@charset "utf-8";
/* 
 * Project Name:####
 * Author:位置
 * Date：2017-05-10
 */
 @font-face {
    font-family: 'stencilregular';
    src: url('stencil-webfont.woff2') format('woff2'),
         url('stencil-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'vijayaregular';
    src: url('vijaya-webfont.woff2') format('woff2'),
         url('vijaya-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

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

.header-box{ position:fixed; width:100%; left:0; top:0; z-index:299;}
.header-box.scollfox { animation: 850ms 350ms; background:#70C0BA; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
.header-box.scollfox .header:before{ display:none;}
.header-box.scollfox .nav >li{ height:51px;}
.header-box.scollfox .nav >li >a{ padding-bottom:34px;}
.header-box.scollfox .nav >li:hover .meundown{ top:50px;}
.header{max-width:1200px; margin:auto; padding:10px 0; position:relative;}
.header:before{ content:""; width:100%; height:1px; background:#ffffff; position:absolute; left:0; bottom:-10px;}
.logo{ float:left; /*line-height:1;*/ overflow:hidden; width:163px;}
.logo img{ display:block; width:100%; height:auto;}
.navMenu{ padding-top:10px; position:absolute; left:35%; margin-left:-213px; top:15px;}
.nav >li{ float:left; position:relative; padding:0 50px; cursor:pointer;}
.nav >li:before{ content:""; width:96%; height:0; transition:328ms; background:#fff; position:absolute; left:2%; bottom:9px; opacity:0; visibility:hidden;}
.nav >li >a{ display:block; color:#fff; font-size:20px; padding-bottom:46px; font-weight:bold; line-height:1;}
.meundown{ background:rgba(112,192,186)/*background:#fff*/; position:absolute; width:132px; padding:10px 6px 25px; left:50%; margin-left:-74px; top:83px; opacity:0; transition:430ms; visibility:hidden; z-index:20;}
.meundown:before{ content:""; width:10px; height:5px; background:url(../images/arrow.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; top:-5px;}
.meundown li{ position:relative;}
.meundown li:before{ content:""; width:0; height:100%; background:#ffffff4f; position:absolute; left:50%; top:0; transition:320ms; opacity:0;}
.meundown li a{ display:block; text-align:center; line-height:30px; color:#FFFFFF; font-size:14px; position:relative;}
.meundown li:hover:before{ width:100%; opacity:1; left:0;}
.nav >li:hover:before,.nav >li.current:before{ height:7px; opacity:1; visibility:visible;}
.nav >li:hover .meundown{ opacity:1; visibility:visible; top:53px;}
.header-ri{ float:right; margin-right:6px; margin-top:12px;}
.header-ri a{ display:block; width:26px; height:20px; float:left; margin-left:18px;}
.header-ri a:nth-child(1){ background:url(../images/search.png) center no-repeat;}
.header-ri a:nth-child(2){ background:url(../images/home.png) center no-repeat;}
.header-ri a:nth-child(3){ background:url(../images/mailbox.png) center no-repeat;}
.header-ri a:hover{ margin-top:-3px;}
.mtop{ display:none;}

.menu{ cursor:pointer; position:relative; z-index:5; float:right; margin-top:12px;}
#menu_toggle{ display:none;}
.menu span { position: relative; display: inline-block; width: 38px; height:16px; vertical-align: middle;}
.menu span:after,
.menu span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;
 background-color: #2aa9e3; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu span:before {top: 0;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}

.menu span:after {bottom: 0;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu.active span:after,.menu.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu.active span:before {top: 8px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu.active span:after {bottom: 5px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.menubox{ width:100%; height:100%; overflow-y:auto; background:rgba(0,0,0,0.9); box-sizing:border-box; position:fixed; left:0; top:0; padding:66px 0; text-align:center; display:none;}
.menus{ width:308px; margin:auto; position:relative; background:#fff;}
.menu-list{ padding:44px 7px;}
.menu-list >li{ margin-bottom:15px;}
.menu-list >li >a{ display:block; padding:18px 0; line-height:1; text-align:center; color:#000000; font-size:24px; font-weight:bold;}
.menu-leval{ background:#4c8dab; position:relative; padding:20px 0; display:none;}
.menu-leval:before{ content:""; width:20px; height:10px; background:url(../images/arrow8.png) center no-repeat; position:absolute; left:50%; margin-left:-10px; top:-10px;}
.menu-leval li{ margin-bottom:10px;}
.menu-leval li:last-child{ margin-bottom:0;}
.menu-leval li a{ display:block; text-align:center; color:#000000; font-size:24px;}
.homemenu{ position:absolute; right:-73px; bottom:56px;}
.homemenu a{ display:block; margin-top:30px; width:23px; height:19px;}
.homemenu a:nth-child(1){ background:url(../images/home.png) center no-repeat;}
.homemenu a:nth-child(2){ background:url(../images/mailbox.png) center no-repeat;}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}

.banner { position: relative; overflow: hidden; }
.banner .bannerfix >li { height: 100%; line-height: 1; backface-visibility:hidden; overflow:hidden; opacity:1 !important; position:relative;}
.banner .bannerfix >li:before{ content:""; width:100%; height:225px; background:url(../images/banbg.png) left top repeat-x; position:absolute; left:0; bottom:0; z-index:5;}
.banner .bannerfix >li img { line-height: 0; width: 100%; position: relative; }
.banner .bannerfix >li img.mimg{ display:none;}
.banner .bannerfix >li.active { } 
.banner .bannerfix >li.out { opacity:1; z-index:2 !important;}
.banner .bannerfix >li.in{ opacity:1; z-index:3 !important; -webkit-animation: slideIn 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); animation: slideIn 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-animation: slideIn 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.banner .bannerfix >li.in img { -webkit-animation: imgIn 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); animation: imgIn 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-animation: imgIn 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); } 
@-webkit-keyframes slideIn { 0% {-webkit-transform:translateX(-100%);opacity:1;} 100% {-webkit-transform:translateX(0);opacity:1;} } @keyframes slideIn { 0% {transform:translateX(-100%);opacity:1;} 100% {transform:translateX(0);opacity:1;} } 
@-moz-keyframes slideIn { 0% {-webkit-transform:translateX(-100%);opacity:1;} 100% {-webkit-transform:translateX(0);opacity:1;} } @keyframes slideIn { 0% {transform:translateX(-100%);opacity:1;} 100% {transform:translateX(0);opacity:1;} } 
@keyframes slideIn { 0% {-webkit-transform:translateX(-100%);opacity:1;} 100% {-webkit-transform:translateX(0);opacity:1;} } @keyframes slideIn { 0% {transform:translateX(-100%);opacity:1;} 100% {transform:translateX(0);opacity:1;} } 

@keyframes imgIn { 0% {transform:translateX(95%);opacity:1;} 100% {transform:translateX(0);opacity:1;}}
.btext{ position:absolute; left:25%; right:25%; bottom:-200px; text-align:center; z-index:40;}
.btextwr{ display:inline-block; margin:auto; position:relative; padding:0 48px;}
.btextwr small{ display:block; text-align:center; color:#fff; font-size:14px; font-family:"Conv_LETTERGOTHICSTD"; line-height:1; text-transform:uppercase;}
.btextwr strong{ display:block; line-height:1; color:#fff; font-size:27px; position:relative; margin-top:12px; padding-bottom:22px; font-weight:normal; font-family:"Microsoft Yahei";}
.btextwr strong:before{ content:""; width:100%; height:5px; background:#fff; position:absolute; left:50%; bottom:-1px; width:0;}
.banner .flex-direction-nav{ display:none; bottom:21%; width:100%; position:absolute; z-index:40;}
.btextwr span,.banner .flex-direction-nav li a{ display:block; width:12px; height:26px; position:absolute; bottom:19px; cursor:pointer; transition:0.4s; text-indent:999px; overflow:hidden;}
.btextwr span.prev,.banner .flex-direction-nav li a.flex-prev{ background:url(../images/prev.png) center no-repeat; left:0;}
.banner .flex-direction-nav li a.flex-prev{ left:5%;}
.btextwr span.next,.banner .flex-direction-nav li a.flex-next{ background:url(../images/next.png) center no-repeat; right:0;}
.banner .flex-direction-nav li a.flex-next{ right:5%;}
.btextwr span.prev:hover{ left:-5px;}
.btextwr span.next:hover{ right:-5px;}
.btext.on{ bottom:50px; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-delay: 0.8s;
transition-delay: 0.8s;}
.btext.on .btextwr strong:before{ width:100%; -webkit-transition-duration: .5s; left:0; transition-duration: .5s;
  -webkit-transition-delay: 1.3s; transition-delay: 1.3s;}
  
#pageloader{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2000}
#pageloader::after,#pageloader::before{content:"";display:block;position:absolute;left:0;width:100%;height:50%;background:#fff;z-index:-1;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}#pageloader::before{top:0}
#pageloader::after{bottom:0}
#pageloader .loader-icon{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#pageloader.hide::after,#pageloader.hide::before{height:0}#pageloader.hide .loader-icon{opacity:0}
.loader-icon{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px}
.loader-icon .circular{width:100%;height:100%;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.loader-icon .circular .path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}
@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}
@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}


.homef{ position:absolute; width:100%; left:0; bottom:0; z-index:120;}
.homefwr{ position:relative; padding-left:232px;}
.homefwr .line{ display:block; width:100%; height:1px; background:#fff; opacity:0.5; filter:alpha(opacity=50);}
.homef p{ color:#fff; text-align:center; font-family:"Conv_LETTERGOTHICSTD"; padding:15px 0; font-weight:bold;}
.follow{ position:absolute; left:40px; top:-12px;}
.follow span{ display:inline-block; float:left; color:#fff; font-size:14px; margin-right:8px; line-height:19px; font-weight:normal;}
.follow-list{ float:left;}
.follow-list li{ float:left; margin-right:10px;}
.follow-list li a{ display:block; width:23px; height:19px;}
.follow-list li:nth-child(1) a{ background:url(../images/weib.png) center no-repeat;}
.follow-list li:nth-child(2) a{ background:url(../images/qq.png) center no-repeat;}
.follow-list li:nth-child(3) a{ background:url(../images/weix.png) center no-repeat;}
.follow-list li a:hover{ opacity:0.7; filter:alpha(opacity=70);}
.hassonabo{ position:relative;}
.hasson{ position:fixed; right:0; bottom:0; z-index:139; transition:0.3s cubic-bezier(0.6,0.2,0.1,1);}
.hasson.flex{ position:absolute;}

.linez{ float:left; background:url(../images/diamond1.png) left top no-repeat; margin-top:48px; width:158px; height:51px; margin-right:-35px;}
.linez a{ display:block; padding-left:69px; line-height:51px; color:#fffefe; background:url(../images/linez.png) 43px center no-repeat;}
.linez a:hover{ opacity:0.7; filter:alpha(opacity=70);}
.hass{ float:left; width:153px; height:99px; background:url(../images/diamond2.png) left top no-repeat; position:relative; z-index:10; background-size:cover;}
.hass a{ display:block; padding-left:76px; position:relative; padding-top:32px; color:#333333; line-height:1.6;}
.hass a:before{ content:""; width:11px; height:11px; background:url(../images/add.png) center no-repeat; position:absolute; left:56px; top:44px; transition:0.4s;}
.hass a:hover{ opacity:0.7; filter:alpha(opacity=70);}
.hass a:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

/*关于我们*/
.pbanner{ position:relative;}
.pbanner figure{ display:block; position:relative; overflow:hidden;}
.pbanner figure:before{ content:""; width:100%; height:406px; position:absolute; left:0; bottom:0; z-index:5; background:url(../images/pbaner.png) left top repeat-x;}
.pbanner figure:after{ content:""; width:260px; height:374px; background:url(../images/triangle.png) center no-repeat; position:absolute; right:0; bottom:0; z-index:10;}
.pbanner figure img{ display:block; width:100%; height:auto; line-height:0; position:relative;}
.pbanner figure:before{ content:""; width:100%; height:406px; background:url(../images/pbaner.png) left top repeat-x; position:absolute; left:0; bottom:0;}
.ptitle{ position:absolute; left:0; right:0; top:50%; text-align:center; margin-top:-135px; z-index:10;}
.ph3{ margin:auto; display:inline-block; width:30px; padding:45px 42px; position:relative;}
.ph3 span{ display:block; position:absolute; background:rgba(255,255,255,0.36); background:#fff\9; filter:alpha(opacity=36);} 
.ph3 span.line1{ width:100%; height:10px; left:0; top:0;}
.ph3 span.line3{ width:100%; height:10px; right:0; bottom:0;}
.ph3 span.line2{ width:10px; height:214px; right:0; top:10px;}
.ph3 span.line4{ width:10px; height:214px; left:0; bottom:10px;}
.ph3 strong{ display:block; position:relative; color:#fff; font-size:30px; text-align:center; line-height:1.2; font-weight:normal;}
.ptitle small{ display:block; text-align:center; color:#fff; font-size:27px; line-height:1; font-family:"Conv_LETTERGOTHICSTD"; margin-top:10px;}
.mousedown{ width:18px; height:29px; border:3px solid #fff; border-radius:2px; position:absolute; left:50%; margin-left:-12px; bottom:33px; z-index:10;}
.mousedown i{ display:block; width:3px; height:7px; background:#fff; position:absolute; left:50%; margin-left:-1px; top:8px; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}

@keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 3px;
	}
	to{
		opacity: 0;
		top: 15px;
	}
}
.leval-menu{ position:relative; background:#fff; line-height:0; text-align:center; height:74px;}
.levalwr{ text-align:center; width:100%; position:absolute; left:0; top:0; background:#fff; z-index:88; border-bottom:1px solid #999999;}
.levalwr.fkis{ position:fixed;}
.levalwr.fkis .leval-lists li a{ padding:27px 0 26px;}
.leval-lists{ margin:auto; display:inline-block;} 
.leval-lists.on li.current:before{ display:none;}
.leval-lists li{ float:left; margin-right:33px; position:relative; line-height:1;} 
.leval-lists li:last-child{ margin-right:0;}
.leval-lists li a{ display:block; padding:30px 0 27px; position:relative; line-height:1; color:#333333; font-size:16px; z-index:10; min-width:60px;}
.leval-lists li:before{ content:""; position:absolute; width:60px; left:50%; margin-left:-30px; bottom:-4px; height:8px; background:#333333; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.leval-lists li:hover:before,.leval-lists li.current:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.story-box{ padding:120px 0 40px; position:relative; z-index:20; background:#fff;}
.living{ width:50%; float:left;}
.video { width: 100%; position: relative; cursor: pointer; }
.video-hidden { position: relative; width: 100%; overflow: hidden; cursor: pointer; }
.video-hidden span { display: block; width: 69px; height: 69px; border:2px solid #fff; position: absolute; left: 50%; top: 50%; margin-left: -37px; margin-top: -37px; z-index: 10; }
.video-hidden span:before{ content:""; width:21px; height:27px; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-13px; background:url(../images/vide.png) center no-repeat; transition:0.5s;}
.video-hidden img { display: block; width: 100%; position:relative; height: auto; transition: 580ms; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.video:hover .video-hidden img { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.video:hover .video-hidden span:before{ left:55%;}
#vbBox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
.jwlogo{ display:none !important;}

.definite{ padding:26px 0 30px; border-bottom:2px solid #707070;}
.definite span{ display:block; text-align:center; font-size:14px; line-height:1; margin-bottom:6px;}
.definite small{ display:block; text-align:center; line-height:1; color:#666666; font-size:14px; font-family:"Conv_LETTERGOTHICSTD"; text-transform:uppercase;}
.storys{ width:47%; float:right;}
/**/
.storys-c{ width:97%; margin:0 auto;}
/**/
.title{ line-height:1; padding-bottom:20px; border-bottom:2px solid #707070; margin-bottom:32px; font-size:24px; font-weight:normal; color:#333333;}
.title small{ display:inline-block; color:#666666; font-size:14px; margin-left:8px; font-family:"Conv_LETTERGOTHICSTD"; text-transform:uppercase;}
.story-text p{ color:#666666; font-size:14px; line-height:2;}
/**/
.story-text .title{ line-height:1; padding-bottom:10px; border-bottom:1px solid #707070;margin-top:13px; margin-bottom:13px; font-size:24px; font-weight:normal; color:#333333;}
.story-text .lititle{margin-right:15px}
.story-text p a{ color:#666666; font-size:15px; line-height:3;}
.story-text p a:hover{color:#70C0BA}
/**/
.culture-box{ background:#bea87e; position:relative; z-index:22;}
.culture-box:before{ content:""; width:100%; height:98px; background:#fff; position:absolute; left:0; bottom:0;}
.values{ width:50%; margin-top:-80px; float:left; position:relative;}
.value-info{ position:relative; overflow:hidden;}
.value-info img{ display:block; width:100%; height:auto; line-height:0; transition:0.98s; -webkit-transition:0.98s; -moz-transition:0.98s;}
.value-text{ position:absolute; left:100px; top:24.3%; max-width:420px;}
.value-text b{ display:block; width:33px; height:37px; margin-bottom:17px; position:relative;}
.value-text b img{ display:block; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.value-info:hover >img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.value-text strong{ display:block; line-height:1; color:#333333; font-size:18px; margin-bottom:18px;}
.value-text span{ display:block; color:#333333; font-size:16px; line-height:2;}
.values1{ margin-top:0 !important;}
.values1 .value-info .value-text{ top:76px;}

.responsible-box{ padding:62px 0 116px; position:relative; z-index:20; background:#fff;}
.responsible{ position:relative;}
.corporate{ padding-left:185px; width:415px; position:relative; z-index:20;}
.corporate:before{ content:""; width:144px; height:118px; position:absolute; left:16px; top:0; background:url(../images/yi.png) center no-repeat;}
.corporate .title{ padding-top:42px; margin-bottom:0;}
.swear{ margin-top:58px;}
.swear strong{ display:block; line-height:1; color:#333333; font-size:18px; margin-bottom:30px;}
.swear p{ color:#333333; font-size:16px; line-height:2;}
.corporimg{ position:absolute; right:0; top:0; width:65%;}
.corporimg:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); background:#000\9; filter:alpha(opacity=30); position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:0.68s;}
.corporimg img{ display:block; height:auto; width:100%;}
.swearfix{ position:absolute; right:-12px; bottom:5px; width:138px; height:34px; border:2px solid #fff; opacity:0; transition:0.78s; visibility:hidden;}
.responsible:hover .corporimg:before{ opacity:1; visibility:visible;}
.responsible:hover .swearfix{ opacity:1; visibility:visible;}
.swearfix:before{ content:""; width:100%; height:100%; position:absolute; background:#fff; position:absolute; left:0; top:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.swearfix:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.swearfix:hover a{ color:#bea87e; background:url(../images/arrow1.png) 105px center no-repeat;}
.swearfix a{ display:block; padding-left:28px; line-height:34px; color:#fff; font-size:14px; background:url(../images/arrow.png) 100px center no-repeat; position:relative;}

.life-box{ padding:67px 0 38px; background:#f5f5f5; position:relative; z-index:20;}
.life .title{ margin-bottom:0;}
.lifebaner{ margin-top:32px;} 
.life-info{ float:left; position:relative; transition:all .4s ease; -webkit-transition:all .4s ease; margin-bottom:40px; overflow:hidden;}
.life-info a{ display:block; padding:0 1px;}
.life-info figure{ overflow:hidden; position:relative; line-height:1; display:block;}
.life-info figure img{ display:block; width:100%; height:auto; line-height:1; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transition:0.6s;}
.liftetx{ background:#fff;}
.liftetx span{ display:block; text-align:center; padding:22px 0; color:#666666; font-size:14px; position:relative;}
.life-info:hover{ box-shadow:0 4px 18px rgba(0,0,0,.44); z-index:10;}
.life-info:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.slick-list{ overflow:hidden;}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table;}
.slick-track:after { clear: both; }
.lifebaner{ position:relative;}
.lifebaner .slick-dots{ text-align:center; line-height:0;}
.lifebaner .slick-dots li{ display:inline-block; margin-right:10px; cursor:pointer; position:relative;}
.lifebaner .slick-dots li:last-child{ margin-right:0;}
.lifebaner .slick-dots li button{ display:block; width:10px; height:10px; padding:0; margin:0; border:none; background:#999999; border-radius:50%; text-indent:888px; overflow:hidden; outline:none; cursor:pointer; transition:0.36s;}
.lifebaner .slick-dots li.slick-active button{ background:#333333; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.lifebaner .slick-prev,.lifebaner .slick-next{ display:block; position:absolute; border:none; outline:none; background:none; padding:0; margin:0; bottom:5px; text-indent:888px; width:13px; height:10px; overflow:hidden; transition:0.4s; cursor:pointer;}
.lifebaner .slick-prev{ background:url(../images/arrow2.png) center no-repeat; left:0;}
.lifebaner .slick-next{ background:url(../images/arrow3.png) center no-repeat; right:0;} 
.lifebaner .slick-prev:hover{ background:url(../images/arrow4.png) center no-repeat;}
.lifebaner .slick-next:hover{ background:url(../images/arrow5.png) center no-repeat;}

.misson-box{ position:relative; padding:68px 0 146px;}
.missonbg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.coopmiss{ padding:92px 56px 0 58px; height:289px; background:rgba(255,255,255,0.93); background:#fff\9; filter:alpha(opacity=93); width:310px;}
.coopmiss .title{ margin-bottom:25px;}
.coopmiss span{ display:block; color:#333333; font-size:16px; line-height:2;}

.parallux { position: relative; height:auto !important;}
.parallux .parallux-bg {top: 0;left: 0;right: 0;height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;position: fixed; }
.parallux .parallux-bg .parallux-inner { top: 0px; left: 0px; position: relative;  min-width: 100%; min-height: 100%;
 height: auto; background-color: white; background-repeat: no-repeat; background-position: 50%; background-size: cover; background-image: url(); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.misson { position:relative; z-index:20;}

.cooperate-box{ position:relative; padding:86px 0 96px; background:#fff;}
.cooper-list li{ width:15.6666%; float:left; margin-right:1.2%; margin-bottom:26px; perspective:250px;}
.cooper-list li:nth-child(6n+6){ margin-right:0;}
.cooper-list li figure{ overflow:hidden; transition:0.4s ease;}
.cooper-list li figure img{ display:block; width:100%; height:auto; line-height:1; transform-origin:left center 0;}
.cooper-list li figcaption{ display:block; text-align:center; line-height:1; margin-top:10px; color:#666666; font-size:14px; transition:0.4s ease;}
.cooper-list li:hover figure{ transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}
.cooper-list li:hover figcaption{ color:#bea87e;}
.footer-box{ padding:55px 36px 44px 33px; background:#000000; position:relative; z-index:30;}
.footer-left{ float:left; padding-top:9px; margin-bottom:7px;}
.footer-left .follow{ position:relative; top:0; left:0; margin-bottom:8px;}
.fedite span{ display:block; color:#999999; margin-bottom:5px;}
.fedite p{ color:#999999; font-family:"Conv_LETTERGOTHICSTD"; font-weight:bold;}
.footer-left .follow span{ line-height:13px; font-size:12px; font-family:"Conv_LETTERGOTHICSTD"; font-weight:bold;}
.footer-left .follow-list li a{ width:16px; height:13px;}
.footer-left .follow-list li:nth-child(1) a{ background:url(../images/weib1.png) center no-repeat;}
.footer-left .follow-list li:nth-child(2) a{ background:url(../images/qq1.png) center no-repeat;}
.footer-left .follow-list li:nth-child(3) a{ background:url(../images/weix1.png) center no-repeat;}

.footerigh{ float:right;}
.scolltop{ text-align:right; margin-bottom:16px;}
.scolltop span{ display:block; width:37px; height:37px; float:right; cursor:pointer; background:#898989; position:relative;}
.scolltop span:before{ content:""; width:13px; height:17px; background:url(../images/arrow6.png) center no-repeat; position:absolute; left:50%; margin-left:-6px; top:10px; transition:0.43s;}
.scolltop span:hover:before{ top:8px;}
.footerlogo{ width:76px;}
.footerlogo img{ display:block; line-height:1; width:100%;}

.iphone-fix{ width:100%; background:#333;  display:none; position:relative; z-index:29;}
.iphone-fix span{ color:#fff; display:block; text-align:center; font-size:16px; height:46px; line-height:46px; cursor:pointer;}
.iphone-fix.scoll{ position:fixed; left:0; top:90px;}
.iphone-fix span em{ color:#fff; font-size:14px; font-style:normal; line-height:46px; display:inline-block;}
.iphone-fix span b{ display:inline-block; margin-left:5px; width:18px; height:9px; background:url(../images/arrow7.png) center no-repeat;}
.iphone-down{ width:100%; position:absolute; left:0; display:none; top:46px; background:#666;}
.iphone-down a{ display:block; width:50%; float:left; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; position:relative; overflow: hidden; border: none !important;}
.iphone-down a:hover,.iphone-down a.on{ background:rgba(248,248,248,0.7);}

.iphone-down a:after{ content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color: #999; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;}

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

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

.responsibles{ padding:56px 0;}
.responsible-list{ margin-bottom:28px;}
.responsible-list li{ width:31.58%; float:left; margin-right:2.63%; margin-bottom:67px;}
.responsible-list li:nth-child(3n+3){ margin-right:0;}
.responsible-list li figure{ position:relative; overflow:hidden;}
.responsible-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.65s; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.respontext{ padding:15px 0 11px; border-bottom:1px solid #626262;}
.respontext span{ display:block; color:#000000; font-size:14px; line-height:1.4; height:42px; transition:0.4s;}
.respontext time{ display:block; line-height:1; color:#666666; font-family:"Arial";}
.responsible-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.responsible-list li:hover span{ color:#bea87e;}
.pagelist{ text-align:center; border-bottom:2px solid #333333; padding-bottom:17px;}
.pagewr{ display:inline-block; margin:auto;}
.page a{ display:block; float:left; margin-right:13px; width:33px; height:33px; text-align:center; line-height:2; color:#333333; font-weight:600; font-size:18px; font-family:"Conv_LETTERGOTHICSTD";}
.page a.on,.page a:hover{ background:#333333; color:#fff;}
.page a.pres{ width:9px; height:8px; margin-top:13px; margin-right:20px;}
.page a:first-child{ background:url(../images/arrow8.png) center no-repeat;}
.page a:last-child{ margin-right:0; margin-left:7px; background:url(../images/arrow9.png) center no-repeat;}

.case{ padding:80px 0 72px;}
.case-list{ margin-bottom:52px;}
.case-list li{ width:31.58%; float:left; margin-right:2.63%; margin-bottom:32px; position:relative; overflow:hidden;}
.case-list li:nth-child(3n+3){ margin-right:0;}
.case-list li figure{ display:block; overflow:hidden;}
.case-list li figure img{ display:block; width:100%; height:auto; line-height:1; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transition:0.76s;}
.casefix{ width:100%; height:100%; position:absolute; left:0; top:0}
.casefix mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;  background:rgba(170,133,65,0.8); background:#aa8541\9; filter:alpha(opacity=80); -webkit-transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:transform .45s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:transform .45s cubic-bezier(.6,0.2,.1,1),-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transform-origin:left 100%; ransform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.casetext{ width:100%; position:absolute; left:0; top:50%; text-align:center; margin-top:-138px; opacity:0; visibility:hidden; transition:0.5s 0s; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px);}
.casetext small{ display:block; text-align:center; color:#fff; font-size:20px; padding-bottom:25px; margin-bottom:14px; position:relative; line-height:1; font-family:"Conv_LETTERGOTHICSTD"; text-transform:uppercase;}
.casetext small:before{ content:""; width:1px; height:10px; position:absolute; left:50%; bottom:0; background:#fff;}
.casetext h3{ text-align:center; line-height:1; color:#fff; font-size:18px; margin-bottom:32px; font-weight:normal;}
.casetext p{ text-align:center; color:#fff; padding:0 38px; height:128px;}
.casetext span{ display:block; width:38px; height:38px; border-radius:50%; border:1px solid #fff; margin:auto; position:relative;}
.casetext span:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.casetext span:before{ content:""; width:20px; height:20px; background:url(../images/add1.png) center no-repeat; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); transition:0.4s ease-out;}
.case-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.case-list li:hover .casefix mark{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; visibility:visible\9;}
.case-list li:hover .casetext{ opacity:1; visibility:visible; transition:0.5s 0.2s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.caimg{ position:relative; overflow:hidden;}
.caimg img{ display:block; width:100%; height:auto; line-height:1;}
.case-banner{ padding:66px 0 85px;}
.casetitle{ margin-bottom:40px;}
.casetitle h3{ float:left; line-height:1; color:#333333; font-size:24px; font-weight:normal;}
.casetitle a{ display:block; width:37px; height:37px; background:url(../images/sha.png) center no-repeat; float:right; margin-top:2px;}
.casetitle a:hover{ opacity:0.8; filter:alpha(opacity=80);}
.cases{ position:relative;}
.cased li{ position:relative; line-height:0;}
.cased li:before{ content:""; width:100%; height:195px; background:url(../images/innban.png) left top repeat-x; position:absolute; left:0; bottom:0; z-index:10;}
.cased li img{ width:100%; height:auto; line-height:1;}
.cases .flex-direction-nav{ height:39px; position:absolute; right:42px; bottom:30px; z-index:20;}
.cases .flex-direction-nav li{ float:left; margin-left:93px;}
.cases .flex-direction-nav li:nth-child(1){ margin-left:0;}
.cases .flex-direction-nav li a{ display:block; width:39px; height:39px; text-indent:999px; overflow:hidden;}
.cases .flex-direction-nav li a.flex-prev{ background:url(../images/prev1.png) center no-repeat;}
.cases .flex-direction-nav li a.flex-next{ background:url(../images/next1.png) center no-repeat;}
.cases .flex-direction-nav li a.flex-prev:hover{ background:url(../images/prev2.png) center no-repeat;}
.cases .flex-direction-nav li a.flex-next:hover{ background:url(../images/next2.png) center no-repeat;}
.nuble{ position:absolute; right:106px; bottom:41px; z-index:30;}
.nuble span{ display:inline-block; float:left; color:#ffffff; line-height:1;}
.nuble b{ color:#fff; font-weight:normal; margin:0 5px; line-height:1; float:left;}
.casetes{ margin-top:50px;}
.case-nfos{ float:left; padding-top:26px; border-top:2px solid #707070; width:19.16%;}
.case-nfos p{ color:#333333; font-size:14px; margin-bottom:5px;}
.case-nfos:nth-child(2){ width:76.5%; float:right;}

.matching-box{ padding:78px 0 28px; background:#f2f2f2;}
.mathtitle{ margin-bottom:36px; line-height:1; color:#333333; font-size:24px; font-weight:normal;}
.match-list li{ width:23.16%; float:left; margin-right:2.4533333%; margin-bottom:46px; position:relative;}
.match-list li:nth-child(4n+4){ margin-right:0;}
.match-list li figure{ overflow:hidden; line-height:0;}
.match-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.6s; } 
.match-list li span{ display:block; color:#333333; font-size:14px; text-align:center; padding:25px 0; background:#fff;}
.machtext{ width:100%; height:100%; position:absolute; left:0; top:0;}
.machtext mark{ display:block; width:100%; height:100%; background:#b09462; position:absolute; left:0; top:0; -webkit-transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:transform .45s cubic-bezier(.6,0.2,.1,1); transition:transform .45s cubic-bezier(.6,0.2,.1,1),-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transform-origin:left 100%; ransform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.machwr{ width:95%; height:95.4%; position:absolute; left:2.5%; top:2.3%; box-sizing:border-box; border:1px solid #c5af87; opacity:0; visibility:hidden; transition:0.55s 0s;}
.machwr strong{ display:block; text-align:center; color:#fff; line-height:1; font-size:18px; padding-top:35px; padding-bottom:25px; position:relative; font-weight:normal;}
.machwr strong:before{ content:""; width:1px; height:10px; position:absolute; left:50%; bottom:0; background:#fff;}
.machwr p{ margin-top:14px; padding:0 20px; color:#fff; font-size:14px;}
.match-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.match-list li:hover .machtext mark{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; visibility:visible\9;}
.match-list li:hover .machwr{ opacity:1; visibility:visible; transition:0.68s 0.2s;}

.caseclass{ padding:97px 0 40px;}
.caseclass .case-list{ margin-bottom:0;}

.team-box{ padding:72px 0 80px; border-bottom:1px solid #cccccc;}
.chief{ background:#f9f9f9;}
.chief-img{ width:25.1666%; float:left;}
.chief-img img{ width:100%; height:auto; line-height:1;}
.designer{ width:62.5%; float:left; margin-left:46px; padding-top:50px;}
.desititle{ margin-bottom:40px; position:relative;}
.desititle h3{ float:left; display:inline-block; margin-right:18px; line-height:1; color:#333333; font-size:24px; font-weight:normal;}
.desititle span{ display:inline-block; float:left; color:#333333; line-height:1; font-size:14px; margin-right:6px; padding-top:10px;}
.desititle small{ display:inline-block; float:left; color:#666666; line-height:1; padding-top:12px; font-family:"Conv_LETTERGOTHICSTD"; font-weight:bold; text-transform:uppercase;} 
.desiger-list{ height:264px; overflow:hidden;}
.desiger-list li{ width:50%; float:left; line-height:2; color:#666666; font-size:14px;}
.viemore a{ display:inline-block; padding-left:20px; color:#333333; position:relative;}
.viemore a:before{ content:""; width:11px; height:11px; position:absolute; left:0; top:50%; margin-top:-5px; transition:0.43s; background:url(../images/add.png) center no-repeat;} 
.viemore a:hover{ opacity:0.8; filter:alpha(opacity=80);}
.viemore a:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

.creative{ padding-bottom:32px; border-bottom:1px solid #cccccc;}
.creative-info{ padding:20px 0 30px;}
.creative-info h3{ display:inline-block; float:left; color:#333333; font-size:14px; font-weight:normal; line-height:1;}
.creative-info small{ display:inline-block; float:left; line-height:1; color:#666666; margin-left:8px; text-transform:uppercase; font-family:"Conv_LETTERGOTHICSTD"; margin-top:3px; font-weight:bold;}
.creative-list li{ width:22.3333%; float:left; margin-right:3.5556%; margin-bottom:20px; position:relative; perspective:400px; overflow:hidden;}
.creative-list li:nth-child(4n+4){ margin-right:0;}
.creative-list li figure{ display:block; line-height:1; overflow:hidden;}
.creative-list li figure img{ display:block; width:100%; height:auto; line-height:0; transform:scale(1.045); -webkit-transform:scale(1.045); -moz-transform:scale(1.045); transition:0.66s;}
.createfix{ width:100%; height:100%; position:absolute; left:0; top:0;}
.createfix mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(170,133,65,0.6); background:#aa8541\9; filter:alpha(opacity=60); transform:rotateY(45deg); -webkit-transform:rotateY(45deg); -moz-transform:rotateY(45deg); transition:0.6s; opacity:0; visibility:hidden; transform-origin:left center 0;}
.createb{ width:90%; left:5%; bottom:-100%; position:absolute; opacity:0; visibility:hidden; transition:0.55s 0s;}
.createb span{ display:block; line-height:1; color:#ffffff; font-size:14px; margin-bottom:6px;}
.createb p{ color:#ffffff; font-size:14px; height:38px; line-height:1.4;}
.createb p small{ display:inline-block; padding-left:5px; position:relative; margin-left:5px;}
.createb p small:before{ content:""; width:1px; height:15px; background:#fff; position:absolute; left:0; top:50%; margin-top:-7px;}
.createb b{ display:inline-block; font-weight:normal; padding-left:20px; color:#fff; position:relative;}
.createb b:before{ content:""; width:11px; height:11px; position:absolute; left:0; top:50%; margin-top:-5px; transition:0.43s; background:url(../images/add2.png) center no-repeat;} 
.createb b:hover{ opacity:0.8; filter:alpha(opacity=80);}
.createb b:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.creative-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.creative-list li:hover .createfix mark{ transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); opacity:1; visibility:visible;}
.creative-list li:hover .createb{ bottom:32px; opacity:1; visibility:visible;}
.ourteam{ margin-top:24px; padding-bottom:100px;}
.teams{ background:#f9f9f9; padding:85px 0 50px; text-align:center;}
.teams h3{ text-align:center; margin-bottom:48px; color:#333333; font-size:30px; font-weight:normal;}
.teams h3 small{ display:inline-block; color:#666666; font-size:18px; font-family:"Conv_LETTERGOTHICSTD"; text-transform:uppercase; margin-left:10px;}
.doyenfix .desititle{ margin-bottom:0;}
.doyenfix img{ max-width:100%; margin-bottom:16px;}
.teamfx{ padding:0 30px;}
.teamfx p{ color:#666666; font-size:14px; text-align:center; line-height:2;}
.teamimg img{ width:100%; height:auto;}
.teamed{ background:#f5f5f5; height:auto\9 !important;}
.doyen{ position:fixed; left:50%; width:1000px; margin-left:-500px; top:102px;}
.teamwr{ float:right; background:#ffffff; position:relative; z-index:10; width:56%;right: -2%; height:100%; overflow-y:hidden;}
.doyentext{ padding:110px 44px 40px 76px; width:484px;}
.doyen-info{ padding:14px 0 52px; border-top:2px solid #626262;}
.doyen-info p{ color:#666666; font-size:14px;}

#wrapper{margin-top:52px;width:100%;}
#container{position:relative;width:1260px;margin:0 auto; padding-bottom:10px; position:relative;}
#container i,#container:before,#container:after{ content:""; width:1px; height:100%; background:#bcbcbc; position:absolute; z-index:10;}
#container:before{ left:0; top:0;}
#container:after{ right:0; top:0;}
#container i.lines1{ left:33.3333%; top:0;}
#container i.lines2{ right:33.3333%; top:0;}
.grid{width:350px;min-height:100px;font-size:12px;float:left;-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease; perspective:300px; z-index:20;}
.imgholder{ padding:0 36px 36px; position:relative;}

.grid .imgholder img{max-width:100%; width:100%;background:#ccc;display:block;background:url(../images/loding.gif) no-repeat center; transition:0.68s; transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.imgwr{ position:relative; overflow:hidden;}
.imgtext{ width:100%; height:100%; position:absolute; left:0; top:0;}
.imgtext mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(170,133,65,0.8); background:#aa8541\9; filter:alpha(opacity=80); transform:rotateY(45deg); -webkit-transform:rotateY(45deg); -moz-transform:rotateY(45deg); transition:0.5s; opacity:0; visibility:hidden; transform-origin:left center 0;}
.griddown{ width:100%; position:absolute; left:0; top:50%; text-align:center; opacity:0; margin-top:-66px; visibility:hidden; transition:0.6s ease-out;}
.griddown p{ padding:0 22px; color:#ffffff; height:92px; text-align:center; overflow:hidden;}
.griddown span{ display:block; width:38px; height:38px; border:1px solid #fff; border-radius:50%; margin:auto; position:relative;}
.griddown span:before{ content:""; width:20px; height:20px; background:url(../images/add1.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px; transition:0.4s;}
.griddown span:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.imgwr:hover img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.imgwr:hover .imgtext mark{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0); -moz-transform:rotateY(0); visibility:visible;}
.imgwr:hover .imgtext .griddown{ opacity:1; visibility:visible;}

.construct-box{ padding:68px 0 100px;}
.construct{ background:#f9f9f9;}
.contartwr{ padding:52px 58px 64px;}
.convide{ position:relative;}
.constructe{ margin-top:37px;}
.conttle{ margin-bottom:30px;}
.conttle h4{ color:#333333; font-size:18px; font-weight:normal; line-height:1; margin-bottom:6px;}
.conttle p{ color:#666666; font-size:14px;}
.con-info .conwr{ margin-bottom:15px; width:49.34%; float:left;}
.con-info .conwr img{ display:block; width:100%; height:auto; line-height:0;}
.con-info .conwr:nth-child(2n+2){ float:right;}
.con-info1 .conwr{ width:100%;}

.applicate-box{ padding:88px 0 84px;}
.applica{ margin-bottom:30px;}
.applicte-info{ position:relative; width:50%; text-align:center; background:#f5f5f5; float:left; }
.applicte-info:before{ content:""; width:100%; height:100%; background:#c3a673; position:absolute; left:0; top:0; opacity:0; transition:0.4s; transform:rotateY(45deg); -webkit-transform:rotateY(45deg); -moz-transform:rotateY(45deg); visibility:hidden;}
.applicte-info:after{ content:""; width:20px; height:14px; background:url(../images/arrow10.png) center no-repeat; position:absolute; left:50%; margin-left:-10px; bottom:0; opacity:0; visibility:hidden; transition:0.4s;}

.applicte-info a{ display:block; position:relative;}
.applicte-info a b{ display:block; line-height:85px; text-align:center; color:#333333; font-size:24px; font-weight:normal; transition:0.35s;}
.applicte-info a b small{ color:#666666; font-size:14px; font-family:"Conv_LETTERGOTHICSTD"; display:inline-block; margin-left:15px; text-transform:uppercase; font-weight:bold; transition:0.35s;}
.applicte-info:hover:before,.applicte-info.on:before{ opacity:1; visibility:visible; transform:rotateY(0); -webkit-transform:rotateY(0); -moz-transform:rotateY(0);}
.applicte-info:hover a b,.applicte-info:hover a small,.applicte-info.on a b,.applicte-info.on a small{ color:#fff;}
.applicte-info:hover:after,.applicte-info.on:after{ opacity:1; bottom:-14px; visibility:visible;}
.posite{ padding-bottom:8px; border-bottom:1px solid #959595;}
.posite span,.posite a{ display:inline-block; float:left; color:#666666;} 
.posite a{ margin-right:18px;}
.posite a:hover,.posite a.on{ color:#b7904a;}
.applicate-list{ padding-top:23px;}
.applicate-list li{ position:relative; margin-bottom:30px;}
.applicate-list li figure{ width:50%; overflow:hidden; line-height:0; float:left;}
.applicate-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.68s; transform:scale(1.045); -webkit-transform:scale(1.045); -moz-transform:scale(1.045);}
.applicate-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.applicate-list li:nth-child(2n+2) figure{ float:right;}
.applicate-list li:nth-child(2n+2) .applect{ left:0;}
.applicate-list li:nth-child(2n+2) .applictfix{ padding-right:33px; padding-left:0;}
.applicate-list li:nth-child(2n+2) .appointment{ right:43px;}
.applect{ width:50%; height:100%; position:absolute; left:50%; top:0;}
.applect:before{ content:""; width:100%; height:1px; background:#898989; position:absolute; left:0; bottom:0;}
.applictfix{ padding:15px 0 0 33px;}
.applictfix h2{ color:#333333; font-size:18px; line-height:1; font-weight:normal; margin-bottom:25px;}
.applictfix p{ color:#666666; font-size:14px; line-height:2; height:108px;}
.stage{ position:relative; width:300px;}
.stage-info{ float:left; padding-top:3px;}
.stage-info:nth-child(2){ float:right;}
.stage-info i{ display:block; width:28px; height:28px; background:url(../images/time.png) center no-repeat; margin-bottom:20px;}
.stage-info span{ display:block; color:#666666; line-height:1; margin-bottom:7px;}
.stage-info time{ display:block; line-height:1; color:#666;}
.arrows{ padding-top:27px; width:170px; position:absolute; left:46px; background:url(../images/arrow11.png) right top no-repeat;}
.arrows span{ display:block; line-height:1; text-align:center; color:#666666;}
.appointment{ width:143px; height:36px; position:absolute; right:14px; bottom:55px; background:#3cb1e6; border-radius:3px;}
.appointment:before{ content:""; width:100%; height:100%; border-radius:3px; background:#c3a673; position:absolute; left:0; top:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.appointment:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.appointment:hover span{ color:#fff;}
.appointment span{ display:block; text-align:center; line-height:36px; color:#ffffff; position:relative; transition:0.34s;}
.order{ width:426px; height:345px; position:fixed; left:50%; top:50%; margin-left:-213px; margin-top:-172px; background:#fff; z-index:120; box-shadow:0 0 51px rgba(0,0,0,0.3); opacity:0; visibility:hidden; transform:translateY(45px); -webkit-transform:translateY(45px); -moz-transform:translateY(45px); transition:0.68s;}
.order.show{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.orderwr{ padding:40px 47px 0 32px;}
.close{ display:block; width:23px; height:23px; background:url(../images/close1.png) center no-repeat; position:absolute; right:19px; top:18px; transition:0.45s; cursor:pointer;}
.close:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.orderwr h4{ padding-left:48px; color:#333333; font-size:18px; font-weight:normal; line-height:1; padding-top:14px; height:20px; background:url(../images/yu.png) left center no-repeat; margin-bottom:36px;}
.row{ position:relative; margin-bottom:12px;}
.row input{ border:1px solid #b4b4b4; margin:0; padding:0; outline:none; background:none; color:#333333; font-size:14px; height:45px; line-height:45px; padding-left:16px; width:327px; font-family:"微软雅黑"; transition:0.45s;}
.row input:focus{ border-color:#c3a673;}
.row b{ display:block; width:6px; height:6px; background:url(../images/star.png) center no-repeat; right:-16px; top:50%; margin-top:-3px; position:absolute;}
.nowyu{ margin-top:29px; width:138px; height:35px; position:relative; background:#666666; cursor:pointer;}
.nowyu input{ border:none; padding:0; margin:0; outline:none; background:none; position:relative; width:100%; height:35px; line-height:35px; color:#fff; font-size:14px; cursor:pointer; font-family:"微软雅黑";}
.nowyu:before{ content:""; width:100%; height:100%; background:#c3a673; position:absolute; left:0; top:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.nowyu:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.case-banner .applicate-list li a:before{ content:""; width:100%; height:1px; background:#cccccc; position:absolute; left:0; top:0;}
.case-banner .applicate-list li .applect:before{ display:none;}
.case-banner .applicate-list li .applictfix{ padding-top:52px;}
.case-banner .applicate-list li .applictfix p{ height:156px;}
.case-banner .applicate-list li .appointment{ bottom:10px;}

.projectbg{ background:#f9f9f9;}
.case-banner .applicate-list{ padding-top:0;}
.project-info{ width:25.33333%; float:left;}
.project-info:nth-child(2){ width:68%; float:right;}
.project-info h3{ color:#333333; font-size:14px; line-height:1; font-weight:normal; border-bottom:2px solid #707070; padding-bottom:14px; margin-bottom:20px;}
.project-info p{ color:#333333; font-size:14px; line-height:2;}
.project-info p b{ display:inline-block; width:100px; font-weight:normal;}
.nowsee{ padding:54px 0 120px; width:1232px;}
.nowsee h3{ color:#333333; font-size:24px; line-height:1; font-weight:normal; margin-bottom:44px; margin-left:16px;}
.nowsee .life-info a{ padding:0 16px;}
.nowsee .life-info:hover{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.nowsee .lifebaner .slick-prev{ left:16px;}
.nowsee .lifebaner .slick-next{ right:16px;}
.newview{ padding:54px 0 100px;}
.newwr{ padding:64px 100px 100px; background:#f9f9f9;}
.newtitle{ padding-bottom:30px; border-bottom:1px solid #626262;}
.newtitle h2{ color:#000000; font-size:24px; font-weight:normal; text-align:center; line-height:1.4; margin-bottom:16px;}
.newtitle time{ display:block; text-align:center; color:#666666; line-height:1; font-family:"Arial";}
.newfix{ padding-top:36px;}
.newfix img{ display:block; max-width:100%; height:auto;}
.newfix p{ color:#333333; font-size:14px; line-height:2;}
.prevpage{ margin-top:58px; padding-bottom:24px; border-bottom:2px solid #333333; position:relative;}
.prevpage .prev{ display:block; padding-left:17px; line-height:1; float:left; color:#333333; font-size:14px;}
.prevpage .first{ background:url(../images/arrow8.png) left center no-repeat;}
.prevpage .last{ float:right; padding-left:0; padding-right:17px; background:url(../images/arrow9.png) right center no-repeat;}
.prevpage .backles{ padding-left:28px; color:#333333; font-size:14px; line-height:1; display:inline-block; background:url(../images/back.png) left center no-repeat; position:absolute; left:50%; margin-left:-42px; top:0;}
.prevpage .backles:hover{ color:#c3a673; background:url(../images/back1.png) left center no-repeat;}
.prevpage .prev:hover{ color:#c3a673;}
.prevpage .first:hover{ background:url(../images/arrow12.png) left center no-repeat;}
.prevpage .last:hover{ background:url(../images/arrow13.png) right center no-repeat;}

.contact-box{ padding:62px 0 120px;}
.mode{ position:relative;}
.informate{ width:50%; float:left; background:#bea87e;}
.informatwr{ padding:60px 68px 54px 68px;}
.informatwr h3{ line-height:1; color:#ffffff; font-size:24px; position:relative; padding-left:22px; font-weight:normal;}
.informatwr h3:before{ content:""; width:5px; height:100%; position:absolute; left:0; top:0; background:#fff;}
.informatwr h3 small{ display:inline-block; color:#ece1cc; font-size:14px; text-transform:uppercase; margin-left:10px; font-family:"Conv_LETTERGOTHICSTD";}
.informatwr time{ display:block; color:#ece1cc; font-size:14px; line-height:1; margin-top:14px; margin-left:22px;}
.mode-list{ margin-top:29px;}
.mode-info{ border-bottom:1px solid #c8bca5; padding:26px 0 12px;}
.mode-info b{ display:block; width:42px; height:56px; float:left; margin-left:6px;}
.moder{ float:left; margin-left:18px; margin-top:8px;}
.moder p{ color:#fff; font-size:14px;}
.mode-info:nth-child(1) b{ background:url(../images/tel.png) 3px 5px no-repeat;}
.mode-info:nth-child(2) b{ background:url(../images/mail.png) 0 10px no-repeat;}
.mode-info:nth-child(3) b{ background:url(../images/map.png) 2px 0 no-repeat;}
.public{ margin-top:34px; display:inline-block;}
.public img{ display:block; padding:6px; background:#fff; width:83px;}
.public span{ display:block; text-align:center; margin-top:15px; line-height:1; color:#fff; font-size:14px;}
.map{ width:50%; height:100%; position:absolute; left:50%; top:0;}
.anchorBL{ display:none !important;}
.join{ padding-top:64px;}
.jointext{ padding:0 0 52px;}
.jointext p{ color:#666666; font-size:14px;}
.jointop{ position:relative; border-bottom:1px solid #cccccc; padding:36px 0 30px; cursor:pointer; overflow:hidden;}
.jointop b{ display:block; float:left; width:82px; height:50px; position:relative;}
.jointop b img{ display:block; position:absolute; left:0; top:0; bottom:0; margin:auto; max-width:100%;}
.jints{ float:left; margin-top:3px;}
.jints p{ color:#666666; font-size:14px;}
.add{ width:35px; height:35px; position:absolute; right:35px; top:50%; margin-top:-17px;}
.add i{ display:block; background:#666666; position:absolute; transition:0.5s;}
.add i:nth-child(1){ width:100%; height:1px; left:0; top:17px;}
.add i:nth-child(2){ width:1px; height:100%; left:17px; top:0;}
.joins{ background:#f9f9f9; padding:23px 82px 72px; border-bottom:1px solid #cccccc; display:none;}
.join-info p{ color:#666666; font-size:14px;}
.jointop.on .add i:nth-child(2){ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px);}

.interfixbg{ padding:86px 0 58px; background:#f9f9f9;}
.boorcomm{ padding-top:32px; border-top:1px solid #626262;}
.boorcomm span{ display:block; margin-bottom:18px; color:#333333; font-size:14px;}
.boorcomm p{ color:#333333; font-size:14px;}
.interfix .casetitle{ margin-bottom:18px; }
.interior{ padding:58px 0 76px;}
.interiortop figure{ width:70%; float:left; overflow:hidden;}
.interiortop figure img{ display:block; width:100%; height:auto; line-height:0;}
.interris{ float:right; width:24.16666%; padding-top:25px; border-top:2px solid #666666; margin-top:76px;}
.interris p{ color:#666666; font-size:14px; line-height:2;}

.interior-list{ position:relative; width:1248px; margin:auto; margin-top:50px;}
.inter-info{ width:47.9%; float:left; position:relative; perspective:500px; -webkit-perspective:500px; -moz-perspective:500px;}
.inter-info:nth-child(2n+2){ float:right;}
.figlewr{ overflow:hidden; position:relative; margin-bottom:24px;}
.inter-info figure{ display:block; overflow:hidden; line-height:0; padding:0 24px;}
.inter-info figure img{ display:block; width:100%; height:auto; transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04); transition:0.88s;}
.interors{ position:absolute; left:0; bottom:0; width:100%;}
.interors:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(170,133,65,0.9); background:#aa8541\9; filter:alpha(opacity=90); opacity:0; visibility:hidden; transition:0.5s; transform-origin:left bottom 0; transform:rotateX(45deg); -webkit-transform:rotateX(45deg); -moz-transform:rotateX(45deg);}
.interiwr{ padding:37px 50px 28px 48px; position:relative; opacity:0; visibility:hidden; transition:0.5s;}
.interiwr p{ padding-left:20px; color:#ffffff; font-size:14px; line-height:2; border-left:2px solid #fff;}
.inter-info:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.inter-info:hover .interors:before{ opacity:1; visibility:visible; transform:rotateX(0); -webkit-transform:rotateX(0); -moz-transform:rotateX(0);}
.inter-info:hover .interors .interiwr{ opacity:1; visibility:visible;}

.ptitle.article-block .ph3 strong{ opacity:0; transition:0.85s 0.3s;}
.ptitle.articleShow .ph3 strong{ opacity:1;}
.ptitle.article-block .ph3 span.line1,.ptitle.article-block .ph3 span.line3{ transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); transition:0.26s 0.3s; transform-origin:0 top;}
.ptitle.article-block .ph3 span.line3{ transition:0.26s 0.9s; transform-origin:right top;}
.ptitle.articleShow .ph3 span.line1,.ptitle.articleShow .ph3 span.line3{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1);}
.ptitle.article-block .ph3 span.line2,.ptitle.article-block .ph3 span.line4{ transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleX(0); transition:0.45s 0.5s; transform-origin:0 top;}
.ptitle.articleShow .ph3 span.line2,.ptitle.articleShow .ph3 span.line4{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleX(1);}
.ptitle.article-block .ph3 span.line4{ transform-origin:0 bottom; transition:0.45s 1.1s;}
.ptitle.article-block small{ opacity:0; transform:translateY(20px); -webkit-transform:translateY(20px); -moz-transform:translateY(20px); transition:0.65s 0.6s;}
.ptitle.articleShow small{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.living.article-block,.storys.article-block{ opacity:0; transform:translateY(80px); -webkit-transform:translateY(80px); -moz-transform:translateY(80px); transition:1s cubic-bezier(0.6, 0.2, 0.1, 1); -webkit-transition:1s cubic-bezier(0.6, 0.2, 0.1, 1);}
.storys.article-block{ transition-delay:0.4s;}
.living.articleShow,.storys.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.values.article-block .value-info{ opacity:0; transform:translateY(-120px); -webkit-transform:translateY(-120px); -moz-transform:translateY(-120px); transition:1s cubic-bezier(0.6, 0.2, 0.1, 1); -webkit-transition:1s cubic-bezier(0.6, 0.2, 0.1, 1);}
.values.articleShow .value-info{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.values.article-block .value-info:nth-child(2){ transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px);}
.values.articleShow .value-info:nth-child(2){ transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.values1.article-block .value-info{ transform:translateX(120px); -webkit-transform:translateX(120px); -moz-transform:translateX(120px); transition-delay:0.2s;}
.values1.articleShow .value-info{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

.responsible.article-block{ opacity:0; transition:1.2s cubic-bezier(0.6, 0.2, 0.1, 1); -webkit-transition:1.2s cubic-bezier(0.6, 0.2, 0.1, 1); -moz-transition:1.2s cubic-bezier(0.6, 0.2, 0.1, 1); transform:translateY(120px); -webkit-transform:translateY(120px); -moz-transform:translateY(120px);}
.responsible.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.life.article-block,.coopmiss.article-block,.cooperate.article-block{ opacity:0; position:relative; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transition:1s cubic-bezier(0.6, 0.2, 0.1, 1); -webkit-transition:1s cubic-bezier(0.6, 0.2, 0.1, 1); -moz-transition:1s cubic-bezier(0.6, 0.2, 0.1, 1);}
.coopmiss.article-block{ transition-duration:0.88s; -webkit-transition-duration:0.88s;}
.life.articleShow,.coopmiss.articleShow,.cooperate.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.chief.article-block .chief-img{ perspective:400px; -webkit-perspective:400px; -moz-perspective:400px;}
.chief.article-block .chief-img img{ opacity:0; transition:1s cubic-bezier(0.6, 0.2, 0.1, 1); -webkit-transition:1s cubic-bezier(0.6, 0.2, 0.1, 1); transform-origin:left center 0; transform:rotateY(45deg); -webkit-transform:rotateY(45deg); -moz-transform:rotateY(45deg);}
.chief.articleShow .chief-img img{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0); -moz-transform:rotateY(0);}
.chief.article-block .designer{ opacity:0; transform:translateX(88px); -webkit-transform:translateX(88px); -moz-transform:translateX(88px); transition:1s cubic-bezier(0.6, 0.2, 0.1, 1); -webkit-transition:1s cubic-bezier(0.6, 0.2, 0.1, 1);}
.chief.articleShow .designer{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.creative-list.article-block li { perspective:400px; -webkit-perspective:400px; -moz-perspective:400px;}
.creative-list.article-block li figure{ opacity:0; transition:1s cubic-bezier(0.6, 0.2, 0.1, 1); -webkit-transition:1s cubic-bezier(0.6, 0.2, 0.1, 1); transform-origin:left center 0; transform:rotateY(45deg); -webkit-transform:rotateY(45deg); -moz-transform:rotateY(45deg);}
.creative-list.articleShow li figure{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0); -moz-transform:rotateY(0);}

.teams.article-block,.teamimg.article-block{ opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transition:1s cubic-bezier(0.6, 0.2, 0.1, 1); -webkit-transition:1s cubic-bezier(0.6, 0.2, 0.1, 1);}
.teams.articleShow,.teamimg.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.inter-info.article-block{ opacity:0; transform:translateY(88px); -webkit-transform:translateY(88px); -moz-transform:translateY(88px); transition:1.2s cubic-bezier(0.6, 0.2, 0.1, 1); -webkit-transition:1.2s cubic-bezier(0.6, 0.2, 0.1, 1); -moz-transition:1.2s cubic-bezier(0.6, 0.2, 0.1, 1);}
.inter-info.article-block:nth-child(2){ transition-delay:0.3s;}
.inter-info.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.informatwr.article-block .informatet,.informatwr.article-block .mode-list .mode-info,.informatwr.article-block .public{ opacity:0; transition:0.78s cubic-bezier(0.6, 0.2, 0.1, 1); transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}
.informatwr.articleShow .informatet,.informatwr.articleShow .mode-list .mode-info,.informatwr.articleShow .public{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.informatwr.article-block .mode-list .mode-info{ transition:0.76s 0.3s;}
.informatwr.article-block .mode-list .mode-info:nth-child(2){ transition:0.76s 0.6s;}
.informatwr.article-block .mode-list .mode-info:nth-child(3){ transition:0.76s 0.9s;}
.informatwr.article-block .public{ transition:0.76s 1.1s;}

.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 #aa8541; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; background:none; width:auto; height:auto; position:relative; right:0; top:0; float: right; cursor: pointer; color: #666; font-weight: normal;}
.popUp .t .close:hover{ transform:none; -webkit-transform:none; -moz-transform:none;}
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block; }

.play_img img{ max-width:680px; height:auto;}
.add_foot_mobile a{ color:#fff;}