@charset "utf-8";
/* 
 * Project Name:四川省第四建筑有限公司
 * Author:默默
 * Date:2019-5-23
 */
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/iconfont.woff2') format('woff2'),
      url('fonts/iconfont.woff') format('woff'),
      url('fonts/iconfont.ttf') format('truetype'),
      url('fonts/iconfont.svg#iconfont') format('svg');
}
@font-face {
  font-family: "HVD Fonts - BrandonText-Light";
  src: url("fonts/HVD Fonts - BrandonText-Light.woff2") format("woff2"),
       url("fonts/HVD Fonts - BrandonText-Light.woff") format("woff"),
       url("fonts/HVD Fonts - BrandonText-Light.ttf") format("truetype"),
       url("fonts/HVD Fonts - BrandonText-Light.eot") format("embedded-opentype"),
       url("fonts/HVD Fonts - BrandonText-Light.svg") format("svg");
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, 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%; overflow-x: hidden;}
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #000000; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank); overflow-y:visible\9;}

body::-webkit-scrollbar {
	width: 6px;
	background-color: #fff
}

body::-webkit-scrollbar-track {
	border-radius: 6px;
	background-color: #fff
}

body::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: #008a45;
}

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; }
table{ margin: auto !important;}
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -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:1200px; margin: 0px auto;}

