@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("layout.css");
@import url("typography.css");

/* header ------------------------------*/
#header{height:138px;background:url(../images/header_bg.jpg) repeat-x center top;}
#header h1{background:url(../images/logo.png) no-repeat 5px 40px;text-indent:-999em;overflow:hidden;width:720px;height:140px;}
#header
.headerR {float:right;}
.headerR img{margin-right:10px;margin-top:10px;}
.util{color:#0287c9;margin:20px;text-align:right}
.util li a{color:#0287c9;}
.util li a:hover{color:#ff6c00;}

.menu {background:url(../images/menu_bg.png) no-repeat center top;width:980px;height:50px;line-height:50px;}
.menu li{float:left;font-size:14px;font-weight:bold;margin:0 10px;text-align:center;height:50px;line-height:50px;width:102px}
.menu li a{color:#fff;}
.menu li a:hover{background:url(../images/menu_hover.jpg) no-repeat center top;display:block;}

.banner_bg{background:url(../images/shadow.png) no-repeat center 321px;width:980px;margin:0 auto;height:340px;}

.footer{width:980px;height:110px;_height:90px;margin:0 auto;font-size:12px;color:#8d8d8d;}
.footer p{padding-top:30px;_padding-top:0px;line-height:30px;}


.Mleft{width:200px;float:left;margin-left:5px;_margin-left:2px;}
.prodlist_bg{background:url(../images/prodlist_bg.jpg) no-repeat center top;width:193px;height:363px;float:left;display:inline;

}
.prodList{width:180px;margin-top:50px;}
.prodList li{background:url(../images/icon.png) no-repeat left 10px;height:24px;line-height:24px;width:160px; margin-left:20px;padding-left:15px;font-family:\5FAE\8F6F\96C5\9ED1;font-size:14px;}
.prodList li a{color:#4a7abe}
.prodList li a:hover{color:#0047a2}

.Mcenter{width:405px;float:left;}
.Mcomp{background: url(../images/Mcomp_bg.jpg) no-repeat center top;width:405px;height:360px;float:left;display:inline;

}

.Mright{width:355px;float:right;margin-bottom:15px;margin-right:5px;_margin-right:2px;}
.Mnews{background: url(../images/Mnews_bg.jpg) no-repeat center top;width:355px;height:191px;float:left;display:inline;}
.Mnews ul{width:320px;margin-top:45px;}
.Mnews ul li{line-height:24px;border-bottom:1px #e6f3fb dashed;width:320px;margin-left:20px;}
.Mnews ul li span {float:right;}
.Mnews ul li a{color:#272727;}
.Mnews ul li a:hover{color:#0047a2;}

.Mcontact{ background:url(../images/Mcontact_bg.jpg) no-repeat center top; width:355px;height:158px;margin-top:10px;float:left;display:inline;}
.Mcontact p{margin:45px 0 0 30px;width:230px;font-size:12px;line-height:20px;}
.Mcontact ul{margin:45px 0 0 30px;}
.Mcontact ul li{width:230px;font-size:12px;line-height:20px;}

.Mcont{margin:45px 20px;line-height:24px;}
.Mcont img{float:left;margin:0 10px;}



.Mprod{background:url(../images/Mprod_bg.jpg) no-repeat center top; width:980px;height:218px;margin-top:0;float:left;display:inline;_margin-top:-45px}
.Mcont_txt{line-height:24px;margin:35px 25px;}

.Mmore{float:right;margin:10px 20px;}


.Sright{float:right;width:768px;line-height:42px;margin-right:5px;_margin-right:2px;background:url(../images/cont_bg_header.png) no-repeat left top;}
.Sright h4 p{font-size:16px;height:42px;color:#fff;margin-left:50px;font-weight:bold}
.Sright h4 span{float:right;font-size:12px;margin-right:15px;color:#eee}
.Sright h4 span a{color:#fff}
.Sright h4 span a:hover{color:#0047a2;}

.Scont{float:right;width:768px;background:url(../images/cont_bg_body.png) repeat-y left top;}
.Scont_txt{line-height:24px;margin:10px 25px;min-height:280px;_height:280px;zoom:1;}
.Scont_txt h5{text-align:center;font-size:14px;font-weight:bold;color:#333333;}
.Sfooter{float:right;width:768px;background:url(../images/cont_bg_footer.png) no-repeat left top;height:18px;}

.Snews ul{}
.Snews ul li{line-height:24px;border-bottom:1px #e6f3fb dashed;}
.Snews ul li span {float:right;}
.Snews ul li a{color:#272727;}
.Snews ul li a:hover{color:#0047a2;}


.Snews_show h5{text-align:center;font-size:14px;font-weight:bold;color:#333333;}


.Sprod{line-height:24px;margin:10px ;min-height:472px;_height:472px;zoom:1;}
.Sprod h5{text-align:center;font-size:14px;font-weight:bold;color:#333333;}
.online_table{width:500px;margin:0 auto}
.online_table tr{line-height:30px;height:30px;}




.Scontact{background:url(../images/Scontact_bg.jpg) no-repeat left top;width:191px;margin-top:10px;float:left;display:inline;}
.Scontact p{margin:40px 0 0 0px;width:191px;font-size:12px;line-height:20px;padding-left:5px; background:url(../images/contact_body_bg.jpg) repeat-y left top;}
.Scontact ul{margin-top:40px;}
.Scontact ul li{width:180px;font-size:12px;line-height:20px;margin-left:5px;}
.Scontact_footer{width:191px;background:url(../images/contact_footer_bg.jpg) no-repeat left top;height:18px;float:left;display:inline;}





.show_img{text-align:center;}
.show_img img{width:auto;max-width:500px;margin:0 auto;}



/*roll*/
.rollBox {
	OVERFLOW: hidden; WIDTH: 930px;HEIGHT:180px; margin:0 auto;margin-top:0px;
}
.rollBox .LeftBotton {
	width:0;height:0;overflow:hidden;
}
.rollBox .RightBotton {
width:0;height:0;overflow:hidden;}
.rollBox .Cont {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 930px
}
.rollBox .ScrCont {
	WIDTH: 10000000px
}
.rollBox .Cont .pic {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; 
	PADDING-BOTTOM: 2px; WIDTH: 160px; PADDING-TOP: 10px; TEXT-ALIGN: center;
	margin-left:10px;
}
.rollBox .Cont .pic .pic_img{display: table-cell;
	width:160px;
	height:140px;
	line-height:140px;
	text-align:center;
*display: block;
*font-size:100px;
	background:#fff;
	padding:0;
	border:1px solid #bcdcff;
	overflow:hidden;
	vertical-align:middle;
	
}
.rollBox .Cont .pic .pic_img IMG {vertical-align:middle;
	border:0;max-width:160px;max-height:140px;
	
}
.rollBox .Cont .pic SPAN {
	margin:0 auto;

	FONT-SIZE: 12px; 
	WIDTH: 160px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: \5B8B\4F53
}

.rollBox .Cont .pic SPAN a{color:#2f2b19;}

.rollBox .Cont .pic SPAN a:hover{color:#ff6702;}

.rollBox .Cont .pic P {
	COLOR: #505050; LINE-HEIGHT: 10px
}
.rollBox .Cont A:link {
	COLOR: #626466; TEXT-DECORATION: none
}
.rollBox .Cont A:visited {
	COLOR: #626466; TEXT-DECORATION: none
}
.rollBox .Cont A:hover {
	COLOR: #f00; TEXT-DECORATION:none
}
.rollBox #List1 {
	FLOAT: left
}
.rollBox #List2 {
	FLOAT: left
}
.rollBox #List3 {
	FLOAT: left
}
.rollBox #List4 {
	FLOAT: left
}





.tb-box {
	width:150px;
	float:left;
    margin-top:15px;
    margin-left:28px;
    _margin-left:18px;

}
.tb-img {
	display: table-cell;
	width:150px;
	height:160px;
	line-height:160px;
	text-align:center;
*display: block;
*font-size:120px;
	background:#fff;
	padding:2px;
	border:1px solid #b3b3b3;
	overflow:hidden;
	vertical-align:middle;
}
.tb-img img 
{   width:auto;height:auto;
	vertical-align:middle;
	border:0;
	max-width:150px;max-height:160px;
}
.tb-txt {
	text-align:center;
	line-height:25px;
	width:150px;
	font-size:12px;
}
.tb-txt a{color:#583904;}
.tb-txt a:hover{color:#ff9200;}


/*Pages*/
DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}