@charset "utf-8";
@font-face {
	font-family: 'PingFang';
	font-weight: normal;
	font-style: normal;
	src: url('PingFang Medium.eot');
	src: local('PingFang-Medium'), url('PingFang-Medium.eot?#iefix') format('embedded-opentype'), url('PingFang-Medium.woff') format('woff'), url('PingFang Medium.ttf') format('truetype'), url('PingFang-Medium.svg') format('svg');
}

html,
body,
div,
p,
ul,
li,
ol,
dl,
dt,
dd,
form,
input,
textarea,
table,
tr,
td,
img,
a,
span,
em,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

html,
body {
	width: 100%;
}

body {
	font-family: 'PingFang', arial, Helvetica, sans-serif;
	font-size: 16px;
	overflow-x: hidden;
	color: #000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}

input,
select,
option,
textarea {
	border: none;
	outline: none;
	font-family: 'PingFang', arial, Helvetica, sans-serif;
}

img {
	border: none;
}

a {
	color: #000;
}

a,
a:hover,
a:active,
a:visited,
a:link {
	text-decoration: none;
	outline: 0;
}

a:hover {
	color: #f8b62b;
}

ul li {
	margin: 0;
}

ul,
li {
	list-style: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

.none {
	display: none;
}

.block {
	display: block;
}

.w {
	width: 1420px;
	margin: 0 auto;
}

.ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*word-break: break-all;*/
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*word-break: break-all;*/
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*word-break: break-all;*/
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ellipsis-4 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*word-break: break-all;*/
	white-space: normal !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.ellipsis-5 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*word-break: break-all;*/
	white-space: normal !important;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.ellipsis-6 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*word-break: break-all;*/
	white-space: normal !important;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

::-webkit-input-placeholder {
	color: #666666;
}

:-moz-placeholder {
	color: #666666;
}

::-moz-placeholder {
	color: #666666;
}

:-ms-input-placeholder {
	color: #666666;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
}

.h {
	height: 50px;
	display: none;
}

.overflow {
	overflow: hidden;
}


/*  *  * header *  * */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0);
	z-index: 999;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header.nyfixed {
	position: relative;
	background: rgba(0, 0, 0, 1);
}

header.fixed {
	background: rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}

.head-main {
	position: relative;
	line-height: 120px;
	font-size: 0;
	z-index: 2;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header.fixed .head-main {
	line-height: 90px;
}

.head-main .logo {
	float: left;
}

.head-main .logo img {
	vertical-align: middle;
	height: 38px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nav {
	display: inline-block;
	vertical-align: middle;
}

.nav>ul>li {
	float: left;
	margin-right: 40px;
	position: relative;
}

.nav>ul>li>a {
	display: block;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}

.nav>ul>li:hover>a,
.nav>ul>li.on>a {
	color: #f8b62b;
}

.show-search-btn {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	cursor: pointer;
}

.show-search-btn img {
	display: block;
	width: 17px;
}

.show-search-btn:hover {
	opacity: .8;
}

.search {
	position: fixed;
	top: 120px;
	right: 0;
	height: 100%;
	max-height: 100vh;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: 996;
}

.search.fixed {
	top: 90px;
}

.search.search-is-open {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

.search.search-is-open .search_container {
	transform: translateY(0) translateZ(0);
}

.search_container {
	position: relative;
	z-index: 2;
	background-color: #000;
	transform: translateY(-100%) translateZ(0);
	transition: transform .75s cubic-bezier(.77, 0, .175, 1);
}

.search_overlay {
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
}

.search,
.search_overlay {
	left: 0;
}

.search-header {
	position: relative;
	padding: 50px 0;
}

.search-box {
	position: relative;
	padding: 0 100px;
}

.search-header .search-input {
	display: block;
	line-height: 70px;
	font-size: 24px;
	color: #fff;
	width: 100%;
	background: #000;
	border-bottom: 1px solid #fff;
}

.search-close {
	position: absolute;
	display: block;
	top: -20px;
	right: 0;
	width: 32px;
	height: 32px;
	background: url(../images/close.png) no-repeat center;
	opacity: .7;
	cursor: pointer;
	z-index: 6;
	transition-duration: .5s;
}

.search-close:hover {
	opacity: 1;
	transform: rotate(90deg);
}

.search .submit0 {
	position: absolute;
	display: block;
	top: 19px;
	right: 105px;
	z-index: 5;
	width: 40px;
	height: 32px;
	background: url(../images/searchf.png) no-repeat center;
	opacity: .7;
	cursor: pointer;
}

.search .submit0:hover {
	opacity: 1;
}

.lang {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	padding-left: 30px;
	line-height: 18px;
	background: url(../images/world.gif) no-repeat left center;
	background-size: 21px auto;
	cursor: pointer;
}

.lang span {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #fff;
}

.lang img {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	margin-left: 10px;
}

.langbox {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	padding-top: 10px;
	padding-left: 30px;
	z-index: 100;
}

.lang:hover .langbox {
	display: block
}

.langbox a {
	font-size: 18px;
	color: #fff;
}

.langbox a:hover {
	color: #F8B62B;
}

.head-main .tel {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: 25px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.head-main .tel a {
	display: block;
	line-height: 34px;
	font-size: 18px;
	color: #fff;
	padding: 0 15px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.head-main .tel:hover {
	border-color: #F8B62B;
	background: #f8b62b;
}


/*移动端*/

.sliding-menu {
	overflow: hidden;
	position: relative;
}

.sliding-menu ul {
	float: left;
	margin: 0;
	width: 100%;
}

.sliding-menu li {
	list-style: none;
	margin: 0;
	line-height: 16px;
}

.sliding-menu a {
	display: block;
	padding: 10px 1em;
	line-height: 25px;
}

.sliding-menu a:hover {
	background: #f8b62b;
	color: #FFF;
}

.sliding-menu a.nav:before {
	content: '\3009';
	float: right;
	margin-left: 1em;
}

.sliding-menu a.back {
	background: #f8b62b;
	color: #FFF;
}

.sliding-menu a.back:before {
	content: '\3008';
	float: left;
	margin-right: 1em;
}

.sliding-menu {
	overflow: hidden;
	position: relative;
}

.sliding-menu ul {
	float: left;
	margin: 0;
	width: 100%;
}

.sliding-menu li {
	list-style: none;
	margin: 0;
	line-height: 25px;
}

.sliding-menu a:hover {
	background: #f8b62b;
	color: #FFF;
}

.sliding-menu a.nav:before {
	content: '\3009';
	float: right;
	margin-left: 1em;
}

.sliding-menu a.back {
	background: #f8b62b;
	color: #FFF;
}

.phone_head {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #000;
	z-index: 999999;
	height: 50px;
	line-height: 50px;
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
}

.phone_head .logo {
	font-size: 0;
}

.phone_head .logo img {
	max-width: 100%;
	height: 22px;
	vertical-align: middle;
}

.phone-head .menubtn>span.expand {
	vertical-align: middle;
	display: inline-block;
	height: 43px;
	width: 50px;
	background: url(../images/menu.png) no-repeat center;
	background-size: auto 100%;
}

.phone-head .mask-close {
	background: #fff none repeat scroll 50% 50% / auto padding-box border-box;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #f8b62b;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 11px;
	left: 18px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	overflow: hidden;
}

.maskbg {
	/*display: none;*/
	position: fixed;
	top: 0;
	left: -9999px;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	overflow: hidden;
}

.popUp {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: -1;
}

.maxDiv .maskbg {
	left: 0;
}

.maskbg:before {
	content: "";
	position: absolute;
	top: 0;
	left: -9999px;
	width: 250px;
	height: 100%;
	background: #fff;
	transition: all 0.3s;
	z-index: 0;
}

.maxDiv .maskbg:before {
	left: 0;
	transition: all 0.3s;
}

#menu a {
	display: block;
	width: 100%;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#menu a.back {
	color: #FFF;
}

#menu a:hover {
	color: #fff;
	background: #f8b62b;
}

#menu h1 {
	font-weight: 300;
}

#menu h2 {
	font-weight: 300;
	margin: 3em 0 1em 0;
}

#menu p {
	margin: 20px 0;
}

#menu .nav {
	height: auto;
	background: #fff;
	float: none;
}

#menu {
	margin: 4em 0;
	width: 250px;
	min-height: 308px;
	background: #fff;
	left: -9999px;
	transition: all 0.3s;
	text-transform: uppercase;
}

.maxDiv .maskbg #menu {
	left: 0;
	transition: all 0.3s;
}

.phone_head .show-search-btn {
	margin-top: 17px;
	margin-right: 15px;
}

.phone_head .en a {
	color: #fff;
	font-size: 16px;
}


/*
 
 * 
 * */

footer {
	background: #000;
}

.footmain {
	padding: 50px 0;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.footmain .logo img {
	display: block;
	height: 30px;
}

.footmain .tbox {
	color: #fff;
}

.footmain .tbox dl {
	margin-top: 30px;
}

.footmain .tbox dt {
	font-size: 18px;
}

.footmain .tbox dd {
	font-size: 22px;
}

.footmain .tbox .bold {
	font-size: 24px;
	text-decoration: underline;
}

.sharebox {
	margin-top: 30px;
}

.sharebox ul {
	display: flex;
}

.sharebox li {
	flex: 1;
	position: relative;
	margin-right: 15px;
}

.sharebox li img {
	display: block;
	width: 100%;
}

.sharebox li a img {
	width: 45px;
	opacity: .5;
}

.sharebox li a img:hover {
	opacity: 1;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: shake 0.5s;
	animation: shake 0.5s;
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}
	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}
	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
}

