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

body { font-family: "宋体", Arial; font-size: 12px; margin:0; padding:0; background:url(../images/bg1.gif) repeat-x ; color:#333333; }
* { margin:0; padding:0 }
div, ul, li, h1, h2, h3, h4, h5, h6, img, p, dl, dt, dd, ol, th, td { margin: 0px; padding: 0px; }
li { list-style-type: none; }
form, input, button, option, textarea, select { margin: 0px; padding: 0px; }
input, button, textarea, select { font:100% Tahoma, Helvetica, Arial, sans-serif; }
a { text-decoration: none; cursor:pointer; outline:none; blr:expression(this.onFocus=this.blur());
color:#333333; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
th { font-weight:normal; }
img { border: 0; }
h3 { font-size:14px;  font-weight:bold; }
h4 { font-size: 12px;    font-weight:bold; }
.clear { clear: both; }
.section { width: 100%; clear:both; overflow: hidden; }
.copy { font-family:Arial, Helvetica, sans-serif; }
table { font-size:inherit; font:100%; }
img { border:none; }

/*page*/
.page { width: 100%; padding: 10px 0; float: left; text-align: center; margin-top:10px; }
.page .prev, .page .next { margin: 0 10px; }
.page .num { padding: 2px; text-align: center; color: #000; }
.page .cur { color: #f00; }

#header { width:auto; height:auto; margin:0 auto; }
.topbar { width:1003px; height:123px; position:relative; z-index:100; margin:0 auto;}
.logo { position:absolute; z-index:1; top:32px; left:19px; } 
.badge{ position:absolute; z-index:1; top:52px; right:289px;}
.call{ position:absolute; z-index:1; top:25px; right:24px;}
.mininav{position:absolute; z-index:1; top:12px; right:30px;}
.mininav a{ color:#818181;}
.mininav a:hover{ color:#0072d2;}
.nav { width:1003px; height:45px; padding-top:2px;  margin:0 auto; }
.menu { width:auto; height:45px; overflow:hidden; }
.menu ul li { float:left; }

/*banner*/
#banner_wp{ margin:0 auto; width:100%; overflow:hidden; padding-top:16px; }
.banner{ height:344px; position:relative; margin:0 auto; overflow:hidden; width:100%;}
.banner #bigImg{ width:1420px; overflow:hidden; zoom:1; position:relative; height:344x; left:0px; top:0px;}
.banner #bigImg li{ text-align:center; position:absolute; top:0px; left:0px; filter: alpha(opacity:30); opacity:0.3; z-index:0;}
.banner #ImgList{ position:absolute; left:50%; z-index:5; bottom:45px;}
.banner #ImgList ul{ margin:0 auto; width:100px; overflow:hidden;}
.banner #ImgList li{ float:left; display:inline; margin-right:5px; color:#b6db82; cursor:pointer; background:url(../images/pro_yb.png) no-repeat; width:14px; height:14px;}
.banner #next{ position:absolute; bottom:42px; right:43%; z-index:5;}
.banner #pre{ position:absolute; bottom:42px; left:47%; z-index:5;}


#content{ width:1003px;  margin:0 auto; background-color:#FFF;}
.side{ width:311px; float:left; margin-left:19px; margin-top:18px; display:inline;}
.main{ width:635px; float:left; margin-left:18px; margin-top:15px; display:inline;}
.ny_side{ width:224px; float:left; margin-left:19px; margin-top:18px; display:inline;}
.ny_main{ width:709px; float:left; margin-left:31px; margin-top:15px; display:inline; margin-bottom:63px;}

.mod1 .title{ background:url(../images/co.jpg) no-repeat; height:36px;  overflow:hidden;}
.mod1 .title h3{ padding:11px 0 0 17px; float:left;}
.mod1 .title .more{ padding:11px 12px 0 0; float:right;}
.mod1 .cont{ border:1px solid #dedede; border-top:none;}

.brand .cont{ padding:23px 0 18px 7px; _padding-bottom:13px;}
.mod2 .title{ background:url(../images/mod2.jpg) no-repeat; height:41px;}
.mod2 .title h3{ padding:14px 0 0 53px; float:left;}
.mod2 .title .more{ padding:14px 12px 0 0; float:right;}
.mod2 .cont{ border:1px solid #dedede; border-top:none; zoom:1; height:auto !important; height:230px;  min-height:230px;}


.news{ margin-top:17px;}
.news .cont{ padding:3px 0 9px 19px;}
.news li{ width:283px; height:28px; line-height:28px; border-bottom:1px dashed #dedede; float:left;}
.news li a{ float:left;}
.news li a:hover{ color:#086eb6;}

.contact{ margin-top:18px;}
.contact .cont{ background:url(../images/contact.jpg) no-repeat; height:557px;}
.contact .cont .photo{ display:block; padding:500px 0 0 201px;}
.contact .cont form p{ padding:106px 0 0 45px;}
.contact .cont p{ padding-left:20px;}

.mod3 .title{ background:url(../images/mod1.jpg) no-repeat; height:41px;}
.mod3 .title h3{ padding:14px 0 0 57px; float:left;}
.mod3 .title .more{ padding:15px 17px 0 0; float:right;}
.mod3 .cont{ border:1px solid #dedede; border-top:none;}

.about .cont{ line-height:24px; padding:7px 11px 7px 8px; _padding-bottom:3px; height:210px; height:auto !important; min-height:210px;}
.about .cont img{ float:left; margin-right:11px; display:inline;}
.about .cont a{ color:#de0000;}

.lore{ width:311px; float:left; margin-top:17px; margin-right:13px; display:inline;}
.lore .cont{ padding:3px 0 9px 19px;}
.lore li{ width:283px; height:28px; line-height:28px; border-bottom:1px dashed #dedede; float:left;}
.lore li a{ float:left;}
.lore li a:hover{ color:#086eb6;}

.trade{ width:311px; float:left; margin-top:17px; display:inline;}
.trade .cont{ padding:3px 0 9px 19px;}
.trade li{ width:283px; height:28px; line-height:28px; border-bottom:1px dashed #dedede; float:left;}
.trade li a{ float:left;}
.trade li a:hover{ color:#086eb6;}

.product { margin-top:14px;}
.product .cont{ height:556px;}
.scroll ul{ padding-top:10px;}
.scroll ul li{ float:left; width:188px; height:167px;  padding:0 12px; margin-bottom:16px; *margin-bottom:8px; display:inline; overflow:hidden;}
.scroll ul li .photo{ width:186px; height:138px; border:1px solid #a4a4a4; overflow:hidden;	/*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;
	/*设置水平居中*/
	text-align:center;
	/* 针对IE的Hack */
	*display: block;
 *font-size: 122px;/*约为高度的0.873，200*0.873 约为175*/
 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.scroll ul li .photo img { vertical-align:middle; }
.scroll ul li .name{ padding-top:8px; text-align:center;}
.scroll ul li .name a:hover{ text-decoration:underline;}

.case{ padding-top:14px; margin:0 auto;  width:968px; height:222px; }
.case .title{ background:url(../images/case.jpg) no-repeat; height:41px;}
.case .title h3{ padding:16px 0 0 54px; float:left;}
.case .title .more{ padding:18px 19px 0 0; float:right;}
.scroll1 ul{ padding-top:9px;}
.scroll1 ul li{ float:left; width:178px; height:168px; padding:0 9px; display:inline; overflow:hidden;}
.scroll1 ul li .photo{ width:176px; height:130px; border:1px solid #a4a4a4; *padding:1px 0 0 1px; overflow:hidden;	/*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;
	/*设置水平居中*/
	text-align:center;
	/* 针对IE的Hack */
	*display: block;
 *font-size: 116px;/*约为高度的0.873，200*0.873 约为175*/
 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.scroll1 ul li .photo img { vertical-align:middle; }
.scroll1 ul li .name{ padding-top:12px; text-align:center;}
.scroll1 ul li .name a:hover{ text-decoration:underline;}

.mod4 .title{ background:url(../images/p2.jpg) no-repeat; height:36px; overflow:hidden;}
.mod4 .title h3{ padding:11px 0 0 16px; float:left;}
.mod4 .title .more{ padding:15px 17px 0 0; float:right;}
.mod4 .cont{ border:1px solid #dedede; border-top:none;}

.side_p ul{ width:220px; padding:6px 0 19px 2px;}
.side_p ul li{ float:left; margin-bottom:4px; display:inline; }
.side_p ul li a{ display:block; width:187px; padding-left:31px;  height:27px; line-height:27px; background:url(../images/icon1.gif) no-repeat 16px center;}
.side_p ul li a:hover,.side_p ul li a.on{ background:url(../images/news1.jpg) no-repeat; }

.side_c{ margin-top:19px;}
.side_c .cont{ background:url(../images/c2.jpg) no-repeat 5px 3px; line-height:30px; padding:106px 0 3px 18px;}

.mod5 .title{ background:url(../images/mod4.jpg) no-repeat; height:42px; overflow:hidden;}
.mod5 .title h3{ padding:17px 0 0 58px; float:left;}
.mod5 .cont{ border:1px solid #dedede; border-top:none; height:auto !important; height:560px; min-height:560px;}

.ny_news ul{ width:678px; margin:0 auto;}
.ny_news ul li { float:left;  border-bottom:1px dashed #b8b8b8; background:url(../images/icon1.jpg) 4px center no-repeat; overflow:hidden; }
.ny_news ul li a{ display:block; width:678px; height:28px; line-height:28px; }
.ny_news ul li a:hover { color:#086eb6; }
.ny_news ul li .text { float:left; padding-left:28px; }
.ny_news ul li .date { float:right; padding-right:7px; }

.detail .cont{ padding:10px;}
.detail .tit { height: 40px; line-height: 40px; text-align: center; font-weight: bold; border-bottom: 1px solid #ccc; overflow:hidden; }
.detail .related { padding:6px 0; text-align: center; }
.detail .related span { padding: 0 10px; }
.detail .text { padding: 10px; line-height: 23px; }
.detail .text .photo { text-align: center; }
.detail .other { padding: 8px 0; width: 100%; }
.detail .other li { line-height: 24px; }
.detail .print { padding: 8px 0; text-align: right; clear: both; }
.detail .print a { margin-right: 20px; }
.detail .text .pro_photo { text-align: center; }

.ny_pro .cont{ height:auto !important; height:541px; min-height:541px; padding:13px 0;   }
.pro_overflow{ width:686px; overflow:hidden; margin:0 auto; }
.ny_pro ul{ width:705px; padding-top:10px;}
.ny_pro ul li{ float:left; width:216px; height:185px;  margin-right:19px; margin-bottom:27px; display:inline; overflow:hidden;}
.ny_pro ul li .photo{ width:214px; height:159px; border:1px solid #a4a4a4; overflow:hidden;	/*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;
	/*设置水平居中*/
	text-align:center;
	/* 针对IE的Hack */
	*display: block;
 *font-size: 101px;/*约为高度的0.873，200*0.873 约为175*/
 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.ny_pro ul li .photo img {vertical-align:middle; }
.ny_pro ul li .name{ padding-top:6px; text-align:center;}
.ny_pro ul li .name a:hover{ text-decoration:underline;}

.ny_msg .cont{ padding:10px;}
.ny_msg .cont .bridge { line-height: 30px; text-align: right;}
.ny_msg .cont .welcome { width: 95%; border-bottom: 1px dashed #ccc; height: 45px; line-height: 45px; text-align: center;}
.ny_msg .cont .msg_form { width: 380px; margin: 0 auto; padding-top: 25px;}
.ny_msg .cont .msg_form li { width: 100%; float: left; padding: 2px 0;}
.ny_msg .cont .msg_form li .type { width: 100px; float: left; line-height: 21px;}
.ny_msg .cont .msg_form li input { width:220px; height: 14px; padding:2px; line-height: 14px; }
.ny_msg .cont .msg_form li textarea{width:220px; padding:2px; overflow-x:hidden; overflow-y:scroll; resize:none;}
.ny_msg .cont  .msglist { width: 100%; }
.ny_msg .cont  .msglist ul {}
.ny_msg .cont  .msglist li { line-height: 24px; border: 1px solid #ccc; margin-top:12px;}
.ny_msg .cont  .msglist li .msg_name{ border-bottom: 1px solid #ccc;}

.ny_dan .cont{  line-height:24px; padding:24px 11px 0 13px; }
.ny_contact .cont{ line-height:24px; padding:25px 0 0 19px;}
.ny_contact .cont h3{ margin-bottom:5px;}

#footer{  width:auto; height:93px; border:1px solid #cccccc; background:#1e92c1; }
.copyright { width:1000px; line-height:24px; margin:0 auto;  color:#FFF; padding-top:10px;}
.copyright a{ color:#FFF;}
.links{ background:url(../images/lin1.gif) no-repeat left bottom ; font-weight:bold; font-size:14px;}
.links li{  margin-right:34px; display:inline;  float:left;}