@charset "utf-8";

.index_container{width: 1100px;margin:0 auto;}

.mt20{margin-top:20px;}

.bg9{background-color: #f9f9f9}

/* banner */


.mainContent{position: relative;padding-top: 100vh;top:0;background-color: #fff;}

.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:815px;-webkit-background-size:120% 120%; background-size:120% 120%; /*-webkit-transition:all 2.5s ease; -moz-transition:all 2.5s ease; -ms-transition:all 2.5s ease; -o-transition:all 2.5s ease; transition:all 2.5s ease;*/}

.banner{height:810px;position: fixed;top:100px;left: 0;width: 100%;}
.banner.active{ -webkit-background-size:100% 100%; background-size:100% 100%;}

  .banner .bannerCon{padding:0 0 0 170px;color: #fff}

  .banner .bannerCon h3{font-size: 45px;line-height:45px;margin-bottom: 20px}

  .banner .bannerCon h4{color:#fff;font-size:34px;font-weight: 300;padding-top: 5px;}

  .banner .bannerCon .line{height: 4px;width: 46px;background-color: #fff;margin-top:35px;}





.headTitle h3{color: #4a4a4a}

.headTitle .pt{padding-top: 20px}

.headTitle h2{color: #4a4a4a}

.headTitle .line{width: 25px;height: 3px;background-color: rgba(0, 0, 0, 0.8);margin: 20px auto 35px;display: inline-block; }

.headTitle h4{margin-bottom: 15px;color: rgba(0, 0, 0, 0.9)}

.headTitle.ff,.headTitle.ff a{color: rgba(255, 255, 255, 0.3)}

  .headTitle.ff h3{color: rgba(255, 255, 255, 0.8)}

  .headTitle.ff h2{color: #4a4a4a}

  .headTitle.ff .line{background-color: rgba(255, 255, 255, 0.8);}

  .headTitle.ff h4{margin-bottom: 15px;color: rgba(255, 255, 255, 0.9)}

.titleHead h3{color: #36373b;margin-bottom:10px;}

  .titleHead h4{color: rgba(0, 0, 0, 0.9)}

  .titleHead .line{width: 25px;height: 3px;background-color: rgba(0, 0, 0, 0.8);margin: 20px auto 30px;display: inline-block; }

  .titleHead.ff{color: rgba(255, 255, 255, 0.8);font-size: 14px;}

  .titleHead.ff h3{color: #fff;}

  .titleHead.ff h4{color: rgba(255, 255, 255, 0.9)}

  .titleHead.ff .line{background-color: rgba(255, 255, 255, 0.8);}

.container2{padding:0;width: 100%}

/*about*/

.bb7{border-bottom: 7px solid #e2e2e2}

.about_banner{background-image: url(../images/2banner0.jpg)} 

.aboutIntroduct{background-color: #f9f9f9;}

  .w65{width: 65%;} .w35{width: 35%;} 

  .aboutIntroduct .wordDiv{padding:150px 124px 108px 180px;position: relative;}

    .aboutIntroduct .wordDiv ul{padding:100px 0 0 0;margin-left: -55px}

      .aboutIntroduct .wordDiv ul li{width: 25%;position: relative;padding-left: 55px}

        .aboutIntroduct .wordDiv ul li:after{width:1px;position:absolute;height: 75%;background-color: rgba(0, 0, 0, 0.2);content: "";top:0;bottom: 0;margin:auto;display: block;left: 0;}

        .aboutIntroduct .wordDiv ul li:first-child:after{display: none}

          .aboutIntroduct .wordDiv ul li h3{margin:10px 0}

          .aboutIntroduct .wordDiv ul li span{display: inline-block;vertical-align: middle;}

      .aboutIntroduct .wordDiv .moreicon{margin-top: 132px;}

      .aboutIntroduct .wordDiv .moreicon:hover{margin-top: 120px}

  .aboutAdvantage .imgDiv ul li{width:50%;position: relative;}

    .aboutAdvantage .imgDiv ul li .desc{padding:28px 20px 45px 65px;position: absolute;width: 100%;color: rgba(255, 255, 255, 0.8);bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.5)}

    .aboutAdvantage .imgDiv ul li .desc h3{color: #fff;margin-bottom: 4px}

    .aboutAdvantage .imgDiv ul li:hover .desc{color: rgba(0, 0, 0, 0.7);background-color:#e8cb03}

    .aboutAdvantage .imgDiv ul li:hover .desc h3{color: rgba(0, 0, 0, 0.8);}

  .aboutAdvantage .wordDiv{padding:0 180px 0 79px;position: relative;float: right;}

    .aboutAdvantage .wordDiv .bg{width: 100%;height: 108px;background-color: #fff;position:absolute;top:-108px;left: 0}

     .aboutAdvantage .wordDiv .moreicon{margin-top: 140px;}

     .aboutAdvantage .wordDiv:hover .moreicon{margin-top: 125px}

  .w32{width:32.5%;} .w68{width:67.5%;} 

  .aboutCulture {background-color: #36373b}

  .aboutCulture .wordDiv{padding:155px 150px 0 95px;position: relative;}

    .aboutCulture .wordDiv .moreicon{margin-top: 132px;}

    .aboutCulture .wordDiv .moreicon:hover{margin-top: 120px}

    .aboutCulture .imgDiv .desc{position: absolute;display: inline-block;top:160px;left: 65px;color: rgba(255, 255, 255, 0.5)}

    .aboutCulture .imgDiv .desc a{color: rgba(255, 255, 255, 0.5)}

  .aboutNews{background-color:#f9f9f9}

  .aboutNews .imgDiv ul li{width:50%;position: relative;background-color: #fcfcfc}

    .aboutNews .imgDiv ul li:nth-child(2){background-color: #fff}

      .aboutNews .imgDiv ul li .desc{padding:28px 20px 45px 65px;}

      .aboutNews .imgDiv ul li .desc h3{margin-bottom: 4px;color: rgba(0, 0, 0, 0.9);overflow:hidden;height: 30px}

      .aboutNews .imgDiv ul li .desc p{overflow:hidden;height:24px}

  .aboutNews .wordDiv{padding:118px 0 0 80px;position: relative;float: right;}

  .aboutNews .wordDiv .moreicon{margin-top: 120px;}

     .aboutNews .wordDiv:hover .moreicon{margin-top: 105px}

  .aboutCoo{background-color: #fbfbfb;padding:119px 0 110px}

    .aboutCoo .line{background-color:rgba(0, 0, 0, 0.8);margin:15px 0 45px;display: inline-block;width: 25px;height: 1px}

  .aboutCoo .aboutCooBrand{padding:0 50px}

  .aboutCoo .aboutCooBrand header{padding:0 40px 0 60px}

  .aboutCoo .aboutCooBrand header h3 {color:#4a4a4a}

    .aboutCoo .barandList .swiper-slide{position: relative;margin-bottom:10px;height: 110px;text-align: center;width: 25%;}

    .aboutCoo .barandList .swiper-slide img{vertical-align: middle;}

    .aboutCoo .barandList .swiper-container-horizontal>.swiper-pagination-bullets{ padding-left: 50px;position: relative;margin:40px 0 0rem;text-align: right;}

      .aboutCoo .barandList .swiper-pagination-bullet{ margin:0 0 0 4px; background:#2b2b2b; opacity:1;height:5px;width:5px;}

      .aboutCoo .barandList .swiper-pagination-bullet-active{ background:transparent;border:1px solid  #2b2b2b;height:7px;width:7px;margin-bottom: -1px}

    .aboutCoo .aboutCooDe{padding:0 130px;color: rgba(0, 0, 0, 0.6)}

/*   about_us   */

.aboutus_banner{background-image: url(../images/2banner3.jpg)}

.aboutNav{width: 100%;background-color: #fff;text-align: center;}

/* nav同步 .aboutNavUl{position: fixed;width: 100%;top:100px;z-index: 11;background-color: #fff;border-top: 2px solid rgba(0, 0, 0, 0.1)}*/

  .aboutNav ul{text-align: center;}

  .aboutNav ul li{display: inline-block;}

    .aboutNav ul li a{display:block;line-height: 59px;width: 139px;color: #131313;}

    .aboutNav ul li.active a,.aboutNav ul li:hover a{background-color: #ffdf00;font-size: 14px;}

.w64{width: 64%} .w36{width: 36%}

  .aboutUs .CooCompany{padding:145px 135px 0 175px;height: 749px;background-color: #f9f9f9}

.aboutUs .CooCustomer{height: 749px;background-color: #36373b;color:rgba(255, 255, 255, 0.6);padding-top:80px; }

  .aboutUs .CooCustomer .item{width: 400px;margin:auto;}

.aboutUs .CooCustomer h3{color:#fff}

  .aboutUs .CooCustomer h2{font-size: 15px;font-weight: 300;margin-bottom: 95px}

  .aboutUs .CooCustomer ul{position:relative;text-align: center;width: 100%;/*height:425px*/}

  .aboutUs .CooCustomer ul li:before,.CooCustomer ul li:after{position: absolute;display: block;background-color: rgba(255, 255, 255, 0.2);content: "";top:0;bottom: 0;left: 0;right: 0;margin:auto}

    .aboutUs .CooCustomer ul li:before{width: 1px;height:100%;}

    .aboutUs .CooCustomer ul li:after{height: 1px;width:100%}

    .aboutUs .CooCustomer ul li{display:inline-block;padding:45px 0 45px 20px;text-align: left;width: 50%}

    .aboutUs .CooCustomer ul li:nth-child(2n){display:inline-block;padding:45px 0 45px 45px;text-align: left;width: 50%}

     .aboutUs  .imgDiv{height:665px;overflow: hidden; }



/*   aboutus_dynamicBan  */

.about_dynamicBan{background-image: url(../images/2banner.jpg)}

  .aboutus_dynamic .head{padding:115px 0}

  .aboutus_dynamic .head .formDiv{padding-top: 35px}

  .aboutus_dynamic .formGround{position: relative;padding-right: 25%;width: 435px;}

    .aboutus_dynamic .formGround .inputCtrl{line-height: 50px;height: 50px;width: 100%;position: relative;padding:0 10px;border:1px solid #bfbfbf;border-right: none;background-color:#fff;display: inline-block;}

    .aboutus_dynamic .formGround .btnCtrl{position: absolute;line-height: 50px;background-color: #4a4a4a;color:#fff;right: 0;top:0;display:block;text-align: center;border:none;width: 25%}

  .aboutus_dynamic .dynamicBody{padding-bottom: 86px}

  .aboutus_dynamic .dynamicBody ul{margin:0 0 -25px -35px}

    .aboutus_dynamic .dynamicBody ul li{padding:0 0 25px 35px;width: 33.33%;float: left;}

      .aboutus_dynamic .dynamicBody ul li .pic{background-color: #fff;font-size: 12px;color: rgba(0, 0, 0, 0.6)}

      .aboutus_dynamic .dynamicBody ul li .pic a{font-size: 12px;color: rgba(0, 0, 0, 0.6)}

      .aboutus_dynamic .dynamicBody ul li .desc{padding:20px 30px}

        .aboutus_dynamic .dynamicBody ul li .time{color: rgba(0, 0, 0, 0.6)}

        .aboutus_dynamic .dynamicBody ul li .date{font-size: 28px;}

        .aboutus_dynamic .dynamicBody ul li .line{display: inline-block;width: 1px;height: 13px;background-color: rgba(0, 0, 0, 0.5);margin:0 5px 0 10px}

        .aboutus_dynamic .dynamicBody ul li h3{font-size: 15px;color: rgba(0, 0, 0, 0.8);height: 25px;overflow: hidden;}

        .aboutus_dynamic .dynamicBody ul li .con{height: 18px;overflow: hidden;}

        .aboutus_dynamic .dynamicBody ul li .moreLine{width: 100%;height: 1px;background-color: rgba(0, 0, 0, 0.2);margin:20px 0 15px;width: 0}

        .aboutus_dynamic .dynamicBody ul li:hover .moreLine{width: 100%;}

  .aboutus_dynamic .dynamicBody .moreBtn{margin-bottom: 0;}

/*about_detail*/

.aboutDetail{}

  .aboutDetailCon{width: 1280px;margin:auto;}

   .aboutDetail header{padding:165px 0 50px;border-bottom: 1px solid #c5c5c4;text-align: center;}

        .aboutDetail header h3{font-size:24px;color:rgba(0,0,0,.9);font-weight: normal;padding-bottom:5px}

        .aboutDetail header .time{font-size:14px;color:rgba(0,0,0,.6);}

        .aboutDetail article{padding:70px 0 60px;line-height: 26px;color: 12px;color: rgba(0,0,0,.8);border-bottom: 1px solid #c5c5c4}

        .aboutDetail article .pd20{padding-bottom:30px}

          .aboutDetail article .pd50{padding-top:50px}

          .aboutDetail article .pt20{padding-top: 30px}

    .aboutDetail .returnDiv{padding:30px 0 110px;}

      .aboutDetail  .returnDiv .leftLink{width: 80%;}

        .aboutDetail  .returnDiv .leftLink a{display: block;font-size:13px;color: rgba(0,0,0,.8);line-height:26px;}    

      .aboutDetail  .returnDiv .leftLink span{line-height: 26px;}

          .aboutDetail  .returnDiv .leftLink a:hover{color: #b11100;}

          .aboutDetail  .returnDiv  a.return{display: block;font-size:16px;color:rgba(0, 0, 0, 0.8);line-height: 36px;background: url(../images/4icon_return.png) no-repeat 0 center;display: inline-block;padding-left: 30px}

          .aboutDetail  .returnDiv  a.return:hover{color: #b11100;}

/*about_culture*/

.about_culture{}

.w48{width: 48%}

.w52{width: 52%}

  .aboutCuture .culture .wordDiv{padding:132px 0 0 185px}

  .aboutCuture .culture .imgDiv{position: relative;}

    .aboutCuture .culture .imgDiv .desc{position:absolute;background-color: #36373b;color: rgba(255, 255, 255, 0.8);width: 50%;left: 0;bottom: 0;padding:55px 0 55px 88px}

    .aboutCuture .culture .imgDiv .desc h4,.aboutCuture .culture .imgDiv .desc .con{color: rgba(255, 255, 255, 0.5);}

    .aboutCuture .culture .imgDiv .desc .line{display: inline-block;width:14px;height: 2px;background-color: rgba(255, 255, 255, 0.2);margin-top:-30px}

  .aboutCuture .height4{height: 468px}

  .aboutCuture .styleDiv .wordDiv{position: relative;background-color: #fee009;padding-left:185px}

  .aboutCuture .styleDiv .wordDiv .bg{position: absolute;background-color: #fee009;width: 100%;height: 70px;top: -70px;left:0}

    .aboutCuture .styleDiv .EN{color: rgba(0, 0, 0, 0.5);}

    .aboutCuture .styleDiv .con span{color: rgba(0, 0, 0, 1);font-size: 12px}

    .aboutCuture .styleDiv .pic{padding-left: 106px;position: relative;}

    .aboutCuture .styleDiv .pic:before{width: 70px;height: 70px;content: "";background: url(../images/2icon01.png) no-repeat center;position: absolute;top:2px;left: 0;}

  .aboutCuture  .listDiv li{width:50%;text-align: center;padding:0 59px; }      

  .aboutCuture  .listDiv li ins{width: 100%;height: 84px;background-position: center;display: inline-block;margin-bottom: 10px;background-repeat: no-repeat; }      

    .aboutCuture  .listDiv li h4{color: rgba(0, 0, 0, 0.5);margin-top: 5px; }    

      .aboutCuture  .listDiv li  .f18{font-size: 18px}

      .aboutCuture  .listDiv li .line{display: inline-block;width: 14px;height: 2px;background-color: rgba(0, 0, 0, 0.2);margin:15px auto; }      

    .aboutCuture .listDiv li .con{color: rgba(0, 0, 0, 0.5);height: 35px}

    .aboutCuture .listDiv li:nth-child(1) ins{background-image:url(../images/2icon02.png)}

    .aboutCuture .listDiv li:nth-child(2) ins{background-image:url(../images/2icon03.png)}

    .aboutCuture .listDiv li:nth-child(3) ins{background-image:url(../images/2icon04.png)}

    .aboutCuture .listDiv li:nth-child(4) ins{background-image:url(../images/2icon05.png)}

    .aboutCuture .listDiv li:nth-child(2) {background-color: #ececec}

    .aboutCuture .listDiv li:nth-child(3) {background-color: #ececec}

    .aboutCuture .listDiv li:nth-child(4) {background-color: #36373b}

     .aboutCuture  .listDiv li.ff{color: rgba(255, 255, 255, 0.8)}      

   .aboutCuture  .listDiv li.ff h4,.aboutCuture .listDiv li.ff .con{color: rgba(255, 255, 255, 0.5); }   

      .aboutCuture  .listDiv li.ff .line{background-color: rgba(255, 255, 255, 0.2); }      

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

  .aboutCuture .listDiv li .line{margin:5px auto}

  .aboutCuture .listDiv li ins{height:79px;}

  .aboutCuture .listDiv li .f20 {font-size:17px;}

/*   about_advantage  */



.aboutusAD_banner{background-image: url(../images/2banner.jpg)}  

  .aboutusAD_banner .f26{line-height: 40px;font-size: 26px}

  .aboutusAD_banner .bannerCon .line{margin-bottom: 30px}

  .aboutusAD_banner .icon{margin-top: 80px}

.aboutAdvantge .item h4{color: rgba(0, 0, 0, 0.6);font-size: 12px;margin-bottom: 5px;}

.aboutAdvantge .item .line{display: inline-block;width: 25px;height: 3px;margin:10px auto 15px;background-color: #000;}

.aboutAdvantge .item h3{color: #000;}

.aboutAdvantge .item .pt{padding-top: 38px}

.aboutAdvantge .item.ff{color: rgba(255, 255, 255, 0.8);}

.aboutAdvantge .item.ff h4{color: rgba(255, 255, 255, 0.6);font-size: 12px;margin-bottom: 5px;}

.aboutAdvantge .item.ff .line{background-color: #fff;}

.aboutAdvantge .item.ff h3{color: #fff;}

.aboutAdvantge .item.ff .pt{padding-top: 38px}

.aboutAdvantge .pd{padding:190px 0 0 104px}

.aboutAdvantge .pd2{padding:170px 0 0 104px;width: 482px}

.aboutAdvantge .heigt1{height: 656px}

.aboutAdvantge .heigt2{height: 606px}

.aboutAdvantge .list1{background-color: #f0f0ed}

.aboutAdvantge .list2 .item{width: 450px}

.aboutAdvantge .list2{background-image: url(../images/temp/2img25.jpg);background-position: center;background-repeat: no-repeat;}

.aboutAdvantge .list4 .item{background-image: url(../images/temp/2img26.jpg);background-position: center;background-repeat: no-repeat;width: 100%}

.aboutAdvantge .list4 .item .pic{padding:82px 70px;background:rgba(255, 223, 0, 0.9);width: 100%;height: 100%;width: 79%;height: 72%;position: absolute;top:0;bottom: 0;right: 0;left: 0;margin:auto}

.advantageHead{}

.aboutAdvantge .list5 .item{background-image: url(../images/temp/2img27.jpg);background-position: center;background-repeat: no-repeat;width: 100%}

  .aboutAdvantge .list5 .item{text-align: right;}

  .aboutAdvantge .list5 .pic{text-align:left;display: inline-block;width: 516px;padding:155px 122px 0 0;}

.advantageBody ul{margin-top: -85px;background-color: #fff}

.advantageBody .pd4{padding:60px 155px 0 100px}

.advantageBody .pd5{padding:85px 155px 0 100px}

.advantageBody .pd6{padding:130px 155px 0 100px}

.aboutAdvantge .heigt3{height: 294px}

.aboutAdvantge .heigt4{height:480px}

.aboutAdvantge .heigt5{height:573px}

.aboutAdvantge .list6{background-color: #ffffff}

.aboutAdvantge .list7{background-color: #f0f0ed}

.aboutAdvantge .list8{background-color: #36373b}

/*.aboutusAD_banner,.aboutus_banner,.about_dynamicBan,.aboutus_banner{top:161px} */



/*   service   */

.service_banner{background-image: url(../images/3banner.jpg)}

.item{height: 100%;display: block;}

  .service ul li .wordDiv{padding:77px 163px 0 102px;height: 100%;display: block;}

  .service ul li .y{background-color: #ffdf00}

  .service .g{background-color: #36373b}

  .service .f{background-color: #fff}

  .service .itemfl{float: right;}

  .service ul li .wordDiv2{padding:115px 168px 0 175px}

  .service .pic{overflow-y: auto;height:214px;position: relative;}

  .service .desc{padding-right: 35px;color: rgba(0, 0, 0, 0.8);padding-bottom: 10px;}

  .service .desc h3{margin:15px 0 10px;font-size: 18px;font-weight: bold;}

  .service .list3{float: right;}





/*  work  */

.work_banner{background-image: url(../images/4banner.jpg);padding-top:200px}

  .work_banner .icon{position: absolute;bottom: 160px;}



/*   workDetail  */

.workDetail{}

  .workDetail .workDHd .hd{padding:133px 0 145px;color: rgba(51, 51, 51, 0.8)}

  .workDetail .workDHd .hd h3{color:#333333;}

    .workDetail .workDHd .hd .line{width: 31px;height: 1px;background-color: #333333;display: inline-block;}

  .workDetail .workDHd .hd .wordF{width: 83%;}

      .workDetail .workDHd .hd .wordF .line{margin:23px 0 30px;}

      /*.workDetail .workDHd .hd .wordF .pic{text-align: center;}*/
		 .workDetail .workDHd .hd .wordF .pic{ text-align: left;width:90%;}
     
   
    .workDetail .workDHd .hd .wordR{width: 17%;}

      .workDetail .workDHd .hd .wordR .line{margin:15px 0 30px;}

      .workDetail .workDHd .workDetailBg{padding:0 30px}

  .workBd{background-image: url(../images/4img02.jpg);padding:155px 0 130px}

    .workBd ul{margin-left: -5px;}

      .workBd ul li{padding:0 0 0 5px;width: 44%;color:rgba(51, 51, 51, 0.8); }

      .workBd ul li:first-child{padding:0 0 0 5px;width:56%;}

        .workBd ul li .pic{padding:120px 180px 0 95px;background-color: #fafafa;height: 434px;}

        .workBd ul li h3{font-size: 22px;color: #333333}

        .workBd ul li .line{width: 24px;height: 2px;background-color: #4b4b4b;margin-top: 10px}

        .workBd ul li .pt{padding-top: 20px}

        .workBd ul li .btnDiv{padding-top:55px}

          .workBd ul li .btnDiv .btn{display: inline-block;margin-right: 15px;width: 115px;line-height: 40px;font-size: 15px;color: #333;text-align: center;border:1px solid #969696}

          .workBd ul li .btnDiv .btn.g{border:1px solid #333333;color:#e0e0e0;background-color: #333333}



/*   trademark   */

.trademark_banner{background-image: url(../images/5banner.jpg)}

  .trademarkProcese{background-color: #f3f3f5;padding:120px 0}

  .trademark header{text-align: center;padding-bottom: 95px;color: rgba(0, 0, 0, 0.7)}

  .trademark header h3{padding-bottom: 5px;color: rgba(0, 0, 0, 0.9)}

    .trademark .trademarkProcese ul{margin:0 0 -22px -22px;}

      .trademark .trademarkProcese ul li{padding:0 0 22px 22px;width: 33.33%;}

      .trademark .trademarkProcese ul li .pic{height: 278px;background-color: #fff;text-align: center;padding:0 135px 50px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)}

      .trademark .trademarkProcese ul li .y,.trademark ul li.active .pic{background-color: #ffdf00;}

  .trademarkNeed{background-image: url(../images/5bg01.jpg);height:714px }

    .trademarkNeed ul li{color: rgba(255, 255, 255, 0.66);text-align: center;}

      .trademarkNeed ul li:first-child{margin-bottom: 60px}

      .trademarkNeed ul li h3{margin-bottom: 20px}

  .trademarkSuccese{background-color: #f3f3f5;padding:125px 0 105px;}

    .trademark header h3{padding-bottom: 5px;color: rgba(0, 0, 0, 0.9)}

    .trademark header .line{width: 46px;height: 5px;background-color: rgba(0, 0, 0, 0.6);display: inline-block;}

      .trademark  .trademarkSuccese ul{margin:0 0 -20px -20px;}

        .trademark  .trademarkSuccese ul li{padding:0 0 20px 20px;width: 33.33%;}

        .trademark  .trademarkSuccese ul li h3{font-size: 16px;margin-bottom: 20px;}

        .trademark  .trademarkSuccese ul li .pic{height: 313px;background-color: #fff;padding:0 25px 0 98px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)}

        .trademark  .trademarkSuccese .moreBtn{margin-bottom: 0;}

/*  contact   */

.contact .contactUs{width: 50%;height: 100vh;background-color: #252627;padding: 196px 0 0 180px}

.contact .massge{width: 50%;height: 100vh;background-color: #1f1f1f;padding: 196px 0 0 235px;}

.contact h5{font-size: 55px;color: #f5f0ea;line-height: 120%;margin-bottom:30px;}

  .contact dl{font-size: 15px;color: rgba(255, 255, 255, 0.3)}

  .contact dl dd{position: relative;margin-bottom: 10px;}

    .contact dl dd .mapIcon{display: inline-block;width:21px;height: 35px;background: url(../images/6icon01.png) no-repeat center;background-size: 100%;position: absolute;margin-left: 5px;bottom: 0;cursor: pointer; }

    .contact .blank{padding:40px 0;}

    .contact .blank .pic{padding:12px 20px 12px 75px;position: relative;font-size: 15px;color: rgba(255, 255, 255, 0.3);display: inline-block;}

     .contact .blank .pic .icon{width:65px;height: 65px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/6icon02.png);background-size: 100%;display: block;position: absolute;left: 0;top:0;bottom:0;margin:auto;}

      .contact .blank .pic:before,.contact .blank .pic:after{width:100%;height:1px;background: url(../images/6line0.png) repeat-x center;content: "";position: absolute;left: 0;}

         .contact .blank .pic:before{top: 0;}

        .contact .blank .pic:after{bottom: 0;}

      .contact .apply{color: rgba(255, 255, 255, 0.3); }

      .contact .apply h3{color: rgba(255, 255, 255, 0.7);font-size: 18px;font-weight: 600;margin-bottom: 10px }

  .contact .massge ul li{margin-bottom: 13px;text-align: left;}

    .contact .massge .formGround{padding-left: 60px;border:1px solid rgba(255, 255, 255, 0.2);width: 477px;display:block;position: relative;}

      .contact .massge ins{width: 60px;text-align: center;color: rgba(255, 255, 255, 0.4);position: absolute;left: 0;top:0;line-height: 43px}

      .contact .massge .inputCtrl{display:inline-block;line-height: 43px;height: 43px;width: 100%;outline: none;border:none;background-color: transparent;color: rgba(255, 255, 255, 0.4);}

      .contact .massge .textareaCtrl{text-align: left;padding:10px 0;display: block;line-height:130%;height: 134px;width: 100%;outline: none;border:none;background-color: transparent;color: rgba(255, 255, 255, 0.4);reset:none;}

      .contact .massge .m{border:1px solid rgba(255, 255, 255, 0.2);margin-right: 5px}

      .contact .massge .vImg{width: 124px;height: 45px;}

      .contact .massge .btnCtl{width: 148px;height: 43px;line-height: 43px;text-align: center;border:none;background-color: #2f2f2f;color: #dddddd;font-size: 15px;}

      .contact .massge ul li.last{width: 477px;}

      .contact .massge ul li.last .formGround{text-align: left;width: 146px;margin-right: 5px;}

  .contact .closeBtn{position: absolute;width: 52px;height: 52px;background: url(../images/6icon03.png) no-repeat center;background-size: 100% 100%;top:25px;right: 25px}

.aboutNavUl.fixed{position: fixed;top:100px;z-index: 88;width: 100%;background-color: #fff;border-top: 2px solid rgba(0, 0, 0, 0.1)}

@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: 60vh}



.contact .contactUs{padding: 196px 0 0 180px}

.contact .massge{padding: 196px 0 0 180px;}

.aboutUs  .imgDiv{height:580px;}

  .aboutCuture .height4{height: 413px}
  .mainContent{padding: 65vh 0 0}
}



@media (max-width:1440px){
  .banner{height: 50vh}

   .headTitle .line { margin:10px auto 15px;}   

  .aboutIntroduct .wordDiv {padding:80px 60px 30px 60px;}

  .aboutIntroduct .wordDiv ul{margin-left:0;padding-top: 40px}

        .aboutIntroduct .wordDiv ul li{padding-left:0px;text-align: center;}

        .aboutIntroduct .wordDiv .moreicon{margin-top:50px;}

              .aboutIntroduct .wordDiv .moreicon:hover{margin-top: 50px}

  .aboutAdvantage .imgDiv ul li .desc{padding:15px 20px;}

  .aboutAdvantage .wordDiv .bg {height:90px;top: -90px;} 

  .aboutAdvantage .wordDiv .moreicon{margin-top:60px;}

       .aboutAdvantage .wordDiv:hover .moreicon{margin-top:50px}

  .aboutCulture .wordDiv {padding: 63px 80px 0 60px;}

  .aboutNews .imgDiv ul li .desc { padding:15px 20px 20px;}

    .aboutNews .wordDiv {padding: 45px 0 0 76px;}

     .aboutNews .wordDiv .moreicon{margin-top:80px;}

       .aboutNews .wordDiv:hover .moreicon{margin-top:70px}

  .aboutCoo {background-color: #fbfbfb;padding:70px 0 70px;}

.aboutCoo .aboutCooDe {padding: 0 80px;}

.aboutCoo .line {margin: 10px 0 15px;}

   .banner .bannerCon{padding:0 0 0 100px;color: #fff}

.service ul li .wordDiv,.service ul li .wordDiv2{padding: 25px 40px 0 47px;}

  .titleHead .line {margin:10px auto 15px;}

  .workBd ul li .pic{padding:60px 60px 0 80px;background-color: #fafafa;height:350px;}



.workDetail .workDHd .hd .wordF{padding-top:0;}
.workDetail .workDHd .hd .wordF .pic p {width:80%;}

  .workDetail .workDHd .hd .wordR{}

  .workDetail .workDHd .hd .wordR .line { margin: 15px 0 30px;}

      .workDetail .workDHd .workDetailBg{padding:0 30px}

.trademark .trademarkProcese ul li .pic {padding: 0 74px 50px;}

.trademark .trademarkSuccese ul li .pic{padding: 0 25px;}

.workDetail .imgDiv{margin-bottom:80px}

.trademarkNeed {height: 654px;}

  .contact .contactUs,.contact .massge{padding:150px 0 0 100px}

   .aboutUs .CooCompany{padding:80px 80px 0 80px;height: 600px;background-color: #f9f9f9}

  .aboutUs .CooCustomer{height:600px; }

  .aboutUs .CooCustomer h2{margin-bottom: 30px;}

  .aboutUs  .imgDiv{height:445px;}

.aboutCuture .height4{height: 353px}

.aboutCuture .culture .wordDiv {padding: 49px 0 0 149px;}

.aboutCuture .styleDiv .wordDiv .bg{height: 40px;top:-40px;}

.advantageBody ul{margin-top: -72px;background-color: #fff}

.aboutAdvantge .item .pt{padding-top:10px}

.aboutAdvantge .pd{padding:100px 0 0 60px}

.aboutAdvantge .pd2{padding:110px 60px 0;width:100%}

.aboutAdvantge .heigt1{height: 493px}

.aboutAdvantge .heigt2{height: 456px}

.aboutAdvantge .heigt3{height: 221px}

.aboutAdvantge .heigt4{height:370px}

.aboutAdvantge .heigt5{height:430px}

.advantageBody .pd4{padding:30px 40px 0 40px}

.advantageBody .pd5{padding:40px 40px 0 40px}

.advantageBody .pd6{padding:50px 40px 0 40px}

.mainContent{padding: 55vh 0 0}



}



@media (max-width: 1390px){.aboutCuture .height4{height:330px}
  .banner{height: 50vh}

}

@media (max-width:1290px){

  .trademarkSuccese{background-color: #f3f3f5;}

   .aboutDetailCon{width:100%;margin:auto;padding:0 15px}

    .aboutDetail header{padding:50px 0 30px;}

        .aboutDetail header h3{font-size:18px;color:rgba(0,0,0,.9);font-weight: normal;padding-bottom:5px}

        .aboutDetail article{padding:30px 0}

      .aboutDetail .returnDiv{padding:30px 0 60px}



.aboutCuture .culture .wordDiv {padding: 49px 0 0 60px;}

.aboutCuture .styleDiv .wordDiv .bg{height: 40px;top:-40px;}

.aboutCuture .height4{height:313px}
  .banner{height: 40vh}

}

@media (max-width:1040px){

.banner{height: 45vh;-webkit-background-size:100% 100%!; background-size:100% 100%;}
.banner{height:200px;}
.banner.active{-webkit-background-size:100% 100%!; background-size:100% 100%;}

.banner .icon{display: none}

  .aboutIntroduct .wordDiv {padding: 50px 27px 30px 31px;}

    .aboutIntroduct .wordDiv ul{margin-left:0;padding-top: 20px;padding-right: 0}

    .aboutIntroduct .wordDiv ul li h3 {margin:0;}

  .aboutAdvantage .wordDiv {padding:30px 30px 0;position: relative;}

  .aboutAdvantage .wordDiv .bg {height: 65px;top:-65px} 

  .aboutAdvantage .imgDiv ul li .desc {font-size: 12px}  

  .aboutCoo .barandList .swiper-slide {width: 25%;}

  .aboutCoo .barandList .swiper-slide img{width:70%;vertical-align: middle;}

  .aboutCoo .aboutCooDe {padding: 0 30px;}

  .aboutCoo .aboutCooBrand header { padding: 0 33px 0 15px;}

  .service .pic{overflow-y: auto;height:150px;}

 

  .service .desc h3{margin:5px 0;font-size: 18px;font-weight: bold;}



  .trademark .trademarkProcese ul{margin:0 0 -10px -10px;}

    .trademark .trademarkProcese ul li{padding:0 0 10px 10px;}

    .trademark .trademarkProcese ul li .pic {padding: 0 30px 0;height: 190px;}

    .trademark  .trademarkSuccese ul{margin:0 0 -10px -10px;}

      .trademark  .trademarkSuccese ul li{padding:0 0 10px 10px;}

  .trademarkNeed {height:auto;padding:50px 0;background-size: 100% 100%;}



  .contact .contactUs,.contact .massge{padding:150px 0 0 50px}

  .contact .massge .formGround{width:400px;}

  .contact .massge ul li.last{width:400px;}

  .contact .massge .vImg {width:86px;}



   .aboutUs .CooCompany{padding:50px 30px 0 30px;height:548px;}

  .aboutUs .CooCustomer{height:548px; }

  .aboutUs .CooCustomer h2{margin-bottom: 30px;}

  .aboutUs  .imgDiv{height:354px;}

  .aboutUs .CooCustomer .item{width: 100%;padding-left: 20px}

   .aboutUs .CooCustomer ul li{padding:20px 0 20px 0px;}

   .aboutUs .CooCustomer ul li:nth-child(2n){padding:20px 0 20px 20px;text-align: left;width: 50%}

    .aboutUs .CooCustomer h2{margin-bottom: 20px}



.aboutus_dynamic .head{padding:50px 0}

.aboutus_dynamic .head .formDiv {padding-top: 20px;}

  .aboutus_dynamic .dynamicBody ul{margin:0 0 -10px -10px}

    .aboutus_dynamic .dynamicBody ul li{padding:0 0 10px 10px;width: 33.33%;float: left;}

        .aboutus_dynamic .formGround .inputCtrl{line-height:45px;height:45px;}

        .aboutus_dynamic .formGround .btnCtrl{position: absolute;line-height: 45px;}

  .aboutCuture .culture .wordDiv{padding:20px 0 23px 32px;}

  .aboutCuture .culture .wordDiv .pic .headTitle{line-height: 18px} 

   .aboutCuture .headTitle h4{margin-bottom: 5px}

   .headTitle .pt{padding-top:5px}  

   .aboutCuture .styleDiv .wordDiv .bg{display: none}

   .headTitle .line{margin:5px 0}

   .aboutCuture .listDiv li ins{height: 38px}

.w48{width: 100%;float: none}

.w52{width:100%;float: none}

.aboutCuture .height4{height: auto}

.aboutCuture.bb7{border-bottom: none;}



.aboutAdvantge .list4 .item .pic{padding:40px 30px}

.aboutusAD_banner .f26{font-size: 14px;line-height: 18px;}

.aboutusAD_banner .bannerCon .line{margin-bottom: 5px}



  .aboutCuture .listDiv li .f30 {font-size:18px;line-height:18px;}

  .aboutCuture .listDiv li .f18{font-size: 15px}

    .aboutCuture .listDiv li ins{height:60px;background-size: auto 100%;}

	/*.aboutNav ul li a{line-height: 40px}

    .aboutNavUl{top:48px}

	.work_banner{padding-top:0}*/

	

	

}

@media (max-width:1050px){
  .contact .massge ul li.last{width: 430px}
  .contact .contactUs, .contact .massge{padding:150px 0 0 50px}
  .contact .massge .formGround{width: 430px}
}

@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;}



  .aboutAdvantage .wordDiv .bg {display: none} 

  .aboutCoo .barandList .swiper-container-horizontal>.swiper-pagination-bullets {padding-left:0;margin:10px 0 0rem;text-align: center;}

  .service ul li .wordDiv,.service ul li .wordDiv2{padding: 30px 15px 30px 15px;}

    .service .pic{overflow:hidden;height:auto;overflow: hidden;position: relative;}

      .service .desc{padding:0;}

  /*  workDetail  */

  .workBd {padding:50px 0;}

  .workDetail .workDHd .hd {padding:30px 0 30px;}

  .workDetail .workDHd .hd .wordF .line,.workDetail .workDHd .hd .wordR .line{margin:5px auto 15px;}

      .workDetail .workDHd .hd .wordF .pic p{width:100%;}

      .workDetail .workDHd .hd .wordR{padding-left:15px}

      .workDetail .workDHd .workDetailBg{padding:0 10px;}

  .workBd ul li{width: 50%!important}

  .workBd ul li .pic{padding: 30px ;height: 300px;}

  .workBd ul li .btnDiv {padding-top:20px;}

  .workDetail .imgDiv{margin-bottom: 60px}

  .trademarkProcese {padding:40px 0;}

      .trademark header {padding-bottom: 30px;}

      .trademark .trademarkProcese ul li .pic {padding: 0 15px 0;}

  .trademark .trademarkSuccese ul li{width: 50%}

  .trademark .trademarkSuccese ul li .pic{height: 250px}

.contact .contactUs,.contact .massge{width:100%;height:auto;padding: 50px}

.contact h5 {font-size:30px;}



.w64{width:100%} .w36{width: 100%}

 .aboutUs .CooCompany,.aboutUs .CooCustomer{padding:30px 15px;height:auto;}

 .aboutUs .imgDiv{height: auto}

 .aboutus_dynamic .dynamicBody ul li{width: 50%}

  .aboutus_dynamic .dynamicBody ul li .desc{padding:10px}

  .aboutCuture .styleDiv .wordDiv{padding-left: 0;text-align: center;padding:45px 0}

  .aboutCuture .styleDiv .pic{display: inline-block;text-align:left;}

  .aboutCuture .culture .imgDiv .desc{position: relative;padding:10px 10px;width: 100%;}

  .advantageBody ul{margin-top: 0;}

  .aboutAdvantge .list5 .pic{width: 100%;padding:50px 20px}

  .aboutAdvantge .item .pt{padding-top:10px}

  .aboutAdvantge .heigt1,.aboutAdvantge .heigt2,.aboutAdvantge .heigt3,.aboutAdvantge .heigt4,.aboutAdvantge .heigt5{height: auto;}

  .aboutAdvantge .pd2,.aboutAdvantge .pd,.advantageBody .pd4, .advantageBody .pd5, .advantageBody .pd6{padding:30px 20px}

.aboutAdvantge .list2 .item {width: 100%;}

.aboutCuture .culture .wordDiv{padding:20px 15px 20px}

.aboutCuture .culture .imgDiv{text-align: center;}

.aboutCulture{overflow: hidden;}

.workHeadDIV.fixed{width: 100%;top:48px;position: fixed;z-index: 88;left: 0;background-color: #fff;border-top: 2px solid rgba(0, 0, 0, 0.1);}

  .workHeadDIV.fixed .titleLable{display: none}

}

@media (max-width:650px){

  .titleLable .or{height: 15px;background-size: 100% 100%}

  .banner{height: 30vh;}
  .banner{height:120px;}

  .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;}

  .aboutIntroduct .wordDiv ul{padding:30px 0 0 0;margin-left:0px}

        .aboutIntroduct .wordDiv ul li{width:50%;position: relative;padding:0;margin-bottom: 10px}

        .aboutIntroduct .wordDiv ul li:after{display: none}

  .aboutAdvantage .imgDiv ul li .desc {position: relative;height:110px}

  .aboutCulture .imgDiv .desc{top:0px;left:0px;padding:20px 15px}

  .aboutNews .imgDiv ul li {width:100%;}

  .aboutCoo .aboutCooBrand {padding: 0;}

  .titleLable .or {width: 10px;height: 17px;}

   /*  workDetail  */

  .workBd {padding:50px 0;}

  .workDetail .workDHd .hd .wordF .line,.workDetail .workDHd .hd .wordR .line{margin:5px auto 5px;}

   .workDetail .workDHd .hd .wordF{width:100%;}
	.workDetail .workDHd .hd .pic{width:100%;padding-top: 0;}
	.workDetail .workDHd .hd .pic p{width:100%;}
      .workDetail .workDHd .hd .wordF .pic p{width:100%;}

      .workDetail .workDHd .hd .wordR{width: 100%;padding-left: 0;margin-top: 10px}

      .workDetail .workDHd .workDetailBg{padding:0 10px;}

  .workBd ul li{width:100%!important;margin-bottom: 10px}

   .workBd ul li .pic{height:auto;}  

   .workDetail .imgDiv{margin-bottom: 118px}



.trademark .trademarkProcese ul li{width: 100%;} 

.trademark .trademarkProcese ul li .pic{height: 150px} 

.trademark .trademarkSuccese ul li{width: 100%}

.trademarkNeed {padding: 30px 10px;}

.trademarkNeed ul li:first-child{margin-bottom: 20px}

      .trademarkNeed ul li h3{margin-bottom:10px}

  .trademark  .trademarkSuccese{padding:30px 10px}

.contact .contactUs,.contact .massge{width:100%;height:auto;padding:30px 15px}

  .contact .closeBtn{width: 30px;height: 30px}

   .contact .massge .formGround{width:100%;}

  .contact .massge ul li.last{width:100%;text-align: left;}

  .contact .massge ul li.last {float: none;display: inline-block;}

  .contact .massge .btnCtl{float: left;margin: 20px 0 0;}

  .aboutNav ul{display: block;padding:0 15px;}

    .aboutNav ul li{float: left;width: 25%}

    .aboutNav ul li a{float: left;width:100%}

    .aboutUs .CooCustomer .item{padding-left: 0;}

    .aboutCoo .barandList .swiper-container-horizontal>.swiper-pagination-bullets{margin-top: -40px}

.headTitle{width: 100%}

.aboutus_dynamic .formGround{width: 100%}

  .aboutus_dynamic .formDiv{width: 100%}

    .aboutus_dynamic .dynamicBody ul li .moreLine{display: none}

    .aboutus_dynamic .dynamicBody ul li .date{font-size: 16px}

    .aboutus_dynamic .dynamicBody ul li .line{height: 10px}

    .aboutus_dynamic .dynamicBody ul li h3{font-size: 14px;}

  .aboutDetail header{padding:20px 0 15px}

  .aboutDetail article{padding:0px 0 10px}

  .aboutDetail .returnDiv .leftLink{width: 100%}

  .aboutDetail .returnDiv a.return{width: 100%;float: none;font-size: 14px;background-size:13px;padding-left: 18px}

  .aboutDetail .returnDiv{padding:20px 0 30px}

.aboutCuture .listDiv li{width: 100%;padding:30px 10px}

.aboutCuture .listDiv li:nth-child(3){border-top: 1px solid #2f2f2f}

 .aboutCuture .styleDiv .pic{padding-left: 0;text-align: center;}

 .aboutCuture .styleDiv .pic:before{width: 40px;background-size: 100%;left: 0;display: inline-block;position:relative;margin-bottom: 10px;height: 40px}

 .aboutCoo{overflow-x: hidden;}

 .aboutNav ul li a{line-height:35px}

}

@media (max-width:360px){



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

}












.index_work{background-color: #fff;position: relative;padding-bottom: 85px}


.index_bannerDiv{float: left;width: 100%;height: 100%; position: fixed;top:100px;left: 0;z-index: 0}

.index_banner{top: 100px;left: 0;width: 100%;height: 100%;display: block;}

.aboutIntroduct,.aboutAdvantage,.aboutCoo,.aboutNews,.aboutCulture,.index_aboutDiv,.service,.trademark,.workDetail,.index_brand{position: relative;z-index: 8}

.aboutAdvantage,.service,.trademark,.workDetail{background-color: #fff}

.aboutCoo .barandList .swiper-container-horizontal>.swiper-pagination-bullets{ padding-right: 50px}



@media (max-width:1040px){

    .banner{height: 30vh;-webkit-background-size:100% 100%!; background-size:100% 100%;position: relative;top:0}

    .mainContent{padding-top:0;top:0}

    .aboutCoo .barandList .swiper-container-horizontal>.swiper-pagination-bullets{ padding-right: 30px}

}

@media (max-width:900px){

  .index_bannerDiv{top:48px;height: 40vh;position: relative;float:none;}

   .mainContent{padding-top:0vh;}

  .index_banner .swiper-slide,.index_banner .swiper-wrapper .swiper-slide{height: 33vh;padding-left: 0}

  .index_banner .swiper-wrapper .pic {width: 80%;text-align: center;margin:auto;padding:0}

  .index_banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 10px}

  .banner .icon {display: none}

   .index_banner .swiper-wrapper h3{font-size:14px;line-height:22px;margin-bottom: 5px;}

    .index_banner .swiper-wrapper .EN{font-size: 12px;}

    .workDetail .imgDiv{margin-bottom: 50px}

	.pp{  padding-top: 40px;}

}

@media (max-width:650px){

  .index_banner .swiper-wrapper .pic {width: 100%;text-align: center;margin:auto;padding:0}

  .index_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{height:7px;width:7px;margin:0 3px;bottom: 5px}

 .workDetail .imgDiv{margin-bottom: 30px}
 .workDetail .workDHd .hd .wordF .pic{width:100%;}



}

.aboutNav,.aboutus_dynamic,.aboutDetail{position: relative;}

.aboutCuture,.aboutUs{position: relative;background-color: #fff}



.workDetail .imgDiv{margin-bottom: 110px}
.workDetail .imgDiv img{margin: auto;display: table-cell;vertical-align: middle;}

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

	.aboutNav ul li a{line-height: 40px}

    .aboutNavUl{top:48px}

}*/

@media (max-width:1040px){

  .aboutNavUl.fixed{position: fixed;top:48px}



}