/***
	* CSS reset   http://funwere.com
	* (c) 2014 by poFish Nav http://pofish.net
	* 2014.09.01
***/

/*reset style*/
body{宋体;font-size:1.2rem;color:#323232;line-height:1.5;}
a:link,
a:visited,
a:active,
a:hover{color:#323232;}
.col-sub,
.col-extra{float:left;display:inline;}
.col-main{float:left;width:100%;min-height:1px;}
.transform{position:relative;background:#fff;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;z-index:2;}
.transform.nav-is-visible{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px);}
.bx-loading {width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:999;background:#000;}
.bx-loading span{color:#fff;font-size:1.3rem;position:fixed;font-family:Arial, Arial;text-transform:uppercase;letter-spacing:8px;margin:-12px 0 0 -46px;left:50%;top:50%;text-shadow:0px 0px 1px rgba(255,255,255,0.9), 1px 2px 5px rgba(0,0,0,0.5);}
#wrapper{position:relative;}
.menu-buttons{position:absolute;display:inline-block;top:18px;right:10px;}
.menu-buttons li{display:inline-block;}
.nav-trigger{position:relative;display:block;width:44px;height:44px;overflow:hidden;white-space:nowrap;color:transparent;z-index:3;}
.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after{position:absolute;display:inline-block;height:3px;width:24px;background:#fff;}
.nav-trigger span{position:absolute;top:50%;right:10px;margin-top:-2px;-webkit-transition:background 0.3s 0.3s;-moz-transition:background 0.3s 0.3s;transition:background 0.3s 0.3s;}
.nav-trigger span::before,
.nav-trigger span::after{content:'';right:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;-ms-transform-origin:0% 50%;-o-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.3s 0.3s;-moz-transition:-moz-transform 0.3s 0.3s;transition:transform 0.3s 0.3s;}
.nav-trigger span::before{top:-6px;}
.nav-trigger span::after{top:6px;}
.nav-trigger.nav-is-visible span{background:rgba(46, 50, 51, 0);}
.nav-trigger.nav-is-visible span::before,
.nav-trigger.nav-is-visible span::after{background:#fff;}
.nav-trigger.nav-is-visible span::before{-webkit-transform:translateX(4px) translateY(-3px) rotate(45deg);-moz-transform:translateX(4px) translateY(-3px) rotate(45deg);-ms-transform:translateX(4px) translateY(-3px) rotate(45deg);-o-transform:translateX(4px) translateY(-3px) rotate(45deg);transform:translateX(4px) translateY(-3px) rotate(45deg);}
.nav-trigger.nav-is-visible span::after{-webkit-transform:translateX(4px) translateY(2px) rotate(-45deg);-moz-transform:translateX(4px) translateY(2px) rotate(-45deg);-ms-transform:translateX(4px) translateY(2px) rotate(-45deg);-o-transform:translateX(4px) translateY(2px) rotate(-45deg);transform:translateX(4px) translateY(2px) rotate(-45deg);}
.nav-primary,
.nav-primary ul{position:fixed;top:0;right:0;height:100%;width:260px;overflow:auto;-webkit-overflow-scrolling:touch;z-index:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;background:#2e3233;}
.nav-primary a,
.nav-primary ul a{display:block;height:50px;line-height:50px;padding:0 20px;color:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #3a3f40;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);will-change:transform, opacity;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;-moz-transition:-moz-transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s;}
.nav-primary a.selected{color:#c6b6a2;}

.bg{background:#282828 url(../Images/multi_line_black.png);}
.contact .bg{background:#171717 url(../Images/multi_line_black.png);}
.block{padding:20px 0;}
.margin{margin:0 20px;}
/* ----------------------------- Header -------------------------------- */
#hd{position:fixed;top:0;width:100%;height:80px;background:url(../Images/bg-hd.png);z-index:9;display:none;}
#logo{float:left;display:block;margin:10px 0 0 20px;width:82px;height:59px;background:url(../Images/ui-logo.png) no-repeat 0 0;}

/* ----------------------------- Main -------------------------------- */
#bd{}
#slides{position:relative;}
.slides-pagination{width:100%;text-align:center;bottom:0px;position:absolute;z-index:2;}
.slides-pagination a{display:inline-block;width:10px;height:10px;margin:0 5px 60px;text-indent:-9999px;background:url(../Images/ui-pagination.png) no-repeat 0 0;}
.slides-pagination a.current{background-position:0 -10px;}
#slides .inner{width:100%;text-align:center;top:42%;position:relative;}
#slides .inner h1{margin:0 20px 40px;font-size:2.4rem;font-weight:normal;color:#fff;}
#slides .inner p{background:url(../Images/ui-slash.png) no-repeat 50% 50%;}
#slides .inner p a{display:inline-block;margin:0 10px;color:#f00;font-weight:bold;line-height:20px;}
.contact{top:37%;position:relative;margin:0 20px;background:#fff;}
.contact .view{padding:20px;font-size:1.4rem;text-align:left;}
.contact .view dt{font-size:1.6rem;font-weight:bold;}
.contact .view dd{position:relative;margin:10px 0;padding-left:50px;font-size:14px;line-height:20px;}
.contact .view dd span{position:absolute;left:0;color:#646464;}
.contact .view dd a{text-decoration:underline;}
.contact .map{display:none;}

.banner{background:#000;padding-top:80px;}
.banner .banner-img{display:block;position:relative;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:160px;}
.banner .banner-img.banner-bg{display:none;}
.banner h3{font-size:1.4rem;line-height:40px;font-weight:normal;color:#fff;text-align:center;background:#d40e1e;}

/* 案例、产品 */
.thumbs li{margin:0 10px;}
.thumbs li a{overflow:hidden;}
.thumbs li img{width:100%;}
.thumbs li .title{text-align:center;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.thumbs li hr{box-sizing:content-box;background-color:#323232;border:0;width:0;height:2px;margin-top:10px;margin-bottom:0;}
.thumbs li a:hover span{color:#323232;}
.thumbs li a:hover hr{width:100%;}
.trans{-webkit-transition:all .4s ease;transition:all .4s ease;}
.box_shadow{box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);}
.box_shadow.trans:hover{box-shadow:0px 4px 16px rgba(0, 0, 0, 0.4);}
.box_shadow.trans:hover{z-index:99;}

.view{}
.view h2{margin-bottom:20px;font-size:1.6rem;text-align:center;}
.content{padding:20px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.content h2{margin:20px 0;font-size:2.4rem;}
.content .left{font-size:1.4rem;line-height:2;}
.content .right dt{margin:30px 0 10px;font-weight:bold;}
.content .right dd{line-height:3;}
a.button{display:inline-block;padding:5px 10px;margin-top:20px;background:#f4f4f4;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
a.button:hover{padding:5px 15px;background:#ddd;}

.list-photo{margin:30px 0 10px;}
.list-photo li{margin-bottom:20px;}
.list-photo figure{padding-bottom:20px;border-bottom:1px solid #ddd;}
.list-photo figcaption{margin-bottom:10px;padding-left:20px;font-size:1.4rem;font-weight:normal;line-height:1;background:url(../Images/ui-arrow-right.png) no-repeat 0 50%;}

.products h2{font-size:1.8rem;font-weight:normal;}
.products img{margin-top:20px;}
.other{margin-top:30px;border-bottom:1px solid #e6e6e6;}
.other dt{position:relative;margin-bottom:20px;border-top:1px solid #e6e6e6;}
.other dt span{display:block;width:120px;font-size:1.4rem;line-height:16px;margin:-8px auto 0;line-height:16px;text-align:center;background:#fff;}
.other dd{float:left;width:48%;margin:0 1% 20px;}

/* 关于 */
.tip-text{padding:20px;font-size:2rem;text-align:center;background:#f6f6f6;}
.jobs-text p{padding-bottom:20px;font-size:2rem;border-bottom:1px solid #e6e6e6;}
.jobs-text span{display:block;padding-top:20px;font-size:1.4rem;line-height:2;}

.list-about img{margin:20px 0;}
.list-about figcaption{font-size:1.4rem;}
.list-about h4{margin-bottom:10px;font-size:1.6rem;font-weight:normal;}

.about-do .content{border-bottom:none;}
.about-do .content.first{padding-top:0;border-top:none;}
.about-team .content{border-top:none;}
.about-team .content p,
.about-office article{font-size:1.4rem;line-height:2;}

/* 招聘 */
.list-jobs{text-align:center;}
.list-jobs dt{font-size:1.4rem;font-weight:bold;}
.list-jobs dd a{display:block;padding:100px 0;margin:20px 0;background:#f6f6f6;}
.list-jobs dd a:hover{background:#eee;}
.list-jobs dd h5{font-size:2.4rem;font-weight:normal;}
.list-jobs dd p{font-size:1.4rem;}

.tip-jobs{margin:50px 0 30px;padding-bottom:160px;font-size:1.6rem;text-align:center;background:url(../Images/ui-tip-jobs.png) no-repeat 50% 100%;}

.view-jobs h5{text-align:center;font-size:2.4rem;margin-bottom:30px;}
.view-jobs h5 p{margin-top:10px;font-size:1.4rem;font-weight:normal;}
.view-jobs .content{font-size:1.4rem;line-height:2;}
.view-jobs .content p{margin:10px 0;}
.view-jobs .center{padding:20px 0 50px;text-align:center;}
.view-jobs .center a{padding:10px 60px;}

.pages{margin:20px 0;text-align:center;}
.pages li{display:inline;margin:0 5px;}
.pages li > a,
.pages li > span{display:inline-block;padding:5px 14px;margin-bottom:10px;}
.pages li > a{background-color:#fff;border:1px solid #dddddd;}
.pages li > span{color:#777;background-color:#eee;cursor:not-allowed;}
.pages li > a:hover,
.pages li > a:focus{text-decoration:none;background-color:#eee;}
.clearfix:before,
.clearfix:after,
.pages:before,
.pages:after{content:" ";display:table;}
.clearfix:after,
.pages:after{clear:both;}

.mask-a {position:fixed;top:0;left:0;width:100%;height:100%;}
.layer{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;}
.layer-inner{position:relative;text-align:center;}

/* ----------------------------- Footer -------------------------------- */
#ft{border-top:1px solid #333;}
#ft .inner{padding:20px;}
#ft .inner .col{float:left;height:100%;margin-left:-1px;border-right:1px solid #333;vertical-align:top;}
#ft .inner .col.first{width:69%;padding-right:10px;}
#ft .inner .col:nth-of-type(3){width:30%;text-align:right;border:none;}
#ft .inner .col h4{display:none;}
#ft .inner .col p,
#ft .inner .col li a{color:#fff;line-height:2;}
#ft .copyright{padding:15px 0;text-align:center;color:#fff;background:#000;}

@media only screen and (min-width:641px){	
	#logo{margin-left:50px;}
	
	.menu-buttons{right:50px;}
	
	#slides .inner h1{font-size:2rem;}

	.banner{padding:0;position:relative;}
	.banner .banner-img{min-height:384px;}
	.banner .banner-img.banner-bg{display:block;background-image:url(../Images/bg-banner.png);min-height:201px;}
	.banner h3{width:230px;position:absolute;left:50%;bottom:-20px;margin-left:-115px;z-index:2}
	.banner h3.title{width:100%;position:absolute;left:0;bottom:20px;margin-left:0;font-size:2.6rem;color:#555;background:none;}
	
	.thumbs li{float:left;width:47%;margin:0 1% 10px 2%;}
	.thumbs li:nth-child(2n){margin:0 2% 10px 1%;}
	
	.content{padding:30px 0;}
	.content h2{margin:30px 0;}
	.content .left{float:left;width:70%;}
	.content .right{float:right;width:20%;}
	.content .right dt{margin-top:0;}
	.list-photo li{margin-bottom:30px;}
	.list-photo figure{padding-bottom:30px;}
	
	.about-team .content .left{width:48%;}
	.about-team .content .right{width:48%;}
	.about-team .content .right h2{margin:0 0 20px;}
	
	.products h2{font-size:2.4rem;}
	.other{padding-bottom:20px;margin-top:50px;}
	.other dd{width:23%;margin:0 1%;}
	
	.tip-text{padding:60px;font-size:3rem;}
	
	.list-about li{padding:50px 0;border-bottom:1px solid #e6e6e6;}
	.list-about li:last-child{border:none;}
	.list-about img{margin:0;float:left;width:50%;}
	.list-about li:nth-child(2n) img{float:right;}
	.list-about figcaption{float:left;width:50%;padding:60px 40px 0 60px;line-height:2;}
	.list-about li:nth-child(2n) figcaption{padding:60px 60px 0 40px;}
	.list-about h4{margin-bottom:10px;font-size:1.6rem;font-weight:normal;}
	
	.jobs-text{margin:30px;}
	.jobs-text p{padding:30px 50px 30px 10px;float:left;width:60%;font-size:3rem;border:none;}
	.jobs-text span{padding:30px 10px 30px 30px;float:left;width:40%;font-size:1.6rem;border-left:1px solid #e6e6e6;}
	
	.list-jobs{max-width:300px;margin:0 auto;}
	.list-jobs dd a{padding:150px 0;}
	
	.tip-jobs p{max-width:388px;margin:0 auto;}
	
	.contact .view{float:left;width:240px;}
	.contact .map{display:block;float:left;}
}

@media only screen and (min-width:769px){
	.nav-trigger{display:none;}
	.nav-primary{position:static;float:right;padding:0;height:auto;width:auto;overflow:visible;}
	.nav-primary::after{clear:both;content:"";display:table;}
	.nav-primary{position:static;height:auto;width:auto;overflow:visible;z-index:3;background:none;}
	.nav-primary > li{float:left;margin-left:0;margin-right:15px;}
	.nav-primary > li > a{position:relative;display:inline-block;height:100px;line-height:80px;padding:0 15px;font-size:1.4rem;color:#fff;overflow:visible;border-bottom:none;-webkit-transition:color 0.3s, box-shadow 0.3s;-moz-transition:color 0.3s, box-shadow 0.3s;transition:color 0.3s, box-shadow 0.3s;}
	.nav-primary > li > a:hover{color:#c6b6a2;}
	.nav-primary > li > a.selected{color:#c6b6a2;}
/* ----------------------------- Header -------------------------------- */

/* ----------------------------- Main -------------------------------- */
	.block{padding:30px 0;}
	.margin{max-width:800px;margin:0 auto;}
	#slides .inner h1{font-size:3rem;}
	
	.list-photo li{margin-bottom:50px;}
	.list-photo figure{padding-bottom:50px;}
	.list-photo figure img{margin-top:20px;}
	
	.tip-text p{max-width:760px;margin:0 auto;}
	
	.list-jobs{max-width:580px;}
	
	.contact{max-width:720px;margin:0 auto;}
	
/* ----------------------------- Footer -------------------------------- */
	#ft .inner{padding:30px;height:260px;}
	#ft .inner .col{width:25%;}
	#ft .inner .col.first,
	#ft .inner .col:nth-of-type(3){width:25%;text-align:left;border-right:1px solid #333;}
	#ft .inner .col.hide{display:block !important;}
	#ft .inner .col.last{margin-right:0;border:none;}
	#ft .inner .col h4{display:block;margin:10px 0 15px 20px;font-size:1.4rem;color:#6b6b6b;}
	#ft .inner .col.first h4{margin-left:0;}
	#ft .inner .col.last p,
	#ft .inner .col li{margin-left:20px;}
	#ft .inner .col a,
	#ft .inner .col p{font-size:1.2rem;}
	#ft .inner .col p a{color:#f00;}
}

@media only screen and (min-width:1025px){
	.nav-primary > li{margin-right:50px;}
	.nav-primary > li > a{padding:0;}
	
	.block{padding:50px 0;}
	
	.banner .banner-img{min-height:722px;}
	
	.thumbs li{float:left;width:23%;margin:0 1% 50px;}
	.thumbs li:nth-child(2n){margin:0 1% 50px;}
	
	.products h2{font-size:2.4rem;}
	.other{padding-bottom:50px;}
	.other dt{margin-bottom:40px;}
	.other dd{width:23%;margin:0 1%;}
	
	.content{padding:50px 0;}
	
	.jobs-text{max-width:990px;margin:30px auto;}
}