@charset "utf-8";
/* author:英雄づ小将 <303781721@qq.com> */
/*全局公用部分*/
@font-face{font-family: "SYHTextralight";src: url('../fonts/SOURCEHANSANSCN-EXTRALIGHT.OTF');}
@font-face{font-family: "SYHTlight";src: url('../fonts/SOURCEHANSANSCN-LIGHT.OTF');}
@font-face{font-family: "SYHTnormal";src: url('../fonts/SOURCEHANSANSCN-NORMAL.OTF');}
@font-face{font-family: "SYHTregular";src: url('../fonts/SOURCEHANSANSCN-REGULAR.OTF');}
@font-face{font-family: "SYHTmedium";src: url('../fonts/SOURCEHANSANSCN-MEDIUM.OTF');}
@font-face{font-family: "SYHTbold";src: url('../fonts/SOURCEHANSANSCN-BOLD.OTF');}
@font-face{font-family: "SYHTheavy";src: url('../fonts/SOURCEHANSANSCN-HEAVY.OTF');}

html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset,img {margin: 0;padding: 0;border: 0;}
select,input{vertical-align:middle;}

body {background: #FFF;color:#000; font-size:14px;font-family:SYHTnormal;line-height:1.5;}
ul,li{list-style:none;}
img { border: 0 none; vertical-align: top; }

.sr-only{display:none;}

div{height:auto; min-height:0;box-sizing:border-box;}

a:link{text-decoration:none;color:#000;}
a:visited{text-decoration:none;color:#000;}
a:hover{color: #000;text-decoration: underline;}
a{blr:expression(this.onFocus=this.blur())}/*if IE*/
a{ outline:none;}/*if 火狐等现代浏览器*/
a:focus { outline: none; }

.clear{clear:both;font-size:0;line-height:0;height:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} /* End hide from IE-mac */ 

.CutOver a{ display:block;width:310px;white-space:nowrap;overflow:hidden;float:left;-o-text-overflow: ellipsis; /* for Opera */text-overflow:ellipsis; /* for IE */ }
.CutOver:after{ content:"...";padding-left:3px;font-size:12px; }/* for Firefox */

.container{margin:0px auto;width:1200px;}
.row:before,.row:after{content: ""; display:table;  clear: both; }

.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}

/*scroll*/
::-webkit-scrollbar {width:5px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f5f5f5;}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#11487d;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#11487d;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#11487d;}

/**/

.header {position:absolute;top:0px;left:0px;width:100%;z-index:10;}

.d-flex{display:flex;}
.d-relative{position:relative;}
.flex-start{align-self:flex-start;}
.flex-end{align-self:flex-end;}

.header > .container{display:flex;padding-top:20px;justify-content: space-between;align-items: center;}
.header .logo{padding-left:40px;}

.banner .swiper-container{height:543px;}
.banner .swiper-slide {background-size: cover;background-position: center;}
.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{width:50px;}
.banner .swiper-pagination-bullet{height:4px;border-radius: 50px;}
.banner .swiper-pagination-bullet-active{background:#ff0000;}

.icon{display: inline-block;margin:0 5px;width:24px;height:24px;vertical-align:middle;background-size: cover;}
.icon1{background:url(../images/icontel.png);}

.fz18{font-size: 18px;}
.fz24{font-size: 24px;}
.fz30{font-size: 42px;font-family: SYHTheavy;color:#cd000b;}

.uspbox{position:relative;z-index:1;}
.bg-gray{background-color: #f9f9f9;}
.bg-white{background-color: #ffffff;}
.text-red{color:#e50012;}
.usp{display: flex;height:140px;align-items: center;}
.usp > div{position:relative;flex-grow:1;text-align: center;-webkit-user-select:none;   -moz-user-select:none;   -ms-user-select:none;   user-select:none;z-index:1;}
.usp .bg{position:absolute;top:-40px;left:0px;width:100%;height:3px;content:"";background:rgba(0,0,0,0.2);z-index:0;transition:0.2s all;}
.usp > div:hover .bg{width:100%;height:140px;}

.circle{position:relative;align-items:center;padding-left:50px;height:580px;}
.circle:before{position:absolute;top:-280px;left:-70px;width: 1340px;height:1340px;content:"";background:url(../images/wai1.png) center center no-repeat;background-size:1340px 1340px;opacity: 0.3;animation: around-anti 60s linear infinite;}
.circle:after{position:absolute;top:-240px;left:-30px;width: 1258px;height:1258px;content:"";background:url(../images/wai2.png) center center no-repeat;background-size: 1258px 1258px;opacity: 0.3;animation: around 90s linear infinite;}
@keyframes around{	from{transform: rotate(0);}	to{transform: rotate(360deg);}}
@keyframes around-anti{	from{transform: rotate(360deg);}	to{transform: rotate(0);}}

.iconlt{position:relative;}
.iconlt:after{position:absolute;top:-15px;left:-15px;width:25px;height:25px;content:"";background:url(../images/iconlt.png) no-repeat center center;}

.iconrb{position:relative;}
.iconrb:after{position:absolute;bottom:-15px;right:-15px;width:25px;height:25px;content:"";background:url(../images/iconrb.png) no-repeat center center;}

/* 
.intro{position:absolute;right:50px;top:90px;width:600px;padding:30px;color:#ffffff;background:url(../images/bg-red.png) no-repeat center center;background-size:cover;z-index: 1;}
.intro dt{margin-bottom:12px;font-size:18px;}
.intro dd{font-size:16px;line-height: 2;}
 */

.joinyhh{position:absolute;top:-500px;left:0px;z-index:3;transition:0.2s all;}
.joinyhhslg{display: flex;font-size:28px;line-height:1.5;font-family: SYHTbold;color:#e50012; text-align: justify;background:url(../images/youyin.png) no-repeat right bottom;}
.joinyhhslg a.btn{margin-top:20px;display: inline-block;padding:0 30px;color:#ffffff;background:#e50012;transition:0.2s all;}
.joinyhhslg a.btn:hover{text-decoration: none;background:#aa0012;}
.joinlogo{margin-right:30px;padding-right:30px;width:45%;text-align:right;border-right:1px dashed  #cfcfcf;}
.intro{margin-top:30px;overflow: hidden;transition:0.2s all;}
.intro dt{margin-bottom:10px;font-size:24px;color:#e50012;font-family:SYHTbold;text-align: center;}
.intro dd{font-size:18px;color:#595757;font-family:SYHTlight;}



.text-center{text-align: center;}

/*tese*/
/* .cha{position:relative;padding-top:50px;height:380px;color:#ffffff;background:url(../images/chabg.png) no-repeat center center;background-size:100% 100%;background-attachment: fixed;}

.chalist{display: flex;margin-top:40px;justify-content:space-between;-webkit-user-select:none;   -moz-user-select:none;   -ms-user-select:none;   user-select:none;}
.chalist > div{position:relative;text-align: center;font-size: 24px;}
.chalist > div:after{position:absolute;top:110px;left:35%;;content:"";height:2px;width:25%;background:#ffffff;}
.cc1{margin:0 auto 40px;width: 90px;height: 90px;background-image:url(../images/11.png);}
.chalist :hover .cc1{animation: auto-circle 0.65s steps(25);}
.cc2{margin:0 auto 40px;width: 90px;height: 90px;background-image:url(../images/22.png);}
.chalist :hover .cc2{animation: auto-circle 0.65s steps(25);}
.cc3{margin:0 auto 40px;width: 90px;height: 90px;background-image:url(../images/33.png);}
.chalist :hover .cc3{animation: auto-circle 0.65s steps(25);}
.cc4{margin:0 auto 40px;width: 90px;height: 90px;background-image:url(../images/44.png);}
.chalist :hover .cc4{animation: auto-circle 0.65s steps(25);}

@keyframes auto-circle {
0% {background-position-x: 0px;}
100% {background-position-x: 2250px;}
}
 */

.tesetable{display: table;}
.tese{position:relative;height:380px;color:#ffffff;background:url(../images/tebg.jpg) no-repeat center center;background-size:100% 100%;}
.teselist{display:table-row;margin-top:40px;width:1200px;height:380px;font-size:28px;}
.teselist > div{position:relative;display:table-cell;width:25%;text-align: center;color:#ffffff;vertical-align: middle;border-right:1px solid #e6c2c5;}
.teselist > div:first-child{border-left:1px solid #e6c2c5}
.teselist > div:hover{position:relative;color:#e50012;border:none;box-shadow: 3px 3px 15px rgba(0,0,0,0.2);z-index: 1;}
.teselist > div:hover .cobg{top:100%;}
.tsbg1{position:relative;background:url(../images/tsbg1.jpg) no-repeat center bottom;}
.tsbg2{position:relative;background:url(../images/tsbg2.png) no-repeat center bottom;}
.tsbg3{position:relative;background:url(../images/tsbg3.png) no-repeat center bottom;}
.tsbg4{position:relative;background:url(../images/tsbg4.png) no-repeat center bottom;}
.cobg{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(205,0,11,0.8);transition: 0.2s all;}
.ts1,.ts2,.ts3,.ts4{display:block;margin:0 auto 10px;width:90px;height:90px;}
.ts1{background: url(../images/ts1.png) no-repeat center center;}
.ts2{background: url(../images/ts2.png) no-repeat center center;}
.ts3{background: url(../images/ts3.png) no-repeat center center;}
.ts4{background: url(../images/ts4.png) no-repeat center center;}

.teselist > div:hover .ts1{background: url(../images/ts1_cur.png) no-repeat center center;}
.teselist > div:hover .ts2{background: url(../images/ts2_cur.png) no-repeat center center;}
.teselist > div:hover .ts3{background: url(../images/ts3_cur.png) no-repeat center center;}
.teselist > div:hover .ts4{background: url(../images/ts4_cur.png) no-repeat center center;}
.teselist .d-relative{height:220px;}




.hexin{}
.hexin{display: flex;margin-top:40px;min-height:300px;justify-content:space-between;}
.hexin > div{position:relative;flex-grow:1;margin:0 5px;}

.hexin dl{position:relative;width:300px;padding-top:30px;background:#ffffff;transform: translateY(20px);transition:0.2s all linear 0.1s;}
.hexin dt{font-size:24px;font-family: SYHTmedium;text-align: center;transition:0.2s all;}
.hexin dd{position:relative;padding: 20px 30px;height:200px;font-size:18px;text-align: justify;opacity: 0;transition:0.2s all;}
.hexin > div:hover dl{box-shadow: 0px 0px 5px rgba(0,0,0,0.1);transform: translateY(-120px);}
.hexin > div:hover dd{opacity: 1;}
.hexin > div:nth-child(1) dd:after{position:absolute;right:0px;bottom:0px;content:"";width:200px;height:200px;background:url(../images/hx1big.png) no-repeat 20px 40px;background-size:contain;opacity: 0.1;}
.hexin > div:nth-child(2) dd:after{position:absolute;right:0px;bottom:0px;content:"";width:200px;height:200px;background:url(../images/hx2big.png) no-repeat 20px 40px;background-size:contain;opacity: 0.1;}
.hexin > div:nth-child(3) dd:after{position:absolute;right:0px;bottom:0px;content:"";width:200px;height:200px;background:url(../images/hx3big.png) no-repeat 20px 40px;background-size:contain;opacity: 0.1;}
.hexin > div:nth-child(4) dd:after{position:absolute;right:0px;bottom:0px;content:"";width:200px;height:200px;background:url(../images/hx4big.png) no-repeat 20px 40px;background-size:contain;opacity: 0.1;}

.hxicon{margin:10px auto 0;width:105px;height:105px;text-align:center;line-height:105px;background:url(../images/hxbg.png) no-repeat center center;box-shadow: 0px 0px 5px  rgba(0,0,0,0.3);border-radius:100px;opacity:1;transition:0.2s all;}
.hxicon img{display:inline;vertical-align:middle;}
.hexin > div:hover .hxicon{opacity: 0;}

/* .hexin > div:hover .hxicon{box-shadow: 0px 0px 5px  rgba(255,0,0,0.8);border-radius:3px;}
.hexin > div:hover .hxicon img{filter:none;transform: scale(1.2);}
 */
#joinsppcpagination{display: flex;margin-top:40px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #bfbfbf;}
#joinsppcpagination .swiper-pagination-bullet{position:relative;flex-grow:1;width:auto;height:auto;text-align:center;font-size:24px;color:#3a3a3a;background:none;border-radius:0;opacity: 1;}
#joinsppcpagination .swiper-pagination-bullet:after{position:absolute;bottom:-21px;left:50%;margin-left:-2em;width:0;height:2px;content:"";background:#e50012;transition: 0.2s;}
#joinsppcpagination .swiper-pagination-bullet-active{color:#e50012;background:none;}
#joinsppcpagination .swiper-pagination-bullet-active.swiper-pagination-bullet:after{width:4em;}

.joinsppccon{display: flex;}
.joinsppccon .icon{width:500px;text-align: center;}

.joinsppccon ul{padding-left:30px;}
.joinsppccon li{margin:10px 0;list-style: disc;font-size:16px;line-height:1.5}

.sppc1{margin:0 auto;width: 260px;height: 260px;background-image:url(../images/sppc1.png);overflow: hidden;animation: auto-circle 3s steps(25) infinite ;}
.sppc2{margin:0 auto;width: 260px;height: 260px;background-image:url(../images/sppc2.png);overflow: hidden;animation: auto-circle 3s steps(25) infinite;}
.sppc3{margin:0 auto;width: 260px;height: 260px;background-image:url(../images/sppc3.png);overflow: hidden;animation: auto-circle 3s steps(25) infinite;}

@keyframes auto-circle {
0% {background-position-x: 0px}
100% {background-position-x: -6500px;}
}

.dtbg{background:url(../images/dtbg.jpg) no-repeat center bottom;background-size:100% auto;}
.news{margin-top:50px;display: flex;}
.topnews{position:relative;width:580px;height:280px;background:rgba(250,250,250,1);}
.topnews .date{position:absolute;top:0px;left:0px;padding:10px;font-size:24px;color:#ffffff;text-align:center;background:#e50012;}
.topnews .year{font-size:18px;}
.newslist{margin-left:30px;}
.newslist > a{display:flex;margin-bottom:45px;}
.newslist .date{margin-right:20px;padding-right:20px;font-size:24px;color:#e50012;text-align:center;border-right:1px solid #999999;}
.newslist .year{color:#3a3a3a;font-size:18px;}
.newslist a:hover{text-decoration: none;}
.db{font-size:24px;color:#3a3a3a;}
.xb{font-size:16px;color:#999999;}
.newslist a:hover .db{color:#e50012;}

#clubswiper .swiper-wrapper{width:100%;}
#clubswiper .swiper-slide {
text-align: center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#clubswiper .swiper-slide:nth-child(2n) {width: 10% !important;}
#clubswiper .swiper-slide:nth-child(3n) {width: 7% !important;}
#clubswiper .swiper-slide:nth-child(4n) {width: 10% !important;}
#clubswiper .swiper-slide:nth-child(7n) {width: 7% !important;}
#clubswiper .swiper-slide:nth-child(12n) {width: 8% !important;}
#clubswiper .swiper-slide:nth-child(13n) {width: 15% !important;}


.welcometable{display: table;margin:0 auto;padding:10px;width:900px;border:1px solid #ffffff;border-radius:0 30px;}
.welcometr{display: table-row;}
.welcometd1,.welcometd2{display: table-cell;padding:20px;vertical-align: top;color:#ffffff;}
.welcometd1{text-align: left;padding-left:30px;border-right:1px solid #ffffff;}
.welcometd2{text-align: right;padding-right:40px;}
.we1{margin-bottom:10px;font-size: 40px;}
.we2{font-size: 22px;}
.welcometd2 a.btn{display:inline-block;padding:5px 30px;font-size:24px;color:#e50012;background:#ffffff;transition: 0.2s all;}
.welcometd2 a.btn:hover{background:#ffdddd;text-decoration: none;}

.pmd{position:relative;padding:20px 0;width:100%;overflow: hidden;}
.pmd-wrapper{position:relative;top:0px;left:0px;display: flex;align-items:center}
.pmd-wrapper img{margin-left:40px;transition:0.2s all;}
.pmd-wrapper img:hover{transform:scale(1.3);}
.welcome{position:relative;padding-top:150px;padding-bottom:20px;height:600px;text-align: center;background:#cd000b;overflow: hidden;}
.welcomebg{position:absolute;top:-50%;left:0px;height:600px;widht:100%;height:100%;}
.tt1{display:inline-block;font-family:SYHTheavy;line-height:1.2;font-size: 50px;color:#e50012;}
.tt2{display:inline-block;font-size: 30px;color:#e50012;}
.tt3{display:inline-block;padding:0 30px;font-size: 24px;color:#ffffff;background:#e50012;border-radius: 30px;}
a:hover .tt3{background:#a50012;}
.joinus{position:relative;}



.iconltwhite{position:relative;}
.iconltwhite:after{position:absolute;top:0px;left:0px;width:25px;height:25px;content:"";background:url(../images/iconltwhite.png) no-repeat center center;}

.iconrbwhite{position:relative;}
.iconrbwhite:after{position:absolute;bottom:0px;right:0px;width:25px;height:25px;content:"";background:url(../images/iconrbwhite.png) no-repeat center center;}