@charset "utf-8";
/* CSS Document */
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 { 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:1440px; 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:20px;}
div.fy a { margin:2px 2px;padding:8px 12px;color:#666;font-size:1.4em; display:inline; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy a:hover{color:#fff;  background: #3a9d45; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy a:active{ color:#fff;  background: #3a9d45; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy span.current{  margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em;  background: #3a9d45;box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy span.disabled{  margin:2px 2px;padding:8px 12px; color:#666; font-size:1.4em; background: #fff;  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger { width: 24px; height: 14px;	position:absolute;	top: 25px;	right: 25px;	z-index: 999;display: none !important;}
#hamburger:before, #hamburger:after, #hamburger span { background:#3a9d45; 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;}
/*弹出input*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center {background-color:#444;  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0; left: 0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; font-size:3.2em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left;border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.s-close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;	display:block;}
.s-close::before,.s-close::after {	content:'';	width:40px;	height:2px;	background:#FFF;	display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.s-close::before {	-webkit-transform:rotate(45deg);	transform:rotate(45deg);}
.s-close::after {	-webkit-transform:translateY(-2px) rotate(-45deg);	transform:translateY(-2px) rotate(-45deg);}
.s-close:hover:before{transform:rotate(90deg);}
.s-close:hover:after{ transform:rotate(0deg);}

.overCurtain2 .s-close{ float: right; top:20px; right: 20px; position: absolute;}
.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:999;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;	width: 100%;   max-width: fit-content;	}

/*header*/
.header{  z-index: 2; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .warp{ display: flex; align-items: center; justify-content: space-between;}
.header .logo{ padding: 10px 0;}
.header .munes,.header .munes .mune{  display: flex;}
.header .munes a{ color: #333; font-size: 1.6em; text-transform: uppercase; line-height: 24px;}
.header .munes a:hover,.header .hm a:hover{ text-decoration: underline;}
.header .munes .mune .m-dot{ margin: 0 40px;} 
.header .hm{ display: flex; align-items: center;}
.header .hm .sreach{ margin-right: 30px;}
.header .hm a,.header .hm p{ font-size: 1.6em; color: #333;}
.header .hm .lun{ display: flex;}


/*footer*/
.footer a{ color: #fff;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.footer{ background: #eee; }
.footer .fo1{ border-bottom: 1px solid #fff; padding: 45px 0;}
.footer .fo1 .warp,.footer .fo2 .warp{  display: flex; justify-content: space-between; }
.footer .fo1 .fsreach h3{ font-size: 2.4em;}
.footer .fo1 .fsreach p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.footer .fo1 .fsreach input{ border-radius: 5px; font-size: 1.6em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000;  border: none; padding: 8px 10px; }
.footer .fo1 form{ margin: 15px 0 10px 0;}
.footer .fo1 .fst{ width: 500px;}
.footer .fo1 .fsb{ margin-left: -10px; background: url(../images/sreach2.png) center center no-repeat #3a9d45; width: 150px; background-size:  auto 50%;}
.footer .fo1 .ftwo{ width: 30%;}
.footer .fo1 .ftwo img{ max-width: 100%;}
.footer .fo2{ padding: 40px 0 60px 0;}
.footer .fo2 .fmenu{ display:  flex;}
.footer .fo2 .fmenu .fm{ margin-right: 130px;}
.footer .fo2 .fmenu .fm h3 a{ font-size: 1.6em; color: #333; display: block; margin-bottom: 35px;}
.footer .fo2 .fmenu .fm p a{ font-size: 1.4em; color: #888; line-height: 1.5; margin-bottom: 30px; display: block;}
.footer .fo2 .fct{ width: 30%;}
.footer .fo2 .fct h3{ font-size: 1.6em; color: #333; line-height: 1.5; margin-bottom: 35px;}
.footer .fo2 .fct p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.footer .fo2 .fct p  a{ font-size: 1em; color: #888;}
.footer .fo2 a:hover{ color: #000 !important; text-decoration: underline;}
.footer .fo3{ border: 1px solid #86d0da; padding: 24px 0px; background-image:linear-gradient(90deg,#1b9141 0%,#e1dd5b 100%);}
.footer .fo3 .warp{  display: flex;}
.footer .fo3 p{ font-size:1.4em; color: #fff; line-height: 1.5; padding-right: 20px;}
.footer .fo3 p a{ font-size:1em; color: #fff;}

.bottomlist{ background:#333; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:400;}
.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 .txt{ transition:ease 2.5s all;-moz-transition: ease 2.5s all; -webkit-transition:ease 2.5s all; -o-transition: ease 2.5s all; }
.banner .swiper-slide{ position: relative; display: flex; align-items: center; background-size: cover !important; height: 800px; overflow: hidden;}
.banner .ban1{ background: url(../images/banner01.jpg) center center no-repeat; background-size: cover !important;}
.banner .ban2{ background: url(../images/banner02.jpg) center center no-repeat; background-size: cover !important;}
.banner .txt{ width: 100%;}
.banner .txt img{ max-width: 50%;}
.banner .ban1 .txt{ text-align: right; padding-right: 6%;}
.banner .ban2 .txt{ padding-left: 6%;}
.banner .txt{ transform: scale(0);}
.banner .swiper-slide-active .txt{ transform: scale(1);}
.banner .swiper-pagination-bullet{ width: 10px; height: 10px;  opacity: 1; background: #fff;}
.banner .swiper-pagination-bullet-active{ background: #58c524;}
/*tits*/
.tits{ text-align: center;}
.tits h3{ font-size: 6em; color: #333; font-weight: bold; text-transform: uppercase; opacity: 0.1; line-height: 1;}
.tits h4{ margin: -34px 0 20px 0; font-size: 3em; color: #333; font-weight: bold; line-height: 1;}
.tits p{ font-size: 2.4em; color: #333; line-height: 1.2;}
/*iab*/
.iab .txts .txt 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;}
.iab{ padding: 100px 0; overflow: hidden;}
.iab .txts{ display: flex;  padding: 140px 0 0 0;}
.iab .txts .img{ transform: translateY(-50px); width: 55%;}
.iab .txts .img img{ width: 100%;}
.iab .txts .txt{ text-align: center;  padding: 5%; margin: 0 0 0 -80px; width: 45%; background: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.iab .txts .txt h3{ font-size: 6em; color: #333; font-weight: bold; text-transform: uppercase; opacity: 0.1; line-height: 0.8;}
.iab .txts .txt h4{ margin: -66px 0 80px 0; font-size: 3em; color: #333; font-weight: bold; line-height: 1;}
.iab .txts .txt p{ font-size: 1.8em; color: #333; line-height: 2;}
.iab .txts .txt a{ margin-top: 50px; padding: 20px 70px; font-size: 1.8em; border-radius: 40px; display: inline-block; color: #fff; line-height: 1.2; background-image:linear-gradient(90deg,#1b9141 0%,#e1dd5b 100%);}
.iab .txts .txt a:hover{ box-shadow: 4px 4px 0 #e1dd5b;}
/*ip*/
.ips .txt{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;}
.ip{ padding: 110px 0 120px 0; background:url(../images/ip-bg.jpg) center center no-repeat;}
.ip .tits h3,.ip .tits h4,.ip .tits p{ color: #fff;}
.ips .ip-slider{ padding: 80px 0 100px 0; }
.ips .swiper-slide{ position: relative; overflow: hidden; }
.ips .img{  overflow: hidden; }
.ips .img img{ width: 100%;}
.ips .txt{ padding: 4% 6%; align-content: center; align-items: center; display: flex; flex-wrap:wrap; color: #fff; transform:  scale(0); position: absolute; top:0; right: -50%; width: 50%; height: 100%; content: ""; background: rgba(40,150,67,0.9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ips .txt>*{ width: 100%;}
.ips .txt h3{ font-size: 3em; line-height: 32px;  height: 32px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;  }
.ips .txt span{ margin: 8% 0 12% 0; display: inline-block; width: 50px; height: 2px; background: #fff;}
.ips .txt p{ font-size: 1.8em; color: #fff; line-height: 24px;  height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.ips .swiper-slide:hover .txt{transform: scale(1); right: 0%; }
.ips .swiper-container-horizontal>.swiper-scrollbar{ max-width: 60%; left: 20%;}
.ips .swiper-scrollbar{ background: #fff;}
.ips .swiper-scrollbar-drag{ background-image:linear-gradient(90deg,#1b9141 0%,#e1dd5b 100%);}
/*ivideo*/
.ivideo .iv:after,.ivideo .txt .t 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;}
.ivideo{ padding: 110px 0; display: flex;}
.ivideo .iv{cursor: pointer; width: 55%; position: relative; height: 100%;}
.ivideo .iv:after{  position: absolute; top:calc(50% - 83px); left:calc(50% - 83px); width: 126px; height: 126px; content: ""; background: url(../images/play.png) center center no-repeat; background-size: contain !important;}
.ivideo .iv img{ width: 100%;}
.ivideo .iv:hover:after{ transform: scale(1.1);}
.ivideo .txt{ width: 45%;}
.ivideo .txt .tits{ margin: 20px 80px; text-align: left;}
.ivideo .txt .tits h4{ margin: -74px 0 100px 0;}
.ivideo .txt .t{  padding: 40px 90px 80px 130px; background: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -50px; z-index: 2; position: relative; width: 100%;}
.ivideo .txt .t p{ font-size: 1.8em; color: #333; line-height: 2;}
.ivideo .txt .t a{ margin: 50px 0 40px 0; padding: 20px 70px; font-size: 1.8em; border-radius: 40px; display: inline-block; color: #fff; line-height: 1.2; background-image:linear-gradient(90deg,#1b9141 0%,#e1dd5b 100%);}
.ivideo .txt .t a:hover{ box-shadow: 4px 4px 0 #e1dd5b;}
.ivideo .txt .t img{ max-width: 100%;}
/*inews*/
.inews .more a,.inews .inews-pag .swiper-pagination-bullet,.inews .swiper-slide .img img{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;}
.inews{ padding: 0 0 90px 0;}
.inews .ndots{ display: flex; margin-top: 60px; justify-content: space-between;}
.inews .inews-slider{ width: 70%;}
.inews .inews-slider .swiper-slide a{ display: flex;}
.inews .swiper-slide .img{ overflow: hidden; width: 50%;}
.inews .swiper-slide .img img{ width: 100%;}
.inews .swiper-slide .txt{ padding-bottom: 40px; width: 50%; background: #f7f7f7; padding: 5% 5% 12px 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inews .swiper-slide .txt h3{ font-size: 2.4em; color: #333; line-height: 28px; height: 28px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.inews .swiper-slide .txt h4{ font-size: 1.6em; color: #333; line-height: 1.5; margin: 20px 0 40px 0;}
.inews .swiper-slide .txt p{ font-size: 1.6em; color: #333; line-height: 24px; height: 72px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;}
.inews .swiper-slide .txt span{ display: block; margin-top: 50px;}
.inews .swiper-slide:hover .img img{ transform: scale(1.1);}
.inews .inews-pag{ text-align: right; bottom: 0;}
.inews .inews-pag .swiper-pagination-bullet{ width: 50px; height: 5px; border-radius: 5px; background: #ececec; opacity: 1;}
.inews .inews-pag .swiper-pagination-bullet-active{ background: #3a9d45; width: 150px;}
.inews .more-news{ width: 30%; padding-left: 80px;}
.inews .more-news h3{ font-size: 2.4em; color: #333; line-height: 1.5; margin-bottom: 20px;}
.inews .more-news img{ width: 100%;}
.inews .more-news a{ font-size: 1.8em; color: #333; display: block; padding: 12px 18px; border-bottom: 1px solid #d6d6d6;}
.inews .more-news a p{ font-size: 1em; height: 24px; line-height: 24px;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.inews .more-news a:hover{ border-bottom: 1px solid #3a9d45;}
.inews .more{ text-align: center;}
.inews .more a{ margin: 60px 0 0px 0; padding: 20px 70px; font-size: 1.8em; border-radius: 40px; display: inline-block; color: #fff; line-height: 1.2; background-image:linear-gradient(90deg,#1b9141 0%,#e1dd5b 100%);}
.inews .more a:hover{ box-shadow: 4px 4px 0 #e1dd5b;}


/*banners*/
.banners .warp{ align-items: center; display: flex; justify-content:flex-end; height: 600px; background-size: cover !important; }
.banners .txt{  text-align: right;}
.banners .txt h3{ font-size: 4.8em; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1.2;}
.banners .txt span{ display: inline-block; width: 46px; height: 3px; background: #fff; margin-top: 20px; }
.about{ background: url(../images/banners/about-banner.jpg) center center no-repeat;}
.contact{ background: url(../images/banners/contact-banner.jpg) center center no-repeat;}
.news{ background: url(../images/banners/news-banner.jpg) center center no-repeat;}
.product{ background: url(../images/banners/product-banner.jpg) center center no-repeat;}

/*about*/
.ab2 .more a,.ab2 .imgs .img img,.ab4 span img{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;}
.ab1{ padding: 80px 0; background: #f7f8fa; overflow: hidden;}
.ab1 .t{ max-width: 1150px; margin: 55px auto 0 auto; text-align: center;}
.ab1 .t p{ font-size: 1.8em; color: #333; line-height: 2;}
.ab2{ padding: 80px 0 60px 0; background: #eee; overflow: hidden;}
.ab2 .imgs{ padding: 40px 25px; display: flex; }
.ab2 .imgs .img{ width: calc(33.33% - 30px); margin: 0 15px; overflow: hidden;}
.ab2 .imgs .img img{ width: 100%;}
.ab2 .imgs .img:hover img{ transform: scale(1.1);}
.ab2 .more{ text-align: center;}
.ab2 .more a{ padding: 20px 70px; font-size: 1.8em; border-radius: 40px; display: inline-block; color: #fff; line-height: 1.2; background-image:linear-gradient(90deg,#1b9141 0%,#e1dd5b 100%);}
.ab2 .more a:hover{ box-shadow: 4px 4px 0 #e1dd5b;}
.ab3{ padding: 120px 0 290px 0; overflow: hidden; background: url(../images/honor-line.jpg) center bottom no-repeat; background-size: 100% 290px;}
.ab3 .warp{ display: flex; justify-content: space-between;}
.ab3 .txt{ max-width: 440px; padding-right: 30px; width: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ab3 .txt .tits{ text-align: left;}
.ab3 .txt .tits h4{ margin: -74px 0 60px 0;}
.ab3 .txt p{ font-size: 1.8em; color: #333; line-height: 2;}
.ab3 .imgs{ width: 60%;}
.ab3 .honor-slider{ padding-top: 120px;}
.ab3 .honor-slider img{ width: 100%;}
.ab3 .swiper-container-horizontal>.swiper-scrollbar{ max-width: 350px; right:0; left: auto; bottom: auto; top:0; border-radius: 0;}
.ab3 .swiper-scrollbar{ background: #eee;}
.ab3 .swiper-scrollbar-drag{ background-image:linear-gradient(90deg,#1b9141 0%,#e1dd5b 100%);}
.ab4{ background: url(../images/video.jpg) center center no-repeat; background-size: cover !important;}
.ab4 a{ height: 100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.ab4 .tits h3,.ab4 .tits h4{ color: #fff;}
.ab4 span{ display: block; margin-top: 40px;}
.ab4:hover img{ transform: scale(0.9);}

/*equipment*/
.equipment .imgs .img img{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;}
.equipment{ padding: 80px 0; }
.equipment .imgs{ padding: 40px 25px; display: flex; flex-wrap: wrap;}
.equipment .imgs .img{ width: calc(33.33% - 30px); margin: 15px; overflow: hidden;}
.equipment .imgs .img img{ width: 100%;}
.equipment .imgs .img:hover img{ transform: scale(1.1);}

/*product*/
.product-t .plists .plds,.pro-boxs .dot .txt{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;}
.p-tip{ padding: 20px 0; border-top:1px solid #eee;}
.p-tip .warp>*{ font-size: 1.4em; color: #888; line-height: 1.5; display: inline-block;  margin-right: 10px;}
.product-t{ padding: 40px 0 100px 0; background: #f5f5f5; overflow: hidden; }
.product-t .plists .tit h3{ font-size: 2.4em; font-weight: bold; color: #333; line-height: 1.2; margin-bottom: 16px;}
.product-t .plists .plds{ position: relative; overflow: hidden; display: flex;  flex-wrap: wrap; height: 135px;}
.product-t .plists .plds p{ padding: 10px 0; width: 12.5%; border-bottom: 1px solid #dcdcdc;}
.product-t .plists .plds p a{ border-right: 1px solid #dcdcdc; display: block; padding: 0 30px; font-size: 1.6em;   color: #888; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.product-t .plists .plds p:nth-child(8n) a{ padding-right: 60px; border: none;}
.product-t .plists .plds .more{ cursor: pointer; position:absolute; bottom: 10px; right:0;  width: 21px; height: 21px; background: url(../images/plm1.png) center center no-repeat; background-size: contain !important;}
.product-t .plists .plds.on{ height: auto;}
.product-t .plists .plds .more.close{ display: none !important;}
.product-t .plists .plds p a:hover,.product-t .plists .plds p a.lock{ font-weight: bold; color: #333;} 
.product-t .pro-boxs{ padding: 50px 60px; display: flex; flex-wrap: wrap;}
.product-t .pro-boxs .dot{ width: calc(33.33% - 30px); margin: 15px; overflow: hidden;}
.pro-boxs .dot{ position: relative;}
.pro-boxs .dot .img{  overflow: hidden; }
.pro-boxs .dot .img img{ width: 100%;}
.pro-boxs .dot .txt{ padding: 4% 6%; align-content: center; align-items: center; display: flex; flex-wrap:wrap; color: #fff; transform:  scale(0); position: absolute; top:0; right: -50%; width: 50%; height: 100%; content: ""; background: rgba(40,150,67,0.9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .dot .txt>*{ width: 100%;}
.pro-boxs .dot .txt h3{ font-size: 3em; line-height: 32px;  height: 32px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;  }
.pro-boxs .dot .txt span{ margin: 8% 0 12% 0; display: inline-block; width: 50px; height: 2px; background: #fff;}
.pro-boxs .dot .txt p{ font-size: 1.8em; color: #fff; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.pro-boxs .dot:hover .txt{transform: scale(1); right: 0%; }

/*productshow*/
.productshow .btns a,.productshow .btns 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;}
.productshow{ padding: 70px 0 100px 0; background: #f5f5f5;}
.productshow .txts{ margin-bottom: 120px; display: flex;}
.productshow .txts .img{ width: 50%;}
.productshow .txts .img img{ max-width: 96%;}
.productshow .txts .txt{ width: 50%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.productshow .txt .tit h3{ font-size: 2.8em; color: #333; font-weight: bold; line-height: 1.2; margin: 20px 0;}
.productshow .txt .tit{ margin-bottom: 40px; border-bottom: 2px solid #a0a0a0;}
.productshow .txt .t p{ font-size: 1.6em; color: #333; line-height: 2;}
.productshow .btns{ display: flex; justify-content: space-between;}
.productshow .btns a{ display: flex; align-items: center; background: #fff; padding: 12px 40px; border-radius: 5px;}
.productshow .btns a>*{ padding: 0 10px;}
.productshow .btns a span{ width: 70px; height: 7px;  background: url(../images/arrow.png) center center no-repeat; background-size: contain;}
.productshow .btns a p{ font-size: 1.6em; color: #555; line-height: 1.5;}
.productshow .btns .next .type{ order: -1;}
.productshow .btns .next span{ order: 2; transform:rotate(180deg);}
.productshow .btns a:hover{ background: #3a9d45;}
.productshow .btns a:hover p{ color: #fff;}


/*news*/
.news-t .ntxts .ntd a img,.news-t .ntxts .ntd .txt h3{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;}
.news-t{ padding: 80px 0;}
.news-t .tip{ display: flex; justify-content: space-between; align-content: center; align-items: center;}
.news-t .tits{ text-align: left;}
.news-t .nlist a{ padding: 14px 38px; background: #eee; font-size: 1.8em; border-radius: 40px; color: #333; line-height: 1.5; display: inline-block; margin-left: 20px;}
.news-t .nlist a.lock{ background: #1e9241; color: #fff;}
.news-t .ntxts .ntd{ margin-top: 40px; background: #f7f7f7;}
.news-t .ntxts .ntd a{ display: flex; align-items: center;}
.news-t .ntxts .ntd .img{ width: 32%; overflow: hidden;}
.news-t .ntxts .ntd .img img{ width: 100%;}
.news-t .ntxts .ntd .txt{ padding: 20px 4%; width: 68%; background: #f7f7f7;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news-t .ntxts .ntd .txt h3{ font-size: 2.4em; color: #333; line-height: 28px; height: 28px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.news-t .ntxts .ntd .txt h4{ font-size: 1.6em; color: #333; line-height: 1.5; margin: 20px 0 40px 0;}
.news-t .ntxts .ntd .txt p{ font-size: 1.6em; color: #333; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.news-t .ntxts .ntd .txt span{ display: block; margin-top: 50px;}
.news-t .ntxts .ntd:hover .img img{ transform: scale(1.1);}
.news-t .ntxts .ntd:hover .txt h3{ color: #1e9241;}

/*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; border-bottom: 1px solid #eee;}
.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:#3a9d45 !important; color:#fff !important;}

/*contact*/
.contact-t .dot .img img,.feedback .fc-btn{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;}
.contact-t{ overflow: hidden; padding: 80px 0 100px 0;}
.contact-t .tits{ text-align: left;}
.contact-t .dots{ margin-top: 30px; display: flex;}
.contact-t .dots .dot{ text-align: center;width: 33.33%; background: #f6f6f6;}
.contact-t .dot>*{ display: flex; width: 100%; align-items: center; cursor: pointer;}
.contact-t .dot>*>*{ padding: 0 20px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact-t .dot .d2 .img{ order: 2;}
.contact-t .dot .img{ padding: 30px 6px; background: #eee; }
.contact-t .dot .img img{ max-width: 80%; max-height: 90%;}
.contact-t .dot .t h3{ font-size: 2.4em; font-weight: bold; color: #333; line-height: 1.5; margin-bottom: 6px;}
.contact-t .dot .t h4{ font-size: 2.4em; color: #333; line-height: 1.5;}
.contact-t .dot .t p,.contact-t .dot .t a{ font-size: 1.8em; color: #333; line-height: 1.5;}
.contact-t .dot .t a:hover{ text-decoration: underline;}
.contact-t .dot>*:hover .img img{ transform: rotateY(180deg);}

.feedback{ padding: 100px 0 80px 0; }
.feedback>*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.feedback .tits{ text-align: left;}
.feedback .tits p{ font-size: 1.8em; color: #888; line-height: 1.5;}
.feedback form{ margin-top: 50px; justify-content: space-between; display: flex; flex-wrap: wrap;}
.feedback input,.feedback textarea{ font-size: 1.6em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000;  border: none; padding: 12px 14px; background: #f5f5f5; width: 100%;}
.feedback .dot{ width: 100%; margin-bottom: 30px; overflow: hidden; display: flex; justify-content: space-between;}
.feedback .dot input { width: calc(50% - 35px); }
.feedback .fc-cont{ width: 100%;}
.feedback .fc-input::-webkit-input-placeholder,.feedback textarea::-webkit-input-placeholder { color:#555;font-family: "Arial","Microsoft Yahei";}
.feedback .fc-input:-moz-placeholder,.feedback textarea:-moz-placeholder { color:#555;font-family: "Arial","Microsoft Yahei";}
.feedback .fc-input::-moz-placeholder,.feedback textarea::-moz-placeholder { color:#555;font-family: "Arial","Microsoft Yahei";}
.feedback .fc-input:-ms-input-placeholder,.feedback textarea:-ms-input-placeholder { color:#555; font-family: "Arial","Microsoft Yahei";}
.feedback .btn{ margin: 50px 0 0 auto;  text-align: right; }
.feedback .fc-btn{ border:none; padding:10px 65px;  font-size:1.6em; color:#fff; line-height:24px; cursor:pointer;  border-radius: 40px; font-style: normal; background-image:linear-gradient(90deg,#1b9141 0%,#e1dd5b 100%);}
.feedback .fc-btn:hover{ box-shadow: 4px 4px 0 #e1dd5b;}

/*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: 1.5; padding: 12px 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:660px;}