@charset "utf-8";
/* CSS Document */
 @font-face {
    font-family: 'myfonts';
    src: url('../font/fontawesome-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../font/fontawesome-webfont.woff') format('woff'), /* Modern Browsers */
             url('../font/fontawesome-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../font/fontawesome-webfont.svg#fontawesome-webfont') format('svg'); /* Legacy iOS */
   }
body,body a,body button {font-family:Microsoft YaHei !important}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {	display: block}
audio,canvas,video {display: inline-block}
audio:not([conols]) {display: none;	height: 0}
[hidden] {display: none}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

button,html,input,select,textarea {	font-family:Microsoft YaHei !important}

body {	margin: 0}
a:focus {	outline: thin dotted}
a:active,a:hover {	outline: 0}

h1 {margin: .67em 0; font-size: 2em}
h2 {margin: .83em 0; font-size: 1.5em}
h3 {margin: 1em 0; font-size: 1.17em}
h4 {margin: 1.33em 0; font-size: 1em}
h5 {margin: 1.67em 0; font-size: .83em}
h6 {margin: 2.33em 0; font-size: .75em}

abbr[title] {	border-bottom: 1px dotted}
b,song {font-weight: 700}
blockquote {margin: 1em 40px}
dfn {font-style: italic}
mark {	background: #ff0;	color: #000}
p,pre {	margin: 1em 0}
code,kbd,pre,samp {	font-size: 1em;	font-family: monospace,serif}
pre {white-space: pre;	white-space: pre-wrap;	word-wrap: break-word}
q {	quotes: none}
q:after,q:before {	content: '';	content: none}
small {	font-size: 80%}
sub,sup {position: relative;	vertical-align: baseline;	font-size: 75%;	line-height: 0}
sup {top: -.5em}
sub {bottom: -.25em}
dl,menu,ol,ul {	margin: 1em 0}
dd {margin: 0 0 0 40px}
menu,ol,ul {padding: 0 0 0 40px}
nav ol,nav ul {	list-style: none; list-style-image: none}
img {border: 0;	-ms-interpolation-mode: bicubic}
svg:not(:root) {overflow: hidden}
figure {margin: 0}
form {margin: 0}
fieldset {margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver}
legend {padding: 0;	border: 0;	white-space: normal}
button,input,select,textarea {
	margin: 0;
	vertical-align: baseline;
	font-size: 100%
}

button,input {line-height: normal}

button,html input[type=button],input[type=reset],input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button
}

button[disabled],input[disabled] {cursor: default}
input[type=checkbox],input[type=radio] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	padding: 0}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
	padding: 0;
	border: 0
}

textarea {	overflow: auto;	vertical-align: top}
table {	border-collapse: collapse;	border-spacing: 0}
button,html,input,select,textarea {	color: #222}
ul,li {list-style: none;}
p {padding: 0; margin: 0;}

body {	font-size: 1em;	line-height: 1.4}

::-moz-selection {	background: #fe8316; color: #fafafa; text-shadow: none}
::selection {	background: #fe8316; color: #fafafa; text-shadow: none}

hr {display: block;	margin: 1em 0;	padding: 0;	height: 1px; border: 0;	border-top: 1px solid #ccc}

img {	vertical-align: middle}
fieldset {	margin: 0;	padding: 0;	border: 0}
textarea {	resize: vertical}

.chromeframe {	margin: .2em 0;	padding: .2em 0;	background: #ccc;	color: #000}
.ir {	overflow: hidden;	border: 0;	background-color: ansparent}
.ir:before {	display: block;	width: 0;	height: 100%;	content: ""}

.hidden {	display: none!important;	visibility: hidden}
.visuallyhidden {	position: absolute;	overflow: hidden;	clip: rect(0 0 0 0);	margin: -1px;	padding: 0;	width: 1px;	height: 1px;	border: 0}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	position: static;
	overflow: visible;
	clip: auto;
	margin: 0;
	width: auto;
	height: auto
}

.invisible {	visibility: hidden}
.clearfix:after,.clearfix:before {	display: table;	content: " "}
.clearfix:after {	clear: both}

@media print {
	* {
		background: 0 0!important;
		-webkit-box-shadow: none!important;
		   -moz-box-shadow: none!important;
		        box-shadow: none!important;
		color: #000!important;
		text-shadow: none!important
	}

	a,a:visited {	text-decoration: underline	}
	a[href]:after {		content: " (" at(href) ")"	}
	abbr[title]:after {		content: " (" at(title) ")"	}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {	content: ""	}
	blockquote,pre {border: 1px solid #999;	page-break-inside: avoid}
	thead {		display: table-header-group	}
	img, {	page-break-inside: avoid}
	img {	max-width: 100%!important}
	@	page {	margin: .5cm	}
	h2,h3,p {orphans: 3; widows: 3	}
	h2,h3 {	page-break-after: avoid	}
}

html {font-size: 62.5%}

#mobile-nav,#mobile-nav-igger {	display: none}

#sub button,#sub-page button,a,a:visited,body {
	text-ansform: uppercase;
	font-size: 1.4rem;
	font-family: ff-basic-gothic-web-pro,helvetica,sans-serif
}

body {	color: #373737}

a {
	-webkit-ansition: all .2s ease-in-out;
	-moz-ansition: all .2s ease-in-out;
	-o-ansition: all .2s ease-in-out;
	ansition: all .2s ease-in-out;
	-ms-ansition: all .2s ease-in-out
}

#sub button,#sub-page button,a,a:visited {	color: #5a5859}

a:active,a:focus {	outline: 0;	border: 0}
a:hover {color: #09a3e8;}
a,a:visited {	text-decoration: none}
#sub button,#sub-page button {	padding: 0;	border: none; background: 0 0}

h1,h2,h3 {	font-weight: 200}

.qr-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000!important;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.75);
	cursor: pointer
}

.qr-wrapper img {
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: auto;
	-webkit-ansform: anslate(-50%,-50%);
	-o-ansform: anslate(-50%,-50%);
	ansform: anslate(-50%,-50%);
	-ms-ansform: anslate(-50%,-50%);
	margin-left: -160px;
	margin-top: -160px;
}

.content-wrapper {	margin: 0 auto;	width: 98%}

.content-wrapper.narrow {	max-width: 1500px}

.content-wrapper:last-of-type {	padding-bottom:0px}


#top {width: 100%; height: 40px; background: #09a3e8; color: #fff;}
.wrap {max-width: 1200px; margin: 0 auto;}
#top .toplink {float: right;position: relative;}
#top .toplink .qr_code_big{position: absolute;top: 100%; width: 100%; z-index: 999999999;background-color:rgba(0,0,0,0.2); text-align: center;}
#top .toplink .qr_code_big .qrs{display: none;padding: 20px;width: 82%;}
#top span {float: left; color: #fff; line-height: 40px; font-size: 14px; float: left; margin-right: 10px; font-weight: 500;}
#top span a {color: #fff; font-weight: 500;}
#top span a:hover {text-decoration: underline; font-weight: bold;}
#top .ipt {float: left; background: #fff; border: #007cb4 solid 1px; width: 160px; height: 26px; -moz-border-radius: 5px; border-radius: 5px; display: none; margin-top: 5px; text-indent: 5px;}
#top .btn {float: left; background: url(../images/searchBtn.png) no-repeat; width: 20px; height: 20px; border: none 0; text-indent: -9999px; margin: 11px 0 0 5px;}
#header {position: relative; height: 70px; background: rgba(255,255,255,0.8); width: 100%; float: left;}

#logo {
	float: left;
	margin-top: 5px;
	width: 150px;
	height: 60px;
	background: url(../images/logo.png) center center no-repeat;
	-moz-background-size: 100%;
	     background-size: 100%
}

#main {	float: right;}
#main ul {padding: 0}
#main ul li {
	float: left;
/*	padding: 0 25px;
/*	border-left: 1px solid #5a5859;*/
	width: auto;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align: center;
	text-ansform: uppercase;
	letter-spacing: .1rem;
	-webkit-ansition: all .2s ease-in-out;
	-moz-ansition: all .2s ease-in-out;
	-o-ansition: all .2s ease-in-out;
	ansition: all .2s ease-in-out;
	-ms-ansition: all .2s ease-in-out
}
#main ul li.ch_en{
	width: 100px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	   -moz-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	padding-top: 20px;
}
#main ul li.ch_en a{
	-webkit-box-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 14px;
	padding:0px;
}
#main ul li.ch_en a:hover{
	background-color: transparent;
	text-decoration: underline;
	color: #09a3e8 !important;
}
li.date-list {display: none}

#main ul li:first-child {border-left: 0}
#main ul li:last-child {padding-right: 0}
#main ul li a {
	font-size: 16px;
	font-weight: 500;
	height: 30px;
	padding: 20px 15px 10px 15px;
	display: block;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
