@charset "utf-8";
/* CSS Document */
.sleft{ float:left; width:100%;}
.sleft .box{ margin-right:380px;}
.sright{margin-left:-350px; width:350px;float:right;}
.place{ padding:10px; border-bottom:1px solid #c0bfbf;}
#loginbox{width: 350px;height: 100px;top: 0px;right: 0px;z-index: 1000;border:none; margin-top:20px;}
/* 列表页 */
ul.slist{ padding:15px 0px 10px;}
ul.slist li{ background:url(../images/hylistdot.jpg) no-repeat 5px 10px; font-size:16px; padding-left:17px; color:#4e4e4e; }
ul.slist li{padding-bottom:6px; overflow:hidden;zoom:1;}
ul.slist li a{ display:block;float:left; margin-right:100px;}
ul.slist li i{ float:right;display:block; margin-left:-100px; width:100px; text-align:right; font-style:normal; }
/* 内容页 */
.sleft h1{ font-size:24px; font-weight:700; text-align:center; line-height:1.8em; color:#292929; padding-top:10px;}
.info{ font-size:14px; text-align:center; border-bottom:1px solid #d3d3d3; padding:10px 0px;font-family:simsun; }
.info span{ margin-right:5px;}
.textbox{ padding:10px 3% 0px; line-height:1.8em;}
.textbox p{ padding:5px 0px 8px; font-size:16px; color:#4a4a4a;}
.editor{ padding:10px 3%; line-height:1.8em; text-align:right;}
.textbox img{ max-width:100%; height:auto; margin:0 auto;}
/* 视频列表页 */
.sleft dl{ overflow:hidden;zoom:1; padding:20px 0px; border-bottom:1px dashed #848484;}
.sleft dl dt{padding-bottom:6px; overflow:hidden;zoom:1;}
.sleft dl dt a{ display:block;float:left; margin-right:100px; font-size:20px; font-weight:700;}
.sleft dl dt i{ float:right;display:block; margin-left:-100px; width:100px; text-align:right; font-style:normal; font-size:14px; font-weight:300; }
.sleft dl dd{ padding:10px 0px 10px; overflow:hidden;zoom:1;}
.sleft dl dd .box{ float:left; width:230px; margin-right:20px;display:block;position:relative;}
.sleft dl dd .box img{ width:100%; display:block;}
.sleft dl dd .box a:after { position:absolute; top:0px; left:0px; background:url(../images/hyon.png) no-repeat 50% 50%; display:block; width:100%; height:100%; z-index:100;content:"";}
/* 期刊列表页 */
ul.qklist{}
ul.qklist li{ overflow:hidden;zoom:1; padding:25px 0px; border-bottom:1px solid #999;}
ul.qklist li img{ float:left; width:160px;  margin-right:30px;}
ul.qklist li h3{ font-size:16px; font-weight:700;}
ul.qklist li h3 a{ color:#000;}
ul.qklist li p{ font-size:14px; padding-top:8px; color:#666; font-family:simsun;}
ul.qklist li p a{ color:#000;}
ul.qklist li p.dn a{ color:#999;}
ul.qklist li .ban{ overflow:hidden;zoom:1; padding-top:20px;}
ul.qklist li .ban a{ display:block; float:left; margin-left:15%; width:140px; height:38px; color:#fff; background:#03b9e7; text-align:center; line-height:38px; font-size:14px; border-radius:5px;font-family:simsun;}
/* 侧边栏 */
.stit{ font-size:20px; font-weight:700; color:#0c6ddd; padding:15px 0px 5px;}
.stit a{color:#0c6ddd;}
ul.rlist{ padding-top:5px; font-family:simsun; clear:both;}
ul.rlist li{ background:url(../images/hydot.jpg) no-repeat 5px 8px; padding-bottom:6px; padding-left:20px; font-size:14px;font-family:simsun;}
.sright .box{ padding:5px 0px;}
.sright .box img{ display: block; width:100%;}
.sright .box h3{ font-size:18px; font-weight:700; padding-top:10px;}
.sright .box p{ font-size:14px; padding-top:5px;font-family:simsun;}
/*翻页*/
.page{text-align:center;font-size:1.0em; line-height:30px; margin:20px 0px;}
.page .obg{padding:0px 8px;line-height:24px;border:1px solid #d7d7d7;background:#f5f5f5; display:inline-block; }
.page .fonttype{padding:0px 8px;line-height:24px;border:1px solid #0c6ddd;background:#0c6ddd;border:1px solid #0c6ddd;background:#0c6ddd; color:#fff; display:inline-block;color:#fff;}
/*通栏*/
.banner{ padding:20px 0px;}
@media screen and (min-width: 0px) and (max-width: 320px) {
.sright .box img{ width:140px; }
ul.slist li{ font-size:14px; padding-bottom:4px;font-family:simsun;}
.place{display:none; font-size:14px; padding:6px;font-family:simsun;}
.stit{ font-size:16px;padding:10px 0px 5px;}
.sleft h1{ font-size:18px; text-align:left;}
.info span{ display:block; text-align:left;}
.sleft dl{ padding:10px 0px;}
.sleft dl dd .box{ width:120px;}
.sleft dl dd{ padding:5px 0px;font-size:12px;font-family:simsun;}
.sleft dl dt a{ font-size:14px;font-family:simsun;}
.sleft dl dt i{ width:80px; margin-left:-80px;}
.sleft dl dd .box a:after{ display:none;}
ul.qklist li .ban{ padding-top:10px;}
ul.qklist li p{ padding-top:5px;}
ul.qklist li img{width:120px;  margin-right:20px;}
ul.qklist li .ban a{ float:none; margin-bottom:10px; margin-left:0px;width:100px; height:30px; line-height:30px;}
ul.qklist li p.dn{ height:4.8em; overflow:hidden;}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
.sright .box img{ width:140px; }
.info span{ display:block; text-align:left;}
.sleft h1{ font-size:20px; text-align:left;}
.place{ display:none;}
.sleft dl dt a{ font-size:16px;}
.sleft dl dd .box{ width:140px;}
.sleft dl dd { font-size:14px;padding:5px 0px;font-family:simsun; }
.sleft dl{ padding:10px 0px;}
ul.qklist li img{width:140px;  margin-right:20px;}
ul.qklist li .ban a{ float:none; margin-bottom:10px; margin-left:0px; width:100px;}
ul.qklist li p.dn{ height:6.5em; overflow:hidden;}
}
@media screen and (min-width: 481px) and (max-width: 769px) {
.sright .box img{ width:172px;}
ul.qklist li img{width:140px;  margin-right:20px;}
	}
@media screen and (min-width: 481px) and (max-width: 700px) {
ul.qklist li img{width:140px;  margin-right:20px;}
ul.qklist li .ban a{ float:none; margin-bottom:10px; margin-left:0px; width:100px;}	
	}
@media screen and (min-width: 0px) and (max-width: 769px) {
.sright .box img{float:left; margin-right:10px;}
.sright .box h3{ font-size:14px; padding-top:0px; height:1.5em; overflow:hidden;font-family:simsun;}
.sright .box p{ font-size:12px; height:3.5em; overflow:hidden;font-family:simsun;}
.sleft .box{ margin-right:0px;}
.sright{margin-left:0px; width:100%;}
#loginbox{ width:100%; padding:0px; overflow:hidden;zoom:1;}
}
/********登录********/
#loginbox{/*position: absolute;*/width: 350px;height: 100px;top: 0px;right: 0px;z-index: 1000;border:none;}
.login{width: 100%;height:100px;top: 0px;right: 0px;background: #efeded;z-index: 1000;padding: 20px 7% 0px ; margin:0 auto; box-sizing:border-box; }
.login p.boxb{ font-size:18px; font-weight:700; padding-bottom:5px; overflow:hidden;zoom:1;}
.login p.boxb a{color:#fff; height:37px; line-height:37px; display:block; padding-left:35px; float:left; }
.login p.boxb a.a1{background:url(../images/hya1.png) 5px center no-repeat #03b9e7; margin-right:10px;width:80px; }
.login p.boxb a.a1:hover{ background:url(../images/hya1.png) 5px center no-repeat#fec524;}
.login p.boxb a.a2{background:url(../images/hya2.png) 5px center no-repeat #03b9e7;width:135px; }
.login p.boxb a.a2:hover{ background:url(../images/hya2.png) 5px center no-repeat#fec524;}
.login p.boxo{margin:0px 10px; clear:both;}
.login p.boxo a{ font-size:14px; padding:0 8px;font-family:simsun;}
.logina{width: 100%;height: 100px;top: 0px;right: 0px;background: #efeded;z-index: 1000;margin:0 auto; padding-top:20px; box-sizing:border-box;}
.logina h3{ font-size:16px; font-weight:300;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:0px 20px;}
.logina p{ font-size:14px; color:#666;padding:0px 20px;}
.logina p a{ color:#0c6ddd;}
@media screen and (min-width: 0px) and (max-width: 640px) {
	.login{padding: 20px 3% 0px ;}
.login p.boxb{margin:5px auto 0px;}
.login p.boxo{ margin:0 auto 5px;}
}
@media screen and (min-width: 0px) and (max-width: 345px) {.login{padding: 20px 0.8% 0px ;}}
@media screen and (min-width: 0px) and (max-width: 769px) {
	#loginbox{ position:static; width:100%; padding:0px; overflow:hidden;zoom:1;}
/*.login{ position:static; width:100%; padding:0px; overflow:hidden;zoom:1; height:auto; padding:15px 0px;}*/
.line2 .left{ width:100%; padding-top:10px;}
	}