@charset "utf-8";
/* CSS Document */

body{ background:#e6e6e6;}

.left{ float:left;}
.right{ float:right;}
.wrap{ width:640px; min-height:100vh; box-sizing:border-box; background:#fff; padding-bottom:90px; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}

/*头部样式*/
.header{ overflow:hidden; background:#fff; padding:0 20px; border-bottom:4px solid #009944; position:relative; z-index:9;}
.header h1.logo{ display:block; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:100px;}
.header a.lang{ display:block; width:54px; line-height:26px; color:#333; font-size:16px; text-align:center; border:1px solid #333; border-radius:14px; margin:36px 72px; float:right;}
.header a.lang:hover{ color:#fff; background:#009f3c; border-color:#009f3c;}

/*导航样式*/
ul.nav{ display:block; height:56px; z-index:99; float:right;}
ul.nav li{ display:block; text-align:center; padding:0 10px 0 0; float:left; position:relative; z-index:99;}
ul.nav li a{ display:block; min-width:64px; line-height:100px; color:#333; font-size:16px; padding:0 18px; position:relative; z-index:5;}

ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; background:#009f3c;}
/*
ul.nav li p.sub{ display:none; width:108%; background:#f7f7f7; padding:4px 0 0; position:absolute; left:-4%; top:100%; z-index:99;}
ul.nav li p.sub a{ line-height:40px; color:#333; font-size:14px; font-weight:normal; padding:0; border:0;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#009f3c; background:#fff;}
*/

/*banner样式*/
.banner{ width:100%; height:244px; overflow:hidden; position:relative; z-index:1;}
.banner .bd{ position:relative; height:auto; z-index:0;}
.banner .bd ul{ display:block;}
.banner .bd ul li{ display:block;}
.banner .bd ul li a{ display:block; width:100%; height:244px; background-size:cover !important;}
.banner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:20px;}
.banner .hd ul{ display:block; height:12px; text-align:center;}
.banner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 5px; vertical-align:top; cursor:pointer;}
.banner .hd ul li.on{ background:#009f3c;}
 
/*footer样式*/
.footer{ background:#1b1b1b; padding:0 20px;}
.footer p.share{ display:block; width:216px; height:42px; padding:38px 0; margin:0 auto;}
.footer p.share a{ display:block; width:42px; height:42px; border-radius:50%; float:left; margin:0 6px;}
.footer p.share a.qq{ background:#8d8d8d url(../images/common/f_qq.png) center no-repeat;}
.footer p.share a.wx{ background:#8d8d8d url(../images/common/f_wx.png) center no-repeat; position:relative;}
.footer p.share a.wx em{ display:none; width:200px; position:absolute; left:50%; bottom:100%; margin-left:-100px; margin-bottom:12px;}
.footer p.share a.wx em::before{ content:''; display:block; border:1px solid rgba(0,0,0,0); border-width:8px 8px 0; border-top-color:#fff; position:absolute; left:50%; bottom:0; transform:translate(-50%,100%);}
.footer p.share a.wx em img{ display:block; width:100%; box-shadow:0 0 8px 0 rgba(0,0,0,0.4);}
.footer p.share a.wx em img{ padding-top:36px; background:#fff;}
.footer p.share a.wx em font{ display:block; width:100%; line-height:1; color:#333; font-size:20px; text-align:center; position:absolute; left:0; top:14px;}
.footer p.share a.wb{ background:#8d8d8d url(../images/common/f_wb.png) center no-repeat;}
.footer p.share a.ins{ background:#8d8d8d url(../images/common/f_ins.png) center no-repeat;}
.footer .copyright{ line-height:1.8; color:#666; font-size:20px; text-align:center; overflow:hidden; padding:0 0 34px;}
.footer .copyright a{ color:#666;}
.footer .copyright a:hover{ color:#bbb;}

/*底部菜单*/
ul.footNav{ display:block; width:640px; overflow:hidden; background:#009f3c; position:fixed; left:50%; bottom:0; margin-left:-320px; z-index:9999;}
ul.footNav li{ display:block; width:25%; float:left; position:relative;}
ul.footNav li::before{ content:''; width:1px; height:50px; background:rgba(255,255,255,0.3); position:absolute; left:-0.5px; top:50%; margin-top:-25px;}
ul.footNav li::first-child::before{ display:none;}
ul.footNav li a{ display:block; height:78px; overflow:hidden; padding:12px 0 0; box-sizing:content-box;}
ul.footNav li a img{ display:block; height:34px; margin:0 auto;}
ul.footNav li a span{ display:block; height:42px; line-height:44px; color:#fff; font-size:20px; text-align:center; text-transform:uppercase;}

/*返回顶部*/
.backToTop{ display:none; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; position:fixed; _position:absolute; right:16px; bottom:110px; cursor:pointer; opacity:0.8; z-index:998;}

/*主体样式*/
.main{ overflow:hidden; position:relative; margin:0 auto;}
.main::after{ content:''; display:block; height:0; clear:both;}

/*左侧*/
.main ul.menu{ display:block; overflow:hidden; margin:32px -6px 0;}
.main ul.menu li{ display:block; width:50%; float:left;}
.main ul.menu li a{ display:block; line-height:52px; color:#009f3c; font-size:20px; text-align:center; border:2px solid #009f3c; margin:5px 6px;}
.main ul.menu li a:hover,
.main ul.menu li.cur a{ color:#fff; background:#009f3c;}

/*右侧*/
.main .attr{ padding:0 20px;}
.main>.attr{ min-height:320px; margin:0 auto;}
.main h2.title{ display:block; line-height:76px; color:#333; font-size:40px; font-weight:normal; text-align:center; padding:32px 0 0;}
.main h2.title i{ display:block; width:52px; height:4px; background:#009f3c; margin:4px auto 0;}
.main h3.title{ display:block; line-height:48px; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:42px 0 16px;}
.main p.mark{ display:block; line-height:46px; color:#999; font-size:20px; text-align:center; padding:0 0 16px; border-bottom:2px solid #f2f2f2;}
.main .article{ min-height:20em; line-height:2.14; color:#333; font-size:22px; padding:32px 0 56px;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}
.main .article table{ line-height:1.65;}

/*文章切换*/
.main .change{ overflow:hidden; padding:20px 2px 44px; border-top:2px solid #f2f2f2;}
.main .change p{ display:block; line-height:50px; color:#333; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change a{ color:#333;}
.main .change a:hover{ color:#009f3c;}

/*页码样式*/
.pages{ text-align:center; font-size:20px; padding:62px 0 72px;}
.pages a,
.pages span{ display:inline-block; min-width:16px; color:#999; height:24px; line-height:24px; text-align:center; padding:11px 16px; margin:0 6px; border:1px solid #d2d2d2;}
.pages a:hover{ color:#fff; background:#009f3c; border-color:#009f3c;}
.pages span{ color:#fff; background:#009f3c; border-color:#009f3c; cursor:pointer;}
.pages a.num{ display:none;}

.main .contact{ background:#009f3c; overflow:hidden; padding:44px 0;}
.main .contact a{ display:block; line-height:46px; color:#fff; font-size:28px; overflow:hidden; float:right;}
.main .contact a:first-child{ float:left; margin-left:0;}
.main .contact a img{ display:block; height:46px; margin-right:20px; float:left;}
.main .hot{ padding:0 0 56px;}
.main .hot .slide{ position:relative; z-index:1; padding:36px 0 80px;}
.main .hot .slide .bd{ position:relative; overflow:hidden; height:auto; z-index:0;}
.main .hot .slide .bd .tempWrap{ width:620px; margin:0 -10px;}
.main .hot .slide .bd ul{ display:block; overflow:hidden;}
.main .hot .slide .bd ul li{ display:block; width:310px; overflow:hidden; float:left;}
.main .hot .slide .bd ul li a{ display:block; border:2px solid #f2f2f2; margin:0 10px; position:relative;}
.main .hot .slide .bd ul li a img{ display:block; width:100%; height:226px;}
.main .hot .slide .bd ul li a span{ display:block; line-height:60px; color:#333; font-size:22px; text-align:center; padding:4px 4px 0; background:#f2f2f2;}
.main .hot .slide .bd ul li a:hover{ border-color:#009f3c;}
.main .hot .slide .bd ul li a:hover span{ color:#fff; background:#009f3c;}
.main .hot .slide a.prev,
.main .hot .slide a.next{ display:block; width:44px; height:44px; position:absolute; bottom:0; margin-top:-22px;}
.main .hot .slide a.prev{ background:url(../images/common/prev.png) center top no-repeat; left:50%; margin-left:-54px;}
.main .hot .slide a.next{ background:url(../images/common/next.png) center top no-repeat; right:50%; margin-right:-54px;}
.main .hot a.prev:hover,
.main .hot a.next:hover{ background-position:center bottom;}

/*关于我们*/
.main .honor{ background:#f2f2f2; padding:0 0 60px;}
.main .honor h2.title{ margin-bottom:38px;}
.main .honor img{ display:block; max-width:100%; margin:0 auto;}

/*产品列表*/
.main ul.proList{ display:block; overflow:hidden; padding:12px 0 10px; margin:0 -10px;}
.main ul.proList li{ display:block; width:50%; overflow:hidden; float:left;}
.main ul.proList li a{ display:block; border:2px solid #f2f2f2; margin:20px 10px 0; position:relative;}
.main ul.proList li a img{ display:block; width:100%; height:226px;}
.main ul.proList li a span{ display:block; line-height:60px; color:#333; font-size:22px; text-align:center; padding:4px 4px 0; background:#f2f2f2;}
.main ul.proList li a span{ display:block; height:68px; line-height:34px; color:#333; font-size:22px; text-align:center; overflow:hidden; padding:14px 12px 12px; background:#f2f2f2;}
.main ul.proList li a span font{ display:block; max-height:68px; margin-top:34px; transform:translateY(-50%);
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.proList li a:hover{ border-color:#009f3c;}
.main ul.proList li a:hover span{ color:#fff; background:#009f3c;}

/*视频列表*/
.main ul.videoList{ display:block; overflow:hidden; padding:24px 0 12px; margin:0 -12px;}
.main ul.videoList li{ display:block; width:50%; overflow:hidden; float:left;}
.main ul.videoList li a{ display:block; margin:36px 12px 0; position:relative;}
.main ul.videoList li a em{ display:block; width:100%; height:192px; background:rgba(0,0,0,0.45) url(../images/icons/video.png) center no-repeat; position:absolute; left:0; top:0;}
.main ul.videoList li a img{ display:block; width:100%; height:192px;}
.main ul.videoList li a span{ display:block; line-height:1; color:#333; font-size:22px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:26px 0 0;}
.main ul.videoList li a:hover span{ color:#009f3c;}

/*荣誉客户*/
.main ul.cusList{ display:block; overflow:hidden; padding:24px 0 72px; margin:0 -8px;}
.main ul.cusList li{ display:block; width:50%; overflow:hidden; float:left;}
.main ul.cusList li a{ display:block; overflow:hidden; border:1px solid #dfdfdf; margin:16px 8px 0;}
.main ul.cusList li a img{ display:block; width:100%; height:100px; object-fit:contain;}

/*新闻列表*/
.main .topNews{ display:block; overflow:hidden; background:#f2f2f2; padding:0 20px 0 0; margin:42px 0 0;}
.main .topNews a.pic{ display:block; overflow:hidden; float:left; margin-right:24px;}
.main .topNews a.pic img{ display:block; width:282px; height:202px;}
.main .topNews a.title{ display:block; height:80px; line-height:40px; color:#333; font-size:24px; margin:20px 0 28px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main .topNews a.title:hover{ color:#009f3c;}
.main .topNews span{ display:block; line-height:60px; color:#009f3c; font-size:20px; overflow:hidden;}

.main ul.newsList{ display:block; overflow:hidden; padding:20px 0 0;}
.main ul.newsList li{ display:block; overflow:hidden; border-bottom:1px solid #ebebeb;}
.main ul.newsList li span{ display:block; line-height:66px; color:#666; font-size:20px; float:right; margin-left:48px;}
.main ul.newsList li a{ display:block; line-height:66px; color:#333; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/icons/dot.png) 6px center no-repeat; padding-left:24px;}
.main ul.newsList li a:hover{ color:#009f3c;}

/*联系我们*/
.main .message{ background:#009f3c; overflow:hidden; margin:42px 0 24px;}
.main .message h3{ display:block; line-height:86px; color:#fff; font-size:30px; font-weight:bold; text-align:center; overflow:hidden; padding:20px 0 0;}
.main .message p{ display:block; line-height:44px; color:#fff; font-size:22px; overflow:hidden; padding:7px 32px;}
.main .message p img{ display:inline-block; width:23px; height:23px; vertical-align:top; margin:10px 5px 0 0;}
.main .message form{ display:block; background:#f1f1f1; overflow:hidden; margin:60px 0 0;}
.main .message form h3{ color:#009f3c; font-size:32px;}
.main .message form p{ padding:10px 20px;}
.main .message form label{ display:block; width:126px; line-height:60px; color:#666; font-size:24px; text-align:right; float:left; margin-right:18px;}
.main .message form input.text{ display:block; width:356px; height:60px; color:#666; font-size:22px; padding:0 20px; border:0; float:left;}
.main .message form textarea{ display:block; width:356px; height:120px; line-height:36px; color:#666; font-size:22px; padding:12px 20px; border:0; float:left; resize:none;}
.main .message form input.btn{ display:block; width:274px; height:2.5em; line-height:1; color:#fff; font-size:24px; background:#009f3c; padding:0.75em 0; border:0; border-radius:5px; margin:18px auto 56px; cursor:pointer;}
.main .map{ overflow:hidden; padding:0 0 48px;}

/*案例列表*/
.main ul.caseList{ display:block; overflow:hidden; padding:20px 0 12px; margin:0 -10px;}
.main ul.caseList li{ display:block; width:50%; overflow:hidden; float:left;}
.main ul.caseList li a{ display:block; margin:28px 10px 0; position:relative;}
.main ul.caseList li a img{ display:block; width:100%; height:216px;}
.main ul.caseList li a span{ display:block; line-height:66px; color:#fff; font-size:22px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#009f3c;}

.notice{ width:360px; position:fixed; left:0; bottom:90px; margin:12px; z-index:999; box-shadow:0 0 6px rgba(0,0,0,0.32);}
.notice h4{ display:block; line-height:56px; color:#fff; font-size:24px; font-weight:normal; text-align:center; background:#009f3c; position:relative; text-transform:uppercase;}
.notice h4 a{ display:block; width:56px; height:56px; background:url(../images/close.png) center no-repeat; position:absolute; right:0; top:50%; margin-top:-28px; background-size:auto 16px;}
.notice .txt{ min-height:108px; line-height:36px; color:#555; font-size:20px; overflow:hidden; padding:10px 16px 12px; background:#fff; border:0px solid #f2f2f2;}










/**/