@charset "utf-8";

@font-face {
    font-family: 'helvetica_neue_ltregular';
    src: url('../fonts/helveticaneuelt-mediumcond-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuelt-mediumcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'space_ageregular';
    src: url('../fonts/space_age-webfont.woff2') format('woff2'),
         url('../fonts/space_age-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mohaveregular';
    src: url('../fonts/mohave-webfont.woff2') format('woff2'),
         url('../fonts/mohave-webfont.woff') format('woff');
    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 "Arial, Helvetica, sans-serif","Arial, Helvetica, sans-serif","宋体","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; }
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; }
::-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: 1100px; margin: 0px auto;}

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { position: relative; width: 100%; height:100%; overflow:hidden;}
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); height:100%; }
.owl-theme .owl-controls { text-align: center; }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(../images/ajaxloader.gif) no-repeat center center; }

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

/*header*/
.header-box{ position:fixed; width:100%;padding:12px 0 13px; width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); z-index:999999999999999999;}
.header{ padding:0 20px 0 33px;}
.logo{ display:block; float:left; height:60px; margin-top:3px;}
.header-right{ float:right;}
.nav{ margin-top:13px; float:left;}
.nav li{ float:left; height:35px; overflow:hidden; position:relative;}
.nav li a{ display:inline-block; color:#323232; font-size:16px; line-height:normal; position:relative; padding:0 19px; overflow:hidden; height:29px;}
.nav li a:before{ content:""; width:80%; height:3px; background:#339966; position:absolute; left:10%; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.nav li:hover a:before,.nav li.current a:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.nav li a span{ display:block; padding-bottom:13px; text-align:center; margin-top:0; line-height:1; transition:0.36s;}
.nav li a small{ display:block; text-align:center; line-height:1; color:#323232; font-size:16px; position:relative; opacity:0; visibility:hidden; transition:0.36s;}
.nav li:hover a span,.nav li.current a span{ margin-top:-29px;}
.nav li:hover a small,.nav li.current a small{ top:0; opacity:1; visibility:visible; color:#339966}

.edition{ float:left; margin-left:28px; position:relative; cursor:pointer;}
.edition span{ display:block; border-right:1px solid #989897; transition:540ms; width:72px; position:relative; padding:10px 0 10px 27px; color:#323232; font-size:14px;}
.edition i{ display:block; width:20px; transition:540ms; height:12px; position:absolute; left:0; top:50%; margin-top:-6px; background:url(../images/editite.png) left center no-repeat;}
.edite-list{ position:absolute; left:0; top:40px; background:#fff; width:100%; display:none;}
.edite-list li a{ display:block; line-height:28px; color:#323232; padding-left:26px;}
.edite-list li a:hover{ color:#339966;}
.login{ float:left; margin-top:9px;}
.login a{ display:inline-block; float:left; margin-left:20px; line-height:30px; color:#323232; font-size:14px; transition:520ms;}
.login a:nth-child(1){ width:30px; height:30px; text-align:center; font-size:12px; background:url(../images/radius.png) center no-repeat;}
.login a:hover{ color:#339966;} 
.login a:nth-child(1):hover{ background:url(../images/radius1.png) center no-repeat;}
.edition:hover span{ color:#339966;}
.edition:hover i{ background:url(../images/editite1.png) center no-repeat;}

.menubox{ display:inline-block; float:right; width:49px; height:20px; margin-top:8px; position:relative; cursor:pointer; display:none;}
.menubox:before,.menubox:after{ content:""; width:100%; height:4px; position:absolute; background:#339966;}
.menubox:before{ left:0; top:0;}
.menubox:after{ left:0; bottom:0;}
.iphonemark{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:88; opacity:0; visibility:hidden; transition:670ms;}
.iphonemark.on{ opacity:1; visibility:visible;}
.meun{ position:fixed; width:100%; left:0; top:105px; background:#339966; padding-top:45px; z-index:99; transition:580ms 0ms; transform:translateY(55px); opacity:0; -webkit-transform:translateY(55px); -moz-transform:translateY(55px); visibility:hidden;}
.meun.on{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:580ms 200ms; visibility:visible;}
.close{ display:block; width:39px; height:39px; position:absolute; right:6%; top:-98px; background:url(../images/close.png) center no-repeat; transition:680ms; cursor:pointer;}
.close:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.menu-list li{ position:relative; padding:0 60px; position:relative; overflow:hidden;}
.menu-list li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:100%; transition:680ms; background:#117d47;}
.menu-list li a{ position:relative; display:block; height:69px; line-height:69px; color:#fff; font-size:28px;}
.menu-list li:hover:before,.menu-list li.now:before{ top:0;}
.menu-list li:hover a:before,.menu-list li.now a:before{ width:0;}
.menu-list li a:before{ content:""; width:100%; height:1px; position:absolute; left:0; bottom:1px; background:#117d47; transition:460ms;}
.iphone-edite{ margin-top:40px; padding:20px 60px; border-top:1px solid #fff; text-align:center;}
.iphone-edite a:first-child{ float:left; padding-left:32px; background:url(../images/editite2.png) left center no-repeat;}
.iphone-edite a{ display:inline-block; line-height:48px; color:#fff; font-size:24px;}
.iphone-edite a:last-child{ float:right; width:46px; height:46px; border-radius:50%; border:1px solid #fff; font-size:19px; text-align:center;}

/*banner*/
/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .cbanner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .cbanner ul li{
	display: none;
	opacity: 0;
}
.c-banner .cbanner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .cbanner ul li img{
	width: 100%;
	position: absolute;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
}

.c-banner .jumpBtn ul li{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 248px;
		overflow: hidden;
	}
	.c-banner .cbanner ul li img{
		width: 768px;
		height: 248px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}

	.c-banner .nexImg, .c-banner .preImg { display:none;
}
}

/*main-box*/
.main-box{ background:#f5f5f5; position:relative; z-index:10;}
.main{ position:relative;}
.main-left{ width:66.66%; _width:66.64%;float:left; position:relative;}
.profile{ width:50%;}
.company{ position:relative; width:100%;}
.company img{ display:block; width:100%; height:auto;}
.company-wr{ position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%;}
.company-fix{ padding:43px 8% 40px 8.8%; }
.common-title h3{ float:left; color:#339966; font-size:18px; line-height:normal; font-weight:normal; i}
.more{ display:block; width:29px; height:29px; float:right; background:url(../images/more1.png) center no-repeat; margin-top:8px; position:relative;}
.more:before{ content:""; width:9px; height:9px; position:absolute; left:10px; top:10px; background:url(../images/add1.png) center no-repeat; transition:480ms;}
.common-title .more:hover:before{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.company-fix p{ color:#646464; line-height:2; margin-top:40px;}
.corporate{ position:relative; overflow:hidden; height:35%;}
.corporate:first-child{ position:relative; overflow:hidden; height:30%;background:#f9f9f9; }
.corporate:nth-child(2){ background:#f5f5f5; }
.corporate:nth-child(3){ background:#f9f9f9; }
.corporate figure{ display:block; position:relative; line-height:normal; overflow:hidden;}
.corporate figure img{ display:block; width:100%; height:auto; line-height:0; transition:760ms;}

.corporate .common-title{ display:block; box-sizing:border-box; width:100%; position:absolute; left:0; top:50%; padding:0 8% 0 8.8%; margin-top:-26px;}
.corporate:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.profile .corporate .common-title h3{ color:#fff;}
.profile .corporate .more{ background:url(../images/more.png) center no-repeat;}
.profile .corporate .more:before{ background:url(../images/add.png) center no-repeat;}
.product-service .corporate figure{ height:100%;}
.product-service .corporate figure img{ display:none;}

.new-center{ width:50%; position:absolute; right:0; top:0; background:#fff; height:100%;}
.new-wr{ padding:43px 9.27% 0;}
.new-wr h3{ color:#339966; font-size:16px; line-height:normal; font-weight:normal;}
.new-wr .common-title .more{ background:url(../images/more1.png) center no-repeat; }
.new-wr .common-title .more:before{ background:url(../images/add1.png) center no-repeat;}
.news{ margin-top:60px;}
.new-time{ margin-bottom:10px;}
.new-time time{ display:block; color:#969696; line-height:normal; margin-bottom:10px;}
.new-time span{ display:block; color:#646464; transition:550ms; height:36px; overflow:hidden;}
.new-time:hover span{ color:#339966;}
.newmore{ padding:18px 10.8% 18px 0; background:#fff; position:absolute; left:0; bottom:0; box-sizing:border-box; width:100%; transition:460ms;}
.newmore a{ margin-top:0; background:url(../images/more1.png) center no-repeat;}
.newmore a:before{ background:url(../images/add1.png) center no-repeat;}
.newmore a:hover:before{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.new-list.owl-carousel{ z-index:10;}
.news .owl-controls{ position:relative; text-align:left; left:0; bottom:0; z-index:10; transition:460ms;} 
.news .owl-theme .owl-controls .owl-page span{ margin:0 5px; width:10px; height:10px; background:url(../images/radius2.png) center no-repeat; transition:540ms;}
.news .owl-theme .owl-controls .owl-page.active span{ background:url(../images/on.png) center no-repeat;}
.company img{ display:none;}
.company-wr{ position:relative;}


.product-service{ width:33.33%; _width:33.32%; height:100%;position:absolute; right:0; top:0;}
.corproduct{ padding:0 2% 0 2%; position:absolute; left:0; top:50%; margin-top:-40px; box-sizing:border-box; z-index:20; width:100%;}

.corproduct span{ display:block; width:118px; height:78px; float:left;background-size:cover !important; position:relative; transition:0.34s;}
.corproduct span.cor2:before{ content:""; width:118px; height:28px; position:absolute; left:50%; top:50%; margin-left:-59px; margin-top:-14px; transition:0.34s;}
.corproduct span.cor1:before{ content:""; width:118px; height:78px; position:absolute; left:50%; top:50%; margin-left:-59px; margin-top:-39px; transition:0.34s;}
.corproduct .service{ float:left; margin-left:36px;}
.corproduct .service h2{ color:#323232; font-size:16px; line-height:normal; padding-top:30px; line-height:1; transition:0.34s;}
.corproduct .service p{ color:#ffffff;}
.corporate figure mark{ display:block; width:100%; height:100%; background:#6eb92d; position:absolute; left:0; top:100%; transition:420ms; z-index:10;}

.product-service .corporate:hover figure mark{ top:0;}
.product-service .corporate:hover .corproduct span{ }
.product-service .corporate:hover .corproduct span:before{ background:url(../images/ser1.png) center no-repeat;}
.product-service .corporate:hover .corproduct .service h2{ color:#fff;}
.product-service .corporate:nth-child(3) .corproduct span:before{ background:url(../images/ser1_1.png) center no-repeat;}
.product-service .corporate:nth-child(3):hover .corproduct span:before{ background:url(../images/ser1.png) center no-repeat;}
.product-service .corporate:nth-child(2) .corproduct span:before{ background:url(../images/ser2.png) center no-repeat;}
.product-service .corporate:nth-child(2):hover .corproduct span:before{ background:url(../images/ser2_1.png) center no-repeat;}

.case-box{ padding-bottom:184px; background:#f5f5f5; position:relative; overflow:hidden;}
.servicecase-t,.casebanner-fix{ position:absolute; left:50%; margin-left:-550px; bottom:86px; z-index:10;}
.servicecase-t{ z-index:15; width:429px; margin-left:-550px;} 
.servicecase-t .corporate{ width:100%;}
.casebanner .case-list li img{ display:block; width:100%; height:auto;}
.casebanner .flex-control-nav{ display:none;}
.servicecase-t .common-title h3{ color:#323232;}
.servicecase-t .common-title .more{ background:url(../images/more1.png) center no-repeat;}
.servicecase-t .common-title .more:before{ background:url(../images/add1.png) center no-repeat;}
.casemain{ float:right; width:61%; height:192px; background:#339966; position:relative;}
.case-wr{ padding:21px 28px 0 42px;}
.case-wr i{ display:block; width:69.6666%; height:2px; background:#f8b551;}
.case-info{ position:relative; margin-top:30px; width:69.6666%;}
.case-info li{ padding-left:3px; min-height:62px; position:absolute; left:0; top:20px; opacity:0; visibility:hidden; transition:560ms;}
.case-info li h2{ color:#ffffff; font-size:16px; opacity:0; visibility:hidden; text-transform:uppercase; line-height:normal; margin-bottom:16px;}
.case-info li p{ color:#ffffff; opacity:0; visibility:hidden;}
.case-info li.on{ opacity:1; visibility:visible; top:0;}
.case-info li.on h2,.case-info li.on p{ opacity:1; visibility:visible;}
.case-swich{ position:absolute; right:28px; top:70px;}
.case-swich span{ display:block; width:10px; height:10px; cursor:pointer; margin-bottom:10px; transition:540ms; background:url(../images/radius5.png) center no-repeat;}
.case-swich span.swiper-active-switch{ background:url(../images/radius4.png) center no-repeat;}

.swiper-container {
  width: 100%;
  overflow:hidden;
  height:auto !important;
  color: #fff;
  text-align: center;
}
.swiper-wrapper{ height:auto !important;}
.swiper-slide {
  width: 100%;
  height:auto !important;
}

/*footer*/
.footer-box{ padding:40px 0 40px; background:#fff; position:relative; z-index:10;}
.footer-left{ float:left; margin-left:2%;color:#000}
.footer-left a{color:#000;}
.footer-left a:hover{color:#000;}
.footer-left li img{ vertical-align:middle}
.footer-list li{float:left;}
.footer-list li a{ display:inline-block; padding:0 10px; line-height:normal; border-right:1px solid #959596; color:#000;}
.footer-list li:last-child a{ border-right:none;}
.footer-list li:first-child a{ padding-left:2%;}
.footer-list li a:hover{ color:#339966;}
.footerbei{}
.footerbei a{ display:inline-block; color:#999; float:left; margin-right:15px;}
.footerbei a:hover{ color:#339966;}

.links{ float:right; position:relative;}


/*概况*/
.introduct-box{ background:#f5f5f5; position:relative; overflow:hidden; max-width:100%;}
.introductimg{ position:absolute; width:100%; left:0; top:0; overflow:hidden;}
.introductimg img{ display:block; width:100%; height:auto; opacity:0; visibility:visible;}
.common-titles{ position:absolute; left:50%; margin-left:-550px; bottom:0;}
.common-titles h3{ color:#c80000; font-size:62px; font-family:"mohaveregular"; font-weight:normal; line-height:1; float:right; margin-right:94px; margin-bottom:42px;}
.introduct{ padding-top:24%; position:relative; z-index:10;}
.productimg h3{ margin-right:238px;}
.introducts{ width:58.6%; background:#fff; border-top:8px solid #e60012;}
.introduct-text{ position:relative; padding:48px 40px 50px;}
.introduct-t{ margin-bottom:56px;}
.introduct-t small{ display:block; line-height:1; font-weight:normal; color:#e60012; font-family:"helvetica_neue_ltregular"; font-size:42px; padding-bottom:12px; margin-bottom:10px; position:relative;}
.introduct-t small:before{ content:""; width:38px; height:1px; background:#323232; position:absolute; left:0; bottom:0;}
.introduct-t h3{ display:block; color:#323232; font-weight:normal; font-size:25px;}
.introduct-fix p{ color:#323232; font-size:14px; text-indent:28px; margin-bottom:12px;}

.menu-info{ padding:48px 0 0;}
.inerban{ margin-left:65px;}
.inerban li{ float:left; margin-right:20px;}
.inerban li a{ display:inline-block; padding:0 9px 6px; color:#323232; font-size:16px; position:relative;}
.inerban li a:before{ content:""; width:0; padding:0; height:4px; background:#e60012; position:absolute; left:0; bottom:0; transition:550ms;}
.inerban li:hover a:before,.inerban li.current a:before{ opacity:1; width:100%;}

.culture{ padding-bottom:199px; padding-top:76px; position:relative;}
.culturebox{ position:relative;}
.culture-info{ position:relative; float:left;}
.culturefix li{ width:50%; float:left; position:relative;}
.culture-info{ width:100%;}
.culture-info figure{ display:block; line-height:normal;}
.culture-info figure img{ display:block; width:100%; height:auto;}
.culture-info figcaption{ display:block; position:absolute; left:0; z-index:6; top:50%; width:100%; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.culture-info figcaption b{ display:inline-block; padding:0 20px; height:40px; text-align:center; line-height:40px; transition:460ms; font-weight:normal; margin:auto; line-height:40px; color:#fff; font-size:24px; margin-bottom:16px; background:#e60012;}
.culture-info figcaption h4{ color:#fff; font-size:16px; transition:460ms; font-weight:normal; line-height:normal; text-align:center; margin-bottom:26px; line-height:1.4;}
.culture-info figcaption i{ display:block; width:44px; height:1px; background:#fff; margin:auto; position:relative; transition:540ms;}
.culture-info mark{ display:block; width:100%; height:100%; transform:scale(0.8); background:rgba(230,0,18,0.8); background:#e60012\9; filter:alpha(opacity=80); position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:860ms;}
.culture-info:hover mark{ opacity:1; visibility:visible; transform:scale(1);}
.culture-info:hover figcaption b{ color:#e60012; background:#fff; transition:660ms;}
.culture .flex-direction-nav{ position:absolute; left:0; bottom:0; height:43px; padding:0 12px; border-left:3px solid #a8a8a8; border-right:3px solid #a8a8a8; background:#f5f5f5;}
.culture .flex-direction-nav:before{ content:""; width:1px; height:19px; background:#a8a8a8; position:absolute; left:50%; top:50%; margin-top:-9px;}
.culture .flex-direction-nav li{ display:inline-block; float:left; margin-top:12px; margin-right:46px;}
.culture .flex-direction-nav li:last-child{ margin-right:0;}
.culture .flex-direction-nav li a{ display:block; width:28px; height:20px; text-indent:99999px; overflow:hidden;}
.culture .flex-direction-nav li a.flex-prev{ background:url(../images/prev.png) center no-repeat;}
.culture .flex-direction-nav li a.flex-prev:hover{ background:url(../images/prev1.png) center no-repeat;}
.culture .flex-direction-nav li a.flex-next{ background:url(../images/next.png) center no-repeat;}
.culture .flex-direction-nav li a.flex-next:hover{ background:url(../images/next1.png) center no-repeat;}

.structure-box{ padding:66px 0 72px; overflow:hidden;}
.manages{ margin-bottom:38px;}
.manages small{ display:block; line-height:1; color:#fff; font-size:42px; font-family:"helvetica_neue_ltregular"; margin-bottom:28px; font-weight:normal;}
.manages span{ display:block; color:#fff; line-height:1; font-size:25px;}
.managefix img{ display:block; width:58.72%; float:left; line-height:1;}
.managetext{ width:41.28%; background:#fff; float:left;}
.managewr{ padding:78px 44px 0; height:346px;}
.managewr p{ color:#323232; font-size:14px; line-height:2; text-indent: 2em;}

/*产品与服务*/
.productimg{ position:relative;}
.productimg .common-titles h3{ color:#fff;}
.real-box{ background:#fff;}
.real-title{ margin-top:-71px;}
.valueti{ display:inline-block; position:relative; padding:28px 130px 14px 24px; background:#7a7a7a; margin-top:-36px;}
.valueti a{ display:block; float:left; margin-right:35px; position:relative; line-height:1; padding-bottom:13px; color:#fff; font-size:16px;}
.valueti a:last-child{ margin-right:0;}
.valueti a:before{ content:""; width:100%; height:4px; background:#ca0100; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .33s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .33s cubic-bezier(.4,0,.2,1); transition:transform .33s cubic-bezier(.4,0,.2,1); transition:transform .33s cubic-bezier(.4,0,.2,1),-webkit-transform .33s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.valueti a.on:before,.valueti a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.real-info{ float:left; width:142px; height:142px; position:relative; cursor:pointer; transition:760ms; margin-right:30px; background:url(../images/radius8.png) center no-repeat; background-size:100% 100%;}
.real-info mark{ display:block; width:100%; height:100%; background:url(../images/radius8.png) center no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; right:0; bottom:0; transition:820ms; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.real-info figcaption{ display:block; text-align:center; margin-top:59px;}
.real-info figcaption h3{ color:#323232; font-size:16px; text-align:center; font-weight:normal; position:relative; transition:620ms;}
.real-info figcaption h3:before{ content:""; width:18px; height:10px; background:url(../images/down.png) center no-repeat; position:absolute; left:50%; margin-left:-9px; bottom:-17px; transition:600ms;}

.real-info:hover,.real-info.on{ background:url(../images/radius9.png) center no-repeat; background-size:100% 100%;}
.real-info:hover mark,.real-info.on mark{ transform:scale(0.82); -webkit-transform:scale(0.82); -moz-transform:scale(0.82); background-size:100% 100%;}
.real-info:hover figcaption h3,.real-info.on figcaption h3{ color:#e60012;}
.real-info:hover figcaption h3:before,.real-info.on figcaption h3:before{ opacity:0; visibility:hidden; bottom:-25px;}
.investment{ margin-top:150px; padding-bottom:135px;}
.investimg{ width:34.55%; float:left; position:relative; line-height:1; text-align:center; margin-top:66px;}
.investimg img{ margin:auto; max-width:100%; position:relative; margin-top:20px; z-index:10;}
.investimg mark{ display:block; width:100%; height:100%; background:#feeebe; position:absolute; left:0; top:0;}
.investimg mark small{ display:inline-block; color:#fff; font-size:14px; font-family:"Myriad Pro Regular"; margin-left:12px; margin-top:14px; float:left; text-align:left; line-height:1.2;}
.investe{ width:50.5%; float:right;}
.investment .investd{ float:left;}
.investd h2{ line-height:1; color:#c80000; font-size:42px; font-weight:normal; font-family:"helvetica_neue_ltregular"; position:relative; padding-bottom:8px; text-transform:uppercase;}
.investd h2:before{ content:""; width:38px; height:1px; background:#323232; position:absolute; left:0; bottom:0;}
.investd h3{ color:#323232; font-size:25px; font-weight:normal; font-family:"helvetica_neue_ltregular"; line-height:normal; margin-top:16px;}
.investe p{ color:#323232; font-size:14px; font-weight:normal; margin-right:68px;}
.real-list{ padding:130px 0 100px; background:#f5f5f5; position:relative;}
.reals li{ width:49%; float:left; margin-right:2%; margin-bottom:30px;}
.reals li:nth-child(2n+2){ margin-right:0;}
.reals li h2{ display:block; padding:12px 0 14px; color:#000000; font-size:18px; font-weight:normal; position:relative;}
.reals li h2:before{ content:""; width:25px; height:4px; background:#e60012; position:absolute; left:0; top:0; transition:780ms;}
.realimg{ position:relative;}
.realimg figure{ display:block; line-height:normal; overflow:hidden;}
.realimg figure img{ display:block; width:100%; height:auto; line-height:0; transition:850ms;}
.realimg figcaption{ display:block; position:absolute; width:95%; left:2.5%; bottom:10px; text-align:right; padding-bottom:10px;}
.realimg figcaption span{ display:inline-block; width:108px; height:43px; text-align:center; line-height:43px; color:#ffffff; font-size:16px; border:2px solid #fff; position:relative; right:20px; transition:650ms; opacity:0; visibility:hidden;}
.realimg figcaption b{ display:block; width:0; height:1px; background:#e60012; position:absolute; left:0; bottom:0; transition:770ms;}
.reals li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.reals li:hover h2:before{ width:100%;}
.reals li:hover figcaption b{ width:100%;}
.reals li:hover figcaption span{ right:0; opacity:1; visibility:visible; transition:650ms 300ms;}

/*view*/
.service-box{ position:relative; background:#f5f5f5; padding-top:190px; padding-bottom:108px;}
.serviceimg{ width:100%; position:absolute; left:0; top:0;}
.serviceimg img{ display:block; width:100%; height:auto; opacity:0; visibility:hidden;}
.view-text{ width:987px; margin:auto; position:relative; z-index:5;}
.viewover{ padding:30px 32px 45px; background:#fff;}
.viewover .viewbaner img{ width:100%; height:auto;}
.viewbaner{ position:relative;}
.viewbaner .flex-direction-nav li a{ display:block; width:40px; height:40px; text-indent:9999px; overflow:hidden; position:absolute; top:50%; margin-top:-20px; background-size:cover !important;}
.viewbaner .flex-direction-nav li a.flex-prev{ left:0; background:url(../images/prev2.png) center no-repeat;}
.viewbaner .flex-direction-nav li a.flex-prev:hover{ background:url(../images/prev3.png) center no-repeat;}
.viewbaner .flex-direction-nav li a.flex-next{ right:0; background:url(../images/next2.png) center no-repeat;}
.viewbaner .flex-direction-nav li a.flex-next:hover{ background:url(../images/next3.png) center no-repeat;}

.view-fix{ margin-top:28px;}
.view-fix h3{ color:#000000; font-size:30px; font-weight:normal; margin-bottom:30px;}
.view-fix p{ color:#323232; font-size:14px; width:645px;}
.view-fix a{ color:#c50000; font-size:14px; text-decoration:underline;}
.view-icon{ text-align:right; border-bottom:1px solid #e5e5e5; padding-bottom:28px;}
.view-icon h4{ display:inline-block; text-align:right; color:#969696; font-size:20px; position:relative; font-family:"helvetica_neue_ltregular"; padding-top:13px; font-weight:normal; text-transform:uppercase;}
.view-icon h4:before{ content:""; width:25px; height:1px; background:#e5e5e5; position:absolute; right:0; top:0;}
.list{ margin-top:48px; margin-left:30px;}
.list a{ float:left; position:relative;}
.list a:nth-child(2):hover{ color:#c80000;}
.list a i{ display:block; width:8px; height:15px; position:absolute; top:14px; transition:520ms;}
.list a:nth-child(2){ color:#323232; font-size:18px; line-height:47px; margin:0 74px;}
.list a:nth-child(1),.list a:nth-child(3){ display:block; float:left; width:45px; height:45px; transition:760ms;}
.list a:nth-child(1):before,.list a:nth-child(3):before{ content:""; width:43px; height:43px; border:1px solid #a0a0a0; position:absolute; left:0; top:0; transition:540ms;}
.list a:nth-child(1) i{ background:url(../images/arrow3.png) center no-repeat; left:18px;}
.list a:nth-child(3) i{ background:url(../images/arrow4.png) center no-repeat; right:18px;}
.list a:nth-child(1):hover{ border-radius:50%; border:none; background:#c80000;}
.list a:nth-child(1):hover:before{ border:none;}
.list a:nth-child(1):hover i{ background:url(../images/arrow6.png) center no-repeat;}

.list a:nth-child(3):hover{ border-radius:50%; border:none; background:#c80000;}
.list a:nth-child(3):hover:before{ border:none;}
.list a:nth-child(3):hover i{ background:url(../images/arrow5.png) center no-repeat;}

.map{ height:684px;}
.address-box{ padding:64px 0 158px; background:#f5f5f5;}
.address{ width:996px; margin:auto; padding-bottom:32px;}
.address-wr{ padding:40px 52px 50px 68px; position:relative; background:#fff; border-bottom:3px solid #e60012;}
.address-wr .mapeds{ display:block; right:68px; top:67px; position:absolute; max-width:100%;}
.address-info{ float:left;}
.addrw{ margin-bottom:38px;}
.addrw:last-child{ margin-bottom:0;}
.addrw span{ display:inline-block; width:23px; margin-right:12px; height:38px; position:relative; float:left;}
.addrw:nth-child(1) span{ background:url(../images/tel.png) left 4px no-repeat;}
.addrw:nth-child(2) span{ background:url(../images/map1.png) left 2px no-repeat;}
.addrw:nth-child(3) span{ background:url(../images/emai.png) left 4px no-repeat;}
.addrw b{ display:block; color:#323232; font-size:25px; line-height:38px; font-weight:normal; line-height:normal; float:left;}
.addrw p{ color:#323232; font-size:16px; line-height:normal;}
.addrw p a{ display:inline-block; color:#e60012; font-size:12px;}
.addrw p a:hover{ text-decoration:underline;}
.addres-icon{ position:relative; text-align:right; float:right;}
.addres-icon h3{ padding:18px 0; color:#e60012; font-size:20px; font-family:"helvetica_neue_ltregular"; font-weight:normal; text-transform:uppercase;}
.addres-icon:before{ content:""; width:100%; height:1px; background:#e60012; position:absolute; right:0; top:0;}
.addres-icon:after{ content:""; width:100%; height:1px; background:#e60012; position:absolute; right:0; bottom:0;}
.ways{ width:996px; margin:auto; margin-top:36px;}
.wayt{ color:#010101; line-height:1; font-size:16px; margin-bottom:26px;}
.waytable{ border-collapse: collapse;}
.waytable thead tr{ background:#e70012;}
.waytable thead tr th{ color:#ffffff; font-size:14px; height:50px; line-height:50px; text-align:left; font-weight:normal; position:relative;}
.waytable thead tr th:before{ content:""; width:1px; height:33px; background:#fff; position:absolute; left:0; top:9px;}
.waytable thead tr th:nth-child(1):before{ display:none;}
.waytable thead tr th:nth-child(1){ padding-left:26px; width:320px;}
.waytable thead tr th:nth-child(2){ padding-left:12px; width:417px;}
.waytable thead tr th:nth-child(3){ padding-left:10px; width:208px;}
.waytable tbody{ background:#fff;}
.waytable tbody tr{ border-bottom:1px solid #f5f5f5; transition:0.38s;}
.waytable tbody tr:hover{ border-bottom:1px solid #e70012;}
.waytable tbody tr td,.waytable tbody tr td a{ color:#646464; font-size:14px; padding:16px 0; }
.waytable tbody tr td:nth-child(1){ padding-left:26px;}
.waytable tbody tr td:nth-child(2){ padding-left:12px;}
.waytable tbody tr td:nth-child(3){ padding-left:10px;}

/*recruit*/
.recruit-box{ background:#f5f5f5;}
.recruit-box .common-titles{ bottom:35%;}
.recruit-box .common-titles h3{ font-size:18px; position:relative; line-height:1.6; margin-right:12px; margin-bottom:0; padding-top:20px; text-align:right;}
.recruit-box .common-titles h3:before{ content:""; width:25px; height:1px; background:#fff; position:absolute; right:0; top:0;}
.recruit-box .productimg{ position:absolute;}
.recruit{ margin-top:236px; padding-bottom:100px;}
.recruit-title{ margin-bottom:50px;}
.recruit-title h3{ padding-top:22px; color:#fff; font-weight:normal; font-size:20px; position:relative;}
.recruit-title h3:before{ content:""; width:63px; height:3px; background:#fff; position:absolute; left:0; top:0;}
.recuit-icon li{ width:33%; float:left; margin-right:0.5%; position:relative;}
.recuit-icon li:last-child{ margin-right:0;}
.recuit-info{ width:100%; position:relative; background:#fff; transition:750ms; visibility:visible;}
.recuit-info figcaption{ display:block; width:100%; position:absolute; left:0; top:50%; margin-top:-65px; text-align:center;}
.recuit-info figcaption span{ display:block; margin:auto; width:86px; height:72px; margin-bottom:22px;}
.recuit-info figcaption strong{ display:block; text-align:center; color:#000000; font-size:20px; font-weight:normal; position:relative; padding-bottom:10px;}
.recuit-info figcaption strong:before{ content:""; width:16px; height:1px; background:#a0a0a0; position:absolute; left:50%; margin-left:-8px; bottom:0;}
.recuit-info figure{ display:block; overflow:hidden; line-height:1;}
.recuit-info figure img{ display:block; width:100%; height:auto; line-height:0;}
.recuits{ position:absolute; left:34px; bottom:38px;}
.recuits small{ display:block; color:#fff; line-height:1; font-size:28px; font-family:"Arial";}
.recuits span{ display:block; line-height:1; color:#fff; font-size:20px; font-weight:bold; margin-top:10px;}

.recuit-icon li:nth-child(1) .recuit-info figcaption span{ background:url(../images/rec1.png) center no-repeat;}
.recuit-icon li:nth-child(2) .recuit-info figcaption span{ background:url(..footer-left) center no-repeat;}
.recuit-icon li:nth-child(3) .recuit-info figcaption span{ background:url(../images/rec3.png) center no-repeat;}
.recuit-icon li:nth-child(4) .recuit-info figcaption span{ background:url(../images/rec4.png) center no-repeat;}
.recuit-text{ position:absolute; left:0; top:0; width:100%; height:100%; }
.recuit-text:after{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.recuit-wr{ padding:20px 10.4%; position:relative; opacity:0; transform:translateY(36px); -webkit-transform:translateY(36px); -moz-transform:translateY(36px); visibility:hidden; transition:0.3s; z-index:5;}
.recuit-text:before{ content:""; width:79.2%; height:1px; background:#e60012; position:absolute; left:10.4%; bottom:20px; width:0; transition:550ms 0ms; z-index:6;}
.recuited h2{ float:left; color:#c80000; font-size:25px; font-weight:normal; margin-top:15px;}
.recuited b{ display:block; width:86px; height:72px; float:right;}
.recuit-wr p{ color:#323232; font-size:14px; margin-top:18px;}

.recuit-icon li:nth-child(1) .recuited b{ background:url(../images/rec1_1.png) right top no-repeat;}
.recuit-icon li:nth-child(2) .recuited b{ background:url(../images/rec2_1.png) right top no-repeat;}
.recuit-icon li:nth-child(3) .recuited b{ background:url(../images/rec3_1.png) right top no-repeat;}
.recuit-icon li:nth-child(4) .recuited b{ background:url(../images/rec4_1.png) right top no-repeat;}
.recuit-icon li:hover .recuit-info{ opacity:0.3; visibility:hidden;}
.recuit-icon li:hover .recuit-text:after{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.recuit-icon li:hover .recuit-text{ opacity:1; visibility:visible; transition:660ms 300ms;}
.recuit-icon li:hover .recuit-text:before{ width:79.2%; transition:600ms 300ms;}
.recuit-icon li:hover .recuit-wr{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.5s 0.2s;}

.informate-box{ padding:58px 0 98px; background:#fff;}
.informate-title{ padding:0 10px;}
.informate-title h3{ padding-top:16px; padding-bottom:10px; color:#000000; font-size:20px; font-weight:normal; position:relative;}
.informate-title h3:before{ content:""; width:33px; height:5px; background:#e60012; position:absolute; left:0; top:0;}
.informate-list{ display:none;}
.informate-list:first-child{ display:block;}
.inforbitn{ border-top:1px solid #e5e5e5; padding-top:20px;}
.inforbitn span{ display:block; float:left; padding:0 22px; line-height:1; position:relative; color:#000000; font-size:18px; border-right:1px solid #e5e5e5; transition:0.36s; cursor:pointer;}
.inforbitn span:first-child{ padding-left:0;}
.inforbitn span:last-child{ border-right:none;}
.inforbitn span:hover,.inforbitn span.on{ color:#e60012;}

.informate-list li .informate-info{ margin-top:28px; width:47%; float:left; background:#eeeeee; position:relative; transition:650ms;}
.informate-list li .informate-info:nth-child(2n+2){ margin-right:0; float:right;} 
.informate-wr{ padding:22px 32px 18px 30px; border:1px solid #b5b5b5; transition:560ms;}
.position{ padding-bottom:10px; border-bottom:1px solid #c9c9c9;}
.position span{ display:inline-block; float:left; color:#000000; font-size:14px; margin-top:8px;}
.position strong{ display:inline-block; float:right; line-height:normal; color:#000000; font-size:28px; font-weight:normal;}
.experience{ padding:8px 0; border-bottom:1px solid #c9c9c9;}
.experience p{ color:#000000; font-size:14px; float:left;}
.experience p b{ display:inline-block; font-size:18px; color:#000000; margin-left:26px; font-weight:normal;}
.experience p:nth-child(2){ float:right;}
.need{ padding-top:14px; border-bottom:1px solid #c9c9c9; padding-bottom:30px;}
.need h4{ color:#000000; font-size:14px; font-weight:normal; line-height:normal; margin-bottom:12px;}
.need p{ color:#000000; font-size:14px;}
.need i{ display:block; display:block; line-height:normal; color:#000000; font-size:14px; font-style:normal;}
.informate-list li time{ display:block; line-height:normal; margin-top:18px; color:#000000; font-size:14px; float:left;}
.rcuitedowns a { display: block; float: right; margin-top: 18px; color: #000000; font-size: 14px; }
.rcuitedowns a:hover { color: #e60012;}
.need-text { overflow: hidden; transition: 780ms; }
.needh-hidden{ display:none;}
.informate-list li .informate-info:hover .informate-wr{ border-color:#ea2d3c; background:#ffffff;}
.team{ padding:40px 0 76px;}
.team-list{ margin-top:16px; margin-bottom:35px;}
.team-list li{ width:25%; float:left; position:relative; cursor:pointer;}
.team-list li figure{ display:block; line-height:normal; overflow:hidden;}
.team-list li figure img{ display:block; width:100%; height:auto; transition:780ms;}
.team-list li figcaption{ display:block; width:92.5%; height:93.5%; position:absolute; left:3.75%; top:3.25%;}
.team-list li figcaption b{ display:block; width:0; height:1px; background:#e60012; position:absolute; left:0; top:0; transition:680ms;}
.team-list li figcaption .teamtime{ width:100%; height:63px; position:absolute; left:0; bottom:-3.25%; background:rgba(230,0,18,0.9); background:#e60012\9; filter:alpha(opacity=90); opacity:0; visibility:hidden; transition:360ms;}
.team-list li figcaption .teamtime span{ display:inline-block; float:left; margin-left:16px; line-height:63px; color:#fff; font-size:14px;}
.team-list li figcaption .teamtime em{ display:block; width:21px; height:21px; float:right; margin-right:16px; margin-top:22px; background:url(../images/search.png) center no-repeat;}
.team-list li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.team-list li:hover figcaption b{ width:100%;}
.team-list li:hover figcaption .teamtime{ opacity:1; visibility:visible; bottom:0;}
.page{ text-align:center; line-height:normal;}
.page-list{ display:inline-block; margin:auto;}
.page-list li{ float:left; margin-right:8px; position:relative;}
.page-list li a{ margin-right:16px; color:#323232; font-size:18px; line-height:47px;}

.page-list li:first-child,.page-list li:last-child{ display:block; float:left; width:45px; height:45px; transition:760ms;}
.page-list li:first-child a,.page-list li:last-child a{ display:block; width:100%; height:100%; position:relative; z-index:5;}
.page-list li:first-child{ margin-right:25px;}
.page-list li:last-child{ margin-left:6px; margin-right:0;}
.page-list li:first-child:before,.page-list li:last-child:before{ content:""; width:43px; height:43px; border:1px solid #a0a0a0; position:absolute; left:0; top:0; transition:540ms;}
.page-list li a i{ display:block; width:8px; height:15px; position:absolute; top:14px; transition:520ms;}
.page-list li a:hover{ color:#c80000;}
.page-list li:first-child a i{ background:url(../images/arrow3.png) center no-repeat; left:18px;}
.page-list li:last-child a i{ background:url(../images/arrow4.png) center no-repeat; right:18px;}
.page-list li:first-child:hover{ border-radius:50%; border:none; background:#c80000;}
.page-list li:first-child:hover:before{ border:none;}
.page-list li:first-child:hover i{ background:url(../images/arrow6.png) center no-repeat;}

.page-list li:last-child:hover{ border-radius:50%; border:none; background:#c80000;}
.page-list li:last-child:hover:before{ border:none;}
.page-list li:last-child:hover i{ background:url(../images/arrow5.png) center no-repeat;}

/*new*/
.newimg .common-titles h3{ float:left;}
.new-box{ background:#f5f5f5; padding:52px 0 100px;}
.new-left{ width:65%; float:left;}
.new-right{ width:28%; float:right; margin-top:168px;}
.newtitle{ margin-bottom:48px;}
.newtitle h1{ margin-bottom:14px; color:#c80000; font-size:42px; line-height:1; font-weight:normal; font-family:"helvetica_neue_ltregular"; padding-bottom:16px; position:relative;}
.newtitle h1:before{ content:""; width:38px; height:1px; background:#323232; position:absolute; left:0; bottom:0;}
.newfix li{ float:left; margin-right:10px;}
.newfix li a{ display:inline-block; color:#323232; font-size:16px;}
.newfix li a:hover{ color:#c80000;}
.news-list li{ margin-bottom:42px; background:#ffffff; transition:560ms;}
.news-list li a{ display:block; padding:16px 20px 20px;}
.news-list li figure{ display:block; line-height:normal; overflow:hidden; margin-bottom:30px;}
.news-list li figure img{ display:block; width:100%; height:auto; transition:887ms;}
.news-list li figcaption{ padding:0 25px 0 25px;}
.news-list li figcaption h2{ color:#000000; font-size:25px; line-height:1.4; font-weight:normal; }
.news-list li figcaption p{ color:#646464; font-size:14px; margin-top:35px;}
.new-tome{ margin-top:30px;}
.new-tome span{ display:block; border:1px solid #c80000; height:33px; line-height:33px; padding-right:8px; padding-left:48px; color:#c80000; font-size:14px; margin-left:-45px; float:left; position:relative; overflow:hidden;}
.new-tome span em{ color:#c80000; line-height:33px; font-style:normal; transition:640ms; position:relative; z-index:5;}
.new-tome span:before{ content:""; width:100%; height:100%; background:#c80000; position:absolute; left:-100%; top:0; transition:380ms;}
.new-tome time{ display:inline-block; float:left; line-height:35px; color:#969696; font-size:14px; margin-left:14px;}
.new-tome strong{ padding-right:56px; line-height:35px; color:#969696; font-size:14px; font-weight:normal; position:relative; float:right;}
.new-tome strong i{ display:block; width:35px; height:35px; background:url(../images/radius.png) center no-repeat; position:absolute; right:0; top:0; transition:520ms;}
.new-tome strong i:before{ content:""; width:9px; height:15px; position:absolute; left:15px; top:10px; background:url(../images/arrow1.png) center no-repeat; transition:620ms;}
.news-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.news-list li:hover{ box-shadow:0 0 8px #e1e1e1;}
.news-list li:hover .new-tome span em{ color:#fff;}
.news-list li:hover .new-tome span:before{ left:0;}
.news-list li:hover .new-tome strong i{ background:url(../images/radius7.png) center no-repeat;}
.news-list li:hover .new-tome strong i:before{ background:url(../images/arrow2.png) center no-repeat;}
.new-left .page{ text-align:left;}

.new-right h4{ color:#323232; font-size:16px; padding-bottom:12px; font-weight:normal; border-bottom:1px solid #e5e5e5;}
.other-list li{ padding:12px 0 18px 6px; border-bottom:1px solid #e5e5e5;}
.other-list li span{ color:#000000; display:block; font-size:18px; transition:650ms; line-height:1.6; margin-bottom:8px;}
.other-list li time{ display:block; line-height:normal; color:#646464;}
.other-list li:hover span{ color:#e60012;}

/*new-view*/
.newview{ margin:-160px auto 0; position:relative; z-index:10;}
.viewfiex{ padding-top:0; padding-bottom:74px;}
.viewfiex .serviceimg{ position:relative; height:278px; width:auto;}
.newview-title{ margin-left:20px; margin-bottom:42px;}
.newview-title h2{ color:#ffffff; font-size:32px; line-height:1.2; font-weight:normal; margin-bottom:24px; width:674px;}
.newview-title p span,.newview-title p time{ display:inline-block; color:#ffffff; font-size:14px; margin-right:24px;}
.viewfiex .new-fix{ padding-top:32px;}
.viewfiex .new-right{ margin-top:0;}
.newview-text{ padding:16px 21px 125px 20px; background:#fff;}
.newview-text img{ width:auto !important; height:auto !important; display:block; max-width:100% !important;}
.newview-text p{ display:block; color:#646464; font-size:14px;}
.new-left .list{ margin-left:0;}
.contactimg{ position:relative;}
.contactimg .common-titles h3{ float:left; margin-right:0; margin-left:50px;}
.maps{ display:block; width:38px; height:51px; background:url(../images/map2.png) center no-repeat; background-size:cover; position:absolute; left:50%; top:50%; margin-left:-19px; margin-top:-26px;}

.bidbox{ padding:66px 0 54px; background:#f5f5f5;}
.biddin{ margin-bottom:56px;}
.biddin h3{ line-height:1; color:#c80000; font-size:42px; font-weight:normal; padding-bottom:8px; position:relative;}
/*.biddin h3:before{ content:""; width:38px; height:1px; background:#323232; position:absolute; left:0; bottom:0; font-family:"helvetica_neue_ltregular";}*/
.bidbtn{ margin-top:20px;}
.bidbtn a{ display:block; float:left; margin-right:12px; color:#323232; font-size:16px; line-height:1; padding-bottom:10px; position:relative;}
.bidbtn a:before{ content:""; width:100%; height:4px; background:#c80000; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1); transition: transform .32s cubic-bezier(.4,0,.2,1); transition: transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.bidbtn a:hover:before,.bidbtn a.on:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.bidlist{ margin-top:56px; background:#fff;}
.bidlist li{ position:relative; padding:28px 36px 26px; border-bottom:1px solid #f5f5f5;}
.bidlist li:before{ content:""; width:100%; height:2px; background:#c80000; position:absolute; left:0; bottom:-1px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .72s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .72s cubic-bezier(.4,0,.2,1); transition: transform .72s cubic-bezier(.4,0,.2,1); transition: transform .72s cubic-bezier(.4,0,.2,1),-webkit-transform .72s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.bidlist li h3{ color:#000000; font-size:20px; font-weight:normal; line-height:1.2; height:62px;}
.biddown time{ display:block; float:left; color:#969696; font-size:12px; font-family:"Arial"; line-height:34px;}
.biddown span{ display:block; float:right; padding-right:55px; height:35px; line-height:35px; color:#969696; background:url(../images/arrow7.png) right center no-repeat; transition:0.4s;}
.bidlist li:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.bidlist li:hover .biddown span{ background:url(../images/arrow8.png) right center no-repeat;}
.bidlist{ margin-bottom:42px;}
.bid .page{ text-align:left;}
.feedback{ padding-top:20px; border-top:1px solid #dcdcdc; margin-top:68px;}
.feedback span{ display:block; line-height:1; color:#646464; font-size:14px; margin-bottom:34px;}
.feeldown p{ float:left; line-height:1; color:#323232; font-size:16px; padding:0 24px; border-right:1px solid #a0a0a0;}
.feeldown p:nth-child(1){ padding-left:0;}
.feeldown p:last-child{ border-right:none;}
.culturebg{ background:#f5f5f5;}

/*addIndex style*/
.iproductBox a:link, .iproductBox a:visited { color: #666666; }
.iproductBox a:active, .iproductBox a:hover { color: #fff; }
.iproductBox li{ float: left; display: block; width: 33.33%; _width:33.32%;}
.iproductBox .item2 .con,.iproductBox .item2 .img{ }
.iproductBox a{ display: block;}
.iproductBox .con{ padding: 50px 5% 0px; height: 100px; position: relative;z-index: 2; text-align: center; color: #666666; line-height: 1.4; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.iproductBox .ico{ background-repeat: no-repeat; background-position: 0px 0px; width: 76px; height: 79px;margin: 0px auto; display: block;}
.iproductBox .con .t{ font-size: 18px;}
.iproductBox .con .t .by{ font-size: 24px;}
.iproductBox .con .en{ text-transform: uppercase;}
.iproductBox .con .sj{ background: url(../images/sj.png) no-repeat scroll center bottom;  width: 74px; height: 38px; display: block; position: absolute; left: 50%; bottom: 0px; margin-left: -37px; opacity: 0; visibility: hidden; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s;}
.iproductBox .img{ background-color: #ebebeb; position: relative; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.iproductBox .img img{ display: block; max-width: 100%; margin: 0px auto;}
.iproductBox .black{ background: url(../images/black.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s;}
.iproductBox .y{ background: url(../images/yuan5.png) no-repeat; background: none rgba(110,185,45,0.9); width: 158px; height: 118px; position: absolute; left: 50%; top: 50%; margin: -79px 0px 0px -79px; text-align: center; color: #fff; border-radius: 50%; padding-top: 40px; font-size: 20px; line-height:1.4; -webkit-transform: scale(0.6) rotate(-90deg); transform: scale(0.6) rotate(-90deg); opacity: 0; filter: alpha(opacity=0); transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms;}
.iproductBox .more-ico{ background: url(../images/more_ico1.png) no-repeat scroll center center; width: 33px; height: 33px; display: block; display: block; margin: 16px auto 0px;}
.iproductBox li:nth-child(2){ background-color: #f9f9f9; }
.iproductBox li:hover .con{ color: #fff; background-color: #2b70bb;}
.iproductBox li:hover .ico{ background-position: 0 -79px;}
.iproductBox li:hover .sj{ opacity: 1; visibility: visible; bottom: -36px; -webkit-transition: 0.3s 0.2s; -moz-transition: 0.3s 0.2s; -o-transition: 0.3s 0.2s; transition: 0.3s 0.2s;}
.iproductBox li:hover .img{ background-color: #cccccc;}
.iproductBox li:hover .black{ opacity: 1; visibility: visible;}
.iproductBox li:hover .y { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }

.develper{ width:50%; float:left; overflow:hidden;}
.develinfo{ position:relative;}
.develinfo figure{ display:block; line-height:1; overflow:hidden;}
.develinfo figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;}
.develtitle{ position:absolute; left:55px; top:52px;}
.develtitle h3{ color:#fff; line-height:1; font-size:28px; padding-bottom:28px; position:relative; margin-bottom:22px;}
.develtitle h3:before{ content:""; width:24px; height:5px; background:#fff; position:absolute; left:0; bottom:0;}
.develtitle small{ display:block; line-height:1.2; color:#fff; font-size:28px; font-family:"Arial";}
.develinfo:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.develright{ width:50%; float:left;}
.devetop .develinfo{ width:100%; float:left;}
.productts{ width:432px; background:url(../images/probg.png) center no-repeat;}
.productts a{ display:block; margin-right:5px; width:98px; height:48px; float:left; text-align:center; line-height:48px; color:#ff9e9e; font-size:16px;}
.productts a:hover,.productts a.now{ background:url(../images/probtn.png) center no-repeat; background-size:cover; color:#fff;}

.introductimg.article-block{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transition:all 1s cubic-bezier(.25,.1,.25,1); -webkit-transition:all 1s cubic-bezier(.25,.1,.25,1); -moz-transition:all 1s cubic-bezier(.25,.1,.25,1); opacity:0;}
.introductimg.articleShow{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.introductimg.article-block .common-titles h3{ opacity:0; transform:translateX(30px); -webkit-transform:translateX(30px); -moz-transform:translateX(30px);}
.introductimg.articleShow .common-titles h3{ opacity:1; transform:translateX(0); -webkit-opacity:1; transform:translateX(0); -moz-opacity:1; transform:translateX(0); transition:680ms 160ms;}
.teaminfos{ width:47%; float:left; margin-bottom:66px;}
.teaminfos:nth-child(2n+2){ float:right;}
.teamin li{ position:relative; line-height:1; display:none; overflow:hidden;}
.teamin li:first-child{ display:block;}
.teamin li figure{ display:block; overflow:hidden; line-height:1;}
.teamin li figure img{ display:block; width:100%; height:auto; line-height:0;}
.teamin li span{ display:block; width:100%; transition:0.34s; padding-top:70px; height:37px; background:url(../images/teambg.png) left bottom repeat-x; line-height:1; color:#f5f5f5; font-size:16px; position:absolute; left:0; bottom:0; text-indent:40px;}
.teambgs{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:4; background:none; transition:0.5s; opacity:0; visibility:hidden;}
.teambgs:before{ content:""; width:100%; height:100%; background:rgba(230,33,41,0.8); background:#339966\9; filter:alpha(opacity=80); position:absolute; left:0; top:0;  -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.teambgs p{ color:#fff; font-size:16px; line-height:1; position:absolute; left:7.7%; top:32.5%; z-index:5;}
.teambgs b{ display:block; color:#fff; line-height:1; font-size:14px; position:absolute; left:7.7%; z-index:5; font-weight:normal; bottom:28px;}
.teamin li:hover .teambgs{ opacity:1; visibility:visible;}
.teamin li:hover .teambgs:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.teamin li:hover span{ opacity:0; bottom:-140px; transition:0.55s;}
.estatet{ background:#d5d5d5; position:relative; z-index:5;}
.estatet a{ display:block; width:33.33333%; float:left; height:60px; line-height:60px; position:relative; text-align:center; color:#323232; font-size:16px;}
.estatet a:before{ content:""; width:1px; height:100%; background:#fff; position:absolute; right:0; top:0;}
.estatet a:last-child:before{ display:none;}
.estatet a:hover,.estatet a.on{ background:#c80000; color:#fff;}
.proboxs{ padding:110px 0 0;}
.addright{ float:right; position:relative; z-index:5;}
.addeq{ margin-right:34px; float:left;}
.addeq img{ display:block; width:156px;}
.addlogo{ display:block; max-width:200px;}
.addeq { width:100px; float:left;}

.teamvideo{ position:relative; width:656px;}

.workimg{ position:relative; overflow:hidden;}
.workimg figure{ display:block; line-height:0; overflow:hidden; position:relative; cursor:pointer;}
.workimg figure >img{ display:block; width:100%; height:auto; position:relative;}
.work{ position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:-22px; z-index:5; cursor:pointer;}
.work span{ display:block; width:44px; height:44px; background:url(../images/video.png) center no-repeat; margin:auto; transition:0.4s;}
.work span:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}

.viewvideo{ position:relative;}
.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:10; cursor:pointer;}
.jwlogo{ display:none !important;}
.jwplayer{ opacity:0; height:100% !important;}

.viewdown{ width:656px;}
.viewdown p{ color:#323232; font-size:14px;}
.viewdown img{ display:block; max-width:100%; height:auto !important; width:auto !important;}

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 1000px; height: 550px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -275px; margin-left: -500px;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.videobgs{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,1); z-index:20;}
.vwrap .close { z-index: 999; width: 30px; height: 30px; cursor: pointer; position: absolute; top: -44px; right: 0px;  background:url(../images/close_i1.png) no-repeat 50% 50%;}
.vwrap .close i { display: block; width:30px; height:30px; -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; }

.profile.article-block .company{ opacity:0; top:50px;}
.profile.articleShow .company{ opacity:1; top:0; transition:460ms;}
.profile.article-block .corporate{ opacity:0; top:45px;}
.profile.articleShow .corporate{ opacity:1; top:0; transition:460ms 250ms;}
.new-center.article-block{ opacity:0; right:-30px;}
.new-center.articleShow{ opacity:1; right:0; transition:630ms 520ms;}

.product-service.article-block .corporate{ right:-120px; opacity:0;}
.product-service.articleShow .corporate{ right:0; opacity:1; transition:680ms 640ms;}
.product-service.articleShow .corporate:nth-child(2){ right:0; opacity:1; transition:680ms 940ms;}
.product-service.articleShow .corporate:nth-child(3){ right:0; opacity:1; transition:680ms 1200ms;}

.servicecase-t.article-block,.casebanner-fix.article-block{ opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}
.servicecase-t.articleShow,.casebanner-fix.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:880ms 200ms;}
.casebanner-fix.articleShow{ transition:880ms 540ms;}

.introducts.article-block{ opacity:0; top:120px; position:relative;}
.introducts.articleShow{ opacity:1; top:0; transition:800ms 400ms;}

.culture-info.article-block{ opacity:0; top:45px;}
.culture-info.articleShow{ opacity:1; top:0; transition:800ms 300ms;}
.culture-info.articleShow:nth-child(2){transition:800ms 500ms;}

.develper.article-block,.devetop.article-block .develinfo,.devedown.article-block{ opacity:0; transform:translateY(78px); -webkit-transform:translateY(78px); -moz-transform:translateY(78px); transition:0.58s;}
.develper.articleShow,.devetop.articleShow .develinfo,.devedown.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.devetop.article-block{ transition-delay:0.3s;}
.devedown.article-block{ transition-delay:0.3s;}

.zyVideo{ position: relative; overflow: hidden; cursor: pointer;}
.zyVideo .black{ background: url(../images/black_25.png) repeat; background: none rgba(0,0,0,0.25); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.zyVideo .img{ width: 100%; display: block; -webkit-transition: 600ms; transition: 600ms;}
.zyVideo .vico{ background: url(../images/vico1.png) no-repeat scroll center center; width: 57px; height: 57px; position: absolute; left: 50%; top: 50%; margin: -28px 0px 0px -28px;}
.zyVideo:hover .img{ transform: scale(1.05); -webkit-transform: scale(1.05);}