@charset "UTF-8";

@font-face {
	font-family: 'geoslab703_md_btmedium';
	src: url('../fonts/geo703m-webfont.eot');
	src: url('../fonts/geo703m-webfont.eot') format('embedded-opentype'), url('../fonts/geo703m-webfont.woff2') format('woff2'), url('../fonts/geo703m-webfont.woff') format('woff'), url('../fonts/geo703m-webfont.ttf') format('truetype'), url('../fonts/geo703m-webfont.svg#geoslab703_md_btmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* 设置默认字体 */
body,
button,
input,
select,
textarea {
	font-family: "Microsoft YaHei", "simsun", "Arail";
	font-size: 14px;
	outline: none;
	/* color: black; */
	position: relative;
}

ul,
ol {
	padding: 0;
	margin-bottom: 0px;
}

li {
	list-style: none;
}

.fl {
	float: left
}

.fr {
	float: right
}

/*公共样式开始-------------*/
/*头部*/
.container{
		width: 80%;
		margin: auto;
}
.menu {
	width: 100%;
	overflow: hidden;
	height: 80px;
}

.menu ul {
	position: relative;
	float: left;
	left: 50%;
}

.menu ul li {
	position: relative;
	float: left;
	left: -50%;
	margin: 0 9px;
	font-size: 14px;
	color: #666666;
	overflow: hidden;
	margin-top: 30px;
	cursor: pointer;
}

.menu ul li div {
	padding-bottom: 10px;
}

.menu ul li a,
.menu ul li a:hover {
	color: #000000;
}

.menu ul li i {
	width: 100%;
	height: 1px;
	display: block;
	-webkit-transform: translateX(-110%);
	-moz-transform: translateX(-110%);
	-o-transform: translateX(-110%);
	transform: translateX(-110%);
	background: rgba(51, 112, 255, 1);
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.menu ul li:hover i,
.menu ul li.cur i {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

@media (min-width: 768px) {
	.menu {
		height: 120px;
	}

	.menu ul li {
		margin: 0 20px;
		margin-top: 45px;
	}
}

@media (min-width:992px) {
	.menu {
		height: 140px;
	}

	.menu ul li {
		margin: 0 20px;
		margin-top: 60px;
	}
}

@media (max-width:992px) {
	.menu ul li div {
		padding-bottom: 2px;
	}

	.menu {
		height: auto;
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.menu ul li {
		margin: 0 17px;
	}
}

@media (max-width:544px) {
	.menu {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.menu ul li {
		margin: 0 7px;
		font-size: 12px;
	}
}

.gf-logo h1 {
	width: 146px;
    height: 50px;
    /* margin-top: 20px;
    margin-bottom: 15px; */
    position: relative;
    top: 0;
    left: 4%;
    z-index: 2;
}

.gf-logo h1 a {
	display: block;
	-moz-background-size: auto 50px;
	-o-background-size: auto 50px;
	background-size: auto 50px;
	height: 50px;
	width: 146px;
}

.gf-logo h1 a:focus {
	outline: none;
}

.aside-nav {
	position: fixed;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10000;
}

.aside-nav-close {
	margin: 0 auto;
	width: 54px;
	height: 54px;
	line-height: 52px;
	background: #e75c1e;
	border-radius: 50%;
	text-align: center;
	visibility: visible;
	cursor: pointer;
}

.aside-nav-in.close {
	transform: translateX(100px);
	visibility: hidden;
	transition: .3s;
}

.aside-nav-one {
	position: relative;
	margin-top: 6px;
	margin-bottom: 6px;
	height: 54px;
	width: 54px;
	line-height: 52px;
	text-align: right;
}

.aaa {
	position: absolute;
	bottom: 65px;
	left: 50%;
	z-index: 10;
	transform: translateX(-125%) translateY(140px);
	background: rgba(255, 255, 255, .1);
	opacity: 0;
	visibility: hidden;
	transition: .35s .05s;
	height: 200px;
	width: 200px;
}

.aside-nav-one:hover .aaa {
	opacity: 1;
	visibility: visible;
}

.aside-nav-one-img {
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 10;
	width: 54px;
	height: 54px;
	text-align: center;
	transition: .3s;
}

.aside-nav-one-img img {
	width: 22px;
}

.more-width:hover .aside-nav-one-img {
	left: -73px;
}

.more-width-call:hover .aside-nav-one-img {
	left: -102px;
}

.aside-nav-one-desc {
	position: absolute;
	right: 0;
	padding-right: 16px;
	width: 54px;
	height: 54px;
	font-size: 14px;
	line-height: 52px;
	background: rgba(51, 112, 255, 1);
	color: rgba(51, 112, 255, 1);
	border-radius: 50px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .3s, color .1s;
}

.aside-nav-one-desc .qq-name {
	display: inline-block;
	margin-right: 15px;
}

.aside-nav-one-desc .qq-name i {
	width: 22px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.aside-nav-one-desc .qq-name span {
	font-size: 14px;
	color: rgba(51, 112, 255, 1);
	display: inline-block;
	vertical-align: middle;
	margin-left: 1px;
}

.qq-name-box {
	position: absolute;
	right: 0px;
}

.more-width:hover .aside-nav-one-desc {
	width: 125px;
	color: #fff;
	transition: .3s;
}

.more-width-call:hover .aside-nav-one-desc {
	width: 156px;
}

.more-width-call2:hover .aside-nav-one-desc {
	width: 185px;
}

.more-width-call2:hover .aside-nav-one-img {
	left: -130px;
}

.more-width-qq:hover .aside-nav-one-desc {
	width: 281px;
}

.more-width-qq:hover .aside-nav-one-desc span {
	transition: .3s .1s;
	color: #fff;
}

.more-width-qq:hover .aside-nav-one-img {
	left: -223px;
}

.aside-nav-one-qrcode {
	position: absolute;
	left: -200px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}

.aside-nav-one:hover .aside-nav-one-qrcode {
	left: -140px;
	opacity: 1;
	visibility: visible;
}

/*------------------------------- 侧边栏end -------------------------------------*/


.gf-pnav {
	position: absolute;
	/* height: 60px; */
	margin-top: 30px;
	padding-right: 4%;
	top: 0;
	right: 0;
	z-index: 3;
}

.gf-pnav a {
	margin: 20px;
	color: #fff;
	z-index: 2;
	font-size: 15px;
	margin-top: 20px; 
	margin-left: 20px;
	overflow: hidden;
	display: inline-block;
}

.gf-pnav a:focus {
	outline: none;
}

.gf-pnav a i {
	width: 100%;
	height: 1px;
	margin-top: 10px;
	display: block;
	-webkit-transform: translateX(-110%);
	-moz-transform: translateX(-110%);
	-o-transform: translateX(-110%);
	transform: translateX(-110%);
	background: rgba(51, 112, 255, 1);
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.gf-pnav a:hover i {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.gf-header .focus-text {
	position: absolute;
	left: 4%;
	z-index: 2;
	color: #fff;
}

.gf-header-side {
    padding-top: 100px;
}

/* 手机菜单样式开始 */
.buttonset {
	position: absolute;
	right: 4%;
	top: 15px;
	z-index: 1000;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-o-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-moz-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-tap-highlight-color: transparent;
}

.nav-moblie {
	width: 25px;
	height: 35px;
	position: relative;
	cursor: pointer;
	display: table;
	-o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.nav-moblie a {
	background-color: #fff;
	display: block;
	height: 2px;
	margin-top: 16px;
	position: relative;
	top: 50%;
	width: 100%;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.nav-moblie a:after,
.nav-moblie a:before {
	background-color: #fff;
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%;
	-moz-border-radius: 2px;
	border-radius: 2px;
	content: '';
	-o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.nav-moblie a:after {
	top: 8px;
	width: 80%;
}

.nav-moblie a:before {
	left: auto;
	right: 0;
	top: -8px;
	width: 70%;
}

.nav-moblie a:focus {
	outline: none;
}

.buttonset.on {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.buttonset.on .nav-moblie a:after,
.buttonset.on .nav-moblie a:before {
	width: 100%;
	transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-o-transition: -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-moz-transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	top: 0;
}

.buttonset.on .nav-moblie a:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.buttonset.on .nav-moblie a {
	background: rgba(0, 0, 0, 0);
}

.buttonset.on .nav-moblie a:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.neirong {
	display: block;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
	/*left: -163px;*/
	overflow-y: auto;
	left: 0;
	touch-action: pan-y;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.neirong .neirong-bd {
	padding-bottom: 20px;
	padding-top: 65px;
	padding-left: 17px;
	padding-right: 17px;
	visibility: hidden;
}

.neirong a {
	display: block;
	height: 47px;
	line-height: 47px;
	color: #f2f2f2;
	font-size: 16px;
	border-bottom: 1px solid #333;
	-moz-transition: all .35s ease-out;
	-o-transition: all .35s ease-out;
	transition: all .35s ease-out;
}

.neirong a:hover {
	background: #1f1f1f;
	color: #fff;
}

.content {
	left: 0;
	position: relative;
}

.content.content-on {
	left: 120px;
}

.neirong.neirong-on {
	left: 0;
}

.body-on {
	position: relative;
	overflow: hidden;
}

.html-on {
	overflow: hidden;
}

.neirong-close {
	display: none;
	width: 30px;
	height: 24px;
	background: url(../images/nav_close.png) no-repeat 7px center;
	position: absolute;
	top: 20px;
	right: 4%;
	visibility: hidden;
}

.neirong.neirong-hide {
	background-color: rgba(0, 0, 0, .8);
	height: 0;
	height: 0;
	-moz-transition: background 0.35s linear, height 0.25s ease-in 200ms;
	-o-transition: background 0.35s linear, height 0.25s ease-in 200ms;
	transition: background 0.35s linear, height 0.25s ease-in 200ms;
}

.neirong.neirong-show {
	background-color: #000;
	height: 100%;
}

.neirong.neirong-show .neirong-bd,
.neirong.neirong-show .neirong-close {
	visibility: visible;
}

.neirong.neirong-hide a {
	opacity: 0;
	-webkit-transform: scale(1.1) translateY(-24px);
	-moz-transform: scale(1.1) translateY(-24px);
	-o-transform: scale(1.1) translateY(-24px);
	transform: scale(1.1) translateY(-24px);
}

.neirong.neirong-show a {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
}

.neirong a:nth-of-type(2) {
	-moz-transition-delay: 300ms, 300ms;
	-o-transition-delay: 300ms, 300ms;
	transition-delay: 300ms, 300ms;
}

.neirong a:nth-of-type(3) {
	-moz-transition-delay: 350ms, 350ms;
	-o-transition-delay: 350ms, 350ms;
	transition-delay: 350ms, 350ms;
}

.neirong a:nth-of-type(4) {
	-moz-transition-delay: 400ms, 400ms;
	-o-transition-delay: 400ms, 400ms;
	transition-delay: 400ms, 400ms;
}

.neirong a:nth-of-type(5) {
	-moz-transition-delay: 450ms, 450ms;
	-o-transition-delay: 450ms, 450ms;
	transition-delay: 450ms, 450ms;
}

.neirong a:nth-of-type(6) {
	-moz-transition-delay: 500ms, 500ms;
	-o-transition-delay: 500ms, 500ms;
	transition-delay: 500ms, 500ms;
}

.neirong a:nth-of-type(7) {
	-moz-transition-delay: 550ms, 550ms;
	-o-transition-delay: 550ms, 550ms;
	transition-delay: 550ms, 550ms;
}

.neirong a:nth-of-type(8) {
	-moz-transition-delay: 600ms, 600ms;
	-o-transition-delay: 600ms, 600ms;
	transition-delay: 600ms, 600ms;
}

.neirong a:nth-of-type(9) {
	-moz-transition-delay: 650ms, 650ms;
	-o-transition-delay: 650ms, 650ms;
	transition-delay: 650ms, 650ms;
}

.neirong a:nth-of-type(10) {
	-moz-transition-delay: 700ms, 700ms;
	-o-transition-delay: 700ms, 700ms;
	transition-delay: 700ms, 700ms;
}

.neirong a:nth-of-type(11) {
	-moz-transition-delay: 750ms, 750ms;
	-o-transition-delay: 750ms, 750ms;
	transition-delay: 750ms, 750ms;
}

/*手机版头部*/
.buttonset .show {
	background-color: rgba(0, 0, 0, .8);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.buttonset-black .buttonpush {
	background: url("../images/button_black.png") no-repeat center;
}

.buttonset-black .buttonpush.show {
	background: rgba(0, 0, 0, .8) url("../images/buttonset.png") no-repeat center;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ctrl-more {
	border: 1px solid #ccc;
	margin: 0 auto;
	width: 46px;
	height: 46px;
	line-height: 50px;
	font-size: 0;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	transition: .45s;
}

.ctrl-more:hover {
	background: #e00012;
	border: 1px solid #e00012;
}

.ctrl-more i {
	display: inline-block;
	margin-right: 2px;
	margin-left: 2px;
	width: 4px;
	height: 4px;
	background: #e0e0e0;
	border-radius: 50%;
	transition: .45s;
}

.ctrl-more:hover i {
	background: #fff;
}

footer {
	background: #ffffff;
}

.footer-in {
	margin: 0 auto;
	width: 1400px;
}

.footer-l {
	display: block;
	padding-top: 85px;
	vertical-align: top;
}

.footer-l .footer-menu {
	float: right;
	margin-right: 20px;
}


.footer-l ul li {
	float: left;
	margin-right: 80px;
}

.footer-l ul li:last-child {
	margin-right: 0px;
}

.footer-l ul li a {
    color: #000000;
}

.footer-l ul li a:hover {
    color: #3370FF;
}

.footer-l dl {
	margin: 0;
	/*height: 57px;*/
}

.footer-l dt {
	margin-bottom: 25px;
}

.footer-l dt a {
	padding-bottom: 4px;
	font-size: 14px;
	color: #000000;
}

.footer-l dd {}

.footer-l dd a {
	line-height: 32px;
	font-size: 14px;
	color: #000000;
	transition: .3s;
}

.footer-l dd a:hover {
	color: #c1c1c1;
}

.footer-r {
	display: inline-block;
	float: right;
	margin-top: 73px;
	vertical-align: top;
}

.f-share {
	font-size: 0;
	text-align: right;
}

.f-share-one {
	position: relative;
	display: inline-block;
	border: 1px solid #838383;
	margin-right: 40px;
	width: 44px;
	height: 44px;
	line-height: 42px;
	text-align: center;
	vertical-align: top;
	border-radius: 50%;
	cursor: pointer;
	transition: .5s;
}

.f-share:hover .f-share-one {
	opacity: .2;
}

.f-share .f-share-one:hover {
	opacity: 1;
}

.f-share-one:last-child {
	margin-right: 0;
}

.fs-one-qrcode {
	position: absolute;
	bottom: 65px;
	left: 50%;
	z-index: 10;
	transform: translateX(-50%) translateY(20px);
	/* padding: 7px; */
	background: rgba(255, 255, 255, .1);
	opacity: 0;
	visibility: hidden;
	transition: .35s .05s;
}

.f-share-one:hover .fs-one-qrcode {
	transform: translateX(-50%) translateY(0px);
	opacity: 1;
	visibility: visible;
}

.f-belongs {
	padding-top: 28px;
	/*border-top: 1px solid #373737;*/
	margin-top: 35px;
}

.f-belongs-one {
	line-height: 32px;
	font-size: 14px;
	color: #7a7a7a;
	text-align: right;
}

.copyright {
	position: relative;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-top: 32px;
}

.copyright::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 0.1px;
	background: #eeebeb;
}

.copyright-l {
	display: inline-block;
	width: calc(100% - 360px);
	font-size: 0;
}

.copyright-r,
.copyright-l,
.copyright-l h2,
.copyright-l>ul,
.copyright-l>ul>li {
	display: inline-block;
	vertical-align: top;
}

.copyright-l>ul {
	width: calc(100% - 70px);
}

.copyright-l h2 {
	position: relative;
	top: 0px;
	margin: 0;
	margin-right: 10px;
	/*line-height: 21px;*/
	line-height: 16px;
	font-size: 12px;
	color: #515151;
}

.copyright-l>ul>li {
	margin-right: 55px;
	font-size: 12px;
}

.copyright-l>ul>li a {
	color: #515151;
	transition: .3s;
}

.copyright-l>ul>li a:hover {
	color: #c1c1c1;
}

.copyright-r {
	float: right;
	font-size: 12px;
	color: #515151;
}

.about-desc {
	padding-top: 148px;
	padding-bottom: 135px;
	text-align: center;
}

.about-desc h2 {
	position: relative;
	margin: 0;
	margin-bottom: 78px;
	line-height: 42px;
	font-size: 28px;
	color: #464646;
}

.about-desc h2::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -38px;
	width: 28px;
	height: 3px;
	background: #d51b32;
}

.about-desc p.desc {
	margin: 0;
	line-height: 35px;
	font-size: 14px;
}

.about-desc.letmove h2,
.about-desc.letmove p.desc {
	transform: translateY(40px);
	transition: transform .8s .0s, opacity .8s .0s;
	opacity: 0;
}

.about-desc.letmove p.desc {
	transform: translateY(50px);
	transition: transform .8s .1s, opacity .8s .1s;
}

.about-desc.move h2,
.about-desc.move p.desc {
	transform: translateY(0);
	opacity: 1;
}

/*fixed头部样式*/
.navbar-fixed {
	position: fixed;
	top: -70px;
	opacity: 0;
	filter: alpha(opacity=0);
	background: #fff;
	/*background: transparent;*/
	height: 70px;
	width: 100%;
	z-index: 999;
	-moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15);
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15);
	-moz-transition: all .5s .1s ease;
	-o-transition: all .5s .1s ease;
	transition: all .5s .1s ease;
}

.logo {
	padding: 11.5px 0;
}

.right_menu a {
	display: inline-block;
	padding-top: 24px;
	margin-left: 40px;
	font-size: 15px;
	color: #666666;
	overflow: hidden;
}

.right_menu a:focus,
.logo a:focus {
	outline: none;
}

.right_menu i {
	width: 100%;
	height: 1px;
	margin-top: 10px;
	display: block;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	background: #e00013;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.right_menu a:hover i {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.navbar-fixed.show {
	opacity: 1;
	top: 0px;
}

.navbar-fixed .buttonset {
	top: 10px;
}

.navbar-fixed .nav-moblie a,
.navbar-fixed .nav-moblie a:before,
.navbar-fixed .nav-moblie a:after {
	background-color: #666666;
}

@media(max-width:768px) {
	.navbar-fixed {
		height: 50px;
		top: -50px;
	}

	.logo img {
		width: 120px;
		height: 40px;
	}

	.logo {
		padding: 5px 0;
	}
}

/*banner图样式*/
.banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banner picture img {
	-webkit-animation: banner_inside 20s ease 1 forwards;
	-moz-animation: banner_inside 20s ease 1 forwards;
	-o-animation: banner_inside 20s ease 1 forwards;
	animation: banner_inside 20s ease 1 forwards;
}

@-webkit-keyframes banner_inside {
	from {
		-webkit-transform: scale(1.23);
		transform: scale(1.23);
	}

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

@-moz-keyframes banner_inside {
	from {
		-moz-transform: scale(1.23);
		transform: scale(1.23);
	}

	to {
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@-o-keyframes banner_inside {
	from {
		-o-transform: scale(1.23);
		transform: scale(1.23);
	}

	to {
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes banner_inside {
	from {
		-webkit-transform: scale(1.23);
		-moz-transform: scale(1.23);
		-o-transform: scale(1.23);
		transform: scale(1.23);
	}

	to {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.banner_txt {
	text-align: center;
	position: absolute;
	top: 55%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

.banner_txt1 {
	font-size: 24px;
	width: 100%;
	font-weight: bold;
	text-align: center;
	left: 0;
	color: #fff;
	-webkit-animation: fadeInUp4 1.4s .4s ease both;
	-o-animation: fadeInUp4 1.4s .4s ease both;
	animation: fadeInUp4 1.4s .4s ease both;
	-moz-animation: fadeInUp4 1.4s .4s ease both;
}

.banner_txt2 {
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	margin-top: 15px;
	-webkit-animation: fadeInUp5 1.4s .8s ease both;
	-o-animation: fadeInUp5 1.4s .8s ease both;
	animation: fadeInUp5 1.4s .8s ease both;
	-moz-animation: fadeInUp5 1.4s .8s ease both;
}

/*.btn-circle*/
.btn-circle {
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.btn-circle:hover .submit-button { 
	color: white;
}

/*.btn-circle:active {
    transform: translateY(1px);
}*/
.btn-circle-hover,
.btn-circle-click {
	position: absolute;
	z-index: -2;
	display: block;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	width: 0;
	height: 0;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: rgba(51, 112, 255, 0.9);
}

.btn-circle-hover {
	opacity: 0;
}

.btn-circle-click {
	/*background: #99000c;*/
	background: #ee9d84;
}

/*product*/
.product {
	margin-bottom: 45px;
}

.product_txt {
	margin-top: 100px;
	margin-bottom: 65px;
	text-align: center;
	color: #777777;
}

.product_txt1 {
	font-size: 45px;
	font-weight: bold;
	margin-bottom: 40px;
}

.product_txt2 {
	font-size: 16px;
}

.case_list {
	margin-top: 0
}

.more_button {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 48px;
	height: 48px;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #e0e0e0;
	text-align: center;
	line-height: 48px;
	display: block;
	margin: 0 auto;
	font-size: 12px;
	-o-transition: all 1.7s ease;
	-moz-transition: all 1.7s ease;
	transition: all 1.7s ease;
	-webkit-mask-image: radial-gradient(white, black);
	mask-image: radial-gradient(white, black);
}

.more_button:focus {
	outline: none;
}

.more_button:hover {
	background: #e00012;
	color: #fff;
	border: 1px solid #e00012;
}

.more_button i {
	display: block;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	width: 100%;
	height: 100%;
	background: -moz-radial-gradient(#e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012);
	background: -o-radial-gradient(#e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012);
	background: radial-gradient(#e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012, #f00, #e00012);
	opacity: 0;
	-o-transition: 1.2s, opacity 1.8s;
	-moz-transition: 1.2s, opacity 1.8s;
	transition: 1.2s, opacity 1.8s;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.more_button:hover i {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	transform: scale(10);
	opacity: 1;
	-o-transition: 3s, opacity .3s;
	-moz-transition: 3s, opacity .3s;
	transition: 3s, opacity .3s;
}

.dot2 span,
.dot1 span {
	position: absolute;
	color: #d1d1d1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%)translateY(-50%);
	-moz-transform: translateX(-50%)translateY(-50%);
	-o-transform: translateX(-50%)translateY(-50%);
	transform: translateX(-50%)translateY(-50%);
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

/*dot1*/
.dot1 span {
	color: #d1d1d1;
}

.dot1 span:nth-child(1) {
	-o-transition: all 0.4s .5s ease, color .3s;
	-moz-transition: all 0.4s .5s ease, color .3s;
	transition: all 0.4s .5s ease, color .3s;
	left: 30%;
}

.dot1 span:nth-child(2) {
	-o-transition: all 0.4s .4s ease, color .3s;
	-moz-transition: all 0.4s .4s ease, color .3s;
	transition: all 0.4s .4s ease, color .3s;
	left: 50%;
}

.dot1 span:nth-child(3) {
	-o-transition: all 0.4s .3s ease, color .3s;
	-moz-transition: all 0.4s .3s ease, color .3s;
	transition: all 0.4s .3s ease, color .3s;
	left: 70%;
}

.more_button:hover .dot1 span:nth-child(1) {
	left: 120%;
	-o-transition: all 0.4s .2s ease, color .3s;
	-moz-transition: all 0.4s .2s ease, color .3s;
	transition: all 0.4s .2s ease, color .3s;
	color: #fff;
}

.more_button:hover .dot1 span:nth-child(2) {
	left: 120%;
	-o-transition: all 0.4s .1s ease, color .3s;
	-moz-transition: all 0.4s .1s ease, color .3s;
	transition: all 0.4s .1s ease, color .3s;
	color: #fff;
}

.more_button:hover .dot1 span:nth-child(3) {
	left: 120%;
	-o-transition: all 0.4s 0s ease, color .3s;
	-moz-transition: all 0.4s 0s ease, color .3s;
	transition: all 0.4s 0s ease, color .3s;
	color: #fff;
}

/*dot2*/
.dot2 span:nth-child(1) {
	left: -20%;
	-o-transition: all 0.4s .2s ease, color .3s;
	-moz-transition: all 0.4s .2s ease, color .3s;
	transition: all 0.4s .2s ease, color .3s;
	color: #d1d1d1
}

.dot2 span:nth-child(2) {
	left: -20%;
	-o-transition: all 0.4s .1s ease, color .3s;
	-moz-transition: all 0.4s .1s ease, color .3s;
	transition: all 0.4s .1s ease, color .3s;
	color: #d1d1d1
}

.dot2 span:nth-child(3) {
	left: -20%;
	-o-transition: all 0.4s 0s ease, color .3s;
	-moz-transition: all 0.4s 0s ease, color .3s;
	transition: all 0.4s 0s ease, color .3s;
	color: #d1d1d1
}

.more_button:hover .dot2 span:nth-child(1) {
	left: 30%;
	-o-transition: all 0.4s .5s ease, color .3s;
	-moz-transition: all 0.4s .5s ease, color .3s;
	transition: all 0.4s .5s ease, color .3s;
	color: #fff;
}

.more_button:hover .dot2 span:nth-child(2) {
	left: 50%;
	-o-transition: all 0.4s .4s ease, color .3s;
	-moz-transition: all 0.4s .4s ease, color .3s;
	transition: all 0.4s .4s ease, color .3s;
	color: #fff;
}

.more_button:hover .dot2 span:nth-child(3) {
	left: 70%;
	-o-transition: all 0.4s .3s ease, color .3s;
	-moz-transition: all 0.4s .3s ease, color .3s;
	transition: all 0.4s .3s ease, color .3s;
	color: #fff;
}

@media (max-width: 1200px) {
	.banner {
		position: relative;
		height: 50vh;
	}

	.banner img.img-responsive {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		min-width: 100%;
		max-width: none;
		height: 100%;
		animation: none;
	}

	.copyright {
		text-align: center;
	}

	.copyright-l {
		display: none;
	}

	.copyright-r {
		float: none;
	}

	.footer-r {
		float: none;
		width: 100%;
	}

	.f-share {
		text-align: center;
	}

	.f-belongs-one {
		line-height: 26px;
		text-align: center;
	}
}

/*手机菜单样式结束*/
@media (max-width: 767px) {
	.gf-pnav {
		display: none;
	}

	.gf-logo h1 {
		margin-top: 10px;
	}

	.gf-logo h1,
	.gf-logo h1 a {
		width: 117px;
		height: 40px;
		line-height: 40px;
		-moz-background-size: auto 40px;
		-o-background-size: auto 40px;
		background-size: auto 40px;
	}
}

@media(min-width:768px) {
	.buttonset {
		display: none;
	}
}

@media(min-width:992px) {
	.buttonset {
		display: none;
	}

	.gf-pnav a {
		/* margin-left: 40px; */
	}

	.m-totop,
	.f-footer {
		display: none;
	}

	i.f-arrow {
		display: none;
	}
}

@media (max-width: 992px) {
	.m-totop {
		line-height: 52px;
		font-size: 16px;
		color: #606060;
		text-align: center;
		background: #000;
	}

	.footer-l {
		padding-top: 40px;
		width: 100%;
	}

	.footer-l ul li {
		margin-right: 0;
		/*margin-bottom: 8px;*/
		margin-bottom: 0;
		width: 100%;
	}

	.footer-l dt {
		padding-bottom: 12px;
		border-bottom: 1px solid #373737;
		margin-bottom: 8px;
		line-height: normal;
		font-weight: normal;
	}

	i.f-arrow {
		display: inline-block;
		float: right;
		position: relative;
		top: 15px;
		height: 11px;
		/*margin-top: 6px;*/
		margin-right: 4px;
		vertical-align: top;
	}

	i.f-arrow img {
		width: 6px;
		vertical-align: top;
	}

	.footer-l dl,
	.footer-l dt,
	.footer-l dd {
		line-height: 1;
	}

	.footer-l dt a {
		display: inline-block;
		position: relative;
		top: 10px;
		margin-left: 3px;
		font-size: 17px;
		color: #6a6a6a;
		vertical-align: top;
	}

	.footer-l dd a {
		position: relative;
		top: -5px;
		line-height: 28px;
	}
.footer-sub-menu-b{
		line-height: 32px;
    font-size: 14px;
    color: #000000;
    transition: .3s;
}
	.footer-sub-menu {
		display: none;
		padding-left: 15px;
	}

	.footer-r {
		margin-top: 20px;
	}

	.f-belongs {
		padding-top: 20px;
		margin-top: 26px;
	}

	.copyright {
		padding-top: 26px;
		padding-bottom: 26px;
		margin-top: 22px;
	}
}

@media (min-width: 768px) {
	span.br-pc {
		display: block;
	}

	span.br-m {
		display: inline;
	}
}

@media (max-width: 1200px) {
	.QQ_s {
		display: none
	}
}

@media (max-width: 768px) {

	/*.banner> img{height:300px;width:auto;}*/
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}

	span.br-pc {
		display: inline;
	}

	span.br-m {
		display: block;
	}

	.banner {
		position: relative;
		height: auto;
	}

	.banner img.img-responsive {
		position: relative;
		left: 0;
		transform: translateX(0%);
		min-width: 0;
		width: 100%;
		max-width: none;
		animation: none;
	}

	.f-share {
		display: none;
	}

	.f-belongs-one {
		line-height: 28px;
		text-align: right;
	}

	.f-belongs {
		padding-top: 0;
		border-top: 0;
		margin-top: 0;
	}

	.f-belongs-one {
		font-size: 15px;
	}

	.product_txt {
		margin-top: 90px;
		margin-top: 1.2rem;
		margin-bottom: 55px;
		margin-bottom: 0.733333rem;
		text-align: left;
	}

	.product_txt1 {
		margin-bottom: 30px;
		margin-bottom: 0.4rem;
		line-height: 80px;
		line-height: 1.066667rem;
		font-size: 56px;
		font-size: 0.746667rem;
	}

	.product_txt2 {
		line-height: 42px;
		font-size: 24px;
	}

	.footer-l {
		padding-top: 40px;
	}

	.footer-r {
		margin-top: 27px;
	}

	.copyright {
		padding-top: 22px;
		padding-bottom: 22px;
		margin-top: 31px;
	}
	
	.copyright .container {
		height: 16px;
	}

	.copyright-r {
		width: 100%;
		text-align: left;
	}

	.copyright-r span.cip-r {
		float: right;
	}
}

@media (min-width: 768px) {
	.banner_txt {
		top: 55%
	}

	.banner_txt1 {
		font-size: 36px;
	}

	.banner_txt2 {
		font-size: 16px;
		width: 600px;
		margin-top: 20px;
		line-height: 30px;
	}
}

@media (min-width:992px) {
	.banner_txt {
		top: 57%
	}

	.banner_txt1 {
		font-size: 40px;
	}

	.banner_txt2 {
		width: 800px;
	}
}

@media (min-width:1110px) {
	.banner_txt {
		top: 55%
	}
}

@media (min-width:1200px) {
	.banner_txt1 {
		font-size: 45px;
	}

	.banner_txt2 {
		width: 800px;
		margin-top: 25px;
		line-height: 30px;
	}
}

@media (min-width:1440px) {
	.banner_txt {
		top: 55%
	}

	.banner_txt1 {
		font-size: 55px;
	}

	.banner_txt2 {
		margin-top: 35px;
		line-height: 35px;
	}
}

@media (min-width:1770px) {
	.banner_txt {
		top: 50%
	}
}

@media (min-width: 768px) {
	.fix-nav-btm {
		display: none;
	}
}

@media (max-width: 768px) {

	html,
	body {
		/*height:100%;*/
		/*overflow: auto;*/
		/*overflow-x: hidden;*/
		/*margin: 0;*/
		/*transform: translate3d(0, 0, 0);*/
		/*-webkit-overflow-scrolling : touch;*/
	}

	footer {
		padding-bottom: 63px;
	}

	.aside-nav {
		display: none;
	}

	.fix-nav-btm-all {}

	.content,
	.fix-nav-btm {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999;
		width: 100%;
		height: 63px;
		background: #0c0c0c;
		/*overflow-x: hidden;*/
		/*transform: translate3d(0, 0, 0);*/
		/*-webkit-overflow-scrolling : touch;*/
	}

	.fix-nav-btm {
		top: auto;
		bottom: 0;
		z-index: 999;
		font-size: 0;
		text-align: center;
	}

	.fnb-one {
		display: inline-block;
		margin: 9px 5% 0;
		vertical-align: top;
	}

	.fnb-one-img {
		margin-bottom: 3px;
	}

	.fnb-one-img img {
		width: 28px;
	}

	.fnb-one-desc {
		font-size: 12px;
	}

	.fnb-one-desc img {
		position: relative;
		top: 0px;
		margin-left: 4px;
		width: 4px;
	}

	.prevnext-m {
		display: none;
	}

	.banner_txt {
		padding-right: 15px;
		padding-left: 15px;
	}

	.banner_txt1,
	.banner_txt2 {
		width: 100%;
		text-align: left;
	}

	.banner_txt1 {
		line-height: 80px;
		line-height: 1.066667rem;
		font-size: 56px;
		font-size: 0.746667rem;
	}

	.banner_txt2 {
		margin-top: 28px;
		margin-top: 0.373333rem;
		line-height: 42px;
		font-size: 24px;
		color: #bebebe;
	}

	.product {
		margin-bottom: 0;
	}

	.prevnext-m {
		display: table;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px dashed #888;
		margin-top: 80px;
		width: 100%;
	}

	a.prev-m,
	a.next-m {
		display: inline-block;
		float: left;
	}

	a.next-m {
		float: right;
	}

	a.prev-m i,
	a.next-m i {
		display: inline-block;
		width: 36px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		background: #e4e4e4;
		border-radius: 50%;
	}

	a.prev-m img,
	a.next-m img {
		width: 8px;
	}

	a.prev-m span,
	a.next-m span {
		display: inline-block;
		margin: 0 6px;
		position: relative;
		top: 4px;
		font-size: 14px;
		color: #515151;
	}

	.about-desc {
		padding: 60px 15px;
		text-align: left;
	}

	.about-desc h2 {
		margin-bottom: 50px;
		line-height: 28px;
		font-size: 18px;
	}

	.about-desc h2::after {
		left: 0;
		transform: translateX(0);
		bottom: -18px;
		width: 20px;
		height: 2px;
	}

	.about-desc p.desc {
		line-height: 30px;
	}
}

@media (max-width: 544px) {
	.banner {
		height: 100vh;
		height: calc(100vh - 126px);
		margin-top: 63px;
	}

	.banner_txt {
		top: 50%;
	}

	.banner_txt2 {
		line-height: 50px;
		line-height: 0.666667rem;
		font-size: 30px;
		font-size: 0.4rem;
		color: #bebebe;
	}

	.product_txt2 {
		line-height: 50px;
		line-height: 0.666667rem;
		font-size: 30px;
		font-size: 0.4rem;
	}
}

@font-face {
	font-family: gothicb;
	src: url('../fonts/gothicb.ttf')
}

.banner {
	height: 678px;
}

.banner video {
	position: absolute;
	bottom: -40%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}

.about-idea {
	overflow: hidden;
}

.about-idea-t {
	position: relative;
	height: 700px;
}

.about-idea-t img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
}

.about-idea-b {
	display: table;
	position: relative;
	width: 100%;
	background: #8d8d8d;
}

.about-idea-b-in {
	float: right;
	position: relative;
	margin-top: -281px;
	width: 1524px;
}

.letmove .about-idea-b-in {
	transform: translateX(60px);
	transition: transform 1.3s .0s, opacity 1.3s .0s;
	opacity: 0;
}

.move .about-idea-b-in {
	transform: translateX(0);
	opacity: 1;
}

.idea-title {
	position: absolute;
	left: 95px;
	top: -162px;
	color: #fff;
}

.idea-title h2,
.idea-title h4 {
	margin: 0;
}

.idea-title h2 {
	margin-bottom: 12px;
	font-size: 75px;
	font-family: gothicb;
}

.idea-title h4 {
	font-size: 28px;
}

.idea-one {
	font-size: 0;
	background: #1d1f24;
}

.idea-one-desc,
.idea-one-img {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.idea-one-img {
	overflow: hidden;
}

.idea-one-img img {
	width: 100%;
	height: 100%;
	transition: .6s .05s;
}

.idea-one-img:hover img {
	transform: scale(1.1);
}

.idea-one-desc {
	padding: 60px 125px 0 100px;
}

.idea-one:nth-of-type(3) .idea-one-desc {
	float: left;
}

.idea-one-desc h3 {
	margin: 0;
	margin-bottom: 22px;
	font-size: 22px;
	color: #fff;
}

.idea-one-desc p.desc {
	position: relative;
	margin-bottom: 0;
	/*height: 84px;*/
	line-height: 28px;
	font-size: 12px;
	color: #898989;
}

.idea-one-desc p.desc::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -28px;
	width: 28px;
	height: 3px;
	background: #d51b32;
}

.about-title {
	text-align: center;
}

.about-title h2,
.about-title h4 {
	margin: 0;
}

.about-title h2 {
	margin-bottom: 35px;
	font-size: 46px;
	font-weight: bold;
	color: #787878;
}

.about-title h4 {
	font-size: 16px;
	color: #787878;
}

.about-title.letmove h2,
.about-title.letmove h4 {
	transform: translateY(40px);
	transition: transform .8s .0s, opacity .8s .0s;
	opacity: 0;
}

.about-title.letmove h4 {
	transition: transform .8s .1s, opacity .8s .1s;
}

.about-title.move h2,
.about-title.move h4 {
	transform: translateY(0);
	opacity: 1;
}

.about-good {
	padding-top: 125px;
	text-align: center;
}

.about-good-list {
	display: inline-block;
	margin-top: 104px;
	width: 1500px;
	width: 78.823%;
}

.good-one {
	display: inline-block;
	margin: 0 48px 115px;
	margin: 0 3.2% 115px;
	width: 245px;
	width: 16.334%;
	vertical-align: top;
}

.good-one-img {
	display: inline-block;
	margin-bottom: 36px;
	border: 2px solid #d51b32;
	width: 106px;
	height: 106px;
	line-height: 102px;
	text-align: center;
	border-radius: 50%;
}

.good-one-desc h3 {
	margin: 0;
	margin-bottom: 20px;
	font-size: 16px;
	color: #d51b32;
}

.good-one-desc p.desc {
	margin-bottom: 0;
	line-height: 24px;
	font-size: 12px;
	color: #898989;
}

.letmove .good-one-img,
.letmove .good-one-desc {
	transform: translateY(40px);
	transition: transform .8s .0s, opacity .8s .0s;
	opacity: 0;
}

.letmove .good-one-desc {
	transition: transform .8s .1s, opacity .8s .1s;
}

.move .good-one-img,
.move .good-one-desc {
	transform: translateY(0);
	opacity: 1;
}

.about-client {
	position: relative;
	height: 728px;
	overflow: hidden;
}

.about-client picture {
	position: absolute;
	width: 1920px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

img.about-client-bg,
img.about-client-line-bg {
	width: 100%;
	height: auto;
}

img.about-client-line-bg-ef {
	width: 0;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease 1.6s width;
}

.about-client-line.move img.about-client-line-bg-ef {
	width: 100%;
}

.about-client .about-title {
	position: absolute;
	left: 50%;
	top: 108px;
	transform: translateX(-50%);
}

.about-client .about-title h2,
.about-client .about-title h4 {
	color: #fff;
}

.about-client-line {
	position: absolute;
	bottom: 100px;
}

.ac-line-one {
	position: absolute;
	left: 14.85%;
	bottom: 10%;
	width: 110px;
	text-align: center;
}

.ac-line-one-2 {
	left: 30%;
	bottom: 72.7%;
}

.ac-line-one-3 {
	left: 44.7%;
	bottom: 35%;
}

.ac-line-one-4 {
	left: 60.2%;
	bottom: 94.7%;
}

.ac-line-one-5 {
	left: 78%;
	bottom: 35.5%;
}

.ac-line-one h3 {
	margin: 0;
	margin-bottom: 10px;
	font-family: gothicb;
	font-size: 63px;
	color: #fff;
}

.ac-line-one h3 i {
	font-style: normal;
}

.ac-line-one h3 span {
	margin-left: 10px;
	font-size: 30px;
}

.ac-line-one h4 {
	margin: 0;
	margin-bottom: 7px;
	font-size: 16px;
	color: #fff;
}

.ac-line-one p.desc {
	margin: 0;
	margin-bottom: 20px;
	font-size: 12px;
	color: #fff;
	opacity: .5;
}

.letmove .ac-line-one {
	transition: transform 1.4s .0s, opacity 1.4s .0s;
	opacity: 0;
}

.move .ac-line-one {
	opacity: 1;
}

.letmove .ac-line-one {
	transition: transform 1.4s .0s, opacity 1.4s .0s;
	opacity: 0;
}

.letmove .ac-line-one-2 {
	transition: transform 1.4s .3s, opacity 1.4s .3s;
}

.letmove .ac-line-one-3 {
	transition: transform 1.4s .6s, opacity 1.4s .6s;
}

.letmove .ac-line-one-4 {
	transition: transform 1.4s .9s, opacity 1.4s .9s;
}

.letmove .ac-line-one-5 {
	transition: transform 1.4s 1.2s, opacity 1.4s 1.2s;
}

.move .ac-line-one {
	opacity: 1;
}

.partner-in {
	width: 1400px;
	margin: 0 auto;
}

.partner-title {
	margin-top: 48px;
	margin-bottom: 48px;
}

.partner-title h2 {
	padding-left: 70px;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #464646;
}

.partner-title h2 span {
	font-weight: normal;
	color: #7a7a7a;
}

.partner-title h2 span::before {
	content: ' ';
	display: inline-block;
	margin-left: 15px;
	margin-right: 12px;
	width: 2px;
	height: 16px;
	background-image: url(../images/h2-line.png);
	background-repeat: no-repeat;
	background-size: 2px 16px;
}

.about-partner {
	position: relative;
}

.about-partner.letmove {
	transform: translateY(40px);
	transition: transform .8s .0s, opacity .8s .0s;
	opacity: 1;
}

.about-partner.move {
	transform: translateY(0);
	opacity: 1;
}

.partner-show {
	/* border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8; */
}

.imgs-all {
	position: relative;
	margin: 0 auto;
	width: 1221px;
	text-align: center;
	font-size: 0;
}

.imgs-list {}

.imgs-one-in-list {
	font-size: 0;
	text-align: center;
}

.team-in-all .imgs-one-in-one {
	margin-bottom: 35px;
}

.imgs-one-in-one {
	display: inline-block;
	/*margin-right: 6px;*/
	margin-top: 20px;
	margin-right: 1%;
	margin-bottom: 20px;
	/*margin-left: 6px;*/
	/* margin-left: 1%; */
	width: 15%;
	text-align: center;
	vertical-align: top;
}

.imgs-one-img {
	-webkit-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	height: 80px;
	line-height: 80px;
	border-radius: 4px;
	overflow: hidden;
}

.imgs-one-img img {
	max-width: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	/* filter: saturate(0%) brightness(1000%); */
	width: 130px;
	/* height: 40px; */
	transition: .6s;
}

.imgs-one-img:hover img {
	-webkit-filter: inherit;
	-moz-filter: inherit;
	-ms-filter: inherit;
	-o-filter: inherit;
	filter: inherit;
	filter: inherit;
}

.swiper-pagination {
	bottom: 90px;
	left: 50%;
	transform: translateX(-50%);
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	margin-right: 5px;
	margin-left: 5px;
	width: 6px;
	height: 6px;
	transition: .45s;
	border-radius: 3px;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active {
	background: #d51b32;
	width: 24px;
}

@media (max-width: 1700px) {
	.banner {
		height: 580px;
	}
}

@media (max-width: 1524px) {
	.about-idea-b-in {
		width: 100%;
	}
}

@media (max-width: 1500px) {
	.about-good-list {
		width: 85%;
	}
}

@media (max-width: 1480px) {
	.banner video {
		bottom: 0
	}
}

@media (max-width: 1400px) {
	.about-good-list {
		width: 90%;
	}

	.partner-in {
		width: 100%;
	}

	.idea-one-desc {
		padding: 60px 110px 0 100px;
	}

	.partner-title h2 {
		padding-left: 4.2%
	}
}

@media (max-width: 1300px) {
	.idea-one-desc {
		padding: 60px 70px 0 100px;
	}
}

@media (max-width: 1200px) {

	.idea-one-desc,
	.idea-one-img {
		display: block;
		width: 100%;
	}

	.idea-one-desc {
		padding: 60px 15px 80px;
	}

	.idea-one-desc h3 {
		margin-bottom: 20px;
		font-size: 20px;
	}
}

@media (min-width: 768px) {
	.about-partner-m {
		display: none;
	}
}

@media (max-width: 768px) {
	.about-title {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		text-align: left;
	}

	.about-client .about-title {
		top: 13%;
	}

	.about-title h2 {
		margin-bottom: 30px;
		margin-bottom: 0.4rem;
		font-size: 56px;
		font-size: 0.746667rem;
	}

	.about-title h4 {
		font-size: 24px;
	}

	.about-idea-b-in {
		margin-top: 0;
	}

	.idea-title {
		left: 15px;
		top: -210px;
		top: -2.8rem;
	}

	.idea-title h2 {
		margin-bottom: 12px;
		margin-bottom: 0.16rem;
		font-size: 10vw;
	}

	.idea-title h4 {
		font-size: 5vw;
	}

	.about-idea-t {
		height: 396px;
		height: 5.28rem;
	}

	.about-idea-t img {
		min-width: 100%;
		height: 396px;
		height: 5.28rem;
	}

	.about-good {
		padding-top: 75px;
		padding-bottom: 25px;
	}

	.about-good-list {
		margin-top: 60px;
		width: calc(100% - 30px);
	}

	.good-one {
		margin-bottom: 30px;
		display: block;
		width: 100%;
		text-align: left;
	}

	.good-one-img,
	.good-one-desc {
		display: inline-block;
		vertical-align: middle;
	}

	.good-one-img {
		width: 74px;
		height: 74px;
		line-height: 62px;
		margin-bottom: 0;
	}

	.good-one-desc {
		padding-left: 10px;
		width: calc(100% - 88px);
	}

	.good-one-desc h3 {
		margin-top: 4px;
		margin-bottom: 11px;
	}

	.about-client {
		height: auto;
	}

	.about-client picture {
		position: relative;
		left: 0;
		transform: translateX(0px);
	}

	.about-client-line {
		display: none;
	}

	.about-partner {
		display: none;
	}

	.about-partner-m {
		padding-top: 45px;
		padding-bottom: 35px;
	}

	.partner-list-m {
		margin: 30px auto 0;
		width: calc(100% - 30px);
		font-size: 0;
		text-align: center;
	}

	.list-one {
		display: inline-block;
		border: 1px solid #e3e3e3;
		margin: 0 6px 28px;
		margin: 0 0.08rem 0.373333rem;
		width: 210px;
		width: 2.8rem;
		height: 70px;
		height: 0.933333rem;
		line-height: 70px;
		line-height: 0.933333rem;
		vertical-align: top;
	}

	.list-one img {
		max-width: 60%;
		max-height: 90%;
	}
}

@media (max-width: 650px) {
	.banner {
		height: 100vh;
		height: calc(100vh - 126px);
	}

	.banner picture {
		height: 100vh;
		height: calc(100vh - 126px);
		display: block !important;
	}

	.banner video {
		display: none;
	}
}

@media (max-width: 544px) {
	.about-title h4 {
		font-size: 30px;
		font-size: 0.4rem;
	}

	.banner video {
		left: -90%;
	}
}

  .menu_tit3 {
    margin-top: 50px;
    margin-bottom: -40px;
    font-size: 15px;
    font-weight: bold;
    color: rgba(51, 112, 255, 1);
    line-height: 1.5;
  }

 .menu_tit1 {
	margin-top: 50px;
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: bold;
	color: #000000;
	line-height: 1;
	opacity: 1;
}

  .menu_tit2 {
    font-size: 20px;
    color: #777777;
    margin-bottom: 45px;
    line-height: 1.5;
  }

  .menu_tit4 {
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
    background: linear-gradient(to right, #000000, rgba(5, 45, 140, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: #000000;
    line-height: 1.5;
  }
  
  button {
	background: none;
	border: 0;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: inherit;
	overflow: visible;
	vertical-align: inherit
}
.banner-title-50{
	font-weight:800;
	color: white;
	font-size: 50px;
}
.banner-title-55{
	font-weight:800;
	color: white;
	font-size: 55px;
}