body,.hpcc{background:#EEEEEE; font: normal 100% Helvetica, Arial, sans-serif; margin:0 auto; max-width:640px; padding:0; color:#666;overflow-x: hidden;}
ul,li{margin:0;padding:0; list-style:none;}
header,nav,hgroup,section,article,footer{display:block; height:auto;}
.bgcol{background:#FFf;}.af00gzc{color:#F00;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none; color:#666; display:block;}

.jingxian{ color:#fff; background:#F00; border-radius:4px; display:block; float:right; line-height:20px; width:30px; margin-top:10px; font-size:1em; height:20px; text-align:center;}
.clear{clear:both;}
.mr{margin:0 auto;}
.lef{float:left;}	
.rig{float:right;}
.w100{width:100%;}
.w1001{width:100%;}
.toubu{margin:1px auto 5px auto;}
.logot img{visibility:visible; margin:1px auto;}
@media screen and (min-width: 791px){.logot img{width:500px; margin-left:0;}}
@media screen and (min-width: 481px) and (max-width: 790px) {.logot img{width:500px;}}
@media screen and (max-width:480px){.logot img{width:99%;}}
/*banner */
.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; margin: 0 auto; padding: 0 }
.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; 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: 55%; left: 0; opacity: 0.5; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 30px; background: transparent url(../imageswap/themes.gif) no-repeat -6px top; margin-top: -45px;  }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: -42px top; right: 0; }
/*banner */
/*ʽʼ*/
@media screen and (max-width:400px){
.red_wtt{background:#BC0807; height:104px;}
.red_wt1{color:#F1FF1D; height:46px; margin:0; line-height:46px; border-bottom:#FBC27D 2px solid; font-size:1.2em; font-weight:bold; text-shadow: 1px 1px 2px #BB0706; text-align:center;}
.red_wt2{height:51px; margin-top:8px; overflow:hidden;}
.red_wt3{width:69%; float:left;color:#fff; height:50px; line-height:25px; padding-left:1%; font-size:0.875em; font-weight:bold;}
.red_wt4{width:29%; float:right;height:40px; border-radius:10px; background:#F8FE2C; border:1px solid #B76525; line-height:40px; margin-top:4px; font-size:0.94em; color:#0365EC; font-weight:bold;text-shadow: 1px 1px 10px #fff; text-align:center;}
	}
@media screen and (min-width:500px){
.red_wtt{background:#BC0807; height:130px;}
.red_wt1{color:#F1FF1D; height:56px; margin:0; line-height:56px; border-bottom:#FBC27D 2px solid; font-size:1.8em; font-weight:bold; text-shadow: 1px 1px 2px #BB0706; text-align:center;}
.red_wt2{height:61px; margin-top:8px; overflow:hidden;}
.red_wt3{width:69%; float:left;color:#fff; height:60px; line-height:30px; padding-left:1%; font-size:1.3em; font-weight:bold;}
.red_wt4{width:29%; float:right;height:50px; border-radius:10px; background:#F8FE2C; border:1px solid #B76525; margin-top:4px; line-height:50px; font-size:1.3em; color:#0365EC; font-weight:bold;text-shadow: 1px 1px 10px #fff; text-align:center;}}
@media screen and (min-width: 401px) and (max-width: 499px) {
.red_wtt{background:#BC0807; height:130px;}
.red_wt1{color:#F1FF1D; height:56px; margin:0; line-height:56px; border-bottom:#FBC27D 2px solid; font-size:1.5em; font-weight:bold; text-shadow: 1px 1px 2px #BB0706; text-align:center;}
.red_wt2{height:61px; margin-top:8px; overflow:hidden;}
.red_wt3{width:69%; float:left;color:#fff; height:60px; line-height:30px; padding-left:1%; font-size:1.1em; font-weight:bold;}
.red_wt4{width:29%; float:right;height:50px; border-radius:10px; background:#F8FE2C; border:1px solid #B76525; margin-top:4px; line-height:50px; font-size:1.2em; color:#0365EC; font-weight:bold;text-shadow: 1px 1px 10px #fff; text-align:center;}}
/*ʽ*/
/**/
.menu_body {display: none;clear: both;width: 100%;zoom: 1;clear: both;padding-top: 10px;}
.menu_body a {float: left;width: 23%;position: relative;height: 160px;line-height: 20px;text-align: center;font-size: 16px;color: #333;text-decoration: none;}
.wtg {border-left: 1px solid #e0e0e0;}
.imgpic {background: url(../imageswap/dh.png) no-repeat;margin: 10px auto 5px auto;display: block;width: 103px;height: 110px;}
.imgpic0{background-position: 0 0;}
.imgpic1{background-position:-113px 0;}
.imgpic2{background-position: -228px 0;}
.imgpic3{background-position: -342px 0;}
.imgpic4{background-position: -457px 0;}
.imgpic5{background-position: -570px 0;}
.imgpic6{background-position: -683px 0;}
.imgpic7{background-position: -798px 0;}
/*ͼ*/
.bar_nav_inner{white-space:nowrap;padding:10px 0 0 0;}
.bar_nav_inner1{
	white-space:nowrap;
	padding:10px 0 0 0;
	background-color: #FFFFFF;
}
.bar_nav_inner1 a img{width:100%;}
.bar_nav_inner a:first-child{margin-left:0;}
.bar_nav_inner a{display:inline-block;font-size:1em; color:#666; text-align:center; width:31.7%; height:auto; margin-left:2%; line-height:20px; overflow:hidden;}
.bar_nav_inner a img{width:100%;}
.focus-box {margin:5px auto 0;position:relative;overflow:hidden;z-index:1}
.focus-box li span {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF999999', endColorstr='#BF999999');background:rgba(153,153,153,0.75);background-size: 5px 35px;height:30px;line-height:30px;width:100%;display:block;color: #fff;font-size: 13px;position: absolute;z-index: 999;bottom: 0;left: 0;padding-left:10px;}
.focus-box img {width:100%;height:auto;display:block}
.focus-pic-list {position:relative;z-index:0;overflow:hidden;}
.focus-pic-list li {position:relative;overflow:hidden;float:left;width:10%;}
.focus-tag {position:absolute;right:6px;bottom:12px;text-align:right;font-size:0;letter-spacing:-14px;display:block;}
.focus-tag span {display:inline-block;width:5px;height:5px;background:#fff;border-radius:30px;margin:0 4px}
.focus-tag .cur {height:7px;width:7px;}
/* 绰 */
.cll{border-top:#e0e0e0 1px solid; clear:both; margin:5px auto; text-align:center; border-bottom:2px solid #0e3b7f;}
@media screen and (min-width:800px){.cll img{margin:0 auto; width:500px; display:block;}}	
@media screen and (min-width: 500px) and (max-width: 799px) {.cll img{margin:0 auto; width:450px; display:block;}}
@media screen and (min-width: 400px) and (max-width: 499px) {.cll img{margin:0 auto; width:360px; display:block;}}
@media screen and (min-width: 350px) and (max-width: 399px) {.cll img{margin:0 auto; width:320px; display:block;}}
@media screen and (max-width:349px){.cll img{margin:0 auto; width:300px; display:block;}}
/**/
nav{height:auto;}
nav ul{ width:100%;}
nav ul li{float:left; width:33.3%;  text-align:center; font-size:1em;}
nav ul li a{color:#666; font-weight:400;font-family:"微软雅黑";}
.i-icon {background: #FFF;padding: 0 0 1.5em;margin-top: 1em;}
.mg-auto {margin-left: auto;margin-right: auto;position: relative;}
.i-icon ul .i-icon-z {margin-left: 4%;}
.i-icon ul li {float: left;width: 15.625%;margin: 5% 0 0 9.83%;}
li{ vertical-align:bottom; overflow:hidden; list-style-type:none;}
.i-icon ul li a {display: block; height: 100%;width: 100%;text-indent: -200px;border-radius: 0.3em;}
.i-icon ul li a img {display: block;width: 100%;}
/*רҵ*/
.section1{margin-top:10px; background:#fff; overflow:hidden;}
.section1_1{height:auto; padding:5px 0 0 0;overflow:hidden; position:relative;}
.st1_top{width:100%;overflow:hidden;}.st1_top img{width:100%;}
.st1_top_1{width:54%;} .st1_top_1 img{width:100%;}
.st1_top_2{width:44%;overflow:hidden;} .st1_top_2 img{width:100%;}
.st1_top_2_1{width:100%;} .st1_top_2_1 img{width:100%;}
.st1_top_2_2{width:100%;} .st1_top_2_2 img{width:100%;}
.st1_bot{width:100%;overflow:hidden;}.st1_bot img{width:100%;}
.st1_bot_1{width:32%;} .st1_bot_1 img{width:100%;}
.st1_bot_2{width:32%; margin-left:2%;} .st1_bot_2 img{width:100%;}
.st1_bot_3{width:32%; margin-left:2%;} .st1_bot_3 img{width:100%;}
/*ѧУ+ע*/
hgroup{height:40px; width:100%;color:#222;border-bottom:1px solid #ccc; padding:0 10px;}
hgroup h1,hgroup h2{line-height:40px;font-size:1em;text-align:center;}
hgroup h1{margin:0; display:block; float:left;color:#666;width:80px; }
hgroup h2,hgroup h2 a{margin:0 5px auto auto; display:block; float:right;color:#888;width:80px; }
.section2{background:#Fff; margin-top:0px;}
.bta{display:block; height:40px; width:100%;color:#222;border-bottom:1px solid #ccc; padding:0 10px;}
.sech2{line-height:40px; margin:0; font-size:1em;color:#666; display:block;}
.red{color:#F30;}
.gd{display:block; margin-top:12px; width:20px; height:12px; background:url(../imageswap/rd.jpg) 2px -9px no-repeat;}
.s2{height:auto; padding:0 10px;}
.s3{height:40px; background:#F8F8F8; padding:0 10px; text-align:center;}.s3 a{color:#666; line-height:40px;}
.s4{
	height:auto;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 2px;
}.s5{height:40px; margin-bottom:10px; padding:0 10px;}.s6{height:5px; overflow:hidden; padding:0 10px;}.s7{height:30px; padding:0 10px; line-height:30px; overflow:hidden;}
.s2015324{height:34px; background:#fff; text-align:center;}
.s2015324 a{font-size:1em; width:49.5%; background:#F8F8F8; margin:4px 0 0 0; color:#666; line-height:30px;}
.newcs{ height:auto;border-bottom:1px solid #F5F5F5; padding:8px 0;}
.newcs a{height:auto;}
.newcs_tit{overflow:hidden;}
.dovd{height:40px; overflow:hidden;}
.newcs_tit img{ float:left; margin-right:10px;}
.newcs_titp1{margin:0; height:42px; font-size:1em; color:#888; display:block; line-height:21px; overflow:hidden;}
.newcs_titp2{margin:0; height:21px; display:block; overflow:hidden;}
.djyd{color:#999; font-size:0.75em;height:17px; line-height:17px;margin:4px auto auto auto;}
.djydl{width:80px; overflow:hidden;}.djyd2{width:40px; text-align:center; border:1px solid #C1C1C1; border-radius:3px;}
.ssrd{overflow:hidden;}
.ssrd ul li{height:40px; font-size:1em;line-height:40px; overflow:hidden;}
@media screen and (max-width:360px){.ssrd{ height:240px;} .ssrd ul li{width:100%;}}
@media screen and (min-width:361px){.ssrd{ height:150px;} .ssrd ul li{width:48%; margin-left:1%; float:left;}}	
.ssrd725{height:auto;}
.ssrd725 ul li{height:auto; clear:both; font-size:1em;width:48%;  float:left; }
/*ȵ㻰ⱨ̬*/
.tja{border:1px solid #EAEAEA; width:49%; border-radius:5px; margin:3px auto 3px auto; font-size:1em; height:30px; text-align:center; line-height:30px; overflow:hidden;}
.htphlef{width:25%; height:40px; overflow:hidden;}
.htphlef span{ height:26px;color:#f00; display:block; width:100%; line-height:26px; margin:5px auto; text-align:center; border-right:1px solid #eee;overflow:hidden;}
.htphrig{width:73%;height:40px; line-height:40px; overflow:hidden;}
.htphrig p{height:40px; width:100%;overflow:hidden; margin:0;}
.htphmidspan1{width:13px; margin-top:10px; height:20px;background:url(../imageswap/rd.jpg) -27px -21px no-repeat;overflow:hidden;}
.htphmidspan2{width:13px; margin-top:10px; height:20px;background:url(../imageswap/rd.jpg) -14px -21px no-repeat;overflow:hidden;}
/*ײfoot*/
footer{height:auto; padding-bottom:80px;}
footer #scwtk{height:15px;overflow:hidden;}
footer #scwtzy1{ display:block; text-align:center; height:22px;overflow:hidden;}
footer #scwtzy1 a{height:20px; font-size:0.875em; color:#999; border-right: 1px solid #ddd; display:inline-block; line-height:20px; padding:0px 14px;}
footer #scwtzy1 a:nth-last-of-type(1) {border: none;}
footer #scwtdz{display:block;font-size:0.875em; text-align:center; height:20px; color:#999; overflow:hidden;}
footer #scwtqq{display:block; text-align:center; height:30px; margin-top:5px; overflow:hidden;}
footer #scwtqq a{height:30px; font-size:0.875em; color:#999; line-height:30px; padding:0px 14px;}
/*ʱʽ*/
.rxtzs{background:#BC0807;}
.zyyy15820{margin:0 auto; display:block;}
/********߱***********/
.zxbm {width: 95%; padding:5px 0;}
.T-bm { width:95%; margin:10px auto; color:#444 }
.T-bm td { height: 20px; line-height: 10px; padding:5px 0}
.T-bm td .f-input { height:35px; line-height:35px; /* border:1px solid #ccc; */ width:100%; margin:0 auto; color:#888; padding-left:10px; }
.T-bm td p .radios { color:#888; }
.T-bm td #submit{ width:100%; border:none; display:block; background-color:#5fb0e8; border-radius:5px; margin-top:10px; font-size:16px; color:#fff }
/*ײcss*/
.top_bar {position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin:0 auto; font-family:Microsoft YaHei, sans-serif; max-width:640px; height:auto; }
.top_bar .top_menu li{float:left; text-align:center; width:20%;}
.top_menu li a{display:block;}
.top_menu li img{width:100%;vertical-align: middle;}
#xueshengtuijian{
width:100%;
height:auto;}
#xueshengtuijian ul{
list-style:none;
padding:0;
margin-top:3px;}
#xueshengtuijian a{
padding:0;
margin:0;}
#xueshengtuijian ul li{
width:50%;
float:left;
text-align:center;}
#xueshengtuijian ul li img{
width:95%}