#main ul li.selact a{
	color: #fff;
}
#main ul li a:hover {
	color: #fff !important; 
	background: #17aaeb; 
	-moz-border-radius: 0 0 5px 5px; 
	     border-radius: 0 0 5px 5px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.selact {color: #fff !important; background: #17aaeb; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}

#class {width: 100%; margin: 30px auto;}
#class ul {padding: 0; margin: 0;}
#class ul li {float: left;	width: 20%;	height: 120px;	color: #fff;}
#class ul li:first-child {border-left: 0}
#class ul li:last-child {padding-right: 0}
#class ul li .img {width: 30%; height: 60px; margin: 30px 3% 0 7%; float: left;}
#class ul li .info {float: left; line-height: 30px; width: 60%; margin: 30px 0;}
#class ul li .info .cn {font-size: 18px; font-weight: 500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding-right: 10px;}
#class ul li .info .en {font-size: 12px; font-weight: 500; line-height: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

#class .one {background: #4aa9bd;}
#class .two {background: #2e87c3;}
#class .three {background: #32b16c;}
#class .four {background: #13b5b1;}
#class .four .cn {line-height: 20px !important; margin-top: -10px;}
#class .four .en {line-height: 18px !important; margin-top: 5px;}
#class .five {background: #556fb5;}

#class ul li a {color: #fff !important; font-size: 16px; font-weight: 500; width: 100%; height: 120px; display: block; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
#class ul li a:hover {color: #fff !important; background: #17aaeb; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
#class ul li a:hover .cn {margin-top: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#class ul li a:hover .img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

#hnews {width: 100%; margin: 30px auto;}
#hnews .qyyw {float: left; width: 32%; margin-right: 2%; padding-top: 30px;}
#hnews .mtjj {float: left; width: 32%; margin-right: 2%; padding-top: 30px;}
#hnews .ppgs {float: left; width: 32%; margin-right: 0%; padding-top: 30px;}
#hnews img {width: 100%;}

#hnews .title {float: left; width: 30%; line-height: 22px; font-size: 20px; color: #333; font-weight: 500; margin-top: 15px;}
#hnews .line {float: left; width: 55%; height: 2px; border-top: #d1d1d1 solid 1px; font-weight: 500; margin-top: 26px;}
#hnews .more {float: right; width: 10%; line-height: 22px; color: #666; margin-left: 5%; text-align: right; margin-top: 15px;}
#hnews .more a {color: #666; font-size: 12px; font-weight: 500;}
#hnews .more a:hover {color: #f00;}
#hnews ul {width: 100%; float: left; font-weight: 500; margin-top: 5px;}
#hnews ul li {width: 100%; line-height:  32px;}
#hnews ul li .txt {font-size: 14px; color: #484848; width: 80%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#hnews ul li .time {font-size: 12px; color: #999; width: 20%; float: left; text-align: right;}
#hnews ul li a {color: #484848; font-weight: 500;}
#hnews ul li a:hover .txt {color: #f00}
#hnews ul li a .time {color: #999;}


#mobile-nav-trigger {display: none;}

.current_page_item a {	padding-bottom: 5px;	border-bottom: 1px solid #5a5859}
.clear {clear: both}


/*#footer {position: fixed; bottom: 0px; left: 0px; z-index: 3; width: 100%; height: 36px; background: none; font-size: 12px; color: #888;}
#footer .footer-inner {	position: relative;	margin: auto; width: 98%; height: 100%;}
#footer .footer-inner p {position: absolute; left: 0; top: 6px}
#footer ul.social {	position: absolute;	right: 0px;	top: -10px; float: right;}
#footer ul.social li {	display: inline-block;	margin: 0 0; width: 30px; height: 26px;	opacity: 0.8;}
#footer ul.social li:last-child {margin-right: 0}
#footer ul.social li:hover {opacity: 1;}*/

#footer {float: left; width: 100%; height: 180px; background: #eeeeee; font-size: 12px; color: #888; }
#footer .com {float: left; width: 40%; margin-top: 20px;}
#footer .com .tit {font-weight: 500; color:#333; font-size: 18px; line-height: 24px;}
#footer .com .info {font-size: 14px; line-height: 24px; color: #666;}
#footer .com .info b {font-weight: 500; display: block;}
#footer ul {float: left; width: 38%; margin-top: 44px; margin-left: 5%;}
#footer ul li {float: left; width: 50%; line-height: 24px;text-align: center;}
#footer ul li a {color: #666; font-weight: 500;}
#footer ul li a:hover {color: #f00; font-weight: 500;}
#footer .ewm {float: right; width: 120px; margin-top: 25px;}
#footer .ewm p {text-align: center; line-height: 24px; color: #666; font-size: 14px; font-weight: 500;}



li#facebook {	background: url(http://archilier.com.cn/wp-content/themes/archilier/img/facebook.svg)}
li#wechat {	background: url(../images/wechat.svg) center center no-repeat; width: 25px; height: 25px;}
li#qq {	background: url(../images/qq.svg) center center no-repeat}
li#sina {	background: url(../images/sina.svg) center center no-repeat}
li#linkedin {	background: url(http://archilier.com.cn/wp-content/themes/archilier/img/linkedin.svg)}
li#pinterest {	background: url(http://archilier.com.cn/wp-content/themes/archilier/img/pinterest.svg) center center no-repeat}
li#twitter {	background: url(http://archilier.com.cn/wp-content/themes/archilier/img/twitter.svg) center center no-repeat}

.index-links {	position: relative;	height: 85vh;	-moz-background-size: cover!important;	background-size: cover!important}
.index-link {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	color: #fff!important;
	text-ansform: uppercase;
	letter-spacing: .2rem;
	font-weight: 400;
	font-size: 1.66rem;
	font-family: ff-basic-gothic-web-pro,helvetica,sans-serif
}

.index-link:hover .index-link-inner {opacity: 1}

a#projects {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 25%;
	height: 100%;
	border-right: 1px solid #fff
}

a#profile {
	position: absolute;
	top: 0;
	left: 25%;
	display: block;
	width: 50%;
	height: 33%;
	border-bottom: 1px solid #fff
}

a#contact {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 25%;
	height: 33%;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff
}

a#news {
	position: absolute;
	bottom: 0;
	left: 25%;
	display: block;
	width: 25%;
	height: 67%;
	border-right: 1px solid #fff
}

a#join {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 50%;
	height: 67%
}

.index-link-inner {
	width: 100%;
	height: 100%;
	-moz-background-size: cover !important;
	     background-size: cover !important;
	opacity: 0;
	-webkit-ansition: all .2s ease-in-out;
	-moz-ansition: all .2s ease-in-out;
	-o-ansition: all .2s ease-in-out;
	ansition: all .2s ease-in-out;
	-ms-ansition: all .2s ease-in-out
}

.index-link-container {	width: 100%;	height: 100%}

.index-link-container p {
	position: relative;
	top: 50%;
	margin: 0;
	height: auto;
	text-align: center;
	-webkit-ansform: anslateY(-50%);
	-moz-ansform: anslateY(-50%);
	ansform: anslateY(-50%)
}

.map-container {	display: none}
.map-info {	padding: 0 5%;	font-family: ff-basic-gothic-web-pro,helvetica,sans-serif}
.map-info-title {	font-size: 1.5rem}
.map-info-location {	font-size: 1.35rem}
.map-info-permalink {	font-weight: 200;	font-size: 1.25rem}
#sub,#sub-page {	width: 100%;	background: #ebebeb}
#sub ul,#sub-page ul {	padding: 0;	height: 38px;	text-align: center}

#sub ul li,#sub-page ul li {
	position: relative;
	top: 50%;
	float: right;
	margin: 0 10px;
	-webkit-ansform: anslateY(-50%);
	-moz-ansform: anslateY(-50%);
	ansform: anslateY(-50%)
}

#sub ul li:first-child,#sub-page ul li:first-child {
	margin-right: 0!important
}

#sub ul li button,#sub-page ul li a,#sub-page ul li a:visited,#sub-page ul li button {
	color: #c8c8c8;
	letter-spacing: .1rem;
	font-weight: 200;
	font-size: 1.25rem;
	font-family: ff-basic-gothic-web-pro,helvetica,sans-serif;
	-webkit-ansition: all .2s ease-in-out;
	-moz-ansition: all .2s ease-in-out;
	-o-ansition: all .2s ease-in-out;
	ansition: all .2s ease-in-out;
	-ms-ansition: all .2s ease-in-out
}

#sub ul li button:active,#sub ul li button:focus,#sub-page ul li button:active,#sub-page ul li button:focus {
	outline: 0 !important
}

#sub ul li button.active,#sub ul li button:hover,#sub-page ul li a.active,#sub-page ul li a:hover,#sub-page ul li button.active,#sub-page ul li button:hover {
	color: #5a5859
}

.page-template-projects .main:first-of-type {
	padding-top: 1.25rem
}

.main {
	overflow: auto;
	padding: 6rem 0;
	border-bottom: 1px solid #c8c8c8
}

.single .main {
	overflow: hidden
}

.main:first-of-type {
	padding-top: 3rem
}

.single .main {
	padding: 0
}

.main:last-of-type {
	padding-bottom: 0;
	border-bottom: 0
}

.main.active {
	display: block
}

#close-overlay,.show-overlay,.toggle,.toggle-overlay {
	border: none;
	background: 0 0;
	color: #5a5859;
	text-ansform: uppercase;
	letter-spacing: .075rem;
	font-weight: 600;
	font-family: ff-basic-gothic-web-pro;
	-webkit-ansition: all .2s ease-in-out;
	-moz-ansition: all .2s ease-in-out;
	-o-ansition: all .2s ease-in-out;
	ansition: all .2s ease-in-out;
	-ms-ansition: all .2s ease-in-out
}

#close-overlay,.show-overlay,.toggle-overlay {
	font-size: 1.25rem
}

