/*满冠体育*/
.banner{width:100%;position: relative; overflow: hidden;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;/*transition:transform 5s cubic-bezier(.23,1,.32,1);*/}
.banner .swiper-slide .bg{position: absolute; lefT:0; top:0; z-index: 1; width: 100%; height: 100%; background: url(/gtzl/lib/2024template/static/images/banner_bg.png) no-repeat; background-size: cover;}
.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;}
.banner .txt h2{line-height: 1.2;height: 1.2em; overflow: hidden;}
.banner .txt p{margin-top: 1.5%; height: 3em; overflow: hidden;}
.banner .txt .more{margin-top: 3%;}
.banner .txt .more a{padding: 0 20px; height: 40px; line-height: 40px;}
.banner .swiper-pagination{bottom:45px;}
.banner .swiper-pagination-bullet{width: 18px; height: 18px; margin:0 4px!important;background: rgba(255,255,255,0.5);}
.banner .swiper-pagination-bullet-active{ background: #D1D1D0;}


.index-part01{padding:5% 0; background: url(/gtzl/lib/2024template/static/images/bg_01.png) no-repeat; background-size: cover;}
.index-part01 .wrap{max-width: 1060px;text-align: center;}
.index-part01 h2{ text-align: center; line-height: 1.2;}
.index-part01 .c{margin-top: 3%;}
.index-part01 .c p{margin-bottom: 2%; line-height: 2;}

.index-part01 dl{margin: 5% 0;}
.index-part01 dt{color:#007F3B; margin-bottom: 5%;}
.index-part01 dt em{ display: block; max-width: 350px; width: 40%; margin:0.7% auto; border-bottom:1px solid #80C9AB;}
.index-part01 dd{ float: left; padding-left:7%; text-align: left; width: 33.33%; color: #005320; line-height: 1.3;}
.index-part01 dd h4 span{ font-style: italic;}

.index-part02 .wrap{ max-width: 1480px;}
.index_slide_b{position: absolute;left: 0;top:40%;width: 100%;z-index: 2;}
.index_slide_b .swbox{position: relative;}
.index_slide_b .swbox .swiper-button-prev,.index_slide_b .swbox .swiper-button-next{ display: none; left:-60px; width: 40px; text-align: center; font-size: 30px; background-image: none;}
.index_slide_b .swbox .swiper-button-next{left:auto; right:-60px;}
.index_slide_b .swbox .swiper-button-prev i,.index_slide_b .swbox .swiper-button-next i{color: #fff;}
.index_slide_b .swbox li{ float: left; width:14.28%;}
.index_slide_b .swbox li:nth-child(2n+1){margin-top:50px;}
.index_slide_b .swbox li dt{border:2px solid #fff; color: #fff; border-radius: 70px; max-width: 147px; width: 85%; padding: 8px 8px 15px; text-align: center; cursor: pointer;}
.index_slide_b .swbox li dt img{ width: 100%;}
.index_slide_b .swbox li dt span{ display: block; margin-top:20px; height: 3em; padding: 0 10%; overflow: hidden;}
.index_slide_b .swbox li dd{ display: none; color: #fff; margin-top: 12%; width: 120%;}
.index_slide_b .swbox li.on dt{background: rgba(255,255,255,0.5); border-color: rgba(255,255,255,0);}
.index_slide_b .swbox li.on dd{ display: block;}
.index_slide_b .swbox li dd h2{ height: 1.5em; overflow: hidden;}
.index_slide_b .swbox li dd h3{ display: inline-block; margin-top: 5%; font-size: 14px; height: 26px; line-height: 26px; overflow: hidden; padding: 0 50px; color: #000; background: #fff; border-radius: 30px;}
.index_slide_b .swbox li dd p{font-size: 14px; font-weight: bold; height: 3em; margin-top: 5%; overflow: hidden;}
.index_slide_b .swbox li dd i{display: block; margin-top: 3%;}

.tit h3{height: 1.5em; overflow: hidden;}
.tit h2{line-height: 1.1; max-height: 2.2em; overflow: hidden;}
.tit p{ margin-top: 2%; max-height: 4.5em; overflow: hidden;}

.index_slidercont,.index_slide_t{position: relative;}
.index_slidercont .top_con{position: absolute; top:7%; z-index: 3; color: #fff;}

.index_slide_t .swiper-wrapper{ display: block;}
.index_slide_t li{opacity: 0; height: 0; visibility: hidden;transition: 1s all;}
.index_slide_t li.on{opacity: 1; height: auto; visibility: visible;}
.index_slide_t li .img{opacity: 0.5;}
.index_slide_t li.on .img{opacity: 1; transition: 1s all;}
.index_slide_t li .img .bg{ position: absolute; left:0; top:0; width: 100%; height: 100%; background: url(/gtzl/lib/2024template/static/images/bg_02.png) no-repeat; background-size: 100%;}
.index_slide_t .swiper-button-prev,.index_slide_t .swiper-button-next{ display: none; left:10px; width: 40px; text-align: center; font-size: 30px; background-image: none;}
.index_slide_t .swiper-button-next{left:auto; right:10px;}
.index_slide_t .swiper-button-prev i,.index_slide_t .swiper-button-next i{color: #fff;}

.indexslider_txt{ display: none;z-index: 1;text-align: center; width: 100%; padding: 0 5%; color: #fff;}
.indexslider_txt h2{ height:1.5em; overflow: hidden;}
.indexslider_txt h3{ display: inline-block; margin-top: 2%; font-size: 14px; height: 26px; line-height: 26px; overflow: hidden; padding: 0 50px; color: #000; background: #fff; border-radius: 30px;}
.indexslider_txt p{font-size: 14px; font-weight: bold; height: 3em; margin-top:2%; overflow: hidden;}
.indexslider_txt i{display: block; margin-top: 3%;}

.index-part03{padding: 5% 0 2%; background: url(/gtzl/lib/2024template/static/images/bg_03.jpg) center no-repeat;}
.index-part03 .wrap{max-width: 790px;}
.ind03_swbox{ margin-top: 5%; position: relative;}
.ind03_swbox li{ opacity: 0.3;}
.ind03_swbox li.swiper-slide-active{opacity: 1;}
.ind03_swbox li dt img{ width: 100%;}
.ind03_swbox li dt{overflow: hidden;}
.ind03_swbox li dd{padding:3% 2%;}
.ind03_swbox li dd span{ color: #006E11; display: block;}
.ind03_swbox li dd p{ margin-top:2%;}
.ind03_swbox .swiper-button-prev,.ind03_swbox .swiper-button-next{left:22%; top:40%; width: 40px; height: 40px; line-height: 40px; text-align: center; font-weight: bold; color: #000; font-size: 40px; background: none;}
.ind03_swbox .swiper-button-next{left:auto; right:22%}
.index-part03 .more{margin-top:0; text-align: center;}
.index-part03 .more a{border-color: #000; color: #000;}

.index-part04{ position: relative;}
.index-part04 .img{position: relative;}
.index-part04 .img::before{content: ""; position: absolute; z-index: 2; lefT:0; top:0; width: 100%; height: 100%; background: url(/gtzl/lib/2024template/static/images/bg_04.png) no-repeat; background-size: cover;}
.index-part04 .wrap{ max-width: 1418px;}
.index-part04 .con{z-index: 3; top:55%;}
.index-part04 .con li{ position: relative; float: left; width: 48%; border-radius: 18px; border:1px solid #fff; box-shadow: 0 0 10px 10px rgba(0,118,75,0.1); overflow: hidden;}
.index-part04 .con li:nth-child(2n){ float: right;}
.index-part04 .con li .txt{position: absolute; lefT:0; top:0; width: 100%; height: 100%; padding:8%;}
.index-part04 .con li .txt p{ margin-bottom: 10px;}
.index-part04 .con li .txt h2{line-height: 1.1;}
.index-part04 .con li .txt .more{margin-top: 15%;}
.index-part04 .con li .txt .more a{color: #fff!important; padding: 0 20px 0 15px;background: #00764B; border-color: #00764B;}




@media only screen and (max-width: 1800px) {
.index-part02 .tit h2 br{ display: none;}
.index_slide_b{top:34%;}   
.index_slide_b .swbox li dd{margin-top: 5%;}
.index_slide_b .swbox li:nth-child(2n+1){margin-top: 30px;}
}
@media only screen and (max-width: 1279px) {
.index_slide_b{top:42%;}
.index_slide_b .swbox li.on dd{ display: none;}
.ind03_swbox .swiper-button-prev, .ind03_swbox .swiper-button-next{ width: 30px; height: 30px; line-height: 30px; font-size: 30px;}
.index-part04 .con li .txt .more{margin-top: 5%;}
}

@media only screen and (max-width:1024px) { 
.index_slide_b{ display: none;}
.index_slide_t .swiper-wrapper{ display: flex;}
.index_slide_t li{opacity: 1; height: auto; visibility: visible;}
.index_slide_t li.swiper-slide-active{opacity: 1; height: auto; visibility: visible;}
.index_slide_t li img{opacity:1;}
.indexslider_txt{top:65%; display: block;opacity: 0;}
.index_slide_t li.swiper-slide-active .indexslider_txt{ opacity: 1;}
.index_slide_t .swiper-button-prev,.index_slide_t .swiper-button-next{ display: block;}
}

@media only screen and (max-width: 1023px) {
.index-part01 .c p br{ display: none;}
}
@media only screen and (max-width:767px) { 
.fnt_90{font-size: 30px;}
.banner,.banner .swiper-container{ height: 300px;}
.banner img{ display: none;}
.banner .txt h2{font-size: 20px;}
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{ width: 8px; height: 8px;}
.banner .txt p{ height: auto;}
.banner .txt p br{ display: none;}
.index-part01 dd{ width: 100%; padding-left: 0; text-align: center; margin-bottom: 5%;}
.index_slidercont .top_con{position: static; color: #000; padding: 5% 3%; background: #FAF2EB; width: 100%; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
.ind03_swbox .swiper-button-prev{left:10px; color: #008C38;}
.ind03_swbox .swiper-button-next{ right:10px;color: #008C38;}
.ind03_swbox li dd{padding: 5% 3%;}
.index-part04 .img{ height: auto!important;}
.index-part04 .con{position: static; margin-top: 5%; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
.index-part04 .con li{width: 100%; margin:0 0 5%;}

}

.index_slide_b .swbox li dt,.ind03_swbox .swiper-button-prev,.ind03_swbox .swiper-button-next{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width: 1025px) {
    .ind03_swbox .swiper-button-prev:hover,.ind03_swbox .swiper-button-next:hover{ color: #008C38;} 
    .index-part03 .more a:hover{border-color: #008C38;}
}
/*满冠体育end*/