/*首页*/
.banner{width:100%; position: relative;}
.banner .swiper-container{width:100%;}
.banner .swiper-slide{position: relative; overflow: hidden;}
.banner .swiper-slide img{width: 100%;transition:transform 12s cubic-bezier(.23,1,.32,1);transform:scale(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 .txt{color:#fff;}
.banner .txt h2{line-height: 1.3;margin-bottom:15px;text-shadow:5px 2px 6px rgba(0,0,0,0.1);}
.banner .txt h2 span{ display: block;}
.banner .txt h3{line-height: 1.5; position: relative; padding-bottom:3%;}
.banner .txt h3::after{content: ""; position: absolute; lefT:0; bottom:0; width:50%; height: 2px; background: #fff;}
.banner .swiper-button-prev,.banner .swiper-button-next{ left:5%; width: 36px; height:62px; background: url(../images/btn_ll_dis.png) no-repeat; background-size: cover;}
.banner .swiper-button-next{ right:5%; left:auto;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}
.banner .swiper-pagination{bottom:90px; left:calc(50% - 630px); max-width: 1280px; text-align: left;}
.banner .swiper-pagination-bullet{width: 8px; height: 8px; margin:0 5px!important; border-radius: 0; opacity:0.5;filter: alpha(opacity=50);background:#FFFFFF;}
.banner .swiper-pagination-bullet-active{width: 12px; height: 12px; position: relative; top:2px; background: #fff;opacity:1;filter: alpha(opacity=100);}


.index-part01{ margin-top:-50px; position: relative; z-index: 2;}
.index-part01 li{ float: left; width:16.6667%; background: #F6F1EE; position: relative;}
.index-part01 li:nth-child(2n){ background: #D9E8E3;}
.index-part01 li a{ display: block; width:100%; height: 100%;}
.index-part01 li .txt{padding:0 10px; text-align: center; width:100%;}
.index-part01 li .txt span{display: block; margin:0 auto 20px;}
.index-part01 li .txt span img{ width: 80px; height: 80px;}
.index-part01 li .txt p{color:#363636;}

.comm_tit{padding: 2.5% 0; border-top:3px solid #519274; line-height: 34px;}
.comm_tit .ll_t{ float: left;}
.comm_tit .ll_t span{position: relative; float: left;}
.comm_tit .ll_t span::after{content: ""; position: absolute; right:-40px; top:0; width:15px; height: 35px; background: url(../images/dot23.png) no-repeat;}
.comm_tit .ll_t span:last-child::after{display: none;}
.comm_tit .rr_t{ float: left; margin-left:10%;}
.comm_tit .rr_t span{ cursor: pointer; float: left;padding:0 30px;}
.comm_tit .rr_t span.on{  border-radius: 20px; color:#B79977; border:1px solid #B79977; position: relative;}
.comm_tit .rr_t span.on::after{content: ""; position: absolute; right:-10px; bottom:-10px; width:42px; height: 28px; background: url(../images/dot08.png) no-repeat;}

.index-part02{ padding:3% 0 0;}
.part02-con{margin:1% 0 0;}
.part02-con .tt{margin-bottom: 2%;}
.part02-con .tt li{ float: left; width:50%;}
.part02-con .tt li .img{width:100%;}
.part02-con .tt li h2{width:100%; height: 50px; line-height: 50px; color:#fff; padding:0 5%; background: url(../images/dot09.jpg) no-repeat; background-size: cover;}
.part02-con .bb ul{margin:0 -2%;}
.part02-con .bb li{ float: left; width:29.33%; margin:0 2%;}
.part02-con .bb li span{display: block; margin-bottom:5%; width:90px; height: 22px; line-height: 22px; color:#fff; text-align: center; font-size: 12px; background: #B79977;}
.part02-con .bb li h2{margin-bottom: 12px; -webkit-line-clamp:2; line-height: 1.2; max-height:2.4em; height: 2.4em;}
.part02-con .bb li h2 a{color:#363636;}
.part02-con .bb li p{color:#777777; font-size: 14px;-webkit-line-clamp:2; line-height: 1.8;max-height:3.6em; height:3.6em;}
.part02-con .bb li em.more{ display: block; font-size: 14px; margin-top:6%; padding-top:5%; border-top:1px solid #EDEDED; text-align: center;}
.part02-con .bb li em.more a{ color:#1E855D;}

.index-part03{ padding:5% 0; margin:5% 0 0;}
.index-part03 .comm_tit{color:#fff; border-top:none;}
.index-part03 .comm_tit .rr_t span.on{ color:#fff; background: #B79977;}
.index-part03 .comm_tit .rr_t span.on::after{content: ""; position: absolute; right:-5px; bottom:-6px; width:34px; height: 20px; background: url(../images/dot08_w.png) no-repeat;}
.part03-con{margin:5% 0 0;height: 310px;}
.part03-con ul{margin:0 -1.5%;}
.part03-con li{ float: left; position: relative;width:13.6666%; padding-bottom: 20px; margin:0 1.5% 2%; border:1px solid transparent; border-top:1px solid #fff;/*border-bottom:1px solid #fff;*/}
.part03-con li h2{color:#fff; margin-top: 20px;}
.part03-con li span{ position: absolute; right:0; top:15px;display: none;}
.part03-con li span img{width:50px; height: 50px;}
.part03-con li p{margin-top:30px; color:#fff;font-size: 14px;display: none;}
.part03-con li:nth-child(6n+1){clear: both;}

.index-part04{ margin:6% 0 0;}
.index-part04 .comm_tit .ll_t span{ cursor: pointer; color:#BDBDBD; margin-right: 60px;}
.index-part04 .comm_tit .ll_t span.on{color:#000;}
.part04-con{position: relative;}
.part04-con .rr_t{ position: absolute; top:-88px; left:30%;}
.part04-con .rr_t span{ cursor: pointer; float: left;padding:0 30px; line-height: 32px;}
.part04-con .rr_t span.on{  border-radius: 20px; color:#B79977; border:1px solid #B79977; position: relative;}
.part04-con .rr_t span.on::after{content: ""; position: absolute; right:-10px; bottom:-10px; width:42px; height: 28px; background: url(../images/dot08.png) no-repeat;}
.i-p04-show_con{width:100%;position: relative;}
.i-p04-show_con .swiper-button-prev,.i-p04-show_con .swiper-button-next,
.i-p05-show_con .swiper-button-prev,.i-p05-show_con .swiper-button-next{ cursor: pointer; left:-80px; opacity: 1; width: 40px; height: 100px; margin-top: -50px;background: url(../images/dot24.png) no-repeat; background-size: cover;}
.i-p04-show_con .swiper-button-next,.i-p05-show_con .swiper-button-next{left:auto;right:-80px;background: url(../images/dot25.png) no-repeat;}
.i-p04-show_con .swiper-button-prev.swiper-button-disabled,.i-p05-show_con .swiper-button-prev.swiper-button-disabled{background: url(../images/dot24_dis.png) no-repeat center center;background-size:100%;opacity: 1;}
.i-p04-show_con .swiper-button-next.swiper-button-disabled,.i-p05-show_con .swiper-button-next.swiper-button-disabled{background: url(../images/dot25_dis.png) no-repeat center center;background-size:100%;opacity: 1;}
.i-p04-show_con dl{width:100%;}
.i-p04-show_con dl dt img{width:100%;}
.i-p04-show_con dl dt a{ display: block;}
.i-p04-show_con dl dd{ width:100%; height: 84px; padding:10px 15px;}
.i-p04-show_con dl dd p{font-size: 14px;}
.i-p04-show_con dl dd p span{margin-right: 20px;}


.index-part05{ margin:4% 0 0; padding:5% 0 7%; position: relative; background: #F1F8F7;}
.i-p05-show_con .tran_scale{height: 0;padding-bottom: 56%;    position: relative;overflow: hidden;}
.i-p05-show_con .tran_scale a{display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.i-p05-show_con .tran_scale img{width: 100%;height: 100%;}

.index-part05 .comm_tit .rr_t span.on::after{background: url(../images/dot08_g.png) no-repeat;}
.i-p05-show_con{position: relative;}
.i-p05-show_con li .txt{padding: 20px 15px;}
.i-p05-show_con li .txt h2{margin-bottom: 5px;}
.i-p05-show_con li .txt p{ line-height: 1.8;-webkit-line-clamp:2; max-height: 3.6em; font-size: 14px; color:#777777;}
.part05-con dl{margin-top: 2%;}
.part05-con dl dd{ float: left; width:48%;color:#fff!important; height: 54px; line-height: 54px; padding:0 1.5%; margin-bottom: 10px; border:1px solid #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); background: #BCA07F;}
.part05-con dl dd:nth-child(2n){ float: right;}
.part05-con dl dd a{color:#fff!important; padding-left: 15px; background: url(../images/dot27.png) 0 center no-repeat;}

@media only screen and (min-width: 1025px) {
    .banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ background: url(../images/btn_ll.png); background-size: cover;}
    .index-part01 li,.index-part01 li .txt p,.part03-con li{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .index-part01 li:hover{ background: url(../images/dot07.jpg) no-repeat; background-size: cover; z-index: 2; box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);}
    .index-part01 li:hover .txt p{color:#fff;}
    .part03-con li:hover{width:16.6666%; margin:0 0 2%; padding-left:1.5%;padding-right:1.5%; border:1px solid #B79977; background: url(../images/dot10.jpg) no-repeat;background-size: cover;z-index: 2;box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);}
    .part03-con li:hover span{right:5%!important;}
    .i-p04-show_con dl:hover dd{ color:#fff; background: url(../images/dot26.jpg) no-repeat; background-size: cover;}
    .i-p04-show_con dl:hover dd a{color: #fff!important;}
}
       
@media only screen and (max-width: 1439px) {
    .i-p04-show_con .swiper-button-prev, .i-p05-show_con .swiper-button-prev{left:-50px;}
    .i-p04-show_con .swiper-button-next, .i-p05-show_con .swiper-button-next{left:auto;right:-50px;}
}
@media only screen and (max-width: 1365px) {
.banner .swiper-pagination{left:3%;}
.i-p04-show_con .swiper-button-prev, .i-p05-show_con .swiper-button-prev{left:-30px;}
.i-p04-show_con .swiper-button-next, .i-p05-show_con .swiper-button-next{left:auto;right:-30px;}
}

@media only screen and (max-width: 1279px) {
    .banner .swiper-button-prev{ left:10px;width: 18px; height:31px;margin-top:-16px;}
    .banner .swiper-button-next{ right:10px; width: 18px; height:31px;margin-top:-16px;}
    .banner .swiper-pagination{bottom:20px;}
    .index-part01{margin-top:3%;}
    .part04-con .rr_t{top:-77px;}
}

@media only screen and (max-width: 1023px) {
    .banner .swiper-pagination{bottom:5px;}
    .index-part01 li .txt span,.index-part01 li .txt span img{width:50px; height: 50px;}
    .comm_tit .rr_t{margin-left:0;}
    .part03-con li span img{width:36px; height: 36px;}
    .part04-con .rr_t{left:36%; top:-70px;}
    .i-p04-show_con .swiper-button-prev, .i-p05-show_con .swiper-button-prev{ width:20px; height: 50px; left:0px; background-size: cover;}
    .i-p04-show_con .swiper-button-next, .i-p05-show_con .swiper-button-next{ width:20px; height: 50px;left:auto;right:0px;background-size: cover;} 
}

@media only screen and (max-width:767px) {
    .banner .swiper-pagination{bottom:0px;}
    .banner .txt h3::after{opacity: 0;}
    .banner .txt h2.fnt_60{margin-bottom: 0; font-size: 18px;}
    .index-part01 li{width:33.33%; height: 0!important; padding-bottom: 33.33%;}
    .index-part01 li .txt span, .index-part01 li .txt span img{width:40px; height: 40px;}
    .part02-con .tt li{width:100%;}
    .comm_tit{padding-bottom: 5%;}
    .comm_tit .ll_t,.comm_tit .rr_t{width:100%;}
    .comm_tit .rr_t span{padding:0 15px;}
    .comm_tit .ll_t span{margin-right: 20px;}
    .comm_tit .ll_t span::after{height: 20px; top:6px;}
    .comm_tit .rr_t span.on::after{right:-20px; bottom:-12px;}
    .comm_tit .ll_t span::after{right:-35px;}
    .part02-con .bb ul{margin:0;}
    .part02-con .bb li{width:100%; margin:0 0 2%;}
    .part02-con .bb li h2{height: auto;max-height:auto;}
    .part02-con .bb li em.more{margin-top:3%; padding-top: 3%;}
    .part03-con li{width:47%;}
    .part04-con .rr_t{position: static; width:100%; margin:-5% 0 8%;}
    .part04-con .rr_t span{padding:0 10px}
    .index-part03 .comm_tit .rr_t span.on::after{right:-15px; bottom:-8px;}
    .part04-con .rr_t span.on::after{right:-26px; bottom:-15px;}
    .i-p04-show_con dl dd p span{margin-right: 10px;}
    .part05-con dl dd{width:100%;}

    .part03-con li:nth-child(6n+1){clear: inherit;}
    .part03-con li:nth-child(2n+1){clear: both;}
    .part03-con{height: auto;}

}
@media only screen and (max-width:374px) {
    .comm_tit .rr_t span{padding:0 9px;}
    .part03-con li{padding-bottom: 35%;}
}
/*首页end*/
