/*首页*/
.banner{position: relative;}
.banner .swiper-container{width: 100%;}
.banner .swiper-slide{position: relative; width:100%;}
.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 .txt{color: #fff;z-index: 2; width: 100%; top:180px; padding: 0 10%; text-align: center;z-index: 9}
.banner .txt h2{opacity: 0; font-weight: 700; line-height: 1.2; max-height: 4.8em; font-size: 40px; /*font-family: "AlibabaPuHuiTi";*/}
.banner .txt em{ display: inline-block; margin-top:2.5%; cursor: pointer; padding: 0 30px; border-radius: 4px; min-width: 120px; border: 1px solid #fff; color: #fff; height: 40px; line-height: 39px; text-align: center;}
.banner .swiper-slide.swiper-slide-active .txt h2{opacity: 1;}
.banner .swiper-pagination{bottom:5%;}
.banner .swiper-pagination-bullet{opacity: 1; position: relative; background: #fff; margin: 0 0.1rem!important; width:14px; height:14px;}
.banner .swiper-pagination-bullet-active{background: none; border:1px solid #fff;width: 16px; height: 16px; top:1px; left:1px;}
.banner .swiper-pagination-bullet-active::before{content: ""; position: absolute; lefT:50%;top:50%; margin: -2px 0 0 -2px; width: 4px; height:4px; border-radius: 100%; background: #fff;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:1rem; height: 1rem; color: #00BCFF; background: none;}

.ban_bot_con{position: absolute; z-index: 2; left:0; bottom:45px; padding: 0 20%; width: 100%;}
.ban_bot_con li{ float: left; width: 25%; padding: 0 2%; text-align: center; color: #fff;}
.ban_bot_con li h4{font-weight: 700; font-size: 20px; margin-bottom: 4px;}
.ban_bot_con li p{font-size: 14px; font-weight: 400;}

.video_appbox{ display: block; 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{width: 100%;}
.video_appbox .video_t{ z-index:2; background:#000;width:960px;max-width:94%;
 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:50%;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;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.video_close{ position:absolute; top:-30px; right:0;cursor:pointer; z-index: 99999; }
.video_close i{color: #fff;font-size:20px;font-weight: bold;}


.tit{text-align: center; }
.tit h2{line-height: 1.2; font-weight: bold;}
.tit p{margin-top: 0.2rem;}

.index-part01{padding: 5% 0 0;}
.index-part01 .swbox{margin-top: 3.5%; position: relative;}
.index-part01 .swbox .bimg{position: relative; z-index: 1;}
.index-part01 .swbox .swiper-container{width: 100%; height: 100%;}
.index-part01 .swbox .swiper-wrapper{ display: block; }
.index-part01 .swbox .bimg li{ position: absolute; lefT:0; top:0; width: 100%; height: 100%; opacity: 0;transition: 0.5s all;}
.index-part01 .swbox .bimg li.on{opacity: 1;}
.index-part01 .swbox .bimg li::before{ content: ""; z-index:1; position: absolute; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.1);}
.index-part01 .swbox .bimg li img{ display: none;}
.index-part01 .swbox .bimg li .txt{position: absolute; z-index:2; left:0; top:2.3rem; color: #fff; width: 100%; padding: 0 16% 0 9.2%;}
.index-part01 .swbox .bimg li h3{line-height: 1.1; max-height: 2.2em;font-weight: bold;}
.index-part01 .swbox .bimg li .c{margin-top: 3%; max-height: 16em; overflow: hidden;}
.index-part01 .swbox .bimg li .c p{margin-bottom:1em;}
.index-part01 .swbox .bimg li .c p:last-child{margin-bottom: 0;}
.index-part01 .swbox .bimg li .txt .more{margin-top: 4%;}
.index-part01 .swbox .bimg .swiper-button-prev,.index-part01 .swbox .bimg .swiper-button-next{ display: none;}
.index-part01 .swbox .scon{ z-index: 3; left:auto; right:0; width:14%; max-height: 100%;}
.index-part01 .swbox .scon ul{max-height: 100%;}
.index-part01 .swbox .scon li{position: relative; transition: 1s all; line-height: 1.2; cursor: pointer; width: 100%; padding: 0.2rem 0.5rem;font-weight: bold; color:#fff; }
.index-part01 .swbox .scon li::before{content: ""; position: absolute; left:0; bottom:0; width: 100%; height: 1px; background:linear-gradient(to right, transparent, rgba(255,255,255,0.6));}
.index-part01 .swbox .scon li.on{background:linear-gradient(to right, transparent, rgba(255,255,255,0.6));}

.index-part02{padding: 5% 4% 6%;}
.index-part02 ul{margin: 3% -0.5% 3.5%;}
.index-part02 li{float: left; width: 32.33%; margin: 0 0.5% 1%;}
.index-part02 li dl{border-radius: 0.15rem; overflow: hidden; position: relative;}
.index-part02 li dt{position: relative;}
.index-part02 li dt img.second_img{opacity: 0; position: absolute; left:0; top:0; width: 100%; height: 100%;}
.index-part02 li dt h3{position: absolute; lefT:0; bottom:5%; width: 100%; padding: 0 5%; font-weight: bold; text-align: center; color: #fff;}
.index-part02 li dd{opacity: 0; position: absolute; z-index: 1; lefT:0; top:0; width: 100%; height: 100%; background: rgba(34,172,56,0.78);}
.index-part02 li dd h3{ color: #fff; text-align: center; font-weight: bold; width: 100%; padding: 0 5%;}
.index-part02 .more{ background: #3AB54E; color: #fff;}
.index-part02 .more::before{ background: #000;}
.cenmore{text-align: center;}

.index-part03 .img{position: relative;}
.index-part03 .img .txt{color: #fff; top:40%;}
.index-part03 .img h2{font-weight: bold; line-height: 1.5; max-height: 1.5em;}
.index-part03 .img .c{margin-top:1%;max-height: 18em; overflow: hidden;}
.index-part03 .img .more{margin-top: 4%;}
.index-part03 .con{padding: 3% 0 2%; border-bottom: 1px solid #BFBFBF;}
.index-part03 .con ul{text-align: center;}
.index-part03 .con li{ display: inline-block; max-width: 33.33%; margin: 0 0.8rem;}
.index-part03 .con li span{ float: left; line-height: 1.2;}
.index-part03 .con li .ccc{ float: left; margin-left: 0.3rem; line-height: 1.2; text-align: left;}
.index-part03 .con li .ccc h3{font-weight: bold;}
.index-part03 .con li .ccc p{margin-top: 2%;}

.index-part04{padding: 5% 0;}
.index-part04 .tit{ text-align: left;}
.index-part04 .con{margin-top: 5%;}
.index-part04 .ll{ float: left; width: 50%;}
.index-part04 .rr{float: right; width: 43%;}
.index-part04 .ll dt{ border-radius: 0.3rem; overflow: hidden;}
.index-part04 .ll dd{padding: 5% 3%;}
.index-part04 .ll dd h3{font-weight: bold;}
.index-part04 .ll dd span{margin-top: 2%;font-weight: bold; display: block;color: #000;}
.index-part04 .rr dl{padding:0.4rem 0; border-bottom: 1px solid #00E005;}
.index-part04 .rr dl+dl{border-bottom: none;}
.index-part04 .rr dt{ float: right; width: 34%;border-radius: 0.08rem; overflow: hidden;}
.index-part04 .rr dd{ float: left; width: 62%;}
.index-part04 .rr dd h3{line-height: 1.3; max-height: 5.2em; overflow: hidden; font-weight: bold;}
.index-part04 .rr dd span{margin-top: 5%;font-weight: bold; display: block; color: #000;}
.index-part04 .rr .more{margin-top: 4%;background: #3AB54E; color: #fff;}
.index-part04 .rr .more::before{ background: #000;}
@media only screen and (max-width:1599px) {
.index-part03 .con li{margin: 0 0.5rem;}
.ban_bot_con{padding: 0 10%;}
}
@media only screen and (max-width:1279px) {
.index-part01 .swbox .scon{ width: 16%;}
.index-part01 .swbox .bimg li .c{max-height: 12em;}
.ban_bot_con{padding: 0 5%;}
.banner .txt{top:10%;}
}
@media only screen and (max-width: 1023px) {
.banner .txt h2{font-size: 24px;}
.index-part01 .swbox .scon{ display: none;}
.index-part01 .swbox .bimg .swiper-button-prev,.index-part01 .swbox .bimg .swiper-button-next{ display: block; background: none; width:30px; height:30px; line-height:30px;text-align: center; margin-top: -15px; border-radius: 100%; color: #000; background: #fff;}
.index-part01 .swbox .bimg .swiper-button-prev{left:2%;}
.index-part01 .swbox .bimg .swiper-button-next{right:2%;}
.index-part01 .swbox .bimg li .txt{top:10%; width: 100%; padding: 0 15%;}
.index-part01 .swbox .bimg li .c{max-height:9em;}
.index-part01 .swbox .bimg li h3 br{ display: none;}
.index-part01 .swbox .swiper-wrapper{ display: flex;}
.index-part01 .swbox .bimg li{opacity: 1; position: relative;}
.index-part01 .swbox .bimg li img{display: block;}
.index-part03 .con li{margin: 0 0.5rem;}
}
@media only screen and (max-width: 767px) {
.banner .swiper-pagination-bullet{margin: 0 5px!important;}
.banner .txt h2{font-size: 18px;}
.index-part01 .swbox .bimg{ height: 260px!important;}
.index-part01 .swbox .bimg li .c{max-height:6em;}
.index-part01 .swbox .bimg li img{ display: none;}
.index-part02 ul{margin: 5% 0;}
.index-part02 li{ width: 100%; margin: 0 0 5%;}
.index-part03 .img{ height: 260px!important;}
.index-part03 .img .txt{top:50%;}
.index-part03 .img .c{max-height:7.6em;}
.index-part03 .con li{ float: left; width: 100%; max-width: 100%; margin: 0 0 5%;}
.index-part04 .ll,.index-part04 .rr{width: 100%;}
.ban_bot_con{padding: 0; bottom:12%;}
.ban_bot_con li{width: 50%; margin-top:2%; line-height: 1.2;}
.ban_bot_con li:nth-child(2n+1){ clear: both;}
.ban_bot_con li h4{ font-size: 16px;}
.ban_bot_con li p{font-size: 12px;}
.banner .txt em{ height: auto; line-height: 1.5; padding: 4px 8px; min-width: 80px; font-size: 12px; border-radius: 2px;}
}

.index-part02 li dd,.index-part03 .con li,.banner .txt em{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) {
.index-part02 li:hover dt img.second_img{opacity: 1;}
.index-part02 li:hover dt h3{opacity: 0;}
.index-part02 li:hover dd{opacity: 1;}
.index-part03 .con li:hover,.index-part03 .con li:hover a{color: #22AC38;}
.banner .txt em:hover{color: #000; background: #fff;}
}
/*首页end*/
.banner .swiper-slide a{position: absolute;top:0;left: 0;width: 100%;height: 100%; z-index: 5;}
.banner .swiper-slide>img,.banner .swiper-slide a>img{display: none;}
.banner .swiper-slide{height: 100vh;}
.banner .swiper-slide{object-fit: cover;}
@media only screen and (max-width: 1024px) {
    .banner .swiper-slide{height: 50vh;}
}