.footerBo@media (min-width:1040px){
    * {margin:0; padding:0;} img { border:0; } 
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #fff;
    }
    ::-webkit-scrollbar-thumb {
      background: #1b1b1b;
      cursor: pointer;
    }
    ::-webkit-scrollbar-thumb:window-inactive {
      background: #1b1b1b;
      cursor: pointer;
    }
    ::-webkit-scrollbar-thumb:vertical:hover {
      background: #1b1b1b;
      cursor: pointer;
    }
    .service .pic::-webkit-scrollbar {
      width:3px;
    }
    .service .pic::-webkit-scrollbar-track {
      background: #cdcdcd;
    }
    .service .pic::-webkit-scrollbar-thumb {
      background: #8c8c8c;
      cursor: pointer;
    }
    .service .pic::-webkit-scrollbar-thumb:window-inactive {
      background: #8c8c8c;
      cursor: pointer;
    }
    .service .pic::-webkit-scrollbar-thumb:vertical:hover {
      background: #8c8c8c;
      cursor: pointer;
    }
   .footer .footerLink li { margin-left:76px!important;}
}
/*<!-------------- HEADER  头部结束 ------------>  */
*{line-height: 26px}
.w102{width: 102px}
/*.wrapper{width: 100%;height: 100%;overflow: hidden;overflow-y: auto}*/
*,body,html{margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;}
.header{background: #fff;top:0;z-index:99;text-align: right;margin:0 auto;height:100px;right: 0;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease;}
.head_main{position:fixed;width: 100%;background-color: #fff;z-index: 99}
.head_main h1{margin:0}
  .head-work{line-height:100px;text-align: center;font-size: 16px;border-right: 1px solid #ebebeb;height: 100%;}
  .header .title{text-align: center;width: 100%;height: 100px;    box-shadow: 0 0 10px rgba(0,0,0,0.29);}
    .head-logo{ display:inline-block;background-position:center;background-repeat: no-repeat;height: 100%;width: 308px;background-size: 100%;background-image: url(../images/0header_logo.png)}
  .nav-toggle{border-left: 1px solid #ebebeb;position:relative; display:block;touch-action:none;text-align: center;color: #2d2d2d;line-height: 130%;height:100px;cursor: pointer;}
    .nav-toggle p{padding-top:15px}
      .nav-toggle .icon{ position:relative;width:20px;height:3px;margin:0 auto;background-color:#252525;-webkit-transition-duration:.5s;transition-duration:.5s;transiting-timing-function:swing;}
      .nav-toggle .icon:after,.nav-toggle .icon:before{position:absolute;left:0;width:20px;height:3px;content:"";background-color:#252525;-webkit-transition-timing-function:swing;transition-timing-function:swing;-webkit-transition-duration:.5s;transition-duration:.5s;}
      .nav-toggle .icon:before{top:-7px;}
      .nav-toggle .icon:after{top:7px;}
      .nav-toggle.active{display: none;}
      .nav-toggle.active .icon{ width:0;}
      .nav-toggle.active .icon:before{background-color: #fff;-webkit-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);}
      .nav-toggle.active .icon:after{background-color: #fff;-webkit-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);}
.head-nav{ padding-top:216px;position:fixed;text-align: left;background-color: #fff;z-index:998; top:0; right:0; bottom:0; left:0; visibility:hidden; background-color:#1c1e1f; opacity:0; -webkit-transform:scale(.9); -moz-transform:scale(.9); -ms-transform:scale(.9); -o-transform:scale(.9); transform:scale(.9); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
  .head-nav .closeBtn{position: absolute;width: 52px;height: 52px;background: url(../images/6icon03.png) no-repeat center;background-size: 100% 100%;top:25px;right: 25px}
  .head-nav .contanieNav{width:1270px;margin:0 auto}
  .head-nav.active{ visibility:visible; opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
    .head-nav ul.list{display:inline-block;margin: 0;vertical-align: bottom;text-align: left;}
      .head-nav li{display: block;margin: 0;}
        .head-nav li a{ position: relative;display:block; height:75px; line-height:75px; overflow:hidden; width: 250px;font-size:45px; font-weight:300; color:#fff;margin:0;}
        .head-nav li a .En{color: #f5f0ea;font-size: 45px;font-family: Arial;font-weight: 600; line-height:75px;display: block;}
        .head-nav li a .CH{display:block;color: #ee9200;font-size: 40px;display: none; line-height:75px;}
        .head-nav li.active .CH,.head-nav li:hover .CH{display:block;}
        .head-nav li.active .En,.head-nav li:hover .En{display:none;}
  .contactList{display: inline-block;margin-left: 375px;color: rgba(255, 255, 255, 0.3);padding-bottom:14px}
    .contactList .nav_logo{margin-bottom: 10px}
      .contactList p{padding-top:20px}
  .head-nav .f{color: rgba(255, 255, 255, 0.3);padding-top: 104px}
.w1560{width: 82%;margin:auto}
.w1715{width: 89%;margin:auto}
.pl180{padding-left: 180px}
.pr180{padding-right: 180px}
h3,h4{font-weight: 300}
.fb{font-weight: 600;}
.f80{font-size: 80px;line-height: 80px} .f70{font-size: 70px;line-height: 70px} .f60{font-size: 60px;line-height: 60px} .f90{font-size:90px;line-height: 90px} .f50{font-size:50px;line-height: 50px} .f45{font-size: 45px;line-height: 45px} .f32{font-size: 32px;} .f30{font-size: 30px;line-height: 30px} .f35{font-size: 35px;line-height: 35px} .f28{font-size:28px;} .f26{font-size: 26px;} .f24{font-size: 24px;} .f20{font-size: 20px;}
.f36{font-size: 36px;line-height: 36px}
.banner{overflow: hidden;}
.banner .icon{cursor: pointer;width: 38px;height: 38px;border: 1px solid rgba(255, 255, 255, 0.54);-webkit-border-radius: 50%;border-radius: 50%;margin-top: 175px;overflow: hidden;}
.banner .icon i{display: block;height: 100%;width: 100%;background: url(../images/0icon02.png) no-repeat center;animation: downico 1.5s ease-out infinite;position: absolute;}
.moreicon{display:block;width: 38px;height: 38px;background-size: 100% ;background: url(../images/0more.png) no-repeat center;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease;}
.moreicon2{background: url(../images/0more2.png) no-repeat center;}
@keyframes downico {
  0% {top: 0;opacity: 1;}
  35% {top: 50%;opacity: 0;}
  65% {top: -50%;opacity: 0;}
  100% {top: 0;opacity: 1;}
}
.index_brand{background-color:#fbfbfb;padding:150px 0 185px}
  .index_brand .brandLink h3{margin-bottom: 15px}
  .index_brand .brandLink h3 a{font-size: 18px}
  .index_brand .brandLink dd a{font-size: 12px;color: rgba(0, 0, 0, 0.7);line-height: 36px}
  .index_brand .brandCompany{padding:0  60px}
    .index_brand .brandCompany .HD{padding-right: 30px;}
      .index_brand .brandCompany .HD .more{font-size:12px}
      .index_brand .branLogo{padding: 60px 0 50px}
        .index_brand .brandCompany .swiper-container .swiper-slide{display: inline-block;width: auto;width: 25%}  
  .index_brand .brandW a{display: inline-block;margin-right: 5px;font-size: 12px;color: rgba(0, 0, 0, 0.7);line-height: 24px}
/*<!-------------- HEADER  头部结束 ------------>*/
/*<!-------------- HEADER  头部结束 ------------>  */
.footer{background-color: #292a2e;padding:115px 0 30px;position: relative;}
.footer .footerContact{color: rgba(255, 255, 255, 0.25);font-size: 14px;    max-width: 354px;}
  .footer .footerContact h3{font-size: 16px;margin:25px 0 10px;font-weight:600;}
.footer .footerLink{ }
.footer .footerLink a{color: rgba(255, 255, 255, 0.25);font-size: 14px;}
    .footer .footerLink li{color: rgba(12, 18, 28, 0.8);width: 80px;margin-left: 176px}
    .footer .footerLink li h3{font-size: 20px;font-weight: 300;}
	.footer .footerLink li h3 a{font-size: 18px;}
    .footer .footerLink li .line{width: 13px;height: 1px;background-color: rgba(255, 255, 255, 0.3);margin:5px 0 10px;}
    .footer .footerLink li a{display: block;text-align: left;}
  .footer .weixin{text-align: center;color: rgba(255, 255, 255, 0.25);}
    .footer .weixin p{text-align: center;line-height: 150%;color: rgba(255, 255, 255, 0.25);padding-top: 10px}
.footerBo{margin-top:57px;color: rgba(255, 255, 255, 0.25);border-top: 1px solid rgba(255, 255, 255, 0.1)} 
  .footerBo .pt{padding-top: 30px} 
/*<!-------------- HEADER  头部结束 ------------>*/
.float-right-box{position: fixed;right: 0;z-index: 9;bottom:20%;}
  .float-right-box ul li{margin-bottom: 1px;}
  .float-right-box ul li a{width: 50px;height: 50px;margin-bottom: 1px;display: block;position: relative;overflow: hidden;}
	.float-right-box ul li .cls{width: 50px;height: 50px;margin-bottom: 1px;display: block;position: relative;overflow: hidden;}
  .float-right-box ul li a .ico{width:100%;height:100%;background-color: rgba(235,235,235,.25);background-repeat: no-repeat;background-position: center;display: block;position: relative;z-index: 2}
  .float-right-box ul li .ico{width:100%;height:100%;background-color: rgba(235,235,235,.25);background-repeat: no-repeat;background-position: center;display: block;position: relative;z-index: 2}
  .float-right-box ul li a .ico1{background-image: url(../images/0right01.png)}
  .float-right-box ul li a .ico2{background-image: url(../images/0right02.png)}
  .float-right-box ul li .ico3{background-image: url(../images/0right03.png)}
  .float-right-box ul li a .ico4{background-image: url(../images/0right04.png)}
  .float-right-box ul li a .ico5{background-image: url(../images/0right05.png)}
  .float-right-box ul li a .ico6{background-image: url(../images/ico_68.png)}
  .float-right-box ul li a .stt{position: absolute;width: 206px;top:0;line-height: 50px;text-align: center;left:100%;display: block;background-color: #191b1b;color: #fff;overflow: hidden;z-index: 1}
 .float-right-box ul li .cls .stt{position: absolute;width: 206px;top:0;line-height: 50px;text-align: center;left:100%;display: block;background-color: #191b1b;color: #fff;overflow: hidden;z-index: 1}
  .float-right-box ul li a:hover .stt{left: -207px;}
	.float-right-box ul li .cls:hover .stt{left: -207px;}
  .float-right-box ul li a:hover{overflow:visible;}
	.float-right-box ul li .cls:hover{overflow:visible;}
.moreBtn{width: 299px;line-height: 62px;text-align: center;color: #dfdfdf;margin:95px auto 84px;background-color: #000000;cursor: pointer;display: block;}   
.moreBtn:hover{background-color: #232222} 
/* 1366 */
.footbar{display:none}
/* 1366 */
@media (max-width:1440px){
  .w1560{width:1260px;}
  .w1715{width:1260px;}
  .footer .footerLink li {margin-left: 89px;}
  .f80{font-size: 80px;line-height: 80px} .f70{font-size:65px;line-height: 55px} .f60{font-size: 60px;line-height: 60px} .f90{font-size: 65px;line-height:65px} .f50{font-size:40px;line-height: 50px} .f45{font-size: 45px;line-height: 45px} .f32{font-size: 32px;} .f30{font-size: 30px;line-height: 30px} .f35{font-size: 35px;line-height: 35px} .f28{font-size:28px;} .f26{font-size: 26px;} .f24{font-size: 24px;} .f20{font-size: 20px;}
  .f36{font-size: 24px;line-height: 24px}
    .index_brand {padding: 60px 0 70px;}
    .index_banner .swiper-wrapper .swiper-slide{padding-left:80px}
  .head-nav{ padding-top:160px;}
}
/* 1366 */
@media (max-width:1366px){
  .head-nav .contanieNav {width: 100%;padding: 0 20px}
  .contactList { margin-left: 100px;}
  .head-nav{text-align:center;}
}
/* 1200 */
@media (max-width:1290px){
  .container{width:100% !important;}
  .w1560{width:100%;padding:0 20px}
  .w1715{width:100%;padding:0 20px}
  .pl180{padding-left:60px}
  .pr180{padding-right: 60px}
  .brandCompany{padding:0 20px}
  .banner .icon { margin-top:100px;}
  .moreBtn{width:150px;line-height:40px;margin:30px auto 50px;}  
}
/* 1200 */
@media (max-width:1040px){
  .container{width:100% !important;}
  .w1560{width:100%;padding:0 20px}
  .w1715{width:100%;padding:0 20px}
  .footer {padding:50px 0 30px;}
  .footerLink{padding:20px 0;width: 100%;}
  .footer{text-align: center;}
  .footerContact{float: none}
  .footer .weixin{float: none;padding:0 0 0 20px}
  .footer .footerLink li {margin:0 35px;float: none;display: inline-block;vertical-align: top;}
  .footerBo {margin-top:20px;padding-top: 20px;}
  .header{height:48px;}
    .head-work{line-height:48px;height: 100%;}
    .header .title{;width: 100%;height:48px}
  .nav-toggle {height: 48px}
   .head-logo{width:6%;}
   .nav-toggle p {display: none}
 .f26{font-size:16px;} 
 .f80{font-size:50px;line-height:50px} .f70{font-size:45px;line-height: 45px} .f60{font-size: 40px;line-height: 40px} .f90{font-size: 55px;line-height: 55px} .f50,.f45{font-size: 24px;line-height: 24px} .f32{font-size: 22px;line-height: 22px} .f30{font-size:20px;line-height: 20px} .f35,.f36{font-size:24px;line-height: 24px} .f26,.f28,.f24{font-size: 16px;line-height: 16px} .f20{font-size: 14px;}
 .f36{font-size: 20px;line-height: 20px}
 .pl180{padding-left:60px}
  .pr180{padding-right: 60px}
  .moreicon{display: none!important}
}
/* 900 */
@media (max-width:900px){
  html,body{height:100%;}
 .footer .footerLink{display: block;float: none}
 .w1560{width:100vw;padding:0 10px;overflow:hidden}
 .w1715{width:100vw;padding:0 10px;}
  .pl180{padding-left:0}
  .head-nav{ padding-top:71px;}
  .head-nav li a .En,.head-nav li a .CH{font-size: 30px}
  .contactList{margin:0;display: none}
  .footer .footerLink li h3 a{font-size: 16px}
}
/* 375 */
@media (max-width:650px){
  .footer .footerContact h3 { font-size:14px;margin: 10px 0 10px;}
.footer .footerContact{  text-align:left;  max-width: 232px;}
 .footerBo .pt{text-align:left}
 .footer .footerLink li {margin:0 10px;width: auto;}
    .footer .footerLink a {font-size: 12px;}
  .w102 {width: 59px;}
  .head-logo {width: 40%;}
  *{line-height: 22px;}
  .index_brand .brandCompany .swiper-container .swiper-slide {text-align: center;}
  .index_brand .brandCompany .swiper-container .swiper-slide img{width: 100%}
  .f80,.f70,.f60,.f90{font-size:22px;line-height:22px}
  .f50,.f45,.f32,.f30,.f35,.f36{font-size: 18px;line-height: 120%}
  .f26,.f28,.f24,.f20{font-size: 15px;line-height: 120%}
  .index_brand .brandLink h3 a{font-size: 14px}
  .index_brand .brandCompany .HD .more{display: none}
  .head-nav .contanieNav a{text-align: center;}
  .footer{margin-bottom: 59px}
  .footbar{ display: block;height:39px; overflow:hidden;position:fixed;bottom: 0;left: 0;background-color:#252629;width: 100%;z-index: 999;}
    .footbar .btn{position: relative; height:59px;font-size:12px; color:#fff; text-align:center;display: inline-block;width: 25%;float: left; padding-top:.6rem;}
    .footbar .btn .icon{display:block; width:100%; height:1.359rem; background-repeat:no-repeat; background-position:center center; -webkit-background-size:auto 100%; background-size:auto 100%; content:'';margin-bottom: 5px;background-repeat: no-repeat;}
    .footbar .ico1{background-image:url(../images/0icon_footer01.png);}
    .footbar .ico2{background-image:url(../images/0icon_footer02.png);}
    .footbar .ico3{background-image:url(../images/0icon_footer03.png);}
    .footbar .ico4{background-image:url(../images/0icon_footer04.png);}
    .footbar .btn:after{display:block; height:100%;width: 1px;background-color: #3D3F44;content: "";position: absolute;right: 0;top:0;}
.index_brand{padding:0}
}
@media (max-width:375px){
  *.html,body{font-size: 12px}
}
.footerBo a{margin-right: 5px;display: inline-block;font-size: 13px}
.footerBo a:hover{color: rgba(0, 0,0, 0.4)!important;}
.footerBo span:hover{color: rgba(0, 0, 0, 0.4)!important;}
  .head-nav dl dd{line-height:15px;display: inline-block;}
  .head-nav li dl dd a{line-height: 30px;display: inline-block;height: 30px;font-size:18px;text-align: left;width: auto;padding:0 20px 0 0 }
  .head-nav li dl dd:hover a{color: #ee9200}
/*.layui-col-md4,.layui-col-sm4{width:33.33333333%!important}*/
   /* footbar */
.float-right-box .bot-share{
  position: relative;
  height: 50px;
}
.bdsharebuttonboxa{
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  transition: background 0.3s ease 0s;
  margin: 0;
  padding: 0;
}
.bdsharebuttonbox.share{
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}   
.bdsharebuttonbox .bds_tsina{
  background-image: url(../images/ico_63.png);background-repeat: no-repeat; background-position: 16px !important;
}
.bdsharebuttonbox .bds_weixin{
  background-image: url(../images/ico_64.png); background-repeat: no-repeat;background-position: 16px !important;
}
.bdsharebuttonbox .bds_tqq{
  background-image: url(../images/ico_65.png); background-repeat: no-repeat;background-position: 16px !important;
}
.bdsharebuttonbox .bds_more{
  background-image: url(../images/ico_66.png) !important; background-repeat: no-repeat !important;background-position: 16px !important;  padding-left:0px !important; line-height: 50px !important;height: 50px !important;;
}
.bdsharebuttonbox a{
margin:0 !important;
}
.bdsharebuttonboxa:hover{
  background-color: #525354;
}
.bdsharebuttonbox .share-ico{
  background-image: url(../images/ico_67.png.html) no-repeat center #191919;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: relative;
}