@charset "utf-8";
/* 
 * Project Name:春天花乐园
 * Author:默默
 * Date:2017-10-30
 */
@font-face {
  font-family: "HVD Fonts - BrandonText-Bold";
  src: url("../fonts/HVD Fonts - BrandonText-Bold.woff2") format("woff2"),
       url("../fonts/HVD Fonts - BrandonText-Bold.woff") format("woff"),
       url("../fonts/HVD Fonts - BrandonText-Bold.ttf") format("truetype"),
       url("../fonts/HVD Fonts - BrandonText-Bold.eot") format("embedded-opentype"),
       url("../fonts/HVD Fonts - BrandonText-Bold.svg") format("svg");
}
@font-face {
  font-family: "sylfaen";
  src: url("../fonts/sylfaen.woff2") format("woff2"),
       url("../fonts/sylfaen.woff") format("woff"),
       url("../fonts/sylfaen.ttf") format("truetype"),
       url("../fonts/sylfaen.eot") format("embedded-opentype"),
       url("../fonts/sylfaen.svg") format("svg");
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "微軟正黑體","Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
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:1200px; margin: 0px auto;}

/*header-box*/
.header-box{ position:fixed; width:100%; background:#fff; left:0; top:0; z-index:99; transition:0.5s cubic-bezier(.215,.61,.355,1);}
.header-box.boxshwo{ box-shadow:0 0 8px rgba(0,0,0,0.3);}
.header{ padding:34px 67px 15px 67px; position:relative; z-index:10; background:#fff;}
.logo{ display:block; width:165px; line-height:0; float:left;}
.nav{ position:absolute; left:50%; margin-left:-408px; top:48px;} 
.nav li{ float:left; margin-left:52px; position:relative; line-height:1;}
.nav li:before{ content:""; width:3px; height:3px; background:#d2d2d2; position:absolute; left:-28px; top:50%; margin-top:-1px;}
.nav li:first-child{ margin-left:0;} 
.nav li:first-child:before{ display:none;}
.nav li a{ padding-bottom:2px; display:block; line-height:1; color:#333333; position:relative; z-index:2; font-size:18px;}
.nav li a:before{ content:""; width:100%; height:6px; background:#d2f8ed; position:absolute; left:0; bottom:0; z-index:-1; width:0; visibility:hidden; transition:0.44s cubic-bezier(.075,.82,.165,1); -webkit-transition:0.44s cubic-bezier(.075,.82,.165,1); -ms-transition:0.44s cubic-bezier(.075,.82,.165,1);}
.nav li a:hover,.nav li a.active{ color:#e85f35;}
.nav li a:hover:before,.nav li a.active:before{ width:100%; visibility:visible;}
.mtop{ height:106px;}
.chain{ float:right; border:1px solid #7f7f7f; position:relative; width:143px; height:45px; transition:0.5s cubic-bezier(.075,.82,.165,1); -webkit-transition:0.5s cubic-bezier(.075,.82,.165,1); -ms-transition:0.5s cubic-bezier(.075,.82,.165,1);}
.chain img{ display:block; width:96px; height:auto; line-height:0; position:absolute; left:50%; margin-left:-48px; top:4px; transition:0.5s cubic-bezier(.075,.82,.165,1); -webkit-transition:0.5s cubic-bezier(.075,.82,.165,1); -ms-transition:0.5s cubic-bezier(.075,.82,.165,1);}
.chain img.hide{ opacity:0; visibility:hidden;}
.chain:hover{ border:1px solid #e85f35;}
.chain:hover .show{ opacity:0; visibility:hidden;}
.chain:hover .hide{ opacity:1; visibility:visible;}

.cart{ float:right; margin-top:6px;}
.cart a{ display:block; width:36px; height:30px; background:url(../images/cart.png) center no-repeat;}
.cart a:hover{ background:url(../images/cart1.png) center no-repeat;}

.menubtn{ width:27px; float:right; position:absolute; right:5%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); display:none;}
.menubtn span{ display:block; width:27px; height:3px; background:#383635; 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: #383635; -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: -7px;-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: -7px;-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{ position:fixed; width:100%; height:100%; background:#f8f8f8; box-sizing:border-box; left:0; top:0; padding:80px 0; overflow-y:auto; display:none;}
.navigateli{ width:100%;}
.navigateli >li{ border-bottom:1px solid #dfdfdf;}
.navigateli >li.on >a{ background:#e85f35; color:#fff;}
.navigateli >li >a{ display:block; text-align:center; color:#656565; font-size:18px; font-weight:bold; height:56px; line-height:56px;}
.menudowns{ padding:10px 0 14px; border-top:1px solid #dfdfdf; display:none;}
.menudowns li{ margin-bottom:10px; text-align:center;}
.menudowns li:last-child{ margin-bottom:0;}
.menudowns li a{ display:inline-block; color:#999999; font-size:16px;}

.section1{ margin:0 67px; position:relative;}
@-webkit-keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
	 -ms-mask-position: 0% 0;
	 -moz-mask-position: 0% 0;
            mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
	-ms-mask-position: 100% 0;
	-moz-mask-position: 100% 0;
            mask-position: 100% 0;
  }
}

@keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
	    -ms-mask-position: 0% 0;
	   -moz-mask-position: 0% 0;
            mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
	    -ms-mask-position: 100% 0;
	   -moz-mask-position: 100% 0;
            mask-position: 100% 0;
  }
}
@-moz-keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
	-ms-mask-position: 0% 0;
	-moz-mask-position: 0% 0;
            mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
	    -ms-mask-position: 100% 0; 
	   -moz-mask-position: 100% 0; 
            mask-position: 100% 0;
  }
}
@-ms-keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
    	-moz-mask-position: 0% 0;
	    -ms-mask-position: 0% 0;
            mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
	    -ms-mask-position: 100% 0;
	   -moz-mask-position: 100% 0;
            mask-position: 100% 0;
  }
}

.banner-box{ position:relative;}
.banner li{ line-height:1; overflow:hidden; opacity:1 !important;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}
.banner li{ display:block; line-height:1; overflow:hidden;}
.banner li img{ display:block; width:100%; height:auto; position:relative;}

.banner li.hide {
  -webkit-mask: url(../images/nature-sprite.png);
     -moz-mask: url(../images/nature-sprite.png);
      -ms-mask: url(../images/nature-sprite.png);
     -o-mask: url(../images/nature-sprite.png);
          mask: url(../images/nature-sprite.png);
  -webkit-mask-size: 2300% 100%;
     -moz-mask-size: 2300% 100%;
      -ms-mask-size: 2300% 100%;
	  -o-mask-size: 2300% 100%;
          mask-size: 2300% 100%;
  -webkit-animation: mask-play 1.4s steps(22) forwards;
      -ms-animation: mask-play 1.4s steps(22) forwards;
     -moz-animation: mask-play 1.4s steps(22) forwards;
       -o-animation: mask-play 1.4s steps(22) forwards;
          animation: mask-play 1.4s steps(22) forwards;
		  z-index:4 !important;
}

/*.banner li:nth-child(odd).hide {
  -webkit-mask: url(../images/nature-sprite-2.png);
          mask: url(../images/nature-sprite-2.png);
  -webkit-mask-size: 7100% 100%;
          mask-size: 7100% 100%;
  -webkit-animation: mask-play 1.4s steps(70) forwards;
          animation: mask-play 1.4s steps(70) forwards;
		  z-index:4 !important;
}*/
.banner-box .flex-control-nav{ position:absolute; right:40px; z-index:20; top:50%; margin-top:-22px;} 
.banner-box .flex-control-nav li{ margin-bottom:9px; line-height:1;}
.banner-box .flex-control-nav li:last-child{ margin-bottom:0;}
.banner-box .flex-control-nav li span{ display:block; width:7px; height:7px; border:1px solid #dfdfdf; border-radius:50%; text-indent:9999px; overflow:hidden; transition:0.4s;}
.banner-box .flex-control-nav li a.flex-active span{ border-color:#e85f35; background:#e85f35;}

.btext{ width:1000px; position:absolute; left:50%; margin-left:-500px; top:17.5%; z-index:6; text-align:center;} 
.btext img{ display:block; max-width:100%; height:auto; margin:auto;}
.video{ position:absolute; cursor:pointer; left:5.375%; bottom:200px; z-index:10;}
.video span{ display:block; width:58px; height:58px; margin-left:5px; position:relative; float:left;}
.video span img{ display:block; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.video span:after,.video 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;}
.video span:after { opacity:0; -webkit-transform:scale(.8); transform:scale(.8);}
.video:hover span:after,.video:hover span:before { -webkit-transition-duration:1.2s;transition-duration:1.2s}
.video:hover span:before {opacity:0; -webkit-transform:scale(1.4);transform:scale(1.4);}
.video:hover span:after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.videotext{ float:left; margin-left:15px; padding-top:14px;}
.videotext b{ display:block; line-height:1; color:#fff; font-size:14px; margin-bottom:9px; font-weight:normal;}
.videotext small{ display:block; line-height:1; color:#fff; font-size:12px; font-family:"HVD Fonts - BrandonText-Bold"; text-transform:uppercase;}
.territory{ position:absolute; left:5.375%; right:5.375%; bottom:38px; background:#fff; z-index:10;}
.territle{ float:left; padding-left:40px; margin-top:41px;}
.territle h2{ color:#333333; font-size:30px; font-weight:bold; line-height:1; margin-bottom:18px;}
.territle p{ color:#999999; font-size:12px;}
.territoryli{ width:50%; float:right; position:relative;}
.territy li{ position:relative;}
.territyin{ margin-left:8.16%;}
.terrin{ width:20%; float:left; position:relative;}
.terrin:before{ content:""; width:100%; height:100%; background:#e85f35; position:absolute; left:0; top:0; -webkit-transition:-webkit-transform .44s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .44s cubic-bezier(.215,.61,.355,1); transition:transform .44s cubic-bezier(.215,.61,.355,1); transition:transform .44s cubic-bezier(.215,.61,.355,1),-webkit-transform .44s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.terrin a{ display:block; padding-top:38px; height:100px; text-align:center; position:relative;}
.terrin a b{ display:block; width:44px; margin:auto; position:relative; overflow:hidden; margin-bottom:18px; height:36px;}
.terrin a b img{ display:block; max-height:100%; width:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.4s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.4s cubic-bezier(.215,.61,.355,1); -moz-transition:0.4s cubic-bezier(.215,.61,.355,1); -ms-transition:0.4s cubic-bezier(.215,.61,.355,1);}
.terrin a b img.hide{ opacity:0; visibility:hidden; transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); -moz-transform:translateX(-100%);}
.terrin a span{ display:block; text-align:center; transition:0.4s; line-height:1.4; color:#333333; font-size:14px;}
.terrin:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.terrin:hover img.hide{ opacity:1; visibility:visible; transform:translateX(0);}
.terrin:hover img.show{ opacity:0; visibility:hidden; transform:translateX(100%);}
.terrin:hover a span{ color:#fff;}
.territyin2{ margin-left:10px;}
.territyin2 .terrin{ width:16.6666666%;}
.territoryli .flex-control-nav{ position:absolute; left:-4px; top:50%; margin-top:-41px; padding-top:28px; padding-bottom:28px;}
.territoryli .flex-control-nav:before,.territoryli .flex-control-nav:after{ content:""; width:1px; height:28px; position:absolute; left:50%; background:#cccccc;}
.territoryli .flex-control-nav:before{ top:0;}
.territoryli .flex-control-nav:after{ bottom:0;}
.territoryli .flex-control-nav li{ margin-top:9px;}
.territoryli .flex-control-nav li:first-child{ margin-top:0;}
.territoryli .flex-control-nav li span{ display:block; width:7px; height:7px; border-radius:50%; border:1px solid #999999; transition:0.4s; text-indent:9999px; overflow:hidden;}
.territoryli .flex-control-nav li a.flex-active span{ background:#999999;}

.container{ padding:0 67px;}
.dynamic{ padding:17px 5.375% 15px; border-bottom:1px solid #e5e5e5; }
.dynamicle{ width:26.24%; float:left; margin-top:52px;}
.commontt h2{ line-height:1; color:#333333; font-size:29px; font-weight:bold; margin-bottom:8px;} 
.commontt small{ display:block; line-height:1; color:#e85f35; font-size:24px; text-transform:uppercase; position:relative; padding-bottom:7px; font-family:"Sylfaen","times new roman"; z-index:1;}
.commontt small:before{ content:""; width:87px; height:14px; background:#d2f8ed; position:absolute; left:0; bottom:0; z-index:-1;}
.dymanicli{ margin-top:23px; overflow:hidden;}
.dynamicfix li{ opacity:0; visibility:hidden; transition:0s; transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%);}
.dynamicfix li.flex-active-slide{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); visibility:visible; transition:transform 0.43s cubic-bezier(.215,.61,.355,1),opacity 0.42s 0.16s cubic-bezier(.215,.61,.355,1) !important; -webkit-transition:transform 0.43s cubic-bezier(.215,.61,.355,1) ,opacity 0.42s 0.16s cubic-bezier(.215,.61,.355,1) !important;}
.dynamicfix li p{ color:#333333; font-size:16px; font-weight:bold; margin-bottom:12px; line-height:1.5; transition:0.4s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.4s cubic-bezier(.215,.61,.355,1); -ms-transition:0.4s cubic-bezier(.215,.61,.355,1); height:48px; overflow:hidden;}
.dynamicfix li time{ display:block; line-height:1; color:#999999; font-size:18px; font-family:"Sylfaen","times new roman";}
.dynamicfix li:hover p{ color:#e85f35;}
.dymanicli .flex-control-nav{ height:9px; margin-top:37px;}
.dymanicli .flex-control-nav li{ float:left; margin-right:9px;}
.dymanicli .flex-control-nav li a span{ display:block; width:7px; height:7px; border:1px solid #000000; border-radius:50%; text-indent:99999px; overflow:hidden; transition:0.4s; line-height:1;}
.dymanicli .flex-control-nav li a.flex-active span{ background:#000;}
.welcome{ width:47.52%; float:left; text-align:center; line-height:1;}
.welcome img{ display:block; margin:auto; max-width:100%; height:auto; line-height:0; transition:0.68s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.68s cubic-bezier(.215,.61,.355,1); -moz-transition:0.68s cubic-bezier(.215,.61,.355,1);}

.dymanicli .flex-direction-nav{ display:none;}
.dynamicri .flex-control-nav{ display:none;}
.dynamicri .flex-direction-nav{ display:block; margin-top:30px; height:23px; line-height:1;}
.dynamicri .flex-direction-nav li{ float:left; margin-right:26px;}
.dynamicri .flex-direction-nav li a{ display:block; width:14px; height:23px; text-indent:9999px; overflow:hidden; line-height:1; transition:0.4s cubic-bezier(.215,.61,.355,1);}
.dynamicri .flex-direction-nav li a.flex-prev{ background:url(../images/prev.png) center no-repeat;}
.dynamicri .flex-direction-nav li a.flex-next{ background:url(../images/next.png) center no-repeat;}
.dynamicri .flex-direction-nav li a.flex-prev:hover{ background:url(../images/prev1.png) center no-repeat;}
.dynamicri .flex-direction-nav li a.flex-next:hover{ background:url(../images/next1.png) center no-repeat;}

.companybox{ margin:0 5.375%;}
.address{ padding:28px 0; border-bottom:1px solid #e5e5e5;}
.address p{ color:#333333; font-size:14px; font-weight:bold; float:left; margin-right:6.9%;}
.address p:last-child{ margin-right:0;}
.address p b{ display:inline-block; color:#999999; margin-right:10px;}

.partner{ padding:30px 0 46px;}
.partner strong{ display:block; float:left; color:#de5a0b; font-size:18px; line-height:1; margin-top:8px;}
.partnerli{ width:94%; float:right; position:relative;}
.partin{ text-align:center; float:left; line-height:1; overflow:hidden; padding-top:4px;}
.partin img{ display:block; max-width:100%; height:34px; margin:auto; transition:0.4s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.4s cubic-bezier(.215,.61,.355,1); -ms-transition:0.4s cubic-bezier(.215,.61,.355,1);}
.partin img:hover{ transform:translateY(-4px); -webkit-transform:translateY(-4px); -moz-transform:translateY(-4px);}
.slick-list{ overflow:hidden;}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table;}
.slick-track:after { clear: both; }

.footer-box{ padding:12px 5.375% 19px; margin:0 67px; background:#333333; position:relative; z-index:5;}
.footerle{ float:left; margin-top:6px;}
.footerle p{ color:#fff; line-height:1.5; font-size:12px; font-family:"微软雅黑";}
.footerle p a{ display:inline-block; color:#fff; margin:0 22px;}
.footerle p a:hover{ color:#de5a0b;}
.link{ float:right;}
.shares{ float:left; margin-top:5px;}
.shares a{ display:block; width:19px !important; height:18px !important; margin-left:10px; float:left; padding:0 !important;}
.shares a:first-child{ margin-left:0;}
.shares a.blog{ background:url(../images/blog.png) center no-repeat;}
.shares a.sina{ background:url(../images/sina.png) center no-repeat;}
.shares a.weix{ background:url(../images/weix.png) center no-repeat;}
.retive{ float:right; margin-left:35px; position:relative;}
.retive span{ display:block; padding-left:16px; width:152px; height:27px; line-height:27px; color:#999999; font-size:12px; position:relative; cursor:pointer; border:1px solid #666666;}
.retive span:before{ content:""; width:12px; height:5px; background:url(../images/arrow1.png) center no-repeat; position:absolute; right:16px; top:50%; margin-top:-2px; transition:0.35s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.35s cubic-bezier(.215,.61,.355,1); -ms-transition:0.35s cubic-bezier(.215,.61,.355,1);}
.retive span.on:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.retiveli{ position:absolute; width:168px; left:0; bottom:28px; border:1px solid #666666; border-bottom:none; background:#333333; display:none;}
.retiveli li{ border-bottom:1px solid #666;}
.retiveli li a{ display:inline-block; margin-left:16px; height:27px; line-height:27px; color:#999999;}
.retiveli li a:hover{ color:#de5a0b;}

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

.vwrap { display: none; z-index: 2240; width: 100%; position: fixed; left:0; top:0;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.8); background:#000\9; filter:alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 900px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -450px;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 20px; height: 21px; cursor: pointer; position: absolute; top: -26px; right: 0px; }
.vwrap .close i { display: block; width:20px; height:21px; background:url(../images/close.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 { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }

/*about*/
.pbanner{ position:relative; margin:0 67px;}
.pimgs{ position:relative; overflow:hidden;}
.pimgs img{ display:block; position:relative; width:100%; height:auto; line-height:1;}
.ptexts{ position:absolute; left:50%; margin-left:-600px; top:33.12%; text-align:center;}
.ptexts small{ display:block; text-align:center; line-height:1; color:#e85f35; font-family:"Sylfaen","times new roman"; font-size:78px; margin-bottom:12px; text-transform:uppercase;}
.ptexts b{ display:block; text-align:center; line-height:1; color:#fff; font-size:49px; font-weight:bold;}
.menulist{ position:absolute; left:50%; margin-left:-600px; bottom:74px; text-align:center;}
.menuli{ display:inline-block; margin:auto;}
.menuli li{ float:left; margin-left:8px; position:relative; line-height:1; background:#fff;}
.menuli li:first-child{ margin-left:0;}
.menuli li a{ display:block; width:147px; height:40px; line-height:40px; text-align:center; position:relative; z-index:1; color:#333333; font-size:16px;}
.menuli li a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ea622b; z-index:-1; -webkit-transition:-webkit-transform .34s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .34s cubic-bezier(.215,.61,.355,1); transition:transform .34s cubic-bezier(.215,.61,.355,1); transition:transform .34s cubic-bezier(.215,.61,.355,1),-webkit-transform .34s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.menuli li:hover a:before,.menuli li.current a:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.menuli li:hover a,.menuli li.current a{ color:#fff;}
.introduct-box{ padding:134px 0 88px;}
.introduct{ width:910px; margin:auto;}
.aboutitle{ text-align:center;}
.aboutitle h2{ line-height:1; color:#333333; font-size:44px; font-weight:bold; text-align:center; margin-bottom:18px;}
.aboutitle small{ display:block; line-height:1; color:#e85f35; font-size:24px; text-align:center; position:relative; z-index:2; font-family:"Sylfaen","times new roman"; text-transform:uppercase;}
.aboutitle small:before{ content:""; width:87px; height:14px; background:#d2f8ed; position:absolute; left:50%; margin-left:-43px; bottom:-4px; z-index:-1;}
.intruductbox{ margin-top:68px; margin-bottom:60px;}
.intruductbox p{ color:#999999; font-size:16px; font-weight:bold; text-align:center;}
.more{ width:156px; margin:auto; position:relative; background:#ea622b; transition:0.4s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.4s cubic-bezier(.215,.61,.355,1); -ms-transition:0.4s cubic-bezier(.215,.61,.355,1);}
.more:before{ content:""; width:0; height:0; border-top:18px solid transparent;  border-bottom: 18px solid transparent; border-left: 11px solid #fff; position:absolute; left:0; top:0; transition:0.34s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.34s cubic-bezier(.215,.61,.355,1); -ms-transition:0.34s cubic-bezier(.215,.61,.355,1);}
.more:after{ content:""; width:0; height:0; border-top:18px solid transparent;  border-bottom: 18px solid transparent; border-right: 11px solid #fff; position:absolute; right:0; top:0; transition:0.34s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.34s cubic-bezier(.215,.61,.355,1); -ms-transition:0.34s cubic-bezier(.215,.61,.355,1);}
.more a{ display:block; height:35px; line-height:35px; color:#fff; font-size:16px; position:relative; text-align:center;}
.more a:before,.more a:after{ content:""; width:12px; height:3px; background:#fff; position:absolute; top:50%; margin-top:-1px;}
.more a:before{ left:27px;}
.more a:after{ right:27px;}
.more:hover{ background:#e48d29;}

.course-box{ padding:105px 0; background:#f3f3f3;}
.historyli{ margin-top:65px;}
.historyin{ width:34.83%; float:left; margin-left:-2.5%;}
.historyin1{ margin-left:0;} 
.historyin time{ display:block; line-height:1; color:#ea622b; font-size:20px; font-weight:bold; text-align:center; margin-bottom:14px;}
.hisicon{ position:relative; line-height:1;}
.hisicon .hisbg img{ display:block; width:100%; height:auto; line-height:0;}
.hisdit{ width:13px; height:13px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-6px;}
.hisdit:before{ content:""; width:1px; height:18px; background:#fff; position:absolute; left:50%; top:100%;}
.historyfix{ padding-top:51px; text-align:center; position:relative; transition:0.4s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.4s cubic-bezier(.215,.61,.355,1); -ms-transition:0.4s cubic-bezier(.215,.61,.355,1);}
.historyfix:before{ content:""; width:1px; height:51px; background:#c7c7c7; position:absolute; left:50%; top:0; transition:0.4s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.4s cubic-bezier(.215,.61,.355,1); -ms-transition:0.4s cubic-bezier(.215,.61,.355,1);}
.courcedown{ padding:30px 18px 30px; width:258px; height:235px; border:1px solid #c7c7c7; margin:auto; text-align:center; transition:0.5s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.5s cubic-bezier(.215,.61,.355,1); -ms-transition:0.5s cubic-bezier(.215,.61,.355,1);}
.courcedown strong{ display:block; text-align:center; line-height:1; color:#ea622b; font-size:20px; font-weight:bold; margin-bottom:16px; transition:0.4s;}
.courcedown p{ color:#999999; font-size:14px; line-height:2; text-align:left; transition:0.4s;}

.historyin2 time{ color:#8cbb0e;}
.historyin2 .courcedown strong{ color:#8cbb0e;}

.historyin3 time{ color:#ee9329;}
.historyin3 .courcedown strong{ color:#ee9329;}

.historyin:hover .historyfix{ padding-top:31px;} 
.historyin:hover .historyfix:before{ height:31px;}
.historyin:hover .courcedown{ box-shadow:0 0 5px rgba(0,0,0,0.13);}
.historyin:hover .courcedown strong{ color:#fff;}
.historyin:hover .courcedown p{ color:#fff;}
.historyin1:hover .courcedown{ background:#ea622b; border-color:#ea622b;}
.historyin2:hover .courcedown{ background:#8cbb0e; border-color:#8cbb0e;}
.historyin3:hover .courcedown{ background:#ee9329; border-color:#ee9329;}

.culture{ padding:110px 0 130px;}
.cultureli{ width:calc(100% + 24px); margin-top:86px; margin-left:-12px;}
.cultureli li{ width:25%; float:left; margin-bottom:38px;}
.culturewr{ margin:0 12px; position:relative; overflow:hidden;}
.culturewr figure{ display:block; line-height:1; overflow:hidden;}
.culturewr figure img{ display:block; width:100%; height:auto; transition:0.5s cubic-bezier(.215,.61,.355,1);}
.culturewr span{ display:block; width:100%; height:52px; line-height:52px; color:#ffffff; font-size:18px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); position:absolute; left:0; bottom:0; transition:0.44s 0.1s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.44s 0.1s cubic-bezier(.215,.61,.355,1); -ms-transition:0.44s 0.1s cubic-bezier(.215,.61,.355,1);}
.curfix{ width:100%; height:100%; position:absolute; left:0; top:0;}
.curfix:before{ content:""; width:100%; height:100%; background:#ea622b; position:absolute; left:0; top:0; -webkit-transition:-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition:transform .54s cubic-bezier(.215,.61,.355,1); transition:transform .54s cubic-bezier(.215,.61,.355,1),-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.curwr{ width:76%; position:absolute; left:12%; top:18%; text-align:center; opacity:0; visibility:hidden; transition:0.45s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.45s cubic-bezier(.215,.61,.355,1);}
.curwr strong{ display:block; text-align:center; line-height:1; color:#fff; font-size:18px; position:relative; padding-bottom:40px; margin-bottom:18px;}
.curwr strong:before{ content:""; width:1px; height:20px; background:#fff; position:absolute; left:50%; bottom:0;}
.curwr p{ color:#fff; font-size:14px; height:75px; overflow:hidden;}
.culturewr:hover figure img{ transform:scale(1.05);}
.culturewr:hover .curfix:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.culturewr:hover .curwr{ opacity:1; visibility:visible; transition-delay:0.2s;}
.culturewr:hover span{ opacity:0; bottom:-52px; transition:0.44s 0s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.44s 0s cubic-bezier(.215,.61,.355,1); -ms-transition:0.44s 0s cubic-bezier(.215,.61,.355,1);}

.honor-box{ padding:100px 0 140px; background-attachment:fixed; background-position:center; background-repeat:no-repeat;}
.honorlist{ position:relative; margin-top:88px;}
.honor .aboutitle{ padding-bottom:90px;}
.project { position:relative; float:left; }
.project img{ display:block; width:100%; height:auto; line-height:1;}
.project p{ display:block; text-align:center; line-height:1.2; color:#333333; font-size:16px; margin-top:30px;}
.section-project { position: relative;}
.project-carousel { position: relative; padding:0 72px;}
.project-strip { margin: 120px 0 120px;}
.project-strip .project { cursor: pointer;}
.project-strip img { max-width: 100%; width: 100%; height: auto;}
.project-detail{ height:100%;}
.project-screen { width: 450px; height: 305px; position: absolute; left: 0; right: 0; top: 0;
 bottom: 0;margin: auto;}
.project-screen .project-detail { position: absolute; left: 0; right: 0; width: 100%; height: 100%;
 z-index: 1; background-color: #333;}
.project-strip .project .prowr{ margin:0 8px;}
.project-strip .slick-arrow,.project-detail .slick-arrow{ width:42px; height:42px; border-radius:50%; padding:0; margin:0; position:absolute; top:50%; margin-top:-21px; cursor:pointer; transition:0.44s; outline:none; text-indent:9999px; overflow:hidden; border:none; z-index:20;}
.project-detail .slick-arrow{ display:none !important;}
.project-strip .slick-arrow.slick-prev,.project-detail .slick-arrow.slick-prev{ left:0; background:#a0a0a0 url(../images/arrow2.png) center no-repeat;}
.project-strip .slick-arrow.slick-next,.project-detail .slick-arrow.slick-next{ right:0; background:#a0a0a0 url(../images/arrow3.png) center no-repeat;}
.project-strip .slick-arrow.slick-prev:hover,.project-detail .slick-arrow.slick-prev:hover{ background:#ea622b url(../images/arrow2.png) center no-repeat;}
.project-strip .slick-arrow.slick-next:hover,.project-detail .slick-arrow.slick-next:hover{ background:#ea622b url(../images/arrow3.png) center no-repeat;}
.join-box{ padding:115px 0 215px;}
.jointop{ margin-top:30px;}
.jointe{ color:#333333; font-size:16px; line-height:1.2; text-align:center;}
.joinlist{ margin-top:76px;}
.joinlist li{ margin-bottom:3px;}
.joinfix{ padding:22px 30px 20px; cursor:pointer; background:#f5f5f5; position:relative; }
.joinfix strong{ display:block; line-height:1; color:#333333; font-size:18px; font-weight:bold; margin-bottom:8px;}
.joinfix p{ color:#a1a1a1; font-size:12px; line-height:1.4;}
.joinfix b{ display:block; width:23px; height:23px; position:absolute; right:48px; top:50%; margin-top:-11px; background:#d8d8d8; transition:0.44s;}
.joinfix b:before{ content:""; width:11px; height:1px; background:#fff; position:absolute; left:6px; top:11px;}
.joinfix b:after{ content:""; width:1px; height:11px; background:#fff; position:absolute; top:6px; left:11px;}
.joinfix.on b{ background:#ea622b;}
.joindown{ padding:48px 30px 106px; display:none; border:1px solid #f5f5f5;}
.joindown p{ color:#a1a1a1; font-size:14px; line-height:2;}
.joinadd{ margin-left:30px; margin-top:74px;}
.joinadd p{ color:#a1a1a1; font-size:16px; line-height:2;}

.iphone-fix{ width:100%; display:none; position:relative; background:#ea622b; z-index:10;}
.iphone-fix span{ color:#fff; display:block; font-size:15px; height:48px; line-height:48px; cursor:pointer; text-align:center; font-weight:bold;}
.iphone-fix span em{ color:#fff; font-size:14px; font-style:normal; line-height:46px; display:inline-block;}
.iphone-fix span b{ display:inline-block; margin-left:5px; width:0; height:0; border-top:6px solid #fff;  border-right:5px solid transparent; border-left: 5px solid transparent; transition:0.34s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.34s cubic-bezier(.215,.61,.355,1); -ms-transition:0.34s cubic-bezier(.215,.61,.355,1);}
.iphone-down{ width:100%; position:absolute; left:0; display:none; top:46px; background:#a0a0a0;}
.iphone-down a{ display:block; width:50%; float:left; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; position:relative; overflow: hidden; border: none !important;}
.iphone-down a:hover,.iphone-down a.on{ color:#ea622b; background:#fff;}
.iphone-down a:after{ content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color:rgba(244,244,244,0.33); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;}

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


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

  
}

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


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

/*春天简介*/
.intrusct{ padding:130px 0 224px;}
.intructs{ margin-top:60px;}
.intructs p{color:#999999;font-size:16px;width:910px;margin:auto;/* text-align:center; */}
.intructs img{ display:block; max-width:100%; height:auto; margin:auto;}
.intruimg{ width:50%; float:right; line-height:1; overflow:hidden;}
.intruimg img{ display:block; width:100%; height:auto; line-height:0;}
.intrule{ width:46.66666%; float:left; padding-top:72px;}
.intrule p{ color:#999999; font-size:16px; line-height:2;}
.intructli1 .intruimg{ float:left;}
.intructli1 .intrule{ float:right;}
.introins p{ color:#999999; font-size:18px;}
.intructf span{ display:block; color:#ea622b; font-size:20px; font-weight:bold;}
.plant{ position:relative; display:inline-block; margin:auto;}
.plantbg{ display:block; max-width:100% !important; height:auto !important; width:auto; line-height:0;}
.plant1{ width:349px; height:323px; position:absolute; left:75px; top:98px; background:url(../images/invest3.png) center no-repeat;}
.plantli{ transition:0.56s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.56s cubic-bezier(.215,.61,.355,1); -ms-transition:0.56s cubic-bezier(.215,.61,.355,1);}
.plant1:hover{ background:url(../images/invest3_1.png) center no-repeat;}
.plantli:hover .planticon{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
.planticon{ width:133px; height:44px; background:url(../images/investbg.png) center no-repeat; position:absolute; padding-top:19px; opacity:0; visibility:hidden; transform:translateY(-25px); -webkit-transform:translateY(-25px); -ms-transform:translateY(-25px); transition:0.54s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.54s cubic-bezier(.215,.61,.355,1); -ms-transition:0.54s cubic-bezier(.215,.61,.355,1);}
.planticon span{ display:block; text-align:center; color:#d50000; font-size:14px; line-height:1; font-weight:normal; font-weight:bold;}
.plant1 .planticon{ left:168px; top:68px;}
.plant2{ position:absolute; width:88px; height:61px; background:url(../images/invest1.png) center no-repeat; left:128px; bottom:108px; z-index:5;}
.plant2:hover{ background:url(../images/invest1_1.png) center no-repeat;}
.plant2 .planticon{ left:0; top:-20px;}
.plant3{ position:absolute; width:196px; height:143px; background:url(../images/invest2.png) center no-repeat; left:206px; bottom:108px;}
.plant3 .planticon{ left:30px; top:30px;}
.plant3:hover{ background:url(../images/invest2_1.png) center no-repeat;}

.plant4{ position:absolute; width:149px; height:92px; background:url(../images/invest4.png) center no-repeat; left:389px; top:151px}
.plant4 .planticon{ left:-20px; top:0px;}
.plant4:hover{ background:url(../images/invest4_1.png) center no-repeat;}

.plant5{ position:absolute; width:70px; height:59px; background:url(../images/invest5.png) center no-repeat; left:400px; top:271px; z-index:4;}
.plant5 .planticon{ left:-20px; top:-30px;}
.plant5:hover{ background:url(../images/invest5_1.png) center no-repeat;}

.plant6{ position:absolute; width:84px; height:137px; background:url(../images/invest6.png) center no-repeat; left:383px; bottom:66px; z-index:4;}
.plant6 .planticon{ left:-15px; top:0;}
.plant6:hover{ background:url(../images/invest6_1.png) center no-repeat;}

.plant7{ position:absolute; width:245px; height:275px; background:url(../images/invest7.png) center no-repeat; right:208px; top:160px;}
.plant7 .planticon{ left:20px; top:60px;}
.plant7:hover{ background:url(../images/invest7_1.png) center no-repeat;}

.area{ text-align:center; position:relative; display:inline-block; margin:auto;}
.area img{ display:block; margin:auto; max-width:100%; height:auto; line-height:0;}
.area i{ display:block; width:139px; height:164px; background:url(../images/line1.png) center bottom no-repeat; position:absolute; right:90px; bottom:337px;}
.areate{ position:absolute; right:-88px; top:-56px;}
.areate span{ display:block; line-height:1.4; color:#a4ca35; font-size:21px;}
.areate strong{ display:block; line-height:1.4; color:#a4ca35; font-size:21px; font-weight:bold; text-align:left;}


/*园区规划*/
.mousein{ width:48px; height:48px; position:absolute; left:50%; margin-left:-25px; bottom:72px; z-index:10; border-radius:50%; border:1px solid #fff;}
.mousein span{ display:block; width:16px; height:9px; background:url(../images/arrow4.png) center no-repeat; position:absolute; left:50%; margin-left:-8px; top:20px;  animation-delay: 0ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
}

@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 10px, 0px); }
}

@-ms-keyframes arrow {
    0% { opacity: 0; -ms-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -ms-transform: translate3d(0px, 10px, 0px); }
}

.territorytop{ padding:130px 0 80px; width:910px; margin:auto;}
.territys{ margin-top:65px;}
.territys p{ color:#999999; font-size:16px; font-weight:bold; line-height:2; text-align:center;}
.domainimg{ line-height:1; overflow:hidden; width:62%; margin:auto;}
.domainimg img{ display:block; width:100%; line-height:1; height:auto;}

.domain{ position:relative;}
.dominlist{ width:19%; height:100%; box-sizing:border-box; border-top:1px solid #d7d7d7; position:absolute; top:0;}
.dominlist1{ left:0;}
.dominlist1 li{ height:20%;}
.dominlist li{ position:relative; border-bottom:1px solid #d7d7d7; box-sizing:border-box;}
.dominlist li a{ width:100%; height:100%; display:table;}
.dominlist li:before{ content:""; width:100%; height:100%; height:calc(100% +1px); position:absolute; left:0; top:-1; top:0\9; background:#ea622b; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.dominwr{ display:table-cell; vertical-align:middle; padding-left:8%; position:relative;}
.dominwr span{ color:#a1a1a1; font-size:21px; transition:0.4s;}
.dominicon{ width:28px; height:36px; float:left; position:relative; margin-right:16px; overflow:hidden;}
.dominicon img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.45s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.45s cubic-bezier(.215,.61,.355,1); -ms-transition:0.45s cubic-bezier(.215,.61,.355,1);}
.dominicon img.hide{ opacity:0; visibility:hidden; transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%);}
.dominwr span{ display:block; float:left; color:#a1a1a1; font-size:21px; line-height:36px;}
.dominwr b{ display:block; width:23px; height:23px; border-radius:50%; float:right; margin-right:6%; background:#fff url(../images/arrow5.png) center no-repeat; margin-top:6px; opacity:0; visibility:hidden; transform:translateX(-10px); -webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); transition:0.35s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.35s cubic-bezier(.215,.61,.355,1); -ms-transition:0.35s cubic-bezier(.215,.61,.355,1);}

.dominlist li:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.dominlist li:hover .dominwr span{ color:#fff;}
.dominlist li:hover .dominicon img.show{ opacity:0; visibility:hidden; transform:translateX(100%); -webkit-transform:translateX(100%); -ms-transform:translateX(100%);}
.dominlist li:hover .dominicon img.hide{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0);}
.dominlist li:hover .dominwr b{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); transition-delay:0.25s;}

.dominlist2{ right:0;}
.dominlist2 li{ height:16.6666666%;}

.pattern{ padding:160px 0 250px; width:910px; margin:auto;}
.pattern strong{ display:block; line-height:1.2; color:#ea622b; font-size:35px; margin-bottom:53px; text-align:center;}
.pattern p{ color:#999999; font-size:16px; font-weight:bold; text-align:center;}

.ptexts1{ margin-top:-25px; top:50%;}
.flowers{ width:100%; position:absolute; left:0; bottom:30px; z-index:5;}
.flowers small{ display:block; text-align:center; line-height:1; color:#e85f35; font-size:16px; font-family:"Sylfaen","times new roman"; margin-bottom:6px; text-transform:uppercase;}
.flowers img{ display:block; margin:auto; line-height:0; max-width:100%;}
.flexmenu{ position:relative; z-index:10;}
.flexinfo{ position:absolute; left:0; top:130px; z-index:20; }
.flexinfo.flex{ position:fixed; left:0;}
.flexinfo1.flex{ right:0; left:auto;}
.shwoflex{ width:67px; height:65px; background:#e0e0e0 url(../images/arrow6.png) center no-repeat; cursor:pointer;}
.flexhide{ position:absolute; left:0; top:0; perspective:300px; -webkit-perspective:300px; transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); visibility:hidden; transition:0.45s cubic-bezier(.215,.61,.355,1);}
.flexlist{ width:195px; background:#fff; position:relative; z-index:4;}
.flexlist li{ position:relative; border:1px solid #e0e0e0; margin-top:-1px;}
.flexlist li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ec642c; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.flexlist li a{ display:block; height:64px; line-height:64px; color:#8e8e8e; font-size:14px; text-align:center; position:relative;}
.hclose{ display:block; width:66px; height:65px; position:absolute; right:-66px; top:-1px; background:#e0e0e0; cursor:pointer; transform-style:preserve-3d; transform-origin:0 center; transform:rotateY(75deg); opacity:0; visibility:hidden; transition:0.45s cubic-bezier(.215,.61,.355,1);}
.hclose:before{ content:""; width:18px; height:18px; background:url(../images/close1.png) center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.44s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.44s cubic-bezier(.215,.61,.355,1); -ms-transition:0.44s cubic-bezier(.215,.61,.355,1);}
.hclose:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.flexlist li:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.flexlist li:hover a{ color:#fff;}

.flexinfo:hover .flexhide{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0);}
.flexinfo:hover .hclose{ opacity:1; visibility:visible; transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transition-delay:0.16s;}

.flexinfo1{ left:auto; right:0;}
.flexinfo1 .flexhide{ transform:translateX(100%); -webkit-transform:translateX(100%); -ms-transform:translateX(100%); left:auto; right:0;}
.flexinfo1:hover .flexhide{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0);}

.markets{ padding:132px 0 110px;}
.smartimg{ position:relative; z-index:5;}
.smartimg .markimg{ display:block; width:100%; height:auto; line-height:0;}
.vbBox{ height: 100%; width:100%; left:0; top:0; position:absolute; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index:5;}
.smartimg .video{ left:50%; margin-left:-29px; top:50%; margin-top:-29px; bottom:auto;}
.smartimg .video span{ margin-left:0;}
.jwplayer{ opacity:0; height:100% !important;}
.markdonw{ width:910px; margin:auto; margin-top:74px;}
.markdonw p{ color:#999999; font-size:16px; font-weight:bold; line-height:2; text-align:center;}
.market li{ width:25%; float:left; position:relative; line-height:1; overflow:hidden;}
.market li figure{ display:block; line-height:1; overflow:hidden;}
.market li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
.marketd{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); width:100%; transition:0.46s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.46s cubic-bezier(.215,.61,.355,1); -ms-transition:0.46s cubic-bezier(.215,.61,.355,1);}
.marketd span{ display:block; position:relative; z-index:4; height:67px; line-height:67px; color:#ffffff; font-size:20px; font-weight:bold; padding:0 14.2%;}

.marketfix{ padding-bottom:90px;}
.marketfixs{ width:100%; height:100%; position:absolute; left:0; z-index:5; top:0;}
.marketfixs:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#e48d29; -webkit-transition:-webkit-transform .7s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .7s cubic-bezier(.215,.61,.355,1); transition:transform .7s cubic-bezier(.215,.61,.355,1); transition:transform .7s cubic-bezier(.215,.61,.355,1),-webkit-transform .7s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.marketwr{ padding:58px 9.4% 0; height:450px; overflow:hidden; position:relative; z-index:5; opacity:0; visibility:hidden; transition:0.36s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.36s cubic-bezier(.215,.61,.355,1); -ms-transition:0.36s cubic-bezier(.215,.61,.355,1);}
.marketwr h3{ line-height:1; color:#fff; font-size:30px; font-weight:bold; position:relative; padding-bottom:22px;}
.marketwr h3:before{ content:""; width:34px; height:2px; background:#fff; position:absolute; left:0; bottom:0;}
.markd{ margin-top:54px;}
.markd p{ color:#fff; font-size:14px; line-height:2;}
.markicon{ display:block; max-width:90px; height:auto; line-height:1; position:absolute; right:30px; bottom:14px; opacity:0; visibility:hidden; transition:0.5s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.5s cubic-bezier(.215,.61,.355,1); -ms-transition:0.5s cubic-bezier(.215,.61,.355,1);}
.market li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05);}
.market li:hover .marketd{ bottom:-67px;} 
.market li:hover .marketfixs:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.market li:hover .marketwr{ opacity:1; visibility:visible; transition:0.56s 0.16s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.56s 0.16s cubic-bezier(.215,.61,.355,1); -ms-transition:0.56s 0.16s cubic-bezier(.215,.61,.355,1);}
.market li:hover .markicon{ opacity:1; visibility:visible; transition-delay:0.4s;}
.market{ margin-bottom:86px;}
.more1{ background:#d9d9d9;}
.more1 a:before, .more1 a:after{ background:#333333; transition:0.34s;}
.more1 a{ color:#333333;}
.more1:hover{ background:#ea622b;}
.more1:hover a:before,.more1:hover a:after{ background:#fff;}
.more1:hover a{ color:#fff;}

.developments{ width:910px; margin:auto; padding:145px 0 166px;}
.developments h3{ line-height:1.2; color:#ea622b; font-size:35px; text-align:center; margin-bottom:40px;}
.developments p{ text-align:center; color:#999999; font-size:16px; font-weight:bold;}
.commonlist li{ position:relative; line-height:1;}
.commonlist li figure{ display:block; line-height:1; overflow:hidden;}
.commonlist li figure img{ display:block; width:100%; height:auto; transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}
.commonlist1 li{ width:50%; float:left; overflow:hidden;}
.commonlist1 li .marketd span{ padding:0 7.17%;}
.commonlist1 li .marketfixs:before{ background:#ea622b;}
.commonlist1 li .marketwr{ padding:62px 4.7% 0;}

.commonlist1 li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05);}
.commonlist1 li:hover .marketd{ bottom:-67px;} 
.commonlist1 li:hover .marketfixs:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.commonlist1 li:hover .marketwr{ opacity:1; visibility:visible; transition:0.56s 0.16s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.56s 0.16s cubic-bezier(.215,.61,.355,1); -ms-transition:0.56s 0.16s cubic-bezier(.215,.61,.355,1);}
.commonlist1 li:hover .markicon{ opacity:1; visibility:visible; transition-delay:0.4s;}
.develper{ padding-bottom:92px;}
.develper .more{ margin-top:74px;}

.quotafix{ padding:74px 0 110px; background-position:center; background-size:cover !important;}
.quotatle{ line-height:1.2; padding-bottom:20px; color:#ffffff; font-size:30px; text-align:center; position:relative; margin-bottom:92px;}
.quotatle:before{ content:""; width:34px; height:2px; background:#d2f8ed; position:absolute; left:50%; margin-left:-17px; bottom:0;}
.quotali{ width:818px; margin:auto; position:relative;}
.quotawr{ position:relative; margin:0 16px; background:#fff; padding-top:25px; height:139px; z-index:5;}
.quotawr:before{ content:""; width:100%; height:100%; background:#ea622b; position:absolute; left:0; top:0; z-index:-1; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.quotawr b{ display:block; color:#999999; font-size:20px; font-weight:normal; line-height:1; margin-left:18px; margin-bottom:20px; transition:0.35s;}
.quotawr span{ display:block; color:#999999; font-size:14px; line-height:2; margin:0 38px 0 18px; transition:0.35s; height:84px; overflow:hidden;}
.quotain{ float:left;}
.quotali .slick-dots{ margin-top:40px; text-align:center; line-height:1;}
.quotali .slick-dots li{ display:inline-block; margin-left:10px; line-height:1;}
.quotali .slick-dots li:first-child{ margin-left:0;}
.quotali .slick-dots li button{ display:block; padding:0; margin:0; width:7px; height:7px; text-indent:9999px; overflow:hidden; border-radius:4px; background:#fff; transition:0.38s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.38s cubic-bezier(.215,.61,.355,1); -ms-transition:0.38s cubic-bezier(.215,.61,.355,1); border:none; outline:none; cursor:pointer;}
.quotali .slick-dots li.slick-active button{ width:34px; background:#ea622b;}
.quotawr:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.quotawr:hover b{ color:#fff;}
.quotawr:hover span{ color:#fff;}
.quotadown{ width:910px; margin:auto; margin-top:40px;}
.quotadown p{ color:#fff; text-align:center; font-size:14px;}
.logistic img{ display:block; width:100%; height:auto; line-height:1;}

.commonlist2 li{ width:33.33333%;}
.winchanceli{ padding-top:76px; text-align:center;}
.winchan{ margin:auto; display:inline-block;}
.winchan li{ display:inline-block; float:left; margin-left:2px;}
.winchan li:first-child{ margin-left:0;}
.winchan li a{ display:block; min-width:147px; text-align:center; height:40px; line-height:40px; color:#333333; font-size:16px; padding:0 30px; box-sizing:border-box; position:relative; z-index:3;}
.winchan li a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ea622b; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index:-1;}
.winchan li a:hover,.winchan li a.on{ color:#fff;}
.winchan li a:hover:before,.winchan li a.on:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.wins{ padding:100px 0;}

.gardens{ position:relative;}
.gardemsed li{ position:relative;}
.gardemsed li img{ display:block; width:100%; height:auto; line-height:0;}
.gardemsed li span{ display:block; height:59px; line-height:59px; color:#fff; font-size:14px; width:100%; position:absolute; left:0; bottom:0; text-indent:37px; background:rgba(0,0,0,0.6); background:#000\9; filter:alpha(opacity=60); opacity:0; visibility:hidden; transition:0.34s; transform:translateY(59px); -webkit-transform:translateY(59px); -ms-transform:translateY(59px);}
.gardemsed li.flex-active-slide span{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); transition:0.54s 0.23s;}

.gardens .flex-direction-nav{ position:absolute; right:23px; bottom:18px; height:18px; width:94px; z-index:20;}
.gardens .flex-direction-nav .flex-nav-prev{ float:left;}
.gardens .flex-direction-nav .flex-nav-next{ float:right;}
.gardens .flex-direction-nav li a{ display:block; width:10px; height:18px; text-indent:9999px; overflow:hidden;}
.gardens .flex-direction-nav li a.flex-prev{ background:url(../images/arrow8.png) center no-repeat;}
.gardens .flex-direction-nav li a.flex-next{ background:url(../images/arrow9.png) center no-repeat;}
.numble{ position:absolute; right:46px; bottom:17px; line-height:1; z-index:5;}
.numble span{ display:block; float:left; color:#ffffff; font-size:14px; line-height:1; font-family:"Arial"; padding-top:3px;}
.numble span.star{ font-size:18px; padding-top:0;}
.numble i{ display:inline-block; float:left; color:#fff; font-style:normal; padding-top:3px; margin:0 6px;}

.school{ margin-top:148px;}
.schoolt{ text-align:center; line-height:1; color:#ea622b; font-size:35px; margin-bottom:66px;}
.invest{ text-align:center;}
.investinfo{ display:inline-block; padding-top:124px; height:306px; width:430px; border-radius:50%; vertical-align:middle; text-align:center;}
.investinfo span{ display:block; text-align:center; color:#fff; font-size:23px; margin-bottom:4px;}
.investinfo strong{ display:block; line-height:1; color:#fff; font-size:70px; font-weight:normal; text-align:center;}
.investinfo1{ background:#ea622b; filter:alpha(opacity=50); background:rgba(234,98,43,0.5); margin-right:-24px; position:relative;}
.investinfo2{ background:#f0942a; filter:alpha(opacity=50); background:rgba(240,148,42,0.5);}

.dymanic{ padding:158px 0 170px; width:1100px; margin:auto;}
.dymanicbox li{ margin-bottom:28px; position:relative;}
.dymanicbox li a:before{ content:""; width:100%; height:9px; background:#f0942a; position:absolute; left:0; bottom:0; z-index:4; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.dymanicbox li figure{ display:block; line-height:1; width:50%; float:left; position:relative; overflow:hidden;}
.dymanicbox li figure:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0 ;background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:0.5s; z-index:2; transition:0.5s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.5s cubic-bezier(.215,.61,.355,1); -ms-transition:0.5s cubic-bezier(.215,.61,.355,1);}
.dymanicbox li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.56s;}
.dymanicfs{ width:50%; height:100%; position:absolute; left:50%; top:0; }
.dymanicfs:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #efefef; box-sizing:border-box;}
.dymanicfs:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ea622b; -webkit-transition:-webkit-transform .62s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .62s cubic-bezier(.215,.61,.355,1); transition:transform .62s cubic-bezier(.215,.61,.355,1); transition:transform .62s cubic-bezier(.215,.61,.355,1),-webkit-transform .62s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.dymanicwr{ padding:35px 19px 0 38px; position:relative; z-index:4;}
.dymanictop{ margin-bottom:14px;}
.dymanictop h3{ color:#000000; font-size:18px; font-weight:bold; line-height:1.2; margin-top:4px; width:70%; float:left; transition:0.38s;}
.times{ float:right; padding-left:17px; width:71px; padding-top:16px; height:55px; background:#b6b6b6; transition:0.44s;}
.times b{ display:block; line-height:1; color:#fff; font-size:28px; font-weight:normal; font-family:"Sylfaen","times new roman"; margin-bottom:2px; transition:0.35s;}
.times time{ display:block; line-height:1; color:#fff; font-size:14px; font-family:"Sylfaen","times new roman"; transition:0.35s;}
.dynamicd{ margin-top:13px; height:56px; overflow:hidden;}
.dynamicd p{ color:#646464; font-size:14px; line-height:2; transition:0.35s;}
.dymanicwr i{ display:block; line-height:1; font-style:normal; color:#646464; font-size:14px; margin-top:10px; transition:0.35s;}
.dymanicfs span{ display:block; line-height:1; color:#646464; font-size:14px; position:absolute; left:38px; bottom:38px; transition:0.35s; z-index:4;}
.dymanicbox{ margin-bottom:110px;}
.dymanicbox li:hover a:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.dymanicbox li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05);}
.dymanicbox li:hover figure:before{ opacity:1; visibility:visible;}
.dymanicbox li:hover .dymanicfs:after{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.dymanicbox li:hover .dymanictop h3{ color:#fff;}
.dymanicbox li:hover .dymanictop .times{ background:#fff;}
.dymanicbox li:hover .dymanictop .times b{ color:#ea622b;}
.dymanicbox li:hover .dymanictop .times time{ color:#ea622b;}
.dymanicbox li:hover .dynamicd p{ color:#fff;}
.dymanicbox li:hover .dymanicwr i{ color:#fff;}
.dymanicbox li:hover .dymanicfs span{ color:#fff;}
.pagesli{ text-align:center;}
.pagesli a,.pagesli span{ display:inline-block; color:#000000; font-size:16px; line-height:1; width:30px; position:relative; margin-left:10px; padding-bottom:20px;}
.pagesli a:before,.pagesli span:before{ content:""; width:100%; height:7px; background:#ea622b; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.pagesli a:hover,.pagesli span{ color:#ea622b;}
.pagesli span:before{ margin-left:0; color:#ea622b; transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}

.newwfix{width:1098px; margin:auto; margin-top:-234px; margin-bottom:140px; position:relative; z-index:10; background:#fff; border:1px solid #e3e3e3;}
.newswr{ padding:80px 98px 44px;}
.newtitle h3{ padding-bottom:36px; border-bottom:2px solid #d2d2d2; color:#000000; font-size:32px; line-height:1.4; font-weight:normal;}
.newtitle .reddown{ position:static; margin-top:22px;}
.nshare{ display:block; float:left; margin-left:27px; color:#969696; font-size:14px; padding-left:24px; height:19px; line-height:19px !important; background:url(../images/share1.png) left center no-repeat !important;}
.newtext{ padding:70px 0 100px;}
.newtext p{ font-size:16px; color:#646464;}
.newtext img{ display:block; max-width:100%; height:auto; line-height:1;}
.newprev{ border-top:1px solid #e5e5e5;}
.newins{ padding:28px 14px; border-bottom:1px solid #e5e5e5;}
.newins span{ display:block; float:left; color:#969696; font-size:14px; height:18px; line-height:18px; padding-right:14px; border-right:1px solid #f2f3f1; margin-right:12px;}
.newins p{ color:#323232; font-size:16px; line-height:18px; float:left; transition:color 0.4s;}
.backlist{ margin-left:14px; display:inline-block; line-height:1; color:#969696; font-size:16px; margin-top:26px;}
.backlist:hover{ color:#ea622b;}
.newins:hover p{ color:#ea622b;} 

.reddown{ position:absolute; left:40px; right:28px; bottom:32px;}
.reddown b{ display:block; width:43px; height:25px; line-height:25px; color:#fff; font-size:12px; background:#ea622b; font-family:"Sylfaen","times new roman"; float:left; margin-right:6px; text-align:center; font-weight:normal;}
.reddown time{ display:block; line-height:25px; float:left; color:#969696; font-family:"Sylfaen","times new roman";}
.reddown span{ font-size:12px; padding-bottom:0; float:right;}
.reddserchs{ padding-left:11px; float:left; margin-left:18px; background:#ea622b;}
.reddserchs span{ display:block; float:left; color:#fff; font-size:14px; line-height:25px; background:url(../images/share2.png) left center no-repeat;}
.reddserchs i{ display:block; width:8px; height:1px; background:#fff; float:left; margin-left:8px; margin-top:12px;}
.redshare{ float:left;}
.redshare li{ float:left; margin-right:0; transition:0.34s;}
.redshare li a{ display:block; margin-right:0; width:33px !important; height:25px !important; box-sizing:border-box; position:relative;}
.redshare li a.icon-share1{ background:url(../images/sina1.png) center no-repeat !important;}
.redshare li a.weix,.redshare li a.weixin{ background:url(../images/weix1.png) center no-repeat !important;}
.redshare li:hover{ background:#f0942a;}

/*新闻*/
.news{ padding:124px 0 174px;}
.newsli{ margin-bottom:120px;}
.newsli li{ position:relative;}
.newsli li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#f3f3f3; -webkit-transition:-webkit-transform .62s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .62s cubic-bezier(.215,.61,.355,1); transition:transform .62s cubic-bezier(.215,.61,.355,1); transition:transform .62s cubic-bezier(.215,.61,.355,1),-webkit-transform .62s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.newfix{ width:1100px; margin:auto; padding:26px 0 64px; border-bottom:1px solid #eeeeee; position:relative;}
.newle{ width:79%; float:left;}
.newle h3{ color:#000000; font-size:20px; font-weight:normal; line-height:1.2; height:70px; transition:0.4s;}
.newle p{ color:#646464; font-size:14px; margin-bottom:20px; height:50px; overflow:hidden;}
.newle span{ display:inline-block; line-height:1; color:#b6b6b6; font-size:16px; text-transform:uppercase; padding-bottom:4px; position:relative; font-family:"Sylfaen","times new roman"; transition:0.4s;}
.newle span:before{ content:""; width:100%; height:1px; background:#cacaca; position:absolute; left:0; bottom:0; transition:0.42s;}
.newsli li:first-child .newfix{ border-top:1px solid #eeeeee;}
.newsli li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.newsli li:hover .newle h3{ color:#ea622b; font-size:20px;}
.newsli li:hover .newle span{ color:#ea622b;}
.newsli li:hover .newle span:before{ background:#ea622b;}
.newsli li:hover .times{ background:#ea622b;}
.newsli li:hover .times b{ color:#fff;}
.newsli li:hover .times time{ color:#fff;}

.videolist{ margin-bottom:60px;}
.videolist li{ width:48.3333%; float:left; margin-bottom:42px;}
.videolist li:nth-child(2n+2){ float:right;}
.videolist li figure{ display:block; line-height:1; overflow:hidden; position:relative;}
.videolist li figure .vbgs{ display:block; width:100%; height:auto; line-height:0; transition:0.65s;}
.videolist li .videbgs{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background:#000; filter:alpha(opacity=50); background:rgba(0,0,0,0.5);}
.videolist li .videbgs span{ margin-left:0; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.videname{ transition:0.43s; position:relative; background:#e2e2e2;}
.videname span{ display:block; text-align:center; height:70px; line-height:70px; color:#333333; font-size:16px; position:relative; transition:0.38s;}
.videolist li:hover figure .vbgs{ transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05);}
.videolist li:hover .video span:after,.videolist li:hover .video span:before { -webkit-transition-duration:1.2s;transition-duration:1.2s}
.videolist li:hover .video span:before {opacity:0; -webkit-transform:scale(1.4);transform:scale(1.4);}
.videolist li:hover .video span:after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.videolist li:hover .videname{ background:#ea622b;}
.videolist li:hover .videname span{ color:#fff;}

.along li{ margin-bottom:85px;}
.along li figure{ display:block; line-height:1; overflow:hidden;}
.along li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.6s;}
.alongdown{ padding-top:30px;}
.alongdown .times{ float:left;}
.alongri{ width:69.54%; float:left; margin-left:76px;}
.alongri h3{ line-height:1.2; transition:0.4s; color:#000000; font-size:18px; font-weight:bold; height:60px;}
.alongri p{ color:#646464; height:56px; font-size:14px; line-height:2; margin-bottom:60px; overflow:hidden;}
.alongri span{ display:inline-block; line-height:1; color:#646464; font-size:14px; transition:0.4s;} 
.along li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05);}
.along li:hover .times{ background:#ea622b;}
.along li:hover .times b{ color:#fff;}
.along li:hover .times time{ color:#fff;}
.along li:hover .alongri h3{ color:#ea622b;}
.along li:hover .alongri span{ color:#ea622b;}

.mission{ padding:128px 0 147px; width:835px; margin:auto;}
.mission .aboutitle h2{ color:#ea622b;}
.aboutitle span{ display:block; line-height:1; text-align:center; color:#9b9999; font-size:20px;}
.missdown{ margin-top:44px; padding-top:114px; position:relative;} 
.missdown:before{ content:""; width:1px; height:70px; position:absolute; left:50%; top:0; background:#5dbc97;}
.missdown p{ color:#000000; font-size:16px; line-height:2; text-align:center;}
.welfare{ padding:147px 0 150px; background-attachment:fixed; background-repeat:no-repeat;}
.welfaretop{ position:relative; z-index:4;}
.welfaretop span{ display:block; text-align:center; line-height:1; color:#ffffff; font-size:35px; margin-bottom:30px;}
.welfaretop small{ display:block; text-align:center; line-height:1; color:#fff; text-transform:uppercase; font-family:"Sylfaen","times new roman"; font-size:24px; position:relative;}
.welfaretop small:before{ content:""; width:87px; height:14px; background:#d2f8ed; position:absolute; left:50%; margin-left:-43px; bottom:0; z-index:-1;}
.help-box{ background:#f0f0f0;}
.helpwr{ padding:160px 0 96px; position:relative;}
.help{ width:850px; margin:auto; opacity:0; visibility:hidden; transform:translateY(120px); -webkit-transform:translateY(120px); -ms-transform:translateY(120px); transition:0s;}
.help h3{ color:#000000; font-size:24px; font-weight:bold; text-align:center; line-height:1.2; margin-bottom:26px;}
.help p{ color:#000000; font-size:16px; margin-bottom:36px;}
.help img{ max-width:100% !important; width:auto !important; height:auto !important;}
.helpnuble{ width:116px; text-align:center; padding-top:26px; height:90px; border-radius:50%; background:#fff; position:absolute; left:50%; margin-left:-58px; top:-58px;}
.helpnuble span{ display:block; line-height:1; text-align:center; color:#818181; font-size:16px; font-family:"Sylfaen","times new roman";}
.helpnuble span.stars{ color:#ea622b; font-size:24px;}
.helpnuble i{ display:block; width:59px; height:1px; margin:10px auto; background:#aeddcb;}
.helpli li.flex-active-slide .help{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); transition:0.76s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.76s cubic-bezier(.215,.61,.355,1); -ms-transition:0.76s cubic-bezier(.215,.61,.355,1);}
.helpwr .flex-direction-nav li a{ display:block; width:42px; height:42px; position:absolute; top:-21px; text-indent:9999px; overflow:hidden; border-radius:50%;}
.helpwr .flex-direction-nav li a.flex-prev{ left:0; background:#a0a0a0 url(../images/arrow2.png) center no-repeat;}
.helpwr .flex-direction-nav li a.flex-next{ right:0; background:#a0a0a0 url(../images/arrow3.png) center no-repeat;}
.helpwr .flex-direction-nav li a.flex-prev:hover{ background:#ea622b url(../images/arrow2.png) center no-repeat;}
.helpwr .flex-direction-nav li a.flex-next:hover{ background:#ea622b url(../images/arrow3.png) center no-repeat;}

.technology{ width:840px; margin:auto; padding:86px 0 160px;}
.technology p{ text-align:center; color:#ea622b; font-size:16px;}
.map-box{ position:relative; margin:0 76px;}
.map{ height:100%;}
.anchorBL{ display:none;}
.BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}
#map .BMap_mask{ background:rgba(0,0,0,0.2) !important; background:#000\9; filter:alpha(opacity=20);}
@keyframes scales {
    0% { opacity: 0.2; transform: scale(0.6);}
    33% { opacity: 0.5; transform:scale(0.8);}
    66% { opacity: 1; transform:scale(1);}
    100% { opacity: 0.6; transform:scale(0.6); }
}
.mapicon{ position:absolute; left:50%; margin-left:-50px; top:50%; margin-top:-160px;}
.contact-box{ padding:140px 0;}
.addressfix{ margin-top:100px;}
.addreinfo{ float:left; width:25%; text-align:center;}
.addreinfo:first-child{ margin-left:0;}
.addreinfo b{ transition:0.5s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.5s cubic-bezier(.215,.61,.355,1); -ms-transition:0.5s cubic-bezier(.215,.61,.355,1); display:block; width:57px; height:57px; border:3px solid #ea652f; position:relative; border-radius:50%; margin:auto; margin-bottom:26px;}
.addreinfo b img{ display:block; max-width:100%; height:auto; line-height:0; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.addreinfo p{ color:#999999; font-size:16px; text-align:center;}
.addreinfo:hover b{ transform:translateY(-6px); -webkit-transform:translateY(-6px); -ms-transform:translateY(-6px);}
.addgong{ margin-top:135px; text-align:center;}
.addgong img{ display:block; max-width:100%; height:auto; margin:auto; line-height:0;}
.addgong span{ display:block; text-align:center; line-height:1; color:#999999; font-size:16px; margin-top:18px;}

.area.article-block img{ opacity:0; visibility:hidden; transform:translateY(108px); -webkit-transform:translateY(108px); -ms-transform:translateY(108px); transition:0.68s;}
.area.articleShow img{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
.area.article-block i{ height:0; overflow:hidden; transition:0.65s 0.5s;}
.area.articleShow i{ height:164px;}
.area.article-block .areate{ opacity:0; visibility:hidden; transition:0.65s 0.8s;}
.area.articleShow .areate{ opacity:1; visibility:visible;}

.investinfo.article-block{ opacity:0; visibility:hidden; transition:0.4s;}
.investinfo.articleShow{ opacity:1; visibility:visible; animation:rollIn 1s ease-out;}

.aboutitle.article-block{ opacity:0; transform:translateY(78px); -webkit-transform:translateY(78px); -ms-transform:translateY(78px); transition:0.65s;}
.aboutitle.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
.missdown.article-block:before{ height:0; transition:0.66s 0.24s;}
.missdown.articleShow:before{ height:70px;}
.missdown.article-block .missli{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -ms-transform:translateY(60px); transition:0.76s 0.4s;}
.missdown.articleShow .missli{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}

.welfaretop.article-block{ opacity:0; transform:translateY(66px); -webkit-transform:translateY(66px); -ms-transform:translateY(66px); transition:0.64s;}
.welfaretop.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}

.errorbox{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/error.jpg) center no-repeat; background-size: cover; text-align: center;}
.error{ width: 738px; position: absolute; left: 50%; margin-left: -369px; top: 50%; margin-top: -171px;}
.error img{ display: block; margin: auto; max-width: 100%; }
.errordown{ text-align: center; margin-top: 80px;}
.errorhref{ text-align: center; margin-bottom: 16px;}
.errorhref a{ display: inline-block; margin-left: 32px; line-height: 1; color: #000000; font-size: 16px; padding-left: 20px;}
.errorhref a:first-child{ margin-left: 0;}
.errorhref a.backli{ background: url(../images/backli.png) left center no-repeat;}
.errorhref a.home{ background: url(../images/home.png) left center no-repeat;}
.errordown p{ text-align: center; line-height: 1.2; color: #898989; font-size: 14px;}
.errorhref a:hover{ color: #ea5007;}

.foot-2023{
  background-color: #333333;
}
.foot-2023box{
  padding: 70px 5.375%;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  color: #999999;
  font-size: 14px;
}
.foot-2023box a{ color: #999999;}
.foot-2023box a:hover{color:#fff}
.foot-left{
  font-family:  Helvetica, sans-serif;
  line-height: 1.5;
}
.foot-center{
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
}
.erm-img{
  width: 102px;
  margin: 0 28px;
  text-align: center;
  color: #ffffff;
}
.erm-img img{
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.foot-right{
  text-align: right;
}