.toggle-overlay.center {
	margin-top: 10px;
	padding: 15px;
	width: 100%;
	background: #fff!important;
	background: rgba(255,255,255,.9)!important;
	text-align: center;
	font-weight: 600
}

.show-overlay:active,.show-overlay:focus,.toggle-overlay:active,.toggle-overlay:focus,.toggle:active,.toggle:focus {
	outline: 0
}

.toggle:hover {
	color: #fe8316
}

.toggle-overlay:hover {
	color: #373737
}

.news-grid {
	column-count: 4;
	column-gap: 0;
	-moz-column-count: 4;
	-webkit-column-count: 4;
	-moz-column-gap: 0;
	-webkit-column-gap: 0
}

.posts {
	padding: 0;
	height: auto
}

.post {
	list-style-type: none
}

.grid-sizer {
	width: 25%;
	list-style-type: none
}

.post.grid-item {
	width: 25%
}

.news-grid-item {
	width: 100%
}

.news-grid-item,.post.grid-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff
}

.post.grid-item.landscape {
	width: 50%
}

.post.grid-item.no-img {
	height: 300px;
	background: #ebebeb
}

.post-inner {
	position: relative;
	display: block;
	overflow: auto;
	width: 100%;
	height: inherit;
	background: rgba(0,0,0,.33);
	color: #fff!important;
	-webkit-ansition: all .2s ease-in-out;
	-moz-ansition: all .2s ease-in-out;
	-o-ansition: all .2s ease-in-out;
	ansition: all .2s ease-in-out;
	-ms-ansition: all .2s ease-in-out
}

.page-template-projects-php .post-inner {
	opacity: 0
}

.post-inner-wrap {
	padding-bottom: 75%
}

.post.grid-item.one-col .post-inner-wrap {
	padding-bottom: 133%;
	padding-bottom: -moz-calc(100%+(100%/3));
	padding-bottom: calc(100%+(100%/3))
}

.post-meta {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-ansform: anslate(-50%,-50%);
	-moz-ansform: anslate(-50%,-50%);
	ansform: anslate(-50%,-50%)
}

.post-title {
	margin-top: 5px;
	font-weight: 400;
	font-size: 1.66rem;
	font-family: ff-basic-gothic-web-pro
}

.post-inner img {
	z-index: -1!important;
	width: 100%;
	height: auto;
	-webkit-ansition: all .2s ease-in-out;
	-moz-ansition: all .2s ease-in-out;
	-o-ansition: all .2s ease-in-out;
	ansition: all .2s ease-in-out;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-ms-ansition: all .2s ease-in-out
}

.post.grid-item:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.post-inner:hover {
	opacity: 1!important
}

#project-map {
	margin-top: 1%;
	width: 100%;
	height: 100vh;
	background: #ebebeb
}

.map-info-permalink {
	color: #fe8316
}

.single-feature-img {
	position: relative;
	margin-bottom: 65px
}

.single-feature-img img {
	width: 100%;
	height: auto
}

.flex-direction-nav .flex-next,.flex-direction-nav .flex-prev {
	background: 0;
	opacity: .8!important
}

.flex-direction-nav .flex-next:hover,.flex-direction-nav .flex-prev:hover {
	opacity: 1!important
}

.flex-direction-nav .flex-next {
	right: 15px!important;
	margin-right: 15px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-ansform: rotate(315deg);
	-moz-ansform: rotate(315deg);
	ansform: rotate(315deg)
}

.flex-direction-nav .flex-prev {
	left: 15px!important;
	margin-left: 15px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-ansform: rotate(45deg);
	-moz-ansform: rotate(45deg);
	ansform: rotate(45deg)
}

.single .project-location {
	margin-top: 15px
}

.metaslider {
	max-width: none!important
}

.metaslider .flexslider {
	position: relative!important
}

.flex-conol-nav {
	position: absolute!important;
	bottom: 5%!important;
	z-index: 5!important
}

.flex-conol-paging li a {
	background: #fff;
	background: rgba(255,255,255,.85)
}

.flex-conol-paging li a.flex-active {
	background: #fff;
	background: rgba(255,255,255,1)!important
}

.text {
	float: left;
	margin-right: 3%;
	width: 31%
}

.single .text {
	float: none;
	margin-right: initial;
	width: initial
}

.text.none {
	display: none!important
}

.post-title,.project-meta {
	letter-spacing: .1rem
}

.post-title h2 {
	margin: 0
}

.post-title p {
	margin: 0 0 2rem 0;
	text-ansform: capitalize;
	font-weight: 200;
	font-size: 2rem;
	font-family: ff-basic-gothic-web-pro
}

.project-meta p {
	margin: 0
}

.project-meta p song {
	font-weight: 700;
	font-family: ff-basic-gothic-web-pro,helvetica,sans-serif
}

.post-content {
	margin-top: 5rem;
	text-align: justify;
	text-ansform: initial;
	line-height: 2.25rem
}

.career-post .post-content {
	font-weight: 400
}

.second-project-img {
	float: left;
	width: 66%
}

.second-project-img.full {
	width: 100%!important
}

.second-project-img img {
	width: 100%;
	height: auto
}

.page-template-news .posts-container {
	margin-top: 3rem
}

.blog-wrapper {
	margin: 0
auto;
	padding-bottom: 110px;
	width: 100%;
	max-width: 820px
}

.blog-wrapper img {
	width: 100%;
	height: auto
}

.page-template-news-php .news-thumb {
	position: relative;
	width: 100%
}

.page-template-news-php .news-thumb-padding {
	padding-bottom: 75%
}

.page-template-news-php .post-meta {
	position: relative;
	top: initial;
	left: initial;
	padding: 8% 5%;
	width: 90%;
	background: #ebebeb;
	color: #5a5859;
	text-align: left;
	-webkit-ansform: anslateY(0);
	-moz-ansform: anslateY(0);
	ansform: anslateY(0)
}

.post-title,.project-meta {
	letter-spacing: .1rem
}

.post-date {
	font-weight: 200;
	font-family: ff-basic-gothic-web-pro,helvetica,sans-serif
}

.post-preview {
	margin-top: 1rem;
	text-ansform: initial;
	line-height: 2.25rem
}

.single-post-title {
	margin-top: 8rem
}

.single .single-title {
	margin: 0;
	font-weight: 400;
	font-size: 2.5rem;
	font-family: ff-basic-gothic-web-pro
}

.single .post-date {
	margin: 0;
	text-ansform: uppercase;
	font-weight: 200;
	font-size: 1.75rem!important;
	font-family: ff-basic-gothic-web-pro
}

.single .post-content {
	margin-top: 0;
	line-height: 2.25rem
}

.wp-caption {
	width: inherit!important
}

.wp-caption-text {
	color: #888;
	text-align: center;
	text-ansform: uppercase;
	letter-spacing: .15rem;
	font-size: 1.2rem
}

.studios-inner {
	position: relative;
	overflow: hidden
}

.studios-inner img {
	width: 100%
}

.contact-map-wrapper {
	position: relative;
	float: left;
	width: 50%
}

.contact-map-wrapper a {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	-moz-border-radius: 5px;
	     border-radius: 5px;
	background: #5a5859;
	-webkit-ansition: all .2s ease-in-out;
	-moz-ansition: all .2s ease-in-out;
	-o-ansition: all .2s ease-in-out;
	ansition: all .2s ease-in-out;
	-ms-ansition: all .2s ease-in-out
}

.contact-map-wrapper a:hover {
	background: #fe8316
}

a#contact-china {
	top: 49%;
	right: 21%
}

a#contact-nyc {
	top: 43%;
	left: 26.5%
}

.contact-map-wrapper a.blue {
	background: #fe8316!important
}

.address-wrapper {
	float: left;
	overflow: auto;
	margin: 3% 0 0 5%;
	width: 45%;
	max-width: 600px;
	letter-spacing: .1rem;
	font-size: 1.2rem
}

.address {
	display: inline-block
}

.address:first-of-type {
	float: left
}

.address:first-of-type::before,.address:first-of-type:before {
	position: absolute;
	margin: 10% 0 0 4%;
	width: 355px;
	border: 1px solid #ededed;
	content: "";
	-webkit-ansform: rotate(130deg);
	ansform: rotate(130deg);
	-ms-ansform: rotate(130deg)
}

.address:last-of-type {
	float: right;
	margin-top: 25%
}

.address a {
	-webkit-ansition: all .2s ease-in-out;
	-moz-ansition: all .2s ease-in-out;
	-o-ansition: all .2s ease-in-out;
	ansition: all .2s ease-in-out;
	-ms-ansition: all .2s ease-in-out
}

.address.blue a {
	color: #fe8316!important
}

.address h1 {
	font-weight: 200
}

.address p {
	text-ansform: capitalize
}

.email-copy {
	text-ansform: lowercase
}

div#careers {
	position: relative
}

.careers-inner {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px
}

.blog-wrapper.careers {
	float: left;
	margin: 4% 2% 0 0;
	width: 48%
}

.career-post {
	padding: 5rem 5% 0;
	width: 90%;
	border-bottom: 2px solid #ebebeb
}

.career-post:first-of-type {
	padding-top: 2rem
}

.career-post:last-of-type {
	border-bottom: 0
}

.career-title {
	margin: 0;
	font-weight: 200!important;
	font-size: 2.5rem
}