.header{ position: relative; width: 100%; padding-bottom: 55px; background: url(../images/headerbg.png) center top no-repeat;}
.header__top{ position: relative; z-index: 5;}
.logo{ display: block; float: left; width: auto; height: 98px;}
.header__eq{ float: right; margin-top: 4px;}
.serline{ float: left; margin-right: 9px; margin-top: 11px; text-align: right;}
.serline p{ text-align: right; color: #333333; font-size: 14px;}
.eq{ float: right;}
.eq img{ display: block; width: 64px;}
.navflex{ position: relative;}
.header__nav{ background: #008a45; z-index: 99; position: absolute; width: 100%; left: 0; top: 0;}
.header__nav.flex{ position: fixed;}
.nav__list{float: left;width: calc(100% - 200px);display: flex;}
.nav__list >li{float: left;/* margin-left: 8px; */position: relative;flex: 1;}
.nav__list >li:first-child{ margin-left: 0;}
.nav__list >li >a{display: block;color: #ffffff;font-size: 16px;line-height: 55px;/* width: 108px; */text-align: center;position: relative;z-index: 3;perspective:400px;-webkit-perspective: 400px;-moz-perspective: 400px;-o-perspective: 400px;}
.nav__list >li >a:before{ content: ""; width: 100%; height: 100%; background: #036936; position: absolute; right: 0; top: 0; z-index: -1; opacity: 0; visibility: hidden; transform-origin: top center 0; transition: 0.5s; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg);}
.nav__list >li:hover >a:before,.nav__list >li.active >a:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.nav__list >li:hover .navs__menu{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transition: 0.56s;}
.navs__menu{ width: 100%; background: #ffffff; position: absolute; left: 0; top: 100%; padding: 13px 0; opacity: 0; visibility: hidden; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); transition: 0.38s;}
.navs__menu li{ position: relative; z-index: 3; perspective: 200px; -webkit-perspective: 200px; -moz-perspective: 200px;}
.navs__menu li:before{ content: ""; width: 100%; height: 100%; background: #008a45; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; visibility: hidden; transform-origin: top center 0; transition: 0.4s; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg);}
.navs__menu li a{display: block;color: #333333;font-size: 13px;line-height: 1.4;position: relative;text-align: center;padding: 7px 1px;}
.navs__menu li:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.navs__menu li:hover a{ color: #fff;}
.logodit{ float: right; margin-top: 24px;}
.logodit img{ display: block; height: 53px;}
.banner__switch .slick-list{ position: relative; z-index: 2;}
.banner__switch .slick-dots{ position: absolute; left: 50%; margin-left: -600px; bottom: 34px; z-index: 20; height: 6px; line-height: 1;}
.banner__switch .slick-dots li{ float: left; margin-right: 12px; line-height: 0;}
.banner__switch .slick-dots li:last-child{ margin-right: 0;}
.banner__switch .slick-dots li button{ display: block; padding: 0 ;border: none; width: 8px; height: 6px; text-indent: 99999px; overflow: hidden; cursor: pointer; transition: 0.35s; background: #fff; outline: none;}
.banner__switch .slick-dots li.slick-active button{ width: 25px;}

.search{ float: right; margin-top: 12px; position: relative;}
.search .search__text{box-sizing: content-box;padding: 0;padding-left: 20px;width: 157px;height: 32px;color: #a4beae;font-size: 14px;border-radius: 15px;border: none;background: #fff;float: left;background: #036936;}
.search .search__sub{ float: left; width: 20px; height: 32x; padding: 0; margin: 0; border:none; cursor: pointer; text-align: center; line-height: 41px; color: #fff; font-size: 16px; position: absolute; right: 16px; top: 0; line-height: 32px; background: none;}
.search .search__text::-webkit-input-placeholder{ color: #a4beae;}
.search .search__text::-moz-placeholder{ color: #a4beae;}
.search .search__text:-ms-input-placeholder{color: #a4beae;}
.banner{ position: relative;}
.banner__switch{ position: relative; z-index: 5;}
.banner__item{ position: relative; float: left;}
.banner__item:before{ content: ""; width: 100%; height: 202px; background: url(../images/shabox.png) left top repeat-x; position: absolute; left: 0; bottom: 0; z-index: 2;}
.banner__item figure{ display: block; line-height: 1; overflow: hidden;}
.banner__item figure img{ display: block; width: 100%; position: relative; line-height: 1;}
.banner__text{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 42%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.banner__text img{ display: block; margin: auto; max-width: 100%; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); opacity: 0; visibility: hidden;}
.banner__text small{ display: inline-block; text-align: center; line-height: 1; color: #008a45; font-size: 16px; letter-spacing: 26px; padding-top: 16px; padding-left: 48px; padding-right: 48px; border-top: 1px solid #008a45; margin-top: 20px; opacity: 0; visibility: hidden; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px);}
.banner__item.slick-current .banner__text img{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transition: 0.58s 0.1s;}
.banner__item.slick-current .banner__text small{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transition: 0.5s 0.38s;}

.slick-list { overflow: hidden; width: 100%; height: 100%; }
.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;}
.trailer{ position: absolute; left: 50%; text-align: center; z-index: 10; bottom: 36px; cursor: pointer; margin-left: -33px;}
.trailer span{ display:block; width:54px; height:54px; position:relative; margin: auto;}
.trailer span img{ display:block; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.trailer span:after,.trailer span:before { width:100%; height:100%; content:''; display:block;
-webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:0; border-style:solid; border-color:#fff; border-radius:50%; border-width:2px;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform;}
.trailer span:after { opacity:0; -webkit-transform:scale(.8); transform:scale(.8);}
.trailer:hover span:after,.trailer:hover span:before { -webkit-transition-duration:1.2s;transition-duration:1.2s}
.trailer:hover span:before {opacity:0; -webkit-transform:scale(1.4);transform:scale(1.4);}
.trailer:hover span:after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.trailer b{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 14px; margin-top: 15px; font-weight: normal; font-family: arial;}
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left: 0; top: 0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 484px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -242px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100% !important; }
.vwrap .closes { z-index: 999; width: 20px; height: 21px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .closes i { display: block; width: 20px; height: 21px; background: url(../images/close1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .closes:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat !important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none !important;}
.banner__news{ position: absolute; right: 0; bottom: 0; z-index: 20; background: #008a45; filter:alpha(opacity=73); background: rgba(0,138,69,0.73); padding-left: 70px; padding-right: 67px; width: 506px; height: 59px;}
.bann__icon{ display: block; color: #fff; font-weight: normal; font-size: 20px; position: absolute; left: 29px; top: 50%; line-height: 1; margin-top: -10px;}
.news__tab{ margin-top: 14px;}
.news__item{ float: left; width: 100%;}
.news__item i{ font-style: normal; display: block; float: left; color: #fff; font-size: 14px; line-height: 31px; position: relative; font-weight: normal; padding-right: 22px; background: url(../images/arrow2.png) 22px center no-repeat;}
.news__item span{ display: block; float: left; color: #fff; font-size: 15px; line-height: 31px; width: 88%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.4s;}
.news__item a:hover span{ color: #7ac29e;}
.news__tab .slick-arrow{ display: block; margin: 0; padding: 0; outline: none; width: 6px; height: 7px; position: absolute; top: 50%; margin-top: -3px; text-indent: 99999px; overflow: hidden; right: 47px; cursor: pointer; background: none; border: none;}
.news__tab .slick-arrow:before{ content:""; width:0; height:0; border-top:3px solid transparent;  border-bottom: 4px solid transparent; border-left: 6px solid #fff; position:absolute; right: 0; top:0; transition: 0.36s;}
.news__tab .slick-arrow.slick-prev{ right: 59px;}
.news__tab .slick-arrow.slick-prev:before{ border-left: 6px solid transparent; border-right: 6px solid #fff;}
.news__tab .slick-arrow:hover:before{ border-left: 6px solid #7ac29e}
.news__tab .slick-arrow.slick-prev:hover:before{border-right: 6px solid #7ac29e}

.main-box{ padding: 58px 0;}
.common__title{ margin-bottom: 18px;}
.common__title .title{ display: block; float: left; color: #008a45; font-size: 16px; line-height: 1; font-weight: bold; position: relative; padding-left: 17px;}
.common__title .title:before{ content: ""; width: 6px; height: 6px; border-radius: 50%; border: 3px solid #008a45; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.common__title a{ display: block; float: right; margin-top: 2px; position: relative; transition: 0.45s; color: #999999; font-size: 14px; line-height: 1;}
.common__title a:hover{ color: #008a45;}


.news__banner{ width: 46.6666%; float: left; background: #ededed; position: relative;}
.news__items{ width: 100%; float: left; position: relative;}
.news__items figure{ display: block; width: 100%; float: left; line-height: 1; overflow: hidden;}
.news__items figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.68s;}
.news__info{ width: 38%; float: right;}
.partyf{ width: 100%; overflow: hidden; height: 49px; position: absolute; left: 0; bottom: 0; z-index: 5; background: #000; filter:alpha(opacity=70); background: rgba(0,0,0,0.7);}
.partyf span{ display: block; color: #fff; font-size: 15px; line-height: 49px; padding-left: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news__wapper{ padding: 30px 21px 0;}
.news__data{ margin-bottom: 25px; padding-left: 12px; width: 64px; padding-top: 16px; padding-bottom: 16px; background: #008a45;}
.news__data b{ display: block; line-height: 1; color: #fff; font-size: 18px; margin-bottom: 8px; font-family: "HVD Fonts - BrandonText-Light";}
.news__data time{ display: block; line-height: 1; color: #fff; font-size: 12px; font-family: "HVD Fonts - BrandonText-Light"; font-weight: bold;}
.news__text strong{ display: block; color: #333333;  font-size: 18px; line-height: 1.5; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #999999; margin-bottom: 10px;}
.news__text p{ color: #666666; font-size: 14px; overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;height: 75px;-webkit-box-orient: vertical; margin-bottom: 40px;}
.news__text b{ display: inline-block; color: #666666; font-size: 12px; line-height: 1; font-weight: normal; transition: 0.4s;}
.news__items a:hover figure img{ transform: scale(1.05);} 
.news__items a:hover .news__text b{ color: #008a45;}
.news__banner .slick-dots{  position: absolute; right: 21px; bottom: 20px; z-index: 10; line-height: 0; text-align: center;}
.news__banner .slick-dots li{ display: inline-block; margin-left: 8px; line-height: 0;}
.news__banner .slick-dots li:first-child{ margin-left: 0;}
.news__banner .slick-dots li button{ padding: 0; margin: 0; border: none; outline: none; background: none; cursor: pointer; width: 4px; height: 4px; border: 2px solid #fff; border-radius: 50%; box-sizing: content-box; text-indent: 999999px; overflow: hidden; transition: 0.4s;}
.news__banner .slick-dots li.slick-active button{ background: #fff;}
.news__list{ width: 49.58%; float: right; border-top: 3px solid #008a45;}
.tabinfo { float: left;}
.news__btn{ float: left;}
.news__btn span{ display: block; float: left; width: 108px; height: 37px; border: 1px solid #e1e1e1; text-align: center; line-height: 37px; margin-bottom: -1px; border-radius: 4px; color: #666666; font-size: 14px; margin-right: 4px; transition: 0.35s; cursor: pointer;}
.news__btn span:hover,.news__btn span.active{ color: #fff; border-color: #008a45; background: #008a45;}
.newslist li{ border-bottom: 1px dashed #d9d9d9; padding-left: 10px;}
.newslist li time{ display: block; color: #999999; font-size: 14px; line-height: 35px; margin-right: 13px; transition: 0.35s; float: right;}
.newslist li span{ display: block; float: left; color: #535353; font-size: 15px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 76%; transition: 0.36s;}
.newslist li a:hover time{ color: #008a45;}
.newslist li a:hover span{ color: #008a45;}
.main__down{ margin-top: 38px;}
.party{ width: 64.666%; background: #fff; float: left;}
.party .news__btn{ padding-left: 0;}
.party__wapper{ padding: 26px 16px 28px 18px;}
.party__info{ width: 100%; float: left; display: none;}
.party__info:first-child{ display: block;}
.party__list li{ border-bottom: 1px dashed #d9d9d9;}
.party__list li a{ display: block; color: #535353; font-size: 15px; padding-left: 22px; line-height: 36px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.party__list li a:before{ content:""; width:0; height:0; border-top:3px solid transparent;  border-bottom: 4px solid transparent; border-left: 6px solid #cccccc; position:absolute; left: 4px; top:50%; margin-top: -3px; transition: 0.36s;}
.party__list li a:hover{ color: #008a45;}
.engineering{ width: 57.25%; float: right;}
.engineerwa{ padding-top: 22px; border-top: 3px solid #008a45;}
.engineerli{ display: flex; display: -webkit-flex;}
.engineerli li{ width: 25%; float: left; position: relative; transition: 0.5s;} 
.engineerli li a{ display: block; margin-right: 1px; overflow: hidden;}
.engineerli li a figure{ display: block; height: 161px; position: relative; overflow: hidden;}
.engineerli li a figure img{ display: block; height: 100%; width: auto;}
.engineerli li a figure b{ display: block; width: 100%; position: absolute; left: 0; bottom: 0; line-height: 40px; text-align: right; background: #008a45; filter:alpha(opacity=80); background: rgba(0,138,69,0.8); box-sizing: border-box; padding-right: 27px; color: #fff; font-size: 12px; font-weight: normal; transition: 0.45s; opacity: 0; visibility: hidden;}  
.engineerli li a span{ display: block; color: #535353; font-size: 15px; margin-top: 6px; line-height: 1.6; transition: 0.4s;}
.engineerli li.show { width: 38%; }
.engineerli li.hiden { width: 20.66666%; }
.engineerli li a:hover figure b{ opacity: 1; visibility: visible;}
.engineerli li a:hover span{ padding-left: 36px; padding-right: 13px;}

.footer{ background: url(../images/footerbg.jpg) center no-repeat; padding: 33px 0; background-size: cover;}
.footer__left{ float: left; margin-top: 7px;}
.allow{ margin-bottom: 11px;}
.allow span{ display: block; float: left; color: #fff; font-size: 12px; line-height: 36px; margin-left: 5px; margin-right: 6px;}
.allow a{ display: block; width: 36px; height: 36px; border-radius: 50%; text-align: center; line-height: 36px; float: left; margin-right: 8px; color: #fff; font-size: 18px;}
.allow a.weix{ background: #23a739;}
.allow a.sina{ background: #d17428;}
.allow a.qq{ background: #577fda;}
.allow a:hover{ background: #04743c;}
.copy p{ float: left; color: #fff; font-size: 12px; line-height: 2;}
.copy span{ display: block; float: left; padding-left: 32px; color: #fff; font-size: 12px; line-height: 2; background: url(../images/copy.png) 10px center no-repeat;}
.copyright a.net{ display: inline-block; color: #fff; line-height: 2; font-size: 12px;}
.copyright a.net:hover{ opacity: 0.8;}
.footernav{ float: left; margin-top: 13px;}
.footernav li{ float: left; padding: 0 10px 0 12px; border-left: 2px solid #64b18a; line-height: 1;}
.footernav li:first-child{ padding-left: 0; border-left: none;}
.footernav li a{ display: block; line-height: 1; color: #fff; font-size: 14px; font-weight: bold;}
.footernav li a:hover{ color: #64b18a;}
.edite{ margin-top: 20px;}
.edite p,.edite a{ display: block; float: left; color: #fff; font-size: 14px; margin-right: 22px;}
.edite a:hover{ color: #64b18a;}
.eqs{ float: right; width: 92px;}
.eqs img{ display: block; width: 100%; height: auto; line-height: 1;}

.footer__fight{ float: right;}
.relative{ position: relative; margin-bottom: 15px;}
.relative span{ display: block; padding-left: 22px; width: 212px; height: 43px; line-height: 43px; color: #ffffff; font-size: 14px; background: #07703c; position: relative; cursor: pointer;}
.relative span.active:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.relative span:before{ content:""; width:0; height:0; border-left:5px solid transparent;  border-right: 5px solid transparent; border-top: 9px solid #fff; position:absolute; right: 22px; top:50%; margin-top: -5px; transition: 0.36s;}
.retivedown{ width: 100%; position: absolute; left: 0; bottom: 43px; background: #07703c; border-bottom: 1px solid #04743c; display: none;}
.retivedown li{ border-top: 1px solid #04743c;}
.retivedown li a{ display: inline-block; color: #fff; font-size: 14px; margin-left: 22px; line-height: 40px;}
.retivedown li a:hover{ color: #23a739;}
.enter a{ float: left; margin-left: 37px; color: #fff; font-size: 12px; line-height: 22px;}
.enter a i{ display: inline-block; color: #fff; font-style: normal; line-height: 1; font-size: 20px; margin-right: 10px; vertical-align: middle;}
.enter a:last-child i{ font-size: 22px;}
.enter a:hover{ text-decoration: underline;}
.menubtn{transition: 0.4s; display: none; position:relative; z-index: 20; float: right;}
.menubtn span{ display:block; width:30px; height:3px; background:#999999; margin:auto; margin-top:23px; 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: #999999; -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);}
.navigate{ width: 100%; height: 100%; box-sizing: border-box; position: fixed; left: 0; top: 0; background: #fff; padding-top: 80px; display: none; overflow-y: auto;}
.navigatefix >li{ border-bottom: 1px solid #eeeeee; position: relative;}
.navigatefix >li >a{ position: relative; display: block; padding-left: 5%; color: #333333; font-size: 18px; line-height: 45px;}
.navigatefix >li.on >a{ background: #178e5e; color: #fff;}
.navigatefix >li.on .arrows{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.navigatefix >li.on .arrows:before,.navigatefix >li.on .arrows:after{ background: #fff;}
.navigatefix >li .arrows{ display: block; width: 15px; height: 15px; position: absolute; right: 30px; top: 50%; margin-top: -7px; transition: 0.4s;}
.navigatefix >li .arrows:before{ content: ""; width: 100%; height: 1px; background: #a5a5a5; position: absolute; left: 0; top: 7px; transition: 0.4s;}
.navigatefix >li .arrows:after{ content: ""; height: 100%; width: 1px; background: #a5a5a5; position: absolute; left: 7px; top: 0; transition: 0.4s;}
.navigate__down{ padding: 14px 5% 22px; background: #fff; display: none;}
.navigate__down li{ margin-bottom: 12px;}
.navigate__down li:last-child{ margin-bottom: 0;}
.navigate__down li a{ display: inline-block; color: #018040; font-size: 16px;}

.pbanner{ position: relative; overflow: hidden; height: 220px;}
.pbanner figure{ display: block; line-height: 1; overflow: hidden;}
.pbanner figure img{ display: block; position: absolute; left: 50%; top: 0; width: 1920px; margin-left: -960px;}
.ptext{ position: absolute; left: 50%; margin-left: -600px; top: 50%; text-align: center; margin-top: -24px;}
.ptext img{ display: block; max-width: 100%; height: auto; margin: auto;}
.container{ background: #f4f4f4; padding-bottom: 90px;}
.content{ position: relative; display: flex; display: -webkit-flex; display: -moz-box-flex;}
.leval__menu{ position: relative; width: 253px; float: left;}
.levallist{ background: #fff;}
.leval__menu .menu__title{ padding-left: 26px; width: 227px; background: #008a45; padding-top: 22px; padding-bottom: 36px; line-height: 1; color: #fff; font-size: 26px; position: absolute; left: 0; top: -108px; font-weight: normal;}
.leval__menu .menu__title small{ display: block; color: #f0f0f0; font-size: 14px; line-height: 1; margin-top: 10px; text-transform: uppercase;}
.leval__menu .menu__title:before{ content: ""; width: 34px; height: 1px; background: #fff; position: absolute; left: 29px; bottom: 21px;}
.levallist{ margin-top: 4px;}
.levallist li{ position: relative; border-bottom: 1px solid #eaeaea;}
.levallist li:before{ content: ""; width: 16px; height: 10px; background: url(../images/arrow3.png) center no-repeat; position: absolute; right: 40px; top: 50%; margin-top: -5px; opacity: 0; visibility: hidden; z-index: 6; transition: 0.45s 0.15s;}
.levallist li:last-child{ border-bottom: none;}
.levallist li a{ display: block; color: #333333; font-size: 14px; line-height: 60px; padding-left: 40px; position: relative; z-index: 3; perspective: 300px; -webkit-perspective: 300px;}
.levallist li a:before{ content: ""; width: 100%; height: 100%; background: #008a45; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; visibility: hidden; transform-origin: top center 0; transition: 0.54s; transform: rotateX(-60deg); -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg);}
.levallist li a:after{ content: ""; width: 3px; height: 3px; background: #d1d1d1; position: absolute; left: 27px; top: 50%; margin-top: -1px; transition: 0.3s;}
.levallist li:hover a,.levallist li.active a{ color: #fff;}
.levallist li:hover:before,.levallist li.active:before{ opacity: 1; visibility: visible; right: 36px;}
.levallist li:hover a:after,.levallist li.active a:after{ width: 7px; height: 7px; background: #fff; left: 27px; margin-top: -3px;}
.levallist li:hover a:before,.levallist li.active a:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.containers{ width: 830px; padding: 0 44px; float: right; background: #fff; margin-left: 26px;}
.posites{ padding: 40px 0 16px; border-bottom: 1px solid #e6e6e6;}
.posites .posite__title{ display: block; float: left; line-height: 1; color: #333333; font-size: 24px; font-weight: normal;}
.positewapper{ float: right;}
.positewapper a{ display: block; float: left; color: #333333; font-size: 12px; line-height: 24px;}
.positewapper a.home{ padding-left: 17px; position: relative;}
.positewapper a.home:before{ content: ""; width: 11px; height: 11px; background: #008a45; position: absolute; top: 50%; margin-top: -5px; left: 0;} 
.positewapper a.home:after{ content:""; width:0; height:0; border-left:3px solid transparent;  border-right: 3px solid transparent; border-top: 5px solid #fff; position:absolute; left: 3px; top:50%; margin-top: -1px; transition: 0.36s;}
.positewapper a:hover{ color: #008a45;}
.abouts{ padding: 35px 0 40px;}
.abouts p{ color: #575757; font-size: 15px; text-align: justify; line-height: 1.8;}
.abouts img{ max-width: 100%; height: auto !important; width: auto !important;}
.honor{ padding:70px 0 96px;}
.honorlist{ width: 842px; margin-left: -6px; padding-bottom: 50px;}
.honorlist li{ width: 20%; float: left; margin-bottom: 30px;}
.honorlist li figure{ display: block; margin: 0 6px;}
.honorimg{ display: block; border: 1px solid #e0e0e0; position: relative; overflow: hidden;}
.honorimg b{ display: block; width: 100%; height: 100%; text-align: center; line-height: 204px; color: #fff; font-size: 24px; background: rgba(0,138,69,0.7); position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: 0.6s;}
.honorimg img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.honorlist li span{ display: block; text-align: center; line-height: 1; margin-top: 12px; color: #666666; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.honorlist li a:hover .honorimg img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.honorlist li a:hover .honorimg b{ opacity: 1; visibility: visible;}
.page{ text-align: center;}
.page a{ display: inline-block; vertical-align: middle; height: 36px; line-height: 36px; color: #666666; padding: 0 13px; border: 1px solid #e0e0e0; font-size: 14px; margin-left: 5px;}
.page a:first-child{ margin-left: 0;} 
.page a:hover,.page a.active{ background: #008a45; color: #fff;}
.framework{ position: relative; padding: 36px 0 78px; text-align: center;}
.framework img{ max-width: 100%; height: auto;}

.course{ padding: 42px 0 124px;}
.course__list li{ width: 50%; float: left;}
.course__wapper{ border: 1px solid #e0e0e0; margin-left: -1px; margin-top: -1px; padding: 28px 9.2% 23px;}
.course__wapper figure{ display: block; line-height: 1; overflow: hidden;}
.course__wapper figure img{ display: block; width: 100%; height: auto; transition: 0.65s;}
.course__content{ margin-top: 22px;}
.course__content strong{ display: block; color: #008a45; font-size: 24px; font-family: "HVD Fonts - BrandonText-Light"; font-weight: bold; line-height: 1; margin-bottom: 12px;}
.course__content p{ color: #666666; font-size: 15px; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 17px;}
.course__content span{ display: inline-block; padding-left: 4px; height: 23px; line-height: 23px; padding-right: 12px; color: #999999; font-size: 12px; background: #e7e6e6;}
.course__content span i{ display: inline-block; color: #c2c1c1; line-height: 1; font-size: 12px;}
.course__wapper:hover figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.culture{ padding: 42px 0 70px;}
.cultureli{ padding-bottom: 40px;}
.cultureli li{ position: relative; padding: 20px 70px 20px 20px; background: #f2f2f2;}
.cultureli li:nth-child(2n+2){ background: #fff;}
.cultureli li span{ display: block; color: #666666; font-size: 14px; line-height: 1.5; margin-bottom: 8px; transition: 0.38s;}
.cultureli li time{ display: block; color: #999999; font-size: 12px; line-height: 1.4; font-family: arial, helvetica, sans-serif;}
.cultureli li time i{ display: inline-block; margin-right: 5px; color: #cfcfcf; font-style: normal; line-height: 1; position: relative; top: 1px;}
.cultureli li b{ display: block; width: 15px; height: 15px; position: absolute; right: 50px; top: 50%; margin-top: -7px; opacity: 0; visibility: hidden; transition: 0.4s;}
.cultureli li b:before{ content: ""; width: 100%; height: 1px; background: #008a45; position: absolute; left: 0; top: 7px;}
.cultureli li b:after{ content: ""; height: 100%; width: 1px; background: #008a45; position: absolute; top: 0; left: 7px;}
.cultureli li a:hover span{ color: #008a45;}
.cultureli li a:hover b{ opacity: 1; visibility: visible; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
/* .pbanner.article-block figure img{ transform: scale(1.1) translateX(4%); -webkit-transform: scale(1.1) translateX(4%); -moz-transform: scale(1.1) translateX(4%); transition:6s linear;}
.pbanner.articleShow figure img{ transform: scale(1.1) translateX(-1%); -webkit-transform: scale(1.1) translateX(-1%); -moz-transform: scale(1.1) translateX(-1%);}
.pbanner.article-block .ptext img{ opacity: 0; visibility: hidden; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); transition: 0.8s;}
.pbanner.articleShow .ptext img{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);}
 */
.newsinner{ padding: 25px 0 110px;}
.newsfix{ margin-bottom: 76px;}
.newsfix li{ border-bottom: 1px dotted #dddddd;}
.newsfix li span{ display: block; color: #666666; font-size: 14px; float: left; padding-left: 28px; position: relative; line-height: 44px; transition: 0.4s; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsfix li span:before{ content: ""; width: 5px; height: 5px; background: #999999; position: absolute; left: 8px; top: 50%; margin-top: -3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transition: 0.4s;}
.newsfix li time{ display: block; float: right; color: #999999; font-size: 14px; font-family: arial, helvetica, sans-serif; line-height: 44px; transition: 0.4s;}
.newsfix li a:hover span{ color: #008a45;}
.newsfix li a:hover span:before{ background: #008a45;}
.newsfix li a:hover time{ color: #008a45;}
.engineers{ padding: 30px 0 100px;}
.project{ width: 854px; margin-left: -12px; padding-bottom: 22px;}
.project li{ width: 33.33333%; float: left; margin-bottom: 35px;}
.project li a{ display: block; margin: 0 12px; position: relative;}
.project li figure{ display: block; overflow: hidden; line-height: 1;}
.project li figure img{ display: block; width: 100%; height: auto; transition: 0.68s;}
.project li span{ display: block; padding-left: 14px; line-height: 46px; color: #ffffff; font-size: 14px; background: #7a7a7a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.engineertext{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #008a45; opacity: 0; visibility: hidden; transition: 0.68s;}
.prowapper{ width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -35px; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); opacity: 0; visibility: hidden; transition: 0.58s;}
.prowapper strong{ display: block; text-align: center; line-height: 1.2; color: #fff; font-size: 16px; font-weight: normal; margin-bottom: 16px;}
.prowapper b{ display: block; width: 110px; height: 32px; border: 1px solid #fff; line-height: 32px; color: #fff; font-size: 12px; margin: auto;}
.project li a:hover figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.project li a:hover .engineertext{ opacity: 1; visibility: visible;}
.project li a:hover .prowapper{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);}

.partys{ padding: 45px 0 95px;}
.party__li{ margin-bottom: 60px;}
.party__li li{ padding: 32px 32px 26px 0; position: relative; z-index: 3;}
.party__li li a:before{ content: ""; width: 100%; height: 100%; background: #eeeeee; position: absolute; left: 0; bottom: 0; z-index: -1; height: 0; transition: 0.65s;}
.party__time{ float: left; width: 110px; text-align: right; margin-top: 11px;}
.party__time b{ display: block; line-height: 1; text-align: right; color: #999999; font-size: 14px; margin-bottom: 14px; font-weight: normal; transition: 0.4s;}
.party__time time{ display: block; text-align: right; color: #999999; font-size: 30px; line-height: 1; font-family: arial; transition: 0.4s;}
.party__text{ margin-left: 155px;}
.party__text strong{ display: block; color: #333333; font-size: 18px; line-height: 1.2; font-weight: normal; margin-bottom: 12px;}
.party__text p{ color: #666666; font-size: 14px; margin-bottom: 18px; overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;height: 50px;-webkit-box-orient: vertical; line-height: 1.8;}
.party__text b{ display: inline-block; line-height: 1; color: #999999; font-size: 12px; font-weight: normal;}
.party__li li a:hover:before{ height: 100%; top: 0; bottom: auto;}
.party__li li a:hover .party__time b{ color: #008a45;}
.party__li li a:hover .party__time time{ color: #008a45;}

.view__title{ padding: 76px 0 16px; border-bottom: 1px solid #e7e7e7;}
.viewtt{ margin-bottom: 22px;}
.viewtt h2{ text-align: center; color: #000000; font-size: 30px; font-weight: normal; line-height: 1.4;}
.source{ margin-top: 30px; text-align: center;}
.source span{ display: inline-block; line-height: 1.8; color: #666666; font-size: 14px; margin-left: 30px;}
.source span:first-child{ margin-left: 0;}
.browsenu{ display: block; float: left; color: #666666; font-size: 15px; line-height: 24px;}
.share{ float: right; margin-right: 13px;}
.share span{ display: block; float: left; color: #666666; font-size: 15px; line-height: 36px; margin-right: 10px;}
.share a{ display: block; float: left; font-size: 22px; color: #c4c4c4; line-height: 36px; margin-right: 12px;}
.share a:hover{ color: #008a45;}
.views{ padding: 16px 0 78px;}
.views p{ color: #666666; font-size: 15px; text-align: justify; line-height: 2.8;}
.views a{ color: #666666; font-size: 15px;}
.views img{ max-width: 100%; width: auto !important; height: auto !important;}
.prevpage{ position: relative; background: #e7e7e7;}
.prevpage a{ display: block; width: 145px; height: 44px; line-height: 44px; color: #666666; font-size: 15px; float: left; text-align: center;}
.prevpage a.prev{ border-right: 1px solid #fff;}
.prevpage a.next{ float: right; border-left: 1px solid #fff;}
.prevpage a:hover{ background: #008a45; color: #fff;}
.prevpage a.backlist{ background: #008a45; color: #fff; position: absolute; left: 50%; margin-left: -72px; top: 0;}
.views__wapper{ padding-bottom: 76px;}
.recuit{ padding: 42px 0 82px; background: #f4f4f4;}
.recuite__list{ width: 22.5%; float: left;}
.recuites li{ margin-bottom: 1px; position: relative; height: 45px; overflow: hidden; z-index: 3;}
.recuites li:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: #008a45; z-index: -1; height: 0; transition: 0.4s;}
.recuites li:after{ content:""; width:0; height:0; border-top:6px solid transparent;  border-bottom: 6px solid transparent; border-left: 11px solid #fff; position:absolute; right: 34px; top:50%; margin-top: -6px; transition: 0.36s; opacity: 0; visibility: hidden;}
.recuites li a{ display: block; padding-left: 22px; line-height: 45px; color: #333333; font-size: 16px;}
.recuites li:hover:before,.recuites li.active:before{ height: 100%; bottom: auto; top: 0;}
.recuites li:hover a,.recuites li.active a{ color: #fff;}
.recuites li:hover:after,.recuites li.active:after{ right: 28px; opacity: 1; visibility: visible; transition-delay: 0.2s;}
.recuit__box{ width: 77.5%; box-sizing: border-box; float: right; border-left: 1px solid #ececec;}
.recuit__tt{ padding: 36px 0 25px 62px; border-bottom: 1px solid #e9e9e9;}
.recuite__item{ float: left; margin-left: 158px;}
.recuite__item:first-child{ margin-left: 0;}
.recuite__item span{ display: block; color: #999999; font-size: 14px; line-height: 1; margin-bottom: 10px;}
.recuite__item strong{ display: block; line-height: 1; color: #333333; font-size: 30px; font-weight: normal;}
.recuit__text{ padding: 11px 65px 38px;}
.recuit__text p{ color: #666666; font-size: 15px; line-height: 2;}
.tmains{ padding: 23px 65px 52px; border-top: 1px solid #e9e9e9;}
.tmains p{ color: #666666; font-size: 15px;}
.tmains p a{ display: inline-block; color: #666666;}
.tmains p a:hover{ color: #008a45;}

.contact{ padding: 43px 0 45px; background: #f4f4f4;}
.contact__wapper{ background: #fff;}
.address{ padding: 45px 5% 70px;}
.mapbox{ width: 53.7%; float: left; height: 413px; border: 1px solid #cccccc; position: relative;}
.mapbox .map{ height: 100%;}
/* .maphref{ display: block; width: 28px; height: 36px; background: url(../images/map1.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -18px; z-index: 199;} */
.address__right{ width: 39.3%; float: right; margin-top: 70px;}
.address__logo{ margin-bottom: 24px;}
.address__logo img{ display: block; width: auto; max-width: 100% !important;}
.address__list{ display: block; font-style: normal;}
.address__list p{ color: #666666; font-size: 15px; line-height: 26px; margin-bottom: 4px;}
.address__list p i{ display: inline-block; width: 34px; text-align: center; font-style: normal; color: #bebebe; font-size: 20px; position: relative; top: 2px;}
.address__right .eq1{ padding-top: 16px; width: 140px;}
.address__right .eq1 img{ width: 100%;}
.anchorBL{ display: none !important;}
.contacts{ padding: 0 5% 120px;}
.contact__tt{ padding: 26px 30px; background: #008a45; color: #fff; font-size: 15px;}
.contactli li{ width: 33.33333%; position: relative; float: left;}
.conwapper{ border: 1px solid #cccccc; margin-left: -1px; margin-top: -1px; padding: 21px 14px 8px; position: relative; transition: 0s; z-index: 0;}
.conwapper:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.4s; height: 0; background: #008a45; z-index: -1;}

.conwapper strong{ display: block; line-height: 1.2; color: #333333; font-size: 15px; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.4s;}
.address__show{ height: 69px;}
.address__show p{ color: #666666; font-size: 13px; line-height: 1.8; transition: 0.4s;}
.address__hidden{ width: 100%; position: absolute; left: 0; top: 92px; background: #008a45; padding: 0 14px 0; box-sizing: border-box; visibility: hidden; height: 0; transition: 0s; overflow: hidden;}
.address__hidden p,.address__hidden p a{ color: #fff; font-size: 13px;}
.contactli li:hover{ z-index: 22;}
.contactli li:hover .conwapper:before{ height: 100%; transition: 0.5s 0s;}
.contactli li:hover .conwapper strong{ color: #fff;}
.contactli li:hover .conwapper .address__show p{ color: #fff;}
.contactli li:hover .conwapper .address__hidden{ visibility: visible; height: 100%; transition:0.5s 0.2s;}
.error{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/error.png) center bottom no-repeat; background-size: 100% auto;}
.error__text{ width: 90%; margin: auto; text-align: center; margin-top: 4%;}
.error__text img{ display: block; max-width: 100%; height: auto; margin: auto;}
.errors{ margin-top: 50px;}
.errors strong{ display: block; color: #333333; text-align: center; line-height: 1; font-weight: normal; font-family: arial; font-size: 66px;}
.errors p{ color: #9299a8; font-size: 28px; margin-top: 13px; margin-bottom: 14px; text-align: center;}
.errors a{ display: inline-block; margin: auto; padding-left: 50px; color: #9299a8; font-size: 32px; line-height: 1; margin: auto; background: url(../images/back1.png) left center no-repeat;}


.dynamic.article-block,.main__down.article-block .party{ opacity: 0; visibility: hidden; transform: translateX(-100px); -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); transition: 0.78s;}
.dynamic.articleShow,.main__down.articleShow .party{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}

.notice.article-block,.main__down.article-block .projects{ opacity: 0; visibility: hidden; transform: translateX(100px); -webkit-transform: translateX(100px); -moz-transform: translateX(100px); transition: 0.78s;}
.notice.articleShow,.main__down.articleShow .projects{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}
.dynamic__left .slick-list{ position: relative; z-index: 2;}
.dynamic__left .slick-dots{ position: absolute; right: 12px; bottom: 12px; z-index: 10; height: 17px; line-height: 1;}
.dynamic__left .slick-dots li{ float: left; margin-left: 1px; line-height: 0;} 
.dynamic__left .slick-dots li button{ padding: 0; margin: 0; border: none; outline: none; width: 18px; height: 17px; text-align: center; line-height: 17px; background: #000; filter:alpha(opacity=80); background: rgba(0,0,0,0.8); color: #ffffff; font-size: 14px; font-family: arial; cursor: pointer;}
.dynamic__left .slick-dots li.slick-active button{ background: #008a45;}

.course{ text-align: center;}
.course__dit{ width: 40px; height: 40px; border-radius: 50%; border: 1px solid #008a45; margin: auto; position: relative;}
.course__dit:before{ content: ""; width: 26px; height: 26px; background: #008a45; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px;}
.course__wappers{ position: relative;}
.course__wappers:before{ content: ""; width: 8px; position: absolute; left: 50%; margin-left: -4px; top: 13px; bottom: 0; background: #008a45; border-radius: 2px;}
.course__li li{ float: right; position: relative; width: 42%; margin-right: 8px; margin-top: 62px; transition: 0.4s top; top: 0;}
.course__li li:nth-child(2){ margin-top: 150px;}
.course__li li:hover{ top: -8px;}
.course__li li:first-child{ margin-top: 0;}
.times{ position: relative; background: #008a45; height: 96px; padding-left: 28px; padding-right: 24px;}
.times:before{ content: ""; width: 25px; height: 6px; background: #008a45; border-radius: 2px; position: absolute; left: -46px; top: 50%; margin-top: -3px;}
.times:after{ content: ""; width:0; height:0; border-top:9px solid transparent;  border-bottom: 9px solid transparent; border-right: 15px solid #008a45; position:absolute; left: -15px; top:50%; margin-top: -9px; transition: 0.36s;}
.times time{ display: block; float: left; color: #fff; font-size: 30px; line-height: 1; margin-top: 32px;}
.times b{ display: block; float: right; color: #73bf99; font-weight: normal; line-height: 1; font-size: 34px; margin-top: 30px;}
.coursedonw{ padding: 30px 24px 58px 24px; background: #f8f8f8;}
.coursedonw p{ color: #666666; font-size: 16px; height: 69px; border-bottom: 1px solid #bbbbbb; position: relative; text-align: left;}
.coursedonw p:before{ content: ""; width: 7px; height: 7px; background: #bbbbbb; position: absolute; left: 0; bottom: -18px;}
.course__li li.course__two{ float: left; margin-right: 0; margin-left: 8px;}
.course__li li.course__two .times:before{ left: auto; right: -46px;}
.course__li li.course__two .times:after{ border-right: none; border-left: 15px solid #008a45; left: auto; right: -15px;}
.coursedownd{ width: 8px; height: 66px; margin: auto; position: relative;} 
.coursedownd:before,.coursedownd:after{ content: ""; width: 8px; height: 10px; background: #008a45; position: absolute; left: 0; bottom: 16px; border-radius: 3px;}
.coursedownd:after{ bottom: 32px;}
.coursemore{ text-align: center;}
.coursemore a{ display: inline-block; margin: auto; padding-top: 26px; height: 20px; background: url(../images/mores.png) top center no-repeat; position: relative; bottom: 0; margin: auto; font-size: 14px; color: #008a45;}
.coursemore a:hover{ background-position: center 4px;}
.course__li li.article-block{ transform: translateX(78px); -webkit-transform: translateX(78px); -moz-transform: translateX(78px); opacity: 0; visibility: hidden; transition: 0.68s 0s opacity, 0.68s 0s transform,0.4s top;}
.course__li li.articleShow{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}
.course__li li.course__two.article-block{ transform: translateX(-78px); -webkit-transform: translateX(-78px); -moz-transform: translateX(-78px);}
.course__li li.course__two.articleShow{ transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}
.dynamic{ width: 64.666%; float: left; background: #fff;}
.dynamic__title{ padding: 26px 16px 0 18px;}
.dtitle{ float: left;}
.dtitle strong{ display: block; float: left; color: #008a45; font-size: 16px; font-weight: bold; line-height: 26px;}
.dtitle strong i{ display: inline-block; color: #008a45; font-size: 22px; font-style: normal; margin-right: 6px; font-weight: normal; position: relative; top: 2px;}
.dtitle small{ display: block; float: left; color: #cccccc; font-family: arial; margin-left: 6px; margin-top: 3px; font-size: 14px;}
.checkmore{ float: right;}
.checkmore a{ display: block; width: 53px; height: 23px; border: 1px solid #e1e1e1; text-align: center; color: #999999; line-height: 23px; border-radius: 3px;}
.checkmore a i{ display: inline-block; width: 7px; height: 7px; margin-right: 3px; position: relative; transition: 0.35s;}
.checkmore a i:before{ content: ""; width: 100%; height: 1px; background: #999999; position: absolute; left: 0; top: 3px; transition: 0.3s;}
.checkmore a i:after{ content: ""; width: 1px; height: 100%; background: #999999; position: absolute; left: 3px; top: 0; transition: 0.3s;}
.checkmore a:hover{ border-color: #008a45; background: #008a45; color: #fff;}
.checkmore a:hover i{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.checkmore a:hover i:before,.checkmore a:hover i:after{ background: #fff;}
.dynamic__banner{ margin-top: 22px;}
.dynamic__left{ width: 59%; float: left; position: relative;}
.dynamic__item{ float: left; overflow: hidden;}
.dynamic__item figure{ display: block; line-height: 1;}
.dynamic__item figure img{ display: block; width: 100%; height: auto;}
.dynamic__list{ width: 41%; float: left;}
.dynamic__list li{ margin: 0 7px; border-bottom: 1px solid #e0e0e0;}
.dynamic__list li:last-child{ border-bottom: none;}
.dynamic__list li a{ display: block;  padding: 10px 20px 12px; position: relative; z-index: 3;}
.dynamic__list li a:after{ content: ""; width: 100%; height: 0; background: #cccccc; position: absolute; left: 0 ;bottom: 0; z-index: -1; transition: 0.5s;}
.dynamic__list li a strong{ display: block; position: relative; color: #333333; font-size: 14px; font-weight: normal; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 4px; transition: 0.3s;}
.dynamic__list li a:before{ content: ""; width: 7px; height: 7px; position: absolute; left: 7px; top: 15px; background: url(../images/more1.png) center no-repeat;}
.dynamic__list li a time{ display: block; line-height: 1; color: #999999; font-size: 12px; font-family: arial;}
.dynamic__list li:hover a:after{ height: 100%; bottom: auto; top: 0;}
.dynamic__list li:hover a strong{ font-weight: bold;}
.notice{ width: 33.5%; float: right; background: #fff;}
.main-box{ background: #efefef; position: relative; z-index: 2;}
.notice__info{ padding: 28px 0 16px; border-top: 1px solid #e0e0e0; margin-top: 12px;}
.notice__wapper{ padding: 0 16px 18px;}
.data{ width: 82px; float: left; padding: 14px 0 13px; text-align: center; background: #efefef;}
.data strong{ display: block; color: #666666; font-size: 30px; font-family: arial; font-style: italic; line-height: 1; margin-bottom: 6px; font-weight: normal;}
.data time{ display: block; text-align: center; line-height: 1; color: #666666; font-size: 12px; font-family: arial;}
.notice__text{ margin-left: 116px;}
.notice__text p{ color: #666666; font-size: 14px; margin-bottom: 6px; margin-top: -3px;}
.notice__text span{ display: inline-block; color: #666666; font-size: 12px; line-height: 1; transition: 0.35s;}
.notice__info a:hover .notice__text span{ color: #008a45;}
.noticeli li{ padding: 0 5px; border-top: 1px dashed #d8d8d8;}
.noticeli li time{ display: block; float: left; color: #666666; font-size: 14px; line-height: 38px;}
.noticeli li span{ display: block; margin-left: 51px; color: #535353; font-size: 14px; line-height: 38px; white-space: nowrap; transition: 0.35s; overflow: hidden; text-overflow: ellipsis;}
.noticeli li:hover span{ color: #008a45;}
.party__tops{ border-bottom: 1px solid #e0e0e0;}
.party__tops .checkmore{ margin-top: 7px;} 
.party__tops .checkmore .chamorein{ display: none;}
.party__tops .checkmore .chamorein:first-child{ display: block;}
.party__tab{ margin-top: 15px;}
.party__info .noticeli{ width: 61.2%; float: left;}
.party__info .noticeli li{ border-top:1px dashed #008a45;}
.party__info .noticeli li time{ line-height: 39px;}
.party__info .noticeli li span{ line-height: 39px;}
.partyfix{ width: 34.45%; float: right;}
.partyfix figure{ display: block; line-height: 1; overflow: hidden;}
.partyfix figure img{ display: block; width: 100%; height: auto; transition: 0.45s;} 
.partyfix span{ display: block; line-height: 32px; margin-top: 13px; text-align: center; color: #535353; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.35s;}
.partyfix a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.partyfix a:hover span{ color: #008a45;} 
.projects{ width: 33.5%; float: right; background: #fff;}
.prowrpper{ padding: 0 26px 28px 24px;}
.project__bann{ margin-top: 26px; position: relative;}
.pro__item{ float: left;}
.pro__item figure{ display: block; overflow: hidden; line-height: 1;}
.pro__item figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.pro__item span{ display: block; color: #666666; font-size: 14px; margin-top: 15px; line-height: 30px; margin-left: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.project__bann .slick-dots{ position: absolute; right: 0; bottom: 58px; z-index: 10; height: 17px; line-height: 1;}
.project__bann .slick-dots li{ float: left; margin-left: 1px; line-height: 0;} 
.project__bann .slick-dots li button{ padding: 0; margin: 0; border: none; outline: none; width: 18px; height: 17px; text-align: center; line-height: 17px; background: #000; filter:alpha(opacity=80); background: rgba(0,0,0,0.8); color: #ffffff; font-size: 14px; font-family: arial; cursor: pointer;}
.project__bann .slick-dots li.slick-active button{ background: #008a45;}
.footer__topsd{ padding-bottom: 19px; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.14);}
.footerhref{ float: left;}
.footerhref a{ display: block; float: left; margin-right: 20px; color: #ffffff; font-size: 14px; line-height: 22px;}
.footerhref a i{ display: inline-block; color: #fff; font-size: 22px; font-style: normal; margin-right: 6px; position: relative; vertical-align: middle; top: -2px;}
.editd{ /* float: right; */}
.editd strong{ display: block; float:left; color: #fff; font-size: 16px; line-height: 1;}
.editd span{ display: block; float: left; color: #fff; font-size: 14px; margin-left: 5px; line-height: 16px;}
.footerdo{ margin-top: 32px;}
.addressdf{ float: left;}
.eqd{ width: 97px; float: left;}
.eqd img{ width: 100%; height: auto;}
.addlist{ float: left; margin-left: 20px;}
.addlist p{ color: #ffffff; font-size:14px; line-height:24px;} 
.footerright{ float: right;  text-align: right;}
.foot-img{ padding-top: 16px;}
.network{ margin-top: 16px;}
.network a{ display: inline-block; color: #ffffff; font-size: 14px; opacity: 0.29;}
.network a:hover{ opacity: 1;}
.projects .dynamic__title{ padding-left: 24px;}
.newsrecommder{ margin-top: 14px; background: #fff; padding: 0 18px 26px;}
.recommdertt{ padding: 16px 0 12px; border-bottom: 1px solid #eaeaea;}
.recommdertt strong{ display: block; float: left; color: #333333; font-size: 16px; font-weight: normal; line-height: 1;}
.recommdertt a{ display: inline-block; float: right; color: #999999; font-size: 12px; line-height: 1; margin-top: 2px;}
.recommdertt a:hover{ color: #008a45;}
.newsli{ margin-top: 12px;}
.newsli li{ margin-bottom: 10px;}
.newsli li a{ margin-left: 3px; display: block; color: #666666; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsli li a:hover{ color: #008a45;}
.key{ margin-top: 14px; padding: 18px 12px 3px 25px; background: #fff;}
.keylist{ margin-top: 24px;}
.keylist li{ margin-bottom: 18px;}
.keylist li figure{ display: block; float: left; line-height: 1; overflow: hidden; width: 76px;}
.keylist li figure img{ display: block; width: 100%; height: auto; transition: 0.45s;}
.keyetxt{ margin-left: 85px; padding-top: 3px;}
.keyetxt strong{ display: block; color: #666; font-size: 14px; font-weight: normal; margin-bottom: 5px; line-height: 1.5; height: 42px; overflow: hidden;} 
.keyetxt span{ display: inline-block; color: #999999; font-size: 12px; line-height: 1; transition: 0.35s;}
.keylist li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);} 
.keylist li a:hover .keyetxt span{ color: #008a45;}
.abouts{ padding-bottom: 336px; background: url(../images/introducts.png) center bottom no-repeat; background-size: 100% auto; margin-bottom: 53px;}
.frameworktop{ padding: 40px 0 245px; text-align: center;}
.frametop{ display: inline-block; margin: auto;}
.frametop li{ position: relative;}
.frametop li span{ display: block; padding-top: 74px; height: 43px; width: 117px; border-radius: 50%; color: #fff; background: #008a45; font-size: 14px; position: relative;}
.frametop li span:before{ content: ""; width: 31px; height: 31px; background: url(../images/searchbtn.png) center no-repeat; position: absolute; left: 50%; margin-left: -15px; top: 31px;}
.frametop li img{ display: none;}
.cultures{ padding: 33px 28px 60px;}
.cultured li{ margin-bottom: 22px; cursor: pointer;}
.cultured li figure{ display: block; line-height: 1; position: relative; overflow: hidden;}
.cultured li figure:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; filter:alpha(opacity=60); opacity: 0; visibility: hidden; transition: 0.58s; z-index: 2;}
.cultured li figure img{ display: block; width: 100%; height: auto; transition: 0.68s;}
.cultured li figure span{/*  display: block; width: 100%; text-align: center; line-height: 1; color: #fff; font-size: 30px; position: absolute; left: 0; top: 50%; margin-top: -15px;  opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: 0.4s; */z-index: 3;}
.vico{ background: url(../images/arrow1.png) no-repeat scroll center center; width: 54px; height: 54px; position: absolute; left: 50%; top: 50%; margin: -27px 0 0 -27px;}
.vico:after,.vico:before { width:100%; height:100%; content:''; display:block;
-webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:0; border-style:solid; border-color:#fff; border-radius:50%; border-width:2px;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform;}
.vico:after { opacity:0; -webkit-transform:scale(.8); transform:scale(.8);}
.cultured li p{ text-align: center; color: #fff; font-size: 16px; line-height: 51px; background: #7f7f7f;}
.cultured li:hover figure:before{ opacity: 0.6; visibility: visible;}
.cultured li:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.cultured li:hover figure span{ /* opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); */}
.cultured li:hover .vico:after,.cultured li:hover .vico:before { -webkit-transition-duration:1.2s;transition-duration:1.2s}
.cultured li:hover .vico:before {opacity:0; -webkit-transform:scale(1.4);transform:scale(1.4);}
.cultured li:hover .vico:after {opacity:1; -webkit-transform:scale(1); transform:scale(1);}

.join-list{ margin-bottom: 50px;}
.join-list .hspan{ text-align:center;cursor:pointer; width: 17%; display: block; float: left; height: 60px; line-height: 60px; font-size: 14px; color: #666666;}
.join-list .hspan1{ text-align: left; padding-left: 5%; width: 25%;}
.join-list .joinDT{ font-weight: bold; color: #fff; background-color:#666666;}
.join-list .joinDT{ height: 50px; overflow: hidden;}
.join-list .joinDT span{ height: 50px; line-height: 50px; color: #fff;}
.join-list .joinT{ border-bottom: 1px dashed #e8e8e8; transition: 0.3s; -webkit-transition: 0.3s;}
.join-list .joinB{ border: 1px solid #e5e8e7; display: none;}
.join-list .joinCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden; font-size: 12px; line-height: 2;}
.join-list dd.active .joinT,.join-list dd:hover .joinT{ background-color:#e5e8e7; }
.c008a45{ color: #008a45;}
.pageC a:link, .pageC a:visited { color: #333;}
.pageC a:active, .pageC a:hover { color: #07703C;}
.pageC img{ max-width: 100% !important; height: auto !important;  }
.pageC{ overflow: hidden; color: #999999;}
.infoPage{ padding: 60px 0;}
.infoPage .leval__menu .menu__title{ position: relative; left: auto; top: auto;}

/*speed*/
.speeds{ padding-top: 80px; padding-left: 30px;}
.speedimg{ width: 31%; float: left; margin-top: 7px;}
.speedimg img{ display: block; width: 100%; height: auto;}
.speed__text{ float: left; margin-left: 80px; padding: 42px 40px 55px 30px; width: 330px; background: #008a45;} 
.speed__title{ margin-bottom: 45px;}
.speed__title strong{ display: block; line-height: 1; color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.speed__title small{ display: block; color: #fff; font-size: 24px; font-family: arial; text-transform: uppercase; line-height: 1; position: relative; padding-bottom: 19px;}
.speed__title small:before{ content: ""; width: 47px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.speed__fix p{ color: #ffffff; font-size: 14px; text-align: justify;}
.speed__fix span{ display: block; text-align: right; color: #fff; font-size: 14px; margin-top: 24px;}
.markets{ padding: 60px 0; text-align: center;}
.markets img{ display: block; max-width: 100%; height: auto; margin: auto;}

.honors{ padding: 48px 0;}
.honorfix{ float: left; width: 46%;}
.honorfix li{ margin-bottom: 14px; padding-left: 25px; color: #666666; font-size: 14px; background: url(../images/radius.png) 4px center no-repeat; transition: 0.4s;}
.honorbann{ width: 222px; float: right; position: relative; margin-right: 120px; margin-top: 50px;}
.honor__item{ text-align: center; float: left; position: relative;}
.honor__item img{ display: block; max-width: 100%; height: auto; margin: auto;}
.honorbann .slick-arrow{ position: absolute; top: 50%; margin-top: -20px; display: block; padding: 0; margin: 0; width: 38px; height: 38px; border: 1px solid #cbcbcb; text-indent: 999999px; overflow: hidden; cursor: pointer; transition: 0.4s; outline: none; border-radius: 50%; z-index: 10;}
.honorbann .slick-arrow.slick-prev{ left: -42px; background: url(../images/prev1.png) center no-repeat;}
.honorbann .slick-arrow.slick-next{ right: -42px; background: url(../images/next1.png) center no-repeat;}
.honorbann .slick-arrow.slick-prev:hover{ background: #008a45 url(../images/prev2.png) center no-repeat; border-color: #008a45;}
.honorbann .slick-arrow.slick-next:hover{ background: #008a45 url(../images/next2.png) center no-repeat; border-color: #008a45;}

.history{ padding: 42px 0 58px; margin: 100px 30px 0; position: relative; z-index: 3;}
.dits{ display: block; width: 28px; height: 36px; background: url(../images/map1.png) center no-repeat; position: absolute; left: 187px; top: -36px;}
.history:before{ content: ""; width: 2px; height: 100%; position: absolute; left: 200px; top: 0; bottom: 0; z-index: -1; background: #c6c6c6;}
.historyli{ cursor:url("../images/mouseover.ico"),auto; height: 635px; overflow-y: auto; overflow-x: hidden;}
.historyli::-webkit-scrollbar {
  display: none;
}
.historyli li{ margin-bottom: 28px;}
.historyli li figure{ display: block; float: left; width: 170px; position: relative; line-height: 1;}
.historyli li figure:before{ content: ""; width: 8px; height: 8px; border-radius: 50%; background: #fff; border: 3px solid #008a45; position: absolute; right: -39px; top: 50%; margin-top: -7px;}
.historyli li figure img{ display: block; width: 100%; height: auto;}
.history__main{ position: relative; margin-left: 240px; background: #eaeaeb; padding: 30px 32px 20px; height: 80px;}
.history__main:before{ content:""; width:0; height:0; border-top:6px solid transparent;  border-bottom: 6px solid transparent; border-right: 10px solid #eaeaeb; position:absolute; left: -10px; top:50%; margin-top: -6px; transition: 0.36s;}
.history__main strong{ display: block; color: #008a45; font-size: 24px; line-height: 1; margin-bottom: 10px;}
.history__main p{ color: #666666; font-size: 14px;}
.hmore{ display: block; width: 96px; height: 39px ;line-height: 39px; color: #fff; font-size: 12px; text-align: center; border-radius: 8px; background: #008a45; font-weight: normal; position: absolute; right: 28px; bottom: 28px; cursor: pointer; transition: 0.42s;}
.hmore:hover{ background: #07703c;}

.pop-history{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; overflow-y: auto; visibility: hidden; transition: 0.68s; opacity: 0;}
.popbg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; opacity: 0.77; filter:alpha(opacity=77);}
.poptext{ width: 785px; max-width: 100%; top: 50%; margin-top: -344px; background: #fff; position: absolute; left: 50%; margin-left: -392px; padding-bottom: 60px; max-height: 100%; box-sizing: border-box; opacity: 0; visibility: hidden; transition: 0.68s; transform: translateX(120px); -webkit-transform: translateX(120px); -moz-transform: translateX(120px);}
.poptext .history{ margin: 66px 60px 0; padding-bottom: 0;}
.historyli1 li figure{ width: 150px;}
.historyli1 li .history__main{ margin-left: 210px; height: 65px; padding-top: 20px; padding-bottom: 18px;}
.poptext .history:before{ left: 181px;}
.poptext .history .dits{ left: 168px;}
.close{ display: block; width: 20px; height: 19px; position: absolute; left: -26px; top: 0; background: url(../images/close2.png) center no-repeat; cursor: pointer; transition: 0.45s;}
.close:hover{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.historyli1{ height: 520px;}
.pop-history.show{ opacity: 1; visibility: visible;}
.pop-history.show .poptext{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}

.cuture-box{ background: #efefef; padding-bottom: 68px;}
.culture__wapper .positewapper{ float: none; padding: 20px 0;}
.culturefix{ padding: 0 40px; background: #fff; padding-bottom: 74px;}
.culture__left{ width: 72%; float: left;}
.ctitle{ padding: 28px 0 9px; border-bottom: 1px solid #e7e7e7;}
.ctitle strong{ display: block; float: left; color: #008a45; font-size: 16px; position: relative; line-height: 1; padding-left: 7px; position: relative;}
.ctitle strong:before{ content: ""; width: 4px; height: 15px; background: #008a45; position: absolute; left: 0; top: 0;}
.videolist{ margin-top: 19px;}
.videolist li{ width: 32%; float: left; margin-left: 2%; cursor: pointer;}
.videolist li:first-child{ margin-left: 0;}
.videolist li figure{ display: block; position: relative; line-height: 1; overflow: hidden;}
.videolist li figure img{ display: block; width: 100%; height: auto; transition: 0.56s;}
.videolist li figure span{ display: block; width: 54px; height: 53px; background: url(../images/videos1.png) center no-repeat; transition: 0.3s; position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -27px;}
.videolist li strong{ display: block; line-height: 1; padding: 40px 0; background: #008a45; text-align: center; color: #fff; font-size: 16px; font-weight: normal;}
.videolist li:hover figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.videolist li:hover figure span{ margin-top: -34px;}
.ctitle a{ display: block; float: right; color: #666666; font-size: 12px; margin-top: 2px; line-height: 1;}
.ctitle a:hover{ color: #008a45;}
.columnistbox{ margin-top: 23px;}
.columbann{ width: 64.2%; float: left;}
.coiumitem{ float: left; position: relative; width: 100%; overflow: hidden;}
.coiumitem img{ display: block; height: auto;  position: relative; height: 316px; left: 50%; margin-left: -260px;}
.coiumitem span{ display: block; width: 100%; height: 46px; line-height: 46px; color: #fff; font-size: 14px; font-weight: bold; box-sizing: border-box; position: absolute; left: 0; bottom: 0; z-index: 4; background: #000; filter:alpha(opacity=50); background: rgba(0,0,0,0.5); padding-left: 32px;}
.columlist{ width: 34%; float: right;}
.columlist li{ margin-bottom: 2px; padding-left: 20px; line-height: 51px; background: #e4e4e4; cursor: pointer; color: #666666; font-size: 14px; transition: 0.5s; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.columlist li:before{ content:""; width:0; height:0; border-top:5px solid transparent;  border-bottom: 5px solid transparent; border-right: 8px solid #008a45; position:absolute; left: 0; top:50%; margin-top: -5px; transition: 0.36s; visibility: hidden; opacity: 0;}
.columlist li.active{ background: #008a45; color: #fff;}
.columlist li.active:before{ left: -8px; opacity: 1; visibility: visible;}
.culture__activity{ width: 23.46%; float: right;}
.culture__info{ margin-top: 18px;}
.culture__info figure{ display: block; overflow: hidden; line-height: 1;}
.culture__info figure img{ display: block; width: 100%; height: auto; transition: 0.65s;}
.cultred{ padding: 12px 0 16px; position: relative;}
.cultred strong{ display: block; color: #535353; font-size: 14px; line-height: 2; margin-bottom: 18px; font-weight: normal; height: 56px; overflow: hidden;}
.cultred span{ display: inline-block; color: #666666; font-size: 12px; line-height: 1; transition: 0.35s;}  
.cultred time{ display: block; color: #666666; font-size: 12px; font-family: arial; position: absolute; right: 0; bottom: 16px;}
.culture__info a:hover figure img{ transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08);}
.culture__info a:hover .cultred span{ color: #008a45;}
.activitys { padding-top: 15px; border-top: 1px solid #dedcdc;}
.activitys li{ margin-bottom: 12px;}
.activitys li a{ display: block; color: #535353; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.activitys li a:hover{ color: #008a45;}
.classical{ margin: 40px 50px 0 14px;}
.classical__bann{ margin-bottom: 26px;}
.classic__item{ float: left; width: 100%; position: relative; background: #f4f4f4;}
.classicimg{ width: 69%; float: left; overflow: hidden;}
.classicimg img{ display: block; width: 100%; height: auto;}
.classictext{ width: 31%; position: absolute; right: 0; bottom: 54px; box-sizing: border-box; padding: 0 22px;}
.classictext img{ display: block; max-width: 100%; height: auto;}
.classictext strong{ display: block; line-height: 1.2; color: #333333; font-size: 16px; margin-top: 20px; margin-bottom: 10px;}
.classictext p{ color: #666666; font-size: 14px; line-height: 1.5;}
.classical__down{ position: relative; padding: 0 62px;}
.classbtn{ width: 56px; position: relative; position: absolute; top: 10px; bottom: 0; text-align: center; line-height: 100%; background: #dfdfdf; color: #fff; font-size: 18px; cursor: pointer;}
.classbtn i{ color: #fff; font-size: 18px; font-style: normal; display: block; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -9px;}
.classbtn.prev{ left: 0;}
.classbtn.next{ right: 0;}
.classicin{ float: left; padding-top: 10px; width: 20%; position: relative;}
.classicin figure{ cursor: pointer; display: block; overflow: hidden; margin: 0 4px; position: relative;}
.classicin figure:before{ content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 4px solid #008a45; position: absolute; left: 0; top: 0; z-index: 3; opacity: 0; visibility: hidden; transition: 0.45s;}
.classicin:after{ content:""; width:0; height:0; border-left:6px solid transparent;  border-right: 6px solid transparent; border-bottom:10px solid #008a45; position:absolute; left: 50%; margin-left: -6px; top:0; transition: 0.36s; visibility: hidden; opacity: 0;}
.classicin figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.classicin:hover figure img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.classicin:hover figure:before,.classicin.slick-current figure:before{ opacity: 1; visibility: visible;}
.classicin.slick-current:after{ opacity: 1; visibility: visible;}

.garden{ margin-top: 40px;}
.gardend{ padding-bottom: 100px;}
.garden li{ margin-bottom: 26px;}
.garden li figure{ display: block; width: 240px; float: left; overflow: hidden;}
.garden li figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.garden__text{ margin-left: 278px; padding-top: 8px;}
.garden__text strong{ display: block; color: #666666; font-size: 16px; line-height: 1.2;  font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 12px; transition: 0.4s;}
.garden__text time{ display: block; color: #cccccc; font-size: 12px; margin-bottom: 16px;}
.garden__text time i{ display: inline-block; line-height: 1; position: relative; top: 1px; margin-right: 3px; font-style: normal;}
.garden__text p{ color: #999999;}
.garden li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.garden li a:hover .garden__text strong{ color: #008a45;}
.garden{ padding-bottom: 60px;}


.blockimg img{ width: 100%; height: auto; display:block;}