﻿.content {
	padding-bottom: 80px;}
.content .thuimg .thuimga {
	margin: auto; width: 1200px; height: 400px; display: block; position: relative; z-index: 0;}
.content .thuimg .thuimga #swfid {
	margin: 0px; padding: 0px;}
.content .thuimg .thuimga .mainImg {
	left: 0px; top: 0px; display: none; position: absolute;}
.content .thuimg .imgTitle {
	left: 0px; top: -58px; width: 1000px; text-align: left; overflow: hidden; position: absolute; z-index: 1;}
.content .thuimg .imgTitle .bg {
	background: rgb(37, 37, 37); top: 0px; width: 100%; height: 58px; position: absolute; z-index: -1; opacity: 0.5;}
.content .thuimg .imgTitle .txt {
	color: rgb(255, 255, 255); line-height: 58px; padding-left: 30px; font-size: 18px; white-space: nowrap;}
.content .thuimg .imgTitle .day {
	top: 8px;
	width: 114px;
	height: 50px;
	text-align: center;
	right: 0px;
	color: rgb(255, 198, 0);
	line-height: 50px;
	font-size: 15px;
	position: absolute;
	background-color: rgb(102,153,51);}
.content .thuimg .imgTitle .today.day {
	font-size: 24px;}
.content .thuimg .month {
	position: relative;
	background-color: rgb(51,102,153);}
.content .thuimg .month .arrow {
	padding: 0px 3px; color: rgb(255, 255, 255); line-height: 38px; font-size: 20px; position: absolute; cursor: pointer;}
.content .thuimg .month .arrowleft {
	left: 0px;}
.content .thuimg .month .arrowright {
	right: 0px;}
.content .thuimg .month .arrowright:hover {
	background: rgb(112, 61, 151);}
.content .thuimg .month .arrowleft:hover {
	background: rgb(112, 61, 151);}
.content .thuimg .month .monthTxt {
	margin: 0px 15px 0px 40px; color: rgb(152, 132, 171); float: left; _display: inline;}
#calendarYear {
	display: none;}
.content .thuimg .month .monthTxt span {
	color: rgb(215, 208, 221); line-height: 38px; padding-right: 3px; font-size: 20px;}
.content .thuimg .month .day {
	float: left; _display: inline;}
.content .thuimg .month .day li {
	padding: 4px 2px; font-size: 12px; float: left; _display: inline;}
.content .thuimg .month .day a {
	width: 24px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; display: block; cursor: pointer; -ms-zoom: 1;}
.content .thuimg .month .day a:hover {
	background: rgb(112, 61, 151);}
.content .thuimg .month .day a.none {
	color: rgb(134, 108, 156);}
.content .thuimg .month .day a.none:hover {
	background: none; cursor: text;}
.content .thuimg .month .day a.current {
	color: rgb(255, 198, 0);}
.content .thuimg .imgarrow {
	padding: 2px 0px 2px 6px; border-radius: 40px; border: 2px solid rgb(255, 255, 255); border-image: none; top: -220px; color: rgb(255, 255, 255); overflow: hidden; font-size: 50px; position: absolute; cursor: pointer; opacity: 0.8;}
.content .thuimg .imgarrow::before {
	margin: 0px;}
.content .thuimg .imgarrowleft.imgarrow {
	padding: 2px 3px; left: -60px;}
.content .thuimg .imgarrowright.imgarrow {
	right: -60px;}
.content .thuimg .imgarrowleft.imgarrow:hover {
	background: rgb(51, 51, 51);}
.content .thuimg .imgarrowright.imgarrow:hover {
	background: rgb(51, 51, 51);}
.ydate {
	border: 1px solid rgb(216, 216, 216); border-image: none; width: 58px; text-align: center; color: rgb(125, 125, 125); padding-bottom: 5px; font-size: 12px; float: left; _display: inline;}
.ydate span {
	padding: 8px 0px 2px; line-height: 24px; font-size: 24px; display: block; -ms-zoom: 1;}
.ydate_1 {
	border: 1px solid rgb(180, 177, 182); border-image: none; color: rgb(92, 48, 125);}
.ydate_2 {
	background: rgb(237, 234, 241); border: 1px solid rgb(237, 234, 241); border-image: none; color: rgb(91, 49, 125);}
.content h2 {
	color: rgb(34, 19, 45); line-height: 70px; text-indent: 22px; font-size: 20px; -ms-zoom: 1;}
.content h2 .more {
	color: rgb(153, 153, 153); font-family: sans-serif; font-size: 12px; margin-right: 22px; float: right; _display: inline;}
.content h2 .more:hover {
	color: rgb(92, 48, 125);}