.career-location {
	margin: 0 !important;
	text-ansform: uppercase!important;
	font-weight: 400;
	font-size: 1.55rem!important;
	font-family: ff-basic-gothic-web-pro!important
}

.apply-here {
	display: inline-block;
	padding: 2.5rem 0 7.5rem
}

.apply-here a {
	font-weight: 400;
	font-family: ff-basic-gothic-web-pro
}

.join-form {
	float: left;
	padding: 4% 3%;
	width: 44%
}

.join-form p {
	margin: 2.5rem 0;
	text-ansform: initial
}

.join-form input,.join-form select {
	float: right
}

.join-form label {
	text-ansform: capitalize
}

.join-form .half {
	float: left;
	margin-top: 0;
	width: 48%
}

.join-form .half.margin {
	margin-right: 4%
}

.width-1 {
	width: 70%
}

.width-2 {
	width: 25%
}

.width-3 {
	width: 37.5%
}

.join-form input[type=submit] {
	float: initial;
	margin-top: 4%;
	padding: 10px 0;
	width: 100%;
	border: none;
	background: 0 0;
	background: #ebebeb;
	text-ansform: uppercase;
	letter-spacing: .1rem;
	font-family: ff-basic-gothic-web-pro,helvetica,sans-serif
}

.page-template-contact-php h1 {
	font-weight: 400
}

#available-positions {
	margin-left: 5%;
	width: 95%
}

.page-template-process .content,.page-template-profile .content {
	position: relative;
	height: auto
}

.aside-text,.text-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	overflow: -moz-scrollbars-none;
	overflow-y: scroll;
	padding: 0 3%;
	width: 33%;
	height: 100%;
	background: #fff;
	background: rgba(255,255,255,.9);
	-ms-overflow-style: none
}

.text-overlay::-webkit-scrollbar {
	display: none;
	width: 0!important
}

.text-overlay .post-title {
	margin-top: 6%
}

.text-overlay.slim {
	padding-right: 0!important;
	padding-left: 0!important;
	width: 10%;
	max-width: 550px;
	background: 0 0!important
}

.single .text-overlay {
	position: relative;
	display: none;
	overflow: scroll;
	padding: 0;
	width: 55%;
	max-width: 950px;
	max-height: 600px
}

.single .post-title {
	margin-top: 0
}

.single .post-title h2 {
	margin-top: 0;
	padding: 1rem 3rem .5rem;
	background: #fff
}

.single .project-meta {
	padding: 0 3rem
}

.single .text-overlay .project-location {
	margin: 1rem 0 0 0;
	padding: 0 3rem;
	font-size: 1.4rem
}

.single .text-overlay .post-content {
	padding: 0 3rem 3rem
}

.aside-text.none {
	display: none
}

.post-title {
	position: relative
}

#close-overlay,.toggle-overlay {
	position: absolute;
	top: 0;
	right: 0
}

.single-overlay {
	position: absolute;
	bottom: 2%;
	left: 2%
}

.show-overlay {
	padding: 15px;
	width: 150px;
	background: #fff
}

#close-overlay {
	display: none;
	padding: 5%
}

.aside-subheader {
	margin: 0 0 0 0!important;
	text-ansform: uppercase!important;
	font-weight: 400;
	font-size: 2rem!important;
	font-family: ff-basic-gothic-web-pro!important
}

.aside-content {
	margin-top: 3rem;
	text-align: justify;
	text-ansform: initial;
	font-weight: 200;
	font-size: 1.4rem;
	font-family: ff-basic-gothic-web-pro,helvetica,sans-serif;
	line-height: 2.75rem
}

.img-aside,.page-img {
	position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	max-height: 720px;
	-webkit-ansition: opacity .2s ease-in-out;
	-moz-ansition: opacity .2s ease-in-out;
	-o-ansition: opacity .2s ease-in-out;
	ansition: opacity .2s ease-in-out;
	-ms-ansition: opacity .2s ease-in-out
}

.img-aside.full {
	float: left!important;
	width: 100%!important;
	height: 100vh!important
}

.img-aside.full:hover {
	opacity: 1!important
}

.img-aside img,.page-img img {
	width: 100%;
	height: auto
}

.img-aside div,.page-img div {
	position: absolute;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 50%;
	border: 1px solid #fff;
	-moz-background-size: cover!important;
	     background-size: cover!important
}

.img-aside div.none {
	display: none
}

.img-aside div.none.full {
	display: block;
	width: 100%;
	height: 100vh
}

.img-aside .height-1,.page-img .height-1 {
	height: 60%
}

.img-aside .height-2,.page-img .height-2 {
	height: 40%
}

.img-aside .first,.page-img .first {
	top: 0;
	left: 0
}

.img-aside .second,.page-img .second {
	bottom: 0;
	left: 0
}

.img-aside .third,.page-img .third {
	top: 0;
	right: 0
}

.img-aside .fourth,.page-img .fourth {
	right: 0;
	bottom: 0
}

.content {
	overflow: auto
}

#lightbox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: #fff;
	background: rgba(255,255,255,.98)
}

#slideshow {
	height: 100%
}

#slideshow ul {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center
}

#slideshow ul li {
	position: relative;
	top: 50%;
	ansform: anslateY(-50%)
}

img.slide-nav {
	width: auto;
	max-height: 60vh
}

.nav-wrap {
	padding: 10px 0
}

button#next,button#prev {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 50px;
	height: 50px;
	border: 0;
	background: 0
}

button#:focus,button#prev:focus {
	outline: 0
}

button#next {
	right: 40px;
	border-right: 2px solid #888;
	border-bottom: 2px solid #888;
	-webkit-ansform: rotate(315deg);
	-moz-ansform: rotate(315deg);
	ansform: rotate(315deg)
}

button#prev {
	left: 40px;
	border-bottom: 2px solid #888;
	border-left: 2px solid #888;
	-webkit-ansform: rotate(45deg);
	-moz-ansform: rotate(45deg);
	ansform: rotate(45deg)
}


/*ox========ox=========ox=======ox=======ox=========ox==============ox=============ox=============*/
/*ox========ox=========ox=======ox=======ox=========ox==============ox=============ox=============*/
/*ox========ox=========ox=======ox=======ox=========ox==============ox=============ox=============*/


/* 导star航修改成二级star */
button.lybbtn{
	background-color:#fff;
	color: #333;
	border-width: 0px;
}
button.lybbtn:hover{
	-webkit-box-shadow: 0 0 15px #cecece;
	   -moz-box-shadow: 0 0 15px #cecece;
	        box-shadow: 0 0 15px #cecece;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}

#mobile-nav .mobile_one{
	width: 150px;
	margin: 0 auto;
	position: relative;
	/* background-color: green; */
}
#mobile-nav .mobile_one::after{
	font-family: myfonts;
	content: "\f105";
	position:absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

#mobile-nav a.mobile_a.mobile_active{
	color: #09a3e8;
}
#mobile-nav .mobile_small{
	display: none;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 150px;
	border-bottom: 1px solid #f1f1f1;
	line-height: 24px;
}
#main li{
	position: relative;
}
#main .pc_two{
	position: absolute;
	top: 100%;
	width: auto;
	display: none;
	background-color: rgba(255, 255, 255, 0.8)
}
#main ul li .pc_two a{
	width: 200px;
	text-align: left;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	text-indent: 15px;
	-moz-border-radius: 0px;
	     border-radius: 0px;
}


/* 导end航修改成二级end */



.btnbtn:hover{
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	   -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	        box-shadow: 0 15px 30px rgba(0,0,0,.1);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;
	-webkit-transform: translate3d(0,-2px,0);
	   -moz-transform: translate3d(0,-2px,0);
	        transform: translate3d(0,-2px,0);
}
.cbcbcb{
	clear: both;
}
.flfl{
	float: left;
}
.frfr{
	float: right;
}
.ox_contentbg{
	padding-top: 40px;

}
.ox_banner{
	width: 100%;
}
.ox_banner img{
	width: 100%;
}
.ox_contentbg .cont_top{
	position: relative;
}
.ox_contentbg .cont_top .line_max{
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 50%;
   	left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
       -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%); 
}
.ox_contentbg .cont_top ul{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	z-index: 99;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.ox_contentbg .cont_top ul li a{
	padding: 10px 25px;
	background-color: #fff;
	margin:10px 20px;
	border: 1px solid #cccccc;
	font-size: 16px;
	-moz-border-radius: 3px;
	     border-radius: 3px;
	display: block;
}
.ox_contentbg .cont_top .cont_lione{
	padding: 10px 40px;
	background-color: #fff;
	margin:10px 20px;
	border: 1px solid #cccccc;
	font-size: 20px;
	-moz-border-radius: 3px;
	     border-radius: 3px;
	display: block;
}
.ox_contentbg .cont_top ul li.active a{
	color: #fff;
	background-color: #18abeb;
	border: 1px solid #18abeb;
}
.ox_contentbg .cont_top ul li a:hover{
	color: #fff;
	background-color: #18abeb;
	border: 1px solid #18abeb;
}
.ox_contentbg .cont_cont{
	padding-top: 20px;
	padding-bottom: 40px;
	font-size: 14px;
	color: #666;
	max-width: 1200px;
	margin: 0 auto;
}
.ox_contentbg .cont_cont.nopd{
	padding-bottom: 0px;
}
.ox_contentbg .c_c_left{
	width: 40%;
}
.ox_contentbg .c_c_left img{
	width: 100%;
}
.ox_contentbg .c_c_right{
	width: 57%;
}
#b_1_about_branch .b_1_about_branch{

}
#b_1_about_branch .b_1_about_branch li{
	float: left;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
}

