/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
html{ height:100%;}
body{font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;padding:0;font-size:12px;margin:0 auto;color: #333333;}
a:link {text-decoration: none; color:#FFFFFF;
}
a:visited {
	text-decoration: none;color:#FFFFFF;
}
a:hover {
	text-decoration: none;color:#FFFFFF;
}
a:active {
	text-decoration: none;color:#FFFFFF;
}

/* Headings
/*------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;font-weight:normal; margin:0px;}
h1{ font-size:20px; padding:0 0 10px 0; }
h2{ font-size:18px; padding:5px 0 5px 0; clear:both;}
h3{ font-size:16px; padding:0 0 15px 0; clear:both;}
h4{ font-size:14px; padding:0 0 15px 0; clear:both;}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../m/images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
#foot{height:75px;position:fixed;z-index:9999; bottom:0px; width:100%;}
.dhbt{color:#FFFFFF; font-size:14px}
.dhbt a {color:#FFFFFF;}
.dhbt a:link{color:#ffffff;}
.dhbt a:visited {color:#ffffff;}
.dhbt a:hover {color:#FFFFFF;}
.bg{background:url(../m/images/bg.jpg);height: auto;width: 100%;border: 0;background-size: 100% 100%;}
.bgs{ width:86%;height:auto;overflow:hidden; margin:auto}
.bgs IMG{MAX-WIDTH: 100%!important;important;width:expression(this.width > 400 ? "400px" : this.width)!important;}

#top{height:160px;position:fixed;z-index:9999; top:160px; width:100%;}
#top1{height:180px;position:fixed;z-index:9999; top:180px; width:100%;}

.logo img {width:100%; display:block;}
.ny{ line-height:180%;width:96%; margin:auto;font-size:1rem }
.ny img {width:100%; display:block;}


.cake_nav_d{ max-width: 640px; min-width: 320px; height:auto; position:relative;margin: 0 auto;}
.nav_c{  width: 100%;   height: 100%; top: 0;left: 0;  overflow: hidden;   position: absolute; }
.nav_c a {line-height:40px;}
.cake_nav_d dl{ width:25%; height:50%;  float:left; text-align:center;}
#cake .cake_nav_d a{ height:100%; display:block; color:#FFF; font-size:0.8em; line-height:40px; }
.full{ width:100%;}


.cake_contime{ width:100%; height:66px; line-height:66px; overflow:hidden; text-align:center; color:#565656; background:url(../m/img/jin_top.jpg) no-repeat; background-size:100% 100%; font-size:16px;margin-top:-4px; float:left;}
.cake_contime font{ color:#EFEFEF;}

#footer{ height:42px; width:100%; position:fixed; bottom:0; z-index:99999; line-height:42px; font-size:14px; }
#footer li{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; float:left; width:20%; border-left:1px solid #AAFFAA; height:42px; text-align:center;list-style: outside none none;background:url(../m/img/cake_nav.gif);}
#footer li a{ display:block; padding-top:0px;color:#FFF;}
#footer li span{ display:block; padding-top:0px;color:#FFF;}
.footersg{clear:both; display:block; height:50px; width:100%;}


/*课程开始*/
.ke_ul{ margin: 0 auto;width:100%; margin-top:2%;}
.ke_ul li{min-height:80px;padding:8px 10px 6px;border-bottom: 1px dotted #DDDDDD;position: relative;}
.ke_ul .list-item{display: -webkit-box;display: -moz-box; width:100%;}
.ke_ul .pic{width:110px;height:100px;margin:0px 10px 0 0;display: inline-block;text-align: center;overflow: hidden; border-radius:4px;position: relative;}
.ke_ul .pic img{ width: 110px; height: 100px;}
.ke_ul .info{-webkit-box-flex: 1;-moz-box-flex: 1;}
.ke_ul .info h2.title { font-size:14px; color:#060606;height:14px;line-height:100%;margin-bottom: 6px;position: relative;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; font-weight:bold;}
.ke_ul .info h3.title {  font-size:12px; color:#909090;height:28px;line-height:120%;position: relative;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; text-indent:-5px;margin-bottom:5px; text-indent:5px;}
.ke_ul .pos{display: -webkit-box;display: -moz-box; width:100%; line-height:100%;}
.ke_ul .song{ font-size:14px;-webkit-box-flex: 1;-moz-box-flex: 1;}
/*课程结束*/

.slider{display:none}/*用于获取更加体验*/
.focus span{width:10px;height:10px;margin-right:10px;border-radius:50%;background:#666;font-size:0}
.focus span.current{background:#fff}