.scroll_main {
   overflow-y: auto;
}

/*滚动条样式*/
.scroll_main::-webkit-scrollbar {/*滚动条整体样式*/
   width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
   height:4px;
}
.scroll_main::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
   background:url(../img/icon-25.png) no-repeat;background-size:100% 100%;
}
.scroll_main::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background:rgba(0,0,0,.2);
}



@media screen and (max-width:1660px){
/*news*/
.banner-new{ height:519px}
.nav-pos{height:90px;}
.nav-center{ width:1250px;}
.nav-center .swiper-slide{ line-height:90px;}
.news-list{ width:1250px; margin:38px auto 0px}
.news-item{ margin-top:34px;}
.news-top{ padding:0px 50px; line-height:30px; margin-top:32px}
.news-item h3{padding:0px 50px;}
.news-info{ padding:0px 50px; margin-top:20px}
.news-more{margin-top:24px; margin-left:50px;}
.news-page{padding:38px 0px 90px;}
.nav-center .swiper-button-prev{  width:50px; height:50px;top:45%; background-size:100%;left:-47px}
.nav-center .swiper-button-next{  width:50px; height:50px;top:45%; background-size:100%;right:-47px}
/*news-info*/
.arc-top,.break-nav{ width:80%;}
.arc-main{ width:80%; padding:20px 0px 40px;}
.arc-left{width:70%;padding-bottom:60px}
.arc-content{padding:10px 70px 50px; }
.arc-detail p{ margin-top:26px}
.arc-page{ margin-top:50px;}
.arc-pannel{ margin-top:20px;}
.arc-right{  width:28%;}

/*yuekan*/
.yk{ width:1250px; margin:70px auto 0px}
.yk-list{  margin-top:20px; padding:40px 40px 20px;}

/*info*/
.info,.vk{ background-size:1660px;  height:519px;}
.info .banner-center,.vk .banner-center{ top:40%;}
.info .banner-center h3,.vk .banner-center h3{font-size:40px;}

.info-pos{ height:90px;bottom:-45px;}
.info-pos ul{ width:1250px;height:90px; line-height:90px;}
.info-pos ul li{ padding:0px 140px}
.des{ background-size:1660px; height:722px}
.des-main{ width:1250px; margin:90px auto 0px}
.des-left{ width:620px;height:240px; margin-top:26px}
.des-left h3{  font-size:32px; padding-bottom:42px}
.des-content{ height:140px;}
.des-right{width:590px;}
.des-bottom{ width:1250px; margin:62px auto 0px; height:267px;} 
.des-t1{ width:422px; }
.des-t2{ width:418px; }
.jg{padding:100px 0px;}
.jg-center{ width:1250px;}
.jg-left h3{ font-size:32px;  padding-bottom:42px}
.center-nav ul{ width:1250px;}
.center-slide{ height:500px;}
.center-main{ width:1250px; height:382px;}
.item-des{ margin:0px 0px 0px 40px;}
.ts{ height:617px; background-size:1660px}
.ts-left h3{  font-size:32px;  padding-bottom:42px}
.ts-center{ width:1250px; }
.jump-center{ width:1250px; }

/*kecheng*/
.hot,.class{padding-bottom:90px}
.hot-head{ margin:80px auto 0px;}
.hot-head h3{ font-size:32px; padding-bottom:40px;}
.hot-content{ width:1250px;}

.class-conent{ width:1250px; margin:30px auto 0px;padding-bottom:50px}
.class-center{margin:40px auto 0px}
.class-left{ width:72%; margin-top:25px}
.class-more{width:200px; height:44px; line-height:44px; margin-top:20px;}
.class-more span{ font-size:16px; background-size:15px}

.class-more:hover:after{width:196px; height:40px;}

.class-right{width:20%; }
.class-bm{ width:158px; height:34px; line-height:34px; bottom:30px;margin-left:-79px}
.class-bm:hover:after{width:154px; height:30px;}
.class-bm:hover span{background-size:12px}
.drop-content{height:600px;  margin-top:-300px; background-size:100%}
.drop-close{ right:30px;top:30px;}
.drop-pic{ width:25%;  margin:80px 80px 0px 0px}
.drop-title{margin:80px 0px 0px 80px; font-size:32px; padding-bottom:30px}
.drop-main{  width:59%; margin:0px 0px 0px 80px; height:300px;}
.drop-bm p{  width:200px; height:42px; line-height:42px;margin-top:30px; margin-left:80px; }
.drop-bm p:hover:after{ width:196px; height:38px;}
/*课程详情*/
.base{ width:1250px; margin:-120px auto 0px; }
.tuij,.xy{padding-bottom:90px}
.tuij-content,.xy-content{ width:1250px;}


}
@media screen and (max-width:1500px){
/*导航下拉菜单*/
.study{top:46px}
.new-drop{top:56px}
}
@media screen and (max-width:1440px){
/*news*/
.banner-new{ height:450px}
.nav-center{ width:1100px;}
.news-list{ width:1100px;}
.news-item h3{ font-size:22px}
.news-info{margin-top:10px; line-height:28px; height:56px}
.news-more{margin-top:18px;width:160px; height:44px;}
.news-more:after{ width:156px; height:40px;}
.news-more p{ left:42px;top:12px; }
.news-page{padding:32px 0px 80px;}
.news-page a{ width:52px; height:52px;line-height:52px;}

/*yuekan*/
.yk{ width:80%; margin:50px auto 0px}
.yk-pic img{ width:220px; height:auto}
.yk-left h3{line-height:30px; font-size:24px; margin-right:15px}
.yk-left p{  padding-right:15px; line-height:30px; font-size:18px; margin-left:15px}
.yk-list ul{ margin-top:16px}
.yk-list ul li{line-height:34px; height:34px; }
.yk-list ul li a{ font-size:16px;}
.yk-more{width:190px; height:42px; line-height:42px; margin-top:25px}
.yk-more em{ font-size:16px;}
.yk-more:hover:after{ width:186px; height:38px}

/*info*/
.info,.vk{ background-size:1440px;  height:450px;}
.info .banner-center,.vk .banner-center{ top:40%;}
.info .banner-center h3,.vk .banner-center h3{font-size:32px;}
.info .banner-center p,.vk .banner-center p{font-size:22px;}
.info-pos{ height:80px;bottom:-40px;}
.info-pos ul{ width:1100px; height:80px; line-height:80px;}
.info-pos ul li{padding:0px 130px}
.des{background-size:1440px;height:627px}
.des-main{ width:1100px;margin:70px auto 0px}
.des-left{width:47%; height:240px;  margin-top:28px}
.des-left h3{ font-size:28px;  padding-bottom:32px}
.des-left h3:after{ width:70px; }
.des-content{  width:94%;font-size:13px;  margin-top:14px; line-height:28px}
.des-right{  width:50%;}
.des-bottom{ width:1100px; background-size:1100px; height:208px; margin-top:65px } 
.des-t1{ width:392px;  }
.des-t1 h3,.des-t2 h3{ font-size:20px;}
.des-t1 p,.des-t2 p{ margin-top:32px; font-size:14px; line-height:23px }
.des-t2{ width:392px; }
.des-t3{bottom:30px;font-size:22px; }
.jg{  padding:90px 0px;}
.jg-center{ width:1100px;}
.jg-left h3{  font-size:28px;  padding-bottom:32px}
.jg-left h3:after{ width:70px;}
.jg-left p{ line-height:28px; font-size:14px;}
.center-nav ul{ width:1100px; }
.center-slide{ background-size:1440px;  height:416px;}
.center-main{ width:1100px;  height:340px;}
.item-des{ margin:0px 0px 0px 30px;}
.ts{background-size:1440px;  height:507px}
.ts-left h3{font-size:28px;padding-bottom:32px}
.ts-left h3:after{ width:70px; }
.ts-left p{line-height:28px; font-size:14px;}
.ts-center{ width:1100px;margin:60px auto 0px; }
.ts-main{font-size:14px; }

@keyframes  updown1 {
   0%{top:31%}
   50%{top:33%}
   100%{top:31%}
}
@keyframes updown2 {
   0%{top:10%}
   50%{top:8%}
   100%{top:10%}
}
@keyframes  updown3 {
   0%{top:35%}
   50%{top:33%}
   100%{top:35%}
}
@keyframes  updown4 {
   0%{top:60%}
   50%{top:62%}
   100%{top:60%}
}
.ts-t1{left:23%; }
.ts-t1 img,.ts-t2 img,.ts-t3 img,.ts-t4 img{ width:50px; height:auto}
.ts-t1 span,.ts-t2 span,.ts-t3 span,.ts-t4 span{line-height:50px}
.ts-t2{left:48%;}
.ts-t3{right:22%; }
.jump{ background-size:1440px; height:600px;}
.jump-center{ width:1100px; margin:80px auto 0px;}
.jump-item{height:420px}
.jump-cont span{ margin:70px auto 0px; }
.jump-cont h3{ font-size:20px;}
.jump-cont p{font-size:14px;}
.jump-more em{ line-height:32px;  font-size:14px;}
.jump-center .active .jump-more{ width:160px; height:32px;}

/*kecheng*/
.hot,.class{padding-bottom:80px}
.hot-head{ margin:70px auto 0px;}
.hot-head h3{ font-size:28px; padding-bottom:34px;}
.hot-head p{ margin-top:18px}
.hot-content{ width:1100px;}

.class-conent{ width:1100px;padding-bottom:40px}
.class-left{ margin-top:20px}
.class-left h3{ font-size:20px}
.class-left p{ font-size:14px; line-height:26px}
.class-more{width:170px; height:36px; line-height:36px; margin-top:20px;}
.class-more span{ font-size:14px; background-size:13px}
.class-more:hover:after{width:166px; height:32px;}
.class-more:hover:after span{ background-size:10px}
.class-bm{ width:140px; height:30px; line-height:30px; bottom:25px;margin-left:-70px}
.class-bm span{ font-size:14px}
.class-bm:hover:after{width:136px; height:26px;}
.class-bm:hover span{background-size:12px}

.class-bottom{ margin:28px auto 0px;}
.class-bottom h3{ font-size:20px}
.class-bottom .kc-main .swiper-button-prev{ background-size:50px; width:50px; height:50px;left:-60px}
.class-bottom .kc-main .swiper-button-next{background-size:50px; width:50px; height:50px;right:-60px}
.class-bottom .kc-main .swiper-button-next.swiper-button-disabled,.class-bottom .kc-main .swiper-button-prev.swiper-button-disabled{ background-size:auto}

/*课程详情*/
.base{ width:1100px; }
.base-nav{ line-height:50px; height:50px;}
.base-nav span a{ height:50px; }
.base-content{padding:50px 100px;}
.base-pic{ float:left; width:50%; overflow:hidden}
.base-right{margin-top:20px}
.base-right h3{font-size:22px;padding-bottom:14px;}
.base-right p{font-size:14px;line-height:25px; margin-top:12px}
.base-type{font-size:14px;margin-top:20px}
.base-ul{ margin-top:26px}
.base-kc{ width:150px; height:32px; line-height:32px; margin-right:15px; font-size:14px}
.ic1 span{ background-size:16px}

.base-kc:hover:after{ width:146px; height:28px;}
.ic1 a:hover span{ background-size:15px}
.ic2 a:hover span{background-size:15px}	

.base-head{height:60px; margin-top:50px; line-height:60px; font-size:22px;}
.base-info{ padding:0px 30px 0px;}
.base-content ul{ margin-top:30px}
.xiao{ background:#fff; margin-top:40px}
.tuij,.xy{padding-bottom:80px}
.tuij-content,.xy-content{ width:1100px;}
.tuij-main span{ line-height:26px; font-size:16px;}
.tuij-main p{line-height:26px; font-size:14px;}






}

@media screen and (max-width:1366px){
.live-anchor span{ margin-right:20px;}	
.live-anchor{right:30px}
/*news*/
.banner-center{top:40%;}
.banner-center h3{ font-size:36px;}
.banner-center p{font-size:24px; }
.nav-pos{height:80px;}
.nav-center{ width:1000px;}
.nav-center .swiper-slide{ line-height:80px;}
.news-list{ width:1000px;}
.news-top{ padding:0px 40px;margin-top:24px}
.news-item h3{ padding:0px 40px; font-size:20px}
.news-info{ padding:0px 40px; font-size:14px}
.news-more{margin-top:14px;width:150px; height:38px; margin-left:40px}
.news-more:after{ width:146px; height:34px;}
.news-more p{ left:36px;top:9px; }

/*news-info*/
.arc-left{width:68%;padding-bottom:50px}
.arc-content{padding:10px 60px 40px; }
.arc-detail p{ margin-top:20px}
.arc-page{ margin-top:40px;}
.arc-right{  width:30%;}

/*kecheng*/
.hot,.class{padding-bottom:70px}
.hot-head{ margin:60px auto 0px;}
.hot-head h3{ font-size:24px; padding-bottom:30px;}
.hot-head p{ font-size:14px;}
.hot-content{ width:1000px;}

.class-conent{ width:1000px;padding-bottom:40px}
.class-center{ margin-top:30px}
.class-left{ margin-top:0px; width:70%}
.class-right{ width:24%}
.class-left h3{ font-size:18px}
.class-more{width:150px; height:32px; line-height:32px	; margin-top:15px;}
.class-more:hover:after{width:146px; height:28px;}

.class-bottom{ margin:24px auto 0px;}
.class-bottom h3{ font-size:18px}
.class-bottom .kc-main .active .kc-drop{ height:152px; padding:10px}
.kc-main .active .kc-num{ margin-top:160px}
.class-bottom .kc-main .swiper-slide{ height:400px}

/*课程详情*/
.base{ width:1000px; }
.base-content{padding:50px 80px;}
.xiao{ margin-top:30px}
.tuij,.xy{padding-bottom:70px}
.tuij-content,.xy-content{ width:1000px;}
.tuij-head{bottom:-30px;}
.tuij-main{ padding:12px 0px;}
.tuij-main span{ line-height:24px; font-size:14px; }
.tuij-main p{ line-height:24px; font-size:13px;}
.xiao .active .kc-num{ margin-top:185px}
.drop-content{height:500px; margin-top:-250px; background-size:100% 100%}
.drop-pic{ width:25%;  margin:70px 60px 0px 0px}
.drop-title{margin:70px 0px 0px 60px; font-size:28px; padding-bottom:20px}
.drop-main{  width:62%; margin:0px 0px 0px 60px; height:260px;}

#kc1 .kc-main .active .kc-num{ margin-top:183px}

}

@media screen and (max-width:1200px){
.study{ width:300px;right:-20px;}
.live-anchor span{ margin-right:5px}
.study-arr{width:300px;}
.study-ct{ width:240px; margin:30px auto 0px;  padding-bottom:22px}
.study-ct img{ width:45px; height:auto}
.study-ct h3{width:177px; font-size:16px; margin-top:1px}
.study-ct h4{width:177px; font-size:14px;margin-top:-34px;}
.study-ct p{ width:177px; font-size:14px;  margin-top:13px;}
.study-ct p a{ font-size:14px;}
.study-zc{ width:240px;margin:28px auto 0px;padding-bottom:22px}
.study-zc img{width:45px; height:auto}
.study-zc h3{ width:177px;  font-size:16px;}
.study-zc p{ width:177px;font-size:14px; margin-top:7px;}
.showst{ height:270px}	
	
/*news*/
.banner-new{ background-size:1200px; height:376px; }
.banner-center{top:38%;}
.banner-center h3{font-size:32px;}
.banner-center p{font-size:22px;}
.nav-pos{height:70px;}
.nav-center{ width:900px;}
.nav-center .swiper-slide{ line-height:70px;}
.news-list{ width:900px;}
.news-top{ padding:0px 32px;margin-top:18px}
.news-top p{width:52px; height:24px; line-height:24px; font-size:14px; }
.news-list .active .news-top p{height:24px; line-height:24px; width:52px}
.news-item h3{ padding:0px 32px; font-size:18px;}
.news-info{ padding:0px 32px; font-size:14px; line-height:24px; height:48px}
.news-more{margin-top:14px;width:140px; height:34px; margin-left:32px}
.news-more:after{ width:136px; height:30px;}
.news-more p{ left:36px;top:8px; font-size:12px; background-size:12px }
.news-list .active .news-more p{background-size:12px;}
.news-page{padding:32px 0px 70px;}
.news-page a{ width:46px; height:46px; line-height:46px}
.nav-center .swiper-button-prev{  width:40px; height:40px;top:50%;left:-36px}
.nav-center .swiper-button-next{  width:40px; height:40px;top:50%;right:-36px}
/*news-info*/
.arc-top h1{font-size:22px;}
.arc-left{padding-bottom:30px}
.arc-content{padding:5px 30px 30px; }
.arc-detail{ line-height:30px}
.arc-detail p{ margin-top:16px}
.arc-page{ margin-top:30px; font-size:14px}
.arc-page span{ height:60px;  padding:0px 10px 0px 30px;}
.arc-page span:last-child{padding:0px 30px 0px 10px; }
.arc-item{  padding-bottom:22px }
.arc-side{  padding-bottom:24px}
.arc-item ul li{ line-height:32px; height:32px;}
.arc-side ul li{  line-height:32px; height:32px;}
.arc-bottom{ line-height:52px; height:52px; font-size:14px;}

.arc-content h1{font-size:20px;  margin-top:30px; line-height:28px}
.arc-date { font-size:12px; margin-top:22px;padding-bottom:20px}
.arc-date  span{margin:0px 12px}


/*yuekan*/
.yk{ margin:40px auto 0px}
.yk-list{ padding:30px 30px 15px}
.yk-left h3{line-height:26px; font-size:22px; margin-right:12px}
.yk-left p{  padding-right:12px; line-height:26px; font-size:16px; margin-left:12px}
.yk-list ul{ margin-top:14px}
.yk-list ul li{line-height:32px; height:32px; }
.yk-list ul li a{ font-size:14px;}

/*info*/
.info,.vk{ background-size:1200px;  height:376px;}
.info .banner-center,.vk .banner-center{ top:40%;}
.info .banner-center h3,.vk .banner-center h3{font-size:26px;}
.info .banner-center p,.vk .banner-center p{font-size:18px;}
.info-pos{ height:60px;bottom:-30px;}
.info-pos ul{ width:900px; height:60px; line-height:60px;}
.info-pos ul li{padding:0px 90px}
.des{background-size:1200px;height:523px}
.des-main{ width:900px;margin:60px auto 0px}
.des-left{width:48%; height:190px; margin-top:20px}
.des-left h3{ font-size:24px;  padding-bottom:20px}
.des-content{ height:100px;}
.des-right{  width:48%;}
.des-bottom{ width:900px; background-size:900px; height:170px; margin-top:75px } 
.des-t1{ width:317px;  }
.des-t1 h3,.des-t2 h3{ font-size:18px;}
.des-t1 p,.des-t2 p{ margin-top:28px; font-size:12px; line-height:21px }
.des-t2{ width:317px; }
.des-t3{bottom:20px;font-size:18px; }
.des-cir1,.des-cir2{left:40.5%;top:45%;}
.jg{padding:60px 0px 90px}
.jg-center{ width:900px;}
.jg-left h3{  font-size:24px;  padding-bottom:20px}
.jg-left p{ line-height:24px; font-size:12px;}
.center-nav ul{ width:900px; }
.center-nav ul li{height:40px; margin-top:10px; font-size:14px;line-height:40px;}
.center-nav ul .active{ height:50px; line-height:50px; }
.center-slide{ background-size:1200px;  height:347px;}
.center-main{ width:900px;  height:276px; }
.center-item{ background-size:50%}
.item-des{ margin:0px 0px 0px 30px; font-size:14px}

.ts{background-size:1200px;  height:422px}
.ts-left h3{font-size:23px;padding-bottom:20px}
.ts-left p{line-height:24px; font-size:12px;}
.ts-center{ width:900px; }
.ts-main{font-size:12px; }

@keyframes  updown1 {
   0%{top:31%}
   50%{top:33%}
   100%{top:31%}
}
@keyframes updown2 {
   0%{top:7%}
   50%{top:5%}
   100%{top:7%}
}

@keyframes  updown4 {
   0%{top:56%}
   50%{top:58%}
   100%{top:56%}
}
.ts-t1{left:21%; }
.ts-t1 img,.ts-t2 img,.ts-t3 img,.ts-t4 img{ width:40px;}
.ts-t1 span,.ts-t2 span,.ts-t3 span,.ts-t4 span{line-height:40px}
.ts-t2{left:48%;}
.jump{ background-size:1200px; height:470px;}
.jump-center{ width:900px; margin:60px auto 0px;}
.jump-item{height:320px}
.jump-cont span{ margin:40px auto 0px; width:80% }
.jump-cont h3{ font-size:18px; width:80%}
.jump-cont p{font-size:12px; width:80%}
.jump-more{ bottom:9%}
.jump-more em{ line-height:28px;  font-size:12px; background-size:11px}
.jump-center .active .jump-more{ width:130px; height:28px;}

/*kecheng*/
.hot,.class{padding-bottom:60px}
.hot-head{ margin:50px auto 0px;}
.hot-head h3{ font-size:22px; padding-bottom:20px;}
.hot-head h3:after{width:60px; margin-left:-30px;}
.hot-head p{ margin-top:12px}
.hot-content{ width:900px;}
.class-bottom{ width:84.2%}
.class-conent{ width:900px;}
.class-bottom .kc-main .active .kc-drop{ height:140px;}

/*课程详情*/
.base{ width:900px; margin-top:-90px }
.base-content{padding:50px 60px 40px;}
.base-right{ margin-top:0px}
.base-right h3{  font-size:20px; padding-bottom:12px; }
.base-type{ font-size:14px;  margin-top:15px}
.base-ul{ margin-top:20px}
.base-head{ height:50px; margin-top:40px; line-height:50px; font-size:20px;}
.base-head span{ margin-left:30px}
.base-info{  padding:0px 26px; line-height:25px; font-size:14px;  margin-top:24px}
.base-content ul{  margin-top:20px}
.base-content ul li{  line-height:36px; font-size:14px; margin-left:30px}
.xiao{ margin-top:20px}
.tuij,.xy{padding-bottom:60px}
.tuij-content,.xy-content{ width:900px;}
.xy-head h3{ font-size:16px; line-height:26px}
.xy-head p{  line-height:22px; font-size:14px;}


}



@media screen and (max-width:1000px){
/*news*/
.nav-center{ width:80%;}
.news-list{ width:80%;}
.news-item{ position:relative}
.news-pic{ width:240px;}
.news-top{ position:absolute;right:0px;top:15px; width:100%; padding:0px 24px 0px 264px; margin:0px}
.news-item h3{position:absolute;right:0px;top:46px; width:100%; padding:0px 24px 0px 24%;font-size:16px; margin:0px}
.news-info{position:absolute;right:0px;top:80px; width:100%; padding:0px 24px 0px 264px; margin-top:0px; font-size:12px; line-height:22px; height:44px}
.news-more{ position:absolute;top:130px;left:264px;width:120px; height:30px; margin:0px}
.news-more:after{ width:116px; height:26px;}
.news-more p{ left:27px;top:7px;}
.news-page{padding:32px 0px 60px;}

/*news-info*/
.banner-arc{ height:320px; background-size:1600px}
.arc-top{  margin:138px auto 0px}
.arc-top h1{ font-size:20px;}
.arc-top p{ font-size:12px;  margin-top:12px}
.arc-top p span{ margin-right:34px}
.arc-break{ height:40px;}
.break-nav{  line-height:40px; font-size:12px}
.break-nav a{ font-size:12px;  margin-left:14px; padding-left:25px}
.break-nav span { height:40px; background-size:18px }
.arc-main{ width:90%;padding:12px 0px 30px;}

/*yuekan*/
.yk{ margin:30px auto 0px}
.yk-list{ padding:25px 25px 15px}
.yk-pic img{ width:190px;}
.yk-left h3{line-height:24px; font-size:20px; margin-right:12px}
.yk-left p{  padding-right:12px; line-height:24px; font-size:14px; margin-left:12px}
.yk-list ul{ margin-top:14px}
.yk-list ul li{line-height:30px; height:30px; }
.yk-more{width:180px; height:40px; line-height:40px;}
.yk-more em a{ font-size:14px; background-size:13px}

.yk-more:hover:after{ width:176px; height:36px}
.yk-more:hover em{background-size:13px}
/*kecheng*/
.hot,.class{padding-bottom:50px}
.hot-head{ margin:40px auto 0px;}
.hot-head h3{ font-size:20px; padding-bottom:16px;}
.hot-head h3:after{width:50px; margin-left:-25px;}
.hot-head p{ font-size:12px;}
.hot-content{ width:768px;}

.class-bottom{ width:84.1%}
.class-conent{ width:768px;}
.class-bottom .kc-main .active .kc-drop{ height:172px;}
.kc-main .active .kc-num{ margin-top:175px}

/*课程详情*/
.base{ width:780px;  }
.base-content{padding:40px 50px 30px;}
.base-right h3{  font-size:18px; padding-bottom:10px; }
.base-type{ font-size:12px;  margin-top:12px}
.base-ul{ margin-top:12px}
.base-kc{width:120px; height:28px; line-height:28px;margin-right:14px;font-size:12px;}
.ic1 span{background-size:14px; padding-right:22px}
.ic2 span{ background-size:12px; padding-right:22px;}

.base-kc:hover:after{ width:116px; height:24px;}
.ic1 a:hover span{ background-size:14px}
.ic2 a:hover span{background-size:12px}	


.base-head{ margin-top:30px;}
.xiao{ margin-top:10px}
.tuij,.xy{padding-bottom:40px}
.tuij-content,.xy-content{ width:780px;}

.drop-close{ width:20px; height:20px; right:20px;top:20px; background-size:100%}
.drop-pic{ width:32%;  margin:50px 30px 0px 0px}
.drop-title{margin:50px 0px 0px 30px; font-size:22px; }
.drop-main{width:57%; margin:0px 0px 0px 30px; height:220px;}
.drop-main p{ padding-right:10px;box-sizing:border-box}
.drop-bm p{ width:180px; height:40px; line-height:40px; margin-left:30px; }
.drop-bm span{ font-size:14px; background-size:14px }
.drop-bm p:hover:after{ width:176px; height:36px;}
.drop-bm p:hover span{background-size:14px}

}

@media screen and (max-width:900px){
/*yuekan*/
.yk{ margin:20px auto 0px}
.yk-list{ padding:20px 20px 15px}
.yk-pic img{ width:170px;}
.yk-left h3{line-height:22px; font-size:18px; margin-right:10px}
.yk-left p{  padding-right:10px; line-height:22px; font-size:12px; margin-left:10px; background-size:1.5px}
.yk-list ul{ margin-top:12px}
.yk-list ul li{line-height:26px; height:26px; }
.yk-list ul li a{ font-size:12px}
.yk-more{width:160px; height:34px; line-height:34px; margin-top:20px}
.yk-more em { font-size:14px; background-size:11px}
.yk-more:hover:after{ width:156px; height:30px}
.yk-more:hover em{background-size:11px}
/*info*/
.info-pos ul{ width:90%;height:60px; line-height:60px; font-size:12px;}
.des{ height:auto; background-size:auto 100%}
.des-main{ width:90%;margin:50px auto 0px}
.des-left{ width:100%;  height:220px;  margin-top:0px}
.des-left h3{font-size:20px; padding-bottom:15px}
.des-content{width:96%;font-size:14px;margin-top:14px; heigth:130px; line-height:26px}
.des-right{width:100%; margin-top:20px}
.des-bottom{ width:90%; margin:20px auto 0px;} 
.des-t1{ width:30%; }
.des-t1 h3{font-size:16px;}
.des-t1 p{line-height:20px; margin-top:22px; font-size:12px;}
.des-t2{ width:30%; }
.des-t2 h3{font-size:16px;}
.des-t2 p{line-height:20px; margin-top:22px; font-size:12px;}
.des-t3{bottom:20px;font-size:18px; }
.des-cir1,.des-cir2{left:36.5%;top:47%; }
.des-cir2{ left:58.8%}
.jg{ width:100%;padding:30px 0px 70px;}
.jg-center{ width:90%; margin:0px auto}
.jg-pic{ width:100%; margin-top:20px}
.jg-left{ width:100%; position:static; overflow:hidden}
.jg-left h3{font-size:20px; padding-bottom:15px; text-align:center }
.jg-left h3:after{ left:50%;margin-left:-35px }
.jg-left p{width:100%; line-height:24px; font-size:12px;  margin-top:11px; text-align:center}
.center-nav ul{ width:90%;}
.center-slide{ height:auto; padding-bottom:40px}
.center-main{ width:90%; }
.item-des{width:50%; padding:0px 20px ; margin:0px; line-height:23px; font-size:12px;box-sizing:border-box}
.item-right{width:46%;}

.ts{ height:auto; background:#fff}
.ts-left{ width:90%; position: static; margin:0px auto}
.ts-left h3{ font-size:20px;  padding-bottom:15px; text-align:center}
.ts-left h3:after{ left:50%;margin-left:-35px}
.ts-left p{width:100%; line-height:24px; font-size:12px;  margin-top:11px; text-align:center}
.ts-center{ width:100%; margin:30px auto 0px;}
.ts-pic{ display:block}
.ts-pic img{ width:100%; height:auto}
.ts-main{font-size:12px;}


@keyframes  updown4 {
   0%{top:66%}
   50%{top:68%}
   100%{top:66%}
}
.ts-t1{left:30%; }
.ts-t1 img,.ts-t2 img,.ts-t3 img,.ts-t4 img{ width:25px;}
.ts-t1 span,.ts-t2 span,.ts-t3 span,.ts-t4 span{line-height:25px}
.ts-t3{right:18%;}
.jump{height:auto;}
.jump-center{ width:100%; margin:0px auto 0px;}
.jump-item{ height:250px}
.jump-cont span{ width:82%; margin:30px auto 0px; }
.jump-cont h3{ width:82%;font-size:16px; }
.jump-cont p{ width:82%; font-size:12px;line-height:22px;}
.jump-more em{line-height:26px; padding-right:25px;}
.jump-center .active .jump-more{ width:100px;left:9%; height:26px;}

/*kecheng*/
.hot,.class{padding-bottom:40px}
.hot-head{ width:90%; margin:30px auto 0px;}
.hot-head h3{ font-size:18px; padding-bottom:14px;}
.hot-head h3:after{width:50px; margin-left:-25px;}
.hot-head p{ margin-top:10px}
.hot-content{ width:88%;}

.class-conent{ width:90%;}
.class-center{ width:90%; margin:0px auto}
.class-bottom{ width:90%}
.class-left{width:50%; margin-top:30px}
.class-left h3{font-size:16px; background-size:20px; padding-left:28px}
.class-left p{ line-height:24px; font-size:14px; padding-left:30px; margin-top:14px;}
.class-more{ width:150px; height:30px; line-height:30px; margin-top:10px;margin-left:30px;}
.class-more span{ font-size:12px;background-size:12px; padding-right:23px}
.class-more:hover:after{width:146px; height:26px;}
.class-right{  width:40%; margin-top:30px}
.class-bottom .kc-main .swiper-button-prev{ background-size:30px; width:30px; height:30px;left:-36px}
.class-bottom .kc-main .swiper-button-next{background-size:30px; width:30px; height:30px;right:-36px}
.class-bottom h3{ font-size:16px;background-size:20px; padding-left:28px}

/*课程详情*/
.base{ width:90%;  }
.base-content{padding:30px 40px;}
.base-right h3{  font-size:16px;  }
.base-head{font-size:16px;}
.base-content ul li{ width:28%; }
.tuij{padding-bottom:30px}
.xy{ padding-bottom:10px}
.tuij-content,.xy-content{ width:90%;}
.tuij-content .swiper-button-prev{ background-size:30px; width:30px; height:30px;left:-36px}
.tuij-content .swiper-button-next{background-size:30px; width:30px; height:30px;right:-36px}
.tuij-main span{ line-height:22px; font-size:14px; }
.tuij-main p{ line-height:22px; font-size:12px;}
.xy-content .swiper-button-prev{ background-size:30px; width:30px; height:30px;left:-36px}
.xy-content .swiper-button-next{ background-size:30px; width:30px; height:30px;right:-36px}
.xy-head h3{  font-size:14px;  line-height:24px}
.xy-head p{  line-height:22px; font-size:12px; }


}



@media screen and (max-width:768px){
/*导航下拉菜单*/
.study{top:32px}
.study a{ text-align:left; width:100%}

/*news*/
.banner-new{ height:240px; background-size:798px}
.banner-center{top:38%;}
.banner-center h3{ font-size:22px;}
.banner-center p{ font-size:18px; margin-top:12px}
.news-list{ width:94%; margin-top:20px}
.news-item{ margin-top:20px}
.news-pic{ width:140px;}
.news-top{top:12px; padding:0px 15px 0px 155px;}
.news-top span{ font-size:12px; line-height:28px}
.news-top p{ width:40px; height:24px; line-height:24px; font-size:12px}
.news-list .active .news-top p{height:24px; line-height:24px; width:40px}
.news-item h3{top:41px;padding:0px 15px 0px 155px;font-size:14px; line-height:23px; height:23px}
.news-info{top:64px;padding:0px 15px 0px 155px; line-height:22px; height:22px}
.news-more{ display:none}
.news-page{ padding:24px 0px }
.news-page a{ width:32px; height:32px; line-height:32px;font-size:16px; }

/*news-info*/
.banner-arc{height:250px;}
.arc-top{ width:92%; margin:97px auto 0px}
.arc-top h1{ font-size:14px; }
.arc-top p{font-size:12px;  margin-top:16px; line-height:24px}
.arc-top p span{  margin-right:20px}
.break-nav{ width:92%; line-height:40px;}
.break-nav a{ padding-left:15px; margin-left:8px;}
.break-nav span{ background-size:17px }
.break-nav span a{ width:20px}
.arc-left{ float:left; width:1080px; margin-top:20px; padding-bottom:80px}
.arc-main{ width:94%; padding:0px 0px 20px}
.arc-left{ width:100%; margin-top:10px; padding-bottom:0px}
.arc-content{ padding:10px 20px 20px;}
.arc-detail{ font-size:14px; line-height:26px;}
.arc-detail p{ margin-top:14px}
.arc-back{ margin-top:20px}
.arc-back img{ width:70px; height:auto}
.arc-page{line-height:26px; margin-top:20px; font-size:12px; height:auto; padding:5px 0px}
.arc-page span{ height:26px; width:100%; padding:0px 15px 0px;}
.arc-page span:last-child{padding:0px 15px 0px ; text-align:left}
.arc-right{ width:100%; padding-bottom:20px}
.arc-content h1{ font-size:16px; margin-top:20px; text-align:left}
.arc-date { font-size:12px; margin-top:22px;padding-bottom:20px}
.arc-date  span{ float:left; width:100%; line-height:24px; text-align:left; margin:0px}

/*yuekan*/
.yk{ margin:10px auto 0px; width:92%}
.yk-list{ padding:15px 15px 15px; margin-top:15px}
.yk-pic{ width:28%}
.yk-pic img{ width:100%;}
.yk-left{ width:69%}
.yk-left h3{ font-size:16px; margin-top:5px}
.yk-left .yk1{ width:100%; margin:0px; margin-top:8px;  padding-right:0px; background:none}
.yk-left .yk2{ width:100%; margin:0px;  padding-right:0px; background:none}
.yk-left .del{ width:100%; margin:0px}
.yk-list ul{ width:100%; margin-top:15px}
.yk-list ul li{line-height:24px; height:24px; }
.yk-more{width:140px; height:32px; line-height:32px; margin-top:20px}
.yk-more em a{ font-size:12px; background-size:12px}
.yk-more:hover:after{ width:136px; height:28px}
.yk-more:hover em{background-size:10px}
/*info*/
.info,.vk{ background-size:768px;  height:240px;}
.info .banner-center,.vk .banner-center{ top:44%;}
.info .banner-center h3,.vk .banner-center h3{font-size:18px;}
.info .banner-center p,.vk .banner-center p{font-size:12px; width:80%; line-height:24px; margin:12px auto 0px}
.info-pos{height:50px;bottom:-50px;}
.info-pos ul{ width:100%; height:50px; line-height:50px; font-size:12px; }
.info-pos ul li{ padding:18px 5%}
.info-pos ul .pos1 a,.info-pos ul .pos2 a,.info-pos ul .pos3 a{ background-size:14px; padding-left:26px;}
.des-left h3{ font-size:18px}
.des-left{ margin-top:22px}
.des-content{ width:100%}
.des-bottom{ width:100%; margin:20px auto 0px; background:none; padding-bottom:20px; height:auto} 
.des-t1{ width:100%; position:static; text-align:left}
.des-t1 h3,.des-t2 h3{font-size:14px;}
.des-t1 p,.des-t2 p{line-height:20px; margin-top:8px; font-size:12px; text-align:left; color:#666}
.des-t2{ width:100%; position:static; text-align:left; margin-top:16px}
.des-t3{ display:none}
.des-cir1,.des-cir2{ display:none}

.jg{  padding:30px 0px 60px;}
.jg-left h3{ font-size:18px; }
.jg-left p{ line-height:22px;}
.center-nav ul{ width:100%;}
.center-nav ul li{ height:40px; margin-top:6px;line-height:40px; font-size:12px}
.center-nav ul .active{ height:46px; line-height:46px;}
.center-slide{ height:auto;background-size:auto; padding-bottom:20px}
.item-des{width:100%; background:none; padding:15px}
.item-right{  width:100%;}
.center-main,.item-des,.center-item{ height:auto}

.ts{background: #fff url(../img/bg-17.jpg) no-repeat bottom center;background-size:100%}
.ts-left{ overflow:hidden}
.ts-left h3{font-size:18px; }
.ts-left p{ line-height:22px; }

.ts-main{ width:90%; overflow:hidden; margin:10px auto; padding-bottom:30px}
.ts-t1,.ts-t2,.ts-t3,.ts-t4{ float:left; width:50%; position:static ; margin-top:10px	 }
.ts-pic{ display:none}
.jump-item{width:50%;}

/*kecheng*/
.hot,.class{padding-bottom:30px}
.hot-head{ width:90%; margin:30px auto 0px;}
.hot-head h3{ font-size:18px; padding-bottom:12px;}
.hot-head p{ margin-top:10px; line-height:22px; color:#555}
.hot-content{ width:86%;}

.class-conent{ width:94%;}
.class-center{ width:94%;}
.class-bottom{ width:94%}
.class-left{width:100%; }

.class-right{  width:80%; margin-top:20px; float:left; display:inline; margin-left:32px}
.class-bottom .kc-main .swiper-button-prev{ background-size:25px; width:25px; height:25px;left:-28px}
.class-bottom .kc-main .swiper-button-next{background-size:25px; width:25px; height:25px;right:-28px}

.class-bottom .kc-main .swiper-slide{ height:auto; padding-bottom:20px}
.class-bottom .kc-main .kc-drop{ position:static; height:auto; padding:10px}
.class-bottom .kc-main .kc-drop img{ height:auto}
.class-bottom .kc-main  .kc-num,.class-bottom .kc-main .active .kc-num{ margin-top:20px}
.class-bottom .kc-main .active .kc-drop{ height:auto;}
.hot-content .kc-main .active .kc-num{ margin-top:20px}

.drop-content{ height:490px; margin-top:-245px}
.drop-pic{ width:100%; float:left;  margin:20px 30px 0px 0px}
.drop-pic img{ width:auto; height:200px; margin-left:20px}
.drop-title{margin:30px 0px 0px 20px; font-size:18px; overflow:hidden }
.drop-main{width:90%; margin:20px 0px 0px 20px; height:120px;}
.drop-main p{ padding-right:10px; margin:0px; padding-bottom:12px; font-size:12px; line-height:23px}
.drop-bm p{ width:120px; height:30px; line-height:30px; margin-left:20px; margin-top:10px }
.drop-bm span{ font-size:12px; background-size:12px }
.drop-bm p:hover:after{ width:116px; height:26px;}
.drop-bm p:hover span{background-size:12px}

/*课程详情*/
.base{ width:100%; margin-top:-40px  }
.base-nav{line-height:40px; font-size:12px;  height:40px; }
.base-nav a{ padding:0px 10px 0px 16px}
.base-nav span a{background-size:16px; height:40px; }

.base-content{padding:20px}
.base-pic{width:100%; }
.base-right{width:100%;  margin-top:20px}
.base-head{ background-size:auto 40px; line-height:40px; height:40px; margin-top:20px }
.base-head span{ margin-left:20px}
.base-info{ padding:0px; margin-top:15px; font-size:12px}
.base-content ul{margin-top:10px}
.base-content ul li{width:50%; line-height:26px; font-size:14px; margin-left:0px}
.xiao{ margin-top:0px}
.tuij{padding-bottom:10px}
.xy{ padding-bottom:0px}
.tuij-content,.xy-content{ width:80%;}
.xy-content .swiper-wrapper{ padding-bottom:10px}

.class-gd{ padding-right:20px}
#kc1 .kc-main .active .kc-num{ margin-top:20px}
.video-drop video{ width:90%;}
}

@media screen and (max-width:600px){
/*news*/
.banner-center{top:42%;}
.nav-pos{ height:50px;}
.nav-center .swiper-slide{ line-height:50px; font-size:12px;}
.nav-center .swiper-slide img{ width:auto; height:22px}
.nav-center img{ margin-right:5px}
.nav-center .swiper-button-prev{ width:24px; height:24px;left:-18px;top:68%}
.nav-center .swiper-button-next{width:24px; height:24px;right:-18px;top:68%}
.nav-center .swiper-button-next.swiper-button-disabled{ background-size:14px}
.nav-center .swiper-button-prev.swiper-button-disabled{background-size:14px}






}