#b_1_about_branch .b_1_about_branch li:nth-child(3n){
	margin-right: 0;
}
#b_1_about_branch .b_1_about_branch li div{
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	     border-radius: 3px;
	padding: 15px;
	color: #666;
	height: 150px;
}
#b_1_about_branch .b_1_about_branch li:hover div{
	border: 1px solid #15a9eb;
	background-color: #15a9eb;
	color: #fff;
}
#b_1_about_branch .b_1_about_branch li div span{
	display: block;
	font-size: 16px;
	padding-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
#b_1_about_branch .b_1_about_branch li div p{
	font-size: 14px;
	padding-bottom: 5px;
}
.ab_two_rongyu2{
	width:0px;
	margin:0 auto;
}
.atr2_1{
	width: 7px;
	height: 7px;
	background-color: #c1b497;
	margin: 0 auto;
	-moz-border-radius: 6px;
	     border-radius: 6px;
}
.atr2_2{
	width: 1px;
	height: 40px;
	background-color: #c1b497;
	margin: 0 auto;
	opacity: 0.5;
}

.ab_two_rongyu3 ul li{
	overflow: hidden;
	/*text-align: center;*/
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	cursor: pointer;
}
.ab_two_rongyu3 ul li p{
	color: #333333;
	-webkit-transition: color 1s;
	-moz-transition: color 1s;
	transition: color 1s;
	font-size: 18px;
	margin-bottom: 18px;
	line-height: 20px;
}
.ab_two_rongyu3 ul li span{
	/*color:#666;*/
	font-size: 14px;
}
.ab_two_rongyu3 ul li .atr3_1{
	width: 30%;
	/*float: left;*/
	/*max-width: 300px;*/
	min-width: 150px;
}
.ab_two_rongyu3 ul li:nth-child(2n+1) .atr3_1{
	text-align: left;
}
.ab_two_rongyu3 ul li:nth-child(2n) .atr3_1{
	text-align: right;
}
.ab_two_rongyu3 ul li .atr3_1 img{
	width: 80%;
	
}
.ab_two_rongyu3 ul li .atr3_2{
	width: 26px;
	height: 100%;
	/*float: left;*/
}
.ab_two_rongyu3 ul li .atr3_2 .atr3_2_1{
	width: 1px;
	height: 100%;
	margin: 0 auto;
	background-color: #989898;
	opacity: 0.5;
}
.ab_two_rongyu3 ul li .atr3_2 .atr3_2_3{
	width: 1px;
	height: 3%;
	margin: 0 auto;
	background-color: #989898;
	opacity: 0.5;
}
.ab_two_rongyu3 ul li .atr3_2 .atr3_2_2{
	width: 4px;
	height: 4px;
	margin: 0 auto;
	-moz-border-radius: 15px;
	     border-radius: 15px;
	background-color: #989898;
	border:3px solid #989898;

}
.ab_two_rongyu3 ul li .atr3_3{
	width: 30%;
	/*float: left;*/
}

.ab_two_rongyu3 ul li:nth-child(2n) .atr3_1{
	margin-right: 30px;
	-webkit-transition: margin-left 1s,margin-right 1s;
	-moz-transition: margin-left 1s,margin-right 1s;
	transition: margin-left 1s,margin-right 1s;
}
.ab_two_rongyu3 ul li:nth-child(2n+1) .atr3_1{
	margin-left: 30px;
	-webkit-transition: margin-left 1s,margin-right 1s;
	-moz-transition: margin-left 1s,margin-right 1s;
	transition: margin-left 1s,margin-right 1s;
}
.ab_two_rongyu3 ul li:nth-child(2n) .atr3_3{
	padding-bottom: 20px;
	margin-left: 30px;
	-webkit-transition: margin-left 1s,margin-right 1s;
	-moz-transition: margin-left 1s,margin-right 1s;
	transition: margin-left 1s,margin-right 1s;
}
.ab_two_rongyu3 ul li:nth-child(2n+1) .atr3_3{
	padding-bottom: 20px;
	margin-right: 30px;
	-webkit-transition: margin-left 1s,margin-right 1s;
	-moz-transition: margin-left 1s,margin-right 1s;
	transition: margin-left 1s,margin-right 1s;
}



.ab_two_rongyu3 ul li:nth-child(2n){
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	transition: background-color 1s;
}
.ab_two_rongyu3 ul li:nth-child(2n+1){
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	text-align: right;
}
.ab_two_rongyu3 ul li:nth-child(2n) .atr3_3{
	
	/*background-color: blue;*/
}
.ab_two_rongyu3 ul li:nth-child(2n+1) .atr3_3{
	
	/*background-color: yellow;*/
}
.ab_two_rongyu3 ul li:nth-child(2n) img{
	float: right;
}
.ab_two_rongyu3 ul li:nth-child(2n+1){
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.ab_two_rongyu3 ul li:nth-child(n):hover .atr3_2_2{
	background-color:#fff;
	border-color: #32b16c;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.ab_two_rongyu3 ul li:nth-child(n):hover .atr3_1{
	margin-left:15px;
	margin-right:15px;
	-webkit-transition: margin-left 1s,margin-right 1s;
	-moz-transition: margin-left 1s,margin-right 1s;
	transition: margin-left 1s,margin-right 1s;
}
.ab_two_rongyu3 ul li:nth-child(n):hover .atr3_3{
	margin-left:15px;
	margin-right:15px;
	-webkit-transition: margin-left 1s,margin-right 1s;
	-moz-transition: margin-left 1s,margin-right 1s;
	transition: margin-left 1s,margin-right 1s;
}
.ab_two_rongyu3 ul li:nth-child(n):hover .atr3_2 .atr3_2_3{
	/* height: 2%; */
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}


/*轮播*/
.poster-main{

	width: 75%;
	height: 500px;
	margin: 0 auto;
	
	position: relative;
	margin-bottom: 30px;
}
.poster-main a,.poster-main img{
	display:block;
}
.poster-main .poster-list{
	width: 1000px;
	height: 500px;
}
.poster-main .poster-list .poster-item{ 
	width: 200px;
	height: 500px;
	position:absolute;
	left:0;
	top:0;
}
.poster-main .poster-btn{ 
	position:absolute;
	top:0;
	z-index:10; 
	cursor:pointer;  
}
.poster-main .poster-prev-btn{
	left:0; 
	background: url(../img/left.png) no-repeat center center;
}
.poster-main .poster-next-btn{
	right:0; 
	background: url(../img/right.png) no-repeat center center;
}


/* =======Meiti */
#b_2_medio .b_2_medio{
	border-bottom: 1px solid #dbdbdb;
}
#b_2_medio .b_2_medio li{
	float: left;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 1%;
	cursor: pointer;
}

#b_2_medio .b_2_medio li:nth-child(3n){
	margin-right: 0;
}
#b_2_medio .b_2_medio li div{
	-moz-border-radius: 3px;
	     border-radius: 3px;
	overflow: hidden;
	margin-bottom: 20px;
}
#b_2_medio .b_2_medio li div img{
	width: 100%;
	vertical-align: middle;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
#b_2_medio .b_2_medio li .p1{
	color: #666;
	font-size: 16px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #dbdbdb;
}
#b_2_medio .b_2_medio li .p2{
	font-size: 14px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 36px;
}
#b_2_medio .b_2_medio li:hover .p1{
	color: #18abeb;
	border-bottom: 1px solid #18abeb;
}
#b_2_medio .b_2_medio li:hover div img{
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}


#b_2_medio .b_2_medio_n{

}
#b_2_medio .b_2_medio_n .left{
	width: 65%;
}
#b_2_medio .b_2_medio_n .right{
	width: 30%;

}
#b_2_medio .b_2_medio_n .left .title{
	font-size: 20px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #dddddd;
}
#b_2_medio .b_2_medio_n .left .title .p2{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #999;
}
#b_2_medio .b_2_medio_n .left_cont .danpian{
	padding-top: 20px;
	padding-bottom: 20px;
}
#b_2_medio .b_2_medio_n .left_cont .danpian div{
	width: 70%;
	margin: 0 auto;
}
#b_2_medio .b_2_medio_n .left_cont .danpian div img{
	width: 100%;
	margin-bottom: 15px;
}
.b_2_medio_n .lc_btm{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.b_2_medio_n .lc_p{
	margin-bottom: 10px;
}
.b_2_medio_n .lc_btm div{
	width: 48%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background-color: #f6f6f6;
}
.b_2_medio_n .lc_btm div a{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background-color: #f6f6f6;
}
.b_2_medio_n .lc_btm div p{
	-webkit-box-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-left: 15px;
	background-color: #f6f6f6;
	line-height: 40px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.b_2_medio_n .lc_btm .lybbtn.lcbtn{
	width: 60px;
	height: 40px;
	font-size: 14px;
	text-align: center;
	background-color: #d2d2d2;
	color: #666;
}
.b_2_medio_n .right .ultop li{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	color: #666666;
	font-size: 14px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.b_2_medio_n .right .ultop li:hover{
	color: #333;
	font-size: 14px;
	border-bottom: 1px solid #333333;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.b_2_medio_n .right .ultop1{
	width: 42%;
	
}
.b_2_medio_n .right .ultop1 img{
	width: 100%;
}
.b_2_medio_n .right .ultop2{
	width: 48%;
}
.b_2_medio_n .right .ultop2 .ultopp1{
	padding-top:5px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.b_2_medio_n .right .ultop2 .ultopp2{
	color: #999;
}

.b_2_medio_n .right .ulbtm{
	padding-top: 20px;
}
.b_2_medio_n .right .ulbtm li{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	   -moz-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	font-size: 14px;
	margin-bottom: 20px;
}
.b_2_medio_n .right .ulbtmp1{
	color: #999;
	width: 100px;
}
.b_2_medio_n .right .ulbtmp2{
	-webkit-box-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.b_2_medio_n .right .ulbtm li:hover .ulbtmp2{
	color: #333;
}
#b_3_serve .b_3_serve{

}
#b_3_serve .b_3_serve .b_3_serve_li{
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}

#b_3_serve .b_3_serve .b_3_serve_li:nth-child(2n){
	margin-right: 0%;
}
#b_3_serve .b_3_serve .ser_imgs{
	position: relative;
	-moz-border-radius: 3px;
	     border-radius: 3px;
	overflow: hidden;
}
#b_3_serve .b_3_serve .ser_imgs img{
	width: 100%;
}
#b_3_serve .b_3_serve .ser_imgs span{
	position: absolute;
	bottom: 10%;
	left: 5%;
	font-size: 20px;
	color: #fff;
	z-index: 5;
}
#b_3_serve .b_3_serve .ser_imgs .opty{
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background-color: rgba(51, 51, 51, 0.3);
}
#b_3_serve .b_3_serve .b_3_serve_li:hover .opty{
	opacity: 1;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}
