@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:	2;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

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


/*****顶部导航*****/
.hometop {
	width:100%;
	margin: auto;
	position:fixed; 
	top:0;
	z-index:999;
	border-bottom:#CCC solid 1px;
	background-color:#FFF;
}
#hometopdiv {
	margin: auto;
	width: 100%;
}
#hometopdiv .lgogs{
	float:left;
	width: 70%;
	margin: auto;
	margin-left:1%;
	text-align:left;
}
#hometopdiv .nvas{
	float:right;
	width: 19%;
	margin-top:-15px;
}
/*****顶部导航*****/

/*****滚动图*****/
.banner {
	width:100%;
	margin: auto;
	position:fixed; 
	top:60px;
	
}
#bannerdiv {
	margin: auto;
	width: 100%;

}

/*****底部*****/

.footer {
	width:100%;
	margin: auto;
	z-index:999;
	border-top:#e9e8e8 solid 1px;
	min-height:60px;
    background-color: #f0f0f0;
    bottom: 0;
}
#footerdiv {
	margin: auto;
	width: 80%;
	min-height:60px;
}

#footerdiv .ftnav{
	float:left;
	width:100%;
	margin-top:5px;
}

#footerdiv .ftnav a{
text-decoration:none; 
color: #000;
letter-spacing:2px;
font-size: 12px;
}
#footerdiv .ftnav a:hover{
text-decoration:none; 
color: #019c40;
letter-spacing:2px;
font-size: 12px;
}
#footerdiv .ftnav li
{
width:31%;
height:20px;
margin:20px 0px 0px 4px;
display:inline-block;

}
#footerdiv .ftbq{
	float:right;
	text-align:center;
	width:100%;
	margin-top:25px;
	margin-bottom:25px;
}
#footerdiv .ftbq a{
text-decoration:none; 
color: #000;
font-size: 10px;
}
#footerdiv .ftbq a:hover{
text-decoration:none; 
color: #019c40;
font-size: 10px;
}
/*****首页推荐产品groom*****/
 

.groom {
   width:100%;
   position:relative;
   margin:0;padding:0;
   overflow:hidden;
   margin-top:60px;
   margin-bottom:40px;
}
#groomdiv {
	margin: auto;
	width: 80%;
	min-height:60px;
	
}
#groomdiv .groomlist{
	float:left;
	margin:5px 2px 0px 2px;
	width: 100%;
	border:#e9e9e9 solid 1px;
	min-height:100px;
}
#groomdiv .groomlist:hover{
	float:left;
	margin:5px 2px 0px 2px;
	width: 100%;
	border:#36af53 solid 1px;
	min-height:100px;
}
#groomdiv .groomlist .imgvid{
	text-align:center;
	margin:0 auto;
	width: 100%;
	background-color:#959595;
}
#groomdiv .groomlist .imgvid img{
	width: 100%;
}

#groomdiv .groomlist .tjtilte{
	text-align:center;
	margin:0 auto;
	width: 100%;
	min-height:20px;
	margin-top:20px;
	color:#0C3;
}
#groomdiv .groomlist .tjtilte h2{
	font-size:14px;
	color:#36af53;
}
#groomdiv .groomlist .tjtxt{
	text-align:center;
	margin:0 auto;
	width: 100%;
	min-height:50px;
	margin-top:5px;
	text-align:left;
	padding-left:2px;
	color:#cbcbcb;
}
/*****内页产品中心*****/

.word {
   width:100%;
   position:relative;
   margin:0;
   padding:0;
   overflow:hidden;
   margin-top:60px;
   margin-bottom:50px;
}
#worddiv {
	margin: auto;
	width: 80%;
	min-height:60px;
	
}
#worddiv .wordlist{
	float:left;
	margin:5px 2px 0px 2px;
	width: 100%;
	border:#e9e9e9 solid 1px;
	min-height:100px;
}
#worddiv .wordlist:hover{
	float:left;
	margin:5px 2px 0px 2px;
	width: 100%;
	border:#36af53 solid 1px;
	min-height:100px;
}
#worddiv .wordlist .imgvid{
	text-align:center;
	margin:0 auto;
	width: 100%;
	background-color:#959595;
}
#worddiv .wordlist .imgvid img{
	width: 100%;
}

#worddiv .wordlist .tjtilte{
	text-align:center;
	margin:0 auto;
	width: 100%;
	min-height:20px;
	margin-top:20px;
	color:#0C3;
}
#worddiv .wordlist .tjtilte h2{
	font-size:14px;
	color:#36af53;
}
#worddiv .wordlist .tjtxt{
	text-align:center;
	margin:0 auto;
	width: 100%;
	min-height:50px;
	margin-top:5px;
	text-align:left;
	padding-left:2px;
	color:#cbcbcb;
}

