@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(../images/art-headerbg1.gif) repeat-x 50% top;
}
.art .center {
	MARGIN: 0px auto;
	WIDTH: 950px;
	overflow: hidden;
	_zoom:1;
}
#header{
	MARGIN: 0px auto;
	WIDTH: 950px;
}
#header {
	height:187px;
	background: url(../images/art-headerpic1.jpg) 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(../images/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: 83px; 
	CLEAR: both
}
.top_logo .logo {
	WIDTH: 100px; 
	FLOAT: left; 
	HEIGHT: 83px;
	background: url(../images/MSlogo.gif) 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 {
	LINE-HEIGHT: 14px; 
	HEIGHT: 31px; 
	COLOR: #be4684; 
	OVERFLOW: hidden
}
.nav A {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px; 
	DISPLAY: block; 
	FLOAT: left; 
	COLOR: #fff; 
	PADDING-TOP: 13px
}
.nav SPAN {
	FLOAT: left; 
	PADDING-TOP: 12px
}
.nav A.one {
	PADDING-BOTTOM: 6px; 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px; 
	BACKGROUND: #fff; 
	COLOR: #000; 
	BORDER-TOP: #e6e6e6 5px solid; 
	FONT-WEIGHT: 200; PADDING-TOP: 8px
}
.nav A:hover {
	PADDING-BOTTOM: 6px; 
	PADDING-LEFT: 15px; 
	PADDING-RIGHT: 15px; 
	BACKGROUND: #fff; 
	COLOR: #000; 
	BORDER-TOP: #e6e6e6 5px solid; 
	FONT-WEIGHT: 200; PADDING-TOP: 8px
}
.navx {
	LINE-HEIGHT: 36px; 
	HEIGHT: 36px; 
	COLOR: #adadad
}
.navx A {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 20px; 
	PADDING-RIGHT: 20px; 
	COLOR: #333; 
	PADDING-TOP: 0px
}
.navx A:hover {
	COLOR: #f00
}




.art .art-newsW{
	width:950px;
	height:334px;
	background: url(../images/art-con1bg1.gif) no-repeat;
	overflow: hidden;
}
.art .art-newsW .art-slide1{
	float: left;
	width:621px;
	height:305px;
	margin:4px 0 0 4px;
	position: relative;
	overflow: hidden;
}
.art .art-newsW .art-slide1 .slide1-text{
	overflow: hidden;
	_zoom:1;
}
.art .art-newsW .art-slide1 .slide1-text li{
	float: left;
	width:621px;
	height:305px;
	position: relative;
}
.art .art-newsW .art-slide1 .slide1-text li img{
	width:621px;
	height:305px;
}
.art .art-newsW .art-slide1 .slide1-text li a div{
	width:158px;
	height:245px;
	padding:30px 10px;
	background: url(../images/art-con1bg2.png) repeat;
	position: absolute;
	right:-1px;
	top:0;
}
.art .art-newsW .art-slide1 .slide1-text li a div h2{
	color:#fff;
	font:17px/24px "Microsoft YaHei";
}
.art .art-newsW .art-slide1 .slide1-text li a div p{
	margin-top:15px;
	color: #beb7b7;
	font:12px/21px "Microsoft YaHei";
}
.art .art-newsW .art-slide1 .slide1-img{
	height:49px;
	position: absolute;
	left:8px;
	bottom:8px;
}
.art .art-newsW .art-slide1 .slide1-img li{
	float: left;
	display: inline;
	margin-left: 3px;
}
.art .art-newsW .art-slide1 .slide1-img li a img{
	width: 79px;
	height: 45px;
	border: 2px solid #f6f6f7;
}
.art .art-newsW .art-slide1 .slide1-img li a:hover img,.art .art-newsW .art-slide1 .slide1-img a.active img{
	border: 2px solid #fff500;
}
.art .art-newsW .art-slide1 .slide1-btn{
	float: left;
	height:8px;
	position: absolute;
	right:57px;
	bottom: 20px;
}
.art .art-newsW .art-slide1 .slide1-btn li{
	float: left;
	display:inline;
	margin-left: 7px;
}
.art .art-newsW .art-slide1 .slide1-btn li a{
	display: block;
	height:8px;
	width: 8px;
	background: url(../images/art-con1bg3.png) no-repeat 0 0;
}
.art .art-newsW .art-slide1 .slide1-btn li a:hover,.art .art-newsW .art-slide1 .slide1-btn a.active{
	background: url(../images/art-con1bg3.png) no-repeat -15px 0;
}
.art .art-newsW .art-newcon{
	float:right;
	display: inline;
	width:299px;
	margin:6px 6px 0 0;
	overflow: hidden;
	_zoom:1;
}
.art .art-newsW .art-newcon h2{
	color: #000;
	margin-left:12px;
	font:bold 16px/24px "Microsoft YaHei";
}
.art .art-newsW .art-newcon dl a{
	display: block;
	width: 269px;
	height:65px;
	padding:0 15px 8px 15px;
	overflow: hidden;
}
.art .art-newsW .art-newcon dl a:hover{
	background: #dbd9d2;
}
.art .art-newsW .art-newcon dl a dt{
	color: #c30d23;
	font-size: 14px;
	line-height: 30px;
}
.art .art-newsW .art-newcon dl a dd{
	line-height: 20px;
	color:#000;
}
.art .art-newsW .art-newcon dl a dd span,.art .con3-appW .appcon .appcon-mid dl dd a span,
.art .con4-left .artist-con .conleft dl dd a p span{
	color: #485678;
}
/** con2 **/
.art .con2-listcon{
	float: left;
	width:624px;
	height:530px;
	margin-top:20px;
	overflow: hidden;
}
.art .con2-listcon .title,.art .con2-zixun .title,.art .con3-appW .title,.art .con4-left .title,.art .con4-right .title,
.art .con5-ship .title{
	height:35px;
	background: url(../images/art-conbg2.gif) repeat-x;
}
.art .con2-listcon .title span.bg1,.art .con2-zixun .title span.bg1,.art .con3-appW .title span.bg1,.art .con4-left .title span.bg1,
.art .con4-right .title span.bg1,.art .con5-ship .title span.bg1{
	display: block;
	float: left;
	padding-left:56px;
	color: #fff;
	font:18px/35px "Microsoft YaHei";
	background: url(../images/art-conbg1.gif) no-repeat 0 0;
}
.art .con2-listcon .title span.bg2,.art .con2-zixun .title span.bg2,.art .con3-appW .title span.bg2,.art .con4-left .title span.bg2,
.art .con4-right .title span.bg2,.art .con5-ship .title span.bg2{
	display: block;
	float: right;
	width: 49px;
	height:35px;
	background: url(../images/art-conbg3.gif) no-repeat 0 0;
}
.art .con2-listcon .listcon,.art .zixuncon,.art .con4-right .zhanxuncon{
	height:472px;
	padding-top:22px;
	border-left:1px solid #818182;
	border-right:1px solid #818182;
	border-bottom:1px solid #818182;
	background: #f4f2ea url(../images/art-conbg4.gif) no-repeat left top;
	overflow: hidden;
	position: relative;
}
.art .con2-listcon .listcon span.line{
	display: block;
	width: 1px;
	height:416px;
	background: url(../images/art-line1.gif) no-repeat;
	position: absolute;
	left:50%;
	top:50px;
}
.art .con2-listcon .listcon .con-left{
	float: left;
	overflow: hidden;
	_zoom:1;
}
.art .con2-listcon .listcon .con-right{
	float: right;
	overflow: hidden;
	_zoom:1;
}
.art .con2-listcon .listcon .con{
	width:262px;
	margin-right:20px;
	margin-left: 16px;
}
.art .con2-listcon .listcon .con h2{
	height:20px;
	line-height: 20px;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	background: url(../images/art-conbg6.gif) no-repeat;
}
.art .con2-listcon .listcon .con h2 span{
	display: block;
	float: left;
	height:20px;
	padding-right:15px;
	margin-left:25px;
	color: #f4f2ea;
	background: url(../images/art-conbg5.gif) repeat-x;
}
.art .con2-listcon .listcon .con h2 a{
	display: block;
	float: right;
	color: #443528;
}
.art .con2-listcon .listcon .con div{
	padding:5px 0 3px 20px;
	line-height: 21px;
	overflow: hidden;
	_zoom:1;
}
.art .con2-listcon .listcon .con div a{
	color: #5c5b58;
}
.art .con2-zixun{
	float: right;
	width:303px;
	height:530px;
	margin-top:20px;
	overflow: hidden;
}
.art .zixuncon .con-img{
	margin-left:17px;
	line-height: 28px;
	overflow: hidden;
	_zoom:1;
}
.art .zixuncon .con-img li{
	float: left;
	width: 130px;
	text-align: center;
	margin: 0 8px 0 0;
}
.art .zixuncon .con-img li a{
	color:#585856;
} 
.art .zixuncon .con-img li a img{
	float: left;
	width:130px;
	height:97px;
}
.art .zixuncon .con-text,.art .con3-appW .appcon .appcon-mid ul{
	padding-bottom: 5px;
	overflow: hidden;
	_zoom:1;
}
.art .zixuncon .con-text li,.art .con3-appW .appcon .appcon-mid ul li,.art .con4-right .zhanxuncon ul li,.art .con5-ship .shipcon .ship-mid ul li,
.art .con5-ship .shipcon .ship-right ul li{
	font:14px/21px "SimSun";
	padding-left:29px;
	background: url(../images/art-dian.gif) no-repeat 17px 11px;
}
.art .zixuncon .con-text li a,.art .con3-appW .appcon .appcon-mid ul li a,.art .con4-right .zhanxuncon ul li a,.art .con5-ship .shipcon .ship-mid ul li a,
.art .con5-ship .shipcon .ship-right ul li a{
	color: #000;
}
.art .zixuncon .con-text li a:hover,.art .con4-left .artist-con .conright .con1 li a:hover,art .con3-appW .appcon .appcon-mid ul li a:hover,
.art .con4-right .zhanxuncon ul li a:hover,.art .con5-ship .shipcon .ship-mid ul li a:hover,.art .con5-ship .shipcon .ship-right ul li a:hover{
	font-weight: bold;
}
/** con3 **/
.art .con3-appW,.art .con5-ship{
	width:950px;
	height:312px;
	margin-top:20px;
	overflow: hidden;
}
.art .con3-appW .title span.bgcon{
	float: left;
	color:#fff;
	padding-top:10px;
	margin-left: 25px;
	line-height: 18px;
	font-weight: normal;
}
.art .con3-appW .title span.bgcon a{
	font:normal 12px "SimSun";
	color: #fff;
	margin: 0 5px;
}
.art .con3-appW .appcon,.art .con5-ship .shipcon{
	height:253px;
	padding-top:22px;
	border:1px solid #818182;
	background: #f4f2ea;
	overflow: hidden;
}
.art .con3-appW .appcon .appcon-left{
	float: left;
	display: inline;
	width:293px;
	height:235px;
	margin: 0 0 0 10px;
	position: relative;
	overflow:hidden;
}
.art .con3-appW .appcon .appcon-left .app-slideimg{
	width: 293px;
	height:235px;
	overflow: hidden;
}
.art .con3-appW .appcon .appcon-left .app-slideimg li{
	float: left;
}
.art .con3-appW .appcon .appcon-left .app-slideimg li img{
	width: 293px;
	height:235px;
}
.art .con3-appW .appcon .appcon-left .app-slidebg{
	height:33px;
	width:293px;
	color: #fff;
	background: url(../images/art-con1bg2.png) repeat;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.art .con3-appW .appcon .appcon-left .app-slidebg .bg-text{
	float:left;
	width:150px;
	padding-left:12px;
	line-height: 33px;
	overflow: hidden;
}
.art .con3-appW .appcon .appcon-left .app-slidebg ul{
	float: right;
	margin: 7px 6px 0 0;
	overflow: hidden;
}
.art .con3-appW .appcon .appcon-left .app-slidebg ul li{
	float: left;
}
.art .con3-appW .appcon .appcon-left .app-slidebg ul li a{
	padding:1px 5px;
	color:#fff;
}
.art .con3-appW .appcon .appcon-left .app-slidebg ul li a:hover,.art .con3-appW .appcon .appcon-left .app-slidebg ul li a.active{
	background: #c30d23;
}
.art .con3-appW .appcon .appcon-mid{
	float: left;
	display: inline;
	width:294px;
	margin: 0 0 0 19px;
}
.art .con3-appW .appcon .appcon-mid dl{
	margin: 0 0 10px 17px;
	overflow: hidden;
	_zoom:1;
}
.art .con3-appW .appcon .appcon-mid dl dt a{
	font:bold 15px/26px "SimSun";
	color: #252525;
}
.art .con3-appW .appcon .appcon-mid dl dd a{
	font:12px/21px "SimSun";
	color: #666;
}
.art .con3-appW .appcon .appcon-mid ul li{
	line-height: 23px;
}
.art .con3-appW .appcon .appcon-right{
	float: right;
	width:300px;
	overflow: hidden;
	_zoom:1;
}
.art .con3-appW .appcon .appcon-right ul li{
	float: left;
	width:131px;
	margin:0 13px 0 0;
	text-align: center;
	line-height: 32px;
}
.art .con3-appW .appcon .appcon-right ul li a{
	color: #000;
}
.art .con3-appW .appcon .appcon-right ul li a img{
	float: left;
	width:131px;
	height:92px;
}
/** con4 **/
.art .con4-left{
	float: left;
	width:624px;
	height:313px;
	margin-top:20px;
	overflow: hidden;
}
.art .con4-left .artist-con{
	height:254px;
	padding-top:22px;
	border:1px solid #818182;
	background: #f4f2ea;
	overflow: hidden;
}
.art .con4-left .artist-con .conleft{
	float: left;
	width:245px;
	padding-left:15px;
}
.art .con4-left .artist-con .conleft dl{
	float: left;
	padding-bottom:12px;
	margin-bottom: 10px;
	background: url(../images/art-con4bg1.gif) no-repeat center bottom;
	overflow: hidden;
	_zoom:1;
}
.art .con4-left .artist-con .conleft dl dt img{
	float: left;
	width:76px;
	height:67px;
}
.art .con4-left .artist-con .conleft dl dd{
	padding-left:90px;
}
.art .con4-left .artist-con .conleft dl dd a h3{
	color: #000;
	font:normal 12px/23px "SimSun";
}
.art .con4-left .artist-con .conleft dl dd a p{
	color: #595757;
	line-height: 21px;
}
.art .con4-left .artist-con .conright{
	width:315px;
	margin-left: 45px;
	float: left;
}
.art .con4-left .artist-con .conright .con1{
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../images/art-con4bg2.gif) no-repeat center bottom;
	overflow: hidden;
	_zoom:1;
}
.art .con4-left .artist-con .conright .con1 li{
	float: left;
	width: 145px;
	height:19px;
	line-height: 19px;
	padding-left:11px;
	background: url(../images/art-dian2.gif) no-repeat 0 9px;
	overflow: hidden;
}
.art .con4-left .artist-con .conright .con1 li a{
	color: #252525;
}
.art .con4-left .artist-con .conright .con2 li{
	float: left;
	line-height: 23px;
	padding-left:5px;
	width:73px;
}
.art .con4-left .artist-con .conright .con2 li a{
	color: #595757;
}
.art .con4-right{
	float: right;
	width:303px;
	height:313px;
	margin-top:20px;
	overflow: hidden;
}
.art .con4-right .zhanxuncon{
	height:255px;
}
.art .con4-right .zhanxuncon dl{
	padding-bottom:12px;
	margin-bottom: 10px;
	background: url(../images/art-con4bg1.gif) no-repeat center bottom;
	overflow: hidden;
	_zoom:1;
}
.art .con4-right .zhanxuncon dl dt img{
	float: left;
	width:133px;
	height:67px;
	padding-left: 12px;
}
.art .con4-right .zhanxuncon dl dd{
	padding-left: 154px;
	line-height: 18px;
}
.art .con4-right .zhanxuncon dl dd a{
	color: #595757;
}
.art .con4-right .zhanxuncon dl dd a span{
	color:#1f386e;
}
.art .con4-right .zhanxuncon ul li{
	line-height: 25px;
}
/** con5 **/
.art .con5-ship{
	height:301px;
}
.art .con5-ship .shipcon{
	height:242px;
	padding-top:22px;
	border:1px solid #818182;
	background: #f4f2ea;
	overflow: hidden;
}
.art .con5-ship .shipcon .ship-left{
	float: left;
	width:290px;
	padding:0 0 0 15px;
	overflow: hidden;
	_zoom:1;
}
.art .con5-ship .shipcon .ship-left .ship-slide{
	width:290px;
	height:163px;
	overflow: hidden;
}
.art .con5-ship .shipcon .ship-left .ship-slide li{
	float: left;
}
.art .con5-ship .shipcon .ship-left .ship-slide li img{
	width:290px;
	height:163px;
}
.art .con5-ship .shipcon .ship-left .slidecon{
	width:290px;
	height:54px;
	margin:4px 0 0 0;
	overflow: hidden;
}
.art .con5-ship .shipcon .ship-left .slidecon a.ship-prevbtn{
	display: block;
	width:16px;
	height:56px;
	float: left;
}
.art .con5-ship .shipcon .ship-left .slidecon a.ship-nextbtn{
	float: right;
	width:16px;
	height:56px;
	display: block;
}
.art .con5-ship .shipcon .ship-left .slidecon div {
    float: left;
    height: 56px;
    width: 257px;
	margin-left:1px;
    overflow: hidden;
}
.art .con5-ship .shipcon .ship-left .slidecon .ship-pic li{
	float: left;
	display: inline;
	margin-left:5px;
}
.art .con5-ship .shipcon .ship-left .slidecon .ship-pic li img{
	width:79px;
	height:56px;
}
.art .con5-ship .shipcon .ship-mid{
	float: left;
	width:272px;
	margin: 0 0 0 19px;
	overflow: hidden;
	_zoom:1;
}
.art .con5-ship .shipcon .ship-mid dl{
	margin:0 0 8px 17px;
	border-bottom: 1px solid #cfcfcf;
	overflow: hidden;
	_zoom:1;
}
.art .con5-ship .shipcon .ship-mid dl dt img{
	width:272px;
	height:84px;
}
.art .con5-ship .shipcon .ship-mid dl dd a{
	font-size: 11px;
	color: #000;
}
.art .con5-ship .shipcon .ship-mid ul li{
	width:255px;
	line-height: 22px;
	overflow: hidden;
}
.art .con5-ship .shipcon .ship-right{
	float: right;
	width:300px;
}
.art .con5-ship .shipcon .ship-right ul li{
	height:23px;
	line-height: 23px;
	overflow: hidden;
}
/** foot **/
#footer {
	margin-top:20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND: url(../images/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
}