#b_3_serve_child .b_3_serve_child ul li{
	padding: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#b_3_serve_child .b_3_serve_child ul li:nth-child(2n){
	background-color: #f8f8f8;
}
#b_3_serve_child .b_3_serve_child ul li:hover .imgdiv img{
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}
#b_3_serve_child .b_3_serve_child .imgdiv{
	width: 31%;
	overflow: hidden;
}
#b_3_serve_child .b_3_serve_child .imgdiv img{
	width: 100%;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
#b_3_serve_child .b_3_serve_child .pdiv{
	width: 65%;
}
#b_3_serve_child .b_3_serve_child .pdiv .p1{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cbcbcb;
}
#b_3_serve_child .b_3_serve_child .pdiv .p1 a{
	color: #666;
	font-size: 20px;
}
#b_3_serve_child .b_3_serve_child ul li:hover .pdiv .p1 a{
	color: #09a3e8;
}
#b_3_serve_child .b_3_serve_child .pdiv .p2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 50px;
	margin-bottom: 15px;
}
#b_3_serve_child .b_3_serve_child .pdiv .p3 a{
	display: block;
	width: 100px;
	height: 36px;
	border: 1px solid #999999;
	text-align: center;
	line-height: 36px;
	-moz-border-radius: 3px;
	     border-radius: 3px;
}
#b_3_serve_child .b_3_serve_child ul li:hover .pdiv .p3 a{
	color: #09a3e8;
	border-color: #09a3e8;
}
#b_3_serve_child_n .b_3_serve_child_n{
	width: 70%;
	margin: 0 auto;
}
#b_3_serve_child_n .b_3_serve_child_n .title{
	text-align: center;
	color: #666;
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 15px;
}
#b_4_research .b_4_research .reser_li{
	float: left;
	width: 48%;
	margin-right: 4%;
}
#b_4_research .b_4_research .reser_li:nth-child(2n){
	margin-right: 0%;
}
#b_4_research .b_4_research .reser_li:nth-child(4n+1){
	background-color: #f8f8f8;
}
#b_4_research .b_4_research .reser_li:nth-child(4n+2){
	background-color: #f8f8f8;
}
#b_4_research .b_4_research .reser_li:nth-child(4n+3){
	background-color: #fcfcfc;
}
#b_4_research .b_4_research .reser_li:nth-child(4n+4){
	background-color: #fcfcfc;
}
#b_4_research .b_4_research .reser_name p{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666;
	text-indent: 15px;
	padding-right: 10px;
}
#b_4_research .b_4_research .reser_name span img{
	width: 6px;
	height: 6px;
	margin-right: 6px;
}
#b_4_research .b_4_research .reser_name p:hover{
	background-color: #18abeb;
	color: #fff;
}
#b_4_team .b_4_team{
	border-top:1px solid #ccc;
	padding-top: 20px;
}
#b_4_team .b_4_team .title{
	font-size: 14px;
	color: #666;
	line-height: 28px;
	margin-bottom: 20px;
}
#b_4_team .b_4_team .team_cont li{
	background-color: #f8f8f8;
	margin-bottom: 20px;
}
#b_4_team .b_4_team .team_cont li:hover{
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	   -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	        box-shadow: 0 15px 30px rgba(0,0,0,.1);
	-webkit-transform: translate3d(0,-2px,0);
	   -moz-transform: translate3d(0,-2px,0);
	        transform: translate3d(0,-2px,0);
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;

}
#b_4_team .b_4_team .team_cont .teams{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#b_4_team .b_4_team .team_cont .team_l{
	width: 120px;
	height: 120px;
	background-color: #18abeb;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-right: 3%;
	font-size: 18px;
	color: #fff;
}
#b_4_team .b_4_team .team_cont .team_r{
	-webkit-box-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
#b_4_team .b_4_team .team_cont .team_rp1{
	height: 40px;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 10px;
}
#b_4_team .b_4_team .team_cont .team_rp2{
	color: #18abeb;
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
#b_4_team_n .b_4_team_n{
	width: 70%;
	margin: 0 auto;
}
#b_4_team_n .b_4_team_n .topimg{
	width: 100%;
	position: relative;
}
#b_4_team_n .b_4_team_n .topimg img{
	width: 100%;
}

#b_4_team_n .b_4_team_n .team_n_cont{
	position: relative;
	/*top: -60px;*/
	z-index: 5;
	padding-left: 35px;
	padding-right: 35px;

}
#b_4_team_n .b_4_team_n .team_n_title{
	padding-left: 35px;
	padding-right: 35px;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #333;
}
#b_4_team_n .b_4_team_n .team_n_cont_word{
	padding-left: 35px;
	padding-right: 35px;
	background-color: rgba(255, 255, 255, 0.3);
	padding-top: 20px;
	line-height: 24px;
	font-size: 14px;
	color: #666;
}
#b_4_team_n .b_4_team_n .teamsmall{
/*	height: 50px;*/
	height: auto;
/*	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;*/
	-webkit-box-pack: start;
	   -moz-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#b_4_team_n .b_4_team_n .teamsmall img{
	/*width: 17px;
	height: 21px;
	margin-right: 10px;*/
}

#b_4_team_n .b_4_team_n .teamsmall button.lybbtn{
	text-decoration: underline;
	color: #0154d4;
	font-size: 14px;
}
#b_5_investor .b_5_investorimg{
	width: 70%;
	margin: 0 auto;
}
#b_5_investor .b_5_investorimg img{
	width: 100%;
}
#b_5_investor .b_5_investor li{
	float: left;
	width: 47%;
	margin-right: 6%;
	border-bottom:1px dotted #8c8c8c;
}
#b_5_investor .b_5_investor li:nth-child(2n){
	margin-right: 0%;
}
#b_5_investor .b_5_investor li a{
	height: 36px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#b_5_investor .b_5_investor li .p2{
	padding: 2px 10px;
	border: 1px solid #cccccc;
	-moz-border-radius: 3px;
	     border-radius: 3px;
}
#b_5_investor .b_5_investor li:hover .p2{
	background-color: #15a9eb;
	border: 1px solid #15a9eb;
	color: #fff;
}
/*  #b_5_investor .b_5_investor li a .p1:before{
	font-family: myfonts;
	transform: scale(2);
	content: "\f111";
}  */
#b_5_investor .b_5_investor{
	
}
#b_7_recruit .b_7_recruit{
	width: 100%;
}
#b_7_recruit .b_7_recruit .sq_zw{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 60px;
}
#b_7_recruit .b_7_recruit button.sq_btn1{
	padding: 10px 25px;
	margin-right: 20px;
	font-size: 14px;
	color: #fff;
	background-color: #16a8e8;
	-moz-border-radius: 3px;
	     border-radius: 3px;
}
#b_7_recruit .b_7_recruit button.sq_btn2{
	padding: 10px 25px;
	font-size: 14px;
	color: #fff;
	background-color: #01b78e;
	-moz-border-radius: 3px;
	     border-radius: 3px;
}
#b_7_personal .b_7_personal .ps_li{
	float: left;
	width: 48%;
	margin-right: 4%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 10px;
}
#b_7_personal .b_7_personal .ps_li:nth-child(2n){
	margin-right: 0%;
}
#b_7_personal .b_7_personal .ps_li p{
	width: 100px;
	font-size: 14px;
	color: #666;
}
#b_7_personal .b_7_personal .ps_li input{
	-webkit-box-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	height: 30px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	     border-radius: 3px;
}
#b_7_personal .b_7_personal .ps_li.last_li input{
	width: 200px;
	border: 1px solid transparent;
	line-height: 30px;
}
#b_7_personal .b_7_personal .tijiao{
	text-align: center;
}
#b_7_personal .b_7_personal .tijiao button{
	margin-top: 20px;
	padding: 10px 20px;
	background-color: #15a7e7;
	font-size: 16px;
	color: #fff;
	-moz-border-radius: 3px;
	     border-radius: 3px;
}








