@charset "utf-8";
/* 
 * project name:金象
 * author:浅浅
 * date：2017-6-13
 */
@font-face {
	font-family: 'sylfaen';
	src: ;
	src:  format('embedded-opentype'),
		 format('woff'),
		 format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'brandon text';
	src: ;
	src:  format('embedded-opentype'),
		 format('woff'),
		 format('truetype');
	font-weight: normal;
	font-style: normal;
}

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: 14px/1.8 "微软正黑体","microsoft jhenghei","microsoft yahei","微软雅黑",arial,helvetica,sans-serif,"simhei","黑体"; margin: 0 auto; color: #707070;  background-color: #fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
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; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #09722d; color: #fff; text-shadow: none; }
::selection { background: #09722d; 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; }
a:active, a:hover { text-decoration: none; }
.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: 1000px; margin: 0px auto;}
.content{ position: relative; height: 100%; width: 100%;transition: all 300ms ease 0s; -webkit- transition: all 300ms ease 0s;}
.page{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0px; overflow: hidden; }
.page.active{ z-index: 10;}
.pagebg{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover;  overflow: hidden; position: absolute; left: 0px; bottom: 0px;}
.top{ position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999; height:78px;background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.top a:link,.top a:visited { color: #333333;}
.top a:active,.top a:hover { color: #0f793e;}
.top .nav1 a:link,.top .nav1 a:visited { color: #666666;}
.top .nav1 a:active,.top .nav1 a:hover ,.top .nav1 a.active { color: #0f793e;}
.logo{ position: absolute; left: 0px; top: 0px;padding: 12px 3% 16px; height: 50px;}
.logo img{ display: block; height: 100%;}
.black-10{ background:  repeat; background: none rgba(0,0,0,0.1);}
.black-20{ background:  repeat; background: none rgba(0,0,0,0.2);}
.black-30{ background:  repeat; background: none rgba(0,0,0,0.3);}
.black-40{ background:  repeat; background: none rgba(0,0,0,0.4);}
.black-50{ background:  repeat; background: none rgba(0,0,0,0.5);}
.black-60{ background:  repeat; background: none rgba(0,0,0,0.6);}
.menu-handler{ background-color: #007132; width: 90px; height: 78px; display: block; position: fixed; right: 0; top: 0; z-index: 1040; cursor: pointer;}
.menu-handler:hover{ background-color: #005f2a;}
.menu-handler .bright{ width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; margin: -9px 0px 0px -9px;}
.menu-handler i{ position: absolute; width: 7px; height: 3px; background-color: #fff; display: block; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menu-handler .i1{ left: 0; top: 1px;}
.menu-handler .i2{ right: 0; top: 1px;}
.menu-handler .i3{ left: 0; top: 7px;}
.menu-handler .i4{ right: 0; top: 7px;}
.menu-handler .i5{ left: 0; top: 13px;}
.menu-handler .i6{ right: 0; top: 13px;}
.menu-handler i.i3,.menu-handler i.i4 { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler.active .i3 { -ms-filter: progid:dximagetransform.microsoft.alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .i4 { -ms-filter: progid:dximagetransform.microsoft.alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; right: -100%; }
.menu-handler.active .i1,.menu-handler.active .i6 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .i2,.menu-handler.active .i5 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.sitemap-overlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1015; opacity: 0;  transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); -webkit-transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); visibility: hidden;}
.sitemap-nav a:link, .sitemap-nav a:visited { color: #666;}
.sitemap-nav a:active,.sitemap-nav a:hover { color: #007132;}  
.sitemap-nav{ background-color: #fff; position: fixed; right: -770px; bottom: 0; top: 78px; z-index: 1015; padding: 0px 60px; color: #666666; overflow-x: hidden; overflow-y:scroll;  width: 640px; -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.sitemap-head{ border-bottom: 1px solid #cccccc; padding:45px 0px 20px; margin-bottom: 20px;}
.sitemap-head .en{ font-size: 40px; color: #007132; line-height: 1.2; font-family: "sylfaen";}
.sitemap-head .zh{ color: #333333; font-size: 15px; line-height: 1.2;}
.sitemap-body{ padding-bottom: 10px;}
.sitemap-list li{ margin-bottom: 20px;}
.sitemap-list a.sm-item{ font-weight: bold; color: #333;}
.sitemap-sub dd{ float: left; display: block; margin-right: 15px;}
.sitemap-sub dd:last-child{ margin-right: 0;}
.sitemap-foot{ padding: 40px 0px 45px; border-top: 1px solid #cccccc; }
.sitemap-foot .item{ padding-bottom: 18px; line-height: 1.5;}
.sitemap-foot .icon{ width: 40px; height: 40px; background-color: #007132; background-position: center center; background-repeat: no-repeat; border-radius: 50%; margin-right: 10px;}
.sitemap-foot .address{ background-image: url(/uploads/image/eimages/sitemap-f1.png);}
.sitemap-foot .phone{ background-image: url(/uploads/image/eimages/sitemap-f2.png);}
.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.pusher-main{ min-height: calc(100vh - 62px);}
.menuopen .pusher { transform: translatex(-26%); -webkit-transform: translatex(-26%); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuopen .sitemap-overlay{ opacity: 1; visibility: visible;}
.menuopen .sitemap-nav{ right: -18px;}
.navbox{ float: right; display: block; margin-right: 135px;  text-align: right; padding-top: 26px;}
.nav1{ margin-bottom: 5px;}
.nav1 a{ margin: 0px 0px 0px 30px; font-size: 12px; line-height: 1.4; position: relative;}
.nav2 a{ font-size: 16px; margin: 0px 0px 0px 34px; line-height: 1.8; font-family: "sylfaen","times new roman";  position: relative; display: inline-block;}
.navbox a:before { content: ""; width: 100%; height: 1px; background-color: #0f793e; position: absolute; left: 0; bottom: 0px; 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); }
.navbox a:hover:before,.navbox a.active:before { transform: scalex(1); -webkit-transform: scalex(1); -moz-transform: scalex(1); transform-origin: 0; -webkit-transform-origin: 0; }
.navbox a.active{ color: #0f793e;}
.foot a{ position: relative;}
.foot a:link,.foot a:visited { color: #fff;}
.foot a:active,.foot a:hover { color: #f4d90d;}
.foot{ color: #fff; text-align: right; font-size: 12px; padding: 15px 5%; background-color: #284836;}
.page .foot{ position: fixed; left: 0; border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,0.3); bottom: 0; width: 90%; z-index: 999;/* opacity: 0.5; filter: alpha(opacity=50); */background-color: transparent;}
.smlink{ margin-left: 20px;}
.foot .sharpi{ float: left; display: block; width: 136px; text-align: left;}
.foot .sharpi a{ margin-right: 10px; float: left; display: block; width: 24px; height: 24px; position: relative;}
.foot .sharpi a:hover{ transform: translatey(-5px); -webkit-transform: translatey(-5px);}
.sharpi .i{ background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; position: absolute;}
.sharpi .i2{ display: none;}
.sharpi a:hover .i1{ display: none;}
.sharpi a:hover .i2{ display: block;}
.yy-bg1{ background:  repeat-x scroll left bottom; width: 100%; height: 100%; display: block; position: absolute; left: 0; bottom: 0;}
.yy-bg2{ background: url(/uploads/image/eimages/yy_bg2.png) repeat-x scroll left bottom; width: 100%; height: 100%; display: block; position: absolute; left: 0; bottom: 0;}
.ermsblack { background: url(/uploads/image/eimages/balck_50.png) repeat; background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermsbox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }   
.ermsbox .img { padding: 20px; }
.ermsbox .img img { width: 100%; height: 100%; display: block; }
.ermsbox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.pageh{ height: 78px;}
.pinner{ width: 1200px; margin: 0px auto;}
.pbanner { position: relative; overflow: hidden; background: url(/uploads/image/eimages/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner .black-10{ position: absolute; left: 0; width: 100%; height: 100%; bottom: 0;}
.pbanner-c a:link, .pbanner-c a:visited{ color: #fff;}
.pbanner-c a:active,.pbanner-c a:hover { color: #fff;}
.pbanner-c{ position: absolute; left: 50%; bottom: 12%; margin-left: -600px; color: #fff; visibility: hidden;}
.pbanner-c .en{ font-size: 72px; line-height: 1; font-family: "sylfaen","times new roman";}
.pbanner-c .zh{ font-size: 36px; line-height: 1.2; font-weight: bold;}
.pbanner-c .bot{ display: block; margin: 20px 0px; background: url(/uploads/image/eimages/line.png) no-repeat scroll left bottom; width: 43px; height: 45px;}
.pbanner-c .txt{ font-size: 12px; line-height: 1.2;}
.pbanner-c.inview { visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeinrightbig 1.2s 1; animation: fadeinrightbig 1.2s 1; }
.pbanner-c article{ position: relative; float: left;}
.pagenavbox { height: 50px;}
.pagenavbox a:link, .pagenavbox a:visited { color: #333333;}
.pagenavbox a:active,.pagenavbox a:hover { color: #fff;}    
.pagenav { background-color: #fafcfe; width: 100%; border-bottom: 1px solid #cccccc;}
.pagenav.fixed{ position: fixed; left: 0; top: 78px; z-index: 1000;}
.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}
.cpnavbox { height: 49px; line-height: 49px; -webkit-transition:height 0.3s;  transition:height 0.3s; text-align: center;}
.cpnavbox a { text-align: center; color: #ffffff; display: inline-block; font-size: 16px; font-weight: bold; margin-left: -1px; padding: 0px 22px;  *display: inline; *zoom: 1; position: relative;}
.cpnavbox a:before{ content:""; position: absolute; left: 0px; top: 50%; margin-top: -7px; width: 1px; height: 14px; display: block; background-color: #999999;}
.cpnavbox a:first-child:before{ width: 0; height: 0; }
.cpnavbox a:hover, .cpnavbox a.active { background-color: #007132; color: #fff; z-index: 1;}
.cpnavbox a:hover:before, .cpnavbox a.active:before{ background-color: transparent;}
.cpnav { display: none; width: 100%; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; background-color: #007132; color: #fff; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.pagepading{ padding: 90px 0px 110px;}
.pagec{ overflow: hidden;}
.pagec a:link, .pagec a:visited { color: #007132;}
.pagec a:active,.pagec a:hover { color: #000;}  
.pagec img{ max-width: 100% !important; height: auto !important;}
.pagec table { border-collapse: collapse; max-width: 100%!important; width: auto !important;}
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.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: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 40px; height: 40px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 40px; height: 40px; background: url(/uploads/image/eimages/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayicon{ background:  none no-repeat!important;}

/*base style end*/
/* slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(/uploads/image/eimages/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.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; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {-webkit-box-sizing: border-box;box-sizing: border-box; }
  .pswp img { max-width: none; }

.pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open { display: block; }
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {cursor: -webkit-grab; cursor: -moz-grab;cursor: grab; }
.pswp--dragging .pswp__img {cursor: -webkit-grabbing; cursor: -moz-grabbing;cursor: grabbing; }
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: repeat;
  background:none rgba(0,0,0,0.9);
  opacity: 0;
  transform: translatez(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none;transition: none; }

.pswp__container,.pswp__zoom-wrap { -webkit-backface-visibility: hidden; }

.pswp__item {position: absolute;left: 0;right: 0; top: 0; bottom: 0;overflow: hidden; }
.pswp__img {position: absolute;width: auto;height: auto; top: 0; left: 0; }
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }
.pswp__img--placeholder--blank {background: #222; }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important;left: 0; top: 0; }
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #ccc; }
.pswp__error-msg a {color: #ccc;text-decoration: underline; }
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
.pswp__button:focus,.pswp__button:hover { opacity: 1; }
.pswp__button:active { outline: none;opacity: 0.9; }
.pswp__button::-moz-focus-inner { padding: 0;  border: 0; }

.pswp__ui--over-close .pswp__button--close { opacity: 1; }
.pswp__button{
  background: url(/uploads/image/eimages/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button, {background-image: url(/uploads/image/eimages/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left{background:  no-repeat scroll center center;}
  .pswp--svg .pswp__button--arrow--right{ background:  no-repeat scroll center center;}
  .pswp--svg .pswp__button--close{ color: #fff;}
 }
.pswp__button--close { background-position: 0 -44px;}
.pswp__button--share {background-position: -44px -44px; }
.pswp__button--fs { display: none; }
.pswp--supports-fs .pswp__button--fs { display: block; }
.pswp--fs .pswp__button--fs {background-position: -44px 0; }
.pswp__button--zoom {display: none;background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom { display: block; }
.pswp--zoomed-in .pswp__button--zoom {background-position: -132px 0; }
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {visibility: hidden; }
.pswp__button--arrow--left,
.pswp__button--arrow--right { top: 50%; background: url(/uploads/image/eimages/i_banner_l.png) no-repeat scroll center center #f4d90d; margin-top: -23px;width: 54px;height: 54px; position: absolute;}
.pswp__button--arrow--left {left: 2%; }
.pswp__button--arrow--right { right: 2%; background-image: url(/uploads/image/eimages/i_banner_r.png);}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{ background-color: #007132;}
.pswp__button--arrow--left:hover{ background-image: url(/uploads/image/eimages/i_banner_l1.png);}
.pswp__button--arrow--right:hover{ background-image: url(/uploads/image/eimages/i_banner_r1.png);}
.pswp__counter,.pswp__share-modal { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }
.pswp__share-modal--hidden {display: none; }
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #fff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translatey(6px);
      -ms-transform: translatey(6px);
          transform: translatey(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
.pswp__share-tooltip a { display: block;  padding: 8px 12px; color: #000;text-decoration: none;font-size: 14px; line-height: 18px; }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in { opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translatey(0); -ms-transform: translatey(0); transform: translatey(0); }
.pswp--touch .pswp__share-tooltip a {padding: 16px 12px; }
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }
a.pswp__share--facebook:hover {background: #3e5c9a; color: #fff; }
a.pswp__share--facebook:hover:before {border-bottom-color: #3e5c9a; }
a.pswp__share--twitter:hover {background: #55acee;color: #fff; }
a.pswp__share--pinterest:hover { background: #ccc; color: #ce272d; }
a.pswp__share--download:hover {background: #ddd; }
.pswp__counter { float: left; height: 44px;  font-size: 13px;line-height: 44px;color: #fff; opacity: 0.75;padding: 0 10px; }
.pswp__caption {position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }
.pswp__caption__center {text-align: center; max-width: 600px; font-size: 15px; margin: 0 auto; padding: 20px 10px; color: #fff; }
.pswp__caption__center .xzy-zan{ float: right; display: block;}
.pswp__caption--empty {display: none; }
.pswp__caption--fake{ visibility: hidden;}
.pswp__preloader {width: 44px;height: 44px;position: absolute; top: 0;left: 50%; margin-left: -22px;opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity;direction: ltr; }
.pswp__preloader__icn {width: 20px; height: 20px;margin: 12px; }
.pswp__preloader--active {opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn {background:  0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active { opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {background: none;opacity: 0.75; width: 14px;height: 14px;position: absolute;left: 15px;top: 15px;margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px;overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {-webkit-box-sizing: border-box;box-sizing: border-box;width: 14px;height: 14px;border: 2px solid #fff;border-radius: 50%;border-left-color: transparent;border-bottom-color: transparent;position: absolute;top: 0;left: 0;background: none;margin: 0; }
@media screen and (max-width: 1024px) {
  .pswp__preloader {position: relative;left: auto; top: auto;  margin: 0;float: right; } 
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {-webkit-transform: rotate(0);transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg);transform: rotate(-140deg); }
  100% { -webkit-transform: rotate(0);transform: rotate(0); }
}
.pswp__ui {-webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }
.pswp__top-bar {position: absolute;left: 0; top: 0; height: 44px;width: 100%; }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {visibility: visible; }
.pswp__top-bar,
.pswp__caption {background-color: rgba(0, 0, 0, 0.5); }
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }
.pswp__ui--idle .pswp__top-bar { opacity: 1; }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {opacity: 0; }
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {opacity: 0.001; }
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {display: none; }
.pswp__element--disabled {display: none !important; }
.pswp--minimal--dark .pswp__top-bar {background: none; }
#gallery2 .pswp__caption__center{ text-align: center; font-size: 18px;}
/*base style end*/
/*index style*/
.transxt50 { transform: translatex(50px); -webkit-transform: translatex(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transyt50 { transform: translatey(50px); -webkit-transform: translatey(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transyt50{ opacity: 1; visibility: visible; transform: translatey(0px); -webkit-transform: translatey(0px); }
.action.transxt50 { opacity: 1; visibility: visible; transform: translatey(0px); -webkit-transform: translatey(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }

.pagecon a:link,.pagecon a:visited { color: #fff;}
.pagecon a:active,.pagecon a:hover { color: #fdeb83;}
.pagecon2 a:link,.pagecon2 a:visited { color: #393939;}
.pagecon2 a:active,.pagecon2 a:hover { color: #393939;}
.iboxlink{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner a:link,.banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }
.binbox{ position: absolute; width: 90%; left: 5%; bottom: 85px; color: #fff;}
.binbox .t{ color: #fff; font-size: 48px; line-height: 1.1; margin-bottom: 10px; overflow: hidden;}
.binbox .en{ line-height: 1.4; font-size: 18px; font-family: "sylfaen","times new roman";}
.binbox .bot{ margin: 20px 0px; background: url(/uploads/image/eimages/line.png) no-repeat scroll left bottom; width: 43px; height: 45px;}
.binbox .morebox{ font-size: 12px; line-height: 1.4; font-family: "sylfaen","times new roman";}
#banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleupdown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleupdown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleupdown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleupdown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.banner .slick-arrow{ background-color: #efd603; background-color: rgba(255,224,0,0.9); width:78px; height: 46px; z-index: 105;  bottom: 356px;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 5%; }
.banner .slick-next{ left: 5%; margin-left: 84px;}
.banner .slick-prev i{ background: url(/uploads/image/eimages/i_banner_l.png) no-repeat scroll center center;}
.banner .slick-next i{ background: url(/uploads/image/eimages/i_banner_r.png) no-repeat scroll center center;}
.banner .slick-prev:hover,.banner .slick-next:hover{ background-color:#0a732d; background-color: rgba(0,113,50,0.9);}
.banner .slick-prev:hover i{ transform: translatex(-5px); -webkit-transform: translatex(-5px); background-image: url(/uploads/image/eimages/i_banner_l1.png);}
.banner .slick-next:hover i{ transform: translatex(5px); -webkit-transform: translatex(5px); background-image: url(/uploads/image/eimages/i_banner_r1.png);}
.black-20{ background: url(/uploads/image/eimages/balck_20.png) repeat; background: none rgba(0,0,0,0.2); display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeinrightbig 1.2s 1; animation: fadeinrightbig 1.2s 1;}
@-webkit-keyframes fadeinrightbig{0%{opacity:0;-webkit-transform:translatex(300px);transform:translatex(300px)}100%{opacity:1;-webkit-transform:translatex(0);transform:translatex(0)}}
@keyframes fadeinrightbig{0%{opacity:0;-webkit-transform:translatex(300px);transform:translatex(300px)}100%{opacity:1;-webkit-transform:translatex(0);transform:translatex(0)}}
.banner .slick-dots { bottom: 2%; z-index: 104; display: none !important;}
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 5px; width: 8px; height: 8px; line-height: 8px; margin: 0px; cursor: pointer; }
.banner .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 6px; height: 6px; margin: 0px auto; border: 1px solid rgba(0,0,0,0); background: none #fff; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { border: 1px solid #fff; background:none transparent; }

.rollimg{ background: url(/uploads/image/eimages/arrow.png) no-repeat; cursor: pointer; width: 20px; height: 20px; position: fixed; left: 50%; margin-left: -10px; bottom: 25px; display: block; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; z-index: 1010;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translatey(12px); -webkit-transform: translatey(12px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translatey(12px); -webkit-transform: translatey(12px); opacity: 0; }
}
@keyframes mouse-dot2 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translatey(-12px); -webkit-transform: translatey(-12px); opacity: 0; }
}
@-webkit-keyframes mouse-dot2 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translatey(-12px); -webkit-transform: translatey(-12px); opacity: 0; }
}
.pagesider5 .foot{ opacity: 1; filter: alpha(opacity=100); border-top: 0px none;}
.pagesider5 .rollimg{ bottom: 5px; background-image: url(/uploads/image/eimages/arrow2.png);  -webkit-animation: mouse-dot2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.pagecon{ color: #000; position: absolute; left: 5%; top: 20%; width: 90%;}
.iboxt{ margin-bottom: 40px;}
.iboxt .t{ font-size: 50px; line-height: 1; float: left; display: block; margin-right: 22px;}
.iboxt .c{ float: left; display: block; width: 375px; padding-top: 15px; line-height: 1.5; font-size: 12px;}
.btnmore{ width: 186px; height: 36px; line-height: 36px; margin-top: 50px; border: 1px solid #333; display: block; text-align: center; position: relative; z-index: 1;}
.btnmore:before{ content:"";  width:100%; height:100%; z-index: -1; position:absolute; left:0px; top:0px; background-color:#09722d; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scalex(0); -webkit-transform:scalex(0); visibility:hidden\9;}
.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{ border-color: #09722d;}
.btnmore span{ padding-right: 36px; position: relative; color: #333;}
.btnmore span:before{ content: ""; position: absolute; right: 0; top: 50%; width: 24px; height: 1px; background-color: #333;}
.btnmore:hover span{ color: #fff;}
.btnmore:hover span:before{ background-color: #fff;}
.iboxc{ width: 670px;}

.productibox{ margin-top: 80px;}
.productdemo{ width: 880px; background-color: #fff; margin-bottom: 76px;}
.productdemo .item{ float: left; display: block; width: 220px; cursor: pointer; position: relative;}
.productdemo .item article{ padding: 14px 0px 0px; text-align: center; position: relative; height: 190px; content: ""; border-left: 1px solid #ebebeb; display: block;}
.productdemo .item .img{ text-align: center; margin: 0px auto 5px; width: 104px;}
.productdemo .img img{ width: 100%; display: block;}
.productdemo .c{ padding: 0px 10px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;}
.productdemo .txt{ position: absolute; width: 132px; height: 132px; padding: 20px; left: 50%; top: 50%; margin: -86px 0px 0px -86px; border-radius: 50%; background: url(/uploads/image/eimages/yellow_85.png) repeat; background: none rgba(239,214,4,0.85); color: #000000; text-align: center; opacity: 0; visibility: hidden; transform: rotatey(-180deg); -webkit-transform: rotatey(-180deg); -moz-transform: rotatey(-180deg); transition: 0.7s 0s; -webkit-transition: 0.7s 0s;}
.productdemo .txt .t{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap; word-break: keep-all; max-height: 65px; overflow: hidden;}
.productdemo .txt .line{ width: 1px; height: 12px; margin: 5px auto 10px; display: block; background-color: #000;}
.productdemo .txt .b{ font-size: 12px;}
.productdemo .slick-arrow{ width:112px; height:38px; border: 1px solid #333; z-index: 105;  bottom: -80px; z-index: 1;}
.productdemo .slick-arrow i{ width: 45px; margin: 0px auto; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.productdemo .slick-prev{ left: 0; }
.productdemo .slick-next{ left: 126px;}
.productdemo .slick-prev i{ background: url(/uploads/image/eimages/img_l.png) no-repeat scroll right center;}
.productdemo .slick-next i{ background: url(/uploads/image/eimages/img_r.png) no-repeat scroll left center;}
.productdemo .slick-arrow:hover{ border-color: #efd603; background-color: #efd603;}
.productdemo .slick-prev:hover i{ background-position: right center;}
.productdemo .slick-next:hover i{ background-position: left center;}
#s2.active .iboxc{ -webkit-animation-delay: 0.6s; animation-delay:0.6s;}
.active .productdemo{ -webkit-animation:fadeinup .7s ease-in-out both; animation:fadeinup .7s ease-in-out both;  -webkit-animation-delay: 0.8s; animation-delay:0.8s;}
.opacitys{ opacity: 0; visibility: hidden;}
.active .opacitys,.m-active .opacitys{ opacity: 1; visibility: visible;}
.active .iboxt{ -webkit-animation:fadeinup .7s ease-in-out both; animation:fadeinup .7s ease-in-out both;  -webkit-animation-delay: 0.5s; animation-delay:0.5s;}
.active .iboxc,.active .btnmore{ -webkit-animation:fadeinup .7s ease-in-out both; animation:fadeinup .7s ease-in-out both;  -webkit-animation-delay: 1.6s; animation-delay:1.6s;}
.m-active .iboxt,.m-active .iboxc,.m-active .btnmore{-webkit-animation: infinite; animation:infinite;  -webkit-animation-delay: 0s; animation-delay:0s;}
@-webkit-keyframes fadeinup {
	0% {
		opacity: 0;
		-webkit-transform: translatey(20px);
		transform: translatey(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translatey(0);
		transform: translatey(0)
	}
}
@keyframes fadeinup {
	0% {
		opacity: 0;
		-webkit-transform: translatey(20px);
		-ms-transform: translatey(20px);
		transform: translatey(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translatey(0);
		-ms-transform: translatey(0);
		transform: translatey(0)
	}
}
.about-num-list{ margin-bottom: 70px;}
.about-num-list li{ float: left; display: block; width: 14%; height: 160px; padding: 40px 0px 0px; text-align: center; border-left: 1px solid #f1f1f1; background-color: #fff;}
.about-num-list li:nth-child(1){ border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.5); }
.about-num-list .num span{ font-size: 68px; line-height: 1.1; font-family: "sylfaen","times new roman"; color: #007132;}
.about-num-list .num i{ position: absolute; font-weight: bold; font-style: inherit; font-size: 20px; color: #666666;}
.about-num-list .c{ line-height: 1.4;}
.about-num-list{ perspective: 1500px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}
.about-num-list li{ -webkit-transform-origin: 0 50% 0px; opacity: 0; transform: rotatey(-90deg); -webkit-transform: rotatey(-90deg); transform-origin: 0 50% 0; }
.active .about-num-list li:nth-child(1){ -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms; }
.active .about-num-list li:nth-child(2) { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms;}
.active .about-num-list li:nth-child(3) { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1360ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1360ms;  }
.active .about-num-list li:nth-child(4){ -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1640ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1640ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1640ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1640ms;  }
.active .about-num-list li:nth-child(5){ -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1880ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1880ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1880ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1880ms;  }
.active .about-num-list li{ opacity: 1; transform: rotatey(0deg); -webkit-transform: rotatey(0deg); }
.m-active .about-num-list li{ opacity: 1; transform: rotatey(0deg); -webkit-transform: rotatey(0deg); }

.ibox-time{ font-size: 16px;line-height: 1; margin-bottom: 20px; width: 417px; position: relative; z-index: 1;}
.ibox-time:before { content: ""; width: 100%; height: 6px; background-color: #ecd201; position: absolute; left: 0; bottom: 4px; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .8s cubic-bezier(.4,0,.2,1) 0.8s; transition: transform .8s cubic-bezier(.4,0,.2,1) 0.8s; transform: scalex(0); -webkit-transform: scalex(0); }
.ibox-speech-c{ font-size: 16px; width: 580px; padding: 3% 0px 0;}
.ibox-qm{ margin-top: 5%;}
.ibox-qm img{ max-width: 216px !important; width: 38%;}
.ibox-by{ width: 670px; font-size: 16px; line-height: 1.5; margin-bottom: 25px;}
.ibox-c{ width: 670px;  color: #393939;}
.active .ibox-time:before,.m-active .ibox-time:before { transform: scalex(1); -webkit-transform: scalex(1); -moz-transform: scalex(1); transform-origin: 0; -webkit-transform-origin: 0; }
.active .page-box-con{ -webkit-animation:fadeinup .7s ease-in-out both; animation:fadeinup .7s ease-in-out both;  -webkit-animation-delay: 0.7s; animation-delay:0.7s;}
.m-active .page-box-con{ -webkit-animation:infinite; animation:infinite;  -webkit-animation-delay: 0s; animation-delay:0s;}
#s4.active .btnmore{ -webkit-animation-delay: 1.2s; animation-delay:1.2s;}
#s4.m-active .btnmore{ -webkit-animation-delay: 0s; animation-delay:0s;}

.pagecon2{ color: #333;}
.pagecon2 .iboxt{ margin-bottom: 25px;}
.pagecon2{ color: #333;}
.pagecon2 .ibox-time{ color: #000; font-size: 24px; font-family: "sylfaen";}
.pagecon2 .ibox-time:before{ background-color: #ecd201;}
.newlist{ position: absolute; left: 5%; bottom: 82px; width: 90%; color: #333333;}
.newlist li{ float: left; display: block; width: 25%; cursor: pointer;}
.newidemo{ height: 209px; overflow: hidden;}
.newidemo .img{ height: 209px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.newidemo .nimg{ width: 100%; display: none;}
.newidemo .more2{position: absolute; right: 5%; bottom: 20px; line-height: 1.4; color: #fff; text-align: right; width: 70%; height: 20px; overflow: hidden;}
.newidemo .slick-dots { bottom: 20px; z-index: 104; width: 90%; left: 5%; text-align: left;}
.newidemo .slick-dots li { position: relative; display: block; float: left; width: auto; padding: 0px; height: 10px; margin:0px 5px 0px 0px; cursor: pointer; }
.newidemo .slick-dots li a { height: 10px; width: 10px; line-height: 10px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #fff; }
.newidemo .slick-dots li a:focus { outline: none; }
.newidemo .slick-dots li.slick-active a { background: none #ecd201;}
.nitem{  background:  repeat;background:none rgba(255,255,255,0.8);padding: 45px 45px 45px 105px; height: 119px; position: relative;}
.nitem:after{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -51px; display: block; background-color: #ffffff; height: 102px; width: 1px;}
.nitem:before { content: ""; width: 100%; height: 6px; background-color: #ecd201; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .48s cubic-bezier(.4,0,.2,1); transition: transform .48s cubic-bezier(.4,0,.2,1); transform: scalex(0); -webkit-transform: scalex(0); }
.listbox li:last-child .nitem:after{ width: 0;}
.nitem:hover:before { transform: scalex(1); -webkit-transform: scalex(1); -moz-transform: scalex(1); transform-origin: 0; -webkit-transform-origin: 0; }
.nitem .numnox{ text-align: center; width: 64px; position: absolute; left: 26px; top: 45px;}
.nitem .numnox .t{ color: #007132; font-size: 36px; font-family: "sylfaen","times new roman"; line-height: 1.1;}
.nitem .numnox .day{ color: #8f8f8f; font-size: 12px; line-height: 1.2; font-family: arial, helvetica, sans-serif;}
.nitem .c{ height: 76px; overflow: hidden;}
.nitem .type{ color: #999999; margin-bottom: 5px; font-size: 12px;}
.nitem .more{ position: absolute; right: 45px; bottom: 20px; color: #666666; background: url(/uploads/image/eimages/more_ico.png) no-repeat scroll left center; padding-left: 18px; line-height: 1.4; opacity: 0; visibility: hidden;  transform: translatex(-8px); -webkit-transform: translatex(-8px); -webkit-transition: 0.6s; transition: 0.6s;}
.nitem:hover .more{ translatex(0px); -webkit-transform: translatex(0px); opacity: 1; visibility: visible;}
.listbox{ perspective: 1500px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}
.listbox li{ opacity: 0; transform: rotatex(90deg); -webkit-transform: rotatex(90deg); transform-origin: 100% 100% 0px; -webkit-transform-origin: 100% 100% 0px;}
.active .newlist li:nth-child(1){ -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 940ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 940ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 940ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 940ms; }
.active .newlist li:nth-child(2) { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1180ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1180ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1180ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1180ms;}
.active .newlist li:nth-child(3) { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1420ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1420ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1420ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1420ms;  }
.active .newlist li:nth-child(4){ -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1560ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1560ms;  }
.active .newlist li,.m-active .newlist li{ opacity: 1; transform: rotatex(0deg); -webkit-transform: rotatex(0deg); }
.box-new-more{ margin-top: 12px; width: 100%; display: none; background-color: #d7cf2a; padding: 15px 0px; text-align: center; color: #666;}
.box-new-more .txt{ background: url(/uploads/image/eimages/more_ico.png) no-repeat scroll left center; padding-left: 18px;}
/*index style end*/
/*about style*/
.about-sider{ width: 50%; float: left; display: block;}
.about-img-demo{ position: relative; overflow: hidden;}
.about-img-demo .item{ position: relative;/* opacity: 1 !important;*/}
.about-img-demo .img{ position: relative; overflow: hidden;}
.about-img-demo .img img{ width: 100%; display: block;}
.about-img-demo .slick-active .img {/* -webkit-animation: imgin 1s ; animation: imgin 1s;*/}
.about-img-demo .slick-active .img img { /*-webkit-animation: slidein 1s; animation: slidein 1s;*/ }
.about-img-demo .slick-arrow{ background-color: #f4d90d; width:50px; height: 46px; z-index: 105; top: 50%; margin-top: -23px;}
.about-img-demo .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.about-img-demo .slick-prev{ left: 0; }
.about-img-demo .slick-next{ right: 0;}
.about-img-demo .slick-prev i{ background: url(/uploads/image/eimages/i_banner_l.png) no-repeat scroll center center;}
.about-img-demo .slick-next i{ background: url(/uploads/image/eimages/i_banner_r.png) no-repeat scroll center center;}
@-webkit-keyframes slidein {
    0% { -webkit-transform: translatex(-100%); opacity: 1; }
    100% { -webkit-transform: translatex(0); opacity: 1; }
}
@keyframes slidein {
    0% { transform: translatex(-100%); opacity: 1; }
    100% { transform: translatex(0); opacity: 1; }
}
@-webkit-keyframes imgin {
    0% { -webkit-transform: -webkit-translatex(100%); opacity: 1; }
    100% { -webkit-transform: -webkit-translatex(0); opacity: 1; }
}
@keyframes imgin {
    0% { transform: translatex(100%); opacity: 1; }
    100% { transform: translatex(0); opacity: 1; }
}
.about-img-c{ text-align: center; padding: 20px 0px; border-bottom: 1px solid #b6b6b6; text-transform: uppercase; line-height: 1.5;}
.about-img-c .en{ font-size: 12px;}
.about-page{ width: 45%; float: left; margin-left: 5%; display: block;}
.aboutt{ border-bottom: 1px solid #b6b6b6; line-height: 1.4; margin-bottom: 32px;}
.aboutt .zh{ font-size: 24px; font-weight: bold; color: #5f5f5f; line-height: 1; position: relative; display: inline-block; padding-bottom: 20px;}
.aboutt .zh:before{ content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #007132;}
.aboutt .en{ color: #b2b2b2; font-style: italic; font-family: arial, helvetica, sans-serif; border-left: 1px solid #5f5f5f; padding-left: 12px; margin-left: 12px;}
.subsidiarylist{ margin-left: -3%; padding: 60px 0px;}
.subsidiarylist dd{ float: left; display: block; width: 30%; margin:30px 0px 30px 3.33%;}
.subsidiarylist .img{ overflow: hidden;}
.subsidiarylist .img img{ width: 100%; display: block; transform:scale(1.06); -webkit-transform:scale(1.06); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.subsidiarylist .item{ position: relative; overflow: hidden;}
.subsidiarylist .t{ font-size: 18px; padding: 0px 8px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #626262; color: #fff; height: 55px; line-height: 55px; position: relative; z-index: 1;}
.subsidiarylist .t:before{ content:""; width:100%; height:100%; background:#007132; position:absolute; left:0; bottom:0px; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scalex(0); -webkit-transform:scalex(0); visibility:hidden\9; }
.subsidiarylist .iboxlink{ z-index: 4;}
.subsidiarylist dd:hover .img img{ transform:inherit; -webkit-transform:inherit;}
.subsidiarylist dd:hover .t:before{ transform:scalex(1); -webkit-transform:scalex(1); -moz-transform:scalex(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.paging { background: #f7f7f7; padding: 8px 30%; position: relative; text-align: center; }
.paging a { width: 34px; height: 34px; color: #007132; line-height: 34px; border-radius: 50%; overflow: hidden; text-align: center; display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; margin: 0 2px; }
.paging a.act, .paging a:hover { background-color: #007132; color: #fff;}
.paging .prev, .paging .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 30%; padding: 0; background-color: #eeeeee; background-repeat: no-repeat; background-position: center center; border-radius: 0%;}
.paging .prev { left: 0; background-image: url(/uploads/image/eimages/pager_prev.png); }
.paging .next { background-image: url(/uploads/image/eimages/pager_next.png); right: 0; }
.paging a.prev:hover, .paging a.next:hover{ background-color: #d4d4d4;}
.fixedimg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.subsidiary-info-banner-box{ padding-top: 10%; background: url(/uploads/image/eimages/balck_50.png) repeat; background: none rgba(0,0,0,0.5);}
.subsidiary-info-banner{ position: relative; overflow: hidden; min-height: 380px;}
.subsidiary-info-banner .item{ position: relative; /*opacity: 1 !important;*/}
.subsidiary-info-banner .img{ position: relative; overflow: hidden;}
.subsidiary-info-banner .img img{ width: 100%; display: block;}
/*.subsidiary-info-banner .slick-active .img { -webkit-animation: imgin 1s ; animation: imgin 1s;}
.subsidiary-info-banner .slick-active .img img { -webkit-animation: slidein 1s; animation: slidein 1s; }*/
.subsidiary-info-banner .slick-arrow{ background-color: #f4d90d; width:50px; height: 46px; z-index: 105; top: 50%; margin-top: -23px;}
.subsidiary-info-banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.subsidiary-info-banner .slick-prev{ left: 0; }
.subsidiary-info-banner .slick-next{ right: 0;}
.subsidiary-info-banner .slick-prev i{ background: url(/uploads/image/eimages/i_banner_l.png) no-repeat scroll center center;}
.subsidiary-info-banner .slick-next i{ background: url(/uploads/image/eimages/i_banner_r.png) no-repeat scroll center center;}
.subsidiary-infot{ font-size: 24px; color: #1a1a1a; font-weight: bold; text-align: center; padding: 30px 0px; line-height: 1.5;}
.subsidiary-infopage{ margin:10px 0px 80px; min-height: 126px;}
.pager a:link,.pager a:visited { color: #616161;}
.pager a:active,.pager a:hover { color: #007132;}
.pager{ height: 48px; background: #f7f7f7; line-height: 48px; padding: 0px 30%; color: #616161; position: relative;}
.pager a{ display: block;}
.pager a:hover { background-color: #d4d4d4;}
.pager .black{ width: 100%; display: block; height: 48px; font-size: 14px; text-align: center;}
.pager .prev, .pager .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 30%; padding: 0; background-color: #eeeeee; background-repeat: no-repeat; background-position: center center; border-radius: 0%;}
.pager .prev { left: 0; background-image: url(/uploads/image/eimages/pager_prev.png); }
.pager .next { background-image: url(/uploads/image/eimages/pager_next.png); right: 0; }
.historypage{ position: relative; overflow: hidden; padding: 48px 0px; margin: 60px auto;}
.historypage .line{ position: absolute; left: 272px; top: 0; height: 100%; width: 1px; background-color: #d2d2d2;}
.sider-nav{ float: left; display: block; width: 240px;}
.sider-nav a:link,.sider-nav a:visited { color: #333333;}
.sider-nav a:active,.sider-nav a:hover { color: #fff;}
.sider-nav li{ border: 1px solid #d2d2d2; margin: 0px 0px 18px; text-align: center; position: relative; padding: 10px; font-size: 16px; line-height: 1.5; color: #333; position: relative; overflow: hidden; z-index: 1;}
.sider-nav li:before{ content:""; width:100%; height:100%; background:#007132; position:absolute; left:0; bottom:0px; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scalex(0); -webkit-transform:scalex(0); visibility:hidden\9; }
.sider-nav .iboxlink{ z-index: 4;}
.sider-nav li:last-child{ margin: 0;}
.sider-nav li.active{ background-color: #007132; border-color: #007132; color: #fff;}
.sider-nav li:hover { border-color: #007132; color: #fff;}
.sider-nav li:hover:before{ transform:scalex(1); -webkit-transform:scalex(1); -moz-transform:scalex(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.history-pagec{ width: 70%; float: right; display: block;}
.history-pagec dd{ border-bottom: 1px dashed #d2d2d2; padding-bottom: 38px; margin-bottom: 40px;}
.history-pagec dd:last-child{ border-bottom: 0px none; margin-bottom: 0;}
.history-pagec .img{ float: left; display: block; width: 25%; margin-right: 8%; display: block;}
.history-pagec .txt{ float: left; display: block; width: 67%; font-size: 16px;}
.honorpage{ padding: 60px 0px; background-position: right top; background-attachment: fixed; background-repeat: no-repeat; background-color: #eaf0f3;}
.honorlist{ margin-left: -2%;}
.honorlist dd{ float: left; display: block; margin: 25px 0px 25px 2%; width: 31.33%; cursor: zoom-in; transition:0.3s; -webkit-transition:0.3s;}
.honorlist .img{ overflow: hidden;}
.honorlist .img img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.honorlist .txt{ padding: 0px 8px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #626262; color: #fff; height: 40px; line-height: 40px; position: relative; z-index: 1;}
.honorlist .txt:before{ content:""; width:100%; height:100%; background:#007132; position:absolute; left:0; bottom:0px; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scalex(0); -webkit-transform:scalex(0); visibility:hidden\9; }
.honorlist dd:hover .img img{ transform:scale(1.05); -webkit-transform:scale(1.05); }
.honorlist dd:hover .txt:before{ transform:scalex(1); -webkit-transform:scalex(1); -moz-transform:scalex(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.honorlist dd:hover{ box-shadow:0 0 24px rgba(0,0,0,0.33);}
.zhuanlilist{ margin-left: -2%;}
.zhuanlilist dd{ float: left; display: block; margin: 25px 0px 25px 2%; width: 23%; cursor: zoom-in; transition:0.3s; -webkit-transition:0.3s;}
.zhuanlilist .img{ overflow: hidden; border: 1px solid #ccc;}
.zhuanlilist .img img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.zhuanlilist dd:hover .img img{ transform:scale(1.05); -webkit-transform:scale(1.05); }
.zhuanlilist dd:hover{ box-shadow:0 0 24px rgba(0,0,0,0.33);}
.culture-page{ background: url(/uploads/image/eimages/bai_60.png) repeat;}
.culture-list dd{ position: relative; font-family: "微软雅黑"; cursor: pointer;}
.culture-list .icobox{ position: absolute; left: 50%; top: 0; width: 82px; margin-left: -41px; height: 100%;}
.culture-list .ico{ width: 74px; height: 74px; border-radius: 50%; border: 4px solid #007132; background-color: #fff; overflow: hidden; display: block; position: relative; z-index: 1; transition: 0.3s; -webkit-transition: 0.3s;}
.culture-list .ico i{ background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; width: 100%; height: 100%;}
.culture-list .line{ position: absolute; left: 50%; width: 3px; height: 100%; background-color: #007132; margin-left: -1px; top: 0;}
.culture-list .item{ width: 336px; padding:25px 30px; background-color: #fff; border-radius: 10px; position: relative; transition: 0.3s; -webkit-transition: 0.3s;}
.culture-list .even .item{ float: right;}
.culture-list .sj{ position: absolute; top: 35px;}
.culture-list .even .sj{ border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; left: -10px;}
.culture-list .odd .sj{ border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; right: -10px;}
.culture-list .t .zh{ font-size: 22px; display: block; color: #007132; line-height: 1.2;}
.culture-list .t .en{ text-transform: uppercase; font-size: 12px;}
.culture-list .t{ border-bottom: 1px solid #e7e7e7; padding-bottom: 8px; margin-bottom: 18px;}
.culture-list .c{ font-size: 16px; line-height: 1.5;}
.culture-list dd:last-child .line{ display: none;}
.culture-list dd:hover .ico{box-shadow:0 0 20px rgba(0,0,0,0.12);}
.culture-list dd:hover .item{ box-shadow:0 0 20px rgba(0,0,0,0.12);}
.culture-list dd:hover .ico i{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

.videolist{ padding: 60px 0px;}
.videolist dd{ float: left; display: block; margin: 15px 2%; width: 46%; cursor: pointer;}
.videolist .img{ overflow: hidden; position: relative;}
.videolist .img img{ width: 100%; display: block; transform:scale(1.06); -webkit-transform:scale(1.06); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.videolist .item{ position: relative; overflow: hidden;}
.videolist .black-10{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.videolist .vico{ position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0px 0px -30px; display: block;}
.videolist .vico .i1{ background: url(/uploads/image/eimages/vico_bg.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; -webkit-transition: 300ms;}
.videolist .vico .i2{ background: url(/uploads/image/eimages/vico.png) no-repeat scroll center center; width: 100%; height: 100%; display: block;}
.videolist .t{ font-size: 18px; padding:10px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #626262; color: #fff;  line-height: 1.5; position: relative; z-index: 1;}
.videolist .t:before{ content:""; width:100%; height:100%; background:#007132; position:absolute; left:0; bottom:0px; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scalex(0); -webkit-transform:scalex(0); visibility:hidden\9; }
.videolist dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.videolist dd:hover .t:before{ transform:scalex(1); -webkit-transform:scalex(1); -moz-transform:scalex(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.videolist dd:hover .vico .i1 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
/*about style end*/
/*news style*/
.bgfb{ background-color: #fbfbfb;}
.newpage{ padding: 90px 0px 70px;}
.new-list dd{ margin-bottom: 25px; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.new-list .img{ float: left; display: block; width: 40%; overflow: hidden;}
.new-list .img img{ display: block; width: 100%; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.new-list .con{ float: left; margin-left: 4%; width: 52%;}
.new-list .time{ background-color: #dddcdc; color: #787878; text-align: center; width: 88px; padding: 8px 0px; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 1.4; margin-bottom: 30px; transition:0.3s; -webkit-transition:0.3s;}
.new-list .day{ display: block; font-size: 30px; line-height: 1.1;}
.new-list .year{ display: block;}
.new-list .t{ margin-bottom: 10px; padding-bottom: 17px; font-weight: bold; font-size: 22px; line-height: 1.5;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative;}
.new-list .bot{ position: absolute; left: 0; bottom: 0; height: 2px; background-color: #989898; width: 100%;}
.new-list .bot:before{ content:""; width:100%; height:100%; background:#007132; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scalex(0); -webkit-transform:scalex(0); visibility:hidden\9; }
.new-list .c{ height: 50px; overflow: hidden; margin-bottom: 10px;}
.new-list .more{ border-bottom: 1px solid #a19f9f; color: #a19f9f; font-size: 12px; text-transform: uppercase;}
.new-list dd:hover{ box-shadow:0 0 18px rgba(0,0,0,0.1);}
.new-list dd:hover .img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.new-list dd:hover .time{ background-color: #007132; color: #fff;}
.new-list dd:hover .bot:before{ transform:scalex(1); -webkit-transform:scalex(1); -moz-transform:scalex(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.new-list dd:hover .more{ color: #007132; border-bottom-color: #007132;}
.infopage{ padding-bottom: 70px; background-color: #fcfcfc;}
.infopage-box{ position: relative; margin-top: -300px; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.infopage-box-t{ padding: 50px 7% 38px; border-bottom: 2px solid #ccc; background-color: #fff;}
.infopage-box-t .t{ font-size: 30px; color: #333333; font-weight: normal; line-height: 1.2; margin-bottom: 12px;}
.infopage-box-t .time{ font-size: 12px;}
.infopage-box-c{ background-color: #fff; padding: 50px 7%; min-height: 400px;}
/*news style end*/
/*network style*/
.bge9f1f3{ background-color: #e9f1f3;}
.networkpage{ position: relative; overflow: inherit;}
.netbox{ position: absolute; left: 0; top: 0; color: #333;}
.paget{ color: #38857d; font-size: 24px; line-height: 1.5; margin-bottom: 15px;}
.netimg{ margin-left: -75px; width: 1349px !important;}
/*network style end*/
/*hr style end*/
.bgf5{ background-color: #f5f5f5;}
.hrpage-t{ text-align: center; margin-bottom: 40px;}
.hrpage-t .zh{ font-size: 24px; color: #007132; line-height: 1.2;}
.hrpage-t .en{ font-family: arial, helvetica, sans-serif; text-transform: uppercase; color: #999999; font-weight: bold;}
.ideatbl{ box-shadow:0 0 20px rgba(0,0,0,0.1); color: #333;}
.ideatbl a:link, .ideatbl a:visited { color: #333;}
.ideatbl a:active,.ideatbl a:hover { color: #007132;}  
.ideatbl img{ max-width: 100% !important; height: auto !important;}
.ideatbl td{ width: 50%; background-color: #fff;}
.ideatbl ,.ideatbl td{ border: 0px none;border-collapse:collapse;}
.ideatbl .img{ width: 100%; display: block;}
.ideacon{ width: 80%; margin: 0px auto;}
.ideacon .t{ font-size: 24px; font-weight: bold; color: #007132; line-height: 1.5; margin-bottom: 25px;}
.ideacon .c{ font-size: 15px;}
.staffdemo{ width: 1234px; margin: 0px auto;}
.staffdemo .img{ overflow: hidden; border: 1px solid #fff; margin: 0px 17px;}
.staffdemo .img img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.staffdemo .slick-arrow{ background-color: #f4d90d; width:50px; height: 46px; z-index: 105; top: 50%; margin-top: -23px;}
.staffdemo .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.staffdemo .slick-prev{ left: -90px; }
.staffdemo .slick-next{ right: -90px;}
.staffdemo .slick-prev i{ background: url(/uploads/image/eimages/i_banner_l.png) no-repeat scroll center center;}
.staffdemo .slick-next i{ background: url(/uploads/image/eimages/i_banner_r.png) no-repeat scroll center center;}
.staffdemo .item:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
.c007132{ color: #007132;}
.hrlist .hspan{ text-align:center;cursor:pointer; width: 14%; display: block; float: left; height: 50px; line-height: 50px;}
.hrlist .hspan1{ text-align: left; padding-left: 5%; width: 25%;}
.hrlist .hrdt{ background-color: #419c6a; color: #fff;}
.hrlist dd{ margin-bottom: 3px; position: relative;}
.hrlist .hrdt{ height: 50px; overflow: hidden;}
.hrlist .hrt{ background-color: #fff; color:#666666;}
.hrlist .hrt .hspan{ line-height: 50px; height: 50px;}
.hrlist .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrlist .ib i{ display:block; background-color:#cccccc;}
.hrlist .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrlist .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrlist .hrb{ border: 1px solid #007132; display: none; background-color: #fff;}
.hrlist .hrcon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrlist dd.active .hrt,.hrlist dd:hover .hrt{ background-color:#007132; color: #fff;}
.hrlist .active .ib i{ background-color: #fff;}
.hrlist .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrlist .active .ib .ic2{ display: none;}
/*hr style end*/
/*contact style*/
.contactpage{ position: relative; overflow: hidden;}
.mapbox{ position: absolute !important; left: 0; top: 0; width: 50%; height: 100%;}
.mapbox .info { border: solid 1px silver; }
div.info-top { position: relative;background: none repeat scroll 0 0 #f9f9f9; border-bottom: 1px solid #ccc;border-radius: 5px 5px 0 0;}
div.info-top div { display: inline-block; color: #007132;font-size: 14px;font-weight: bold;line-height: 2;  padding: 0 15px;}
div.info-top img { position: absolute; top: 10px;right: 15px;transition-duration: 0.25s;}
div.info-top img:hover {box-shadow: 0px 0px 5px #000;}
div.info-middle { font-size: 12px; padding: 12px;  line-height: 1.8;}
div.info-bottom { height: 0px; width: 100%;  clear: both;text-align: center;}
div.info-bottom img {position: relative; z-index: 104;}
.info-middle img { float: left; margin-right: 6px;}
.contact-right{ display: block; width: 50%; margin-left: 50%; background-color: #f7f7f7;}
.contactbox{ padding: 55px 0px 55px 66px; width: 534px; color: #383838;}
.contactt{ border-bottom: 1px solid #b6b6b6; line-height: 1.4;}
.contactt .zh{ font-size: 18px; font-weight: bold; color: #212121; line-height: 1; position: relative; display: inline-block; padding-bottom: 15px;}
.contactt .zh:before{ content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #007132;}
.contactt .en{ color: #b2b2b2; font-style: italic; font-family: arial, helvetica, sans-serif; border-left: 1px solid #5f5f5f; padding-left: 12px; margin-left: 12px;}
.ctelbox{ padding: 30px 0px; border-bottom: 1px solid #d9d9d9; color: #007132; font-size: 16px; margin-bottom: 20px;}
.messagebox{ background: url(/uploads/image/eimages/balck_20.png) repeat;}
.messagebox .hrpage-t .zh,.messagebox .hrpage-t .en{ color: #fff;}
.message-list{ color: #fff; width: 850px; margin: 0px auto;}
.message-item{ width:31%; margin-right:3.5%; margin-bottom:24px; float:left;}
.message-item1{ width:100%;}
.message-item:nth-child(3n 3){ margin-right:0;}
.message-item .t{ color:#fff; font-size:15px; margin-bottom:8px; padding-left:3px;}
.messt{ width:255px; border:1px solid #fff; padding:0 0px 0px 6px; color:#fff; line-height:38px; height:38px; background:none; display:inline-block; float:left; transition:320ms;}
.messt:focus{ border-color:#007132;}
.message-item textarea{ width:836px; height:106px; border:1px solid #fff; resize: none; outline:none; background:none; padding:6px; line-height:1.4; color:#fff; font-family:"微软雅黑"; transition:300ms; padding-left:6px}
.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;}
.message-list input:focus,.message-list textarea:focus{ border-color:#007132;}
.message-sub{ margin:30px 0px 22px;  width:100%;}
.message-sub input{ width:100%; height:40px; line-height:40px; color:#ffffff; font-size:14px; text-align:center; background:#007132; border:none; outline:none; transition:334ms; cursor:pointer; font-family:"微软雅黑";}
.message-sub input:hover{ opacity:0.8;}
/*contact style end*/
/*product style*/
.productlist{ padding: 40px 0px 40px; margin-left: -2%;}
.productlist dd{ float: left; display: block; width: 23%; margin:0px 0px 45px 2%; position: relative; overflow: hidden; cursor: pointer;}
.productlist .itemc{ border: 1px solid #cccccc; text-align: center; padding-bottom: 20px;}
.productlist .img{ padding: 26px 26px 0; margin-bottom: 10px;}
.productlist .img img{ width: 100%; display: block;}
.productlist .t{ text-align: center; text-overflow: ellipsis; white-space: nowrap; margin: 0px 5px; overflow: hidden;}
.productlist .con{ background:  repeat; background:none rgba(177,211,184,0.92); color: #2a2a2a; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  font-size: 16px; opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease 0s; transition: 0.3s 0s; }
.productlist .con .t,.productlist .con .c{ width: 64%; margin: 0px auto; opacity: 0; visibility: hidden; transform: translatey(10px); -webkit-transform: translatey(10px); transition: 300ms; -webkit-transition: 300ms; }
.productlist .con .t{ padding-top: 70px; font-weight: bold;  }
.productlist .con .c{ height: 170px; overflow: hidden;}
.productlist .bor{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.productlist .morebtn{ display: block; width: 137px; height: 38px; text-align: center; line-height: 38px; background: no-repeat scroll center center; color: #fff; margin: 15px auto 0;  opacity: 0; visibility: hidden; transform: translatey(10px); -webkit-transform: translatey(10px); transition: 300ms; -webkit-transition: 300ms;}
.filler { position: absolute; display: block; background-color: #dbebdf; -webkit-transition: 0.3s ease 0s; transition: 0.3s 0s; }
.bor .filler-left { width: 1px; height: 0%; left: 6%; top: 6%; }
.bor .filler-right { width: 1px; height: 0%; right: 6%; bottom: 6%; }
.bor .filler-top { width: 0%; height: 1px; right: 6%; top: 6%; }
.bor .filler-bottom { width: 0%; height: 1px; left: 6%; bottom: 6%; }
.md-show, .md-show body{ overflow-y:hidden;}
.md-content { background-color: #fff; margin: 0px auto; position: relative;-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-show .md-content {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.md-show  .md-modal {opacity: 1;visibility: visible;}
.md-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1100;opacity: 0;background:  repeat;background:none rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch; }
.md-overlay{ position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; background:  repeat; background: none rgba(0,0,0,0.50); overflow-x: hidden; overflow-y: auto;  -webkit-overflow-scrolling:touch;}
.product-f-box{ width: 1140px; padding: 110px 80px;}
.product-f-box .pimg{  float: left; display: block; width: 33%;}
.product-f-box .pimg img{ width: 100%; display: block;}
.product-f-c{ float: left; display: block; margin-left: 5%; width: 62%;}
.open-close{ background: url(/uploads/image/eimages/close_i2.png) no-repeat scroll center center; background-size: cover; width: 26px; height: 26px; position: absolute; right: 80px; top: 42px; cursor: pointer; transition: 300ms; -webkit-transition: 300ms;}
.open-close:hover{transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg);}
.product-f-c .t{ color: #363636; font-weight: bold; font-size: 20px; line-height: 1.5; padding-bottom: 18px; border-bottom: 1px solid #e5e4e4; margin-bottom: 32px;}
.product-f-c .pagec{ color: #363636;}
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
/*product style end*/
/*industry*/
.industryt{ font-size: 24px; text-align: center; font-weight: bold; color: #007132; line-height: 1.5; font-weight: bold;}
.industryc{ position: relative; width: 893px; height: 419px; background: url(/uploads/image/eimages/industry.gif) no-repeat; margin: 0px auto 0;}
.industryc a{ position: absolute; color: #fff; font-size: 18px; text-align: center; font-weight: bold;}
.industryc .item1{ left: 105px; top: 0;}
.industryc .item2{ left: 176px; top: 0;}
.industryc .item3{ left: 229px; top: 30px;}
.industryc .item4{ left: 340px; top: 30px;}
.industryc .item5{ left: 105px; bottom: 41px;}
.industryc .item6{ left: 137px; top: 174px;}
.industryc .item7{ left: 280px; top: 137px;}
.industryc .item8{ left: 498px; top: 137px;}
.industryc .item9{ left: 284px; bottom: 78px;}
.industryc .item10{ left: 470px; bottom: 75px;}
.industryc .item11{ right: 0px; bottom: 244px;}
.industryc .item12{ right: 0px; bottom: 147px;}
.industryc .item13{ right: 0px; bottom: 97px;}
.industryc .item14{ right: 0px; bottom: 50px;}
.industryc .item15{ right: 0px; bottom: 0;}
.industrybg1{ background: url(/uploads/image/eimages/i_y1.png) no-repeat; background: no-repeat rgba(72,175,99,1); width: 37px; height: 93px; border-radius: 50%;line-height: 1.2;}
.industrybg1:hover{  background-image: url(/uploads/image/eimages/i_y11.png); background: no-repeat rgba(53,142,77,1);}
.industrybg2{ background: url(/uploads/image/eimages/i_y2.png) no-repeat; background: no-repeat rgba(72,175,99,1); width: 107px; height: 37px; border-radius: 50%; line-height: 37px;}
.industrybg2:hover{  background-image: url(/uploads/image/eimages/i_y21.png); background: no-repeat rgba(53,142,77,1);}
.industrybg3{ background: url(/uploads/image/eimages/i_y3.png) no-repeat; background: no-repeat rgba(37,132,192,1); width: 46px; height: 104px; border-radius: 50%; line-height: 1.2;}
.industrybg3:hover{  background-image: url(/uploads/image/eimages/i_y31.png); background: no-repeat rgba(24,98,145,1);}
.industrybg4{ background: url(/uploads/image/eimages/i_y4.png) no-repeat; background: no-repeat rgba(37,132,192,1); width: 107px; height: 37px; border-radius: 50%; line-height: 37px;}
.industrybg4:hover{  background-image: url(/uploads/image/eimages/i_y41.png); background: no-repeat rgba(24,98,145,1);}
.industrybg5{ background: url(/uploads/image/eimages/i_y5.png) no-repeat; background: no-repeat rgba(37,132,192,1); width: 155px; height: 44px; border-radius: 50%; line-height: 44px;}
.industrybg5:hover{  background-image: url(/uploads/image/eimages/i_y51.png); background: no-repeat rgba(24,98,145,1);}
.industrybg6{ background: url(/uploads/image/eimages/i_y6.png) no-repeat; background: no-repeat rgba(72,175,99,1); width: 170px; height: 44px; border-radius: 50%; line-height: 44px;}
.industrybg6:hover{  background-image: url(/uploads/image/eimages/i_y61.png); background: no-repeat rgba(53,142,77,1);}
.industryc a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.industrypage{ overflow-x: auto; -webkit-overflow-scrolling: touch; margin-top: 85px;}
.pro-morebtn{ background:  no-repeat scroll center center; width: 137px; height: 39px; line-height: 39px; text-align: center; color: #fff; display: block; margin-top: 40px; font-size: 16px;}
/*industry end*/