@charset "utf-8";

.indexHead{color: #606060;}
.indexHead.ff{color:rgba(255,255,255,0.5);}
/* banner */
.index_bannerDiv{width: 100%;position: fixed;top:89px;left: 0;z-index: 0}
.index_banner .swiper-slide{position: relative;height: 820px;background-size:cover;background-position: top center;padding-bottom: 20px}
  .index_banner .swiper-wrapper{height: 100%;width: 100%;position: relative;}
  .index_banner .swiper-wrapper .swiper-slide{position: relative;height: 600px;color: #fff;padding-left: 180px}
  .index_banner .swiper-wrapper .swiper-slide a{color: #fff;position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
    .index_banner .swiper-wrapper .pic{height: 100%;padding-bottom: 160px;position: relative;}
    .index_banner .swiper-wrapper h3{font-size: 40px;line-height: 48px;font-weight: 300;width: 537px;margin-bottom: 20px;}
    .index_banner .swiper-wrapper .EN{line-height: 19px}
     .index_banner .swiper-container-horizontal>.swiper-pagination-bullets{ position: absolute;margin:.7rem 0 0rem;text-align: center;bottom: 37px}
            .index_banner .swiper-pagination-bullet{ margin:0; margin:0 4px;background:transparent; opacity:1;height:11px;width:11px;background-color: rgba(255, 255, 255, 0.5)}
            .index_banner .swiper-pagination-bullet-active{ background:#d1b907;}
  .index_banner .swiper-button-next,.index_banner .swiper-button-prev{position: absolute;top:0;bottom: 0;margin:auto;width: 46px;height: 46px;background-size: 100% ;}
  .index_banner .swiper-button-next{background-image: url(../images/1icon02.png);right: 30PX;left: auto;}
  .index_banner .swiper-button-prev{background-image: url(../images/1icon01.png);left: 30PX;right: auto}
/*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;}

.index_servise{height:761px;background-image: url(../images/1bg01.jpg); }
  .index_servise .indexHead{padding:157px 0 130px;text-align: center;}
    .index_servise .indexHead h3{margin-bottom: 10px}
  .index_servise .serviseCon .swiper-container{height: 100%;width: 100%;position: relative;padding: 0 49px}
      .index_servise .serviseCon .swiper-wrapper{height: 100%;width: 100%;position: relative;}
      .index_servise .serviseCon .swiper-slide{width: 190px;height: 190px;border: 1px solid rgba(255,255,255,.5);text-align: center;}
      .index_servise .serviseCon .swiper-slide .yl{display: none}
      .serviseCon .imgDiv{min-height: 69px;line-height: 69px}
      .index_servise .serviseCon .swiper-slide img{display: inline-block;margin-bottom: 10px;vertical-align:middle;}
      .index_servise .serviseCon .swiper-slide a{display: inline-block;margin-bottom: 10px}
      .index_servise .serviseCon .swiper-slide:hover .yl{display: inline-block;}
      .index_servise .serviseCon .swiper-slide:hover{border-color:rgba(218, 185, 107, 0.8) }
      .index_servise .serviseCon .swiper-slide:hover .ff{display: none;}
      .index_servise .serviseCon .swiper-slide a{color: rgba(255,255,255,.8);display: block;font-size: 17px}
      .index_servise .serviseCon .swiper-slide:hover a{color: rgba(218, 185, 107, 1);}
         .index_servise .serviseCon .swiper-container-horizontal>.swiper-pagination-bullets{ position: relative;margin:80px 0 0rem;text-align: center;}
            .index_servise .serviseCon .swiper-pagination-bullet{ margin:0 0 0 10px; background:transparent; opacity:1;height:11px;width:11px;border: 1px solid rgba(255, 255, 255, 0.5)}
            .index_servise .serviseCon .swiper-pagination-bullet-active{ background:#d1b907;border-color:#d1b907 }
    .index_servise .serviseCon .swiper-button-next,.index_servise .serviseCon .swiper-button-prev{position: absolute;top:0;bottom: 80px;margin:auto;width: 46px;height: 46px;background-size: 100% ;}
        .index_servise .serviseCon .swiper-button-next{background-image: url(../images/1icon02.png);right: 0PX;left: auto;}
        .index_servise .serviseCon .swiper-button-prev{background-image: url(../images/1icon01.png);left: 0PX;right: auto}

.index_new{background-color: #f5f5f5;padding-bottom:175px }
  .index_new .indexHead{padding:157px 0 130px;text-align: center;}
  .index_new .indexHead h3{margin-bottom: 15px}
  .index_new .newHot{width: 715px;}
    .index_new .newHot .swiper-slide{position: relative;}
    .index_new .newHot .desc{position: absolute;width: 100%;height: 100%;padding:45px 75px;top:0;left: 0;opacity: 0;-webkit-transition: 1s;transition: 1s;transform: scale(0);-webkit-transform: scale(0);}
    .index_new .newHot .desc .item{background-color: #ebebeb;width: 100%;height: 100%;text-align: center;padding:0 55px;color: #606060}
      .index_new .newHot .desc .item .time{background-color: #dab96b;width: 115px;text-align: left;padding:20px 0 10px 23px;color:rgba(255,255,255,.6); display: inline-block;}
          .index_new .newHot .desc .item .time .day{color: #fff;font-size: 24px;margin-left: -3px;}
    .index_new .newHot .desc .item h3{margin:30px 0 25px;color: #454545;font-size: 18px;}
    .index_new .newHot .desc .item .icon{display: inline-block;width: 22px;height: 9px;background-image: url(../images/0icon_more01.png);margin-top: 20px}
    .index_new .newHot .swiper-slide:hover .desc{transform: scale(1);-webkit-transform: scale(1);opacity: 1}
       
    .index_new .newHot .swiper-container-horizontal>.swiper-pagination-bullets{ position: absolute;text-align:right;padding-right: 25px;bottom: 15px}
       .index_new .newHot .swiper-pagination-bullet{ margin:0 0 0 10px; background:transparent; opacity:1;height:11px;width:11px;border: 1px solid rgba(255, 255, 255, 0.5)}
       .index_new .newHot .swiper-pagination-bullet-active{ background:#d1b907;border-color:#d1b907 }

    .index_new .newList{width: 802px;}
      .index_new .newList ul{margin-bottom:-18px}
       .index_new .newList ul li{margin-bottom: 18px}
          .index_new .newList ul li .imgDiv{position: relative;overflow: hidden;}
          .index_new .newList ul li .imgDiv .time{background-color: #dab96b;width: 115px;text-align: left;padding:20px 0 10px 23px;color:rgba(255,255,255,.6); display: inline-block;height: 80px;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;opacity: 0;-webkit-transition: 1s;transition: 1s;transform: scale(0);-webkit-transform: scale(0);}
          .index_new .newList ul li:hover .imgDiv .time{transform: scale(1);-webkit-transform: scale(1);opacity: 1}
          .index_new .newList ul li .imgDiv .time .day{color: #fff;font-size: 24px;margin-left: -3px;}
          .index_new .newList ul li .wordDiv{width: 430px;padding-top: 23px;line-height: 24px;color: #636363;}
          .index_new .newList ul li .wordDiv h3{margin:15px 0 10px;color: #474747;font-size: 18px;}
          .index_new .newList ul li .wordDiv .line{width:26px;height: 3px;background-color: #414141 }
          .index_new .newList ul li:hover .wordDiv h3{color: #dab96b;f}
          .index_new .newList ul li:hover .wordDiv .line{width:100%;background-color: #dab96b; }
          .index_new .newList ul li .more{display:none;padding-top: 10px;color: #3a2852;font-size: 13px; }
          .index_new .newList ul li:hover .more{display: block;}
.index_about{position: relative;background-color: #ececec}              
    .index_about .indexHead h3{margin-bottom: 10px}              
    .index_about .indexHead h4{color: #505050;font-size: 19px;margin: 40px 0 15px}              
    .index_about .indexHead h4:hover{color: #dab96b;}              
    .index_about .indexHead .con{width:864px;line-height: 26px;color: #686868 } 
    .index_about .indexHead .icon{width: 18px;height: 19px;background-image: url(../images/0icon_more03.png);margin-top: 75px}            
 .index_about .container{position:absolute;z-index: 7;right:0;left: 0;margin: auto;top:0;padding-top:140px }              
    .index_about ul{position:relative;z-index: 8}              
    .index_about ul li{overflow: hidden;}              
    .index_about ul .fl{width: 60%}              
    .index_about ul .fr,.index_about ul.fr{width: 40%}    


@media (max-width:1500px){
  
  .titleLable .pt{padding-top:5px}
  .index_banner .swiper-button-next{right: 55px}
  .index_servise{height:560px;}
    .index_servise .indexHead{padding:90px 0 70px;}
   
      .index_servise .serviseCon .swiper-slide{height: 150px}
     .index_new .newHot{width: 575px}
     .index_new .indexHead,.index_work .workHead{padding:90px 0 70px;}
        .index_new .newHot .desc .item .time{padding:10px 20px;}
        .index_new .newHot .desc .item{padding:0 30px;}
        .index_new .newHot .desc .item h3{margin:20px 0 10px;}
        .index_new .newHot .desc .item .icon{margin-top: 10px}
    .index_new .newList{width: 600px;}
       .index_new .newList ul li .imgDiv{width: 47%}
          .index_new .newList ul li .wordDiv{width: 51%;padding-top: 5px}
          .index_new .newList ul li .wordDiv h3{font-size: 16px;margin:5px 0 4px;}
          .index_new .newList ul li .wordDiv .more{padding-top: 5px}
          .index_new .newList ul li{margin-bottom: 8px}
  .index_about .container{width: 60%;padding:60px 40px 0 90px;position: relative;float: left;}
  .index_about .indexHead .icon{margin-top: 20px }
  .index_about .indexHead .icon{margin-top: 20px }
  .index_about .indexHead .con{width: 100%}
}  

@media (max-width:1200px){

  .index_new .newHot{width:48%}
       .index_new .indexHead,.index_work .workHead{padding:90px 0 70px;}
          .index_new .newHot .desc{padding:30px;}
  .index_new{padding-bottom: 60px}      
      .index_new .newList{width:50%;}
         .index_new .newList ul li .imgDiv{width: 47%}
            .index_new .newList ul li .wordDiv{line-height: 22px;font-size: 13px;}
            .index_new .newList ul li .wordDiv h3{font-size:15px;height: 19px;overflow: hidden;}
            .index_new .newList ul li .wordDiv .more{display: none!important;}
            .index_new .newList ul li{margin-bottom:5px}
 .index_about .container{padding:20px 30px;}  
      .index_about .indexHead h4{margin:10px 0 15px;}
}

@media (max-width:1050px){
  .moreicon{display: none!important}

}
@media (max-width:900px){
  .mainContent{margin-top: 50px}
  .wordLable{font-size: 14px;}
    .wordLable.b{bottom: 10px;left: 10px;}
  .titleLable{text-align: center;}
  .index_work{padding-bottom: 40px}
  .workLink{text-align:center;padding-top: 10px}
  .workList .desc{padding:15px;}
  
  .index_banner .swiper-slide,.index_banner .swiper-wrapper .swiper-slide{height: 33vh;padding-left: 0}
  .index_banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 10px}
  .index_bannerDiv{width: 100%;position:relative;top:0px;}
  .index_new .newHot{width:100%;margin-bottom: 30px}
  .index_new .newHot img{width:100%}
       .index_new .indexHead,.index_work .workHead,.index_servise .indexHead{padding:50px 0 45px;}
          .index_new .newHot .desc{padding:40px;}
  .index_new{padding-bottom: 60px}      
      .index_new .newList{width:100%;}
   .index_about .container{width:100%;text-align: center;padding:30px;}
  .index_about ul.fr{display: none}
   .index_about .indexHead .icon{display: inline-block;}
         
 .index_banner .swiper-wrapper h3{font-size:18px;line-height:26px;width:100%;margin-bottom:10px;}
 .index_banner .swiper-wrapper .EN{line-height: 19px}   
  
 
}

@media (max-width:680px){
 .index_banner .swiper-button-next{right: 0PX;left: auto;width: 30px;height: 30px}
  .index_banner .swiper-button-prev{left: 0PX;right: auto;width: 30px;height: 30px}
    .index_servise .serviseCon .swiper-slide img{max-width: 60%}
    .index_servise .serviseCon .swiper-slide a{font-size: 13px;}
     .index_servise .serviseCon .swiper-slide{height: 140px}
     .index_servise{height:auto;padding:20px 0 50px;}
  
.index_servise .serviseCon .swiper-button-next,.index_servise .serviseCon .swiper-button-prev{display: none}
 .index_servise .serviseCon .swiper-container{padding: 0 0px}
 .index_servise .serviseCon .swiper-container-horizontal>.swiper-pagination-bullets{ position: relative;margin:30px 0 0rem;text-align: center;}

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

    .indexHead h3 img{max-width: 40%}        
}


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

}