@charset "utf-8";
/* 
 * Project Name:现代农业投资
 * Author:位置
 * Date:2017-10-16
 */
@font-face {
  font-family: "MyriadPro-Black";
  src: url(/css//css/fonts/MyriadPro-Black.woff2) format("woff2"),
       url(/css/fonts/MyriadPro-Black.woff) format("woff"),
       url(/css/fonts/MyriadPro-Black.ttf) format("truetype"),
       url(/css/fonts/MyriadPro-Black.eot) format("embedded-opentype"),
       url(/css/fonts/MyriadPro-Black.svg) format("svg");
}
@font-face {
  font-family: "SourceSansPro-Regular";
  src: url(/css//css/fonts/SourceSansPro-Regular.woff2) format("woff2"),
       url(/css/fonts/SourceSansPro-Regular.woff) format("woff"),
       url(/css/fonts/SourceSansPro-Regular.ttf) format("truetype"),
       url(/css/fonts/SourceSansPro-Regular.eot) format("embedded-opentype"),
       url(/css/fonts/SourceSansPro-Regular.svg) format("svg");
}
@font-face {
  font-family: "MyriadPro-BoldCond";
  src: url("/css//css/fonts/MyriadPro-BoldCond.woff2") format("woff2"),
       url("/css/fonts/MyriadPro-BoldCond.woff") format("woff"),
       url("/css/fonts/MyriadPro-BoldCond.ttf") format("truetype"),
       url("/css/fonts/MyriadPro-BoldCond.eot") format("embedded-opentype"),
       url("/css/fonts/MyriadPro-BoldCond.svg") format("svg");
}

@font-face {
  font-family: "MyriadPro-Semibold";
  src: url("/css//css/fonts/MyriadPro-Semibold.woff2") format("woff2"),
       url("/css/fonts/MyriadPro-Semibold.woff") format("woff"),
       url("/css/fonts/MyriadPro-Semibold.ttf") format("truetype"),
       url("/css/fonts/MyriadPro-Semibold.eot") format("embedded-opentype"),
       url("/css/fonts/MyriadPro-Semibold.svg") format("svg");
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #000000; background-color: #fff; _background-attachment:fixed; 
_background-image:url(/about:blank); overflow-y:auto; overflow-y:visible\9;}
body::-webkit-scrollbar,.serscoll::-webkit-scrollbar{ width:6px; height:6px;}
body::-webkit-scrollbar-thumb,.serscoll::-webkit-scrollbar-thumb { border-radius:6px; background: #379927;}
body::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius: 6px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; color:inherit;}
a:active, a:hover { text-decoration: none; color:inherit;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width:1034px; margin: 0px auto;}

/*header-box*/
.header-box{ width:100%; position:fixed; left:0; top:0; z-index:99;}
.header.boxshwo{ box-shadow:0 0 5px rgba(0,0,0,0.3);}
.header{ position:relative; background:#fff; padding:0 80px;}
.logo{line-height:1;/* height:62px; */ height: 40px; float:left;margin-top: 24px; display: inline-flex; align-items: center; font-size: 26px;}
.nav{ float:right; margin-top:30px;}
.nav li{ width: 130px; float:left; line-height:1; perspective:200px; -webkit-perspective:200px; -ms-perspective:200px; height: 50px;}
.nav li:first-child{ margin-left:0;}
.nav li a{ display:block; padding-left: 29px; line-height:1; color:#000000; font-size:18px; position:relative; transform-style:preserve-3d; transform:translatez(-8px); -webkit-transform:translatez(-8px); -moz-transform:translatez(-8px); -ms-transform:translatez(-8px);}
.nav li a span{ display:block; line-height:1; height:18px; height:100%; overflow:hidden; color:#000; font-size:18px; position:relative;}
.nav li a span.back{ color:#e8a204; transform:rotatex(-90deg) translatez(-8px); -webkit-transform:rotatex(-90deg) translatez(-8px); -ms-transform:rotatex(-90deg) translatez(-8px); -moz-transform:rotatex(-90deg) translatez(-8px); -o-transform:rotatex(-90deg) translatez(-8px); opacity:0; visibility:hidden; transition:0.34s; z-index:5;}
.nav li a span.front{ transition:0.34s; transform:rotatex(0deg) translatez(8px); -moz-transform:rotatex(0deg) translatez(8px); -ms-transform:rotatex(0deg) translatez(8px); -webkit-transform:rotatex(0deg) translatez(8px); font-size:18px;} 
.nav li:hover a,.nav li.active a{ transform:rotateX(90deg) translatez(8px); -webkit-transform:rotateX(90deg) translatez(8px); -moz-transform:rotateX(90deg) translatez(8px); -ms-transform:rotateX(90deg) translatez(8px); -webkit-transform:rotateX(90deg) translatez(8px); top:-16px\9;}
.nav li:hover a span.front,.nav li.active a span.front{ opacity:0; visibility:hidden; color:#e8a204;}
.nav li:hover a span.back,.nav li.active a span.back{ opacity:1; visibility:visible;} 
.menus{ position:fixed; right:10px; bottom:20px; background:#fff; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.3); display:none; line-height:1; width:46px; height:46px; z-index:99;}
.menus span { position: relative; display: inline-block; width: 28px; height: 15px; position:absolute; left:50%; top:50%; margin-left:-14px; margin-top:-7px; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; }
.menus span:after,
.menus span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0; background-color: #ddb064; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; }
.menus span:before { top: 0; -webkit-transition-property: top,transform; -moz-transition-property: top,transform; -ms-transition-property: top,transform; -o-transition-property: top,transform; transition-property: top,transform; }
.menus span:after { bottom: 0; -webkit-transition-property: bottom,transform; -moz-transition-property: bottom,transform; -ms-transition-property: bottom,transform; -o-transition-property: bottom,transform; transition-property: bottom,transform; }
.menus.active span { background-color: transparent; -webkit-transition-delay: 0s,0s; -moz-transition-delay: 0s,0s; -ms-transition-delay: 0s,0s; -o-transition-delay: 0s,0s; transition-delay: 0s,0s; }
.menus.active span:after, .menus.active span:before { -webkit-transition-delay: 0s,.3s; -moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s; }
.menus.active span:before { top:6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.menus.active span:after { bottom:6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.navigate{ position:fixed; width:100%; height:100%; left:100%; top:0; background:#fff; display:block; box-sizing:border-box; padding:32px 5% 10px;}
.navilogo{ display:block; width:100px; height:auto; line-height:0; z-index:5; position:relative;}
.navigetefix{ width:100%; height:90%; position:absolute; right:0; top:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; justify-content:center; -webkit-justify-content:center; -ms-justify-content:center; -o-justify-content:center;}
.navigetop{ text-align:center; margin-bottom:24px;}
.navigetop a{ display:block; width:140px; height:50px; line-height:50px; color:#fff; background:#ddb063; margin:auto; border-radius:25px; text-align:center; font-size:16px;}
.navigelist li{ margin-bottom:15px; text-align:center;}
.navigelist li a{ display:inline-block; line-height:1; margin:auto; color:#000000; font-size:16px;}
.menusahre{ position:absolute; left:0; background:#fff; bottom:10px; text-align:center; width:100%;}
.menusahre a{ display:inline-block; width:51px; height:50px; background-size:100% auto !important; margin:0 15px;}
.menusahre a:nth-child(1){ background:url(/images/weixin2.png) center no-repeat;}
.menusahre a:nth-child(2){ background:url(/images/sine2.png) center no-repeat;}

.menudowns{ position: absolute; left: 80px; top: 80px; right: 80px; background: #000; filter:alpha(opacity=33); background: rgba(0,0,0,0.5); height: 0; overflow: hidden;}
.menuswr{ float: right; padding-right: 92px;}
.menuin{ width: 129px; border-right: 1px solid #fff; border-right: 1px solid rgba(255,255,255,0.2); height: 100%; height: 318px; float: left; position: relative; z-index: 3;}
.menulist:before{ content: ""; width: 0%; height: 100%; background:#e8a204; position: absolute; left: 50%; top: 0; transition: 0.5s;}
.menuin.active .menulist:before{ width: 100%; left: 0;}
.menuin:last-child{ border-right: none;}

.menulist{ padding: 36px 0 0;}
.menulist li{ position: relative; margin-bottom: 14px;}
.menulist li a{ display: block; color: #fff; font-size: 14px; text-align: center; position: relative; z-index: 3; line-height: 1.3;}
.menulist li:hover a{ color: #379927;}

.menubtn{transition: 0.4s; display: none; position:relative; z-index: 20; float: right;}
.menubtn span{ display:block; width:30px; height:3px; background:#16a1c1; margin:auto; margin-top:21px; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;
 background-color: #16a1c1; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menubtn span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}


.mtop{ height:80px;}
.container{ padding:0 80px 70px; position:relative;}
.rtext{ position:fixed; left:35px; top:50%; z-index:20; margin-top:-151px;}
.share{ position:fixed; right:28px; top:50%; z-index:20; margin-top:-101px; padding-top:25px; padding-bottom:25px;}
.share i{ display:block; width:1px; height:25px; background:#dcdcdc; position:absolute; left:50%;}
.share i.line1{ top:0;}
.share i.line2{ top:50%; margin-top:-12px;}
.share i.line3{ bottom:0;}

.share a{ display:block; height:64px; width:24px; position:relative;}
.share a.weix{ background:url(/images/weix.png) center no-repeat; margin-top:0;}
.share a.sina{ background:url(/images/sina.png) center no-repeat;}
.share a.weix:hover{ background:url(/images/weix1.png) center no-repeat;}
.share a.sina:hover{ background:url(/images/sina1.png) center no-repeat;}

.popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 2px solid #379927; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;}
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block; }

.banner-box{ position:relative; margin:0 80px;}
.banner li{ position:relative;}
.banner li { height: 100%; line-height: 1; backface-visibility:hidden; overflow:hidden; opacity:1 !important; height:100%;}
.banner li figure{ display:block; position:absolute; overflow:hidden; left:0; top:0; width:100%;}
.banner li figure img{ display:block; width:100%; height:auto; position:relative;}
.banner li.flex-active-slide{ z-index: 4 !important;opacity: 1;}
.banner li.flex-active-slide figure{ -webkit-animation: increaseHeight 1.2s forwards; animation: increaseHeight 1.2s forwards;}
.banner li figure{ -webkit-animation: hide 1.2s forwards; animation: hide 1.2s forwards;}
@-webkit-keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}	
.banner li.flex-active-slide .btextbg{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.65s 0.2s;}
.banner li.flex-active-slide .bfix{  opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.65s 0.3s;}
.banner li.flex-active-slide .bdown h2{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.65s 0.6s;}
.banner li.flex-active-slide .bdown .mores{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.65s 0.9s;}

.btext{ position:absolute; left:0; bottom: 104px; overflow:hidden;}
.btextbg{ width:100%; height:100%; background:rgba(230,0,18,0.3); background:#379927\9; filter:alpha(opacity=30); position:absolute; left:0; top:0; /* opacity:0; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); display:none\9;}
.bfix{ transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); opacity:0; */ z-index:5;}
.bdown{ }
.bdown h2{ line-height:1.1; color:#ffffff; font-size:46px; margin-bottom:32px; opacity:0; transform:translateX(-60px); -webkit-transform:translateX(-60px); -moz-transform:translateX(-60px); padding: 46px 100px; background: #379927; filter:alpha(opacity=50); background: rgba(55,153,39,0.5);}
.bdown .mores{ transform:translateX(-50px); -webkit-transform:translateX(-50px); -moz-transform:translateX(-50px); opacity:0;}
.mores{ width:162px; height:56px; position:relative;}
.bdown .mores{ margin-left: 102px;}
.agurewr .mores{ margin-left: 0;} 
.mores a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:200px; -webkit-perspective:200px;}
.mores .three-d-box{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; pointer-events: none; position: absolute;
top:0; left: 0; display:block; width:100%; height: 100%; transform:translatez(-28px); -webkit-transform:translatez(-28px); -ms-transform:translatez(-28px); -moz-transform:translatez(-28px); transition:all .32s ease-out;}
.mores span.defal,.mores span.end{ display:block; width:100%; height:56px; line-height:56px; color:#fff; font-size:14px; font-family:"Arial"; background:#e8a204; text-align:center; transition:0.34s; position:absolute; left:0; top:0; transition:0.35s;}
.mores1 span.defal,.mores1 span.end{ background: #379927;}
.mores span i{ display:inline-block; width:6px; height:7px; background:url(/images/arrow1.png) center no-repeat; margin-left:10px;}
.mores span.defal{ transform:rotatex(0deg) translatez(28px); -webkit-transform:rotatex(0deg) translatez(28px); -moz-transform:rotatex(0deg) translatez(28px); -ms-transform:rotatex(0deg) translatez(28px); }
.mores span.end{ transform:rotatex(-90deg) translatez(28px); -moz-transform:rotatex(-90deg) translatez(28px); -ms-transform:rotatex(-90deg) translatez(28px); -webkit-transform:rotatex(-90deg) translatez(28px); background: #e8a204;}
.mores1 span.end{ background: #379927;}
.bdown .mores a:hover span.defal{ background:#ddaf63\9;}
.mores a:hover .three-d-box{transform: translateZ(-28px) rotateX(90deg); -webkit-transform: translateZ(-28px) rotateX(90deg); -moz-transform: translateZ(-28px) rotateX(90deg); -ms-transform: translateZ(-28px) rotateX(90deg);}
.mores a:hover span.end{ background:#e8a204;}
.mores1 a:hover span.end{ background:#379927;}
.moredown a:hover span i{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.banner-box .flex-control-nav{ position:absolute; right:36px; top:50%; z-index:10; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.banner-box .flex-control-nav li{ margin-top:15px; line-height:1;}
.banner-box .flex-control-nav li:first-child{ margin-top:0;}
.banner-box .flex-control-nav li a{ display:block; width:3px; height:3px; border-radius:50%; border:3px solid #fff; background:#fff; text-indent:9999px; overflow:hidden;} 
.banner-box .flex-control-nav li a.flex-active{ background:#ccba94;}
.mousedown{ padding:15px 0; text-align:center;}
.mousedown i{ display:block; width:22px; height:41px; margin:auto; background:url(/images/mouse.png) center no-repeat; margin:auto; position:relative;}
.mousedown i:before{ content:""; width:2px; height:8px; background:url(/images/dit.png) center no-repeat; position:absolute; left:50%; margin-left:-1px; top:12px; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}

@keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 8px;
	}
	to{
		opacity: 0;
		top: 22px;
	}
}
@-webkit-keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 8px;
	}
	to{
		opacity: 0;
		top: 22px;
	}
}

.newcenter{margin:50px 0 98px;padding-top:62px;padding-bottom:21px; background-size: cover;}
.newtitle{ margin-left:5.75%;}
.newtitle strong{ display:block; line-height:1; color:#ffffff; font-size:48px; float:left; margin-right:25px;}
.newtitle small{ display:block; line-height:1; color:#e8a204; font-size:30px; font-family:"MyriadPro-Black"; float:left; text-transform:uppercase;}

.news{ width:1034px; margin:auto; margin-top:120px; position:relative; overflow:hidden;}
.newle{ width:52.22%; float:left; opacity:0; transform:translateY(-78px); -webkit-transform:translateY(-78px); -moz-transform:translateY(-78px); visibility:hidden; transition:0s;}
.newle time{ display:block; height:29px; line-height:29px; color:#fff; font-size:12px; font-family:"Arial"; width:80px; text-align:center; background:#379927; margin-bottom:12px;}
.newle h3{ line-height:1.2; color:#fff; font-size:36px; margin-bottom:18px; transition:0.4s;}
.newle p{ color:#fff; font-size:14px; line-height:2; height:82px; overflow:hidden;}
.newle span{ position:relative; display:inline-block; line-height:1; color:#fff; font-size:14px; padding-bottom:3px;}
.newle span:before{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.newimg{ width:42.74%; float:right; line-height:1; overflow:hidden; opacity:0; visibility:hidden; transform:translateX(100%);}
.newimg img{ display:block; width:100%; height:auto; transition:0.65s;}
.news .flex-control-nav{ position:absolute; right:16px; bottom:18px; z-index:10; height:10px;}
.news .flex-control-nav li{ float:left; margin-left:14px; line-height:1; overflow:hidden;}
.news .flex-control-nav li:first-child{ margin-left:0;}
.news .flex-control-nav li a{ display:block; width:9px; height:9px; background:#fff; border-radius:50%; text-indent:9999px; overflow:hidden;}
.news .flex-control-nav li a.flex-active{ background:#379927;}
.newlist li:hover .newimg img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.newlist li:hover .newle h3{ color:#e8a204;}
.newlist li:hover .newle span:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.newlist li.flex-active-slide .newle{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); visibility:visible; transition:0.65s;}
.newlist li.flex-active-slide .newimg{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); transition:0.65s;}

.informate-box{ margin-top:120px; border-top:1px solid rgba(255,255,255,0.2); border-top:1px solid #fff\9; padding-top:29px;}
.informate{ width:1034px; margin:auto;}
.informaw{ float:left; margin-top:2px; width:50px; text-align:center; padding-top:11px; height:39px; color:#fff; font-size:14px; font-weight:bold; background:#379927; line-height:1.1;} 
.informatefs{ width:92.84%; float:right;}
.informatein{ width:82%; float:right; border-left:1px solid #fff;}
.informali{ width:48%; float:left;}
.informali:first-child{ margin-right:4%;}
.informated{ margin-left:30px;}
.informated li{ margin-bottom:16px; line-height:1;}
.informated li span{ display:block; float:left; color:#fff; font-size:12px; line-height:1; transition:0.38s; max-width:78%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.informated li time{ display:block; float:right; line-height:1; color:#fff;}
.informated li:hover span{ color:#dab96b;}
.informatmore{ line-height:1; margin-left:30px;}
.informatmore .inmore{ display:inline-block; line-height:1; color:#ffffff; font-size:12px;}
.informatmore .inmore:hover{ color:#dab96b;}
.informatein:first-child{ margin-right:8%;}

.investment{ padding:60px 0 123px;}
.investinfo{ position:relative; padding:37px 0 30px; float:left;}
.investinfo a:before{ content:""; width:1px; height:86.66%; background:rgba(255,255,255,0.2); background:#fff\9; filer:alpha(opacity=20); position:absolute; right:0; top:6.67%;}
.investbox{ margin-top:350px; width:100%; max-width:1920px; position:relative;}
.investinfo:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,0.2);  -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.investwr{ padding:0 15%; position:relative; z-index:4;}
.investwr b{ display:block; height:44px; overflow:hidden; margin-bottom:26px;}
.investwr b img{ max-height:100%; overflow:hidden; line-height:1;}
.investwr strong{ display:block; line-height:1; color:#e8a204; font-size:30px; font-weight:bold; margin-bottom:18px;}
.investwr p{ color:#ffffff; font-size:14px; line-height:2; height:90px; overflow:hidden;}
.investwr span{ display:block; width:112px; height:25px; text-align:center; line-height:25px; color:#fff; font-family:"MyriadPro-Black"; text-transform:uppercase; background:#a40716;}
.investwr span i{ display:inline-block; width:6px; height:7px; background:url(/images/arrow1.png) center no-repeat; margin-left:8px;}

.slick-list{ overflow:hidden;}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table;}
.slick-track:after { clear: both; }

.investinfo:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.investbox .slick-prev,.investbox .slick-next{ display:block; padding:0; margin:0; width:63px; height:39px; position:absolute; top:-47px; border:none; text-indent:8888px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.investbox .slick-prev{ right:104px; background:url(/images/prev.png) center no-repeat;}
.investbox .slick-next{ right:40px; background:url(/images/next.png) center no-repeat;}
.investbox .slick-prev:hover{ background:url(/images/prev1.png) center no-repeat;}
.investbox .slick-next:hover{ background:url(/images/next1.png) center no-repeat;}
.investwr .mores1{ width:112px;}
.morewrs{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:200px; -webkit-perspective:200px;}
.investwr .mores1 span.defal,.investwr .mores1 span.end{ background: #379927; font-family:"MyriadPro-Black"; font-size:12px;}
.investinfo:hover .morewrs .three-d-box{ transform: translateZ(-13px) rotateX(90deg); -webkit-transform: translateZ(-13px) rotateX(90deg); -moz-transform: translateZ(-13px) rotateX(90deg); -ms-transform: translateZ(-13px) rotateX(90deg);}

.understand{ padding:70px 0 164px; margin-top:96px; background-size:cover !important; background-repeat:no-repeat; position:relative;}
.agricutulre{ margin-top:126px; margin-left:5.75%;}
.agricutulre span{ display:inline-block; position:relative; color:#fff; font-size:16px; line-height:1.4; padding-bottom:14px;}
.agricutulre span:before{ content:""; width:23px; height:1px; background:#fff; position:absolute; left:0; bottom:0;}
.agricutulre small{ display:block; margin-top:16px; color:#379927; font-size:14px; font-family:"Arial";}
.agridonw{ width:328px; position:absolute; right:50%; margin-right:-517px; bottom:116px; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); padding:33px 42px;}
.agurewr{ position:relative; padding-top:20px; border-top:1px solid #fff;}
.agurewr p{ color:#fff; line-height:2; font-size:14px;}
.mores1{ width:132px; height:26px;}
.agurewr .mores1{ margin-top:26px;}
.mores1 .three-d-box{ transform:translatez(-13px); -webkit-transform:translatez(-13px); -moz-transform:translatez(-13px);}
.mores1 a:hover .three-d-box{ transform: translateZ(-13px) rotateX(90deg); -webkit-transform: translateZ(-13px) rotateX(90deg); -moz-transform: translateZ(-13px) rotateX(90deg); -ms-transform: translateZ(-13px) rotateX(90deg);}
.mores1 span.defal, .mores1 span.end{ height:26px; line-height:26px; font-size:14px; text-align:center; font-family:"SourceSansPro-Regular";}
.mores1 span.defal{ transform:rotatex(0deg) translatez(13px); -webkit-transform:rotatex(0deg) translatez(13px); -moz-transform:rotatex(0deg) translatez(13px); -ms-transform:rotatex(0deg) translatez(13px);}
.mores1 span.end{ transform:rotatex(-90deg) translatez(13px); -webkit-transform:rotatex(-90deg) translatez(13px); -ms-transform:rotatex(-90deg) translatez(13px);}

.footer-box{ padding:42px 0 65px; background:#363333;}
.footer{ width:1034px; margin:auto;}
.relativebox{ width:52.22%; float:left;}
.add{ margin-bottom:24px;}
.add p{ color:#fff; font-size:13px;}
.eqfix{ margin-top:32px;}
.eqinfo{ float:right; margin-left:18px;}
.eqinfo a{ display:block; height:33px; line-height:33px; padding-left:45px; color:#868585; color:rgba(255, 255, 255, 0.3); font-size:12px;}
.eqinfo a.weis{ background:url(/images/weixin.png) left center no-repeat;}
.eqinfo a.sina1{ background:url(/images/sine.png) left center no-repeat;}
.eqinfo a.weis:hover{ color:#fff; background:url(/images/weixin1.png) left center no-repeat;}
.eqinfo a.sina1:hover{ color:#fff; background:url(/images/sine1.png) left center no-repeat;}

.unit a{ display:inline-block; float:left; color:#5b5959; color:rgba(255, 255, 255, 0.23); margin-right:5px;}
.unit a:hover{ color:#e8a204;}
.friendwr{ width:41.39%; float:right;} 
.friendin,.loads{ width:49%; float:left; height:40px; line-height:40px; margin-left: 0;}
.loads{ float:right;}
.shopp{ margin-top: 34px; margin-bottom: 24px;}
.shopp a{ display: block; float: left; color: #bbbbbb; padding: 0 9px; line-height: 1; border-left: 1px solid #8f8f8f;}
.shopp a:hover{ color: #fff;}
.shopp a:first-child{ border-left: none; padding-left: 0;}

.friendtop{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:200px; -webkit-perspective:200px; cursor:pointer;}
.friendtop .three-d-box{ transform:translatez(-20px); -webkit-transform:translatez(-20px); -moz-transform:translatez(-20px);}
.friendin:hover >.friendtop .three-d-box{ transform: translateZ(-20px) rotateX(90deg); -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-13px) rotateX(90deg);}
.friendtop span.defal, .friendtop span.end{ height:40px; line-height:40px; font-size:14px; text-align: left; padding-left: 22px; box-sizing: border-box; font-family:"SourceSansPro-Regular"; position: relative; background:#379927;}
.loads .friendtop span.defal,.loads .friendtop span.end{ padding-left: 0; text-align: center;} 
.friendin >.friendtop >.three-d-box>span.defal:before, .friendin >.friendtop >.three-d-box >span.end:before{content:""; width:0; height:0; border-left:4px solid transparent;  border-right: 4px solid transparent; border-bottom: 6px solid #fff; position:absolute; right: 19px; top: 50%; margin-top: -3px;}

.friendin .friendtop span.defal,.loads .friendtop span.defal{ transform:rotatex(0deg) translatez(20px); -webkit-transform:rotatex(0deg) translatez(20px); -moz-transform:rotatex(0deg) translatez(20px); -ms-transform:rotatex(0deg) translatez(20px); }
.friendin .friendtop span.end,.loads .friendtop span.end{ transform:rotatex(-90deg) translatez(-20px); -webkit-transform:rotatex(-90deg) translatez(-20px); -ms-transform:rotatex(-90deg) translatez(-20px); background:#379927; display:none\9;}
.loads .friendtop:hover .three-d-box{ transform:translateZ(-20px) rotateX(90deg); -webkit-transform:translateZ(-20px) rotateX(90deg); -moz-transform:translateZ(-20px) rotateX(90deg);}
.loads .friendtop:hover span.end{ background:#379927;}
.loads .friendtop:hover .three-d-box span.defal,.friendin .friendtop:hover span.defal{ color:#fff\9; background:#379927\9;}

.friednli{ position:absolute; left:0; bottom:40px; padding-bottom:2px; width:100%; display:none;}
.friednli li{ height:40px; margin-top:2px; position:relative; background: #379927; transition: 0.45s;}
.friednli li a{ display: block; padding-left: 22px; box-sizing: border-box; color: #fff; font-size: 14px;}
.friednli li a:hover{ background: #e8a204;}
.friednli li .friendtop span.end{ background:#379927; }
.friednli li .friendtop:hover .three-d-box{ transform:translateZ(-20px) rotateX(90deg); -webkit-transform:translateZ(-20px) rotateX(90deg); -moz-transform:translateZ(-20px) rotateX(90deg);}

.popnews{ position:fixed; width:100%; height:100%; z-index:9999; left:0; top:0; overflow:hidden; visibility:hidden; transition:0.54s;}
.popbgs{ width:100%; height:100%; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,0.7); opacity:0; visibility:hidden; transition:0.54s 0.4s;}
.popclose{ width:50px; height:50px; position:fixed; left:30px; top:50%; margin-top:-25px; background:url(/images/close.png) center no-repeat; background-size:cover; cursor:pointer; z-index:5; transition:all 0.42s; left:-50px;}
.popclose:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.poptext{ height:100%; position:absolute; width:calc(100% - 160px); left:100%; top:0; z-index:4; transition:0.58s;}
.popwrs{ background:#fff; height:100%; min-height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; overflow:scroll\9;}
.popwrs::-webkit-scrollbar,.serscoll::-webkit-scrollbar{ width:5px; height: 5px;}
.popwrs::-webkit-scrollbar-thumb,.serscoll::-webkit-scrollbar-thumb { border-radius:5px; background: #379927;}
.popwrs::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius: 5px;}

.popnewtext{ width:710px; margin:auto; padding-top:130px; padding-bottom:100px;}
.viewtitle{ margin-bottom:50px;}
.viewtitle h2{ line-height:1.2; color:#010101; font-size:28px; font-weight:bold; margin-bottom:26px;}
.viewtitle time{ display:block; line-height:1; color:#646464;}
.viewdonw img{ max-width:100% !important; width:auto !important; height:auto !important;}
.viewdonw p{ color:#646464; font-size:16px !important; line-height:2; text-align:justify;}
.popnews.show{visibility:visible;}
.popnews.show .popbgs{ opacity:1; visibility:visible; transition:0.65s;}
.popnews.show .popclose{ left:30px; transition:0.4s 0.3s left,0.4s transform;}
.popnews.show .poptext{ left:80px; right:80px;}

/*关于我们*/
.pbanner{ position:relative; line-height:1;}
.pbannertop{ margin:0 80px;}
.pbanner figure{ display:block; overflow:hidden; line-height:0; position:relative;}
.pbanner figure img{ display:block; width:100%; height:auto; line-height:0; animation:fixed-header infinite 14s; -webkit-animation:fixed-header infinite 14s; -moz-animation:fixed-header infinite 14s; -ms-animation:fixed-header infinite 14s;}

@keyframes fixed-header{
	0%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);       -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
	50%{-moz-transform:scale(1.05) rotateZ(0.01deg);-ms-transform:scale(1.05) rotateZ(0.01deg);        -webkit-transform:scale(1.05) rotateZ(0.01deg);transform:scale(1.05) rotateZ(0.01deg)}
	100%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);         -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
}
@-moz-keyframes fixed-header{
	0%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);       -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
	50%{-moz-transform:scale(1.05) rotateZ(0.01deg);-ms-transform:scale(1.05) rotateZ(0.01deg);        -webkit-transform:scale(1.05) rotateZ(0.01deg);transform:scale(1.05) rotateZ(0.01deg)}
	100%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);         -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
}
@-webkit-keyframes fixed-header{
	0%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);       -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
	50%{-moz-transform:scale(1.05) rotateZ(0.01deg);-ms-transform:scale(1.05) rotateZ(0.01deg);        -webkit-transform:scale(1.05) rotateZ(0.01deg);transform:scale(1.05) rotateZ(0.01deg)}
	100%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);         -webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}
}

.company{ width:50%; height:100%; background:rgba(0,0,0,0.5); background:#000\; filter:alpha(opacity=50); position:absolute; left:; top:0;}
.companywr{ width:75%; left:12.5%; /*bottom:94px;*/ bottom:10%; position:absolute;}

.companywr .mores span.defal,.companywr .mores span.end{ background: #379927;}
.companywr .mores a:hover span.end{ background: #379927;}

.companywr h2{ line-height:1; color:#fff; font-size:80px; margin-bottom:45px;}
.companywr p{ color:#ffffff; font-size:14px; line-height:2; margin-bottom:48px; width:70%;}
.leadershi{ margin-top:135px; margin-bottom:185px;}
.message-box{ margin-top:105px;}
.aboutitle{ margin-left:6.25%;}
.aboutitle strong{ display:block; line-height:1; color:#000000; font-size:80px; margin-bottom:22px;}
.aboutitle small{ display:block; line-height:1; color:#e8a204; font-size:30px; font-family:"MyriadPro-BoldCond";}
.leaderlist{ width:calc(100% + 6px); margin-left:-3px; max-width:1760px; margin-top:60px; position:relative;}
.leaderinfo{ padding:22px 0 0; position:relative; padding-bottom:20px; float:left;}
.leaderli{ margin:0 3px; max-width:450px; overflow:hidden; position:relative; padding-bottom:147px;}
.leaderli figure{ display:block; line-height:1; overflow:hidden; transition:0.4s 0s;}
.leaderli figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.6s;}
.leaderdown{ position:absolute; left:0; width:100%; bottom:0; background:#e5e5e5; padding:30px 0 60px; transition:0.5s;}
.leaderdown:before{ content:""; width:16px; height:7px; background:url(/images/arrow2.png) center no-repeat; position:absolute; left:8%; top:-7px; opacity:0; visibility:hidden; transition:0.32s;}
.leaderwr{ padding:0 8%; height:58px; overflow:hidden; transition:0.5s;}
.leaderwr strong{ display:block; line-height:1; color:#000000; font-size:24px; margin-bottom:20px; font-weight:normal;}
.leaderwr span{ display:block; line-height:1; color:#646464; font-size:14px;}
.leaderwr p{ color:#969696; font-size:14px; height:150px; overflow:hidden; margin-top:20px;}
.leaderli:hover{ box-shadow:0 0 20px rgba(0,0,0,0.3);}
.leaderli:hover figure{ transform:translateY(-22px); -webkit-transform:translateY(-22px); -moz-transform:translateY(-22px);}
.leaderli:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.leaderli:hover .leaderdown{  transition:0.5s; background:#fff; bottom:0;}
.leaderli:hover .leaderdown:before{ opacity:1; visibility:visible; transition:0.35s 0.3s;}
.leaderli:hover .leaderwr{ height:228px;}
.leaderlist .slick-prev,.leaderlist .slick-next{ padding:0; margin:0; outline:none; border:none; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; cursor:pointer; text-indent:88888px; overflow:hidden; outline:none; transition:0.4s;}
.leaderlist .slick-prev{ left:-74px; background:url(/images/prev2.png) center no-repeat;}
.leaderlist .slick-next{ right:-77px; background:url(/images/next2.png) center no-repeat;}
.leaderlist .slick-prev:hover{ background:url(/images/prev3.png) center no-repeat;}
.leaderlist .slick-next:hover{ background:url(/images/next3.png) center no-repeat;}
.messagedown{ margin-top:66px;}
.messagewr{ width:75%; left:12.5%; position:absolute; bottom:60px;}
.messagele{ width:60%; float:left;}
.messagele p{ color:#ffffff; font-size:14px; line-height:2;}
.chairman{ width:98px; bottom:5px; position:absolute; right:0; padding-top:14px; text-align:right; border-top:1px solid #fff;}
.chairman span{ display:block; color:#fff; font-size:14px; line-height:1.8;}
.chairman span:first-child{ font-family:"Arial";}
.chairman img{ display:inline; max-width:100%; margin-top:17px; line-height:1;}
.speechs{ position:absolute; right:25%; margin-right:-81px; top:50%; margin-top:-28px;}
.organizate{ margin-top:108px;}
.orgazetbg{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover !important; animation:fixed-header infinite 14s; -webkit-animation:fixed-header infinite 14s; -moz-animation:fixed-header infinite 14s; -ms-animation:fixed-header infinite 14s;}
.organizatedown{ margin-top:86px; text-align:center; background-size:cover !important; position:relative; padding:67px 0; overflow:hidden;}
.organizatedown .organizebg{ display:block; width:100%; height:auto;}
.organizatedown .organites{ display:block; line-height:1; max-width:90%; height:auto; z-index:5; position:relative; margin:auto;}
.responsibebg{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover !important; display:none;}

.resposibles{ position:relative; margin-top:145px; margin-bottom:108px; overflow:hidden;}
.resposibg{ display:block; width:100%; height:auto; line-height:0; animation:fixed-header infinite 14s; -webkit-animation:fixed-header infinite 14s; -moz-animation:fixed-header infinite 14s; -ms-animation:fixed-header infinite 14s;}
.resposibelwr{ width:100%; height:100%; position:absolute; left:0; top:0;}
.resposibein{ width:25%; height:100%; float:left;}
.resposibein:hover .response{ background:rgba(0,0,0,0.6); background:#000\9; filter:alpha(opacity=60);}
.resposibein:hover .responsedown .mores a span.end{ opacity:1; visibility:visible;}
.resposibein:hover .mores a .three-d-box{transform: translateZ(-28px) rotateX(90deg); -webkit-transform: translateZ(-28px) rotateX(90deg); -moz-transform: translateZ(-28px) rotateX(90deg); -ms-transform: translateZ(-28px) rotateX(90deg);}
.resposibein:hover .mores a span.end{ background:#e8a204;}

.response{ margin-left:1px; transition:0.5s; height:100%; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); position:relative;}
.resposibein:first-child .response{ margin-left:0;}
.responsedown{ width:70%; left:15%; bottom:70px; cursor:pointer; position:absolute;}
.levalmenu.on .levalfix{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.36s 0.1s;}
.levalfix{ opacity:0; visibility:hidden;  transition:0.32s; height:100%;}
.responsedown strong{ display:inline-block; padding:0 16px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:16px; font-weight:normal; background:#379927; margin-bottom:20px;}
.responsedown small{ display:block; line-height:1; color:#e8a204; font-size:34px; font-family:"MyriadPro-Semibold"; margin-bottom:34px;}
.responsedown .mores span.defal{ background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50);}
.responsedown .mores span.end{ background:#e8a204; opacity:0; visibility:hidden;}
.responsedown .mores a:hover span.end{ opacity:1; visibility:visible;}
.levalmenu{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); background:#000\9; filter:alpha(opacity=80); display:none;}
.levallist{ position:absolute; left:8%; right:8%; top:38px; bottom:38px; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.levallist li{ margin-bottom:10px;}
.levallist li a{ display:inline-block; color:#fff; font-size:14px;}
.levallist li a:hover{ color:#dab96b;}
.levallist::-webkit-scrollbar,.serscoll::-webkit-scrollbar{ width:5px; height: 5px;}
.levallist::-webkit-scrollbar-thumb,.serscoll::-webkit-scrollbar-thumb { border-radius:5px; background: #379927;}
.levallist::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius: 5px;}

.levalbtn{ width:50px; height:50px; position:absolute; right:0; top:50%; margin-top:-25px; background:url(/images/close.png) center no-repeat; cursor:pointer; z-index:5; transition:0.4s;}
.levalbtn:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

/*news*/
.companywr small{ display:block; color:#e8a204; font-size:30px; font-family:"MyriadPro-BoldCond"; margin-bottom:38px; line-height:1; margin-top:-24px;}
.new-boxs{ margin-top:108px; margin-bottom:92px;}
.newsli li{ width:25%; float:left; overflow:hidden; margin-bottom: 20px; transition:0.45s;}
.newsli li a{ display: block; margin: 0 10px; background:#eeeeee;}
.newsli li:nth-child(2n+2) a{ background:#fff;}
.newsli li:nth-child(2n+2) .newdowns:before{ background:url(/images/arrow4.png) center no-repeat;}
.newsli li figure{ display:block; line-height:1; overflow:hidden; position:relative; padding-bottom: 57%;}
.newsli li figure img{ display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition:1s;}
.newdowns{ padding:26px 6.89%; position:relative;}
.newdowns:before{ content:""; width:27px; height:13px; background:url(/images/arrow3.png) center no-repeat; position:absolute; left:6.89%; top:-13px; transition:0.45s;}
.newdowns span{ display:block; line-height:1.2; color:#000000; font-size:16px; font-weight:bold; height:74px; overflow:hidden;}
.newtime small{ display:block; width:47px; height:18px; float:left; line-height:18px; text-align:center; color:#646464; font-family:"Arial"; text-transform:uppercase; background:#bfbfbf; float:left; margin-right:8px; transition:0.34s;}
.newtime time{ display:block; float:left; line-height:18px; color:#646464; font-family:"Arial";}
.newsli{ margin-bottom:65px; width: calc(100% + 20px); margin-left: -10px;}
.newsli li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.newsli li:hover a{ background:#e8a204;} 
.newsli li:hover .newdowns:before{ background:url(/images/arrow5.png) center no-repeat;}
.newsli li:hover .newtime small{ color:#fff; background:#379927;}
.pagelist{ text-align:center;}
.pagelist span,.pagelist a{ display:inline-block; width:72px; height:36px; text-align:center; line-height:36px; color:#646464; font-size:16px; font-family:"Arial"; vertical-align:middle;}
.pagelist span{ background:#379927; color:#fff !important;} 
.pagelist a:hover{ color:#fff; background:#ddb063;}

.menuflex{ position:absolute; right:76px; top:87px; z-index:8;}
.menuli{ width:154px;}
.menuli li{ width:76px; float:left; margin-right:1px; position:relative; height:76px; margin-bottom:1px;}
.menuli li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:400px; -webkit-perspective:400px;}
.menuli li a .three-d-box{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; pointer-events: none; position: absolute;
top:0; left: 0; display:block; width:100%; height: 100%; transform:translatez(-38px); -webkit-transform:translatez(-38px); -ms-transform:translatez(-38px); -moz-transform:translatez(-38px); transition:all .4s ease-out;}
.menuli li a span.defal,.menuli li a span.end{ display:block; width:100%; height:76px; padding-top:24px; height:52px; text-align:center; color:#fff; font-size:14px; font-weight:bold; background:rgba(0,0,0,0.7); background:#000\9; filter:alpha(opacity=70); text-align:center; transition:0.4s; position:absolute; left:0; top:0; transition:0.4s;}

.menuli li a span.defal{ transform:rotatex(0deg) translatez(38px); -webkit-transform:rotatex(0deg) translatez(38px); -moz-transform:rotatex(0deg) translatez(38px); -ms-transform:rotatex(0deg) translatez(38px); }
.menuli li a span.end{ transform:rotatex(-90deg) translatez(38px); -moz-transform:rotatex(-90deg) translatez(38px); -ms-transform:rotatex(-90deg) translatez(38px); -webkit-transform:rotatex(-90deg) translatez(38px); opacity:0; visibility:hidden;}
.menuli li a:hover .three-d-box,.menuli li a.on .three-d-box{transform: translateZ(-38px) rotateX(90deg); -webkit-transform: translateZ(-38px) rotateX(90deg); -moz-transform: translateZ(-38px) rotateX(90deg); -ms-transform: translateZ(-38px) rotateX(90deg);}
.menuli li a:hover span.end,.menuli li a.on span.end{ background:#e8a204; opacity:1; visibility:visible;}

.iphone-fix{ width:100%; display:none; position:relative;}
.iphone-fix span{ color:#fff; display:block; font-size:16px; height:48px; line-height:48px; cursor:pointer; text-align:center; background:#379927;}
.iphone-fix.scoll{ position:fixed; left:0; top:90px;}
.iphone-fix span em{ color:#fff; font-size:14px; font-style:normal; line-height:46px; display:inline-block;}
.iphone-fix span b{ display:inline-block; margin-left:5px; width:14px; height:10px; background:url(/images/arrow7.png) center no-repeat;}
.iphone-down{ width:100%; z-index:20; position:absolute; left:0; display:none; top:46px; background:#bf9f62;}
.iphone-down a{ display:block; width:50%; float:left; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; position:relative; overflow: hidden; border: none !important;}
.iphone-down a:hover,.iphone-down a.on{ background:#0b2f4f; color:#fff;}
.iphone-down a:after{ content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color:rgba(255,255,255,0.33); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;}

@-webkit-keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }

  
}

@keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}


  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }
}

/*投资项目*/
.projectbox{ margin-top:96px; margin-bottom:96px;}
.projectli{ width:50%;}
.projectli li{ margin-right:13px; margin-bottom:8px; cursor:pointer; position:relative;}
.projectli li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ddb063; -webkit-transition:-webkit-transform .48s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .48s cubic-bezier(.4,0,.2,1); transition:transform .48s cubic-bezier(.4,0,.2,1); transition:transform .48s cubic-bezier(.4,0,.2,1),-webkit-transform .48s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.projectli li:after{ content:""; width:15px; height:19px; background:url(/images/arrow6.png) center no-repeat; position:absolute; right:42px; top:50%; margin-top:-10px; z-index:10; opacity:0; visibility:hidden; transition:0.34s;}
.projectwr{ border:1px solid #eeeeee; padding:28px 152px 29px 40px; position:relative; height:94px; transition:0.4s;}
.projectwr h3{ color:#000000; font-size:20px; line-height:1.4; font-weight:normal; overflow:hidden; transition:0.38s; top:0; max-height:54px; overflow:hidden;}
.projectwr em{ display:block; color:#969696; font-size:14px; line-height:1; font-style:normal; transition:0.36s; position:absolute; left:40px; bottom:28px;}
.prodata{ position:absolute; right:19px; top:27px; padding-left:10px; width:50px; padding-top:15px; height:45px; background:#a0a0a0; transition:0.4s;}
.prodata b{ display:block; line-height:1; color:#fff; font-size:16px; font-family:"SourceSansPro-Regular","arial"; transition:0.34s;}
.prodata span{ display:block; line-height:1; color:#fff; font-size:14px; font-family:"SourceSansPro-Regular","arial"; transition:0.34s;}
.projectli li:hover{ border-color:#e8a204;}
.projectli li:hover .projectwr h3{ color:#e8a204;}
.projectli li:hover .projectwr em{ color:#e8a204;}
.projectli li:hover .prodata{ background:#e8a204;}
.projectli li:hover .prodata b,.projectli li:hover .prodata span{ color:#fff;}
.projectli li.now:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.projectli li.now .projectwr{ border-color:#e8a204;}
.projectli li.now:after{ opacity:1; visibility:visible; right:42px;}
.projectli li.now .prodata{ opacity:0; visibility:hidden;}
.projectli li.now .projectwr em{ opacity:1; visibility:hidden; transition:0s;}
.projectli li.now .projectwr h3{ position:absolute; left:40px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:88px; -ms-transform:translateY(-50%); color:#fff; transition:0.38s 0.1s; top:40% \9;}

.popmain{ width:50%; position:fixed; right:0; top:0; height:100%; z-index:999; visibility:hidden; transition:0.54s;}
.popbgff{ width:100%; height:100%; position:absolute; left:100%; top:0; visibility:hidden; transition:0.45s;  background:#fff;}
.popmaintext{ margin-left:12px; width:100%; margin-right:80px; margin-bottom:96px; margin-top:96px; border:1px solid #eeeeee; overflow-y:auto; position:relative; max-height:82%; max-height:calc(100% - 192px); transition:0.5s; background:#fff;}
.popmain1 .popbgff{ background:#fff;}

.proct{ padding:80px 19% 66px 7.5%; position:relative;}
.proclose{ width:60px; height:60px; background:url(/images/close1.png) center no-repeat; background-size:cover !important; cursor:pointer; z-index:5; position:fixed; right:20px; top:50%; margin-top:-30px; transition:transform 0.34s 0s,opacity 0.2s 0s; opacity:0; visibility:hidden;}
.proclose:hover{ background:url(/images/close2.png) center no-repeat; transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.proct .prodata{ right:27px; top:87px; background:#ddb063;}
.projectfix{ font-size: 16px !important;}
.projectfix p{ color:#646464; font-size:16px !important; text-align:justify;}
.popmaintext::-webkit-scrollbar{ width:5px; height: 5px;}
.popmaintext::-webkit-scrollbar-thumb{ border-radius:5px; background: #379927;}
.popmaintext::-webkit-scrollbar-track{border-radius: 5px;}
.popmain.show{ visibility:visible;}
.popmain.show .popbgff{ visibility:visible; left:0;}
.popmain.show .proclose {  opacity:1; visibility:visible; transition:transform 0.34s 0s,opacity 0.2s 0.2s;}

/*项目风采*/
.mien-box{ margin:85px 0 60px;}
.mienli{ width:calc(100% + 16px); margin-left:-8px;}
.mienli li{ width:33.33333%; float:left; margin-bottom:55px;}
.mienli li figure{ display:block; margin:0 8px;}
.mienwr{ overflow:hidden; display: block;}
.mienli li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;}
.mienli li .mores{ width:100%; display:block; background:none; height:100px;}
.mienli li .mores .three-d-box{ transform:translatez(-50px); -webkit-transform:translatez(-50px); -moz-transform:translatez(-50px); -ms-transform:translatez(-50px);}
.mienli li .mores  span.defal,.mienli li .mores  span.end{ height:100px; line-height:50px; text-indent:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#eeeeee; line-height:100px; color:#000000; font-size:16px; font-weight:bold; text-align:left;}
.mienli li .mores span.defal{ transform:rotatex(0deg) translatez(50px); -webkit-transform:rotatex(0deg) translatez(50px); -moz-transform:rotatex(0deg) translatez(50px); -ms-transform:rotatex(0deg) translatez(50px);}
.mienli li .mores span.end{ transform:rotatex(-90deg) translatez(50px); -webkit-transform:rotatex(-90deg) translatez(50px); -ms-transform:rotatex(-90deg) translatez(50px); -moz-transform:rotatex(-90deg) translatez(50px); background:#e8a204; color:#fff; display:none\9;}
.mienli li .mores span.end:before{ content:""; width:8px; height:8px; background:url(/images/add.png) center no-repeat; position:absolute; right:26px; top:50%; margin-top:-4px;}
.mienli li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.mienli li:hover .mores .three-d-box{ transform: translateZ(-50px) rotateX(90deg); -webkit-transform: translateZ(-50px) rotateX(90deg); -moz-transform: translateZ(-50px) rotateX(90deg); -ms-transform: translateZ(-50px) rotateX(90deg);}
.mienli li:hover .mores span.defal{ background:#ddaf63\9; color:#fff;}

.notice li{ width:48.13%; float:left; background:#eeeeee; padding:36px 0 51px; position:relative; cursor:pointer; margin-bottom:62px;}
.notice li:nth-child(2n+2){ float:right;}
.notice li:before{ content:""; width:100%; height:2px; background:#379927; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .55s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .55s cubic-bezier(.4,0,.2,1); transition:transform .55s cubic-bezier(.4,0,.2,1); transition:transform .55s cubic-bezier(.4,0,.2,1),-webkit-transform .55s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.noticewr{ padding-left:46px; padding-right:178px; position:relative;}
.noticewr h3{ color:#000000; font-size:20px; font-weight:normal; line-height:1.4; margin-bottom:22px; height:56px; overflow:hidden;}
.noticed{ height:52px; margin-bottom:8px; overflow:hidden;}
.noticed p{ color:#646464; font-size:14px;}
.noticewr i{ display:inline-block; line-height:1; color:#646464; font-size:14px; font-style:normal;}
.noticewr .prodata{ padding-left:16px; width:72px; padding-top:14px; height:57px; right:34px; top:4px; background:#379927; transition: 0.45s;}
.noticewr .prodata b{ font-size:28px; margin-bottom:4px;}
.noticewr .prodata span{ font-size:14px;}
.notice li:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.notice li:hover .noticewr .prodata{ background: #e8a204;}

.culturep{ width:100%; background:none;}
.culturep .companywr{ bottom:auto; top:19.7%; left:4.94%;} 
.cultureli{ position:absolute; left:4.94%; bottom:6.66666%;}
.cultureli li{ width:266px; margin-right:11px; padding:27px 30px 7px; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); float:left;}
.culturewr{ padding:60px 0 0; border-top:1px solid #fff; position:relative;}
.culturefix{ margin-bottom:26px; transition:0.34s;}
.culturefix span{ display:block; line-height:1; float:left; color:#fff; font-size:20px; font-weight:bold;}
.culturefix b{ display:block; width:10px; height:10px; float:right; line-height:1; position:relative; transition:0.38s; border:2px solid #fff; border-radius:50%; margin-top:4px;}
.cultureli li p{ color:#fff; font-size:14px; line-height:1.8; height:50px; overflow:hidden; opacity:0; visibility:hidden; transition:0.44s;}
.cultureli li:hover .culturefix{ opacity:0; visibility:hidden; transform:translateY(-8px); -webkit-transform:translateY(-8px); -moz-transform:translateY(-8px);}
.cultureli li:hover b{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.cultureli li:hover p{ opacity:1; visibility:visible;}

.culture-box{ margin-top:66px; margin-bottom:54px;}
.culturebtn{ margin-left:90px; margin-bottom:0 !important;}
.culturebtn .mores{float:left; margin-right:13px;}
.culturebtn .mores:last-child{ margin-right:0;}
/* .culturebtn .mores .three-d-box{ transform:translatez(-15px); -webkit-transform:translatez(-15px); -ms-transform:translatez(-15px); -moz-transform:translatez(-15px);} */
.culturebtn .mores span.defal,.culturebtn .mores span.end{ font-size:16px; font-weight:bold; background:#a0a0a0;}
/* .culturebtn .mores span.defal{ transform:rotatex(0deg) translatez(15px); -webkit-transform:rotatex(0deg) translatez(15px); -moz-transform:rotatex(0deg) translatez(15px); -ms-transform:rotatex(0deg) translatez(15px);} */
.culturebtn .mores span.end{  background:#379927; display:none\9;}
.culturebtn .mores a:hover .three-d-box,.culturebtn .mores a.on .three-d-box{ transform:translateZ(-28px) rotateX(90deg); -webkit-transform:translateZ(-28px) rotateX(90deg); -moz-transform:translateZ(-28px) rotateX(90deg); -ms-transform:translateZ(-28px) rotateX(90deg);}
.culturebtn .mores a:hover span.defal,.culturebtn .mores a.on span.defal{ background:#379927\9; color:#fff\9}
.culturebtn .mores a:hover span.end,.culturebtn .mores a.on span.end{ background:#379927;}

.cultures{ margin-top:56px;}
.cultures{ width:calc(100% + 20px); margin-left:-10px;}
.cultures li{ width:25%;}
.cultures li figure{ margin:0 10px;}
.cultures li .mores{ height:80px;}
.cultures li .mores .three-d-box{ transform:translatez(-40px); -webkit-transform:translatez(-40px); -moz-transform:translatez(-40px); -ms-transform:translatez(-40px);}
.cultures li .mores  span.defal,.cultures li .mores  span.end{ height:80px; line-height:80px; font-size:14px; font-weight:normal;}
.cultures li .mores span.defal{ transform:rotatex(0deg) translatez(40px); -webkit-transform:rotatex(0deg) translatez(40px); -moz-transform:rotatex(0deg) translatez(40px); -ms-transform:rotatex(0deg) translatez(40px);}
.cultures li .mores span.end{ transform:rotatex(-90deg) translatez(40px); -webkit-transform:rotatex(-90deg) translatez(40px); -ms-transform:rotatex(-90deg) translatez(40px); -moz-transform:rotatex(-90deg) translatez(40px); background:#e8a204; color:#fff;}
.cultures li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.cultures li:hover .mores .three-d-box{ transform: translateZ(-40px) rotateX(90deg); -webkit-transform: translateZ(-40px) rotateX(90deg); -moz-transform: translateZ(-40px) rotateX(90deg); -ms-transform: translateZ(-40px) rotateX(90deg);}
.recruits{ background-attachment:fixed; background-repeat:no-repeat; background-position:center; padding:0 68px; padding-top:44px;}
.recruititle{ padding-bottom:74px;display: block;}
.recruititle span{ display:block; line-height:1; float:left; color:#ffffff; font-size:14px; overflow: hidden;}
.recruititle span.span1{ width:12.51%;}
.recruititle span.span2{ width:24%;}
.recruititle span.span3{ width:51%;}
.recruititle span.span5{ float:right;} 

.buildf{ padding:0 80px 66px;}
.recuiteli li{ border-top:1px solid #ddb063; border-top:1px solid rgba(221,176,99,0.2);}
.recuiteli li .recruititle{ position:relative; cursor:pointer; padding: 30px 0;}
.recuiteli li .recruititle:before{ content:""; width:100%; height:100%; padding:0 16px; position:absolute; left:-16px; top:0; bottom:0; background:#e8a204; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.recuiteli li.now .recruititle:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.recuiteli li.now .recruititle span b:after{ opacity:0; visibility:hidden; transform:translateY(20px); -webkit-transform:translateY(20px); -moz-transform:translateY(20px);}
.recuiteli li .recruititle span{ position:relative; line-height: 1.4;}
.recuiteli li .recruititle span.span3{ font-size:28px; width: 53%;}
.recuiteli li .recruititle span b{ display:block; width:19px; height:19px; position:relative; }
.recuiteli li .recruititle span b:before{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; top:9px;}
.recuiteli li .recruititle span b:after{ content:""; width:1px; height:100%; background:#fff; position:absolute; left:9px; top:0; transition:0.3s;}
.recuitefox{ padding:80px 0; width:886px; margin:auto; display:none;}
.recuitefox p{ color:#fff; font-size:14px;}
.recuitefox p a{ color:#fff;}
.buildbox{ background-attachment:fixed !important; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important; overflow:hidden; margin-bottom:72px;}
.buildlist { position:relative; padding:0 !important;}
.buildbox .pbannertop{ margin:0;}
.buildbox .pbanner figure img{ opacity:0; visibility:hidden;}
.buildbox .menuflex,.menuflex1{ position:fixed; right:156px; top:170px;}
.buildfix{ width:50%; float:left;}
.buildfix::-webkit-scrollbar{ width:5px; height: 5px;}
.buildfix::-webkit-scrollbar-thumb{ border-radius:5px; background: #379927;}
.buildfix::-webkit-scrollbar-track{border-radius: 5px;}

.buildfix li{ margin-bottom:1px; padding-left:9.65%; position:relative; padding-top:44px; height:65px; background:#e8a204; filter:alpha(opacity=60); background:rgba(232,162,4,0.3); padding-right:3.9%; transition:0.4s; cursor:pointer;}
.buildfix li:last-child{ margin-bottom:0;}
.buildfix li span{ display:block; float:left; line-height:1; color:#fff; font-size:20px; font-weight:bold; position:relative;}
.buildfix li b{ display:block; float:right; line-height:20px; color:#fff; font-size:14px; opacity:0; visibility:hidden; position:relative; transition:0.38s; overflow:hidden;}
.buildfix li:before{ content:""; width:14px; height:20px; background:url(/images/arrow6.png) center no-repeat; position:absolute; right:3.9%; top:50%; margin-top:-10px; opacity:0; visibility:hidden; transition:0s;}
.buildfix li:hover,.buildfix li.on{ background:#e8a204;}
.buildfix li:hover b{ opacity:1; visibility:visible;}
.buildfix li.on b{ opacity:0; visibility:hidden;}
.buildfix li.on:before{ opacity:1; visibility:visible; transition:0.38s;}
.buildli{ width:50%; float:left; background:#dcdcdc; position:relative; left:100%; transition:0.5s;}
.builds{ padding-bottom:10px; transition:0s;}
.buildlist.on{ z-index:12; transition:0.45s;}
.buildlist.on .buildli{ left:0;}
.byGbox{ position: absolute;left: 55%;top: -188px;color: #fff; font-size: 16px; line-height: 1.8;}
.byGbox .byimg{ display: block;margin-bottom: 8px;}


.builddown li{ padding:0 38px; position:relative; cursor:pointer;}
.builddown li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ececec; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.buildwr{ border-bottom:1px solid #c9c9c9; position:relative; padding-top:24px; padding-bottom:27px;}
.buildwr span{ display:block; color:#646464; font-size:14px; color:#646464; height:34px; overflow:hidden; max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.buildwr time{ display:block; width:104px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:12px; font-family:"Arial"; background:#ddb063;}
.buildwr b{ display:block; line-height:1; color:#379927; font-size:14px; font-weight:normal; position:absolute; right:22px; top:50%; margin-top:-7px; opacity:0; visibility:hidden; transition:0.35s;}
.builddown li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.builddown li:hover b{ opacity:1; visibility:visible;}
.buildclose{ display:block; width:50px; height:50px; background:url(/images/close1.png) center no-repeat; background-size:cover !important; cursor:pointer; position:absolute; right:0; top:0; z-index:10; transition:0.4s;}
.buildclose:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); background:url(/images/close2.png) center no-repeat;}
.partylist{ width:50%; float:left;}
.partylist li{ margin-top:1px; padding:20px 24px 28px 10.11%; background:#000; filter:alpha(opacity=60); cursor:pointer; background:rgba(0,0,0,0.6); position:relative; transition:0.4s;}
.partylist li p{ color:#ffffff; font-size:14px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:14px; position:relative;}
.partylist li time{ display:block; width:104px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:12px; font-family:"Arial"; background:#e8a204; position:relative;}
.partylist li b{ display:block; width:16px; height:16px; position:absolute; right:24px; top:50%; margin-top:-8px; transition:0.38s;}
.partylist li b:before{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; top:8px;}
.partylist li b:after{ content:""; width:1px; height:100%; background:#fff; position:absolute; left:8px; top:0; transition:0.3s;}
.partylist li:hover{ background:#000; filter:alpha(opacity=30); background:rgba(0,0,0,0.3);}
.partylist li:hover b{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.year{ width:50%; float:right;}
.yearsele{ margin-left:70px; margin-top:80px; position:relative; width:304px;}
.yearsele:hover{ background:#000; filter:alpha(opacity=30); background:rgba(0,0,0,0.3); transition:0.45s;}
.yearmo{ padding:23px 22px 22px 32px; cursor:pointer; position:relative;}
.yearmo b{ display:block; line-height:1; float:left; color:#fff; font-size:60px;}
.yearmo span{ display:block; float:left; line-height:1; color:#fff; font-size:60px; font-weight:bold; margin:0 20px 0 0;}
.yearmo i{ display:block; width:14px; height:10px; background:url(/images/arrow7.png) center no-repeat; margin-top:24px; transition:0.3s; float:left;}
.yeardown{ display:none;}
.yeardown li{ position:relative; z-index:1; height:49px; line-height:49px; text-align:center; color:#fff; font-size:16px; text-align:center; cursor:pointer;}
.yeardown li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ddb063; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); opacity:0; visibility:hidden; transition:0.34s; z-index:-1;}
.yeardown li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); opacity:1; visibility:visible;}

.erroe{ width:100%; position:absolute; left:0; top:0; height:100%;}
.erroewr{ position:absolute; left:50%; margin-left:-517px; top:50%; margin-top:-204px;}
.erroewr img{ display:block; max-width:100%; margin:auto; margin-bottom:80px;}
.errowdonw{ text-align:center;}
.errowdonw .mores{ display:inline-block;}
.errowdonw .mores:first-child{ margin-right:26px;}
.errowdonw .backli span.defal,.errowdonw .backli span.end{ background:#dab96b;}

.projectli1{ width:100%;}
.projectli1 li{ width:49%; float:left; margin-right:0;}
.projectli1 li:nth-child(2n+2){ float:right;}

/*search*/
.searchtop{ padding: 44px 0 30px; text-align: center; background: #eeeeee;}
.search{ width: 638px; margin: auto; margin-bottom: 76px; position: relative;}
.search .seartext{ padding-left: 26px; width: 612px; height: 51px; line-height: 51px; background: #fff; border-radius: 14px; border: none; color: #969696; font-size: 14px; font-family: "微软雅黑";}
.serbtn{ width: 44px; height: 51px; line-height: 51px; color: #e8a204; font-size: 14px; font-family: arial; position: absolute; right: 0; top: 0; border-radius: 0 14px 14px 0; background:none; border:none; cursor: pointer; transition:.34s; -moz-transition:.34s; -webkit-transition:.34s; -ms-transition:.34s;} 
.serbtn:hover{ color: #379927;}
.searchtop p{ text-align: center; color: #969696; font-size: 16px; line-height: 1;}
.searchtop p b{ display: inline-block; line-height: 1; font-weight: normal; color: #e92130;}

.sherbtn{ float: right; position: relative; margin-left: 22px; z-index: 10;}
.sherbtn span{ display: block; width: 70px; height: 80px; background:url(/images/serch1.png) center no-repeat; cursor: pointer; transition: 0.4s; position: relative; z-index: 3;}
.sherbtn:before{ content: ""; width: 100%; height: 80px; position: absolute; left: 0; top: 0; background: #e8a204; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.sherbtn .searchdown{ position: absolute; right: -82px; top: 80px; background: #e8a204; padding: 27px 46px 24px 38px; opacity: 0; visibility: hidden; transition:0.4s;} 
.searchdown .search{ margin-bottom: 0; width: 337px;}
.searchdown .search .seartext{ width: 316px; height: 34px; line-height: 34px; color: #969696; border-radius: 14px;}
.searchdown .serbtn{ height: 34px; line-height: 34px;}

.sherbtn.on span,.sherbtn:hover span{ background: url(/images/serch2.png) center no-repeat;}
.sherbtn.on:before,.sherbtn:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.sherbtn:hover .searchdown{ opacity: 1; visibility: visible;}
.searinfo{ margin-bottom: 48px;}
.searchli{ padding: 48px 0 93px 0;}
.seartitle{ line-height: 1; color: #ddaf63; font-size: 28px; font-weight: normal; margin-bottom: 28px;}
.new-boxs .projectli1{ margin-bottom: 40px;}

.viewdonw{ font-size: 16px !important;}

.garaders{ display: none;}
.hidetext h3{ color: #fff; font-size: 18px; margin-bottom: 10px; text-align: center; font-weight: normal;}
.hidetext p{ color: #fff; font-size: 12px;}

.vote{position: fixed;right: 10px;bottom: 16px;z-index: 99;background: #ddaf63;width: 200px;}
.voteclose{ display: block; width: 14px; height: 14px; background: #ab0407; position: absolute; left: -14px; top: 0; cursor: pointer;}
.voteclose:before{ content: ""; width: 9px; height: 9px; background: url(/images/close3.png) center no-repeat ; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; transition: 0.45s;}
.voteclose:hover:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.votetop{padding: 37px 12px;border-bottom: 1px solid #fff;}
.votetop span{display: block;color: red;font-size: 30px;text-align: center;}
.votedown{ padding-left: 5px; padding-top: 8px; padding-bottom: 7px;}
.votedown img{ display: block; width: 79px;}

.newsview{ background: #eeeeee; padding: 82px 0 18px;}
.view__wapper{ width: 710px; margin: auto;}
.view__title{ margin-bottom: 88px;}
.view__title h2{ text-align: center; color: #010101; font-size: 28px; line-height: 1.2; margin-bottom: 15px;}
.view__title p{ text-align: center; line-height: 1; color: #646464; font-size: 12px;}
.view__title p time{ display: inline-block; margin-right: 18px;}
.readleft{ float: left; color: #646464; font-size: 12px; line-height: 16px;}
.readright{ float: right;}
.fonts{ float: left; margin-right: 10px;}
.fonts span{ display: block; float: left; color: #646464; font-size: 12px; line-height: 16px;}
.fonts a{ display: block; float: left; color: #646464; font-size: 12px; line-height: 16px; margin-left: 9px;}
.shares{ float: left;}
.shares a{ display: block; padding: 0 !important; width: 16px !important; height: 16px !important; margin-left: 7px; margin-top: 0 !important; margin-bottom: 0 !important;} 
.views{ width: 850px; margin: auto;}
.view__text{ padding: 128px 0 62px;}
.view__text{ text-align: justify; color: #646464; font-size: 14px; line-height: 2;}
.view__text img{ max-width: 100%; width: auto; height: auto;}
.pageprev{ padding-top: 26px; border-top: 1px solid #d1d1d1; padding-bottom: 28px;}
.pageleft{ float: left;}
.pageinfo{ margin-bottom: 5px;}
.pageinfo a{ display: inline-block; color: #a4a4a4; font-size: 14px;}
.pageinfo a:hover{ color: #e8a204;}
.pageprev .backlist{ float: right; color: #a4a4a4; font-size: 14px;}
.pageprev .backlist:hover{ color: #e8a204;}

.cultured{ background-attachment: fixed; background-position: center; background-size: cover;}
.culture__top{ padding: 98px 0 96px; text-align: center;}
.culture__top strong{ display: block; color: #fff; font-size: 30px; font-weight: bold; line-height: 1; text-align: center; margin-bottom: 14px;}
.culture__top small{ display: block; color: #fff; font-size: 16px; position: relative; text-align: center; line-height: 1; font-family: arial; padding-bottom: 20px; margin-bottom: 44px;} 
.culture__top small:before{ content: ""; width: 28px; height: 4px; background: #e8a204; 
position: absolute; left: 50%; margin-left: -14px; bottom: 0;}
.culture__top p{ text-align: center; color: #fff; font-size: 18px;}
.culture__list li{ margin-left: -1px; margin-top: -1px; width: 50%; float: left; position: relative; z-index: 2;}
.culture__wr{ border: 1px solid #fff; border: 1px solid rgba(255,255,255,0.28); height: 400px; position: relative; transition: 0.65s;}
.culture__in{ text-align: center; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -30px; transition: 0.5s;}
.culture__in strong{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 30px; margin-bottom: 14px;}
.culture__in small{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 16px; font-family: arial;}
.culture__in p{ color: #ffffff; font-size: 18px; line-height: 1.5; opacity: 0; visibility: hidden; transition: 0.5s; max-width: 90%; margin: auto; margin-top: 48px;}
.culture__wr:hover{ background: #e8a204;}
.culture__wr:hover .culture__in p{ opacity: 1; visibility: visible;}
.culture__wr:hover .culture__in{ margin-top: -67px;}

.vote{display: none;}

.invest-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: 5.75%;
	margin-top: 350px;
}
.invest-item {
	display: inline-block;
	margin-right: 79px;

}
.invest-item .icon{
	position: relative;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	margin: 0 auto;
	border: 1px solid #fff;
	box-sizing: border-box;
	transition: 0.65s;
}
.invest-item .icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	background-color: rgb(232 162 4 / 32%);
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	transition: 0.65s;
}
.invest-item .icon img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	max-width: 45%;
}
.invest-item p {
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-top: 36px;
}

.invest-item:hover .icon{
	background-color: #E8A204;
	border-color: #E8A204;
}
.invest-item:hover .icon::before {
	width: 117%;
	height: 117%;
	opacity: 1;
	visibility: visible;
}
.coreBusi {
	display: flex;
	padding-top: 102px;
	margin-bottom: 120px;
}
.coreBusi .coreL {
	width: 39.3%;
	padding-left: 6%;
}
.coreBusi .coreL .aboutitle {
	margin-left: 0;
}
.coreBusi .coreR{
	width: 60.7%;
}

.coreBusi .coreTabs{
	margin-top: 94px;
	line-height: 1;
}
.core-items {
	display: none;
}
.core-items.select {
	display: block;
}
.core-items .name{
	position: relative;
	padding-bottom: 40px;
	font-size: 40px;
	font-weight: 500;
	color: #E8A204;
	border-bottom: 1px solid #D7D7D7;
	margin-bottom: 44px;
}
.core-items .name::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 3px;
	width: 75px;
	background-color: #EEBB46;
}

.core-items .intro *{
	font-size: 20px;
	color: #666666;
}
.core-items .intro img {
	display: inline;
    width: auto;
    max-width: 100% !important;
    height: auto !important;
}

.top-joinA{
	display: none;
}