/*关于满冠体育*/
.about_pubilc{}
.about_pubilc_fixed .about_pubilc{ position: fixed; left:0; top:100px; width:100%; z-index: 100; background: #fff;border-bottom: 1px solid #efefef;}
.about_pubilc-swi{/*text-align: center;*/position: relative;box-sizing: border-box;}
.about_pubilc-swi .swiper-wrapper{display: block;}
.about_pubilc-swi.on .swiper-wrapper{display: flex;}
.about_pubilc-swi li{display: inline-block;width: 12.5%; text-align: center; cursor: pointer;transition: all .3s;}
.about_pubilc-swi li span,.about_pubilc-swi li>a{position: relative;display:block;padding: 20px 0;}
.about_pubilc-swi li.on{color: #008C38;}
.about_pubilc-swi li.on a{color: #008C38;}
.about_pubilc-swi li.on span:before,.about_pubilc-swi li.on>a:before{content: "";display: block;width: 100%;height: 2px;background: #008C38;left: 0;bottom: 0;position: absolute;}
.about_pubilc-swi .lhl_but{display: none;color: #008C38;}
.about_pubilc-swi .lhl_but div{background: none;line-height: 44px;font-size: 30px;text-align: center;width: 30px;}
.about_pubilc-swi .lhl_but div.swiper-button-prev{left: -10px;}
.about_pubilc-swi .lhl_but div.swiper-button-next{right: -10px;}
.about_pubilc-swi.on .lhl_but{display: block;}
@media only screen and (min-width:1025px) {
    .about_pubilc-swi li:hover{color: #008C38;}
    .about_pubilc-swi li:hover a{color: #008C38!important;}
}
@media only screen and (max-width:1024px) {
    .about_pubilc_fixed .about_pubilc{top:50px;}
}
@media only screen and (max-width:767px) {
.about_pubilc-swi .swiper-wrapper{ display: flex;}
}


.about_bg{position: absolute; z-index: 2; lefT:0; bottom:0; width: 100%;}

.about-part01{ padding: 5% 0 25%; position: relative; overflow: hidden;}
.about-part01 h2,.about-part02 h2,.about-part03 h2,.about-part04 h2,.about-part05 h2,.about-part06 h2{ text-align: center;}
.about-part01 h2 span,.about-part02 h2 span,.about-part03 h2 span,.about-part04 h2 span,.about-part05 h2 span,.about-part06 h2 span{ display: block; font-weight: bold; margin-top: 1%;}
.about-part01 .con{ margin-top: 4%;}
.about-part01 .con p{margin-bottom: 2%; line-height: 2;}
.about-part01 .con p:last-child{margin-bottom: 0;}
.about-part01 dl{margin: 5% 8%;}
.about-part01 dd{ float: left; padding-left:7%; text-align: left; width: 33.33%; color: #005320; line-height: 1.3;}
.about-part01 dd h4 span{ font-style: italic;}

.about-part02{padding: 5% 0 8%; position: relative; overflow: hidden;}
.about-part02 .con{ text-align: center; margin:4% 0 0;}
.about-part02 .con img{max-width: 100%;}

.about-part03{padding: 5% 0; position: relative; overflow: hidden;}
.about-part03 .con{ text-align: center; margin:4% 0 0;}
.about-part03 .tab-t{ text-align: center;}
.about-part03 .tab-t ul{ display: inline-block;}
.about-part03 .tab-t li{ cursor: pointer; float: left; margin: 0 25px; height: 38px; line-height: 38px; padding: 0 40px; border-radius: 30px; border:1px solid #007144;}
.about-part03 .tab-t li.on{ color: #fff; background: #00764B;}
.about-part03 .tab-c{ margin-top: 5%;}
.about-part03 .tab-c .item{ display: none;}
.about-part03 .tab-c .item.on{ display: block;}
.about-part03 .tab-c .item ul{margin: 0 -1.5%;}
.about-part03 .tab-c .item li{ cursor: pointer; float: left; border:1px solid #007B52; width: 17%; margin: 0 1.5% 3%; position: relative; background: #fff;}
.about-part03 .tab-c .item li .inner{width: 100%; padding:0 5%;}
.about-part03 .tab-c .item li h3{ height: 1.5em; overflow: hidden;}
.about-part03 .tab-c .item li span{ display: block; margin: 10% auto; width: 30px; height: 1px; background: #007B52;}
.about-part03 .tab-c .item li p{ height: 1.5em;}

.about-part04{padding: 5% 0 0; position: relative;}
.his-cons .his_item{ display: none;}
.his-cons .his_item.on{ display: block;}
.his-txt{ max-width: 870px; margin: 5% auto; line-height: 1.8; height: 10.8em; overflow: hidden;}
.his-tit{font-size: 172px; color: #fff; line-height: 1.1; text-align: center; font-style: italic;}
.his-years{margin-top: 5%;border-top: 1px solid #EFD6C3; background: rgba(0,0,0,0.2);}
.his-years .wrap{position: relative;}
.his-years .swiper-slide{ cursor: pointer; padding:2% 0 8%; text-align: center; color: #C5C9CC;}
.his-years .swiper-slide.on{color: #fff; border-top:2px solid #fff;background:linear-gradient(to bottom,rgba(231,144,0,1),rgba(231,144,0,0.1));}
.his-years .swiper-button-prev,.his-years .swiper-button-next{ font-size: 20px; font-weight: bold; text-align: center; width: 20px; height: 20px; line-height: 20px; color: #fff; left:-30px; top:20%; margin-top: 0; background: none;}
.his-years .swiper-button-next{left:auto; right:-30px;}

.about-part05{padding: 5% 0; background: #fff; position: relative;}
.about-part05 .swbox{position: relative; margin: 5% 0;}
.about-part05 .swiper-slide .img{border:1px solid #CACACA; width: calc(100% - 2px); overflow: hidden;}
.about-part05 .swiper-slide h3{ margin: 5% 0 0; height: 1.5em; overflow: hidden; text-align: center;}
.about-part05 .swiper-button-prev,.about-part05 .swiper-button-next{left:-50px; font-size:36px; width: 36px; height: 36px;line-height: 36px; margin-top:-50px; text-align: center; color: #008E3B; background: none;}
.about-part05 .swiper-button-next{lefT:auto; right:-50px;}
.about-part05 .swiper-button-prev.swiper-button-disabled,.about-part05 .swiper-button-next.swiper-button-disabled{color: #000000; opacity: 1;}
.about-part05 .more{ text-align: center;}
.about-part05 .more a{color: #000;border-color: #000;} 

.about-part06{padding: 8% 0; position: relative; overflow: hidden;}
.about-part06 h2,.about-part06 h2 span{color: #fff;}
.about-part06 .about_bg{top:0; bottom:auto;}
.about-part06 ul{margin: 5% -1% 0;}
.about-part06 li{ float: left; width: 31.33%; margin: 0 1% 1%; border:1px solid #fff;border-radius: 20px; position: relative; overflow: hidden;}
.about-part06 li dt{position: relative;}
.about-part06 li dt h3{position: absolute; z-index:1; lefT:12%; top:8%; line-height: 1.4; max-height: 2.8em; overflow: hidden; color: #000;}
.about-part06 li dd{ opacity: 0; position: absolute; z-index: 10; lefT:0; top:0; width:100%; height: 100%; padding: 10%; color: #fff; background: url(/gtzl/lib/2024template/static/images/about_bg08.png) no-repeat; background-position: center; background-size: cover;}
.about-part06 li dd h3{ font-weight: bold;}
.about-part06 li dd p{ margin-top:7%; line-height: 2;}

@media only screen and (max-width:1599px) {
    .his-txt{max-width: 100%;}
    .his-tit{font-size: 120px;}
    .about-part05 .swiper-button-prev{ left:-40px;}
    .about-part05 .swiper-button-next{right:-40px;}
}
@media only screen and (max-width:1399px) {
    .his-tit{font-size: 100px;}
}
@media only screen and (max-width:1279px) {
    .about-part03 .tab-c .item li{ width: 22%;}
    .his-tit{font-size: 80px;}
    .about-part05 .swiper-button-prev, .about-part05 .swiper-button-next{font-size: 30px;}
    .about-part05 .swiper-button-prev{ left:-35px;}
    .about-part05 .swiper-button-next{right:-35px;}
}
@media only screen and (max-width:1024px) {
    .about-part06 li{border-color: #008E3B;}
    .about-part06 li dd{opacity: 1;}
}
@media only screen and (max-width:1023px) {
.about-part01{padding-bottom: 40%;}
.about-part03 .tab-c .item li{ width: 30.33%;}
.his-tit{font-size:60px;}
.his-years .swiper-button-prev,.about-part05 .swiper-button-prev{left:0;}
.his-years .swiper-button-next,.about-part05 .swiper-button-next{right:0;}
.about-part05 .swiper-button-prev, .about-part05 .swiper-button-next{margin-top: -30px;}
}

@media only screen and (max-width:767px) {
.about-part01{padding-bottom: 400px;}
.about-part01 dd{ width: 100%; padding-left: 0; text-align: center; margin-bottom: 5%;}
.about-part03 .tab-t li{margin: 0 5px; padding: 0 20px;}
.about-part03 .tab-c .item li{width: 47%;}
.about-part03 .tab-c .item li p{ height:3em;}
.his-tit{font-size:40px;}
.about-part06 ul{margin:5% 0 0;}
.about-part06 li{ width: 100%; margin: 0 0 2%;}
.about-part06 li dd{padding: 5%;}
.about-part06 li dt{height: 240px!important;}
}


.flexbox {display: none;z-index: 999;position: fixed;width: 100%;height: 100vh;top: 0px;left: 0px;background: rgba(0, 0, 0, 0.5);}
.flexbox .box {padding:5%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); background:#fff;}
.flexbox .box .pull-left{ float: left; max-width: 260px; width: 20%;}
.flexbox .box .pull-left h2{color: #000000;}
.flexbox .box .pull-left p{margin-top: 30px; position: relative; padding-bottom: 30px;}
.flexbox .box .pull-left p::after{content: ""; position: absolute; lefT:0;bottom:0; width: 50px; height: 4px; background: #00764B;}
.flexbox .box .rightbox{ float: left; padding:0 0 0 5%;width: 80%; border-left:1px solid #D2C2B3;}
.flexbox .box .rightbox .data-info{line-height: 2; height: 21em;}
.flexbox .box .rightbox .data-info p{margin-bottom: 2%;}
.flexbox .box .rightbox .data-info p:last-child{margin-bottom: 0;}
.flexbox .box .icon-close{position: absolute;right: 0;top:-60px;color: #B2B2B1;cursor: pointer;}
@media only screen and (max-width: 767px) {
.flexbox .box .pull-left{ width: 100%; max-width: 100%;}
.flexbox .box .pull-left p{margin-top: 10px; padding-bottom: 10px;}
.flexbox .box .rightbox { padding: 5% 0 0;border-left: none;width: 100%; }
.flexbox .box .rightbox .data-info{line-height: 1.5; height: 14em;}
.flexbox .box .icon-close{top:-30px;}
.flexbox .box .rightbox .edit_con_original{height: 9.2em;}
}


.honor-part{padding: 5% 0;}
.honor-part ul{ margin: 0 -1%;}
.honor-part li{ float: left; width: 23%; margin: 0 1% 3%;}
.honor-part li .img{border:1px solid #CACACA; width: calc(100% - 2px); overflow: hidden;}
.honor-part li h3{margin: 5% 0 0; height: 1.5em; overflow: hidden; text-align: center;}

@media only screen and (max-width: 1023px) {
.honor-part li{ width: 31.33%;}
}

@media only screen and (max-width: 767px) {
    .honor-part li{ width: 98%; margin-bottom: 5%;}
}














.about-part03 .tab-t li,.about-part03 .tab-c .item li,.about-part03 .tab-c .item li span,.about-part06 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;}
@media only screen and (min-width: 1025px) {
    /*.about-part03 .tab-t li:hover{color: #fff; background: #00764B;}*/
    .about-part03 .tab-c .item li:hover{ color: #fff; background: url(/gtzl/lib/2024template/static/images/about_bg07.jpg) no-repeat; background-size: cover;}
    .about-part03 .tab-c .item li:hover span{ background: #fff;}
    .about-part06 li:hover{border-color: #008E3B;}
    .about-part06 li:hover dd{opacity: 1;}

}



.search-part,.sitemap-part{ padding: 4% 0;}

.search_t{background: #f4f4f4;padding: 3% 10%; margin-bottom:2%; overflow: hidden;}
.search_t input,.search_t button{height:46px;line-height: 46px; font-size: 16px; border:none;outline: none;}
.search_t input{padding: 0 10px; width: calc(100% - 140px);float: left; box-sizing: border-box;}
.search_t button{background:#006260;color: #fff;width: 140px;float: left;}
.search_p{color: #4c4c4c;padding:2%;}
.search_p span,.search_p i{color: #006260;}
.search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;}
.search_list p{float: left;width:calc(100% - 150px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_list p i{color: #006260;}
.search_list li span{float: right;font-family: arial;color: #999999;}
.search_list p a{color: #4c4c4c;}
.search_list .more{ cursor: pointer; margin-top: 4%;}
@media only screen and (max-width:1024px) {
.search_t input, .search_t button{font-size: 14px;}
}
@media only screen and (max-width:767px) {
.search_t{padding:5%;}
.search_t button{width:100px;}
.search_t input{width:calc(100% - 100px);}
.search_p{padding-bottom: 0;}
.search_list li{height:40px; line-height: 40px;}
.search_list li span{font-size:12px;}
}

.sitemap-part ul{margin:0 -1%;}
.sitemap-part li{ float: left; width:31.33%; margin:0 1% 5%;}
.sitemap-part li:nth-child(3n+1){ clear: both;}
.sitemap-part li h2{ padding-bottom: 20px; margin-bottom: 30px; border-bottom:1px solid #E4E4E4; position: relative;}
.sitemap-part li h2::after{content: ""; position: absolute; left:0; bottom:0; width: 96px; height: 3px; background: #006260;}
.sitemap-part li h2 span{ display: block;}
.sitemap-part li p{margin-bottom: 10px;}
@media only screen and (max-width:1279px){
.sitemap-part li p{margin-bottom: 5px;}
}
@media only screen and (max-width:767px){
.sitemap-part ul{margin:0;}
.sitemap-part li{width:100%!important; margin:0 0 20px;}
.sitemap-part li h2{padding-bottom: 10px; margin-bottom: 15px;}
}