﻿@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body{ font-size:14px; color:#403b38; font-family:"微软雅黑";}
ul{ list-style:none;}
img{ border:none;}
div#layout{ width:100%;width: 100%;}
div#wrapper{ width:100%;/* height:1%; overflow:hidden;*/ margin:0 auto;}
.clear {clear: both;height:1px;overflow:hidden;margin-top:-1px;}
a{ color:#403b38; text-decoration:none; outline:none;}
a:hover{ color:#1354a1; text-decoration:none;}

#headerbg{ width:1180px; margin:0 auto;}
#header{ color:#403b38; width:1180px; height:127px; position:relative;}
#header .logo{ position:absolute; left:0;}
.mbx{width: 1200px;margin: 0 auto;text-align:right;}
.mbx strong{   
    font: bold 32px/45px "微软雅黑";
    color: #000;
    letter-spacing: 0.05em;
    padding-bottom: 35px;
    float: left;
    }
.nav{ width:550px; position:absolute; left:340px; top:56px}
.nav li{ float:left;position:relative; text-align:center; width:132px; height:30px; line-height:30px; background:url(../images/menu_line.gif) no-repeat right center; padding-right:1px;}
.nav li ul{
	width:450px;
}
.nav li ul li{
	float:left;
}
.nav li{
	position:relative;

}
.nav li a{
	display: block;
	width:auto;
}
.nav li a:hover{
	color:#000;
}

.nav li ul{float:left; left:0;
	width:132px;
	border:1px solid #E6E4E5;
	background:#fff;
	position:absolute;
	
}
.nav li ul li{width:132px;
	padding-left:0px;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #E6E4E5; border-right:none; background:none;
}
.nav li ul li a{
	width:132px;	text-align:center; line-height:30px;	background:#fff;
}
.nav li ul li a:hover{
	background:#eee;
}

.nav li ul li ul{
	position:absolute;
	left:85px;
	top:0px;
	height:100px;
}



#search{ font-size:12px; position:absolute; right:0; top:67px;}
#search .txt{ float:left; width:196px; height:20px; display:block; background:url(../images/search_bg.jpg) no-repeat; border:none; padding:5px 0 0 12px;}
#search .btn{ float:left; width:26px; height:25px;}

#vision{ font-size:14px; position:absolute; right:5px; top:32px; width:230px;}
#vision li a{
    width: 35px;
    height: 26px;
    line-height: 26px;
    float: left;
    display: block;
    padding-left: 24px;
    background: #fff url(../images/vbg.jpg) no-repeat left 4px;
}
#vision li .te_l{
    float: right;
    width: 165px;
    padding-left: 6px;
    background: white;
}
#vision li a:hover{ width:165px; height:26px; line-height:26px; display:block; padding-left:6px;}
#vision ul li ul {
	position:absolute;
	display:none;
	top:26px;
	left:0;
	z-index:999;
	background-color:#f2efeb;
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
#vision li ul li a{ width:72px; background:#f2efeb; border-top:1px solid #fff;}

/*--------------主图切换----------------*/
ul, ol {
	list-style-type:none
}
#banner {
	width: 100%;
	height: 442px;
	background-color:#f3efec;
}
.banner{width:1180px;margin:0 auto;height:442px;}
.banner img{width:1180px; height:442px;}
.banner1 img{width:1180px; height:185px;}

#contentbg{ width:100%;overflow:hidden; padding:35px 0 80px;}
#content{ width:1180px; margin:0 auto;}
#content .title{font:bold 32px/45px "微软雅黑"; color:#000; letter-spacing:0.05em; padding-bottom:35px;}
#content .title span{font:bold 22px/45px "微软雅黑"; color:#ff9900; letter-spacing:0.05em;}
#content .title1{font:bold 25px/30px "微软雅黑"; color:#2a2a2a; letter-spacing:0.05em; padding-bottom:25px;}
#content .title1 span{display:block; font:bold 24px/28px Verdana, Geneva, sans-serif; color:#999;}
#content .title2{font:bold 22px/30px "微软雅黑"; color:#2a2a2a; letter-spacing:0.05em; padding-bottom:25px;}
.left{ width:750px;}
.about_content{ line-height:28px;}