/*****内页产品中心*****/


/*****内页详情*****/
.txtms {
   width:100%;
   position:relative;
   margin:0;padding:0;
   overflow:hidden;
   margin-top:60px;
   margin-bottom:30px;
}
#txtmsdiv {
	margin: auto;
	width:98%;
	min-height:80px;
	border:#e9e9e9 solid 1px;
}
#txtmsdiv .nynva{
	margin: auto;
	width: 100%;
	min-height:60px;
	padding-top:30px;
	border-bottom:#36af53 solid 2px;
}

#txtmsdiv .nynva a{
text-decoration:none; 
color: #36af53;
font-size: 12px;
}
#txtmsdiv .nynva a:hover{
text-decoration:none; 
color: #000;
font-size: 12px;
}

#txtmsdiv .mstile{
	margin: auto;
	width: 98%;
	min-height:60px;
	padding-top:20px;
	font-size:18px;
	color:#36af53;
	text-align:center;
}
#txtmsdiv .msctxt{
	margin: auto;
	width: 98%;
	min-height:60px;
}
#txtmsdiv .pages{
	margin: auto;
	width: 98%;
	min-height:60px;
	padding-top:30px;
	margin-bottom:30px;
	font-size:14px;
}

#txtmsdiv .pages a{
text-decoration:none; 
color: #36af53;
font-size: 12px;
}
#txtmsdiv .pages a:hover{
text-decoration:none; 
color: #000;
font-size: 12px;
}
/*****内页详情*****/
/*****内页联系我们*****/

.contacts {
   width:100%;
   position:relative;
   margin:0;padding:0;
   overflow:hidden;
   margin-top:60px;
   margin-bottom:30px;
}
#contactsdiv {
	margin: auto;
	width: 98%;
	min-height:80px;
	
}
#contactsdiv .ctnva{
	margin: auto;
	width: 100%;
	min-height:60px;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	font-size:24px;
	color:#36af53;
}
#contactsdiv .number{
	margin: auto;
	width:100%;
	min-height:60px;
	margin-top:10px;
}

#contactsdiv .number .zuolist{
	float:left;
	width: 100%;
	border:#e9e9e9 solid 1px;
	min-height:200px;
	padding-top:30px;
	padding-left:20px;
}
#contactsdiv .number .zuolist h2{
    font-size:20px;
	color:#36af53;
}
#contactsdiv .number .zuolist p{
	margin-top:15px;
	font-size:14px;
	color:#979797;
}
#contactsdiv .number .zuolist p a{
text-decoration:none; 
color: #979797;
font-size: 14px;
}
#contactsdiv .number .zuolist p a:hover{
text-decoration:none; 
color: #979797;
font-size: 14px;
}

#contactsdiv .number .youlist{
	float:left;
	width: 100%;
	border:#e9e9e9 solid 1px;
	min-height:400px;
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
}
#contactsdiv .number .youlist .leave01{
    margin: auto;
	width: 100%;
	margin-top:15px;
	min-height:30px;
}
#contactsdiv .number .youlist .leave01 h2{
    font-size:20px;
	color:#36af53;
}
#contactsdiv .number .youlist .leave01 p{
	font-size:11px;
	color:#979797;
}
#contactsdiv .number .youlist .leave02{
    margin: auto;
	width: 100%;
	margin-top:15px;
	min-height:30px;
	border-bottom:#36af53 solid 1px;
}
#contactsdiv .number .youlist .leave03{
    margin: auto;
	width: 100%;
	margin-top:15px;
	min-height:100px;
	border-bottom:#36af53 solid 1px;
}
#contactsdiv .number .youlist .leave04{
    margin: auto;
	width: 100%;
	margin-top:15px;
	min-height:40px;
	text-align:center;
}
#contactsdiv .number .youlist .leave04 a{
text-decoration:none; 
color: #36af53;
font-size: 18px;
}
#contactsdiv .number .youlist .leave04 a:hover{
text-decoration:none; 
color: #000;
font-size: 18px;
}

#contactsdiv .Map{
   width:100%;
   height:250px;
   position:relative;
   margin:0;
   padding:0;
   overflow:hidden;
}

/*****内页联系我们*****/

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

@media only screen and (min-width: 481px) {

/*****顶部导航*****/
.hometop {
	width:100%;
	margin: auto;
	top:0;
	z-index:999;
	border-bottom:#CCC solid 1px;
	background-color:#FFF;
}
#hometopdiv {
	margin: auto;
	width: 90%;
}

