@charset "gb2312";
/* CSS Document */

*{margin:0px;padding:0px;}
body{width:100%; max-width:750px;background:url(http://www.qsiedu.com/skin/default/image/20jlh/jlh_bg.png)no-repeat top;color: #333;}

html,body,div,p,ul,li,h1,h2,h3,h4,h5,h6,a,img,input{font-family:"Microsoft YaHei";margin:0px auto;padding:0px;}
table{border-collapse:collapse;border-spacing:0;}
input,select,img{vertical-align:middle;}
ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,label{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,li{list-style:none;}
img{border:0px;vertical-align:middle;}
input{outline:none;}
.clr{clear:both;}
div:after,ul:after,dl:after,.clr:after{clear:both;display:block;height:0;visibility:hidden;}
.fr{float:right;}
.fl{float:left;}
a{text-decoration:none;color:#666;}
a:-webkit-any-link {text-decoration:none;}
a:hover{text-decoration:none;}

/*标题*/
.jlh_tit{ margin: 2rem auto;text-align: center;}
.jlh_tit img{width:100%; max-width:353px;}

/*焦点*/
.jlh_banner{ text-align: center;}
.jlh_banner h3{color: #fff;border-radius: 20px;line-height: 2rem; background: #328dff;width:150px; margin: 0px auto; top:30px; position: relative;}
.jlh_t{margin: 5rem auto;}
.jlh_banner .jlhm_sp{padding: 15px; margin:0px 40px;}
.jlh_banner .jlhm_sp img{width:100%; max-width:640px;}
.jlh_banner iframe{width:100%; max-width:640px; height:350px; }


/*专区*/
.jlh_zc{ width: 100%; max-width:750px; margin: 2rem auto;}
.jlh_zc ul{}
.jlh_zc ul li{ float:left; width:31%; margin: 1%; text-align: center;}

/*榜样*/
.jlh_by{}
.jlh_by ul{}
.jlh_by ul li{width:48%; margin: 1%; float: left; text-align: center;}
.jlh_by li:last-child{ float: none; clear: both;width:150px; font-size: 1.2rem;font-weight: bold;line-height: 2rem;  text-align: center; margin: 1rem auto; border:1px solid #328dff; color:#333; border-radius: 20px;}
.jlh_by ul li img{width:100%;max-width:334px;}

/*榜单*/
.jlh_bd{}
.xymdbg1{width: 100%;overflow: hidden; margin: 0px auto}
.xymdbg1 ul{ margin-top: 10px;width: 100%; margin-left:0px;float: left;overflow: hidden;}
.xymdbg1 li{width: 100%;height: 40px;margin-left: 6px;line-height: 40px;font-size: 14px;}
.xymdbg1 li:last-child{ width:100px; text-align: center; margin: 1rem auto; border:1px solid #328dff; color:#333; border-radius: 20px;}

.c1{display: inline-block;width: 10%;font-weight: bold;color: #000;overflow: hidden; float:left;}
.c2{display: inline-block;width: 20%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float:left;}
.c3{display: inline-block;width: 30%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float:left;}
.c4{display: inline-block;width: 20%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float:left;}
.c5{display: inline-block;width: 10%;overflow: hidden;float:left;}
.c6{display: inline-block;width: 10%;overflow: hidden;float:left;}
.xymdbg1 li a{ color:blue;}
.xymdbg1 li a:hover{color: orangered;}

/*咨询*/
.jlh_zm{ background: url(http://www.qsiedu.com/skin/default/image/20jlh/jlh_zx.png) top center no-repeat;padding: 5rem 1rem;}
.jlh_zm p{ text-align: center; font-size: 1.5rem; color:#7679fa; margin: 2rem auto;}
.jlh_zm a{display: block; width:150px; font-size: 1.2rem;font-weight: bold;line-height: 2rem; text-align: center; border:1px solid #328dff; border-radius: 20px;}

/*往期*/
.jlh_wq{max-width: 750px; width:100%;margin: 30px auto;}
.jlh_wq ul{}
.jlh_wq ul li{ width: 31%; margin: 1%; float:left; text-align: center; line-height: 40px;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jlh_wq ul li a{ color:#333;}
.jlh_wq ul li a img{ width: 100%;}


@media screen and (max-width:640px){
	.jlh_t{margin: 3rem auto;}
	.jlh_banner img { width: 90%;}
	.jlh_zc ul li img{ width: 100%;}
	.jlh_wq ul li{ width: 96%; margin: 2%;}
	.jlh_wq ul li a img{ width: 100%; height: auto;}
	.jlh_banner iframe{height:100%; max-height:350px; }
}
@media screen and (max-width:320px){
	.jlh_t{margin: 3rem auto;}
	.jlh_banner img { width: 90%;}
	.jlh_zc ul li img{ width: 100%;}
	.jlh_wq ul li{ width: 96%;margin: 2%;}
	.jlh_wq ul li a img{ width: 100%; height: auto;}
	.jlh_banner iframe{height:100%; max-height:350px; }
}