@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: "原版宋体_0","SimSun-ExtB"; */ 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*/}

body{ max-width: 750px; margin: 0 auto; background: #eee;}
body>div{ background: #fff;}
.warp{ max-width:1240px; padding:0 40px;  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;}

/*all-img*/
.xxl,icu1{ display:block;}
.xl,.l,.m,.icu2{ display:none;}

/*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: 0 2px 5px rgba(0,0,0,0.1);}
div.fy a:hover{color:#fff;  background: #000;}
div.fy a:active{ color:#fff;  background: #000; }
div.fy span.current{  margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em;  background: #000; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
div.fy span.disabled{  margin:2px 2px;padding:8px 12px; color:#666; font-size:1.4em; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:fixed;	top: 25px;	right: 25px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background:#205f04; 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,.header .mune a,#m1 .header .hlist,.header .mune .m-list>a:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}

.header{ background: #fff; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f5f5f5;}
.header .h-tit{ overflow: hidden;}
.header .logo{ position: relative; float:left;  padding:2px 60px 2px 30px; }
.header .logo:after{ position: absolute; top:0; left: -20px; content: ""; background: #ffc001; width: 100%; height: 100%; transform: skewX(-20deg);}
.header .logo img{ max-width: 100%; padding: 9px 0; position: relative; z-index: 2;}
.header .phone{ float:right; padding: 25px;}
.header .phone>*{ float: left;}
.header .phone span{ padding-right: 10px;}
.header .phone .t h3{ font-size: 2em; color: #000; line-height: 24px;}
.header .phone .t h4{ font-size: 2.6em; color: #000; font-weight: bold; line-height: 32px;}

.header .mune{ background: url(../images/head-bg.jpg) left center no-repeat; background-size:cover; overflow: hidden;}
.header .mune>*{ width: 20%; float: left; border-right: 1px solid #fff;  text-align: center;  overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .mune .m-list>a{ display: inline-block; font-size:2.4em; color:#fff; line-height:20px; position: relative; padding: 30px 0;}
.header .mune .m-list>a:after{ position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; content: ""; background: #205f04; transform: scaleX(0);}


#m1 .header.h-showdown{ position:fixed; top:0; left: 0; width: 100%; z-index: 101; background: #fff;}
.h-showdown2{ transform: translateY(-150px)!important;}

/*footer*/
.footer a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer p{ font-size: 2em; color: #333; line-height: 1.5;}
.footer p a{ font-size: 1em;}
.footer{ padding: 45px 0 180px 0; text-align: center; }

.bottomlist{ max-width: 750px; background:#000; position:fixed; width:100%; bottom:0; left:calc(50% - 375px); z-index:200;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:20%; 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>p{ font-size:2.4em; color:#fff;}
.bottomlist ul li img{ width:60px; height:60px;}
.bottomlist ul li:nth-child(3) img{ width: 100%; height: auto; margin-top: -50%; }


/*banner*/
.banner img{ max-width: 100%;}
.banner a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.banner .banner-slider{ width: 100%;}
.banner .swiper-slide{ background-size:cover !important; }
.banner .swiper-slide img{ width: 100%;}
.banner .swiper-pagination{ bottom: 20px;}
.banner .swiper-pagination-bullet{ width: 12px; height:12px; background: #fff;}
.banner .swiper-pagination-bullet-active{background: #fec628; opacity: 0.8; }
/*tits*/
.tits{ overflow: hidden;}
.tits h3{ float:left;  font-size: 3.5em; color: #333; font-weight: bold; padding: 0 10px; border-left: 4px solid #fec628; display: inline-block;}
.tits a{ float: right; font-size: 2.4em; color: #888;}
/*iab*/
.iab{ padding: 40px 0;}
.iab .txt{ margin-top: 50px;}
.iab .txt p{ font-size: 2.4em; color: #333; line-height: 1.5; text-indent: 2em;}
/*ip*/
.ip{  padding-bottom: 40px;}
.ip form{ overflow: hidden; border-radius: 20px;}
.ip form>*{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ip .fc-input{ background: #2b2b2b; width: calc(100% - 80px);}
.ip .fc-btn{ background:url(../images/sreach.png) center center no-repeat #2b2b2b; width:80px; background-size: auto 60%;}
.ip .fc-input{ color: #fff;}
.ip input{ font-size: 2.4em; outline:none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff;  line-height:24px; padding: 20px 25px; line-height: 1.5;}
.ip .fc-input .fc-input::-webkit-input-placeholder{ color:#f5f5f5;}
.ip .fc-input .fc-input:-moz-placeholder{ color:#f5f5f5;}
.ip .fc-input .fc-input::-moz-placeholder{ color:#f5f5f5;}
.ip .fc-input .fc-input:-ms-input-placeholder{ color:#f5f5f5;}
.ip .tits{ padding-top: 60px;}
.ip .boxs{ overflow: hidden; width: calc(100% + 20px); margin: 40px 0 0 -10px;}
.ip .boxs .box{ text-align: center; background: #eee; float:left; width: calc(50% - 20px); margin:10px;}
.ip .boxs .box a{ padding: 10px; display: block;}
.ip .boxs .box img{ width: 100%;}
.ip .boxs .box .t p{ font-size: 2.4em; color: #555; line-height: 1.5; margin: 15px 0 5px 0; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
/*inews*/
.inews{ padding: 40px 0; background: #f5f5f5;}
.inews .inboxs{ margin-top: 40px;}
.inews .inboxs #intit{ display: inline-block; overflow: hidden; border: 1px solid #000;}
.inews .inboxs #intit div{ background: #fff; font-size: 2.4em; color: #333; line-height: 1.5; float:left; padding: 12px 60px;}
.inews .inboxs #intit div.hover{ background: #2b2b2b; color: #fff;}
.inews .inboxs .inb .box{ display: none;}
.inews .inboxs .inb .int{ margin: 30px 0;}
.inews .inboxs .inb .t{ float:left; width: calc(100% - 260px);}
.inews .inboxs .inb .t h3{ font-size: 2.4em; color: #333; line-height: 36px; margin-bottom: 10px; height: 36px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.inews .inboxs .inb .t p{ font-size: 2em; color: #888; line-height: 32px; height: 128px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:4; margin-bottom: 10px;}
.inews .inboxs .inb .img{ float:right; width: 240px; margin-left: 20px;}
.inews .inboxs .inb .more p{ font-size: 2em; color: #333;}
.inews .inboxs .inls .inl{ border-bottom: 1px dashed #c8c8c8; padding: 12px 0; overflow: hidden;}
.inews .inboxs .inls .inl p{ padding:0 20px; float:left; font-size: 2.4em; color: #333; line-height: 32px; height: 32px;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; width: calc(100% - 120px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.inews .inboxs .inls .inl p:after{ position: absolute; top:14px; left: 0; width: 16px; height: 2px; content: ""; background: #888;}
.inews .inboxs .inls .inl span{ font-size: 2em; color: #888; float:right; width: 120px; line-height: 32px;}
.inews .inboxs .nm{ text-align: center; }
.inews .inboxs .nm a{ font-size: 2.4em; color: #fff; display: inline-block; background: #ffbf01; margin-top: 30px; padding: 24px 150px; border-radius: 50px;}
.inews .inboxs .inb .img img{ max-width: 100%;}

/*about*/
.a-list{ overflow: hidden; margin-top: -1px;}
.a-list a{ padding: 18px 0; float:left; width: 33.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 2.4em; color: #000; text-align: center; border: 1px solid #fff; background: #d7d7d7; transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.a-list a:hover,.a1 .a1,.a2 .a2,.a3 .a3,.a4 .a4,.a5 .a5{ background: #fcc101;}
.about img{ max-width: 100%;}
.about .t{ padding: 50px 0;}
.about .t p{ font-size: 2.4em; color: #000; line-height: 1.6; text-indent: 2em;}
.idea .t p span{ font-size: 1em; font-weight: bold;}
.honor{ text-align: center;}
.honor .warp img{ padding: 40px 0;}
.equipment h3{ font-size: 3em; color: #212121; font-weight: bold; margin-bottom: 30px;}
.equipment .dot{ padding: 40px 0;}
.equipment .t p{text-indent: 0;}
.equipment .warp img{ padding: 40px 0 0 0; width: 100%;}

/*news*/
.news{ padding: 40px 0 0 0;}
.news .n-list{ margin-bottom: 20px; display: inline-block; border: 1px solid #000; overflow: hidden;}
.news .n-list a{ display: inline-block; float:left; font-size:  2.4em; color: #333; padding: 12px 60px;}
.news .n-list a.lock{ background: #2b2b2b; color: #fff;}
.news .dots .dot{ overflow: hidden; padding: 30px 0; border-bottom: 1px solid #2b2b2b;}
.news .dots .dot .t{ width: calc(100% - 60px); float:left;}
.news .dots .dot span{ margin-left: 10px; width: 50px; float:left; text-align:center; margin-top: 20px;}
.news .dots .dot .t h3{ font-size: 2.8em; color: #333; font-weight: bold; line-height: 32px; height: 32px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news .dots .dot .t h4{ margin: 10px 0; font-size: 2em; color: #888; line-height: 32px;}
.news .dots .dot .t p{font-size: 2em; color: #888;  line-height: 28px; height: 28px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}

/*newsshow*/
.newsshow .boxs{ background:#f5f5f5; }

.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:2em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#666; 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:#000 !important; color:#fff !important;}

/*join*/
.join{ padding: 40px  0 20px 0;}
.join .dots{ margin-top: 40px;}
.join .dots div a,.join .dots div{ display: table; width: 100%;}
.join .dots div p{  display: table-cell; vertical-align: top;}
.join .dots div p:nth-child(3),.join .dots div p:nth-child(1){ width: 120px;}
.join .dots .dott{ background: #b7b7b7;}
.join .dots .dott p{ border: 1px solid #fff; padding: 12px; text-align: center; font-size: 2.4em; color: #fff;}
.join .dots .dot{ border-bottom: 1px solid #dbdbdb; padding: 10px 0;}
.join .dots .dot p{ font-size: 2em; color: #333; line-height:1.5; padding: 8px 12px;}
.join .dots .dot p:nth-child(1){ font-weight: bold;}
.join .dots .dot p:nth-child(3){ text-align: center;}

/*joinshow*/
.joinshow .boxs{ background:#f5f5f5; }
.joinshow .tit h3{ text-align: center; font-size:2em; color:#333333;  line-height:24px; margin-bottom:20px;}
.joinshow .tit .dot{ background:#666; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.joinshow .tit .dot h4{ text-align: center;color:#fff; font-size:1.4em;  padding:14px 15px;}
.joinshow .txt{ padding: 0px 40px;}
.joinshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.joinshow .btn a:hover{ background:#000 !important; color:#fff !important;}

.joinshow .tit{ padding: 40px 40px 20px 40px;}
.joinshow .tit h3{ font-size: 2.4em; font-weight: bold;}
.joinshow .btn{ padding: 20px 40px 40px 40px;}
.joinshow .txt .t{ margin:20px 0;}
.joinshow .txt .t h3{ font-size: 1.6em; font-weight: bold; margin-bottom: 10px;}
.joinshow .txt .t p{ font-size: 1.4em; line-height: 1.5;}




/*contact*/
.contact{ padding: 40px 0;}
.contact .tits{ margin-bottom: 40px;}
.contact .dot{ margin-bottom: 40px;}
.contact .dot h3{ font-size: 2.8em; color: #333; font-weight: bold; margin-bottom: 20px;}
.contact .dot p{ font-size: 2.4em; color: #333; line-height: 1.6;}
.contact .dot p span img{ margin:0 6px -5px 0;}


.contact  .btn .fc-btn{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.contact  input,.contact  textarea{ font-size: 2em; outline:none; border: none;  padding:16px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; background: #f5f5f5;}
.contact .fc-input{ border-radius: 10px; width: 100%; margin-bottom: 30px;}
.contact  textarea{ width:100%; margin:0 0 50px 0; font-family: "Arial","Microsoft Yahei";}
.contact  .fc-input::-webkit-input-placeholder,.contact  textarea::-webkit-input-placeholder { color:#656565;}
.contact  .fc-input:-moz-placeholder,.contact  textarea:-moz-placeholder { color:#656565;}
.contact  .fc-input::-moz-placeholder,.contact  textarea::-moz-placeholder { color:#656565;}
.contact  .fc-input:-ms-input-placeholder,.contact  textarea:-ms-input-placeholder { color:#656565;}
.contact  .btn .fc-btn{ width: 100%; border:none; padding:10px 50px;  font-size:1.8em; color:#fff; line-height:24px; cursor:pointer; background:#2b2b2b; border-radius: 10px;}
.contact  .btn .fc-btn:hover{ box-shadow: 0 0 5px #fce6c4;}

/*productshow*/
.productshow .img{ text-align: center; margin: 40px 0;}
.productshow .img img{ max-width: 100%; border: 2px solid #efefef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productshow .txt img{ max-width: 100%;}
.productshow .txt p{ font-size: 2.4em; color: #888; line-height: 1.5;}
.productshow .txt p span{ font-size: 1em; color: #555; font-weight: bold;}