/*list*/
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}

.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}

.head {width:1000px; height:70px; margin:0 auto; overflow:hidden}
.logo {float:left; width:115px; padding:15px 0 0 5px}
.sub {float:left; width:300px; 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:#C91A1D; overflow:hidden}
.nav ul {width:1000px; margin:0 auto}
.nav li {float:left; padding:0 15px; font-size:14px; line-height:38px}
.nav,.nav a {color:#FFF}
.nav a:hover {text-decoration:none; color:#FFF}

.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}
.more {border-bottom:1px solid #E8E8E8; line-height:50px; text-align:center; color:#666; cursor:pointer}
.page {font-size:12px; line-height:28px; text-align:center; margin-top:20px}
.page span,.page a {border:1px solid #CCC; padding:3px 5px}
.page span.current,.page a:hover {text-decoration:none; color:#fff; background:#BC1B21}
.pic-item {clear: both; width:680px}
.pic-item li {position:relative; float: left; width:140px; height: 80px; margin:20px 30px 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:0 5px; font-size: 12px; font-weight:normal; line-height: 21px}
.pic-item .mask h3,.pic-item .mask h3 a {color:#FFF}

.right {float:right; width:300px}
.left h2,.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}
.right .content {font-size:12px; line-height:24px}
.right .content ul {margin-top:10px}
.right .content li {padding:10px 0 0; border:0}
.right .content h3 {font-size:14px; line-height:24px}
.calendar {width:300px; height:60px; background:#C8161D; font-size:26px; line-height:60px; color: #FFF; text-align:center; margin-top:20px}
#calendar {line-height:38px}
.ui-datepicker {width:298px; padding:0}

.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,.left h2,.pic-item,.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}
	.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}
}