@charset "gb2312";
/* CSS Document */

body { font-family: "ËÎÌå", Arial; font-size: 12px; margin:0; padding:0; background: url(../images/bg.gif) repeat-x center top; color:#2a2a2a; }
* { margin:0; padding:0 }
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
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:#2a2a2a; }
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; }
.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:1000px; height:114px; position:relative; z-index:100; margin:0 auto;  }
.logo { position:absolute; z-index:1; top:22px; left:24px; } 
.call{position:absolute; z-index:1; top:43px; right:19px;}
.mininav{position:absolute; z-index:1; top:11px; right:23px; color:#6a6a6a;}
.mininav a{ color:#6a6a6a;}
.mininav a:hover{ text-decoration:underline;}

.menu { width:1000px; height:46px; margin:0 auto; overflow:hidden; }
.menu ul{ padding-left:40px;} 
.menu ul li { float:left; }
.menu ul li.line{ background:url(../images/navline.gif) no-repeat center; width:1px; height:46px;}
.menu ul li a{ display:block; width:97px; height:46px; text-align:center; line-height:46px; color:#000000; font-size:14px; overflow:hidden;}
.menu ul li a:hover,.menu ul li.on a{font-weight:bold;  color:#db1d14;}

#content_wp{ width:auto; height:auto; background:url(../images/contentbg.gif) repeat-x center bottom; }
#content{ width:1000px;  margin:0 auto; margin-top:11px;} 
.side{ width:239px; float:left; }
.main{ width:751px; float:right;}

.mod1,.mod2{ border:1px solid #d4d4d4;}
.mod2{ margin-top:11px;}
.mod1 .title,.mod2 .title{ height:33px; overflow:hidden; border-bottom:1px solid #d4d4d4;}
.mod1 .leftbg,.mod2 .leftbg{ background:url(../images/titleft.gif) no-repeat; width:2px; height:33px; overflow:hidden; float:left;}
.mod1 .rigbg,.mod2 .rigbg{ background:url(../images/titrig.gif) no-repeat; width:1px; height:33px; overflow:hidden; float:right;}
.mod1 .contbg{ background:url(../images/titcont.gif) repeat-x; width:234px; height:33px; float:left;}
.mod2 .contbg{ background:url(../images/titcont.gif) repeat-x; width:746px; height:33px; float:left;}
.mod1 .contbg h3,.mod2 .contbg h3{ float:left; padding:0 0 0 6px;}
.mod2 .contbg h4{ float:left; padding:9px 0 0 19px; font-size:14px; font-weight:normal;}
.mod2 .contbg .more{ float:right; padding:10px 15px 0 0; font-size:14px;}
.mod1 .cont,.mod2 .cont{ background:#f6f6f6;}

.case .cont { height:284px; overflow:hidden;}
.case ul,.news ul { width:233px; margin:0 auto; padding-top:12px; }
.case ul li,.news ul li { float:left; overflow:hidden; }
.case ul li a,.news ul li a { display:block; width:213px; height:30px; padding-left:20px; line-height:30px; background:url(../images/dian01.gif) 9px center no-repeat; font-size:14px; }
.case ul li a:hover,.news ul li a:hover { color:#da251c; background:url(../images/dian02.gif) 9px center no-repeat; }

.customer{ margin-top:10px;}
.customer .cont{ height:243px; overflow:hidden; padding-top:7px;}
.customer ul{ width:229px; margin:0 auto;}
.customer ul li{float:left; width:229px;  height:22px; margin-bottom:9px; display:inline;}
.customer ul li .photo{ float:left; width:55px; height:22px; overflow:hidden; }
.customer ul li .photo img{vertical-align:middle;}
.customer ul li .name{ float:left; margin-left:5px; display:inline; font-size:14px; line-height:22px;}
.customer ul li a:hover{ color:#da251c;}

.news{ margin-top:11px;}
.news .cont{ height:213px; overflow:hidden;}

.wrapper {width:751px; margin:0 auto; }
#focus {width:751px; height:319px; overflow:hidden; position:relative;}
#focus ul {height:419px; position:absolute;}
#focus ul li {float:left; width:751px; height:319px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:751px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:731px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

.about .cont{ height:236px; padding:14px 12px 0; overflow:hidden;}
.about .cont img{ float:left; margin-right:12px; display:inline;}
.about .cont p{ line-height:24px; height:212px; overflow:hidden; }

.product .cont{ height:195px; padding-top:18px; overflow:hidden;}
.product ul li { width: 172px; padding: 0 6.5px; height: 193px; float: left; overflow: hidden; }
.product ul li .photo { width:172px; height:148px; overflow:hidden; }
.product ul li .photo img { vertical-align:middle; }
.product ul li .name { text-align: center; line-height: 45px;}
.product ul li .name a:hover{ text-decoration:underline;}

.friendlink{ width:1000px; height:72px;  line-height:72px; margin:0 auto;}
.friendlink span{ float:left; font-size:14px; font-weight:bold; color:#110000; padding-left:9px;}
.friendlink a{ padding-top:15px; margin-right:8px; float:left; display:inline;}

.side_case .cont{ height:auto !important; height:284px; min-height:284px;}
.side_p{ margin-top:10px;}
.side_p .cont{ height:auto !important; height:250px; min-height:250px;}
.side_p ul,.side_case ul{ width:223px; margin:0 auto; padding:7px 0 0 0;}
.side_p ul li,.side_case ul li{ float:left; margin-bottom:5px; display:inline; }
.side_p ul li a,.side_case ul li a{ display:block; width:198px; padding-left:25px;  height:30px; line-height:30px; background:url(../images/side-li-01.gif) no-repeat; font-size:14px; color:#2a2a2a;}
.side_p ul li a:hover,.side_p ul li a.on,.side_case ul li a:hover,.side_case ul li a.on{ background:url(../images/side-li-02.gif) no-repeat; color:#ffffff;}

.side_c{ margin-top:11px;}
.side_c .cont{ line-height:22px; padding:6px 10px 0 9px; height:207px; overflow:hidden;}
 
#footer { width:auto; height:96px; margin:0 auto; background:url(../images/foot-bg.gif) repeat-x bottom;}
.copyright { width:1000px; margin:0 auto; line-height:24px; text-align:center; color:#353535; padding-top:23px; }
.copyright a{ color:#353535;}
.copyright a:hover{ text-decoration:underline;}

.ny_dan .cont{ height:auto !important; height:487px; min-height:487px; padding:13px 19px; line-height:24px; }

.ny_pro .cont{ height:auto !important; height:477px; min-height:477px; padding:18px 0;   }
.pro_overflow{ width:727px; overflow:hidden; margin:0 auto; }
.ny_pro ul{ width:740px; }
.ny_pro ul li{ float:left; width:172px; height:216px;  margin-right:13px; display:inline; overflow:hidden;}
.ny_pro ul li .photo{ width:172px; height:148px; overflow:hidden; }
.ny_pro ul li .photo img {	vertical-align:middle; }
.ny_pro ul li .name{ text-align: center; line-height: 45px;}
.ny_pro ul li .name a:hover{ text-decoration:underline;}

.ny_news .cont { height:auto !important; height:483px; min-height:483px; padding:15px 0; }
.ny_news ul { width:705px; margin:0 auto; }
.ny_news ul li { float:left;  overflow:hidden; }
.ny_news ul li a { display:block; width:705px; height:30px; line-height:30px;background:url(../images/dian01.gif) left center no-repeat; }
.ny_news ul li a:hover { color:#da251c; background:url(../images/dian02.gif) left center no-repeat; }
.ny_news ul li .text { float:left; padding-left:12px; }
.ny_news ul li .date { float:right; padding-right:24px; }

.ny_pro1 .cont{ height:auto !important; height:477px; min-height:477px; padding:18px 0 0 59px;   }
.ny_pro1 ul{ width:600px; }
.ny_pro1 ul li{ float:left; width:600px; height:40px;  margin-bottom:14px; display:inline; overflow:hidden;}
.ny_pro1 ul li .photo{ float:left; width:95px; height:40px; overflow:hidden; }
.ny_pro1 ul li .photo img {	vertical-align:middle; }
.ny_pro1 ul li .name{  float:left; margin-left:24px; display:inline; font-size:14px; line-height:40px;}
.ny_pro1 ul li .name a:hover{ color:#da251c;}

.detail .cont { height:auto !important; height:473px; min-height:473px; padding: 20px 20px; }
.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_msg .cont{ height:auto !important; height:487px; min-height:487px; padding:13px 12px;  line-height:24px;  }
.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:222px; padding:2px;}
.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_tact .cont{ height:auto !important; height:493px; min-height:493px; padding: 10px 0 10px 20px;}
.ny_tact p{ line-height:28px; padding-bottom:10px;}


#apDiv1 {
	position:fixed;
	left:7px;
	top:30px;
	width:134px;
	height:125px;
	z-index:1000;
	_position:absolute;
	_top:expression_r(documentElement.scrollTop + 300 + "px");
}



#apDiv2 {
	position:fixed;
	right:7px;
	top:30px;
	width:134px;
	height:125px;
	z-index:1000;
	_position:absolute;
	_top:expression_r(documentElement.scrollTop + 300 + "px");
}
