@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}
fieldset, img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{ font-size:12px; line-height:24px;  }
table{border-collapse:collapse;border-spacing:0;font-size:12px; line-height:24px; font-family:"Arial"; }
ul{list-style:none;}
ol, li { list-style: none; margin:0; padding:0; }
body{color:#333; font-size:12px; line-height:24px;  margin:0 auto;overflow-x: hidden;font-family:"Arial";}
html{ overflow-y:scroll;_background-image:url(about:blank);_background-attachment:fixed;_overflow-x:hidden;overflow-x:hidden;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Arial";}
img{ border:0;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.width{ margin:0 auto; width:1000px;}
.width243{ width:243px; margin:0 auto; }
.width1060{ width:1060px; margin:0 auto;}

/*链接字体颜色*/
a{ color:#333; text-decoration:none;}
a:hover{ color:#16884F; text-decoration:none;}
/*字体*/
.font{ font-family:"微软雅黑";}.font2{ font-family:"arial";}.font3{ font-family:"黑体";}.font8{ font-size:8px;}.font12{ font-size:12px;}.font14{ font-size:14px;}.font16{ font-size:16px;}.font18{ font-size:18px;}.font20{ font-size:20px;}.font22{ font-size:22px;}.font24{ font-size:24px;}.font26{ font-size:26px;}.font30{ font-size:30px;}.font36{ font-size:36px;}
/*颜色*/
a.bai,a.bai:hover,bai:hover,.bai{color:#fff;}
.yellow{ color:#FFFE00;}
.blue{ color:#00A0E9;}/*蓝色*/
.green{ color:#16884F;}/*绿色*/
.purple{ color:#ADADFF;}/*紫色*/
.red{ color:#FD3131;}

.marginr20{ margin-right:20px;}.marginr10{ margin-right:10px;}.marginr40{ margin-right:40px;}

.padding55{ padding:0 55px;}

.qhui{ color:#999;}.qhui2{ color:#ccc;}.shui{ color:#222;}.hei{ color:#000;}

.textl{ text-align:left;}.textc{ text-align:center;}.textr{ text-align:right;}

.fontw{ font-weight:bold;}
.blank25{ height:25px;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}


/*头部*/
#header{ height:155px; position:relative; }
#header .nav{ background:#001B0D; height:36px; line-height:36px; color:#93B7A5;}
#header .nav a{color:#93B7A5; padding:0 5px;}
#header .nav .lang{ width:200px; text-align:right;}
#header .nav .tel{ background:url(../images/tel_bg.png) no-repeat left center; padding-left:26px;}
#header .logo_bar{ height:82px; background:url(../images/menu_bg.jpg) repeat-x;}
#header .logo_bar .logo{ width:252px; padding-top:19px;}
#header .logo_bar .menu{ width:700px; padding-top:19px;}
#header .logo_bar .menu ul.main li{ float:left; width:140px; text-align:center; height:43px; padding-bottom:20px; line-height:43px;}
#header .logo_bar .menu ul.main li a{ color:#fff; height:43px; width:140px; display:block;}
#header .logo_bar .menu ul.main li a:hover,#header .logo_bar .menu ul.main li a.menubg{ background:url(../images/menu_h_bg.png) no-repeat center bottom; color:#F7EE31;}

#navi { height: 37px;}
#navi #content { background:#1C5538;}
#navi .default {  height:37px; background:#1C5538;}
#navi .fixed { position: fixed; top: 0px; left: 0; width: 100%; background:url(../images/lv_bg.png) repeat; z-index:99999;}

#navi a{ color:#fff;}
#navi a:hover{ color:#F7EE31;}

#header ul.sub1 li{ height:37px; line-height:37px; position:relative; float:left; z-index:99999;}
#header ul.sub1 li a{  height:37px; float:left; font-size:14px;}
#header ul.sub1 li span{ float:left; color:#fff; font-size:10px; display:block; width:35px; text-align:center;}
#header ul.sub1 li ul.sub2{ display:none;}
#header ul.sub1 li ul.sub2 a{ font-size:12px;}
#header ul.sub1 li:hover ul.sub2{ display:block; position:absolute; left:0px; top:37px; width:130px;}
#header ul.sub1 li:hover ul.sub2 li{ height:36px; width:129px;}
#header ul.sub1 li:hover ul.sub2 li a.a1{ height:35px; border-top:1px solid #008143; border-right:1px solid #008143; line-height:35px; display:block; background:#0D693C; width:129px; text-align:center; overflow:hidden;}
#header ul.sub1 li:hover ul.sub2 li a.a1:hover{ background:#039C52; color:#F7EE31;}
#header ul.sub2 li ul.sub3{ display:none;}
#header ul.sub2 li:hover ul.sub3{ display:block; position:absolute; left:130px; top:0px; width:130px;}
#header ul.sub2 li:hover ul.sub3 li{ height:36px; width:129px;}
#header ul.sub3 li .sub4{ display:none;}
#header ul.sub3 li{ y-overflow:hidden;}
#header ul.sub3 li:hover .sub4{ display:block;position:absolute; left:130px; top:0px; width:106px; height:82px;}
#header ul.sub3 li:hover .sub4 a.a2{ width:auto; height:auto;}
#header ul.sub3 li:hover .sub4 img{width:106px; height:81px; border:3px solid #0D693C; }





/*脚部*/
#footer { margin-top:30px; clear:both; overflow:hidden;}
#footer .link{ background:url(../images/foot_bg.jpg) repeat-x; min-height:270px;}
#footer .link ul{ width:710px;}
#footer .link ul li{ float:left; background:url(../images/fgx.png) no-repeat right center; margin-top:15px; min-height:182px; width:130px;}
#footer .link ul li.width314{ width:364px;}
#footer .link ul li.width110{ width:110px;}
#footer .link ul li a{ line-height:24px; height:24px; display:block; color:#000; }
#footer .link ul li a:hover{ color:#16884F;}
#footer .link ul li.width314 a{ width:182px;float:left;}
#footer .link .map{ width:290px; margin-top:18px;}
#footer .copyright{ padding:10px 0; background:#143E29; line-height:20px; text-align:center;}



  /*分页*/
.Pager{height:30px; margin-top:20px;font-family:sans-serif; clear:both; overflow:hidden; float:right; position:relative; text-align:center; font-size:12px;} 
.Pager_Nav{line-height:30px;}
.Pager a.Pager_PrevBtn,.Pager a.Pager_PrevBtn:hover{  padding:0 12px; height:30px;}
.Pager a.Pager_NextBtn,.Pager a.Pager_NextBtn:hover{ padding:0 12px; height:30px;}
.Pager_Buttons a,.Pager_Buttons span{float:left;display:inline-block; padding:0 12px; margin-left:10px; height:30px; line-height:30px; background:#ddd;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.Pager_Buttons a:hover{text-decoration:none; background:#FF0000; color:#fff;}
.Pager_Buttons .now{ background:#FF0000; color:#fff;font-weight:bold; height:30px; line-height:30px;}


/*<div id="Pager">
        <div class="Pager"><span class="Pager_Nav"><span class="Pager_Buttons"><a href="javascript:D_ChangePage(1);" class="Pager_home">&lt;&lt;</a><a disabled="disabled" class="Pager_PrevBtn">&lt;</a><span class="now">1</span><a href="javascript:D_ChangePage(2);">2</a><a href="javascript:D_ChangePage(3);">3</a><a href="javascript:D_ChangePage(4);">4</a><a href="javascript:D_ChangePage(5);">5</a><a href="javascript:D_ChangePage(2);" class="Pager_NextBtn">&gt;</a><a href="javascript:D_ChangePage(5);" class="Pager_last">&gt;&gt;</a></span></span></div>
      </div>*/
	  
	  
	  
	  /*<div class="sublist clearfix">
<div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div>
                    <div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div>
                    <div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div><div class="clear"></div><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div>
				</div>*/
				
				/*<div class="sublist clearfix">
					
  
    <div class="width243 left"><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div></div>
    <div class="width243 left"><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div></div>
   <div class="width243 left"><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            <a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
                            
						</p>
                        <div class="clear"></div>
					</div><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div></div>
    <div class="width243 left"><div class="fl">
                        <div class="img"><a href="#"><img src="images/sub4_img.jpg" /></a></div>
						<h3><a href="#">产品分类</a></h3>
						<p>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
							<a href="#">产品名称</a>
						</p>
                        <div class="clear"></div>
					</div></div>


                    
                    
                    
                    
					
				</div>*/


