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

body{background:url(../images/body-bg.jpg) #ffffff repeat-x;}
/* head ------------------------------*/
.header{width:979px;height:180px;margin:0 auto; position:relative;}
.logo{width:118px;height:85px; position:absolute;left:16px;top:20px;}
.header h1{width:359px;height:57px; position:absolute;left:141px;top:51px;color:#FFF;line-height:59px;text-indent:-9999em;background:url(../images/title-bg.jpg) no-repeat;}
.hot_line{width:321px;height:36px; position :absolute;right:0;top:94px;background:url(../images/hot_line.jpg) no-repeat;}
.menu{width:980px;height:43px; position:absolute;left:0;top:124px;background:url(../images/menu-bg.png) no-repeat;}
.menu_l{width:140px;height:43px;line-height:36px;float:left;font-size:14px;font-weight:bold;text-align:center;font-family:΢ÈíÑźÚ; }
.menu_r{width:140px;height:43px;line-height:53px;float:left;font-size:14px;font-weight:bold; text-align:center;font-family:΢ÈíÑźÚ;}
.menu_l a{color:#1d3164;}
.menu_r a{color:#ffffff;}

/* main_v ------------------------------*/
.main_v{width:979px;height:341px;margin:0 auto;}

/* box ------------------------------*/
.box{width:979px;margin:0 auto;}
.mLeft{width:658px;float:left;}
.mRight{width:299px;float:right;}
.sLeft{width:229px;float:left;}
.sRight{width:730px;float:right;}
h4{font-size:12px;}

/* mComp ------------------------------*/
.mComp{width:658px;float:left;}
.mComp h3{width:658px;height:41px;background:url(../images/mComp_T.png) no-repeat;margin-bottom:10px;}
.mComp p{width:460px;padding:8px;float:left;font-size:12px;line-height:25px;color:#333333; text-indent:2em;}
.mComp_P{width:154px;height:180px;padding:8px;float:right;}

/* mProd ------------------------------*/
.mProd{width:658px;margin-top:5px;}
.mProd h3{width:658px;height:43px;background:url(../images/mProd_T.png) no-repeat;}
.mProd_P{width:656px;height:206px;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.prodBox{width:200px;height:180px;float:left;margin-left:15px;_margin-left:8px;margin-top:15px;}
.imgBox {
display:inline-block;
vertical-align:middle;
text-align:center;
*display: block;

*font-family:Arial;

padding:5px;
border:1px solid #d7d7d7;
}
.imgBox img {
vertical-align:middle;
}

.txtBox{ width:200px; text-align:center; font-size:12px;line-height:42px;}
.txtBox a{color:#333333;}

/* mOnline ------------------------------*/
.mOnline{width:299px;height:320px;}
.mOnline h3{width:299px;height:42px;background:url(../images/mOnline_T.png) no-repeat;}
.mOnline_C{width:296px;height:258px;margin-left:2px;padding-top:10px;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.text1{font-size:14px;line-height:20px;}
.btn{width:67px;height:25px;background:url(../images/btn-bg.jpg) no-repeat;border:none;cursor:pointer;float:left;margin-right:20px;*margin-right:8px;color:#fff;}

/* mContact ------------------------------*/
.mContact{width:299px;height:181px;*margin-top:2px;}
.mContact h3{width:299px;height:41px;background:url(../images/mContact_T.png) no-repeat;}
.mContact p{width:286px;height:130px;margin-left:2px;padding:15px 0 5px 10px;background:url(../images/mContact-bg.jpg) no-repeat right bottom;font-size:12px;
            border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;line-height:15px;color:#333;}
            
/* footer ------------------------------*/
.footer{width:100%;height:145px;background:url(../images/footer-bg.jpg) repeat-x;margin-top:30px;}
.logo_foot{width:305px;height:49px; position:absolute;left:25px;top:15px;}
.footer p{width:554px;padding-left:70px; position:absolute;top:25px;right:0;color:#333;font-size:12px;}

/* prod_list ------------------------------*/
.prod_list{width:229px;}
.prod_list h3{width:229px;height:40px;}
.prod_list ul{width:227px;padding-bottom:10px;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;float:left;}
.prod_list ul li{width:196px;height:43px;line-height:43px;padding-left:30px;font-size:14px;float:left;background:url(../images/prod_list_li.jpg) no-repeat;}
.prod_list ul li a{color:#00357f;}

/* sContact ------------------------------*/
.sContact{width:229px;margin-top:10px;}
.sContact h3{width:229px;height:40px;}
.sContact p{width:199px;padding:20px 15px;background:url(../images/mContact-bg.jpg) no-repeat right bottom;font-size:12px;
            border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;line-height:25px;color:#333;}
            
/* sComp ------------------------------*/
.sComp{width:730px;}
.sComp h4{width:720px;height:40px;background:url(../images/sComp_T.jpg) no-repeat;line-height:40px; text-align:right;padding-right:10px;color:#fff;}
.sComp h4 a{color:#fff;}
.sComp h4 a:hover{color:#87a8d7;}
.sCmop_C{width:710px;margin-left:10px;font-size:12px;line-height:24px;color:#333;}

/* contact_r ------------------------------*/
.contact_r{width:730px;}
.contact_r h4{width:720px;height:40px;background:url(../images/contact_r.jpg) no-repeat;line-height:40px; text-align:right;padding-right:10px;color:#fff;}
.contact_r h4 a{color:#fff;}
.contact_r h4 a:hover{color:#87a8d7;}

/* service------------------------------*/
.service h4{width:720px;height:40px;background:url(../images/service_T.jpg) no-repeat;line-height:40px; text-align:right;padding-right:10px;color:#fff;}
.service h4 a{color:#fff;}
.service h4 a:hover{color:#87a8d7;}

/* honor------------------------------*/
.honor h4{width:720px;height:40px;background:url(../images/honor_T.jpg) no-repeat;line-height:40px; text-align:right;padding-right:10px;color:#fff;}
.honor h4 a{color:#fff;}
.honor h4 a:hover{color:#87a8d7;}

/* sPorj------------------------------*/
.sProj{width:730px;}
.sProj h4{width:720px;height:40px;background:url(../images/sProj_T.jpg) no-repeat;line-height:40px; text-align:right;padding-right:10px;color:#fff;}
.sProj h4 a{color:#fff;}
.sProj h4 a:hover{color:#87a8d7;}

/* sProd ------------------------------*/
.sProd{width:730px;}
.sProd h4{width:720px;height:40px;background:url(../images/sProd_T.jpg) no-repeat;line-height:40px; text-align:right;padding-right:10px;color:#fff;}
.sProd h4 a{color:#fff;}
.sProd h4 a:hover{color:#87a8d7;}
.sProd_P{width:730px;float:left;padding-bottom:10px;}
.prodBox1{width:200px;height:180px;float:left;margin-left:30px;_margin-left:15px;_margin-right:15px;margin-top:15px;}

/*CSS Digg style pagination*/

DIV.digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;font-size:12px;
}
DIV.digg A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg SPAN.current {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
DIV.digg SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

/* prod_show ------------------------------*/
.sProd_T{width:730px;height:40px;line-height:40px;font-size:16px;font-weight:bold; text-align:center;color:#00357f;}
.sProd_pic{width:730px;text-align:center;}
.sPage{width:730px;height:40px;line-height:40px;font-size:14px;text-align:center;font-weight:bold;}
.sPage a{color:#00357f; text-decoration:underline;}
.sProd_C{width:710px;line-height:24px;font-size:12px;text-indent:underline;color:#00357f;padding:0 10px;}
.last{padding:0px 20px;text-align:right;width:690px;height:40px;line-height:40px;font-size:12px;}
.last{padding:0px 20px;margin-top:20px;text-align:right;width:690px;height:40px;line-height:40px;font-size:12px;border-top:1px dashed #00375f;}
.last a{color:#00357f;}
.last a:hover{ text-decoration:underline;}


/*roll*/
.roll_b{width:1002px;height:170px;margin:10px auto;}
.rollBox {
	 WIDTH: 656px;HEIGHT:206px; *HEIGHT:206px;_HEIGHT:206px;margin:0 auto;margin-top:0px;
}
.rollBox .LeftBotton {
	FLOAT: left;background:#c00; BACKGROUND-IMAGE: url(../images/roll_btnL.jpg) ; WIDTH: 0px; CURSOR: pointer; HEIGHT: 27px;margin-top:71px;
}
.rollBox .RightBotton {
	FLOAT: right;background:#c00; BACKGROUND-IMAGE: url(../images/roll_btnR.jpg) ; WIDTH: 0px; CURSOR: pointer; HEIGHT: 27px;margin-top:71px;
}
.rollBox .Cont {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 656px
}
.rollBox .ScrCont 
{
	WIDTH: 10000000px
}
.rollBox .Cont .pic {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; 
	PADDING-BOTTOM: 2px; WIDTH: 200px; PADDING-TOP: 5px; TEXT-ALIGN: center;
	margin-left:10px;
}
.rollBox .Cont .pic .pic_img{display: table-cell;
	width:200px;
	height:146px;
	line-height:146px;
	text-align:center;
*display: block;
*font-size:100px;
	background:#fff;
	padding:5px;
	overflow:hidden;
	vertical-align:middle;
	
}
.rollBox .Cont .pic .pic_img IMG {vertical-align:middle;

	
}
.rollBox .Cont .pic .pic_txt{ width:200px; text-align:center; font-size:12px;line-height:30px;}
.rollBox .Cont .pic SPAN {
	margin:0 auto;

	FONT-SIZE: 12px; 
	WIDTH: 200px; 
	height:30px;
	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
}