@charset "utf-8";
/* CSS Document */
*{ touch-action: pan-y; } 

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;font-family: "Arial","Microsoft Yahei"; list-style:none;}
body { overflow-x: hidden; line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ max-width:1600px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1540px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}


/*parts*/
div.fy {text-align:center;line-height:4rem; padding-top:40px;}
div.fy a { margin:2px 2px;padding:8px 12px;color:#727171;font-size:1.4em; display:inline; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
div.fy a:hover{color:#fff; background:#016946;box-shadow: 0 0 5px rgba(0,0,0,0.1); }
div.fy a:active{ color:#fff; background:#016946; box-shadow: 0 0 5px rgba(0,0,0,0.1);  }
div.fy span.current{ margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em; background:#016946;box-shadow: 0 0 5px rgba(0,0,0,0.1);  }
div.fy span.disabled{ margin:2px 2px;padding:8px 12px; color:#727171; font-size:1.4em; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); }


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 20px;	right: 25px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background:#016946; content: ''; display: block;    width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;} 


/*header*/
.header .mune a,.header .mune .m-dot a:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.header{ width: 100%; }
.header .logo{ float:left;  padding:29px 20px 29px 5%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .munes{ float:right; display: flex;}
.header .munes>*,.header .mune>*{ float:left;}
.header .mune .m-dot a{ font-size: 1.6em; color: #333; line-height: 24px;  padding: 33px 40px; margin: 0 10px; position: relative; display: inline-block;}
.header .mune .m-dot a:hover,#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6{ color: #016946;}
.header .luns{ display: flex;}
.header .luns .hs{ padding: 25px 20px;}
.header .luns .hs form{ padding: 7px 12px; background: #e5f0ec; border-radius: 50px;  display: flex;}
.header .luns .hs input{ font-size: 1.6em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#fff;  border: none; background: transparent;}
.header .luns .hs input::-webkit-input-placeholder{ color:#333;}
.header .luns .hs input:-moz-placeholder{ color:#333;}
.header .luns .hs input::-moz-placeholder{color:#333;}
.header .luns .hs input:-ms-input-placeholder{ color:#333;}
.header .luns .hs .ht{ text-align: center; width: 60px;}
.header .luns .hs .hbtn{ margin-left: 10px; background: url(../images/sreach.png) center center no-repeat; width: 30px; background-size: 60%;}
.header .luns .lun a{ margin: 25px;text-align: center;font-size: 1.6em;background: #016946;color: #fff;display: inline-block;padding: 7px;border-radius: 50%;line-height: 24px;width: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/*footer*/
.footer a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer{ background: #000; }
.footer .fo1{ border-bottom: 1px solid #003221; padding: 60px 0 30px 0; }
.footer .fo2{ padding: 40px 0 30px 0;}
.footer .fo2 .flinks{ display: flex; justify-content: space-between;}
.footer .fo2 .links{ justify-content: space-between; display: flex; }
.footer .fo2 .links .dot{ margin-right: 40px;}
.footer .fo2 .links .dot a{ display: inline-block;}
.footer .fo2 .links .dot h3 a{ text-transform: uppercase; font-size: 1.6em; font-weight: bold; color: #fff; line-height: 1.5; margin-bottom: 35px; }
.footer .fo2 .links .dot p a{ font-size: 1.6em; color: #fff; line-height: 24px; margin-bottom: 10px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.footer .fo2 .links .dot a:hover{ text-decoration: underline; color: #fff;}
.footer .fo2 .fd .d{ margin-bottom: 30px;}
.footer .fo2 .fd .d p:first-child{ text-transform: uppercase;}
.footer .fo2 .fd .d p{ font-size: 1.6em; color: #fff; line-height: 2; max-width: 300px;}
.footer .fo2 .fd .d h3{ font-size: 3.6em; font-weight: bold; color: #fff;}
.footer .fo2 .fs a{ display: inline-block; opacity: 0.5; margin: 0px 20px 0 0;}
.footer .fo2 .fs a:hover{ opacity: 1;}
.footer .fo2 .tip{ margin-top: 90px;}
.footer .fo2 .tip p{ font-size: 1.4em; color: #fff; line-height: 1.5; display: inline-block;}
.footer .fo2 .tip p a{ color: #fff; font-size: 1em;}
.footer .fo2 .tip p a:hover{text-decoration: underline;}
.footer .fo2 .tip p:first-child{ padding-right: 20px;}

.bottomlist{ background:#016946; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:200;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}



/*banner*/
.banner .swiper-slide .img{ transition:ease-out 2s all;-moz-transition: ease-out 2s all; -webkit-transition:ease-out 2s all; -o-transition: ease-out 2s all;}
.banner .swiper-slide .txt{ transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}

.banner{ overflow: hidden;  position: relative;}
.banner .swiper-slide{ position: relative; height: 776px; display: flex; align-items: center; text-align: center;}
.banner .swiper-slide .txt h3{ max-width: 800px; margin: 0 auto; font-size: 6.8em; color: #fff; font-weight: 800; text-transform: uppercase; line-height: 1;}
.banner .swiper-slide .txt h4{ max-width: 1000px; margin: 0 auto; text-transform: uppercase; font-size: 2.4em; color: #fff; font-weight: 100; line-height: 1.2; margin-bottom: 10px; background: rgba(1,105,70,0.85); display: inline-block;padding: 10px 110px; margin: 12px 0 20px 0;}
.banner .swiper-slide.ban2 .txt h4{font-weight: bold; letter-spacing: 4px;}
.banner .swiper-slide.ban3 .txt h4{ background: transparent; font-weight: bold; background-image:linear-gradient(90deg,transparent 0%,rgba(1,105,70,0.85) 25%,rgba(1,105,70,0.85) 75%,transparent 100%); padding: 10px 200px;}
.banner .swiper-slide .txt p{ max-width: 800px; margin: 0 auto; font-size: 1.4em; color: #fff; text-transform: uppercase; line-height: 1.5;}
.banner .swiper-slide.ban1 .img{ background: url(../images/banner01.jpg) center center no-repeat;}
.banner .swiper-slide.ban2 .img{ background: url(../images/banner02.jpg) center center no-repeat;}
.banner .swiper-slide.ban3 .img{ background: url(../images/banner03.jpg) center center no-repeat;}
.banner .swiper-slide .img{height: 776px; position: absolute; top:0; left: 0; transform: scale(1.2); width: 100%;object-fit: cover; display: block;  background-size:cover !important;}
.banner .swiper-slide.swiper-slide-active .img{ transform: scale(1.1);}
.banner .swiper-slide.swiper-slide-active .txt{ transform: translateY(0px);  opacity: 1;}
.banner .swiper-slide .txt{ transform: translateY(200px); position: relative; z-index: 2; width: 100%;  opacity: 0;}
/*i-tit*/
.i-tit h3{ font-size: 3.6em; color: #333; font-weight: bold; line-height: 1.2; text-transform: uppercase;}
/*iab*/
.iab .txt .t a span img,.iab .txt .dot .d img{ transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.iab{ background: #f5f5f5; padding: 90px 0;}
.iab .warp{ display: flex;}
.iab .warp>*{ width: 50%; background: #fff;}
.iab .img{ overflow: hidden;}
.iab .img img{ width: 100%;}
.iab .img .aban-slider .swiper-slide{ height: auto !important;}
.iab .txt{ padding: 5% 5% 20px 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.iab .txt .t{ padding: 40px 0;}
.iab .txt .t p{ font-size: 1.4em; color: #333; line-height: 2;}
.iab .txt .t a{ display: inline-block; margin-top: 35px; font-size: 1.4em; color: #888; line-height: 1.5;}
.iab .txt .t a span img{ margin: 0 0 -3px 5px;}
.iab .txt .t a:hover span img{ margin: 0 0 -3px 15px;}
.iab .txt .dot{ display: flex; width: 100%;}
.iab .txt .dot .d{ padding: 18px; width: 33.33%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab .txt .dot .d.d1{ background: #016946;}
.iab .txt .dot .d.d2{ background: #087e56;}
.iab .txt .dot .d.d3{ background: #e3e3e3;}
.iab .txt .dot .d p{ font-size: 1.4em; color: #fff; line-height: 1.5; margin-top: 10px;}
.iab .txt .dot .d.d3 p{ color: #016946;}
.iab .txt .dot:hover .d img{transform: scale(0.9);}
.iab .txt .dot .d:hover img{transform: scale(1.1);}
/*ipl*/
.ipl .pb .pl>div,.ipl .pd .box{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.ipl{ padding: 90px 0 110px 0;}
.ipl .pbs{ margin-top: 35px; display: flex; justify-content: space-between;}
.ipl .pb{ width: calc(50% - 30px); background: rgba(1,105,70,1);  overflow: hidden; position: relative;}
.ipl .pb .pl{ position: absolute; bottom: 0; left: 0; width: 100%; display: flex; z-index: 2; flex-wrap: wrap;}
.ipl .pb .pl>div{ text-transform: uppercase; cursor: pointer; background: rgba(0,0,0,0.5); text-align: center;  border-right:1px solid #7d7d7d;  padding: 20px; width: 33.33% !important;}
.ipl .pb .pl>div h3{ font-size: 1.6em; color: #fff; line-height: 24px; height: 24px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.ipl .pb .pl>div.hover{ background: rgba(1,105,70,0.7); }
.ipl .pb .pl>div:last-child{ border: none;}
.ipl .pd .box{ width: 100%; transform-origin: 0 100% 0; height: 0;  transform: scale(0); background-size: cover !important;}
.ipl .pd .box a{ padding: 40px; display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ipl .pd .box a h3{ font-size: 2.4em; color: #fff; line-height: 1.2; text-transform: uppercase; max-width: 400px;}
.ipl .pd .box.hover{ height: 500px;   transform: scale(1)}

/*iv*/
.iv .play img{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.iv{ height: 750px; background: url(../images/iv-bg.jpg) center center no-repeat; background-size: cover !important; background-attachment: fixed; text-align: center; display: flex; align-items: center; }
.iv .play{ cursor: pointer; width: 100%;}
.iv .play h3{ font-size: 3.6em; color: #fff; font-weight: bold; margin-bottom: 30px; text-transform: uppercase; max-width: 800px; margin: 0 auto 30px auto; line-height: 1.5;}
.iv .play:hover img{ transform: scale(0.8);}
/*ipl2*/
.ipl2 .ip12 .img,.ipl2 .ip11 .swiper-slide,.ipl2 .ip12 .swiper-slide,.ipl2 .ip12 .txt a{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.ipl2{ padding: 110px 0; background: #f5f5f5;}
.ipl2 .swiper{ overflow: hidden; }
.ipl2 .ptxt{ position: relative;}
.ipl2 .ip12{ margin-top: 40px;   padding-bottom: 20px;}
.ipl2 .ip12 .swiper-slide{ background: #087e56; display: flex;}
.ipl2 .ip12 .img{  width: 60%; height: 580px;  background-size: cover !important; transform: translateX(-200px);}
.ipl2 .ip12 .txt{ width: 40%; height: 290px; margin-top: 290px; background: #fff;}
.ipl2 .ip12 .swiper-slide-active .img{ transform: translateX(0px);}
.ipl2 .ip12 .txt{ padding: 2% 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ipl2 .ip12 .txt h3{ font-size: 2.4em; color: #333; line-height: 1.5; font-weight: bold; margin-bottom: 26px; text-transform: uppercase;}
.ipl2 .ip12 .txt p{ font-size: 1.4em; color: #333; line-height: 24px; height: 72px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3;}
.ipl2 .ip12 .txt a{ padding: 8px 48px; font-size: 1.4em; color: #fff; background: #016946;  display: inline-block; margin-top: 30px; line-height: 1.5;}
.ipl2 .ip12 .txt a:hover{ background: #087e56;}
.ipl2 .ip12 .btns{ position: absolute; bottom: 0; width: 107px; height: 49px; left: calc(30% - 53.5px);}
.ipl2 .ip12 .swiper-button-prev,.ipl2 .ip12 .swiper-button-next{ width: 49px; background-image:url(../images/iplr-btn.png); background-size: 49px 49px; height: 49px;}
.ipl2 .ip12 .swiper-button-prev:after,.ipl2 .ip12 .swiper-button-next:after{ content:""; }
.ipl2 .ip12 .swiper-button-prev{ left: 0; transform: rotate(180deg);}
.ipl2 .ip12 .swiper-button-next{ right:0;}
.ipl2 .ip11{ padding: 2% 0; position: absolute; top:0; right:0; width: 40%;z-index: 2; height: 310px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/con1-bg.jpg) right center no-repeat #016946; background-size: contain !important;}
.ipl2 .ip11:after{ position: absolute; content: ""; background: #087e56; width: 1px; height: calc(100% - 40px); top:20px; right:50%; opacity: 0;}
.ipl2 .ip11 .swiper-slide{ cursor: pointer; padding-left: 6%; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ipl2 .ip11 .swiper-slide p{ color: #fff; font-size: 1.8em; font-weight: bold; line-height: 40px; text-transform: uppercase;}
.ipl2 .ip11 .swiper-slide.swiper-slide-thumb-active{ background: #087e56;}
/*inews*/
.inews .boxs .img img,.inews .boxs .txt h3,.inews .box .txt h5,.inews .box .txt h5 span img{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.inews{ padding: 80px 0 110px 0;}
.inews .boxs{ display: flex; margin-top: 50px; justify-content: space-between;}
.inews .boxs .box{ width: calc(33.33% - 40px);}
.inews .box .img{ overflow: hidden;}
.inews .box .img img{ width: 100%;}
.inews .box .txt{ padding: 30px 40px; background: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inews .box .txt h4{ font-size: 1.8em; color: #016946; line-height: 1.5;}
.inews .box .txt h3{ margin: 12px 0 20px 0; font-size: 2em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.inews .box .txt p{ font-size: 1.4em; color: #888; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.inews .box .txt h5{font-size: 1.4em; color: #888; line-height: 1.5; margin-top: 20px;}
.inews .box .txt h5 span img{ margin: 0 0 -3px 5px;}
.inews .box:hover h5 span img{ margin: 0 0 -3px 15px;}
.inews .box:hover img{transform: scale(1.2);}
.inews .box:hover h3{ color: #016946; font-weight: bold;}
.inews .box:hover h5{ color: #016946;}
/*iser*/
.iser{ padding: 100px 0 90px 0; background: url(../images/iser-bg.jpg?v=1.1) center center no-repeat;}
.iser .i-tit h3{ color: #fff; padding-left: 30px;}
.iser .iser-slider{ overflow:hidden;}
.iser .ser-imgs{ position: relative; padding: 0 120px; margin-top: 90px;}
.iser .ser-imgs .swiper-button-prev,.iser .ser-imgs .swiper-button-next{ width: 88px; background-image:url(../images/iser-btn.png); background-size: 88px 88px; height: 88px; top:calc(40%);}
.iser .ser-imgs .swiper-button-prev:after,.iser .ser-imgs .swiper-button-next:after{ content:""; }
.iser .ser-imgs .swiper-button-prev{ left: 0; transform: rotate(180deg);}
.iser .ser-imgs .swiper-button-next{ right:0;}
.iser .ser-imgs img{ width: 100%; border-radius: 10px;}


/*tits*/
.tits{ text-align: center;}
.tits h3{ color: #016946; font-size: 11.1em; font-weight: 800; opacity: 0.08; line-height: 1; text-transform: uppercase;}
.tits h4{ font-size: 3.6em; font-weight: 800; color:  #016946; margin-top: -80px; text-transform: uppercase;}
.tits p{ font-size: 2.4em; color: #333; line-height: 1.5; font-weight: 100;}

/*tits2*/
.tits2{ text-align: center;}
.tits2 h3{ font-size: 3.6em; color: #016946; font-weight: 800; text-transform: uppercase;}
.tits2 h4{ font-size: 2.4em; color: #333; font-weight: 100;}

/*banners*/
.banners{ position: relative; height: 672px; background-size: cover !important;}
.banners .txt{ position: absolute; bottom: 10%; left: 10%; color: #fff;}
.banners .txt h3{ text-transform: uppercase; font-size: 3.6em; font-weight: bold; line-height: 1.2;}
.banners .txt h4{ font-size: 2.4em; color: #fff; line-height: 1.5; margin-bottom: 10px;}
.banners .txt p{ font-size: 1.4em; color: #fff; line-height: 1.5;}
.news{ background: url(../images/banner/news-banner.jpg) center center no-repeat;}
.contact{ background: url(../images/banner/contact-banner.jpg) center center no-repeat;}
.equipment{ text-align: right; background: url(../images/banner/equipment-banner.jpg) center center no-repeat;}
.product{ background: url(../images/banner/product-banner.jpg) center center no-repeat;}
.qua{ text-align: right; background: url(../images/banner/quality-banner.jpg) center center no-repeat;}
.cus{ text-align: right; background: url(../images/banner/customers-banner.jpg) center center no-repeat;}
.qua .txt,.cus .txt,.equipment .txt{ left: auto; right:10%;}
.product .txt{ text-align:right; bottom: 40%;  left: auto; right:10%;}
.product .txt h3{ color: #016946;}
.product .txt h4,.product .txt p{ color: #333;}
.product .txt h4{ max-width:400px;  margin: 0 0 0 auto;}

/*lists*/
.lists a{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.lists{ background: #d5d5d5; display: flex; text-align: center;}
.lists a{ padding: 12px;  color: #333;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase;}
.lists a p{ font-size: 1.8em; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.lists a.lock,
.c1 .c1,.c2 .c2,
.e1 .e1,.e2 .e2,.e3 .e3{ background: #016946; color: #fff;}
.n-list a,.c-list a{ width: 50%;}
.e-list a{ width: 33.33%;}


/*about*/
.about-t .ab1 .video:after,.ab2 .imgs .honor-slider .img,.ab4 .cul-img .swiper-pagination-bullet:after{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.about-ban{ position: relative; background: url(../images/about/about-banner.jpg) center center no-repeat; background-size: cover !important;}
.aban-slider .swiper-slide{ height: 900px; background-size: cover !important;}
.about-ban .txt{ position: absolute; bottom: 20%; right:10%; color: #fff; text-align: right; z-index: 2;}
.about-ban .txt h3{ font-size: 3.6em; line-height: 1.5; font-weight: bold;}
.about-ban .txt h4{ font-size: 2.4em; line-height: 1.5; margin: 0px 0 5px 0;}
.about-ban .txt p{ font-size: 1.4em; line-height: 1.2; max-width: 240px; margin: 0 0 0 auto;}
.about-t .ab1{ padding: 90px 0 110px 0;}
.about-t .ab1 .t{ max-width: 800px; margin: 60px auto; text-align: center;}
.about-t .ab1 .t p{ font-size: 1.4em; color: #333; line-height: 2;}
.about-t .ab1 .video{ cursor: pointer; max-width: 1230px; margin: 0 auto; text-align: center; position: relative;}
.about-t .ab1 .video img{ max-width: 100%;}
.about-t .ab1 .video:after{ position: absolute; content: ""; width: 87px; height: 87px; background: url(../images/play.png)  center center no-repeat; background-size:contain; left: calc(50% - 43.5px); top:calc(50% - 43.5px);}
.about-t .ab1 .video:hover:after{ transform: scale(0.8);}
.ab2{ background: #f4f4f4; display: flex; align-items: center;}
.ab2 .txt{ padding: 80px 40px; background: #016946; color: #fff; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab2 .txt .t1{ padding-left: 20px;}
.ab2 .txt .t1 h3{ font-size: 3.6em; font-weight: 800; line-height: 1.1; text-transform: uppercase;}
.ab2 .txt .t1 h4{ font-size: 2.4em; font-weight: bold; line-height: 1.5;}
.ab2 .txt .t2{ margin: 50px 0 40px 20px;}
.ab2 .txt .t2 h3{ font-size: 2.4em; line-height: 1.1; text-transform: uppercase;}
.ab2 .txt .t3 p{ padding: 14px 20px; font-size: 1.4em; line-height: 1.5; border-bottom: 1px solid rgba(255,255,255,0.14);}
.ab2 .imgs{ width: 70%; text-align: center;}
.ab2 .imgs .honor-slider{ padding-bottom: 15px; max-width: 900px; margin: 0 auto;}
.ab2 .imgs .honor-slider .img{ transform: scale(0.8); position: relative;}
.ab2 .imgs .honor-slider img{ position: relative; z-index: 2; display: block; max-width: 100%;}
.ab2 .imgs .honor-slider .img:after{ position: absolute; bottom:-10px; left: 4px; width: calc(100% - 8px); height: 20px; content: ""; background: rgba(0,0,0,0.29); border-radius: 50%; filter:blur(2px);}
.ab2 .imgs .swiper-slide-active .img{ position: relative; z-index: 2; transform: scale(1); }
.ab2 .imgs .tit{ margin-top: 40px;}
.ab2 .imgs .tit h3{ text-transform: uppercase; font-size: 2.4em; color: #333; line-height: 1.1;}
.ab2 .imgs .tit p{ font-size: 2.4em; color: #888; line-height: 1.1; text-transform: uppercase;}
.ab3{ padding: 90px 0; background: url(../images/about/ab3-bg.jpg) center center no-repeat; background-size: cover !important; background-attachment: fixed;}
.ab3 .deve{ margin-top: 80px;}
.ab3 .deve .deve-slider{ position: relative; padding:0 5%;}
.ab3 .deve .deve-slider:after{ position: absolute; top:50%; left: 0; width: 100%; height: 2px; content: ""; background: #c7c7c7;}
.ab3 .deve .txt1,.ab3 .deve .txt2{ width: 100%; display: flex;}
.ab3 .deve .swiper-slide .txt1 .t:after,.ab3 .deve .swiper-slide .txt2 .t:after{ position: absolute; top:0; left: 10%; content: ""; width: 2px; height: 50%; background: #016946; z-index: -1;}
.ab3 .deve .swiper-slide .txt2 .t:after{ top:auto; bottom: 0; left: 20%;}
.ab3 .deve .txt1:before,.ab3 .deve .txt1:after,.ab3 .deve .txt2:before,.ab3 .deve .txt2:after{position: absolute;border-radius: 50%; content: "";}
.ab3 .deve .txt1:before,.ab3 .deve .txt2:before{  top:calc(50% - 10px); left: calc(10% - 10px); background: #016946;  padding: 10px; }
.ab3 .deve .txt1:after,.ab3 .deve .txt2:after{ top:calc(50% - 17px); left: calc(10% - 17px); background: rgba(1,105,70,0.4);  padding: 17px;}
.ab3 .deve .txt2:before{left: calc(20% - 10px);}
.ab3 .deve .txt2:after{left: calc(20% - 17px);}
.ab3 .deve .txt2 .t{ margin-left: 40px; }
.ab3 .deve .swiper-slide{ display: flex; flex-wrap: wrap; position: relative; width: 600px; height: 600px; align-content: space-between;}
.ab3 .deve .swiper-slide .t{  padding: 28px 30px; border-radius: 10px; width: calc(100% - 40px);  background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab3 .deve .swiper-slide .t h3{ font-size: 3em; font-weight: 800; color: #016946; font-style: italic;}
.ab3 .deve .swiper-slide .t h4{ font-size: 2em; font-weight: bold; line-height: 1.5; color: #333;  margin-bottom: 12px;}
.ab3 .deve .swiper-slide .t span{ margin: 15px 0; display: inline-block; width: 20px; height: 2px; background: #2c2d28;}
.ab3 .deve .swiper-slide .t p{ font-size: 1.6em; color: #333; line-height: 24px; }
.ab4{ padding: 80px 0;}
.ab4 .cul-img{ position: relative; margin-top: 50px;}

.ab4 .cul-img .swiper{ background: #f3f3f3; --swiper-navigation-color: #016946; --swiper-navigation-size: 15px;}
.ab4 .cul-img .btn{ position: absolute; bottom: 20%; right:5%; width:120px;}
.ab4 .cul-img .swiper-button-prev,.ab4 .cul-img .swiper-button-next{ border: 1px solid #016946; width: 40px; height: 40px; border-radius: 50%;}
.ab4 .cul-img .swiper-slide{ display: flex; background: #f3f3f3;}
.ab4 .cul-img .swiper-slide .img{ width: 55%;}
.ab4 .cul-img .swiper-slide .img img{ width: 100%;}
.ab4 .cul-img .swiper-slide .txt{ padding:80px; width: 45%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab4 .cul-img .swiper-slide .txt h3{ font-size: 2.4em; color: #000; font-weight: 800; line-height: 1.2;}
.ab4 .cul-img .swiper-pagination{ padding-right:20%; text-align: right; bottom:16%;}
.ab4 .cul-img .swiper-pagination-bullet{ position: relative; opacity: 1; margin: 10px; background: #016946;}
.ab4 .cul-img .swiper-pagination-bullet:after{ position: absolute;  content: ""; width: 20px; height: 20px; border: 1px solid  #016946; left: -7px; top:-7px; border-radius: 50%; transform: scale(0);}
.ab4 .cul-img .swiper-pagination-bullet-active:after{transform: scale(1);}

.ab4 .cul2-img{ margin-top: 40px; display: flex; justify-content: space-between;}
.ab4 .cul2-img>div{ width: calc(25% - 10px);}
.ab4 .cul2-img>div img{ width: 100%;}
.ab4 .cul-img .swiper-pagination{ font-size:1.8em; line-height:24px; color:#016946;}
.ab4 .cul-img .swiper-pagination span{ font-size:1em;}


/*product*/
.product-t .top-box .topb p,.product-t .top-box .topb{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.product-t{ padding: 80px 0; background: #f4f4f4;}
.product-t .boxs{ margin-top: 60px; background: #fff;}
.product-t .top-box{ display: flex; }
.product-t .top-box .topb{ width: 33.33%; background: #d5d5d5;}
.product-t .top-box .topb a{ display: block; padding: 28px 10%;}
.product-t .top-box .topb p{ font-size: 1.8em; color: #333; line-height: 1.5; text-align: center; text-transform: uppercase;}
.product-t .top-box .topb:hover,.product-t .top-box .topb.lock{ background: #016946;}
.product-t .top-box .topb:hover p,.product-t .top-box .topb.lock p{ color: #fff;}
.product-t .txt-box{ padding: 35px 50px;}
.product-t .txtb{ display:flex; background: #f4f4f4; align-items: center;}
.product-t .txtb .img{ width: 50%;}
.product-t .txtb .img img{ width: 100%;}
.product-t .txtb .txt{ padding: 20px 5%; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-t .txtb .txt p{ font-size: 1.8em; color: #333; line-height: 1.5; text-transform: uppercase;}
.product-t .imgs{ margin-top: 40px;}
.product-t .imgs .ib{ border-bottom: 1px solid #e3e3e3; display: flex;}
.product-t .imgs .ib .ibd{ width: 25%; text-align: center;}
.product-t .imgs .ib .ibd p{ font-size: 1.6em; line-height: 24px;  padding-bottom: 20px;}
.product-t .imgs img{ width: 100%;}
.product-t .imgs .ib:last-child{border:none;}


/*news*/
.news-t{ padding: 80px 0;}
.news-t .boxs .img img,.news-t .boxs .txt h3,.news-t .box .txt h5,.news-t .box .txt h5 span img{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.news-t .boxs{ display: flex; margin-top: 50px; flex-wrap: wrap;}
.news-t .boxs .box {   width: calc(33.33% - 40px); margin: 20px;}
.news-t .box .img{ overflow: hidden;}
.news-t .box .img img{ width: 100%;}
.news-t .box .txt{ padding: 30px 40px; background: #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news-t .box .txt h4{ font-size: 1.8em; color: #016946; line-height: 1.5;}
.news-t .box .txt h3{ margin: 12px 0 20px 0; font-size: 2em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news-t .box .txt p{ font-size: 1.4em; color: #888; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.news-t .box .txt h5{font-size: 1.4em; color: #888; line-height: 1.5; margin-top: 20px;}
.news-t .box .txt h5 span img{ margin: 0 0 -3px 5px;}
.news-t .box:hover h5 span img{ margin: 0 0 -3px 15px;}
.news-t .box:hover img{transform: scale(1.2);}
.news-t .box:hover h3{ color: #016946; font-weight: bold;}
.news-t .box:hover h5{ color: #016946;}

/*newsshow*/
.newsshow .btn a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.newsshow{ padding:80px 0;}
.newsshow .boxs{ background:#f5f5f5; }
.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#727171; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px; }
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#016946 !important; color:#fff !important;}

/*equipment*/
.eqltxt .eql .eqt p{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.equipment-t{ padding: 80px 0;}
.eqltxt{ margin-top: 70px; display: flex;}
.eqltxt .eql{ width: 240px; border-right: 1px solid #c1c1c1;}
.eqltxt .eql .eqt p{ text-transform: uppercase;  margin-bottom: 20px; font-size:1.8em; color: #2c2d28; line-height: 1.2; padding: 10px 14px; cursor: pointer; }
.eqltxt .eql .eqt.hover p{ color: #fff; background: #016946;}
.eqltxt .eqr{ width: calc(100% - 240px); padding-left: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.eqltxt .eqi{ display:none;}
.eqltxt .eqi:first-child{ display: block;}
.eqltxt .eqi .txt{ margin-bottom: 30px;}
.eqltxt .eqi .txt h3{ font-size: 2.4em; color: #016946; font-weight: bold; margin-bottom: 20px;}
.eqltxt .eqi .txt p{ font-size: 1.6em; color: #333; line-height: 1.5;}
.eqltxt .eqi .imgs img{ width: 100%;}
.eqltxt .eqi .swiper{ padding: 0 18%; --swiper-navigation-color: #fff; --swiper-navigation-size: 30px; }


/*quality*/
.q1{ padding: 70px 0; overflow: hidden;}
.q1 .tip{ max-width: 1220px; margin: 60px auto 60px auto;}
.q1 .tip p{ font-size: 1.6em; color: #333; line-height: 1.5;}
.q1 .imgs{ display: flex; justify-content: center; align-items: flex-end;}
.q1 .imgs img{ max-width: 100%;}
.q2{ background: #f0f0f0; padding: 60px 0;}
.q2 .tip{  text-align: center; margin-bottom: 60px;}
.q2 .tip p{font-size: 2.4em; color: #333; line-height: 1.5;}
.q2 .qb{ max-width: 1240px; margin: 0 auto;}
.q2 .qb,.q2 .qb .qr{ display: flex; flex-wrap: wrap;text-align: center;}
.q2 .qb img{ max-width: 100%;}
.q2 .qb .ql{ width: 30%;}
.q2 .qb .qr{ width: 70%;}
.q2 .qb .qr .qi{ width: 33.33%;}

/*customers*/
.customers{ padding: 80px 0;}
.customers .imgs{ text-align: center;}
.customers .imgs p{ font-size: 1.6em; color: #333; line-height: 1.5; margin:60px auto 40px auto;}
.customers .imgs img{ max-width: 100%;}
.cu-imgs{ background: #eaeaea; padding: 100px 0;}
.cu-imgs .imgs{ display: flex; flex-wrap: wrap;}
.cu-imgs .imgs>div{ overflow: hidden; margin: 20px; border-radius: 10px;}


/*contact*/
.con1{ padding: 80px 0; background: #f4f4f4;}
.con1 .boxs{ display: flex; margin-top: 80px; background: #fff;}
.con1 .boxs .txt{ width: 70%; padding: 60px 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.con1 .boxs .txt .tit h3{ font-size: 2.4em; font-weight: bold; color: #016946;}
.con1 .boxs .txt .tit h4{ font-size: 1.6em; color: #888; line-height: 1.5;}
.con1 .boxs .txt .tit span{ width: 20px; height: 3px; display: inline-block; background: #c0c0c0; margin: 40px 0 50px 0;}
.con1 .boxs .txt .t .d{ margin: 8px 0; display: flex; align-items: center;}
.con1 .boxs .txt .t .d p{ padding-left: 12px; font-size: 1.6em; color: #888; line-height: 1.5;}
.con1 .boxs .txt .t .d p a{ display: inline-block; padding-right: 20px; font-size: 1em; color: #888; }
.con1 .boxs .txt .t .d p a:hover{ text-decoration: underline;}
.con1 .boxs .two{ padding: 60px 40px 20px 40px; width: 30%; background: url(../images/con1-bg.jpg) right center no-repeat #016946; background-size: contain !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.con1 .boxs .two .tit h3{ font-size: 2.4em; color: #fff; line-height: 1.5;}
.con1 .boxs .two .tit span{ background: #c0c0c0; width: 20px; height: 3px;  display: inline-block; margin: 25px 0 20px 0;}
.con1 .boxs .two .d{ max-width: 130px;}
.con1 .boxs .two .d a{ font-size: 1.6em; color: #fff; line-height: 1.5; display: block; text-align: center; margin-bottom: 20px;}
.con1 .boxs .two .d a:hover{ text-decoration: underline;}
.con2{ padding: 80px 0;}

.con2 input{ font-size: 1.4em; outline:none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; padding: 12px 35px; width: 100%; background: #f4f4f4;}
.con2 .form{ margin-top: 70px;}
.con2 .dot{ width: calc(100% + 50px); margin-left: -25px; overflow: hidden;}
.con2 .dot input{ width: calc(50% - 50px); margin:0 25px 20px 25px; float:left; }
.con2 .fc-cont{ margin-bottom: 20px;}

.con2 .fc-input::-webkit-input-placeholder{ color:#888;}
.con2 .fc-input:-moz-placeholder{ color:#888;}
.con2 .fc-input::-moz-placeholder{ color:#888;}
.con2 .fc-input:-ms-input-placeholder{ color:#888;}
.con2 .btn .fc-btn{ width: 100%; border:none; padding:16px 15px;  font-size:1.8em; color:#fff; line-height:24px; cursor:pointer; background: #016946; text-transform: uppercase;}
.con2 .btn .fc-btn:hover{ background: #000;}


/*map*/
/*map*/
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0;}
.content-window-card p { height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0;}
div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 10px;}
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s;}
div.info-top img:hover { box-shadow: 0px 0px 5px #000;}
div.info-middle { font-size: 12px; padding: 10px 6px; line-height: 20px;}
div.info-bottom {height: 0px; width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative;  z-index: 104;}
#map span { margin-left: 5px; font-size: 11px;}
.info-middle img { float: left; margin-right: 6px;}
#container{ height:670px;}