/*格式化*/
*{ 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: "Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:1em; line-height: 1.5;}
body{color:#333; background-color:#fffcf5;}
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{  }
#menu{text-align:center; width:96%; background:#000000; padding:10px 2%;}
#menu li{ float:left; overflow:hidden; width:14.28%; text-align:center;} 
#menu li a{ float:left;color:#fff; display:block; font-size:115%;text-align:center; width:100%;white-space:nowrap;}
#menu li a:hover{ color:#fff; background-color:#333; }
#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%; background:url(../images/xpc_bg.jpg) no-repeat left bottom; background-size:100% auto; overflow:hidden; }
.home_abouttxt { width:66%; float:right; margin:4% 3%; font-size:80%; }

/*标题*/
.box{ margin:0 2%; width:96%; overflow:hidden; }
.title{	padding:3%; font-size:120%; color: #000; font-weight:bold; position:relative; background:url(../images/titbg.png) no-repeat left bottom; background-size:40% auto; }
.title a{ font-size:75%; float:right; }

.newlist { width:100%; overflow:hidden;}
.newlist ul{ padding:2%;}
.newlist ul li{ float:left; width:100%; border-bottom:#CCC 1px dashed; }
.newlist ul li a{ display:block; font-size:100%; padding:5px 0; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; }

.zplist { width:100%; overflow:hidden; }
.zplist .pic{ float:left; width:45%; }
.zplist .zpclass{ float:right; width:53%; }
.zplist .zpclass li{ float:left; margin:5px 4%; }
.zplist .zpclass li a{ display:block; font-size:110%; }

.footer { width:100%; margin-top:2%; padding:30px 0; background:url(../images/footbg.jpg) no-repeat center bottom; background-size:100% auto; }

.onepage { width:96%; font-size:100%; padding:3% 2%; min-height:300px; line-height:28px; }




/*盒子及标题*/

.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:120%; padding:5px; color:#000; 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:20px 2% 0 2%; width:96%; overflow:hidden; }
.bannav a{ display:block; float:left; width:23%; text-align:center; font-size:110%; line-height:35px; height:35px; overflow:hidden; color:#333; background-color:#eddfc4; margin:1%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.bannav .dq{ color:#fff; background-color:#b19264; 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; font-size:100%; }
.about_txt iframe{ width:100%; height:220px; }
.about_txt img{ max-width:100%; height:auto !important;  }
.timehist { font-size:12px; text-align:center; color:#999; }
.about_txt input{ border:#CCC 1px solid;  }


/*20180117*/
.list-products{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.list-products li{ width:48%; float:left; margin:10px 1% 0 1%; }
.list-products li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.list-products li dl dt{ width:100%; float:left; overflow:hidden; }
.list-products li dl dt img{ width:100%; height:160px; display:block; }
.list-products li dl dt h4{ width:100%; line-height:30px; text-align:center; font-size:100%; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.sx  { width:96%; margin:0; padding:0 2%; font-size:12px; }
.sx p{ display:block; line-height:25px; }

/*CSS jogger style pagination*/
.jogger { display:block; margin:0 auto; height:50px; line-height:50px; text-align:center; 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: #b39d76;
}
DIV.jogger A:active {
	PADDING: 4px 10px; MARGIN: 0px; COLOR: #fff; BACKGROUND-COLOR: #b39d76;
}
DIV.jogger SPAN.current {
	PADDING: 4px 10px; MARGIN: 0px; COLOR: #fff; BACKGROUND-COLOR: #b39d76;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
}
DIV.jogger SPAN.disabled {
	DISPLAY: none
}