@charset "utf-8";
/* CSS Document */

/* --------------
	reset
   -------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: #fff;
	font: 12px/22px SimSun, Microsoft YaHei, Arial, Verdana, SunSans-Regular, Sans-Serif;
	color: #000;
}
ol, ul {
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 14px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	text-align: left;
	font-weight: normal;
}
/* --------------
	common 
   --------------*/
a {
	color: #891d21;
	text-decoration: none;
}
a:hover {
	text-decoration:none;
}
.clear{
	clear: none;
}
/** header **/
.art{
	background:url(art-headerbg1.png) repeat-x 50% top #f2f2f1;
}
.art .center ,.ds .center{
	MARGIN: 0px auto;
	WIDTH: 950px;
	overflow: hidden;
	_zoom:1;
}
#header{
	MARGIN: 0px auto;
	WIDTH: 950px;
}
#header {
	height:187px;
	background: url(art-headerpic1.png) no-repeat right 61px;
}
.top_time {
	PADDING-BOTTOM: 0px; 
	LINE-HEIGHT: 26px; 
	PADDING-LEFT: 26px; 
	PADDING-RIGHT: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND: url(timepic.gif) no-repeat; 
	HEIGHT: 27px; 
	COLOR: #808080; 
	PADDING-TOP: 0px
}
.top_time SPAN {
	FLOAT: right; 
	COLOR: #4d4d4d
}
.top_time SPAN A {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	COLOR: #808080; 
	PADDING-TOP: 0px
}
.top_time SPAN A:hover {
	COLOR: #fff
}
.top_logo {
	HEIGHT: 88px; 
	CLEAR: both;
	overflow: hidden;_zoom:1;
}
.top_logo .logo {
	WIDTH: 84px; 
	FLOAT: left; 
	HEIGHT: 88px;
	background: url(MSlogo.png) no-repeat;
}
.top_logo .logo A {
	WIDTH: 89px; 
	DISPLAY: block; 
	HEIGHT: 83px;
}
.top_logo .navsm {
	TEXT-ALIGN: right; 
	LINE-HEIGHT: 14px; 
	HEIGHT: 35px; 
	COLOR: #d1d1d1; 
	PADDING-TOP: 10px;
}
.top_logo .navsm A {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 7px; 
	PADDING-RIGHT: 7px; 
	COLOR: #d1d1d1; 
	PADDING-TOP: 0px;
}
.top_logo .navsm A:hover {
	COLOR: #fff;
}
.top_k {
	LINE-HEIGHT: 24px; 
	PADDING-LEFT: 40px; 
	WIDTH: 805px; 
	FONT-FAMILY: "Microsoft YaHei"; 
	FLOAT: left; COLOR: #fff; 
	FONT-SIZE: 24px;
}
.top_k SPAN {
	padding:0 20px;
}
.top_sc {
	border:1px solid #5e4628;
	FLOAT: right;
}
.top_sc INPUT {
	BORDER-BOTTOM: medium none; 
	BORDER-LEFT: #d1d3e0 1px solid; 
	LINE-HEIGHT: 19px; 
	PADDING-LEFT: 0px; 
	WIDTH: 130px; 
	FLOAT: left; 
	HEIGHT: 20px; 
	COLOR: #808080; 
	FONT-SIZE: 12px; 
	BORDER-TOP: #d1d3e0 1px solid; 
	BORDER-RIGHT: medium none;
}
.top_sc A {
	FLOAT: left
}
.top_k span.top_sc2{
	padding:0;
}
.top_k span.top_sc2 a{
	width: 52px;
	height:23px;
	text-align: center;
	display: inline-block;
	font:16px/23px "Microsoft YaHei";
	color:#000;
	background: #fff;
}
.nav {
	height: 25px; 
	line-height: 25px;
	COLOR: #be4684; 
	overflow:hidden;
	_zoom:1;
}
.nav A {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	FLOAT: left; 
	COLOR: #fff; 
	height: 25px;
	line-height: 25px;
}
.nav SPAN {
	FLOAT: left; 
	PADDING-TOP: 12px
}
.nav A.one {

	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px; 
	BACKGROUND: #fff; 
	COLOR: #000; 
	BORDER-TOP: #e6e6e6 5px solid; 
	FONT-WEIGHT: 200;
	line-height: 16px;
	position: relative;

}

.navx {
	LINE-HEIGHT: 36px; 
	HEIGHT: 36px; 
	COLOR: #adadad;
	text-align: left;
}
.navx A {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 20px; 
	PADDING-RIGHT: 20px; 
	COLOR: #333; 
	PADDING-TOP: 0px
}
.navx A:hover {
	COLOR: #f00
}
.clear {clear: both;}

