@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;  position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ position:relative;}
.header .head{ position:relative; margin:0 20px; overflow:hidden;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; overflow:hidden;}
.header h1.logo a img{ display:block; height:100px;}
.header h1.logo-title{position:relative;top: 20px;left: 10px;}

/*导航*/
.nav{ background:#009740; position:relative; z-index:9;}
.nav ul{ display:block; width:1200px; height:56px; margin:0 auto;}
.nav ul li{ display:block; padding:8px 2px; float:left; position:relative;}
.nav ul li a{ display:block; line-height:40px; color:#fff; font-size:16px; text-align:center; padding:0 14.6px;}
.nav ul li a:hover,
.nav ul li.on a,
.nav ul li.cur a{ color:#009740; font-weight:bold; background:#fff; border-radius:5px;}
.nav ul li p.sub{ display:none !important; width:100%; background:#f5f5f5; padding:1px 0 0; position:absolute; left:0; top:100%;}
.nav ul li p.sub a{ line-height:40px; color:#333; font-size:14px; font-weight:normal; background:none;}
.nav ul li p.sub a:hover{ color:#fff; background:#009740;}

/*banner*/
.banner{ height:240px; background-size:cover !important; overflow:hidden;}

/*底部*/
.footer{ background:#3f3f3f;}
.footer .foot{ display:none; margin:0 20px; overflow:hidden; padding:52px 0 0;}
.footer .code{ width:280px; overflow:hidden; margin:44px auto 36px;}
.footer .code span{ display:block; width:140px; line-height:50px; color:#727272; font-size:12px; text-align:center; overflow:hidden; float:left;}
.footer .code img{ display:block; width:100px; height:100px; margin:0 auto;}
.footer p.tel{ display:block; width:474px; height:74px; line-height:74px; color:#999; font-size:30px; font-weight:bold; text-align:center; background:url(../images/common/foot_tel.png) 32px center no-repeat; padding:0 0 0 74px; overflow:hidden; margin:0 auto;}
.footer p.tel b{ font-size:36px;}
.footer .copyright{ line-height:40px; color:#939393; font-size:14px; text-align:center; overflow:hidden; padding:6px 0 0;}
.footer .copyright a{ color:#939393;}
.footer .copyright a:hover{ color:#eee;}
.footer .links{ line-height:54px; color:#939393; font-size:14px; overflow:hidden; background:#282828;}
.footer .links a{ color:#939393;}
.footer .links a:hover{ color:#eee;}

/*底部菜单*/
ul.footNav{ display:block; width:640px; overflow:hidden; background:#3f3f3f; position:fixed; left:50%; bottom:0; margin-left:-320px; z-index:99;}
ul.footNav li{ display:block; width:33.33%; float:left; position:relative;}
ul.footNav li::before{ content:''; width:1px; height:44px; background:#fff; opacity:0.3; position:absolute; left:-0.5px; top:50%; margin-top:-22px;}
ul.footNav li::first-child::before{ display:none;}
ul.footNav li a{ display:block; height:44px; overflow:hidden; padding:18px 0;}
ul.footNav li a img{ display:block; height:44px; float:left; margin:0 14px 0 38px;}
ul.footNav li a span{ display:block; height:44px; line-height:46px; color:#fff; font-size:22px;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:20px; bottom:100px; cursor:pointer; text-indent:-9999px; opacity:0.7; filter:Alpha(opacity=70);}
.backToTop:hover{ opacity:0.9; filter:Alpha(opacity=90);}

/*主体样式*/
.main{ overflow:hidden; position:relative;}
.main.gray{ background:#f9f9f9;}
.main p.position{ line-height:84px; color:#999; font-size:14px; text-align:right; padding:4px 0 0; border-bottom:1px solid #ddd;}
.main p.position span{ display:block; color:#009740; font-size:24px; font-weight:bold; float:left;}
.main p.position em{ padding-left:26px; background:url(../images/common/home.png) left center no-repeat;}
.main p.position a{ color:#999;}
.main p.position a:hover{ color:#009740;}

.main ul.menu{ display:block; text-align:center; overflow:hidden; margin:30px -6px 0;}
.main ul.menu li{ display:inline-block; *display:inline; *zoom:1; width:202px; vertical-align:top; overflow:hidden;}
.main ul.menu li a{ display:block; line-height:50px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/common/menu_bg.png) center top no-repeat; margin:0 6px;}
.main ul.menu li a:hover,
.main ul.menu li.cur a{ color:#fff; background-position:center bottom;}

/*左侧样式*/
.leftCon{ width:254px; height:auto; padding:26px 0 0; float:left; margin-right:50px;}
.leftCon h2{ display:block; font-weight:normal; position:relative; margin:0 10px 0 0;}
.leftCon h2 em{ display:block; line-height:68px; color:#fff; font-size:24px; text-align:center; background:#009740; position:relative; z-index:2;}
.leftCon h2 i{ display:block; width:100%; height:100%; background:#f2e5e1; position:absolute; left:10px; top:10px; z-index:1;}
.leftCon ul.list{ display:block; overflow:hidden; padding:22px 0 20px;}
.leftCon ul.list li{ display:block;}
.leftCon ul.list li a{ display:block; padding:10px 10px 10px 0; border-left:1px solid #ddd; position:relative; margin:0 0 0 7px;}
.leftCon ul.list li a em{ display:block; width:9px; height:9px; background:#fff; border:3px solid #009740; border-radius:50%; position:absolute; left:-7px; top:50%; margin-top:-7.5px;}
.leftCon ul.list li a span{ display:block; line-height:40px; color:#333; font-size:17px; padding:0 0 0 48px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/common/left_list.png) right center no-repeat;}
.leftCon ul.list li a:hover span{ color:#009740;}
.leftCon ul.list li.cur a span{ color:#009740; background-color:#f2e5e1;}
.leftCon ul.yuyue{ display:block; overflow:hidden;}
.leftCon ul.yuyue li{ display:block; padding:0 0 22px;}
.leftCon ul.yuyue li a{ display:block; background:#000; position:relative; overflow:hidden;}
.leftCon ul.yuyue li a em{ display:block; width:100%; height:100%; line-height:26px; color:#a6a6a6; font-size:14px; text-transform:uppercase; text-align:center; position:absolute; left:0; top:0; z-index:2;}
.leftCon ul.yuyue li a em b{ display:block; line-height:36px; color:#fff; font-size:20px; padding:24px 0 0;}
.leftCon ul.yuyue li a img{ display:block; width:100%; height:110px; opacity:0.4; filter:alpha(opacity:40); zoom:1;}

/*内容样式*/
.main .attr{ min-height:360px; overflow:hidden; margin:0 20px;}
.main .attr h2.title{ display:block; font-weight:normal; text-align:center; overflow:hidden; padding:36px 20px 0; position:relative;}
.main .attr h2.title span{ display:block; line-height:56px; color:#333; font-size:36px; padding:11px 0;}
.main .attr h2.title i{ display:block; width:50px; height:4px; background:#009740; margin:8px auto;}
.main .attr h3.title{ display:block; line-height:60px; color:#333; font-size:30px; font-weight:normal; text-align:center; padding:32px 0 10px;}
.main .attr p.mark{ display:block; line-height:32px; color:#999; font-size:20px; text-align:center; padding:4px 0 12px; border-bottom:1px dashed #ddd; margin:4px 0 18px}
.main .article{ line-height:2.14; color:#555; font-size:22px; padding:20px 0px 48px;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ width:expression(100%?100%) true; max-width:100%; height:auto;}

/*文章切换*/
.main .change{ overflow:hidden; padding:6px 0 0; margin:20px 0 0; border-top:1px dashed #ddd;}
.main .change p{ display:block; width:46%; line-height:52px; color:#333; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 2%; float:left;}
.main .change p a{ color:#333;}
.main .change p a:hover{ color:#009740;}

/*页码样式*/
.pages{ text-align:center; font-size:20px; padding:10px 0 72px;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:24px; color:#999; height:28px; line-height:28px; text-align:center; padding:11px 14px; border:1px solid #d2d2d2; margin:0 8px;}
.pages a:hover{ color:#fff; background:#009740; border-color:#009740;}
.pages span{ color:#fff; background:#009740; border-color:#009740;}

.main ul.washList{ display:block; overflow:hidden; margin:26px -10px 44px;}
.main ul.washList li{ display:block; width:50%; overflow:hidden; float:left;}
.main ul.washList li a{ display:block; overflow:hidden; position:relative; margin:0 10px 20px;}
.main ul.washList li a img{ display:block; width:100%; height:204px;}
.main ul.washList li a span{ display:block; width:100%; line-height:50px; color:#fff; font-size:22px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:3;}
.main ul.washList li a:hover span{ background:rgba(0, 151, 64, 0.7);}

/*新闻列表*/
.main ul.newsList{ display:block; padding:24px 0 30px; overflow:hidden;}
.main ul.newsList li{ display:block; background:#f9f9f9; padding:16px 0 28px; overflow:hidden; margin:0 0 20px;}
.main ul.newsList li a.title{ display:block; line-height:42px; color:#333; font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:8px 0;}
.main ul.newsList li a.title i{ display:block; width:6px; height:28px; background:#009740; float:left; margin:7px 16px 0 0;}
.main ul.newsList li a.title:hover{ color:#009740;}
.main ul.newsList li span{ display:block; line-height:36px; color:#999; font-size:20px; overflow:hidden; padding:0 24px;}
.main ul.newsList li .txt{ line-height:36px; color:#666; font-size:20px; overflow:hidden; padding:12px 24px 0;}

/*案例列表*/
.main ul.caseList{ display:block; padding:30px 0 24px; overflow:hidden; margin:0 -10px 0;}
.main ul.caseList li{ display:block; width:50%; overflow:hidden; float:left;}
.main ul.caseList li a{ display:block; margin:0 10px 8px;}
.main ul.caseList li a img{ display:block; width:100%; height:192px;}
.main ul.caseList li a span{ display:block; height:60px; line-height:30px; color:#333; font-size:22px; text-align:center; overflow:hidden; padding:16px 28px;}
.main ul.caseList li a:hover span{ color:#009740;}

/*资质列表*/
.main ul.honorList{ display:block; overflow:hidden; margin:44px -10px 24px;}
.main ul.honorList li{ display:block; width:33.33%; overflow:hidden; float:left;}
.main ul.honorList li a{ display:block; overflow:hidden; margin:0 10px 12px;}
.main ul.honorList li a img{ display:block; width:100%; height:252px; border:4px solid #009740; box-sizing:border-box;}
.main ul.honorList li a span{ display:block; line-height:60px; color:#333; font-size:22px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.honorList li a:hover span{ color:#009740;}

/*产品列表*/
.main ul.proList{ display:block; overflow:hidden; margin:20px -10px 50px;}
.main ul.proList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.proList li a{ display:block; background:#e6e6e6; padding:1px 1px 0; overflow:hidden; margin:12px 10px;}
.main ul.proList li a img{ display:block; width:100%; height:222px;}
.main ul.proList li a span{ display:block; line-height:60px; color:#333; font-size:15px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.proList li a:hover{ background:#009740;}
.main ul.proList li a:hover span{ color:#fff;}

/*产品详情*/
.proInfo{ overflow:hidden; padding:54px 0 0;}
.proInfo img.pic{ display:block; width:620px; height:438px; border:1px solid #ddd; float:left; margin-right:46px;}
.proInfo h3.title{ display:block; line-height:54px; color:#009740; font-size:24px; padding:20px 0 0; overflow:hidden;}
.proInfo p{ display:block; line-height:30px; color:#666; font-size:14px; overflow:hidden; padding:9px 0;}
.proInfo p.mark{ line-height:42px; color:#009740; font-size:18px;}
.proInfo .desc{ line-height:30px; color:#666; font-size:14px; overflow:hidden; padding:9px 0;}
.proInfo .desc em{ display:block; float:left;}
.proInfo .desc .txt{ height:120px; overflow:hidden;}
.proInfo p.btns a{ display:block; width:230px; line-height:56px; color:#fff; font-size:18px; text-align:center; border-radius:4px; float:left;}
.proInfo p.btns a.blue{ background:#009740; margin-right:42px;}
.proInfo p.btns a.gray{ background:#888;}

ul.proTab{ display:block; background:#f5f5f5; overflow:hidden; margin:50px 0 0;}
ul.proTab li{ display:block; float:left; margin-right:14px;}
ul.proTab li a{ display:block; width:166px; line-height:56px; color:#333; font-size:18px; text-align:center;}
ul.proTab li a:hover,
ul.proTab li.cur a{ color:#fff; background:#009740;}

.main form.zixun{ display:block; background:#f4f4f4; padding:0 78px; overflow:hidden; margin:0 0 80px;}
.main form.zixun h3{ line-height:138px; color:#009740; font-size:24px; text-align:center;}
.main form.zixun p{ display:block; overflow:hidden; padding:6px 0;}
.main form.zixun p label{ display:block; width:128px; line-height:42px; color:#333; font-size:15px; text-align:right; float:left; margin:0 10px 0 0;}
.main form.zixun p input.text{ display:block; width:332px; height:42px; color:#666; font-size:15px; padding:0 12px; background:#fff; border:0; border-radius:4px; float:left;}
.main form.zixun p ::placeholder{ color:#999;}
.main form.zixun p input.long{ width:826px;}
.main form.zixun p input.short{ width:230px;}
.main form.zixun p select{ display:block; width:356px; height:42px; color:#666; font-size:15px; padding:0 12px; background:#fff; border:0; border-radius:4px; float:left; cursor:pointer;}
.main form.zixun p textarea{ display:block; width:826px; height:108px; line-height:26px; color:#666; font-size:15px; padding:8px 12px; background:#fff; border:0; border-radius:4px; resize:none; float:left;}
.main form.zixun p img{ display:block; width:90px; height:42px; font-size:inherit; border-radius:3px; float:left; cursor:pointer; margin:0 0 0 12px;}
.main form.zixun p input.btn{ display:block; width:232px; height:42px; color:#fff; font-size:18px; font-weight:bold; background:#009740; border:0; border-radius:4px; cursor:pointer; margin:46px auto 56px;}

.main dl.recomd{ display:block; overflow:hidden; margin:-30px -10px 50px;}
.main dl.recomd dt{ display:block; line-height:88px; color:#333; font-size:24px; font-weight:bold; padding:0 20px;}
.main dl.recomd dt em{ color:#999; font-size:18px; font-weight:normal; text-transform:uppercase;}
.main dl.recomd dd{ display:block; width:25%; overflow:hidden; float:left;}
.main dl.recomd dd a{ display:block; border:1px solid #ddd; overflow:hidden; margin:12px 10px;}
.main dl.recomd dd a img{ display:block; width:100%; height:222px;}
.main dl.recomd dd a span{ display:block; line-height:60px; color:#333; font-size:15px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main dl.recomd dd a:hover{ border-color:#009740;}
.main dl.recomd dd a:hover span{ color:#009740;}








/**/