@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "BITSUMISHI";
  src: url("../fonts/BITSUMISHI.ttf") format("truetype");
}

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:1540px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1340px; 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: #89c609; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy a:active{ color:#fff;  background: #89c609; 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: #89c609;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:#90b722; 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*/
.head .hm .lun .ld a,.head .hm .lun .ld{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.header{  z-index: 2; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .head{ background: #2b2b2b; }
.header .head .warp{ align-items: center; display: flex; justify-content: space-between; }
.head .hm{ display: flex; align-items: center;}
.head .hm .lun{  cursor: pointer; color: #b6b6b6; position: relative;  padding: 8px 20px 8px 0;}
.head .hm .lun:after{ position: absolute; bottom: 0; right: 0; width: 20px; height: 100%; content: ""; background:url(../images/hd.png) center center no-repeat;}
.head .hm .lun *{ font-size: 14px; line-height: 24px;}
.head .hm .lun .ld{ position: absolute; top:100%; right: 0; width: 100%; background: #ddd; transform: scale(0); transform-origin : 50% 0 0;}
.head .hm .lun .ld a{ display: block; text-align: center;}
.head .hm .lun .ld a:hover{ background: #2b2b2b; color: #fff;}
.head .hm .lun:hover .ld{ transform: scale(1);}
.head .hm .login{ padding-left: 50px; color: #888;}
.head .hm .login a{ color: #888; font-size: 1.4em; line-height: 24px; padding: 0 10px;}
.head .hm .login a:hover{color: #fff;}
.header .munes,.header .munes .mune{ justify-content: center;  display: flex;}
.header .munes a{ color: #333; font-size: 1.4em; text-transform: uppercase; line-height: 24px;}
.header .munes a:hover{ text-decoration: underline;}
.header .munes .mune .m-dot{ margin: 13px 40px;} 
.header .munes .lun .lock{text-decoration: underline;}


/*footer*/
.footer a,.fo3 .fweb span{ color: #fff;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.footer{ background:#222222; }
.footer a:hover{ text-decoration: underline; color: #fff !important;}
.fo1 .warp{ display: flex; justify-content: space-between; padding: 40px 20px 25px 20px; border-bottom: 1px solid #555; }
.fo1 .tel{ text-align: right; }
.fo1 .tel h3{ color: #89c609; font-size: 4em; line-height: 1; font-family: "BITSUMISHI";}
.fo1 .tel p{ font-size: 1.8em; color: #fff; line-height: 1.2;}
.fo2 .warp{ padding: 40px 20px 220px 20px; display: flex; justify-content: space-between;  border-bottom: 1px solid #555; }
.fo2 .fmenu{ display: flex; justify-content: space-between; width: calc(100% - 280px);}
.fo2 .fmenu h3 a{ font-size: 1.8em; display: inline-block; font-weight: bold; margin-bottom: 30px; line-height: 24px; color: #fff; text-transform: uppercase;}
.fo2 .fmenu p a{ font-size: 1.4em; display: inline-block; margin-bottom: 15px; line-height: 24px; color: #888; text-transform: uppercase;}
.fo2 .fs a:hover{ opacity: 1;}
.fo2 .fc{ width: 110px; text-align: center;}
.fo2 .fc .img{ border-radius: 10px; padding: 6px; background: #5b6063; width: fit-content; margin: 0 auto;}
.fo2 .fc .img img{ border-radius: 5px;}
.fo2 .fc p{ font-size: 1.4em; color: #888; line-height: 1.5; margin-top: 12px;}
.fo3{  padding: 20px 0 40px 0; }
.fo3 .warp{ display: flex; justify-content: space-between; }
.fo3 .tip p{ font-size:1.4em; color: #888; line-height: 1.5; display: inline-block; padding-right: 20px;}
.fo3 .tip p a{ font-size:1em; color: #888;}
.fo3 .fweb span{ display: inline-block; margin-left: 30px;}
.fo3 .fweb span:hover{ transform: translateY(-6px);}

.bottomlist{ background:#89c60a; 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 .swiper-slide .txt a:after{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;}
.banner .swiper-slide{ position: relative; display: flex; align-items: center; height: 890px; overflow: hidden;}
.banner .swiper-slide .img{  background-size: cover !important; height: 100%;}
.banner .ban1 .img{ background: url(../images/banner01.jpg) center center no-repeat;}
.banner .ban2 .img{ background: url(../images/banner02.jpg) center center no-repeat;}
.banner .ban3 .img{ background: url(../images/banner03.jpg) center center no-repeat;}
.banner .swiper-slide{ display: flex; background: url(../images/c-bg2.png) bottom right #f1f1f1 no-repeat;  background-size: 24%;}
.banner .swiper-slide>*{ width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner .swiper-slide .txt{ padding: 20px 5%;}
.banner .swiper-slide .txt h3{ font-size: 5.8em; line-height: 1.2; color: #333; font-weight: 800;}
.banner .swiper-slide .txt h3 span{ font-size: 1em; color: #ff8600; font-family: "Microsoft Yahei";}
.banner .swiper-slide.ban1 .txt h3 span{ color: #8ac709; border-bottom: 5px solid #8ac709;}
.banner .swiper-slide .txt h4{ font-size: 2.4em; color: #888; line-height: 1.5; margin: 20px 0 50px 0;}
.banner .swiper-slide .txt a{  font-size: 1.8em; color: #fff; line-height: 1.5; display: inline-block; position: relative; padding: 10px 60px; z-index: 2;}
.banner .swiper-slide .txt a span{ font-size: 1em; position: relative; z-index: 2;}
.banner .swiper-slide .txt a:after{ top:0; left: 0;  position: absolute; content: ""; background: #2b2b2b; z-index: 0; width: 100%; height: 100%; clip-path: polygon(10px 0, 100% 0%, calc(100% - 10px) 100%, 0 100%);}
.banner .swiper-pagination-bullet{ width: 10px; height: 10px;  opacity: 1; background: #000;}
.banner .swiper-pagination-bullet-active{ background: #8ac709;}
.banner .swiper-slide .txt a:hover:after{ background: #8ac709;}
/*ip*/
.ip .ipl a,.ip .ipl a:after,.ip .ipb .box,.ip .ipb .box .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;}
.ip .ipl{ padding: 16px 0; text-align: center; width: 100%; border-bottom: 1px solid #ededed;}
.ip .ipl a{ position: relative; padding: 10px 30px; font-size: 1.4em; color: #333; margin: 0 25px; display: inline-block;}
.ip .ipl a span{ font-size: 1em; position: relative; z-index: 2;}
.ip .ipl a:after{ position: absolute; top:0; left: 0;  content: ""; background: #fff; z-index: 0; width: 100%; height: 100%; clip-path: polygon(10px 0, 100% 0%, calc(100% - 10px) 100%, 0 100%);}
.ip .ipl a.hover:after{ background: #8ac709;}
.ip .ipl a.hover{ color: #fff;}
.ip .ipb{ position:relative;}
.ip .ipb .box{ position:absolute; top:0; left: 0; width: 100%; display: flex; transform: scale(0); transform-origin : 50% 0 0; justify-content: center;}
.ip .ipb .box:first-child{ position: relative;}
.ip .ipb .box.hover{ transform: scale(1); z-index: 2;}
.ip .ipb .box .ipbd{ width: 20%;}
.ip .ipb .box .img{ overflow: hidden;}
.ip .ipb .box .img img{ width: 100%;}
.ip .ipb .box .ipbd:hover .img img{transform: scale(1.05);}
.ip .ipb .box .t p{ text-align: center; font-size: 2.4em; color: #333; line-height: 28px; height: 28px; margin-top: 12px; font-weight: bold; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
/*ileads*/
.ileads .ild{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;}
.ileads{ padding: 80px 0;}
.ileads .il1,.ileads .il2{ text-align: center; display: flex; justify-content: space-between; }
.ileads .il1{ margin-bottom: 60px;}
.ileads .ild{ border-radius: 10px; background-size: 100%  auto !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ileads .ild1{ background:url(../images/ild1.jpg) center  center no-repeat; }
.ileads .ild2{ background:url(../images/ild2.jpg) center  center no-repeat; }
.ileads .ild3{ background:url(../images/ild3.jpg) center  center no-repeat; }
.ileads .ild4{ background:url(../images/ild4.jpg) center  center no-repeat; }
.ileads .ild5{ background:url(../images/ild5.jpg) center  center no-repeat; }
.il1 .ild a{ padding: 110px 20px 480px 20px; display: inline-block; width: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.il1 .ild{width: calc(50% - 20px);}
.il2 .ild{ padding: 110px 20px; width: calc(33.33% - 20px); }
.ileads .ild h3{ font-size: 5em; font-weight: 800; line-height: 1.2; color: #fff; }
.ileads .ild h3 span{ font-size: 1em; color: #8ac709;}
.ileads .ild h4{ font-size: 3.6em; font-weight: bold; color: #fff; }
.ileads .ild p{ font-size: 2.4em; line-height: 1.5; color: #fff; font-weight: bold;}
.ileads .ild:hover{ background-size: 120%  auto !important;}

/*banners*/
.banners{ display: flex; justify-content: center; align-items: center; height: 450px; background-size: cover !important;}
.news{ background: url(../images/banners/news-banner.jpg) center center no-repeat;}
.about{ background: url(../images/banners/about-banner.jpg) center center no-repeat}

/*tits*/
.tits{ text-align: center;}
.tits h3{ font-size: 4.8em; color: #333; line-height: 1; text-transform: uppercase; font-weight: 800;}
.tits h4{ font-size: 2em; color: #333; line-height: 1.5;}
.tits p{ font-size: 1.4em; color: #888; line-height: 1.5;}

/*product*/
.plists a,.plists a:after,.product .pds .pd .t span{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;}
.plists{ padding: 24px 0; text-align: center; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
.plists a{ font-size: 1.4em; color: #000033; display: inline-block; padding: 6px 20px; margin: 0 40px; line-height: 1.5; position: relative;}
.plists a span{ font-size: 1em; position: relative; z-index: 2;}
.plists a:after{ position: absolute; top:0; left: 0;  content: ""; background: #fff; z-index: 0; width: 100%; height: 100%; clip-path: polygon(10px 0, 100% 0%, calc(100% - 10px) 100%, 0 100%);}
.plists a:hover:after,.plists a.lock:after{ background: #8ac709;}
.plists a:hover,.plists a.lock{ color: #fff;}
.product{ padding:60px 0 80px 0;}
.product .pds{ display: flex; text-align: center; flex-wrap: wrap; }
.product .pds .pd{ width: calc(20% - 10px); margin: 30px  5px;}
.product .pds .pd .img{ overflow: hidden;}
.product .pds .pd .img img{ width: 100%;}
.product .pds .pd .t p{ font-weight: bold; font-size: 1.8em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; margin-bottom: 26px;}
.product .pds .pd .t span{ display: inline-block; border: 1px solid #dcdcdc;  padding: 10px 70px 10px 20px;  background:url(../images/product/more.png)  no-repeat; background-position: 75px center; background-size: 50px;}
.product .pds .pd:hover .t span{ background-color: #89c60a; border:1px solid #89c60a; color: #fff}

/*productshow*/
.pro-btn a,.pro-d .d .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;}
.pro-ban{ overflow: hidden; background: url(../images/product/pban-bg.jpg) center center no-repeat; background-size: cover !important; color: #fff; height: 890px;  display:flex; justify-content: space-between; align-items: center;}
.pro-ban .txt{ width: 40%; padding-left: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-ban .img{ width: 70%; height: 100%; background-size:  150% auto !important; position: relative;}
.pro-ban .img:after{ position: absolute; top:0; right:0; width: 40%;  height: 100%; content: ""; background-image:linear-gradient(90deg,transparent 0%,#28272c 100%);}
.pro-ban .txt h3{ font-size: 6em; font-weight: 800;}
.pro-ban .txt h4{ font-size: 3.6em; text-transform: uppercase; line-height: 1.5;}
.pro-ban .txt h5{ font-size: 3em; color: #d2b300; line-height: 1.5; font-weight: bold;}
.pro-ban .txt span{ width: 30px;  height: 1px; display: inline-block; margin: 10px 0 30px 0; background: #fff;}
.pro-ban .txt p{ font-size: 1.6em; line-height: 1.5;}
.pro-d{ padding: 120px 0 160px 0; text-align: center;}
.pro-d .txt h3{ font-size: 2.4em; font-weight: bold; margin-bottom: 12px;}
.pro-d .txt p{ font-size: 1.6em; color: #333; line-height: 1.5; }
.pro-d .dot{ display: flex; margin-top: 50px;}
.pro-d .d{ border-radius: 10px; overflow: hidden; margin: 0 20px; width: calc(50% - 40px); background: #e5e5e5;}
.pro-d .d .img{ overflow: hidden;}
.pro-d .d .img img{ width: 100%;}
.pro-d .d:hover .img img{ transform: scale(1.05);}
.pro-d .d .t{ padding: 14px;}
.pro-d .d .t p{ font-size: 2em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.pro-d2{ display: flex; background: #000; flex-wrap: wrap; justify-content: space-between;}
.pro-d2 .pd{ display: flex; width: calc(50% - 1px); background: #1a1d21; margin: 1px 0; align-items: center;}
.pro-d2 .pd .img{ width: 50%; text-align: center;}
.pro-d2 .pd .img img{ max-width: 100%;}
.pro-d2 .pd .t{ width: 50%; padding: 20px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-d2 .pd .t h3{ font-size: 2.4em; font-weight: bold; margin-bottom: 12px;}
.pro-d2 .pd .t p{ font-size: 1.6em; line-height: 1.5;}
.pro-d3{ padding: 80px 0; text-align: center;}
.pro-d3 .imgs .tit h3{ font-size: 2.4em; color: #333; line-height: 1.5; font-weight: bold; }
.pro-d3 .imgs .tit p{ font-size: 1.6em; color: #333; line-height: 1.5;}
.pro-d3 .pimg{ padding:80px 4%; display: flex; flex-wrap: wrap;}
.pro-d3 .pimg .pi{ width: calc(33.33% - 20px); margin: 10px;}
.pro-d3 .pimg .pi img{ width: 100%;}
.pro-d3 .pimg .pi p{ font-size: 2em; color: #333; line-height: 24px; }
.pro-d3 .txt .tip h3{ font-size: 2em; font-weight: bold; line-height: 1.5; padding-bottom: 12px; border-bottom: 3px solid #020202; text-align: left;}
.pro-d3 .txt .table tr{ border-bottom: 1px solid #bababa; text-align: left; }
.pro-d3 .txt .table tr td{ padding: 24px 8px; font-size: 1.4em; color: #333; line-height: 1.5;}
.pro-d3 .txt .table tr td:nth-child(2n-1){ font-weight: bold; }
.pro-btn .warp{ justify-content: space-between; display: flex; padding-bottom: 80px;}
.pro-btn a{ font-size: 1.6em; padding:12px 20px; background: #eee; width: calc(33.33% - 10px); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-btn a:hover{ background: #89c609; color: #fff;}

/*lists*/
.lists 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;}
.lists{ padding: 24px 0; text-align: center; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
.lists a{ font-size: 1.4em; color: #000033; display: inline-block; padding: 6px 20px; margin: 0 40px; line-height: 1.5;}
.lists a:hover,
.s1 .s1,.s2 .s2,.s3 .s3,
.d1 .d1,.d2 .d2,.d3 .d3,
.a1 .a1,.a2 .a2{ background: #89c609; color: #fff;}

/*service*/
.sboxs .warp{ display: flex;}
.sboxs .warp>*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sboxs .tit{ width: 400px; border-right:1px solid #c0c0c0; padding: 5%;} 
.sboxs .tit h3{ font-size: 4.8em; color: #333; line-height: 1; text-transform: uppercase; font-weight: 800;}
.sboxs .tit h4{ font-size: 2em; color: #333; line-height: 1.5;}
.sboxs .tit p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.sboxs .stxts{ padding: 5%; width: calc(100% - 400px);}

.service .stxts h3{ font-size: 2.4em; font-weight: bold; line-height: 1.5; margin-bottom: 20px;}
.service .stxts p{ font-size: 1.4em; color: #555; line-height: 1.5;}
.service .stxts .t1 p{ max-width: 680px;}
.service .stxts .t1{ margin-bottom: 70px;}
.service .stxts .t2 .dot{ display: flex; justify-content: space-between; width: 100%;}
.service .stxts .t2 .dot .d{ display: flex; flex-wrap: wrap; background: #f0f0f0; border-radius: 10px; width: calc(33.33% - 20px); padding: 15px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; align-items: center;}
.service .stxts .t2 .dot .d span{ font-size: 2.4em; font-weight: bold; margin-bottom: 10px; background: #72a311; color: #fff; width: 36px; height: 36px; text-align: center; border-radius: 50%; line-height: 36px; margin-right: 10px;}
.service .stxts .t2 .dot .d h4{ color: #72a311; margin-bottom: 10px; font-size: 2.4em; font-weight: bold;}
.service .stxts .imgs{ margin-top: 40px;}
.service .stxts .imgs img{ margin-top: 30px; max-width: 100%;}

/*sale*/
.sale .stxts{ background: #f4f5f6;}
.sale .stxts table tr td{ padding: 12px; font-size: 1.4em; color: #333; line-height: 1.5; vertical-align: middle; background: #fff; border: 1px solid #f4f5f6;  text-align: center; max-width: 240px;}
.sale .stxts table tr td:last-child{ text-align:left;}
.sale .stxts .txt{ margin: 20px 0;}
.sale .stxts .txt p{ font-size: 1.4em; color: #333; line-height: 1.5; }
.sale .stxts .tip h3{ margin: 70px 0; font-size: 2.4em; color: #d40000; font-weight: bold; line-height: 1.2;}

/*knowlege*/
.knowlege .tit h3{ font-size: 3.6em; line-height: 1;}
.knowlege .stxts .dot:nth-child(2n-1){ background: #f7f6f6;}
.knowlege .stxts .dot{ overflow: hidden; padding: 14px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.knowlege .stxts .dot span,.knowlege .stxts .dot p{ font-size: 1.6em; color: #333; line-height: 30px; float: left;}
.knowlege .stxts .dot span{ width: 60px; text-align:center; }
.knowlege .stxts .dot p{ width: calc(100% - 60px);}

/*network*/
.application .ad-btn,.join .txts .txt 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;}
.join{ padding: 50px 0 100px 0;}
.join .txts{ display: flex; margin-top: 30px;} 
.join .txts .txt{ width: calc(50% - 100px);  margin: 0 50px; text-align: center;}
.join .txts .txt .img{ overflow: hidden;}
.join .txts .txt img{ width: 100%;}
.join .txts .txt:hover img{ transform: scale(1.05);}
.join .txts .t{ margin-top: 40px;}
.join .txts .t h3{ font-size: 2.4em; font-weight: bold;  color: #333; margin-bottom: 20px;}
.join .txts .t p{ font-size: 1.4em; color: #555; line-height: 1.5; max-width: 500px; margin: 0 auto;}
.application{ padding: 80px 0; background: #f2f2f2;}
.application .tit h3{ font-size: 2.4em; font-weight: bold; color: #333; line-height: 1.5; text-align: center;}
.application .tip h4{ font-size: 1.8em; color: #333; line-height: 1.5; margin: 60px 0 30px 0;}
.application .ad{ margin-bottom: 30px;}
.application .ad p{ font-size: 1.6em; color: #333; line-height: 1.5; margin-bottom: 26px; width: 100%;}
.application input,.application textarea,.application select{ width: 100%;  font-size: 1.4em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000;  padding: 12px 20px;  border: none; }
.application .ad{ width: 100%; margin-bottom: 40px; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.application .adt{ display: flex; justify-content: space-between; width: 100%;}
.application .adt input,.application .adt select{ width: calc(33.33% - 7px); }
.application .adt1 input{width: calc(50% - 5px);}
.application textarea{ margin-bottom: 20px;}
.application .fc-cont{ width: 100%;}
.application .fc-input::-webkit-input-placeholder,.application textarea::-webkit-input-placeholder { color:#c4c4c4; font-family: "Arial","Microsoft Yahei";}
.application .fc-input:-moz-placeholder,.application textarea:-moz-placeholder { color:#c4c4c4; font-family: "Arial","Microsoft Yahei";}
.application .fc-input::-moz-placeholder,.application textarea::-moz-placeholder { color:#c4c4c4; font-family: "Arial","Microsoft Yahei";}
.application .fc-input:-ms-input-placeholder,.application textarea:-ms-input-placeholder { color:#c4c4c4; font-family: "Arial","Microsoft Yahei";}
.application .btn{ width: 220px; margin: 0 auto;}
.application .ad-btn{ background: #dd0000; color: #fff;}
.application .ad-btn:hover{ background: #89c609;}

/*construction*/
.construction{ padding: 50px 0 110px 0;}
.construction .imgs{ display: flex; justify-content: space-around; padding: 40px 0 60px 0;}
.construction .imgs img{ max-width: 100%;}
.construction .imgs .img1{ width: 74%; text-align: center;}
.construction .imgs .img2{ display: flex; flex-wrap: wrap; width: 20%;}
.construction .txt{ display: flex; align-items: center; justify-content: center;}
.construction .txt h3{ font-size: 2.4em; font-weight: bold;  width: 20%; padding: 0 10px;}
.construction .txt .t{ width: 60%;}
.construction .txt .t p{ font-size: 1.4em; color: #555; line-height: 1.5; margin: 20px 0;}

/*download*/
.download 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;}
.download{ padding: 140px 0 180px 0; text-align: center;  color: #fff; background: url(../images/network/download-bg.jpg) center center no-repeat; background-size:cover !important; background-attachment: fixed;}
.download h3{ font-size: 3.6em; text-transform: uppercase;}
.download h4{ font-size: 2em; margin: 20px 0 30px 0;}
.download .btn{ margin-top: 45px; text-align: center; display: flex; justify-content: center;}
.download a{ margin: 0 15px; justify-content: center; align-items: center; padding: 12px 14px; width:180px; display: flex; color: #fff;  background-image:linear-gradient(90deg,#f86d51 0%,#e1423c 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom-right-radius: 30px; border-top-left-radius: 30px; border-top-right-radius: 5px; border-top-right-radius: 5px;}
.download a p{  font-size: 1.8em; margin-left: 5px;}
.download a:hover{ box-shadow: 0 0 10px #fff;}

/*about*/
.ab4 .ab4i .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;}
.ab1{ padding: 160px 0 70px 0;}
.ab1 .txt,.ab1 .img{ display: flex;}
.ab1 .txt .tits{ width: 30%; text-align: left; padding-right: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab1 .txt .tits h5{ font-size: 2.4em; color: #333; line-height: 1.5; padding-top: 20px; margin-top: 20px; border-top:1px solid #e3e3e3;}
.ab1 .txt .t{ width: 70%;}
.ab1 .txt .t p{ font-size: 1.4em; color: #333; line-height: 1.5; margin-bottom: 24px;}
.ab1 .img img{ max-width: 100%;}
.ab1 .img .img1{ width: 30%;}
.ab1 .img .img2{ text-align: right; width: 70%; padding-left: 60px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab4 .ab4l{ padding: 70px 0; background: url(../images/about/ab4l-bg.jpg) center center no-repeat; background-size: cover !important;}
.ab4 .ab4l h3,.ab4 .ab4l h4{ color: #fff; }
.ab4 .ab4l .tits{ max-width: 400px; margin: 0 auto;  padding-bottom: 20px; border-bottom: 1px solid #e3e3e3;}
.ab4 .ab4i{ padding: 100px 0;}
.ab4 .ab4i .imgs{ display: flex; justify-content: space-around;}
.ab4 .ab4i .imgs img{ max-width: 100%;}
.ab4 .ab4i .btn{ margin-top: 60px; text-align: center;}
.ab4 .ab4i .btn a{ border: 1px solid #e3e3e3; font-size: 1.4em; padding: 12px 60px; display: inline-block;}
.ab4 .ab4i .btn a:hover{ background: #89c609; border:1px solid #89c609; color: #fff;}

.himgs .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;}
.honor{ padding: 80px 0;}
.himgs{ display: flex; flex-wrap: wrap;}
.himgs .img{ overflow: hidden; width: calc(20% - 20px); margin: 20px 10px;}
.himgs .img img{ width: 100%;}
.himgs .img:hover img{ transform: scale(1.05);}
/*ab2-3*/
.ab2 .abv:after,.ab2 .abvt .abd:after,.ab2 .more,.ab3 .more{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;}
.ab2{ background: #e9e9e9; display: flex;}
.ab2 .abv{ cursor: pointer; position: relative; width: 50%; background: url(../images/vi/v1.jpg) center center no-repeat; background-size: cover !important;}
.ab2 .abv:after{ position: absolute; top:0; left: 0; width: 100%; height: 100%; content: ""; background: url(../images/about/play.png) center center no-repeat rgba(0,0,0,0.5); background-size:80px;}
.ab2 .abv:hover:after{ background-size:90px;}
.ab2 .abvt{ padding: 70px 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ab2 .abvt .tits{ padding-bottom: 20px; max-width: 400px; text-align: left; border-bottom: 1px solid #d2d2d2;}
.ab2 .abvt .abvs{ margin: 60px 0 120px 0; display: flex; max-width: 600px;}
.ab2 .abvt .abd{ cursor: pointer; position: relative; width: calc(50% - 40px); margin-right: 40px;}
.ab2 .abvt .abd:after{ position: absolute; top:0; left: 0; width: 100%; height: 100%; content: ""; background: url(../images/about/play.png) center center no-repeat rgba(0,0,0,0.5); background-size:40px;}
.ab2 .abvt .abd:hover:after{ background-size:44px;}
.ab2 .abvt .abd img{ width: 100%;}
.ab2 .more,.ab3 .more{ margin: 0 auto; padding: 8px 50px; font-size: 1.4em; color: #fff; line-height: 1.5; background:#313131; display: inline-block;}
.ab2 .more:hover,.ab3 .more:hover{ background: #72a311;}
.ab3{ text-align: center; padding: 80px 0;}
.ab3 .tits{ max-width: 400px; margin: 0 auto;  padding-bottom: 20px; border-bottom: 1px solid #e3e3e3;}
.ab3 .imgs{ margin: 60px 0; display: flex;}
.ab3 .imgs .img{ width: calc(50% - 10px); margin: 0 5px;}
.ab3 .imgs .img img{ width: 100%;}
/*atlas*/
.atlas .imgs .img img,.video .imgs .img .i:after{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;}
.atlas{ padding: 80px 0;}
.atlas .imgs{ margin-bottom: 50px; flex-wrap: wrap; display: flex;}
.atlas .imgs .img{ cursor: pointer; overflow: hidden; width: calc(25% - 10px); margin: 5px;}
.atlas .imgs .img img{ width: 100%;}
.atlas .imgs .img:hover img{ transform: scale(1.1);}
.video .imgs .img .i{ overflow: hidden; position: relative;}
.video .imgs .img .i:after{ opacity: 0; position: absolute; top:0; left: 0; width: 100%; height: 100%; content: ""; background: url(../images/about/play.png) center center no-repeat rgba(0,0,0,0.5); background-size: 20%;}
.video .imgs .img .t p{ font-size: 1.4em; line-height: 1.5; margin-top: 10px;}
.video .imgs .img:hover .i:after{ opacity: 1;}





/*news*/
.news-t .nboxs .nb .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;}
.news-t{ padding: 60px 0;}
.news-t .tits{ text-align: left; border-bottom: 2px solid #5c5c5c; padding-bottom: 20px;}
.news-t .nboxs{ padding-top: 40px; display: flex; flex-wrap: wrap;}
.news-t .nboxs .nb{ width: calc(50% - 40px); margin: 30px 20px;}
.news-t .nboxs .nb .img{ overflow: hidden; }
.news-t .nboxs .nb .img img{ width: 100%;}
.news-t .nboxs .nb .txt{ padding: 20px;}
.news-t .nboxs .nb .txt h3{ font-size: 2.4em; line-height: 28px; height: 28px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news-t .nboxs .nb .txt span{ font-size: 1.4em; color: #333; line-height: 1.5; padding: 8px 0; display: block;}
.news-t .nboxs .nb .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; }
.news-t .nboxs .nb:hover img{ transform: scale(1.05);}

/*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; background: #eee;}
.newsshow .boxs{ background:#fff; }
.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: 20px 40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:6px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#90c428 !important; color:#fff !important;}

/*contact*/
.contact{ display: flex; background: #e2e2e2; align-items: center; }
.contact .map{ width: 50%;}
.contact .txt{  height: 680px;  align-content: space-between; padding: 5%; width: 50%; display: flex; justify-content: space-between; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/c-bg.png) bottom right no-repeat; background-size: 60%;}
.contact .txt>*{ width: 100%;}
.contact .txt .t1 h3{ font-size: 2.4em; color: #000; line-height: 1.2;}
.contact .txt .t1 h4{ font-size: 1.4em; color: #000; line-height: 1.5; text-transform: uppercase; margin-bottom: 40px;}
.contact .txt .t1 p,.contact .txt .t2 p{ font-size: 1.4em; color: #000; line-height: 1.5; margin-bottom: 6px;}

.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;}
.feedback{ padding: 60px 0; }
.feedback .tit{ padding-bottom: 10px; margin-bottom: 50px  ; border-bottom: 2px solid #5c5c5c;}
.feedback .tit h3{ font-size: 4.8em; color: #333; line-height: 1; font-weight: 800; text-transform: uppercase;}
.feedback .tit h4{ font-size: 2em; color: #333; line-height: 1.5; margin: 4px 0;}
.feedback .tit p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.feedback .form{ width: 100%;}
.feedback .form form{ justify-content: space-between; display: flex; flex-wrap: wrap;}
.feedback input,.feedback textarea{ font-size: 1.4em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000;  padding: 12px 20px;  border: 1px solid #d2d2d2; }
.feedback .dot{ width: 100%; margin-bottom: 20px; overflow: hidden; display: flex; justify-content: space-between;}
.feedback .dot input { width: calc(50% - 30px); }
.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: 30px 0 0 auto;  text-align: right; }
.feedback .fc-btn{ border:none; padding:12px 70px;  font-size:1.4em; color:#fff; line-height:24px; cursor:pointer; background: #be0404;}
.feedback .fc-btn:hover{ background: #89c609;}

/*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:680px;}

/*login*/
.login.txt a,.pass2.txt .lb{ 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;}
.log-all{ padding: 120px 0; background:url(../images/login-bg.jpg) center center no-repeat; background-size: cover !important;}
.log-all .logbox{ background: #fff; display: flex; align-items: center; padding: 0; }
.log-all .logbox>*{ width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.log-all .logbox .img{ background: url(../images/login.jpg) center center no-repeat; background-size: cover !important; min-height: 740px; }
.log-all .logbox .txt{ padding: 20px; text-align: center;}
.log-all .logbox .txt h3{ font-size: 2.4em; color: #333; font-weight: bold; }
.log-all .logbox 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:#000;  padding: 6px 16px;  border: 1px solid #b5b5b5; border-radius: 10px; width: 100%; }
.log-all .logbox::-webkit-input-placeholder{ color:#d5d5d5;}
.log-all .logbox:-moz-placeholder{ color:#d5d5d5; }
.log-all .logbox::-moz-placeholder{ color:#d5d5d5;}
.log-all .logbox:-ms-input-placeholder{ color:#d5d5d5; }
.log-all .logbox form{ max-width: 380px; margin: 30px auto 0 auto;}

.pass3.txt a{ margin-top: 40px; font-size: 1.6em; line-height: 1.2; padding: 10px 22%; display: inline-block; border-radius: 10px;  background: #000; color: #fff;}
.pass3.txt a:hover{ background: #89c609;}

.pass2.txt form p{ font-size: 1.6em; color: #888; line-height: 1.5; text-align: left; }
.pass2.txt input{ margin-top: 20px;}
.pass2.txt .yz .lyz2 {
    margin-top: 20px;
}
.pass2.txt .lb {
    cursor: pointer;
    color: #fff;
    background: #000;
    border: none;
    width: 100%;
    border-radius: 10px;
    padding: 6px 16px;
    line-height: 24px;
    margin-top: 20px;
}
.pass2.txt .lb:hover{ background: #89c609;}

.pass.txt .yz{ display: flex; justify-content: space-between; }
.pass.txt .yz .lt{ width: 60%;}
    .pass.txt .yz .lyz {
        width: calc(40% - 10px);
        background: #f2f4f9;
        margin-top: 20px;
        border: 1px solid #b5b5b5;
        border-radius: 10px;
        font-size: 1.6em;
    }

    
.pass2.txt .lb.layui-btn-disabled {
    cursor: not-allowed;
}
.login.txt .lt {
    padding: 6px 16px 6px 44px;
}
.login.txt .lt1{ background: url(../images/lt1.png) 6px center no-repeat;}
.login.txt .lt2{ background: url(../images/lt2.png) 6px center no-repeat;}
.login.txt p{ margin-top: 20px; text-align: right !important;}
.login.txt a{ font-size:1em; }
.login.txt a:hover{ text-decoration: underline; color: #000;}

.register.txt form{ max-width: 500px;}
.register.txt .d{ margin-top: 10px; display: flex; align-items: center;}
.register.txt .d p{ text-align: right; width: 100px; margin-top: 20px;}
.register.txt .d .lt,.register.txt .yz{ width: calc(100% - 100px);}
.register.txt .yz .lt{ width: 60%;}
.register.txt .btn{ max-width: 380px; margin: 40px auto 0 auto;}
.register.txt .btn p{ display:flex; align-items: center;}
.register.txt .btn p input{ width: 20px; margin: 0;} 
.register.txt .btn p span{ font-size: 1em; color: #888; line-height: 1.5;}
.register.txt .btn .lb{ margin-top: 4px;}
.register.txt form>p{ text-align: center !important; color: #555; margin-top: 20px;}
.register.txt form>p a{ color: #d40303;}
.register.txt form>p a:hover{ text-decoration: underline;}