/*--ssssssssss人才招聘--*/



.consd { width: 100%;margin:0 auto; height: auto;}
.consd .title {width: 100%; text-align: center; font-size: 26px; line-height: 40px; margin: 20px 0 0; color: #333; font-weight: 500;}
.consd .subtit {width: 100%; text-align: center; font-size: 16px; line-height: 30px; color: #999; text-transform: uppercase; font-weight: 500;}
.consd .aboutcon {max-width: 100%; height: auto; text-align: left; font-size: 16px; line-height: 30px; color: #999; margin-top: 10px; font-weight: 500;}
.consd .xtcon {max-width: 100%; height: auto; text-align: left; font-size: 14px; line-height: 30px; color: #666; margin-top: 10px; text-indent: 28px;}
.consd p img {max-width: 1060px; width: auto;}
.consd .xttime {width: 100%; text-align: center; font-size: 14px; line-height: 40px; color: #999; text-transform: uppercase; font-weight: 500; border-bottom: #ccc solid 1px;}

.join {width: 100%; margin: 30px 0; float: left;}
.join li {float: left; width: 50%; margin-bottom: 10px;}
.join li span { float: left; width: 18%; line-height: 32px; font-size: 14px; font-weight: 500; color: #666;}
.join li .input { float: left; width: 76%; line-height: 32px; height: 30px; border: #ccc solid 1px; -moz-border-radius: 5px; border-radius: 5px; text-indent: 5px; color: #666;}
.join li .file { float: left; width: 76%; line-height: 32px; height: 30px; border: none 0; -moz-border-radius: 5px; border-radius: 5px;}
.consd .button {background: #941b01; width: 120px; height: 40px; line-height: 40px; border: 0 none; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 16px;}


table { width: 100%; margin:0 auto 30px auto; padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 14px; font-weight: 500;}
table tr { padding: 5px; background: #fdfdfd;}
table th, table td {padding: 10px; text-align: center; color: #666;}
table th {text-transform: uppercase; font-size: 16px; letter-spacing: 1px; color: #333; font-weight: 500; background: #ebebeb;}
table tr:nth-child(2n) {background: #f5f5f5;}
@media screen and (max-width: 600px) {
	table { border: 0; }
	table thead { display: none; }
	table tr { margin-bottom: 10px; display: block; border-bottom: 2px solid #ddd; }
	table td { display: block; text-align: right; font-size: 13px; border-bottom: 1px dotted #ccc; }
	table td:last-child { border-bottom: 0; }
	table td:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold; }
	
	#b_2_medio .b_2_medio_n .left_cont .danpian img {width: 100% !important;}
}


.tc {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000!important;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.75);
	cursor: pointer
}

.tc .intro {
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: auto;
	width: 720px;
	height: 450px;
	-moz-border-radius: 5px;
	     border-radius: 5px;
	background: #fff;
	-webkit-ansform: anslate(-50%,-50%);
	-o-ansform: anslate(-50%,-50%);
	ansform: anslate(-50%,-50%);
	-ms-ansform: anslate(-50%,-50%);
	margin-left: -360px; 
	margin-top: -225px; 
}
.tc .intro .title {width: 100%; color: #333; font-size: 16px; line-height: 30px; padding: 20px 20px 10px; font-weight: 500; position: relative;}
.tc .intro .txt {color: #666; line-height: 26px; font-size: 14px; padding: 0 20px; font-weight: 500;}
.tc .button {background: #941b01; margin-top: 10px; width: 120px; height: 40px; line-height: 40px; border: 0 none; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 16px;}

.zw_list { cursor: pointer;}
table tr:hover {background: #f0f0f0;}
.tc .intro .title .close {width: 40px; height: 40px; -moz-border-radius: 20px; border-radius: 20px; background: #959595; color: #fff; line-height: 40px; position: absolute; right: 60px; top: 20px; text-align: center;  cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 200;}
.tc .intro .title .close:hover { background: #666;}

.mineorder .xiangqing a{
	text-decoration: underline;
	color: #8d645d;
}
.content-wrapper{
	padding-bottom: 10px;
	border:1px solid #dfdfdf;
	-moz-border-radius: 5px;
	     border-radius: 5px;
}
.content-wrapper tr .add_sub{
	/* width: 50px; */
}
.content-wrapper table tr.zw_display .b_7_consd{
	text-align: left;
	/* display: none; */
	padding-left: 7%;
}
.content-wrapper table tr.zw_display{
	display: none;
}
#b_7_recruit .genggai_zw_btns{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	   -moz-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
#b_7_recruit .genggai_zw_btns button{
	color:#fff;
	width:120px;
	height:38px;
	line-height:38px;
	text-align:center;
	font-size:15px;
	-moz-border-radius:3px;
	     border-radius:3px;
}
#b_7_recruit .genggai_zw_btns .zw_btn1{
	background-color:#17A8E9;
	margin-right:15px;
}
#b_7_recruit .genggai_zw_btns .zw_btn2{
	background-color:#01B78E;
}


/*--eeeeeeeeee人才招聘--*/





/*=================================================*/

/* number====== */
.cont_number{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	height: 100px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.cont_number .next_up {
    width: 300px;
    margin: 0 auto;
    overflow: hidden;
	width: 630px;
}
.cont_number .next_up1 {
    float: left;
    margin-right: 5px;
}
.cont_number .next_up2 {
    float: left;
}
.cont_number .next_up3 {
    float: left;
}
.cont_number .two.active {
    background-color: #18abeb;
    color: #fff;
}
.cont_number .next_up2 ul li {
    float: left;
    margin-right: 5px;
}
.cont_number .next_up2 ul li {
    float: left;
    margin-right: 5px;
}
.cont_number .next_up2 ul li:hover{
	background-color: #18abeb;
	color: #fff;
}
.cont_number .next_up2 ul li:hover a{
	background-color: #18abeb;
	color: #fff;
}

.cont_number .one {
    padding: 5px 10px;
    -moz-border-radius: 5px;
         border-radius: 5px;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    font-size: 14px;
} 
.cont_number .two:hover{
	border: 1px solid transparent;
}
.cont_number .one.active{
	border: 1px solid transparent;
}
/* number====== */


/*=========ox============ox=====ox=======ox==========ox========ox===========ox========ox==========*/
/*=========ox============ox=====ox=======ox==========ox========ox===========ox========ox==========*/
/*=========ox============ox=====ox=======ox==========ox========ox===========ox========ox==========*/






@media all and (max-width:1350px) {
	.aside-text {
		padding-top: 5rem
	}
}

@media all and (max-width:1260px) {
	.join-form input,.join-form select {
		float: none;
		display: block;
		margin-top: 10px
	}
}

@media all and (max-width:1184px) {
	.aside-text {
		padding-top: 0
	}
	#main ul li a{
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media all and (max-width:1040px) {
	.contact-map-wrapper {
		width: 45%
	}

	.address-wrapper {
		margin-left: 2%;
		width: 50%
	}

	.address:first-of-type::before,.address:first-of-type:before {
		content: initial
	}

	#shanghai {
		margin-top: 0
	}
}

@media all and (max-width:1024px) {
	.post.grid-item,.post.grid-item.no-img {
		width: 33.33%!important
	}

	.post.grid-item.landscape {
		width: 66.66%!important
	}
	#main ul li a{
		font-size: 15px;
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media all and (max-width:950px) {
	.aside-text {
		padding-top: 0;
		width: 50%
	}

	.img-aside {
		width: 47%;
		height: 100vh
	}
	#b_1_about_branch .b_1_about_branch li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	#b_1_about_branch .b_1_about_branch li:nth-child(3n){
		margin-right: 4%;
	}
	#b_1_about_branch .b_1_about_branch li:nth-child(2n){
		margin-right: 0;
	}
	#b_2_medio .b_2_medio li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	#b_2_medio .b_2_medio li:nth-child(3n){
		margin-right: 4%;
	}
	#b_2_medio .b_2_medio li:nth-child(2n){
		margin-right: 0;
	}
}
@media all and (max-width:860px) {
	#main ul li a{
		font-size: 13px;
		padding-left: 4px;
		padding-right: 4px;
	}
}
@media all and (max-width:850px) {

	.contact-map-wrapper {
		width: 100%
	}

	.address-wrapper {
		margin: 0;
		padding-bottom: 10%;
		width: 100%;
		max-width: initial;
		text-align: center
	}

	.address {
		float: none!important;
		margin-top: 2rem!important;
		width: 100%
	}
	.zp-title span:nth-child(1), .zp-list li .tablespan:nth-child(1){ width: 20%;}
	.zp-title span:nth-child(2), .zp-list li .tablespan:nth-child(2){ width: 20%;}
	.zp-title span:nth-child(3), .zp-list li .tablespan:nth-child(3){ width: 20%;}
	.zp-title span:nth-child(4), .zp-list li .tablespan:nth-child(4){ width: 15%;}
	.zp-title span:nth-child(5), .zp-list li .tablespan:nth-child(5){ width: 25%;}
}
@media all and (max-width:780px) {
	#main ul li.ch_en{
		width: 80px;
	}
}
@media all and (max-width:768px) {
/*ox===========================================================*/
	.ox_contentbg{
		padding-left: 10px;
		padding-right: 10px;
	}
	.ox_contentbg .c_c_left{
		width: 100%;
	}
	.ox_contentbg .c_c_right{
		width: 100%;
		padding-top: 20px;
	}
	.ox_contentbg .cont_top ul li a,.ox_contentbg .cont_top .cont_lione{
		padding: 6px 10px;
		background-color: #fff;
		margin:8px 4px;
		border: 1px solid #cccccc;
		font-size: 14px;
		-moz-border-radius: 3px;
		     border-radius: 3px;
		display: block;
	}
	
	.ab_two_rongyu2{
		display: none;
	}
	.ab_two_rongyu3 ul li .atr3_2{
		display: none;
	}
    .ab_two_rongyu3 ul li:nth-child(n){
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
	}
	.ab_two_rongyu3 ul li:nth-child(n) .atr3_1{
		margin-left: 0;
		margin-right: 0;
		margin: 0 auto;
		width: 100%;
	}
	.ab_two_rongyu3 ul li:nth-child(n) .atr3_3{
		margin-left: 0;
		margin-right: 0;
		width: 100%;

	}
	.ab_two_rongyu3 ul li:nth-child(n) img{
		width: 100%;
	}
	#b_2_medio .b_2_medio_n .left{
		width: 100%;
	}
	#b_2_medio .b_2_medio_n .right{
		width: 100%;
		display: none;
	}
	#b_3_serve_child .b_3_serve_child ul li{
		padding-left:0px;
		padding-right:0px;
	}
	#b_3_serve_child .b_3_serve_child .imgdiv{
		width: 45%;
	}
	#b_3_serve_child .b_3_serve_child .pdiv{
		width: 50%;
	}
	#b_3_serve_child_n .b_3_serve_child_n{
		width: 100%;
	}
	#b_3_serve_child .b_3_serve_child .pdiv .p1 a{
		font-size: 16px;
	}
	#b_4_research .b_4_research .reser_li{
		width: 100%;
	}
	#b_4_research .b_4_research .reser_li:nth-child(n){
		margin-right: 0%;
	}
	#b_4_research .b_4_research .reser_li:nth-child(2n){
		background-color: #fcfcfc;
	}

	#b_4_research .b_4_research .reser_li:nth-child(2n+1){
		background-color: #f8f8f8;
	}
	#b_4_team_n .b_4_team_n{
		width: 100%;
		margin: 0 auto;
	}
	#b_4_team_n .b_4_team_n .team_n_cont_word{
		padding-left: 0px;
		padding-right: 0px;
	}
	#b_4_team .b_4_team .team_cont .team_l{
		width:100px;
		font-size: 14px; 
	}
	#b_4_team .b_4_team .team_cont .team_rp2{
		font-size: 14px;
	}
	#b_4_team_n .b_4_team_n .team_n_cont{
		padding-left: 0;
		padding-right: 0;
	}
	#b_5_investor .b_5_investorimg{
		width: 100%;
	}
	#b_5_investor .b_5_investor li:nth-child(n){
		width: 100%;
		margin-right: 0%;
	}

	#b_7_personal .b_7_personal .ps_li:nth-child(n){
		width: 100%;
		margin-right: 0%;
	}
	#footer .com{
		width: 100%;
		margin-top: 0px;
	}
	#footer .com .tit{
		display: none;
	} 
	#footer .com .info b:nth-child(1),#footer .com .info b:nth-child(2),#footer .com .info b:nth-child(3){
		display: none;
	} 
	#footer ul{
		display: none;
	}
	#footer .ewm{
		/* display: none; */
		float: none;
		margin: 20px auto 0 auto;
	}
