@font-face {
  font-family: 'pingFangSC-Medium';
  src: url('/skin/font/PingFangPingFang Medium.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'pingFangSC-Light';
  src: url('/skin/font/PingFang Light.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'pingFangSC-Regular';
  src: url('/skin/font/PingFang-SC-Regular.otf');
  font-weight: normal;
  font-style: normal;
}


body{
  margin: 0;
  padding: 0;
  border: 0;
 font-family: pingFangSC-Regular,-apple-system, "roboto", "Arial", "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;

  overflow-x:hidden;
}
ul{margin: 0;padding: 0;}
header,section,div,h1, h2, h3, h4, h5, h6,span,font,i,abbr,em,ul,div{}
a,b,h1, h2, h3, h4, h5, h6,span,font,i,abbr,em,{text-decoration: none;display: block;}
b{font-weight: initial!important;width: initial;}
a{text-decoration: none;}
a:hover{text-decoration: none!important;}
img{vertical-align: middle;}
i,em{font-style: initial}



.fakeloader,.fakeloader div,a,b,span,font,abbr,em,i,ul,li{}
#app,#app div,a,b,span,font,abbr,em,i,ul,li{}
.wrap{ width: 100%; margin: 0; padding: 0;}
/*头部*/
header{ width: 100%;}
.header_cn{ width: 1200px; margin: 0 auto;}
.header_cn .logo{ width:187px; height: 66px; float: left; margin-top: 10px;}
.header_cn .logo img{ width: 100%;}
.nav-collapse{float: left; margin-left: 2%;}
.nav-collapse ul li{display: block;float: left;list-style: none; height:80px; line-height:80px}

.nav-collapse ul li a{
  text-decoration: none;
  font-size: 16px;
  margin: 15px 10px;
  line-height: 45px;
  color:#515151;
  float: left;
  padding: 0 6px;
  
}
.fuwu{ width:100%; height:0px; background:rgba(238,238,238,1);position:absolute; left:0; top:80px; z-index:100; transition: 0.5s;}
.chanpin_cn{ width:1200px; margin:0 auto}
.chanpin_cn h2{ font-size:22px; color:#3F4551; line-height:80px; border-bottom:solid 1px #DCDCDC; width:765px;display: block; margin: 18px 0;}
.anpino{ width:23%; float:left;}
.anpino  ul li{ font-size:14px; height:25px;}
.anpino  ul li a{ color:#71757C;cursor:pointer; width:100%; display:block;height:25px; line-height:25px; font-size:14px; padding:0; margin:0px 0px;!important}
.anpino  ul li a abbr{ color:#EF3636}
.anpino  ul li a span{ width:15px;}
.anpino  ul li a img{ margin-left: 6px; vertical-align: middle; margin-top: -1px; visibility: hidden;}
.anpino  ul li a:hover{ color:#2D7DF6}
.anpino  ul li a:hover img{  visibility: visible;}
.jie:hover{background:url(../img/jiantou3.png) no-repeat center bottom;}

.jie:hover .fuwu{ height:400px; transition: 0.5s;}


.jiejue{ width:100%; height:0px; background:rgba(238,238,238,1);position:absolute; left:0; top:80px; z-index:100;transition: 0.5s;}
.jijueo{ width:25%; float:left; }
.jijueo h2{font-size:22px; color:#3F4551; line-height:80px; border-bottom:solid 1px #DCDCDC; width:278px; display: block;}
.jijueo ul li{ font-size:14px; height:25px; width:100%; display:block}
.jijueo ul li a{ color:#71757C;cursor:pointer; width:100%; display:block;height:25px; line-height:25px; font-size:14px; padding:0; margin:0px 0px;!important}
.jijueo ul li a abbr{ color:#EF3636}
.jijueo ul li a img{ margin-left: 6px; vertical-align: middle; margin-top: -1px; visibility: hidden;}
.jijueo ul li a:hover{ color:#2D7DF6}
.fangan:hover .jiejue{ height:400px; transition: 0.5s;}
.jijueo ul li a:hover img{visibility: visible;}
.fangan:hover{background:url(../img/jiantou3.png) no-repeat center bottom;}

.call{ width: 171px; float: right; margin-top: 20px;}

/*footer*/

.hour{ width:100%; height:auto; margin: 0 auto; background:url(../img/FOOTER.png); background-size: cover; overflow: hidden;}
.hour_zi{ color: #FFFFFF;font-size:20px;line-height:50px; margin: 0 auto;  width: 100%; text-align: center; margin-top: 20px;}
.hour_call{width:170px;margin: 0 auto; margin-top: 10px; padding-bottom: 2%;}
.hour_call img{ width: 100%;}
footer{background:#f2f2f2; width: 100%; }
.f_bottom{ width: 100%; padding-top: 20px;padding-bottom: 30px; }
.f_cn{ width: 1200px;  margin: 0 auto;}
.fleft{ width: 80%; float: left;}
.fleft ul{ width: 30%; float: left;} 
.fleft ul li{ line-height: 28px; width: 100%;color:#8C8C8C; font-size: 12px;}
.fleft ul:nth-child(1){ width: 30%;}
.fleft ul:nth-child(3){ width: 20%;}
.fleft ul:nth-child(4){ width: 20%;}
.fleft ul:nth-child(5){ width: 17%; display: none;}
.fleft ul li a{color:#8C8C8C; }
.fleft .iconfont{font-size: 0.1em !important; -webkit-text-size-adjust:none; transform: scale(0.833333) }
.fleft ul .f_title{ font-size: 14px; color:#000; line-height: 60px;}
.fleft ul .hua{ width:40%; float: left;}
.body_right{border-right: solid 1px #E0E0E0;}
.f_r{ width: 18%; float: right;}
.fr_w{ font-size: 14px; color:#000; line-height: 60px;}
.erwe{ width: 45%; float: left;}
.erwem{ width: 45%; float: right;}
.e_top .wx{ width: 100%; line-height: 25px; font-size: 14px; color: #000;}
.e_top .wx img{ width: 20px;} 
.e_top .ma{ width: 95px; margin: 0 auto;}
.wb{ width: 100%; height:78px;border-top: solid 1px rgba(224,224,224,1); background: #F2F2F2;}
.wb_cn{ width:1200px; margin: 0 auto;}
.wb_cn_l{ float: left; width: 70px; margin-top: 30px;}
.wb_cn_r{ float: left; margin-left: 19%; font-size: 12px; color: #515151; line-height: 78px; }
.fleft ul li a:hover{ color: #2D7DF6;}

/*浮动窗口*/
.fudong{position: fixed;bottom:50px;width:106px;right: 40px;z-index: 1000; cursor:pointer;}
.fudongtishi{display:none;position: fixed;bottom:40px;width:300px;right: 148px;z-index: 1000; cursor:pointer;}
.fudongtishi img{width:100%;right: 100%;}
.f_top{ height:46px; background: url(../img/lan.png); width: 106px; display: block; border-radius: 3px;}
.f_top a{height:46px; background: #7f7f7f; width: 106px; display: block; cursor:pointer;}
.f_top a:hover { background: url(../img/hui.png);}
.f_top a span{ width: 24px; height: 11px; margin-top: 15px; margin-left: 40px; display: block; background: url(../img/jiantou.png) } 
.f_top a:hover span{display: block; background: url(../img/jiantou2.png); z-index: 10;}

.f_top2{ height:63px; background: url(../img/lan2.png) width: 106px; display: block;  margin-top:14px;  border-bottom: solid 1px #E0E0E0; border-top-left-radius: 4px;border-top-right-radius: 4px;}
.f_top2 a{height:63px; background: url(../img/lan2.png) ; width: 106px; display: block; font-size: 12px;font-weight:bold;
color:rgba(252,252,252,1);line-height:25px; text-align: center;}
.f_top2 a:hover{ background:url(../img/hui2.png);color:#394184;}
.f_top2 a span{ width: 24px; height: 20px;  margin-left: 40px; display: block; background: url(../img/39.png);margin-top: 10px; } 
.f_top2 a:hover span{display: block; background: url(../img/391.png); }

.f_top3{ height:63px; background: #7f7f7f;  width: 106px; display: block; border-bottom: solid 1px #E0E0E0;}
.f_top3 a{height:63px; background: #7f7f7f; width: 106px; display: block; font-size: 12px;font-weight:bold;
color:rgba(252,252,252,1);line-height:25px; text-align: center;}
.f_top3 a:hover{background: #E5E5E5; color:#394184;}
.f_top3 a span{ width: 22px; height: 22px;  margin-left: 40px; display: block; background: url(../img/668.png) no-repeat;margin-top: 10px; } 
.f_top3 a:hover span{display: block; background: url(../img/6681.png) no-repeat;; }

.f_top4{ height:63px; background: #7f7f7f;  width: 106px; display: block; border-bottom: solid 1px #E0E0E0;}
.f_top4 a{height:63px; background: #7f7f7f; width: 106px; display: block; font-size: 12px;font-weight:bold;
color:rgba(252,252,252,1);line-height:25px; text-align: center;}
.f_top4 a:hover{background: #E5E5E5; color:#394184;}
.f_top4 a span{ width: 20px; height: 21px;  margin-left: 40px; display: block; background: url(../img/41.png);margin-top: 10px; } 
.f_top4 a:hover span{display: block; background: url(../img/411.png); }

.f_top5{ height:130px; background: #7f7f7f;  width: 106px; display: block; }
.f_top5 a{height:130px; background: #7f7f7f; width: 106px; display: block; font-size: 12px;font-weight:bold;
color:rgba(252,252,252,1);line-height:25px; text-align: center;}
/*.f_top5 a:hover{background: #E5E5E5; color:#394184;}*/
.f_top5 a span{ width: 20px; height: 19px;  margin-left: 40px; display: block; background: url(../img/1.png);margin-top: 10px; } 
/*.f_top5 a:hover span{display: block; background: url(../img/11.png); }*/
.f_top5 a input{ width: 96px; height: 25px; border-radius: 3px; margin: 0 auto; background: #E5E5E5; text-align: center; color: #808492; font-size: 10px; line-height: 25px;margin-top: 3px; border: none;}
 .f_top5 a input::-webkit-input-placeholder {
         /* placeholder颜色  */
         color: #666666;
     
     }
.tonghu{ width: 96px; height: 25px; border-radius: 3px; margin: 0 auto; background: #F66F6A; text-align: center; color: #fff; font-size: 10px; line-height: 25px; margin-top: 8px;}
/*.f_top5 a:hover input{background: #394184; color:#fff;}





/*自适应手机端*/
/*shouji*/
/*shouji*/

.h_titlez{ display: none;}
.sh{display: none;}    
.mores{ display: none;}
.sjiejuo{ display: none;}
.sqiye{display: none;}
.ft{display: none;}
.hour2{ display: none;}
.hexin .h_title3{ width: 40%; margin: 0 auto; text-align: center; color: #515151; font-size: 26px; line-height:35px; margin-top: 2%; display: none;}
.chanp2 { display: none;}

.sj_head{ display: none;}

      /* navMenu */

.fudongs{ display: none;}


.sh{display: none;}    
.mores{ display: none;}
.sjiejuo{ display: none;}
.sqiye{display: none;}

/*手机端*/
.daohang{ width: 100%; height: 113px; display: none;}
.daohang .slogo {
  float: left;
  height: 78px;
  margin-top: 10px;
  margin-left: 15px;
}
.daohang .slogo img{height: 100%!important;}
.nav_button{
  
  height: 28px;
  margin-top: 17px;
  position: absolute;
  right: 15px;
  
}
.nav_button font{display: none;}
.nav_button img{height: 100%;}


.banner{ display: none;}


.hour2{ display: none;}

/*.dis_none{display: block !important;}*/
.dis_block{display: none !important;}



.close_zixun{
   width: auto;
    min-height: 1px;
    position: absolute;
    top: 0px;
    right: 0;
    margin-right: 20px;
    margin-top: 18px;
    z-index: 999999999;
}
.close_zixun a {
    width: 100px;
    min-height: 1px;
    line-height: 36px;
    display: block;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.6);
    border: 1px solid #ffffff\9;
    background-color: #02abf0;
}
.close_zixun a {
    width: 100px;
    min-height: 1px;
    line-height: 36px;
    display: block;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.6);
    border: 1px solid #ffffff\9;
    background-color: #02abf0;
}
.box_zixunBOX1{
   display: none;
    width: 400px;
    height: 180px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/400180_1.png);
    z-index: 5;
    overflow: hidden;
   
}
.box_zixunBOX2{
  display: none;
}
.close{
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
 /* background: red;*/
}
.close1{
  position: absolute;
  top: 110px;
  right: 110px;
  width: 80px;
  height: 40px;
 /* background: red;*/
}
.liji{
  position: absolute;
   top: 110px;
  right: 25px;
  width: 80px;
  height: 40px;
/*  background: #000;*/
}
.box_zixunBOX{
  width: 760px;
    height: 640px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -380px;
    margin-top: -320px;
    overflow: hidden;
}
.box_zixuniframe{
      position: absolute;
    top: 0px;
    width: 760px;
    height: 640px;
}
.z18{
  font-size: 18px !important;
}
.z14{
  font-size: 14px !important;
}
.z10{
/*  display: block;
  float: left;*/
  font-size: 10px !important;
  -webkit-transform:scale(0.8);
}