@charset "utf-8";
/* CSS Document */
html,body,div,ul,li,form,p,table,th,td,img,h1,h2,h3,h4,h5,input{ margin:0; padding:0; border:0px; font-size:12px; font-family:"宋体"; color:#333333;}
td{ text-align:center; vertical-align:top;}
table{ border-collapse:collapse; border-spacing:0;}
ol,ul{ list-style:none;}
caption,th {text-align:left;} 
a{ color:#333333; text-decoration:none;} 
a:hover{ color:#36C; text-decoration:underline;}
/*----------------------------------reset---------------------------------------*/

body{ background:#eceff1;}
.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}
.cutepage{ text-align:center; clear:both; margin-top:20px; margin-bottom:20px;}
.clear{ clear:both;}
/*----------------------------------header   style---------------------------------------*/
#header{ width:100%; height:694px; background:url(../images/topbg.jpg) repeat-x 0 0;}
#logo{ width:1180px; height:112px; margin:0 auto;  position:relative; }
#link{ position:absolute; top:47px; right:242px;color:#999; line-height:25px;}
#link a{ color:#999; margin-left:5px; margin-right:5px; font-family:Arial;}
#link a:hover{color:#36C; text-decoration:underline;}
.search{ width:200px; height:24px; background:url(../images/search.jpg) no-repeat 0 0; position:absolute; top:47px; right:31px;}
.searchInput{ width:176px; height:24px; line-height:24px; background:none; text-indent:5px; color:#999;}
.searchBtn{ width:24px; height:24px; background:none; cursor:pointer; position:absolute; right:0px; top:0px;}
#nav{ width:1150px; height:71px;  padding-left:30px; margin:0 auto;}
#nav ul li{ float:left; height:71px; width:120px; text-align:center;}
#nav ul li a{ font-family:"微软雅黑"; font-size:15px; font-weight:bold; line-height:25px; width:120px; height:56px; display:block; padding-top:15px;}
#nav ul li a:hover{ text-decoration:none; color:#FFF; background:url(../images/ahover.jpg) no-repeat 0 0;}
#nav ul li a p{ font-family:Arial; font-size:14px; color:#929292;}
#nav ul li a:hover p{ color:#FFF;}
/* banner */
#banner{ width:100%; height:510px; background:url(../images/time.jpg) no-repeat bottom center; overflow-x:hidden;}
.banner{height:510px;overflow:hidden;}
.banner .d1{width:100%;height:461px;display:block; position:absolute;left:0px;top:184px;}
.banner .d2{width:100%;height:30px;clear:both;z-index:100;position:absolute;left:0px;top:663px;}
.banner .d2 ul{float:left;position:absolute;left:20%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img01.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img02.png) no-repeat center;}

/*----------------------------------main   style---------------------------------------*/
#imain{ width:100%;  background:url(../images/bg.jpg) repeat-x 0 0; padding-bottom:55px;}
#main{ width:1180px; margin:0 auto;}
#brand{ width:732px; height:119px; margin:0 auto; padding-top:38px; padding-bottom:38px;}
#brand_box{ width:100%; height:130px; margin-bottom:40px;}


.picMarquee-left{ width:1180px;  overflow:hidden; position:relative;}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:202px; height:122px; display:block; border:4px solid #dbdbdb; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#00457c;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }

#sales{ width:520px; height:35px; margin-bottom:20px;}
#sales_box{ width:520px; height:327px;}
#about{width:632px; height:35px; margin-left:27px;margin-bottom:20px;}
#about_box{ width:632px; height:327px;  margin-left:27px;}
#about_content{ width:226px; height:146px; background:#ade1e1; margin-bottom:3px;}
#about_content p{ color:#00a2ae; line-height:23px; padding:20px 10px;}
#about_pic{ width:226px; height:178px; }
#fenlei{ width:398px; height:327px; margin-left:5px;}
#fenlei ul li{ float:left; width:198px; height:107px; margin-bottom:2px;}
#fenlei ul .fen1 a{ width:198px; height:107px; display:block; background:url(../images/cp01.jpg) no-repeat 0 0;}
#fenlei ul .fen2 a{ width:198px; height:107px; display:block; background:url(../images/cp02.jpg) no-repeat 0 0;}
#fenlei ul .fen3 a{ width:198px; height:107px; display:block; background:url(../images/cp03.jpg) no-repeat 0 0;}
#fenlei ul .fen4 a{ width:198px; height:107px; display:block; background:url(../images/cp04.jpg) no-repeat 0 0;}
#fenlei ul .fen5 a{ width:198px; height:107px; display:block; background:url(../images/cp05.jpg) no-repeat 0 0;}
#fenlei ul .fen6 a{ width:198px; height:107px; display:block; background:url(../images/cp06.jpg) no-repeat 0 0;}

#fenlei ul .fen1 a:hover{ width:198px; height:107px; display:block; background:url(../images/cp1.jpg) no-repeat 0 0;}
#fenlei ul .fen2 a:hover{ width:198px; height:107px; display:block; background:url(../images/cp2.jpg) no-repeat 0 0;}
#fenlei ul .fen3 a:hover{ width:198px; height:107px; display:block; background:url(../images/cp3.jpg) no-repeat 0 0;}
#fenlei ul .fen4 a:hover{ width:198px; height:107px; display:block; background:url(../images/cp4.jpg) no-repeat 0 0;}
#fenlei ul .fen5 a:hover{ width:198px; height:107px; display:block; background:url(../images/cp5.jpg) no-repeat 0 0;}
#fenlei ul .fen6 a:hover{ width:198px; height:107px; display:block; background:url(../images/cp6.jpg) no-repeat 0 0;}

#fenlei ul .fen2{ margin-left:2px;}
#fenlei ul .fen4{ margin-left:2px;}
#fenlei ul .fen6{ margin-left:2px;}

#news{ width:1180px; height:50px; margin-top:20px; margin-bottom:13px;}
#news_pic{ width:252px; height:102px; float:left;}
#news_nr{ width:892px; height:95px; float:left;}
#news_box{ height:102px;}
#news_nr ul li{ float:left; margin-left:25px; margin-right:15px; width:405px; height:30px; line-height:30px; border-bottom:1px dashed #676767; background:url(../images/dot.png) no-repeat 0 center; text-indent:15px;}
#news_nr ul li span{ float:right; width:100px; line-height:30px; text-align:right;}
#news_nr ul li a{ color:#676767;}
#news_nr ul li a:hover{ color:#069;}
/*----------aboutus   lunhuan----------*/

.product_scroll{ border:1px solid #DEDEDE; position:relative;}
.product_scroll_inner{ height:178px; overflow:hidden;}
.product_scroll ul{ width:226px; float:left; overflow:hidden; }
.product_scroll li img{ width:226px; height:178px;  overflow:hidden;}
.product_scroll li.text{ height:26px; line-height:26px; overflow:hidden; white-space:nowrap; background:url(../images/tbg.jpg) repeat-x 0 0; text-align:center; margin-top:1px;}
.product_scroll .btn_l{ display:block; width:18px; height:18px;  position:absolute; top:0px; left:0px; cursor:pointer; background:url(../images/aboutbt.jpg) no-repeat 0 0; }
.product_scroll .btn_r{ display:block; width:18px; height:18px;  position:absolute; top:0px; left:18px; cursor:pointer; background:url(../images/aboutbt.jpg) no-repeat right 0;}
.product_scroll li a{ line-height:22px;}
/*----------aboutus   lunhuan   end----------*/
/*----------------------------------footer   style---------------------------------------*/
#footer{ width:100%; height:308px; background:url(../images/dibg.jpg) repeat-x 0 0;}
#footer ul li{ float:left; width:100px;}
#foot{ width:1180px; height:221px; margin:0 auto; padding-top:87px; position:relative;}
#copyright{ width:660px; height:160px; margin-left:100px;}
#copyright img{ margin-bottom:15px;}
#copyright p{ color:#cecece; line-height:25px;}
#copyright p a{color:#cecece;}
#youqing{ margin-top:10px;color:#cecece;}
#youqing a{color:#cecece; margin-left:5px; margin-right:5px;}
#ma1{ position:absolute; top:55px; right:272px;}
#ma2{ position:absolute; top:55px; right:122px;}
#gotop{ position:absolute; bottom:0px; right:0px;}
/*----------------------------------neiye   style---------------------------------------*/
#pl_tit{ width:300px; height:56px; background:url(../images/pltit.png) no-repeat 0 0; margin-top:20px;}
#pl_tit h2{ font-size:16px; color:#FFF; text-align:center; line-height:50px;font-family:"微软雅黑";}
#pl_box{ width:300px;}
#pl_box ul{ width:300px; zoom:1;}
#pl_box ul .li{ width:300px; line-height:48px;text-align:center;}
#pl_box ul .li .lia{ color:#039; font-family:"微软雅黑"; font-size:14px; font-weight:bold; width:300px; height:48px; display:block;  background:url(../images/plbg.png) no-repeat 0 bottom; }

#menu2 li{ background:none; text-align:right; border-bottom:1px dotted #CCC; height:30px; line-height:30px; text-align:center;}
#menu2 li a{ color:#666;}
#menu2 li a:hover{ color:#06C;}
#pl_tit2{ width:300px; height:56px; background:url(../images/pltit.png) no-repeat 0 0; margin-top:20px;}
#pl_tit2 h2{ font-size:16px; color:#FFF; text-align:center; line-height:50px;font-family:"微软雅黑";}
#pl_box2{ width:300px;}
#pl_box2 p{ line-height:30px; padding:0 10px;}
#pr_tit{ width:830px; height:43px; background:url(../images/prtit.png) no-repeat 0 0; margin-top:20px; margin-left:30px; color:#FFF; line-height:34px; text-indent:20px;}
#pr_tit a{ color:#FFF;}
#pr_box{ width:810px; margin-left:30px; line-height:25px; padding:10px;}
#pr_box p{ text-indent:2em; color:#666;}
#pr_box p img{ margin-left:-2em;}
.tit{ height:30px; line-height:30px; background:url(../images/dot.png) no-repeat 0 center; text-indent:15px; text-align:left; border-bottom:1px dotted #CCC;}
.time{ height:30px; width:110px; text-align:right; border-bottom:1px dotted #CCC;}
.cutepage{ width:750px;  height:30px; line-height:30px; margin:20px auto; background:#EBEBEB; border:1px solid #CCC;}
.cutepage span{ margin-left:5px; margin-right:5px;}
.cutepage a{ margin-left:5px; margin-right:5px;}
.xw_tit{ text-align:center; height:40px; line-height:40px;}
.xw_tit h2{ font-size:18px;}
.xw_time{width:750px;  height:30px; line-height:30px; margin:10px auto; background:#E7E7E7; text-align:center;}
.xw_img{ width:750px; text-align:center; margin:0 auto; margin-bottom:10px;}
.xw_img img{ border:1px solid #CCC;}
.xw_content{ padding-bottom:20px; line-height:25px;}
.page{ line-height:30px; color:#666; padding-top:30px; border-top:2px dashed #999;}
.page a{ color:#666;}
.page a:hover{ color:#06C;}


.cp_box{ float:left; width:186px; margin-left:8px; margin-right:8px;}
.cp_box ul li{ text-align:center; line-height:35px;}
.cp_box ul li img{ border:1px solid #CCC; padding:3px ;}
.xw_pic{ text-align:center; }
.xw_pic img{ border:1px solid #CCC;}
<!-----------------------productneiye-->
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{  left:859px;  height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.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{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

#spec-n1 img{ border:2px solid #CCC;}