/*ox===========================================================*/
	#mobile-nav {
		padding: 2rem 0;
		border-bottom: 1px solid #ebebeb;
		background: #fafafa;
		text-align: center
	}

	#mobile-nav li {
		margin: 15px 0;
		list-style-type: none
	}

	.current_page_item {
		margin-bottom: 20px!important
	}

	#mobile-nav-trigger {
		display: block;
		margin-top: 50%;
		width: 100%;
		width: 30px;
		height: 30px;
		border: none;
		background: url(../images/mobile.png) center center no-repeat;
		-moz-background-size: contain !important;
		     background-size: contain !important
	}

	#mobile-nav-trigger:active,#mobile-nav-trigger:focus {
		outline: 0
	}

	.content-wrapper:last-of-type {
		padding-bottom:10px;
	}

	#main ul {
		display: none
	}

	footer {
		position: relative;
		bottom: initial;
		background: 0 0
	}

	#sub,#sub-page {
		overflow: auto
	}

	#sub ul,#sub-page ul {
		margin: 0;
		height: auto;
		-webkit-ansform: rotate(180deg);
		-moz-ansform: rotate(180deg);
		ansform: rotate(180deg)
	}

	#sub ul li,#sub-page ul li {
		top: auto;
		float: none;
		display: inline-block;
		margin: 5px 7px;
		-webkit-ansform: anslateY(0);
		-webkit-ansform: rotate(-180deg);
		-moz-ansform: anslateY(0);
		-moz-ansform: rotate(-180deg);
		ansform: anslateY(0);
		ansform: rotate(-180deg)
	}

	.index-link {
		position: relative!important;
		left: 0!important;
		width: 100%!important;
		height: 20%!important;
		border-top: none!important;
		border-right: none!important;
		border-bottom: 1px solid #FFF!important;
		border-left: none!important
	}

	.index-link-inner {
		opacity: 1!important
	}

	.post.grid-item,.post.grid-item.no-img {
		width: 50%!important;
		-webkit-ansition: opacity .2s ease-in-out;
		-moz-ansition: opacity .2s ease-in-out;
		-o-ansition: opacity .2s ease-in-out;
		ansition: opacity .2s ease-in-out;
		-ms-ansition: opacity .2s ease-in-out
	}

	.post.grid-item.landscape {
		width: 100%!important
	}

	.post.grid-item.no-img {
		height: 150px
	}

	.aside-text {
		padding-top: 0
	}

	.aside-content {
		margin-bottom: 3rem
	}

	.img-aside,.second-project-img,.text {
		float: none;
		width: 100%;
		height: auto
	}

	.page-template-info-page .img-aside {
		height: 100vh
	}

	.img-aside div {
		position: relative;
		top: initial;
		right: initial;
		bottom: initial;
		left: initial;
		width: 100%
	}

	.contact-map-wrapper {
		margin: auto;
		width: 100%
	}

	.single-post-title {
		margin-top: 2rem
	}

	.single-featured-img {
		height: 250px;
		height: 50vh
	}

	.blog-wrapper p,.post-title,.project-meta p {
		margin: 5% auto;
		width: 90%
	}

	.page-template-process .text-overlay,.page-template-profile .text-overlay {
		position: relative;
		width: 94%!important
	}

	.toggle-overlay {
		display: none
	}

	.single .project-location {
		margin-left: 0
	}

	.page-template-contact-php h1 {
		text-align: center!important
	}

	.blog-wrapper.careers {
		margin: 4% 0;
		width: 100%
	}

	.join-form {
		padding: 0 5%;
		width: 90%
	}

	.width-1,.width-2,.width-3 {
		width: 100%
	}

	#footer {
		padding-top:2%;
		height: initial;
		text-align: center;
		padding-bottom: 2%;
	}

	.footer-inner p {
		position: relative
	}

	.footer-inner p:first-child {
		display: block
	}

	.social {
		position: relative!important;
		padding-left: 0!important;
		text-align: center!important
	}

	.social li {
		margin: 0 15px
	}

	.social li:last-child {
		margin-right: 15px
	}
	
	ul.social {	position: absolute;	top: 10px;}
}

@media all and (max-width:600px) {
	.post.grid-item,.post.grid-item.landscape,.post.grid-item.no-img {
		width: 100%!important;
	}

	#b_1_about_branch .b_1_about_branch li:nth-child(n){
		width: 100%;
		margin-right: 0;
	}
	#b_2_medio .b_2_medio li:nth-child(n){
		width: 100%;
		margin-right: 0;
	}
	.b_2_medio_n .lc_btm div{
		width: 100%;
		margin-bottom: 20px;
	}
	#b_3_serve .b_3_serve .b_3_serve_li:nth-child(n){
		width: 100%;
		margin-right: 0%;
	}
	
}
@media all and (max-width:480px) {
	#class ul li {width: 94%; margin: 1% 3%;}
	#hnews .qyyw {width: 94%; margin: 1% 3%;}
	#hnews .mtjj {width: 94%; margin: 1% 3%;}
	#hnews .ppgs {width: 94%; margin: 1% 3%;}
	#footer .com {width: 94%; margin: 0 3%;}
	#footer ul {width: 94%; margin: 0 3%; padding: 20px 0;}
	#footer .ewm {width: 94%; margin: 0 3%;}
	#b_3_serve_child .b_3_serve_child .imgdiv{
		width: 100%;
		margin-bottom: 10px;
	}
	#b_3_serve_child .b_3_serve_child .pdiv{
		width: 100%;
	}
}
@media all and (max-width:400px) {
	#top{
		height: 80px;
	}
	#top .ipt{width: 200px;}
}

@media all and (max-device-width:1024px) {
	.index-link-inner,.post-inner-wrap {
		opacity: 1
	}

	.post-inner img {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		filter: grayscale(0)
	}
}