@charset "utf-8";
.index_container{width: 1100px;margin:0 auto;}
.mt20{margin-top:20px;}
.bg9{background-color: #f9f9f9}
/* banner */

.pageDiv{padding:80px 0 71px}
.pageDiv ul{text-align: center;}
.pageDiv ul li{display: inline-block;margin:0 4px;padding:0 15px;border:1px solid #7d7d7d;color:rgba(0, 0, 0, 0.8);line-height:33px;cursor: pointer;background:none;}
.pageDiv ul li:hover,.pageDiv ul li.active{background-color: #b11100;border:1px solid #b11100;color: #fff}

.banner{height:600px;-webkit-background-size:cover; background-size:cover; z-index: 0}
.banner .container{position: relative;height: 600px;padding-bottom: 200px;padding:0 0 80px 0;color: #fff}

  .banner .container h3{font-size: 58px;line-height:60px;}
  .banner .container h4{font-size: 46px;line-height:50px;margin-bottom: 15px}
  .banner .container h5{font-size: 23px;font-weight: normal;color:rgba(255, 255, 255, 0.7);}
  .banner .container p{font-size: 30px;margin:20px 0;}
  .banner .container .line{height: 3px;width: 47px;background-color: none;margin-top:35px;}
.banner{overflow: hidden;position: fixed;top:89px;left: 0;width: 100%;height: 600px}

.headTitle{padding: 160px 0 110px;text-align: center;font-size: 13px;color: #606060;}
  .headTitle h3{margin-bottom: 20px;}

.container2{padding:0;width: 100%}
/*about*/
.about{background-image: url(../images/2banner.jpg)} 
  .aboutInfor{padding: 148px 0 137px;background-color: #f6f5f3;position: relative;overflow: hidden;}
    .aboutInfor ul li{width: 50%;line-height: 32px;color: #444444}
      .aboutInfor ul li a{line-height: 32px;color: #444444}
        .aboutInfor ul li .pic{padding-right: 140px}
        .aboutInfor ul li .desc{padding-left: 15px}
        .aboutInfor ul li h3{font-size: 28px;font-weight: normal;color: rgba(0,0,0,0.9);line-height: 50px;}
        .aboutInfor ul li h4{font-size: 23px;font-weight: normal;color: #c9aa60;padding:30px 0 20px;}
        .aboutInfor ul li .line{width: 54px;height: 3px;background-color: #b3b2b1;margin:20px 0 40px;display: inline-block; }
        .aboutInfor ul li .icon{cursor: pointer;width:18px;height:9px;background: url(../images/2icon01.png) no-repeat center;margin-top: 95px}
  .aboutAdvan{background-image: url(../images/2bg01.jpg);height:597px;position:relative;overflow: hidden; }
    .aboutAdvan .adImg{position: absolute;top:0;bottom: 0;left: 0;right: 0;margin:auto;z-index:7}
    .aboutAdvan .adImg:hover {transform: scale(1.03);-webkit-transform: scale(1.03);} 
  .aboutCultu{overflow-y: hidden;}
  .aboutCultu .aboutCultuCon ul li{position: relative;width: 50%;overflow: hidden;}
    .aboutCultu .aboutCultuCon ul li .pic{z-index: 6;position:absolute;width: 100%;height: 100%;padding:29px;background-color: rgba(218, 185, 107, 0.95);top:0;left: 0;-webkit-transition: 1s;transition: 1s;transform: scale(0);-webkit-transform: scale(0);}
    .aboutCultu .aboutCultuCon ul li .desc{padding:50px 55px 0;border: 1px solid rgba(255, 255, 255, 0.5);height: 100%;color:rgba(255, 255, 255, 0.8);line-height: 32px; }
    .aboutCultu .aboutCultuCon ul li h3{font-size: 20px;color: #fff;}
    .aboutCultu .aboutCultuCon ul li .line{display: inline-block;background-color:transparent;width: 17px;height: 3px;position: relative;top:-5px; }
    .aboutCultu .aboutCultuCon ul li .con{padding:10px 0 70px;}
    .aboutCultu .aboutCultuCon ul li .moreCon{display: inline-block;text-decoration: underline;}
    .aboutCultu .aboutCultuCon ul li .label{position: absolute;width: 100%;z-index: 5;padding-left: 40px;font-size: 15px;bottom: 20px;left: 0;color: rgba(255, 255, 255, 0.7)}
    .aboutCultu .aboutCultuCon ul li:hover .label{display: none}
    .aboutCultu .aboutCultuCon ul li:hover .pic{transform: scale(1);-webkit-transform: scale(1);opacity: 1}
  .aboutNew{overflow-y: hidden;}
  .aboutNew .NewCon{ background-color: #ddbf7c; }
  .aboutNew .NewCon .imgDiv{width: 50%}
 .aboutNew .NewCon ul{padding:44px 0 0 63px;width: 50%;margin-bottom: -28px;}
  .aboutNew .NewCon ul li{margin-bottom: 28px}
  .aboutNew .NewCon ul li ins{margin-right: 28px;overflow: hidden;}
    .aboutNew .NewCon ul li .pic{color:rgba(255, 255, 255, 0.8); }
    .aboutNew .NewCon ul li .pic h3{color:rgba(255, 255, 255, 0.9); padding:10px 0 15px;font-size: 18px;font-weight: normal;}
    .aboutNew .NewCon ul li:hover .pic h3{font-weight: bold;}
  
/*   about_us   */
.aboutUsBan{background-image: url(../images/2banner4.jpg)}
  .aboutUs{position: relative;background-color: #f6f5f3;padding: 90px 0 137px}
  .aboutUs .lineLable{width: 13px;height: 415px;position: absolute;bottom: 90px;left: 0;background-color: #dab96b;}
    .aboutUs .container{padding-left: 165px;position: relative;}
    .aboutUs .desc{position: absolute;top:90px;right: 0;width:51%;}
    .aboutUs .pic{width:41%;}
    .aboutUs .lable{position: absolute;top:147px;left:0}
    .aboutUs  .aboutUsCon{padding-top: 145px}
    .aboutUs  h3{font-size: 21px;font-weight: normal;color:#343434;}
    .aboutUs  .line{width: 54px;height: 3px;background-color: #b3b2b1;margin:20px 0 40px;display:block; }
/*   about_advantange   */
.aboutAdvanBan{background-image: url(../images/2banner1.jpg)}
  .aboutAdvantage{position: relative;background-color: #fff;font-size: 14px;color: #5d5d5d;line-height: 30px;}
  .aboutAdvantage .w58{width: 58%;position: relative;overflow: hidden;}
  .aboutAdvantage .w42{width: 42%;position: relative;overflow: hidden;}
  .aboutAdvantage h3{font-size: 30px;font-weight: normal;color: #444444;padding-top: 120px}
  .aboutAdvantage h4{font-size: 20px;font-weight: normal;color: #444444;margin-bottom:15px}
    .aboutAdvantage .line{display: inline-block;background-color:none;width: 21px;height: 3px;position: relative;margin: 25px auto 40px;}
    .aboutAdvantage .w58 .desc{padding:0 240px 0 160px;}
    .aboutAdvantage .w42 .desc{padding:0 160px 0 108px;}
    .aboutAdvantage .y h3{color: #dab96b}
    .aboutAdvantage .y .line{background-color: none}
    .aboutAdvantage .p .desc,.aboutAdvantage .p{color: #513e55}
    .aboutAdvantage .p h3,.aboutAdvantage .p h4{color: #3a2852}
    .aboutAdvantage .p .line{background-color: none;}
    .aboutAdvantage .bgf{background-color: #fff}
    .aboutAdvantage .bg1{background-color: #f6f5f3}
    .aboutAdvantage .bg2{background-color: #dab96b}
    .aboutAdvantage .hg1{height: 472px}
    .aboutAdvantage .hg2{height: 970px}
    .aboutAdvantage .hg3{height: 545px}
    .aboutAdvantage .hg4{height: 425px}
    .aboutAdvantage .desc3{width: 744px;position: absolute;bottom: 0;right: 0;padding:0 97px 104px;}
    .aboutAdvantage .desc3 h3{padding-top: 100px}
    .aboutAdvantage dd{margin-bottom: 35px}
    .aboutAdvantage .desc4{padding:0 105px 0 160px;}
/*   about_dynamic   */
.aboutdyBan{background-image: url(../images/2banner4.jpg)}
  .aboutDynamic{position: relative;background-color: #f6f5f3;padding:137px 0;}
  .aboutDynamic header{padding-bottom: 30px}
  .aboutDynamic ul li{padding:55px 0;border-bottom: 1px solid #ebeae8}
  .aboutDynamic ul li ins{display: inline-block;width: 550px;margin-right: 70px;overflow: hidden;}
  .aboutDynamic ul li .pic{color: #898989;font-size: 13px;line-height: 24px}
  .aboutDynamic ul li .pic h3{color: #535353;font-size:18px;margin-bottom: 20px;padding-top: 20px}
  .aboutDynamic ul li .pic .time{padding-top: 30px;color: rgba(0,0,0,0.3);line-height: 16px}
    .aboutDynamic ul li .pic .icon{display: inline-block;width:16px;height: 16px;background-image: url(../images/0time01.png);margin-right: 5px;vertical-align: middle;position: relative;top:-1px;color: # }
  .aboutDynamic ul li:hover .pic h3{color: #dab96b;}
/*   about_dynamic_detail  */
.newsDetail{position: relative;background-color: #f6f5f3;padding-bottom: 85px}
.newsDetail .container{width: 1200px}
  .newsDetail .newsDeHead{padding:180px 0 43px;border-bottom: 1px solid #e8e7e5}
    .newsDetail .newsDeHead h3{color:color:rgba(0,0,0,0.8);;font-size:26px;font-weight:normal;margin-bottom: 5px}
    .newsDetail .newsDeHead .timeCon{color:rgba(0,0,0,0.6);}
    .newsDetail .newsDeBody article{line-height: 30px;font-size: 13px;color:rgba(0,0,0,0.7);padding:75px 0;border-bottom: 1px solid #e8e7e5}
    .newsDetail .newsDefooter{;padding:55px 0 0px;line-height: 30px}
      .newsDetail .newsDefooter a{font-size: 13px;color:rgba(0,0,0,0.7);display: block;word-break: keep-all;white-space: nowrap;}
      .newsDetail .newsDefooter a:hover{color: #dab96b}
      .newsDetail .newsDefooter .retuern{width:133px;height: 40px;display: inline-block;line-height: 40px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #dab96b;color: #dab96b;text-align: center;}
      .newsDetail .newsDefooter .retuern:hover{background-color: #dab96b;color: #fff;}
/*   about_dynamic_culture */
.aboutCultureBan{background-image: url(../images/2banner2.jpg)}
  .aboutCulture{position: relative;background-color: #f6f5f3;color:rgba(0,0,0,0.7);}
  .aboutCulture h3{font-size: 30px;font-weight: normal;color: #444444;}
  .aboutCulture h4{font-size: 20px;font-weight: normal;color:rgba(0,0,0,0.7);margin-bottom:15px}
    .aboutCulture .line{display: inline-block;background-color:none;width: 21px;height: 3px;position: relative;margin: 25px auto 40px;}
    .aboutCulture .y h3,.aboutCulture .y h4{color: #dab96b}
    .aboutCulture .y .line{background-color: none}
    .aboutCulture .ff h3{color: #fff}
    .aboutCulture .ff h4,.aboutCulture .ff{color: rgba(255,255,255,.7);}
    .aboutCulture .ff .line{background-color: none}
  .aboutCulture .cultureActive{padding:144px 0 150px;}
    .aboutCulture .cultureActive .desc{width: 877px;padding-top: 45px}
  .cultureService{height: 560px;background-image: url(../images/2bg02.jpg);}
  .cultureValue{padding-bottom: 175px;}
    .cultureValue .ValueCon{background-color: #f6f5f3;padding-top: 198px}
    .aboutCulture .cultureValue .line{margin-bottom: 0;}
      .aboutCulture .cultureValue .fr{width: 965px}
        .aboutCulture .cultureValue dd{position: relative;padding-left: 95px;}
        .aboutCulture .cultureValue dd .label{position: absolute;left: 0;top:0;}
  .cultureCreate{height: 409px;background-image: url(../images/2bg03.jpg);position: relative;}
    .cultureCreate .picture{position: absolute;top:0;bottom: 0;right: 0;left: 0;margin:auto;}
  .cultureCoor{background-color: #fff;padding:147px 0 ;}
  .cultureCoor .coorCon{position: relative;}
    .cultureCoor .coorCon .swiper-slide{width: 20%;padding:10px;/*padding-right: 25px;*/cursor: pointer;}
      .cultureCoor .coorCon .swiper-slide .pic{padding:60px 50px;box-shadow: 0 0 10px rgba(0,0,0,0.2);background-color: #fff;color: #777777;font-size: 13px;line-height: 24px;min-height: 222px}
      .cultureCoor .coorCon .swiper-slide .pic h3{color: #dab96b;font-size: 29px;margin-bottom: 10px}
      .cultureCoor .coorCon .swiper-slide .pic h3 .num{font-size: 70px;font-weight: bold;display: inline-block;margin-right: 10px}
      .cultureCoor .coorCon .swiper-slide .pic:hover h3,.cultureCoor .coorCon .swiper-slide .pic:hover{color: #fff}
      .cultureCoor .coorCon .swiper-slide .pic:hover{background-color: #dab96b}
      .cultureCoor .coorCon .swiper-button-next,.cultureCoor .coorCon .swiper-button-prev{position: absolute;top:0;bottom: 0;margin:auto;width: 47px;height: 47px;-webkit-border-radius: 50%;border-radius: 50%;background-color: rgba(0,0,0,0.2);background-size: auto;background-position: center;}
          .cultureCoor .coorCon .swiper-button-next{background-image: url(../images/2icon05.png);right: -60PX;left: auto;}
          .cultureCoor .coorCon .swiper-button-prev{background-image: url(../images/2icon04.png);left: -60PX;right: auto}
          .cultureCoor .coorCon .swiper-button-next:hover,.cultureCoor .coorCon .swiper-button-prev:hover{background-color: #dab96b}
/*   about_dynamic_customer */
.aboutCustomer{background-color: #f6f5f3;position: relative;padding-bottom: 135px}
  .aboutCustomer header{background-color: #f6f5f3;padding:150px 0 190px;text-align: center;color: #5f5f5e}
  .aboutCustomer header h3{margin-bottom: 30px}
  .customerCon ul{margin: 0 0 -5px -5px;text-align: center;}
    .customerCon ul li{width: 20%;padding: 0 0 5px 5px;display: inline-block;}
    .customerCon ul li .pic{background-color: #fff;text-align: center;height: 205px;border: 1px solid #e5e5e5}
    .customerCon ul li .pic img{max-width: 50%}
    .moreBtn{color:rgba(0,0,0,.6);border: 1px solid #c9c9c9;cursor: pointer;}   
    
/*    */
.caseBanner{background-image: url(../images/3banner.jpg)}

/*   case_detail  */
.caseDeBanner{background-image: url(../images/3banner2.jpg)}
  .caseDetail{position: relative;background-color: #fff;color: rgba(0,0,0,0.7);}
  .caseDetail .container{padding:0 10px;}
    .caseDetail .caseDeHead{color: rgba(0,0,0,0.6);line-height: 26px;font-size: 13px;padding:135px 0 75px;}
      .caseDetail .caseDeHead h3{font-size: 30px;font-weight: normal;color: #444444;}
        .caseDetail .caseDeHead .line{display: inline-block;background-color:none;width: 21px;height: 3px;position: relative;margin: 25px auto 40px;}
    
      .caseDetail .caseDeHead .labelDiv{color: rgba(0,0,0,0.7);line-height: 26px;font-size: 16px;width:30%;padding-right:20px;}
      .caseDetail .caseDeHeadCon{width: 1086px;padding-right: 90px}
      .caseDetail .caseDeHeadCon .pic{min-height: 185px;margin-bottom: 30px}
  .caseDeBody{padding-bottom: 195px;}  
    .caseDeBody .item{margin-bottom: 3px;width: 33.3%;
  float: left;
  padding: 0 0 10px 10px;} 
   .casePageBtn{position:fixed;display: block;width:46px;height: 46px;background-position: center;background-repeat: no-repeat;background-size: 100%;top:50%;margin-top:50px;z-index: 99;display: none} 
   .casePageBtn.active{display: block;} 
  .caseprev{background-image: url(../images/3icon01.png);left:100px } 
   .casenext{background-image: url(../images/3icon02.png); right:100px} 
  .caseLike{background-image: url(../images/3banner.jpg);height:594px;text-align: center;color: rgba(255,255,255,0.6); }
      .caseLike .con{width: 970px;margin:auto; }
      .caseLike h3{font-size: 40px;margin-bottom: 35px;color: #fff; }
      .caseLike .caseBtn{display: inline-block;margin:64px 5px 0;width: 170px;line-height: 53px;color: #fff;font-size: 17px;border: 1px solid rgba(255,255,255,0.8)}
      .caseLike .caseBtn:hover{font-weight: bold}
/*   service  */
.serviceBanner{background-image: url(../images/4banner.jpg)}
.serviceContent{position: relative;background-color: #f6f5f3}
.serviceContent .pic{width: 49.7%;color: #888787;line-height: 26px;font-size: 13px;padding:140px 138px 0 160px;}
  .serviceContent .pic h3{font-size: 30px;font-weight: normal;color: #444444;}
  .serviceContent h4{font-size: 20px;font-weight: normal;color: #444444;margin-bottom:15px}
    .serviceContent .pic .line{display: inline-block;background-color:#444444;width: 21px;height: 3px;position: relative;margin: 25px auto 40px;}
  .serviceContent .imgDiv{width: 50.3%}
  .serviceContent ul li:nth-child(2n) .pic{padding:140px 195px 0 102px;float: right;}

  .serviceContent .pic{color: rgba(0,0,0,0.6);line-height: 26px;font-size: 13px;}
/*   contact  */
.contactBanner{background-image: url(../images/5banner.jpg)}
  .contactContent{position: relative;background-color: #f6f5f3;color: rgba(0,0,0,.8);padding-bottom: 60px}
   .contactContent ul{position: relative;margin:0 0 0 -3px;top:-65px;}
      .contactContent ul li{position: relative;width: 33.33333%;padding-left: 3px}
      .contactContent ul li .pic{background-color: #fff;padding:50px 60px 0;min-height: 380px}
      .contactContent h3{color: #dab96b;font-size: 24px;font-weight: normal;margin-bottom: 40px}
      .contactContent .contactWay dd{margin-top: 7px;position: relative;padding-left:12px;}
      .contactContent .contactWay dd .icon{display: inline-block;width:12px;left: 0;top:1px;font-size: 15px;color: rgba(0,0,0,.8); font-weight: bold;position: absolute;}
  .contactContent .fandMap{color: #dab96b;font-size: 14px;text-decoration: underline;margin-top:38px;display: inline-block; }
  .contactContent .massage dl{margin-left: -5px;}
    .contactContent .massage dl dd{padding-left: 5px;width: 50%}
  .contactContent .fromground{position: relative;border: 1px solid #e3e3e3;padding-left: 45px;margin-bottom:9px; }
    .contactContent .fromground{position: relative;border: 1px solid #e3e3e3;padding-left: 45px; }
    .contactContent .fromground ins{position: absolute;width: 45px;position: absolute;left: 0;line-height: 36px;text-align: center;top:0;color: rgba(0,0,0,.6);}
    .contactContent .fromground .inputCtrl{width:100%;line-height: 36px;padding:0 5px 0 0;border: none;outline: none;}
    .contactContent .fromground .textCtrl{width:100%;line-height: 26px;padding:5px 5px 5px 0;border:none;outline: none;resize: none;height: 66px;overflow: hidden;}
    .contactContent .vefiDiv{position: relative;}
    .contactContent .vefiDiv .getNew{position: absolute;line-height: 36px;width: 35px;right: 0;top:0;text-align: right;display: block;}
    .contactContent .vefiDiv .veCtrl{height: 36px;line-height: 36px;border:1px solid #e3e3e3;overflow: hidden;outline: none;background-color: transparent;width: 48%}
    .contactContent .vefiDiv button.veCtrl{padding-left: 10px;text-align: left;}
    .contactContent .submitDiv{text-align: right;}
    .contactContent .subCtrl{display: inline-block;text-align: center;width: 158px;line-height: 38px;color: #fff;background-color:#dab96b;border: none;  }
    .contactContent .subCtrl:hover{background-color: #daa934 }
    #contactMap .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;}
 .contacMapDiv{position: fixed;top:0;left: 0;height: 100%;width: 100%;background-color: #363636;display: block;display:block;z-index: 999;display:none;}
  .contacMapDiv .mapCon{width: 50%;position: absolute;height: 50%;margin:10% auto;left: 0;right: 0;top:0;overflow: hidden;}   
  .contacMapDiv .mapCon img{width: 100%;}   
     
@media (max-width:1690px){
/*  about  */
.aboutIntroduct .wordDiv {padding: 108px 100px 108px 130px;}
  .aboutIntroduct .wordDiv ul{padding: 60px 0 0}
  .service ul li .wordDiv2{padding:77px 163px 0 102px;}
  .banner{height: 90vh}

.aboutUs .pic{width:38%;}
.aboutUs .desc{width:54%;}

.aboutNew .NewCon ul{padding: 10px 0 0 63px;width: 50%;margin-bottom: -28px;}
  .aboutNew .NewCon ul li{margin-bottom: 20px;}

}

@media (max-width:1500px){
/*  about  */
  .aboutAdvan{height: 446px }
  .aboutAdvan .adImg{width: 224px;}
   .aboutCultu .aboutCultuCon ul li .desc{padding:25px 45px 0; }
   
  .aboutCultu .aboutCultuCon ul li .con{padding:5px 0 10px;}
   .aboutNew .NewCon ul{padding:27px 0 0 40px;margin-bottom: -8px;}
  .aboutNew .NewCon ul li{margin-bottom: 8px}
  .headTitle{padding: 100px 0 60px;}
  .aboutInfor{padding: 100px 0 89px;background-color: #f6f5f3;} 
  .aboutInfor ul li .icon{margin-top:45px}
  
   .aboutInfor ul li .pic{padding-right:60px}
   .aboutUs .container{padding-left:127px;}
   .aboutUs .pic{width:442px;}
   .aboutUs .desc{width:732px;}
/*   about_advantange   */  
.aboutAdvantage .w58 .desc{padding:0 114px 0 105px;}
    .aboutAdvantage .w42 .desc{padding:0 105px 0 108px;}

  .aboutAdvantage h3{font-size: 25px;padding-top:65px}
  .aboutAdvantage h4{font-size: 18px;margin-bottom:10px}
    .aboutAdvantage .line{margin: 10px auto 25px;}       
 .aboutAdvantage .hg1{height: 340px}
  .aboutAdvantage .hg2{height: 690px}
  .aboutAdvantage .hg3{height: 387px}
  .aboutAdvantage .hg4{height: 303px}
   .aboutAdvantage .desc3{width: 528px;position: absolute;bottom: 0;right: 0;padding:0 65px 72px;}
   .aboutAdvantage .desc3 h3{padding-top: 70px}
   .aboutAdvantage dd{margin-bottom: 35px}
   .aboutAdvantage .desc4{padding:0 105px 0 115px;} 
   .index_topic{height:322px;}
/*   about_dynamic_culture */

    .aboutCulture .cultureActive .desc{width: 60%;padding-top: 10px;}
    .aboutCulture .cultureActive img{width: 30%;}       
     .cultureCoor .coorCon .swiper-slide .pic{padding:40px 20px 0;min-height: 180px}
     .cultureService{height:418px;}
     .aboutCulture .cultureValue .fr{width: 60%;}
/*case_detail*/
 .caseDetail .caseDeHeadCon{width: 70%;padding-right: 40px} 
 .caseprev{left:0px } 
  .casenext{ right:0px} 
  .caseLike{height:456px;text-align: center;color: rgba(255,255,255,0.6); }
 .contactContent ul li .pic{padding:50px 30px 0;}      
 .aboutNew .NewCon ul li ins{height: 106px;display: inline-block;} 
}

@media (max-width: 1390px){
  .aboutUs .pic{width:420px;}
  .aboutUs .desc{width:700px;}
  .aboutCustomer header{padding:120px 0 140px;}
 .serviceContent .pic{padding:90px 60px 0 60px;}
  .serviceContent ul li:nth-child(2n) .pic{padding:90px 60px 0 60px;} 
}
@media (max-width:1290px){
    .aboutNew .NewCon ul{padding:10px 0 0 40px;margin-bottom: -5px;}

  .aboutNew .NewCon ul li{margin-bottom: 5px}
   .aboutUs .container{padding-left:115px;}
  .aboutUs .pic{width:410px;}
  .aboutUs .desc{width:681px;}
   .aboutNew .NewCon ul li .pic h3{font-size: 16px;font-weight: normal;
}
@media(max-width:1200px){
  .newsDetail .container{width: 100%;padding:0 30px;}
}

@media (max-width:1110px){
.banner .icon{display: none}
.banner .container{position: relative;height: 820px;padding-bottom: 200px;padding:0 30px 80px;color: #fff}

.banner .container h3{font-size:32px;line-height:34px;}
.banner .container h4{font-size:28px;line-height:30px;}
.banner .container p{font-size: 14px;margin:10px 0;}
/*  about  */
 .aboutCultu .aboutCultuCon ul li .pic{padding:15px;}
     .aboutCultu .aboutCultuCon ul li .desc{padding:20px 30px 0;line-height:22px; }
     .aboutCultu .aboutCultuCon ul li h3{font-size:16px;color: #fff;}
     .aboutCultu .aboutCultuCon ul li .line{display: inline-block;background-color:rgba(255, 255, 255, 0.8);width: 17px;height: 3px;position: relative;top:-5px; }
     .aboutCultu .aboutCultuCon ul li .con{padding:0px 0 10px;}
  .aboutNew .NewCon ul li{margin-bottom: 10px}
    .aboutNew .NewCon ul li ins{width: 140px}
    .aboutNew .NewCon ul li .pic h3{ padding:10px 0 5px;font-size: 16px;}

/*   about_advantange   */  
.aboutAdvantage {line-height: 26px}
.aboutAdvantage .w58 .desc{padding:0 20px 0 20px;}
    .aboutAdvantage .w42 .desc{padding:0 20px 0 20px;}
  .aboutAdvantage h3{font-size: 20px;padding-top:30px}
.aboutAdvantage .line{margin: 10px auto 10px;}  
  .aboutAdvantage .hg2{height: 600px}
  .aboutAdvantage .hg3{height: 373px}
  .aboutAdvantage .hg4{height: 227px}
  .aboutAdvantage .desc3{width:398px;padding:0 20px 30px;}
  .aboutAdvantage .desc3 h3{padding-top: 30px}
  .aboutAdvantage .desc4{padding:0 20px;} 
   
/*   about_dynamic   */
.aboutDynamic{padding:60px 0;}
  .aboutDynamic ul li{padding:20px 0;}
  .aboutDynamic ul li ins{width: 400px;margin-right: 30px}
/*   about_dynamic_culture */   

.aboutCulture h3{font-size: 20px;}
.aboutCulture h4{font-size: 16px;margin-bottom:10px}
  .aboutCulture .line{margin: 5px auto 10px;} 
.aboutCulture .cultureActive{padding:60px 0 80px;}

  .cultureCoor .coorCon .swiper-slide .pic{padding:40px 20px 0;min-height: 180px}
  .cultureCoor .coorCon .swiper-slide .pic h3{font-size: 26px;margin-bottom: 5px}
     .cultureCoor .coorCon .swiper-slide .pic h3 .num{font-size: 50px;margin-right: 5px}
  .caseLike .con{width: 100%;margin:auto;padding:0 45px; }
    
/*service*/

.serviceContent .pic h3{font-size: 20px;}
.serviceContent .pic h4{font-size: 16px;margin-bottom:10px}
  .serviceContent .pic .line{margin: 5px auto 10px;} 
 .serviceContent .pic{padding:50px 30px 0 30px;}
  .serviceContent ul li:nth-child(2n) .pic{padding:50px 30px 0 30px;} 

.contactContent ul li .pic{padding:30px 10px 0;min-height:320px}  
  .contactContent h3{margin-bottom: 15px;font-size: 20px}
   .contactContent ul li .pic{padding:30px 10px 0;min-height:320px}  
  .contactContent h3{margin-bottom: 15px;font-size: 20px}   
  .aboutNew .NewCon ul li ins{height: 82px;display: inline-block;} 

}
@media (max-width:900px){
  .headTitle{text-align: center;}
    .w65{width:100%;} .w35{width: 100%;} 
    .w32{width:100%;} .w68{width:100%;} 
    .aboutAdvantage .wordDiv,.aboutCulture .wordDiv,.aboutNews .wordDiv,.aboutIntroduct .wordDiv{padding:30px 15px 30px;}
.mainContent{margin-top: 50px}
.banner{position: relative;margin-top: 0;top:0;}
.banner,.banner .container{height: 200px;padding:0 20px;}
.banner,.banner .container{height: 45vh;}
.banner .container{height:auto;padding-bottom:0;padding:60px 15px 0;}

.banner .container h3{font-size:20px;line-height:24px;}
.banner .container h4{font-size:18px;line-height:20px;margin-bottom: 5px}
.banner .container h5{font-size: 13px;}

  .banner .container .line{height: 1px;width: 21px;margin-top:15px;}
.headTitle{padding: 100px 0 60px;}
/*  about  */
  .aboutInfor{padding:30px 0 60px;background-color: #f6f5f3;} 
  .aboutInfor ul li .pic{padding-right:20px}
  .aboutInfor ul li h3{font-size: 18px;} 
  .aboutInfor ul li .line{width: 54px;height: 3px;background-color: #b3b2b1;margin:10px 0 15px;display: inline-block; }
      .aboutInfor ul li h4{font-size: 18px;padding:10px 0 15px;}
   .aboutCultu .aboutCultuCon ul li{width: 100%}
   .aboutCultu .aboutCultuCon ul li .pic{padding:30px;}
       .aboutCultu .aboutCultuCon ul li .desc{padding:30px;}
       .aboutCultu .aboutCultuCon ul li h3{font-size:16px;color: #fff;}
       .aboutCultu .aboutCultuCon ul li .line{display: inline-block;background-color:rgba(255, 255, 255, 0.8);width: 17px;height: 3px;position: relative;top:-5px; }
       .aboutCultu .aboutCultuCon ul li .con{padding:0px 0 10px;line-height: 18px}
       .aboutCultu .aboutCultuCon ul li .moreCon{display: none}
  .aboutNew .NewCon .imgDiv{width:100%}
    .aboutNew .NewCon ul{padding:20px 10px 10px;width: 100%;margin-bottom: 0;}
          
/*  aboutUs  */        
.aboutUs .pic{display:block;margin:auto;}
.aboutUs .desc{display:none;}
.aboutUs .container{padding:0 100px;}

  .aboutUs{padding:60px 0 90px}

/*   about_advantange   */
  .aboutAdvantage{font-size: 13px;line-height: 24px;}
  .aboutAdvantage .w58,.aboutAdvantage .w42{width: 100%;}
  .aboutAdvantage h3{font-size:18px;padding-top:15px}
  .aboutAdvantage h4{font-size:15px;margin-bottom:5px}
    .aboutAdvantage .line{width:17px;margin: 5px auto 10px;}
    .aboutAdvantage .w58 .desc,.aboutAdvantage .w42 .desc{padding:30px 15px;}
  .aboutAdvantage .hg1,.aboutAdvantage .hg2,.aboutAdvantage .hg3,.aboutAdvantage .hg4{height:auto;}
  .aboutAdvantage .desc3{width:100%;position: relative;padding:30px 15px;}
  .aboutAdvantage .desc3 h3{padding-top:15}
  .aboutAdvantage dd{margin-bottom:10px}
  .aboutAdvantage .desc4{padding:30px 15px;background-color:#f6f5f3}
  .index_topic{height:auto;margin:0;}
/*   about_dynamic   */
  .aboutDynamic{padding:60px 0;}
  .aboutDynamic ul li{padding:20px 0;}
  .aboutDynamic ul li ins{width:40%;margin-right:0} 
  .aboutDynamic ul li .desc{float: left;width: 60%;padding-left: 10px;line-height: 24px;}
  .aboutDynamic ul li .pic h3{font-size:16px;margin-bottom:10px;padding-top: 5px}
  .aboutDynamic ul li .pic .con{height:45px;overflow: hidden;}
   .aboutDynamic ul li .pic .time{padding-top:15px;}
 /*   about_dynamic_detaile   */    
.newsDetail{padding-bottom:60px}
    .newsDetail .newsDeHead{padding:50px 0 30px;}
    .newsDetail .newsDeHead h3{font-size:18px;}
    .newsDetail .newsDeBody article{padding:30px 0;}
    .newsDetail .newsDefooter{;padding:30px 0 0px;line-height: 30px}
/*   about_dynamic_culture */
.aboutCulture h3,.aboutCulture h4{text-align: center;}
  .aboutCulture .line{display: block;} 
 .aboutCulture .cultureActive .desc{width:100%;float: none}
   .aboutCulture .cultureActive img{width: 80%;display: block;margin:30px auto;float: none;}
.cultureService{height:300px;text-align: center;}
.aboutCulture .cultureValue{padding: 0 ;}
.aboutCulture .cultureValue .fl{width: 100%;padding-bottom: 30px}
.aboutCulture .cultureValue .fr{width: 100%;}
.cultureValue .ValueCon{padding:60px 0 80px;}
.cultureCoor .coorCon .swiper-slide .pic{padding:20px 20px 0;}
 .cultureCoor{padding:60px 0 ;}
  .cultureCoor .coorCon .swiper-button-next{right:0PX;width: 30px;height: 30px}
  .cultureCoor .coorCon .swiper-button-prev{left:0PX;width: 30px;height: 30px} 
  .cultureCoor .coorCon .swiper-slide .pic h3{font-size: 16px;margin-bottom: 5px}
       .cultureCoor .coorCon .swiper-slide .pic h3 .num{font-size: 26px;margin-right: 5px}
/*   about_dynamic_customer */
.aboutCustomer header{padding:60px 0 30px;}
.aboutCustomer{padding-bottom: 80px}
  .aboutCustomer header h3{margin-bottom: 15px}
    .customerCon ul li{width:33.33333%}
    .customerCon ul li .pic{height:150px;}  
/* case_detail */
.caseDetail .caseDeHead h3{font-size:20px;}
  .caseDetail .caseDeHead .line{margin: 10px auto 15px;}

.caseDeBody{padding-bottom:60px;} 
.caseDetail .caseDeHead{padding:60px 0 40px;}

 .caseDetail .caseDeHeadCon{width: 100%;padding:30px 0 0;}
  .caseDetail .caseDeHeadCon .pic{min-height:auto;margin-bottom: 30px}
  
 .serviceContent .pic{width:100%;padding:50px 30px 40px!important;}    
 .serviceContent .imgDiv{width: 100%}    

.contactContent{padding:60px 0 ;}  
.contactContent ul{top:0;}  
.contactContent ul li{width: 100%;margin-bottom: 20px}  
.contactContent ul li .pic{padding:30px 15px 25px;min-height:auto}  
 .aboutNew .NewCon ul li ins{height: auto;width: 140px}
   
}
@media (max-width:680px){

  .headTitle h3 img{max-width: 40%}
  .banner{height: 30vh;}
  .banner .bannerCon{font-size: 14px;padding-left: 0;text-align: center;}
  .banner .bannerCon h3{font-size: 24px;margin-bottom: 0}
  .banner .bannerCon .line {height:1px;width:25px;margin-top:20px;display: inline-block;}
/*  about */  
  .aboutInfor ul li{width: 100%;margin-bottom: 20px;padding:0 15px;}
  .aboutInfor ul li .pic{position: relative;}
  .aboutInfor ul li .pic.aboutInfor ul li .desc{padding:0;}
  .aboutAdvan .adImg{width: 50%;}

   .aboutCultu .aboutCultuCon ul li .pic{padding:10px;transform: scale(1);-webkit-transform: scale(1);opacity: 1;position: relative;}
       .aboutCultu .aboutCultuCon ul li .desc{padding:10px;}
    .branLogo .swiper-container .swiper-slide img{max-width: 60%;}
    .aboutNew .NewCon ul li ins{margin-right:5px;}
    .aboutNew .NewCon ul li .pic h3{ padding:0px 0 5px;}
     .aboutInfor ul li .desc{padding-left:0}

    
/*  aboutUs  */  
 .aboutUs .container{padding:0 30px;}
 .aboutUs  .aboutUsCon{padding-top:45px}
  .aboutUs .lable{width: 15px;top:40px;}
  .aboutUs  .line{width:30px;height:2px;margin:10px 0 15px;}

/*   about_dynamic   */
  .aboutDynamic{padding:45px 0 60px;}
  .aboutDynamic header{text-align: center;padding-bottom: 25px}
  .aboutDynamic ul li{padding:20px 0;}
  .aboutDynamic ul li ins{width:100%;margin-right:0} 
  .aboutDynamic ul li .desc{width:100%;padding-left:0;}
  .aboutDynamic ul li .pic h3{padding-top:10px}
  .aboutDynamic ul li .pic .con{height:45px;overflow: hidden;}
  
 /*   about_dynamic_detaile   */ 
 .newsDetail .newsDefooter{text-align: center;}
.newsDetail .container{padding:0 15px;}         
   
  .newsDetail .newsDefooter .retuern{width:100px;height: 35px;line-height: 35px;-webkit-border-radius: 17px;border-radius: 17px;margin-top: 20px;float: none} 

  .cultureCreate .picture{max-width: 50%}
  .aboutCulture .cultureValue dd{padding-left: 83px;}
/*   about_dynamic_customer */
.aboutCustomer{padding-bottom:10px}
    .customerCon ul li .pic{height:120px;}  
    .caseLike .con{padding:0 15px;}  
    .caseLike h3{font-size: 20px;margin-bottom: 15px;color: #fff; }
        .caseLike .caseBtn{margin:30px 5px 0;width: 90px;line-height:30px;font-size: 14px;}
 .serviceContent .pic{width:100%;padding:50px 15px 40px!important;}  


    .contactContent .massage dl dd{width: 100%}          
    .contactContent .textDiv{margin-top: 10px}
         
 }
@media (max-width:360px){

    .aboutCuture .listDiv li{padding:20px 10px}
}