.content .news {
	margin-top: 10px; margin-bottom: 20px;}
.content .newslist {
	margin: 0px 5px 14px; padding-bottom: 40px; border-bottom-color: rgb(233, 232, 234); border-bottom-width: 1px; border-bottom-style: solid;}
.content .newslist li {
	margin: 0px 15px; width: 300px; float: left; _display: inline;}
.content .newslist h3 a {
	color: rgb(34, 19, 45); line-height: 22px; font-size: 16px;}
.content .newslist h3 a:hover {
	color: rgb(79, 96, 140);}
.content .newslist p {
	color: rgb(119, 119, 119); padding-top: 8px;}
.content .newslist .tn {
	width: 220px; margin-left: 80px; _width: 217px;}
.content .focusList {
	margin: 0px 5px;}
.content .focusList li {
	margin: 0px 15px 10px; width: 300px; height: 280px; overflow: hidden; border-top-color: rgb(92, 48, 125); border-top-width: 2px; border-top-style: solid; float: left; _display: inline;}
.content .focusList li.alternative {
	border-top-color: rgb(224, 130, 61); border-top-width: 2px; border-top-style: solid;}
.content .focusList .ydate {
	margin-top: 22px;}
.content .focusList h3 {
	margin-top: 1.4em;}
.content .focusList h3 a {
	color: rgb(34, 19, 45); line-height: 22px; font-size: 16px;}
.content .focusList h3 a:hover {
	color: rgb(79, 96, 140);}
.content .focusList p {
	color: rgb(119, 119, 119); padding-top: 8px;}
.content .focusList .isimg .tn {
	margin: 0px; width: auto;}
.content .focusList .isimg img {
	width: 300px;}
.content .focusList .isimg h3 {
	margin-top: 15px;}
.footer .footerExtra {
	background: rgb(248, 247, 244); padding: 40px 0px;}
.footer .footerExtra h2 {
	color: rgb(34, 19, 45); padding-bottom: 15px; font-size: 18px; margin-right: 10%; margin-bottom: 15px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;}
.footer .footerExtra .link li {
	margin-right: 5px; float: left; _display: inline;}
.footer .footerExtra .link li a {
	display: block;}
.footer .footerExtra li.commlink {
	margin: 0px 0px 0px 20px; width: 480px;}
.footer .footerExtra li.commlink li {
	margin: 0px; width: 33.3%; line-height: 24px;}
.footer .footerExtra li.commlink li a {
	color: rgb(68, 68, 68);}
.footer .footerExtra li.commlink li a:hover {
	color: rgb(79, 96, 140);}
.footer .footerExtra li.commlink li i {
	margin-left: 10px;}
.footer .footerExtra li.commlink .line {
	margin: 8px 0px; width: 130px; height: 0px; overflow: hidden; border-bottom-color: rgb(223, 223, 223); border-bottom-width: 1px; border-bottom-style: solid;}
