body{ width:960px; height:auto; margin:0 auto; text-align:left; font-family:"Microsoft YaHei"; color:#2b2b2b;font-size:14px;}
.sxhead{width:960px; height:400px; background:url(img/headbg.jpg?20191031) no-repeat;}
.sxcon{width:960px; height:auto; background:url(img/conbg.jpg) repeat-y;}
.sxnjkj{ width:640px; height:auto; margin:0 auto;}
.sxnjkjbt{ width:640px; height:68px; margin:0 auto; padding:20px 0px;}
.sxintro{ width:638px; height:624px; border:1px solid #bfbfbf; background:url(img/sxintrobg.jpg) no-repeat; overflow:hidden;}
.sxnjkjtop,.sxnjkjbot{ width:584px; height:311px; margin:0 auto; clear:both;  }
.sxnjkjl{ float:left; width:175px; padding:30px 0px;}
.sxnjkjr{ float:right; width:379px;}
.sxnjkjr h1{ width:100%; padding:25px 0px 0px 0px; }
.zjrbt{font-size:26px; line-height:60px; text-align:center;}
.sxnjkjr p{ font-size:16px; line-height:28px; color:#e4611f;}
.sxnjkjr p span{ color:#000;}
.footer{ width:100%; height:140px; background:url(img/footbg.jpg) no-repeat; padding-top:80px;}
.footer p{ line-height:28px; text-align:center;  }
.psxhead,.psxcon,.pbt,.sxnjkj2,.pfooter{ display:none;}
.w840{ clear:both; padding-top:30px; width:840px; margin:0 auto;}
.booklist{ clear:both;width:840px; height:auto; margin:0 auto; }
.booklist li{ float: left; margin-top:20px; padding:0px 10px; position:relative;}
.booklist li img{ width:188px; height:141px;border:0; margin:0; padding:0;}
.booklist.bl2017 li img{ width:188px; height:262px;}
.booklist li p{ line-height:24px; text-align:center; padding:0px; width: 188px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.booklist li span{ position:absolute; width:189px; height:141px;background:url(img/gz.png) no-repeat left;  top:0px; color:#fff; font-size:24px; line-height:141px; text-align:center; font-weight:bold;}
.booklist2{ display:none;}
/* 320+ */
@media screen and (min-width: 320px) and (max-width: 640px) {
		
	body{ width:100%; min-width:320px;max-width:640px; margin:0 auto; }
	.mini_hd .w960{width: 100%;}
	.psxhead,.psxcon,.pbt,.sxnjkj2,.pfooter{ display:block;}
	.psxhead{width:100%;}
	.pbt{ width:100%; }
	.pbt img,.psxhead img{width:100%;}
	.sxnjkj2{ width:320px; height:240px; margin:0 auto; padding:0; left:0; background:#000; }
	#divPlayer2{ width:320px; height:240px;}

	.sxcon{ display:none;}
	.sxhead{ display:none;}
	.footer{ display:none;}
	.pfooter{ width:100%;padding-top:20px;}
	.pfooter img{ width:100%;}
	.booklist{ display:none;}
	.booklist2{ display:block; clear:both;width:320px; max-width:640px; height:auto; margin:0 auto; padding-bottom:50px;}
	.booklist2 li{ float: left; margin-top:20px; margin:10px 10px; position:relative;}
	.booklist2 li img{ width:140px; max-width:270px; height:195px; max-height:211px;border:0; margin:0; padding:0;}
	.booklist2 li p{ line-height:24px; text-align:center; padding:0px;  width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.booklist2 li span{ position:absolute; width:140px; max-width:270px; height:121px; max-height:211px;background:url(img/gz.png) no-repeat left;  top:0px; color:#fff; font-size:24px;  text-align:center; font-weight:bold; background-size:contain;}

}
/* 640+ */
@media screen and (min-width: 641px) and (max-width: 728px) {

	body{ min-width:320px;max-width:640px; margin:0 auto; }
	.psxhead,.psxcon,.pbt,.sxnjkj2,.pfooter{ display:block;}
	.psxhead{width:100%;}
	.pbt{ width:100%; }
	.pbt img,.psxhead img{width:100%;}
	.sxnjkj2{ width:320px;height:240px; margin:0; padding:0; left:0; margin:0 auto; background:#000; }
	#divPlayer2{ width:320px; height:240px; display:block;}


	.sxcon{ display:none;}
	.sxhead{ display:none;}
	.footer{ display:none;}
	.pfooter{ width:100%;padding-top:20px;}
	.pfooter img{ width:100%;}

	.booklist{ display:none;}
	.booklist2{ display:block; clear:both;width:320px; max-width:640px; height:auto; margin:0 auto; padding-bottom:50px;}
	.booklist2 li{ float: left; margin-top:20px; margin:10px 10px; position:relative;}
	.booklist2 li img{ width:140px; max-width:270px; height:121px; max-height:211px;border:0; margin:0; padding:0;}
	.booklist2 li p{ line-height:24px; text-align:center; padding:0px; }
	.booklist2 li span{ position:absolute; width:140px; max-width:270px; height:121px; max-height:211px;background:url(img/gz.png) no-repeat left;  top:0px; color:#fff; font-size:24px;  text-align:center; font-weight:bold; background-size:contain;}
}


/* 729+ */
@media only screen and (min-width: 729px) and (max-width: 1500px) {
	body{ width:960px; height:auto; margin:0 auto; text-align:left; font-family:"Microsoft YaHei"; color:#2b2b2b;font-size:14px;}
	.sxhead{width:960px; height:400px; background:url(img/headbg.jpg) no-repeat;}
	.sxcon{width:960px; height:auto; }
	.sxnjkj{ width:640px; height:auto; margin:0 auto;}
	.sxnjkjbt{ width:640px; height:68px; margin:0 auto; padding:20px 0px;}
	.sxintro{ width:638px; height:624px; border:1px solid #bfbfbf; background:url(img/sxintrobg.jpg) no-repeat; overflow:hidden;}
	.sxnjkjtop,.sxnjkjbot{ width:584px; height:311px; margin:0 auto; clear:both;  }
	.sxnjkjl{ float:left; width:175px; padding:30px 0px;}
	.sxnjkjr{ float:right; width:379px;}
	.sxnjkjr h1{ width:100%; padding:25px 0px 0px 0px; }
	.zjrbt{font-size:26px; line-height:60px; text-align:center;}
	.sxnjkjr p{ font-size:16px; line-height:28px; color:#e4611f;}
	.sxnjkjr p span{ color:#000;}
	.footer{ width:100%; height:140px; background:url(img/footbg.jpg) no-repeat; padding-top:80px;}
	.footer p{ line-height:28px; text-align:center;  }
	.psxhead,.psxcon,.pbt,.sxnjkj2,.pfooter{ display:none;}
}