@charset "utf-8";

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

}

@font-face {
    font-family: 'stxiheiregular';
    src: url('../font/../font/stxihei1-webfont.woff2') format('woff2'),
         url('../font/stxihei1-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; overflow-y: scroll;}

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 {  }
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:1286px; margin: 0px auto;}
.lskjf img{
    width: 30%;
    padding: 1%;
}
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;


    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.home{ position:relative;} 
.header-box{ position:fixed; width:100%; height:auto; left:0; top:0; z-index:99; padding-top:32px; transition:364ms;}
.header-box.scoll{ padding:17px 0 14px; background:#fff;}
.header-box.scoll .logo{ width:135px;}
.header{ padding:0 63px 0 42px;}
.header-box.scoll .logo img{ opacity:0;}
.header-box.scoll .logo .slogo{ opacity:1; visibility:visible;}
.header-box.scoll .two-menus{ display:block;}
.header-box.scoll .headernav { margin-top:8px;}
.header-box.scoll .nav{ display:none;}
.header-box.scoll .navigation{ display:block;}
.header-box.scoll .navigation b{ color:#666666; }
.header-box.scoll .navigation .menuBtn .burger{ background:#666666;} 
.header-box.scoll .nav  span{ color:#666666;}

.logo{ float:left; line-height:1; width:186px; position:relative; z-index:20; transition:300ms;}
.logo .slogo{ position:absolute; left:0; top:0; opacity:0; visibility:hidden;}
.logo img{ display:block; width:100%; height:auto; line-height:1; transition:300ms;}
.headernav{ float:right; margin-top:18px; transition:288ms;}
.nav{ float:left;}
.nav li{ float:left; margin-left:44px;}
.nav li a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-family: 'aaarghnormal','微软雅黑';
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-transform: capitalize;
	overflow: visible;
	font-size:16px;
	min-width:65px;
	perspective: 200px;
	transition: all .07s linear;
	position: relative;
}
.two-menus{ position:absolute; left:50%; top:26px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); display:none;}
.two-menus li{ line-height:1; float:left; margin-right:45px;}
.two-menus li:last-child{ margin-right:0;}
.two-menus li a{ display:inline-block; font-size:16px; line-height:1; color:#666666;}
.two-menus li:hover a,.two-menus li.current a{ color:#00afca;}

.three-d {
}
.three-d:not(.active):hover {
	cursor: pointer;
}
.nav li a:hover .three-d-box,.nav li a.current .three-d-box {
	transform: translateZ(-25px) rotateX(83deg);
}
.three-d-box {
	transition: all .3s ease-out;
	transform: translatez(-25px);
	transform-style: preserve-3d;
	pointer-events: none;
	position:relative;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.front {
	transform: rotatex(0deg) translatez(25px);
}
.back {
	transform: rotatex(-83deg) translatez(25px);
}
.front, .back {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	pointer-events: none;
	box-sizing: border-box;
	line-height:1.2;
	text-align:center;
}
.front{ position:relative;}
.navigation{ float:right; margin-left:2px; display:none;}
.home .navigation{ display:block;}
.iphnoh .navigation{ display:block;}
.navigation b{ color:#fff; font-size:16px; line-height:21px; float:left; font-weight:normal; margin-right:16px; opacity:0; visibility:hidden; transition:300ms;}
.menuBtn{ width:38px; height:21px; cursor:pointer; float:right; position:relative; z-index:10;}
.menuBtn .burger{ display:block; width:28px; height:3px; position:absolute; left:0; background:#fff; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition:transform 277ms ease-in-out; -o-transition:transform 277ms ease-in-out; -ms-transition:transform 277ms ease-in-out; -moz-transition:transform 277ms ease-in-out; }
.menuBtn .burger-1 { top:8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; visibility:hidden;}
.menuBtn .burger-3 { top:8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.navigation.on b{ opacity:1; visibility:visible;}
.navigation.on .menuBtn .burger-1{ top:0; -moz-transform: rotate(0); transform: rotate(0); -webkit-transform: rotate(0);}
.navigation.on .menuBtn .burger-2{ top:9px; left:10px; opacity:1; visibility:visible;}
.navigation.on .menuBtn .burger-3{ top:18px; -moz-transform: rotate(0); transform: rotate(0); -webkit-transform: rotate(0);}
.mheader{ display:none; padding:20px 5%; box-sizing:border-box; width:100%; position:fixed; left:0; top:0; z-index:99; transition:320ms;}
.mheader.scolled{ background:#fff;}
.mheader.scolled .logo .mshow{ opacity:0; visibility:hidden;}
.mheader.scolled .logo .mhide{ opacity:1; visibility:visible;}
.mheader.scolled .navigation b{ color:#02a2ba;}
.mheader.scolled .navigation .menuBtn .burger{ background:#02a2ba;}

.mheader .navigation{ margin-top:13px; position:relative; z-index:10;}
.logo .mhide{ position:absolute; left:0; top:0; opacity:0; z-index:5; visibility:hidden; transition:300ms;}
.home-menu{ width:100%; padding:14px 0; background:#212995; position:fixed; left:0; bottom:0; z-index:88; display:none;}
.menus{ padding:0 2%;}
.menus li{ float:left; width:20%; text-align:center; line-height:1;}
.menus li a{ display:block; line-height:1;}
.menus li img{ display:inline-block; margin:auto; max-width:100%; height:auto; line-height:1;}
.menu-downs{ width:100%; height:100%; box-sizing:border-box; left:0; top:0; position:fixed; background:#333333; padding-top:10%; display:none; overflow-y:auto;}
.menufix >li{ position:relative;}
.menufix >li:after,.menufix >li:last-child:before{ content: ''; position: absolute; top: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color: #5d6364; -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;}
.menufix >li:last-child:before{ top:100%;}
.menufix >li >a{ display:block; color:#fff; font-size:26px; line-height:90px; position:relative; text-align:center;}
.menufix >li >a b{ display:inline-block; margin:auto; line-height:90px; font-weight:normal; position:relative;}
.menufix >li >a b:before{ content:""; width:15px; height:15px; background-size:cover !important; background:url(../image/arrow3.png) center no-repeat; position:absolute; right:-50px; top:50%; margin-top:-7px; opacity:0; visibility:hidden; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition:288ms;}
.menufix >li >a.now{ background:#02a2ba;}
.menufix >li >a.now b:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.menudown{ background:#3c3c3c; display:none;}
.menudown li{ position:relative; border-bottom:1px solid #5d6364;}
.menudown li:last-child{ border-bottom:none;}
.menudown li a{ display:block; text-align:center; font-size:26px; line-height:90px; color:#fff;}

.two-menu .logo{ width:135px;}


.iphonetel{ padding:60px 0 40px; text-align:center;}
.itel{ text-align:center;}
.itel b{ display:inline-block; width:18px; height:18px; background:url(../image/tel.png) center no-repeat; background-size:cover !important;}
.itel span{ display:inline-block; color:#ffffff; font-size:21px; line-height:1; margin-left:10px; font-family:"stxiheiregular";}
.iphonetel .share{ float:none; display:inline-block; margin:auto; margin-top:6px;}

@-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);
  }
}


.banner-box{ position:relative;}
.banner{ position:relative; overflow:hidden;}
.banner .slides >li{ position:relative; width:100%; overflow:hidden;}
.banner .slides >li >img{ width:100%; height:auto; line-height:1; position:relative;}
.banner .slides >li >img.bing{ display:none;}
.banner .flex-direction-nav .flex-nav-next a{ display:block; width:24px; height:45px; text-indent:999px; overflow:hidden; background:url(../image/arrow.png) center no-repeat; position:absolute; right:20%; top:50%; margin-top:-22px;}
.banner .flex-direction-nav .flex-nav-prev a{ display:block; width:24px; height:45px; text-indent:999px; overflow:hidden; background:url(../image/arrow1.png) center no-repeat; position:absolute; left:11.87%; top:50%; margin-top:-22px;}
.btext{ position:absolute; left:16.15%; top:50%; margin-top:-115px;}
.btext h2{ color:#fff; font-size:36px; line-height:1.3; margin-bottom:6px;}
.btext1 h2{ color:#4158a3;}
.btext small{ display:block; color:#fff; font-size:21px; font-family:"aaarghnormal"; line-height:1.2;}
.btext1 small{ color:#4158a3;}
.detail{ width:156px; height:46px; position:relative; margin-top:36px; background:#212995;}
.detail:before{ content:""; position:absolute; width:100%; height:100%; background:#00afca; position:absolute; left:0; top:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.detail a{ display:block; padding-left:23px; position:relative; line-height:46px; color:#fff; font-size:14px; background:url(../image/arrow2.png) 113px center no-repeat;}
.detail:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.banner .btext.transy{ transition: 0ms 0ms; -webkit-transition: 0ms 0ms; }
.banner .slides li{ overflow:hidden;}
.btext.transy{ transform: translateX(120px); -webkit-transform: translateX(120px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0;}
.banner .slides li.transShow .btext.transy{ transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0) skew(0); opacity: 1; transition: 880ms 0ms; -webkit-transition: 880ms 0ms; }
.transShow { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1; }

.banner .flex-control-nav{ display:none; position: absolute;left: 0;z-index: 999;bottom: 0;}

.menu{ position:absolute; height:100%; right:0; top:0; z-index:20;}
.menubg{ width:21px; height:100%; background:#212995; position:absolute; right:0; top:0;}
.menu-list{ position:absolute; right:10px; top:50%; margin-top:-245px; width:250px;}
.menu-list li{ margin-bottom:56px; position:relative;}
.menu-list li:nth-child(3) .menu-href .menu-over,.menu-list li:nth-child(5) .menu-href .menu-over{ padding-top:9px;}
.menu-list li:nth-child(5) .menu-leval dd{ top:4px;}
.menu-list li:before{ content:""; width:24px; height:1px; background:#fff; position:absolute; right:0; top:50%;}
.menu-list li:last-child{ margin-bottom:0;}
.menu-href{ float:left; width:98px; position:relative;}
.menu-over{ overflow:hidden;}
.menu-href small{ display:block; text-align:center; color:#fff; font-family:"aaarghnormal"; font-size:14px; line-height:1.3; transition:304ms ease-in-out; position:relative; top:0}
.menu-href small i{ display:block; color:#fff; text-align:center; font-style:normal;}
.menu-leval{ position:absolute; height:100%; right:20px; top:0; display:block; opacity:0; visibility:hidden; transition:320ms; width:186px;}
.menu-leval dt{ display:block; min-width:90px; text-align:center; margin-top:18px; position:relative; float:right;}
.menu-leval dt a{ color:#fff; font-size:15px; text-align:center; display:block; line-height:1;}
.menu-leval dd{ display:block; border-right:1px solid #fff; margin-right:10px; position:relative; float:right; top:-8px; width:75px;}
.menu-info{ position:relative;}
.menu-info:before{ content:""; width:7px; height:1px; background:#fff; position:absolute; right:0; top:50%;}
.menu-info a{ color:#fff; line-height:1.6; position:relative;}
.menu-info a:before{ content:""; width:0; height:1px; background:#fff; position:absolute; left:0; bottom:0; transition:320ms ease-in-out;}
.menu-info a:hover:before{ width:100%;}

.menu-list li strong{ float:left; display:block; width:53px; height:50px; margin-left:34px; position:relative; text-align:center; margin-top:2px;}
.menu-list li strong img{ display:inline-block; margin:auto; max-width:100%; height:auto; line-height:1;}
.menu-list li strong:before{ content:""; width:6px; height:6px; border-radius:50%; background:#fff; position:absolute; left:-19px; top:50%; margin-top:-3px;}
.menu-list li:hover .menu-href small{ top:-54px; visibility:hidden; opacity:0;}
.menu-list li:hover .menu-href .menu-leval{ opacity:1; right:0; visibility:visible;}


.homefooter{ width:100%; position:absolute; left:0; bottom:34px; z-index:20;}
.footerwr{ padding:0 60px;}
.footerleft{ float:left;}
.footertel{ margin-bottom:18px;}
.tel{ display:inline-block; float:left; padding-left:28px; color:#fff; font-size:16px; line-height:20px; background:url(../image/tel.png) left center no-repeat; margin-right:34px; font-family:"stxiheiregular";}
.footerri .share{ margin-top:6px;}
.share{ float:left;}
.share b{ display:inline-block; float:left; color:#fff; font-size:14px; font-family:"aaarghnormal"; font-weight:normal; margin-right:12px; line-height:20px;}
.share .jiathis_style{ float:left;}
.share .jiathis_style .jtico{ height:20px !important; padding-left:21px !important; margin-right:10px; transition:300ms;}

.bshare-custom{ float:left;}
.bshare-custom a{ height:20px !important; width:21px !important; margin-right:10px; transition:300ms; float:left; margin-top:0 !important; margin-bottom:0 !important; background-position:0 !important;}
.bshare-custom .icon-share1{
    background:url(../image/weix.png) center no-repeat;
}
.bshare-custom .icon-share2{
    background:url(../image/weib.png) center no-repeat;
    display: none;
}
.bshare-custom .icon-share3{
    background:url(../image/qq.png) center no-repeat;
}
.shareweix{ margin-right:6px; float:left;}
.shareweix a{ display:block; width:21px; height:20px; background:url(../image/weix.png) center no-repeat;}
.shareweix a:hover{ opacity:0.8;}

.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 #00afca; 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;  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; }


.relative{ margin-top:20px;}
.relative-list{ float:left;} 
.relative-list li{ float:left; position:relative; line-height:13px;}
.relative-list li:first-child a{ padding-left:0;}
.relative-list li:before{ content:""; width:1px; height:13px; background:#fff; border-right:1px solid #a9a9a9; position:absolute; right:0; top:0;}
.relative-list li a{ display:inline-block; padding:0 8px; line-height:13px; color:#fff;}
.relative-list li a:hover{ opacity:0.8;}
.relative-list li:last-child:before{ display:none;}
.relative-list li:last-child { display:none}
.edite{ float:left; margin-left:12px;}
.edite p,.edite a{ display:inline-block; float:left; color:#fff; line-height:13px;}
.edite p{ margin-right:10px;}
.edite a:hover{ opacity:0.8;}

.footernew{ float:right; width:350px; margin-top:12px; padding-left:40px; position:relative;}
.newmore a{ display:block; width:24px; height:5px; background:url(../image/arlte2.png) center no-repeat; position:absolute; left:0; bottom:4px;} 
.footernew ul li{ text-align:right;}
.footernew ul li time{ display:inline-block; color:#fff; line-height:1;}
.footernew ul li span{ display:block; transition:300ms; color:#fff; font-size:14px; margin-top:6px; line-height:1; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.footernew .flex-control-nav{ position:absolute; left:0; bottom:4px; height:5px;}
.footernew .flex-control-nav li{ float:left; margin-right:5px;}
.footernew .flex-control-nav li span{ display:block; width:5px; height:5px; text-indent:999px; overflow:hidden; border-radius:50%; background:#fff; color:#fff;}
.footernew ul li:hover span{ opacity:0.8;}


.pbanner{ position:relative; overflow:hidden;}
.pbanner img{ display:block; line-height:1; position:relative; width:100%; height:auto;}
.mouse{ width:380px; height:85px; background:url(../image/mousebg.png) center no-repeat; background-size:cover !important; position:absolute; left:50%; margin-left:-190px; bottom:0; z-index:30;}
.mouse span{ display:block; width:26px; height:38px; position:absolute; left:50%; margin-left:-13px; top:20px; background:url(../image/mouse.png) center no-repeat;}
.mouse span i{ display:block; width:4px; height:8px; position:absolute; left:50%; margin-left:-2px; top:8px; background:url(../image/dit.png) center no-repeat; animation-delay: 0ms; animation-duration: 1500ms; 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); }
}

.platslan{ background:#f3f3f3;}
.plats{ position:relative;}
.platimg{ width:50%; position:relative; overflow:hidden;}
.platimg figure{ display:block; line-height:1; position:relative;}
.platimg figure img{ display:block; width:100%; height:auto; line-height:1; transition:588ms;}

.plats.on .plat-con .radius{ transform:translateX(-8px); -webkit-transform:translateX(-8px); -moz-transform:translateX(-8px);}
.plats.on .plat-con .radius1{ transform:translateX(12px); -webkit-transform:translateX(12px); -moz-transform:translateX(12px);}

#pension .commont{ left:36%;}
.commont{ position:absolute; left:14.6%; top:50%; margin-top:-147px; padding-left:33px; border-left:1px solid #fff;}
.commont strong{ display:inline-block; line-height:0; margin-bottom:20px;}
.commont small{ line-height:1.1; display:block;}
.commont small i{ display:block; color:#fff; font-size:60px; font-family:Arial; font-family:Arial; font-style:normal; text-transform:uppercase;}
.commont span{ display:block; color:#fff; font-size:16px; line-height:1; margin-top:8px;}
.plat-con{ width:50%; height:100%; position:absolute; left:50%; top:0;  display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; box-align:center; -webkit-box-align:center; align-items:center;  -webkit-align-items:center;}
.radius{ width:162px; height:100%; background:url(../image/radius3.png) center no-repeat; position:absolute; left:-106px; top:0; transition:970ms;} 
.promoters{ position:absolute; left:64px; top:50%; width:574px; margin-top:-210px;}
.process{ margin-bottom:50px;}
.process h2{ color:#666666; font-size:30px; line-height:1; margin-bottom:8px;}
.process small{ display:block; color:#666666; font-family:"aaarghnormal"; text-transform:uppercase;}

.process-t{ padding-left:58px; position:relative; height:310px; overflow:hidden;}
.process-t p{ color:#666666; font-size:15px; line-height:2; margin-bottom:24px;}
.process-t p:last-child{ margin-bottom:0;}
.promoters #ascrail2000{ background:#999999; left:10px !important; width:1px !important;}
.promoters #ascrail2000 .nicescroll-cursors{ width:20px !important; height:20px !important; border-radius:50%; left:-10px; float:none !important;}

.speech .platimg{ float:right;}
.speech .plat-con{ left:0;}
.speechc{ position:absolute; left:12%; top:50%; width:78%; padding-right:10px; height:300px; margin-top:-150px; overflow-y:scroll;}
::-webkit-scrollbar{ width:5px;}
::-webkit-scrollbar-track{  border-radius:5px;} 
::-webkit-scrollbar-thumb{  background:#00afca; border-radius:5px;}    
.speechc p{ color:#666666; font-size:15px; line-height:2;}
.speendimg{ width:375px; height:240px; background:url(../image/radius1.png) center no-repeat; position:absolute; left:0; bottom:0;}
.speendimg span{ display:block; width:112px; height:112px; border-radius:50%; background:rgba(0,175,202,0.1); position:absolute; right:80px; top:-14px;}

.history{ padding:120px 0 100px; background-size:cover !important; position:relative;}
.history-t{ position:absolute; width:100%; left:0; top:120px;}
.history-t h3{ color:#ffffff; text-align:center; line-height:1; font-weight: 100; font-size:60px; font-family:Arial; padding-bottom:12px; margin-bottom:16px; position:relative; text-transform:uppercase;}
.history-t h3:before{ content:""; width:54px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-27px; bottom:0;}
.history-t span{ display:block; text-align:centere; line-height:1; color:#fff; font-size:16px; text-align:center;}

.history-lised{ width:1062px; margin:auto; position:relative; margin-top:110px;}
.history-lised:before{ content:""; width:4px; height:100%; background:#fff; position:absolute; left:50%; margin-left:-2px; top:0;}
.hisdit{ display:block; width:30px; height:30px; background:url(../image/dit1.png) center no-repeat; position:absolute; left:50%; margin-left:-15px; top:-10px;}
.history-li{ padding-bottom:53px;}
.history-li li{ position:relative; margin-top:-22px;}
.history-li li span{ display:block; width:28px; height:28px; background:url(../image/time3.png) center no-repeat; position:absolute; left:50%; margin-left:-14px; top:50%; margin-top:-14px;}
.history-con{ float:right; width:46.8%; background:#fff; border-radius:16px;}
.hist-wr{ padding:30px 38px 26px;}
.hist-wr strong{ display:block; color:#00afca; position:relative; font-size:48px; line-height:1; font-family:"Arial"; padding-bottom:13px; border-bottom:2px solid #eeeeee;}
.hist-wr strong:before{ content:""; width:80px; height:2px; background:#00afca; position:absolute; left:0; bottom:-2px; font-weight:normal;}
.hist-wr p{ color:#666666; font-size:15px; margin-top:16px;}
.history-li li:nth-child(2n+2){ margin-top:-70px;}
.history-li li:nth-child(2n+2) .history-con{ float:left;}

.history-mo{ width:4px; height:65px; background:url(../image/dian.png) center no-repeat; margin:auto;}


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

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

.footer-box{ padding:43px 0; background:#333333; position:relative;}
.footerri{ float:right; margin-top:26px;}
.footer-box .likebox { bottom:44px;}


.develope{ position:absolute; left:50%; margin-left:-643px; bottom:32.6%;}
.develope h1{ color:#fff;font-weight: 100; text-align:center; font-size:60px; font-family:Arial; line-height:1; text-transform:uppercase;}
.develope span{ display:block; text-align:center; color:#fff; font-size:20px; line-height:1; margin-top:16px; margin-bottom:35px;}
.develope p{ color:#fff; font-size:14px; text-align:center; line-height:2; width:606px; margin:auto;} 
.area{ width:545px; left:90px; position:absolute; top:50%; margin-top:-190px;}
.area-text{ margin-bottom:58px;}
.area-text p{ color:#666666; font-size:15px; line-height:2;}
.area-text p mark{ display:inline-block; color:#0c99c2; background:none;}
.develop-info{ margin-bottom:22px;}
.develop-info mark{ display:inline-block; padding:0 16px; background:#00afca;}
.develop-info mark strong{ display:inline-block; color:#fff; line-height:48px; float:left; font-size:44px;}
.develop-info mark em{ display:inline-block; float:left; line-height:48px; color:#fff; font-size:40px; margin-left:12px; font-style:normal; text-transform:uppercase;}
.develop-info span{ display:block; line-height:1; color:#666666; font-size:14px; margin-top:8px;}

.development{ position:relative; overflow:hidden;}
.deved{ width:25%; float:left; position:relative; overflow:hidden;}
.deved figure{ display:block; line-height:1; overflow:hidden;}
.deved figure img{ display:block; width:100%; height:auto; line-height:1; transition:488ms;}
.deved span{ display:block; padding-top:130px; height:35px; line-height:1; color:#fff; text-align:center; font-size:16px; background:url(../image/deve.png) left top repeat-x; position:absolute; left:0; bottom:0; width:100%; transition:366ms;}
.devemark{ position:absolute; width:100%; height:100%; background:#00afca; left:0; top:0; opacity:0; visibility:hidden; transition:400ms ease-in-out; z-index:30;}
.develine{ width:94%; height:94%; border:1px solid rgba(255,255,255,0.5); border:1px solid #fff\9; position:absolute; left:3%; top:3%; box-sizing:border-box;}
.deve-wr{ position:absolute; left:0; top:62%; width:100%; text-align:center; margin-top:-70px; opacity:0; visibility:hidden; transition:388ms 0ms;}
.deve-wr h3{ color:#ffffff; font-size:18px; line-height:1; padding-bottom:18px; position:relative; text-align:center; margin-bottom:15px;}
.deve-wr h3:before{ content:""; width:30px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-15px; bottom:0;}
.deve-wr p{ text-align:center; padding:0 50px; color:#fff; line-height:2; font-size:15px;}
.deved:hover .devemark{ opacity:1; visibility:visible; top:0;}
.deved:hover span{ opacity:0; visibility:hidden;}
.deved:hover .deve-wr{ opacity:1; visibility:visible; top:50%; transition:388ms 160ms;}
.deved:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.development .slick-prev,.development .slick-next{ width:52px; height:52px; border:none; background:none; outline:none; padding:0; margin:0; position:absolute; top:50%; margin-top:-26px; text-indent:888px; overflow:hidden; transition:330ms; z-index:20; cursor:pointer;}
.development .slick-prev{ background:url(../image/prev.png) center no-repeat; left:22px;}
.development .slick-next{ background:url(../image/next.png) center no-repeat; right:22px;}
.development .slick-prev:hover{ background:url(../image/prev1.png) center no-repeat;}
.development .slick-next:hover{ background:url(../image/next1.png) center no-repeat;}

.products{ padding:50px 0 100px; background:#f3f3f3;}
.product-t{ margin-bottom:40px;}
.product-t h3{ color:#666666; font-size:24px; line-height:1; margin-bottom:14px; text-align:center;}
.product-t small{ display:block; text-align:center; color:#666666; line-height:1; font-family:"aaarghnormal"; text-transform:uppercase;}

.product-list li{ margin-bottom:38px; position:relative;}
.product-list li figure{ display:block; overflow:hidden;}
.product-list li figure img{ display:block; width:100%; height:auto; transition:488ms; line-height:1;}
.product-list li span{ display:block; width:100%; padding-top:139px; height:34px; line-height:1; color:#fff; text-align:center; font-size:16px; background:url(../image/line3.png) left top repeat-x; position:absolute; left:0; bottom:0; transition:400ms;}
.product-list li:hover figure img{ transform:scale(1.02); -webkit-transform:scale(1.02); -moz-transform:scale(1.02);}
.product-list li:hover span{ background:url(../image/line4.png) left top repeat-x;} 

.projectbanner{ position:relative; overflow:hidden;}
.projectbanner .bannul li{ height:100%; line-height:0; position:relative;}
.projectbanner .bannul li img{ line-height:0; width:100%; line-height:0; height:auto;  transition:transform 5.5s ease 0s, opacity 2s ease 0s; -webkit-transition:transform 5.5s ease 0s, opacity 2s ease 0s; opacity:1; transform:matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transform:matrix(1.1, 0, 0, 1.1, 0, 0);}

.projectbanner .bannul li.imgIn img{ opacity: 1; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transform:matrix(1, 0, 0, 1, 0, 0);}
.projectbanner .flex-control-nav{ position:absolute; left:82px; bottom:42px; height:16px; z-index:32;}
.projectbanner .flex-control-nav li{ float:left; margin-right:15px;}
.projectbanner .flex-control-nav li:last-child{ margin-right:0;}
.projectbanner .flex-control-nav li a span{ color:#ffffff; font-size:16px; transition:300ms; font-family:Arial; line-height:1;}
.projectbanner .flex-control-nav li a.flex-active span{ color:#00afca;} 
.projectbanner .flex-direction-nav li a{ display:block; width:36px; height:36px; padding:0; margin:0; text-indent:999px; overflow:hidden; position:absolute; top:50%; margin-top:-18px; z-index:20;}
.projectbanner .flex-direction-nav li a.flex-prev{ background:url(../image/prev2.png) center no-repeat; left:3.8%;}
.projectbanner .flex-direction-nav li a.flex-prev:hover{ background:url(../image/prev3.png) center no-repeat;}
.projectbanner .flex-direction-nav li a.flex-next{ background:url(../image/next2.png) center no-repeat; right:3.8%;}
.projectbanner .flex-direction-nav li a.flex-next:hover{ background:url(../image/next3.png) center no-repeat;}
.projectfix{ width:100%; position:absolute; left:0; bottom:140px; z-index:32;}
.projectd h2{ color:#ffffff; font-size:36px; line-height:1; text-align:center; margin-bottom:27px;}
.projectd p{ color:#ffffff; font-size:15px; text-align:center; width:750px; margin:auto; line-height:1.8;}
.posite{ position:absolute; right:70px; bottom:-100px;}
.posite a{ display:inline-block; padding-left:68px; background:url(../image/posite.png) left center no-repeat; line-height:45px; color:#fff; font-size:14px;}
.posite a:hover{ color:#00afca; background:url(../image/posite1.png) left center no-repeat;}
.projecs .platimg{ float:right;}
.projecs .plat-con{ left:0;}

.radius1{ width:162px; height:100%; background:url(../image/radius2.png) center no-repeat; position:absolute; right:-148px; top:0; transition:970ms;}
.overviw{ width:520px; position:relative; left:32%; top:0;}
.overt{ margin-bottom:36px;}
.overt h3{ color:#666666; font-size:24px; line-height:1; margin-bottom:10px;}
.overt small{ display:block; color:#666666; font-family:"aaarghnormal"; line-height:1; text-transform:uppercase;}
.overd p{ color:#666666; font-size:15px; line-height:2; margin-bottom:26px;}
.overd p:last-child{ margin-bottom:0;}
.tlas-box{ padding:160px 0 150px;}
.tlas{ width:1200px; margin:auto;}
.tlast{ margin-bottom:60px;}
.tlast h3{ color:#fff; text-align:center; font-size:24px; line-height:1; margin-bottom:10px;}
.tlast small{ display:block; text-align:center; color:#fff; font-family:"aaarghnormal"; text-transform:uppercase;}

.talasfix{ position:relative; overflow:hidden;}
.tala-list{ float:left;}
.talas-info{ float:left; display:block; width:24%; margin-right:1.333333%; position:relative; overflow:hidden; cursor:pointer;}
.talas-info:nth-child(4n+4){ margin-right:0;}
.talas-info{ margin-bottom:10px; margin-right:10px;}
.talas-info figure{ display:block; overflow:hidden; position:relative; overflow:hidden;}
.talas-info figure img{ display:block; width:100%; height:auto; line-height:1; transition:466ms;}
.talas-info mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#00afca; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .45s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .45s cubic-bezier(.4,0,.2,1); transition:transform .45s cubic-bezier(.4,0,.2,1); transition:transform .45s cubic-bezier(.4,0,.2,1),-webkit-transform .45s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.talas-info span{ display:block; width:43px; height:43px; background:url(../image/serch.png) center no-repeat; margin:auto; opacity:0; visibility:hidden; transition:344ms 0ms; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}
.titem{ width:100%; position:absolute; left:0; top:50%; margin-top:-43px;}
.talas-info mark b{ display:block; text-align:center; color:#fff; font-size:16px; font-weight:normal; margin-top:16px;}
.talas-info:hover mark{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.talas-info:hover span{ opacity:1; visibility:visible; transition:344ms 150ms; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.talasfix .slick-dots{ text-align:center;}
.talasfix .slick-dots li{ display:inline-block; margin-right:9px;}
.talasfix .slick-dots li:last-child{ margin-right:0;}
.talasfix .slick-dots li a{ display:block; padding:0; margin:0; border:none; outline:none; text-indent:999px; overflow:hidden; width:13px; height:13px; border-radius:50%; background:#fff; transition:320ms; cursor:pointer;}
.talasfix .slick-dots li.slick-active a{ background:#179cc8;}

.posites .plat-con .radius{ background:url(../image/radius.png) center no-repeat;}
.posites .plat-con .overviw{ left:10.2%;}

.overviw1{ width:530px;}
.urban{ border-left:1px solid #cccccc; padding-left:26px;}
.urban p{ color:#666666; font-size:15px; line-height:2; position:relative; margin-top:-6px;}
.overviw1 .overt h3{ line-height:1.4;}
.overviw1 .overt small{ line-height:1.4;}

.urbans{ position:relative;}
.urbans-leval{ position:fixed; left:3.75%; top:50%; margin-top:-175px; z-index:88; transition:520ms; opacity:0; visibility:hidden;}
.urbans-leval1{ margin-top:-112px;}
.urbans-leval.nowflx{ opacity:1; visibility:visible;}
.urbans-leval:before{ content:""; width:4px; height:90%; background:#00afca; position:absolute; left:50%; margin-left:-2px; top:0%;}
.urban-info:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../image/radius5.png) center no-repeat; background-size:cover !important;  visibility:hidden; transition:330ms; transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.urban-info:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../image/radius4.png) center no-repeat; background-size:cover !important; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.urban-info{ position:relative; width:100px; height:100px; margin-bottom:25px;}
.urban-info:last-child{ margin-bottom:0;}
.urban-info a{ display:block; position:relative; padding-top:28px; height:72px; text-align:center; color:#fff; font-size:14px; line-height:1.4; z-index:5;}
.urban-info:last-child a{ padding-top:40px; height:60px;}
.urban-info:hover:before,.urban-info.current:before{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3);}
.urban-info:hover:after,.urban-info.current:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}

.service-info{ width:50%; position:relative; float:left; overflow:hidden;}
.service-info figure{ display:block; line-height:1; overflow:hidden; position:relative;}
.service-info figure img{ display:block; width:100%; height:auto; line-height:1; transition:540ms;}
.service-info figure .service-t{ width:100%; height:100%; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); position:absolute; left:0; top:0; transition:450ms 250ms; }

.serv{ width:100%; position:absolute; left:0; top:50%; margin-top:-35px; text-align:center;}
.serv h4{ color:#ffffff; font-size:24px; font-weight:normal; line-height:1; padding-bottom:18px; position:relative; margin-bottom:13px;}
.serv h4:before{ content:""; width:44px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-22px; bottom:0;}
.serv p{ color:#fff; font-size:14px; text-align:center;}

.service-view{ display:block; width:100%; height:100%; background:#00afca; position:absolute; left:0; top:0%; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1),-webkit-transform .52s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.service-wr{ width:100%; position:absolute; left:-30%; top:50%; margin-top:-60px; text-align:center; opacity:0; visibility:hidden; transition:355ms 0ms;}
.service-wr mark{ display:block; width:43px; height:43px; margin:auto; background:url(../image/serch.png) center no-repeat; margin-bottom:22px;}
.service-wr h3{ color:#fff; font-weight:normal; text-align:center; font-size:24px; margin-bottom:6px; line-height:1;}
.service-wr span{ display:block; color:#fff; font-size:14px; text-align:center;}
.service-info:hover figure img{ transform:scale(1.03); -webkit-transform:scale(1.03); -moz-transform:scale(1.03);}
.service-info:hover .service-t{ opacity:0; visibility:hidden; transition:450ms 0ms;}
.service-info:hover .service-view{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.service-info:hover .service-view .service-wr{ visibility:visible; opacity:1; transition:555ms 180ms; left:0}

.perforeme{ margin-bottom:80px; padding-left:18px; width:455px; border-left:1px solid #cccccc;}
.perforeme p{ color:#666666; font-size:15px;}
.peforen{ left:30%; width:620px;}
.perlist li{ min-width:226px; padding-left:18px; color:#666666; font-size:15px; position:relative; margin-bottom:12px; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.perlist li:before{ content:""; width:7px; height:7px; background:#183d9c; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px;}

.honor-box{ padding:168px 0 0; background:#000000 url(../image/31.jpg) center no-repeat; background-size:cover !important;}
.honor{ margin-left:24.8%;}
.honor-t{ margin-bottom:44px;}
.honor-t h3{ color:#fff; font-size:24px; line-height:1; margin-bottom:9px;}
.honor-t small{ display:block; line-height:1; color:#fff; font-family:"aaarghnormal";}
.honorfix p{ color:#fff; font-size:15px; margin-bottom:4px;}
.honor-list{ margin-top:160px; position:relative; padding-bottom:55px; padding-left:18px; overflow:hidden;}
.honors{ min-width:100%; white-space:nowrap; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;  box-align:center;}
.honors li{ float:left; padding-right:16px;}
.honors li img{ display:block; height:302px; width:auto;}

.proper p{ color:#666666; font-size:15px;}
.target{ margin-top:40px;}
.target strong{ display:block; color:#00afca; font-size:15px; margin-bottom:5px;}
.target p{ color:#666666; font-size:15px;}

.property-bg{ background-size:cover !important; padding-top:270px;}
.proper-t{ margin-bottom:100px;}
.proper-t h3{ color:#fff; text-align:center; line-height:1; font-size:30px; padding-bottom:30px; position:relative; margin-bottom:12px;}
.proper-t h3:before{ content:""; width:54px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-27px; bottom:0;}
.proper-t p{ color:#fff; text-align:center; font-size:15px; line-height:2; width:850px; margin:auto;}
.proper-list{ width:1110px; margin:auto; background:url(../image/radius6.png) center top no-repeat; background-size:cover !important; padding-top:70px; padding-bottom:58px; text-align:center;}
.proper{ display:inline-block; margin:auto; background-size:cover !important;}
.proper li{ float:left; width:150px; text-align:center;}
.proper li a{ display:inline-block; margin:auto;}
.proper li strong{ display:block; width:99px; height:114px; margin:auto; background:url(../image/arlte.png) center no-repeat; position:relative;}
.proper li strong:before{ content:""; width:99px; height:114px; background:url(../image/arlte1.png) center no-repeat; position:absolute; left:0; top:0; opacity:0; transform:scale(0.5); visibility:hidden; transition:388ms ease-in-out;}
.proper li strong i{ display:block; width:49px; height:48px; position:absolute; left:50%; top:50%; margin-left:-24px; margin-top:-24px; z-index:10; transition:355ms ease-in-out;}
.proper li span{ display:block; text-align:center; color:#fff; font-size:15px; line-height:1; margin-top:9px;}
.proper li:nth-child(1) strong i{ left:43%;}
.proper li:nth-child(1) strong i{ background:url(../image/property1.png) center no-repeat;}
.proper li:nth-child(2) strong i{ background:url(../image/property2.png) center no-repeat;}
.proper li:nth-child(3) strong i{ background:url(../image/property3.png) center no-repeat;}
.proper li:nth-child(4) strong i{ background:url(../image/property4.png) center no-repeat;}
.proper li:hover strong:before,.proper li.on strong:before{ visibility:visible; opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.proper li:hover:nth-child(1) strong i,
.proper li.on:nth-child(1) strong i
{ background:url(../image/property1_1.png) center no-repeat;}
.proper li:hover:nth-child(2) strong i,
.proper li.on:nth-child(2) strong i
{ background:url(../image/property2_1.png) center no-repeat;}
.proper li:hover:nth-child(3) strong i,
.proper li.on:nth-child(3) strong i
{ background:url(../image/property3_1.png) center no-repeat;}
.proper li:hover:nth-child(4) strong i,
.proper li.on:nth-child(4) strong i
{ background:url(../image/property4_1.png) center no-repeat;}

.proper-box{ padding:82px 0 70px; background:#ffffff; position:relative;}
.proper-wr{ position:relative;}

.property .overt h3{ text-align:center;}
.property .overt small{ text-align:center;}
.propers{ border-left:1px solid #e4e4e4;}
.propers li{ width:33.3333%; text-align:center; position:relative; float:left; padding-top:18px; min-height:250px;}
.propers li:before{ content:""; width:1px; height:100%; background:#e4e4e4; position:absolute; right:0; top:0;}
.propers li h5{ text-align:center; position:relative; color:#00afca; font-size:18px; text-align:center; line-height:1; padding-bottom:21px; margin-bottom:20px;}
.propers li h5:before{ content:""; width:28px; height:1px; background:#00afca; position:absolute; left:50%; margin-left:-14px; bottom:0;}
.propers li p{ color:#666666; font-size:15px; padding:0 12%;}
.colore .propers li{ min-height:176px;}
.overd strong{ display:block; line-height:1; color:#00afca; font-size:15px; margin-bottom:8px;}
.safeh{ background:#f3f3f3;}
.safeh .radius1{ background:url(../image/radius7.png) center no-repeat;}

.platform-box{ padding:104px 0 160px; background:#f3f3f3;}
.platform-info{ width:46.3%; float:left;}
.platform-info:nth-child(2n+2){ float:right;}
.platform-info h2{ color:#00afca; font-size:24px; line-height:1; margin-bottom:34px;}
.platform-info figure{ display:block; margin-bottom:34px; overflow:hidden;}
.platform-info figure img{ display:block; width:100%; height:auto; line-height:1; transition:540ms;}
.platform-info figure img:hover{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);} 
.platform-info p{ color:#333333; font-size:15px; line-height:2;}
.service{ /* padding-bottom:60px; */}
.service-list li{ width:25%; float:left; position:relative;}
.service-list li:hover .devemark{ opacity:1; visibility:visible; top:0;}
.service-list li:hover .deve-wr{ opacity:1; visibility:visible; top:50%; transition:388ms 160ms;}
.service-list li figure{ display:block; overflow:hidden; line-height:1;}
.service-list li figure img{ display:block; width:100%;/*  height:auto; */ /* height: 310px; */transition:540ms;}
.service-mark{ position:absolute; width:100%; height:auto; left:0; bottom:0; padding-bottom:40px; height:115px; padding-top:53px; background:url(../image/deve2.png) left top repeat-x; text-align:center; z-index:10; transition:488ms ease-in-out;}
.service-mark strong{ width:95px; height:85px; margin:auto; margin-bottom:14px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;  box-align:center; -webkit-box-align:center; align-items:center;  -webkit-align-items:center;}
.service-mark strong img{ display:inline-block; margin:auto; max-height:100%; max-width:100%; height:auto; line-height:1;}
.service-mark span{ display:block; text-align:center; line-height:1; color:#fff; font-size:16px;}

.servcie-line{ width:96%; height:96%; position:absolute; left:2%; top:2%;}
.servcie-line:before,.servcie-line:after{ content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s; }
.servcie-line:before{ border-top: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.5); -webkit-transform: scale(0,1); transform: scale(0,1); }
.servcie-line:after{ border-right: 1px solid rgba(255,255,255,0.5); border-left: 1px solid rgba(255,255,255,0.5); -webkit-transform: scale(1,0); transform: scale(1,0); }
.service-list li:hover .servcie-line:before,
.service-list li:hover .servcie-line:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.service-list li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.service-list li:hover .service-mark{ background:url(../image/deve1.png) left top repeat-x;}
.service-list li:hover .service-mark strong{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.44s 1; animation: beat 0.44s 1;}

@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}


.culture-box{ background-size:cover !important; position:relative;}
.culture{ position:absolute; width:100%; left:0; bottom:0;}
.culture-t{ margin-bottom:44px;}
.culture-t h4{ text-align:center; color:#fff; font-size:60px; font-family:Arial; line-height:1; margin-bottom:8px; text-transform:uppercase;}
.culture-t small{ display:block; text-align:center; color:#fff; font-size:14px;}
.culture-list{ border-top:1px solid rgba(255,255,255,0.5); border-top:1px solid #fff\9;}
.culture-list li{ position:relative; width:25%; height:600px; float:left;}
.culture-list li:before{ content:""; width:1px; height:100%; background:rgba(255,255,255,0.5); background:#fff\9; filter:alpha(opacity=50); position:absolute; right:0; top:0;}
.culture-list li:after{ content:""; width:100%; height:100%; background:#00afca; position:absolute; left:0; top:0; transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); opacity:0; transition:560ms ease-in-out; visibility:hidden;}
.culturefix{ padding:80px 12.9% 0; position:relative; z-index:10;}
.cultuef{ margin-bottom:42px;}
.cultuef strong{ display:block; line-height:1; margin-bottom:14px;}
.cultuef strong img{ display:block; max-width:51px; line-height:1;}
.cultuef span{ display:block; line-height:1; padding-bottom:22px; position:relative; color:#fff; font-size:24px;}
.cultuef span:before{ content:""; width:38px; height:1px; background:#fff; position:absolute; left:0; bottom:0;}
.culture-text p{ color:#ffffff; font-size:16px; margin-bottom:8px;}
.culture-text .cultremo{ margin-bottom:32px;}
.culture-text .cultremo p{ margin-bottom:0;}
.culture-list li:hover:after{ opacity:1; transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); visibility:visible;}
.science{ background:#f3f3f3;}
.xibox{ padding-top:80px;}
.xititle{ width:1200px; margin:auto; margin-bottom:30px;}
.xititle .overt{ margin-bottom:18px;}
.xititle p{ color:#666666; font-size:15px;}
.lifour .service-mark{ height:auto; padding-top:156px; height:50px; padding-bottom:0;}

.company{ padding:84px 88px; background:#00afca;}
.company p{ text-align:center; color:#fff; font-size:15px; line-height:1.6;}
.inverstment-box{ padding:74px 0 0;}
.inverstment-box .overt h3,.inverstment-box .overt small,.business-con .overt small,.business-con .overt h3{ text-align:center;}
.inverstmen{ padding:60px 0; width:940px; margin:auto;}
.inverstmen p{ color:#666666; font-size:15px;}
.urbans-leval1 .urban-info a{ padding-top:43px; height:57px;}
.agriculte .service-list li{ width:33.333333%;}
.agricultes .overviw{ left:10.2%;}
.business-con .overt{ margin-bottom:60px;}

.business-fix{ padding:108px 0 0;}
.agricultre-t{ text-align:center; padding-bottom:50px;}
.agricul-info{ display:inline-block; position:relative; width:156px; margin-right:42px; height:156px; cursor:pointer; line-height:1;}
.agricon{ position:absolute; left:0; width:100%; text-align:center; top:42px; z-index:5;}
.agricul-info:last-child{ margin-right:0;}
.agricul-info b{ display:block; line-height:1; text-align:center; padding-bottom:16px; color:#666666; position:relative; font-size:24px; font-family:"Arial"; z-index:5; transition:300ms;}
.agricul-info b:before{ content:""; width:5px; height:3px; background:#999999; position:absolute; left:50%; margin-left:-2px; bottom:0; transition:288ms;}
.agricul-info span{ display:block; text-align:center; color:#666666; font-size:15px; line-height:1; margin-top:12px; position:relative; z-index:5; transition:300ms;}
.agricul-info a:before{ content:""; width:18px; height:8px; background:url(../image/arrow6.png) center no-repeat; position:absolute; left:50%; margin-left:-9px; bottom:-12px; opacity:0; visibility:hidden; transition:388ms; opacity:0;}
.agricul-info a{ display:block; line-height:0;}
.agricon{ top:28%;}

.agricul-info:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../image/radius9.png) center no-repeat; background-size:cover !important;  visibility:hidden; transition:330ms; transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.agricul-info img{ width:100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}

.agricul-info:hover a:before,.agricul-info.flex-active a:before{ opacity:1; visibility:visible; bottom:-22px;}
.agricul-info:hover b,.agricul-info.flex-active b{ color:#fff;}
.agricul-info:hover b:before,.agricul-info.flex-active b:before{ background:#fff;}
.agricul-info:hover span,.agricul-info.flex-active span{ color:#fff;}
.agricul-info:hover img,.agricul-info.flex-active img{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3);}
.agricul-info:hover:after,.agricul-info.flex-active:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}

.busebess{ padding:67px 0 83px; background:#f3f3f3;}
.busebess-wr{ width:1276px; margin:auto;}
.business-wr figure{ width:50%; overflow:hidden; float:left; position:relative; line-height:1;}
.business-wr figure img{ display:block; width:100%; height:auto; line-height:1;}
.business-wr .busebb{ width:46%; float:right; padding-top:66px;}
.business-wr .busebb p{ color:#666666; font-size:15px; width:456px;}


.newbanner .develope{ bottom:50%; margin-bottom:-45px;}
.newbanner .develope h1{ color:#333333;}
.newbanner .develope span{ color:#333333; margin-bottom:0;}


.jq22-container { padding:40px 36px 100px; background:#f6f6f6;}
#news { margin: auto; position: relative; }
.box { float: left; width:20%;}
.box a{ display:block; margin:10px; background:#fff;}
.box figure{ display:block; line-height:0; overflow:hidden;}
.box img { width: 100%; height:auto; line-height:1; transition:578ms;}
.boxtext{ padding:24px 26px 22px; position:relative;}
.boxtext:before{ content:""; width:100%; height:100%; background:#00afca; position:absolute; left:0; top:0; transform-origin:left bottom; -webkit-transform-origin:left bottom; -webkit-transition:-webkit-transform .64s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .64s cubic-bezier(.4,0,.2,1); transition:transform .64s cubic-bezier(.4,0,.2,1); transition:transform .64s cubic-bezier(.4,0,.2,1),-webkit-transform .64s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;} 
.boxtext h3{ color:#333333; transition:300ms; font-size:18px; font-weight:normal; line-height:1.4; margin-bottom:16px; position:relative;}
.boxtext p{ color:#747474; transition:300ms; font-size:13px; margin-bottom:40px; position:relative;}
.boxtext time{ display:block; transition:300ms; color:#747474; font-size:14px; font-family:"Arial"; line-height:1; position:relative;}
.boxtext time:before{ content:""; transition:300ms; width:24px; height:5px; background:url(../image/arlte3.png) center no-repeat; position:absolute; right:0; top:3px;}
.box:hover figure img{ transform:scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07);}
.box:hover .boxtext h3,.box:hover .boxtext p,.box:hover .boxtext time{ color:#fff;}
.box:hover .boxtext time:before{ background:url(../image/arlte2.png) center no-repeat;}
.box:hover .boxtext:before{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:left top; -webkit-transform-origin:left top; visibility:visible\9;}

.loadmore{ width:156px; height:45px; margin:auto; margin-top:100px; position:relative; background:#212995;}
.loadmore:before{ content:""; width:100%; height:100%; background:#00afca; position:absolute; left:0; top: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);}
.loadmore:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;}
.loadmore a{ display:block; line-height:45px; padding-left:23px; color:#fff; font-size:14px; background:url(../image/arrow2.png) 113px center no-repeat; position:relative;}

.new-view{ background:#ffffff; padding:74px 0 40px; width:900px; margin:auto;}
.new-t{ border-bottom:1px solid #e7e7e7; padding:0 37px 30px;}
.new-t h3{ color:#212995; font-size:24px; line-height:1.2; margin-bottom:16px; font-weight:normal;}
.new-t time{ display:block; color:#999999; line-height:1;}
.new-text{ padding:32px 40px 32px; border-bottom:1px solid #e7e7e7;}
.new-text p{ color:#666666; font-size:15px; text-indent:30px;}
.new-text img{ display:inline; margin:auto; max-width:100%; width:100%; line-height:1; margin-top:34px; margin-bottom:34px;}
.view-page{ margin-top:30px; padding:0 40px;}
.page{ float:left;}
.page:nth-child(2){ float:right;}
.page span{ display:block; color:#999999; font-size:14px; line-height:1; margin-bottom:22px;}
.page a{ display:block; color:#333333; font-size:16px; width:344px;}
.page a:hover{ color:#00afca;}

#proPage { position: fixed; top: 0; left: 0; right: 0px; bottom: 0px; z-index: 1006; background: rgba(0,0,0,0.8); background: #000\9; filter: alpha(opacity=80); overflow: hidden; -webkit-overflow-scrolling: touch; display: block; visibility: hidden; z-index: 1010; opacity: 0; transition: 560ms; }
.pro-bd { left: 50%; width: 900px; margin-left: -450px; cursor: default; opacity: 0; transform: scale(0.9) translateY(100%); -webkit-transform: scale(0.9) translateY(100%); -moz-transform: scale(0.9) translateY(100%); position: fixed; top: 50%; visibility: hidden; z-index: 1020; }
.closes { position: absolute; overflow: hidden; height: 30px; width: 30px; right: 30px; top: 30px; z-index: 1030; cursor: pointer; background: url(../image/close.png) no-repeat scroll center center; transition: 480ms; }
.closes:hover { transform: rotate(180deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
html.openPH body { -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; transition: all 0s; }
html.openPH #proPage { overflow-y: auto; }
html.openPH .new-view { overflow-y: auto; }
html.openPH #proPage .pro-bd { top: 0; position: absolute; box-sizing: border-box; margin-top: 0 !important; }
.pro-page { position: relative; }
html.openPro #proPage { visibility: visible; opacity: 1; transition: 560ms; }
html.openPro .pro-bd { opacity: 1; transform: scale(1) translateY(0); transition: 650ms 150ms; -webkit-transition: 650ms 150ms; -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); visibility: visible; }
.joinbanner .develope{ bottom:110px;}
.joinbanner .develope h1,.joinbanner .develope span,.joinbanner .develope p{ color:#333333;}
.joinbanner .develope p{ width:100%;}
.join-te{ margin-top:20px;}
.join-te strong{ display:block; text-align:center; color:#333333; font-size:18px; margin-bottom:16px;}
.join-te p a{ display:inline-block; color:#1e0aa1;}
.join-clic{ text-align:center; margin-top:68px;}
.join-clic .urban-info{ text-align:center; width:124px; height:124px; display:inline-block; margin-right:34px;}
.join-clic .urban-info:last-child{ margin-right:0;}
.join-clic .urban-info span{ color:#fff;}
.join-clic .urban-info a{ padding-top:30px; height:70px;}
.join-clic .urban-info a b{ display:block; width:35px; height:36px; margin:auto;}
.join-clic .urban-info:nth-child(1) a b{ background:url(../image/join1.png) center no-repeat;}
.join-clic .urban-info:nth-child(2) a b{ background:url(../image/join2.png) center no-repeat;}

.jobs-box{ padding:90px 0 74px; background:#f3f3f3;}
.jobs{ width:1100px; margin:auto;}
.jobs-t{ margin-bottom:40px;}
.jobs-t h3{ color:#666666; font-size:30px; text-align:center; line-height:1; margin-bottom:12px;}
.jobs-t small{ display:block; color:#666666; text-align:center; font-family:"aaarghnormal"; line-height:1; text-transform:uppercase;}

.recruite-fix{ width:1032px; margin:auto;}
.recuite-title small{ text-align:center; color:#c8c8c8; font-size:20px; font-family:Arial; line-height:normal; display:block;}
.recruite-t{ padding:20px 0 16px; background:#666666;}
.recruite-t span{ color:#fff; display:block; line-height:1; float:left; font-size:14px; line-height:normal;}
.recruite-t span:nth-child(1){ padding-left:34px; width:115px;}
.recruite-t span:nth-child(2){ width:172px; text-align:center;}
.recruite-t span:nth-child(3){ width:172px; text-align:center;}
.recruite-t span:nth-child(4){ width:245px; text-align:center;}
.recruite-t span:nth-child(5){ width:170px; text-align:center;}
.recruite-t span:nth-child(6){ width:66px;}
.recuite-info{ border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1;}
.recuite-top{ cursor:pointer; background:#fff; transition:366ms; position:relative; overflow:inherit;}
.recuite-info:nth-child(1) .recuites{ display:block;}
.recuite-top.on,.recuite-top:hover{ background:#00afca;}
.recuite-top.on span,.recuite-top:hover span{ color:#fff;}
.recuite-top.on span:last-child:after,.recuite-top.on span:last-child:before,.recuite-top:hover span:last-child:after,.recuite-top:hover span:last-child:before{ background:#fff;}
.recuite-top.on span:last-child:after{ transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); opacity:0; visibility:hidden;}
.recuite-top span{ display:block; float:left; position:relative; color:#666666; font-size:14px; line-height:50px; transition:320ms;}
.recuite-top span:nth-child(1){ padding-left:34px; width:115px;}
.recuite-top span:nth-child(2){ width:172px; text-align:center;}
.recuite-top span:nth-child(3){ width:172px; text-align:center;}
.recuite-top span:nth-child(4){ width:245px; text-align:center;}
.recuite-top span:nth-child(5){ width:170px; text-align:center;}
.recuite-top span:nth-child(6){ width:66px;}
.recuite-top span:last-child{ width:15px; height:15px; position:absolute; right:23px; top:14px;}
.recuite-top span:last-child:before{ content:""; width:15px; height:3px; background:#cccccc; position:absolute; left:0; top:6px;}
.recuite-top span:last-child:after{ content:""; width:3px; height:15px; background:#cccccc; position:absolute; left:6px; top:0; transition:320ms;}

.recuites{ padding:34px 34px 6px; background:#fff; position:relative; border:1px solid #00afca; border-top:none; display:none;}
.recuite-list{ margin-bottom:32px;}
.recuite-list strong{ line-height:normal; color:#00afca; font-size:14px; margin-bottom:10px;}
.recuite-list p{ color:#666666; font-size:14px; margin-bottom:4px;}
.recuite-list p a{ display:inline-block; color:#00afca; margin-right:24px;}

.message-box{ padding:98px 0 110px; background-size:cover !important;}
.message{ width:850px; margin:auto;}
.message .jobs-t h3,.message .jobs-t small{ color:#fff;}
.message-info{ width:31%; margin-right:3.5%; margin-bottom:24px; float:left;}
.message-info1{ width:100%;}
.message-info:nth-child(3n+3){ margin-right:0;}
.message-info span{ display:block; line-height:1; color:#fff; font-size:14px; margin-bottom:10px; padding-left:3px; float:left; width:100%;}
.messt{ padding-left:6px; width:255px; border:1px solid #cccccb; outline:none; padding-top:0; padding-bottom:0; color:#fff; line-height:38px; height:38px; background:none; display:inline-block; float:left; transition:320ms;}
.messt:focus{ border-color:#00afca;}
.message-info textarea{ width:844px; height:106px; border:1px solid #cccccb; outline:none; background:none; padding:0; line-height:1.4; color:#fff; font-family:"微软雅黑"; transition:300ms; padding-left:6px}
.message-info textarea:focus{ border-color:#00afca;}
.tyan{ display:inline-block; margin-left:14px; width:105px; height:39px; float:left;}

.message-sub{ margin-top:30px; float:left; width:100%;}
.message-sub input{ width:100%; height:40px; line-height:40px; color:#ffffff; font-size:14px; text-align:center; background:#00afca; border:none; outline:none; transition:334ms; cursor:pointer; font-family:"微软雅黑";}
.message-sub input:hover{ opacity:0.8;}
.messagep{ margin-top:22px; width:100%; float:left;}
.messagep p{ color:#fff; font-size:14px;}

.business-box{ position:relative; overflow:hidden;}
.business-box .business-list .businessimg{ position:absolute; left:0; top:0; width:100%; height:100%; line-height:0; width:100%; transition:transform 2.5s ease,opacity 1.5s; -webkit-transition:transform 2.5s ease,opacity 1.5s; opacity:0; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.business-box .business-list .businessimg img{ display:block; line-height:1;}
.business-box .business-list .businessimg.on{ opacity: 1; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transform:matrix(1, 0, 0, 1, 0, 0); z-index:5;}

.businessfixs{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); z-index:20;}
.businessfixs li{ width:20%; height:100%; position:absolute; left:0; top:0;}
.businessfixs li:before{ content:""; width:1px; height:100%; background:rgba(255,255,255,0.15); background:#000\9; filter:alpha(opacity=15); position:absolute; right:0; top:0;}
.businessfixs li:nth-child(2){ left:20%;}
.businessfixs li:nth-child(3){ left:40%;}
.businessfixs li:nth-child(4){ left:60%;}
.businessfixs li:nth-child(5){ left:80%;}

.business-info{ position:absolute; left:0; top:50%; width:100%; margin-top:-94px; text-align:center; transition:margin-top 440ms;}
.business-icon{ text-align:center; position:relative; height:80px; padding-bottom:25px;}
.business-icon:before{ content:""; width:6px; height:6px; border-radius:50%; background:#fff; position:absolute; left:50%; margin-left:-3px; bottom:0;}
.businessa{ position:relative; margin-top:28px;}
.businessa small{ display:block; transition:400ms;}
.businessa small i{ display:block; line-height:1; color:#fff; font-size:18px; font-family:"aaarghnormal"; font-style:normal;}
.businessd{ width:100%; position:absolute; left:0; top:40px; text-align:center; opacity:0; visibility:hidden; transition:568ms 0ms;}

.businessd strong{ display:block; text-align:center; color:#ffffff; font-size:24px; line-height:1; margin-bottom:26px; font-weight:normal;}
.busene-leval{ margin-bottom:30px;}
.levale{ text-align:center;}
.levale a{ display:inline-block; margin:auto; color:#ffffff; font-size:14px; position:relative;}
.levale a:before{ content:""; width:0; height:1px; background:#fff; position:absolute; left:0; bottom:2px; transition:300ms;}
.levale a:hover:before{ width:100%;}

.details{ width:152px; height:38px; transition:300ms; border:2px solid #fff; margin:auto; position:relative;}
.details:before{ content:""; width:100%; height:100%; background:#212995; position:absolute; left:0; top: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);}
.details:hover{ border-color:#212995;}
.details:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;}
.details a{ display:block; line-height:38px; padding-left:26px; color:#fff; line-height:38px; position:relative; background:url(../image/arrow2.png) 116px center no-repeat; text-align:left; font-size:14px;}

.businessfixs li:nth-child(2) .business-info:hover,.businessfixs li:nth-child(2) .business-info.on,.businessfixs li:nth-child(5) .business-info:hover,.businessfixs li:nth-child(5) .business-info.on{ margin-top:-154px;}
.business-info:hover .businessa small,.business-info.on .businessa small{ opacity:0; visibility:hidden; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.business-info:hover .businessd,.business-info.on .businessd{ opacity:1; visibility:visible; top:0;}

.cooperafix{ margin-top:45px;}
.cooperafix h3{ color:#fff; font-size:36px; text-align:center; line-height:1;}
.address{ width:1220px; margin:auto; font-style:normal; margin-top:125px;}
.address b{ display:block; width:30%; margin-right:5%; font-weight:normal; float:left; padding-bottom:8px; border-bottom:1px solid #91dae5; line-height:38px; color:#ffffff; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.address b:last-child{ margin-right:0;}
.address b i{ display:inline-block; width:44px; height:38px; float:left;}
.address b:nth-child(1) i{ background:url(../image/address1.png) left center no-repeat;}
.address b:nth-child(2) i{ background:url(../image/address2.png) left center no-repeat;}
.address b:nth-child(3) i{ background:url(../image/address3.png) left center no-repeat;}

.cooperatebanner .develope{ bottom:160px;} 
.contact{ position:relative; overflow:hidden;}
.contact img{ display:block; width:100%; height:auto; line-height:1;}

.culture-t.article-block{ opacity:0; visibility:visible; position:relative; top:60px; transition:650ms 0ms;}
.culture-t.articleShow{ opacity:1; visibility:visible; top:0;}
.culture-list.article-block li{ opacity:0; visibility:hidden; transition:560ms 0ms; transform:translateX(120px); -webkit-transform:translateX(120px); -moz-transform:translateX(120px);}
.culture-list.articleShow li{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.culture-list.article-block li:nth-child(2){ transition:650ms 300ms;}
.culture-list.article-block li:nth-child(3){ transition:650ms 600ms;}
.culture-list.article-block li:nth-child(4){ transition:650ms 900ms;}

.develope.article-block{ transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; visibility:hidden; transition:580ms;}
.develope.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.commont.article-block{ opacity:0; visibility:hidden; transform:translateX(80px); -webkit-transform:translateX(80px); -moz-transform:translateX(80px); transition:650ms ease-in-out;}
.commont.articleShow{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.process.article-block{ opacity:0; visibility:hidden; position:relative; top:50px; transition:640ms 180ms;}
.process.articleShow{ opacity:1; visibility:visible; top:0;}
.history-t.article-block{ opacity:0; position:relative; top:60px; visibility:hidden; transition:600ms;}
.history-t.articleShow{ opacity:1; visibility:visible; top:0;}

.deved.article-block{ opacity:0; visibility:hidden; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transition:580ms 0ms;}
.deved.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.deved.article-block:nth-child(5){ transition:580ms 300ms;}
.deved.article-block:nth-child(6){ transition:580ms 600ms;}
.deved.article-block:nth-child(7){ transition:580ms 900ms;}
.deved.article-block:nth-child(8){ transition:580ms 1200ms;}

.productbg.article-block{ opacity:0; visibility:hidden; transition:740ms 150ms; position:relative; top:88px;}
.productbg.articleShow{ opacity:1; visibility:visible; top:0;}

.projecs .overviw.article-block{ opacity:0; visibility:hidden; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transition:850ms;}
.projecs .overviw.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.service-info.article-block{ opacity:0; visibility:hidden; position:relative; top:100px; transition:888ms 0ms;}
.service-info.articleShow{ opacity:1; visibility:visible; top:0;}
.service-info:nth-child(2).article-block,.service-info:nth-child(4).article-block{ transition:880ms 380ms;}

.perforeme.article-block{ position:relative; top:50px; opacity:0; visibility:hidden; transition:600ms;}
.perforeme.articleShow{ opacity:1; visibility:visible; top:0;}

.honor.article-block{ opacity:0; visibility:hidden; transform:translateY(68px); -webkit-transform:translateY(68px); -moz-transform:translateY(68px); transition:788ms;}
.honor.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.proper-t.article-block h3,.proper-t.article-block p{ position:relative; top:68px; opacity:0; visibility:hidden; transition:688ms 0ms;}
.proper-t.article-block p{ transition:700ms 300ms;}
.proper-t.articleShow h3,.proper-t.articleShow p{ opacity:1; visibility:visible; top:0;}

.platform-info.article-block{ opacity:0; visibility:hidden; position:relative; top:88px; transition:730ms;}
.platform-info.articleShow{ opacity:1; visibility:visible; top:0;}
.platform-info.article-block:nth-child(2){ transition:730ms 300ms;}

.plats .overviw.article-block{ transform:translateY(68px); -webkit-transform:translateY(68px); -moz-transform:translateY(68px); opacity:0; visibility:hidden; transition:630ms;}

.plats .overviw.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.service-list.article-block li{ opacity:0; visibility:hidden; transition:888ms 0ms; position:relative; transform:translateY(125px); -webkit-transform:translateY(125px); -moz-transform:translateY(125px);}
.service-list.articleShow li{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.service-list.article-block li:nth-child(2){ transition:688ms 300ms;}
.service-list.article-block li:nth-child(3){ transition:688ms 600ms;}
.service-list.article-block li:nth-child(4){ transition:688ms 900ms;}

.overt.article-block{ opacity:0; transform:skewX(-45deg); -webkit-transform:skewX(-45deg); -moz-transform:skewX(-45deg); transition:740ms; visibility:hidden;}
.overt.articleShow{ opacity:1; transform:skewX(0); -webkit-transform:skewX(0); -moz-transform:skewX(0); visibility:visible;}

.lapicshow{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:#4a4f54; overflow:hidden; transform: translateY(100%); -webkit-transform: translateY(100%); transition:800ms; -webkit-transition:800ms; }
.lapicshow.show{ transform: translate(0); -webkit-transform: translate(0);}
.lapicshow .top{ height:80px; background:#00afca; position:absolute; left:0; right:0; top:0; }
.lapicshow .nowti{ color:#fff; font-size:18px; text-align:center; line-height:80px; }
.psarea{ margin-top:80px; overflow:hidden;  }
.psarea .item{ position:relative; height:100%; }
.psarea .item  .img{ vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.pstools{ overflow:hidden; position:absolute; top:0; right:0; }
.pstools > div{  height:80px; width:80px; border-left:1px solid #38cce3; float:left; color:#fff; text-align:center; line-height:80px; }
.pstools .psprev{ background:url(../image/lpsprev.png) no-repeat center center; cursor:pointer; }
.pstools .psnext{ background:url(../image/lpsnext.png) no-repeat center center; cursor:pointer; }
.pstools .psclose{ background:url(../image/lpsclose.png) no-repeat center center; cursor:pointer; }
.pdlast .ti{ font-size:30px; color:#fff; text-align:center; margin-bottom:50px; }
.pdpicshow .slick-arrow{ top:37%; }
.pdpicshow .slick-prev { left: -75px; }
.pdpicshow .slick-next { right: -75px; }
.pdpicshow .slick-dots { margin-top: 35px; }
.wfixbg{ position:fixed; top:0; bottom:0; right:0; left:0; z-index:-1; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.pdnav{ background:#020407; height:43px; padding:0 35px; transition:400ms; -webkit-transition:400ms; }
.pdnav .pd-select{ height:43px; display:block; float:left; width:115px; color:#fff; background:url(../image/pdvaw1.png) no-repeat 103px center; padding-right:15px; }
.pdnav ul{ float:left; margin-left:25px; }
.pdnav ul li{ float:left; }
.pdnav a{ line-height:43px; color:#fff; padding:0 25px; }
.pdnav.pvscroll{ position:fixed; left:0; right:0; top:84px; z-index: 1005; }

.map{ height:496px;}
.link{ position:relative; float:right; margin-top:10px;}
.link span{ display:block; padding-left:16px; width:186px; height:31px; line-height:31px; color:#ffffff; font-size:14px; border:1px solid #fff; position:relative; cursor:pointer;}
.link span:before{ content:""; width:18px; height:8px; background:url(../image/arrow7.png) center no-repeat; position:absolute; right:16px; top:12px;}
.link .link-down{ position:absolute; background:#fff; display:none; left:0; bottom:32px; width:100%;}
.link .link-down li a{ display:block; padding-left:16px; border-bottom:1px solid #d1d1d1; line-height:30px; color:#333333;}
.link .link-down li a:hover{ color:#00afca;}
.footerri .link{ margin-top:0;}
.likebox{ float:left; margin-left:0;position: absolute; left:62%;text-align: center;bottom: -4px;}
.likebox span,.likebox a{ display:inline-block; font-size:14px; line-height:1; color:#fff; float:left;}
.likebox a{ margin-left:12px;}