body
{
    background-color: #f5f5f5;
}
.indextop
{
    background-color: #fff;
    height: 50px;
}
.indextop .d1
{
    margin: 10px 0 0 10px;
}
.indextop .d1 img
{
    height: 41px;
}
.indextop .d2
{
    width: 60px;
    text-align: right;
    margin: 10px 10px 0 0;
}
.indextop .d2 img
{
    height: 25px;
}

.menuhp
{
    float: left;
   
    background-color: #13b5b1;
    padding: 15px 0 0 0;
    float: left;
    margin: -10px 10px 0 10px;
    width: calc(100% - 20px);
    position: relative;
    z-index: 25;
    border-radius: 5px;
    clear: both;
}
.swiper-slide .d1
{
    width: 25%;
    float: left;
    text-align: center;
    height: 90px;
    font-size: 14px;
}

.swiper-slide .d1 a
{
  color:#fff;
}
.swiper-slide .d1 img
{
    margin: 0 0 8px 0;
    border: 0;
    width: 45px;
    height: 45px;
    border-radius: 10px;
}

.swiper-slide .dg
{
    width: 33.33%;
    float: left;
    text-align: center;
    height: 90px;
    font-size: 14px;
}
.swiper-slide .dg img
{
    margin: 0 0 8px 0;
    border: 0;
    width: 45px;
    height: 45px;
    border-radius: 45px;
}


.indexgg
{
    
    width: 100%;
       
}
.indexgg .d1
{
    margin: 10px 0 0 10px;
    height: 34px;
    width: 36px;
    background-color: #fff;
    border-radius: 30px 0 0 30px;
}
.indexgg .d1 img
{
    float: left;
    height: 16px;
    margin: 9px 10px 0 10px;
}
.indexgg .d1 span
{
    float: left;
    height: 16px;
    border-left: #D5D4D4 solid 1px;
    width: 2px;
    margin: 9px 0 0 0;
}
.indexgg .d2
{
    margin: 10px 10px 0 0;
    background-color: #fff;
    border-radius: 0 30px 30px 0;
    height: 34px;
}
.indexgg .d2 .divm
{
    float: left;
    width: calc(100% - 20px);
    margin: 8px 20px 0 0;
    height: 17px;
    overflow: hidden;
    font-size: 14px;
}

.ggbox
{
    width: 100%;
    margin-top: 15px;
}

.rmcap
{
    background-color: #fff;
}
.rmcap .d1
{
    margin: 13px 0 0 80px;
    height: 33px;
    border: #EE4758 solid 3px;
    border-right: 0;
}
.rmcap .d1 div
{
    float: right;
    margin: -9px 0 0 0;
    width: 15px;
    background-color: #fff;
    height: 20px;
}
.rmcap .d1 div span
{
    transform: rotate(45deg);
    border: solid #EE4758;
    border-width: 0 3px 3px 0;
    float: right;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg);
}
.rmcap .d2
{
    margin: 12px;
   
    width: 110px;
}
.rmcap .d2 span
{
    float: left;
    width: 100%;
}
.rmcap .d2 .s1
{
    font-size: 16px;
    color: #ca53b0;
    height: 23px;
    font-weight: 700;
        border-left: 3px solid #ca53b0;
    padding-left: 6px;
        
}
.rmcap .d2 .s2
{
    font-size: 12px;
    color: #EE4758;
}
.rmcap .d3
{
    margin: 13px 80px 0 0;
    height: 33px;
    border: #EE4758 solid 3px;
    border-left: 0;
}
.rmcap .d3 div
{
    float: left;
    margin: -9px 0 0 0;
    width: 15px;
    background-color: #fff;
    height: 20px;
}
.rmcap .d3 div span
{
    transform: rotate(45deg);
    border: solid #EE4758;
    border-width: 0 3px 3px 0;
    float: left;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg);
}
.rmhr
{
    background-color: #fff;
    padding: 0 0 20px 0;
}
.rmhr .dmain
{
    margin: 0 0 0 10px;
}
.rmhr .dmain .a1
{
    float: left;
    margin: 10px 10px 0 0;
    width: calc(25% - 10px);
    padding: 6px 0 0 0;
    text-align: center;
    height: 23px;
   
}
 .swl
  {
    border-radius: 10px;
    background: #30a2c8;
    color:#fff;
}
  .sw2
  {
    border-radius: 10px;
    background-color: #F9F9F9;
}
.mqcap
{
    background-color: #fff;
    padding: 15px 0 10px 0;
    margin: 10px 0 0 0;
}
.mqcap .d1
{
    margin: 13px 0 0 80px;
    height: 33px;
    border: #8297EF solid 3px;
    border-right: 0;
      font-size: 18px;
    color: #EE4758;
    height: 23px;
    font-weight: 700;
    border-left: 3px solid #EE4758;
    padding-left: 6px;


}
.mqcap .d1 div
{
    float: right;
    margin: -9px 0 0 0;
    width: 15px;
    background-color: #fff;
    height: 20px;
}
.mqcap .d1 div span
{
    transform: rotate(45deg);
    border: solid #8297EF;
    border-width: 0 3px 3px 0;
    float: right;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg);
}
.mqcap .d2
{
    margin: 10px;
     
    width: 139px;
}
.mqcap .d2 span
{
    float: left;
    width: 100%;
}
.mqcap .d2 .s1
{
    font-size: 18px;
    color: #8297EF;
    height: 23px;
    font-weight: 700;
 border-left: 3px solid #8297EF;
    padding-left: 6px;
}

