@charset "utf-8";
/* CSS Document */

/*index_text*/
.index_text a{ display:inline-block;}
.index_text h1{display:block; margin-top:40px;margin-bottom:10px;line-height:1;color:#d2c2aa;font-size:26px;font-weight:300;}
.index_text h2{display:block;margin-bottom:40px;line-height:1;color:#d2c2aa;font-size:50px;font-weight:bold;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;}
@media screen and (max-width:1600px){
.index_text h2{margin-bottom:2.166666666666667vw;}	
}
@media screen and (max-width:1600px){
.index_text h1{font-size:24px;}
.index_text h2{font-size:48px;}
}
@media screen and (max-width:1440px){
.index_text h1{font-size:22px;}
.index_text h2{font-size:46px;}
}
@media screen and (max-width:1320px){
.index_text h1{font-size:20px;}
.index_text h2{font-size:44px;}
}
@media screen and (max-width:1220px){
.index_text h1{font-size:18px;}
.index_text h2{font-size:40px;}
}
@media screen and (max-width:1100px){
.index_text h2{font-size:36px;}
}
@media screen and (max-width:1024px){
.index_text h2{font-size:32px;}
}
@media screen and (max-width:1023px){
.index_text h2{font-size:30px;}
}
@media screen and (max-width:768px){
.index_text h2{font-size:26px;}
}
@media screen and (max-width:640px){
.index_text h2{font-size:24px;}
}


/************************************通用indexBox************************************/
.indexBoxInfo{height:100vh;overflow:hidden;margin:0 auto; position:relative;}
.indexBoxB{overflow:hidden;position:absolute; width:100%;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);z-index:2;}
@media screen and (max-width:1023px){
.indexBoxInfo{height:auto;}
.section{height:auto!important;}
.indexBoxB{position:static; width:100%;left:0;top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);z-index:2; padding:18% 0;}
}



