@-webkit-keyframes image-fade-in-out {
0% {
opacity:0;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
8% {
opacity:1;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
17% {
opacity:1
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes image-fade-in-out {
0% {
opacity:0;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
8% {
opacity:1;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
17% {
opacity:1
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes text-fade-in-out {
0% {
opacity:0
}
8% {
opacity:1
}
17% {
opacity:1
}
19% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes text-fade-in-out {
0% {
opacity:0
}
8% {
opacity:1
}
17% {
opacity:1
}
19% {
opacity:0
}
100% {
opacity:0
}
}
a {
	text-decoration: none
}
ul {
	padding: 0
}
li {
	list-style: none
}
input, textarea {
	border: 0;
	box-sizing: border-box
}
input:focus, textarea:focus {
	outline: 0
}
input {
	padding: 0 8px
}
textarea {
	max-width: 100%;
	padding: 8px
}
button:focus {
	outline: 0
}
address {
	font-style: normal
}
video::-webkit-media-controls {
display:none
}
@font-face {
	font-family: 'icon-font';
	src: url("../fonts/icon-font.eot");
	src: url("../fonts/icon-font.eot?#iefix") format("eot"), url("../fonts/icon-font.woff") format("woff"), url("../fonts/icon-font.ttf") format("truetype"), url("../fonts/icon-font.svg#icon-font") format("svg");
	font-weight: normal;
	font-style: normal
}
[class^='icon-'], [class*=' icon-'] {
	display: inline-block;
	font-family: 'icon-font';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-arrow-down:before {
	content: '\e001'
}
.icon-close:before {
	content: '\e002'
}
.icon-linkedin:before {
	content: '\e003'
}
.icon-mail:before {
	content: '\e004'
}
.icon-twitter:before {
	content: '\e005'
}
html {
	height: 100%
}
body {
	margin: 0;
	position: relative;
	min-height: 100%;
	font-family:Arial,"微软雅黑";
	color: #535353;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s 0.65s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s 0.65s
}
body.no-scroll {
	overflow: hidden
}

@media (min-width: 767px) {
header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	height: 80px;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	background: #fff;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.38)
}
}
header a {
	display: table-cell;
	vertical-align: middle
}

@media (min-width: 767px) {
header a,header span  {
	display: block;
	color: #535353
}
}
header nav {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	height: 42px;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s
}

@media (min-width: 767px) {
header nav {
	position: static;
	float: right;
	width: auto;
	margin: 0 60px 0 0;
	pointer-events: auto;
	opacity: 1
}
}
header ul {
	margin: 0
}
header li {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	display: table;
	width: 92%;
	height: 42px;
	margin: 0 auto;
	opacity: 0;
	text-align: center;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s
}
header nav li.lg a:hover{
	color:#2cabe6;
	}
header nav li.lg a.line:hover{
	color:#535353;
	}
header nav li.lg .lg1{
	position:relative;
	left:10px;
	top:3px;
	}
header nav li.lg a{
	font-size:15px;
	}
header li:nth-child(6) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s
}
header li:nth-child(5) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s
}
header li:nth-child(4) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s
}
header li:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s
}
header li:nth-child(2) {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s
}
header li:nth-child(1) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s
}

@media (min-width: 767px) {
header li {
	position: static;
	float: left;
	display: block;
	width: auto;
	margin: 30px 0 0 26px;
	height: auto;
	opacity: 1
}
header li:last-child {
	display: none
}
}
header li:nth-child(odd) a {
	background: #fafafa
}

@media (min-width: 767px) {
header li:nth-child(odd) a {
	background: none
}
}
header li:last-child a {
	background: #535353
}
header li a {
	height: 100%;
	background: #fff;
	color: #535353;
	text-align: center
}
header li a.active:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: 10px;
	height: 100%;
	background: #2cabe6
}

@media (min-width: 767px) {
header li a {
	background: none;
	height: auto;
	font-size: 14px;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	-webkit-transform: scale(1);
	transform: scale(1)
}
header li a:hover {
	color:#0496d2;
	transition:0.3s;
}
header li a.active {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
header li a.active:before {
	display: none
}
}
header nav.show {
	height: 100%;
	opacity: 1;
	pointer-events: auto
}
header nav.show li {
	width: 100%;
	height: calc(102vh / 10);
	opacity: 1
}
header nav.show li:nth-child(10) {
	bottom: -10%
}
header nav.show li:nth-child(9) {
	bottom: 0%
}
header nav.show li:nth-child(8) {
	bottom: 10%
}
header nav.show li:nth-child(7) {
	bottom: 20%
}
header nav.show li:nth-child(6) {
	bottom: 30%
}
header nav.show li:nth-child(5) {
	bottom: 40%
}
header nav.show li:nth-child(4) {
	bottom: 50%
}
header nav.show li:nth-child(3) {
	bottom: 60%
}
header nav.show li:nth-child(2) {
	bottom: 70%
}
header nav.show li:nth-child(1) {
	bottom: 80%
}
header nav.show .icon-close {
	color: #fff
}

@media (min-width: 767px) {
header nav.show .icon-close {
	display: none
}
}
.logo {
	position: fixed;
	z-index: 1001;
	float: left;
	margin: 0;
	text-align: center;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s
}
.logo:before {
	position: fixed;
	bottom: 0px;
	right: 25px;
	width: 100%;
	height: calc(102vh / 9);
	line-height: calc(102vh / 9);
	display: block;
	content: '';
	opacity: 0;
	pointer-events: none;
	z-index: -1
}

@media (min-width: 767px) {
.logo {
	position: absolute;
	margin: 16px 0 0 60px;
	top: 0;
	left: 0;
	right: auto
}
}
.logo a {
	display: block;
	height: 100%
}
.logo-icon {
	bottom: 27px;
	right: 25px;
	width: 52px;
	height: 49px;
	line-height: 49px;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	opacity: 0
}
.logo-icon svg {
	width: 52px;
	height: 49px;
	vertical-align: middle;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	-webkit-transition-delay: .35s;
	transition-delay: .35s
}
.logo-icon.show {
	right: 0;
	width: 100%;
	height: calc(102vh / 9);
	bottom: 89%;
	line-height: calc(102vh / 9);
	pointer-events: auto;
	opacity: 1
}
.logo-icon.show:before {
	right: 0;
	bottom: 89%;
	background: #fff;
	opacity: 1;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}
.logo-icon.show .logo-cicle {
	fill: #535353
}
.logo-icon.show .logo-arrow {
	fill: #fff
}
.logo-icon.active {
	opacity: 1
}

@media (min-width: 767px) {
.logo-icon.active .logo-cicle {
	fill: #2cabe6;
	-webkit-filter: none;
	filter: none
}
}
.logo-title {
	bottom: 8px;
	right: 8px;
	opacity: 1
}

@media (min-width: 767px) {
.logo-title {
	top: 0;
	left: 0;
	right: auto
}
}
.logo-title svg {
	width: 92px;
	height: 49px;
	vertical-align: middle
}
















@media (min-width: 767px) {
.logo-title svg {
	width: auto;
	height: auto
}
}
.logo-title.hide {
	opacity: 0;
	pointer-events: none
}
.logo-cicle {
	-webkit-filter: url(#dropshadow);
	filter: url(#dropshadow);
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s
}
.logo-arrow {
	fill: #fff;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s
}
main {
	padding: 0 0 90px
}

@media (min-width: 767px) {
main {
	padding: 0 0 100px;
}
}
footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 42px 0 34px 0;
	background: #28282b;
	color: #fff;
	text-align: center
}

@media (min-width: 767px) {
footer {
	padding: 0px 0 30px;
	height: 100px;
	overflow:auto;
}
}
footer img {
	width: 222px
}
footer ul {
}

@media (min-width: 767px) {
footer ul {
	margin: 54px 0 0;
	font-size: 0;
	text-align: center
}
}
footer li {
	margin: 20px 0 0
}
footer li:first-child {
	margin: 0
}

@media (min-width: 767px) {
footer li {
	display: inline-block;
	margin: 0 0 0 75px
}
}
footer li a {
	position: relative;
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: 700
}

@media (min-width: 767px) {
footer li a {
	font-size: 17px;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
footer li a:hover {
	-webkit-transform: translate(0, -2px);
	transform: translate(0, -2px)
}
footer li a:hover:after {
	opacity: 1
}
footer li a:after {
	position: absolute;
	bottom: -8px;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 2px;
	background: #fff;
	opacity: 0;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s
}
}
footer p {
	margin: 0px 0 0 0
}

@media (min-width: 767px) {
footer p {
	margin: 40px 0 0
}
}
footer small {
	font-size: 8px;
	color: #818181;
	text-transform: uppercase
}

@media (min-width: 767px) {
footer small {
	font-size: 13px
}
}
footer small a {
	color: #818181
}
.clear:after {
	content: '';
	display: table;
	clear: both
}
.overlay {
	opacity: 0;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2000;
	background: rgba(0,166,81,0.88);
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s
}
.overlay.show {
	visibility: visible;
	opacity: 1
}
.content-color_2 {
	background: #2cabe6
}
.content-halfway {
	position: relative;
	height: 800px
}
.content-halfway-head {
	position: absolute;
	top: 40%;
	left: 8.75%;
	right: 8.75%;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

@media (min-width: 767px) {
.content-halfway-head {
	max-width: 80%;
	font-size: 45px
}
}
.content-halfway-head span {
	color: #2cabe6
}
.content-head {
	margin: 0;
	font-size: 35px;
	text-align: center
}

@media (min-width: 767px) {
.content-head {
	font-size: 50px
}
}
.content-head:after {
	display: block;
	content: '';
	width: 128px;
	height: 2px;
	margin: 15px auto 0;
	background: #e5e5e5
}

@media (min-width: 767px) {
.content-head:after {
	width: 94px;
	margin: 20px auto 0
}
}
.content-head+p {
	margin: 15px 0 0;
	font-size: 15px;
	line-height: 1.2;
	text-align: center
}

@media (min-width: 767px) {
.content-head+p {
	max-width: 680px;
	margin: 20px auto 0;
	line-height:28px;
	font-size: 18px
}
}
.headline {
	overflow: hidden;
	background: -webkit-linear-gradient(rgba(0,0,0,0.1) 50%, #000);
	background: linear-gradient(rgba(0,0,0,0.1) 50%, #000);
	position: relative;
	height: 100vh;
}

@media (min-width: 767px) {
.headline {
	background: 0
}
}
.headline:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	content: '';
	background: url("../images/bg-header.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -1
}

@media (min-width: 767px) {
.headline:before {
	background: #28282b
}
}
.headline video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1
}
.headline h2 {
	position: absolute;
	top: 40%;
	left: 25px;
	font-family:"Arial Black","微软雅黑";
	right: 25px;
	margin: 0;
	color: #fff;
	font-size: 32px;
	line-height: 1.21538;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.headline h2.cn {
	font-family:"Arial Black","微软雅黑";
	font-weight:bold;
	font-size:70px;
}

@media (min-width: 767px) {
.headline h2 {
	max-width: 100%;
	margin: 0 auto;
	font-size: 60px
}
}
.headline h2 span {
	color: #2cabe6
}
.headline-down {
	position: absolute;
	bottom: 19px;
	left: 0;
	right: 0;
	color: #2cabe6;
	text-align: center;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	opacity: 1
}
.headline-down:hover {
	-webkit-transform: translate(0, 2px);
	transform: translate(0, 2px)
}
.headline-down:active {
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px);
	opacity: 0
}
.dot_bg{
	background:url(../images/i_video_bg.png);
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	top:0px;
	left:0px;
	}
.founder {
	overflow: hidden;
	position: relative;
	min-height: 580px;
	text-align: center;
	color: #fff
}
.founder:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	content: '';
	background: #000
}
.founder:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	content: '';
	height: 346px;
	background: -webkit-linear-gradient(transparent, #000);
	background: linear-gradient(transparent, #000)
}

@media (min-width: 767px) {
.founder {
	padding: 0;
	height: 800px
}
}
.founder h3 {
	position: absolute;
	bottom: 112px;
	left: 25px;
	right: 25px;
	z-index: 1;
	margin: 0 auto;
	font-size: 20px;
	line-height: 1.21538
}

@media (min-width: 767px) {
.founder h3 {
	left: 0;
	right: 0;
	bottom: 144px;
	max-width: 704px;
	font-size: 25px;
	-webkit-transform: none;
	transform: none
}
}
.founder h3 span {
	color: #2cabe6
}
.founder a {
	display: inline-block;
	padding: 12px 28px 14px;
	border-radius: 4px;
	background: #2cabe6;
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
	color: #535353;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.founder a:active {
	-webkit-transform: scale(0.95);
	transform: scale(0.95)
}

@media (min-width: 767px) {
.founder a {
	font-size: 20px;
	border-radius: 8px
}
.founder a:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}
}
.founder dl {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 70px;
	z-index: 2;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
	opacity: 0
}
.founder dl:nth-of-type(1) {
	-webkit-animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 0s;
	animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 0s
}
.founder dl:nth-of-type(2) {
	-webkit-animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 8s;
	animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 8s
}
.founder dl:nth-of-type(3) {
	-webkit-animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 14s;
	animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 14s
}
.founder dl:nth-of-type(4) {
	-webkit-animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 20s;
	animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 20s
}
.founder dl:nth-of-type(5) {
	-webkit-animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 26s;
	animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 26s
}
.founder dl:nth-of-type(6) {
	-webkit-animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 32s;
	animation: text-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 32s
}
.founder dt {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px
}
.founder dt:after {
	display: inline-block;
	content: '-';
	margin: 0 .5em
}
.founder dd {
	display: inline-block;
	margin: 0;
	line-height: 1;
	vertical-align: middle;
	font-size: 15px
}
.founder figure {
	margin: 0
}
.founder img {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0
}
.founder img:nth-child(1) {
	-webkit-animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 0s;
	animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 0s
}
.founder img:nth-child(2) {
	-webkit-animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 8s;
	animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 8s
}
.founder img:nth-child(3) {
	-webkit-animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 14s;
	animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 14s
}
.founder img:nth-child(4) {
	-webkit-animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 20s;
	animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 20s
}
.founder img:nth-child(5) {
	-webkit-animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 26s;
	animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 26s
}
.founder img:nth-child(6) {
	-webkit-animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 32s;
	animation: image-fade-in-out cubic-bezier(0.645, 0.045, 0.355, 1) 40s infinite 32s
}
.landing-we {
	padding: 40px 7.8125%
}

@media (min-width: 767px) {
.landing-we {
	padding: 90px 40px
}
}
.landing-we+.content-halfway {
	background: url("../images/i_banner_1.jpg") no-repeat;
	background-size: cover;
	background-position: center
}
.landing-we+.content-halfway2 {
	background: url("../images/i_banner_2.jpg") no-repeat;
	background-size: cover;
	background-position: center
}
.landing-we+.content-halfway3 {
	background: url("../images/i_banner_3.jpg") no-repeat;
	background-size: cover;
	background-position: center
}
.we-figures {
	max-width: 400px;
	margin: 0 auto
}

@media (min-width: 767px) {
.we-figures {
	max-width: 1042px;
	text-align: center;
	font-size: 0
}
}
.we-figures li {
	margin: 65px 0 0
}

@media (min-width: 767px) {
.we-figures li {
	display: inline-block;
	width: 21.5%;
	margin: 95px 0 0 4%;
	text-align: center;
	vertical-align: top
}
.we-figures li:first-child {
	margin: 95px 0 0
}
}
.we-figures li>div {
	display: inline-block;
	width: 55.55556%;
	vertical-align: middle
}

@media (min-width: 767px) {
.we-figures li>div {
	width: auto
}
}
.we-figures figure {
	display: inline-block;
	width: 37.03704%;
	margin: 0;
	vertical-align: middle
}

@media (min-width: 767px) {
.we-figures figure {
	width: 100%;
	max-width: 120px;
	margin: 0 auto
}
}
.we-figures figure div {
	line-height: 0
}
.we-figures img {
	width: 85%;
	height: 88px
}
.we-figures h4 {
	margin: 0;
	font-size: 15px
}

@media (min-width: 767px) {
.we-figures h4 {
	margin: 48px 0 0
}
}
.we-figures h4+p {
	font-size: 15px
}
.landing-team {
	padding: 40px 7.8125%
}

@media (min-width: 767px) {
.landing-team {
	padding: 90px 40px
}
}
.landing-team ul {
	max-width: 400px;
	margin: 20px auto 0;
	font-size: 0
}

@media (min-width: 767px) {
.landing-team ul {
	max-width: 842px
}
}
.landing-team li {
	display: inline-block;
	width: 47.45763%;
	margin: 22px 0 0;
	vertical-align: top
}
.landing-team li:nth-child(2n) {
	margin: 22px 0 0 5.08475%
}

@media (min-width: 767px) {
.landing-team li {
	width: 25.89074%;
	margin: 22px 0 0 44px
}
.landing-team li:first-child {
	margin: 22px 0 0 157px
}
}
.landing-team a {
	display: block
}
.landing-team a:hover div {
}
.landing-team a:active div {
	box-shadow: none
}
.landing-team figure {
	margin: 0
}
.landing-team figure>div {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 8px;
	line-height: 0;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s
}
.landing-team dl {
	text-align: center
}
.landing-team dt {
	margin: 5px 0 0;
	font-size: 12px;
	color: #535353
}

@media (min-width: 767px) {
.landing-team dt {
	margin: 18px 0 0;
	font-size: 17px
}
}
.landing-team dd {
	margin: 4px 0 0;
	font-size: 10px;
	color: #535353
}

@media (min-width: 767px) {
.landing-team dd {
	margin: 6px 0 0;
	font-size: 15px
}
}
.landing-team img {
	width: 100%
}
.landing-team+.content-halfway1 {
	background: url("../images/i_banner_1.jpg") no-repeat;
	background-size: cover
}
.landing-team+.content-halfway2 {
	background: url("../images/i_banner_2.jpg") no-repeat;
	background-size: cover
}
.landing-team+.content-halfway3 {
	background: url("../images/i_banner_3.jpg") no-repeat;
	background-size: cover
}
.landing-portfolio {
	padding: 40px 7.8125%;
	background: #fafafa
}

@media (min-width: 767px) {
.landing-portfolio {
	padding: 90px 40px
}
}
.landing-portfolio ul {
	margin: 34px 0 0
}

@media (min-width: 767px) {
.landing-portfolio ul {
	margin: 72px auto -1%;
	max-width: 1156px;
	font-size: 0;
	text-align: center
}
}
.landing-portfolio li {
	max-width: 400px;
	width: 92.1875%;
	height: 180px;
	margin: 11px auto 0;
	padding: 0 0 14px;
	text-align: center
}
.landing-portfolio li:nth-child(1) {
	margin: 0 auto
}
.landing-portfolio li.hidden-element {
	max-width: 400px;
	height: 0
}

@media (min-width: 767px) {
.landing-portfolio li {
	display: inline-block;
	max-width: 217px;
	width: 23.5%;
	margin: 0 1.5% 3%;
	vertical-align: top
}
.landing-portfolio li:nth-child(1) {
	margin: 0 1.5% 3%
}
.landing-portfolio li.hidden-element {
	max-width: 217px;
	height: 0
}
}
.landing-portfolio a {
	position: relative;
	display: block;
	padding: 0 0 14px;
	background: #fff;
	border-radius: 8px;
	color: #535353;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s
}

@media (min-width: 767px) {
.landing-portfolio a {
	height: 100%
}
}
.landing-portfolio a:hover {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.4)
}

@media (min-width: 767px) {
.landing-portfolio a:hover img {
	-webkit-transform: translate(0, -120%);
	transform: translate(0, -120%)
}
}
.landing-portfolio a:hover figcaption {
	opacity: 1
}
.landing-portfolio a:hover span {
	opacity: 1
}
.landing-portfolio a:active {
	box-shadow: none
}
.landing-portfolio figure {
	margin: 0
}
.landing-portfolio figcaption {
	line-height: 1.2;
	padding: 0 18px;
	font-size: 12px;
	opacity: 1;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s
}

@media (min-width: 767px) {
.landing-portfolio figcaption {
	opacity: 0;
	padding: 80px 18px 0
}
}
.landing-portfolio span {
	display: inline-block;
	margin: 10px 0 0;
	font-size: 12px;
	font-weight: 700
}

@media (min-width: 767px) {
.landing-portfolio span {
	opacity: 0;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s
}
}

@media (min-width: 767px) {
.landing-portfolio img {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s
}
}
.studio {
	position: relative;
	padding: 0 0 40px;
	background: #28282b;
	color: #fff
}

@media (min-width: 767px) {
.studio {
	padding: 90px 0
}
}
.studio>div {
	font-size: 0;
	text-align: center
}

@media (min-width: 767px) {
.studio h3 {
	display: inline-block;
	width: 55%;
	margin: 0 0% 0 0;
	max-width: 800px;
	vertical-align: top
}
}
.studio figure {
	margin: 0
}
.studio img {
	width: 70%
}
.studio a {
	display: block;
	margin: 25px 0 0;
	color: #fff;
	font-weight: 700;
	text-decoration:underline;
}
.studio-address {
	margin: 48px 0 0;
	font-size: 15px
}

@media (min-width: 767px) {
.studio-address {
	display: inline-block;
	margin: 0;
	text-align: left;
	vertical-align: top
}
}
.studio-address span {
	font-weight: 700
}
.landing-contact_2 {
	padding: 40px 8.75%;
	color: #fff
}

@media (min-width: 767px) {
.landing-contact_2 {
	padding: 40px 40px  80px  40px;
	overflow:auto;
}
}
.landing-contact_2 form {
	max-width: 480px;
	margin: 0 auto
}
.landing-contact_2 form>div {
	margin: 20px 0 0;
	text-align: center
}
.landing-contact_2 ul {
	margin: 24px 0 48px 0
}

@media (min-width: 767px) {
.landing-contact_2 ul {
	margin: 28px 0 48px 0
}
}
.landing-contact_2 li {
	position: relative;
	margin: 48px 0 0
}
.landing-contact_2 li:before {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	width: 100%;
	height: 2em;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background: #fff;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	pointer-events: none
}

@media (min-width: 767px) {
.landing-contact_2 li {
	margin: 56px 0 0
}
.landing-contact_2 li:before {
	height: 3em;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}
}
.landing-contact_2 li.focus:before {
	visibility: visible;
	-webkit-transform: translate(0, -1.5em);
	transform: translate(0, -1.5em)
}

@media (min-width: 767px) {
.landing-contact_2 li.focus:before {
	-webkit-transform: translate(0, -2em);
	transform: translate(0, -2em)
}
}
.landing-contact_2 li.error label {
	color: #ea2829
}
.landing-contact_2 input {
	width: 100%;
	height: 40px;
	border-radius: 4px
}

@media (min-width: 767px) {
.landing-contact_2 input {
	height: 56px;
	padding: 0 27px;
	border-radius: 8px
}
}
.landing-contact_2 label {
	position: absolute;
	top: 9px;
	left: 8px;
	font-size: 15px;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	color: #535353
}

@media (min-width: 767px) {
.landing-contact_2 label {
	top: 17px;
	left: 27px
}
}
.landing-contact_2 textarea {
	width: 100%;
	border-radius: 4px
}

@media (min-width: 767px) {
.landing-contact_2 textarea {
	min-height: 238px;
	padding: 16px 27px
}
}
.landing-contact_2 input, .landing-contact_2 textarea {
	color: #535353
}
.landing-contact_2 input.focus+label, .landing-contact_2 textarea.focus+label {
	-webkit-transform: translate(0, -1.5em);
	transform: translate(0, -1.5em)
}

@media (min-width: 767px) {
.landing-contact_2 input.focus+label, .landing-contact_2 textarea.focus+label {
	-webkit-transform: translate(0, -2em);
	transform: translate(0, -2em)
}
}
.landing-contact_2 button {
	display: inline-block;
	padding: 0 24px;
	height: 50px;
	border: 0;
	border-radius: 4px;
	background: #007fba;
	font-size: 15px;
	font-weight: 100;
	line-height: 50px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
	color: white
}
.landing-contact_2 button:active {
	-webkit-transform: scale(0.95);
	transform: scale(0.95)
}
.content-send-message {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3001;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s
}
.content-send-message p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.content-send-message .icon-close {
	position: absolute;
	top: 40%;
	left: 65%;
	padding: 20px;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	pointer-events: none
}
.content-send-message.show {
	visibility: visible;
	opacity: 1
}
.content-send-message.show .icon-close {
	pointer-events: auto
}
.team {
	padding: 0 0 40px
}

@media (min-width: 767px) {
.team {
	max-width: 890px;
	margin: 0 auto;
	padding: 80px 20px
}
}
.team figure {
	margin: 0
}
.team>div, .team figcaption {
	padding: 0 10%
}

@media (min-width: 767px) {
.team>div, .team figcaption {
	float: left;
	width: 46.875%;
	padding: 0 0 0 8.68056%
}
}
.team h2 {
	width: 320px;
	margin: 0 auto;
	line-height: 0
}

@media (min-width: 767px) {
.team h2 {
	float: left;
	width: 44.44444%;
	margin: 45px 0 0;
	max-width: 450px
}
}
.team img {
	width: 100%
}
.team dl {
	margin: 22px 0 0;
	text-align: center
}

@media (min-width: 767px) {
.team dl {
	margin: 45px 0 0;
	text-align: left
}
}
.team dt {
	margin: 0;
	font-size: 22px
}
.team dd {
	margin: 10px 0 0;
	font-size: 15px;
	opacity: 1
}
.team>div p {
	margin: 1em 0 0;
	font-size: 14px;
	line-height: 1.36
}
.team>div p:first-child {
	margin: 2em 0 0
}

@media (min-width: 767px) {
.team>div p {
	font-size: 15px;
	line-height: 1.53333
}
}

@media (min-width: 767px) {
.team-sns {
	width: 30.55556%;
	max-width: 440px;
	padding: 0 0 0 53.125%
}
}
.team-sns ul {
	margin: 40px 0 0;
	font-size: 0;
	text-align: center
}

@media (min-width: 767px) {
.team-sns ul {
	margin: 0;
	text-align: left
}
}
.team-sns li {
	display: inline-block;
	margin: 0 0 0 50px
}
.team-sns li:first-child {
	margin: 0
}

@media (min-width: 767px) {
.team-sns li {
	margin: 38px 0 0 10%
}
.team-sns li:first-child {
	margin: 38px 0 0
}
}
.team-sns a {
	display: block;
	width: 46px;
	height: 46px;
	background: #2cabe6;
	border-radius: 50%;
	text-align: center;
	color: #fff
}
.team-sns i {
	line-height: 46px
}
.team-sns .icon-linkedin {
	font-size: 24px
}
.team-sns .icon-twitter {
	font-size: 23px
}
.team-sns .icon-mail {
	font-size: 18px
}
.portfolio {
	padding: 80px 0 0
}
.portfolio h2 {
	text-align: center
}
.careers {
	padding: 40px 3%;
	background: #2cabe6;
	color: #fff
}

@media (min-width: 767px) {
.careers {
	padding: 160px 0 80px
}
}
.careers h2 {
	margin: 0 0 55px;
	font-size: 35px;
	text-align: center
}

@media (min-width: 767px) {
.careers-nav {
	text-align: center
}
}
.careers-nav>div {
	position: relative;
	width: 80%;
	max-width: 268px;
	margin: 0 auto
}

@media (min-width: 767px) {
.careers-nav>div {
	display: inline-block
}
}
.careers-nav>div+div {
	margin: 24px auto 0
}

@media (min-width: 767px) {
.careers-nav>div+div {
	margin: 0 0 0 48px
}
}
.careers-nav h3 {
	float: left;
	max-width: 90px;
	margin: 0;
	font-size: 20px
}
.careers-nav h3:after {
	position: relative;
	top: -.05em;
	display: inline-block;
	content: ':'
}
.careers-nav ul {
	visibility: hidden;
	position: absolute;
	top: 32px;
	left: 90px;
	z-index: 1;
	margin: 0;
	width: calc(100% - 90px);
	padding: 16px;
	background: rgba(0,0,0,0.8);
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px)
}
.careers-nav ul.show {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
.careers-nav li {
	cursor: pointer;
	margin: 8px 0 0;
	padding: 8px 0 0;
	border-top: 1px solid rgba(255,255,255,0.16);
	color: #fff
}

@media (min-width: 767px) {
.careers-nav li {
	text-align: left
}
}
.careers-nav li:first-child {
	margin: 0;
	padding: 0;
	border: 0
}
.careers-selected {
	margin: 0 0 0 90px;
	padding: 0 0 8px;
	border-bottom: 2px solid #fff;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	cursor: pointer
}

@media (min-width: 767px) {
.careers-selected {
	text-align: left
}
}
.jobs ul {
	margin: 0
}
.jobs ul.show li {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
.jobs li {
	opacity: 0;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px)
}
.jobs li:nth-child(even) {
	background: #fafafa
}
.jobs a {
	display: block;
	padding: 16px 6.25%;
	color: #535353
}

@media (min-width: 767px) {
.jobs a {
	padding: 30px 1%;
	font-size: 0;
	text-align: center
}
.jobs a:hover .job-more {
	background: #2cabe6
}
}

@media (min-width: 767px) {
.jobs a>div {
	display: inline-block;
	width: 63%;
	max-width: 700px;
	padding: 0 1%;
	vertical-align: middle;
	text-align: left
}
}
.jobs figure {
	display: none
}

@media (min-width: 767px) {
.jobs figure {
	margin: 0;
	display: inline-block;
	width: 15%;
	max-width: 180px;
	vertical-align: middle
}
}

@media (min-width: 767px) {
.jobs img {
	width: 100%
}
}
.jobs h4 {
	margin: 0;
	font-size: 17px
}

@media (min-width: 767px) {
.jobs h4 {
	display: inline-block;
	font-size: 20px;
	vertical-align: middle
}
}
.jobs p {
	margin: 0;
	font-size: 12px
}

@media (min-width: 767px) {
.jobs p {
	display: inline-block;
	margin: 0 20px;
	font-size: 20px;
	vertical-align: middle
}
}
.job-time {
	font-size: 10px;
	opacity: .4
}

@media (min-width: 767px) {
.job-time {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle
}
}
.job-more {
	display: none
}

@media (min-width: 767px) {
.job-more {
	display: inline-block;
	width: 112px;
	padding: 9px 14px 11px;
	background: #28282b;
	border-radius: 8px;
	color: #fff;
	font-size: 20px;
	vertical-align: middle;
	text-align: center;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s
}
}
.jobs-not-found {
	display: none;
	opacity: 0;
	padding: 16px 6.25%;
	-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s
}
.jobs-not-found.show {
	display: block;
	visibility: visible;
	opacity: 1
}
/*# sourceMappingURL=main.min.css.map */
.aboutus{
	background: #2cabe6;
	color:#fff;
	padding:80px 0;
	}
	
.back_bt{
	display:block;
	text-align:center;
	width:80px;
	height:30px;
	line-height:30px;
	background:#007fba;
	}

  .i_bt{
	  background:#2cabe6;
	  display:block;
	  border:1px solid #2cabe6;
	  height:50px;
	  line-height:50px;
	  padding:0px;
	  transition:0.3s;
	  margin:0 auto;
	  }
  .i_bt:hover{
	  transition:0.3s;
	  background:#007fba;
	  }



	.Team_container{
		width:100%;
  margin-right: auto;
  margin-left: auto;
		padding-top:60px;
		}
	
	.Team_list{
		border:0px solid #ccc;
		margin-top:0px;
		}
	.Team_list ul{
		max-width:100%;
		}
	.Team_list ul li{
		width:16.66666666666%;
		float:left;
		position:relative;
		cursor:pointer;
		
		}
		
	.Team_list ul li .postion_box{
		position:relative; top:-50px;
		}
	.Team_list ul li .title{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		}
	.Team_list ul li .title .name{
		width:100%;
		font-family: Arial,"微软雅黑";
		font-size:25px;
		text-align:center;
		text-transform:Uppercase;
		margin-top:40%;
		}
	.Team_list ul li .title .position{
		width:100%;
		height:20px;
		line-height:20px;
		text-align:center;
		font-size:12px;
		}
	.Team_list ul li .title .view_bt{
		width:100%;
		position:absolute;
		bottom:20px;
		text-align:center;
		}
		
	.Team_list ul li .title_1{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background: rgba(44,171,230,0);
		Filter:alpha(opacity=0);  Opacity:0; 
		transition:0.3s;
		color:#fff;
		}
	.Team_list ul li .title_2{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		display:none;
		}
	.Team_list ul li:hover .title_1{
		background: rgba(44,171,230,0.85);
		Opacity:1; 
		transition:0.3s;
		}
	.Team_list ul li:hover .title_1 .dot_triangle{
		width:25px;
		height:16px;
		background:url(images/case_dot_triangle.png) no-repeat;
		position:absolute;
		bottom:-16px;
		left:46%;
		}
	.Team_list ul li.curr .title_1{
		background: rgba(44,171,230,0.85);
		Opacity:1; 
		transition:0.3s;
		}
	.Team_list ul li.curr .title_1 .dot_triangle{
		width:25px;
		height:16px;
		background:url(images/case_dot_triangle.png) no-repeat;
		position:absolute;
		bottom:-16px;
		left:46%;
		}
	.Team_list ul li.removecurr .title_1{
		background: rgba(44,127,186,0.85);
		Opacity:0; 
		transition:0.3s;
		}
	.Team_list ul li img{
		width:100%;
		height:100%;
		}
	.Team_list ul .info{
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width:70%;
  padding-bottom:30px;
  display:none;
  margin-top:80px;
  margin-bottom:80px;
  position:relative;
		}
	.Team_list ul .info .name{
		font-size:18px;
		color:#199ed6;
		margin-bottom:5px;
		text-transform:Uppercase;
		}
	.Team_list ul .info .position{
		font-size:12px;
		margin-bottom:25px;
		}
	.Team_list ul .info .text{
		font-size:16px;
		}
	.Team_list ul .info .close_bt{
		position:absolute;
		top:0px;
		right:10px;
		opacity:0.4;
		}
	.Team_list ul .info .close_bt:hover{
		opacity:1; 
		
		}
@media (min-width: 1100px) {
	.Team_list .list_2{
		display:none;
		}
	.Team_list .list_1 ul li{
		margin:0px;
		padding:0px;
		width:16.66666666%;
		}
		
		
@media (max-width: 1100px) {

	.Team_list ul li .title .name{
		width:100%;
		font-family: Arial,"微软雅黑";
		font-size:16px;
		text-align:center;
		text-transform:Uppercase;
		margin-top:40%;
		}
	.Team_list ul li .title .position{
		width:100%;
		height:20px;
		line-height:20px;
		text-align:center;
		font-size:12px;
		}
	.Team_list ul li .title .view_bt{
		width:100%;
		position:absolute;
		bottom:20px;
		text-align:center;
		}
	.Team_list ul li .info{
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width:100%;
  padding-bottom:30px;
  display:none;
  margin-top:80px;
  margin-bottom:80px;
  position:relative;
		}
		
}
}
@media (max-width: 1100px) {
	
	.Team_list ul li .postion_box{
		position:relative; top:-50px;
		}
	.Team_list .list_1{
		display:none;
		}
	.Team_list .list_2 ul li{
		margin:0px;
		padding:0px;
		width:33.333333%;
		}
	.Team_list ul li .title .name{
		width:100%;
		font-family: Arial,"微软雅黑";
		font-size:15px;
		text-align:center;
		text-transform:Uppercase;
		margin-top:40%;
		}
	.Team_list ul li .title .position{
		width:100%;
		height:20px;
		line-height:20px;
		text-align:center;
		font-size:12px;
		}
	.Team_list ul li .title .view_bt{
		width:100%;
		position:absolute;
		bottom:20px;
		text-align:center;
		}
	.Team_list ul .info{
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width:100%;
  padding-bottom:30px;
  display:none;
  margin-top:40px;
  margin-bottom:0px;
  position:relative;
		}
	.Team_list ul .info .name{
		font-size:16px;
		color:#199ed6;
		margin-bottom:5px;
		}
	.Team_list ul .info .position{
		font-size:12px;
		margin-bottom:25px;
		}
	.Team_list ul .info .text{
		font-size:14px;
		}
	.Team_list ul .info .close_bt{
		position:absolute;
		top:0px;
		right:20px;
		opacity:0.4;
		}
	.Team_list ul .info .close_bt:hover{
		opacity:1; 
		
		}
}

	.case_container{
		width:100%;
  margin-right: auto;
  margin-left: auto;
		padding-top:60px;
		}
	
	.case_list{
		border:0px solid #ccc;
		margin-top:0px;
		}
	.case_list ul{
		max-width:100%;
		}
	.case_list ul li{
		width:16.66666666666%;
		float:left;
		position:relative;
		cursor:pointer;
		
		}
	.case_list ul li .postion_box{
		position:relative; top:-50px;
		}
		
	.case_list ul li .title{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		}
	.case_list ul li .title .name{
		width:100%;
		font-family: Arial,"微软雅黑";
		text-align:center;
		text-transform:Uppercase;
		margin-top:40%;
		}
	.case_list ul li .title .position{
		width:100%;
		height:20px;
		line-height:20px;
		text-align:center;
		font-size:12px;
		}
	.case_list ul li .title .view_bt{
		width:100%;
		position:absolute;
		bottom:20px;
		text-align:center;
		}
		
	.case_list ul li .title_1{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background: rgba(44,171,230,0);
		Filter:alpha(opacity=0);  Opacity:0; 
		transition:0.3s;
		color:#fff;
		}
	.case_list ul li .title_2{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		display:none;
		}
	.case_list ul li:hover .title_1{
		background: rgba(44,171,230,0.85);
		Opacity:1; 
		transition:0.3s;
		}
	.case_list ul li:hover .title_1 .dot_triangle{
		width:25px;
		height:16px;
		background:url(images/case_dot_triangle.png) no-repeat;
		position:absolute;
		bottom:-16px;
		left:46%;
		}
	.case_list ul li.curr .title_1{
		background: rgba(44,171,230,0.85);
		Opacity:1; 
		transition:0.3s;
		}
	.case_list ul li.curr .title_1 .dot_triangle{
		width:25px;
		height:16px;
		background:url(images/case_dot_triangle.png) no-repeat;
		position:absolute;
		bottom:-16px;
		left:46%;
		}
	.case_list ul li.removecurr .title_1{
		background: rgba(44,127,186,0.85);
		Opacity:0; 
		transition:0.3s;
		}
	.case_list ul li img{
		width:100%;
		height:100%;
		}
	.case_list ul .info{
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width:70%;
  padding-bottom:30px;
  display:none;
  margin-top:80px;
  margin-bottom:80px;
  position:relative;
		}
	.case_list ul .info .name{
		font-size:18px;
		color:#199ed6;
		margin-bottom:5px;
		text-transform:Uppercase;
		}
	.case_list ul .info .position{
		font-size:12px;
		margin-bottom:25px;
		}
	.case_list ul .info .text{
		font-size:16px;
		}
	.case_list ul .info .close_bt{
		position:absolute;
		top:0px;
		right:10px;
		opacity:0.4;
		}
	.case_list ul .info .close_bt:hover{
		opacity:1; 
		
		}
@media (min-width: 1100px) {
	.case_list .list_2{
		display:none;
		}
	.case_list .list_1 ul li{
		margin:0px;
		padding:0px;
		width:16.66666666%;
		}
	.case_list ul li .title .name{
		width:100%;
		font-family: Arial,"微软雅黑";
		font-size:20px;
		text-align:center;
		text-transform:Uppercase;
		margin-top:40%;
		}
		
		
@media (max-width: 1100px) {

	.case_list ul li .postion_box{
		position:relative; top:0px;
		}
	.case_list ul li .title .name{
		width:100%;
		font-family: Arial,"微软雅黑";
		font-size:20px;
		text-align:center;
		text-transform:Uppercase;
		margin-top:40%;
		}
	.case_list ul li .title .position{
		width:100%;
		height:20px;
		line-height:20px;
		text-align:center;
		font-size:12px;
		}
	.case_list ul li .title .view_bt{
		width:100%;
		position:absolute;
		bottom:20px;
		text-align:center;
		}
	.case_list ul li .info{
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width:100%;
  padding-bottom:30px;
  display:none;
  margin-top:80px;
  margin-bottom:80px;
  position:relative;
		}
		
}
}
@media (max-width: 1100px) {
	.case_list .list_1{
		display:none;
		}
	.case_list .list_2 ul li{
		margin:0px;
		padding:0px;
		width:33.333333%;
		}
	.case_list ul li .title_1 .name{
		width:100%;
		font-family: Arial,"微软雅黑";
		font-size:16px;
		text-align:center;
		text-transform:Uppercase;
		margin-top:40%;
		}
	.case_list ul li .title .position{
		width:100%;
		height:20px;
		line-height:20px;
		text-align:center;
		font-size:12px;
		}
	.case_list ul li .title .view_bt{
		width:100%;
		position:absolute;
		bottom:20px;
		text-align:center;
		}
	.case_list ul .info{
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width:100%;
  padding-bottom:30px;
  display:none;
  margin-top:40px;
  margin-bottom:0px;
  position:relative;
		}
	.case_list ul .info .name{
		font-size:16px;
		color:#199ed6;
		margin-bottom:5px;
		}
	.case_list ul .info .position{
		font-size:12px;
		margin-bottom:25px;
		}
	.case_list ul .info .text{
		font-size:14px;
		}
	.case_list ul .info .close_bt{
		position:absolute;
		top:0px;
		right:20px;
		opacity:0.4;
		}
	.case_list ul .info .close_bt:hover{
		opacity:1; 
		
		}
}

  	.i_news{
		overflow:auto;
		margin-bottom:1%;
		}
  	.i_news .content{
		padding-top:60px;
		}
  	.i_news .content .photo img{
		width:100%;
		}
  	.i_news .content .time{
		font-size:10px;
		padding:10px 0;
		}
  	.i_news .content .title a{
		color:#333;
		transition:0.3s;
		}
  	.i_news .content .title a:hover{
		color:#007fba;
		transition:0.3s;
		}
  	.i_news .content ul li{
		
		margin-bottom:5%;
		}
	.i_news .content .item{
		width:100%;
		}
  	.i_news .content .carousel-control{
		background:none;
		color:#000;
		font-size:80px;
		margin-top:50px;
		}