.right{ float:right; width:315px;}
.right .right_nav{ background-color:#f3efec; padding:32px 24px 40px 24px;}
.right .right_nav .title{ color:#333; font-size:16px; line-height:26px; font-weight:bold; padding-bottom:22px;}
.right ul li{ height:28px; line-height:28px; background:url(../images/arrow2.gif) no-repeat 3px center; padding-left:17px; overflow:hidden;}
.right ul li a{ color:#666;}
.right ul li.now a{ color:#1354a1;}
.right ul li a:hover,.right ul li a.now{ color:#1354a1;}
.right .ztop{ margin-top:20px;}
.right .r_content{}
.right .r_content table,.right .r_content table td {
	border-bottom:1px solid #d4d4d4;
	border-collapse:collapse;
	
}
.right .r_content table {
	line-height:30px;
}

ul.cer{width:780px; overflow:hidden;}
ul.cer li{float:left; width:230px; height:330px; border:1px solid #dfdfdf; margin-right:25px; margin-bottom:25px;}

.contact_content p{ line-height:45px; border-bottom:1px solid #f2efeb; display:block;}

.left_n{ width:635px;}
.left_n .title{ color:#000; font-size:36px; height:42px; line-height:42px; font-weight:bold; padding-bottom:35px;}
.right_n{ float:right; width:408px;}
.right_contact{ background:#f3efec url(../images/c1.jpg) no-repeat right top; padding:32px 24px 40px 24px;}
.right_contact .title{ color:#333; font-size:20px; height:42px; line-height:26px; font-weight:bold; padding-top:10px;}

.right_contact dl{ clear:both; width:100%;}
.right_contact dl dt{ float:left; font-size:14px; width:70px; padding:10px 0; line-height:31px; text-align:center;}
.right_contact dl dd{ float:left; padding:10px 0; width:130px;}

.right_contact dl input{ width:280px; height:27px; line-height:27px; border:1px solid #d7d7d7; padding-left:3px;}
.right_contact dl textarea{ font-family:Arial, Helvetica, sans-serif; width:280px; height:155px; line-height:27px; border:1px solid #d7d7d7; padding-left:3px;}
.right_contact .go{ clear:left; position:relative; height:36px; width:280px; padding-left:70px;}
.right_contact #message-go{ width:86px; height:36px; border:none; position:absolute;}
.right_contact #message-redo{ width:86px; height:36px; border:none; position:absolute; left:177px;}

.left_prod{ width:810px;}
.left_prod .title{ color:#000; font-size:36px; height:42px; line-height:42px; font-weight:bold; padding-bottom:35px;}

.left_prodshow{ width:780px; overflow:hidden;}
.left_prodshow .title{ color:#000; font-size:36px; height:42px; line-height:42px; font-weight:bold; padding-bottom:35px;}
.daohang {margin-bottom: 20px;}

.productslist{ line-height:28px;}
.productslist ul li {
	float: left;
	width: 245px;
	line-height: 20px;
	margin-right:22px;
}
.productslist ul a {
	color: #333333;
}
.productslist ul a:hover {
	color: #1354a1;
}
.productslist ul span{ height:42px; line-height:16px; padding:10px 5px 0; display:block; text-align:center; overflow:hidden;}

.page{margin-top:20px; padding-top:10px; border-top:1px dashed #d1d1d1; clear:left;}
/*分页*/
div.black2{padding:7px 7px 7px 7px; margin:3px; text-align:center;}
div.black2 a{padding:3px 8px 3px 8px; margin:0 4px 0 2px; border:#2a2a2a 1px solid; color:#2a2a2a; text-decoration:none; cursor:pointer;}
div.black2 a:hover{border:#2a2a2a 1px solid; background-color:#2a2a2a; color:#fff;}
div.black2 a:active{border:#2a2a2a 1px solid; background-color:#2a2a2a; color:#fff;}
div.black2 span.current{padding:2px 5px 2px 5px; margin:2px; border:#2a2a2a 1px solid; font-weight:bold; color:#2a2a2a; background-color:#2a2a2a;}
div.black2 span.disabled{padding:2px 5px 2px 5px; margin:2px; border:#eee 1px solid; color:#ddd;}


.down{ background:url(../images/down.jpg) no-repeat; background-color:#f3efec; padding:105px 24px 40px 24px; margin-top:20px;}
.down .title{ color:#333; font-size:20px; line-height:26px; font-weight:bold; padding-bottom:22px;}






#bottombg{ width:100%; background:#f3efec url(../images/bottombg.gif) repeat-x; padding-top:32px;}
#bottom { font-family:"微软雅黑"; width:1180px; height:1%; overflow:hidden; margin:0 auto;}
#bottom .left_bottom{ float:left; width:632px;}
#bottom .left_bottom .bottom_title{ font-size:20px; height:42px; line-height:42px; padding-bottom:3px; border-bottom:1px solid #c3c3c1; font-weight:bold;}
#bottom .left_bottom .bottom_content{ color:#666666; line-height:22px; padding:20px 0;}

.right_bottom{ float:right; width:330px; margin-top:45px;}
.right_bottom ul li{ float:left; width:145px; height:35px; line-height:35px; border-top:1px solid #c3c3c1; margin-left:18px;}
.right_bottom ul li a{ font-size:12px; font-weight:bold;}
.right_bottom ul li span{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#979797; line-height:14px; padding-top:10px; display:block;}


.right_about{ padding:32px 24px 40px 24px; background:#f3efec; margin-bottom:20px;}
.righta_title{ color:#333; font-size:20px; height:42px; line-height:26px; font-weight:bold; padding-top:10px;}
.righta_more{ padding-top:20px;}
.righta_more a{ color:#e25e06; height:24px; line-height:24px; background:url(../images/about_rightbg.jpg) no-repeat right center; display:inline-block; padding-right:35px; font-size:14px;}

.newslist{}
.newslist li{ padding:30px 10px 30px 0; border-bottom:1px solid #f2efeb; height:100px; overflow:hidden;}
.nl-left{ float:left; width:100px; height:100px;}
.nl-right{ float:right; width:608px; height:100px; float:right;}
.left_nn{ width:735px;}
.nlr-title{ color:#333333; font-size:18px; height:24px; line-height:24px; overflow:hidden;}
.nlr-title a{ color:#333333;}
.nlr-title a:hover{ color:#1354a1;}
.nlr-stro{ height:36px; line-height:18px; overflow:hidden; padding-top:12px; color:#9b9b9b;}
.nlr-stro a{ color:#9b9b9b;}
.nlr-stro a:hover{ color:#1354a1;}
.nlr-time{ line-height:16px; height:16px; overflow:hidden; color:#9b9b9b; padding-left:20px; background:margin-top:12px;}

.newspage{ position:relative; height:54px; margin-top:48px;}
.leftnewspage{ height:54px; position:absolute; right:72px; bottom:0; width:57px; background:url(../images/newspagefy.jpg) no-repeat 0 -58px; display:inline-block;}
.leftnewspage:hover{ background-position:0 0;}

.rightnewspage{ height:54px; width:57px; position:absolute;  right:0px; bottom:0; background:url(../images/newspagefy.jpg) no-repeat -60px -58px; display:inline-block;}
.rightnewspage:hover{ background-position:-60px 0;}

.vn-title{border-bottom:1px solid #dfdfdf;}
.vn-main{ width:1180px; margin:0 auto;}
.vnt-top{ height:30px; line-height:30px; font-size:24px; padding-bottom:5px;}
.vnt-bot{ height:30px; font-size:12px; color:#838383; padding-top:15px;}
.vntb-left{ float:left;}
.vntb-right{ float:right;}
.newscon{color:#333; font-size:14px; padding:30px 0;}
.ncon-bot{ padding-top:25px; border-top:1px solid #878787;}
.ncb-top{ height:40px; line-height:40px; font-size:18px;}
.ncb-top a{ font-size:18px;}
.ncb-bot{ height:40px; line-height:40px ;font-size:18px;}
.ncb-bot a{ font-size:18px;}

.vmh1{width:100%; height:50px; font:35px/50px "微软雅黑"; color:#2a2a2a;}
.newscon p{font:15px/25px "微软雅黑"; color:#444; text-indent:2em; letter-spacing:0.05em; margin-bottom:10px;}

.list{ width:1180px; margin:0 auto; padding-bottom:42px; padding-top:39px;}
.list .box{ float:left; width:370px; height:381px; margin-right:35px; margin-bottom:35px;}
.list .nomargin{ margin-right:0;}
.list .desc a{ color:#fff; font-size:14px; width:337px; height:132px; padding-left:23px; padding-right:10px; padding-top:249px; display:block; background:url(../images/s_bg.png) no-repeat left bottom; overflow:hidden;}
.list .desc a:hover{ background:url(../images/s_hoverbg.png) no-repeat left bottom;}
.list .desc span{ font-family:"微软雅黑"; font-size:20px; height:42px; line-height:42px; font-weight:bold; color:#fff; display:block;}
.list .desc a img{ margin-left:10px;}



.pro{width:1180px; margin:0 auto 126px; overflow:hidden;}
.pro ul{width:1215px;}
.pro ul li{float:left; width:370px; height:380px; margin-right:35px; margin-bottom:32px; position:relative;}
.pro ul li h5{font-size:20px; padding-top:15px; font-family:"微软雅黑"; color:#fff; z-index:1;}
.pro ul li p{padding-top:6px; line-height:21px; font-family:"微软雅黑"; color:#fff; z-index:1;}
.pro ul li a div{width:348px; height:141px; padding-left:22px; left:0;bottom:0; display:block; background:url(../images/s_bg.png) no-repeat left bottom; cursor:hand; position:absolute;}
.pro ul li a{color:#FFF;}
.pro ul li a:hover div{display:block; background:url(../images/s_hoverbg.png) no-repeat left bottom;}	


ul.ul02{width:270px; height:733px; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow-y:scroll; scrollbar-3dlight-color: #f2f2f2; scrollbar-arrow-color: #9999cc; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #f2f2f2;}



















