@charset "utf-8";
/* CSS Document */
/*common*/


/**/
.banner { position:relative;}
.banner .num{ position: absolute; left: 50%; bottom: 44px; margin-left: -762px; z-index:99; font-size: 20px; color: #fff; font-family: Arial, Helvetica, sans-serif;}
.banner .num strong{ font-size: 30px; font-weight: bold;}
/**/
/*品牌介绍*/
.brand{ background: #181818; padding-top: 116px; padding-bottom: 68px;}
.brand .content{ padding-top: 90px; position: relative;}
.brand .copy_con{ position: absolute; right: 50%; width: 50%;  top: 0; border-bottom: 1px solid #5e5911;}
.copy_con span{ width: 600px; float: right; color: #ffee00; font-size: 26px; font-style: italic; padding-top: 20px; padding-bottom: 19px; letter-spacing: 1px;}
.copy_con span i{ display: block; font-style: italic;}
.brand .tel_con{ position: absolute; left: 50%; top: -30px; margin-left: -1.8%; width: 51.8%; z-index:9999; height: 140px; background: url(img/Index/tel_bg.jpg) no-repeat left center #ffee00;}
.tel_con span{ font-weight: bold; margin-left: 150px; display: block; font-size: 20px; color: #000000; margin-top: 34px;}
.tel_con span em{ display:block; margin-bottom: 16px; font-size: 22px;}
.brand_con{ width: 640px; padding-top: 20px; }
.brand_con h3{margin-top: 26px; margin-bottom: 15px; position: relative; padding-bottom: 15px; }
.brand_con h3::after{ content:""; position: absolute; bottom: 0; left: 0; width:118px; height: 1px; background: #ffee00;}
.brand_con h3 a{ font-size: 26px; line-height: 32px;  color: #e0e0e0; font-weight: normal; }
.brand_con p{ font-size: 18px; color: #999999; line-height: 28px;}
.brand_con p a{ color: #e1e1e1; display: inline-block; margin-left: 50px;}

.brand_con ul{ margin-top: 50px;}
.brand_con li img{ display:block; margin: 0 auto; padding-bottom: 12px;}
.brand_con li{ color: #999999; font-size: 18px; line-height: 26px; display: inline-block; text-align: center; margin-right: 162px;}
.brand_con li.last{ margin-right: 0;}
.brand_con li strong{ color: #ffee00; font-size: 24px; display: block; }

.brand .code{ position:absolute; right:0; z-index:999; top:48px; text-align:center;}
.brand .code img{ width:132px;}
.brand .code em{ display:block; font-style:normal; color:#ffee00; line-height:26px;margin-top:10px;}

/*公用*/
.common .tit{ padding-top: 72px;  text-align: center; }
.common .tit img{ display: block; margin: 0 auto; /* width:150px;*/ }
.common .tit em{font-size: 18px; letter-spacing: 1px; line-height: 54px; color: #999999; font-weight: normal; display: block; padding-bottom: 72px; background: url(img/Index/tit_quan.png) no-repeat center 58px;}

/*课程*/
.course{ background: url(img/Index/kc_bg.jpg) no-repeat center top #181818;}
.course_con{ }
.course_con .nav{ padding-top: 64px; padding-bottom: 34px;}
.course_con .nav a{ line-height: 48px; font-size: 18px;  width: 140px; display: inline-block; text-align: left; color: #fff; text-indent: 1em; }
.course_con .nav a.cur,.course_con .nav a:hover{ background: url(img/Index/kc_tbg.png) no-repeat left center; font-size: 18px; color:#000000; font-weight: bold; }
.course_con .nav a.more{ background: url(img/Index/kc_more.png) no-repeat center center; width: 43px; height: 48px; float: right;}

.course_box dl dd{ padding: 20px 42px; background: #fff100;}
.course_box dl dd a{  font-size: 18px; color: #000; line-height: 32px; display: block; font-weight: bold;}
.course_box dl dd p{ font-size: 16px; line-height: 24px; color: #222;}

/*课程模式*/
.model{ background: #181818;}

.model_con{ position: relative; height: 1062px;}
.model_con .icon{ width: 128px; height: 121px; position: absolute; left: -64px; bottom: -60px; z-index: 8;}
.model_con li{ float: left; margin-right: 20px; position: relative;  overflow:hidden; z-index:9;}
.model_con .li03,.model_con .li05,.model_con .li06{ margin-right: 0; float: right;}
.model_con li img{ width: 386px; height: 280px; display: block; opacity:1;}
.model_con li a:hover img{opacity:0.8;}
.model_con li em{ position: absolute; top: 24px; z-index: 9; width: 100%;     padding-left: 30px; display: block; color: #fff; font-size: 18px;  height: 67px; text-align: left; background: url(img/Index/ms_tbg.png) no-repeat left center;}
.model_con li em strong{ display:block; font-size: 24px; padding-top: 4px; color: #fff100;}
.model_con .li02 img{ height: 580px;}
.model_con .li04 img{ width: 387px; height:761px;}
.model_con .li06 img{ width: 792px; height:460px;}

.model_con .li04{ position: absolute; left: 0; top:300px; }
.model_con .li05{ position: absolute; right: 0; top:300px; }
.model_con .li06{ position: absolute; right: 0; bottom:0px; }

.model_con .li04 em{ top: auto; bottom: 146px;}
.model_con .li06 em{ top: auto; bottom: 24px;}

/*教练团队*/
.team{ background: url(img/Index/team_bg.jpg) no-repeat center top; height: 1106px;}
.team_con{ position: relative;}
.team_con .prev{ z-index: 99; bottom: 58px; right: 240px;}
.team_con .next{ z-index: 99; bottom: 58px; right: 104px;}

.team_box dl dt{ float: left;}
.team_box dl dt img{ width: 710px; height: 710px; display: block;}
.team_box dl dd{ margin-top: 160px; float: right; width: 385px; height: 366px; padding-left:55px; padding-right: 50px; padding-top: 50px; padding-bottom: 50px; background: rgba(255, 255, 255, 0.8);}

.team_box dd em{ font-size: 35px; color: #666666; display: block; font-style: normal; text-transform: uppercase;}
.team_box dd strong{ font-size: 35px; color: #222222; display: block; font-weight: bold;}
.team_box dd span{ font-size: 16px;  color: #333333;display: block;  margin-top: 5px; }
.team_box dd span p{line-height: 28px;}
.team_box dd span p.attr{line-height: 24px;}

/*广告1*/
.ad_one{ background: url(img/Index/ad_one.jpg) no-repeat center top; height: 224px;}
.ad_one span{ width: 210px; right: 0; top: 0; z-index: 9; text-align: center; color: #000000; font-size: 16px; padding-top: 40px; }
.ad_one span strong{ display: block; font-size: 22px; color: #000000; line-height: 30px; font-weight: bold; margin-top: 5px;}
.ad_one span a{ font-size: 16px; color: #000;  line-height: 34px; display: inline-block; padding-left: 35px; padding-right: 35px; border-radius: 20px; border: 1px solid #908911; margin-top: 12px; }

/*优势*/
.ys{ height: 1108px; background: url(img/Index/ys_bg.jpg) no-repeat center top;}
.ys .tit{ margin-bottom: 14px;}
.ys .tit em{ line-height: inherit; margin-bottom: 4px;}
.ys_fl{ float: left; width: 355px; margin-top: 90px; padding-top: 76px;}
.ys_fr{ float: right; width: 845px; margin-top: 90px;}

.ys_fl li{ padding-left: 72px; margin-bottom: 79px; }
.ys_fl li img{padding-right: 46px; padding-bottom: 16px; border-bottom: 1px solid transparent; }
.ys_fl li img{ display: none;}
.ys_fl li .other{ display: block;}
.ys_fl li.cur .other,.ys_fl li:hover .other{ display: none;}
.ys_fl li.cur img,.ys_fl li:hover img{ display: block; border-bottom: 1px solid #fff100;}
.ys_fl li.cur,.ys_fl li:hover{ background: url(img/Index/ys_tbg.png) no-repeat left center;}

.ys_fl  p{ margin-left: 42px; margin-top: -29px; width: 208px;}
.ys_fl p img{ width: 208px; height: 208px; display: block;}
.ys_fl p span{ font-size: 16px; line-height: 28px; text-align:center; display: block; color: #000;}

.ys_fr dl{ padding:30px 32px 55px 32px; position: relative; }
.ys_fr dt img{width: 780px; height: 467px; display: block; margin: 0 auto; }
.ys_fr dd{ padding: 12px; padding-top: 20px;}
.ys_fr dd b{ font-size: 28px; color: #000; line-height: 56px;}
.ys_fr dd p{ font-size: 16px; color: #14110c; line-height: 24px; height: 72px; }
.ys_fr dd a.more{ width: 50px; height: 50px; display: block; position: absolute; bottom: 0; right: 55px;}

/*风采*/
.show{ height: 1229px; background: url(img/Index/fc_bg.jpg) no-repeat center top; }
.show_con{  margin-top: 1px; position: relative;}
.show_con li{position:absolute; display: inline-block; overflow: hidden;}
.show_con li span{ display: block; height: 0;  background: url(img/Index/fc_tbg.png) no-repeat left center; font-size: 16px; color: #fff; line-height: 40px;  text-indent: 14px; position: absolute; left: 0; bottom: 0; width: 100%;  }
.show_con li img{ width: 290px; height: 180px; display: block;}
.show_con li a:hover span{ display: block; height: 40px; transition: all ease 0.5s;  }

.show_con .li_0 img{ width: 594px; height: 370px;}

.show_con .li_1{ top: 0; left: 604px;}
.show_con .li_1 img{ width: 297px; height: 370px;}

.show_con .li_2{ top: 0; left: auto; right: 0px;}
.show_con .li_3{ top: 190px; left: auto; right: 0px;}

.show_con .li_4{ top:380px;}
.show_con .li_5{ top:380px; left: auto; right: 0px;}

.show_con .li_6{ top:570px;}
.show_con .li_6 img{ width: 290px; height: 370px;}

.show_con .li_7{ top:570px; left: 300px; }
.show_con .li_7 img,.show_con .li_8 img{ width: 294px;}

.show_con .li_8{ left: 300px; top: 760px;}
.show_con .li_9{ left: auto; top: 570px; right: 0px;}
.show_con .li_9 img{ width: 594px; height: 370px;}

/*优秀学员*/
.case{ height: 1360px; background: url(img/Index/case_tbg.jpg) no-repeat center top;}
.case dl{ padding-top: 84px; }
.case dl dt{ position: relative; width: 728px; float: left;}
.case dl dt span img{ width: 728px; height: 410px; display: block;}
.case dl dt .prev,.case dl dt .next{ position: absolute; z-index: 99; top: 172px;}
.case dl dt .prev{ left: 0;}
.case dl dt .next{ right: 0;}

.case dl dd{ float: right; width: 410px; padding-top: 72px;}
.case dl dd strong{ font-size: 40px; font-weight: bold; color: #fff; display: block;}
.case dl dd p{ font-size: 18px; color: #fff; line-height: 32px; display: block; margin-top: 20px; margin-bottom: 32px;}
.case dl dd p b{ font-weight: normal; color: #fff100; }
.case dl dd .more{ width: 136px; height: 48px; text-align: center; border: 1px solid #ffffff; display: block; background: url(img/Index/case_more.png) no-repeat center center; font-size: 0;}

.case .nav{ clear: both; margin-top: 55px; margin-bottom: 52px;}
.case .nav li{ display: inline-block; margin-right: 46px; }
.case .nav li a{ display: block; color: #fff; font-size: 20px; line-height: 42px; border-bottom: 1px solid transparent;}
.case .nav li.cur a,.case .nav li a:hover{border-bottom: 1px solid #fff100; color: #fff100; font-weight: bold;}

.case_con .case_item{ position:relative;}
.case_con .case_item .prev1,.case_con .case_item .next1{ position: absolute; top: 145px; width: 30px; height: 50px; z-index: 99; font-size: 0;}
.case_con .case_item .prev1{ left: -50px; background: url(img/Index/hor_lt.png) no-repeat center center;}
.case_con .case_item .next1{ right: -50px; background: url(img/Index/hor_rt.png) no-repeat center center;}

.case_con li{ display: inline-block; float: left; margin-right: 12px; width:230px; }
.case_con li.none{ margin-right: 0;}
.case_con li img{ width:230px; height: 307px; display:block; }
.case_con li span{ color: #222222; padding-left:6px; padding-right:4px; font-size: 16px; line-height: 45px; text-align: center; background: #dbdad8; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*新闻中心*/
.news{ background: #181818;}

.news .nav{ float: left; margin-top: 20px; width: 99px; }
.news .nav a{ width: 99px; transition: width ease 0.3s; display: block; color:#333; height: 54px; line-height: 54px; text-align: center; margin-bottom: 12px; background: #dbdad8;  }
.news .nav a.cur,.news .nav a:hover{ background: #fff100; color:#333333; font-weight: bold; width: 115px; z-index: 99; position: relative;}

.news .news_con{ float: left; width: 1101px;}
.news_con dt img{ width: 501px; height: 282px; display: block;}
.news_con dt{ float: left; width: 501px; height: 282px; overflow: hidden;}
.news_con dd{ float: right;}

.news_con dd li{ margin-bottom: 34px; position: relative;}
.news_con dd li::before{ content: ''; width: 9px; height: 9px; background: #7f7f7f; position:absolute; left: -28px; top:5px;}
.news_con dd h3{ font-size: 16px; color: #fff; margin-bottom: 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.news_con dd a{ display: inline-block; width: 394px;}
.news_con dd h3 p{ color: #999; font-size: 16px; line-height: 22px;}
.news_con dd em{ display: inline-block; margin-left: 34px; text-align: center;   font-size: 12px; color: #a3a3a3;}
.news_con dd em span{  font-size: 50px; color: #fff; display: block; line-height: 40px;margin-bottom: 5px;}

/*友情链接*/
.link{ width: 1200px; margin: 0 auto;color: #333333; font-size: 16px; padding-top: 52px; position:relative; z-index:99;}
.link span,.link p{ display: inline-block;}
.link p a{color: #333333; line-height: 22px; font-size: 16px; display: inline-block; padding:0 40px; border-right: 1px solid #333333;}
.link p a:hover{ color:#999;}
.link p a.none{border-right: none; padding-right: 0px;}
.link .more{ background: url(img/Index/link_more.png) no-repeat center center; float: right; font-size: 0px; height: 22px; width: 100px;}