@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
html{ margin:0; padding:0;}
body {background:#ebebeb;color:#555; font-size:.6rem; font-family: Microsoft Yahei; }
td,th,caption { font-size:.6rem; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var,i { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:.8rem Microsoft Yahei,Helvetica,Arial,sans-serif;outline:none; margin:0px; padding:0px; }
table { border-collapse:collapse; }


/***********头部*************/
.header{ width:100%; background:#fff; position:relative; height:2.8rem;}
.logo{ float:left; width:28%; margin:.2rem 0 0 1%; padding:0; text-align:right;}
.logo img{width:92%; padding-top:3%;}
.logo_r{width:57%; float:left; text-align:right; margin:0 0 0 1%;}
.logo_r img{width:45%; padding-top:3%;}
.nav{ float:right; width:8%; margin:3% 1% 0 0; position:relative;}
.nav img{ width:80%;}
.nav_c{width:50%; background:#2e2c29; position:absolute;right:0px; top:2rem; display:none;filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7; 
	  float:left; text-align:center; padding-top:.7rem; padding-bottom:.8rem; z-index:999;}
.nav_c li{ width:100%; line-height:1.8rem; text-indent:5%;  font-size:.9rem;}
.nav_c li a{ color:#fff;}


/***********主体内容*************/
.main1{ width:100%; overflow:hidden; margin-top:.875rem;  background:#fff;}
.main2{ width:100%; background:#fff;  margin-top:.875rem; float:left; overflow:hidden;}
.products{ width:100%; float:left; background:#fff; margin-bottom:4%; padding-top:3%;}
.products h1{color:#333333; width:100%; margin:2%; padding:0; font-size:1rem;}
.products ul{ overflow:hidden;}
.products ul li{width:21%; float:left; height:100%; line-height:1.5rem; font-size:.8rem; text-align:center; margin:2% 2% 0 2%;}
.products ul li img{width:80%;}


.products1 ul{ overflow:hidden; padding-bottom:2%; text-align:center;}
.products1 ul li a{ padding:.3rem 1rem; line-height:1.5rem; font-size:1rem; text-align:center; margin:2% 1%; background:#6fb300; float:left; color:#fff;}
.products1 ul li img{width:50%;}


.m21_t{ width:100%; height:100%; overflow:hidden; line-height:2rem;}
.m21_t h2{width:100%; float:left; font-size:1.2rem; color:#6fb300; margin-top:1rem; text-indent:.5rem;}


.m2_t{ width:100%; height:100%; overflow:hidden; margin-top:.8rem;}
.m2_t h2{width:100%; float:left; text-align:center; font-size:1.8rem; color:#7fc50c; margin-top:.25rem;}
.m2_t .desc{width:90%; margin-left:5%; float:left; text-align:center; font-size:1rem; margin-top:.5rem;}

.m2_c{ margin-top:1.75rem; width:100%; float:left; background:#fff;}
.m2_c ul{ overflow:hidden;}
.m2_c li{ font-size:.8rem; color:#939286; text-align:center; width:44%;  margin-left:4%; float:left; margin-bottom:.8rem; height:10rem;}
.m2_c li img{width:100%; height:8rem;}
.m2_c p{ margin-top:.4rem; font-size:.8rem;}

.main3{ width:100%; background:#fff;  margin-top:.875rem;  float:left;}
.m3_n{ width:50%; height:100%; line-height:2rem; padding:2% 3% 0 3%; margin:0 auto; }
.m3_n li{ width:45%; font-size:.8rem; padding:0; margin-left:2%; height:2rem; background:#6fb300; color:#fff; float:left; text-align:center;}
.m3_n .hover{ background:#f57923; color:#fff;}
.m3_c{ margin:3rem auto 1.25rem; width:88%; font-size:.8rem; }
.m3_c li{ line-height:1.65rem; border-bottom:1px dashed #cfcfcf; width:100%; float:left; padding-top:1%; margin-bottom:2%;padding-bottom:1%; }

.m5_c{ margin:1.25rem auto; width:95%; font-size:.8rem;}
.m5_c li{ line-height:2rem; border-bottom:1px dashed #CCC; padding:0 .5rem;}
.m5_c span{ float:right;color:#939286; overflow:hidden;}
.m5_c i{ font-size:.2rem; margin-right:2%; color:#8dcc4e;}
.m5_c a{ color:#939286;}



.main6{ width:100%; background:#fff;  border-bottom:1.25rem solid #ebebeb; margin-top:.875rem; float:left; padding-bottom:15%;}
.m6_c{ width:100%; margin:1.25rem 0;  float:left; overflow:hidden;}
.m6_c ul li{ width:50%; float:left; text-align:center; }
.m6_c ul li img{width:80%; height:5rem; border:.0625rem solid #ebebeb; margin-top:2%;}
.m2_ad{ width:40%; height:1.56rem;margin:0 auto; text-align:center; line-height:1.56rem; margin-top:1.75rem;}
.m2_ad a{ width:100%; height:100%; background:#fff; color:#f68130; float:left; border-radius:.3rem;  border:.0625rem solid #f68130; font-size:.8rem;}

.news_l{width:30%; float:left; text-align:right;}
.news_l i{ font-size:.2rem; margin-right:2%; color:#b00;width:100%;}
.news_l i img{ width:100%; margin-top:.3rem;}
.news_r{width:65%; float:left; margin-left:5%;}
.news_r span{ float:left;color:#939286; overflow:hidden;}
.news_r a{ color:#000; width:100%; float:left; font-size:.9rem;}
.news_r a:hover{ color:#b00;}


/***********底部*************/
.footer{ width:100%; height:auto; position:fixed; bottom:0px; background:#6fb300; overflow:hidden; float:left;}
.footer li{ text-align:center; width:25%; float:left;  text-align:center; color:#fff; font-size:1rem;}
.footer li img{ width:25%; margin:.3rem 0 .3rem;}

/*公司简介*/

.aboutg{width:90%; margin:5% 5% 25% 5%; padding:0; float:left;}
.aboutg img{ width:100%; height:100%;}


	/* 分页 */

.fenye{ float:left; width:100%; padding-bottom:1rem; padding-top:1rem; height:1.5rem;text-align:center;color:#454545;line-height:1.5rem;font-family:Microsoft Yahei; font-size:.8rem;}
.fenye a{ font-family:Microsoft Yahei; padding:.25rem .1rem; margin:0 .3rem;}
.fenye a.sel{  color:#6fb300; }
.fenye .txt{ width:1.875rem; text-align:center; height:1.375rem; }
.fenye .btn{ width:3.43rem; height:1.5rem; cursor:pointer; color:#666; border-radius:.1875rem;}

.list_main{ float:right; width:100%; margin-top:20px; display:inline;}

.list_one{ float:left; width:96%; padding-bottom:40px; line-height:30px; font-size:16px; margin-left:2%;}

.list_one .img{ float:left; width:100%; margin-right:15px; margin-bottom:5px;}

.list_one p,.list_one div{ margin:0; padding:20px 0; font-size:14px;}

.list_two{ float:left; width:100%;border-bottom:1px dashed #CBCBCB; text-align:center; line-height:40px; font-size:22px; margin-bottom:20px; font-weight:bold; }
.list_two h2{ color:#6fb300; font-weight:bold;}

.list_two p{ font-size:12px;color:#333333;}


.list_top{width:96%; float:left; margin:2%; padding:0;}
.list_left{width:96%; float:left; border:1px solid #f1f1f1; padding:5% 2%;}
.list_right{width:100%; float:right; background:#f0f0f0; padding-bottom:2%;}
.list_right h2{ height:58px; width:100%; float:left; font-size:18px; background:#ea5515; color:#fff; line-height:58px; text-indent:24px;}
.list_right p{width:92%; margin:0 4%; float:left; line-height:33px; margin-top:2%;}
.list_right strong{color:#ea5515; font-size:15px;}
.list_right p span{font-size:15px; color:#555555; padding-left:1%;}



/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 40.625rem;
	margin:0 auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.header{ height:4.8rem;}
.m1_c li{ height:10.125rem; line-height:10.125rem;}
.footer{ width:40.625rem;}
.footer li img{ width:18%;}
}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 40.625rem;
	margin:0 auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.header{ height:4.8rem;}
.m1_c li{ height:10.125rem; line-height:10.125rem;}
.footer{ width:40.625rem;}
.footer li img{ width:18%;}
}