@media screen and (max-width:1200px)
{
.content .thuimg .imgarrowleft.imgarrow {
	left: 10px;}
.content .thuimg .imgarrowright.imgarrow {
	right: 10px;}
}
@media screen and (max-width:800px)
{
.content {
	padding-bottom: 30px;}
.content .thuimg .thuimgWrap {
	min-width: 760px;}
.content .thuimg .imgarrow {
	top: -150px; font-size: 40px;}
.content .thuimg .imgTitle .txt {
	line-height: 48px; font-size: 16px;}
.thuimg .mainImg {
	width: 760px;}
.content .thuimg .thuimga {
	width: 760px; height: 253px;}
.content .thuimg .imgTitle {
	top: -48px; width: 760px;}
.content .thuimg .month .arrow {
	padding: 0px;}
.content .thuimg .month .monthTxt {
	margin: 0px 5px 0px 35px;}
.content .thuimg .month .day li {
	padding: 4px 1px;}
.content .thuimg .month .day a {
	padding: 0px 2px; width: 15px;}
.content .thuimg .imgTitle .day {
	padding: 0px 15px; width: auto; height: 40px; line-height: 40px; font-size: 14px;}
.content .thuimg .imgTitle .today.day {
	font-size: 20px;}
.content .news {
	margin-top: 0px;}
.content h2 {
	line-height: 60px; text-indent: 10px; font-size: 18px;}
.content .newslist {
	margin: 0px; padding-bottom: 30px;}
.content .newslist li {
	margin: 0px 10px; width: 233px;}
.content .newslist h3 a {
	line-height: 20px; font-size: 15px;}
.content .newslist .tn {
	width: 160px; margin-left: 73px;}
.content .focusList {
	margin: 0px;}
.content .focusList li {
	margin: 0px 10px 20px; width: 233px; height: 320px;}
.content .focusList .isimg img {
	width: 233px;}
.content .focusList h3 a {
	line-height: 20px; font-size: 15px;}
.footer .footerExtra li.commlink {
	width: 250px; margin-left: 10px;}
.footer .footerExtra li.commlink li {
	width: 50%;}
.footer .footerExtra h2 {
	margin-right: 20%; margin-bottom: 10px;}
.footer .footerExtra .link li {
	margin-bottom: 5px;}
}
@media screen and (max-width:640px)
{
.content {
	padding-bottom: 20px;}
.content .thuimg .thuimga {
	width: auto; height: 213px;}
.content .thuimg .imgarrow {
	top: -110px; font-size: 30px;}
.content .thuimg .imgTitle .txt {
	line-height: 40px; padding-left: 20px; font-size: 14px;}
.thuimg .mainImg {
	width: 100%;}
.content .thuimg .thuimgWrap {
	min-width: 100%;}
.content .thuimg .imgTitle {
	top: -40px; width: 100%;}
.content .thuimg .imgTitle .day {
	height: 32px; line-height: 40px; font-size: 11px;}
.content .thuimg .imgTitle .today.day {
	font-size: 16px;}
.content .thuimg .month .monthTxt {
	margin-right: 0px;}
.content .thuimg .month .day {
	margin: 0px 30px 0px 80px; float: none;}
.content .thuimg .month .day li a {
	width: 20px; font-size: 14px;}
.content .news {
	margin-top: 0px;}
.content h2 {
	line-height: 50px; text-indent: 20px; font-size: 16px;}
.content .newslist {
	margin: 0px; padding-bottom: 10px;}
.content .newslist li {
	margin: 0px 20px 20px; width: auto;}
.content .newslist h3 a {
	line-height: 20px; font-size: 15px;}
.content .newslist .tn {
	width: auto; margin-left: 80px;}
.content .focusList {
	margin: 0px 20px;}
.content .focusList li {
	margin: 0px 0px 30px; width: 100%; height: auto;}
.content .focusList .isimg img {
	width: 100%;}
.content .focusList h3 a {
	line-height: 20px; font-size: 15px;}
.footer .footerExtra {
	padding: 30px 0px;}
.footer .footerExtra .link li {
	margin-bottom: 5px;}
.footer .footerExtra li.commlink {
	margin: 0px 0px 10px; width: 100%;}
.footer .footerExtra li.commlink h2 {
	margin: 0px 20px 10px;}
.footer .footerExtra li.commlink ul {
	margin: 0px 20px;}
.footer .footerExtra li.commlink li {
	width: 25%; line-height: 30px; font-size: 12px;}
.footer .footerExtra li.commlink .line {
	display: none;}
.footer .footerExtra li img {
	width: 100%;}
.footer .footerExtra li.li1 {
	width: 50%; margin-right: 0px;}
.footer .footerExtra li.li2 {
	width: 25%; margin-right: 0px;}
.footer .footerExtra li.li1 a {
	padding: 5px;}
.footer .footerExtra li.li2 a {
	padding: 5px;}
}
@media screen and (max-width:480px)
{
.content .thuimg .thuimga {
	height: 160px;}
.footer .footerExtra li.commlink li i {
	margin-left: 5px;}
.footer .footerExtra li.commlink li {
	width: 33.33%;}
}
@media screen and (max-width:360px)
{
.content .thuimg .imgarrow {
	top: -96px;}
.content .thuimg .thuimga {
	height: 120px;}
.content .thuimg {
	border-bottom-color: rgb(92, 48, 125); border-bottom-width: 4px; border-bottom-style: solid;}
.content .thuimg .imgTitle .day {
	display: none;}
.content .thuimg .month {
	display: none;}
.footer .footerExtra li.li1 a {
	padding: 3px;}
.footer .footerExtra li.li2 a {
	padding: 3px;}
}
@media screen and (max-width:320px)
{
.content .thuimg .thuimga {
	height: 107px;}
.content .thuimg .imgarrow {
	top: -70px; font-size: 22px;}
.content .thuimg .imgarrowleft.imgarrow {
	padding: 1px 2px 0px 0px;}
.content .thuimg .imgarrowright.imgarrow {
	padding: 1px 0px 0px 2px;}
.content .thuimg .imgTitle {
	top: -34px;}
.content .thuimg .imgTitle .txt {
	line-height: 34px;}
.content h2 {
	font-size: 15px;}
.content .newslist h3 a {
	font-size: 14px;}
.content .focusList h3 a {
	font-size: 14px;}
.footer .footWrap h4 a {
	font-size: 12px;}
.footer .footerExtra li.commlink li {
	font-size: 12px;}
}