/************************************indexNews************************************/
.indexNews{position:relative;hoverflow:hidden;background:url(../images/index-newbg.jpg) center no-repeat; background-size:cover;background-attachment:fixed;}
.indexNews .indexBoxBnr{max-width:1500px; margin:0 auto;}
.indexNews .index_text{margin:0 auto;text-align:center;position:relative;max-width:600px;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
/*li1*/
.indexNews .list li.li1{ width:41%; position:relative;}
.indexNews .list li.li1 .txt{height:600px; display:block; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; position: relative; }
.indexNews .list li.li1 .indnewsInfo{ position:absolute;bottom:-100%;left:0;right:0; z-index:2; padding:35px 35px 0 35px; background-color:#000; opacity:0; visibility:hidden;}
.indexNews .list li.li1 .indnewsInfo h3{font-size:18px; line-height:28px; max-height:56px;color:#ffffff; text-align:left; margin-bottom:20px;}
.indexNews .list li.li1 .indnewsInfo .lei{font-size:18px; line-height:28px;color:#b4b5bd; text-align:left;}
.indexNews .list li.li1 .indnewsInfo,
.indexNews .list li.li1 .txt h3,
.indexNews .list li.li1 .txt .indnewsImg,
.indexNews .list li.li1 .txt .indnewsImg img,
.indexNews .list li.li1 .txt{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexNews .list li.li1 .txt:hover .indnewsImg img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.indexNews .list li.li1:hover  .txt:hover h3{color:#fbe8cc;}
.indexNews .list li.li1:hover .indnewsInfo{opacity:1; visibility: visible;bottom:0;}
.indexNews .list li.li1 .txt .indnewsImg{overflow:hidden;height:0;position:relative;padding-bottom:100%; display:none;}
.indexNews .list li.li1 .txt .indnewsImg img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
/*li2*/
.indexNews .list li.li2{ width:29.5%;}
.indexNews .list li.li2 .txt{ display:block;margin:0 35px;}
.indexNews .list li.li2 .txt h3{ font-size:15px; font-weight:300; color:#fff; line-height:24px; height:48px;overflow:hidden;}
.indexNews .list li.li2 .txt .lei{ font-size:14px;color:#b4b5bd;line-height:30px;margin-bottom:20px;}
.indexNews .list li.li2 .txt .date{font-size:12px;color:#fbe8cc;font-family:Helvetica, Arial, sans-serif; font-weight: normal; margin-bottom:50px;}
.indexNews .list li.li2 .txt .date .d{font-size:30px;font-weight: normal}
.indexNews .list li.li2 .txt .indnewsImg{overflow:hidden;height:0;position:relative;padding-bottom:100%;margin-bottom:30px;}
.indexNews .list li.li2 .txt .indnewsImg img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.indexNews .list li.li2 .txt h3,
.indexNews .list li.li2 .txt .indnewsImg,
.indexNews .list li.li2 .txt .indnewsImg img,
.indexNews .list li.li2 .txt{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexNews .list li.li2 .txt:hover .indnewsImg img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.indexNews .list li.li2 .txt:hover h3{color:#fbe8cc;}

/*swiper-button*/
.indexNews .indexNewsList{ position:relative;padding:0 40px;}
.indexNews .swiper-button-prev{opacity: 1;outline: none;width:40px; height:40px; margin-top:20px; position:absolute;top:50%;left:-40px;background: url("../images/arrow-left.png") center center no-repeat;background-size:100%; z-index:2;}
.indexNews .swiper-button-next{opacity: 1;outline: none;width:40px; height:40px; margin-top:20px; position:absolute;top:50%;right:-40px;background: url("../images/arrow-right.png") center center no-repeat;background-size:100%; z-index:2;}
.indexNews .swiper-button-prev.swiper-button-disabled, 
.indexNews .swiper-button-next.swiper-button-disabled{opacity:0;}
.indexNews .indexNewsListLunbo .swiper-slide .txt .indnewsImg {}
.indexNews .indexNewsListLunbo .swiper-slide-active .txt .indnewsImg,
.indexNews .indexNewsListLunbo .swiper-slide-duplicate-active .txt .indnewsImg{}
@media screen and (max-width:1920px){
.indexNews .list li.li2 .txt .date{margin-bottom:2.6vw;}
.indexNews .list li.li2 .txt{margin:0 1.825vw;}
}
@media screen and (max-width:1800px){
.indexNews .indexNewsList{ padding:0 40px;}
.indexNews .swiper-button-prev{left:0px;top:50%;}
.indexNews .swiper-button-next{right:0px;top:50%;}
}
@media screen and (max-width:1600px){
.indexNews .list li.li1 .txt{height:540px;}
.indexNews .list li.li2 .txt .date{margin-bottom:30px;}
.indexNews .list li.li2 .txt .date .d{font-size:28px;}
}
@media screen and (max-width:1440px){
.indexNews .list li.li1 .txt{height:505px;}

.indexNews .list li.li2 .txt h3{ font-size:14px;}
.indexNews .list li.li2 .txt .lei{ font-size:14px;line-height:30px;margin-bottom:15px;}
.indexNews .list li.li2 .txt .date .d{font-size:26px;}

.indexNews .list li.li1 .indnewsInfo{padding:30px 30px 0 30px;}
.indexNews .list li.li1 .indnewsInfo h3{font-size:16px;margin-bottom:15px;}
.indexNews .list li.li1 .indnewsInfo .lei{font-size:16px;}
}
@media screen and (max-width:1320px){
.indexNews .list li.li1 .txt{height:482px;}
.indexNews .list li.li2 .txt .date .d{font-size:24px;}
}
@media screen and (max-width:1220px){
.indexNews .list li.li1 .txt{height:440px;}
.indexNews .list li.li2 .txt .date .d{font-size:20px;}
.indexNews .list li.li2 .txt .lei{ font-size:12px;margin-bottom:10px;}


.indexNews .list li.li1 .indnewsInfo h3{font-size:14px;margin-bottom:10px;}
.indexNews .list li.li1 .indnewsInfo .lei{font-size:12px;}
}
@media screen and (max-width:1150px){
.indexNews .list li.li1 .txt{height:430px;}
}
@media screen and (max-width:1024px){
.indexNews .list li.li1 .txt{height:408px;}
.indexNews .list li.li2 .txt{margin-left:3vw;}
}
@media screen and (max-width:1023px){
.indexNews{background-attachment: inherit;}
}
@media screen and (max-width:900px){
/*.indexNews .list li.li1 .txt{height:385px;}
.indexNews .list li.li2 .txt{margin-left:2vw;}*/
}
/*@media screen and (max-width:768px){
.indexNews .list li.li1 .txt{height:385px;}
.indexNews .list li.li2 .txt{margin-left:2vw;}
}*/
@media screen and (max-width:768px){
.indexNews .list li.li1{ width:100%; margin-bottom:30px;}
.indexNews .list li.li1 .txt{/*height:385px;*/ height:auto; padding-bottom:100%;}
.indexNews .list li.li2{ width:50%; float:left;}
.indexNews .list li.li2 .txt{margin-left:2vw;}
.indexNews .list{ display:block!important;}.indexNews .list li.li2 .txt .indnewsImg{margin-bottom:20px;}
.indexNews .list li.li1 .indnewsInfo{padding:20px 20px ;position: absolute;bottom:0; visibility:visible;opacity:1;background:rgba(0,0,0,.5);}
}
@media screen and (max-width:370px){
.indexNews .list li.li2{ width:100%;}
}




/************************************indexCase************************************/
.indexCase{position:relative;overflow:hidden;background:url(../images/index-casebg.jpg) center no-repeat; background-size:cover;background-attachment:fixed;}
.indexCase .index_text{ margin:0 auto;text-align:center;position:relative;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
/*indexCaseLunbo*/
.indexCaseLunbo{ padding-left:126px; position:relative;}
.indexCaseLunbo .swiper-slide{ width:100%;}
.indexCaseLunbo .swiper-slide .item{ display:block; padding-right:450px; position:relative;}

/*indexCase img*/
.indexCaseLunbo .swiper-slide .item .img{}
.indexCaseLunbo .swiper-slide .item .imgB{overflow:hidden;height:0;position:relative;padding-bottom:64.70588235294118%;}
.indexCaseLunbo .swiper-slide .item .imgB img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.indexCaseLunbo .swiper-slide .item .imgB,
.indexCaseLunbo .swiper-slide .item .imgB img,
.indexCaseLunbo .swiper-slide .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexCaseLunbo .swiper-slide .item:hover .imgB img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/*indexCase title*/
.indexCaseLunbo .swiper-slide .item .title{ position:absolute;top:50%;right:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.indexCaseLunbo .swiper-slide .item .titleNr{color:#ffffff;font-size:22px;line-height:30px; position:relative;padding-left:22px;width:348px;}
.indexCaseLunbo .swiper-slide .item .titleNr:before{content:'';width:3px;height:100%;background:#d2c2aa;position:absolute;bottom:0;left:0;}
.indexCaseLunbo .swiper-slide .item .en{ font-weight:bold; text-transform:uppercase;}
.indexCaseLunbo .swiper-slide .item .cn{font-weight:300;}
/*indexCase-btn*/
.indexCaseLunbo .indexCase-btn{ width:73px; height:80px;position:absolute;top:50%;left:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: url("../images/index-case-line.png") center center no-repeat;}
.indexCaseLunbo .swiper-button-prev{width:100%; height:40px;transition: 0.4s;opacity: 1;top:0; position: static;margin:0;background: url("../images/arrow-top.png") center center no-repeat;background-size:14px;outline: none; z-index:333;}
.indexCaseLunbo .swiper-button-next{width:100%; height:40px;transition: 0.4s;opacity: 1;top:0; position: static;margin:0;background: url("../images/arrow-bottom.png") center center no-repeat;background-size:14px;outline: none; z-index:333;}
.indexCaseLunbo .swiper-button-prev.swiper-button-disabled, 
.indexCaseLunbo .swiper-button-next.swiper-button-disabled{opacity:0.5;}
/*active*/
.indexCaseLunbo .swiper-slide .item .img{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateX(-60px);-o-transform:translateX(-60px);-moz-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);}
.indexCaseLunbo .swiper-slide .item .titleNr,
.indexCaseLunbo .swiper-slide .item .en,
.indexCaseLunbo .swiper-slide .item .cn{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);}
.indexCaseLunbo  .swiper-slide-active .item .titleNr{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
.indexCaseLunbo .swiper-slide-active .item .cn{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;}
.indexCaseLunbo .swiper-slide-active .item .en{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-o-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-moz-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-ms-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;}
.indexCaseLunbo .swiper-slide-active .item .img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateX(0) translateZ(0);-o-transform:translateX(0) translateZ(0);-moz-ttransform:translateX(0) translateZ(0);-ms-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
@media screen and (max-width:1600px){
.indexCaseLunbo .swiper-slide .item{padding-right:400px;}
.indexCaseLunbo .swiper-slide .item .titleNr{font-size:20px;padding-left:20px;width:340px;}
}
@media screen and (max-width:1320px){
.indexCaseLunbo .swiper-slide .item .titleNr{font-size:18px;padding-left:20px;width:340px;}
}
@media screen and (max-width:1024px){
.indexCaseLunbo .swiper-slide .item{padding-right:0;}
.indexCaseLunbo .swiper-slide .item .titleNr{width:90%;}
.indexCaseLunbo .swiper-slide .item .title{ padding:30px 30px;top:auto;bottom:0;left:0;right:0;-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.indexCaseLunbo .indexCase-btn{ width:40px;}
.indexCaseLunbo{ padding-left:50px;}
}
@media screen and (max-width:1023px){
.indexCase{background-attachment: inherit;}
}
@media screen and (max-width:992px){
.indexCaseLunbo .swiper-slide .item .title{ position:static;padding:30px 0;}
.indexCaseLunbo .indexCase-btn{ width:40px;}
.indexCaseLunbo{ padding-left:50px;}
.indexCaseLunbo .swiper-slide .item .titleNr{font-size:16px;}
}


/************************************indexPro************************************/
.indexPro{position:relative;overflow:hidden;background:url(../images/index-probg.jpg) center no-repeat; background-size:cover;background-attachment:fixed;}
.indexPro .index_text{ margin:0 auto;text-align:center;position:relative;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
/*indexProLunbo*/
.indexProLunbo{ padding-left:340px; position:relative;background: url("../images/index-san.png") left bottom no-repeat;background-size:22px;}
.indexProLunbo .indexProLunboB{position:relative;}
.indexProLunbo .swiper-slide{ width:100%;}
.indexProLunbo .swiper-slide .item{ display:block;position:relative;}

/*indexPro img*/
.indexProLunbo .swiper-slide .item .img{}
.indexProLunbo .swiper-slide .item .imgB{overflow:hidden;height:0;position:relative;padding-bottom:51.61290322580645%;}
.indexProLunbo .swiper-slide .item .imgB img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.indexProLunbo .swiper-slide .item .imgB,
.indexProLunbo .swiper-slide .item .imgB img,
.indexProLunbo .swiper-slide .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexProLunbo .swiper-slide .item:hover .imgB img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/*swiper-button*/
.indexProLunbo .swiper-button-prev{opacity:1;width:180px;height:100%;position:absolute;top:0;margin-top:0;left:0;background: url("../images/arrow-leftbg.png") left center repeat-y;background-size:180px;outline:none;z-index:3;}
.indexProLunbo .swiper-button-next{opacity:1;width:180px;height:100%;position:absolute;top:0;margin-top:0;right:0;background: url("../images/arrow-rightbg.png") right center repeat-y;background-size:180px;outline:none;z-index:3;}
.indexProLunbo .swiper-button-prev:after{content: '';width:20px; height:50px; margin-top:-25px; position:absolute;top:50%;left:30px; margin-top:-12.5px;border-radius:50%;background: url("../images/index-left.png") center center no-repeat;background-size:20px; z-index:2;}
.indexProLunbo .swiper-button-next:after{content: '';width:20px; height:50px; margin-top:-25px; position:absolute;top:50%;right:30px; margin-top:-12.5px;border-radius:50%;background: url("../images/index-right.png") center center no-repeat;background-size:20px; z-index:2;}
.indexProLunbo .swiper-button-prev.swiper-button-disabled, 
.indexProLunbo .swiper-button-next.swiper-button-disabled{opacity:0;}
/*ProHotTit*/
.ProHotTit{ position:absolute;top:3.125vw;left:0;}
.ProHotTit .titleNr{color:#fbe8cc;font-size:20px;line-height:30px; position:relative;width:340px;}
.ProHotTit .icon{ width:20px;margin-bottom:4.6875vw;}
.ProHotTit .icon img{max-width:100%;}
.ProHotTit .en{font-size:40px; line-height:normal;font-weight:bold;text-transform:uppercase;}
.ProHotTit .cn{font-weight:300;margin-bottom:2.86vw;}
.ProHotTit .wz{color:#fff;font-size:15px;line-height:30px; position:relative;}
.ProHotTit .wz:before{content:'';background:#fff;position:absolute;top:15px;left:90%; width:130px; height:1px; z-index:9;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
@media screen and (max-width:1600px){
.ProHotTit .titleNr{font-size:20px;width:340px;}
.ProHotTit .en{font-size:38px;}
}
@media screen and (max-width:1440px){
.ProHotTit .titleNr{font-size:20px;width:340px;}
.ProHotTit .en{font-size:36px;}
}
@media screen and (max-width:1320px){
.ProHotTit .titleNr{font-size:18px;width:340px;}
.ProHotTit .en{font-size:34px;}
.ProHotTit .icon{margin-bottom:3vw;}
}
@media screen and (max-width:1220px){
.ProHotTit .titleNr{font-size:16px;width:340px;}
.ProHotTit .en{font-size:32px;}
}
@media screen and (max-width:1150px){
.ProHotTit .titleNr{font-size:16px;width:340px;}
.ProHotTit .en{font-size:30px;}
}
@media screen and (max-width:1024px){
.ProHotTit .en{font-size:28px;}
}

@media screen and (max-width:1023px){
.indexPro{background-attachment: inherit;}
.ProHotTit .en{font-size:26px;}
.indexProLunbo{ padding-left:0;}
.ProHotTit{ position: static;top:0;left:0; margin-bottom:3vw; display:none;}	
.indexProLunbo{background:none;}
}




/************************************indexConcept************************************/
.indexConcept{position:relative;overflow:hidden;background:url(../images/index-abbg.jpg) center no-repeat; background-size:cover;background-attachment:fixed;}
.indexConcept .indexBoxInfo{width:100%;}
.indexConcept .list li{ width:25%; padding-top:5.729166666666667%;}
.indexConcept .list li .item{ display:block; padding-left:30%; padding-right:10%;}
.indexConcept .list li .item h3{font-size:20px;font-weight:300; color:#fff;line-height:normal;overflow:hidden; margin-bottom:13px;}
.indexConcept .list li .item h3 strong{font-size:22px;font-weight:bold;margin-left:10px; text-transform:uppercase;}
.indexConcept .list li .item .des{ font-size:15px;color:#d9d9d9;line-height:30px;}
.indexConcept .list li .item .icon{width:40px;margin-bottom:20px;}
.indexConcept .list li .item .icon img{max-width:100%;}
.indexConcept .list li .item h3,
.indexConcept .list li .item .icon,
.indexConcept .list li .item .icon img,
.indexConcept .list li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexConcept .list li .item:hover .icon img{-moz-transform: scale3d(1.2, 1.2, 1.2);-webkit-transform:scale3d(1.2, 1.2, 1.2);-ms-transform:scale3d(1.2, 1.2, 1.2);transform:scale3d(1.2, 1.2, 1.2);}
.indexConcept .list li .item:hover h3{color:#fbe8cc;}
/**/
.index-line-s{ height:27px;background:url(../images/index-line-s.png) center center no-repeat;}
.index-line-s img{ max-width:100%; display:none;}
/**/
.indexConcept .indexConceptTop{width:71.875%;max-width:1380px;margin:0 auto; padding-bottom:3.958333333333333%;}
.indexConcept .indexConceptimg{ float:left; width:50%; text-align:center;}
.indexConcept .indexConceptimg img{max-width:77.2463768115942%;}
.indexConcept .indexConceptWz{float:right;width:50%;}
/**/
.indexConcept .index_text{margin:0;text-align:left;position:relative;padding-left:7.971014492753623%; padding-top:40px;max-width:440px;}
.indexConcept .index_text h2{margin-bottom:30px;}
.indexConcept .index_text .wz{color:#fff;font-size:15px;line-height:30px; position:relative;margin-bottom:45px;}
.indexConcept .index_text .m{ width:56px; margin-bottom:0px;}
.indexConcept .index_text .m img{max-width:100%;}
.indexConcept .index_text .m,.indexConcept .index_text .m img{-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.indexConcept .index_text .m:hover img{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
@media screen and (max-width:1920px){
.indexConcept .index_text{padding-top:2.08vw;}
.indexConcept .index_text h2{margin-bottom:1.5625vw;}
.indexConcept .index_text .wz{margin-bottom:2.34375vw;}
.indexConcept .index_text .m{ width:55px;}
}
@media screen and (max-width:1680px){
.indexConcept .list li .item h3{font-size:18px;margin-bottom:13px;}
.indexConcept .list li .item h3 strong{font-size:20px;margin-left:10px;}
.indexConcept .list li .item .des{ font-size:14px;line-height:30px;}
.indexConcept .list li .item .icon{width:35px;margin-bottom:20px;}
.indexConcept .index_text .m{ width:50px;}
}
@media screen and (max-width:1220px){
.indexConcept .list li .item h3{font-size:16px;margin-bottom:10px;}
.indexConcept .list li .item h3 strong{font-size:18px;margin-left:10px;}
.indexConcept .list li .item .des{ font-size:14px;line-height:30px;}
.indexConcept .list li .item .icon{width:30px;margin-bottom:15px;}
.indexConcept .index_text .m{ width:45px;}
.indexConcept .list li .item .des br{ display:none;}

.indexConcept .index_text .wz{font-size:14px;line-height:30px;margin-bottom:40px;}
}
@media screen and (max-width:1024px){
.indexConcept{height:auto;background-attachment:inherit;}
.indexConcept .list{ display:block!important; font-size:0; line-height:normal;}
.indexConcept .list li{ width:50%;padding-top:3%; display:inline-block;*display:inline;zoom:1; vertical-align:top;}
.indexConcept .list li .item{display:block; padding-left:10%; padding-right:10%;}
.indexConcept .index_text .m{ width:40px;}
.indexConcept .index_text{padding-left:7.971014492753623%; padding-top:2vw;max-width:90%;}
.indexConcept .index_text h2{margin-bottom:20px;}
.indexConcept .list li .item .des{ font-size:14px;line-height:26px;}
}
@media screen and (max-width:1024px){
.indexConcept .indexConceptTop{width:90%;padding-bottom:3%;}
}
@media screen and (max-width:1023px){
.indexConcept{background-attachment: inherit;}
}
@media screen and (max-width:768px){
/**/
.indexConcept .indexConceptTop{width:100%;padding-bottom:3%;}
.indexConcept .indexConceptimg{ float:none; width:100%; text-align:center;}
.indexConcept .indexConceptimg img{max-width:77.2463768115942%;}
.indexConcept .indexConceptWz{float:none;width:100%;}
.indexConcept .index_text{padding-left:7%; padding-top:5%;max-width:80%;}
.indexConcept .list li{padding-top:5%;}
.indexConcept .list li .item .des{ font-size:13px;line-height:24px;}
.indexConcept .index_text .wz{font-size:13px;line-height:26px;margin-bottom:40px;}

}

/************************************indexAbout************************************/
.indexAbout{position:relative;overflow:hidden;background:url(../images/index-aboutbg.jpg) center no-repeat; background-size:cover;background-attachment:fixed;}
.indexAbout .index_text{ margin:0;text-align:center;position:relative;max-width:600px;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.indexAbout .index_text{ padding-left:0; text-align:left;}
.indexAbout .index_text h2{margin-bottom:30px;}
.indexAbout .index_text .wz{color:#fff;font-size:15px;line-height:30px; position:relative;margin-bottom:45px;}
.indexAbout .index_text .m{ width:56px; margin-bottom:0px;}
.indexAbout .index_text .m img{max-width:100%;}
.indexAbout .index_text .m,.indexAbout .index_text .m img{-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.indexAbout .index_text .m:hover img{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
@media screen and (max-width:1920px){
.indexAbout .index_text .m{ width:55px;}
}
@media screen and (max-width:1680px){
.indexAbout .index_text .m{ width:50px;}
}
@media screen and (max-width:1220px){
.indexAbout .index_text .m{ width:45px;}
.indexAbout .index_text .wz{font-size:14px;line-height:30px; margin-bottom:40px;}
}
@media screen and (max-width:1024px){
.indexAbout .index_text .m{ width:40px;}
.indexAbout .index_text{ margin:0 auto;}
.indexProLunbo{ padding-left:0;}
}
@media screen and (max-width:1023px){
.indexAbout{background-attachment: inherit;}
}
@media screen and (max-width:768px){
.indexAbout .index_text .wz{font-size:13px;line-height:26px;}
}

/************************************indexBanner************************************/
.indexBanner{position:relative;overflow:hidden;background-size:cover; position:relative;}
.bannershadow{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%; background:url(../images/banner-shadow.png) repeat-y center bottom; background-size:100%; z-index:1;}
.ind-banner .bannershadow{ background-repeat:no-repeat;}
.ind-banner{width:100%; overflow:hidden; position:relative;} 
.ind-banner h3{ position:absolute;right:5.5%; bottom:10%;  z-index:3;}
.ind-banner .img{display: block;left:0;right:0; top:0;bottom:0;width:100%;height:100vh;/*padding-bottom:56.25%;*/ position:relative; z-index:3;}
.ind-banner .img .shipin {position:absolute; top: 0;left: 0; width: 100%;height: 100%;overflow:hidden; background-attachment:fixed; z-index:1;}
.ind-banner .img video {width: 100%;height: 100%;object-fit: cover;/*filter: alpha(opacity=95);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";-moz-opacity: .95;-khtml-opacity: 0.95;opacity: .95;*/}
.ind-banner .bannerwz{position: absolute; left:0; right:0; margin:0 auto;top: 50%;-webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:2; text-align:center;}
.ind-banner .bannerwz img{width:53.85416666666667%;}
/*active*/
.ind-banner .videoimg{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateX(-60px);-o-transform:translateX(-60px);-moz-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);}
section.active .ind-banner .videoimg{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

@media screen and (max-width:1024px){
.indexBanner{height:100vh;}
.ind-banner .img{padding-bottom:0;}
.ind-banner .bannerwz img{width:70%;}
}
@media screen and (max-width:768px){
.ind-banner .bannerwz img{width:90%;}
}


/*scroll-down*/
.scroll-down{position:absolute;z-index:9999;display:inline-block;left:50%;-webkit-transform:translateX(-50%); transform:translateX(-50%);bottom:7%;text-align:center;-webkit-transition:0.45s;-moz-transition:0.45s;-o-transition:0.45s;transition:0.45s}
.scroll-down i{display:block;margin:auto;position:relative;width:22px;height:44px;background:url(../images/banner-down.png) no-repeat center center; background-size:100%; margin-bottom:15px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s}
.scroll-down span{display:block;margin-bottom:10px;color:#fff;line-height:1;font-size:12px; text-transform:uppercase; font-family:Helvetica,Arial,sans-serif;}
.scroll-down i{animation: 2s linear 0s normal none infinite move2;-webkit-animation: 2s linear 0s normal none infinite move2;}
@keyframes move2{
	0%{opacity:1;transform:translateY(-10px)}
   50%{transform:translateY(0px);opacity:0.2}
   100%{opacity:1;transform:translateY(-10px)}
   
}
.index .header.topfix{ background-color:transparent;}
@media screen and (max-width:1023px){
.scroll-down{bottom:3%;}
}


/************************************indexfooter************************************/
.indexfooter .footer{background-attachment:inherit;}



/************************************首页圆点切换************************************/
#menu{position:fixed;right:30px;top:50%;list-style-type:none;z-index:70;transition:all .3s;-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);}
#menu li{display:block;width:30px;height:30px;margin:0;position:relative;}
#menu li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;}
#menu li a span i{ font-size:14px; font-style:normal;color:#ffffff; text-align:left; line-height:30px;}
#menu li a span:after{position:absolute;content:'';top:0;right:0;margin:0 auto;text-align:center;z-index:-1;background:#ffffff;height:30px;width:1px;margin-top:0;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#menu li a span i{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
#menu li.active span:after{background-color:#d2c2aa;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
#menu li.active span i{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
@media screen and (max-width:1024px){
#menu{display:none;}		
}
  


.ind-banner .bannerwz .videobtn{ cursor:pointer;width:80px;height:80px;background-size:100%; margin:0 auto; margin-top:43px; position:relative; display:none;}
.ind-banner .bannerwz .videobtn:after{ content:''; position:absolute; left:0;right:0;top:0; width:100%; height:100%;background:url(../images/index-more.png) no-repeat center; background-size:100%;animation: 3s linear 0s normal none infinite rotate;-webkit-animation: 3s linear 0s normal none infinite rotate;}
.ind-banner .bannerwz .videobtn.stop{ background-image:url(../images/index-more.png);}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg);transform:rotate(0deg);}
to{-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg);transform:rotate(0deg);}
to{-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rotate{
from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@media screen and (max-width:768px){
.ind-banner .bannerwz .videobtn{width:40px;height:40px; display:block;}
}