@charset "utf-8";
/* CSS Document */
body{ color:#5b5b5b; margin:0; font:normal 12px/24px "微软雅黑"}
*{ margin:0px; padding:0px;}
img,form,input{border:none;}
ul, li { display: block; list-style: none; }
img{ border: 0; list-style-type:none;}
a{text-decoration:none; color:#5b5b5b; font: "微软雅黑"}
a:hover{ text-decoration:none; color:#0b88d8;}

.top{ width:1002px; margin:0 auto; height:50px; background:url(../images/logo.jpg) no-repeat; color:#0b88d8; padding-top:25px; }
.top1{ background:url(../images/index1_06.jpg) no-repeat; height:22px; line-height:22px; font-size:20px; color:#0b88d8; padding-left:16px; float:right; font: "微软雅黑"}
.top2{ width:58px; height:22px; line-height:22px; background:url(../images/ce.jpg); text-align:center; float:right;}
.top2 a{ color:#FFF; font-size:11px;}
.nav{ width:100%; min-width:1002px; border-top:1px solid #ebebeb; height:68px;}
.nav ul{ width:1002px; margin:auto; height:38px;}
.nav ul li{ float:left; width:94px; height:38px; margin:15px 10px 15px 0; text-align:center; line-height:38px;}
.nav ul li a{ color:#2c2c2c; font-size:18px; width:94px; height:38px; line-height:38px; text-align:center;}
.nav ul li:hover{ background:#0b88d8; color:#FFF;}
.nav ul li:hover a{ color:#fff; line-height:38px;}
.search{ float:right; width:199px; line-height:26px; height:26px; margin-top:20px; display:block;}
#text{ width:155px; height:26px; line-height:26px; float:left; background-image:url(../images/text.jpg); padding-left:10px;color:#bdbdbd; display:block;}
#button{ width:34px; height:26px; float:left; background-image:url(../images/button.jpg); display:block;}
.banner{ width:100%; height:480px; min-width:1002px; clear:both;}
#focus {WIDTH: 100%;HEIGHT: 480px;}
.focus_img1 a{ background:#323437 url(../images/banner.jpg) center no-repeat; display:block; height:480px; width:100%;}
.focus_img2 a{ background:#0b1115 url(../images/banner1.jpg) center no-repeat; display:block; height:480px; width:100%;}
.focus_img3 a{ background:#0b1115 url(../images/banner2.jpg) center no-repeat; display:block; height:480px; width:100%;}
.focus_img4 a{ background:#0b1115 url(../images/banner3.jpg) center no-repeat; display:block; height:480px; width:100%;}
.focus_img1_e a{ background:#323437 url(../images/banner_e.jpg) center no-repeat; display:block; height:480px; width:100%;}
.focus_img2_e a{ background:#0b1115 url(../images/banner1_e.jpg) center no-repeat; display:block; height:480px; width:100%;}
.focus_img3_e a{ background:#0b1115 url(../images/banner2_e.jpg) center no-repeat; display:block; height:480px; width:100%;}
.focus_img4_e a{ background:#0b1115 url(../images/banner3_e.jpg) center no-repeat; display:block; height:480px; width:100%;}
#No{
	Z-INDEX: 1;
	POSITION: absolute;
	width:100%;
	bottom: 27px;
	right:-80px;
	list-style:none;
	text-align:center;
	height: 3px;
}
#No LI{FLOAT: left;WIDTH: 29px;HEIGHT: 3px; margin-right:8px;font-weight: bold;text-align: center; }
#No .bbg0 { BACKGROUND:url(../images/ban2.jpg); CURSOR: pointer;  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/ban2.jpg");_background:none;}
#No .bbg1 { BACKGROUND:url(../images/ban1.jpg); CURSOR: pointer; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/ban1.jpg");_background:none;}
#au{}
.No{width:231px;height:3px;margin:auto;position:relative;list-style:none;}
.main{ width:1002px; margin:35px auto; overflow:hidden;}
.main_n{ font-size:22px; color:#0b88d8; text-align:center; background:url(../images/l.jpg) center bottom no-repeat; line-height:35px; padding-bottom:5px; clear:both;}
.main_news{ margin:39px auto; width:100%; height:386px; background:#f5f5f5;}
.main_news li{ float:left; list-style:none; display:block;}
.main_newst{ padding:33px 20px 0px; width:294px; height:160px; float:left; }
.main_newst p{ font-size:15px; color:#1b1b1b; margin-bottom:5px;}
.main_newst span{ color:#a4a4a4;}
.main_t{ color:#5b5b5b; text-align:center; margin:29px auto;}
/* scroll */
.scroll{margin:0 auto; position:relative; width:1002px; overflow:hidden;}


.picbox{position:relative; width:1002px; height:478px; overflow:hidden;}

.picbox ul{height:478px;}

.piclist{position:absolute; left:0px; top:0px;}

.swaplist{position:absolute; left:-3000px; top:0px;}

/* btn */
.pn{ height:25px; width:60px; margin:0 auto 30px;}
.og_prev, .og_next{ float:left; margin-right:5px; width:25px; height:25px; background:url(../images/buttonv.jpg) no-repeat; cursor:pointer;}
.og_prev{background-position:0 0;left:0px;}
.og_prev:hover{background-position:0 -25px;}
.og_next{background-position:-25px 0; right:0px;}
.og_next:hover{background-position:-25px -25px;}

/* goodlist */
.goodlist{float:left; margin:5px; width:324px; height:228px; background-color:#dedede; }
.main_ab{ margin-top:35px; width:100%; overflow:hidden;}
.main_abl{ float:left; width:489px; overflow:hidden;}
.main_abl p{ width:52px; height:24px; background:url(../images/index1_66.jpg); float:right; text-align:center; margin-top:20px;}
.main_abl p a{ color:#FFF;}
.main_abr{ float:right; width:488px; overflow:hidden;}
.main_lmp{ width:268px; height:42px; background:url(../images/index1_56.jpg); line-height:42px; text-align:center; margin:34px auto;}
.main_lmp a{ font-size:20px; color:#FFF;}
.bot_input{ background:url(../images/index1_56.jpg); width:268px; height:42px; line-height:42px; color:#FFF; font-size:20px; margin:0 auto;}
.input_input{ height:41px; line-height:41px;}
.trname{border:1px solid #e9e8e8; width:485px; height:41px; margin:0 auto 10px;}
.footer{ width:100%; height:58px; min-width:1002px; background:#484647; clear:both; color:#bdbdbd; line-height:58px;}
.footer ul{ width:1002px; height:58px; margin:0 auto;}
.fl{ float:left;}
.fl a{ color:#bdbdbd; margin:0 5px;}
.fr{ float:right;}
/*page*/
.bannerp{ width:100%; height:202px; display:block;}
.bannerp_p{ width:100%; height:202px; display:block; background:url(../images/product_02.jpg) center no-repeat;}
.hover{ width:1002px; overflow:hidden; margin:25px auto;}
.hover_t{ height:42px; border-bottom:1px solid #ebebeb; width:100%; line-height:42px; margin-bottom:30px;}
.hover_t span{ font-size:24px; color:#0170bf; padding:0 9px; border-bottom:2px solid #0170bf; line-height:41px; height:41px; float:left;}
.hover_tt{ float:right; color:#9d9e9e; margin-right:5px;}
.hover_b{ width:100%; overflow:hidden; clear:both;}
.left{ width:235px; border:1px solid #ebebeb; float:left; overflow:hidden;}
.left .button2 a{display:block; width:210px; overflow:hidden; height:46px; padding-left:25px; line-height:46px;border-bottom:1px solid #ebebeb; font-size:14px; color:#606060;}

.left .button a{ position:relative;display:block; width:210px; overflow:hidden; height:46px; padding-left:25px; line-height:46px; border-bottom:1px solid #ebebeb; font-size:14px; color:#606060;}
.left .button a:hover{ background:url(../images/page_10.jpg);color:#0b88d8;}
.left .dropdown{display:none;width:100%;background:#eeeeee;}
.left .dropdown li a{ height:28px; line-height:28px; color:#777777;}
.left .dropdown li a:hover{ color:#0b88d8;}
.left .dropdown li span{ padding-right:10px; padding-left:25px;}
.right{ width:742px; overflow:hidden; float:right;}
.product_list{ padding-bottom:20px; width:100%; overflow:hidden;}
.product_list li{ width:240px; height:200px; margin:0 3px 0 4px; float:left;}
.product_list li p{ line-height:35px; text-align:center;}
.product_list li p a{ color:#606060; font-size:16px; line-height:35px;}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand;
}

.pro_contact{ text-align:center; clear:both; padding-top:30px;}
.pro_contact img{ margin-left:10px;}

.pro_detail{ border-bottom:1px dashed #dee0df; padding-bottom:20px;}
h6{ background:url(../images/pro_detail.jpg); width:670px; height:28px; font-size:12px; line-height:28px; margin-bottom:20px;}
h6 span{ display:block; width:78px; text-align:center; color:#333333;}

.pro_relate{ width:670px; height:220px;}
.pro_relate b{ display:block; line-height:40px; color:#333333;}
.pro_relate ul li{ margin:0 2px; float:left;}
.pro_relate ul p{ width:162px; text-align:center; line-height:30px;}

.pro_ml{ border:1px dashed #dee0df; width:639px; height:90px; padding:5px 16px;}
.pro_ml a{ color:#0b88d8;}
.pro_ml a:hover{ text-decoration:underline;}



.culture strong{ font-size:18px; display:block; width:100px; color:#0b88d8;}
.culture td{ vertical-align:top;}

.page_list li{ background:url(../images/page_list.jpg) top left no-repeat; line-height:30px; padding-left:25px;}

.pagelist {padding:10px 0px 10px 0px; TEXT-ALIGN: center; color:#646464; clear:both;}
.pagelist li{ display:inline;}
.pagelist a{ MARGIN:3px; PADDING:2px 6px; BORDER:1px solid #dbdbdb; BACKGROUND: #f4f4f4; TEXT-DECORATION: none; color:#646464;}
.pagelist A:visited { PADDING:2px 6px; BORDER:1px solid #dbdbdb;BACKGROUND: #f4f4f4; TEXT-DECORATION: none; color:#646464;}
.pagelist A:hover { border:1px solid #a1a1a1; BACKGROUND: #b1b1b1; COLOR: #ffffff; TEXT-DECORATION: none;}
.pagelist .active a{ border:1px solid #a1a1a1; BACKGROUND: #b1b1b1; COLOR: #ffffff; TEXT-DECORATION: none;}

.product_list1 li{ float:left; padding-bottom:5px; margin:0 7px; text-align:center; width:152px;}
.product_list1 li p{ margin:5px auto; height:60px; line-height:20px;}

.news_list li{  border-bottom: 1px #c4c4c4 dashed; height:140px; clear:both;}
.Nimg {
float: left;
width: 172px;
height: 104px;
background: #e9e9e9;
margin: 17px 30px 10px 0;
}
.newt {
float: left;
margin-top: 17px; 
}
.newt a{ color:#0b88d8; padding-right:20px; font:normal 18px/40px "微软雅黑"}
.newt a:hover{ text-decoration:underline;}
.newt div {
width: 800px;
line-height: 30px;
height: 60px;
overflow: hidden;
}
.page h1{ color:#0b88d8; font-size:18px; margin-bottom:10px;}
/*pro_big*/
.mainh{ text-align:center; float:14px/30px; font-weight:bold;}
.pro_big{ width:100%; overflow:hidden}
#preview{ text-align:center; width:352px; float:left; padding-right:27px;}
.jqzoom{ width:348px; height:245px; position:relative; padding:1px; border:1px solid #e1e1e1;}
.list-h li{ float:left;}
#spec-n5{width:352px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{  width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{ width:10px; height:45px; float:right;cursor:pointer; margin-top:5px;}
#spec-list{ width:320px; float:left; overflow:hidden; margin-left:2px; display:inline; margin-top:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ border:1px solid #ccc; width:54px; height:41px;}
.pro_big_detail{ float:left; width:321px; padding-top:20px; display:block;}
.pro_big_detail h1{ color: #333; display:block; font-size:12px;}
.pro_big_detail table{ line-height:22px; margin-top:10px; margin-bottom:10px;}
.pro_big_detail table strong{ display:block; line-height:30px; margin-bottom:5px;}
.pro_big_detail a{ color:#f60; display:block; line-height:30px;}
.pro_contact{ text-align:center; clear:both; padding-top:30px;}
.pro_contact a{ MARGIN:10px; PADDING:3px 8px; BORDER:1px solid #a1a1a1; BACKGROUND: #a2a2a2; color:#fff; font-weight:bold;}
.pro_contact A:hover { border:1px solid #a1a1a1; BACKGROUND:#FF7A00; COLOR: #ffffff; TEXT-DECORATION: none;}
/*procuct_detail*/
.procuct_detail{ width:100%; overflow:hidden; margin-top:10px; margin-bottom:25px;}
.procuct_detail h2{ background:url(../images/pro_detail.gif); width:100%; height:28px; line-height:28px; margin-bottom:20px;}
.procuct_detail h2 span{ display:block; width:78px; text-align:center; color:#333; font-size:12px;}
/*product_relate*/
.product_relate{ width:100%; overflow:hidden; margin-top:20px; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}
.product_relate h6{ float:left; color:#666; width:78px; text-align:center;}
.product_relate h5{ float:left; color:#666; width:140px; text-align:center;}
.product_relate span{ float:right; margin-right:15px;}
.product_relate ul{ width:100%; overflow:hidden; padding-top:20px;}
.product_relate ul li{ width:175px; float:left; margin-right:10px;}
.product_relate ul li p{ text-align:center; width:175px; line-height:35px;}