﻿/*格式化*/
*{ padding:0; margin:0; border:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{margin:0;padding:0;word-wrap:break-word;border:none;list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
body,html,input{font-family: Arial, Helvetica, sans-serif;font-size:1em;line-height: 1.5;}
body{color:#333; background-color:#fff;}
a{text-decoration:none; color:#333}
a:hover{text-decoration: none;color: #F30}

select, input, img{vertical-align:middle; border:none;}
img,object{     max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */}

.z{float: left}.y{float: right}.pr{ position:relative}.pa{ position:absolute}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl {  }
.pipe{ color:#ddd; padding:0 8px;}
.wp{ width: 100%!important; margin:0 auto; background-color:#eee; overflow:hidden;}
.oh{overflow:hidden;}
.z{float: left}.y{float: right}.pr{ position:relative}.pa{ position:absolute}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl {  }
.pipe{ color:#ddd; padding:0 8px;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.lh30{ line-height:150%;}
.f10{ font-size:50%;}
.f12{ font-size:80%;}
.f14{ font-size:90%;}
.f16{ font-size:100%;}
.f18{ font-size:120%;}
.c690{color:#690;}
.cccc{ color:#ccc;}
.c000,.c000 a{ color:#000;}
.c999,.c999 a,.c999 a:hover{ color:#999;}
.c555{ color:#555;}.c555 a{ color:#555;}.c555 a:hover{ color:#333;}
.cf30,.red,.cf30 a,.red a{ color:#f30;}

.fn{ font-weight:normal;}

/*边距*/
.p-b10{ padding-bottom:3%!important;}
.p-t10{ padding-top:3%!important;}
.p-b20{ padding-bottom:5%!important;}
.p-t20{padding-top:5%!important;}
.p-r30{padding-right:30px!important;}
.p-l30{padding-left:30px!important;}
.p2{ padding:2%;}
.p5{ padding:3%;}
.p10{ padding:0% 0;}
.p-tb10{ padding:5% 0;}
.m-t10{ margin-top:3% !important; }
.m-b10{ margin-bottom:5% !important; }
.b1c{border:1px solid #ccc;}
.b1d{border:1px solid #ddd;}
.b-t-1c{border-top:1px solid #ccc;}
.b-b-1e{border-bottom:1px solid #eee;}
.b-b-1d{border-bottom:1px dotted #ddd;margin-bottom:3% !important; }
.b-b-3c{border-bottom:3px solid #ccc;margin-bottom:3% !important; }
.b-b-1c{border-bottom:1px solid #ccc;}
.w3{ width:92%; margin:0 auto; }
.w33{ width:92%; margin:0 auto;}

/*导航*/
#hd h1{
	padding: 2%;
	width: 100%;
	text-align: left;
	background-color: #eee;
	font-size: 100%;
	font-style: normal;
}
#hd h1 a{ color:#333;}
.banner{ background-color:#fff;}
#menu{text-align:center; width:96%; background:#035c6c; padding:8px 2%;}
#menu li{ float:left; overflow:hidden; width:20%; margin:1% 0; background: url(../images/menu_li_bg.jpg) no-repeat right 50%; text-align:center;} 
#menu li a{ float:left;color:#fff; display:block; font-size:85%;text-align:center; width:100%;white-space:nowrap;}
#menu li a:hover{ color:#fff;}
#menu li img{ display:block; width:100%; max-width:100%; margin:0 auto 5% auto;}
#menu1{text-align:center; width:100%; padding-bottom:2%; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#fff;}
#menu1 li{ float:left;overflow:hidden; width:15%; margin:3% 5% 2% 5%;text-align:center;} 
#menu1 li a{ float:left;color:#333; display:block; font-size:75%;text-align:center; width:100%;white-space:nowrap;}
#menu1 li a:hover{ color:#000;}
#menu1 li img{ display:block; width:100%; max-width:100%; margin:0 auto 5% auto;}

.home_about { width:100%; border-bottom:#ccc 1px solid; padding:10px 0 20px 0; }
.home_about img{ width:100%; margin:5px 0; }

.newlist { list-style:none; overflow:hidden; }
.newlist li{float:left; width:100%; padding:0px 0 20px 0;}
.newlist li .pic{ float:left; width:40%; }
.newlist li .pic img{ width:100%; height:100px; }
.newlist li .time_desc{ float:right; width:55%; overflow:hidden; word-wrap:break-word; }
.newlist li .titt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; color:#c10000; font-weight:normal; }
.newlist li .titt a{ font-size:15px; color:#c10000; font-weight:normal; }
.newlist li .desc{ line-height:19px; font-size:13px; }
.newslist_more { text-align:center; }
.button_ns {border: solid 1px #ddd;
    background: transparent;
    border-radius: 4px;
    font-size: 14px;
    padding: 6px 15px;
    margin: 0;
    display: inline-block;
    line-height: 20px;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
}
.line-small { width:100%; list-style:none; overflow:hidden; }
.line-small li{ float:left; width:50%; }
.line-small li img{width:100%; }

.zy_table { width:100%; overflow:hidden; }
.zy_table table{ width:100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; display: table; border-collapse: separate; border-spacing: 0px; border-color: grey; }
.zy_table tbody { display: table-row-group; vertical-align: middle; border-color: inherit;}
.zy_table table  th { border-bottom: 1px solid #ddd; vertical-align: bottom; padding: 8px;    text-align: left;}
.zy_table table td { font-size:14px;
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: top;
}
.baoming { width:100%; overflow:hidden; }

.footer { width:100%; margin-top:30px; background-color:#02728d; padding:20px 0 60px 0; font-size:12px; color:#FFF; text-align:center; }
.footer a{ color:#FFF; }
.footer .ewm { width:100%; font-size:18px; font-weight:bold; padding-bottom:10px; }
.footer .ewm img{ width:50%; }

/*盒子及标题*/
.box{}
.boxh3{	padding:3% 5%;font-size:100%;color: #000;position:relative; text-align:center; color: #c10000; font-size:30px; }

.boxh3 i{color: #999; font-size:18px; font-style:normal; font-weight:normal;}
.boxh3 span{ position:absolute; top:30%; right:5%; overflow:hidden; width:20%; height:100%; font-size:70%; font-weight:normal;}
.boxh3 span a{ color:#eee; background-color:#e22781; padding:0 10%;} 

/*首页文字新闻*/
.imgb{margin-right:4%; width:40%;}
.imgb img{ width:100%;display:block;}
.ul_news2 li span a{ color:#999;padding-right:8px;}
.ul_news3 li{background:url(../images/li.gif) no-repeat left center; padding-left:15px; line-height: 29px;}
.ul_news3 li span{ padding-left:10px; color:#999; font-size:12px;}

/*首页热门课程*/
.ul_course{padding:0;}
.ul_course li.jin{background:#fff url(../images/jin.gif) no-repeat 5% 50%;}
.ul_course li a{ font-size:14px; line-height:45px; height:179px;overflow:hidden;display:block; padding-left:13%; color:#222;}
.ul_course li a:hover{color:#f30;}
.ul_course li a span{font-family:"宋体",Verdana, Geneva, sans-serif; font-size:90%; position:absolute; right:5%; top:10%; color:#999;}
.course_go{position:relative; height:48px; line-height:45px; width:261px; margin:0 auto; text-align:center;background:#f30 url(../images/go.gif) no-repeat left top;}
.course_go a.pay,.course_go a.online{ display:block; width:100px; padding:0; color:#fff; position:absolute; right:0px; font-size:14px; padding-left:30px;}
.course_go a.pay{ left:0px;}
.wap_photo,.wap_videoli{ width:100%;}
.wap_photo li,.wap_videoli li{ width:48%; float:left; text-align:center; padding:0 1% 3% 1%;}
.wap_photo li p,.wap_videoli li p{ font-size:80%; height:20px; overflow:hidden; }
.wap_photo img,.wap_videoli img{ width:100%; height:110px;}

.wap_videoli li{ height:100px;}
.wap_photoqq,.wap_videoli{ width:100%;}
.wap_photoqq li{ width:29%; float:left; text-align:center; padding:3% 2% 0 2%;}
.wap_photoqq li p,.wap_videoli li p{ font-size:80%; color:#999;}
.wap_photoqq img,.wap_videoli img{ width:100%;}
.pos{font-family:"宋体",Verdana, Geneva, sans-serif;color:#ccc; font-size:60%; width:88%;}
.pos a{color:#333; font-size:150%; padding:0 2%;}
.home{ width:12%;} 
.home img{ display:block; width:100%;}

.news_topic,.news_topic img { width:100%; }
.wap_listli{} 
.wap_listli li{ width:100%; float:left;  overflow:hidden;}
.wap_listli li a{ display:block; padding:4%; float:left; width:95%;} 
.wap_listli li img{ float:left; margin-right:4%; width:30%;}
.wap_listli li p{ font-size:90%; color:#c10000; padding-bottom:5px; }
.wap_listli li p span{ display:block; color:#999; font-size:70%;}

.right_news { overflow:hidden; }
.right_news .tit{ width:100%; background-color:#02728d; padding:5px 10px; color:#FFF; font-weight:bold; font-size:15px; }

.i_news_list{}
.i_news_list li{ float:left; width:100%; padding:2% 0; border-bottom:1px dashed #e4e4e3;}
.i_news_list li a{display:block; width:70%; overflow:hidden; background:url(../images/grayico.png) no-repeat 0px center; text-indent:12px; font-size:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.i_news_list li span{float:right; color:#999999; font-size:80%;}

.wap_list_wz{} 
.wap_list_wz li{ width:50%; float:left; overflow:hidden; margin-bottom:2%;}
.wap_list_wz li a{ display:block; padding:0 2%; float:left; width:96%;} 
.wap_list_wz li img{ width:100%; height:110px;}
.wap_list_wz li p{ font-size:90%; height:40px; line-height:20px; overflow:hidden; text-align:center; }

.wap_listlip{} 
.wap_listlip li{ width:100%; float:left;border-bottom:1px solid #eee; overflow:hidden;}
.wap_listlip li a{ display:block; padding:4%; float:left;}
.wap_listlip li img{ float:left; margin-right:4%; width:100%;}
.wap_listlip li p{ font-size:90%;}
.wap_listlip li p span{ display:block; color:#999; font-size:70%;}

.showh1{ font-size:180%; padding:5px; color:#c10000; text-align:center; }
.showh1 span{ font-size:80%; color:#999; padding-left:3%; font-weight:normal;}
.photoli{}
.photoli li{ width:45%; float:left; position:relative; margin-left:3.3%;}
.photoli li img{ width:100%;display:block;}
.photoli li p{ text-align:center; font-size:70%; color:#999; padding:3%; display:block; line-height:150%;}


.bannav{ padding:10px 0px;}
.bannav a{ display:block; float:left; width:23%; text-align:center; font-size:15px; line-height:30px; height:30px; overflow:hidden; color:#000; background-color:#edef6f; margin:1%; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.bannav .dq{ color:#fff; background-color:#d30202; text-decoration:none; }
.banlist{ padding:20px;}
.banlist li{ height:30px; line-height:30px;}
.banlist li a{ color:#333}

.about_txt { padding:0 10px; text-align: left; padding-top: 10px; font-size: 14px; }
.about_txt iframe{ width:100%; height:220px; }
.about_txt img{ width:100%; height:100% !important; }
.timehist { font-size:12px; text-align:center; color:#999; }

.search-group { width:100%; }
.search-group .field{ padding:10px 0; }
.search-group .field .input{ width:90%; padding: 6px; line-height:20px; border-radius: 4px; border: solid 1px #909090;
    -webkit-appearance: none;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.search-group .bg-red { width:67px; height:34px; color:#fff; font-size:14px; background-color:#e33; border:0; border-radius: 4px; cursor:pointer; }
.search-group .bg-yellow { width:67px; height:34px; color:#fff; font-size:14px; background-color:#f60; border:0; border-radius: 4px; cursor:pointer; }
.search-group .infos { font-weight:bold; color:#e33; padding-top:20px; font-size:14px; line-height:26px; }

.search-group .jg_err { font-weight:bold; color:#e33; padding-top:20px; font-size:16px;  }
.search-group .jg_infos { width:85%; padding-top:20px; overflow:hidden; }
.search-group .jg_infos li{ float:left; width:100%; padding:8px 0; border-bottom:#CCC 1px dashed; }


/*CSS jogger style pagination*/
.page {width:100%; height:50px; line-height:50px; text-align:center; }
DIV.jogger {
	PADDING: 2px; MARGIN: 2px; PADDING-TOP: 2px;
}
DIV.jogger A {
	PADDING: 4px 10px; MARGIN: 0px; COLOR: #666; BACKGROUND-COLOR: #eeeeee; TEXT-DECORATION: none;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
}
DIV.jogger A:hover {
	PADDING: 4px 10px; MARGIN: 0px; COLOR: #fff; BACKGROUND-COLOR: #b82808;
}
DIV.jogger A:active {
	PADDING: 4px 10px; MARGIN: 0px; COLOR: #fff; BACKGROUND-COLOR: #b82808;
}
DIV.jogger SPAN.current {
	PADDING: 4px 10px; MARGIN: 0px; COLOR: #fff; BACKGROUND-COLOR: #b82808;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
}
DIV.jogger SPAN.disabled {
	DISPLAY: none
}