.mqcap .d2 .s3
{
    font-size: 18px;
    color: #666;
    height: 23px;
    font-weight: 700;
 
    padding-left: 6px;
}


.sfjd {
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: white;
    background: #F3413D;
    border-radius: 5px;
}

.sfjds {
    width: 70px;
   
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: white;
    background: #6495ED;
    border-radius: 5px;
float: left;
}

.mqcap .d2 .sg1
{
    font-size: 18px;
    color: #ff6600;
    height: 23px;
    font-weight: 700;
 border-left: 3px solid #ff6600;
    padding-left: 6px;
}

.fyyx {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
}


.sfjd {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
}


.fyyxr {
    float: right;
    width: 71%;
    
}

.fyyxrs {
    
       margin-left: 79px;
    
}

.s1ds {
   font-size: 14px;
}
.mqcap .d2 .s2
{
    font-size: 12px;
    color: #8297EF;
}
.mqcap .d3
{
    margin: 13px 80px 0 0;
    height: 33px;
    border: #8297EF solid 3px;
    border-left: 0;
}
.mqcap .d3 div
{
    float: left;
    margin: -9px 0 0 0;
    width: 15px;
    background-color: #fff;
    height: 20px;
}
.mqcap .d3 div span
{
    transform: rotate(45deg);
    border: solid #8297EF;
    border-width: 0 3px 3px 0;
    float: left;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg);
}
.mqlist
{
    background-color: #fff;
    padding: 0 0 20px 0;
}
.mqlist .dmain
{
    margin: 0 0 0 10px;
}
.mqlist .dmain .d1
{
    float: left;
    margin: 15px 15px 0 0;
    
    
}
.mqlist .dmain .d1 img
{
   
}
.mqlist .dmain .d1 span
{
     
    width: 100%;
    height: 21px;
    background-color: #e8e4e4;
}

.indexym
{
    
    background-color: #f4f4fd;
     
 
}
.indexym .d1
{
    margin: 10px 0 10px 16px;
    font-size: 15px;
    font-weight: 600;
    color: #666;
}
.indexym .d3
{
    margin: 10px 0 10px 16px;
    font-size: 15px;
    font-weight: 600;
    color: #666;
}
.indexym .d2
{
    margin: 12px 16px 0 0;
    text-align: right;
}
.joblist
{
    background-color: #fff;
    margin-top: 10px;
}

 .msg
    {
        padding: 22px 0 0 15px;
    }
    .msgbox li
    {
        width: 48%;
        margin: 0 2% 1.6% 0;
    }
    .msgtext
    {
        width: 95%;
    }
    .mtext
    {
        height: 37px;
        line-height: 37px;
        width: 70%;
    }
    .msgarea
    {
        margin-right: 2%;
    }
    .msgarea div
    {
        width: 88.5%;
    }
    .marea
    {
        width: 72%;
        height: 90%;
    }
    
    .msg { padding-top: 22px; width:100%; }
