@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face {
  font-family: 'Light';
  src: url('./Microsoft YaHei UI Light.ttf');
}
*{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#333333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto; color:#333333;font-size: 18px;font-family: 'REGULAR';}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}
.block{display:block !important;}
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.light{font-family: 'Light';}

.between{display: flex;flex-direction: row;justify-content: space-between;}
.img_center{display:flex;justify-content:center;align-items:center;}
.center{display: flex;flex-direction: row;justify-content: space-between;justify-content: space-around;}
.ht_img{cursor: pointer; transition: all 0.6s;width:100%;display: block}
.ht_img:hover{transform: scale(1.06);}



/* 首页 */
.banner-sp{width: 100%;position: relative}
.banner-sp video{display: block;}
.header{width: 100%;height: 139px;background-color: rgba(0, 0, 0, 0.23);border-bottom: 1px solid rgba(255, 255, 255, 0.5);position: absolute;top:0;left:0;}
.logo{display:block;width: 240px; margin-top: 34px}
.phone{margin:40px 0 20px;}
.phone1{color: #fff;}
.phone2{width: 1px;height: 13px;background-color: #fff;margin:8px 20px 0;}
.phone a{color: #fff;}

.nav>ul>li{float: left; margin-left: 30px}
.nav>ul>li a{color: #fff;}
.nav>ul>li:hover a{color: #f4ae00;}
.nav_on{color: #f4ae00 !important;}

.banner{width:100%;height:408px;position: relative}



/* 内容 */
.title{text-align: center;font-size:38px;padding:80px 0 50px;}
.title p{text-transform:uppercase;font-family: '宋体';font-size:44px;}
.title h1::before{display: inline-block;content: '';width: 128px;height: 3px;background-color: #242424;margin-right: 15px}
.title h1::after{display: inline-block;content: '';width: 128px;height: 3px;background-color: #242424;margin-left: 15px}
.title h2{font-size: 32px}
.title h2 span{text-decoration:underline;}

.ht1{padding-bottom: 50px}
.ht1 .kc{height: 780px;}
.ht1>a span,.ht4>a span,.ht63>a span,.ht9>a span,.ht2>a span{font-size: 37px;text-decoration:underline;margin:0 15px;}

.ht11{width: 100%;background: #f5f5f5;padding-bottom: 40px}
.ht111{width: 451px;margin:0 60px ;}
.ht111>img{display: block; width:451px;height: 225px;border-radius: 60px 20px;margin-bottom: 30px}
.ht110{flex-wrap: wrap}
.ht110 li{width: 186px;height: 44px;line-height: 44px;text-indent: 2rem;font-size: 20px; border-radius: 20px;background: #e4e4e4;position: relative;margin:0 18px 25px;}
.ht110 li img{display: block;position: absolute;top:5px;right: 5px}
.ht110 li:nth-child(5),.ht110 li:nth-child(6){width: 415px}
.ht110_ li{width: 415px;height: 65px;line-height: 65px;text-indent: 2rem;color: #fff; border-radius: 32px;background: #2577e3; margin:0 auto 26px;position: relative;}
.ht110_ li img{display: block;position: absolute;top:7px;right: 7px}
.ht110_ li p b{font-size: 20px}
.ht112{margin-top:50px;}
.ht112 img{display: block;}
.ht112 div{width: 1px;height: 400px;background: #d7d7d7;margin: 0 auto;}


.ht2{width: 100%;height: 843px;background: url(../images/ht2.jpg) no-repeat center;}
.ht2 .lux2{width:100%;height:450px;/* background: url(../images/luxian_bj_01.jpg) no-repeat center 0;margin-top:-290px;padding-top:250px */}
.ht2 .lux21{width:1200px;height:450px;margin:0 auto;}
.ht2 .lux212{position:relative;width:100%;height:450px;margin:0 auto;}
.ht2 .lux212 #focus_Box_{width:1200px;height:450px;position:relative;}
.ht2 #focus_Box_ ul{position:relative;width:1200px;height:450px;overflow: hidden}
.ht2 #focus_Box_ li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;}
.ht2 #focus_Box_ li img{display:block;width:100%;height:100%;vertical-align:top; overflow: hidden;border:9px solid #fff;}
.ht2 #focus_Box_ .prev,#focus_Box_ .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:63px;height:143px;top:124px;}
.ht2 #focus_Box_ .prev{background:url(../images/p1.png) left bottom no-repeat;left:0;}
.ht2 #focus_Box_ .next{background:url(../images/n.jpg) right bottom no-repeat;right:0;}

.ht211{width: 100%;height: 100%; position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index: 101}
.ht211 .sp{width:1000px;height: 600px;position: relative}
.ht211 .sp iframe{width: 100%;height: 100%}
.gb{display: block;position: absolute;top:-50px;right: -80px;padding:10px;}
.gb:hover{background:#2577e3;cursor: pointer}
.ht31 ul li{width: 200px;padding: 12px 0;color: #2577e3;font-family: 'Light';text-align: center;border-right: 1px solid #e5e5e5;}
.ht31 ul li:last-child{border:none;}
.ht31 ul li h5{font-size: 20px;padding:15px 0 12px;}
.ht31 ul li p{font-size: 16px}

.ht32{width: 100%;height: 305px;text-align: center; background: url(../images/ht32.jpg) no-repeat center;margin-top:60px;padding-top: 100px }
.ht32 p:nth-child(2){color: #fff;margin:5px 0 12px;}
.ht32 p:nth-child(3){color: #ff9900;font-size: 20px}
.ht32 p:nth-child(4){color: #fff;font-size: 32px;margin:12px 0 25px;}
.ht321{width: 374px;height: 41px;border-radius: 5px;background: #fff;}

.ht4{width: 100%;background: #f6f6f6;padding-bottom: 80px}
.ht4 .fa{height: 430px}

.ht5 .lux1{width:100%;height:550px;/* background: url(../images/luxian_bj_01.jpg) no-repeat center 0;margin-top:-290px;padding-top:250px */}
.ht5 .lux11{width:1200px;height:550px;margin:0 auto;}
.ht5 .lux112{position:relative;width:100%;height:550px;margin:0 auto;}
.ht5 .lux112 #focus_Box{width:1200px;height:550px;position:relative;}
.ht5 #focus_Box ul{position:relative;width:1200px;height:550px;overflow: hidden}
.ht5 #focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;}
.ht5 #focus_Box li a{display:block;}
.ht5 #focus_Box li img{display:block;width:100%;height:100%;vertical-align:top; overflow: hidden;}
.ht5 #focus_Box li .ht511{width: 100%;height: 85px;line-height: 85px;color: #666666; text-align:center;background:#fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.ht5 #focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:63px;height:143px;top:124px;}
.ht5 #focus_Box .prev{background:url(../images/p1.png) left bottom no-repeat;left:0;}
.ht5 #focus_Box .next{background:url(../images/n.jpg) right bottom no-repeat;right:0;}


.ht6{width: 100%;background: #f7f7f7;padding:55px 0;font-family: '微软雅黑';}
.ht61{width: 520px;}
.ht61>h3{font-size: 32px}
.ht61>h3 span{font-size: 69px;color: #2577e3;}
.ht61>p{font-size: 24px;display: flex;align-items:center;margin-top: -5px}
.ht61>p::before{display: block;content: '';width: 14px;height: 5px;background: #2577e3;margin-right: 6px}
.ht61>ul{flex-wrap: wrap;margin: 65px 0 40px}
.ht61>ul>li{width: 248px;height: 88px;background: #2577e3;border-radius: 5px;font-size: 20px;color: #fff;margin-bottom: 23px}
.ht61>ul>li img,.ht611>div img{margin-right: 8px}
.ht611 p{color: #070707;}
.ht611>div{display: flex;align-items: center;font-size: 26px}
.ht62{width: 610px;}
.ht62 .title h1::before{width: 49px}
.ht62 .title h1::after{width: 49px}
.ht620{width: 288px;height: 148px;border-radius: 20px;border:1px solid #009dd5;margin-bottom: 20px}
.ht6211>img{display: block;float: left;border-radius: 50%}
.ht6211>div{display: block;width: 110px;float: right;text-align: center;margin:0 15px ;}
.ht6211>div h5{font-size: 20px;color: #1978e2;padding: 8px 0}
.ht6211>div p{font-size: 15px;color: #666666;line-height: 24px;}
.ht623{width: 197px;height: 53px;border-radius: 5px;background: #2577e3;margin: 20px auto 0;}
.ht623 img{display: block;padding:15px;cursor: pointer}

.ht63 .cd{height: 435px}


.ht71 ul li{width: 208px;height: 260px;background: #2577e3;text-align:center;font-size: 20px;color: #fff;}
.ht71 ul li p{margin-top: 15px}
.ht72 ul li{height: 47px;color: #fff;}
.ht72 ul li:nth-child(2n+1){width: 150px;border-radius: 5px;}

.ht73{width: 100%;background: #2577e3;padding:50px 0;margin-top: 70px;color: #fff;}
.ht731 p:nth-child(1){font-size: 26px}
.ht731 p:nth-child(2){font-size: 20px;line-height:40px;}
.ht731 p:nth-child(3){font-size: 20px;opacity: 0.24}
.ht73 a{width: 155px;height: 50px;border-radius: 30px;background: #fff;color: #2577e3;margin-top: 20px}

.ht8{width: 100%;height: 1054px;background: url(../images/ht8.jpg) no-repeat center;}
.ht8 .title h1::before{width: 80px}
.ht8 .title h1::after{width: 80px}


.ht80{width: 787px;position: relative}
.ht81 ul li{width: 787px;height: 415px;overflow: hidden}

.ht82{width: 100%; position: absolute;text-align: center;bottom:20px;left:0;}
.ht82 ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin: 0 5px; border-radius:50%; overflow:hidden;background: rgba(160, 160, 160, 0.3); line-height:999px;}
.ht82 ul .on{background:#e9a034;}

.ht83>p{width: 1080px;line-height: 37px;text-indent: 2em;margin:30px auto 40px;}
.ht84{text-align: center}
.ht84 ul li{display: inline-flex;margin: 0 5px; width: 278px;height: 148px;border-radius: 5px;border:1px solid #1c1c1c;color: #1c1c1c;}
.ht84 ul li div h5 b{font-size: 34px;font-family: 'Impact'}
.ht84 ul li div h5 span{font-size: 20px;}
.ht84 ul li div h5{padding-bottom: 13px}

.ht9{width: 100%;height: 800px;background: url(../images/ht9.jpg) no-repeat center;font-family: '苹方'}
.ht91{width: 536px;height: 466px; background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.ht911{width: 536px;height: 360px;overflow: hidden}
.ht912{display: block;font-size: 22px;padding:10px 20px;}
.ht913{display: block;font-size: 14px;color: #515151;line-height: 21px;padding:0 20px;}
.ht92{width: 619px;}
.ht92 ul li{width: 559px;height: 63px;padding: 23px 30px;margin-bottom: 10px; background: #fff;overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.ht921 p:nth-child(1){font-size: 44px;color: #2577e3;line-height: 42px}
.ht921 p:nth-child(2){font-size: 14px;}
.ht922{width: 460px;padding-left: 20px;height: 63px;border-left: 1px solid #c2c2c2;}
.ht9221{display: block;font-size: 16px;line-height: 24px}
.ht9222{display: block;font-size: 14px;color: #515151;line-height: 20px;}


/* 底部 */
.di{clear:both;width:100%;padding-top: 85px;background-color: #333333; color: #dfdfdf;}
.ewm{width: 155px;border:1px solid #ececec;margin-right: 40px}
.di11>h5{padding:12px 0 5px;}
.di11>p{font-size: 16px}
.di11>div{margin-top: 25px;width: 250px}
.di11>div>img{display: block;margin: 8px 8px 0 0}
.di11>div>p{font-size: 16px;line-height: 25px}
.di11>div>p b{font-size: 27px;color: #1978e2;}
.di12{width: 430px;line-height: 36px;margin-top: 35px}
.di2{width: 100%;margin-top: 10px;text-align: center; height: 70px;border-top: 1px solid rgba(153, 153, 153, 0.2); line-height: 70px; color: #666666;}

.position{line-height: 35px;border-bottom: 1px solid #cacaca;margin-top: 40px}
.position a:last-child{color: #1978e2;}

.con{padding:70px 0 100px;}
/* 精品课程 */
.kc_nav ul{flex-wrap: wrap;}
.kc_nav ul li{width: 382px;height: 67px;margin-bottom: 22px;background-color: #cfa972;}
.kc_nav ul li a{width: 382px;height: 67px;color: #fff;font-size: 24px}
.kc_nav ul li:nth-child(2){background-color: #8fc31f;}
.kc_nav ul li:nth-child(3){background-color: #f4ae00;}
.kc_nav ul li:nth-child(4){background-color: #664e33;}
.kc_nav ul li:nth-child(5){background-color: #506b15;}
.kc_nav ul li:nth-child(6){background-color: #f77b24;}
.kc_nav ul li a:hover{font-size: 28px}
.kc_nav_on,.fa_nav_on,.cd_nav_on{font-size: 28px !important}

.kc>ul{flex-wrap: wrap;margin-top: 50px}
.kc>ul>li{width: 575px;height: 328px;overflow: hidden;position: relative;margin-bottom: 30px;border-radius: 5px}
.kc>ul>li>div{display: none; width: 575px;height: 328px;background: rgba(31, 31, 31, 0.7);position: absolute;top:0;left:0;color: #fff;}
.kc>ul>li>div>div>.kc_title{display: block;font-size: 30px;color: #fff; text-align:center}
.kc>ul>li>div>div>.kc_des{display: block;width: 450px;color: #fff; height: 100px;margin: 20px auto;line-height: 30px}
.kc>ul>li>div>div>.kc_more{width: 150px;height: 35px;border-radius: 17px;border:1px solid rgba(255, 255, 255, 0.17);font-size: 14px;color: #fff;margin: 0 auto;}
.kc>ul>li:hover>div{display: flex;}

/* 精彩视频 */
.sp>ul{flex-wrap: wrap}
.sp>ul>li{width: 580px;background: #f6f6f6;margin-bottom: 40px; font-size: 20px;text-align: center;line-height: 60px}
.sp1{width: 100%;height: 400px;}
.sp1 iframe{width: 100%;height: 100%}


/* 精彩方案推荐 */
.fa_nav ul li{width: 285px;height: 65px;background: #cfa972;}
.fa_nav ul li a{width: 285px;height: 65px;font-size: 24px;color: #fff;}
.fa_nav ul li:nth-child(2){background-color: #8fc31f;}
.fa_nav ul li:nth-child(3){background-color: #f4ae00;}
.fa_nav ul li:nth-child(4){background-color: #f46700;}
.fa_nav ul li a:hover{font-size: 28px}
.fa>ul{flex-wrap: wrap;margin-top: 50px}
.fa>ul>li{width: 273px;padding:6px 6px 15px;background: #eeeeee;overflow: hidden;margin:0 20px 22px 0;float: left;}
.fa>ul>li:nth-child(4n){margin-right: 0;}
.fa_img{width: 273px;height: 132px;}
.fa_title{display: block;font-size: 20px;color: #4b4b4b;padding: 10px 5px 7px; }
.fa_des{display: block;font-size: 16px;color: #666666;line-height: 29px;height: 90px;padding: 0 5px; }
.fa_more{width: 92px;height: 27px;border-radius: 12px;background: #2577e3;font-size: 13px;color: #fff;float: right;margin: 20px 5px 0 0;}

/* 团建案例 */
.case>ul{flex-wrap: wrap;}
.case>ul>li{width: 582px;background: #f6f6f6;margin-bottom: 36px}
.al_img{width: 582px;height: 392px;overflow: hidden}
.al_title{width: 582px;height: 60px;overflow: hidden}


/* 场地介绍 */
.cd_nav{text-align: center}
.cd_nav ul li{float: left; width: 382px;height: 67px;background: #8fc31f;margin:0 10px;}
.cd_nav ul li a{width: 382px;height: 67px;color: #fff;font-size: 24px;overflow: hidden}
.cd_nav ul li:nth-child(2){background-color: #f4ae00;}
.cd_nav ul li a:hover{font-size: 28px}

.cd>ul{flex-wrap: wrap;margin-top: 50px}
.cd>ul>li{width: 273px;padding:6px 6px 15px;background: #eeeeee;overflow: hidden;margin:0 20px 22px 0;float: left;}
.cd>ul>li:nth-child(4n){margin-right: 0;}

/* 关于我们 */
.gy1{margin:50px auto;}
.gy11 div{width: 50px;height: 5px;background: #1978e2;margin:30px 0 15px;}
.gy11 h3{font-size: 30px}
.gy12{width: 900px;}
.map{height:420px;overflow: hidden;margin: 30px auto 0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.about_body{width:100%;line-height: 36px;word-wrap:break-word;font-size:18px;overflow: hidden;}
.about_body img{max-width:100%;}

.md{padding-bottom: 100px}
.md>img{display: block;float: left;margin-left: 185px;}
.md1{width: 520px;height: 688px;overflow: hidden;color: #666666;line-height: 36px; float: right}

/* 教练团队 */
.td>ul{flex-wrap: wrap;margin-top: 50px}
.td>ul>li{width:275px;margin-bottom: 30px}
.td_img{width: 275px;height: 340px;overflow: hidden}
.td_title{width: 275px;height: 60px;font-size: 20px}

/* 新闻资讯 */
.news>ul>li{width:1200px;border-bottom:1px solid #c6c6c6;padding: 40px 0; overflow: hidden}
.news>ul>li:last-child{border:none;}
.news_img{width:380px;height:255px;float:left;margin-right:40px;overflow: hidden;border:1px solid #f5f5f5;}
.news_img img{cursor: pointer; transition: all 0.6s;max-width: 100%;max-height: 100%;}
.news_img img:hover{transform: scale(1.03);}

.news_con{width:770px;float:right;}
.news_title{display:block;font-size: 22px;color:#353535;padding: 20px 0;}
.news_content{display:block;height:120px;overflow: hidden; font-size:16px ;color:#222222;line-height: 30px;}
.more{display:block;width:143px;height:42px;border:1px solid #757575;margin-top: 9px;font-size: 16px;color:#5c5c5c;line-height: 42px;text-align:center;}


/* 页码 */
.pages{padding:30px 0 0;text-align: center;clear: both;}
.pages>ul>li{display:inline-block;font-size:16px;margin-right: 10px;}
.pages>ul>li>a{font-family:'微软雅黑';padding:8px 15px;color:#333;border: 1px solid #dcdcdc; text-decoration:none}
.c{padding:8px 15px;background:#1978e2;color:#fff;border: 1px solid #1978e2;font-family:'微软雅黑';}

/* 上下篇 */
.sxy{margin-top: 40px;width:100%;height:30px;font-size: 16px;color:#666}
.sxy1{width:550px;height:30px;float: left;}
.sxy2{width:550px;height:30px;float: right;text-align: right;}

/* 详情页 */
.article_title{font-size: 32px;color:#333;text-align: center;}
.article_body{padding:40px 0;border-bottom: 1px solid #cacaca;width:100%;word-wrap:break-word;font-size: 18px;line-height: 36px;}
.article_body img{max-width:100%;}
.article_body iframe{width: 80%;height: 500px}