@charset "utf-8";
/*indexbanner*/
.wordLable{font-size: 16px;color: rgba(255, 255, 255, 0.6);position: absolute;width: 45px;height: 25px;line-height: 25px;z-index: 8;text-align: center;}
.wordLable.v{top:0;bottom: 0;left: 0;right: 0;margin:auto}
.wordLable.b{bottom: 20px;left: 20px;}
  .wordLable .line{background-color: rgba(255, 255, 255, 0.5);width: 17px;height: 1px;display:block;bottom: 0;left: 0;right: 0;margin:auto}
  .index_workList:hover .wordLable{top:0;bottom: 0;left: 0;right: 0;margin:auto}
.index_workList:hover .line{width: 17px}
.container2{width: 100%;padding:0}
.index_work .workHead{padding:110px 0 68px}
.titleLable .or{width: 19px;height: 39px;background-size: 100% 100%;display: inline-block;background: url(../images/0line0.png) no-repeat center;margin-left: 5px}
  .titleLable .CH{position: relative;top:-3px}
  .titleLable .pt{padding-top: 15px}
    .titleLable p{color: rgba(90, 90, 90, 0.8);}
    .titleLable h4{color: rgba(54, 55, 59, 0.9);}
    .titleLable h5{color: rgba(54, 55, 59, 0.9);}
    .titleLable .line{height: 3px;width: 15px;background-color: rgba(0, 0, 0, 0.9)}