.msgbox { height: auto; overflow: hidden; *padding-bottom: 16px;}
.msgbox li { float: left; margin: 0 22px 16px 0; width: 91%; overflow: hidden; }
.mspan { float: left; display: block; padding-left: 5px; height: 39px; line-height: 39px; color: #ff6153; font-size: 1.4em; }
.msgtext { float: left;  height: 39px; line-height: 39px; color: #333; font-size: 1.2em; border: 1px solid #cdcccc; }
.msgtext b { font-weight: normal; padding: 0 3px 0 12px; display: block; float: left; }
.mtext { float: left; width: 58%; height: 39px; line-height: 39px; border: none; vertical-align: top; -webkit-user-select: text;/*1009*/ }
.msgarea { height: auto; overflow: hidden; }
.msgarea div { float: left; height: 226px; color: #333; font-size: 1.2em; border: 1px solid #cdcccc; }
.msgarea div b { display: block; float: left; padding: 0 3px 0 12px; height: 39px; line-height: 39px; font-weight: normal; }
.marea { padding-top: 21px;  border: 0; resize: none; overflow-y: hidden; -webkit-user-select: text;/*1009*/ }
.msgdiv { margin-top: 21px; }
.msgdiv input { margin-right: 3px; display: inline-block; width: 159px; height: 35px; line-height: 29px; color: #fff; font-size: 1.4em; text-align: center; cursor: pointer; border: 0; background: #555; }
.msgdiv input:first-child { background: #F44336; }
.msgdiv input:hover { filter: alpha(opacity=70); opacity: 0.7; }
.introduce { color: #666; font-size: 1.3em; line-height: 26px; padding: 28px 50px 0 0; }
    

.sflist
{
    background-color: #fff;
        padding: 10px 10px 15px 10px;
        border-bottom: #f2f2f2 solid 1px;
        width: 92%;
}

.d1desc a 
{
color: #999999;
    }
    .s1d
    {   font-weight: bold;
        
        }
.joblist .dmain
{
    margin: 10px;
}
.joblist .dmain .u1
{
    float: left;
    width: 100%;
}
.joblist .dmain .u1 li
{
    float: left;
}
.joblist .dmain .u1 .l1
{
    width: calc(100% - 60px);
    font-size: 18px;
}
.joblist .dmain .u1 .l2
{
    width: 60px;
    color: #ff0000;
    margin: 4px 0 0 0;
    font-size: 13px;
    text-align: right;
}
.joblist .dmain .u2
{
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
}
.joblist .dmain .u2 li
{
    float: left;
}
.joblist .dmain .u2 .l1
{
    width: calc(100% - 80px);
}
.joblist .dmain .u2 .l1 .d1
{
    float: left;
    width: 100%;
}
.joblist .dmain .u2 .l1 .d1 .s1
{
    color: #c91b1a;
    float: left;
    font-size: 15px;
}
.joblist .dmain .u2 .l1 .d1 .s2
{
    color: #666;
    float: left;
    font-size: 15px;
    margin-left: 40px;
}
.joblist .dmain .u2 .l1 .d2
{
    float: left;
    width: 100%;
    margin: 7px 0 0 0;
    height: 23px;
    overflow: hidden;
}
.joblist .dmain .u2 .l1 .d2 .ts
{
    float: left;
    padding: 2px 10px 0 10px;
    height: 21px;
    border-radius: 10px;
    margin-right: 10px;
}
.joblist .dmain .u2 .l1 .d2 .ts1
{
    color: #868686;
    background-color: #EBEBEB;
}
.joblist .dmain .u2 .l1 .d2 .ts2
{
    color: #30A2C8;
    background-color: #DAF2FE;
}
.joblist .dmain .u2 .l1 .d2 .ts3
{
    color: #76AF58;
    background-color: #E4FCDC;
}
.joblist .dmain .u2 .l1 .d2 .ts4
{
    color: #EA994E;
    background-color: #FEF5DA;
}
.joblist .dmain .u2 .l2
{
    width: 80px;
}
.joblist .dmain .u2 .l2 a
{
    color: #fff;
    background-color: #FF6600;
    font-size: 13px;
    margin: 23px 0 0 0;
    float: right;
    padding: 3px 8px 4px 8px;
    border-radius: 5px;
    background-color: #FF6600;
}
.joblist .dmain .u3
{
    float: left;
    width: 100%;
    border-top: #EBEBEB solid 1px;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #666;
}
.joblist .dmain .u3 li
{
    float: left;
}
.joblist .dmain .u3 .l1
{
    width: calc(100% - 100px);
}
.joblist .dmain .u3 .l2
{
    width: 100px;
    text-align: right;
}

.prolist
{
    background-color: #fff;
}
.prolist .dmain
{
    margin: 0;
}
.prolist .dmain .dm
{
    float: left;
    width: calc(100% - 20px);
    border-bottom: #ebebeb solid 1px;
    padding: 15px 10px;
}
.prolist .dmain .dm .d1
{
    float: left;
    width: 100px;
}
.prolist .dmain .dm .d1 div
{
    float: left;
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}




.prolist .dmain .dm .d1 div img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.prolist .dmain .dm .d2
{
    float: right;
    width: calc(100% - 115px);
}
.prolist .dmain .dm .d2 .b1
{
    float: left;
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    line-height: 20px;
    height: 39px;
}
.prolist .dmain .dm .d2 .b2
{
    float: left;
    width: calc(100% - 50px);
    margin: 8px 0 0 0;
}
.prolist .dmain .dm .d2 .b2 .sb1
{
    float: left;
    width: 100%;
    height: 20px;
    overflow: hidden;
}
.prolist .dmain .dm .d2 .b2 .sb1 span
{
    float: left;
    padding: 2px 3px 0 3px;
    height: 18px;
    margin: 0 5px 0 0;
    border-radius: 2px;
    background-color: #F4F4F4;
    color: #666;
}
.prolist .dmain .dm .d2 .b2 .sb2
{
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    font-size: 14px;
}
.prolist .dmain .dm .d2 .b2 .sb2 .s1
{
    color: #ff6600;
    float: left;
}
.prolist .dmain .dm .d2 .b2 .sb2 .s2
{
    color: #999;
    margin: 0 0 0 10px;
    float: left;
}
.prolist .dmain .dm .d2 .b3
{
    float: right;
    width: 50px;
    margin: 32px 0 0 0;
}
.prolist .dmain .dm .d2 .b3 span
{
    color: #fff;
    float: left;
    width: 50px;
    border-radius: 20px;
    text-align: center;
    background-color: #53BCFB;
    font-size: 15px;
    padding: 5px 0 0 0;
    height: 25px;
}

.newslist
{
    padding: 18px 0;
    background-color: #fff;
    border-bottom: #ebebeb solid 1px;
}
.newslist .d1
{
    margin: 0 0 0 17px;
}
.newslist .d1 .s1
{
    float: left;
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    line-height: 23px;
    font-size: 14px;
    overflow: hidden;
}
.newslist .d1 .sn
{
    float: left;
    width: 100%;
    
   
    line-height: 23px;
    font-size: 14px;
    overflow: hidden;
}
.newslist .d1 .s2
{
    float: left;
    color: #FFF;
    padding: 2px 3px 2px 3px;
    border-radius: 2px;
    background-color: #009688;
}
.newslist .d1 .s3
{
    float: right;
    margin: 2px 0 0 0;
    color: #999;
}
.newslist .d2
{
    margin: 0 15px 0 15px;
    
}
.newslist .d2 img
{
    width: 100px;
    height: 75px;
}

.jllist1
{
    background-color: #fff;
    padding-bottom: 10px;
}
.jllist1 .dleft
{
    margin: 10px 10px 0 10px;
    width: 70px;
}
.jllist1 .dleft img
{
    width: 70px;
    border-radius: 5px;
}
.jllist1 .dright
{
    margin: 9px 10px 0 10px;
    font-size: 14px;
}
.jllist1 .dright .s1
{
    float: left;
    font-size: 17px;
    margin: 5px 0 0 0;
}
.jllist1 .dright .s2
{
    float: right;
}
.jllist1 .dright .s2 a
{
    float: right;
    border-radius: 4px;
    padding: 3px 10px 0 25px;
    height: 23px;
    font-size: 14px;
    margin: 3px 0 0 0;
}
.jllist1 .dright .s2 .a1
{
    border: #ff5c00 solid 1px;
    color: #ff5c00;
    background: url(../cv/img/down.gif) no-repeat;
    background-position: 10px 7px;
    background-size: 15px 14px;
}
.jllist1 .dright .s2 .a1:hover
{
    border: #db4d00 solid 1px;
    color: #fff;
    background: url(../cv/img/down1.gif) no-repeat;
    background-position: 10px 7px;
    background-size: 15px 14px;
    background-color: #ff5c00;
}
.jllist1 .dright .s2 .a2
{
    border: #999 solid 1px;
    color: #999;
    padding-left: 10px;
}
.jllist1 .dright .s2 .a2:hover
{
    border: #999 solid 1px;
    color: #999;
    background-color: #f9f9f9;
}
.jllist1 .dright .d1
{
    float: left;
    clear: both;
    margin: 10px 0 0 0;
}
.jllist1 .dright .d1 span
{
    padding: 2px 10px 0 10px;
    height: 22px;
    border-radius: 10px;
    margin-right: 7px;
    float: left;
}
.jllist1 .dright .d1 .sn1
{
    color: #30A2C8;
    background-color: #DAF2FE;
}
.jllist1 .dright .d1 .sn2
{
    color: #76AF58;
    background-color: #E4FCDC;
}
.jllist1 .dright .d1 .sn3
{
    color: #EA994E;
    background-color: #FEF5DA;
}
.jllist1 .dright .d2
{
    float: left;
    clear: both;
    margin: 8px 0 0 0;
    color: #999;
}
.jllist2
{
    background-color: #fff;
    font-size: 14px;
}
.jllist2 .d1
{
    margin: 0 10px 10px 10px;
    line-height: 20px;
    border-top: #EEEEEE solid 1px;
    padding: 10px 0 0 0;
    height: 20px;
    overflow: hidden;
}













         .contact1{}
.contact1 .d1{margin:50px 0 70px 0;text-align:center;font-size:14px;}
.contact1 .d1 img{max-width:100px;margin:0 0 10px 0;border:#eee solid 1px;padding:10px;border-radius:5px;}
.contact2{border-bottom:#f2f2f2 solid 1px;padding:15px 0;font-size:14px;}
.contact2 .d1{width:90px;margin:0 0 0 10px;color:#383838;}
.contact2 .d2{margin:0 10px 0 0;text-align:right;color:#929292;}
.contact2 .d2 .qq1{float:right;}
.contact2 .d2 .qq2{float:right;margin:2px 5px 0 0;}

.contactb{}
.contactb .d1{margin:30px 0 0 20px;text-align:center;line-height:30px;}
.contactb .d1 a{margin:0 20px 0 0;font-size:14px;color:#6793e8;}

.txtmain{}
.txtmain .dmain{margin:15px;font-size:14px;text-align:left;line-height:30px;}

.wz{margin:0;background-color:#E9E9E9;border-bottom:#ddd solid 1px;padding:10px 0;text-align:left;}
.wz .d1{margin:0 10px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}

.ntit{background-color:#fff;border-bottom:#dddddd dotted 1px;line-height:20px;color:#999;}
.ntit .d1{display:block;margin:0;webkit-box-flex:1;-moz-box-flex:1;box-flex:1;padding:8px 5px 5px 15px;font-size:9px;line-height:24px;}
.ntit .d1 strong{font-size:15px;font-weight:600;color:#000;}
.ntxt{background-color:#fff;font-size:14px;text-align:left;line-height:25px;padding:5px 5px 20px 5px;}
.ntxt .d1{display:block;margin:0;webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:7px 5px 0 5px;}
.ntxt .d1 img{max-width:98% !important;margin:0 auto;display: block;}
.ntxt .d1 vidoe{max-width:100% !important;}
 .ntxt  img{max-width:98% !important;margin:0 auto;    width: 100%;
    height: auto;}

.xgtxt{padding:15px 0;background-color:#fff;border-top:#ddd solid 1px;}
.xgtxt .dm{webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:0;width:100%;}
.xgtxt a{width:51px;text-align:center;color:#fff;border-radius:5px;padding:3px 0 0 0;height:20px;font-size:8px;}
.xgtxt .a1{background-color:#2FADE8;float:left;margin:0 0 0 10px;}
.xgtxt .a2{background-color:#FA7D7F;float:right;margin:0 10px 0 0;}

.inf4{background-color:#fff;margin:10px 0 0 0;width: 100%; height:45px;}
.inf4 .d1{width:60px;margin:5px 0 10px 5px;}
.inf4 .d1 img{width:60px;border-radius:5px;}
.inf4 .d2{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin:11px 0 0 5px;font-size:14px;}
.inf4 .d2 span{float:left;}
.inf4 .d2 .s1{width:100%;font-weight:600;color:#666;font-size:16px;}
.inf4 .d2 .s2{margin:10px 0 0 0;color:#999;background: url(../img/tel.png) no-repeat;
    background-position: 0 2px;
   background-size: 16px 15px;
    padding-left: 20px;
}
.inf4 .d3{width:30px;margin:5px 10px 0 0;text-align:right;}
.inf4 .d3 img{height:30px;}

.inf5{background-color:#fff;margin-bottom: 10px;padding-left: 10px;}
.inf5 .d1{margin:10px;font-size:14px;color:#666;}

.inftxt{background-color:#fff;font-size:14px;}
.inftxt .dmain{margin:0 10px 0px 10px;line-height:23px;color:#5D5C5B;background-color: #f2f6ff; padding:10px;}
.dht{     width: 30px;
    margin-left: 6px;}
    
    .inf4 .d1 img
    { width:40px;}
    .inf4 .d1
    {
        float:right;
  width:40px;
margin-left: 15px;
        }
        
 .ilist{width:94%;background-color:#fdfdfd;border-bottom:#ddd  solid 0px;padding:10px 0;text-align:left;}
.ilist .d1{width:76px;text-align:center;margin:0 10px;}
.ilist .d1 img{width:76px;height:60px;object-fit:cover;}
.ilist .d2{margin:2px 10px 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;border-bottom: #ddd dashed  1px;}
.ilist .d2 .s1{float:left;width:100%;font-size:14px;height:40px;}
.ilist .d2 .s2{float:left;width:50%;color:#999;}
.ilist .d2 .s3{float:left;width:50%;color:#999;text-align:right;}

.lxfs
{
    float:left;
    padding-right: 5px;
    
    }
    .lxfsz 
    { 
        display:block;
        }
.lxfst
{
   width:48px;  
    float:left;
    }
.lxdz
{
     float:left;
     padding-top:10px;
     padding-bottom:10px;
     background-color:#13b5b1;
      color:#fff;
width: 48%;
    }
.lxdh
{
      float:right;
      margin-right: 10px;
 padding-top:10px;
     padding-bottom:10px;
     background-color:#13b5b1;
     color:#fff;
     width: 48%;
    }
    .lxdh a
    {
          color:#fff;
        }
    
    .mqlist
    {
             background-color: #fff;
    padding: 10px 0 10px 0;
        }