@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:20px;}
div.fy a { margin:2px 2px;padding:4px 8px;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:#1D96A5;box-shadow: 0 0 5px rgba(0,0,0,0.1); }
div.fy a:active{ color:#fff; background:#1D96A5; box-shadow: 0 0 5px rgba(0,0,0,0.1);  }
div.fy span.current{ margin:2px 2px;padding:4px 8px; color:#fff;  font-size:1.4em; background:#1D96A5;box-shadow: 0 0 5px rgba(0,0,0,0.1);  }
div.fy span.disabled{ margin:2px 2px;padding:4px 8px; 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: block;}
#hamburger:before, #hamburger:after, #hamburger span { background:#1D96A5; 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{ width: 100%; }
.header .logo{ padding:12px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .logo img{ width: 160px;}


/*footer*/
.footer a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer{ text-align: center; padding: 12px 0; background: #333; }
.footer p{ font-size: 1.4em; color: #fff; line-height: 1.5; display: inline-block; padding: 0 10px;}
.footer p a{ color: #fff; font-size: 1em;}
.footer p a:hover{text-decoration: underline;}

.bottomlist{ background:#1D96A5; 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:25px; height:25px;}

body{ position: relative; max-width: 640px; margin: 0 auto; background: #f5f5f5;}
body>div{ background: #fff;}


/*banner*/
.banner{ overflow: hidden;  position: relative;}
.banner .swiper-pagination-bullet{ position: relative; opacity: 0.4;  background: #1D96A5; width: 12px; height: 12px;}
.banner .swiper-pagination-bullet-active{ opacity: 1; background: #1D96A5;}
.banner img{ width: 100%;}
/*i-tit*/
.i-tit{ text-align: center;}
.i-tit h3{text-transform: uppercase; font-size: 2em; color: #666; line-height: 24px; margin-bottom: 40px; position: relative;}
.i-tit h3:after{ position: absolute; bottom:-10px; background: #1D96A5; width: 60px; height: 2px; content: ""; left: calc(50%  - 30px);}
.i-tit h3:before{ position: absolute; bottom:-16px; background: #fff; width: 10px; height: 10px; content: ""; left: calc(50%  - 7px); border-radius: 50%; border:2px solid #96C653; z-index: 2;}
.i-tit h4{ text-transform: uppercase; font-size: 1.6em;  color: #B2B2B2; font-style: italic;}
/*ip*/
.ip .ipb .swiper-button-prev,.ip .ipb .swiper-button-next,.ip .ipb .swiper-slide .txt *,.ip .ipb .swiper-slide{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ip{ padding: 40px 0;}
.ip .ipb{ margin-top: 40px;}
.ip .ipb .ip-slider{ padding-bottom: 60px;}
.ip .ipb .swiper-slide{ padding: 20px; border-radius: 150px; background: #f0f0f0;}
.ip .ipb .swiper-slide .img{ border-radius: 50%; overflow: hidden;}
.ip .ipb .swiper-slide .img img{ width: 100%;}
.ip .ipb .swiper-slide .txt{ text-align: center; padding: 30px 0;}
.ip .ipb .swiper-slide .txt h3{ font-size: 1.6em; color: #333; line-height: 1.5; margin-bottom: 15px; position: relative; }
.ip .ipb .swiper-slide .txt h3:after{ position: absolute; bottom:-5px; background: #B2B2B2; width: 20px; height: 1px; content: ""; left: calc(50%  - 10px);}
.ip .ipb .swiper-slide .txt p{ font-size: 1.4em; line-height: 20px; height: 80px; text-align: left; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:4;}
.ip .ipb .swiper-slide .txt span{ border-radius: 5px; border: 1px solid #1D96A5; color: #1D96A5;  display: inline-block; font-size: 1.4em; margin-top: 40px; padding: 8px 20px;}
.ip .ipb .swiper{ --swiper-navigation-color: #fff; --swiper-navigation-size: 16px;}
.ip .ipb .btn{ position: relative; width: 100px; left: calc(50% - 50px); margin-top: 30px;}
.ip .ipb .swiper-button-prev,.ip .ipb .swiper-button-next{ width: 40px; height: 40px; border-radius: 50%;  background:#1D96A5;}
.ip .ipb .swiper-button-prev{ left:0;}
.ip .ipb .swiper-button-next{ right:0;}
.ip .ipb .swiper-slide:hover{ background: #96C653;}
.ip .ipb .swiper-slide:hover h3,.ip .ipb .swiper-slide:hover p{ color: #fff;}
.ip .ipb .swiper-slide:hover .txt span{ color: #fff; background: #1D96A5;}
/*inews*/
.inews{ padding: 60px 0; background: #f5f5f5;}
.inews .n-txts{ margin-top: 30px;}
.inews .n-txts .tit{ border-bottom: 1px solid #eee; display: flex; align-content: center; justify-content: space-between;}
.inews .n-txts .tit h3{ font-size: 1.6em; color: #333; line-height: 1.5; border-bottom: 2px solid #96C653; padding-bottom: 10px;}
.inews .n-txts .tit a{ font-size: 1.4em; color: #666; line-height: 1.5;} 
.inews .n-txts .nts{ margin: 20px 0;}
.inews .n-txts .nts a{ display: flex; align-items:center;}
.inews .n-txts .nts .img{ width: 160px; margin-right: 20px;}
.inews .n-txts .nts .img img{ width: 100%;}
.inews .n-txts .nts .txt{ width: calc(100% - 160px);}
.inews .n-txts .nts .txt .t{ display: flex; margin-bottom: 12px; justify-content: space-between;}
.inews .n-txts .nts .txt h3{ width: calc(100% - 70px); font-size: 1.6em; line-height: 24px; height: 24px; color: #333; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.inews .n-txts .nts .txt p{ font-size: 1.4em; line-height: 24px; height: 48px; color: #333; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.inews .n-txts .nts .txt span{ font-size: 1.4em; color: #888; line-height: 1.5;}
/*iab*/
.iab{ padding: 40px 0; background: url(../images/iab-bg.jpg) center center no-repeat; background-size: cover !important;}
.iab .img{ margin: 40px 0; text-align: center;}
.iab .txts{ text-align: center;}
.iab .txts p{ font-size: 1.4em;  line-height: 1.5; color: #333; text-indent: 2em; text-align: left;}
.iab .txts a{ display: inline-block; border-radius: 5px; border: 1px solid #1D96A5; color: #1D96A5;  font-size: 1.4em; margin: 40px auto 0 auto; padding: 8px 20px; }

/*tits*/
.tits{ text-align: center;}
.tits h3{ color: #1D96A5; 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:  #1D96A5; margin-top: -80px;}
.tits p{ font-size: 2.4em; color: #333; line-height: 1.5; font-weight: 100;}

/*banners*/
.banners{ position: relative; }
.banners img{ width: 100%;}

/*about*/
.about{ padding: 40px 0;}
.about .txt{ margin-top: 40px;}
.about .txt p{ font-size: 1.4em; color: #333; line-height: 1.5; margin-bottom: 10px;}
.about .txt p span{ font-size: 1em; font-weight: bold; color: #1D96A5;}
.about .img img{ max-width: 100%; margin-top: 20px;}

/*culture*/
.culture{ padding: 40px 0;}
.culture .dots{ margin-top: 20px; display: flex; flex-wrap: wrap;}
.culture .dots .dot{ width: calc(50% - 20px); margin: 10px; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.culture .dots .dot .tit p{text-transform: uppercase; font-weight: bold; padding: 8px 8px; font-size: 1.6em; line-height: 1.2; background:#A7CD47; color: #fff;}
.culture .dots .dot .txt{ background: #f5f5f5;  padding: 20px 12px; min-height: 80px;}
.culture .dots .dot .txt p{ font-size: 1.4em; color: #333; line-height: 1.5; }

/*honor*/
.honor{ padding: 40px 0;}
.honor .imgs{ display: flex; flex-wrap: wrap; margin-top: 20px; text-align: center;}
.honor .imgs .img{ width: calc(33.33% - 10px); margin: 5px;}
.honor .imgs .img img{ width: 100%;}
.honor .imgs .t{ padding: 6px;}
.honor .imgs .t p{ font-size: 1.4em; line-height: 24px; height: 24px;}

/*factory*/
.factory{ padding: 40px 0;}
.factory .imgs .img img{ width: 100%; margin-top: 20px;}

/*news*/
.news{ padding: 40px 0;}
.news .dots .dot{ padding:16px 10px; margin: 30px auto 0 auto; background: #f5f5f5;}
.news .dots .dot a{ display: flex; align-items: center;}
.news .dots .dot .img{ width: 20%;}
.news .dots .dot .img img{ width: 100%;}
.news .dots .dot .txt{ width: 80%; padding-left: 10px;}
.news .dots .dot .txt h3{ font-size: 1.6em; color: #333; line-height: 24px; height: 24px;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news .dots .dot .txt h4{ font-size: 1.4em; color: #666; line-height: 1.5;}
.news .dots .dot .txt p{ font-size: 1.4em; color: #333; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}

/*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: 40px 0;}
.newsshow .boxs{ background:#f5f5f5; }
.newsshow .tit{ padding:30px 20px 0 20px; text-align:center;}
.newsshow .tit h3{ font-size:1.4em; 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:1em; padding:10px 2px; display:inline-block; }
.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:0px 20px 30px 20px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px;  padding: 8px 10px; margin-top:10px;}
.newsshow .btn a:hover{ background:#1D96A5 !important; color:#fff !important;}

/*product*/
.product{ padding: 40px 0;}
.product .dots{ margin-top: 30px; flex-wrap: wrap; display: flex; }
.product .dot{ width: calc(50% - 10px); margin: 5px; background: #f5f5f5; text-align: center; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product .dot .img img{ width: 100%;}
.product .dot .t p{ margin-top: 10px; font-size: 1.4em; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}

/*productshow*/
.productshow{ padding: 40px 0;}
.productshow img{ margin: 0 auto; max-width: 100%; display: block;}
.pro-top{ text-align: center; margin: 30px auto;}
.pro-txt{ margin-bottom: 30px;}
.pro-txt *{ line-height: 1.5; font-size: 14px;}
.pro-btn a{ font-size: 1.4em; line-height: 1.5; display: block; margin: 10px auto 0 auto;}
.pro-btn a:hover{ text-decoration: underline;}



/*join*/
.join{ padding: 40px 0;}
.join .i-tit p{ font-size: 1.4em; line-height: 1.5; margin-top: 10px;}
.join .dots{ margin-top: 30px;}
.join .dots .dot.top{ display: flex; background: #1D96A5 !important; padding: 5px;}
.join .dots .dot.top div{ color:#fff; font-weight: bold;}
.join .dots .dot a{ display: flex; padding: 5px;}
.join .dots .dot:nth-child(2n-1){ background: #eee;}
.join .dot div{font-size: 1.4em; line-height: 1.5;}
.join .d1{ width: 40px;}
.join .d2{ width: calc(100% - 100px);}
.join .d3{ width: 60px;}
.join .dots .dot a:hover div{ text-decoration: underline;}

/*joinshow*/
.joinshow{ padding: 40px 0;}
.joinshow .dots{ margin-top: 30px;}
.joinshow .t{ border: 1px solid #f5f5f5; margin-bottom: -1px;}
.joinshow .t h3{ font-size: 1.4em; color: #fff; background: #1D96A5; padding: 5px; line-height: 1.5;}
.joinshow .t p{ padding: 12px 5px; font-size: 1.4em; color: #333; line-height: 1.5;}
.joinshow .tip p{ font-size: 1.4em; line-height: 1.5; text-align: center; padding: 12px 0;}
.joinshow .back{text-align: center;}
.joinshow .back a{ font-size: 1.4em; color: #333; line-height: 1.5; }
.joinshow .back a:hover{ text-decoration: underline;}


/*contact*/
.contact{ padding: 40px 0;}
.contact .txt{ border-bottom: 1px solid #eee;  margin: 20px auto; padding-bottom: 20px;}
.contact .txt h3{ text-transform: uppercase; font-size: 1.6em; color: #1D96A5; font-weight: bold; margin-bottom: 20px;}
.contact .txt p{ margin: 5px 0; font-size: 1.4em; line-height: 24px;}
.contact .txt img{ margin: 0 5px -5px 0;}

.feedback 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: 8px 12px; width: 100%; background: #f4f4f4; margin-bottom: 15px;}

.feedback .fc-input::-webkit-input-placeholder{ color:#888;}
.feedback .fc-input:-moz-placeholder{ color:#888;}
.feedback .fc-input::-moz-placeholder{ color:#888;}
.feedback .fc-input:-ms-input-placeholder{ color:#888;}
.feedback .btn .fc-btn{ margin-bottom: 0; width: 100%; border:none; padding:8px 15px;  font-size:1.4em; color:#fff; line-height:24px; cursor:pointer; background: #1D96A5; text-transform: uppercase;}
.feedback .btn .fc-btn:hover{ background: #000;}