.wheel_banner,.wheel_banner .swiper-container{width:100%;height:680px;position:relative;min-width: 800px}
.copywriting{width:100%;position: absolute;left:14%;top:78px;z-index: 99;}
.copywriting h3{font-weight: bold;color:#333;font-size:44px;line-height: 1.2em;}
.copywriting p{font-size:16px;line-height: 22px;margin: 10px 0 30px;}
.but_experience1{width:138px;height: 43px;background: #ff8525;border-radius: 20px;color:#fff;font-size:16px;line-height: 40px;text-align: center;display: block;border-bottom: 3px solid #ea6700;margin-top: 14px;}
.but_experience1 i{display: inline-block;font-size:14px;color:#fff;font-family:"iconfont";margin-left: 6px;width: 12px;vertical-align: middle;}
.but_experience1:hover{background: #ff9e52;}
#pagination{position: absolute;z-index: 100;bottom:110px;right:14%;}
#pagination .swiper-pagination-bullet{width:44px;height:5px;background:#fff;border-radius:2px;float:left;display:block;margin:0px 7px 0;cursor:pointer;opacity: .5;}
#pagination .swiper-pagination-bullet-active{opacity:1;}

.ht_entrance{width:100%;min-width: 1380px;position: relative;z-index: 999;margin-top:10px;margin-bottom:10px;}
.ht_entrance ul li{width:31%;float: left;position: relative;}
.ht_entrance ul li+li{margin-left:30px;}
.ht_entrance ul li.graphing{/* margin-top: -148px; */}
.ht_entrance ul li.graphing a{display: block;width:100%;height: 306px;background: url(../images/index/e1.png?version=0923) left center no-repeat;background-size: 100% auto;}
.z_index1{width:498px;height: 354px;background: url(../images/index/e1_bg.png) left center no-repeat;position:absolute;z-index: -1;left:-29px;top:0;background-size: 100% auto;}
.z_index2{width:500px;height: 285px;background: url(../images/index/e2_bg.png) left center no-repeat;position:absolute;z-index: -1;left:-29px;top:0;background-size: 100% auto;}
.z_index3{width:500px;height: 285px;background: url(../images/index/e3_bg.png) left center no-repeat;position:absolute;z-index: -1;left:-29px;top:0;background-size: 100% auto;}
.entrance_desc{padding: 87px 30px 30px;}
.entrance_gif{width:55%;height: 194px;margin-left: -7px;position: relative;z-index: 99}

.entrance_detail{width: 45%;float: right;margin-top:40px;}
.entrance_detail h3{color:#fff;font-weight: bold;line-height: 24px;font-size:20px;}
.entrance_detail p{font-size:14px;line-height: 21px;margin: 12px 0 30px;color:#fff;}
.click{display: block;width:80px;height: 30px;line-height:28px;border-radius: 15px;border:1px solid #fff;text-align: center;font-family: "iconfont";color:#fff;font-size:16px;}
.ht_entrance ul li.gameplay{/* margin-top: -78px; */}
.ht_entrance ul li.gameplay a{display: block;width:100%;height: 236px;background: url(../images/index/e2.png?version=0923) left center no-repeat;background-size: 100% auto;}
.d_img{position: absolute;left:0;top:0;opacity: 0;}
.d_img.position1{left:0;top:-60px;}
.ht_entrance ul li a:hover .j_img{opacity: 0;}
.ht_entrance ul li a:hover .d_img{opacity: 1;}
.ht_entrance ul li.synergetic{/* margin-top: -78px; */}
.ht_entrance ul li.synergetic a{display: block;width:100%;height: 236px;background: url(../images/index/e3.png?version=0923) left center no-repeat;background-size: 100% auto;}
.programmingFox{width:486px;height: 373px;background: url(../images/index/huli.png?version=0923) left center no-repeat;position: absolute;left:0;top:-286px;}
.suip{width: 90px;height: 76px;background: url(../images/index/sp1.png) left center no-repeat;position: absolute;top:112px;left:-30px;-webkit-animation:shangxia 4s infinite linear;animation:shangxia 4s infinite linear ;}
@-webkit-keyframes shangxia {
	0%{-webkit-transform: translateY(-12px); } 50%{-webkit-transform: translateY(0); } 100%{-webkit-transform: translateY(-12px);}
	 }
@keyframes shangxia {
	0%{transform: translateY(-12px); } 50%{transform: translateY(0); } 100%{transform: translateY(-12px); }
 }
.light{width:220px;height:220px;background: url(../images/index/light.png) left center no-repeat;position: absolute;top:12px;right:168px;-webkit-animation:scale_op 4s infinite linear;animation:scale_op 4s infinite linear;}
@-webkit-keyframes scale_op {
	0%{-webkit-transform: scale(1);opacity:1  }
	50%{-webkit-transform: scale(1.2);opacity: 0 }
	100%{-webkit-transform: scale(1);opacity: 1}
	 }
@keyframes scale_op {
	0%{transform: scale(1);opacity:1  }
	50%{transform: scale(1.2);opacity: 0 }
	100%{transform: scale(1);opacity: 1}
 }
@media (max-width: 1699px){
	.wheel_banner,.wheel_banner .swiper-container{height:660px;}
}


@media (max-width: 1439px){
	.ht_entrance{min-width: 800px;}
	.ht_entrance ul li{width:31%;}
	.ht_entrance ul li.graphing a{height: 264px;}
	.ht_entrance ul li.gameplay a,.ht_entrance ul li.synergetic a{height: 200px;}
	.entrance_gif{width:55%;height: 147px;margin-top:6px;}
	.z_index1{width:420px;height: 301px;}
	.z_index2,.z_index3{width:400px;height: 234px;}
	.entrance_detail{margin-top:10px;}
	.entrance_detail p{margin: 12px 0 24px;}
	.ht_entrance ul li.graphing {margin-top: -140px;}
	.d_img.position1{left:0;top:-46px;}
	.programmingFox{width:400px;height: 307px;background-size: 95% auto;top:-230px;}
	.suip{top:90px;}
	.light{background-size: 80%;top: 6px;right: 94px;}
}

.index_content{width:100%;min-width: 1380px;position: relative;}
.week_star{margin-bottom:45px;width:100%;}
.i_title{width:390px;height: 68px;background: url(../images/index/title_b.png) left center no-repeat;line-height: 60px;text-align: center;font-size:26px;color:#fff;font-weight: bold;margin:0 auto 40px;}
.i_title.mg140{margin-bottom: 140px;}
.week_star_list{width:100%;}
.star_box{width:400px;height: 172px;border-radius: 10px;position: relative;background: url(../images/index/zuan_bg.png) right bottom no-repeat #fff;float: left;margin-bottom: 70px;margin-left:210px;cursor: pointer;}
.star_box a{display: block;height: 100%;}
.touxiang{width:153px;height: 152px;background: url(../images/index/tuoy.png) left center no-repeat;position: absolute;left:-76px;top:-32px;}
.touxiang_img{width:120px;height: 120px;overflow: hidden;margin-left:5px;margin-top: 3px;position: relative;z-index: 6;border-radius: 100%;}
.touxiang_img img{border-radius: 100%;}
.touxiang .icon1{display: block;width:36px;height: 33px;background: url(../images/index/zuansi.png) left center no-repeat;position: absolute;left:-5px;top:-5px;z-index: 0;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.star_desc{padding: 30px 30px 0 66px;}
.name_rank{width:100%;margin-bottom: 12px;padding: 0 20px;}
.name_rank h3{float: left;color:#333;font-size:22px;font-weight: bold;}
.rank{width:146px;height: 25px;border:1px solid #ff8e33;border-radius: 10px;background: #fff1e5;float: left;margin-left: 14px;margin-top: 2px;padding: 0 10px;}
.rank ul li{width:20px;height: 17px;background: url(../images/index/rank_icon.png) 0 -75px no-repeat;overflow: hidden;display:block;margin:4px 2px 0;float:left;}
.rank ul li.active{background-position: 0 -51px;}
.star_desc p{font-size:16px;color:#999;padding: 0 20px;margin-bottom: 18px;line-height:22px;}
.star_desc dl dd{padding: 0 13px;height: 26px;line-height: 26px;color:#fff;background:#ff6e03;float: left;margin-right: 18px;border-radius: 13px;}
.star_box.crown{background: url(../images/index/huang_bg.png) right bottom no-repeat #fff;}
.star_box.crown .touxiang .icon1{display: block;width:47px;height:44px;background: url(../images/index/touguan.png) left center no-repeat;position: absolute;left:-10px;top:-10px;z-index: 0;}
.star_box.crown .rank ul li{background-position: 0 -23px;}
.star_box.crown .rank ul li.active{background-position: 0 0;}
.star_box:hover{box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);}

.touxiang_img::before {content: ""; position: absolute; width: 80px; height:120px; top:50px; left: -90px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(45deg); -moz-transform: skewX(45deg); -o-transform: skewX(45deg); z-index: 999; }

.star_box:hover .touxiang_img::before {left:100px; top:-35px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; }
.star_box:hover .touxiang .icon1{background: url(../images/index/zuansi.gif) left center no-repeat;}
.star_box.crown:hover .touxiang .icon1{background: url(../images/index/touguan.gif) left center no-repeat;}



#swiper-container2 .swiper-button-next,#swiper-container2 .swiper-button-prev{display: block;color:#ff882b;font-size:42px;background-image: none;position: absolute;left:2px;top:50%;margin-top: -21px;width:42px;height: 42px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
#swiper-container2 .swiper-button-next{left:auto;right:2px;}
#swiper-container2 .iconfont-zuojiantou:before{content: "\e615";}
#swiper-container2 .iconfont-youjiantou:before{content: "\e612";}
#swiper-container2 .swiper-wrapper{padding-top: 50px;}
#swiper-container2 .iconfont-zuojiantou:hover,#swiper-container2 .iconfont-youjiantou:hover{color:#ec5912;}

.special_course{width:100%;margin-bottom:200px;}
.course_list{width:100%;height: 500px;background: #f0f0f0;border-radius: 10px;}
.course_list ul li{width:25%;float: left;text-align: center;position: relative;}
.courseBox_title{height: 180px;width:100%;background: #fff;overflow: hidden;}
.course_list ul li:first-child .courseBox_title{border-radius: 10px 0 0 0;}
.courseBox_title img{margin: 22px auto;}
.courseBox_title h5{font-size:22px;color:#ff6c00;line-height: 24px;font-weight: bold;}
.courseBox_desc{width:100%;padding: 60px 50px 0;}
.courseBox_desc p{font-size:18px;line-height: 24px;margin-bottom: 50px;}
.courseBox_hover{width:110%;background: #fff;border-radius: 10px;box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);height: 560px;position: absolute;left:-22px;top:-12px;z-index: 999;opacity: 0;}
.course_list ul li.hover .courseBox_hover{top:-32px;opacity: 1;}
.courseBox_title_hover{height: 195px;width:100%;background:url(../images/index/course_bg.png) left center no-repeat #ff7107;overflow: hidden;border-radius: 10px 10px 0 0;}
.img_icon.c1{width:164px;height: 151px;position: absolute;left:50%;margin-left: -82px;top:-54px;background: url(../images/index/course1_hover.png) left center no-repeat;}
.img_icon.c2{width:129px;height: 150px;position: absolute;left:50%;margin-left: -64px;top:-38px;background: url(../images/index/course2_hover.png) left center no-repeat;}
.img_icon.c3{width:130px;height: 131px;position: absolute;left:50%;margin-left: -65px;top:-34px;background: url(../images/index/course3_hover.png) left center no-repeat;}
.img_icon.c4{width:155px;height: 140px;position: absolute;left:50%;margin-left: -77px;top:-34px;background: url(../images/index/course4_hover.png) left center no-repeat;}
.courseBox_title_hover h5{color:#fff;font-size:22px;line-height: 24px;font-weight: bold;padding-top: 140px;}
.courseBox_desc1{width:100%;padding:44px 50px 0;}
.courseBox_desc1 dl dd{width:100%;margin-bottom:32px;}
.courseBox_desc1 dl dd span{display: inline-block;height: 27px;border:1px solid #ff8525;border-radius: 14px;padding:0 12px;line-height: 25px;font-size:14px;color:#ff8525;margin-bottom: 10px;}
.courseBox_desc1 dl dd span i{font-family: "iconfont";color:#ff8525;display: inline-block;font-size:14px;margin-right: 5px;}
.courseBox_desc1 p{font-size:18px;line-height: 24px;}
.but_experience1.posi{position: absolute;left:50%;margin-left: -70px;bottom: -20px;}
.but_experience1.posi2{margin:0 auto 50px;}
.but_experience1.posi2 .fs{font-size:18px;margin-right: 4px;width:auto;}

.study_goc{width:100%;height: 480px;background: #fff;border-radius: 10px;box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);position: relative;margin-bottom: 100px;}
.i_title.position{position: absolute;left:50%;margin-left: -195px;top:-30px;}
.study_goc ul{padding-top:120px;}
.study_goc ul li{width:25%;float: left;text-align: center;position: relative;cursor: pointer;}
.study_goc ul li span{display: block;width:114px;height: 114px;margin: auto;transform:scale(0.78);-webkit-transform:scale(0.78);transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.study_goc ul li span.s1{background: url(../images/index/01.png) left center no-repeat;}
.study_goc ul li span.s2{background: url(../images/index/02.png) left center no-repeat;}
.study_goc ul li span.s3{background: url(../images/index/03.png) left center no-repeat;}
.study_goc ul li span.s4{background: url(../images/index/04.png) left center no-repeat;}
.study_goc ul li h6{font-weight: bold;color:#333;font-size:20px;margin:20px 0 12px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.study_goc ul li p{font-size:14px;line-height: 22px;color:#999;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.study_goc ul li b{font-size:136px;color:#ff8320;opacity:0.08; font-family: 'DINBlackItalic';position:absolute;top:116px;left:50%;margin-left: -80px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.study_goc ul li:hover span{transform:scale(1);-webkit-transform:scale(1);transform: translateY(-15px);-webkit-transform: translateY(-15px);}
.study_goc ul li:hover h6{color:#ff8220;}
.study_goc ul li:hover p{color:#ff8220;}
.study_goc ul li:hover b{opacity:1;top:172px;}
.index_news{width:100%;margin-bottom: 90px;}

.news_ul li{width:100%;padding:30px 0;border-bottom: 1px dashed #d6d6d6;position: relative;}
.news_date{width:78px;float: left;text-align: center;color:#ff8726;font-size:16px;}
.news_date span{width:70px;height: 75px;background: url(../images/date.png) left center no-repeat;line-height:80px;color:#fff;font-size:36px; font-family: 'DINBlack';display: block;margin:0 auto 30px;}
.news_desc{width:572px;float: left;margin-left:122px;}
.news_desc h3 a{display: block;font-size:20px;font-weight: bold;color:#333;line-height: 28px;margin-bottom: 14px;}

.news_desc p{color:#999;line-height: 21px;word-wrap: break-word;font-size:14px;margin-bottom: 20px;}
.seeMore{display: inline-block;font-size:16px;color:#ff8525;}
.seeMore i{display: inline-block;color:#ff8525;font-family: "iconfont";font-size:12px;margin-left: 6px;vertical-align: middle;}
.seeMore:hover,.seeMore:hover i{color:#ea6700;}
.figure{width:288px;height: 162px;float: right;border-radius: 10px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.figure img{border-radius: 10px;}
.news_ul li:hover .figure{box-shadow: 0 8px 16px rgba(0,0,0,.1);-webkit-box-shadow: 0 8px 16px rgba(0,0,0,.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.news_ul li:hover .news_desc h3 a{color:#ff8525;}
.but_experience1.marauto{margin: 40px auto 0;}

@media (max-width: 1439px){
	.index_content{min-width: 1200px;}
	.star_box{margin-left: 160px;margin-bottom:50px;}
}

@media (max-width: 900px){
	.ht_entrance ul li+li {
	    margin-left: 20px;
	}
}