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

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:1640px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ 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: #018234; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy a:active{ color:#fff;  background: #018234; 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: #018234;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*/
.header .munes .mune a:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.header{ align-items: center; padding: 30px 80px; display: flex; position: absolute; top:0; left: 0; justify-content: space-between; z-index: 2; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .logo{  padding: 0 10px;}
.header .logo .llb{ display: none;}
.header .munes>*,.header .munes .more>*{ float:left;}
.header .munes .mune .m-dot{  float:left; }
.header .munes .mune .m-dot>a{  font-size: 1.4em;color: #fff; line-height: 24px; margin: 0px 35px; position: relative; padding: 30px 0px; display: inline-block; text-shadow: 1px 1px 2px rgba(0,0,0,0.4);} 
.header .munes .mune .m-dot>a:after{ width: 100%; background: #90b722; content: ""; position: absolute;  height: 2px;  transform: scaleX(0); z-index: 3;  right:0; bottom:26px; transform-origin: 100% 0 0;}

.ibh .header .logo .llw{ filter: invert(100%);}
.hb .header .logo .llw{ display: none;}
.hb .header .logo .llb{ display: block;}
.hb .header{ padding: 10px 80px; position: static; border-bottom: 1px solid #c7c7c7;}
.hb .header .munes .mune .m-dot>a,.ibh .header .munes .mune .m-dot>a{ color: #333;}


/*footer*/
.footer a,.twos .two .ti,.footer .fo2 .sreach .fdb{ color: #fff;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.footer,.down{ background:#f3f3f5; }
.footer{ display: flex; flex-flow: wrap; align-items: flex-end; align-content: flex-end; height: 100%;}
.footer>*{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1{ display: flex; justify-content: space-between; padding: 30px 80px;}
.footer .fo1 .fmenu{ display: flex; align-items: flex-start;}
.footer .fo1 .fm{ padding: 10px 40px; border-right: 1px solid #dfdfdf; }
.footer .fo1 .fm h3 a{ font-size: 1.8em; display: inline-block; margin-bottom: 30px; line-height: 24px; color: #000;}
.footer .fo1 .fm p a{ font-size: 1.4em; line-height: 24px; height: 24px; color: #888;}
.footer .fo1 .fm:last-child{ border: none;}
.footer a:hover{ text-decoration: underline;}
.down.fp-section{ height: 100vh !important;}

.footer .fo2{ display: flex; justify-content: space-between; padding: 20vh 80px 50px 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; align-items: flex-end;}
.footer .fo2 .txt h3{ font-size: 2.4em; font-weight: bold; color: #000; margin-bottom: 16px;}
.footer .fo2 .txt p{ font-size: 1.4em; color: #888; line-height: 24px; display: block;}
.footer .fo2 .txt p a{ font-size: 1em; color: #888;}
.footer .fo2 .txt p a:hover{ text-decoration: underline;}
.twos{ display: flex;  margin-top: 40px;}
.twos .two p{font-size: 1.4em; color: #888; line-height: 24px; display: block;}
.twos .two{ cursor: pointer; position: relative; margin-right: 40px; text-align: center;}
.twos .two .ti{ position: absolute; bottom: 24px; transform: scale(0); transform-origin : 0 100% 0;z-index: 2;}
.twos .two:hover .ti{ transform: scale(1); z-index: 3;}

.footer .fo2 .sreach h3{ font-size: 1.4em; color: #333; line-height: 1.5; margin-bottom: 12px;}
.footer .fo2 .sreach  input{ 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; border: none;  padding: 8px 14px; }
.footer .fo2 .sreach .ft{ width: 350px;}
.footer .fo2 .sreach .fdb{ width: 110px; background: #121212; color: #fff;}
.footer .fo2 .sreach .fdb:hover{ background: #5a9d36;}
.footer .fo3{ border-top:1px solid #d3d3d3; padding: 20px 80px; display: flex; justify-content: space-between;}
.footer .fo3 .tip p{ font-size:1.4em; color: #888; line-height: 1.5;}
.footer .fo3 .share{ display: flex;}
.footer .fo3 .share .fs{display: flex; align-items: center; margin-left: 20px;}
.footer .fo3 .share .fs p{ font-size: 1.4em; color: #333; line-height: 1.5; margin-left: 4px;}
.footer .fo3 .fweb{ margin-left: 20px;}
.footer .fo3 .fweb p{ font-size: 1.4em; color: #888; line-height: 26px;}
.footer .fo3 .fweb p a{ font-size:1em; color: #888;}

.bottomlist{ background:#5a9d36; 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-pagination-bullet{ color: #fff;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.banner{ position: relative;}
.banner .swiper-slide{ display: flex; align-items: center; background-size: cover !important; height: 100vh;}
.banner .ban1{ background: url(../images/banner01.jpg) center center no-repeat;}
.banner .ban2{ background: url(../images/banner02.jpg) center center no-repeat;}
.banner .txt{ width: 100%; padding: 0 10%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner .ban2 .txt{ text-align: right;}
.banner .txt img{ max-width: 40%;  max-height: 60vh;}
.banner .swiper-pagination{ text-align: right; bottom:50px; left: auto; right: 60px;  z-index: -1;}
.banner .swiper-pagination-bullet{ width: 10px; height: 4px; background: #678a2c; opacity: 1; border-radius: 4px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{  background: #678a2c; width: 130px;}
/*iab*/
.iab .iab-txt a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.iab{ background: url(../images/iab-bg.jpg) center center no-repeat; padding: 30px 80px; }
.iab .iab-tit,.iab .iab-txt{ display: flex; justify-content: space-between;}
.iab .iab-tit h3{ font-size: 3em; font-weight: bold; color: #fff; line-height: 1.5;}
.iab .iab-tit p{ font-size: 1.8em; color: #fff; line-height: 1.5; text-align: right;}
.iab .iab-img{ position: relative; margin:80px 0 40px 0;}
.iab .iab-img .iabt{ position: absolute; top:0; width: 100%; text-align: center; height: 100%; left: 0; display: flex; align-items: center; justify-content: center;}
.iab .iab-img .iabt img{ transform: scale(0); max-width: 100%;}
.iab .iab-img .iabi{ width: 100%; position: relative; z-index: 2; text-align: center;}
.iab .iab-img .iabi img{ transform: scale(0); max-width: 40%; }
.iab .iab-txt h3{ font-size: 1.8em; color: #fff; line-height: 1.5;}
.iab .iab-txt p{ font-size: 1.4em; color: #fff; line-height: 1.5; text-align: right;}
.iab .iab-txt a{ font-size: 1.4em; display: inline-block;  background: #5a9d36;  color: #fff; padding: 6px 24px; line-height: 1.5; margin-top: 24px;}
.iab .iab-txt a:hover{ padding: 6px 24px 6px 40px;}

.iab.active .iab-img .iabt img{ transform: scale(1); transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; transition-delay: 0.4s;}
.iab.active .iab-img .iabi img{ transform: scale(1); transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;  transition-delay: 0.6s;}

/*iab2*/
.iab2 .txt a,.iab2 .img .iv .vi:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.iab2{ vertical-align: middle; padding: 30px 80px; background: #f4f4f4;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab2 .iab-t{ background: #fff; display: flex; align-items: center; height: 80vh;}
.iab2 .txt{ padding: 5%; width: 55%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.iab2 .txt h3{ font-size: 3em; font-weight: bold; }
.iab2 .txt h4{ font-size: 3em; color: #000; line-height: 1.5; margin-bottom: 16px;}
.iab2 .txt p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.iab2 .txt .t{ padding: 10% 0;}
.iab2 .txt .d{ display:flex; margin-top: 30px;}
.iab2 .txt .d .di{ padding: 10px 40px; background: #f4f4f4; margin: 0 5px 5px 0;}
.iab2 .txt a{ display: inline-block; background: #000; color: #fff; font-size: 1.4em; padding:6px 30px;}
.iab2 .txt a:hover{ padding: 6px 30px 6px 50px;}
.iab2 .img{ display: flex; align-items: center; justify-content: flex-end;  background: url(../images/iab2-img.jpg) center center no-repeat; background-size: cover !important; height: 100%; width: 45%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab2 .img .iv{ text-align: right; padding: 10%; cursor: pointer;}
.iab2 .img .iv .vi{ position: relative; width: auto; display: inline-block;}
.iab2 .img .iv .vi:after{ position: absolute; top:calc(50% - 21px); left:calc(50% - 21px); background: url(../images/play.png) center center no-repeat; background-size: contain !important; width: 42px; height: 42px; content: "";}
.iab2 .img .iv .t{ margin-top: 40px;}
.iab2 .img .iv .t h3{ font-size: 2.4em; color: #fff; line-height: 1.2; text-transform: uppercase;}
.iab2 .img .iv .t p{ font-size: 1.6em; color: #fff; line-height: 1.5; margin-top: 10px;}
.iab2 .img .iv:hover .vi:after{ transform: scale(1.1);}
/*ip*/
.ip .img img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ip{ padding: 30px 80px;}
.ip .tit{ padding: 0 0 60px 40px;}
.ip .tit h3{ font-size: 3em; color: #000; font-weight: bold; margin-bottom: 30px;}
.ip .tit p{ font-size: 1.4em; color: #555; line-height: 1.5;}
.ip .swiper-slide .img{ overflow: hidden; }
.ip .swiper-slide .img img{width: 100%;}
.ip .swiper-slide .txt{ margin: 30px 0 0 auto; text-align: right; max-width: 450px;}
.ip .swiper-slide .txt h3 a{ font-size: 2.4em; color: #333; line-height: 1.5; margin-bottom: 12px;}
.ip .swiper-slide .txt p{ font-size: 1.4em; color: #888; line-height: 2; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.ip .swiper-slide .txt p a,.ip .swiper-slide .txt p span{font-size: 1em; color: #888; border-bottom: 1px solid #aaa; padding-bottom: 4px; display: inline-block;  padding: 0 4px;}
.ip .swiper-slide .txt p a:hover{ color: #5a9d36;}
.ip .ipl-slider{ position: relative; z-index: 2; padding-top: 100px; margin-top: -100px;}
.ip .swiper-slide:hover .img img{ transform: scale(1.05);}
.ip .swiper-pagination{ top:0; text-align: right; z-index: -1; font-size: 1.4em; color: #555; }
.ip .swiper-pagination .on{ font-size: 60px; color: #555; line-height: 1.5; display: inline-block;}
/*ipa*/
.ipa .tit a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ipa{ position: relative; background: url(../images/ipa-bg.jpg) center center no-repeat; background-size: cover !important;}
.ipa:after,.ipa:before{ background-size: auto 140% !important; position: absolute; top:0; left: 0; width: 100%; height: 100%; content: ""; transform: scale(0);}
.ipa:after{ background: url(../images/ipas1.png) center center no-repeat; }
.ipa:before{ background: url(../images/ipas2.png) center center no-repeat; }
.ipa .tit{ text-align: center; color: #fff; padding-bottom: 64vh; position: relative; z-index: 2;}
.ipa .tit h3{ font-size: 3em; font-weight: bold; line-height: 1.5; margin-bottom: 30px;}
.ipa .tit p{ font-size: 1.6em; line-height: 1.5;}
.ipa .tit a{ font-size: 1.4em; margin-top: 20px; display: inline-block;  padding: 6px 30px; color: #fff;}
.ipa .tit a:hover{ background: #5a9d36; }

.ipa.active:after{ transform: scale(1); transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; transition-delay: 0.2s;}
.ipa.active:before{ transform: scale(1); transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;  transition-delay: 0.8s;}
/*inews*/
.inews .txts a,.inews .txts .nd h3{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.inews{ padding: 30px 80px;}
.inews .inews-box{ display: flex;}
.inews .tits{ width: 25%; padding-bottom: 60vh;}
.inews .tits h3{ font-size: 3em; font-weight: bold; line-height: 1.5; margin-bottom: 20px;}
.inews .tits p{ font-size: 1.4em; color: #555; line-height: 1.5; max-width: 260px;}
.inews .txts{ padding-top: 10vh; width: 75%;}
.inews .txts .nd{ padding: 30px 0; border-bottom: 1px solid #808080;}
.inews .txts .nd:first-child{ border-top: 1px solid #808080;}
.inews .txts .nd span{ font-size: 1.4em; line-height: 1.5; display: block; margin-bottom: 12px;}
.inews .txts .nd h3{ font-size: 2em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.inews .txts .tit{ margin-bottom: 30px;}
.inews .txts .txt{ display: flex;}
.inews .txts .txt span{ font-size: 1.4em; color: #888; line-height: 1.2; display: inline-block; width: 15%;}
.inews .txts .txt p{ font-size: 1.4em; color: #888; width: 85%; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.inews .txts .more{ margin: 20px 0 0 auto; display: inline-block; font-size: 1.4em;  padding: 6px 30px; color: #333; float:right;}
.inews .txts .more:hover{ background: #5a9d36; color: #fff;}
.inews .txts .nd:hover h3{ color: #5a9d36;}

/*tit-tip*/
.tit-tip{ border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 14px; width: 100%;}
.tit-tip h3{ font-size: 2.4em; color: #fff; line-height: 1.5;}
.tit-tip h4{ font-size: 3.6em; color: #fff; line-height: 1.2;}


/*about*/
.ab-banner{ text-align: center;display: flex; justify-content: center; align-items: center;}
.ab-banner .txt{ padding-bottom: 6%;}
.ab-banner .txt h3{ font-size: 2.4em; color: #fff; text-transform: uppercase;}
.ab-banner .txt h4{ font-size: 3.6em; color: #fff; margin: 12px 0 20px 0; font-weight: bold;}
.ab-banner .txt p{ font-size: 2.4em; color: #fff; }

.ab-banner{ background: url(../images/about/ab-banner.jpg) center top no-repeat; height: 75vh; background-attachment: fixed; background-size: 100% auto !important;}
.about .tit h3{ font-size: 3em; font-weight: bold; line-height: 1.5;}
.about .tit h4{ font-size: 1.8em; color: #888; line-height: 1.5;}
.about .tit h5{ font-size: 2.4em; color: #333; line-height: 1.5; font-family: "CentSchbkCyrill";}

.ab1{ margin-top: -280px;}
.ab1 .tit{ margin-bottom: 30px;}
.ab1 .ab1-boxs{ padding: 70px 0 100px; text-align: center; background: #fff; }
.ab1 .ab1-boxs .txt p{ font-size: 1.4em; color: #888; line-height: 1.5; max-width: 850px; margin: 0 auto;}
.ab1 .ab1-boxs .txt .img{ margin: 50px auto; display: inline-block; position: relative;}
.ab1 .ab1-boxs .txt .img:after{ position: absolute; bottom: 0; left: 100%; background: #d0d0d0; width: 8%; height: 75%; content: "";}

.ab2 .ab2-tit{ padding: 80px 0 70px 0; background: #e7e7e7;}
.ab2 .ab2-tit .warp{ padding: 0 5%; display: flex; align-items: flex-end; justify-content: space-between;}
.ab2 .ab2-tit .tip h3{ font-size: 1.4em; color: #888; line-height: 2; border-bottom: 1px solid #888; width: 5em; text-align: right;}
.ab2 .ab2-yl{ background: url(../images/about/ab-yl.jpg) center center no-repeat; background-size: cover !important; background-attachment: fixed; color: #fff;}
.ab2 .ab2-yl .warp{  display: flex; align-items: center;}
.ab2 .ab2-yl .warp>*{ padding: 120px 0 220px 0;}
.ab2 .ab2-yl .at{ width: 20%; text-align: center; }
.ab2 .ab2-yl .at h3{ font-size: 2.4em; line-height: 1.5;} 
.ab2 .ab2-yl .ai{ width: 80%; padding-left: 5%; border-left:1px solid #585858; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab2 .ab2-yl .ai p{ font-size: 1.4em; line-height: 1.5; margin: 24px 0; max-width: 1000px;}
.ab2 .ab-story{ text-align: right; padding-bottom: 180px; margin-top: -160px;}
.ab2 .ab-story img{ max-width: 45%;}
.ab2 .ab-story .t{ max-width: 1140px; margin: 60px 0 0 auto;}
.ab2 .ab-story .t h3{ font-size: 2.4em; margin-bottom: 40px; color: #333;}
.ab2 .ab-story .t p{ font-size: 1.4em; color: #333; line-height: 1.5; margin-bottom: 20px; text-align: left; }
.ab3{ display: flex; background: url(../images/about/ab3-bg.jpg) center center no-repeat; background-size: cover !important; background-attachment: fixed; color: #fff;}
.ab3 .abc-b2 .btxt,.ab3 .abc-b3 .btxt{ padding: 80px 50px;}
.ab3 .btxt{ overflow: hidden;}
.ab3 .btxt h3{ font-size: 1.4em; line-height: 1.5; display: inline-block; border-bottom: 1px  solid #fff; margin-bottom: 66px;}
.ab3 .btxt h4{ font-size: 2.4em; line-height: 1.5; margin-bottom: 16px;}
.ab3 .btxt p{ font-size: 1.4em; line-height: 24px;}

.ab3 .abc-b1{ width: 30%; padding: 70px 5%; border-right: 10px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab3 .abc-b1 .tit h5,.ab3 .abc-b1 .tit h4{ color: #fff;}
.ab3 .abc-b1 .tit{ margin-bottom: 240px;}
.ab3 .abc-b2{ width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 10px solid #fff;}
.ab3 .abc-b21:first-child{ border-bottom: 10px solid #fff;}
.ab3 .abc-b21:first-child h4{ margin-bottom: 70px;}
.ab3 .abc-b3{ width: 45%; display: flex; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab3 .abc-b3 .abc-b31{ width: 100%;  border-bottom: 10px solid #fff;}
.ab3 .abc-b3 .abc-b31 h4{ margin-bottom: 70px;}
.ab3 .abc-b3 .abc-b31 p{ height: 48px;}
.ab3 .abc-b3 .abc-b32{ width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab3 .abc-b3 .abc-b32:nth-child(2){ border-right: 10px solid #fff}
.ab4{ padding: 100px 0 120px 0;}
.ab4 .warp2{ max-width: 1040px;}
.ab4 .tit{ margin-bottom: 60px;}
.ab4 .tit p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.ab4 .txt .t p{ font-size: 1.4em; color: #333; line-height: 2;}
.ab4 .txt .t{ margin-bottom: 50px;}
.ab4 .txt .more{ padding-bottom: 16px; display: flex; justify-content: space-between; align-items: flex-end;  border-bottom: 1px solid #bbb; position: relative;}
.ab4 .txt .more:after{ position: absolute; content: ""; width: 48px; height: 8px; background: #333; bottom:-4px;}
.ab4 .txt .more h3{ font-size: 1.8em; color: #333; line-height: 1.5;}
.ab4 .txt .more a{ font-size: 1.6em; color: #333; line-height: 1.5; display: inline-block;}

.ab5 .deve-dots:after,.ab5 .time-txt .box,.ab5 .tld *,.ab5 .tld:after,.ab5 .tld:before{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;}
.ab5{ position: relative;  background: url(../images/about/history-bg.jpg) center center no-repeat; background-size: cover !important; padding: 100px 0; overflow: hidden;}
.ab5 .tit h3,.ab5 .tit h5{ color: #fff;}
.ab5 .tit h4{ color: #9c9b9b;}

.ab5:after{ top:10%; left: 0; position: absolute; width: 100%;  height: 180%; background: url(../images/about/history-r.png) center bottom no-repeat; background-size: contain; content: ""; animation:mymove 60s infinite; -webkit-animation:mymove 60s infinite;}
@keyframes mymove
{
	from{transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from{transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}
.ab5 .deve-dots:hover:after{ animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;}
.ab5 .deve-dots{  overflow: hidden; display: flex; flex-wrap: wrap;}

.ab5 .time-line{ border-top:2px solid rgba(255,255,255,0.3); display: flex; flex-wrap: wrap; width: 100%; order: 2; z-index: 2; position: relative; }
.ab5 .tld{ position: relative; cursor: pointer; width: 10%; text-align: center;}
.ab5 .tld:after{ background:-webkit-linear-gradient(-90deg,rgba(106,149,34,0),rgba(106,149,34,1)); width: 1px;   position: absolute; content: ""; left: calc(50% - .5px); bottom: 100%; height: 0;}
.ab5 .tld:before{ background:-webkit-linear-gradient(0deg,rgba(106,149,34,0),rgba(106,149,34,1)); width: 0%;  position: absolute; content: ""; height: 2px; left: calc(-90%); top:-2px;}
.ab5 .tld p{ margin-top: 16px; font-size: 1.8em; color: rgba(255,255,255,0.5); line-height: 1.5;}
.ab5 .tld span{ z-index: 2; width: 20px; height: 20px; border-radius: 50%; display: inline-block; background: rgba(255,255,255,0.4); margin-top: -11px; position: relative;}
.ab5 .tld span:after{ position: absolute; top:calc(50% - 4px); right:calc(50% - 4px); background: #fff; border-radius: 50%; content: ""; width: 8px; height: 8px;}
.ab5 .tld.hover p{ color: #fff;}
.ab5 .tld.hover span,.ab5 .tld.hover span:after{  background: #6a9522;}
.ab5 .tld.hover:after{height: 90px;}
.ab5 .tld.hover:before{ width: 140%;}

.ab5 .time-txt{ overflow: hidden; width: 100%; z-index: 2; position: relative; padding: 20px; height: 440px; margin-top: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab5 .time-txt .box{ justify-content: center; align-items: center; display: flex;  position: absolute; top:0; left: 0; width: 100%; height: 440px; opacity: 0; transform: translateY(60px);}
.ab5 .time-txt .box h3{ font-size: 6em; font-weight: bold; line-height: 1.5; margin-right: 70px; color: #fff;}
.ab5 .time-txt .box p{ position: relative; font-size: 1.8em; line-height: 2; color: #fff;}
/*.ab5 .time-txt .box p:after{ position: absolute; top:15px; left: -18px; border-radius: 50%; width: 6px; height: 6px; content: ""; background: #6a9522;}*/
.ab5 .time-txt .box.hover{ opacity: 1; transform: translateY(0px);}

.ab6-imgs 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;}
.ab6 .ab6-txt{ padding-top: 130px; text-align: right; margin-bottom: 30px;}
.ab6-txt .tit{ margin-bottom: 50px;}
.ab6-txt .txt p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.ab6-txt .txt a{ font-size: 1.6em; color: #333; line-height: 1.5; display: inline-block; margin-top: 90px;}
.ab6-imgs img{ max-width: 100%; opacity: 0.3;}
.ab6-imgs .swiper-slide{ background:#000;}
.ab6-imgs .swiper-slide-active img{ opacity: 1;}

/*honor*/
.honor .hboxs .hb 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: 0 0 60px 0;}
.honor .back{ padding: 30px 0;}
.honor .back a{ font-size: 1.6em; color: #888; line-height: 1.5;}
.honor .back a:hover{ text-decoration: underline;}
.honor .hboxs{ display: flex; flex-wrap: wrap;}
.honor .hboxs .hb{ width: calc(25% - 30px); margin: 20px 15px; text-align: center;}
.honor .hb .img{ overflow: hidden;}
.honor .hb .img img{ width: 100%;}
.honor .hb .t p{ font-size: 1.6em; color: #888; line-height: 24px; height: 24px; margin: 30px 0;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.honor .hb:hover .img img{ transform: scale(1.05);}

/*product*/
.product .p-list a,.product .p-list a:after,.product .pb .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;}
.product{ padding: 80px 0;}
.product .tit{ padding: 14px 10px; border-bottom: 1px solid #373737;}
.product .tit h3{ font-size: 3.6em; color: #333; font-weight: bold; text-transform: uppercase;}
.product .tit h4{ font-size: 2.4em; color: #333; line-height: 1.5;}
.product .pban{ padding: 100px 50px; margin: 50px 0; background-size: cover !important;}
.product .pban-mz{ background: url(../images/product/pban-mz.jpg) left center no-repeat;}
.product .pban-xh{ background: url(../images/product/pban-xh.jpg) left center no-repeat;}
.product .pban h3{ font-size: 3em; color: #fff; line-height: 1.5;}
.product .pro-list .p-list{ margin: 30px 0; border-bottom: 1px solid #383838;  display: flex; align-items: flex-start;}
.product .p-list span{ padding: 4px 20px; line-height: 24px; background: #eaeaea;  font-size: 1.6em; display: inline-block; margin: 10px 6px;}
.product .p-list .pl{ width: calc(100% - 100px);}
.product .p-list a{ font-size: 1.6em; color: #888; line-height: 24px; display: inline-block; padding: 14px 0px; margin: 0 30px; position: relative;}
.product .p-list a:after{ position: absolute; bottom: -2px; left: 0; content: ""; background: #383838; width: 0;  height: 3px;}
.product .p-list a:hover,.product .p-list a.lock{ color: #333;}
.product .p-list a:hover:after,.product .p-list a.lock:after{width: 2em;}
.product .pro-boxs{ margin-left: -15px; width: calc(100% + 30px); display: flex; flex-wrap: wrap;}
.product .pb{ width: calc(25% - 30px); margin: 30px 15px;}
.product .pb .img{ overflow: hidden;}
.product .pb .img img{ width: 100%;}
.product .pb .txt{ padding: 30px 10px;}
.product .pb .txt p{ font-size: 1.4em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.product .pb:hover .img img{ transform: scale(1.05);}

/*banners*/
.banners{  background-attachment: fixed !important; background-size: 100% auto !important;} 
.banners .warp2{ height: 450px; display: flex; align-items:flex-end; flex-wrap: wrap; }
.news{ background: url(../images/banners/news-banner.jpg) top center no-repeat;}
.partner{ background: url(../images/banners/partner-banner.jpg) top center no-repeat;}
.welfare{ background: url(../images/banners/welfare-banner.jpg) top center no-repeat;}
.contact{ background: url(../images/banners/contact-banner.jpg) top center no-repeat;}


/*news*/
.news-t .n-list a,.news-t .ntxt1 .nb .img img,.news-t .ntxt2 .nt .txt h4{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 .n-list{ text-align: right;}
.news-t .n-list a{ font-size: 1.6em; color: #888;  line-height: 1.5; display: inline-block; background: #f2f2f2; padding: 6px 30px; margin-left: 20px;}
.news-t .n-list a:hover,.news-t .n-list a.lock{ background: #000; color: #fff;}
.news-t .ntxt1{ padding: 60px 0; display: flex; justify-content: space-between;}
.news-t .ntxt1 .nb{ width: calc(25% - 15px); }
.news-t .ntxt1 .nb .img{ overflow: hidden;}
.news-t .ntxt1 .nb .img img{ width: 100%;}
.news-t .ntxt1 .nb .txt{ padding: 20px 10px;}
.news-t .ntxt1 .nb .txt h3{ font-size: 2.8em; color: #000; line-height: 1.2; font-weight: bold;}
.news-t .ntxt1 .nb .txt h4{ font-size: 1.8em; color: #000; line-height: 1.2; font-style: italic; margin-bottom: 20px;}
.news-t .ntxt1 .nb .txt h5{ font-size: 1.8em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; font-weight: bold;}
.news-t .ntxt1 .nb .txt p{ font-size: 1.4em; line-height: 24px; margin-top: 12px; height: 72px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3;}
.news-t .ntxt1 .nb .txt span{ font-size: 1.4em; color: #888; line-height: 1.2; border-bottom: 1px solid #aaa; padding-bottom: 5px; display: inline-block; margin-top: 30px;}
.news-t .ntxt1 .nb:hover .txt span{ color: #018234; border-bottom: 1px solid #018234;}
.news-t .ntxt1 .nb:hover .img img{ transform: scale(1.05);}
.news-t .ntxt2{ padding-bottom: 60px;}
.news-t .ntxt2 .nt:first-child{ border-top:1px solid #a2a2a2;}
.news-t .ntxt2 .nt{ border-bottom: 1px solid #a2a2a2;}
.news-t .ntxt2 .nt a{ padding: 30px 10px 50px 10px; display: flex;  justify-content: space-between;}
.news-t .ntxt2 .nt .txt{ width: calc(100% - 200px); max-width: 780px;}
.news-t .ntxt2 .nt .txt h3{ font-size: 1.4em; color: #888; line-height: 1.5; margin-bottom: 6px;}
.news-t .ntxt2 .nt .txt h4{ font-size: 2em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; margin-bottom: 20px;}
.news-t .ntxt2 .nt .txt p{ font-size: 1.4em; color: #888; line-height: 24px; height: 24px;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news-t .ntxt2 .nt .date{ width: 200px;}
.news-t .ntxt2 .nt .date h3{ font-size: 2.8em; color: #000; font-weight: bold; }
.news-t .ntxt2 .nt .date h4{ font-size: 1.8em; color: #000; font-weight: bold; font-style: italic; line-height: 1.5;}
.news-t .ntxt2 .nt .date span{ font-size: 1.4em; color: #888; line-height: 1.2; border-bottom: 1px solid #aaa; padding-bottom: 5px; display: inline-block; margin-top: 14px;}
.news-t .ntxt2 .nt:hover .txt h4{ color: #018234; }

/*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;}
.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:#90b722 !important; color:#fff !important;}

/*tits*/
.tits h3{ font-size: 3em; font-weight: bold; line-height: 1.5;}
.tits h4{ font-size: 1.8em; color: #888; line-height: 1.5;}
.tits h5{ font-size: 2.4em; color: #333; line-height: 1.5; font-family: "CentSchbkCyrill";}

/*partner*/
.pa-tips .pat a:after,.pa-c 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;}
.partner-t{ padding: 100px 0 120px 0;}
.pa-tit{ display: flex; justify-content: space-between;}
.pa-tit .txt p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.pa-tips{ padding: 100px 0 60px 0; display: flex; flex-wrap: wrap;}
.pa-tips .pat{ overflow: hidden; border: 1px solid #d2d2d2; margin: 15px 10px; width: calc(16.66% - 20px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.pa-tips .pat a:after{ background-size: 80%; background: url(../images/partner/pa-more.png) center center rgba(90,157,54,0.9) no-repeat ; bottom:100%; left: 0; width: 100%; height: 100%;  position: absolute; content: "";}
.pa-tips .pat img{ width: 100%;}
.pa-tips .pat a:hover:after{ bottom: 0;}
.pa-txt{ text-align: right; padding-right: 4%;}
.pa-txt p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.pa-c{ margin-top: 90px; padding: 180px 0; background: url(../images/partner/p-c.jpg) center center no-repeat; background-attachment: fixed; text-align: center; color: #fff; background-size: cover !important;}
.pa-c h3{ font-size: 3em; font-weight: bold; margin-bottom: 25px;}
.pa-c p{ font-size: 1.4em; line-height: 1.5;}
.pa-c a{ font-size: 1.4em; color: #333; line-height: 1.5; display: inline-block; padding: 6px 60px; background: #fff; margin-top: 40px;}
.pa-c a:hover{ background: #5a9d36; color: #fff;}
/*partnershow*/
.pashow{ background: #fff ;}
/*pn*/
.pn 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;}
.pn{ justify-content: space-between; display: flex; padding: 40px 0 0 0;}
.pn a{ font-size: 1.4em; color: #333; line-height: 1.5; display: inline-block; padding: 15px 30px; max-width: 50%; background: #eee;min-width: 36%;}
.pn a:last-child{ text-align: right;}
.pn a:hover{ color: #fff; background: #5a9d36;}

/*welfare*/
.wel3 .wel-box .wb .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;}
.wel1{ padding-top: 100px;}
.wel1 img{ max-width: 100%;}
.wel1 .welt1,.wel1 .welt2{ display: flex;}
.wel1 .welt1 .txt,.wel1 .welt2 .img1{ width: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.wel1 .welt1 .img,.wel1 .welt2 .img2{ width: 40%;}
.wel1 .welt1 .txt{ padding-left: 6%;}
.wel1 .welt1 .txt .t{ margin: 100px 40px 0 0;}
.wel1 .welt1 .txt p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.wel1 .welt1 .img{ padding-top: 140px;}
.wel1 .welt2 .img1{ padding-right: 20px; text-align: right; margin-top: -270px;}
.wel1 .welt2{ justify-content: flex-end; margin-top: 20px; }
.wel2{ align-items: center; display: flex; padding-bottom: 120px; margin-top: -40px;}
.wel2 .img{ width: 50%;}
.wel2 .img img{ max-width: 100%;}
.wel2 .txt{ padding: 0 6%; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.wel2 .txt p{ font-size: 1.4em; color: #888; line-height: 1.5; margin: 30px 0;}
.wel3{ background: #f5f5f5; padding: 120px 0; border-bottom: 2px solid #fff;}
.wel3 .tits{ text-align: center;}
.wel3 .wel-box{ padding: 20px 0; display: flex; flex-wrap: wrap;}
.wel3 .wel-box .wb{ width: calc(33.33% - 40px); margin: 30px 20px;}
.wel3 .wel-box .wb .img{ overflow: hidden;}
.wel3 .wel-box .wb .img img{ width: 100%;}
.wel3 .wel-box .wb .t{ padding-top: 20px;}
.wel3 .wel-box .wb .t p{ font-size: 1.6em; color: #333; line-height: 24px; height: 24px; text-align: center; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.wel3 .wel-box .wb:hover .img img{transform: scale(1.05);}
/*welfareshow*/
.wels-box .wsb 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;}
.welfareshow{ padding-bottom: 120px;}
.welfareshow .back{ padding: 30px 0;}
.welfareshow .back a{ font-size: 1.6em; color: #888; line-height: 1.5;}
.welfareshow .back a:hover{ text-decoration: underline;}
.welfareshow .tit{ text-align: center; padding: 0px 0 40px 0;}
.welfareshow .tit h3{ font-size: 2.4em; color: #333; line-height: 1.5;}
.wels-box{ display: flex; flex-wrap: wrap;}
.wels-box .wsb{ width: calc(33.33% - 30px); margin: 20px 15px; overflow: hidden;}
.wels-box .wsb img{ width: 100%;}
.wels-box .wsb:hover img{ transform: scale(1.05);}


/*contact*/
.contact-t{ padding: 80px 0; }
.contact-t .ctxts{ display: flex; justify-content: space-between; margin-top: 60px;}
.ctxts .ctxt{ padding: 0 5%; width: 30%; border-right: 1px solid #b2b2b2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ctxts .ctxt:first-child{ padding-left: 0;}
.ctxts .ctxt:last-child{ width: 40%; border: none;}
.ctxts .ctxt h3{ font-size: 1.6em; color: #333; line-height: 1.5; margin-bottom: 20px;} 
.ctxts .ctxt p{ font-size: 1.6em; color: #888; line-height: 1.5;}

.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{ position: relative;}
.feedback .form{ align-items: center; align-content: center; display: flex; flex-wrap: wrap; height: 100%; width: 45%; position: absolute; top:0; right:0; background: rgba(0,0,0,.9); z-index: 222;}
.feedback .form>*{ width: 100%;}
.feedback .form .tit{ padding: 60px 70px; border-bottom: 1px solid #575757;}
.feedback .form .tit h3{ font-size: 2.4em; color: #fff; line-height: 1.5;}
.feedback .form form{ justify-content: space-between; display: flex; padding: 60px 70px;}

.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;  border: none; padding: 12px 12px; border-radius: 10px;}
.feedback .fc1{ width: 44%;}
.feedback .fc2{ width: 50%;}
.feedback .dot{ margin-bottom: 30px; overflow: hidden;}
.feedback .dot h3{ color: #fff; font-size: 1.4em; line-height: 1.5; padding-bottom: 14px;}
.feedback .dot input { width: 100%; }
.feedback textarea{ width:100%; margin:36px 0 40px 0; font-family: "Arial","Microsoft Yahei";}
.feedback .fc-input::-webkit-input-placeholder,.feedback textarea::-webkit-input-placeholder { color:#b4b4b4;}
.feedback .fc-input:-moz-placeholder,.feedback textarea:-moz-placeholder { color:#b4b4b4;}
.feedback .fc-input::-moz-placeholder,.feedback textarea::-moz-placeholder { color:#b4b4b4;}
.feedback .fc-input:-ms-input-placeholder,.feedback textarea:-ms-input-placeholder { color:#b4b4b4;}
.feedback .fc-btn{ border:none; padding:12px 90px;  font-size:1.6em; color:#fff; line-height:24px; cursor:pointer; background: #6ea716;}
.feedback .fc-btn:hover{ background: #000;}


/*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:940px; width: 55%;}