@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;
    }
  
}
.bgf6{background-color: #f6f5f3}
.bgff{background-color: #fff}
/*<!-------------- HEADER  头部结束 ------------>  */
*{line-height: 26px}
.container{width: 1600px;margin: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;box-shadow: 0 0 10px rgba(0,0,0,0.29);margin:0 auto;height:89px;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;border-bottom: 1px solid rgba(0,0,0,0.2)}
.header *{vertical-align: middle;}
.head_main{position:fixed;width: 100%;background-color: #fff;z-index: 99;box-shadow: 0 0 10px rgba(0,0,0,0.29);}
  .header .headLogo{width: 177px;height: 89px;background:url(../images/0head_logo.png) left top;margin:0 47px 0 70px;}
  .header .seachDiv{position: relative;z-index: 88}
  .header .seachDiv .seachCon{position: fixed;top:0;left: 0;height: 100%;width: 100%;background-color: #363636;display: block;display: none}
  .header .seachDiv .seachCon .froudGroud{width: 81%;height: 90px;border:1px solid #524c44;padding:0 144px 0 65px;top:50%;left:0;right: 0;margin:auto;margin-top:-10%;position: absolute;}
  .header .seachDiv .seachCon .froudGroud .icon{width:65px;height:100%;background-image: url(../images/0head_serch0.png);position: absolute;left: 0;top: 0;}
  .header .seachDiv .seachCon .froudGroud .inputCtrl{width: 100%;color: #f0f0f0;border: none;outline: none;line-height: 89px;height: 89px;font-size: 32px;background-color: transparent;text-align: center;}
  .header .seachDiv .seachCon .froudGroud .subCtrl{width: 144px;text-align: center;background-color: #dab96b;color: #f0f0f0;line-height: 89px;position: absolute;top:0;right: 0;border: none;outline: none;font-size: 20px}
  .header .closeBtn{cursor: pointer;position: absolute;width: 27px;height: 27px;background: url(../images/0close.png) no-repeat center;background-size: 100% 100%;top:25px;right: 25px;cursor: pointer;}
  
  .header .seachDiv .seachShowBtn{width: 95px;height: 89px;background:#dab96b url(../images/0head_serch.png) center no-repeat;}
.head_main h1{margin:0}
  .head-work{line-height:89px;text-align: center;font-size: 16px;border-right: 1px solid #ebebeb;height: 100%;}
  .header .title{text-align: center;width: 100%;height: 100px}
    .head-logo{ display:inline-block;background-position:center;background-repeat: no-repeat;height: 100%;width: 108px;background-size: 100%;background-image: url(../images/0header_logo.png)}
  .nav-toggle{border-left: 1px solid #ebebeb;position:relative; display:none;touch-action:none;text-align: center;color: #2d2d2d;line-height: 130%;height:100px;cursor: pointer;display: none}
      .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.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{margin: 0;vertical-align: bottom;text-align: right;}
      .head_nav li{display:inline-block;margin: 0;position: relative;}
      .head_nav li:after{display:inline-block;margin:auto;position: absolute;top:0;bottom: 0;width: 1px;height: 15px;background-color: #e5e5e5;content: "";right: 0;}
        .head_nav li a.more{line-height: 89px;display: block;padding: 0 40px}
        .head_nav li:hover a.more,.head_nav li.active a.more{color: #dab96b}
        .head_nav li.case:after{display: none;}
        .head_nav li.case a.more{line-height: 89px;display: inline-block;border-style: solid;border-width: 0 1px;border-color:#f6f6f6;padding:0 43px; color: #dab96b}
        .head_nav li.case dd a{padding:0 0 0 20px;}
        .head_nav li.case dd a:hover{color: #dab96b}
        .head_nav li .navSub{position:absolute;right: -20px ;display: none;}
        .head_nav li:hover .navSub{display:block;}
        .head_nav li .navSub dd a{width: 153px;line-height: 47px;background-color: #ffffff;padding-left: 35px;display: block;text-align: left;font-size: 13px;border-top: 1px solid #f2f2f2;}
        .head_nav li .navSub dd:hover a,.head_nav li dl dd.active a{color: #dab96b}
  .contactList{display: inline-block;margin-left: 375px;color: rgba(255, 255, 255, 0.3);padding-bottom:14px;display: none}
    .contactList .nav_logo{margin-bottom: 10px}
      .contactList p{padding-top:20px}


  .banner .container{position: relative;}
  .banner .icon{cursor: pointer;width:20px;height:14px;background: url(../images/0down.png) no-repeat center;position: absolute;left: 0;bottom: 80px}
.brandCompany{padding:72px 0;position: relative;}
.brandCompany .brandTitle{color: rgba(0,0,0,0.8);font-size: 20px;margin-bottom: 10px}
.branLogo .swiper-container{}
.branLogo .swiper-container .swiper-slide{width: 12.5%;text-align: center;height: 84px;line-height: 84px;}
  .branLogo .swiper-container .swiper-slide *{vertical-align: middle;}
  .branLogo .swiper-container .swiper-slide a{display: block;}
  .branLogo .swiper-container .swiper-slide img{vertical-align: middle;}
  .branLogo .swiper-button-next,.branLogo  .swiper-button-prev{position: absolute;top:0;bottom: 0;margin:auto;width: 15px;height: 15px;background-size: 9px}
    .branLogo  .swiper-button-next{background-image: url(../images/1icon06.png);right: 0;left: auto;}
    .branLogo  .swiper-button-prev{background-image: url(../images/1icon05.png);left: 0;right: auto}
.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;}
  }
  .mainContent {margin-top: 100%;}
.mainContent {position: relative;margin-top: 690px;top: 0;background-color: #fff;z-index: 8}

/*<!-------------- HEADER  头部结束 ------------>*/

/*<!-------------- HEADER  头部结束 ------------>  */
.footer{background:url(../images/0foot_bg.jpg);padding:119px 0 45px;position: relative;height: 518px}
  .footer .footerContact{color: rgba(255, 255, 255, 0.25);font-size: 13px;width: 240px;margin-right: 275px;line-height: 18px}
    .footer .footerContact dd{margin-top: 22px;position: relative;padding-left: 22px;}
	.footer .footerContact dd a {color: rgba(255, 255, 255, 0.25)!important;}
    .footer .footerContact dd .icon{display: inline-block;width:23px;background-position: left center;background-repeat: no-repeat;position: absolute;left: 0;top:3px;height: 20px }
    .footer .footerContact dd .icon1{background-image: url(../images/0footer_icon04.png)}
    .footer .footerContact dd .icon2{background-image: url(../images/0footer_icon05.png)}
    .footer .footerContact dd .icon3{background-image: url(../images/0footer_icon06.png)}
    .footer .footerContact dd .icon4{background-image: url(../images/0footer_icon07.png)}
  .footer h3{font-size: 30px;color: rgba(255, 255, 255, 0.4);margin-bottom: 12px}
  .footer h4{font-size: 16px;color: rgba(255, 255, 255, 0.4);margin-bottom: 8px;}
    .footer .line{width: 11px;height: 3px;background-color: rgba(255, 255, 255, 0.3);display: inline-block;}
.footer .footerLink{color: rgba(255, 255, 255, 0.25);}
  .footer .footerLink a{color: rgba(255, 255, 255, 0.25);font-size: 14px;display: block;line-height: 36px;}
  .footer .footerLink a:hover{color: rgba(255, 255, 255, 0.4);}
    .footer .footerLink .pt{padding-top: 25px}
  .footer .footerMassage .froudGroud{border-bottom: 1px solid #524c44;padding:0 0 0 30px;position: relative;width: 499px;margin-bottom: 20px;}
    .footer .footerMassage .formDiv{padding-top: 0}
      .footer .footerMassage .froudGroud ins{width:30px;height:100%;line-height: 30px;position: absolute;left: 0;top: 0;color: #7f7f7f;}
      .footer .footerMassage .froudGroud .inputCtrl{width: 100%;color: #58585a;border: none;outline: none;line-height: 30px;height: 30px;font-size: 14px;background-color: transparent;padding:0 10px;}
      .footer .footerMassage .subCtrl{width: 386px;background-color: #1b1b22;color: rgba(255,255,255,.4);line-height:46px;position: relative;font-size: 14px;border: 1px solid #2e2e33;display: inline-block;margin-top: 20px;text-align: left;padding: 0 10px}
      .footer .footerMassage .subCtrl:after{position: absolute;height: 100%;width: 14px;background: url(../images/0footer_icon01.png) no-repeat right center;right: 15px;content: "";}
  .float-right-box ul li .cls{width: 50px;height: 50px;margin-bottom: 1px;display: block;position: relative;overflow: hidden;}
.techololSur{display: none;} 
.footbar{display: none}
/*<!-------------- HEADER  头部结束 ------------>*/
.float-right-box{position: fixed;right: 0;z-index: 9;top:50%;margin-top: -10%;}
  .float-right-box ul li{ }
  .float-right-box ul li a{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: #1b1c1c;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: #1b1c1c;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 .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 a:hover{overflow:visible;}
 .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 .cls:hover .stt{left: -207px;}
	.float-right-box ul li .cls:hover{overflow:visible;}

.mainContent{position: absolute;top:0;left: 0;width: 100%;height: 690px;}
.moreBtn{width: 290px;line-height: 67px;text-align: center;color: #3a2852;margin:135px auto 0px;border: 2px solid #3a2852;cursor: pointer;font-size:16px}   
.moreBtn:hover{background-color: #3a2852;color: #fff;border-color:#3a2852 } 

/*indexabout*/
.index_work{background-color: #fff;position: relative;padding-bottom: 118px}
  .index_work .workHead{text-align: center;padding:80px 0 55px; }
  .index_work .workHead .titleLable{margin-bottom:40px }
    .workLink a{margin-left: 40px;padding:10px 5px;position: relative;}
    .workLink a.active,.workLink a:hover{width: 100%;color: #dab96b}
    .workList .desc{position: absolute;width: 100%;height: 100%;padding:43px;top:0;left: 0;opacity: 0;-webkit-transition: 1s;transition: 1s;transform: scale(0);-webkit-transform: scale(0);color: #000;}
    .workList ul{text-align: center;margin: 0 0 -10px -10px}
    .workList ul li{width:33.3333333%;display: inline-block;padding: 0 0 10px 10px;float: left;}
    .workList ul li .pic img{display: block;width: 100%;}
    .workList ul li:hover .desc{transform: scale(1);-webkit-transform: scale(1);opacity: 1}
      .workList .item{height: 100%;background-color: rgba(218, 185, 107, 0.95);padding:0 50px;position: relative;}
        .workList .item .con{position: absolute;bottom: 65px;height: 60px;width: 87%;color: rgba(255,255,255,.7);left: 0;right: 0;margin: auto;text-align: left;}
        .workList .item h3{color: rgba(255,255,255,.9);margin-bottom: 10px;line-height: 35px;position: relative;border-bottom: 1px solid #eddcb5;}
        .workList .item h3:before{width:0;height: 0;border-style: solid;border-width: 5px;border-color: transparent transparent transparent #eddcb5;content: "";position: absolute;top:0;bottom: 0;margin: auto;right: 0;}

/* 1366 */

/* 1366 */
@media (max-width:1500px){
  .container{width:1200px;}
 .moreBtn{margin:80px auto 0px;width: 200px;line-height: 50px;} 
 .footer .footerContact{margin-right: 120px}
  .index_work .workHead{padding:90px 0 70px;}  

}


/* 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:1220px){
  .container{width:100%;padding:0 10px;}
  
  .index_new .indexHead,.index_work .workHead{padding:90px 0 70px;}
  .moreBtn{width:150px;line-height:40px;margin:50px auto 50px;}  
  .header .headLogo{margin:0 20px;}
  .head_nav li a.more{padding:0 30px;}
}

/* 1200 */
@media (max-width:1100px){
 .mainContent{margin-top: 100%;;top:0px;}
  .footer .footerContact{margin-right: 30px;}
   .footer .footerMassage{padding-right: 50px}
   .footer .footerMassage .froudGroud{width: 400px;}
  .banner{top:0;position: relative;top:89px;}  
}

/* 900 */
@media (max-width:900px){
  html,body{height:100%;}
.header{height:50px;background-color: #fff;width: 100%;position: fixed;top:0;}
.mainContent {padding-top:0px;margin-top: 0;}
 .footer .footerLink{display: block;float: none}
.banner .icon{display: none!important}
.nav-toggle{ display:block;height: 50px;width: 50px;position: absolute;right: 0px;top:0;}
  .header .headTell{position: absolute;right: 50px;height: 50px;width: 50px;background: url(../images/0tell.png) no-repeat center;border-left: 1px solid #ebebeb;}
.head-nav{ padding-top:71px;}

.header .headLogo{width:75px;background-size: 100%;background-repeat: no-repeat;position: absolute;left: 30px;margin:auto;background-position: center;height: 50px}
.header .seachDiv{position: absolute;right: 0;top:0;}
.header .seachDiv{position: absolute;right: 0;top:0;display: none}
.header .seachDiv .seachShowBtn{width: 50px;height:50px;}

.header *{vertical-align: middle;}
  .header .seachDiv .seachCon{position: fixed;top:0;left: 0;height: 100%;width: 100%;background-color: #363636;display: block;display: none}
  .header .seachDiv .seachCon .froudGroud{width: 81%;height: 90px;border:1px solid #524c44;padding:0 144px 0 65px;top:50%;left:0;right: 0;margin:auto;margin-top:-10%;position: absolute;}
  .header .seachDiv .seachCon .froudGroud .icon{width:65px;height:100%;background-image: url(../images/0head_serch0.png);position: absolute;left: 0;top: 0;}
  .header .seachDiv .seachCon .froudGroud .inputCtrl{width: 100%;color: #f0f0f0;border: none;outline: none;line-height: 89px;height: 89px;font-size: 32px;background-color: transparent;text-align: center;}
  .header .seachDiv .seachCon .froudGroud .subCtrl{width: 144px;text-align: center;background-color: #dab96b;color: #f0f0f0;line-height: 89px;position: absolute;top:0;right: 0;border: none;outline: none;font-size: 20px}
  .header .closeBtn{cursor: pointer;position: absolute;width: 27px;height: 27px;background: url(../images/0close.png) no-repeat center;background-size: 100% 100%;top:25px;right: 25px;cursor: pointer;}
  
  .header .title{text-align: center;width: 100%;height: 100px}
  .head_nav{position: fixed;top:0;left: 0;height: 100%;width: 100%;background-color: #363636;z-index: 989;padding-top:100px;display: none;}
      .head_nav ul{padding:0 20px;}
      .head_nav li{display: block;text-align: center;border-bottom:1px solid rgba(255, 255, 255, 0.15);}
      .head_nav li:after{display: none}
        .head_nav li a.more,.head_nav li.case a.more{line-height:50px;display: block;padding: 0 40px;color: rgba(255, 255, 255, 0.85)!important;padding:0;border: none;font-size: 16px}
        .head_nav li:hover a.more,.head_nav li.active a.more{color: #dab96b}
        .head_nav li .navSub,.head_nav li dl{position:relative;right:0;display:block;}
        .head_nav li:hover .navSub{display:block;}
        .head_nav li  dd{display: inline-block;}
        .head_nav li .navSub dd a,.head_nav li.case dd a{width: auto;line-height: 47px;background-color:transparent;padding: 0 10px;display: block;text-align: left;font-size: 13px;border-top: none;color: rgba(255,255,255,.75);}
        .head_nav li .navSub dd:hover a,.head_nav li dl dd.active a{color: #dab96b}
        .head_nav li.case{display: block;width: 100%;float: none}
.footer{background:url(../images/0foot_bg.jpg);padding:40px 0 30px;position: relative;height:auto;background-size: 100% 100%}
  .footer .footerContact{color: rgba(255, 255, 255, 0.25);font-size: 13px;width: 240px;margin-right:30px;line-height: 18px;float: none;}
    .footer .footerContact dd{margin-top: 22px;position: relative;padding-left: 22px;}
 
  .footer h3{font-size: 30px;color: rgba(255, 255, 255, 0.4);margin-bottom: 12px}
  .footer h4{font-size: 16px;color: rgba(255, 255, 255, 0.4);margin-bottom: 8px;}
.footer .footerLink{color: rgba(255, 255, 255, 0.25);float: right;}
   .footer .footerMassage{display: block;float: none;margin:30px auto 0;text-align: center;}
   .footer .footerMassage .froudGroud{position: relative;width:300px;margin:0 auto 10px;text-align: left;}
    .footer .footerMassage .formDiv{padding-top:10px}
      .footer .footerMassage .froudGroud ins{width:30px;height:100%;line-height: 30px;position: absolute;left: 0;top: 0;color: #7f7f7f;}
      .footer .footerMassage .froudGroud .inputCtrl{width: 100%;color: #58585a;border: none;outline: none;line-height: 30px;height: 30px;font-size: 14px;background-color: transparent;padding:0 10px;}
      .footer .footerMassage .subCtrl{width: 300px;margin: 10px auto;display: block;}
 .brandCompany{padding:30px 0;}

  .index_work{padding-bottom:40px}
  .workLink{text-align:center;padding-top: 10px}
    .workList .desc{padding:15px;}
      .index_work .workHead{padding:50px 0 45px;}
	  
	.caseDetail .caseDeHead .labelDiv {padding-right:0px!important;width:auto!important;}
}

/* 375 */
@media (max-width:650px){

  .footer .footerContact h3 { font-size:14px;margin: 10px 0 10px;}
 .footerBo{display: none}
 .footer .footerLink li {margin:0 10px;width: auto;}
    .footer .footerLink a {font-size: 12px;}
  .w102 {width: 59px;}
  .head-logo {width: 14%;}
  *{line-height: 22px;}
  .index_brand .brandCompany .swiper-container .swiper-slide {text-align: center;}
  .index_brand .brandCompany .swiper-container .swiper-slide img{width: 70%}

  .index_brand .brandLink h3 a{font-size: 14px}
  .index_brand .brandCompany .HD .more{display: none}
  .head-nav .contanieNav a{text-align: center;}

  .moreBtn{border-width: 1px;font-size: 14px}
  .float-right-box ul li a{width:30px;height:30px;margin-bottom: 1px;display: block;position: relative;overflow: hidden;}
  .float-right-box ul li .cls{width:30px;height:30px;margin-bottom: 1px;display: block;position: relative;overflow: hidden;}
 
  .float-right-box ul li a .ico{background-size: 15px;}
  
  .float-right-box ul li a .stt{line-height: 30px;width: 150px;}
   .float-right-box ul li a:hover .stt{left: -151px;}
  
    /* footbar */
.footer{margin-bottom: 59px;text-align: center;}
  .footbar{ display: block;height:59px; overflow:hidden;position:fixed;bottom: 0;left: 0;background-color:#fff;width: 100%;z-index: 999;border-top: 1px solid #dcdada }

    .footbar .btn{position: relative; height:59px;font-size:12px; color:rgba(0,0,0,.5); 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: #f7f6f4;content: "";position: absolute;right: 0;top:0;}
  .footer .footerLink{width:100%;text-align: center;margin-bottom: 30px}
  .footer .footerLink .line{display:block;margin:auto;}
  .footer .footerLink .pt{padding-top: 15px}
  

  .footer .footerLink a{display:inline-block;line-height:24px;margin:0 5px;padding-top: 15px}
  
  .footer .footerContact{width: 100%;margin: 0 0 20px;text-align: center;font-size: 12px;}
  .footer .footerContact dd{text-align: left;}
 
 .workList ul{text-align: center;margin: 0 0 -10px -10px}
 .workList ul li{width:50%;display: inline-block;padding: 0 0 10px 10px;float: left;}
.workLink a{margin-left: 10px;}
.index_work .workHead .titleLable{margin-bottom:15px } 
.footer{padding-right: 0px}
 .footer .footerLink{display: none}
  .footer .footerContact dd{text-align: center;padding-left: 0;margin-top: 4px;}
      .footer .footerContact dd .icon{position: relative;top:5px;width: 15px}
  .footer .footerContact h3，.footer .footerContact h4 {margin:0 0px;}  
  .footer .footerMassage .formDiv{padding-top:0px}
  .footer .footerMassage{margin:15px auto 0;}  
.footer .footerMassage{padding-right:0px;    display: none;}
 .techololSur{display:block;color: rgba(255, 255, 255, 0.25);font-size: 12px;line-height: 36px; } 
 .techololSur a{display:inline-block;color: rgba(255, 255, 255, 0.25);font-size: 12px;line-height: 36px; } 

}
@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(255, 255, 255, 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: #ffdf00}

@media screen and (min-width: 992px){
.layui-col-md4 {
    width: 33.33333%;
}
}
.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) no-repeat center #191919;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: relative;
}
.f-cb {
    zoom: 1;
}
.yq-links {
    height: 30px;
    line-height: 30px;
    position: relative;
    overflow: hidden;
}
.yq-links .link {
    width: 90px;
    position: absolute;
    left: 0;
    height: 30px;
    top: 0px;
    line-height: 30px;
    font-size: 14px;
    color: #b8b8b8;
}
.yq-links .slideBox {
    height: 30px;
    overflow: hidden;
    position: relative;
    margin-left: 90px;
}
.yq-links .slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.yq-links .slideBox .bd li {
    zoom: 1;
    float: left;
    vertical-align: middle;
}
.yq-links .slideBox .bd li a {
    color: #707070;
    text-align: center;
    display: block;
    padding: 0 10px;
	line-height: 30px;
}