.bb10{border-bottom: 10px solid #e2e2e2}
.moreBtn{width: 299px;line-height: 62px;text-align: center;color: #dfdfdf;margin:95px auto 84px;background-color: #000000;cursor: pointer;}   
.moreBtn:hover{background-color: #232222} 
/* banner */
.index_banner .swiper-slide{position: relative;background-size: 100% 100%;background-position: top center;}
  .index_banner .swiper-wrapper{height: 100%;width: 100%;position: relative;}
  .index_banner .swiper-wrapper .swiper-slide{position: relative;height: auto;color: #fff;}
  .index_banner .swiper-wrapper .swiper-slide a{color: #fff;}
     .index_banner .swiper-container-horizontal>.swiper-pagination-bullets{ position: absolute;margin:.7rem 0 0rem;text-align: center;bottom: 20px}
            .index_banner .swiper-pagination-bullet{ margin:0 0 0 4px; background:transparent; opacity:1;height:12px;width:12px;border:1px solid rgba(255, 255, 255, 0.5)}
            .index_banner .swiper-pagination-bullet-active{ background:#d1b907;border-color: #d1b907;}
/*indexabout*/
.index_work{background-color: #fff;position: relative;}
  .workLink{text-align: right;}
    .workLink a{text-align: right;margin-left: 40px;padding:10px 5px;position: relative;}
    .workLink a:before{width:0;height: 1px;background-color: #000000;position: absolute;left: 0;bottom: 0;content: "";-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease;}
    .workLink a.active:before,.workLink a:hover:before{width: 100%;}
    .workList .desc{position: absolute;width: 100%;height: 100%;padding:55px 35px;top:0;left: 0;opacity: 0;-webkit-transition: 1s;transition: 1s;transform: scale(0);-webkit-transform: scale(0);color: #000;}
    .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(255, 223, 0, 0.9);padding:0 50px}
        .workList .item h3{}
        .workList .line{height: 1px;width: 18px;background-color: #000;margin:10px 0 10px}
.index_sevice{background-color: #f9f9f9}
  .serviceWord{padding:126px 180px 0 80px;height: 100%}
  .serviceWord .line{margin:20px 0 70px}
  .serviceWord .moreicon{margin-top: 98px}
  .serviceWord:hover .moreicon{margin-top:83px}
.index_about{background-color: #36373a}
  .aboutWord{padding:125px 102px 0 175px}
    .index_about .titleLable,.index_about .titleLable h4{color: rgba(255, 255, 255, 0.8)}
      .index_about .titleLable p{color:rgba(255, 255, 255, 0.6)}
      .index_about .titleLable .or{background: url(../images/0line1.png) no-repeat center;}
  .aboutWord .moreicon{margin-top: 106px}
  .aboutWord:hover .moreicon{margin-top:90px}
.AItroductWord{padding:125px 102px 0 175px}
.index_AItroduct .titleLable h4{color: rgba(0, 0, 0, 0.8);}
.index_AItroduct .titleLable .line{margin: 30px 0 10px}
  .index_AItroduct .titleLable dt{color: rgba(0, 0, 0, 0.8);font-size: 16px;padding-top: 25px}
    .index_AItroduct .titleLable dd{color: rgba(0, 0, 0, 0.8);font-size: 14px}
.index_news .newsImgDiv a{display: block;position: relative;}
.index_news .newsImgDiv .descImg{position: absolute;width: 248px;height: 130px;background-color: #f8f8f8;color: #3c201e;font-size: 16px;bottom: 0;right: 0;text-align: center;}
.index_news .newsImgDiv .descImg h3{color: #c83427;font-size: 24px;margin-top: 5px;font-weight: 600}
  .index_news .newsHot .desc{position: absolute;padding-left:20px;color: rgba(255, 255, 255, 0.8);background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 45px;line-height: 45px;bottom: 0;}
    .index_news .newsHot  .swiper-button-next,.index_news .newsHot  .swiper-button-prev{position: absolute;top:0;bottom: 0;margin:auto;width: 47px;height: 115px;background-size: 100% ;}
    .index_news .newsHot  .swiper-button-next{background-image: url(../images/1icon06.png);right: 0;left: auto;}
    .index_news .newsHot  .swiper-button-prev{background-image: url(../images/1icon05.png);left: 0;right: auto}
.index_news .newWord{padding:47px 102px 0 98px }
  .announcementCon{padding-top: 49px}
    .announcementCon li{margin-bottom: 10px}
      .announcementCon li:hover a{color: #c83427}
    .index_news .newWord .moreicon{margin-top:75px;display: block;}
    .index_news .newWord .moreicon:hover{margin-top:60px}
.index_brand{background-color:#fbfbfb;padding:150px 0 185px}
  .index_brand .brandLink h3{margin-bottom: 15px}
  .index_brand .brandLink h3 a{font-size: 18px}
  .index_brand .brandLink dd a{font-size: 12px;color: rgba(0, 0, 0, 0.7);line-height: 36px}
  .index_brand .brandCompany{padding:0  60px}
    .index_brand .brandCompany .HD{padding-right: 30px;}
      .index_brand .brandCompany .HD .more{font-size:12px}
      .index_brand .branLogo{padding: 60px 0 50px}
        .index_brand .brandCompany .swiper-container .swiper-slide{display: inline-block;width: auto;width: 25%}  
  .index_brand .brandW a{display: inline-block;margin-right: 5px;font-size: 12px;color: rgba(0, 0, 0, 0.7);line-height: 24px}
@media (max-width:1680px){
   .index_work .stateed .headTitle{padding:37px 80px 35px 63px;}
   .index_banner .bd li{height:728px;}
   .index_banner .container {padding-top: 228px;}
   .index_work .stateed .wordDiv { padding: 39px 60px;height: 355px}
   .index_work .stateed .imgDiv {padding-top: 52px;}
      .index_work .stateed .imgDiv li{height:303px;}
        .index_work .stateed .imgDiv li img{height:303px;}
    .index_work .stating .introduct ul li,.index_work .stating .introduct ul li img {height: 543px;}
    .index_work .stating .vedio .bd li img ,.index_work .stating .vedio .bd li .imgDiv{height: 410px;}
    .index_work .stating .vedio .bd .pic{height: 133px}
    .index_work .stating .vedio .hd {top: 384px;}
  .index_team ,.index_team img{height: 514px;}
}
@media (max-width:1440px){
 
  .titleLable .pt{padding-top:5px}
  .serviceWord {padding:60px 80px 0 40px;}
    .serviceWord .line {margin: 20px 0 20px;}
    .serviceWord .moreicon{margin-top:40px}
        .serviceWord:hover .moreicon{margin-top:30px}
  .aboutWord,.AItroductWord{padding:60px 40px 0 80px;}
    .aboutWord .moreicon{margin-top:50px}
      .aboutWord:hover .moreicon{margin-top:40px}
  .index_news .newWord{padding:40px 40px 0 60px }
  .announcementCon{padding-top:20px}
    .announcementCon li{margin-bottom:5px}
  .index_news .newWord .moreicon{margin-top:40px;}
    .index_news .newWord .moreicon:hover{margin-top:30px}
    .index_brand {padding: 60px 0 70px;}
    
}
@media (max-width:1290px){
  
  .index_work .stating .introduct ul li .duct{padding:10px 20px;}
 
   .index_team ,.index_team img{height:394px;}
    .index_work .stating .introduct ul li, .index_work .stating .introduct ul li img {height: 416px;}
      .index_work .stating .vedio .bd li img, .index_work .stating .vedio .bd li .imgDiv {height: 315px;}
      .index_work .stating .vedio .bd .pic{height:101px;padding: 10px 60px 20px 63px}
      .index_work .stating .vedio .hd {top:280px;}
  .index_work .stating .bd .headTitle h3 { font-size: 18px;}
      .index_work .stating .bd .headTitle h5{float: 14px;}
      .index_work .stating .headTitle{padding:2px 25px 1px 0px}
      .moreBtn{width:150px;line-height:40px;margin:30px auto 50px;}   
  .index_news .newWord {padding:50px 10px 0 20px;}
  .brandCompany{padding:0 20px}
.banner .icon { margin-top:100px;}
}
@media (max-width:1050px){
  .moreicon{display: none!important}
  .titleLable .or {width:10px;height:25px;}
  .index_work .workHead {padding: 50px 0 40px;}
    .index_banner .swiper-wrapper h3{font-size: 28px;line-height: 30px;font-weight: 300;width: 100%;}
  .workList .desc,.workList .item{padding:15px}
}
@media (max-width:900px){

  .wordLable{font-size: 14px;}
    .wordLable.b{bottom: 10px;left: 10px;}
  .titleLable{text-align: center;}
  .workLink{text-align:center;padding-top: 10px}
  .index_banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 10px}
  .banner .icon {display: none}
   .index_banner .swiper-wrapper h3{font-size:18px;line-height: 30px}
   .serviceWord,.aboutWord, .AItroductWord{padding:30px 15px;}
   .serviceWord .line {margin: 15px auto 15px;}
   .index_AItroduct .titleLable .line {margin:15px auto 10px;}
   .index_news .newWord {padding: 30px 15px;}
    .index_news .newWord li{text-align: left;}
  .brandLink li{text-align: center;width: 33.33%;float: left;}
    .index_brand .brandCompany {padding:30px 40px 0;}
    .index_brand .branLogo { padding:20px 0 30px;}
}
.index_work{background-color: #fff;position: relative;padding-bottom: 85px}
.index_sevice,.index_about,.index_AItroduct,.index_news,.index_brand,.index_aboutDiv{position: relative;z-index: 8}
.index_AItroduct,.index_news{background-color: #fff}
.moreBtn{width: 299px;line-height: 62px;text-align: center;color: #dfdfdf;margin:95px auto 0px;} 
.mainContent{position: relative;padding-top: 100vh;top:0;background-color: #fff;}
.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;}
@media (max-width:900px){

   .mainContent{padding-top:0vh;}
  
  .banner .icon {display: none}
.
    .index_news .newsImgDiv .descImg{position: absolute;width:150px;height: 80px;}
    .index_news .newsImgDiv .descImg h3{font-size: 18px;margin-top: 0}
}
@media (max-width:650px){
	.index_bannerDiv{height: 100vh;}
	
  .index_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{height:7px;width:7px;margin:0 3px;bottom: 5px}
  .index_brand .brandCompany {padding:30px 15px 0;}
  .workLink a{margin:0;padding:0 5px;margin-left: 0;display: inline-block;;text-align: center;float: left;white-space:nowrpa;}
  .workLink a.active:before{width: 50%;right: 0;margin:auto}
  .workList ul li{overflow: hidden;}
  .index_brand .brandLink h3 a{font-size: 14px}
  .index_brand .brandCompany .HD .more{display: none}
  .titleLable .or {width: 10px;height: 15px;}
.index_brand{padding:0}
}
@media screen and (min-width: 992px){
.layui-col-md4{width:33.33333333%!important}
}
@media screen and (min-width: 768px){
  .layui-col-sm4{
    width: 33.33333333%!important;
}