#hometopdiv .lgogs{
	float:left;
	width: 80%;
	margin: auto;
	margin-left:1%;
}
#hometopdiv .nvas{
	float:right;
	width: 19%;
	margin: auto;
}
/*****顶部导航*****/

}

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

@media only screen and (min-width: 769px) {

/*****顶部导航*****/
.hometop {
	width:100%;
	margin: auto;
	position:fixed; 
	top:0;
	z-index:999;
	border-bottom:#CCC solid 1px;
}
#hometopdiv {
	margin: auto;
	width: 1024px;
	height:80px;
}

#hometopdiv .lgogs{
	float:left;
	width: 40%;
	margin: auto;
}
#hometopdiv .nvas{
	float:right;
	width: 59%;
	margin-top:15px;
}
#hometopdiv .xnva{
	float:right;
	width: 59%;
	text-align:center;
}
/*****顶部导航*****/

/*****滚动大图*****/
.banner {
	width:100%;
	margin: auto;
	position:fixed; 
	top:80px;
	
}
#bannerdiv {
	margin: auto;
	width: 100%;

}

/*****底部*****/

.footer {
	width:100%;
	margin: auto;
	position:fixed; 
	z-index:999;
	border-top:#e9e8e8 solid 1px;
	height: 60px;
    background-color: #f0f0f0;
    position: fixed;
    bottom: 0;
}
#footerdiv {
	margin: auto;
	width: 80%;
	min-height:60px;
}

#footerdiv .ftnav{
	float:left;
	width:65%;
	margin-top:5px;
}

#footerdiv .ftnav a{
text-decoration:none; 
color: #000;
letter-spacing:2px;
font-size: 12px;
}
#footerdiv .ftnav a:hover{
text-decoration:none; 
color: #019c40;
letter-spacing:2px;
font-size: 12px;
}
#footerdiv .ftnav li
{
width:80px;
height:20px;
margin:20px 4px 4px 4px;
display:inline-block;

}
#footerdiv .ftbq{
	float:right;
	text-align:center;
	width:35%;
	margin-top:25px;
}
#footerdiv .ftbq a{
text-decoration:none; 
color: #000;
font-size: 12px;
}
#footerdiv .ftbq a:hover{
text-decoration:none; 
color: #019c40;
font-size: 12px;
}
/*****首页推荐产品groom*****/
 

.groom {
   width:100%;
   position:relative;
   margin:0;padding:0;
   overflow:hidden;
   margin-top:80px;
   margin-bottom:120px;
}
#groomdiv {
	margin: auto;
	width: 80%;
	min-height:60px;
	
}
#groomdiv .groomlist{
	float:left;
	margin:5px 2px 0px 2px;
	width: 24%;
	border:#e9e9e9 solid 1px;
	min-height:100px;
}
#groomdiv .groomlist:hover{
	float:left;
	margin:5px 2px 0px 2px;
	width: 24%;
	border:#36af53 solid 1px;
	min-height:100px;
}
#groomdiv .groomlist .imgvid{
	text-align:center;
	margin:0 auto;
	width: 100%;
	background-color:#959595;
}
#groomdiv .groomlist .imgvid img{
	width: 100%;
}

#groomdiv .groomlist .tjtilte{
	text-align:center;
	margin:0 auto;
	width: 100%;
	min-height:20px;
	margin-top:20px;
	color:#0C3;
}
#groomdiv .groomlist .tjtilte h2{
	font-size:14px;
	color:#36af53;
}
#groomdiv .groomlist .tjtxt{
	text-align:center;
	margin:0 auto;
	width: 100%;
	min-height:50px;
	margin-top:5px;
	text-align:left;
	padding-left:2px;
	color:#979797;
}
/*****内页产品中心*****/

.word {
   width:100%;
   position:relative;
   margin:0;padding:0;
   overflow:hidden;
   margin-top:100px;
   margin-bottom:120px;
}
#worddiv {
	margin: auto;
	width: 80%;
	min-height:60px;
	
}
#worddiv .wordlist{
	float:left;
	margin:5px 2px 0px 2px;
	width: 32.5%;
	border:#e9e9e9 solid 1px;
	min-height:100px;
}
#worddiv .wordlist:hover{
	float:left;
	margin:5px 2px 0px 2px;
	width: 32.5%;
	border:#36af53 solid 1px;
	min-height:100px;
}
#worddiv .wordlist .imgvid{
	text-align:center;
	margin:0 auto;
	width: 100%;
	background-color:#959595;
}
#worddiv .wordlist .imgvid img{
	width: 100%;
}

