/*首页*/
.banner{width:100%;position: relative;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .con{text-align: center;}
.banner .txt{width: 80%; margin: 0 auto; color: #fff;}
.banner .txt h2{margin-bottom:12%; line-height: 1;}

.more{ display: block; margin: 0 auto; width: 200px; height: 56px; line-height: 56px; border:1px solid rgba(255,255,255,0.5); color:#fff; text-align: center; position: relative;}

.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{width:12px; height:12px; opacity: 1; margin:0 8px!important; background: #fff;}
.banner .swiper-pagination-bullet-active{background: #9A6C58;}
/*.banner .swiper-button-prev,.banner .swiper-button-next{ lefT:0; background: none; width:60px; height: 60px; line-height: 60px; margin-top:-30px; text-align: center;}
.banner .swiper-button-next{left:auto; right:0;}
.banner .swiper-button-prev i,.banner .swiper-button-next i{font-size: 60px;color:#E40210;}*/


.index-part01{background: #EDECEC;}
.index-part01 .ll{ float: left; width: 39.47%;}
.index-part01 .rr{ float: right; width: 60.53%; position: relative;overflow: hidden;}
.index-part01 .ll .inner{margin: 10% 15% 5% 12%;}
.index-part01 .ll h2{line-height: 1.2; margin-bottom: 10%;}
.index-part01 .ll .c{ margin-bottom:5%; height: 18em; color: #3F3F3F;}
.index-part01 .ll .more{margin:0; border:1px solid #A37A68; color: #A37A68;}
.index-part01 .rr .btn{ cursor: pointer; position: absolute; left:0; bottom:0; width: 27%; padding:3% 4%; color: #fff; background: #90755E;}
.index-part01 .rr .btn i{ float: left;margin-right: 20px; line-height: 60px;}
.index-part01 .rr .btn span{ float: right; margin-top: 5px; width: calc(100% - 80px);}
.index-part01 .ll.bot{margin-bottom: 3%;}
.index-part01 .ll.bot p{margin-left: 12%; margin-top: 2%;}
.index-part01 .ll.bot span{ display: block;}
.index-part01 .rr.bot{ text-align: right; padding-right: 2%;margin-top: 2%;}

/*视频弹出层*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover; width: 100%;}
.video_appbox .video_t{ z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{visibility: visible;opacity:1;top:50%;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.video_close{ position:absolute; top:calc(20% - 40px); right:calc(50% - 517px); cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;font-size:30px;font-weight: bold;}
/*视频弹出层*/

.mores{ display: inline-block; color:#AF8C7E; border-bottom:1px solid #AF8C7E;}
.index-part02{position: relative; background: #fff; margin: 0 0 10%;}
.index-part02 h2{position: absolute; lefT:5%; top:8%;color:#fff; z-index: 10;}
.view .swiper-slide{position: relative;}
.view .swiper-slide::after{content: ""; position: absolute; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.45);}
.view .swiper-slide h3{margin-lefT:15%; color:#fff; z-index: 11;width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.view .arrow-left{position: absolute; z-index: 10; lefT:5%; top:50%; margin-top: -52px; width: 105px; height: 105px; background: url(../images/btn_ll.png) no-repeat;}
.view .arrow-right{ position: absolute; z-index: 10; right:5%; top:50%;margin-top: -52px; width: 105px; height: 105px; background: url(../images/btn_rr.png) no-repeat;}
.view .arrow-left.dis,.view .arrow-right.dis{ opacity: 0.5;}
.preview {margin-top: -85px; float: right; max-width: 825px; width: 46%; margin-right: 5%; position: relative; z-index: 10;}
.preview .swiper-container { max-height: 255px; overflow: hidden;}
.preview .img{width: 100%;}
.preview .txt{ color: #fff; text-align: center; position: absolute; left:10px; top: 10px; bottom:10px; right:10px; border:1px solid rgba(255,255,255,0.5); width: calc(100% - 20px); height: calc(100% - 20px);}
.preview .txt .inner{opacity: 0;}
.preview .txt span{ display: block; height: 32px; line-height: 32px; padding: 0 26px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; margin: 0 auto;background:rgba(255,255,255,0.5);} 
.preview .txt p{ margin-top:18px;}
.preview .active-nav .txt .inner{ opacity: 1;}

.lbot{float: left; width: 45%;}
.lbot dt{ float: left; width: 40%;}
.lbot dd{ float: right; width: 58%; margin-top: 4%;}
.lbot dd h6{ height: 1.5em; overflow: hidden;}
.lbot dd h5{height: 1.5em; overflow: hidden; margin-bottom: 5%;}

.index-part03{padding: 3% 0; background: #EFEFEF;}
.index-part03 h2 .more{ float: right; color:#9A6C58; border:1px solid #9A6C58;}
.index-part03 .swiper-container{margin-top:3%;}
.index-part03 dl{position: relative; overflow: hidden;}
.index-part03 dt{ opacity: 0; position: absolute; z-index: 1; lefT:0; top:0; width: 100%; height: 100%;}
.index-part03 dd{position: relative; z-index: 2;}
.index-part03 dd .inner{padding: 7% 12%;}
.index-part03 dd span{ display: block;margin-bottom: 4%;}
.index-part03 dd h3{line-height: 1.2; max-height: 2.4em; height: 2.4em; margin-bottom: 4%;}
.index-part03 dd p{ font-size: 14px; line-height: 1.8; max-height: 7.2em; height: 7.2em; color:#676767; margin-bottom: 10%;}
.index-part03 .swiper-button-prev{left:46%; width: 30px; height: 20px; line-height: 20px; text-align: center; top:auto; margin-top: 0; bottom:0; background: none;}
.index-part03 .swiper-button-next{right:46%; width: 30px; height: 20px;line-height: 20px; text-align: center; top:auto; margin-top: 0; bottom:0;background: none;}
.index-part03 .swiper-button-prev i,.index-part03 .swiper-button-next i{ font-size: 30px; font-weight: bold;}
.index-part03 .swiper-wrapper{padding-bottom: 36px;}
.index-part03 .swiper-pagination{bottom:0;}
.index-part03 .swiper-pagination-bullet{ width: 10px; height: 10px;}
.index-part03 .swiper-pagination-bullet-active{ background: #5D3D2A;}

.index-part04{padding: 10% 0; position: relative;}
.index-part04 .txt{ text-align: center; color: #fff;}
.index-part04 h2{margin-bottom:1%;}
.index-part04 p{margin-bottom: 3%; letter-spacing: 2px; word-break: break-word;}
.index-part04 .more{border:1px solid #fff;}



.index-part03 dt,.preview .txt .inner{transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
@media only screen and (min-width: 1025px) {
    .more:hover{color: #fff!important; border:1px solid #9A6C58; background: #9A6C58;}
    .index-part03 dl:hover dt{ opacity: 1;}
    .index-part03 dl:hover dd,.index-part03 dl:hover dd h3 a,.index-part03 dl:hover dd p{color:#fff!important;}
    .index-part03 dl:hover dd .mores{color:#fff!important; border-bottom: 1px solid #fff;}
}
@media only screen and (max-width: 1800px) {
    .index-part01 .rr .btn{ width: 30%;}
}

@media only screen and (max-width: 1660px) {
.index-part03 dd p{margin-bottom: 5%;}

}

@media only screen and (max-width: 1599px) {
    .index-part01 .rr .btn{ width: 32%;}
    .index-part01 .rr .btn i{margin-right: 15px;}
    .index-part01 .rr .btn span{width: calc(100% - 70px);}
    .view .arrow-left,.view .arrow-right{ width: 80px; height: 80px; margin-top: -40px; background-size: cover;}
    .index-part03 dd p{max-height: 5.4em; height: 5.4em;-webkit-line-clamp:3;}
    .index-part03 .swiper-button-prev{left:45%;}
    .index-part03 .swiper-button-next{ right:45%;}
}
@media only screen and (max-width: 1439px) {
    .view .arrow-left,.view .arrow-right{ width: 60px; height: 60px; margin-top: -30px;}
}
@media only screen and (max-width: 1399px) {
    .index-part01 .rr .btn{ width: 33%;}
    .index-part01 .rr .btn span{width: calc(100% - 65px);}
}
@media only screen and (max-width: 1365px) {
.preview{margin-top: -45px;}
}
@media only screen and (max-width: 1279px) {    
    .more{width: 150px; height: 44px; line-height: 44px;}
    .video_close{right:3%;}
    .index-part01 .rr .btn{width: 36%;}
    .index-part01 .rr .btn span{width: calc(100% - 60px);}
    .index-part03 .swiper-button-prev{left:43%;}
    .index-part03 .swiper-button-next{ right:43%;}
    .index-part03 dd p{max-height: 3.6em; height: 3.6em;-webkit-line-clamp:2;}
    .index-part01 .ll .c{ height: 15em;}
    
}

@media only screen and (max-width: 1023px) {
    .index-part01 .rr .btn{width: 30%;}
    .index-part01 .rr .btn span{width: calc(100% - 45px);}
    .index-part01 .ll,.index-part01 .rr{width: 100%;}
    .index-part01 .ll{ height: auto!important;}
    .index-part01 .ll .inner{margin: 5%;}
    .index-part01 .ll h2{margin-bottom: 5%;}
    .index-part01 .ll .c{ height: auto;}
    .index-part01 .ll.bot p{margin-left: 5%; margin-right: 5%;}
    .index-part01 .rr.bot{margin: 0 0 5%;}
    .preview .txt span{padding: 0 5px; letter-spacing: 0;}
    .index-part03 .swiper-button-prev{left:38%;}
    .index-part03 .swiper-button-next{ right:38%;}
}

@media only screen and (max-width:767px) { 
    .more{width: 120px; height: 36px; line-height: 36px;}
   .banner .swiper-pagination{bottom:0px}
   .banner .txt{ widtH:100%;}
   .banner .txt h2{ font-size: 24px; margin-bottom: 3%;}
   .banner .txt p{ display: none; margin-bottom: 10px;}
   .index-part01 .rr .btn{width: 45%;}
   .index-part01 .rr .btn span{width: calc(100% - 40px);}
   .index-part01 .rr.bot{margin:0 5% 5%; width: 90%; padding: 0; text-align: left;}
   .preview{width: 90%; margin-top: -20px;}
   .view .arrow-left,.view .arrow-right{ width: 40px; height: 40px; margin-top: -20px;}
   .index-part02 h2{ top:5%;}
   .view .swiper-slide h3{font-size: 24px; margin-left: 18%; margin-right: 18%;}
   .lbot{width: 100%;}
   .index-part03 dl dt{ opacity: 1;}
   .index-part03 dl dd,.index-part03 dl dd h3 a,.index-part03 dl dd p{color:#fff!important;}
   .index-part03 dl dd .mores{color:#fff!important; border-bottom: 1px solid #fff;}
   .index-part03 .swiper-button-prev,.index-part03 .swiper-button-next{top:50%; margin-top: -10px;}
   .index-part03 .swiper-button-prev{left:0; color: #fff;}
   .index-part03 .swiper-button-next{ right:0;color: #fff;}
   .index-part03 .swiper-pagination{ display: none;}
   .index-part03 .swiper-wrapper{ padding-bottom: 5px;}
}
@media only screen and (max-width:375px) {
.index-part01 .rr .btn{ width: 56%;}
}
/*首页end*/