/*通用*/
@font-face {
  font-family: "myFont";
  src: url("../fonts/wrzh.ttf") format('truetype');
}


*{margin:0; padding:0;}
*, ::after, ::before {-webkit-box-sizing:border-box;box-sizing:border-box;}
html{}
body{margin:0;color:#2c2c2c; position: relative;font-family: "myFont", "microsoft yahei","Arial",sans-serif; font-size: 12px;background-color: #222;word-break: break-word;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}
a{text-decoration:none;text-shadow:none;font-weight:normal;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;}
a{color:#2c2c2c;text-decoration:none;}
img{border:none; display: block;max-width: 100%;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}
button{border:none;background-color: transparent;cursor: pointer;}
.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.ward{width: 1280px;margin:0 auto;}
.br4{border-radius: 4px;}
.br6{border-radius: 6px;}
.br8{border-radius: 8px;}
.overF{overflow: hidden;}

/*header*/
.header{position: fixed;top: 0;left: 0;right: 0;margin:0 auto;backdrop-filter: blur(10px);z-index: 99;-webkit-transition: 1.1s cubic-bezier(.16, .84, .442, .98);-o-transition: 1.1s cubic-bezier(.16, .84, .442, .98);transition: 1.1s cubic-bezier(.16, .84, .442, .98);background-color: rgba(0,0,0,0.5);}
.hdK{width: 94%;margin:0 auto; -webkit-transition: 1.1s cubic-bezier(.16, .84, .442, .98);-o-transition: 1.1s cubic-bezier(.16, .84, .442, .98);transition: 1.1s cubic-bezier(.16, .84, .442, .98);}
.hd-logo{}
.hd-nav{display: block;}
.menuS{}
.menuS li{}
.menuS li:last-child{}
.menuA{display: block;transition: all 0.3s;-webkit-transition: all 0.3s;color: #fff;}
.menuA.active,.menuA:hover{}
.hd-r{}
.hd-r a{color: #fff;position: relative;z-index: 1;overflow: hidden;transition: all 0.3s;}
.hd-r a:last-child{margin-right: 0;}
.hd-r a span{cursor: pointer;}

.sticky{background: rgb(0 0 0 / 0.8);box-shadow: 0px 10px 20px -5px rgb(0 0 0 / 10%);}
.sticky .hdK{}
.wap-hd-nav{display: none;}
@media  screen and ( min-width:1680px){
/*header*/
.header{}
.hdK{height: 102px;}
.hd-logo{width: 13.3%;}
.hd-nav{margin-left: 22%;}
.menuS{}
.menuS li{margin-right: 38px;}
.menuS li:last-child{margin-right: 0;}
.menuA{font-size: 16px;}
.menuA.active,.menuA:hover{color: #f0aa3e;}
.hd-r{margin-left: auto;}
.hd-r a{margin-right: 30px;}
.hd-r a span{font-size: 30px;}
.hd-r a:hover{color: #f0aa3e;}

.sticky{}
.sticky .hdK{height: 92px;}	
}

@media screen and (max-width:1679px ) and ( min-width:1440px){
/*header*/
.header{}
.hdK{height: 92px;}
.hd-logo{width: 13.3%;}
.hd-nav{margin-left: 22%;}
.menuS{}
.menuS li{margin-right: 38px;}
.menuS li:last-child{margin-right: 0;}
.menuA{font-size: 16px;}
.menuA.active,.menuA:hover{color: #f0aa3e;}
.hd-r{margin-left: auto;}
.hd-r a{margin-right: 28px;}
.hd-r a span{font-size: 28px;}
.hd-r a:hover{color: #f0aa3e;}

.sticky{}
.sticky .hdK{height: 82px;}		
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
/*header*/
.header{}
.hdK{height: 82px;}
.hd-logo{width: 13.3%;}
.hd-nav{margin-left: 22%;}
.menuS{}
.menuS li{margin-right: 38px;}
.menuS li:last-child{margin-right: 0;}
.menuA{font-size: 14px;}
.menuA.active,.menuA:hover{color: #f0aa3e;}
.hd-r{margin-left: auto;}
.hd-r a{margin-right: 26px;}
.hd-r a span{font-size: 26px;}
.hd-r a:hover{color: #f0aa3e;}

.sticky{}
.sticky .hdK{height: 72px;}		
}
@media screen and (max-width:1279px ) and ( min-width:960px){
/*header*/
.header{}
.hdK{height: 72px;}
.hd-logo{width: 13.3%;min-width: 160px;}
.hd-nav{}
.menuS{}
.menuS li{margin-right: 30px;}
.menuS li:last-child{margin-right: 0;}
.menuA{font-size: 14px;}
.menuA.active,.menuA:hover{color: #f0aa3e;}
.hd-r{}
.hd-r a{margin-right: 24px;}
.hd-r a span{font-size: 24px;}
.hd-r a:hover{color: #f0aa3e;}

.sticky{}
.sticky .hdK{height: 62px;}	
}
@media screen and (max-width:959px ) and ( min-width:640px){
/*header*/
.header{}
.hdK{height: 62px;justify-content: flex-start;}
.hd-logo{width: 150px;}
.hd-nav{position: fixed;width: 100%;height: 100vh;top: 58px;left: 0;background: rgba(0,0,0,0.8);z-index: 997;display: none;}
.menuS{padding-top: 0.2rem}
.menuS li{width: 100%;}
.menuA{font-size: 18px;text-align: center;padding:0 4%;line-height: 60px;}
.menuA.active,.menuA:hover{color: #f0aa3e;}

.hd-r{margin-left: auto;}
.hd-r a{margin-right: 14px;}
.hd-r a span{font-size: 20px;}
.sticky{background: rgba(0,0,0,0.8);}
.wap-hd-nav {width: 30px;height: 30px;position: relative;z-index: 999;margin-left: 2%;display: block;}	
.wap-hd-nav i{display: none;top: 50%; margin-top: -1px;position: absolute;display: inline-block;height: 3px;width: 30px;border-radius: 2px;background: #fff;}
.wap-hd-nav.active i {display: none;}
.wap-hd-nav:before, .wap-hd-nav:after {content: '';position: absolute;top: 50%;display: inline-block;height: 3px;width: 30px;border-radius: 2rem; background: #fff;transition: 0.2s;}
.wap-hd-nav:before {margin-top: -8px;}
.wap-hd-nav:after {margin-top: 8px;}
.wap-hd-nav.active:before {transform: rotate(45deg);}
.wap-hd-nav.active:after {transform: rotate(-45deg);}
.wap-hd-nav.active:before, .wap-hd-nav.active:after {margin-top: 0;}
}
@media only screen and (max-width:639px){
/*header*/
.header{}
.hdK{height: 0.5rem;justify-content: flex-start;}
.hd-logo{width: 40%;}
.hd-nav{position: fixed;width: 100%;height: 100vh;top: 0.44rem;left: 0;background: rgba(0,0,0,0.97);z-index: 997;display: none;}
.menuS{padding-top: 0.2rem}
.menuS li{width: 100%;}
.menuA{font-size: 0.14rem;text-align: center;padding:0 4%;line-height: 0.5rem;}
.menuA.active,.menuA:hover{color: #f0aa3e;}

.hd-r{margin-left: auto;}
.hd-r a{margin-right: 0.06rem;}
.hd-r a span{font-size: 0.2rem;}
.sticky{background: rgba(0,0,0,0.8);}
.wap-hd-nav {display: block; width: 0.22rem;height: 0.22rem;position: relative;z-index: 999;margin-left: 4%;}	
.wap-hd-nav i{display: none; top: 50%;position: absolute;display: inline-block;height: 0.02rem;width: 0.22rem;border-radius: 2px;background: #fff;}
.wap-hd-nav.active i {display: none;}
.wap-hd-nav:before, .wap-hd-nav:after {content: '';position: absolute;top: 50%;display: inline-block;height: 0.02rem;width: 0.22rem;border-radius: 2rem;background: #fff;transition: 0.2s;}
.wap-hd-nav:before {margin-top: -0.05rem;}
.wap-hd-nav:after {margin-top: 0.05rem;}
.wap-hd-nav.active:before {transform: rotate(45deg);}
.wap-hd-nav.active:after {transform: rotate(-45deg);}
.wap-hd-nav.active:before, .wap-hd-nav.active:after {margin-top: 0;}	
}


/*footer*/
.footer{background-color: #222222;background-repeat: no-repeat;background-position: center;background-image: url(../images/ft-bg.jpg);background-size: cover;position: relative;}
.ftK{}
.ftK .logo-tit{color: #f0aa3e;}
.ftK .emailB{color: #fff;}
.ftK .emailB input{flex: 1;-webkit-flex:1;-ms-flex:1;margin-left: 2%;background-color: transparent;border:none;color: #fff;}
.ftK .em-a{background-color: #f0aa3e;color: #090909;font-weight: 600;}
.ftK .em-a span{}
.footer .copy{position: absolute;left: 0;right: 0;margin:0 auto;bottom: 0;text-align: center;color: #808080;}




@media  screen and ( min-width:1680px){
/*footer*/
.footer{height: 848px;}
.ftK{padding-top: 168px;}
.ftK .logo-tit{}
.ftK .emailB{margin: 100px auto 0;font-size: 14px;height: 50px;line-height: 50px;border-bottom: 1px solid #737373;width: 530px;}
.ftK .emailB input{height: 50px;line-height: 50px;}
.ftK .em-a{padding: 0 25px;margin:40px auto 0; width: 180px;height: 42px;line-height: 42px;border-radius: 4px;font-size: 16px;}
.ftK .em-a span{margin-left: 14px;}
.footer .copy{height: 100px;line-height: 100px;font-size: 16px;border-top: 1px solid #737373}
.ftK .em-a:hover{box-shadow: 0 0 20px 0px rgb(240 170 62 / 40%);}
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
/*footer*/
.footer{height: 748px;}
.ftK{padding-top: 158px;}
.ftK .logo-tit{}
.ftK .emailB{margin: 90px auto 0;font-size: 14px;height: 50px;line-height: 50px;border-bottom: 1px solid #737373;width: 500px;}
.ftK .emailB input{height: 50px;line-height: 50px;}
.ftK .em-a{padding: 0 25px;margin:40px auto 0;width: 170px;height: 40px;line-height: 40px;border-radius: 4px;font-size: 14px;}
.ftK .em-a span{margin-left: 14px;}
.footer .copy{height: 80px;line-height: 80px;font-size: 14px;border-top: 1px solid #737373}
.ftK .em-a:hover{box-shadow: 0 0 20px 0px rgb(240 170 62 / 40%);}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
/*footer*/
.footer{height: 648px;}
.ftK{padding-top: 148px;}
.ftK .logo-tit{}
.ftK .emailB{margin: 80px auto 0;font-size: 12px;height: 40px;line-height: 40px;border-bottom: 1px solid #737373;width: 440px;}
.ftK .emailB input{height: 40px;line-height: 40px;}
.ftK .em-a{padding: 0 22px;margin:40px auto 0;width: 150px;height: 40px;line-height: 40px;border-radius: 4px;font-size: 12px;}
.ftK .em-a span{margin-left: 14px;}
.footer .copy{height: 60px;line-height: 60px;font-size: 12px;border-top: 1px solid #737373}
.ftK .em-a:hover{box-shadow: 0 0 20px 0px rgb(240 170 62 / 40%);}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
/*footer*/
.footer{height: 648px;}
.ftK{padding-top: 148px;}
.ftK .logo-tit{}
.ftK .emailB{margin: 80px auto 0;font-size: 12px;height: 40px;line-height: 40px;border-bottom: 1px solid #737373;width: 440px;}
.ftK .emailB input{height: 40px;line-height: 40px;}
.ftK .em-a{padding: 0 22px;margin:40px auto 0;width: 150px;height: 40px;line-height: 40px;border-radius: 4px;font-size: 12px;}
.ftK .em-a span{margin-left: 14px;}
.footer .copy{height: 60px;line-height: 60px;font-size: 12px;border-top: 1px solid #737373}
.ftK .em-a:hover{box-shadow: 0 0 20px 0px rgb(240 170 62 / 40%);}
}
@media screen and (max-width:959px ) and ( min-width:640px){
/*footer*/
.footer{height: 648px;}
.ftK{padding-top: 148px;}
.ftK .logo-tit{}
.ftK .emailB{margin: 80px auto 0;font-size: 12px;height: 40px;line-height: 40px;border-bottom: 1px solid #737373;width: 440px;}
.ftK .emailB input{height: 40px;line-height: 40px;}
.ftK .em-a{padding: 0 22px;margin:40px auto 0;width: 150px;height: 40px;line-height: 40px;border-radius: 4px;font-size: 12px;}
.ftK .em-a span{margin-left: 14px;}
.footer .copy{height: 60px;line-height: 20px;font-size: 12px;border-top: 1px solid #737373;display: flex;align-items: center;}
}
@media only screen and (max-width:639px){
/*footer*/
.footer{height: calc(100vh - 0.5rem);}
.ftK{position: absolute;top: 50%;transform: translate(0,-50%);width: 80%;margin:0 auto;left: 0;right: 0;}
.ftK .logo-tit{}
.ftK .emailB{margin: 0.4rem auto 0;font-size: 0.12rem;height: 0.3rem;line-height: 0.3rem;border-bottom: 0.01rem solid #737373;width: 80%;}
.ftK .emailB input{height: 0.3rem;line-height: 0.3rem;}
.ftK .em-a{padding: 0 0.15rem;margin: 0.4rem auto 0;width: 1.3rem;height: 0.34rem;line-height: 0.34rem;border-radius: 0.04rem;font-size: 0.12rem;}
.ftK .em-a span{margin-left: 14px;}
.footer .copy{height: 0.5rem;line-height: 0.14rem;font-size: 0.1rem;border-top: 0.01rem solid #737373;display: flex;align-items: center;padding: 0 2%;}
}



.enlarge img{ width:100%;transition:0.5s;}
.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.IndChangeTabRight {-webkit-animation-name: changeTabRight__1s_Xw;animation-name: changeTabRight__1s_Xw;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}
@-webkit-keyframes changeTabRight__1s_Xw
{
	0%{opacity:0;visibility: hidden;}
	to{opacity:1;visibility: visible;}
}
@keyframes changeTabRight__1s_Xw
{
	0%{opacity:0;visibility: hidden;}
	to{opacity:1;visibility: visible;}
}
.sport__animateAnim1__RCJL_ {-webkit-animation: sport__animateAnim1__RCJL_ 2.5s infinite ease-in-out;animation: sport__animateAnim1__RCJL_ 2.5s infinite ease-in-out;}
@-webkit-keyframes sport__animateAnim1__RCJL_
{
  0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
  50%{-webkit-transform:translateY(30px) translateY(-10px) rotate(0deg);transform:translateY(30px) translateY(-10px) rotate(0deg);}
  100%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
}
@keyframes sport__animateAnim1__RCJL_
{
  0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
  50%{-webkit-transform:translateY(30px) translateY(-10px) rotate(0deg);transform:translateY(30px) translateY(-10px) rotate(0deg);}
  100%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);}
}






/*出的各分辨率媒体查询换算：*/
html {font-size: 625%;}


@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}



/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/