/*list.htm;zhuanti.htm*/
body {background:#FFF; font-family:"Microsoft YaHei", Arial; font-size:14px; line-height:28px; color:#333; margin:0}
a {color:#333; text-decoration:none}
a:hover {color:#b60005}
h1,h2,h3,p {margin:0; padding:0}
img {border:0}
ul,li {list-style:none; padding:0; margin:0}
input,button,select,textarea{outline:none}

.container {clear:both; width:1000px; margin:0 auto; overflow:hidden}
.imgtxt1 li {clear:both; overflow:hidden}
.imgtxt1 img {float:left; margin-right:10px}
.imgtxt1 h3 {*display:inline}

.topnav {min-width:1000px; height:34px; background:#F1F1F1; border-bottom:1px solid #E0E0E0; overflow:hidden}
.top1 {width:1000px; font-size: 12px; line-height: 34px; margin:0 auto}
.top1 a {padding:0 4px}
.top1 strong {font-weight:normal; color:#d52b4d}
.top1_left {float:left; width:955px}
.top1_right {float:right; width:45px; height:34px; background:url(../images/arrow002.jpg) no-repeat 0 8px; font-size:14px; text-indent:20px}
.top1_right a {padding: 0}

.ad1 {clear:both; width:1000px; margin:15px auto 0; overflow:hidden}
.ad2 {clear:both; width:300px; margin:15px 0 0; overflow:hidden}

.head {width:1000px; height:70px; margin:0 auto; overflow:hidden}
.logo {float:left; padding:15px 5px 0}
.sub {float:left; width:200px; height:32px; padding-left:15px; border-left:2px solid #E0E0E0; font-size:28px; font-weight:normal; line-height:32px; color:#4E4E4E; margin:20px 0 0 15px; overflow:hidden; display:inline}
.search {float:right; width:290px; height:24px; border:1px solid #B2B2B2; font-size:12px; line-height:20px; margin:22px 5px 0 0; overflow:hidden; display:inline}
.search1 {width:235px; height:20px; padding:0; border:0; margin:2px 0 0 10px; font-size:12px; line-height:20px}
.search2 {vertical-align:top}
.nav {min-width:1000px; height:38px; background:#42A5F5; overflow:hidden}
.nav ul {width:1000px; margin:0 auto}
.nav li {float:left; padding:0 10px; font-size:14px; line-height:38px}
.nav,.nav a {color:#FFF}

.tptt {min-width:1000px; padding:30px 0; background:#F6F5F5}
.tptt img {margin:0 30px 0 0}
.tptt h3 {font-size:34px; line-height:45px}
.tptt p {font-size:16px; line-height:30px; color:#666; margin-top:20px; overflow:hidden}
.tptt p a {color:#b60005}

.main {margin-top:20px}
.left {float:left; width:650px}
.content {clear:both; width:100%; overflow:hidden}
.content li {clear:both; padding:25px 0; border-bottom:1px solid #E8E8E8; overflow:hidden}
.content img {float: left; margin-right: 10px}
.content h3 {clear:both; font-size:20px; line-height:24px; margin-bottom:7px}
.content p {color:#666; overflow:hidden}
.left .content h3 {margin-bottom:20px}
.left .content li {width:650px; padding:18px 0}
.page {font-size:14px; line-height:28px; text-align:center; margin-top:20px}
.page span,.page a {border:1px solid #CCC; padding:3px 7px; margin-left: 2px}
.page span.current,.page a:hover {text-decoration:none; color:#fff; background:#42A5F5}

.right {float:right; width:300px}
.right h2 {clear:both; float:left; height:30px; padding:0 2px 10px 0; background:url(../images/title1.gif) no-repeat 0 -2px; font-size:26px; font-weight:normal; line-height:30px; margin-top:25px; overflow:hidden}
.list {clear:both; width:300px; font-size:16px; line-height:40px; color:#42A5F5; padding-top:20px}
.list li {padding-left:25px; background: url(../images/list.gif) no-repeat 0 center}
.yslm {clear:both; width:300px; padding-top:20px}
.yslm li {padding:10px 0 10px 10px}
.yslm img {display:none}
.yslm h2 {padding:0 5px 0 0; background:none; border-bottom:1px solid #42A5F5; font-family:simsun,arial; font-size:14px; line-height:30px; color:#42A5F5; margin:0}
.yslm h3 {clear:both; width:290px; font-size:14px; font-weight:normal; line-height:30px; margin:0}
.yslm li.selected {width:300px; height:150px; padding:0; position:relative}
.yslm li.selected img {display:block; width: 100%; height: 100%}
.yslm li.selected h2 {display:none}
.yslm li.selected .mask {position:absolute; width:100%; left:0; bottom:0; z-index:1; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#80000000,endColorstr=#80000000)}
body:last-child .yslm li.selected .mask {filter:none; background:rgba(0,0,0,0.5)}
.yslm li.selected h3 {padding:0 10px; font-weight:bold; overflow:hidden}
.yslm li.selected h3,.yslm li.selected h3 a {color: #FFF}

.pic-item {width: 1035px; overflow: hidden}
.pic-item li {position:relative; float: left; width: 310px; height: 220px; margin:35px 35px 0 0}
.pic-item img {position:absolute; width: 100%; height: 100%; left:0; top:0; z-index:1}
.pic-item .mask {position:absolute; width:100%; left:0; bottom:0; z-index:2; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#80000000,endColorstr=#80000000)}
body:last-child .pic-item .mask {filter:none; background:rgba(0,0,0,0.5)}
.pic-item .mask h3 {padding:5px 10px; font-weight:normal; margin:0}
.pic-item .mask h3,.pic-item .mask h3 a {color:#FFF}
.pic-item .mask h3 a:hover {text-decoration:none}

.foot-03 {min-width:1000px; padding:10px 0; border-top:1px solid #D2D2D2; font-size:12px; line-height:21px; text-align:center; margin-top:20px}


@media screen and (max-width:650px) {
	body,.tptt h3,.right .content,.right .content h3 {font-size:1rem; line-height:2rem}
	.head,.container {width:98%}
	.topnav,.search,.ad1,.ad2,.right,.foot-03 {display:none}
	.sub {width:auto; padding-left:5px; border-left:2px solid #E0E0E0; font-size:1.5rem; margin-left:5px}
	.nav {min-width: auto; width:100%}
	.nav a {font-size: 1rem}
	.tptt {min-width:auto; width:98%; padding:25px 0; border-bottom: 1px solid #E8E8E8; background:#FFF; margin:0 auto}
	.tptt img {max-width: 50%; height: auto; margin-right: 10px}
	.tptt p {display: inline}
	.main {margin:0}
	.left {float:none; width:98%; margin: 0 auto}
	.left .content h3 {font-size:1rem; line-height:2rem; margin:0}
	.left .content li {width:100%; padding:.5rem 0}
	.more {border: 0; padding:.5rem; margin-top: 1rem}
	.more span {font-size: .75rem}

	.pic-item {width: 100%}
	.pic-item li {float: none; margin:1rem auto 0}
}