html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input{
    margin:0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td { font-size: 1em; font-style: normal; font-weight: normal;}
ul, ol { list-style: none outside none;}
fieldset, img { border: medium none; vertical-align: middle;}
caption, th {  text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}
body { font: 14px/24px "Microsoft Yahei",arial,"Helvetica Neue",Helvetica,STHeiTi,sans-serif; color: #666; background: #FFF none repeat scroll 0 0; min-width: 1200px;}
input, select, textarea { font: 12px/20px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
i, cite, em { font-style: normal;}
input,button,select,textarea{ outline:none}
a { color: #333; text-decoration: none; outline: medium none; -webkit-transition-property:color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}
a:link, a:visited, a:active { text-decoration: none;}
a:hover { color: #008cee; text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.color_brown{background-color: rgba(164,105,49,0.8); }
.color_yellow{background-color: rgba(212,167,22,0.8); }
.color_coffee{background-color: rgba(94,70,58,0.8); }
.color_tangerine{background-color: rgba(233,137,60,0.8); }
.color_red{background-color: rgba(156,54,29,0.8); }
.color_pink{background-color: rgba(212,117,101,0.8); }

.wrap{}
.header{width: 1100px; margin: 0 auto; height: 105px; overflow: hidden; padding-top: 30px;}
.header .logo{float: left; margin-right: 10px;    margin-top: -10px;}
.nav{height: 36px; line-height: 36px; background: #9c2027; overflow: hidden;}
.nav ul{width: 1060px; margin: 0 auto; padding: 0 20px; overflow: hidden;}
.nav ul li{float: left; border-right:1px solid #b7373e; border-left: 1px solid #791217; text-align: center; width:146px ;}
.nav ul li:first-child{border-left: 0;}
.nav ul li:last-child{border-right:0;}
.nav ul li a:hover{background: #c2232c;}
.nav ul li a{ color: #fff; font-size: 14px; display: block;}
#random{width: 100%; height: 394px; min-height: 394px; position: relative;}
.slogan{margin: 0 auto; width: 1100px;}
.index_main{background: #f5f2ee; padding: 40px 0;}
.area_course{overflow: hidden; margin-top: 40px;width:1100px; margin: 0 auto;}
.area_course li{float: left; background: #fff; margin-bottom: 20px; position: relative;    width: 353px;}
.area_course li:nth-child(2) , .area_course li:nth-child(5){margin: 0 20px;}
.area_course li .course_tit{padding:10px 8px;overflow: hidden; line-height: 28px; text-overflow: ellipsis;width: 333px;}
.area_course li .course_tit p{float: left;    text-overflow: ellipsis;  width: 240px; overflow: hidden;  white-space: nowrap;}
.area_course li .course_tit span{ font-size: 12px; float: right; border-radius:20px; border: 1px solid #009ef4; color: #009ef4; text-align: center; padding: 0 20px 0 10px; background: url(../images/f_right.png) 65px 7px no-repeat; line-height: 20px;height: 22px;margin-left: 10px;    display: block;}
.img_mask{position: absolute;width: 150px; height: 32px; left: 50%; margin-left: -75px; top: 30%; color: #fff; text-align: center; line-height: 32px; font-size: 20px;  font-weight: 700;  filter:Alpha(opacity=80);}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .img_mask{
    filter:Alpha(opacity=80);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .img_mask h3{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
.img_mask h3{color: #fff;opacity: 1; font-weight: 700; line-height: 32px;}
.area_1{overflow: hidden; background: #fff; border: 1px solid #d8d8d8; padding: 15px; width: 1068px;margin: 20px auto;}
.img_list{padding-top: 10px; width: 710px;}
.img_list .list_tit{border-bottom: 3px solid #b9b9b9; height: 34px;}
.img_list .list_tit h3{font-size: 20px; color: #525252; font-weight: 700; float: left; padding: 0 10px 10px;}
.img_list .list_tit h3.activate{color: #008cee; background: url(../images/f_up.png) bottom no-repeat;    border-bottom: 3px solid #008cee;}
.img_box{overflow: hidden;    padding-bottom: 10px;}
.img_box ul li{float: left; margin-right:10px ; margin-top:20px ;width: 229px;}
.img_box ul li:nth-child(3),.img_box ul li:nth-child(6),.img_box ul li:nth-child(9){margin-right: 0;}
.scroll_box{width: 330px;  text-align: center; position: relative;}
.scroll_tit{position: absolute; background: url(../images/bt_1.png) no-repeat; text-align: center; font-size: 20px; font-weight: 700; color: #008cee;width: 271px;height: 46px;line-height: 46px;margin-left:-136px;top:20px;left:50%;z-index: 99;}
.scroll_box .scroll_main{border: 1px solid #d8d8d8;margin-top: 45px; position: relative;    height: 444px;}
.scroll_main .f_left{width: 20px; height: 40px; background: url(../images/btn_left.png) no-repeat; position: absolute; top: 40%; left: 0; cursor: pointer;}
.scroll_main .f_right{width: 20px; height: 40px; background: url(../images/btn_right.png) no-repeat; position: absolute; top: 40%; right: 0; cursor: pointer;}

/*轮播*/
  .lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:599px;}
  .lubo_box{ position: relative; width: 100%; height:599px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:599px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 368px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #009ef4 !important;}

  /*按钮*/
  .lubo_btn{ position: absolute; width: 100%; top: 275px;}
  .left_btn, .right_btn{font-family: sans-serif; width: 50px; height: 50px;    border-radius: 50%; background: #000;opacity: 0.4;filter:alpha(opacity=40); cursor: pointer; color: #fff; line-height: 50px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left; margin-left: 10px;}
  .right_btn{ float: right; margin-right: 10px;}

.ps-nav {
	display:block;
	width: 20px; height: 40px;
	text-align:center;
	position:absolute;
	top:40%;

}
.ps-nav-prev {
	background: url(../images/btn_left.png) no-repeat;
	left: 0;
}
.ps-nav-next {
	background: url(../images/btn_right.png) no-repeat;
	right: 0;
}
/* paper slider css*/
.paper-slide {
	background:#fff;
	color:#666;
}
.paper-slide.ps-odd {
	background:#fff;
}
.scroll_img{width: 220px; height: 330px; padding: 10px; border: 1px solid #ddd; background: #fff; margin: 30px auto 0;}
.scroll_text{width: 220px;margin: 0 auto;padding: 10px;    line-height: 20px;}
.list_more{float: right; margin-top:5px;}
a.list_more{background: url(../images/more.png) no-repeat; width: 61px; height: 21px; display: block;}
.list_more a{background: url(../images/more.png) no-repeat; width: 61px; height: 21px; display: block;}
.img_text{text-align: center;}
.img_text p{line-height: 20px; font-size: 12px;padding: 5px 0; text-align: left;}
.img_text span{background:#757575; color: #fff; font-size: 16px; padding: 2px 15px;}
.ad{background: url(../images/dt_bg.jpg) 0 -40px  no-repeat; width: 1100px; margin: 0 auto; height: 240px; overflow: hidden;margin-top: -20px;margin-bottom: -20px;}
.faq{width: 330px;margin-top: 7px;}
.faq .tabs_r{ background: #008cee; height: 40px; line-height: 40px; overflow: hidden;}
.faq .tabs_r ul{float: left; margin-left: 10px;}
.faq .tabs_r ul li{float: left;}
.faq .tabs_r ul li a{color: #fff; font-weight: 700; padding: 2px 15px; font-size: 16px;}
.faq .tabs_r ul li.activ a{ border-radius: 30px; background: #fff; color: #008cee;}
.faq .tabs_r .faq_more{float: right; margin-right: 10px;}
.faq_list{border: 1px solid #d8d8d8; border-top: 0; padding: 20px;}
.faq_list ul.No_bt{background: url(../images/bt_icon.png) 0 8px no-repeat; padding-left: 30px;}
.faq_list ul li{height: 35px; line-height: 35px; }
.faq_list ul li a{color: #666; }
.faq_list ul li a.imp{color: #fa4052;}
.ad_gg{margin-top: 20px;}
.news_box{padding-top: 10px; width: 710px;}
.normal_tit{border-bottom: 3px solid #b9b9b9; height: 34px;}
.normal_tit h3{font-size: 20px; font-weight: 700; float: left; padding: 0 10px 10px;color: #008cee; background: url(../images/f_up.png) bottom no-repeat;    border-bottom: 3px solid #008cee;}
.news_list{padding:20px 10px 0;}
.main_news{overflow: hidden; margin-bottom: 20px; position: relative;}
.main_news .new_img{position: absolute; left: 0; top: 0; }
.main_news .news_info{padding-left: 300px;}
.main_news .news_info h3{font-size: 20px; color: #343434;}
.main_news .news_info p{font-size: 14px; color: #666666; margin: 10px 0;}
.main_news .news_info a{float: right; background: #008cee; color: #fff; text-align: center; padding: 2px 15px;}
.main_news .news_info a:hover{background: #129dff;}
ul.list_info{overflow: hidden;}
ul.list_info li{height: 37px; line-height: 37px; overflow: hidden;}
ul.list_info li a{color: #666;}
ul.list_info li a:hover{color: #e3101e;}
ul.list_info li .time_fr{float: right; color: #a6a6a6;}
ul.normal_list{padding: 20px 0 10px; overflow: hidden;}
.normal_list li{float: left; margin-right: 10px;width: 205px;}
.normal_list li:last-child{margin: 0;}
.bottom{background: #2e2e2e url(../images/bottom-bg.png) repeat;}
.bottom_info{width: 1100px; margin: 0 auto; overflow: hidden; padding: 30px 0;border-bottom: 1px solid #303032;}
.bottom_link{width: 1100px; margin: 0 auto; overflow: hidden; border-top: 1px solid #65666a; padding: 20px 0;}
.bottom_link a{padding: 0 10px; color: #585858;}
.bt_link{margin-left: 30px;}
.bt_link ul{float: left; margin-left: 60px;border-right: 1px solid #68686c;padding-right: 60px;}
.bt_link ul li{height: 40px; line-height: 40px;font-size: 16px;}
.bt_link ul li.link_tit{color: #ffffff; font-size: 18px; font-weight: 700;}
.bt_link ul li a{color: #9f9f9f;}
.bt_logo h1{font-size: 36px; color: #fff; font-weight: 700; margin-top: 50px;}
.bt_logo p{margin-top: 20px; color: #9f9f9f;}


/*page*/
.list_body{overflow: hidden;margin-top: 40px;width: 1100px;margin: 0 auto;}
.slide_left{width: 250px; float: left;}
.list_main{width: 820px; float: right;}
.paper_wrap{width: 820px; float: right;}
.paper_crumb{overflow: hidden; height: 30px; padding-bottom: 10px; border-bottom: 1px solid #dddbd7;}
.paper_crumb h3{float: left; font-size: 24px; font-weight: 700; color: #505050;}
.paper_crumb .link_crumb{float: right; text-align: left; background: url(../images/dt_icon.png) 0 0 no-repeat; padding-left: 26px;}
.list_main ul li{padding: 30px 0;border-bottom: 1px solid #dddbd7; overflow: hidden; position: relative;}
.list_img{float: left; margin-left: 10px;}
.list_text{margin-left: 20px; float: left; width: 520px;}
.list_main ul li a{display: block;}
.list_main ul li:hover{background: #fff;}
.time_text{position: absolute; top: 30px; right: 30px; display: block; color: #666666;}
.list_text p{font-size: 14px; color: #666; height: 72px; overflow: hidden;text-overflow:ellipsis;}
.list_text .bt_text{font-size: 16px; font-weight: 700; color: #343434; height: 40px;}
.tabCon>div { display:none}
.tabCon .on { display:block}
.tabCon_1>div{display:none}
.tabCon_1 .on { display:block}
.slide_nav{border: 1px solid #d8d8d8;}
.slide_nav h3{height: 59px; background: url(../images/left_tit.jpg) no-repeat; color: #fff; line-height: 59px; font-size: 24px; padding-left: 20px;}
.slide_nav ul li{height: 50px; line-height: 50px; border-bottom: 1px solid #d8d8d8; background: #fff;}
.slide_nav ul li:last-child{border-bottom: 0;}
.slide_nav ul li a{ padding-left: 16px ; background: url(../images/f_right_2.png) 0 8px no-repeat; margin-left: 20px; font-size: 16px; color: #434343;}
.slide_nav ul li a:hover,.slide_nav ul li a.activ{color: #008cee; background: url(../images/f_right_2_hover.png) 0 8px no-repeat;}
.mod_1{margin-top: 20px;border: 1px solid #d8d8d8;}
.mod_1 .mod_1_tit{height: 50px; background:url(../images/bt_bg.png) repeat-x; line-height: 50px; border-bottom: 1px solid #d8d8d8;}
.mod_1 .mod_1_tit h3{font-size: 16px; font-weight: 700; color: #525252; margin-left: 15px;}
.mod_1 .mod_1_list{padding: 20px 10px; text-align: center; background: #fff;}
.mod_1 .mod_1_list ul li{margin-top: 15px;}
.mod_1 .mod_1_list ul li:first-child{margin-top: 0;}

/*page_tool*/
.ui-paging-container{color:#666;font-size: 12px;}
.ui-paging-container ul{overflow: hidden;text-align: center;}
.ui-paging-container ul,.ui-paging-container li{list-style: none;}
.ui-paging-container ul li{display: inline-block;padding: 6px 15px;margin-left: 5px;color:#666; border: 0;}
.ui-paging-container li.ui-pager{cursor: pointer; border:1px solid #ddd;border-radius: 2px;    padding: 6px 15px;}
.ui-paging-container li.ui-pager:hover,.ui-paging-container li.focus{background-color: #9c2027;color:#FFFFFF;}
.ui-paging-container li.ui-paging-ellipse{border:none;padding: 6px 15px;}
.ui-paging-container li.ui-paging-toolbar{padding:0;}
.ui-paging-container li.ui-paging-toolbar select{height:22px;border:1px solid #ddd;color: #666;}
.ui-paging-container li.ui-paging-toolbar input{line-height: 20px; height:20px;padding:0;border:1px solid #ddd;text-align: center;width: 30px;margin:0 0 0 5px;vertical-align: middle;}
.ui-paging-container li.ui-paging-toolbar a{vertical-align: middle; text-decoration: none;display: inline-block;height:20px;border:1px solid #ddd;vertical-align: top;border-radius: 2px;line-height: 20px;padding:0 3px;cursor: pointer;margin-left: 5px;color: #666;}
.ui-paging-container li.ui-pager-disabled,.ui-paging-container li.ui-pager-disabled:hover{background-color: #f6f6f6;;cursor: default;border:none;color:#ddd;}

.page_box{overflow: hidden; margin-top: 20px; background: #f9f5f2; border: 1px solid #dddbd7;    padding: 8px 8px 0 8px;}
.page_no{float: left; margin-top: 10px;}
.page_no span{margin: 0 10px;}
.page_fr{float: right;}

ul.list_mod{overflow: hidden;}
ul.list_mod li{float: left; margin-right: 25px; width: 256px;text-align: center; background: #fff; border: 0; padding: 0; margin-top: 20px;}
ul.list_mod li:nth-child(3),ul.list_mod li:nth-child(6),ul.list_mod li:nth-child(9),ul.list_mod li:nth-child(12),ul.list_mod li:nth-child(15){margin-right: 0;}
ul.list_mod li a{ display: block; position: relative;}
ul.list_mod li a p{padding: 5px;}
ul.list_mod li a i{position: absolute;top: 60px;left: 106px;background: url(../images/play_bg.png) no-repeat;width: 45px;  height: 45px;}
ul.list_mod li a:hover i{background: url(../images/play_bg_hover.png) no-repeat;}

.height_158{height: 158px; overflow: hidden;}
.width_440{width: 440px;}
.dw_r{position: absolute; right: 20px; top: 94px;}

.pages_box{background: #fff; border: 1px solid #d8d8d8; margin: 25px 0; padding: 30px;}
.pages_tit{border-bottom: 1px solid #e6e6e6; padding: 10px 0 20px 0;}
.pages_tit h3{font-size: 26px; margin-bottom: 20px; color: #343434; text-align: center;}
.pages_tit p{font-size: 14px; color: #9b9b9b;text-align: center;}
.pages_main{margin-top: 20px;}
.pages_bottom{margin-top: 20px;padding: 20px 0; border-top:1px solid #d8d8d8; overflow: hidden;}
.pages_bottom .pages_prv{float: left;}
.pages_bottom .pages_next{float: right;}
.pages_list{background: #fff; border:1px solid #d8d8d8;}
.pages_list .pages_list_top {height: 50px;background: url(../images/bt_bg.png) repeat-x;line-height: 50px; border-bottom: 1px solid #d8d8d8; overflow: hidden;}
.pages_list .pages_list_top h3 {font-size: 16px; font-weight: 700; color: #525252;margin-left: 15px; float: left;}
.pages_list_more{background: url(../images/more.png) no-repeat; width: 61px; height: 21px; display: block; float: right;    margin: 15px 10px 0 0;}
.pages_list_main{position: relative;}
.pages_list_main .but_left {display: block;width: 20px;height: 40px;text-align: center; position: absolute; top: 40%;left: 0; cursor: pointer;}
.pages_list_main .but_right{display: block;width: 20px;height: 40px;text-align: center; position: absolute; top: 40%;right: 0; cursor: pointer;}
.pages_list_mobile{width: 736px;height: 180px;margin: 0 auto; position: relative;overflow: hidden;}
.pages_list_mobile ul{width: 2000%;height: 160px; position: absolute; top: 20px; left: 0;}
.pages_list_mobile ul li{float: left; margin-right: 10px; text-align: center;}
.pages_list_mobile ul li p{text-align: center; margin-top: 10px;}

.pager_area_1{padding: 30px 10px;}
.ls_top{margin-bottom: 30px; overflow: hidden;}
.ls_top .ls_text{width: 490px;}
.ls_top .ls_text p{text-indent: 2em;}
.ls_top .ls_text h3{font-size: 16px; font-weight: 700; margin: 20px 0 10px 0;}
.ls_bottom{margin-top: 30px; background: #fff; padding: 20px; font-weight: 700; color: #464646; font-size: 18px; border: 1px solid #ddd;}


.course_top{padding: 10px; background: #fff; border: 1px solid #d8d8d8; overflow: hidden;}
.course_top .course_text{width: 440px; float: right;}
.course_top .course_text p{padding: 10px 10px 10px 0; font-size: 16px;}
.course_top .course_img{float: left; width: 329px; height: 220px; overflow: hidden;}
.course_top .course_img img{width: 100%;}
.course_btn{margin-top: 20px;}
.course_btn a{border-radius: 5px; height: 50px; line-height: 50px; display: block; width: 150px; text-align: center; color: #fff; font-size: 16px; background: #9c2027;}
.course_btn a:hover{background: #ba1f27;}
.course_chapter{margin-top: 30px; padding: 20px;}
.course_chapter .chapter_tit{height: 30px; line-height: 30px; background: url(../images/tit_bg.png) 0 15px repeat-x;}
.course_chapter .chapter_tit h3{float: left;  background: #f5f2ee url(../images/course_bt.png) 0 8px no-repeat; padding-left: 25px; font-size: 20px; color: #008def;    padding-right: 10px;}
.chapter_info{padding: 20px;}
.chapter_info td{height: 36px; line-height: 36px; font-size: 16px;}
.chapter_info table{margin-bottom: 20px;}
.chapter_info h3{font-size: 18px; font-weight: 700; color: #505050;}
.course_btn .about_1{height: 30px; line-height: 30px; background: url(../images/course_bm_bg.png) 0 3px no-repeat; padding-left: 30px; font-size: 16px;}
.course_btn .about_1 span{font-weight: 700;}
.course_btn .about_2{height: 30px; line-height: 30px; background: url(../images/course_bm_bg.png) 0 -30px no-repeat; padding-left: 30px; font-size: 16px;}
.course_btn .about_2 span{font-weight: 700;}
.chapter_info p{margin: 15px 0; font-size: 16px; line-height: 2em;}
.copyright{text-align: center;color: #9f9f9f;}
.index_scroll_img{height: 136px; overflow: hidden;}
.course_bt_h3{font-size: 20px; font-weight: 700; color: #008cee; padding-left: 20px; background: url(../images/h3_bg.png) 0 3px no-repeat; margin-left: 10px; margin-bottom: 20px;}
.course_qa{padding: 20px 0;}
.course_qa .course_q{padding: 10px; background: #d4edff; font-size: 18px; font-weight: 700; color: #505050;}
.course_qa .course_a{margin: 10px 0 20px 30px;}

.img_box ul.list_mod li{width: 229px; margin-right: 10px; overflow: hidden;}
.img_box ul.list_mod li:nth-child(3),.img_box ul.list_mod li:nth-child(6){margin-right: 0;}
.img_box ul.list_mod li img{width: 100%;}
.img_box ul.list_mod li a i{top: 50px;  left: 93px;}