﻿@charset "UTF-8";
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;}
body{background: #fff;color: #666;font-family: "microsoft yahei";font-size: 14px;line-height: 30px;}
td,th,caption{font-size:14px;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{font-size: 14px;text-decoration: none;color: #666;outline: none;}
a:hover{text-decoration: none;}

ol,ul,li{list-style:none;}
input, textarea, select, button{font-size: 14px;}
table{border-collapse:collapse;}
html{overflow-y: scroll;}
*, :before, :after{box-sizing: border-box;}

/* css common*/
.clearfix:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
html{overflow-x:hidden;}
.clear{clear: both;}
.w1300{width: 1300px;height:auto;margin: 0 auto;}
.w100{width: 100%;}
:after, :before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

.tb1{border-top-right-radius: 10px; border-bottom-right-radius: 10px; background:#73bc2c; color:#fff; width:110px; float:left; text-align:center; margin-right:5px; margin-bottom:5px; line-height:35px;}
.tb2{border-top-right-radius: 10px; border-bottom-right-radius: 10px; background:#d2d2d2; color:#222; width:140px; float:left; text-align:left; margin-right:5px;text-indent: 20px; margin-bottom:5px; line-height:35px;}
.tb3{border-top-right-radius: 10px; border-bottom-right-radius: 10px; background:#d2d2d2; color:#222; width:400px; float:left; text-align:left; margin-right:5px;text-indent: 20px;  margin-bottom:5px; line-height:35px;}


/*头部*/
.header{width: 100%;height: 110px;margin: 0px auto; background-color:#fff;}
.logo{width:245px;height:110px;float:left;}
.logo img{width:100%;height:100%;}

/*一级栏目*/
.navOne{width:1055px;height:110px;z-index:9999;float:right;}
.navOne ul{float:right;}
.navOne li{float:left;width:140px;height:110px;line-height:110px; text-align:center;}
.navOne li a{float: left;display: block;width: 140px;height: 110px;line-height: 110px; color:#333; font-size:16px;}
.navOne li a:hover{color: #fff; background: url(../images/menu.jpg) no-repeat scroll center center;}
.navOne li a.selected{color: #fff; background: url(../images/menu.jpg) no-repeat scroll center center;}

/*一级栏目*/
.menu{width:1055px;height:110px;z-index:9999;float:right;}
.menu ul{float:right;}
.menu li{float:left;height:110px;width:140px;line-height:110px;position:relative;}
.menu li.last{background:none;}
.menu li a{float: left;display: block;width: 140px;height: 110px;line-height: 110px; color:#333;}
.menu li a:hover{text-decoration: none;}
.menu li a span{float:left;display:block;width:140px;height:110px;line-height:110px;cursor:pointer;text-align:center;font-size:16px;}
.menu li a.selected{color: #fff; background: url(../images/menu.jpg) no-repeat scroll center center;}
.menu li a.selected2{color: #fff; background: url(../images/menu.jpg) no-repeat scroll center center;}
.menu li.selected .submenu{display:block;}
.menu li .submenu{display: none;position: absolute;top: 110px;left: 0px;width:180px; padding-bottom:15px;z-index:9999;background-color:#fff; border-top: solid 3px #008148; left:5px;}
.menu li .submenu li{float:left;background:none;width:180px;height:45px; border-bottom: 1px solid #eee;}
.menu li .submenu li a{float:none;text-indent: 20px;line-height:45px;background:none;color:#333;width:180px;text-decoration: none;font-size:14px;font-weight:normal;}
.menu li .submenu li a:hover{color: #fff;background-color: #008148;height:45px;}

/*焦点图*/
.flexslider{position:relative;height:750px;width:100%;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:750px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;display:none;}
.flexslider:hover .flex-direction-nav{display:block;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/*首页标题*/
.indexTitle{ width:1300px; height:auto; margin:90px auto 0; position: relative;}
.indexTitle h3{ width:100%; font-size:30px; color:#000; text-align:center;}
.indexTitle i{ display: block; position: absolute; left: 48%; top: 45px; height: 3px; background: #008148; width: 50px;}
.indexTitle p{ width:100%; font-size:14px; color:#666; text-align:center; margin-top:23px;}

/*首页产品类别*/
.indexLb{ width:1300px; margin:90px auto 0;}
.indexLb li{ width:410px; height:185px; float:left; margin-right:35px; position:relative; background-color:#000;transition:all .5s ease;display:block; overflow:hidden;}
.indexLb li:nth-child(3){ margin-right:0;}
.indexLb li img{ width:100%; height:100%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; transition:all .5s ease;}
.indexLb li:hover img{transform:scale(1.05); filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.indexLb li .text{position:absolute;width:100%; height:100%;z-indent:2;left:0;top:0; padding:45px 30px 0; box-sizing:border-box;}
.indexLb li .text h3{ width:100%; height:30px; font-size:30px; line-height:30px; color:#fff; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;}
.indexLb li .text p{ width:100%; height:50px; font-size:14px; line-height:25px; color:#fff; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top:15px; display:block;}
.indexLb li:hover{ }

/*首页简介*/
.indexAbout{ width:1300px; margin:90px auto 0;}
.indexAboutFl{ width:725px; height:380px; float:left;}
.indexAboutFl .tit{width:650px; height:90px; padding-bottom:20px; position: relative;}
.indexAboutFl .tit i{ display: block; position: absolute; left: 0; bottom:0; height: 3px; background: #008148; width: 50px;}
.indexAboutFl .tit h3{ width:100%; font-size:36px; line-height:36px; color:#008148; font-weight:bold;font-family: "Times New Roman", Times, serif; text-transform:uppercase;}
.indexAboutFl .tit h4{ width:100%; font-size:24px; line-height:24px; color:#333; margin-top:10px;}

.indexAboutFl .txt{width:650px; height:150px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; margin-top:45px;}
.indexAboutFl .aboutMore{width:148px; height:43px; border:solid 1px #efefef; font-size:14px; color:#666; line-height:43px; text-align:center; margin-top:40px; display:block; transition: all 0.5s ease;}
.indexAboutFl .aboutMore:hover{width:148px; height:43px; border:solid 1px #008148; background-color:#008148; font-size:14px; color:#fff; line-height:43px; text-align:center; display:block;}
.indexAboutFr{ width:575px; height:380px; float:right; background:#000;}

.szBox{ width:1300px; height:145px; margin:40px auto 0; padding:0 50px; background: #008148;}
.szBox li{width:300px; height:58px;padding-left:40px; margin-top:43px; float:left; text-align:left; background: url(../images/line_1.png) no-repeat scroll left top;}
.szBox li h3{  width:100%;color:#fff; font-size:38px; line-height:30px;}
.szBox li h3 span{  color:#fff; font-size:16px; line-height:14px; margin-left:5px;}
.szBox li p{  width:100%; line-height:14px; color:#fff; margin-top:10px;}

.shuzi{background: #008148;width: 1300px;margin: 40px auto 0; padding:0 50px;}
.shuzi ul{padding: 50px 0;}
.shuzi ul.q:after{content: "";clear: both;display: table;}
.shuzi li{float: left;width: 300px;height: 58px;color: #fff;padding-left:40px;background: url(../images/line_1.png) no-repeat scroll left top;}
.shuzi li:first-child{border: none;}
.shuzi li b{font-weight: 400;font-size: 38px;line-height: 1;display: inline-block;position: relative;}
.shuzi li b i{font-style: normal;}
.shuzi li b sup{position: absolute;font-size: 20px;right: -15px;top: -3px;}
.shuzi li b em{font-style: normal;font-size: 16px;font-weight: 100;padding-left: 8px;position: relative;top: -4px;}
.shuzi li p{font-size: 14px;}


/*首页新闻*/
.indexNewsBg{ width:100%; padding:1px 0 90px; background: url(../images/indexNewsBg.jpg) no-repeat scroll center top; margin-top:90px;}
.indexNews{ width:1300px; margin:45px auto 0;}
.indexNews li{width:410px; height:445px; float:left; margin-right:35px; position:relative;transition:all .5s ease;}
.indexNews li:nth-child(3){ margin-right:0;}
.indexNews li img{ width:410px; height:240px; display:block;}
.indexNews li .text{position:absolute;width:360px; height:225px;z-indent:2;left:25px;top:220px; padding:20px; box-sizing:border-box; border-bottom:solid 2px #008148; background-color:#fff; -moz-box-shadow: 2px 2px 10px #e6e6e6;/*兼容firefox*/-webkit-box-shadow: 2px 2px 10px #e6e6e6;/*兼容safari或chrome*/box-shadow: 2px 2px 10px #e6e6e6;/*兼容opera或ie9*/}
.indexNews li .text .time{width:110px; height:35px; background-color:#008148; color:#fff; line-height:35px; display:block; text-align:center;}
.indexNews li .text h3{ width:100%; font-size:16px; line-height:100%; color:#333; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top:20px; display:block;}
.indexNews li .text p{ width:100%; height:50px; line-height:25px; color:#999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top:15px; display:block;}
.indexNews li .text .more{width:100%; line-height:100%; color:#999; margin-top:20px;transition:all .5s ease;}
.indexNews li:hover{ margin-top:-7px;}
.indexNews li:hover .text .more{ color:#008148;}


/*首页项目介绍*/
.proListC{ width:1300px; margin:10px auto 0;}
.proListC li{position:relative; overflow:hidden; width:300px; float:left; margin: 33px 33px 0 0; display:block;}
.proListC li:nth-child(4n){ margin-right:0;}

.porTboxC{position:relative;overflow:hidden;width:100%;height:170px;}
.proListC li .porTboxC .showBoxC{position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.5);transition:all 0.5s ease;}
.proListC li .porTboxC .showBoxLinkC{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:15px; line-height:20px;padding:10px 0;}
.proListC li .porTboxC .showBoxLinkC::before{content:'';position:absolute;top:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}
.proListC li .porTboxC .showBoxLinkC::after{content:'';position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}
.proListC li .proImgC{position:absolute; width:100%; height:170px; transition:all .5s ease;}
.proListC li:hover .showBoxC{opacity:0.8;}
.proListC li:hover .proImgC{transform:scale(1.05);}
.proListC li:hover .showBoxLinkC::before{width:1rem;}
.proListC li:hover .showBoxLinkC::after{width:1rem;}



/*底部*/
.footer{ width:100%; background-color:#1e2225; padding:50px 0; margin-top:90px; border-bottom:solid 1px #494d50;}
.footerNav{float: left;}
.footerNav ul{float: left;width: 170px; display:block;}
.footerNav ul li{text-align:left; }
.footerNav ul li a{font-size: 12px;color: #a9a9a9;line-height:35px; transition:all .5s ease;}
.footerNav ul li a:hover{color: #fff;}
.footerNav ul .li1{font-size: 14px;color: #fff;line-height: 30px; margin-bottom:15px;}

.footerWx{ width:150px; height:180px; float:right; margin-right:70px;}
.footerWx img{ width:150px; height:150px; display:block;}
.footerWx p{ width:100%; height:30px; text-align:center; color: #a9a9a9;}

.footerAdd{ width:325px; float: right; margin-top:9px;}
.footerAdd h2{ width:100%; font-size:24px; color:#fff; margin-top:10px;}
.footerAdd h3{ width:100%; font-size:16px; color:#fff; padding-bottom:5px;}
.footerAdd p{ width:100%; font-size:14px; color:#a9a9a9; margin-top:10px;}

.bottom{ width:100%; background-color:#1e2225; text-align:center; font-size:14px; line-height:80px; color:#d3d3d3;}
.bottom a{color:#d3d3d3;}

/*内页大图*/
.sub-banner{width: 100%; overflow:hidden;}
.subBanner img{width: 100%;}

/*二级导航*/
.navTwo{ width: 1300px; margin:0 auto;}
.navTwo ul{ display: flex;}
.navTwo ul li{ flex: 1; position: relative;}
.navTwo ul li:last-child {}
.navTwo ul li a{ height: 60px; display: flex; align-items: center; justify-content: center; font-size: 15px; text-decoration: none; color: #666;transition:all ease-out .1s;}
.navTwo ul li .on,
.navTwo ul li a:hover{ background: #278046; /* Old browsers */ background: -moz-linear-gradient(left, #278046 0%, #186d36 50%, #0b6041 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #278046 0%, #186d36 50%, #0b6041 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #278046 0%, #186d36 50%, #0b6041 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#278046', endColorstr='#0b6041', GradientType=1); /* IE6-9 */ color:#fff;}

.navTwo{width: 1300px; height: auto; margin: 0 auto;}
.navTwo dl{width: 100%; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -moz-box;}
.navTwo dl dd{width: 100%; text-align: center; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; box-flex: 1.0;}
.navTwo dl dd a{display: block; line-height:60px; display: flex; align-items: center; justify-content: center; font-size: 14px; text-decoration: none; color: #666;transition:all ease-out .1s;}
.navTwo dl dd.on a,
.navTwo dl dd a:hover{ background: #278046; /* Old browsers */ background: -moz-linear-gradient(left, #278046 0%, #186d36 50%, #0b6041 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #278046 0%, #186d36 50%, #0b6041 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #278046 0%, #186d36 50%, #0b6041 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#278046', endColorstr='#0b6041', GradientType=1); /* IE6-9 */ color:#fff;}

/*内页标题*/
.subTit{ width:100%; margin:60px auto 0; font-size:26px; line-height:30px; padding-bottom:25px; color:#333; text-align:center;border-bottom: #eee solid 1px; position: relative;}
.subTit i{display: block; position: absolute; left: 48.8%; bottom: -2px; height: 3px; background: #278046; width: 50px;}

/*内页内容*/
.subContant{ width:1300px; height:auto; margin:50px auto 0; font-size:15px;}
.subContant p{ margin-bottom:10px;}
.subContant img{ max-width:100%; height:auto;}

/*新闻样式一*/
.newsBoxD{ width:1300px; height:auto; margin:70px auto 0;}
.newsBoxD li{width: 100%; height: 140px; margin-bottom:30px; padding-bottom:30px; border-bottom:solid 1px #eee; display: block;}
.newsBoxD li:last-child{ margin-bottom:0;}
.newsBoxD li .newsPicD{width: 230px;height: 140px; margin-right: 30px; float: left; overflow: hidden;}
.newsBoxD li .newsPicD img{width: 230px;height: 140px; transition: all .5s ease;}
.newsBoxD li .newsContentD{ width:1030px; height:auto; float:right;}
.newsBoxD li .newsContentD h3{ width:780px; height:30px; font-size: 18px; color: #333; line-height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: color .3s;}
.newsBoxD li .newsContentD p{color: #777;height: 50px;font-size: 14px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top:10px;}
.newsBoxD li .newsContentD .newsTimeD{color: #999; font-size: 14px; line-height: 15px; margin-top:15px;}
.newsBoxD li:hover img{display: block; width: 230px; height: 140px; transform:scale(1.05);}
.newsBoxD li:hover h3{color: #008148;}

/*分页效果*/
.pages{ width:1300px; height:30px;clear: both;text-align: right;margin: 70px auto 0;}
.pages a,.pages span{background: #f7f7f7;color: #333;text-decoration: none;margin:0 5px;padding: 5px 11px;}
.pages span:first-child{background: #f7f7f7;}
.pages a:hover{color:#fff; background:#008148;}
.pages span.current{color:#fff; background:#008148; border-color:#008148;}
.pages span.disabled{background:#f7f7f7;}
.pages span.disabled:hover{background:#e7463c;color:#fff; text-decoration: none;}

/*详细内容*/
.showContent{ width:1300px; padding:80px 100px; margin:90px auto; background:#fff;}
.showContent .title{ width:100%; font-size:24px; line-height:40px; color:#222; font-weight:bold; text-align:center;}
.showContent .time{ width:100%; height:60px; border-top:solid 1px #eee; border-bottom:solid 1px #eee; font-size:14px; line-height:60px; color:#999; text-align:center; margin-top:55px;}
.showContent .text{ width:100%; margin-top:55px; text-align:justify; text-justify:inter-ideograph;}
.showContent .text p{font-size:15px; line-height:30px; color:#222; margin-bottom:10px;}
.showContent .text img{ max-width:1100px; height:auto; margin-top:10px;}
/* 上一条新闻 * */
.nv_ud{ width:100%; margin-top:100px;}
.nv_ud div{width: 46%;border-top: #eee solid 1px;border-bottom: #eee solid 1px;height: 70px;color: #666;font-size: 15px;line-height: 70px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nv_ud div a{color: #222;}
.nv_ud div a:hover{color: #008148;}


/*内页解决方案*/
.subSoult{ width:1300px; margin:0 auto;}
.subSoult li{ width:1300px; height:450px; position: relative; margin-top:60px;}
.subSoult li .img{width: 930px;height: 450px; display:block}
.subSoult li .img img{width: 930px;height: 450px;}
.subSoult li .subSoult-text{position: absolute;right: 0;bottom: 0;background: #006947;text-align: center;padding: 40px 50px;color: #fff;width: 400px;}
.subSoult li:nth-child(3n-2) .subSoult-text{background: #006947;}
.subSoult li:nth-child(3n-1) .subSoult-text{background: #2E328D;}
.subSoult li:nth-child(3n) .subSoult-text{background: #00A2EA;}
.subSoult li:last-child{margin-bottom:0;}
.subSoult li .subSoult-text h2{ width:100%; height:40px; font-size: 24px; color:#fff; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.subSoult li .subSoult-text p{width:100%; height:90px; line-height:30px; color:#fff; text-align: left; margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; text-align:justify; text-justify:inter-ideograph;}
.subSoult li .subSoult-text a{display: block;width: 140px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #fff;color: #fff;fotn-size: 15px;margin: 30px auto 0;overflow: hidden;z-index: 1;transition: ease .65s;}
.subSoult li .subSoult-text a:hover{background: #fff;color: #006947;border-color: #006947;}

/*内页产品*/
.subProduct{background: #fff; width:1300px; margin:60px auto 0;}
.subProduct-item>li{width: 33.3%;height: calc((100vh - 90px) / 2);float: left;text-align: center;position: relative;border-bottom: 1px solid #eee;}
.subProduct-item>li:before{content: '';display: block;width: 1px;height: 100%;background: #eee;position: absolute;right: 0;top: 0;z-index: 2;}
.subProduct-item>li:nth-child(3n):before{display: none;}
.subProduct-item>li>div{display: block;height: 100%;}
.subProduct-item>li>div>a{display: none;}
.subProduct-item>li>div>.img{display: flex;align-items: center;margin-bottom: 10px;height: 80%;}
.subProduct-item>li>div>.img img{margin: auto;max-height: 100%;width: auto;}
.subProduct-item>li h2{font-size: 18px;font-weight: bold;}
.subProduct-shadow{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;display: flex;align-items: center;justify-content: center;}
.subProduct-shift{max-width:calc(120px * 3 + 4vw);margin: 20px auto 0;transform: translateX(-1vw);}
.subProduct-shift img{border: 0;display: block;width: auto;max-width: 100%;}
.subProduct-shift li{width: 30%;float: left;padding-left: 50px;margin-bottom: 2vw;}
.subProduct-shift li a{display: flex;align-items: center;justify-content: center;border: 1px solid #DCDCEA;background: #fff;position: relative;width: 120px;height: 120px;}
.subProduct-shift li .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #006947;color: #fff;font-size: 14px;line-height: 25px;display: flex;align-items: center;justify-content: center;padding: 0 20px;transform: scale(0);transition: ease .65s;opacity: 0;}
.subProduct-shift li a:hover .text{transform: scale(1);opacity: 1;}
.subProduct-shift li a i{display: block;width: 40px;height: 4px;background: #006947;position: relative;transition: ease .65s;}
.subProduct-shift li a i:before{content: '';display: block;width: 4px;height: 40px;background: #006947;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.subProduct-shift li a:hover i{transform: rotate(360deg);}
.subProduct-shadow{opacity: 0;visibility: hidden;transition: ease .65s;}
.subProduct-item>li>div:hover .subProduct-shadow{opacity: 1;visibility: visible;}
.subProduct-shadow>div>a{color: #666;font-size: 16px;border-bottom: 1px solid #666;}
.subProduct-shadow>div>a:hover{color: #006947;border-bottom: 1px solid #006947;}

/*内页产品*/
.proListA{width: 1300px;margin: 40px auto 0;}
.proListA li{width: 410px;float: left;margin: 35px 35px 0 0; display:block;}
.proListA li:nth-child(3n){ margin-right:0;}
.proListA li figure{background-color: #eee;width: 410px;height: 308px;display: block;line-height: normal;overflow: hidden;position: relative;margin: 0;}
.proListA li figure img{display: block;width: 100%;height: 100%;transition: 424ms linear;}
.proListA li figcaption{display: block;color: #333;font-size: 14px;line-height: normal;margin-top: 15px;transition: 350ms;text-align: center;}
.product-box .product-down{float: left;}
.proListA li figure mark{position: absolute;left: 0;top: 0;box-sizing: border-box;width: 100%;height: 100%;background: rgba(0,105,71,.2);background: #006947\9;filter: alpha(opacity=20);z-index: 20;opacity: 0;transform: skewX(45deg);visibility: hidden;transition: 360ms;}
.proListA li figure mark b{display: block;width: 46px;height: 46px;position: absolute;left: 50%;top: 50%;margin-left: -23px;margin-top: -23px;z-index: 30;}
.proListA li figure mark b:before{content: "";width: 100%;height: 3px;background: #006947;position: absolute;left: 0;top: 23px;transform: translateX(-200px);-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);}
.proListA li figure mark b:after{content: "";width: 3px;height: 100%;background: #006947;position: absolute;left: 23px;top: 0;transform: translateY(-200px);-webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);}
.proListA li figure mark:before{content: "";width: 100%;height: 0%;border-left: 3px solid #006947;border-right: 3px solid #006947;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: 320ms;}
.proListA li figure mark:after{content: "";width: 0%;height: 100%;border-top: 3px solid #006947;border-bottom: 3px solid #006947;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: 320ms;}
.proListA li:hover figure mark{opacity: 1;transform: skewX(0);visibility: visible;}
.proListA li:hover figure mark:before{height: 100%;transition: 330ms 200ms;}
.proListA li:hover figure mark:after{width: 100%;transition: 330ms 200ms;}
.proListA li:hover figure img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.proListA li:hover figure mark b:before{transition: 355ms 180ms;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);}
.proListA li:hover figure mark b:after{transition: 355ms 240ms;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}
.proListA li:hover figcaption{color: #006947;}

/*内页联系*/
.subContact{ width:1300px; height:510px; margin:60px auto 80px;}
.subContact .subContactFl{ width:420px; height:510px; float:left;}
.subContact .subContactFl li{ width:210px; height:170px; float:left; background-color:#eee;}
.subContact .subContactFl li:nth-child(2){background:#f6f6f6;}
.subContact .subContactFl li:nth-child(3){background:#f6f6f6;}
.subContact .subContactFl li:nth-child(6){background:#f6f6f6;}
.subContact .subContactFl li .ico{ width:210px; height:auto; text-align:center; margin-top:30px;}
.subContact .subContactFl li .name{ width:210px; height:30px; font-size:14px; line-height:30px; color:#333; font-weight:600; text-align:center; margin-top:10px;}
.subContact .subContactFl li .txt{ width:210px; height:auto; font-size:14px; line-height:20px; color:#999; text-align:center; margin-top:5px; padding:0 20px;}
.subContact .subContactFr{ width:860px; height:510px; float:right; background-color:#000;}