.sharebox li .code {
	position: absolute;
	left: 0;
	bottom: 125%;
	display: none;
	width: 100px;
}

.sharebox li:hover .code {
	display: block;
}


/*.footmain .fnav {
	white-space: nowrap;
}*/

.fnav>ul {
	display: flex;
	justify-content: space-between;
}

.fnav>ul>li {
	flex: 1;
	/*margin-left: 70px;*/
	margin-left: 45px;
}

.fnav>ul>li:first-child {
	margin-left: 0;
}

.fnav>ul>li>a {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	line-height: 1;
	-webkit-border-image: -webkit-linear-gradient(270deg, #57F0AB 0%, #f8b62b 100%);
	-moz-border-image: -moz-linear-gradient(270deg, #57F0AB 0%, #f8b62b 100%);
	-o-border-image: -o-linear-gradient(270deg, #57F0AB 0%, #f8b62b 100%);
	border-image: linear-gradient(270deg, #57F0AB 0%, #f8b62b 100%) 1;
}

.fnav ul ul {
	margin-top: 30px;
	line-height: 22px;
	/*line-height: 30px;*/
}

.fnav ul ul li {
	margin-top: 10px;
}

.fnav ul ul li a {
	color: #999999;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.fnav ul ul li a:hover {
	color: #fff;
}

.footpartner {
	padding: 20px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.footpartner .tit {
	font-size: 18px;
	color: #fff;
	color: rgba(255, 255, 255, .5);
}

.partnermore {
	float: right;
	width: 14px;
	height: 8px;
	background: url(../images/brandmore.png) no-repeat center;
	cursor: pointer;
	opacity: .5;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.partnermore:hover {
	opacity: 1;
}

.partnermore.active {
	transform: rotate(180deg);
}

.footpartner .pic {
	margin-top: 10px;
	/*height: 80px;
	overflow: hidden;*/
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footpartner .pic li {
	float: left;
	/*width: 16.66%;*/
	height: 50px;
	margin-top: 20px;
	margin-right: 35px;
}

.footpartner .pic li img {
	display: block;
	/*max-width: 90%;*/
	max-height: 100%;
	opacity: 0.5;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footpartner .pic li img:hover {
	opacity: 1;
	/*-webkit-filter: none;
	filter: none;*/
}

.copyright {
	padding: 20px 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

.copyright a {
	color: rgba(255, 255, 255, 0.5);
}

.copyright a:hover {
	color: rgba(255, 255, 255, 1);
}

.copyright span {
	margin: 0 5px;
}

.flinks {
	float: right;
}


/*
 
 * index
 * */

.bannerswiper {
	position: relative;
	--swiper-theme-color: #f8b62b;
	--swiper-navigation-color: #fff;
	--swiper-navigation-size: 30px;
}

.bannerswiper .swiper-slide {
	overflow: hidden;
}

.bannerswiper .pic img {
	display: block;
	width: 100%;
}

.bannerswiper .tbox {
	position: absolute;
	left: 0;
	top: 25%;
	width: 100%;
	padding: 0 100px;
	text-align: center;
	z-index: 10;
}

.bannerswiper .tit {
	color: #fff;
	font-size: 65px;
	line-height: 1.1;
	font-weight: bold;
	opacity: 0;
	transform: translateY(-60px);
}

.bannerswiper .desc {
	margin-top: 20px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 24px;
	line-height: 1.2;
	opacity: 0;
	transform: translateY(-60px);
}

.bannerswiper .banner-btn-box {
	margin-top: 30px;
	display: inline-flex;
	justify-content: center;
	position: relative;
	z-index: 10;
	opacity: 0;
	transform: translateY(-60px);
}

.btn-box {
	display: inline-flex;
	position: relative;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	height: 45px;
	line-height: 43px;
	border: 1px solid #000;
	padding: 0 20px;
	border-radius: 50px;
	cursor: pointer;
	overflow: hidden;
	z-index: 2;
}

.btn-box i {
	width: 5px;
	height: 9px;
	margin-left: 10px;
	margin-top: 1px;
	background: url(../images/moreico0.png) no-repeat center;
}

.banner-btn-box .btn-box {
	margin: 0 5px;
	border-color: #f8b62b;
	color: #f8b62b;
}

.banner-btn-box .btn-box i {
	background-image: url(../images/moreico1.png);
}

.btn-box:hover {
	background: #f8b62b!important;
	border-color: #f8b62b!important;
	color: #fff!important;
}

.btn-box:hover i {
	background-image: url(../images/moreico.png);
}

.bannerswiper .swiper-slide-active .tit {
	transform: translateY(0) translateZ(0);
	opacity: 1;
	transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
}

.bannerswiper .swiper-slide-active .desc {
	transform: translateY(0) translateZ(0);
	opacity: 1;
	transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
}

.bannerswiper .swiper-slide-active .banner-btn-box {
	transition-delay: .6s;
	transform: translateY(0) translateZ(0);
	opacity: 1;
	transition: opacity .6s linear .3s, transform .6s cubic-bezier(.215, .61, .355, 1) .3s;
}

.in-sec1 {
	margin-top: 10px;
	position: relative;
}

.in-sec1 .pic {
	overflow: hidden;
}

.in-sec1 .pic img {
	display: block;
	width: 100%;
}

.in-sec1 .tbox {
	position: absolute;
	left: 0;
	top: 30%;
	width: 100%;
	padding: 0 100px;
	text-align: center;
	z-index: 10;
}

.in-sec1 .tbox .tit {
	color: #fff;
	font-size: 65px;
	line-height: 1.1;
	font-weight: bold;
}

.in-sec1 .tbox .desc {
	margin-top: 20px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 24px;
	line-height: 1.1;
}

.in-sec1 .btn-box {
	margin-top: 60px;
	border-color: #fff;
	color: #fff;
}

.in-sec1 .btn-box i {
	background-image: url(../images/moreico.png);
}

.intitle {
	text-align: center;
	font-weight: bold;
}

.intitle .tit {
	font-size: 45px;
	font-weight: bold;
}

.intitle .desc {
	margin-top: 20px;
	font-size: 20px;
}

.intitle .btn-box {
	margin-top: 50px;
}

.in-sec2 {
	background: #e5e5e7;
	padding: 90px 0;
}

.in-sec2 .main {
	margin-top: 50px;
}

.newslist li {
	float: left;
	width: 31.8%;
	margin-right: 2.3%;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
	background: #ebebed;
}

.newslist li:nth-child(3n) {
	margin-right: 0;
}

.newslist li a {
	display: block;
	position: relative;
	padding-bottom: 61%;
}

.newslist li .pic {
	border-radius: 10px;
	overflow: hidden;
}

.newslist li .pic img {
	display: block;
	width: 100%;
}

.newslist li .tbox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 21px;
	background: #ebebed;
	font-weight: bold;
	z-index: 1;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.newslist li:hover .tbox {
	padding-bottom: 50px;
	border-radius: 10px;
	background: #f8b62b url(../images/newsbg.png) no-repeat 105% 105%;
}

.newslist li .tbox .tag {
	margin-bottom: 15px;
	display: inline-block;
	background: #fff;
	font-size: 14px;
	color: #000;
	border-radius: 25px;
	line-height: 35px;
	padding: 0 10px;
}

.newslist li .tbox .tit {
	font-size: 24px;
	line-height: 30px;
	height: 120px;
}

.newslist li:hover .tbox .tit {
	margin-top: 30px;
	color: #fff;
}

.newslist li .tbox .time {
	margin-top: 40px;
	font-size: 16px;
	color: #666666;
	border-radius: 25px;
}

.newslist li .tbox .time:before {
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	margin-bottom: 5px;
	background: #666666;
}

.newslist li:hover .tbox .time {
	margin-top: 100px;
	color: #fff;
}

.newslist li:hover .tbox .time:before {
	background: #fff;
}

.in-sec3 {
	padding: 70px 0 130px;
	background: #e5e5e7;
}


/*
 
 * 
 * */

.location-nav {
	position: relative;
	top: 0;
	background: #fff;
	line-height: 60px;
	font-weight: bold;
	width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 995;
}

.location-nav.fixed {
	position: fixed;
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}

.location-nav .link {
	display: block;
	float: left;
	font-size: 22px;
	padding-right: 25px;
	background: url(../images/down0.png) no-repeat right 55%;
}

.navlinks {
	float: right;
}

.navlinks a {
	float: left;
	display: block;
	margin-left: 40px;
	font-size: 18px;
	position: relative;
}

.navlinks a:first-child {
	margin-left: 0;
}

.navlinks a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 4px;
	background: #f8b62b;
	transform: translateX(-50%);
	-moz-transition: width 0.3s;
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}

.navlinks a:hover::after,
.navlinks a.on::after {
	width: 30px;
}

.nybanner img {
	display: block;
	width: 100%;
}

.support-sec {
	background: #e5e5e5;
	padding-bottom: 60px;
}

.support-sec .main {
	padding: 50px 170px 80px;
	border-radius: 10px;
	background: #fff;
	position: relative;
	top: -40px;
}

.supportlist li {
	padding: 20px 0;
	border-bottom: 1px solid #e0e0e0;
}

.supportlist li .tit {
	font-size: 22px;
	line-height: 35px;
	padding-right: 60px;
	background: url(../images/jia.png) no-repeat right top;
	cursor: pointer;
}

.supportlist li .desc {
	margin-top: 15px;
	color: #333;
	line-height: 20px;
	display: none;
}

.supportlist li.is-open .tit {
	color: #f8b62b;
	background-image: url(../images/jian.png);
}


/*.supportlist li.is-open  .desc{
	display: block;
}*/

#dwlist li .tit {
	background-image: url(../images/download.png);
}


/*
 
 * case
 * */

.case-sec {
	padding: 50px 0 100px;
	background: #e5e5e5;
}

.case-sec .list li {
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-bottom: 30px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.case-sec .list li:nth-child(2n+1) {
	margin-left: 0;
}

.case-sec .list li a {
	display: block;
	position: relative;
}

.case-sec .list li .pic img {
	display: block;
	width: 100%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.case-sec .list li:hover .pic img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.case-sec .list li .tbox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 35px 30px;
}

.case-sec .list li .ico img {
	display: block;
	height: 60px;
}

.case-sec .list li .tit {
	margin-top: 15px;
	font-size: 45px;
	color: #fff;
	line-height: 50px;
	padding-right: 90px;
	background: url(../images/jia0.png) no-repeat right 3px;
}

.loadbtn {
	margin-top: 65px;
	text-align: center;
	font-weight: bold;
}

.loadbtn .btn-box i {
	width: 16px;
	height: 16px;
	margin-top: 1px;
	background-image: url(../images/loading.png);
}

.loadbtn .btn-box:hover i {
	background-image: url(../images/loading0.png);
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-webkit-transition: transform .5s;
	transition: transform .5s;
}

.layui-layer-page.videolayer .layui-layer-content {
	overflow: hidden;
}


/*
 
 * events
 * */

.events-sec {
	padding: 50px 0 100px;
	background: #e5e5e5;
}

.events-list {
	margin-top: 50px;
}

.events-list .newslist li a {
	padding-bottom: 47%;
}

.events-list .newslist li .tbox .tit {
	height: 90px;
}

.events-head {
	background: #fff;
	border-radius: 10px;
}

.events-head a {
	display: flex;
	justify-content: space-between;
	align-content: center;
	padding: 60px;
}

.events-head .pic {
	flex: 1;
	display: inline-flex;
	align-items: center;
	margin-right: 30px;
}

.events-head .pic img {
	display: block;
	width: 210px;
	max-width: 100%;
}

.events-head .tbox {
	flex: 3;
}

.events-head .tit {
	margin-top: 15px;
	font-size: 35px;
	font-weight: bold;
	line-height: 40px;
	height: 120px;
}

.events-head .time {
	margin-top: 30px;
	font-size: 16px;
	color: #666666;
	line-height: 35px;
	border-radius: 25px;
	background: url(../images/timeright.png) no-repeat right center;
}

.events-head .time:before {
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	margin-bottom: 5px;
	background: #666666;
}

.events-head a:hover .time {
	background-image: url(../images/jia.png);
}


/*
 
 * pro
 * */

.pro-sec {
	padding: 0 0 60px;
	background: #fff;
}

.pro-sec .intitle {
	position: relative;
}

.pro-sec .intitle .w {
	max-width: 100%;
}

.intitlebox {
	position: relative;
	top: 100px;
	width: 42%;
	text-align: left;
}

.intitlebox .tit {
	font-size: 65px;
}

.intitlebox .desc {
	font-size: 30px;
}

.pro-sec .main {
	padding: 0 60px;
}

.pro-sec .main ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pro-sec .main ul li {
	margin-bottom: 35px;
	width: 59%;
}

.pro-sec .main ul li:first-child {
	align-self: flex-end;
}

.pro-sec .main ul li:nth-child(2n) {
	margin-left: 3%;
}

.pro-sec .main ul li:nth-child(4n+2),
.pro-sec .main ul li:nth-child(4n+3) {
	width: 38%;
}

.pro-sec .main ul li .pic {
	height: 560px;
	border-radius: 60px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
}

.pro-sec .main ul li:nth-child(4n+2) .pic,
.pro-sec .main ul li:nth-child(4n+3) .pic {
	height: 720px;
}

.pro-sec .main ul li .tbox {
	padding: 40px 0;
	font-weight: bold;
}

.pro-sec .main ul li .tbox .tit {
	font-size: 40px;
	color: #010415;
	line-height: 1.1;
	height: 80px;
	padding-right: 50%;
	background: url(../images/promore0.png) no-repeat right bottom;
	-moz-transition: background-position .3s;
	-webkit-transition: background-position .3s;
	transition: background-position .3s;
}

.pro-sec .main ul li:hover .tbox .tit {
	color: #f7b322;
	background: url(../images/promore.png) no-repeat right top;
}

.pro-sec .main ul li .tbox .desc {
	margin-top: 25px;
	font-size: 18px;
	color: #000;
	opacity: .5;
}

.pro-sec .main ul li .tbox .tit {
	padding-right: 60%;
}

.pro-sec .main ul li:nth-child(4n+2) .tbox .tit,
.pro-sec .main ul li:nth-child(4n+3) .tbox .tit {
	padding-right: 38%;
}

.pro-sec .main ul li.online {
	position: relative;
	padding-bottom: 210px;
	/*width: 38%;*/
}

.pro-sec .main ul li:first-child.online {
	margin-top: 160px;
	width: 38%;
}

.pro-sec .main ul li:nth-child(2).online {
	margin-top: 160px;
}

.pro-sec .main ul li.online .pic {
	height: 560px;
}

.pro-sec .main ul li.online .box {
	position: absolute;
	left: 0;
	width: 100%;
	top: 14%;
	color: #fff;
	text-align: center;
	z-index: 1;
}

.pro-sec .main ul li.online .tit {
	font-size: 45px;
}

.pro-sec .main ul li.online .desc {
	margin-top: 20px;
	font-size: 20px;
	padding: 0 15%;
}

.pro-sec .main ul li.online .btn {
	margin-top: 50px;
}

.btn .btn-box {
	border-color: #fff;
	color: #fff;
}

.btn .btn-box i {
	background-image: url(../images/moreico.png);
}

.btn .btn-tel {
	margin-left: 10px;
	background: #f8b62b;
	border-color: #f8b62b;
}

.btn .telico {
	margin-left: -6px;
	line-height: 45px;
	height: 45px;
	width: 45px;
	border-color: #f8b62b;
	background: #f8b62b url(../images/telico.png) no-repeat center;
}


/*
 
 * 
 * */

.pagestyle {
	text-align: center;
}

.pagestyle a {
	display: inline-block;
	vertical-align: middle;
	background: #000;
	color: #fff;
	font-size: 20px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 5px;
	padding: 0 5px;
	border-radius: 5px;
}

.pagestyle a.on {
	background: #f8b62c;
}

.pagestyle a:hover {
	background: #f8b62c;
	opacity: .9;
}

@media only screen and (max-width:960px) {
	.pagestyle a {
		font-size: 12px;
		min-width: 30px;
		height: 30px;
		line-height: 30px;
	}
}


/*
 
 * eventsxq
 * */

.eventsxq-sec {
	padding: 55px 0;
	background: #fff;
}

.newsmain .tbox {
	float: left;
	width: 47%;
}

.newsmain .tbox .tit {
	font-size: 45px;
	font-weight: bold;
	line-height: 1.1;
}

.newsmain .tbox .info {
	margin-top: 80px;
	color: #666;
}

.newsmain .tbox .info:before {
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	margin-bottom: 5px;
	background: #999;
}

.newsmain .tbox .info span {
	color: #000;
}

.newsmain .tbox .share {
	margin-top: 15px;
	color: #666;
}

.newsmain .tbox .share:before {
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	margin-bottom: 5px;
	background: #999;
}

.newsmain .pic {
	float: right;
	width: 47%;
	border-radius: 10px;
	overflow: hidden;
}

.newsmain .pic img {
	display: block;
	width: 100%;
}

.detail {
	font-size: 18px;
	line-height: 26px;
	width: 860px;
	padding: 0 0 80px 30px;
	margin: 60px auto 0;
	background: url(../images/detailbg.png) no-repeat left top;
}

.detail p {
	margin: 20px 0;
}

.detail img {
	display: block;
	width: 100%;
	margin: 20px 0;
}

.latestnews {
	padding: 60px 0 0;
	border-top: 2px solid #ebebeb;
}

.latestnews .tit {
	font-size: 35px;
	font-weight: bold;
}

.latestnews .newslist {
	margin-top: 35px;
}

.latestnews .newslist li .tbox {
	background-color: #fdfdfd;
}

.latestnews .newslist li:hover .tbox {
	background: #f8b62b url(../images/newsbg.png) no-repeat 105% 105%;
}


/*
 
 * 
 * */

.about-sec1 {
	padding: 190px 0 70px;
	background: #000000;
}

.about-sec1 .main {
	padding-bottom: 190px;
	text-align: center;
	background: url(../images/about-sec1.png) no-repeat bottom center;
	background-size: 100% auto;
}

.about-sec1 .main .tit {
	color: #fff;
	font-size: 65px;
	line-height: 1.1;
	font-weight: bold;
	color: #fff;
	background: -webkit-linear-gradient(0deg, #fff 20%, #707070 80%);
	background: linear-gradient(0deg, #fff 20%, #707070 80%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.about-sec1 .main .desc {
	margin-top: 30px;
	padding: 0 15%;
	color: rgba(255, 255, 255, 0.5);
	font-size: 22px;
	line-height: 1.4;
}

.about-sec1 .main .btn-box {
	margin-top: 40px;
	border-color: #F8B62B;
	color: #F8B62B;
}

.about-sec1 .main .btn-box i {
	width: 10px;
	height: 13px;
	background-image: url(../images/play.png);
}

.about-sec1 .main .btn-box:hover i {
	background-image: url(../images/play0.png);
}

.mapbg {
	position: relative;
}

.map .pic img {
	display: block;
	width: 100%;
}

.map .markerbox {
	position: absolute;
	z-index: 2;
}

.map .markerbox:hover {
	z-index: 4;
}

.map .markerbox .ico img {
	display: block;
	width: 25px;
}

.map .markerbox:nth-child(2) .ico img {
	width: 55px;
	animation-delay: 0ms;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.map .info {
	display: none;
	position: absolute;
	z-index: 5;
	bottom: 30px;
	left: 12px;
	width: 350px;
	background: rgba(248, 182, 43, 0.2);
	color: #fff;
	font-size: 14px;
	border-radius: 10px 10px 0 0;
	padding: 20px;
	border: 1px solid #f8b62b;
	border-bottom: 0;
	margin-bottom: 42px;
}

.map .info:after {
	content: "";
	position: absolute;
	bottom: -42px;
	left: -1px;
	right: -1px;
	height: 42px;
	background: url(../images/markerboxinfo.png) no-repeat left bottom;
	background-size: 100%;
}

.map .markerbox:nth-child(2) .info {
	bottom: 55px;
}

.map .markerbox:hover .info {
	display: block
}

.map .info .tit {
	font-size: 20px;
}

.map .info .desc {
	margin-top: 10px;
}

.map .markerbox:nth-child(2) {
	right: 24%;
	top: 13%;
}

.map .markerbox:nth-child(3) {
	left: 17%;
	top: 11%;
}

.map .markerbox:nth-child(4) {
	left: 25%;
	top: 8%;
}

.map .markerbox:nth-child(5) {
	left: 22%;
	bottom: 26.5%;
}

.map .markerbox:nth-child(6) {
	left: 25.5%;
	bottom: 45%;
}

.map .markerbox:nth-child(7) {
	left: 39%;
	top: 30%;
}

.map .markerbox:nth-child(8) {
	left: 49%;
	top: 11%;
}

.map .markerbox:nth-child(9) {
	left: 48%;
	bottom: 37%;
}

.map .markerbox:nth-child(10) {
	left: 52%;
	top: 38%;
}

.map .markerbox:nth-child(11) {
	right: 39%;
	top: 4%;
}

.map .markerbox:nth-child(12) {
	right: 35%;
	top: 22%;
}

.map .markerbox:nth-child(13) {
	right: 29.5%;
	top: 1%;
}

.map .markerbox:nth-child(14) {
	right: 23.5%;
	top: 38%;
}

.map .markerbox:nth-child(15) {
	right: 16%;
	bottom: 32%;
}

.map .markerbox:nth-child(15) .info {
	left: auto;
	right: 12px;
}

.map .markerbox:nth-child(15) .info:after {
	transform: rotateY(180deg);
}

.mobile-map {
	display: none
}

.mapswiper {
	--swiper-pagination-bullet-inactive-color: #fff;
	--swiper-pagination-color: #f8b62b;
}

.about-sec1 .tbox {
	padding-top: 100px;
	color: #fff;
	background: url(../images/about-sec1tbox.png) no-repeat top center;
	background-size: 100% auto;
}

.about-sec1 .tbox .title {
	float: left;
	width: 33%;
	font-size: 45px;
	line-height: 1.1;
	font-weight: bold;
}

.about-sec1 .tbox .stit {
	font-size: 24px;
	margin-bottom: 15px;
}

.about-sec1 .tbox .desc {
	float: right;
	width: 60%;
	font-size: 18px;
	line-height: 1.2;
}

.about-sec1 .tbox .desc p {
	margin-bottom: 20px;
}

.about-sec2 {
	background: #fff url(../images/honorbg.png) no-repeat left top;
	background-size: 100% auto;
	padding: 130px 0;
}

.about-sec2 .main {
	position: relative;
}

.about-sec2 .intitle {
	position: absolute;
	left: 0;
	top: 35px;
	width: 100%;
	z-index: 0;
}

.about-sec2 .intitle .tit {
	width: 37%;
	text-align: left
}

.about-sec2 .intitle .ico {
	margin-top: 80px;
	height: 85px;
}

.about-sec2 .intitle .ico img {
	display: block;
	height: 100%;
}

.honorswiper {
	margin-left: 43%;
	--swiper-theme-color: #fff;
	--swiper-navigation-color: #666;
	--swiper-navigation-size: 22px;
	--swiper-navigation-sides-offset: 18%;
}

.honorbox {
	margin: 15px;
	padding: 10px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
}

.honorbox .pic img {
	display: block;
	width: 100%;
}

.honorbox .tbox {
	margin: 20px 0;
	color: #333333;
	line-height: 22px;
	height: 44px;
	padding-left: 10px;
	position: relative;
}

.honorbox .tbox:before {
	content: "";
	width: 2px;
	height: 14px;
	background: #e5e5e5;
	position: absolute;
	left: 0;
	top: 4px;
}

.honorswiper .swiper-button-prev,
.honorswiper .swiper-button-next {
	width: 55px;
	height: 55px;
	line-height: 55px;
	margin-top: -22px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
	font-weight: bold;
}

.honorswiper .swiper-button-prev:hover,
.honorswiper .swiper-button-next:hover {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}

.about-sec3 {
	padding: 20px 0 80px;
	background: #fff;
}

.about-sec3 .intitle {
	width: 65%;
	margin: 0 auto;
}

.about-sec3 .main {
	width: 86%;
	margin: 60px auto 0;
	position: relative;
}

.partnerswiper {
	height: 36vw;
	--swiper-pagination-color: #f8b62b;
	--swiper-pagination-bullet-width: 14px;
	--swiper-pagination-bullet-height: 14px
}

.sixborbox {
	font-size: 0;
	position: absolute;
	left: 2.5%;
	top: 6%;
}

.sixborbox1 {
	height: 12vw;
}

.sixborbox2 {
	width: 80%;
	height: 80%;
	position: absolute;
	top: 10%;
	left: 10%;
	overflow: hidden;
}

.sixborbox2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
}

.sixborbox2:hover {
	opacity: .7;
}

.sixborbox:nth-child(4) {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

@media(min-width:751px) {
	.sixborbox:nth-child(2) {
		left: 16%;
		top: 37%;
	}
	.sixborbox:nth-child(2) .sixborbox1 {
		height: 9.5vw;
	}
	.sixborbox:nth-child(3) {
		left: 0%;
		top: 59%;
	}
	.sixborbox:nth-child(3) .sixborbox1 {
		height: 12vw;
	}
	.sixborbox:nth-child(4) .sixborbox1 {
		height: 24vw;
	}
	.sixborbox:nth-child(5) {
		left: initial;
		right: 16%;
		top: 0;
	}
	.sixborbox:nth-child(6) {
		left: initial;
		right: 0;
		top: 26%;
	}
	.sixborbox:nth-child(6) .sixborbox1 {
		height: 9.5vw;
	}
	.sixborbox:nth-child(7) {
		left: initial;
		right: 6%;
		top: 53%;
	}
	.sixborbox:nth-child(7) .sixborbox1 {
		height: 16vw;
	}
}

@media(max-width:750px) {
	.partnerswiper {
		height: 23rem;
	}
	.sixborbox {
		top: 6%;
		left: 0;
	}
	.sixborbox1 {
		height: 7.3rem;
	}
	.sixborbox:nth-child(2) {
		left: initial;
		right: 0;
	}
	.sixborbox:nth-child(3) {
		left: 0;
		top: 62%;
	}
	.sixborbox:nth-child(4) {}
	.sixborbox:nth-child(4).sixborbox1 {
		height: 5rem;
	}
	.sixborbox:nth-child(5) {
		left: initial;
		right: 0;
		top: 62%;
	}
	.sixborbox:nth-child(6),
	.sixborbox:nth-child(7) {
		display: none;
	}
	.partnerswiper {
		--swiper-pagination-bullet-width: 8px;
		--swiper-pagination-bullet-height: 8px;
	}
}


/*
 
 * 
 * */

.service-sec {
	padding: 60px 0;
	background: #fff;
}

.service-sec .main {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.service-sec .info {
	width: 48%;
	font-weight: bold;
}

.service-sec .info dl {
	padding: 40px 0;
	padding-left: 140px;
	background: url(../images/suico1.png) no-repeat left 40px;
}

.service-sec .info dl:nth-child(2) {
	border-top: 1px solid #e7e7e7;
	background-image: url(../images/suico2.png);
}

.service-sec .info dt {
	font-size: 18px;
}

.service-sec .info dd {
	font-size: 30px;
}

.service-sec .info dl dt:nth-child(3) {
	margin-top: 20px;
}

.service-sec .form {
	width: 48%;
	background: #f3f3f3;
	border-radius: 20px;
	padding: 50px 40px 40px;
}

.service-sec .form form {
	margin-top: 40px;
}

.form form li {
	margin-top: 10px;
	background: #fff;
	border-radius: 10px;
	padding: 0 20px;
}

.forminput {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 55px;
	line-height: 55px;
	color: #666666;
	font-size: 16px;
	background: #fff;
}

.formtextarea {
	display: block;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	height: 120px;
	line-height: 60px;
	color: #666666;
	font-size: 16px;
}

.forminput:focus,
.formtextarea:focus {
	background: #fff;
}

.formsubmit {
	margin-top: 40px;
	text-align: right;
	font-weight: bold;
}


/*
 
 * contact
 * */

.contact-sec1 {
	background: #e5e5e5;
}

.contact-sec1 .main {
	position: relative;
}

.contact-sec1 .main .tbox {
	width: 35%;
	padding: 70px 0;
}

.contact-sec1 .main .tbox dl {
	margin-bottom: 25px;
	padding-left: 50px;
	font-weight: bold;
	background: url(../images/ctico1.png) no-repeat left top;
}

.contact-sec1 .main .tbox dl:nth-child(2) {
	background-image: url(../images/ctico2.png)
}

.contact-sec1 .main .tbox dl:nth-child(3) {
	background-image: url(../images/ctico3.png)
}

.contact-sec1 .main .tbox dl:nth-child(4) {
	background-image: url(../images/ctico4.png)
}

.contact-sec1 .main .tbox dt {
	font-size: 18px;
}

.contact-sec1 .main .tbox dd {
	margin-top: 10px;
	font-size: 24px;
}

.my-map {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: 3;
}

.amap-container {
	width: 100%;
	height: 100%;
}

.amap-info-content {
	width: 330px;
}

.amap-info>div {
	position: absolute!important;
	bottom: 0px!important;
	left: 0px!important;
}

.amap-layer {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.amap-logo {
	opacity: 0;
}

.contact-sec2 {
	background: #fff;
	padding: 100px 0;
}

.contact-sec2 .intitle {
	float: left;
	width: 30%;
	text-align: left;
	padding-bottom: 130px;
	background: url(../images/go.png) no-repeat left bottom;
}

.contact-sec2 .form {
	float: right;
	width: 60%;
}

.contact-sec2 .form li {
	border: 1px solid #bebebe;
	position: relative;
}

.contact-sec2 .form li.box {
	display: flex;
	align-items: center;
}

.contact-sec2 .form li label {
	line-height: 22px;
	font-size: 16px;
	color: #666;
	padding-right: 20px;
	border-right: 1px solid #898989;
	flex: 1;
	margin-right: 15px;
}

.contact-sec2 .form .btn-box {
	margin-top: 30px;
	font-weight: bold;
	letter-spacing: 1px;
	background: #fff;
}

.contact-sec2 .forminput {
	margin: 0;
	height: 50px;
	line-height: 50px;
	flex: 3.5;
}

.contact-sec2 .form li select {
	color: #333333;
}

.idpos {
	position: relative;
	width: 0;
	height: 0;
}

.idpos span {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	top: -200px;
}


/*
 
 * 
 * */

.proxqSwiper {
	width: 100%;
	height: 100%;
	/*--swiper-pagination-progressbar-size:3px;
	--swiper-pagination-progressbar-bg-color:rgba(255,255,255,.3);
	--swiper-pagination-color:#fff;*/
}

.proxqSwiper .swiper-pagination {
	top: 7.5%;
	height: 85%;
	left: 4.3%;
	display: none;
}

.proxqSwiper .swiper-pagination i {
	display: block;
	height: 9px;
	width: 9px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: -3px;
	top: 100%;
	opacity: 0;
}

.proxqSwiper .swiper-pagination::before,
.proxqSwiper .swiper-pagination::after {
	content: "";
	position: absolute;
	height: 9px;
	width: 9px;
	left: -3px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .3);
}

.proxqSwiper .swiper-pagination::before {
	top: 0;
	background: #fff;
}

.proxqSwiper .swiper-pagination::after {
	bottom: -9px;
}

.proxqSwiper .backgroundslide {
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

.proxqSwiper .backgroundslide .proxqbg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.probannerbox {
	position: absolute;
	width: 100%;
	bottom: 70px;
	left: 0;
}

.probannerbox .intitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	color: #fff;
}

.probannerbox .go {
	margin-left: 20%;
	/*animation-delay: 0ms;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;*/
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.probannerbox .go img {
	display: block;
	width: 55px;
}

@-webkit-keyframes arrow {
	0% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	50% {
		-webkit-transform: translate3d(0px, -10px, 0px);
	}
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
}

@keyframes arrow {
	0% {
		transform: translate3d(0px, 0px, 0px);
	}
	50% {
		transform: translate3d(0px, -10px, 0px);
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
	}
}
.proxqcontent-img{
	display:none;
}
.proxqSwiper .section {
	color: #fff;
}

.proxqSwiper .section .intitle .desc {
	font-weight: normal;
}

@media only screen and (min-width:1800px) {
	.proxq1tbox .intitle .desc,
	.proxq2tbox .intitle .desc,
	.proxq3tbox .intitle .desc {
		font-size: 22px;
	}
}

.proxq1tbox {
	border: 2px solid #f8b62b;
	border-radius: 20px;
	padding: 65px;
	display: flex;
	justify-content: space-between;
}

.proxq1tbox .intitle {
	width: 45%;
	text-align: left;
}

.proxq1tbox .intitle .ico {
	margin-bottom: 120px;
}

.proxq1tbox .intitle .ico img {
	display: block;
	width: 52px;
}

.proxq1tbox .numberlist {
	width: 50%;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
}

.proxq1tbox .numberlist dl {
	width: 48%;
}

.proxq1tbox .numberlist dl:nth-child(2n) {
	margin-left: 4%;
}

.proxq1tbox .numberlist dt {
	font-size: 40px;
	font-weight: bold;
}

.proxq1tbox .numberlist dd {
	font-size: 18px;
	padding-right: 25%;
}

.proxq2tbox {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.proxq2tbox .intitle {
	text-align: left;
	padding-right: 50%;
}

.proxq2tbox .intitle .tit {
	color: #f8b62b;
}

.proxq2tbox .intitle .xian {
	width: 50px;
	height: 2px;
	background: #f8b62b;
	margin-top: 30px;
}

.proxq2tbox .tbox {
	width: 45%;
	margin-top: 135px;
	font-size: 35px;
	font-weight: bold;
	padding-left: 60px;
	background: url(../images/rightjiao.png) no-repeat left 15px;
	background-size: 30px auto;
}

.proxq2tbox .tbox .linear-gradient {
	color: #f8b62b;
	background: -webkit-linear-gradient(0deg, #db7fb0 20%, #fbe15a 80%);
	background: linear-gradient(0deg, #db7fb0 20%, #fbe15a 80%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-weight: bold;
}

.proxq3tbox .intitle {
	text-align: left;
	padding-left: 56%;
}

.proxq3tbox .intitle .tit {
	padding-bottom: 45px;
	border-bottom: 3px solid rgba(255, 255, 255, .3);
}

.proxq3tbox .intitle .desc {
	margin-top: 80px;
	display: flex;
}

.proxq3tbox .intitle .ico {
	margin-right: 40px;
}

.proxq4tbox {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.proxq4tbox .intitle {
	text-align: left;
}

.proxq4tbox .intitle .desc {
	padding-right: 63%;
}

.proxq4tbox .tbox {
	position: relative;
	width: 50%;
	margin-top: 15px;
	right: -15%;
	padding: 80px 10%;
	font-size: 30px;
	font-weight: bold;
	background: url(../images/proxq4bg.png) no-repeat left center;
	background-size: 100% 100%;
}

.proxq4tbox .tbox .ico {
	margin-bottom: 40px;
}

.proxq4tbox .tbox .ico img {
	display: block;
	width: 30px;
}


/*.proxq5tbox {
	display: flex;
	flex-wrap: wrap;
}*/

.proxq5tbox .intitle {
	padding: 0 22%;
}

.proxq5tbox .list {
	margin-top: 85px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.proxq5tbox .list li {
	flex: 0 0 calc(14.28% - 10px);
	margin: 10px 0 10px 10px;
	padding: 20px;
	border: 1px solid #434343;
	border-radius: 10px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.5);
	line-height: 1.2;
	font-weight: bold;
}

.proxq5tbox .list li .tbox {
	margin-top: 40px;
}

.proxq5tbox .list li img {
	display: block;
	height: 60px;
}

.proxq6tbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.proxq6tbox .intitle {
	padding-right: 50%;
	text-align: left;
	margin-bottom: 32%;
}

.proxq7tbox {
	display: flex;
	flex-wrap: wrap;
}

.proxq7tbox .intitle {
	padding-right: 45%;
	text-align: left;
}

.proxq7tbox .tbox {
	width: 50%;
	margin-top: 50px;
	background: rgba(255, 255, 255, .1);
	padding: 40px 75px;
	border-radius: 40px;
	font-size: 20px;
	line-height: 1.5;
	backdrop-filter: blur(5px);
}

.proxq7tbox .tbox .ico {
	margin-bottom: 20px;
}

.proxq7tbox .tbox .ico img {
	display: block;
	width: 45px;
}

.proxq8tbox {
	display: flex;
	flex-wrap: wrap;
}

.proxq8tbox .intitle {
	text-align: left;
	width: 100%;
}

.proxq8tbox .intitle .desc {
	padding-left: 55%;
	margin-top: 40px;
}

.proxq8tbox .tbox {
	font-size: 30px;
	color: #f8b62b;
	width: 28%;
	margin-top: 60px;
	margin-left: 5.5%;
}

.proxq8tbox .tbox li {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
	margin-top: 45px;
}

.proxq8tbox .tbox li img {
	width: 120px;
	margin-left: 20px;
}

.proxq9tbox .intitle {
	padding-left: 45%;
}

.proxq10tbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	color: #333333;
}

.proxq10tbox .intitle {
	width: 36%;
	text-align: left;
}

.proxq10tbox .intitle .desc {
	margin-top: 40px;
}

.proxq10tbox .pic {
	width: 59.5%;
}

.proxq10tbox .pic img {
	display: block;
	max-width: 100%;
}

.bottomswiper {
	width: 100%;
	height: 100%;
}


/*
 
 * 
 * */


/*
 
 * 
 * */


/*
 
 * 
 * */


/*
 
 * 
 * */


/*
 
 * 
 * */

@media only screen and (max-width:1680px) {
	.w {
		width: 1200px;
	}
	body {
		font-size: 15px;
	}
	.head-main {
		line-height: 100px;
	}
	header.fixed .head-main {
		line-height: 80px;
	}
	.nav>ul>li {
		float: left;
		margin-right: 30px;
	}
	.head-main .tel a,
	.langbox a,
	.lang span,
	.nav>ul>li>a {
		font-size: 16px;
	}
	.head-main .logo img {
		height: 33px;
	}
	.location-nav .link {
		font-size: 20px;
	}
	.navlinks a {
		font-size: 16px;
	}
	.footmain .logo img {
		height: 28px;
	}
	.footmain .tbox dd {
		font-size: 20px;
	}
	.case-sec .list li .tit {
		line-height: 40px;
		background-size: 30px 30px;
	}
	.about-sec1 {
		padding-top: 170px;
	}
	.newsmain .tbox .tit,
	.case-sec .list li .tit,
	.pro-sec .main ul li.online .tit,
	.about-sec1 .tbox .title,
	.intitle .tit {
		font-size: 38px;
	}
	.about-sec1 .main .tit,
	.in-sec1 .tbox .tit,
	.bannerswiper .tit {
		font-size: 50px;
	}
	.about-sec1 .tbox .stit,
	.about-sec1 .main .desc,
	.in-sec1 .tbox .desc,
	.bannerswiper .desc {
		font-size: 20px;
	}
	.newslist li .tbox .tit {
		font-size: 20px;
	}
	.newslist li .tbox .tag {
		font-size: 12px;
	}
	.newslist li .tbox .time {
		font-size: 14px;
	}
	.newslist li:hover .tbox .time {
		margin-top: 60px;
	}
	.btn-box {
		font-size: 16px;
	}
	.about-sec1 .tbox .desc {
		font-size: 16px;
	}
	.pro-sec .main ul li:nth-child(4n+2) .pic,
	.pro-sec .main ul li:nth-child(4n+3) .pic {
		height: 460px;
	}
	.pro-sec .main ul li.online .pic,
	.pro-sec .main ul li .pic {
		height: 310px;
	}
	.pro-sec .main ul li .tbox .tit {
		font-size: 30px;
	}
	.pro-sec .main ul li .tbox .desc {
		font-size: 16px;
	}
	.pro-sec .main ul li.online .box {
		top: 9%;
	}
	.pro-sec .main ul li.online .desc {
		font-size: 18px;
		margin-top: 15px;
	}
	.pro-sec .main ul li.online .btn {
		margin-top: 15px;
	}
	.supportlist li .tit {
		font-size: 20px;
	}
	.case-sec .list li .ico img {
		height: 40px;
	}
	.events-head .tit {
		font-size: 28px;
	}
	.events-head a {
		padding: 40px 60px;
	}
	.events-head .time {
		margin-top: 20px;
	}
	.contact-sec1 .main .tbox dd {
		font-size: 22px;
	}
	.intitlebox .desc {
		font-size: 24px;
	}
	.proxq1tbox .intitle .ico {
		margin-bottom: 50px;
	}
	.proxq1tbox .numberlist dt {
		font-size: 30px;
	}
	.proxq2tbox .tbox {
		font-size: 30px;
	}
	.proxq4tbox .tbox {
		font-size: 24px;
	}
	.proxq8tbox .tbox {
		font-size: 25px;
		margin-top: 40px;
		margin-left: 2.5%;
	}
	.proxq8tbox .tbox li img {
		width: 80px;
	}
	.service-sec .info dd {
		font-size: 25px;
	}
}

@media only screen and (max-width:1600px) {
	body {
		font-size: 14px;
	}
	.newsmain .tbox .tit,
	.case-sec .list li .tit,
	.pro-sec .main ul li.online .tit,
	.about-sec1 .tbox .title,
	.intitle .tit {
		font-size: 32px;
	}
	.about-sec1 .main .tit,
	.in-sec1 .tbox .tit,
	.bannerswiper .tit {
		font-size: 45px;
	}
	.intitle .desc,
	.about-sec1 .tbox .stit,
	.about-sec1 .main .desc,
	.in-sec1 .tbox .desc,
	.bannerswiper .desc {
		font-size: 16px;
	}
	.service-sec .info dt {
		font-size: 16px;
	}
	.service-sec .info dd {
		font-size: 25px;
	}
	.forminput {
		height: 50px;
		line-height: 50px;
	}
	.pro-sec .main ul li .tbox .tit {
		font-size: 26px;
	}
	.contact-sec1 .main .tbox dd {
		font-size: 20px;
		margin-top: 0;
	}
	.contact-sec1 .main .tbox dl {
		margin-bottom: 15px;
	}
	.contact-sec1 .main .tbox dt {
		font-size: 16px;
	}
	.contact-sec2 .form li label {
		flex: 1.3;
	}
	.pro-sec .main ul li .tbox .tit {
		font-size: 22px;
		height: 50px;
		background-size: 44px 44px;
	}
	.pro-sec .main ul li:hover .tbox .tit {
		background-size: 44px 44px;
	}
	.pro-sec .main ul li.online .desc {
		font-size: 16px;
		padding: 0 10%;
	}
	.proxq1tbox .numberlist dt {
		font-size: 25px;
	}
	.proxq1tbox .numberlist dd {
		font-size: 16px;
	}
	.proxq1tbox .intitle .ico {
		margin-bottom: 25px;
	}
	.proxq2tbox .tbox {
		width: 40%;
		font-size: 22px;
	}
	.proxq3tbox .intitle .desc {
		margin-top: 50px;
	}
	.proxq3tbox .intitle .ico img {
		width: 50px;
	}
	.proxqSwiper .swiper-pagination {
		left: 2.3%;
	}
	.proxq4tbox .tbox {
		margin-top: 15px;
		right: -9%;
		padding: 60px 8%;
		font-size: 22px;
	}
	.proxq4tbox .tbox .ico {
		margin-bottom: 20px;
	}
	.proxq5tbox .list li img {
		display: block;
		height: 36px;
	}
	.proxq5tbox .list li .tbox {
		margin-top: 20px;
	}
	.proxq5tbox .list {
		margin-top: 45px;
	}
	.proxq6tbox .intitle {
		margin-bottom: 20%;
	}
	.proxq7tbox .tbox {
		margin-top: 40px;
		padding: 40px 55px;
		font-size: 16px;
	}
	.proxq7tbox .tbox .ico img {
		width: 30px;
	}
	.proxq8tbox .tbox {
		margin-top: 0;
		font-size: 22px;
		width: 24%;
	}
	.proxq8tbox .tbox li img {
		width: 60px;
	}
	.proxq8tbox .tbox li {
		margin-top: 20px;
	}
	.proxq10tbox .pic {
		width: 47.5%;
	}
	.proxq10tbox .intitle {
		width: 43%;
	}
	.footmain .tbox dl {
		margin-top: 20px;
	}
	.footmain .tbox .bold {
		font-size: 22px;
	}
	.sharebox li a img {
		width: 40px;
	}
	.events-head .tit {
		font-size: 24px;
		height: 60px;
		line-height: 30px;
		-webkit-line-clamp: 2;
	}
	.navlinks a {
		margin-left: 30px;
	}
	.newsmain .tbox {
		width: 52%;
	}
	.newsmain .tbox .info {
		margin-top: 65px;
	}
	.newsmain .pic {
		width: 40%;
	}
	.detail {
		font-size: 16px;
		line-height: 24px;
	}
	.latestnews .tit {
		font-size: 30px;
	}
	.about-sec1 .main {
		padding-bottom: 90px;
	}
	.map .info {
		font-size: 13px;
		padding: 20px 10px 0;
	}
	.map .info .tit {
		font-size: 16px;
	}
	.map .info .desc {
		margin-top: 5px;
	}
	.map .markerbox:nth-child(14) .info {
		left: auto;
		right: 12px;
	}
	.map .markerbox:nth-child(14) .info:after {
		transform: rotateY(180deg);
	}
	.about-sec1 .tbox {
		padding-top: 60px;
	}
	.about-sec2 {
		padding: 90px 0;
	}
	.about-sec2 .intitle .ico {
		margin-top: 55px;
		height: 60px;
	}
	.pro-sec .main ul li.online {
		padding-bottom: 177px;
	}
}

@media only screen and (max-width:1300px) {
	.w {
		width: 1180px;
	}
	.proxq2tbox .tbox {
		margin-top: 45px;
	}
	.in-sec1 .tbox .w,
	.bannerswiper .tbox .w{
		width: 100%;
	    padding: 0 4%;
	}
}

@media only screen and (max-width:1200px) {
	.w {
		width: 1024px;
	}
	.support-sec .main {
		padding: 50px 80px;
	}
	.case-sec .list li .ico img {
		height: 30px;
	}
	.events-head .tit {
		font-size: 22px;
	}
	
}

@media only screen and (max-width:1024px) {
	.w {
		width: 960px;
	}
	body {
		font-size: 14px;
	}
	header {
		display: none!important;
	}
	.phone_head {
		display: block
	}
	.h {
		display: block;
	}
	.search,
	.search.fixed {
		top: 50px;
	}
	.search_overlay {
		background: rgba(255, 255, 255, .1);
	}
	.search-box {
		padding: 0 50px;
	}
	.search .submit0 {
		right: 55px;
	}
	.sharebox li a img {
		width: 30px;
	}
	.footmain .fnav {
		white-space: normal;
	}
	.fnav>ul>li {
		margin-left: 40px;
	}
	.footmain .tbox .bold {
		font-size: 20px;
	}
	.sharebox li {
		margin-right: 5px;
	}
	.footmain .logo img {
		height: 20px;
	}
	.fp-section,
	.fp-tableCell {
		height: auto !important;
	}
	.probannerbox {
		margin: 10% 0;
		position: static;
		background: rgba(0, 0, 0, .3);
		padding: 30px;
	}
	.section {
		padding: 70px 0;
	}
	.fp-auto-height {
		padding: 0;
	}
	.btn .telico {
		display: none;
	}
	.pro-sec .main ul li.online .btn-box {
		font-size: 14px;
	}
	.pro-sec .main ul li .tbox {
		padding-bottom: 0;
	}
	.pro-sec .main ul li .tbox .desc {
		margin-top: 10px;
	}
	.proxqSwiper .swiper-pagination {
		left: 1.3%;
	}
	.about-sec1 {
		padding-top: 100px;
	}
	.map .markerbox .ico img {
		width: 19px;
	}
	.map .markerbox:nth-child(2) .ico img {
		width: 38px;
	}
	.map .markerbox:nth-child(13) .info,
	.map .markerbox:nth-child(2) .info {
		left: auto;
		right: 12px;
	}
	.map .markerbox:nth-child(13) .info:after,
	.map .markerbox:nth-child(2) .info:after {
		transform: rotateY(180deg);
	}
	.pro-sec .main ul li.online {
    	padding-bottom: 120px;
	}
	
}


@media only screen and (max-width:960px) {
	.w {
		width: 100%;
		padding: 0 4%;
	}
	.search-header {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.search-box {
		padding: 0 10px;
	}
	.search .submit0 {
		right: 15px;
	}
	.search-header .search-input {
		font-size: 18px;
	}
	.search-close {
		top: -60px;
		width: 20px;
		height: 20px;
	}
	.about-sec1 .main .tit,
	.in-sec1 .tbox .tit,
	.bannerswiper .tit {
		font-size: 34px;
	}
	.in-sec1 .btn-box {
		margin-top: 30px;
	}
	.btn-box {
		height: 42px;
		line-height: 40px;
	}
	.newslist li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
		border-radius: 10px;
		overflow: hidden;
		background: #ebebed;
	}
	.newslist li:nth-child(3n) {
		margin-right: 4%;
	}
	.newslist li:nth-child(2n) {
		margin-right: 0;
	}
	.footmain {
		flex-wrap: wrap;
	}
	.footmain .fnav {
		margin-top: 40px;
	}
	.in-sec1 .tbox,
	.bannerswiper .tbox {
		padding: 0 60px;
	}
	.service-sec .main {
		align-items: flex-start;
	}
	.service-sec .info dl {
		padding-left: 80px;
		background-size: 60px 60px;
	}
	.location-nav {
		line-height: 40px;
	}
	.location-nav .link {
		font-size: 18px;
	}
	.navlinks {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		width: 60%;
		background: #fff;
		padding: 20px;
		text-align: left;
		border: 1px solid #e1e1e1;
	}
	.navlinks.active {
		display: block;
	}
	.navlinks a {
		float: none;
		line-height: 30px;
		margin-left: 0;
		margin-bottom: 5px;
	}
	.navlinks a::after {
		left: 0;
		transform: translateX(0);
	}
	.case-sec .list li .tit {
		font-size: 22px;
		line-height: 30px;
		background-size: 30px 30px;
	}
	.detail {
		font-size: 18px;
		width: 100%;
		padding: 0 30px 30px;
		margin-top: 40px;
	}
	.newsmain .tbox .share {
		display: none;
	}
	.contact-sec1 .main .tbox {
		width: 100%;
	}
	.my-map {
		position: static;
		width: 100%;
		height: 350px;
	}
	.pro-sec .main ul li.online .pic,
	.pro-sec .main ul li .pic {
		height: 340px;
	}
	.btn .btn-tel {
		margin-top: 5px;
	}
	.about-sec1 .tbox .title {
		width: 100%;
	}
	.about-sec1 .tbox .desc {
		width: 100%;
		margin-top: 30px;
	}
	.about-sec2 .intitle {
		position: static;
		top: 0;
	}
	.about-sec2 .intitle .tit {
		width: 100%;
	}
	.about-sec2 .intitle .ico {
		margin-top: 25px;
		height: 30px;
	}
	.honorswiper {
		margin-left: 0;
		margin-top: 30px;
	}
	.about-sec3 .intitle {
		width: 100%;
	}
	.about-sec3 .main {
		width: 100%;
		margin: 40px auto 0;
	}
}

@media only screen and (max-width:640px) {
	.phone_head .logo img {
		max-height: 32px;
	}
	.bannerswiper .tbox {
		padding: 0 28px;
	}
	.about-sec1 .main .tit {
		font-size: 22px;
	}
	.in-sec1 .tbox .tit,
	.bannerswiper .tit {
		font-size: 20px;
	}
	.intitle .desc,
	.about-sec1 .tbox .stit,
	.about-sec1 .main .desc {
		font-size: 14px;
	}
	.in-sec1 .tbox .desc,
	.bannerswiper .desc {
		font-size: 14px;
		margin-top: 10px;
	}
	/*.bannerswiper .pic {
		position: relative;
		height: 300px;
	}
	.bannerswiper .pic img {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: auto;
		height: 100%;
	}*/
	.bannerswiper .tbox {
		top: 12%;
	}
	.bannerswiper .banner-btn-box {
		margin-top: 10px;
	}
	.banner-btn-box .btn-box {
		margin: 0 5px;
		padding: 0 10px;
		font-size: 12px;
		line-height: 30px;
		height: 32px;
	}
	.in-sec1 .tbox {
		padding: 0;
		top: 15%;
	}
	/*.in-sec1 .pic {
		height: 250px;
		position: relative;
	}
	.in-sec1 .pic img {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: auto;
		height: 100%;
	}*/
	.in-sec1 .btn-box {
        margin-top: 15px;
    }
	.pro-sec .main ul li.online .tit,
	.about-sec1 .tbox .title,
	.intitle .tit {
		font-size: 22px;
	}
	.intitle .desc {
		margin-top: 10px;
	}
	.intitle .btn-box {
		margin-top: 30px;
	}
	.newslist li {
		width: 100%;
		margin-right: 0;
	}
	.newslist li .tbox .tit {
		font-size: 16px;
		line-height: 24px;
		height: 96px;
	}
	.newslist li .tbox .time {
		font-size: 12px;
		margin-top: 20px;
	}
	.newslist li:hover .tbox .time {
		margin-top: 40px;
	}
	.footmain .fnav {
		display: none;
	}
	.footmain .info {
		width: 100%;
		text-align: center;
	}
	.footmain .tbox dl {
		margin-top: 15px;
	}
	.footmain .logo img {
		margin: 0 auto;
	}
	.sharebox li {
		margin-right: 0;
	}
	.sharebox li img {
		margin: 0 auto;
	}
	.footpartner {
		display: none;
	}
	.footpartner .tit {
		font-size: 15px;
	}
	.footpartner .pic {
		height: 50px;
	}
	.footpartner .pic li {
		width: 25%;
		height: 40px;
		margin-top: 10px;
	}
	.copyright {
		font-size: 12px;
		text-align: center;
	}
	.flinks {
		float: none;
	}
	.service-sec {
		padding: 0 0 40px 0;
	}
	.service-sec .main {
		flex-wrap: wrap;
	}
	.service-sec .info {
		width: 100%;
	}
	.service-sec .info dd {
		font-size: 20px;
	}
	.service-sec .form {
		width: 100%;
		padding: 40px 25px;
	}
	.support-sec .main {
		top: 0;
		padding: 40px 20px;
	}
	.supportlist li {
		padding: 10px 0;
	}
	.supportlist li .tit {
		background-size: auto 25px;
	}
	.case-sec .list li .tit {
		font-size: 20px;
		line-height: 24px;
		background-size: 20px 20px;
	}
	.case-sec .list li {
		width: 100%;
		margin-left: 0;
	}
	.loadbtn {
		margin-top: 15px;
	}
	.case-sec .list li .ico img {
		height: 25px;
	}
	.events-head a {
		padding: 25px;
	}
	.events-head .tit {
		margin-top: 0;
		line-height: 24px;
		height: 72px;
		font-size: 18px;
	}
	.newsmain .tbox .tit {
		font-size: 20px;
		line-height: 1.3
	}
	.latestnews .tit {
		font-size: 20px;
	}
	.newsmain .tbox {
		width: 100%;
	}
	.newsmain .tbox .info {
		margin-top: 20px;
	}
	.newsmain .pic {
		width: 100%;
		margin-top: 30px;
	}
	.detail {
		padding: 0 20px;
		margin-top: 30px;
		font-size: 14px;
	}
	.detail p {
		margin: 10px 0;
	}
	.latestnews .newslist li .tbox {
		background-color: #ebebed;
	}
	.eventsxq-sec {
		padding: 20px 0;
	}
	.latestnews .newslist {
		margin-top: 25px;
	}
	.latestnews {
		padding: 40px 0 0;
	}
	.contact-sec1 .main .tbox dt {
		font-size: 14px;
	}
	.contact-sec1 .main .tbox dd {
		font-size: 16px;
	}
	.my-map {
		height: 250px;
	}
	.contact-sec2 .intitle {
		width: 100%;
		text-align: center;
		padding-bottom: 35px;
		background-position: center bottom;
		background-size: 15px auto;
	}
	.form form li {
		padding: 0 10px;
	}
	.contact-sec2 .form {
		width: 100%;
	}
	.contact-sec2 .form li label {
		font-size: 12px;
		flex: 1;
		margin-right: 8px;
	}
	.formtextarea,
	.forminput {
		font-size: 14px;
	}
	.intitlebox {
		top: 0;
		width: 100%;
		text-align: center;
	}
	.pro-sec .main {
		padding: 0 4%;
		margin-top: 40px;
	}
	.pro-sec .main ul li {
		width: 100%!important;
	}
	.pro-sec .main ul li:nth-child(4n+2),
	.pro-sec .main ul li:nth-child(4n+3) {
		width: 100%;
	}
	.pro-sec .main ul li .pic {
		height: 160px;
		border-radius: 20px;
	}
	.pro-sec .main ul li:nth-child(4n+2) .pic,
	.pro-sec .main ul li:nth-child(4n+3) .pic {
		height: 350px;
	}
	.pro-sec .main ul li.online {
        padding-bottom:0;
    }
    .pro-sec .main ul li:first-child.online,
	.pro-sec .main ul li:nth-child(2).online {
    margin-top: 0;
}
	.pro-sec .main ul li.online .pic {
		height: 260px;
	}
	.pro-sec .main ul li .tbox {
		padding-top: 20px;
	}
	.pro-sec .main ul li .tbox .tit {
		font-size: 18px;
		height: 40px;
		background-size: 34px 34px;
		background-position: right center;
		padding-right: 70px;
	}
	.pro-sec .main ul li .tbox .desc {
		font-size: 14px;
	}
	.pro-sec .main ul li:nth-child(2n) {
		margin-left: 0;
	}
	.probannerbox {
		margin: 0;
		backdrop-filter: blur(1px);
	}
	.probannerbox .go {
		margin-left: 20px;
	}
	.probannerbox .go img {
		width: 30px;
	}
	.proxqSwiper .swiper-pagination {
		left: 2.3%;
		height: 72%;
	}
	.proxq1tbox {
		padding: 35px;
		display: flex;
		flex-wrap: wrap;
	}
	.proxq1tbox .intitle {
		width: 100%;
	}
	.proxq1tbox .intitle .ico img {
		width: 20px;
	}
	.proxq1tbox .intitle .ico {
		margin-bottom: 15px;
	}
	.proxq1tbox .numberlist {
		width: 100%;
	}
	.proxq1tbox .numberlist dt {
		font-size: 16px;
	}
	.proxq1tbox .numberlist dl {
		width: 100%;
		margin-top: 20px;
	}
	.proxq1tbox .numberlist dl:nth-child(2n) {
		margin-left: 0;
	}
	.proxq2tbox .intitle {
		padding-right: 0;
	}
	.proxq2tbox .tbox {
		margin-top: 0;
		padding-top: 35px;
		padding-left: 0;
		width: 100%;
		font-size: 16px;
		background-position: left 10px;
		background-size: 20px auto;
	}
	.proxq3tbox .intitle {
		padding-left: 0;
	}
	.proxq3tbox .intitle .tit {
		padding-bottom: 25px;
	}
	.proxq3tbox .intitle .desc {
		margin-top: 35px;
	}
	.proxq3tbox .intitle .ico {
		margin-right: 25px;
	}
	.proxq4tbox .intitle .desc {
		padding-right: 0;
	}
	.proxq4tbox .tbox {
		right: 0;
		width: 100%;
		font-size: 16px;
	}
	.proxq5tbox .intitle {
		padding: 0;
	}
	.proxq5tbox .list {
		margin-top: 20px;
	}
	.proxq5tbox .list li {
		margin: 5px 0 5px 10px;
		flex: 0 0 calc(50% - 10px);
	}
	.proxq5tbox .list li .tbox {
		margin-top: 15px;
	}
	.proxq5tbox .list li img {
		height: 30px;
	}
	.proxq6tbox .intitle {
		padding-right: 0;
		margin-bottom: 0;
	}
	.proxq7tbox .intitle {
		padding-right: 0;
	}
	.proxq7tbox .tbox {
		width: 100%;
		padding: 30px;
		margin-top: 30px;
	}
	.proxq7tbox .tbox .ico img {
		width: 20px;
	}
	.proxq8tbox .intitle .desc {
		padding-left: 0;
		margin-top: 30px;
	}
	.proxq8tbox .tbox {
		font-size: 18px;
		width: 100%;
	}
	.proxq10tbox .intitle {
		width: 100%;
	}
	.proxq10tbox .pic {
		width: 100%;
		margin-top: 30px;
	}
	.proxq10tbox .intitle .desc {
		margin-top: 20px;
	}
	.service-sec .form form {
		margin-top: 30px;
	}
	.supportlist {
		margin-top: 30px;
	}
	.supportlist li .tit {
		font-size: 17px;
	}
	.about-sec1 .main .desc {
		padding: 0;
	}
	.about-sec1 .main .btn-box {
		margin-top: 30px;
	}
	.about-sec1 .main {
		padding-bottom: 40px;
	}
	.map .markerbox {
		position: static;
	}
	.map .info {
		display: block;
		position: static;
		width: 100%;
		font-size: 14px;
		border-radius: 10px;
		padding: 20px;
		border: 1px solid #f8b62b;
		margin-bottom: 40px;
	}
	.about-sec1 {
		padding: 40px 4%;
	}
	.map .markerbox:nth-child(2) {
		padding-top: 30px;
		background: url(../images/about-sec1tbox.png) no-repeat top center;
		background-size: 100% auto;
	}
	.map .info:after {
		display: none;
	}
	.map .markerbox:nth-child(2) .ico img {
		animation: none;
	}
	.mapbg {
		display: none;
	}
	.mobile-map {
		display: block
	}
	.map .info .tit {
		font-size: 18px;
	}
	.about-sec1 .tbox {
		padding-top: 40px;
		background: #000;
	}
	.about-sec3 {
		padding: 0 0 40px;
	}
	.sixborbox:nth-child(4) .sixborbox1 {
		height: 44vw;
	}
	.proxq4tbox .tbox .ico img {
		width: 20px;
	}
	.in-sec1 {
		margin-top: 0;
	}
	.section,
	.about-sec2,
	.pro-sec,
	.contact-sec2,
	.contact-sec1 .main .tbox,
	.case-sec,
	.support-sec,
	.footmain,
	.in-sec3,
	.in-sec2 {
		padding: 40px 0;
	}
	.fp-auto-height {
		padding: 0;
	}
	.proxqSwiper .proxqcontent {
    padding: 0;
    background: #000000!important;
    display: block;
}
	
	.proxqSwiper .proxqcontent .fp-tableCell{
		display: block;
	}
	.proxqSwiper .proxqcontent .w{
		margin: 40px 0;
	}
	
	.proxqcontent-img{
		display: block;
		width: 100%;
	}
	.proxq8tbox .intitle .tit,
	.proxq8tbox .intitle .desc{
		text-align: right;
	}
	.proxq10tbox .intitle .desc,
	.proxq10tbox .intitle .tit,
	.proxq6tbox .intitle .tit,
	.proxq6tbox .intitle .desc{
		text-align: center;
	}
}

@media only screen and (max-width:320px) {
	.pro-sec .main ul li.online .btn-box {
		padding: 0 10px;
	}
}