@charset "UTF-8";
body,html{background:#f0f0f0;color:#505050;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-overflow-scrolling:touch; height: 100%;}
body,button,input,select,textarea,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p,a{font:14px/1.5 Arial,"Liberation Sans",FreeSans,"Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:20px}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{padding:0;margin:0}
ol,ul{list-style:none}
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
table{border-collapse:collapse;border-spacing:0}
fieldset,image{border:none}
:focus,a:focus{outline:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
input[type=button]{-webkit-appearance:none;outline:0}
input::-webkit-input-placeholder{color:#969}
textarea::-webkit-input-placeholder{color:#969}
input:focus::-webkit-input-placeholder{color:#969}
input::-webkit-input-speech-button{display:none}
a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:transparent;color:inherit}
a,a:hover{text-decoration:none;color: inherit;}
.overflow-txt{overflow: hidden;text-overflow:ellipsis; }
.fl{float:left}
.fr{float:right}
.clearfix:after,.clearfix:before{display:table;content:" ";height:0;font-size:0;line-height:0}
.clearfix:after{clear:both}
.block{padding:0;margin:0;display:block}
body{width: 100%; overflow-x: hidden;}
@media(min-width:1260px){
	.container{ width:1230px; }
}
img{max-width: 100%;}




/*导航*/
.header_box{height:70px; background: rgba(0,0,0,0.5); transition: all 0.3s; position: fixed; top: 0; width: 100%; left: 0; z-index: 10000}
.logo{ margin-right: 0; padding-top:10px; }
.logo img{ height: 50px; }
.nav-list{margin-bottom: 0; padding-top:15px;}
.nav-list > li{ float: left; margin-left:50px; position:relative; }
.nav-list > li > a{display: block;line-height:40px; color: #aaaaaa; font-size:15px; padding: 0; transition: all 0.5s;}
.nav-list > li.active a,.nav-list li a:hover{color: #ffffff;}
@media(min-width:1260px){
	.header_container{ width:100%; padding: 0 70px;}
}
@media (max-width: 991px){
    .header_container{padding: 0 15px; width: 100%;}
    .header_box{height:55px;}
    .logo{padding-top:5px; }
	.logo img{ height:45px; }
    .navbar-toggle{ display: block; position: absolute; right: 0; margin-right:5px; padding-top: 11px; }
    .navbar-toggle span{ background: #ffffff; }
    .nav-c{background: rgba(0,0,0,0.5); position: absolute; top:70px; width:calc(100% - 30px); overflow: hidden; display: none; }
    .nav-c.active{}
    .nav-list{ padding-top:0;}
    .nav-list > li{  float: none; margin:0;}
    .nav-list > li > a{   border-bottom: 1px solid rgba(255,255,255, .065);color: #eee; padding: 0 15px; background: none; font-size: 12px;}  
    .nav-list > li.active a,.nav-list li a:hover{ background:none}
}


.float-left{float:left;margin:0 0 0 20px;}
.float-right{float:right;margin:0 20px 0 0;}
#nav{list-style:none;position:fixed;right:20px;z-index:999;}
#nav li{margin:0 0 15px 0;}
#header, #intro, #second{width:100%;}
#box1{color:white;height:1200px;margin:0 auto;padding:0 0 0 0; background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 0;}
#box2{color:white;height:1200px;padding:0;background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 0;}
#box3{color:white;height:1200px;padding:0;background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 0;}
#box4{color:white;height:1200px;padding:0;background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 0;}
#box5{color:white;height:1200px;padding:0;background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 0;}
#box6{color:white;height:1200px;padding:0;background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 0;}
#box7{color:white;height:1200px;padding:0;background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 0;}
#box8{color:white;height:1200px;padding:0;background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 0;}

#box2 .bg{background:url(../images/trainers.png) 50% 0 no-repeat fixed;height:1200px;margin:0 auto;padding:0;position:absolute;width:900px;z-index:200;}




.story{margin:0 auto;min-width:980px;overflow:auto;width:980px;}
.story .float-left, .story .float-right{padding:100px 0 0 0;position:relative;width:350px;}
.slide{width:100%;}
#nav li a{display:block;width:10px;height:10px;border-radius:10px;background-color:white;border:solid 2px white;}
#nav li a.current{background-color:orange;}




/* ==============================
Footer
============================== */

.footer{
   text-align: center;
   font-size: 12px; padding:30px 0; height:300px !important; 
}
.footer p{margin-bottom:0.6em; font-size: 12px;}
.footer .slogn{ margin-bottom: 2.2em }
.footer a{
 font-size: 12px;

}
.footer a:hover{
   text-decoration: underline;
}
.footer-copy{
   margin-bottom: 5px;
   text-transform: uppercase;
   letter-spacing: 0.5em;
}
.footer-made{
   font-size: 11px;
   color: #999;
}

.footer-text-style2 {
   text-align: center;
   margin-bottom: 30px;
}
.footer-text-style2 > .row {
   display: -ms-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

@media (max-width: 1px){
    #box1{height:100vh;  background-size: cover; background-position: center;}
    #box2{height:100vh;  background-size: cover; background-position: center;}
    #box3{height:100vh;  background-size: cover; background-position: center;}
    #box4{height:100vh;  background-size: cover; background-position: center;}
    #box5{height:100vh;  background-size: cover; background-position: center;}
    #box6{height:100vh;  background-size: cover; background-position: center;}
    #box7{height:100vh;  background-size: cover; background-position: center;}
    #box8{height:100vh;  background-size: cover; background-position: center;}
}



@media (max-width: 992px){
    #box1{ height:auto; padding-top:63.5%; background-size:100% auto;background-attachment:inherit;}
    #box2{height:auto; padding-top:63.5%;background-size: 100% auto;background-attachment:inherit;}
    #box3{height:auto; padding-top:63.5%;background-size: 100% auto;background-attachment:inherit;}
    #box4{height:auto; padding-top:63.5%;background-size: 100% auto;background-attachment:inherit;}
    #box5{height:auto; padding-top:63.5%;background-size: 100% auto;background-attachment:inherit;}
    #box6{height:auto; padding-top:63.5%;background-size: 100% auto;background-attachment:inherit;}
    #box7{height:auto; padding-top:63.5%;background-size: 100% auto;background-attachment:inherit;}
    #box8{height:auto; padding-top:63.5%;background-size: 100% auto;background-attachment:inherit;}
    #nav li:last-child{display: none;}
}