/** foot **/
#footer {
	margin-top:20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND: url(art-footer.gif) repeat-x; HEIGHT: 100px
}
#footer .foot {
	TEXT-ALIGN: center; 
	LINE-HEIGHT: 22px; 
	MARGIN: 0px auto; 
	WIDTH: 950px; 
	COLOR: #e6e6e6; 
	PADDING-TOP: 35px
}
#footer .foot A {
	PADDING-LEFT: 5px; 
	COLOR: #e6e6e6
}
#footer .foot A:hover {
	COLOR: #f60
}

* {font-family: "Microsoft YaHei";}

.modernArt {width: 950px; margin: auto;}
	
.modernArt .siderbar {width: 227px; background: #fefefe;float: left; overflow: hidden; _zoom:1;}
.modernArt .siderbar h2 {height: 32px; background: #595757;color: #FFFFFF;line-height: 32px; padding-left: 12px; font-family: "Microsoft YaHei"; font-size: 18px; font-weight: normal;}
.modernArt .siderbar h2 a {float: right; color: #FFFFFF;font-size: 12px; padding-right: 10px;font-family: "Arial";}
.modernArt .siderbar .dl-ul li { overflow: hidden;_zoom:1; padding: 16px 10px 16px 10px ; border-bottom: 1px solid #e1e1e1;}
.modernArt .siderbar .dl-ul li img {width: 66px; height: 65px; display:  block;float: left;}
.modernArt .siderbar .dl-ul li dl {float: left;width: 120px; margin-left: 10px;}
.modernArt .siderbar .dl-ul li dl h3 {font-size:11px;}
.modernArt .siderbar .dl-ul li dl h3 a {color: #000000;}
.modernArt .siderbar .dl-ul li dl p { line-height: 13px;}
.modernArt .siderbar .dl-ul li dl dd {color:#333333;}

.modernArt .siderbar .news-li li {line-height: 23px;} 
.modernArt .siderbar .news-li li a  {line-height: 23px;color:#333333; background: url(dian-2.gif) no-repeat left; padding-left: 10px; margin-left: 5px;}

.modernArt .siderbar .img-tab {width: 225px; height: 167px; overflow: hidden; position: relative;}
.modernArt .siderbar .img-tab ul{height: 167px; overflow: hidden;}
.modernArt .siderbar .img-tab ul li {float: left; height: 167px; position: relative;}
.modernArt .siderbar .img-tab ul li img{width: 225px; height: 167px;}
.modernArt .siderbar .img-tab ul li p {height: 28px;  position: absolute; bottom: 0px; left: 0px; text-align: center; width: 225px; background: #000000 ; padding: 0px;}
.modernArt .siderbar .img-tab ul li p a {color: #FFFFFF; font-size: 11px;}
.modernArt .siderbar .img-tab .btn-on { background: url(btn-on.png) no-repeat; width: 31px;height: 31px; display: inline-block;position:absolute; top: 60px; left: 6px;}
.modernArt .siderbar .img-tab .btn-next {background: url(btn-next.png) no-repeat; width: 31px;height: 31px; display: inline-block;position:absolute;top: 60px; right: 6px;}
.modernArt .siderbar .img-tab-box {height: 210px;}
.modernArt .siderbar .img-tab-box p {text-align: right; padding-top: 10px;}
.modernArt .siderbar .img-tab-box p a  {font-size: 16px; color: #000000; padding-right: 12px;background: url(more.png) no-repeat left; padding-left: 20px;}
 
.modernArt .siderbar .news-p {background: #f2f2f1; padding: 15px;}
.modernArt .siderbar .news-p p a  {color: #000000;}






.modernArt  .cont-right {float: right;width: 711px; overflow: hidden; _zoom:1;}
.modernArt  .cont-right .banner {width: 711px; height: 590px; overflow: hidden; background: #ffffff; position: relative;}
.modernArt  .cont-right .banner ul{overflow: hidden;_zoom:1;}
.modernArt  .cont-right .banner ul li img {width: 711px; height: 399px;display: inline-block;}
.modernArt  .cont-right .banner ul li div {height: 190px;width: 420px; padding-left: 20px; padding-top: 10px;}
.modernArt  .cont-right .banner ul li div dl h2 {font-size: 20px; color:#000000; font-weight: normal;}
.modernArt  .cont-right .banner ul li div dl h2 a {color:#000000; line-height: 44px;}
.modernArt  .cont-right .banner ul li div dl p {font-size: 14px;line-height: 18px;}
.modernArt  .cont-right .banner ul li div dl dd a {font-size: 16px; color: #000000; line-height: 40px; background: url(more.png) no-repeat right; padding-right: 20px;}
.modernArt  .cont-right .small-title {position: absolute; right: 22px; bottom:33px; }
.modernArt  .cont-right .small-title li {width: 215px;}
.modernArt  .cont-right .small-title li a {font-size: 14px; color: #000000;height: 22px; line-height: 22px;padding-left: 24px; background: url(img-03.png) no-repeat right bottom;width:190px; display: inline-block;	 }
.modernArt  .cont-right .small-title li .active {background: url(img-04.png) no-repeat;}




.modernArt-1 {background: #ffffff;width: 472px; margin-top: 16px; height: 266px;float: left; }
.modernArt-1 .ul-box {width: 442px; height: 214px; overflow: hidden;background: #eaeaea; position: relative;}
.modernArt-1 .title { overflow: hidden;_zoom:1; height: 32px; line-height: 32px;}
.modernArt-1 .title h2 {font-size: 18px;font-weight: normal;float: left; line-height: normal;}
.modernArt-1 .title h2 span {background: #000000;color: #FFFFFF; padding-left: 13px; height: 22px; line-height:22px;display: inline-block; margin-top:5px;}
.modernArt-1 .title p  {font-size: 14px;float: left; padding-left: 14px; color: #cccccc;width: 390px;}
.modernArt-1 .title p a {color: #333333; padding: 0 7px;}
.modernArt-1 .title p span  {float: right;}


.modernArt-1 .modernArt-cont {padding-left: 12px;}
.modernArt-1 .modernArt-cont ul {overflow: hidden;_zoom:1;}
.modernArt-1 .modernArt-cont ul li {float: left; overflow: hidden;_zoom:1;height: 221px; padding-top: 16px;}
.modernArt-1 .modernArt-cont ul li .video-box {text-align: center;}
.modernArt-1 .modernArt-cont ul li .video-box img {width: 138px; height: 102px;}
.modernArt-1 .modernArt-cont ul li .left {float: left;width: 220px; border-right:1px solid #bbbbbb;  }
.modernArt-1 .modernArt-cont ul li .right {float: left;width: 220px;}
.modernArt-1 .modernArt-cont ul li dl {width: 195px; margin-left:18px;}
.modernArt-1 .modernArt-cont ul li dl h2  {font-family: "Microsoft YaHei "; font-size: 14px;}
.modernArt-1 .modernArt-cont ul li dl p {color: #333333;}
.modernArt-1 .modernArt-cont .btn-on {background: url(btn-on.png) no-repeat; width: 31px;height: 31px; display: inline-block;position:absolute;top: 60px; left: 6px;}
.modernArt-1 .modernArt-cont .btn-next {background: url(btn-next.png) no-repeat; width: 31px;height: 31px; display: inline-block;position:absolute;top: 60px; right: 6px;}


.modernArt-2 {float: left; background: #fc215e;height: 265px;width: 237px;margin-top: 16px; }
.modernArt-2  .news-li li a {color: #FFFFFF;  }
.modernArt-2  .news-li li { line-height: 20px;width: 205px; overflow: hidden;height: 20px;}
.modernArt-2  .news-li {padding-top: 36px; padding-left: 10px; padding-bottom: 20px;}
.modernArt-2 .title { background: #000000; height: 35px; line-height: 35px; text-align: right; padding-right: 12px;}
.modernArt-2 .title a {color: #FFFFFF;}




.modernArt-3  {width: 239px; height: 320px;float: left; background: #FFFFFF;}
.modernArt-3 .title {height: 32px; line-height: 32px;}
.modernArt-3 .title h2 {font-size: 18px;font-weight: normal;float: left;padding-left: 13px;}
.modernArt-3 .title a  {color: #333333; padding: 0 7px;float:right;}
.modernArt-3 .title h2 span {background: #000000;color: #FFFFFF; display: inline-block; }

.modernArt-3  .modernArt-cont {background: #FFFFFF;}

.modernArt-3  .modernArt-cont .img-tab { position: relative; width: 238px; height: 186px;}
.modernArt-3  .modernArt-cont .img-tab ul li img {width: 238px; height: 186px;}
.modernArt-3  .modernArt-cont .img-tab {width: 238px; height: 186px;overflow: hidden; }
.modernArt-3  .modernArt-cont .img-tab ul li {float: left;}
.modernArt-3  .modernArt-cont .img-tab ul {overflow: hidden;_zoom:1;}
.modernArt-3  .modernArt-cont dl h3 {font-size: 13px;}
.modernArt-3  .modernArt-cont dl h3 a {color: #000000;}
.modernArt-3  .modernArt-cont dl p {color: #333333;}
.modernArt-3  .modernArt-cont dl p a {color: #333333;}
.modernArt-3 .modernArt-cont .btn-on {background: url(sbtn-on.png) no-repeat; width:17px;height:16px; display: inline-block;position:absolute;bottom: 10px; left: 40px;}
.modernArt-3 .modernArt-cont .btn-next {background: url(sbtn-next.png) no-repeat; width:17px;height:16px; display: inline-block;position:absolute;bottom:10px; right: 40px;}
.modernArt-3 .img-tab .indexes {position: absolute; bottom: 10px;right:80px;width: 70px; text-align: center;}
.modernArt-3 .img-tab .indexes a {width: 4px; height: 4px; display:inline-block; background: #FFFFFF; margin-right: 5px;}
.modernArt-3 .img-tab .indexes .active { background: #FC215E;}


.modernArt-4 {width: 469px;float: left;}
.modernArt-4 .title {height:32px;}
.modernArt-4 .title h2 {font-size: 18px;font-weight: normal;float: left;}
.modernArt-4 .title h2 span {background: #fc215e;color: #FFFFFF; padding-left: 13px; height: 22px; display: inline-block; line-height: 18px;}
.modernArt-4 .title a  {color: #333333; padding: 0 7px;float:right;}
.modernArt-4 .img-tab {width: 469px; height:282px; overflow: hidden; position: relative;}
.modernArt-4 .img-tab  ul { height:282px;overflow: hidden;_zoom:1;}
.modernArt-4 .btn-on {background: url(sbtn-on.png) no-repeat; width:17px;height:16px; display: inline-block;position:absolute;bottom: 20px; right: 125px;}
.modernArt-4 .btn-next {background: url(sbtn-next.png) no-repeat; width:17px;height:16px; display: inline-block;position:absolute;bottom:20px; right: 40px;}
.modernArt-4 .img-tab li {float: left; position: relative;}
.modernArt-4 .img-tab li div {position: absolute; background: #000000; top: 0px;right: 0px; width: 173px; height: 282px; _filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8; }

.modernArt-4 .img-tab li div h3 {width: 146px; margin-left:16px;font-size: 13px; margin-top: 45px; margin-bottom: 18px; }
.modernArt-4 .img-tab li div h3 a {color: #FFFFFF;}
.modernArt-4 .img-tab li div p {width: 146px; margin-left:16px; color: #FFFFFF;line-height: 16px;font-size: 11px;}
.modernArt-4 .img-tab .indexes {position: absolute; bottom: 20px;right:66px; text-align: center;}
.modernArt-4 .img-tab .indexes a {width: 4px; height: 4px; display:inline-block; background: #FFFFFF; margin-right: 5px;}
.modernArt-4 .img-tab .indexes .active { background: #FC215E;}

.modernArt-5 {width: 240px;float: left;}
.modernArt-5 .title {height:32px;}
.modernArt-5 .title h2 {font-size: 18px;font-weight: normal;float: left;}
.modernArt-5 .title h2 span {background: #fc215e;color: #FFFFFF; padding-left: 13px; height: 22px; display: inline-block; line-height: 18px;}
.modernArt-5 .title a  {color: #333333; padding: 0 7px;float:right;}

.modernArt-5 .modernArt-cont ul li {overflow: hidden;_zoom:1; margin-bottom: 6px;}
.modernArt-5 .modernArt-cont ul li img {width: 72px; height: 66px; display: block; float: left;}
.modernArt-5 .modernArt-cont ul li p {font-size: 11px; line-height: 12px; float: left;width: 152px; height: 56px;background: #eaeaea; padding:10px 5px 0px 5px;}

.modernArt .bottom-left {width: 650px;float: left; margin-top: 17px;overflow: hidden;_zoom:1;}

.modernArt-6 {width: 460px; background: #FFFFFF; float: left; overflow: hidden;_zoom:1;}
.modernArt-6 .title {height:30px; line-height: 30px;}
.modernArt-6 .title h2 {font-size: 18px;font-weight: normal;float: left;}
.modernArt-6 .title h2 span {background: #fc215e;color: #FFFFFF; padding-left: 13px; height: 22px; display: inline-block; line-height: 18px;}
.modernArt-6 .title a  {color: #333333; padding: 0 7px;float:right;}

.modernArt-6 .ul-box {width: 460px; overflow: hidden;}
.modernArt-6 ul { overflow: hidden;_zoom:1; width: 470px;}
.modernArt-6 ul li {float: left; margin-right: 8px;}
.modernArt-6 ul li img {width: 86px; height: 87px; display: block;}
.modernArt-6 ul li p a {color: #000000;display: inline-block;width: 86px; height: 20px;line-height: 20px; text-align: center;}
.modernArt-6 ul li p .active,.modernArt-6 ul li p a:hover {color: #FFFFFF; background: #FC215E;}


.modernArt-7 {width: 190px; background: #999999; float: left;overflow: hidden;_zoom:1;}
.modernArt-7 .title a {padding-right: 12px; color: #FFFFFF;}
.modernArt-7 .title {text-align: right;}
.modernArt-7  .news-li li a {color: #FFFFFF;font-size: 12px;}
.modernArt-7  .news-li li { line-height: 18px;width: 205px; overflow: hidden;height: 20px;}
.modernArt-7  .news-li { padding-left: 10px;}


.modernArt-8 {width:650px; background: #FFFFFF; float: right;}
.modernArt-8 .title {height:30px; line-height: 30px;}
.modernArt-8 .title h2 {font-size: 18px;font-weight: normal;float: left;padding-left: 13px;}
.modernArt-8 .title h2 span {background: #000000;color: #FFFFFF;  height: 22px; display: inline-block; line-height: 18px;}
.modernArt-8 .title a  {color: #333333; padding: 0 7px;float:right;}

.modernArt-8 .ul-box {width: 650px; overflow: hidden;}
.modernArt-8 ul { overflow: hidden;_zoom:1; width: 680px;}
.modernArt-8 ul li {float: left; margin-right: 8px;}
.modernArt-8 ul li img {width: 125px; height: 117px; display: block;}
.modernArt-8 ul li p a {color: #FFFFFF;display: inline-block;width: 95px;line-height: 16px; text-align: center; background: #000000; padding: 5px 15px;}
.modernArt-8 ul li p .active,.modernArt-8 ul li p a:hover {color: #FFFFFF; background: #fc215e;}


.modernArt .bottom-right {width:284px;float: right; margin-top: 17px;}


.modernArt-9{ background: #FFFFFF; float: right;}
.modernArt-9 dl {padding: 0px 10px;}
.modernArt-9 dl h2 {font-weight: normal;}
.modernArt-9 dl p a {color: #000000;}
.modernArt-9 .title {height:30px; line-height: 30px;}
.modernArt-9 .title h2 {font-size: 18px;font-weight: normal;float: left;padding-left: 13px;}
.modernArt-9 .title h2 span {background: #000000;color: #FFFFFF;  height: 22px; display: inline-block; line-height: 18px;}
.modernArt-9 .title a  {color: #333333; padding: 0 7px;float:right;}
.modernArt-9 img {width: 284px; height: 195px; display: block;}




.modernArt-10{ background: #FFFFFF; float: right; margin-top: 17px;}
.modernArt-10 .title {height:30px; line-height: 30px; background: #333333;}
.modernArt-10 .title h2 {font-size: 18px;font-weight: normal;float: left;padding-left: 13px; color:#FFFFFF;}
.modernArt-10 .title h2 span {background: #000000;color: #FFFFFF;  height: 22px; display: inline-block; line-height: 18px;}
.modernArt-10 .title a  {color: #FFFFFF; padding: 0 7px;float:right;}
.modernArt-10 img {width: 284px; height: 115px; display: block; margin-top: 12px;}
.modernArt-10 dl {padding: 0px 10px;}
.modernArt-10 dl h2 {font-weight: normal;}
.modernArt-10 dl p a {color: #000000;}
.modernArt-10 ul {padding-left: 20px;}
.modernArt-10 ul li {width: 120px;float: left;}
.modernArt-10 ul li a {color: #000000; background: url(dian-2.gif) no-repeat left; padding-left: 10px;}



.media { border-top: 3px solid #a20000; margin-top: 17px; position: relative; padding-top: 10px; border-bottom: 2px solid #3f3f3e;}
.media .title {position: absolute; left: 415px; top: -10px; background: #f2f2f1; padding:0 10px; font-weight: bold; color: #000000;}
.media p  {border-bottom: 1px dashed #5c5c5c; line-height: 40px;}
.media p a  {color: #000000; text-align: center; margin-right: 10px; background: url(dian-2.gif) no-repeat left; padding-left: 10px;}
.media ul li {float: left; overflow: hidden;-zoom:1 ; margin-right:10px; }
.media ul { overflow: hidden;_zoom:1; padding-top: 10px; padding-bottom: 10px;} 
.media ul li p {width: 100px;float: left; border: none; line-height: 20px;}
.media ul li img {float: left; margin-right: 5px;}