#worddiv .wordlist .tjtilte{
	text-align:center;
	margin:0 auto;
	width: 100%;
	min-height:20px;
	margin-top:20px;
	color:#0C3;
}
#worddiv .wordlist .tjtilte h2{
	font-size:14px;
	color:#36af53;
}
#worddiv .wordlist .tjtxt{
	text-align:center;
	margin:0 auto;
	width: 100%;
	min-height:50px;
	margin-top:5px;
	text-align:left;
	padding-left:2px;
	color:#979797;
}

/*****内页产品中心*****/


/*****内页详情*****/
.txtms {
   width:100%;
   position:relative;
   margin:0;padding:0;
   overflow:hidden;
   margin-top:120px;
   margin-bottom:120px;
}
#txtmsdiv {
	margin: auto;
	width: 80%;
	min-height:80px;
	border:#e9e9e9 solid 1px;
}
#txtmsdiv .nynva{
	margin: auto;
	width: 80%;
	min-height:60px;
	padding-top:30px;
	border-bottom:#36af53 solid 2px;
}

#txtmsdiv .nynva a{
text-decoration:none; 
color: #36af53;
font-size: 12px;
}
#txtmsdiv .nynva a:hover{
text-decoration:none; 
color: #000;
font-size: 12px;
}

#txtmsdiv .mstile{
	margin: auto;
	width: 80%;
	min-height:60px;
	padding-top:20px;
	font-size:18px;
	color:#36af53;
	text-align:center;
}
#txtmsdiv .msctxt{
	margin: auto;
	width: 80%;
	min-height:60px;
}
#txtmsdiv .pages{
	margin: auto;
	width: 80%;
	min-height:60px;
	padding-top:30px;
	margin-bottom:30px;
	background-color:#fff;
	font-size:14px;
}

#txtmsdiv .pages a{
text-decoration:none; 
color: #36af53;
font-size: 12px;
}
#txtmsdiv .pages a:hover{
text-decoration:none; 
color: #000;
font-size: 12px;
}
/*****内页详情*****/

/*****内页联系我们*****/

.contacts {
   width:100%;
   position:relative;
   margin:0;padding:0;
   overflow:hidden;
   margin-top:120px;
   margin-bottom:120px;
}
#contactsdiv {
	margin: auto;
	width: 80%;
	min-height:80px;
	
}
#contactsdiv .ctnva{
	margin: auto;
	width: 80%;
	min-height:60px;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	font-size:24px;
	color:#36af53;
}
#contactsdiv .number{
	margin: auto;
	width: 80%;
	min-height:60px;
	margin-top:10px;
}

#contactsdiv .number .zuolist{
	float:left;
	margin-left:2.5%;
	margin-right:2.5%;
	width: 45%;
	border:#e9e9e9 solid 1px;
	min-height:400px;
	padding-top:30px;
	padding-left:30px;
}
#contactsdiv .number .zuolist h2{
    font-size:24px;
	color:#36af53;
}
#contactsdiv .number .zuolist p{
	margin-top:15px;
	font-size:14px;
	color:#979797;
}

#contactsdiv .number .youlist{
	float:left;
	margin-left:2.5%;
	margin-right:2.5%;
	width: 45%;
	border:#e9e9e9 solid 1px;
	min-height:400px;
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
}
#contactsdiv .number .youlist .leave01{
    margin: auto;
	width: 100%;
	margin-top:15px;
	min-height:30px;
}
#contactsdiv .number .youlist .leave01 h2{
    font-size:24px;
	color:#36af53;
}
#contactsdiv .number .youlist .leave01 p{
	font-size:11px;
	color:#979797;
}
#contactsdiv .number .youlist .leave02{
    margin: auto;
	width: 100%;
	margin-top:15px;
	min-height:30px;
	border-bottom:#36af53 solid 1px;
}
#contactsdiv .number .youlist .leave03{
    margin: auto;
	width: 100%;
	margin-top:15px;
	min-height:100px;
	border-bottom:#36af53 solid 1px;
}
#contactsdiv .number .youlist .leave04{
    margin: auto;
	width: 100%;
	margin-top:15px;
	min-height:40px;
	text-align:center;
}
#contactsdiv .number .youlist .leave04 a{
text-decoration:none; 
color: #36af53;
font-size: 18px;
}
#contactsdiv .number .youlist .leave04 a:hover{
text-decoration:none; 
color: #000;
font-size: 18px;
}

#contactsdiv .Map{
	margin: auto;
	width: 76%;
	border:#e9e9e9 solid 1px;
	height:250px;
	margin-top:350px;
	margin-bottom:40px;
	
}

/*****内页联系我们*****/

}