@charset "utf-8";



/* 



 * Project Name:台州市开发投资集团有限公司



 * Designd by:KomaChen



 * Date:2020-10-30



 */



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 "Source Han Sans CN" , "Microsoft YaHei", "PingFang SC" ,"Helvetica Neue", Helvetica,  Arial,  "Hiragino Sans GB", "Heiti SC", 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:5px; background:#cc8e02;}



body::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius:5px;}







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: #cc8e02; color: #fff; text-shadow: none; }



::selection { background: #cc8e02; 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;}



.bgh{background: #0d4894!important;}







@font-face{font-family: 'MyriadPro_Black';src:url('MyriadPro_Black.otf');}



.Kc_f{font-family:"MyriadPro_Black";}



.f14{font-size: 14px;}



.f15{font-size: 15px;}



.f16{font-size: 16px;}



.f17{font-size: 17px;}



.f18{font-size: 18px;}



.f19{font-size: 19px;}



.f20{font-size: 20px;}







/*header-box*/



.header-box{ width:100%; position:fixed; left:0; top:0; z-index:99;}



.header.boxshwo{}



.header{ position:relative; background:#fff; padding:0 80px;box-shadow: 0 0 25px rgba(0,0,0,0.1);}



.logo{display:block;line-height:1;height: 60px; float:left;margin-top:10px;margin-left:-5px;}



.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:#ffffff; 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:#cc8e02; 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:#cc8e02;}



.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:3px 6px 14px rgb(0,0,0,0.6); display:none; line-height:1; width:42px; height:42px; z-index:99;}



.menus span { position: relative; display: inline-block; width: 20px; height: 11px; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-5px; 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:2px; left: 0; background-color:#cc8e02; -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:4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }



.menus.active span:after { bottom:5px; -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:rgba(255,255,255,0.98); 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:#cc8e02; margin:auto; border-radius:25px; text-align:center; font-size:16px;}



.navigelist li{ margin-bottom:40px; text-align:center;}



.navigelist li a{ display:inline-block; line-height:1; margin:auto; color:#333; 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.6); height: 0; overflow: hidden;}



.menuswr{ float: right; padding-right: 82px;}



.menuin{ width: 128px;height: 100%; height:220px; float: left; position: relative; z-index: 3;}



.menulist:before{ content: ""; width: 0%; height: 100%; background:#cc8e02; position: absolute; left: 50%; top: 0; transition: 0.5s;}



.menuin.active .menulist:before{ width: 100%; left: 0;}



.menuin:last-child{ border-right: none;}



.menulist_l{border-left: 1px solid rgba(255,255,255,0.2);}



.menulist_r{border-right: 1px solid rgba(255,255,255,0.2);}







.menulist{ padding:25px 0 0; }



.menulist li{ position: relative; margin-bottom: 14px;}



.menulist li a{ display: block; color: #fff; font-size: 14px; padding-left:5px; padding-right:5px;text-align: center;  position: relative; z-index: 3; line-height: 1.3;}



.menulist li:hover a{ color: #081808;}







.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:42%; 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 #cc8e02; 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;box-shadow: 0 0 170px rgba(0,0,0,0.20);}



.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 h2 sapn{ 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:80px; overflow:hidden;}



.btextbg{ width:100%; height:100%; background:rgba(230,0,18,0.3); background:#cc8e02\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.9; color:#ffffff; font-size:46px; margin-bottom:32px; opacity:0; transform:translateX(-60px); -webkit-transform:translateX(-60px); -moz-transform:translateX(-60px); padding: 20px 60px 20px 100px; background: #050f6a; filter:alpha(opacity=50); background: rgba(5,15,105,0.65);}



.bdown h2 span{font-size: 18px;font-weight: normal;font-family:/*西文*/-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,/*中文*/PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;}



.bdown h2 span:before{ content:""; width:30px; height:5px; background:#cc8e02; position:absolute; margin-top:5px;}







.bdown .mores{ transform:translateX(-50px); -webkit-transform:translateX(-50px); -moz-transform:translateX(-50px); opacity:0;}



.mores{ width:150px; 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(-21px); -webkit-transform:translatez(-21px); -ms-transform:translatez(-21px); -moz-transform:translatez(-21px); transition:all .32s ease-out;}



.mores span.defal,.mores span.end{ display:block; width:100%; height:42px; line-height:42px; color:#fff; font-size:14px; background:#cc8e02; text-align:center; transition:0.34s; position:absolute; left:0; top:0; transition:0.35s;}



.mores1 span.defal,.mores1 span.end{ background: #cc8e02;}



.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(21px); -webkit-transform:rotatex(0deg) translatez(21px); -moz-transform:rotatex(0deg) translatez(21px); -ms-transform:rotatex(0deg) translatez(21px);border-radius:1px;}



.mores span.end{ transform:rotatex(-90deg) translatez(21px); -moz-transform:rotatex(-90deg) translatez(21px); -ms-transform:rotatex(-90deg) translatez(21px); -webkit-transform:rotatex(-90deg) translatez(21px); background: #cc8e02;border-radius:1px;}



.mores1 span.end{ background: #cc8e02;border-radius:1px;}



.bdown .mores a:hover span.defal{ background:#ddaf63\9;}



.mores a:hover .three-d-box{transform: translateZ(-21px) rotateX(90deg); -webkit-transform: translateZ(-21px) rotateX(90deg); -moz-transform: translateZ(-21px) rotateX(90deg); -ms-transform: translateZ(-21px) rotateX(90deg);}



.mores a:hover span.end{ background:#cc8e02;}



.mores1 a:hover span.end{ background:#cc8e02;}



.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:12px; height:12px; border-radius:50%; border:2px solid #fff;text-indent:9999px; overflow:hidden;} 



.banner-box .flex-control-nav li a.flex-active{ background:#cc8e02;border:2px solid #cc8e02;}



.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;z-index: 999;}



.mousedown i:before{ content:""; width:2px; height:8px; background:url(../images/dit.png) center no-repeat; position:absolute; z-index: 999;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;}}



.bgh1{background:#fff}



.newcenter{margin:10px 0 60px;padding-top:50px;padding-bottom:0px; background-size: cover;background:#fff url(../images/index_newsbg.jpg) center no-repeat;box-shadow: 0 0 170px rgba(0,0,0,0.25);}



.newtitle{ margin-left:5.75%;}



.newtitle strong{ display:block; line-height:1; color:#00498c; font-size:48px; float:left; margin-right:25px;}



.newtitle small{ display:block; line-height:1.1; color:#bbb; font-size:21px;font-family:"MyriadPro_Black";; float:left; text-transform:uppercase;}







.news{ width:1100px; margin:auto; margin-top:100px; 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:28px; line-height:28px; color:#fff; font-size:12px; width:80px; text-align:center; background:#cc8e02; margin-bottom:12px;border-radius: 1px;}



.newle h3{ line-height:1.2; color:#004585; font-size:36px; margin-bottom:18px; transition:0.4s;}



.newle p{ color:#666; font-size:14px; line-height:2; height:82px; overflow:hidden;}



.newle span{ position:relative; display:inline-block; line-height:1;color:rgba(0,0,0,0.4); margin-top: 20px; font-size:14px; padding-bottom:3px;}



.newle span:before{ content:""; width:100%; height:1px; background:#ccc; 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; max-height: 320px;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:#ddd; border-radius:50%; text-indent:9999px; overflow:hidden;}



.news .flex-control-nav li a.flex-active{ background:#cc8e02;}



.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:#cc8e02;}



.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;}



.newsview_con{background: #fff; padding:50px 30px;min-height: 260px;}



.informate-box{ margin-top:50px; border-top:1px solid rgba(0,0,0,0.1); border-top:1px solid #fff\9; padding-top:39px; padding-bottom: 20px;}



.informate{ width:1100px; margin:auto;}



.informaw{ float:left; margin-top:2px; width:60px; text-align:center; padding-top:11px; height:45px; color:#fff; font-size:18px; background:#00498c; line-height:1.1;} 



.informatefs{ width:92.84%; float:right;}



.informatein{ width:82%; float:right; border-left:1px solid rgba(0,0,0,0.09);}



.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:#555; font-size:14px; line-height:1; transition:0.38s; max-width:88%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.informated li time{ display:block; float:right; line-height:1; color:rgba(0,0,0,0.4);}



.informated li:hover span{ color:#cc8e02;}



.informated li b{font-weight: normal;color:#cc8e02;}



.informatmore{ line-height:1; margin-left:30px;}



.informatmore .inmore{ display:inline-block; line-height:32px; color:rgba(0,0,0,0.4); font-size:14px;}



.informatmore .inmore:hover{ color:#00498c;}



.informatein:first-child{ margin-right:8%;}







.fl{float:left;}



.fr{float:right;}







.investment{ padding:60px 0 36px;box-shadow: 0 0 170px rgba(0,0,0,0.25);}



.investinfo{ position:relative; padding:37px 0 30px; float:left;}



.investinfo a:before{ content:""; width:1px; height:86.66%; background:rgba(0,0,0,0.08); background:#fff\9; filer:alpha(opacity=20); position:absolute; right:0; top:6.67%;}



.investbox{ margin-top:50px; 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.7);  -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.1; color:#444; font-size:30px; font-weight:bold; margin-bottom:18px;}



.investwr p{ color:#999; font-size:14px; line-height:22px; 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; }



.investwr span i{ display:inline-block; width:6px; height:7px; background:url(../images/arrow1.png) center no-repeat;opacity: 0.6; 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:#aaa; font-family:"MyriadPro-Black"; font-size:12px;color: rgba(255,255,255,0.8)}



.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 265px; margin-top:96px;background-position:center top!important;background-repeat:no-repeat; position:relative;}



.agricutulre{ margin-top:45px; margin-left:5.75%;}



.agricutulre span{ display:inline-block; position:relative; color:#fff; font-size:22px; 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:rgba(255,255,255,0.4); font-size:17px; }



.agridonw{ width:600px; position:absolute;bottom:0px; background:rgba(17,26,46,0.5); background:#000\9; filter:alpha(opacity=50); padding:30px 5.75% 30px 5.75%;}



.agurewr p{ color:rgba(255,255,255,0.6); line-height:2; font-size:14px;max-height: 80px;overflow: hidden;}



.mores1{ width:115px; height:26px;}



.agurewr .mores1{ margin-top:20px;}



.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;}



.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 30px; background:rgba(0,0,0,0.65);box-shadow: 0 0 150px rgba(0,0,0,0.26);box-shadow: 0 0 170px rgba(0,0,0,0.25);}



.footer{ width:88.5%; margin:auto;}



.relativebox{ width:52.22%; float:left;}



.add{ margin-bottom:24px;}



.add p{ color:rgba(255, 255, 255, 0.4); 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:rgba(255, 255, 255, 0.3); font-size:13px;}



.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;font-size: 13px;}



.unit a:hover{ color:#cc8e02;}



.friendwr{ width:32%; 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:"MyriadPro_Black"; position: relative; background:#1f394a;}



.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:#1f394a; 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:#1f394a)}



.loads .friendtop:hover .three-d-box span.defal,.friendin .friendtop:hover span.defal{ color:#fff\9; background:rgba(255,255,255,0.25);}







.friednli{ position:absolute; left:0; bottom:40px; padding-bottom:1px; width:100%; display:none;}



.friednli li{ height:40px; margin-top:1px; position:relative; background: #1f394a; transition: 0.45s;overflow: hidden;}



.friednli li a{ display: block; padding-left:7px; box-sizing: border-box; color: #fff;font-size: 14px;}



.friednli li a:hover{background:rgba(255,255,255,1);color: #333;}



.friednli li .friendtop span.end{ background:rgba(255,255,255,0.25) }



.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: #cc8e02;}



.popwrs::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius: 5px;}







.popnewtext{ width:810px; margin:auto; padding-top:80px; padding-bottom:100px;}



.viewtitle{margin-bottom: 40px;border-bottom: #ddd 1px solid;padding-bottom: 30px;}



.viewtitle h2{ line-height:1.2; color:#222; font-size:28px; font-weight:bold; margin-bottom:26px;}



.viewtitle time{ display:block; line-height:1; color:#888;font-size: 14px;}



.viewdonw img{ max-width:100% !important; width:auto !important; height:auto !important;}



.viewdonw p{ color:#333; font-size:16px !important; line-height:2; }



.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;}







.introducte-box{ padding: 100px 0;}



.introtop{ margin-bottom:50px; text-align: center;}



.introtop h2{ text-align: center; color: #333333; font-size: 50px; line-height: 1.2; margin-bottom: 30px;}



.introtop p{ text-align: left;text-indent: 2em; color: #666666; font-size: 15px; margin: auto;}



.introdown{ text-align: center;}



.introble{ display: inline-block; margin: auto; }



.introinfo{ float: left; margin-left:60px;font-family: /*西文*/-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,/*中文*/PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif}



.introinfo:first-child{ margin-left: 0;}



.introinfo span{ display: block; color: #666666; font-size: 14px; text-align: center; line-height: 1;}



.introinfo span b{ display: inline-block; font-weight: normal; font-family: "MyriadPro_Black"; margin-right:5px; color:#1a56a9; font-size:60px; color:#1a56a9; color: #00498c\9; background-image: -webkit-gradient(linear, 0 bottom, right top, from(rgba(26, 86, 169, 1)), to(rgba(31, 148, 193, 1)));  background-image: -o-linear-gradient(top, #1a56a9, #1f94c1); -webkit-background-clip: text; background-clip: text;-o-background-clip: text; }



.introinfo p{ line-height: 1; color: #666666; font-size: 14px;}



.readmore{ text-align: center;}



.readmore a{ display: block; margin: auto; width: 151px; height: 35px; text-align: center; line-height: 35px; color: #1a56a9; font-size: 15px; border-radius: 2px; border: 2px solid #1a56a9; font-size: 15px; text-transform: uppercase; position: relative; z-index: 3;}



.readmore a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #1a56a9; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .54s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .54s cubic-bezier(.4,0,.2,1); transition:transform .54s cubic-bezier(.4,0,.2,1); transition:transform .54s cubic-bezier(.4,0,.2,1),-webkit-transform .54s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;}



.readmore a:hover{ color: #fff;}



.readmore a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}















/* 企业文化 */



.about-cc { background: no-repeat top center fixed; }



.about-cc .cc-cont { margin:50px 0 20px 0; }



.about-cc .cc-list { margin-right: -2.5%; }



.about-cc .cc-item { position: relative; float: left; width: 22.5%; margin-right: 2.5%; margin-bottom:0.3%; background: #fff; text-align: center; z-index: 1; }



.about-cc .cc-item img { width: 100%; }



.about-cc .cc-item:hover .cc-pic, .about-cc .cc-item:hover .cc-desc { opacity: 0; visibility: hidden; }



.about-cc .cc-item:hover .cc-info { opacity: 1; visibility: visible; }



.about-cc .cc-item:hover .cc-info:before, .about-cc .cc-item:hover .cc-info:after { transform: none; }



.about-cc .cc-pic { transition: all .5s; }



.about-cc .cc-desc { padding: 30px 0 40px; color: #555; transition: all .5s; }



.about-cc .title { font-weight: bold; font-size: 18px; line-height: 30px; }



.about-cc .title-en {font-size: 11px; line-height: 20px; }



.about-cc .cc-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; opacity: 0; visibility: hidden; perspective: 800px; transition: all .5s; z-index: 1; }



.about-cc .cc-info:before, .about-cc .cc-info:after { content: ''; position: absolute; top: 0; width: 50%; height: 100%; background: #cc8e02; transition: all .5s; z-index: -1; }



.about-cc .cc-info:before { left: 0; transform: rotateY(90deg); transform-origin: 0 50%; }



.about-cc .cc-info:after { right: 0; transform: rotateY(-90deg); transform-origin: 100% 50%; }



.no-csstransforms3d .about-cc .cc-info { background: #cc8e02; }



.no-csstransforms3d .about-cc .cc-info:before, .no-csstransforms3d .about-cc .cc-info:after { content: none; }



.about-cc .line { display: block; width: 1px; height: 20px; margin:10px auto; background: #fff; }



.about-cc .cont { font-size: 14px; line-height: 22px; }



.cy-table {display: table;width: 100%;height: 100%;}



.cy-cell {display: table-cell;vertical-align: middle;text-align: center;}







.ipc-title { padding: 80px 0 0; text-align: center; }



.ipc-title .en { font-size: 35px; line-height:40px; color: #333;}



.ipc-title .zh {  font-size: 12px;line-height: 2.3;}



.ipc-title.text-left { text-align: left; }



.ipc-title.text-color .zh { color: #666; }



.ipc-title.text-color2 .en, .ipc-title.text-color2 .zh { color: #fff; }







.zuzhi{width: 100%;background: #fafafa;overflow: hidden;}



.zuzhi .zuzhi_con{padding-top:90px;padding-bottom: 90px;}



.zuzhi .zuzhi_con h3{color:#323232;font-size: 38px;text-align: center;}



.zuzhi .zuzhi_con p{color:#666;font-size: 15px;text-align: center;width:800px;margin:0 auto;margin-top:20px;}



.checkd{width:100%;margin:40px auto 0 auto;text-align: center;}



.checkd img{max-width:835px;}







.honor-box{ padding:0 0 100px 0; background-attachment:fixed; background-position:center; background-repeat:no-repeat;}



.honorlist{ position:relative; margin-top:88px;}



.honor .aboutitle{ padding-bottom:90px;}



.project { position:relative; float:left;}



.project img{ display:block; width:100%; height:auto; line-height:1;}



.project p{ display:block; text-align:center; line-height:1.2; color:#333333; font-size:16px; margin-top:30px;}



.section-project { position: relative;}



.project-carousel { position: relative; padding:0 72px;}



.project-strip { margin: 160px 0 120px;}



.project-strip .project { cursor: pointer;}



.project-strip img { max-width: 100%; width: 100%; height: auto;}



.project-detail{ height:100%;}



.project-screen { width: 450px; height: 305px; position: absolute; left: 0; right: 0; top: 0; bottom: 0;margin: auto;box-shadow: 20px 20px 60px rgba(0,0,0,0.6);}



.project-screen .project-detail { position: absolute; left: 0; right: 0; width: 100%; height: 100%;



 z-index: 1; background-color: #333;}



.project-strip .project .prowr{ margin:0 8px;}



.project-strip .slick-arrow,.project-detail .slick-arrow{ width:42px; height:42px; border-radius:50%; padding:0; margin:0; position:absolute; top:48%; margin-top:-21px; cursor:pointer; transition:0.44s; outline:none; text-indent:9999px; overflow:hidden; border:none; z-index:20;}



.project-detail .slick-arrow{ display:none !important;}



.project-strip .slick-arrow.slick-prev,.project-detail .slick-arrow.slick-prev{ left:-20px; background:#fff url(../images/arrow22.png) center no-repeat;}



.project-strip .slick-arrow.slick-next,.project-detail .slick-arrow.slick-next{ right:-20px; background:#fff url(../images/arrow33.png) center no-repeat;}



.project-strip .slick-arrow.slick-prev:hover,.project-detail .slick-arrow.slick-prev:hover{ background:#cc8e02 url(../images/arrow22h.png) center no-repeat;}



.project-strip .slick-arrow.slick-next:hover,.project-detail .slick-arrow.slick-next:hover{ background:#cc8e02 url(../images/arrow33h.png) center no-repeat;}



.join-box{ padding:0px 0 90px;}



.jointop{ margin-top:20px;}



.jointe{ color:#888; font-size:16px; line-height:1.4; text-align:center;}



.joinlist{ margin-top:50px;}



.joinlist li{ margin-bottom:3px;}



.joinfix{ padding:22px 30px 20px; cursor:pointer; background:#f5f5f5; position:relative; }



.joinfix p{ color:#666; font-size:12px; line-height:1.4;}



.joinfix strong{ display:block; line-height:1; color:#333333; font-size:18px; font-weight:bold; }



.joinfix b{ display:block; width:23px; height:23px; position:absolute; right:30px; top:50%; margin-top:-11px; background:#d8d8d8; transition:0.44s;}



.joinfix b:before{ content:""; width:11px; height:1px; background:#fff; position:absolute; left:6px; top:11px;}



.joinfix b:after{ content:""; width:1px; height:11px; background:#fff; position:absolute; top:6px; left:11px;}



.joinfix.on b{ background:#cc8e02;}



.joindown{ padding:30px; display:none; border:1px solid #f5f5f5;}



.joindown p{ color:#666; font-size:14px; line-height:2;}



.joinadd{ margin-top:50px;}



.joinadd p{ color:#666; font-size:16px; line-height:2;}







/*advantage style*/



.advantage-demo{ overflow:hidden; height: 764px; color: #fff;}



.advantage-list a:link, .advantage-list a:visited { color: #fff;}



.advantage-list a:active,.advantage-list a:hover { color: #fff;}  



.advantage-list li{ width:20%; float:left; overflow:hidden; position:relative; transition:width 455ms;}



.advantage-list li figure{ display:block; overflow:hidden; position:relative; text-align:center; background-position: center center;  background-repeat: no-repeat; height: 764px;}



.advantage-item{ width: 340px; height:364px; position: absolute; left: 50%; top: 60%; margin: -182px 0px 0px -170px; text-align: center; -webkit-transition:all .52s cubic-bezier(.4,0,.2,1); transition:all .52s cubic-bezier(.4,0,.2,1);}



.advantage-list .black-20{ background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}



.advantage-item .ico{ width: 60px; display: block; position: relative; margin: 0px auto 15px; }



.advantage-item .ico img{ width: 100%; display: block;}



.advantage-item p{ transition:  0.3s; -webkit-transition: 0.3s;}



.advantage-item .t{ font-size: 18px; line-height: 1.5; }



.advantage-item .bot{ height: 0px; width: 1px; background-color: #fff; display: block;  margin:20px auto 24px; -webkit-transition:all .52s cubic-bezier(.4,0,.2,1); transition:all .52s cubic-bezier(.4,0,.2,1);}



.advantage-item .by{ opacity: 0; visibility: hidden\9; height: 75px; text-align: center; overflow: hidden;color: rgba(255,255,255,0.7); transition:  0.3s; -webkit-transition: 0.3s;font-size: 14px;}



.advantage-item .btnMore{ margin: 60px auto 0; opacity: 0; visibility: hidden\9; transition:  0.3s; -webkit-transition: 0.3s;}



.advantage-item .ilink{ z-index: 10;}



.advantage-page{ margin-left: 10%; width: 706px;}



.advantage-pic li{ float: left; display: block; margin-right: 30px;}



.advantage-pic li:last-child{ margin-right: 0;}



p.ady{ text-indent: 0em; padding-left: 22px; font-size: 15px; position: relative;}



p.ady:before{ content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background-color: #f3bb33;}



.advantage-two-page{ position: relative; padding:240px 0 115px 32%; background-color: #f0f0f0;}



.advantage-two-tabC .img{ position: absolute; left: 0%; top: 0; width: 32%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: right center;}



.advantage-two-tabC .img .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}



.advantage-two-t .zh{ font-size: 24px; color: #263d8f; line-height: 1.5;}



.advantage-two-t .en{ font-size: 16px; color: #999999; font-family: "PF Din Light";}



.advantage-two-t .line{ margin: 15px 0px 25px; width: 28px; height: 1px; background-color: #333; display: block;}



.advantage-two-tabT{ position: absolute; left: 32%; width: 68%; z-index: 10; border-top: 1px solid #2b4191; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 16px;}



.advantage-two-tabT ul{ margin-left: 10%;}



.advantage-two-tabT li{ float: left; display: block; cursor: pointer; padding: 0px 16px; height: 76px; line-height: 76px; color: #333333; position: relative; transition: 0.3s; z-index: 1;}



.advantage-two-tabT li:before {content: ""; position: absolute; left: 0px; top: 0px; z-index: -1; display: block; width: 100%; height: 100%; background-color: #2b4191; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }



.advantage-two-tabT li:hover:before{ background-color: #f3bb33;}



.advantage-two-tabT li:hover:before,.advantage-two-tabT li.active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0;}



.advantage-two-tabT li.active,.advantage-two-tabT li:hover{ color: #fff;}



.advantage-two-tabT li.active .sj{ opacity: 1; visibility: visible\9; top: 94%;}



.advantage-two-tabT li .sj{ position: absolute; left: 50%; top: 90%; margin:-12px 0 0 -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid #fff; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0; visibility: hidden\9;}



.advantage-two-page{ display: none; -webkit-animation-name: tab; animation-name: tab; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1; animation-iteration-count: 1;}



.advantage-two-tabC .advantage-two-page.active{ display: block;}



.well-box { margin-top: 40px;}



.well-box img{width: 100%; display: block;}



.advantage-one-box{ width: 100%; overflow: hidden;}



.advantage-one-demo a:link, .advantage-one-demo a:visited { color: #fff; }



.advantage-one-demo a:active, .advantage-one-demo a:hover { color: #fff;}



.advantage-one-demo{ position: relative; margin-left: 32%;}



.advantage-one-demo .slick-list{ overflow: inherit;}



.advantage-one-demo .item{ position: relative; overflow: hidden;}



.advantage-one-demo .img{ background-color: #fff; position: relative; overflow: hidden;}



.advantage-one-demo .img img{ width: 100%; display: block; opacity: 0.2; filter:alpha(Opacity=20);-webkit-transition:.3s;  transition: .3s;}



.advantage-one-demo .img .yy{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/black_20.png) repeat; opacity: 0; visibility: hidden\9;}



.advantage-one-demo .con{ position: absolute; left: 5%; bottom: 5%; color: #fff; width: 540px; opacity: 0; visibility: hidden; transform:translateX(10%); -webkit-transform:translateX(10%); -moz-transform:translateX(10%);}



.advantage-one-demo .name{ font-size: 24px; font-weight: bold; }



.advantage-one-demo .line{ width: 28px; height: 1px; background-color: #fff; display: block; margin: 18px 0px 30px;}



.advantage-one-demo .c{ font-size: 17px; }



.advantage-one-demo .c p{ text-indent: 2em;}



.advantage-one-demo .slick-active img{ opacity: 1; filter:alpha(Opacity=100);}



.advantage-one-demo .slick-active .yy{ opacity: 1; visibility: visible\9;}



.advantage-one-demo .slick-active .con{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: .78s 0.55s cubic-bezier(.215,.61,.355,1); -webkit-transition: .78s 0.55s cubic-bezier(.215,.61,.355,1);}



.advantage-one{ background-color: #f5f5f5;}



.advantage-one-tabT{ position: relative; margin-left: 32%; border-top: 1px solid #2b4191; background-color: #fff;}



.advantage-one-tabT ul{ margin-left: 10%;}



.advantage-one-tabT li{ float: left; display: block; cursor: pointer; padding: 0px 16px; height: 76px; line-height: 76px; color: #333333; position: relative; transition: 0.3s; z-index: 1; margin-right: 10px; font-weight: bold; font-size: 16px;}



.advantage-one-tabT li:before {content: ""; position: absolute; left: 0px; top: 0px; z-index: -1; display: block; width: 100%; height: 100%; background-color: #2b4191; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }



.advantage-one-tabT li:hover:before{ background-color: #f3bb33;}



.advantage-one-tabT li:hover:before,.advantage-one-tabT li.active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0;}



.advantage-one-tabT li.active,.advantage-one-tabT li:hover{ color: #fff;}



.advantage-one-tabT li.active .sj{ opacity: 1; visibility: visible\9; top: 94%;}



.advantage-one-tabT li .sj{ position: absolute; left: 50%; top: 90%; margin:-12px 0 0 -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid #fff; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0; visibility: hidden\9;}



.advantage-five-list{ padding-bottom: 100px;}



.advantage-five-list li{ background-color: #fff; position: relative; overflow: hidden;}



.advantage-five-list li .img{ width: 50%; display: block; position: relative; overflow: hidden;}



.advantage-five-list li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}



.advantage-five-list .con{ color: #7f7e7e; width: 34%; height: 100%; position: absolute;  top: 0%;}



.advantage-five-list .con .ico{ display: block; width: 75px; height: 75px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; top: 50%; margin-top: -37px;}



.advantage-five-list .con .zh{ font-size: 24px; font-weight: normal; line-height: 1.2; margin: 0px 0px 40px; color: #263d8f; padding-left: 95px; position: relative;}



.advantage-five-list .con .c p{ text-indent: 2em;}



.advantage-five-list .oneItem .con{ left: 58%;}



.advantage-five-list .twoItem .img{ margin-left: 50%;}



.advantage-five-list .twoItem .con{ left: 8%;}



/*advantage style end*/











.btnMore{ width: 140px; height:38px; line-height: 38px; text-align: center; border: 2px solid #999999; display: block; position: relative; z-index: 1;}



.btnMore:before{ content:""; width:100%; height:100%; background-color:#08358b; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.3,0,.8,1); transition:transform .38s cubic-bezier(.3,0,.8,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }



.btnMore .txt{ color: #263d8f; padding:0px 35px 0 0px; background: url(../images/btn_m1.png) no-repeat scroll right center; /*transition: 0.3s; -webkit-transition: 0.3s;*/}



.btnMore:hover{ border-color: #08358b;}



.btnMore:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }



.btnMore:hover .txt{ color: #fff; background-image: url(../images/btn_m2.png); /*background-position: 100% center;*/}







.btnMore2{ border-color: #fff;}



.btnMore2 .txt{ background-image: url(../images/btn_m2.png); color: #fff;font-size: 14px;}



.btnMore2:before{ background-color: #fff;}



.btnMore2:hover { border-color: #fff;}



.btnMore2:hover .txt{ background-image: url(../images/btn_m1.png); color: #08358b;}















































@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=20); position:absolute; left:; top:0;}



.companywr{ width:75%; left:12.5%; /*bottom:94px;*/ bottom:18%; position:absolute;}







.companywr .mores span.defal,.companywr .mores span.end{ background: #cc8e02;}



.companywr .mores a:hover span.end{ background: #cc8e02;}







.companywr h2{ line-height:1; color:#fff; font-size:55px; 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:#cc8e02; font-size:30px; font-family:"MyriadPro_Black";}



.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:"MyriadPro_Black";}



.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:#cc8e02;}







.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:#cc8e02; margin-bottom:20px;}



.responsedown small{ display:block; line-height:1; color:#cc8e02; 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:#cc8e02; 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:#cc8e02;}



.levallist::-webkit-scrollbar,.serscoll::-webkit-scrollbar{ width:5px; height: 5px;}



.levallist::-webkit-scrollbar-thumb,.serscoll::-webkit-scrollbar-thumb { border-radius:5px; background: #cc8e02;}



.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:#cc8e02; font-size:30px; font-family:"MyriadPro_Black"; margin-bottom:30px; line-height:1; margin-top:-24px;}



.new-boxs{ margin-top:50px; margin-bottom:50px;}



.newsli li{ width:25%; float:left; overflow:hidden; margin-bottom: 20px; transition:0.45s;}



.newsli li a{ display: block; margin: 0 10px; background:#fff;}



.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;}



.newsli li figure img{ display:block; max-width: 100%; max-height: 100%; height:auto; line-height:0; transition:1s;}



.newdowns{ padding:26px 6.89%; position:relative;}



.newdowns:before{ content:""; width:27px; height:13px; background:url(../images/arrow4.png) center no-repeat; position:absolute; left:6.89%; top:-13px; transition:0.45s;}



.newdowns span{ line-height:1.23; color:#222;float:left; height:60px; font-size:17px; font-weight:bold; overflow:hidden;margin-bottom: 10px;display: block;width: 100%;}



.newsli li:hover .newdowns span{ color:#fff;}



.newsli li:hover .newtime time{ color:#fff;}







.newtime small{ display:block;padding:1px 6px;float:left; line-height:18px; text-align:center; color:#ffffff; font-family:"MyriadPro_Black"; text-transform:uppercase; background:#bbbbbb; float:left; transition:0.34s; border-radius:1px;}



.newtime time{ display:block; float:left; line-height:20px; color:#888;margin-left: 5px;}



.newsli{ margin-bottom:40px; 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:#cc8e02;} 



.newsli li:hover .newdowns:before{ background:url(../images/arrow5.png) center no-repeat;}



.newsli li:hover .newtime small{ color:#cc8e02; background:#ffffff;}



.pagelist{ text-align:center; margin-top: 20px;}



.pagelist span,.pagelist a{ display:inline-block; text-align:center;color:#666;font-weight:normal; font-size:14px;margin-bottom: 10px;vertical-align:middle;background:#fff;padding: 5px 18px;border-radius: 1px;}



.pagelist span{ background:#cc8e02; color:#fff !important;} 



.pagelist a:hover{ color:#fff; background:#cc8e02;}







.menuflex{ position:absolute; right:40px; top:87px; z-index:8;}



.menuli{ width:210px;}



.menuli li{ width:90px; float:left; margin-right:3px; position:relative; height:76px; margin-bottom:3px;}



.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.8); background:#000\9; filter:alpha(opacity=70); text-align:center;line-height: 1.1; 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:#cc8e02; opacity:1; visibility:visible;}







.iphone-fix{ width:90%; display:none; position:relative;top: -20px;}



.iphone-fix span{ color:#fff; display:block; font-size:16px; height:45px; line-height:45px; cursor:pointer; text-align:center; background:#cc8e02;}



.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:45px; background:#7e5700;}



.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:#553b00; 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:#cc8e02; -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 #fff; background: #fff; padding:28px 152px 29px 40px; position:relative; height:94px; transition:0.4s;border-radius: 1px;}



.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:20px; border-radius: 1px; padding-left:5px;padding-right:5px; width:50px; padding-top:15px; height:45px; background:#a0a0a0; transition:0.4s;}



.prodata b{ display:block; line-height: 1.3; color:#fff; font-size:16px; transition:0.34s;font-weight: normal;text-align: center;}



.prodata span{ display:block; line-height:1.25; color: rgba(255, 255, 255, 0.5);text-align: center; font-size:14px;transition:0.34s;}



.projectli li:hover{ border-color:#cc8e02;}



.projectli li:hover .projectwr h3{ color:#cc8e02;}



.projectli li:hover .projectwr em{ color:#cc8e02;}



.projectli li:hover .prodata{ background:#cc8e02;}



.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:#cc8e02;}



.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:#cc8e02;}



.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: #cc8e02;}



.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:20px;}



.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:#fff; 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:#cc8e02; 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:49.3%; float:left; background:#fff; padding:20px 0 20px; position:relative; cursor:pointer; margin-bottom:20px;}



.notice li:nth-child(2n+2){ float:right;}



.notice li:before{ content:""; width:100%; height:4px; background:#cc8e02; 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:20px; padding-right:150px; position:relative;}



.noticewr h3{ color:#000000; font-size:20px; font-weight:normal; line-height:1.4; margin-bottom:10px; height:56px; overflow:hidden;}



.noticed{ height:40px; overflow:hidden;}



.noticed p{ color:#646464; font-size:13px;line-height:1.7;}



.noticewr i{ display:inline-block; line-height:1; color:#646464; font-size:14px; font-style:normal;}



.noticewr .prodata{ padding-left:0px;padding-right:0px; width:72px; padding-top:2px; height:55px; right:30px; top:4px; background:#00498c; transition: 0.45s;border-radius: 2px;}



.noticewr .prodata b{ font-size:24px; margin-bottom:2px;}



.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: #cc8e02;}







.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:58px;}



.culturebtn .mores{ width:96px; height:30px; 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{ height:30px; line-height:30px; 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{ transform:rotatex(-90deg) translatez(15px); -webkit-transform:rotatex(-90deg) translatez(15px); -moz-transform:rotatex(-90deg) translatez(15px); background:#cc8e02; display:none\9;}



.culturebtn .mores a:hover .three-d-box,.culturebtn .mores a.on .three-d-box{ transform:translateZ(-15px) rotateX(90deg); -webkit-transform:translateZ(-15px) rotateX(90deg); -moz-transform:translateZ(-15px) rotateX(90deg); -ms-transform:translateZ(-15px) rotateX(90deg);}



.culturebtn .mores a:hover span.defal,.culturebtn .mores a.on span.defal{ background:#cc8e02\9; color:#fff\9}



.culturebtn .mores a:hover span.end,.culturebtn .mores a.on span.end{ background:#cc8e02;}







.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:#cc8e02; 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;}



.recruititle span{ display:block; line-height:1; float:left; color:#ffffff; font-size:14px;}



.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 #cc8e02; border-top:1px solid rgba(221,176,99,0.2);}



.recuiteli li .recruititle{ position:relative; cursor:pointer; padding-bottom:0;}



.recuiteli li .recruititle:before{ content:""; width:100%; height:120px; padding:0 16px; position:absolute; left:-16px; top:0; bottom:0; background:#cc8e02; -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{ height:120px; line-height:120px; position:relative;}



.recuiteli li .recruititle span.span3{ font-size:28px; width: 53%;}



.recuiteli li .recruititle span b{ display:block; width:19px; height:19px; position:relative; margin-top:50px;}



.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;}



.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: #cc8e02;}



.buildfix::-webkit-scrollbar-track{border-radius: 5px;}







.buildfix li{ margin-bottom:1px; padding-left:9.65%; position:relative; padding-top:44px; height:65px; background:#cc8e02; 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:#cc8e02;}



.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:"MyriadPro_Black"; background:#cc8e02;}



.buildwr b{ display:block; line-height:1; color:#cc8e02; 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 55px 28px 7%; background: #e8a204;background: rgba(121,89,15,0.5); filter:alpha(opacity=60); cursor:pointer; position:relative; transition:0.4s;}



.partylist li p{ color:#ffffff; font-size:22px;font-weight: bold; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px; position:relative;}



.partylist li time{ display:block; width:80px; height:23px; text-align:center; line-height:24px;font-weight: normal; color:rgba(255,255,255,0.5); font-size:12px; border-radius:2px; background:rgba(62,43,2,0.4); 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=50); background:rgba(178,125,2,0.7);}



.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:80px; margin-top:20px; position:relative; width:230px; border-radius:2px;}



.yearsele:hover{ background:#000; filter:alpha(opacity=30); background:rgba(0,0,0,0.3); transition:0.45s;}



.yearmo{ padding:18px 22px 18px 32px; cursor:pointer; position:relative;}



.yearmo b{ display:block; line-height:1; float:left; color:#fff; font-size:40px;}



.yearmo span{ display:block; float:left; line-height:1; color:#fff; font-size:40px; 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:15px; 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:#cc8e02; 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:#cc8e02;}







.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: 24px; border: none; color: #969696; font-size: 14px; font-family: "微软雅黑";}



.serbtn{ width: 44px; height: 51px; line-height: 51px; color: #cc8e02; font-size: 14px; font-family: arial; position: absolute; right: 0; top: 0; border-radius: 0 24px 24px 0; background:none; border:none; cursor: pointer; transition:.34s; -moz-transition:.34s; -webkit-transition:.34s; -ms-transition:.34s;} 



.serbtn:hover{ color: #cc8e02;}



.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:10px; 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: #cc8e02; -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: #cc8e02; 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: 24px;}



.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: 5px; z-index: 99;}
.vote .votewr img{box-shadow: 0 0 120px rgb(0 0 0 / 55%);}
.voteclose{ display: block; width: 14px; height: 14px;padding: 3px;background: #cc8e02; position: absolute;left:0px; top:0px; 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: 8px 12px; border-bottom: 1px solid #fff;}
.votetop span{ display: block; color: #ffffff; font-size: 12px; text-align: center;}
.votedown{ padding-left: 5px; padding-top: 8px; padding-bottom: 0px;}
.votedown img{ display: block; width: 79px;}







.ab-more { display: block; width: 130px; height: 36px; background: #cc8e02;float: right; border: 1px solid #cc8e02; line-height: 36px; text-align: center;font-size: 14px; color: #fff!important; overflow: hidden; margin: 0 auto;border-radius:1px;}



.ab-more:hover{ display: block; width: 130px; height: 36px; background: #00498c;float: right; border: 1px solid #00498c; line-height: 36px; text-align: center; color: #fff; overflow: hidden; margin: 0 auto; }







.newsview{ background: #eeeeee; padding:60px 0 10px;}



.view__wapper{width: 850px;margin: auto;}



.view__title{margin-bottom:50px;}



.view__title h2{ text-align: center; color: #010101; font-size: 28px; line-height: 1.3; margin-bottom: 15px;}



.view__title p{ text-align: center; line-height: 1; color: #888; font-size: 14px;}



.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{ text-align: justify; color: #333; font-size: 16px; line-height: 2;width:100%; margin: auto;}



.view__text img{ max-width: 100%; width: auto; height: auto; clear: both;  text-align: center; margin-bottom: 10px;}



.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: #cc8e02;}



.pageprev .backlist{ float: right; color: #a4a4a4; font-size: 14px;}



.pageprev .backlist:hover{ color: #cc8e02;}



Ahover







.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: #cc8e02; 



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: 33.33333%; 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: #cc8e02;}



.culture__wr:hover .culture__in p{ opacity: 1; visibility: visible;}



.culture__wr:hover .culture__in{ margin-top: -67px;}











.map-box{ background:#fff;}



.map{ width:50%; float:left; height:420px;background:#333;}



.anchorBL{ display:none;}



.BMap_bubble_title{ color:#cc8e02; font-size:14px; font-weight:bold;}



.BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}







@keyframes scales {



    0% { opacity: 0.2; transform: scale(0.6);}



    33% { opacity: 0.5; transform:scale(0.8);}



    66% { opacity: 1; transform:scale(1);}



    100% { opacity: 0.6; transform:scale(0.6); }



}



.addre{ width:50%; float:left;}



.addrewr{ width:496px; margin-left:102px; margin-top:82px;}



.add-info{ margin-bottom:22px;}



.add-info:last-child{ margin-bottom:0;}



.addicon{ width:62px; height:62px; border-radius:50%; border:1px solid #ded9ce; float:left; position:relative;}



.addicon:before{ content:""; width:104%; height:104%; position:absolute; left:-2%; top:-2%; border-radius:50%; background:#ded9ce; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.34s;}



.addicon img{ display:block; max-width:100%; height:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}



.add-info:hover .addicon:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}



.addright{ width:400px; float:right;}



.addright span{ display:block; color:#333333; font-size:16px; margin-bottom:6px;}



.addright span:last-child{ margin-bottom:0;}







.message-box2{ padding:80px 0 80px; background-size:cover !important;}



.message{ width:850px; margin:auto;}



.message .commont h3,.message .commont small{ color:#fff;}



.message-list{ margin-top:68px;}



.message-info{ width:31%; margin-right:3.5%; margin-bottom:24px; float:left;}



.message-info1{ width:100%;}



.message-info:nth-child(3n+3){ margin-right:0;}



.message-info span{ display:block; line-height:1; color:#fff; font-size:14px; margin-bottom:10px; padding-left:3px; float:left;}



.messt{ padding-left:6px; width:255px; border:1px solid  rgba(255,255,255,0.3); outline:none; padding-top:0; padding-bottom:0; color:#fff; line-height:38px; height:38px; background:none; display:inline-block; float:left; transition:320ms;}



.messt:focus{ border-color:#cc8e02;}



.message-info textarea{ width:844px; height:106px; border:1px solid rgba(255,255,255,0.3); outline:none; background:none; padding:0; line-height:1.4; color:#fff; font-family:"Source Han Sans CN" , "Microsoft YaHei", "PingFang SC" ,"Helvetica Neue", Helvetica,  Arial,  "Hiragino Sans GB", "Heiti SC", sans-serif; transition:300ms; padding-left:6px}



.message-info textarea:focus{ border-color:#cc8e02;}



.tyan{ display:inline-block; margin-left:14px; width:105px; height:39px; float:left;}



.tearmfix{ padding:78px 0 40px;}



.tearmfix .tearmlist li{ margin-bottom:24px;}



.tearmfix .tearmlist li span{ background:#fafcfe;}



.tearmfix .tearmlist li:hover span{ background:#be8f65;}



.newinner{ width:1000px; margin:auto;}







.message-sub{  float:left; width:100%;}



.message-sub input{ width:100%; height:40px; line-height:40px; color:#ffffff; font-size:14px; text-align:center; background:#cc8e02; border:none; outline:none; transition:334ms; cursor:pointer; font-family:"Source Han Sans CN" , "Microsoft YaHei", "PingFang SC" ,"Helvetica Neue", Helvetica,  Arial,  "Hiragino Sans GB", "Heiti SC", sans-serif;}



.message-sub input:hover{ opacity:0.8;}



.messagep{ margin-top:22px; width:100%; float:left;}



.messagep p{ color:#fff; font-size:14px;}







.commont h3{ line-height:1; color:#666666; font-size:35px; text-align:center; margin-bottom:12px;}



.commont small{ display:block; text-align:center; line-height:1; color:#999999; font-size:12px; font-family:"Arial";}