@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#454545;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#C00;}
img{ max-width:100%;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}
body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;background:#FFF; overflow-x:hidden}
@media screen and (max-width:768px){
html{ font-size:26px !important}
body{ font-size:26px !important; width:100%;}
}
DIV.green-black{ width:100%; padding:20px 0; text-align:center; }
DIV.green-black A{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #333 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #333;}
DIV.green-black A:hover{BORDER: #fdad35 1px solid;COLOR: #fff;font-size:100%;background-color: #fdad35;}
DIV.green-black A:active{BORDER: 1px solid #fdad35;COLOR: #fff;font-size:100%;background-color: #fdad35;}
DIV.green-black SPAN.current{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #fdad35;font-size:100%;background-color: #fdad35;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #fdad35 1px solid;font-size:100%}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}

@font-face{
font-family:'Alternate';
font-family:'Alternate';
	src:url('../fonts/Alternate.eot?') format('eot');/*IE*/
	src:url('../fonts/Alternate.TTF') format('truetype');/*non-IE*/
}
@font-face{
font-family:'Captain';
font-family:'Captain';
	src:url('../fonts/Captain.eot?') format('eot');/*IE*/
	src:url('../fonts/Captain.TTF') format('truetype');/*non-IE*/
}
@font-face{
font-family:'DIN';
font-family:'DIN';
	src:url('../fonts/DIN.eot?') format('eot');/*IE*/
	src:url('../fonts/DIN.TTF') format('truetype');/*non-IE*/
}


.fl{ float:left;}
.fr{ float:right;}
.kd{ width:92%; max-width:1300px; margin:0 auto;}
@media screen and (max-width:1368px){
.kd{ width:1280px;}
}
@media screen and (max-width:1280px){
.kd{ width:1200px}
}
@media screen and (max-width:1024px){
.kd{ width:94%}
}
@media screen and (max-width:768px){
.kd{ width:94%}
}

.mar{ background:#49b414; width:100%; padding:8px 0;}
.mar .que{ font-size:0.875rem; color:#fff; width:30%;}
.mar .tmm p{ color:#fff; display:inline-block; top:-3px; position:relative;}
.mar .tmm p a{ color:#fff; font-size:0.875rem;}
.mar .tmm .twx{ display:inline-block;  position:relative;}
.mar .tmm .twx img{ bottom:-2px; position:relative}

.head{ width:100%; background:#f6f6f6; border-bottom:1px solid #49b414; position:relative;}
.head .logo{ width:12.7%; margin-left:-10px;}
.head .comp{ width:86%;}
.ggname .m1{ margin-top:32px}
.ggname .m1 h6{ font-size:1.5rem; color:#454545; font-weight:bold;}
.ggname .m1 p{ font-weight:lighter; font-size:1.125rem;}
.ggname .m1 span{ font-size:1.5rem; color:#49b414}
.ggname .m2{ background:url(../images/tel.png) left center no-repeat; padding-left:45px; margin-top:38px}
.ggname .m2 span{ font-size:0.875rem;}
.ggname .m2 p{font-family:'Alternate'; font-size:2.25rem; color:#49b414;}
@media screen and (max-width:768px){
.mar{ display:none;}
.head{ position:fixed; z-index:95}
.head .logo{ width:20%; margin-left:-10px; position:relative; z-index:99}
.head .comp{ width:80%;}
.ggname .m1 h6{ font-size:1.125rem}
.ggname .m1 p{ font-size:1rem;}
.ggname .m1 span{ font-size:1.125rem; }
.ggname .m2{ display:none}
.ctop{ height:145px; width:100%;}
}

.top-nav{ width:100%; position:absolute; bottom:0;}
.top-nav .fr{ width:86%; background:#f6f6f6;}
.sticky.top-nav{ position:fixed; top:0; bottom:auto; background:#f6f6f6; z-index:94}
.sticky.top-nav .fr{ width:100%; background:#f6f6f6;}
@media screen and (max-width:768px){
.top-nav{ width:100%; position:fixed; top:0; bottom:auto;}
}
/*导航样式*/
.menu{ margin-top:11px;}

.mobile-inner-nav{ z-index:99; display:block;  width:100%}
.mobile-inner-nav li{ float:left; position:relative; width:auto; padding-right:5.9%; text-align:center;  background:none bottom center;}
.mobile-inner-nav li:nth-child(8){ padding-right:0}
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:inline-block; text-align:center;transition:all 0.5s; position:relative; }
.mobile-inner-nav a span{ position:absolute; bottom:-2px; left:0; width:100%; z-index:1; transition:all 0.5s; transform:scale(0,1); border-bottom:4px solid #49b414;}
.mobile-inner-nav a p{ color:#6d6d6d; font-size:1.125rem; transition:all 0.5s; padding:18px 0;  display:block;}
.mobile-inner-nav li:hover a span,.mobile-inner-nav li.cur a span{ width:100%;transform:scale(1,1); transition:all 0.5s}
.mobile-inner-nav li:hover a p,.mobile-inner-nav li.cur a p{ color:#49b414; font-weight:bold; }
@media screen and (min-width:1680px){
.mobile-inner-nav li{}
}
@media screen and (max-width:1400px){
.menu{ margin-top:10px;}
.mobile-inner-nav li{ padding-right:5.8%}
}
@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute;}
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}
.mobile-inner-nav a span{ display:none;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#49b414; right:0; top:75px; width:60px; font-size:1.125rem}
.mobile-inner-header{width: 100%;height:101px; position: absolute;top: 0px;right: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:36px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:10px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#49b414; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #49b414;
    position: absolute;
    left: 25%;
    bottom: 1.5em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:101px;right: 0px;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.125rem; padding:1em 0}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}
@media screen and (max-width:768px){
.mobile-inner-nav a{padding:0.75em 0;}
.mobile-inner-header{width: 100%;height:145px; position: absolute;top: 15px;right: 0px; }
.mobile-inner-nav{top:145px;}
.mobile-inner-header-icon-out p {bottom: 0.9em;}
.mobile-inner-header .np{ display:block;  right:0; top:72px; width:70px; font-size:1rem}
.mobile-inner-header-icon{margin-top:32px; margin-right:10px; }

}


.banner{ width:100%; float:right; overflow:hidden; background:#1174c8}
@media screen and (max-width:768px){
.banner{ display:none;}
}

.slide_tabs {list-style: none;padding: 0;font-size: 18px;list-style: none;padding: 10px 0;text-align: center; width: 100%; position:absolute;z-index:222; top:92%;}

.slide_tabs li {display:inline-block;margin-right: 5px; height:15px; overflow:hidden;}
.slide_tabs li.slide_here a{ background:#49b414; width:51px;}
.slide_tabs a {width: 43px; line-height: 90px;height: 10px;background: transparent; display:block;color:#000;overflow:hidden;background:#fff; border-radius:5px;}
.slide_tabs li:first-child { margin-left: 0; }
.slide_container {position: relative; float: right;width: 100%;overflow:hidden;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%; padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0; top: 0; }
.slide img {display: block;position: relative;z-index: 1;height: auto; width: 100%;border: 0;}
.slide .caption {display: block; position: absolute;z-index: 2;font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px; margin: 0; max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0); bottom: 0%; left: 0;margin-left:10%; opacity: 1;z-index: 3; text-indent: -9999px; overflow: hidden;text-decoration: none; height: 40px; width: 42px;background: transparent url("../images/prne.jpg") no-repeat left top;margin-top: -45px; }
.slide_nav:active {opacity: 1.0; }
.slide_nav.next { left: 42px;background-position: right top; right: 42px;margin-right:10%;}

.in-key{ background:#fff; width:100%; overflow:hidden;}
.keyword{ padding:40px 0}
.keyword p b{ color:#49b414;}
.keyword p span{ font-weight:bold; color:#000000}


.ser{ padding:32px 0;}
.seach-form{background:#f7f7f7; width:auto; border-radius:30px;}
.seach-form .s-txt{ width:235px; height:38px;  border:none; float:left; background:none; padding:5px 10px; color:#515151; box-sizing:border-box;}
.seach-form .s-bt{ background:url(../images/sbtn.jpg) center no-repeat; height:38px; width:50px; border:none; float:left; cursor:pointer}
@media all and (max-width: 768px) {
.ser{ display:none;}
}

.in-cho{ background:url(../images/chobg.jpg) center bottom no-repeat #f5f5f5; width:100%; overflow:hidden; padding:41px 0 50px;}
.chotit{ text-align:center;}
.chotit span{ font-size:72px; font-family:'Captain'; color:#000000; opacity:0.08;}
.chotit h4{ font-size:2.5rem; font-weight:bold; color:#49b414; line-height:1em; margin-top:-30px; position:relative; z-index:2;}
.chotit em{ font-size:1.5rem; color:#1b1b1b}
.cho5{ margin-top:24px;}
.cho5 li{ width:20%; text-align:center; float:left; background:url(../images/hg1.jpg) right center no-repeat; cursor:pointer}
.cho5 li img{ transform:rotateY(0); transition:all 0.7s ease;}
.cho5 li:hover img{ transform:rotateY(180deg)}
.cho5 li p{ font-size:1.5rem; color:#49b414; margin:10px 0;}
.cho5 li span{ font-size:1rem; color:#2a2a2a;}
.cho5 li:nth-child(1){  margin-top:101px;}
.cho5 li:nth-child(2){ margin-top:34px;}
.cho5 li:nth-child(4){ margin-top:34px; background:none}
.cho5 li:nth-child(5){ margin-top:101px; background:url(../images/hg1.jpg) left center no-repeat;}

.ch-tt{ margin-top:352px; text-align:center;}
.ch-tt p{ font-size:2.25rem; color:#fff; font-weight:lighter;}
.ch-tt h4{ font-size:2.25rem; color:#fff; font-weight:bold;}
.ch-tt .cte{font-family:'DIN'; color:#fff; font-size:1.875rem; padding:8px 24px 0 0; text-align:right; background:url(../images/ctel.png) center no-repeat; width:372px; height:55px; margin:10px auto; box-sizing:border-box;}
@media screen and (max-width:768px){
.cho5 li{ background:none !important}
.chotit h4{ font-size:2rem}
.cho5 li p{ font-size:1.125rem;}
.cho5 li span{ display:none;}
.ch-tt{ margin-top:300px}
.ch-tt p{ font-size:1.25rem; }
.ch-tt h4{ font-size:1.25rem;}
.ch-tt .cte{ font-size:1.125rem;}
.cho5{ margin-top:24px; padding-bottom:100px;}
}

/*zao*/
.in-zao{ padding:68px 0 100px; width:100%; overflow:hidden; background:url(../images/44.jpg) center top no-repeat}
.zatit{ text-align:center;}
.zatit span{font-size:72px; font-family:'Captain'; line-height:1em; color:#000000; opacity:0.08;}
.zatit p{ font-size:1.875rem; color:#1c1c1c; margin-top:-36px}
.zatit h4{ font-size:2.5rem; color:#2d8800; font-weight:bold; line-height:1em;}

.i_zgs{width:100%; height:545px; position:relative; margin-top:55px;}
.izgsc{width:100%; }
.i_zgs_li{ margin:0; float:left; vertical-align:top; width:16.5%; position:relative; cursor:pointer; transition:all .7s ease 0s; overflow:hidden; box-sizing:border-box; height:545px; transform-origin:left;}
.js_wzgs{width:50%;}
.js_wzgs .zpic1{ opacity:0;}
.js_wzgs .zpic2{ opacity:1; }
.js_wzgs .zpic2 .txt2{ display:block;}
.zpic1{ opacity:1; transition:all 0.7s;}
.zpic1 .txt1{ box-sizing:border-box; padding-top:173px; position:absolute; background:rgba(0,0,0,0.7); top:0; left:0; width:100%; height:100%; text-align:center;}
.zpic1 .txt1 span{ color:#fff; font-family:'DIN'}
.zpic1 .txt1 p{ font-size:1.875rem; color:#fff; margin-top:25px; min-height:80px}
.zpic1 .txt1 img{ margin-top:25px;}

.zpic2{ position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; transition:all 0.3s;}
.zpic2 .txt2{ background:rgba(52,157,0,0.8); position:absolute; top:25%; width:473px; left:13.2%; box-sizing:border-box; padding:30px; display:none;}
.zpic2 .txt2 span{font-family:'DIN'; font-size:1.125rem; color:#fff}
.zpic2 .txt2 h4{ font-size:1.875rem; color:#fff; font-weight:bold;}
.zpic2 .txt2 hr{ border:none; height:1px; background:rgba(255,255,255,0.5); margin:14px 0;}
.zpic2 .txt2 p{ color:#fff; font-size:1.125rem; line-height:1.5em}
.m-zao{ display:none;}
@media screen and (max-width:768px){
.zatit h4{ font-size:2rem;}
.i_zgs{ display:none;}
.m-zao{ display:block; width:100%; margin:30px auto;}
.mzpic2{ position:relative; width:50%; height:100%; transition:all 0.3s; border:1px solid #ddd; float:left; box-sizing:border-box;}
.mzpic2 .txt2{ background:rgba(52,157,0,0.8); position:absolute; bottom:0; width:100%; left:0; box-sizing:border-box; padding:20px;}
.mzpic2 .txt2 span{font-family:'DIN'; font-size:1.125rem; color:#fff}
.mzpic2 .txt2 h4{ font-size:1.375rem; color:#fff; font-weight:bold;}

}
/*product*/
.in-pro{ background:url(../images/pbg.jpg) center top no-repeat #f0f0f0; padding:47px 0 85px; width:100%; overflow:hidden;}
.ptit{ text-align:center; margin-bottom:50px}
.ptit span{font-size:72px; font-family:'Captain'; color:#000000; opacity:0.08;}
.ptit h4{ font-size:2.5rem; font-weight:bold; color:#383838; position:relative; z-index:2; margin-top:-40px}
.ptit h4 img{ margin-bottom:8px;}
.ptit h4 b{ color:#349d00}
.ptit em{ color:#101010; font-size:1.125rem;}

.proso{ width:90%; margin:0 auto; position:relative;}
.proso span{font-family:'宋体'; font-size:1.875rem; border:1px solid #349d00; width:50px; height:50px; border:2px solid #349d00; border-radius:10px; text-align:center; line-height:47px; color:#2a8100; box-sizing:border-box; transition:all 0.7s ease}
.proso .prev{ position:absolute; left:-5%; top:0; z-index:2; cursor:pointer; }
.proso .next{ position:absolute; right:-5%; top:0; z-index:2; cursor:pointer; }
.proso span:hover{ background:#349d00; color:#fff;}
.proso li{ float:left; width:18.7%; margin-right:18px;}
.proso li a{ display:block; text-align:center; font-size:1.125rem; color:#fff; padding:11px 0; border:2px solid rgba(255,255,255,0.5); border-radius:10px; transition:all 0.7s ease;}
.proso li a:hover{ border:2px solid #2f8e00; color:#2f8e00}

.pro-thr{ margin-top:41px;}
.pro-thr dl{ width:31.92%; margin-right:2.12%; float:left;}
.pro-thr dl a{ display:block;}
.pro-thr dl:nth-child(3){ margin-right:0;}
.pro-thr dl:nth-child(4){ display:none;}
.pro-thr dl dt{ width:100%; overflow:hidden;}
.pro-thr dl dt img{ transition:all 0.7s ease; transform:scale(1);}
.pro-thr dl:hover dt img{ transform:scale(1.05);}
.pro-thr dl dd{ background:#2a8100;}
.pro-thr dl dd p{ display:inline-block; color:#fff; font-size:1.125rem; font-weight:lighter; padding:16px 0 16px 16px}
.pro-thr dl dd img{ float:right;}
@media screen and (max-width:768px){
.ptit h4{ font-size:2rem}
.proso{ width:100%; overflow:hidden;}
.proso .prev{ left:0%; }
.proso .next{ right:0%; }
.proso li{ float:left; width:48.7%;}
.proso li a{ padding:3px 0;}
.pro-thr dl{ width:48%; margin:0 1% 24px 1% !important; float:left;}
.pro-thr dl dd img{ display:none}
.pro-thr dl:nth-child(4){ display:block;}
.pro-thr dl dd{ background:#2a8100; min-height:112px;}
}

/*优势*/
.in-adv{ position:relative; width:100%; background:#fff; padding:45px 0 0;}
.adtit{ text-align:center; margin-bottom:50px}
.adtit span{font-size:72px; font-family:'Captain'; color:#000000; opacity:0.08;}
.adtit h4{ font-size:2.5rem; font-weight:bold; color:#111111; margin-top:-72px; position:relative; z-index:2; line-height:1.5em}
.adtit h4 i{ width:7px; height:7px; border-radius:50%; background:#2f8e00; display:inline-block; position:relative; top:-8px;}
.adtit h4 b{ font-size:82px; color:#e80000;}
.adtit h4 em{ color:#2f8e00;font-weight:bold;}
.adtit p{ font-size:1.5rem; color:#202020; line-height:1em;}
.abg{ position:absolute; right:0px; top:-45px; z-index:1}

.adv-1{ background:url(../images/adri.png) center bottom no-repeat; min-height:520px; box-sizing:border-box; position:relative; z-index:2;}
.adv-1 .adtxt{ padding-top:72px}
.adv-1 .num{ text-align:right; margin-right:8px; margin-bottom:24px}
.advpic{ width:61.53%;}
.adtxt{ width:36%;}

.adtxt h6{ font-size:1.875rem; color:#349d00; font-weight:lighter;}
.adtxt h6 em{ font-size:2.5rem; color:#fa0000; font-weight:bold;}
.adtxt h6 i{font-style:normal; color:#349d00;font-family:'Alternate'; font-size:44px;}
.adtxt span{ font-size:1.125rem; color:#282929; display:block; margin-top:32px; line-height:1.875em;}

.adv-2{ background:url(../images/adle.png) center bottom no-repeat; min-height:520px; box-sizing:border-box; position:relative; z-index:2; margin-top:66px}
.adv-2 .adtxt{ padding-top:55px}
.adv-2 .num{ text-align:left;  border-top:4px solid #2f8e00; display:inline-block; padding-top:40px;margin-bottom:24px}
@media screen and (max-width:768px){
.in-adv{  padding:45px 0 0}
.adtit h4{ font-size:2rem;}
.adv-1{background:url(../images/adri.png) right top no-repeat;}
.adv-1 .adtxt{ padding-top:32px; margin-bottom:20px;}
.adv-2{ background:url(../images/adle.png) left top no-repeat; background-size:290%;}
.adv-2 .adtxt{ padding-top:0; margin-bottom:20px;}
.advpic{ width:100%;}
.adtxt{ width:100%;}
}
/*控制柜*/
.in-kong{ min-height:1103px; width:100%; overflow:hidden; background:url(../images/ikongbg.jpg) center top no-repeat; padding:44px 0 4px; box-sizing:border-box}
.kotit{ text-align:center;}
.kotit span{ color:rgba(255,255,255,0.05);font-family:'Captain'; font-size:72px}
.kotit p{ font-size:1.875rem; color:#fff; font-weight:lighter; position:relative; margin-top:-50px;}
.kotit h4{ font-size:2.5rem; color:#fff; font-weight:bold; line-height:1em}
.kotit h4 b{ color:#ffcc00;}
.ko1-2{ margin:35px auto 0; width:36%; }
.kotxt{ text-align:center; cursor:pointer}
.kotxt h4{ font-size:1.125rem; color:#fff; font-weight:bold; margin:8px 0;}
.kotxt p{ font-size:1rem; color:#ffffff;}
.kotxt img{ transform:rotateY(0); transition:all .7s ease;}
.kotxt:hover img{ transform:rotateY(180deg);}
.ko3-4{margin:0 auto 0; width:79%; position:relative; top:-60px}
.ko5-6{margin:0 auto 0; width:95%; position:relative; top:-60px}
.kmore{ text-align:center; padding-top:158px;}
.kmore p{ font-size:1.375rem; color:#010101}
@media screen and (max-width:768px){
.in-kong{ padding:30px 0 4px;}
.kotit h4{ font-size:2rem; color:#fff; font-weight:bold; line-height:1em}
.ko1-2{ margin:35px auto 0; width:100%; margin-bottom:20px}
.ko3-4{margin:0 auto 0; width:100%; top:0; margin-bottom:10px}
.ko5-6{margin:0 auto 0; width:100%; top:0; margin-bottom:20px}
.kotxt p{ display:none}
.kmore{ text-align:center; padding-top:128px;}
}
/*炉体*/
.in-lu{ min-height:948px; width:100%; overflow:hidden; background:url(../images/ilutibg.jpg) center top no-repeat; box-sizing:border-box; padding-top:20px;}
.lutit{ text-align:center;}
.lutit span{ color:rgba(0,0,0,0.05);font-family:'Captain'; font-size:72px}
.lutit p{ font-size:1.875rem; color:#1e1e1e; font-weight:lighter; position:relative; margin-top:-50px;}
.lutit h4{ font-size:2.5rem; color:#349d00; font-weight:bold; line-height:1em}
.lutit h4 b{ color:#f19300}
.lut-ul{ margin-top:40px;}
.lut-ul li{ margin-bottom:84px}
.lut-ul li.lutxt p{ font-size:1.375rem; color:#fff;}
.lut-ul li.lutxt span{ font-size:1rem; color:#fff; line-height:1.5em;}
.lut-ul li.lutxt .fr{ margin:30px 0 0 10px;}
.lut-ul li.lutxt2{ text-align:right;}
.lut-ul li.lutxt2 p{ font-size:1.375rem; color:#fff;}
.lut-ul li.lutxt2 span{ font-size:1rem; color:#fff; line-height:1.5em;}
.lut-ul li.lutxt2 .fl{ margin:30px 10px 0 0;}
.lut-zhu{ text-align:center; position:relative; top:-45px;}
.lut-zhu p{ color:#fff; font-size:1.875rem; font-weight:lighter;}
.lut-zhu h4{ font-size:1.875rem; font-weight:bold; color:#ffba00}
.lut-zhu span{ color:#fff; font-size:0.875rem; line-height:2em}
@media screen and (max-width:768px){
.in-lu{ background:url(../images/ilutibg.jpg) center top no-repeat #062d00; min-height:1750px}
.lutit h4{ font-size:2rem}
.lut-ul{ padding-top:420px}
.lut-ul li{ width:48%; margin-bottom:40px; text-align:center !important}
.lut-ul li .fl{ float:none;}
.lut-ul li .fr{ float:none;}
.lut-ul li.lutxt p{ font-size:1.125rem; color:#fff !important;}
.lut-ul li.lutxt span{ display:none}
.lut-ul li.lutxt2 p{ font-size:1.125rem; color:#fff !important;}
.lut-ul li.lutxt2 span{ display:none}
.lut-zhu{  top:40px;}
.lut-zhu h4{ font-size:1.5rem; }
}
/*客户见证*/
.in-cus{  background-image: linear-gradient(#ececec, #dedede); width:100%; padding:50px 0 97px; position:relative;}
.custit{ text-align:center;} 
.custit span{font-size:72px; font-family:'Captain'; line-height:1em; color:#000000; opacity:0.08;}
.custit p{ font-size:1.5rem; color:#1c1c1c; }
.custit h4{ font-size:2.5rem; color:#2d8800; font-weight:bold; line-height:1em;margin-top:-36px}



.cusgun{ position:relative; width:92.3%; margin:57px auto 0;}
.cusgun .prev{ position:absolute; left:-4%; top:45%; z-index:2; cursor:pointer}
.cusgun .next{ position:absolute; right:-4%; top:45%; z-index:2; cursor:pointer}
.cusgun li{ width:32.33%; float:left; margin-right:18px}
.cusgun li .cuimg{ position:relative; border:4px solid #fff; overflow:hidden;}
.cusgun li .cuimg img{ transform:scale(1); transition:all 0.5s; width:100%;}
.cusgun li:hover .cuimg img{ transform:scale(1.05);}

.cusgun li .cutxt{ width:100%; background:#fff; text-align:center; padding:18px 16px; box-sizing:border-box;}
.gx{ position:absolute; width:100%; text-align:center; bottom:-3px; left:0;}
.in-par{ margin-top:72px;}
.in-par .partit{ text-align:center;}
.in-par .partit h4{ font-size:1.5rem; color:#2c7c05; font-weight:bold;}
.in-par .partit p{ color:#969696; font-size:0.875rem; text-transform:uppercase;}
.parul{ margin-top:22px;}
.parul li{ float:left; width:16.1%; overflow:hidden; border-radius:5px; background:#fff; margin-right:0.68%; margin-bottom:0.68%; cursor:pointer}
.parul li img{ width:100%; transform:scale(1); transition:all 0.7s ease}
.parul li:hover img{ transform:scale(1.05);}
.parul li:nth-child(6){ margin-right:0;}
.parul li:nth-child(12){ margin-right:0;}
@media screen and (max-width: 768px){
.custit h4{ font-size:2rem;}
.cusgun{ overflow:hidden; width:100%;}
.cusgun .prev{ display:none}
.cusgun .next{ display:none}
.cusgun li{ width:48%; float:left; margin-right:18px}
.parul li{ width:32.33%; margin-right:1.5%;}
.parul li:nth-child(3){ margin-right:0;}
.parul li:nth-child(9){ margin-right:0;}
}
/*公司简介*/
.in-ab{ width:100%; overflow:hidden;}
.abtit{ text-align:center; padding:60px 0} 
.abtit span{font-size:72px; font-family:'Captain'; line-height:1em; color:#000000; opacity:0.08;}
.abtit p{ font-size:1.5rem; color:#1c1c1c; }
.abtit h4{ font-size:2.5rem; color:#2d8800; font-weight:bold; line-height:1em;margin-top:-36px}
.about-in{ background:url(../images/about.jpg) center top no-repeat; }
.about-in .jss{ text-align:center; padding:54px 0;}
.about-in .jss p{ color:#fff; font-size:1.125rem; line-height:1.875em }
.jss .abny{ display:inline-block; text-align:center; border:1px solid #fff; padding:14px 42px; color:#fff; border-radius:10px; margin-top:72px;}

#tab1{ padding-top:250px;}
#tab1 .tablist1{ text-align:center; background:rgba(46,140,0,0.7); }
#tab1 .tablist1 li{ display:inline-block;padding:44px; background:url(../images/xx_06.jpg) right center no-repeat; color:#fff; position:relative; cursor:pointer}
#tab1 .tablist1 li a{ color:#fff;}
#tab1 .tablist1 li em{ transform:scale(0,1); transition:all 0.75s; position:absolute; width:100%; bottom:-5px; left:0; text-align:center;}
#tab1 .tablist1 li:hover em,#tab1 .tablist1 li.cur em{ transform:scale(1);}
#tab1 .tablist1 li img{ margin-bottom:-5px;}
#tab1 .tabCon1{width:100%; padding:75px 0 0; background:#e2e2e2}
#tab1 .tabCon1>div{ position:relative; display:none;}
#tab1 .tabCon1>div.cur{display:block; position:relative;}

.bei{ position:absolute; right:0; bottom:0; z-index:2;}
@media screen and (max-width: 768px){
.abtit h4{ font-size:2rem;}
#tab1{ padding-top:0;}
#tab1 .tablist1{ text-align:center; background:rgba(46,140,0,1); }
}

/*新闻资讯*/
.in-news{ padding:77px 0; width:100%; overflow:hidden;}
.newtit{ text-align:center;} 
.newtit span{font-size:72px; font-family:'Captain'; line-height:1em; color:#000000; opacity:0.08;}
.newtit p{ font-size:1.5rem; color:#1c1c1c; background:url(../images/nline.jpg) center no-repeat;}
.newtit h4{ font-size:2.5rem; color:#2d8800; font-weight:bold; line-height:1em;margin-top:-36px}
.newtit hr{ width:41px; height:3px; background:#2f8d00; border:none; margin-top:5px}

#tab2{position:relative; margin:40px 0 15px 0; width:60%; float:left;}
#tab2 .tabList2{   white-space:nowrap; }
#tab2 .tabList2 ul{ width:auto; border-left:3px solid #2f8d00; padding-left:16px;}
#tab2 .tabList2 ul li{ float:left; text-align:center; cursor:pointer; transition:all 0.5s;font-size:1.25rem; color:#919191;}
#tab2 .tabList2 ul li:hover{ color:#2f8d00; font-weight:bold;}
#tab2 .tabList2 ul li.cur{color:#2f8d00; font-weight:bold;}
#tab2 .tabCon2{  margin-top:30px;  width:100%; position:relative;  border-radius:5px}
#tab2 .tabCon2 *{}
#tab2 .tabCon2>div{ display:none;}
#tab2 .tabCon2>div.cur{display:block;}
.tabCon2 dl{ width:100%; border-bottom:1px solid #d3d3d3; padding-bottom:1.5rem;}
.tabCon2 dl dt{ width:46%; float:left;}
.tabCon2 dl dt img{ width:100%;}
.tabCon2 dl dd{ width:51%; float:right;}
.tabCon2 dl dd p{ font-size:1.125rem; color:#3c3c3c; font-weight:bold;}
.tabCon2 dl dd span{ display:block; padding-left:8px; margin:16px 0 30px;}
.tabCon2 dl dd em{ display:block; margin-left:8px; width:129px; height:38px; background:#2f8d00; text-align:center; color:#fff; line-height:38px; }
.tabCon2 ul{ margin-top:20px;}
.tabCon2 ul li{ display:block; line-height:40px; background:url(../images/dd.jpg) left center no-repeat; padding-left:1rem;}
.tabCon2 ul li span{ float:left; color:#636363}
.tabCon2 ul li em{ float:right; color:#636363}
.tabCon2 ul li:hover span{ color:#349d00}
@media screen and (max-width: 768px){
.newtit h4{ font-size:2rem; }
#tab2{ width:100%;}
.tabCon2 dl dd p{ font-size:1.25rem; color:#3c3c3c; font-weight:bold;}
.tabCon2 dl dd span{ display:none}
.tabCon2 dl dd em{ margin-top:30px; font-size:1.25rem; line-height:1.5em;width:150px; height:50px;}
.tabCon2 ul li{ line-height:60px; overflow:hidden; height:60px; border-bottom:1px dashed #ddd}
.tabCon2 ul li span{ font-size:1.25rem;}
.tabCon2 ul li em{ font-size:1rem; display:none}
.sss{ display:none}
}
/*常见问题*/
.faq{ width:36%; margin:40px 0 55px 0;}
.fa-tit{ border-left:3px solid #2f8d00;}
.fa-tit p{ float:left; font-size:1.125rem; color:#2f8d00; margin-left:16px; font-weight:bold;}
.fa-tit a{ float:right;}
.fa-dl dl{ border-bottom:1px dotted #c1c1c1; padding:30px 0;}
.fa-dl dl dt{ background:url(../images/as.jpg) left top no-repeat; padding-left:30px; font-size:1rem; color:#0e0e0e}
.fa-dl dl dt:hover{ color:#349d00}
.fa-dl dl dd{ background:url(../images/qu.jpg) left top no-repeat;padding-left:30px; font-size:1rem; color:#5d5d5d; margin-top:16px; line-height:1.5em}
@media screen and (max-width: 768px){
.faq{ width:100%;}
.fa-tit p{  font-size:1.25rem; }
.fa-dl dl dt{  font-size:1.25rem;background:none; padding-left:0}
.fa-dl dl dd{ font-size:1.25rem;background:none;}
}

/*友情链接*/
.fri{ width:100%;  padding:20px 0; background:#f5f5f5; overflow:hidden; position:relative; z-index:22;}
.ftxt{ width:8%; border-right:1px solid #bcbcbc}
.ftxt span{ font-size:1rem; color:#282828;}
.ftxt p{ font-size:1.875rem; font-family:'DIN';}
.fkx{ width:90%;}
#ScrollMe{ margin-top:14px; height:25px; overflow:hidden; line-height:25px}
#ScrollMe a{ color:#444444;  padding:0 10px; font-size:1em; border-right:1px solid #898888}
@media screen and (max-width: 768px){
.fri{ display:none}
}

/*foot*/
.foot{ background:url(../images/fobg.jpg) center top no-repeat #287900; width:100%; overflow:hidden; padding:34px 0;}
.folo{ position:absolute; width:100%; text-align:center;}

.fmenu{ width:23%; position:relative; z-index:2}
.fmenu h4{ font-size:1rem; color:#fff;}
.fmenu ul{ margin-top:64px;}
.fmenu ul .fl{ width:50%;}
.fmenu ul .fr{ width:50%;}
.fmenu ul h6 a{ color:#fff; margin-bottom:24px; display:inline-block;}
.fmenu ul li a{ color:#fff; background:url(../images/fsj.png) left center no-repeat; padding-left:10px; line-height:1.875em; transition:all 0.7s}
.fmenu ul li a:hover{ color:#000;}

.fcon{ width:22%; text-align:right; position:relative; z-index:2}
.fcon #top{color:#fff;}
.fcon #top img{ margin-bottom:3px}
.fcon div{ margin-top:64px;}
.fcon div h6{ font-size:1rem; color:#fff;}
.fcon div h6 span{ font-size:2rem; color:#fff; font-family:'DIN'}
.fcon div p{ font-size:1rem; color:#fff;}
.fcon div p span{ font-size:1.5rem; font-family:'DIN'}
.fcon ul{ margin-top:20px}
.fcon li{ float:left; width:33.33%; border-left:1px solid rgba(255,255,255,0.5); box-sizing:border-box; text-align:center;}
.fcon li:nth-child(3){ border-right:1px solid rgba(255,255,255,0.5);}
.fcon li p{ color:#fff; font-size:0.875rem; margin-top:2px;}

.fbq{ background:#3e871a; padding:16px 0; width:100%; overflow:hidden;}
.fbq p{ color:#fff; font-size:0.875rem;}
.fbq p a{ color:#fff; transition:all 0.7s}
.fbq p a:hover{ color:#000}

@media screen and (max-width: 768px){
.folo{ text-align:left;}
.fmenu{ display:none;}
.fcon{ width:100%;}
.fbq{ margin-bottom:100px}
.fbq p{ float:none; line-height:1.875em;}
}

/*浮动*/
.fudong{ display:none}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#287900; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #36a400; float:left;}
.fudong li p{ color:#fff;}
}



.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
.swiper-container { width: 760px; 
     height:700px; 
     margin-left: auto;
    margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1}
	

.swiper-wrapper {
	position: relative;
	width: 760px;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0)}
.swiper-container-multirow>.swiper-wrapper {flex-wrap: wrap}
.swiper-container-multirow-column>.swiper-wrapper {flex-wrap: wrap;flex-direction: column}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide {flex-shrink: 0;width: 760px;height: 100%;position: relative;transition-property: transform}
.swiper-slide-invisible-blank {visibility: hidden}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height}
.swiper-container-css-mode>.swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: y mandatory}
:root {--swiper-navigation-size:44px}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size)
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto; background:url(../images/arrows.png) top; height:30px; width:17px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto; background:url(../images/arrows.png) bottom; height:30px; width:17px;}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}
.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: .8
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-white {
--swiper-pagination-color:#349d00
}
.swiper-pagination-black {
--swiper-pagination-color:#000000
}
.swiper-pagination-lock {
	display: none
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}




.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
}

@keyframes cats{
0%{}
25%{}
50%{}
75%{}
100%{}
}