@charset "utf-8";

/*清除默认样式 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0
}

body,
h1,
div,
li,
a,
button,
input,
select,
textarea {}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
audio,
video {
	display: block;
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal
}

ul,
ol {
	list-style: none
}

a {
	text-decoration: none;
	color: inherit
}

a:hover {
	text-decoration: none
}

p,
span {
	color: inherit
}

table {
	border-collapse: collapse
}

input,
textarea {
	outline: none;
	border: none
}

input {
	border: none;
	appearance: none;
	-moz-appearance: none;
	outline: none;
	-webkit-appearance: none
}

:-moz-placeholder,
::-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.55;
	font-size: 14px
}

textarea {
	resize: none;
	overflow: auto
}

input:-webkit-autofill {
	box-shadow: 0 0 0px 1000px white inset
}

button,
input,
select,
textarea {
	font-size: 100%
}

img {
	max-width: 100%
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

input,
textarea,
select {
	outline: none
}

a,
a:hover {
	text-decoration: none;
	outline: none
}

ul li {
	list-style-type: none
}

img {
	border: none
}

.bd_weixin_popup {
	box-sizing: content-box
}

@media screen and (min-width:1024px) {
	/*::-webkit-scrollbar{width:5px;background-color:#f7f8f9}
::-webkit-scrollbar-thumb{background-color:#085cc2}*/
}

/* CSS Document */
/**,::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;}*/
@font-face {
	font-family: 'Gotham Rounded Book';
	src: url('fonts/GothamRounded-Book.eot');
	src: url('fonts/GothamRounded-Book.eot?#iefix') format('embedded-opentype'), url('fonts/GothamRounded-Book.woff2') format('woff2'), url('fonts/GothamRounded-Book.woff') format('woff'), url('fonts/GothamRounded-Book.ttf') format('truetype'), url('fonts/GothamRounded-Book.svg#GothamRounded-Book') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('fonts/GothamRounded-Bold.eot');
	src: url('fonts/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/GothamRounded-Bold.woff2') format('woff2'), url('fonts/GothamRounded-Bold.woff') format('woff'), url('fonts/GothamRounded-Bold.ttf') format('truetype'), url('fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'TwCenMT';
	src: url('fonts/TwCenMT-Bold.eot');
	src: url('fonts/TwCenMT-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/TwCenMT-Bold.woff2') format('woff2'), url('fonts/TwCenMT-Bold.woff') format('woff'), url('fonts/TwCenMT-Bold.ttf') format('truetype'), url('fonts/TwCenMT-Bold.svg#TwCenMT-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

.en {
	font-family: 'TwCenMT', Microsoft Yahei, "微软雅黑", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('fonts/MyriadPro-Bold.eot');
	src: url('fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-Bold.woff2') format('woff2'),
		url('fonts/MyriadPro-Bold.woff') format('woff'),
		url('fonts/MyriadPro-Bold.ttf') format('truetype'),
		url('fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

body {
	background-color: #fff;
	overflow-x: hidden;
	color: #000;
	position: relative;
	min-width: 320px;
	font-family: Microsoft Yahei, "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.hide {
	display: none;
}

textarea {
	outline: none;
}

table {
	border-spacing: 0;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.container {
	width: 93.75%;
	margin: 0 auto;
}

.w1540 {
	width: 80.20833333333333%;
	margin: 0 auto;
}

@media (max-width: 1920px) {
	.w1520 {
		width: 90%;
		max-width: 15.20rem;
		margin: 0 auto;
	}

}

@media (max-width: 1520px) {
	.w1200 {
		width: 1100px;
	}

	.w1400 {
		width: 1300px;
	}

	.w1520 {
		padding: 0 3%;
	}

	.w1540 {
		width: auto;
		padding: 0 3%;
	}
}

@media (max-width: 1400px) {
	.w1400 {
		width: 1200px;
	}
}

@media (max-width: 1220px) {
	.w1400 {
		width: 1000px;
	}

	.w1200 {
		width: 1000px;
	}
}

@media (max-width: 1023px) {
	.w1400 {
		width: 94%;
	}

	.w1200 {
		width: 94%;
	}

	.w1540 {
		width: 94%;
		padding: 0;
	}

}





.fixed {
	position: fixed
}

.bg {
	background-image: linear-gradient(-90deg, #0b59c3 0%, #085cc2 100%);
	background-blend-mode: normal, normal
}

.flex {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
}

.flex-wrap {
	flex-flow: wrap
}

.flex-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.inline-block {
	display: inline-block
}

.block {
	display: block
}

.hide {
	display: none
}

.pic {
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 100%
}

.pic img {
	width: 100%;
	display: block;
	transition: transform 0.8s ease;
	-webkit-transition: transform 0.8s ease;
	-moz-transition: transform 0.8s ease;
	-ms-transition: transform 0.8s ease;
	-o-transition: transform 0.8s ease
}

.pic img.phone {
	display: none
}

.phone-nav {
	display: none
}

.link {
	font-size: 0;
	margin-bottom: 0.2rem
}

.link a {
	position: relative;
	font-size: 14px;
	margin-right: 0.24rem;
	display: inline-block;
	color: #999;
	vertical-align: top;
	line-height: 24px;
	transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease
}

.link a:hover {
	color: #fff
}

.link a:last-child {
	margin-right: 0
}

.content,
.desc {
	text-align: justify
}

.content {
	color: #666;
	line-height: 0.3rem
}

.content img,
.content input[type="image"] {
	max-width: 100%;
	height: auto !important;
	display: block;
	margin: 0 auto
}

.swiper-box {
	position: relative
}

:root {
	--fs16: 16px
}



* {
	text-decoration: none;
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	outline: none;
	background: none;
	text-decoration: none
}



.visible-xs {
	display: none !important
}

.hidden-xs {
	display: block !important
}

@media only screen and (max-width:768px) {
	.visible-xs {
		display: block !important
	}

	.hidden-xs {
		display: none !important
	}
}

.visible-1024 {
	display: none !important
}

.hidden-1024 {
	display: block !important
}

@media only screen and (max-width:1024px) {
	.visible-1024 {
		display: block !important
	}

	.hidden-1024 {
		display: none !important
	}
}

.visible-1080 {
	display: none !important
}

.hidden-1080 {
	display: block !important
}

@media only screen and (max-width:1080px) {
	.visible-1080 {
		display: block !important
	}

	.hidden-1080 {
		display: none !important
	}
}

.visible-1280 {
	display: none !important
}

.hidden-1280 {
	display: block !important
}

@media only screen and (max-width:1280px) {
	.visible-1280 {
		display: block !important
	}

	.hidden-1280 {
		display: none !important
	}
}



.container {
	margin-right: auto;
	margin-left: auto
}

@media (min-width:1601px) {
	.container {
		width: 1400px
	}
}

@media (max-width:1600px) {
	.container {
		width: 83.3%
	}
}

@media (max-width:1440px) {
	.container {
		width: 75%
	}
}

@media (max-width:1366px) {
	.container {
		width: 73%
	}
}

@media (max-width:768px) {
	.container {
		width: 100%
	}
}

video {
	object-fit: fill
}

.relative {
	position: relative
}

body {
	position: static;
	height: auto;
	overflow: auto;
	padding-right: 0px
}








/*****************************mav start*****************************/
.header-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 30;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease
}

.header-wrapper.shadow {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1)
}

.header-wrapper.active {
	transform: translate(0, -1.2rem)
}

.header-wrapper.on {
	background-color: #fff
}

.header-wrapper.on .logo-box img.init {
	display: none
}

.header-wrapper.on .logo-box img.on {
	display: block
}

.header-wrapper.on .pc-nav-box ul li:hover>a {
	color: #085cc2
}

.header-wrapper.on .pc-nav-box ul li:hover>a:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.header-wrapper.on .pc-nav-box ul li .nav a:hover {
	color: #085cc2;
	font-weight: 700
}

.header-wrapper.on .pc-nav-box ul li a {
	color: #333
}

.header-wrapper.on .pc-nav-box ul li a:after {
	background-color: #085cc2
}

.header-wrapper.on .on .search {
	background-image: url(../images/top-close.png) !important;
	color: #000;
}

.header-wrapper .on .search {
	background-image: url(../images/top-close.png) !important;
	color: #fff;
}

.header-wrapper.on .language .caption {
	color: #333;
	background-image: url(../images/top-ji2.png)
}

.header-wrapper.on .language .caption i {
	background-image: url(../images/idown2.png)
}

.header-wrapper .box {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	align-items: center;
	height: 0.9rem;
	padding: 0 0.6rem 0 0.56rem
}

.header-wrapper .logo-box {
	width: 1.68rem
}

.header-wrapper .logo-box a {
	display: block
}

.header-wrapper .logo-box img {
	width: 100%
}

.header-wrapper .logo-box img.on {
	display: none
}

.header-wrapper .other-box {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	align-items: center
}

.header-wrapper .search-box {
	position: relative;
	margin-right: 0.56rem;
	/* input placeholder  */
}

.header-wrapper .search-box .text {
	width: 100%;
	height: 0.46rem;
	font-size: 14px;
	margin: 0;
	line-height: 0.46rem;
	padding: 0 0.6rem 0 0.2rem;
	background-color: #fff;
	color: #666
}

.header-wrapper .search-box::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #666;
	font-size: var(--fs16)
}

.header-wrapper .search-box:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #666;
	font-size: var(--fs16)
}

.header-wrapper .search-box::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #666;
	font-size: var(--fs16)
}

.header-wrapper .search-box:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #666;
	font-size: var(--fs16)
}

.header-wrapper .form {
	width: 4rem;
	background-color: #f8f8f8;
	position: absolute;
	right: -0.4rem;
	top: 100%;
	z-index: 10;
	padding: 0.1rem 0.2rem;
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
	display: none
}

.header-wrapper .search,
.header-wrapper .submit {
	z-index: 10;
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
	cursor: pointer;
}

.header-wrapper .search {
	position: relative;
	width: 50px;
	padding-left: 20px;
	font-size: 15px;
	color: #ffffff;
	line-height: 0.9rem;
	background-image: url(../images/top-search.png)
}

.header-wrapper.on.shadow .search {
	background-image: url(../images/top-search2.png);
	color: #333;
}

.header-wrapper .submit {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0.4rem;
	top: 50%;
	margin: 0;
	margin-top: -8px;
	z-index: 10;
	background-image: url(../images/top-search2.png);
	background-color: #fff;
}

.header-wrapper .language {
	position: relative;
	font-size: 15px;
}

.header-wrapper .language.on .caption:after {
	opacity: 1;
	visibility: visible
}

.header-wrapper .language.on .list {
	opacity: 1;
	visibility: visible
}

.header-wrapper .language.on .list a {
	display: block;
	animation: navInUp50 0.6s ease;
	animation-fill-mode: forwards
}

.header-wrapper .language .caption {
	color: #fff;
	font-family: Arial;
	font-weight: 700;
	cursor: pointer;
	background-image: url(../images/top-ji.png);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 33px;
	line-height: 50px
}

.header-wrapper .language .caption:after {
	content: "";
	border: 0.06rem solid transparent;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 10;
	margin-left: -0.06rem;
	border-bottom-color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.header-wrapper .language .caption i {
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
	width: 8px;
	height: 5px;
	background-image: url(../images/idown.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}

.header-wrapper .list {
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 10;
	text-align: center;
	width: 1.2rem;
	margin-left: -0.6rem;
	padding: 0.16rem 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1)
}

.header-wrapper .list:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1)
}

.header-wrapper .list a {
	position: relative;
	z-index: 1;
	font-family: Arial;
	font-weight: 700;
	line-height: 0.3rem;
	margin-bottom: 0.1rem;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	display: none;
	opacity: 0;
	visibility: hidden
}

.header-wrapper .list a:last-child {
	margin-bottom: 0
}

.header-wrapper .list a:hover {
	color: #085cc2
}

.pc-nav-box {
	flex: 1;
	text-align: right;
	margin-right: 25px;
}

.pc-nav-box ul {
	/*display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;*/
	font-size: 0;
	display: inline-block;
}

.pc-nav-box li {
	position: relative;
	margin-right: 0.58rem;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.pc-nav-box li:hover>a,
.pc-nav-box li.on>a {
	font-weight: 700
}

.pc-nav-box li:hover>a:after,
.pc-nav-box li.on>a:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.pc-nav-box li:hover .nav {
	opacity: 1;
	visibility: visible
}

.pc-nav-box li:hover .nav:before {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.pc-nav-box li:hover .nav a {
	display: block;
	animation: navInUp50 0.6s ease;
	animation-fill-mode: forwards
}

.pc-nav-box li:first-child a:before {
	display: none
}

.pc-nav-box li:hover>a:before {
	opacity: 1;
	visibility: visible
}

.pc-nav-box li>a {
	position: relative;
	font-size: var(--fs16);
	line-height: 0.9rem;
	color: #fff
}

.pc-nav-box li>a:after {
	content: "";
	width: 100%;
	height: 0.03rem;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
}

.pc-nav-box li>a:before {
	content: "";
	border: 0.08rem solid transparent;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 10;
	margin-left: -0.08rem;
	border-bottom-color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.pc-nav-box a {
	display: block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.pc-nav-box .nav {
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 10;
	text-align: center;
	width: 1.8rem;
	margin-left: -0.9rem;
	padding: 0.16rem;
	background-color: #fff;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05)
}

.pc-nav-box .nav:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	-webkit-transform: translateY(-110%);
	-moz-transform: translateY(-110%);
	-ms-transform: translateY(-110%);
	-o-transform: translateY(-110%);
	transform: translateY(-110%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pc-nav-box .nav a {
	position: relative;
	z-index: 1;
	font-size: var(--fs16);
	line-height: 0.3rem;
	margin-bottom: 0.1rem;
	display: none;
	opacity: 0;
	visibility: hidden
}

.pc-nav-box .nav a:last-child {
	margin-bottom: 0
}

.pc-nav-box .nav a:hover {
	color: #085cc2;
	font-weight: 700
}

@media screen and (min-width:1024px) {
	.share ul li:hover:before {
		animation: iconScale 1.5s ease infinite;
		opacity: 1;
		visibility: visible
	}

	.share ul li:hover .hidebox {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.share ul li:hover a {
		background-color: #085cc2;
		border-color: #085cc2
	}

	.header-wrapper:hover {
		background-color: #fff
	}

	.header-wrapper:hover .logo-box img.init {
		display: none
	}

	.header-wrapper:hover .logo-box img.on {
		display: block
	}

	.header-wrapper:hover .pc-nav-box ul li:hover>a {
		color: #085cc2
	}

	.header-wrapper:hover .pc-nav-box ul li:hover>a:after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	.header-wrapper:hover .pc-nav-box ul li .nav a:hover {
		color: #085cc2;
		font-weight: 700
	}

	.header-wrapper:hover .pc-nav-box ul li a {
		color: #333
	}

	.header-wrapper:hover .pc-nav-box ul li a:after {
		background-color: #085cc2
	}

	.header-wrapper:hover .search {
		background-image: url(../images/top-search2.png);
		color: #333;
	}

	.header-wrapper:hover .language .caption {
		color: #333;
		background-image: url(../images/top-ji2.png)
	}

	.header-wrapper:hover .language .caption i {
		background-image: url(../images/idown2.png)
	}

	.header-wrapper .language:hover .caption:after {
		opacity: 1;
		visibility: visible
	}

	.header-wrapper .language:hover .list {
		opacity: 1;
		visibility: visible
	}

	.header-wrapper .language:hover .list:before {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		visibility: visible
	}

	.header-wrapper .language:hover .list a {
		display: block;
		animation: navInUp50 0.6s ease;
		animation-fill-mode: forwards
	}
}

@media screen and (max-width:1600px) {
	.box-container {
		width: 14rem
	}

	.pc-nav-box {
		margin: 0 1rem
	}

	.pc-nav-box ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.pc-nav-box li {
		margin-right: 0.4rem
	}

	.header-wrapper .search-box {
		margin-right: 0.4rem
	}
}

@media screen and (max-width:1440px) {
	:root {
		--fs16: 15px
	}
}

@media screen and (max-width:1366px) {
	:root {
		--fs16: 14px
	}
}

@media screen and (max-width:1199px) {
	:root {
		--fs16: 12px
	}
}

@media screen and (max-width:1280px) and (min-width:1030px) {

	body,
	h1,
	div,
	li,
	a,
	button,
	input,
	select,
	textarea {
		font-size: 13px
	}
}

@media screen and (max-width:1004px) {

	.box-container,
	.w1200 {
		width: 100%;
		padding: 0 0.3rem
	}

	.hidden-xs {
		display: none
	}

	.hidden-pc {
		display: block
	}

	.nav-icon {
		font-size: 0;
		order: 2;
		width: 0.44rem;
		height: 0.44rem;
		position: relative
	}

	.nav-icon.on span:nth-child(1) {
		transform: rotate(45deg);
		margin: 0;
		transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms
	}

	.nav-icon.on span:nth-child(2) {
		opacity: 0
	}

	.nav-icon.on span:nth-child(3) {
		transform: rotate(-45deg);
		margin: 0;
		transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms
	}

	.nav-icon span {
		display: inline-block;
		width: 100%;
		height: 0.048rem;
		background: #fff;
		position: absolute;
		left: 0;
		top: 0.2rem;
		z-index: 10;
		transform-origin: center center;
		border-radius: 5px;
		transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms
	}

	.nav-icon span:nth-child(1) {
		margin-top: -0.15rem
	}

	.nav-icon span:nth-child(2) {
		margin-top: 0
	}

	.nav-icon span:nth-child(3) {
		margin-top: 0.13rem
	}

	.phone-nav {
		width: 100%;
		height: calc(100% - 1.2rem);
		position: fixed;
		right: 0;
		top: 1.2rem;
		background: #fff;
		z-index: 501;
		overflow: auto;
		border-top: 1px solid #f3f3f3
	}

	.phone-nav ul {
		width: 100%;
		margin: 0 auto;
		position: relative;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		transition: max-height 0.8s ease;
		-webkit-transition: max-height 0.8s ease;
		-moz-transition: max-height 0.8s ease;
		-ms-transition: max-height 0.8s ease;
		-o-transition: max-height 0.8s ease
	}

	.phone-nav ul::-webkit-scrollbar {
		width: 4px
	}

	.phone-nav ul::-webkit-scrollbar-track {
		background-color: #eaeaea
	}

	.phone-nav ul::-webkit-scrollbar-thumb {
		background-color: #085cc2
	}

	.phone-nav ul li {
		position: relative
	}

	.phone-nav ul li.active .cat {
		color: #085cc2;
		font-weight: 700
	}

	.phone-nav ul li.active .cat:before {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.phone-nav ul li>a {
		position: relative;
		display: block;
		font-size: 0.3rem;
		color: #333;
		line-height: 0.96rem;
		padding: 0 0.3rem;
		border-bottom: 1px solid #f3f3f3
	}

	.phone-nav ul li .cat:before,
	.phone-nav ul li .cat:after {
		content: "";
		display: inline-block;
		background: #085cc2;
		position: absolute;
		z-index: 10
	}

	.phone-nav ul li .cat:before {
		width: 0.06rem;
		height: 0.26rem;
		right: 0.4rem;
		top: 0.36rem;
		transition: transform 0.3s ease;
		-webkit-transition: transform 0.3s ease;
		-moz-transition: transform 0.3s ease;
		-ms-transition: transform 0.3s ease;
		-o-transition: transform 0.3s ease
	}

	.phone-nav ul li .cat:after {
		width: 0.26rem;
		height: 0.06rem;
		right: 0.3rem;
		top: 0.46rem
	}

	.phone-nav ul li.on>a {
		font-weight: 700;
		color: #085cc2
	}

	.phone-nav ul li .navs {
		background: #f9f9f9;
		width: 100%;
		display: none
	}

	.phone-nav ul li .navs a {
		font-size: 16px;
		display: block;
		color: #666;
		padding-left: 0;
		line-height: 1rem;
		padding: 0 0.3rem;
		border-bottom: 1px solid #f3f3f3
	}

	.phone-nav ul li .navs a:last-child {
		margin-bottom: 0;
		border-bottom: none
	}

	.pic img.pc {
		display: none
	}

	.pic img.phone {
		display: block
	}

	.search-form {
		top: 1.2rem;
		padding: 0.24rem 0;
		box-shadow: 0 16px 30px rgba(0, 0, 0, 0.05);
		/* input placeholder  */
	}

	.search-form img {
		width: 14px
	}

	.search-form .w960 {
		width: 100%;
		padding: 0 0.3rem
	}

	.search-form .keywords {
		line-height: 40px;
		margin-left: 15px;
		font-size: 14px;
		padding-right: 20px
	}

	.search-form::-webkit-input-placeholder {
		/* WebKit browsers */
		color: #999;
		font-size: 14px
	}

	.search-form:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #999;
		font-size: 14px
	}

	.search-form::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #999;
		font-size: 14px
	}

	.search-form:-ms-input-placeholder {
		/* Internet Explorer 10+ */
		color: #999;
		font-size: 14px
	}

	.search-form .close {
		margin-top: -10px;
		width: 16px;
		height: 16px;
		right: 15px
	}

	.search-form .search-btn img {
		width: 16px
	}

	.header-wrapper.on .nav-icon span {
		background-color: #085cc2
	}

	.header-wrapper .box {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		height: 1.2rem;
		padding: 0 0.3rem
	}

	.header-wrapper .logo-box {
		width: 2rem
	}

	.header-wrapper .logo-box a {
		display: block
	}

	.header-wrapper .logo-box img {
		width: 100%
	}

	.header-wrapper .other-box {
		display: flex;
		display: -webkit-box;
		/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
		display: -moz-box;
		/* Firefox 17- */
		display: -webkit-flex;
		/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
		display: -moz-flex;
		/* Firefox 18+ */
		display: -ms-flexbox;
		/* IE 10 */
		align-items: center
	}

	.header-wrapper .search-box {
		order: 1;
		margin: 0 0.4rem
	}

	.header-wrapper .search-box .text {
		height: 0.8rem;
		line-height: 0.48rem;
		padding-left: 0
	}

	.header-wrapper .form {
		position: fixed;
		top: 1.2rem;
		width: 100%;
		right: 0;
		padding: 0.2rem 0.3rem
	}

	.header-wrapper .search {
		position: relative;
		width: 24px;
		height: 0.9rem;
		background-image: url(../images/top-search.png);
		font-size: 0;
	}

	.header-wrapper.on .search {
		background-image: url(../images/top-search2.png);
	}

	.header-wrapper .submit {
		right: 0.4rem
	}

	.header-wrapper .language {
		order: 0
	}

	.header-wrapper .language .caption {
		padding-left: 0;
		font-size: 0;
		line-height: 0.6rem;
		width: 0.36rem;
		height: 0.36rem;
		background-position: center center;
		background-size: 100%
	}

	.header-wrapper .language .caption:after {
		border-width: 0.08rem;
		margin-left: -0.08rem;
		bottom: -0.1rem
	}

	.header-wrapper .language .caption i {
		display: none
	}

	.header-wrapper .list {
		top: 130%;
		width: 1.8rem;
		margin-left: -0.9rem;
		padding: 0.26rem 0.2rem
	}

	.header-wrapper .list a {
		line-height: 0.44rem;
		margin-bottom: 0.16rem
	}

	.footer-nav-box,
	.pc-nav-box {
		display: none
	}
}





/*****************************footer start*****************************/
/*footer*/
.footer {
	background: url(../images/bottombg.jpg) no-repeat center bottom #edeff6;
	padding-top: 70px;
	padding-bottom: 60px;
	background-size: 100%;
}

.footer .footer-top {
	padding-bottom: 10px;
}

/*listBox*/
.footer .footer-top .listBox {
	float: left;
	color: #757575;
	width: 50%;
}

.footer .footer-top .listBox .linli {
	float: left;
	width: 25%;
}

.footer .footer-top .listBox .title {
	font-size: 16px;
	line-height: 30px;
	color: #000000;
	font-weight: 500;
	padding-bottom: 20px;
}

.footer .footer-top .listBox .title i {
	display: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.footer .footer-top .listBox .navigations {
	margin-bottom: 30px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.footer .footer-top .listBox .navigations li {
	padding: 5px 0;
	line-height: 24px;
	font-size: 0;
}

.footer .footer-top .listBox .navigations li a {
	font-size: 14px;
	color: #646464;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	display: inline-block;
}

.footer .footer-top .listBox .navigations li a:hover {
	color: #0067ff;
}

/*listBox navTitle*/
.footer .footer-top .listBox .navTitle a {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	padding-bottom: 5px;
	font-weight: 300;
	display: block;
}

.footer .footer-top .listBox .navTitle a i {
	display: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.footer .footer-top .listBox .navTitle a:hover {
	color: #0067ff;
}

/*lxBox*/
.footer .footer-top .lxBox {
	float: left;
	font-size: 15px;
	line-height: 30px;
	color: #8c8c91;
	width: 40%;
}

.footer .footer-top .lxBox .title {
	padding-bottom: 25px;
}

.footer .footer-top .lxBox .title {
	font-size: 16px;
	line-height: 30px;
	color: #000000;
	padding-bottom: 20px;
	font-weight: 300;
}

.footer .footer-top .lxBox strong {
	font-size: 16px;
	font-weight: 400;
	color: #646464;
}

.footer .footer-top .lxBox p {
	font-size: 14px;
	color: #646464;
}

.footer .footer-top .lxBox td img {
	vertical-align: middle;
}

.footer .footer-top .lxBox td {
	padding-bottom: 5px;
	vertical-align: middle;
}

/*rightBox*/
.footer .footer-top .rightBox {
	float: right;
	font-size: 14px;
	line-height: 30px;
	color: #4b7bfc;
	text-align: right;
	width: 10%;
}

.footer .footer-top .rightBox td {
	text-align: center;
}

.footer .footer-top .rightBox td img {
	max-width: 190px;
}

/*footer-logo*/
.footer .footer-top .footer-logo {
	margin-bottom: 45px;
}

.footer .footer-top .footer-logo img {
	height: 50px;
	max-width: 100%;
}

@media (max-width: 1540px) {
	.footer .footer-top .lxBox {
		width: 40%;
	}

	.footer .footer-top .listBox {
		width: 40%;
	}

	.footer .footer-top .rightBox {
		width: 20%;
	}
}

@media (max-width: 1320px) {
	.footer .footer-top .lxBox {
		width: 32%;
		padding-right: 3%;
	}

	.footer .footer-top .listBox {
		width: 45%;
	}

	.footer .footer-top .rightBox {
		width: 20%;
	}
}

@media (max-width: 992px) {
	.footer {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.footer .footer-top {
		padding-bottom: 10px;
	}

	.footer .footer-top .listBox {
		float: none;
		width: 100%;
	}

	.footer .footer-top .listBox .linli {
		float: none;
		width: 100%;
	}

	.footer .footer-top .listBox .title {
		font-size: 16px;
		line-height: 60px;
		font-weight: 500;
		padding: 0;
		border-bottom: 1px solid #e3e3e3;
		position: relative;
	}

	.footer .footer-top .listBox .title i {
		display: block;
		width: 16px;
		height: 16px;
		position: absolute;
		right: 3%;
		top: 50%;
		margin-top: -8px;
		background: url(../images/toTop.png) no-repeat center center;
		background-size: 100%;
	}

	.footer .footer-top .listBox .title i {
		transform: rotate(180deg);
	}

	.footer .footer-top .listBox .on .title i {
		transform: rotate(0deg);
	}

	.footer .footer-top .listBox .navigations {
		margin-bottom: 0rem;
		display: none;
	}

	.footer .footer-top .listBox .on .navigations {
		display: block;
	}

	.footer .footer-top .listBox .navigations li {
		padding: 8px 1%;
		line-height: 30px;
	}

	.footer .footer-top .listBox .navigations li a {
		font-size: 16px;
	}

	.footer .footer-top .listBox .navTitle a {
		font-size: 20px;
		line-height: 60px;
		border-bottom: 1px solid #2d3045;
		padding: 0 3%;
	}

	.footer .footer-top .lxBox {
		font-size: 16px;
		line-height: 30px;
		float: none;
		width: 100%;
		padding: 0%;
	}

	.footer .footer-top .lxBox .title {
		padding-bottom: 25px;
	}

	.footer .footer-top .lxBox .title {
		font-size: 16px;
		line-height: 60px;
		padding-bottom: 0px;
	}

	.footer .footer-top .lxBox strong {
		font-size: 16px;
	}

	.footer .footer-top .lxBox td {
		padding-bottom: 5px;
	}

	.footer .footer-top .rightBox {
		font-size: 14px;
		line-height: 30px;
		float: none;
		width: 100%;
		margin-bottom: 0;
		padding-top: 30px;
		text-align: left;
	}

	.footer .footer-top .rightBox td img {
		padding-bottom: 0px;
	}

	.footer .footer-top .footer-logo {
		margin-bottom: 15px;
	}

	.footer .footer-top .footer-logo img {
		height: 40px;
	}
}


/*footer-bottom footer-copyright*/
.footer .footer-bottom .footer-copyright {
	float: left;
	width: 40%;
	font-size: 14px;
	line-height: 30px;
	color: #8c8c91;
}

.footer .footer-bottom .footer-copyright a {
	color: #8c8c91;
}

.footer .footer-bottom .footer-copyright a:hover {
	color: #000;
}

/*footer-bottom footer-share*/
.footer .footer-bottom .footer-share {
	float: right;
	width: 60%;
	text-align: left;
	position: relative
}

.footer .footer-bottom .footer-share .icon-line {
	margin-bottom: 18px
}

.footer .footer-bottom .footer-share .icon-line a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 15px;
	cursor: pointer;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.footer .footer-bottom .footer-share .icon-line a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.footer .footer-bottom .footer-share .icon-line .mr0 {
	margin-right: 0 !important
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-xcx {
	background-image: url(../images/bottom-share-xcx.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-xcx-cai {
	background-image: url(../images/bottom-share-xcx.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-qq {
	background-image: url(../images/bottom-share-qq.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-qq-cai {
	background-image: url(../images/bottom-share-qq.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-douyin {
	background-image: url(../images/bottom-share-douyin.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-douyin-cai {
	background-image: url(../images/bottom-share-douyin.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-kuaishou {
	background-image: url(../images/bottom-share-kuaishou.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-kuaishou-cai {
	background-image: url(../images/bottom-share-kuaishou.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-weixin {
	background-image: url(../images/bottom-share-wx.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-weixin-cai {
	background-image: url(../images/bottom-share-wx.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-ins {
	background-image: url(../images/bottom-share-ins.png);
}

.footer .footer-bottom .footer-share .icon-line a.footer-icon-ins-cai {
	background-image: url(../images/bottom-share-ins.png);
}

.footer .footer-bottom .footer-share .qrcode-modal {
	width: 152px;
	min-height: 152px;
	margin-left: -22px;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .5);
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .5);
	border: 1px solid #fff;
	background-color: #fff;
	position: absolute;
	border-radius: 4px;
	left: 0;
	bottom: 0px;
	display: none
}

.footer .footer-bottom .footer-share .qrcode-modal:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 12px solid rgba(0, 0, 0, 0);
	border-right: 12px solid rgba(0, 0, 0, 0);
	border-top: 12px solid #fff;
	position: absolute;
	bottom: -12px;
	right: 12px
}

.footer .footer-bottom .footer-share .qrcode-modal:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 12px solid rgba(0, 0, 0, 0);
	border-right: 12px solid rgba(0, 0, 0, 0);
	border-top: 12px solid #fff;
	position: absolute;
	bottom: -11px;
	right: 12px
}

.footer .footer-bottom .footer-share .qrcode-modal .modalBox {
	padding: 16px 16px;
}

.footer .footer-bottom .footer-share .qrcode-modal img {
	display: block;
	width: 100%;
	max-height: 120px;
	max-width: 120px;
}

.footer .footer-bottom .footer-share .qrcode-modal .text {
	font-size: 12px;
	line-height: 30px;
	color: #86868b;
	text-align: center
}

#douyin-qrcode,
#xcx-qrcode {
	width: 270px;
	margin-left: -140px;
}

#douyin-qrcode img,
#xcx-qrcode img {
	max-height: 120px;
	max-width: 120px;
}

@media (max-width: 1320px) {
	.footer .footer-bottom .footer-copyright {
		width: 32%;
		padding-right: 3%;
	}

	.footer .footer-bottom .footer-share {
		width: 65%;
	}
}

@media (max-width: 1220px) {
	.footer .footer-bottom .footer-copyright {
		width: 100%;
		padding-right: 0%;
	}

	.footer .footer-bottom .footer-share {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.footer .footer-bottom .footer-share {
		display: none;
	}
}

@media (max-width: 768px) {
	.footer .footer-bottom .footer-copyright {
		width: 100%;
	}
}

/*footer mobileshare*/
.footer-mobileShare {
	display: none;
}

.footer-mobileShare .platform-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.footer-mobileShare .platform-container>li {
	margin-right: 15px;
	height: 32px
}

.footer-mobileShare .platform-container>li a {
	display: block
}

.footer-mobileShare .platform-container>li img {
	height: 32px
}

/*mobileshare弹窗*/
#weixin-qrcode {
	align-items: center;
	justify-content: center;
	flex-direction: row
}

#weixin-qrcode {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	background-color: rgba(255, 255, 255, .6);
	display: none;
	z-index: 1000000000000
}

.qrcode-container {
	width: 100%;
	padding: 0 15px;
	margin: 60px auto 0
}

.qrcode-box {
	width: 200px;
	padding: 10px;
	background: #fff;
	box-shadow: 1px 3px 5px #666;
	border-radius: 5px;
	font-size: 12px;
	color: #000;
	display: block;
	text-align: center;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto
}

.qrcode-box img {
	width: 100%;
	margin-bottom: 8px
}

@media (max-width: 1024px) {
	.footer-mobileShare {
		display: block;
		float: right;
	}
}

@media (max-width: 768px) {
	.footer-mobileShare {
		width: 100%;
		float: none;
		padding-bottom: 2%;
	}
}







/*右侧浮动*/
.y-kefu-box {
	position: fixed;
	right: 20px;
	top: 30%;
	z-index: 9999;
	font-size: 12px;
}

.y-kefu-box a {
	text-decoration: none;
}

.y-kefu-box img {
	display: block;
	width: 100%;
	height: auto;
}

.y-kefu-box01 {
	width: 75px;
	color: #474f62;
	text-align: center;
}

.y-kefu-box01 .icon {
	display: block;
	margin: 0 auto;
	width: 20px;
	height: 20px;
}

.y-kefu-box01 .t {
	margin: 0 8px;
	border-bottom: 1px solid #eff0f1;
	padding-bottom: 10px;
}

.y-kefu-box01 .show-status {
	position: relative;
	box-shadow: 0rem 0.39rem 0.65rem 0rem rgba(179, 185, 191, 0.3);
}

.y-kefu-box01 .show-status .hver {
	display: block;
	width: 75px;
	padding-top: 10px;
	background-color: #fff;
	position: relative;
}

.y-kefu-box01 .kf-zixun {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.y-kefu-box01 .kf-zixun i {
	background: url(../images/float-icon1.png) no-repeat center center;
	background-size: 100%;
}

.y-kefu-box01 .kf-mobile>i {
	background: url(../images/float-icon2.png) no-repeat center center;
	background-size: 100%;
}

.y-kefu-box01 .kf-email>i {
	background: url(../images/float-icon3.png) no-repeat center center;
	background-size: 100%;
}

.y-kefu-box01 .kf-weChat>i {
	background: url(../images/float-icon4.png) no-repeat center center;
	background-size: 100%;
}

.y-kefu-box01 .kf-douyin>i {
	background: url(../images/float-icon5.png) no-repeat center center;
	background-size: 100%;
}

.y-kefu-box01 .back-top i {
	background: url(../images/float-icon6.png) no-repeat center center;
	background-size: 100%;
}

.y-kefu-box01 .back-top {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.y-kefu-box01 .hver:hover {
	background-color: #c9deff;
}

.y-kefu-box01 .hver:hover .t {
	border-color: #c9deff;
}

.y-kefu-box01 .mobile-infos,
.y-kefu-box01 .y-ewm-box {
	background-color: #fff;
	border: solid 1px #efefef;
	position: absolute;
	right: 90px;
	z-index: 2;
	border-radius: 10px;
	display: none;
}

/*电话*/
.y-kefu-box01 .mobile-infos {
	width: 220px;
	text-align: left;
	top: 0;
}

.y-kefu-box01 .mobile-infos .online1 {
	padding: 20px 0 20px 45px;
	position: relative;
	border-bottom: solid 1px #efefef;
}

.y-kefu-box01 .mobile-infos span {
	color: #b9b9b9;
}

.y-kefu-box01 .mobile-infos p {
	color: #0067ff;
	font-size: 18px;
	line-height: 30px;
}

.y-kefu-box .right {
	width: 12px;
	height: 12px;
	position: absolute;
	right: -12px;
	top: 24px;
}

.y-kefu-box .right-arrow1,
.y-kefu-box .right-arrow2 {
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-top: 6px transparent dashed;
	border-right: 6px transparent dashed;
	border-bottom: 6px transparent dashed;
	border-left: 6px white solid;
	overflow: hidden;
}

.y-kefu-box .right-arrow1 {
	left: 1px;
	border-left: 6px #efefef solid;
}

.y-kefu-box .right-arrow2 {
	border-left: 6px white solid;
}

/*二维码*/
.y-kefu-box01 .y-ewm-box {
	width: 151px;
	height: 178px;
	top: -60px;
}

.y-kefu-box01 .y-ewm-box .y-ewm-img1 {
	width: 150px;
	height: 178px;
	border-right: solid 1px #efefef;
}

.y-kefu-box01 .y-ewm-box img {
	width: 94px;
	height: 94px;
	margin: 30px auto 10px;
}

.y-kefu-box01 .y-ewm-box .right {
	top: 84px;
}

/**/
.y-kefu-box01 .kf-close-btn {
	box-shadow: 0rem 0.39rem 0.65rem 0rem rgba(179, 185, 191, 0.3);
	display: block;
	margin: 0 auto;
	width: 25px;
	height: 25px;
	background: url(../images/close2.png) no-repeat center center #0067ff;
	position: relative;
	cursor: pointer;
	border-radius: 50%;
	background-size: 50%;
	margin-bottom: 10px;
}

.y-kefu-box01 .kf-close-btn:before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: 12px;
	z-index: 1;
	background-color: #bebebe;
}

/*hide-status*/
.y-kefu-box01 .hide-status {
	width: 50px;
	height: 50px;
	background-color: #0067ff;
	position: absolute;
	top: 50%;
	left: 55px;
	z-index: 9;
	border-radius: 5px;
}

.y-kefu-box01 .hide-status .kf-zx {
	width: 100%;
	height: 100%;
	color: #fff;
	cursor: pointer;
	background: url(../images/float-icon8.png) no-repeat center center;
	background-size: 22px;
}

@media (max-width:1920px) {
	.y-kefu-box {
		font-size: 0.12rem;
		right: 0.2rem;
	}

	.y-kefu-box01 {
		width: 0.75rem;
	}

	.y-kefu-box01 .icon {
		width: 0.2rem;
		height: 0.2rem;
	}

	.y-kefu-box01 .t {
		margin: 0 0.08rem;
		padding-bottom: 0.1rem;
	}

	.y-kefu-box01 .show-status .hver {
		width: 0.75rem;
		padding-top: 0.1rem;
	}

	.y-kefu-box01 .kf-zixun {
		border-top-left-radius: 0.1rem;
		border-top-right-radius: 0.1rem;
	}

	.y-kefu-box01 .back-top {
		border-bottom-right-radius: 0.1rem;
		border-bottom-left-radius: 0.1rem;
	}

	.y-kefu-box01 .mobile-infos,
	.y-kefu-box01 .y-ewm-box {
		right: 0.9rem;
		border-radius: 0.1rem;
	}

	.y-kefu-box01 .mobile-infos {
		width: 2.2rem;
	}

	.y-kefu-box01 .mobile-infos .online1 {
		padding: 0.2rem 0 0.2rem 0.45rem;
	}

	.y-kefu-box01 .mobile-infos p {
		font-size: 0.18rem;
		line-height: 0.3rem;
	}

	.y-kefu-box .right {
		width: 0.12rem;
		height: 0.12rem;
		right: -0.12rem;
		top: 0.24rem;
	}

	.y-kefu-box .right-arrow1,
	.y-kefu-box .right-arrow2 {
		border-top: 0.06rem transparent dashed;
		border-right: 0.06rem transparent dashed;
		border-bottom: 0.06rem transparent dashed;
		border-left: 0.06rem white solid;
	}

	.y-kefu-box .right-arrow1 {
		border-left: 0.06rem #efefef solid;
	}

	.y-kefu-box .right-arrow2 {
		border-left: 0.06rem white solid;
	}

	.y-kefu-box01 .y-ewm-box {
		width: 1.51rem;
		height: 1.78rem;
		top: -0.6rem;
	}

	.y-kefu-box01 .y-ewm-box .y-ewm-img1 {
		width: 1.5rem;
		height: 1.78rem;
	}

	.y-kefu-box01 .y-ewm-box img {
		width: 0.94rem;
		height: 0.94rem;
		margin: 0.3rem auto 0.1rem;
	}

	.y-kefu-box01 .y-ewm-box .right {
		top: 0.84rem;
	}

	.y-kefu-box01 .kf-close-btn {
		width: 0.25rem;
		height: 0.25rem;
	}

}

@media (max-width: 768px) {
	.y-kefu-box {
		display: none;
	}

	.y-kefu-box {
		font-size: 12px;
	}

	.y-kefu-box01 {
		width: 75px;
	}

	.y-kefu-box01 .icon {
		width: 20px;
		height: 20px;
	}

	.y-kefu-box01 .t {
		margin: 0 8px;
		padding-bottom: 10px;
	}

	.y-kefu-box01 .show-status .hver {
		width: 75px;
		padding-top: 10px;
	}

	.y-kefu-box01 .kf-zixun {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.y-kefu-box01 .back-top {
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	.y-kefu-box01 .mobile-infos,
	.y-kefu-box01 .y-ewm-box {
		right: 90px;
		border-radius: 10px;
	}

	.y-kefu-box01 .mobile-infos {
		width: 220px;
	}

	.y-kefu-box01 .mobile-infos .online1 {
		padding: 20px 0 20px 45px;
	}

	.y-kefu-box01 .mobile-infos p {
		font-size: 18px;
		line-height: 30px;
	}

	.y-kefu-box .right {
		width: 12px;
		height: 12px;
		right: -12px;
		top: 24px;
	}

	.y-kefu-box .right-arrow1,
	.y-kefu-box .right-arrow2 {
		border-top: 6px transparent dashed;
		border-right: 6px transparent dashed;
		border-bottom: 6px transparent dashed;
		border-left: 6px white solid;
	}

	.y-kefu-box .right-arrow1 {
		border-left: 6px #efefef solid;
	}

	.y-kefu-box .right-arrow2 {
		border-left: 6px white solid;
	}

	.y-kefu-box01 .y-ewm-box {
		width: 151px;
		height: 178px;
		top: -60px;
	}

	.y-kefu-box01 .y-ewm-box .y-ewm-img1 {
		width: 150px;
		height: 178px;
	}

	.y-kefu-box01 .y-ewm-box img {
		width: 94px;
		height: 94px;
		margin: 30px auto 10px;
	}

	.y-kefu-box01 .y-ewm-box .right {
		top: 84px;
	}
}


/*****************************page start*****************************/
/*pagebanner*/
.pagebanner {
	position: relative;
	overflow: hidden;
	background: #f1f1f1;
}

.pagebanner .pic {
	display: block;
	overflow: hidden;
	height: auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	padding-bottom: 35.41666666666667%;
	position: relative;
	/*background-attachment: fixed;*/
}

.pagebanner .pagebanner-tt {
	color: #ffffff;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
	z-index: 2;
	text-align: center;
}

.pagebanner .pagebanner-tt .cn {
	display: block;
	font-size: 40px;
	font-weight: 400;
	line-height: normal;
}

.pagebanner .pagebanner-tt .en {
	display: block;
	font-size: 60px;
	line-height: 50px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	text-transform: uppercase;
	margin: 0 auto;
	margin-bottom: 5px;
	max-width: 400px;
}

@media screen and (max-width:1220px) {
	.pagebanner .pagebanner-tt .cn {
		font-size: 32px;
	}

	.pagebanner .pagebanner-tt .en {
		font-size: 52px;
		line-height: 42px;
	}
}

@media screen and (max-width:1024px) {
	.pagebanner .pagebanner-tt .cn {
		font-size: 30px;
	}

	.pagebanner .pagebanner-tt .en {
		font-size: 50px;
		line-height: 40px;
	}
}

@media screen and (max-width:992px) {
	.pagebanner .pagebanner-tt .cn {
		font-size: 26px;
	}

	.pagebanner .pagebanner-tt .en {
		font-size: 46px;
		line-height: 36px;
	}
}

@media screen and (max-width:768px) {
	.pagebanner .pic {
		padding-bottom: 50%;
	}

	.pagebanner .pagebanner-tt .cn {
		font-size: 20px;
	}

	.pagebanner .pagebanner-tt .en {
		font-size: 40px;
		line-height: 30px;
	}
}

@media screen and (max-width:640px) {
	.pagebanner .pagebanner-tt .cn {
		font-size: 4vw;
	}

	.pagebanner .pagebanner-tt .en {
		font-size: 6.25vw;
		line-height: 4.6875vw;
	}
}


/************************pagePosition************************/
.pagePositionBox {
	overflow: hidden;
	padding-bottom: 0px;
}

.pagePosition {
	display: block;
	color: #646464;
	font-size: 13px;
	line-height: 28px;
	font-weight: 300;
}

.pagePosition a {
	color: #646464;
	position: relative;
	font-size: 13px;
}

.pagePosition a.homei {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/home.png) left center no-repeat;
	background-size: 14px;
}

.pagePosition a:hover {
	color: #4b7efc;
}

@media screen and (max-width:768px) {
	.pagePosition {
		font-size: 12px;
	}

	.pagePosition a {
		font-size: 12px;
	}

	.pagePosition a.homei {
		padding-left: 15px;
		background-size: 12px;
	}
}



/************************pageNav************************/
.pageTop {
	border-bottom: 1px solid #edeef3;
}

.pageNav {
	position: relative;
	z-index: 1;
	padding: 15px 0;
}

.pageNav ul {
	margin: 0 auto;
	font-size: 0;
	overflow: hidden;
	text-align: center;
}

.pageNav li {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.pageNav li a {
	display: block;
	color: #000000;
	font-size: 16px;
	margin: 0 44px;
	padding: 0 26px;
	min-width: 117px;
	line-height: 50px;
	border-radius: 50px;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pageNav li a span {
	display: inline-block;
	position: relative;
	z-index: 2;
}

.pageNav li .aNow,
.pageNav li a:hover {
	background-image: linear-gradient(-90deg, #4f7efc 0%, #55a7ff 100%);
	background-blend-mode: normal, normal;
	color: #fff;
}

.pageNav-tit {
	display: none;
}

@media screen and (min-width:769px) {
	.pageNav {
		display: block !important;
	}
}

@media screen and (max-width:1220px) {
	.pageNav li a {
		min-width: 0;
		margin: 0px 10px;
	}
}

@media screen and (max-width:768px) {
	.pageTop {
		position: relative;
	}

	.pageTop .w1560 {
		position: relative;
	}

	.pageNav-tit {
		display: block;
		height: 60px;
		line-height: 60px;
		color: #000;
		text-align: left;
		padding-right: 20px;
		position: relative;
		font-size: 16px;
	}

	.pageNav-tit:after {
		content: '';
		display: inline-block;
		width: 26px;
		height: 13px;
		background: url(../images/v2.png) no-repeat 60% center;
		background-size: 13px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -6px;
	}

	.pageNav {
		display: none;
		position: absolute;
		width: 100%;
		background: #fff;
		z-index: 9;
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
	}

	.pageNav ul {
		display: block;
		float: none;
		margin-right: 0;
		padding: 10px 10px;
		padding-right: 0;
		height: auto;
	}

	.pageNav li {
		display: block;
		line-height: normal;
		float: none;
		font-size: 14px;
	}

	.pageNav li a {
		display: block;
		color: #333;
		padding: 10px 10px;
		text-align: left;
		line-height: 24px;
		border: none;
		width: 100%;
		min-width: 0;
	}

	.pageNav li a span {}

	.pageNav li .aNow,
	.pageNav li a:hover {
		background: none;
		color: #4f7efc;
	}
}






/*pageInfo*/
.page img {
	max-width: 100%;
}

.pageInfo {
	color: #000000;
	font-size: 16px;
	line-height: 30px;
	min-height: 300px;
	padding-top: 35px;
}

.pageInfo img {
	max-width: 100%;
	height: auto;
}

.pageInfo hr {
	width: 100%;
	border: none;
	border-top: 1px solid #3e3e3e !important;
}

@media screen and (max-width:1024px) {
	.pageInfo {
		padding-top: 30px;
	}
}

@media screen and (max-width:768px) {
	.pageInfo {
		font-size: 14px;
		line-height: 30px;
	}
}









/*************************************about************************************/

/*page-tit*/
.page-tit {
	font-size: 20px;
	color: #646464;
}

.page-tit h2 {
	font-size: 22px;
	color: #4b7bfc;
	padding-bottom: 35px;
	padding-top: 20px;
}

.page-tit h3 {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

@media screen and (max-width:1220px) {
	.page-tit {
		font-size: 18px;
	}

	.page-tit h2 {
		font-size: 28px;
		color: #000000;
	}

	.page-tit h3 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
	}
}

@media screen and (max-width:1024px) {
	.page-tit {
		font-size: 16px;
	}

	.page-tit h2 {
		font-size: 24px;
		padding-bottom: 10px;
	}

	.page-tit h3 {
		font-size: 16px;
	}
}


/*page-tit*/
.page-tit2 {
	font-size: 16px;
	color: #000000;
	text-align: center;
}

.page-tit2 span {
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
}

.page-tit2 .en {
	font-size: 28px;
	color: #e60012;
	text-transform: uppercase;
	padding-right: 17px;
	margin-right: 10px;
	background: url(../images/dd.jpg) right center no-repeat;
	background-size: 5px;
}

@media screen and (max-width:1220px) {
	.page-tit2 {
		font-size: 15px;
	}

	.page-tit2 .en {
		font-size: 26px;
	}
}

@media screen and (max-width:1024px) {
	.page-tit2 {
		font-size: 14px;
	}

	.page-tit2 .en {
		font-size: 24px;
	}
}

@media screen and (max-width:992px) {
	.page-tit2 .en {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	.page-tit2 .en {
		font-size: 18px;
	}
}

.pageAbout {
	padding-top: 30px;
}

/*pageTable*/
.pageTable {
	position: relative;
	margin-top: 50px;
}

.pageTable td {
	width: 50%;
	vertical-align: top;
}

.pageTable .td2 {}

.pageTable .td1 h2 {
	font-size: 22px;
	color: #4b7bfc;
	padding-bottom: 35px;
	padding-top: 20px;
}

.pageTable .td1 img {
	animation: scroll 1s ease infinite;
	-webkit-animation: scroll 1s ease infinite;
	-moz-animation: scroll 1s ease infinite;
	-ms-animation: scroll 1s ease infinite;
	-o-animation: scroll 1s ease infinite;
}

@media screen and (max-width:1220px) {
	.pageTable .td1 h1 {
		font-size: 58px;
	}

	.pageTable .td1 h2 {
		font-size: 20px;
	}

}

@media screen and (max-width:1024px) {
	.pageTable .td1 h1 {
		font-size: 50px;
	}

	.pageTable .td1 h2 {
		font-size: 20px;
	}

	.pageTable {
		margin: 30px 0;
	}

	.pageTable .td2,
	.pageTable .td1 {
		vertical-align: top;
		display: block !important;
		width: 100%;
	}

	.pageTable .td2 {
		padding-left: 90px;
	}
}

@media screen and (max-width:768px) {
	.pageTable .td1 h1 {
		font-size: 46px;
	}

	.pageTable .td1 h2 {
		font-size: 20px;
	}

	.pageTable .td1 {
		padding-left: 0px;
	}

	.pageTable .td2 {
		padding-left: 30px;
	}
}

.pageValue {
	padding-top: 60px;
}

.pageHistory {
	padding-top: 60px;
}

/*pageshuju*/
.pageshuju {
	padding-top: 3%;
	max-width: 1300px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.pageshuju td {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #000000;
	line-height: 30px;
	text-align: left;
	min-width: 150px;
}

.pageshuju td img {
	width: 140px;
	margin-bottom: 25px;
}

.pageshuju td h2 {
	font-size: 24px;
	color: #e60012;
	font-weight: 600;
	text-align: center;
}

.pageshuju td h2 strong {
	font-size: 60px;
	line-height: normal;
	font-weight: 600;
	font-family: "Swis721 BlkCn BT", Arial, Helvetica, sans-serif;
	color: #fff;
	background-image: -webkit-linear-gradient(18deg, #4f98fe, #4b7bfc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.pageshuju td h2 span {
	font-size: 18px;
	font-weight: 500;
	position: relative;
	top: 0;
	vertical-align: top;
	margin-left: 10px;
	color: #4b7bfc;
}

.pageshuju td h2 b {
	font-size: 20px;
	font-weight: 600;
	font-family: "Swis721 BlkCn BT", Arial, Helvetica, sans-serif;
}

@media screen and (max-width:1459px) {
	.pageshuju td img {
		width: 130px;
	}

	.pageshuju td h2 {
		font-size: 22px;
	}

	.pageshuju td h2 strong {
		font-size: 56px;
	}

	.pageshuju td h2 span {
		font-size: 14px;
		top: -10px;
		margin-left: 10px;
	}

	.pageshuju td h2 b {
		font-size: 17px;
	}
}

@media screen and (max-width:1366px) {
	.pageshuju td img {
		width: 120px;
	}

	.pageshuju td h2 {
		font-size: 20px;
	}

	.pageshuju td h2 strong {
		font-size: 50px;
	}

	.pageshuju td h2 span {
		font-size: 14px;
		top: -10px;
		margin-left: 10px;
	}

	.pageshuju td h2 b {
		font-size: 16px;
	}
}

@media screen and (max-width:1259px) {
	.pageshuju {
		margin-top: 20px;
	}

	.pageshuju td {
		padding-left: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.pageshuju td img {
		position: static;
		left: 0;
		top: 0;
		width: 140px;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.pageshuju td h2 {
		font-size: 20px;
	}

	.pageshuju td h2 strong {
		font-size: 45px;
	}

	.pageshuju td h2 span {
		font-size: 14px;
		top: -10px;
		margin-left: 10px;
	}

	.pageshuju td h2 b {
		font-size: 16px;
	}
}

@media screen and (max-width:1023px) {
	.pageshuju td h2 {
		font-size: 18px;
	}

	.pageshuju td h2 strong {
		font-size: 40px;
	}

	.pageshuju td h2 span {
		font-size: 12px;
		top: -10px;
		margin-left: 10px;
	}

	.pageshuju td h2 b {
		font-size: 16px;
	}

	.pageshuju td img {
		width: 120px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:767px) {

	.pageshuju td {
		width: 50%;
		float: left;
		display: block;
		padding-left: 0;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.pageshuju td h2 {
		text-align: center;
	}

	.pageshuju td h2 strong {
		font-size: 36px;
	}
}



/*pageHonor*/
.pageHonor {
	padding-top: 115px;
	padding-bottom: 90px;
	background: url("../images/page-honorbg.jpg") center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.pageHonor-swiper {
	padding: 0;
	padding-top: 40px;
}

.pageHonor .w1540 {
	position: relative;
}

.pageHonor-swiper .swiper-slide {
	width: 20%;
}

.pageHonor-swiper .swiper-slide a {
	display: block;
	margin: 0 7.5px;
	background-color: #fff;
	padding: 0 20px;
}

.pageHonor-swiper .swiper-slide a .picB {
	display: block;
	background-color: #fff;
	padding: 33px 0;
	position: relative;
}

.pageHonor-swiper .swiper-slide a .picB:before,
.pageHonor-swiper .swiper-slide a .picB:after {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageHonor-swiper .swiper-slide a .picB:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/honorbg.jpg") center center no-repeat;
	background-size: 100% 100%;
	left: 0;
	top: 0;
	position: absolute;
}

.pageHonor-swiper .swiper-slide a .picB:after {
	content: '';
	color: #fff;
	font-size: 18px;
	display: block;
	width: 70px;
	height: 70px;
	line-height: 75px;
	text-align: center;
	box-sizing: content-box;
	border: 3px solid rgba(255, 255, 255, .4);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	background-clip: content-box;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1.35);
	-ms-transform: scale(1.35);
	-o-transform: scale(1.35);
	transform: scale(1.35);
	background: url("../images/top-search.png") center center no-repeat #0c55ff;
	background-size: 24px;
}

.pageHonor-swiper .swiper-slide a:hover .picB:before {
	background-color: rgba(255, 255, 255, 0.2);
}

.pageHonor-swiper .swiper-slide a:hover .picB:after {
	opacity: .9;
	filter: alpha(opacity=90);
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.pageHonor-swiper .swiper-slide a .pic {
	display: block;
	position: relative;
	width: 100%;
	padding: 45% 0;
	overflow: hidden;
}

.pageHonor-swiper .swiper-slide a .pic img {
	transition: 0.4s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pageHonor-swiper .swiper-slide a p {
	transition: 0.4s;
	padding: 20px 0;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
	text-align: left;
	text-align: center;
	background-size: 20px;
	border-top: 1px solid #ccc;
}

.pageHonor-swiper .swiper-slide:hover a p {
	color: #0c55ff;
}

.pageHonor .pageHonor-btn {
	height: 40px;
	text-align: center;
	position: relative;
}

.pageHonor .swiper-button-prev {
	transition: 0.4s;
	opacity: 1;
	width: 40px;
	height: 40px;
	top: 0;
	left: auto;
	right: 50.5%;
	background: url("../images/page-left.jpg") center center no-repeat;
	background-size: 100%;
	outline: none;
	z-index: 333;
	position: absolute;
	margin: 0;
}

.pageHonor .swiper-button-next {
	transition: 0.4s;
	opacity: 1;
	width: 40px;
	height: 40px;
	top: 0;
	right: auto;
	left: 50.5%;
	background: url("../images/page-right.jpg") center center no-repeat;
	background-size: 100%;
	outline: none;
	z-index: 333;
	position: absolute;
	margin: 0;
}

.pageHonor .swiper-button-prev.swiper-button-disabled,
.pageHonor .swiper-button-next.swiper-button-disabled {
	opacity: 0.5;
}

@media screen and (max-width:1220px) {
	.pageHonor-swiper .swiper-slide {
		width: 25%;
	}

	.pageHonor-swiper .swiper-slide a .picB {
		padding: 20px 0;
	}

	.pageHonor-swiper {
		margin-top: 40px;
	}
}

@media screen and (max-width:1024px) {
	.pageHonor-swiper .swiper-slide {
		width: 33.333333%;
	}

	.pageHonor {
		background-attachment: inherit;
		height: auto;
	}

	.pageHonor {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.pageHonor-swiper {
		margin-top: 30px;
		padding: 0;
	}

	.pageHonor-swiper .swiper-slide a p {
		padding: 10px 0;
	}

	.pageHonor-swiper .swiper-slide a .picB {
		padding: 15px 0;
	}
}

@media screen and (max-width:768px) {
	.pageHonor {
		padding-top: 30px;
		padding-bottom: 50px;
	}

	.pageHonor-swiper .swiper-slide {
		width: 50%;
	}

	.pageHonor-swiper .swiper-slide a p {
		font-size: 14px;
	}
}

@media screen and (max-width:550px) {
	.pageHonor-swiper .swiper-slide {
		width: 100%;
	}
}




/*pageTitle*/
.pageTitle {
	text-align: center;
	margin-bottom: 70px;
	position: relative;
}

.pageTitle .cn {
	font-size: 34px;
	color: #000000;
	line-height: normal;
}

.pageTitle .wz {
	font-size: 18px;
	color: #7d7e8d;
	line-height: 34px;
	padding-top: 15px;
}

@media screen and (max-width: 1520px) {
	.pageTitle .cn {
		font-size: 32px;
	}

	.pageTitle .wz {
		font-size: 17px;
		line-height: 32px;
		padding-top: 13px;
	}
}

@media screen and (max-width:1400px) {
	.pageTitle .cn {
		font-size: 30px;
	}
}

@media screen and (max-width: 1220px) {
	.pageTitle {
		margin-bottom: 50px
	}

	.pageTitle .cn {
		font-size: 26px;
	}

	.pageTitle .wz {
		font-size: 16px;
		line-height: 30px;
		padding-top: 10px;
	}
}

@media screen and (max-width:1150px) {
	.pageTitle {
		margin-bottom: 40px
	}

	.pageTitle .cn {
		font-size: 24px;
	}
}

@media screen and (max-width:992px) {
	.pageTitle {
		margin-bottom: 30px
	}

	.pageTitle .cn {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	.pageTitle .wz {
		font-size: 14px;
		line-height: 26px;
		padding-top: 5px;
	}
}



/********************************pageHistory********************************/
/*pageHistory*/
.pageHistory {
	background-color: #0c55ff;
	padding: 5.5% 0;
	position: relative;
	overflow: hidden;
}

.pageHistory .pageTitle .cn {
	color: #fff;
}

.pageHistory .about-develop {
	background: #2787ef;
	position: relative;
	padding-top: 7%;
	padding-bottom: 5.5%
}

.pageHistory .about-develop-swiper,
.pageHistory .swiper-slide {
	position: relative;
}

.pageHistory .swiper-slide {
	cursor: pointer
}

/*about-develop-swbot*/
.pageHistory .about-develop-swbot .swiper-wrapper {
	position: relative;
}

.pageHistory .about-develop-swbot .swiper-container::before {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	height: 1px;
	width: 100%;
	background-color: #fff;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.pageHistory .about-develop-swbot .swiper-container {
	width: 100%;
	margin: 0 auto
}

.pageHistory .about-develop-swbot .time {
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	padding-bottom: 20px
}

.pageHistory .about-develop-swbot .swiper-slide::after {
	content: " ";
	position: absolute;
	width: 7px !important;
	height: 7px !important;
	background-color: #fff;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	border-radius: 50%;
	left: 50%;
	bottom: 14px !important;
	transform: translateX(-50%);
}

.pageHistory .about-develop-swbot .swiper-slide::before {
	content: " ";
	position: absolute;
	width: 1px !important;
	height: 14px !important;
	background-color: #fff;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	left: 50%;
	bottom: 0px !important;
	transform: translateX(-50%);
}

/*about-develop-swbot active*/
.pageHistory .swiper-slide-thumb-active .time,
.pageHistory .swiper-slide.active .time {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	font-size: 20px;
}

.pageHistory .about-develop-swbot .swiper-slide-thumb-active::before,
.pageHistory .about-develop-swbot .swiper-slide.active::before,
.pageHistory .swiper-slide-thumb-active::after,
.pageHistory .swiper-slide.active::after {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/*about-develop-swtop*/
.pageHistory .about-develop-swtop {
	padding: 0;
	padding-top: 45px;
	max-width: 900px;
	margin: 0 auto;
	position: relative;
}

.pageHistory .about-develop-tpft {
	max-width: 430px;
	text-align: center;
	margin: 0 auto;
}

.pageHistory .about-develop-tpft .tit {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}

.pageHistory .about-develop-tpft .dec {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}

.pageHistory .about-develop-tpimg {
	margin-top: 35px;
}

.pageHistory .about-develop-tpimg img {
	max-width: 100%;
}

.pageHistory .swiper-button-next,
.pageHistory .swiper-button-prev {
	width: 30px;
	height: 52px;
	background: url(../images/page-left2.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 50%;
}

.pageHistory .swiper-button-next {
	background-image: url(../images/page-right2.png);
}

.pageHistory .swiper-button-prev.swiper-button-disabled,
.pageHistory .swiper-button-next.swiper-button-disabled {
	opacity: 0.1;
}

.pageHistory .swiper-button-next:hover,
.pageHistory .swiper-button-prev:hover {
	opacity: .5
}

/*about-cirimg*/
.pageHistory .about-cirimg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	max-width: 100%;
	width: 100%;
	text-align: center;
}

.pageHistory .about-cirimg img {
	animation: rotaterotate 30s infinite linear
}

@keyframes rotaterotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@media screen and (max-width:768px) {
	.pageHistory {
		padding: 35px 0
	}

	.pageHistory>div {
		width: 95%;
		margin: 0 auto
	}

	.pageHistory .about-develop-swbot .time {
		font-size: 16px;
	}

	.pageHistory .about-develop-tpft .tit {
		font-size: 22px
	}

	.pageHistory .about-develop-tpft .dec {
		font-size: 14px;
		line-height: 26px;
	}

	.pageHistory .swiper-button-next,
	.pageHistory .swiper-button-prev {
		width: 24px;
		height: 42px;
	}
}


/************************************qalist************************************/
.pageJob {}

.qalist {
	/*padding-top:50px;padding-bottom:100px;*/
}

.qalist li {
	position: relative;
	border-bottom: 1px solid #ededed;
}

.qalist li .title {
	padding: 25px 40px;
	overflow: hidden;
	zoom: 1;
	cursor: pointer;
	border-radius: 5px;
}

.qalist li .title .Tit {}

.qalist li .title span {
	font-size: 20px;
	color: #4f535b;
	display: block;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.qalist li .title .close {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	right: 40px;
	border-radius: 50%;
}

.qalist li .title .close span {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	background: url(../images/v.png) center center no-repeat;
	background-size: 100%;
	transition: all 0.2s ease;
}

.qalist li .title.on {
	background-image: linear-gradient(-90deg, #4b7efa 0%, #55a7ff 100%);
	background-blend-mode: normal, normal;
}

.qalist li .title.on .Tit {
	color: #fff;
}

.qalist li .title.on .close span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	background: url(../images/v.png) center center no-repeat #fff;
	background-size: 100%;
}

.qalist li .tmain {
	display: none;
	background: #fff;
	padding: 60px 40px;
	font-size: 16px;
	line-height: 30px;
	color: #595959;
	border-top: 1px solid #f1f1f1;
	position: relative;
}

.qalist li .tmain .btn {
	padding-top: 40px;
}

.qalist li .tmain .btn a {
	width: 115px;
	line-height: 40px;
	border-radius: 40px;
	display: inline-block;
	background: #4b7efa;
	color: #fff;
	text-align: center;
	box-shadow: 0 2px 30px rgba(75, 126, 250, 0.2);
	transition: all 0.2s ease;
}

.qalist li .tmain .btn a:hover {
	background: #55a7ff;
}

@media screen and (max-width:1220px) {
	.qalist {
		/*padding-top:50px;padding-bottom:90px;*/
	}

	.qalist li .tmain {
		padding: 30px 30px;
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width:1024px) {
	.qalist {
		/*padding-top:40px;padding-bottom:70px;*/
	}

	.qalist li .title {
		padding: 15px 30px;
	}

	.qalist li .title span {
		font-size: 18px;
	}

	.qalist li .title .close {
		width: 30px;
		height: 30px;
		top: 10px;
		right: 30px;
	}

	.qalist li .tmain table td {
		display: block !important;
		width: 100% !important;
		padding: 1.5% 0 !important;
	}

	.qalist li .tmain table td:nth-child(1):after {
		display: none;
	}
}

@media screen and (max-width:768px) {
	.qalist {
		/*padding-top:30px;padding-bottom:50px;*/
	}

	.qalist li .title {
		padding: 10px 30px;
	}

	.qalist li .title span {
		font-size: 16px;
	}

}






/*pageHappy*/
.pageHappy {
	padding-top: 85px;
	padding-bottom: 85px;
	/*margin-bottom:60px;*/
	background: url("../images/page2-kuailebg.jpg") center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.pageHappy-swiper {
	padding: 15px 66px;
	position: relative;
}

.pageHappy .w1540 {
	position: relative;
}

.pageHappy-swiper .swiper-slide {
	width: 33.333333%;
	padding: 10px 0;
}

.pageHappy-swiper .swiper-slide .item {
	display: block;
	margin: 0 14px;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	font-size: 14px;
	color: #646464;
	line-height: 20px;
}

.pageHappy-swiper .swiper-slide .item .itemNr {
	padding: 40px 40px 20px 40px;
	min-height: 140px;
}

.pageHappy-swiper .swiper-slide .item .line {
	height: 8px;
	width: 100%;
	background-image: linear-gradient(-90deg, #4b7efa 0%, #55a7ff 100%);
	background-blend-mode: normal, normal;
}

.pageHappy-swiper .swiper-slide .item h2 {
	width: 100%;
	font-size: 20px;
	color: #000000;
	line-height: 30px;
	padding-bottom: 10px;
}

.pageHappy-swiper .swiper-slide .item p {
	transition: 0.4s;
}

/**/
.pageHappy-swiper .swiper-slide .item {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageHappy-swiper .swiper-slide .item:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

/*swiper-button*/
.pageHappy .swiper-button-prev {
	transition: 0.4s;
	opacity: 1;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	left: 0;
	background: url("../images/arrow-left.png") center center no-repeat;
	background-size: 100%;
	outline: none;
	z-index: 333;
	border-radius: 50%;
	position: absolute;
}

.pageHappy .swiper-button-next {
	transition: 0.4s;
	opacity: 1;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	right: 0;
	background: url("../images/arrow-right.png") center center no-repeat;
	background-size: 100%;
	outline: none;
	z-index: 333;
	border-radius: 50%;
	position: absolute;
}

.pageHappy .swiper-button-prev.swiper-button-disabled,
.pageHappy .swiper-button-next.swiper-button-disabled {
	opacity: 0.5;
}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1024px) {
	.pageHappy-swiper .swiper-slide {
		width: 50%;
	}

	.pageHappy {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.pageHappy {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.pageHappy-swiper .swiper-slide {
		width: 100%;
	}

	.pageHappy-swiper .swiper-slide .item .itemNr {
		padding: 30px 20px 20px 20px;
		min-height: 130px;
	}
}

@media screen and (max-width:550px) {
	.pageHappy-swiper .swiper-slide {
		width: 100%;
	}

	.pageHappy-swiper {
		padding: 15px 40px;
	}

	.pageHappy .swiper-button-prev,
	.pageHappy .swiper-button-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}

}



/*pageshuju2*/
.pageshuju2 {
	max-width: 1300px;
	margin: 0 auto;
	margin-top: 45px;
}

.pageshuju2 td {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #000000;
	line-height: 30px;
	text-align: left;
	width: 35%;
	min-width: 60px;
}

.pageshuju2 td img {
	width: 140px;
	margin-bottom: 25px;
}

.pageshuju2 td h2 {
	font-size: 24px;
	color: #e60012;
	font-weight: 600;
	text-align: left;
}

.pageshuju2 td h2 strong {
	font-size: 60px;
	line-height: normal;
	font-family: "Swis721 BlkCn BT", Arial, Helvetica, sans-serif;
	font-weight: 800;
	color: #fff;
	background-image: -webkit-linear-gradient(18deg, #4f98fe, #4b7bfc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.pageshuju2 td h2 span {
	font-size: 18px;
	font-weight: 500;
	position: relative;
	top: 0;
	vertical-align: top;
	margin-left: 10px;
	color: #4b7bfc;
}

.pageshuju2 td h2 b {
	font-size: 20px;
	font-weight: 300;
	font-family: "Swis721 BlkCn BT", Arial, Helvetica, sans-serif;
}

@media screen and (max-width:1459px) {
	.pageshuju2 td img {
		width: 130px;
	}

	.pageshuju2 td h2 {
		font-size: 22px;
	}

	.pageshuju2 td h2 strong {
		font-size: 55px;
	}

	.pageshuju2 td h2 span {
		font-size: 14px;
		top: -10px;
		margin-left: 10px;
	}

	.pageshuju2 td h2 b {
		font-size: 17px;
	}
}

@media screen and (max-width:1366px) {
	.pageshuju2 td img {
		width: 120px;
	}

	.pageshuju2 td h2 {
		font-size: 20px;
	}

	.pageshuju2 td h2 strong {
		font-size: 50px;
	}

	.pageshuju2 td h2 span {
		font-size: 14px;
		top: -10px;
		margin-left: 10px;
	}

	.pageshuju2 td h2 b {
		font-size: 16px;
	}
}

@media screen and (max-width:1259px) {
	.pageshuju2 td {
		padding-left: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.pageshuju2 td img {
		position: static;
		left: 0;
		top: 0;
		width: 140px;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.pageshuju2 td h2 strong {
		font-size: 45px;
	}

	.pageshuju2 {
		margin-top: 25px;
	}
}

@media screen and (max-width:1220px) {
	.pageshuju2 {
		margin-top: 20px;
	}

	.pageshuju2 td h2 strong {
		font-size: 45px;
	}

	.pageshuju2 td h2 {
		font-size: 20px;
	}

	.pageshuju2 td h2 span {
		font-size: 14px;
		top: -10px;
		margin-left: 10px;
	}

	.pageshuju2 td h2 b {
		font-size: 16px;
	}
}

@media screen and (max-width:1023px) {
	.pageshuju2 td h2 {
		font-size: 22px;
	}

	.pageshuju2 td h2 strong {
		font-size: 40px;
	}

	.pageshuju2 td h2 span {
		font-size: 14px;
		top: -10px;
		margin-left: 10px;
	}

	.pageshuju2 td h2 b {
		font-size: 17px;
	}
}

@media screen and (max-width:768px) {
	.pageshuju2 td h2 {
		font-size: 18px;
	}

	.pageshuju2 td h2 strong {
		font-size: 36px;
	}

	.pageshuju2 td h2 span {
		font-size: 12px;
		top: -10px;
		margin-left: 10px;
	}

	.pageshuju2 td h2 b {
		font-size: 16px;
	}

	.pageshuju2 td img {
		width: 120px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:767px) {
	.pageshuju2 td {
		width: 50%;
		float: left;
		display: block;
		padding-left: 0;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.pageshuju2 td h2 {
		text-align: center;
	}
}



/*pageTeam*/
.pageTeam {
	padding-bottom: 80px;
	padding-top: 30px;
	background: url("../images/page2-tubg.jpg") center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.pageTeamBox {
	width: 50%;
	float: left;
}

.pageTeamWz {
	width: 50%;
	float: right;
}

.pageTeamWz .pageTeamWzCon {
	padding-left: 16%;
	padding-top: 8%
}

@media screen and (max-width:1440px) {
	.pageTeamWz .pageTeamWzCon {
		padding-left: 10%;
		padding-top: 5%
	}
}

@media screen and (max-width:1220px) {
	.pageTeamWz .pageTeamWzCon {
		padding-left: 5%;
		padding-top: 0%
	}
}

@media screen and (max-width:1024px) {
	.pageTeam {
		padding-bottom: 50px;
		padding-top: 30px;
	}

	.pageTeamBox {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}

	.pageTeamWz {
		width: 100%;
		float: none;
	}

	.pageTeamWz .pageTeamWzCon {
		padding-left: 0;
		padding-top: 0
	}
}




/*teamListSW*/
.teamListSW {
	margin: 0 auto;
	overflow: hidden;
}

.teamListSW ul {
	font-size: 0;
}

.teamListSW li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100%;
	vertical-align: top;
}

.teamListSW .item {
	display: block;
	position: relative;
	background: #fff;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	overflow: hidden;
}

.teamListSW .img {
	overflow: hidden;
	height: 0;
	position: relative;
	border-radius: 5px;
	padding-bottom: 57.53246753246753%;
}

.teamListSW .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	max-width: 100%;
	width: 100%;
	max-height: none;
	height: auto;
}

.teamListSW .item,
.teamListSW .img img {
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.teamListSW .item:hover .imgBox img {
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

.teamListSW .swiper-pagination {
	text-align: center;
	left: 0;
	width: 100%;
	bottom: 20px;
	z-index: 2;
	line-height: 0;
}

.teamListSW .swiper-pagination-bullet {
	opacity: 1 !important;
	width: 8px;
	height: 8px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	margin: 0 4px !important;
}

.teamListSW .swiper-pagination-bullet-active {
	background: #4b7bfc;
}

.pageTeam .swiper-button-prev {
	transition: 0.4s;
	opacity: 0.5;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	left: 3%;
	background: url("../images/arrow-left.png") center center no-repeat;
	background-size: 100%;
	outline: none;
	z-index: 333;
	border-radius: 50%;
	position: absolute;
}

.pageTeam .swiper-button-next {
	transition: 0.4s;
	opacity: 0.5;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	right: 3%;
	background: url("../images/arrow-right.png") center center no-repeat;
	background-size: 100%;
	outline: none;
	z-index: 333;
	border-radius: 50%;
	position: absolute;
}

.pageTeam .swiper-button-prev.swiper-button-disabled,
.pageTeam .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}



/********************************Contact********************************/

/**Contact**/
.pageContactBox {
	/*padding-top:30px;*/
	padding-bottom: 0px !important;
}

.contactTable {
	font-size: 0;
	text-align: center;
	padding-top: 10px;
	-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
	position: relative;
	z-index: 10;
}

.contactTable .wz {
	padding: 40px 0;
	overflow: hidden;
	width: 33.33333%;
}

.contactTable .wz {
	background: #fff;
	padding-bottom: 95px;
	min-height: 320px;
	padding-top: 95px;
	font-size: 16px;
	line-height: 30px;
	color: #3b4048;
	margin: 0 0px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.contactTable .wz img {
	width: 40px;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.contactTable .wz h2 {
	font-size: 22px;
	color: #333333;
	line-height: 30px;
	position: relative;
	z-index: 1;
	font-weight: bold;
	margin-bottom: 14px;
}

.contactTable .wz h5 {
	font-size: 16px;
	color: #4b7bfc;
	position: relative;
	z-index: 1;
	font-weight: 300;
}

.contactTable .wz p {
	font-size: 14px;
	color: #000000;
	position: relative;
	z-index: 1;
	font-weight: 300;
}

.contactTable .wz,
.contactTable .wz img {
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.contactTable .wz:hover img {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-o-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}

.contactTable .wz p strong {
	font-size: 18px;
	color: #4b7bfc;
	font-weight: bold;
}

.contactTable .wz:hover {
	-moz-box-shadow: 0 20px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
}

.contactTable .wz:hover:before {
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	margin-left: 0;
	border-radius: 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
}

.contactTable .wz.td3 table {
	margin: 0 auto;
	max-width: 250px;
}

.contactTable .wz.td3 table img {
	width: 100%;
}

.contactTable .wz.td3 {
	background-image: url("../images/page3-line.jpg");
	background-repeat: no-repeat;
	background-position: left center;
}

.contactTable .wz.td2 {
	background-image: url("../images/page3-line.jpg");
	background-repeat: no-repeat;
	background-position: left center;
}

@media screen and (max-width:1024px) {
	.contactTable .wz h2 {
		font-size: 16px;
	}

	.contactTable .wz {
		padding-bottom: 65px;
		min-height: 180px;
		padding-top: 65px;
		font-size: 14px;
	}

	.contactTable .wz p {
		font-size: 14px;
	}

	.contactTable .wz img {
		width: 35px;
	}
}

@media screen and (max-width:992px) {
	.contactTable .wz {
		padding-bottom: 45px;
		padding-top: 45px;
		min-height: 146px;
		line-height: 24px;
	}

	.contactTable .wz h2 {
		line-height: 24px;
	}
}

@media screen and (max-width:768px) {
	.contactTable .wz {
		padding: 35px 0;
		display: block !important;
		width: 100% !important;
	}
}



/**/
.pageMapB {
	overflow: hidden;
	position: relative;
	z-index: 0;
	margin-top: -150px;
}

.pageMap {
	height: 28.125vw;
}

@media screen and (max-width:1024px) {
	.pageMapB {
		margin-top: -100px;
	}
}

@media screen and (max-width:992px) {
	.pageMapB {
		margin-top: -90px;
	}
}

@media screen and (max-width:768px) {
	.pageMapB {
		margin-top: -50px;
	}

	.pageMap {
		height: 50vw;
	}
}


/*feedback2Box*/
.feedback2Box {
	padding-top: 60px;
	padding-bottom: 60px;
	background: url(../images/contact-contactbg.jpg) center top no-repeat #f4f7fc;
	background-size: cover;
	background-attachment: fixed;
}

.feedback2Box .contact-con {
	font-size: 0;
}

.feedback2Box .pageT1 {
	max-width: 80%;
	margin: 0 auto;
	line-height: 24px;
	color: #fff;
}

.feedback2Box .pageT1 .en {
	margin-bottom: 10px;
	color: #fff;
}

/*feedback2*/
.feedback2 {
	font-size: 14px;
	color: #464646;
	line-height: 30px;
	text-align: left;
	padding: 0;
	margin: 0 -6.5px;
}

.feedback2 label {
	display: block;
}

.feedback2 .l1 {
	float: left;
	width: 33.3333333%;
	position: relative;
}

.feedback2 .l1Box {
	margin: 0 6.5px;
	position: relative;
}

.feedback2 .l1Box .icon {
	position: absolute;
	width: 20px;
	top: 20px;
	left: 20px;
}

.feedback2 .text {
	display: block;
	width: 100%;
	padding: 4px 18px 4px 47px;
	height: 60px;
	margin-bottom: 15px;
	outline: none;
	font-size: 16px;
	color: #9ea0ae;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: 1px solid #fff;
	border-radius: 0px;
	background: #fff;
	text-align: left;
}

.feedback2 .text2 {
	display: block;
	width: 100%;
	padding: 14px 18px 4px 47px;
	height: 210px;
	margin-bottom: 15px;
	outline: none;
	font-size: 16px;
	color: #9ea0ae;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: 1px solid #fff;
	border-radius: 0px;
	background: #fff;
	text-align: left;
}

.feedback2 .getcode {
	display: block;
	width: 32%;
	padding: 4px 18px 4px 47px;
	height: 60px;
	margin-bottom: 15px;
	outline: none;
	font-size: 16px;
	color: #9ea0ae;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: 1px solid #fff;
	border-radius: 0px;
	background: #fff;
	text-align: left;
	float: left;
	max-width: 200px;
}

.feedback2 img {
	display: inline-block;
}

.feedback2 .kk {
	font-size: 14px;
	color: #a0a0a0;
	line-height: 30px;
	height: 60px;
	padding: 0 15px;
	float: left;
	background: #fff;
	display: inline-block;
}

.feedback2 .kk img {
	margin-top: 15px;
}

.feedback2 .l3 {
	position: relative;
}

.feedback2 .inputbtn {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	outline: none;
	font-size: 14px;
	background: #4b7efa;
	color: #fff;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: 0;
	cursor: pointer;
	border-radius: 44px;
	text-align: center;
	background-position: right center;
	width: 142px;
	transition: all 0.2s ease;
	margin-top: 35px;
}

.feedback2 .inputbtn:hover,
.feedback2 .inputbtn.tj:hover {
	box-shadow: 0 2px 40px rgba(75, 126, 250, 0.3);
}

.feedback2 .text:focus,
.feedback2 .text:active,
.feedback2 .text2:focus,
.feedback2 .text2:active,
.feedback2 .getcode:focus,
.feedback2 .getcode:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid #4e8afb;
}

.feedback2 input::-webkit-input-placeholder {
	color: #9ea0ae;
	font-size: 16px;
}

.feedback2 input:-moz-placeholder {
	color: #9ea0ae;
	font-size: 16px;
}

.feedback2 input::-moz-placeholder {
	color: #9ea0ae;
	font-size: 16px;
}

.feedback2 input:-ms-input-placeholder {
	color: #9ea0ae;
}

.feedback2 textarea::-webkit-input-placeholder {
	color: #9ea0ae;
	font-size: 16px;
}

.feedback2 textarea:-moz-placeholder {
	color: #9ea0ae;
	font-size: 16px;
}

.feedback2 textarea::-moz-placeholder {
	color: #9ea0ae;
	font-size: 16px;
}

.feedback2 textarea:-ms-input-placeholder {
	color: #9ea0ae;
	font-size: 16px;
}

@media screen and (max-width:1024px) {
	.feedback2Box {
		padding-top: 70px;
		padding-bottom: 70px;
		background-attachment: inherit;
	}
}

@media screen and (max-width:768px) {
	.feedback2Box {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.feedback2 .l1 {
		width: 100%;
	}

	.feedback2 .inputbtn {
		float: none;
		display: block;
		clear: both;
	}

	.feedback2 .text,
	.feedback2 .getcode {
		height: 40px;
		margin-bottom: 10px;
	}

	.feedback2 .text2 {
		height: 120px;
		padding-top: 15px;
		margin-bottom: 10px;
	}

	.feedback2 .getcode {
		margin-bottom: 40px;
		max-width: 200px;
		width: 40%;
	}

	.feedback2 .l1Box .icon {
		top: 10px;
	}

	.feedback2 .kk {
		font-size: 14px;
		color: #a0a0a0;
		line-height: 30px;
		height: 40px;
		padding: 0 15px;
		float: left;
		background: #fff;
		display: inline-block;
	}

	.feedback2 .kk img {
		margin-top: 5px;
	}
}

/*feedback2Box2*/
.feedback2Box2 .feedback2 .text {
	height: 50px;
	margin-bottom: 10px;
}

.feedback2Box2 .feedback2 .text2 {
	height: 100px;
	margin-bottom: 10px;
	padding: 4px 18px 4px 47px;
}

.feedback2Box2 .feedback2 .getcode {
	height: 50px;
	margin-bottom: 10px;
}

.feedback2Box2 .feedback2 .kk {
	height: 50px;
}

.feedback2Box2 .feedback2 .kk img {
	margin-top: 10px;
}

.feedback2Box2 .feedback2 .l1Box .icon {
	top: 15px;
}

.feedback2Box2 .feedback2 .l2 .l1Box .icon {
	top: 10px;
}

.feedback2Box2 .feedback2 .inputbtn {
	margin-top: 15px;
}

@media screen and (max-width:768px) {
	.feedback2Box2 .feedback2 .text2 {
		height: 100px;
		padding-top: 10px;
	}
}

/*pageBrandlist*/
.pageBrand {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #e9ecf3;
}

.pageBrandlist {}

.pageBrandlist {
	position: relative;
	z-index: 1;
	padding: 15px 0;
}

.pageBrandlist ul {
	margin: 0 auto;
	font-size: 0;
	overflow: hidden;
	line-height: 0;
	border-top: 4px solid #4b7efa;
	background: #fff;
}

.pageBrandlist li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 33.3333333%;
	border-bottom: 1px solid #e9ecf3;
}

.pageBrandlist li .item {
	display: block;
	color: #000000;
	font-size: 16px;
	padding: 80px 50px;
	overflow: hidden;
	background-color: #fff;
}

.pageBrandlist li .item {
	background-image: url(../images/page3-sd.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

.pageBrandlist li .item span {
	display: inline-block;
	position: relative;
	z-index: 2;
}

.pageBrandlist li .item,
.pageBrandlist li .des {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pageBrandlist li .tit {
	font-size: 22px;
	color: #4b7efa;
	line-height: normal;
	position: relative;
	z-index: 1;
	font-weight: bold;
}

.pageBrandlist li .tit em {
	display: block;
	font-style: normal;
	font-size: 15px;
	line-height: normal;
	color: #7d7e8d;
	font-weight: 400;
	padding-top: 5px;
}

.pageBrandlist li .tu {
	float: right;
	max-width: 50%;
}

.pageBrandlist li .tu img {
	max-height: 70px;
}

.pageBrandlist li .title {
	padding-bottom: 30px;
	border-bottom: 1px solid #e9eaee;
	margin-bottom: 16px;
}

.pageBrandlist li .name {
	font-size: 16px;
	color: #4b7bfc;
	position: relative;
	z-index: 1;
	font-weight: 300;
}

.pageBrandlist li .des {
	font-size: 20px;
	color: #ffffff;
	padding: 14px 14px;
	line-height: 22px;
	font-weight: 300;
	background-image: linear-gradient(-90deg, #4b7efa 0%, #55a7ff 100%);
	background-blend-mode: normal, normal;
	border-radius: 5px;
}

.pageBrandlist li .des .num {
	float: right;
	font-weight: 400;
}

.pageBrandlist li .item:hover .des {
	background-image: linear-gradient(90deg, #4b7efa 0%, #004aff 100%);
}

.pageBrandlist li .tu,
.pageBrandlist li .tu img {
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.pageBrandlist li .item:hover .tu img {
	-moz-transform: scale3d(1.05, 1.05, 1.05);
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-ms-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}

@media screen and (max-width:1024px) {
	.pageBrandlist li {
		width: 50%;
	}

	.pageBrandlist li .tit {
		font-size: 20px;
	}

	.pageBrandlist li .name {
		font-size: 14px;
	}

	.pageBrandlist li .des {
		font-size: 16px;
	}

	.pageBrandlist li .item {
		font-size: 14px;
		padding: 50px 40px;
	}
}

@media screen and (max-width:768px) {
	.pageBrandlist li {
		width: 100%;
	}
}

/********************************Contact end********************************/
/********************************case********************************/
/*pageCaseList*/
.pageCaseList {
	overflow: hidden;
	padding-top: 30px;
}

.pageCaseList ul {
	overflow: hidden;
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 -40px;
}

.pageCaseList ul li {
	width: 25%;
	margin-bottom: 60px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.pageCaseList ul li .item {
	display: block;
	margin: 0 40px;
	position: relative;
}

.pageCaseList ul li .item:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #e0e1e5;
	position: absolute;
	bottom: 0;
	left: 0;
}

.pageCaseList ul li .item:after {
	content: '';
	width: 0;
	height: 1px;
	background: #4f7efc;
	position: absolute;
	bottom: 0;
	left: 0;
}

.pageCaseList ul li .imgBox {
	overflow: hidden;
	height: 0;
	position: relative;
	border-radius: 5px;
	padding-bottom: 54.34782608695652%;
}

.pageCaseList ul li .imgBox img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	max-width: 100%;
	width: 100%;
	max-height: none;
	height: auto;
}

.pageCaseList ul li .item:before,
.pageCaseList ul li .item:after,
.pageCaseList ul li .imgBox,
.pageCaseList ul li .imgBox img,
.pageCaseList ul li .item {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageCaseList ul li .item:hover .imgBox img {
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

.pageCaseList ul li .item:hover:after {
	width: 100%;
}

.pageCaseList ul li .infoBox {
	padding: 30px 0;
}

.pageCaseList ul li .title {
	font-weight: normal;
	font-size: 20px;
	color: #000000;
	max-height: 52px;
	line-height: 26px;
	overflow: hidden;
	margin-bottom: 10px;
}

.pageCaseList ul li .date {
	font-size: 14px;
	line-height: 22px;
	color: #9ea0ae;
	margin-bottom: 14px;
}

.pageCaseList ul li .more {
	font-size: 15px;
	line-height: 22px;
	color: #4f7efc;
}

.pageCaseList ul li .item:hover .title {
	color: #000;
}

@media screen and (max-width:1440px) {
	.pageCaseList ul {
		margin: 0 -35px;
	}

	.pageCaseList ul li .item {
		margin: 0 35px;
	}
}

@media screen and (max-width:1220px) {
	.pageCaseList ul {
		margin: 0 -25px;
	}

	.pageCaseList ul li .item {
		margin: 0 25px;
	}

	.pageCaseList ul li .title {
		font-size: 18px;
	}
}

@media screen and (max-width:1024px) {
	.pageCaseList ul {
		margin: 0 -15px;
	}

	.pageCaseList ul li .item {
		margin: 0 15px;
	}

	.pageCaseList ul li {
		width: 50%;
	}

	.pageCaseList ul li .title {
		font-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.pageCaseList ul {
		margin: 0;
	}

	.pageCaseList ul li .item {
		margin: 0;
	}

	.pageCaseList ul li {
		width: 100%;
	}

	.pageCaseList ul li .title {
		font-size: 18px;
	}
}



/*page-tab*/
.page-tab {
	margin: 0 auto;
	padding: 33px 0 50px 0;
	text-align: center;
}

.page-tab ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	height: 44px;
	line-height: 44px;
	font-size: 0;
}

.page-tab ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	height: 44px;
	line-height: 44px;
}

.page-tab ul li a {
	display: inline-block;
	text-align: center;
	font-size: 12px;
	color: #1e2831;
	padding: 0 18px;
	margin: 0 4px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #d2d2d2;
	background: #ffffff;
}

.page-tab ul li a:hover,
.page-tab ul li a.focus {
	background: #085cc1;
	color: #fff;
	border-color: #085cc1;
}

.page-tab ul li.next-page a,
.page-tab ul li.prev-page a {
	padding: 0 36px;
}

@media screen and (max-width:1024px) {
	.page-tab {
		margin: 0 auto;
		padding: 30px 0 30px 0;
		text-align: center;
	}
}

@media screen and (max-width:768px) {
	.page-tab ul li {
		display: none;
	}

	.page-tab ul li.next-page,
	.page-tab ul li.prev-page {
		display: inline-block;
	}
}






/*page-caseInfo*/
.page-caseInfoBox {
	background: #f7f7f7;
	padding-top: 20px;
	padding-bottom: 40px;
}

.page-caseInfoCon {
	max-width: 1150px;
	margin: 0 auto;
}

.page-caseInfo {
	text-align: left;
	margin-right: 30px;
}

.page-caseInfo .page-casewz {
	background: #fff;
}

.page-caseInfo .newsTit {
	font-size: 30px;
	color: #000000;
	line-height: normal;
	font-weight: 400;
	text-align: center;
	padding: 60px 30px;
	border-bottom: 1px solid #f6f8fa;
}

/*newsText*/
.page-caseInfo .newsText {
	color: #333333;
	font-size: 16px;
	line-height: 32px;
	padding-bottom: 60px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
}

.page-caseInfo .newsTextNr {
	padding-bottom: 20px;
	padding: 50px 50px;
}

.page-caseInfo .newsBtn {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 0;
}

.page-caseInfo .newsBtn .newsBtnA {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 48%;
	overflow: hidden;
	color: #909090;
	float: left;
	text-align: center;
	font-size: 0;
}

.page-caseInfo .newsBtn .newsBtnB {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 48%;
	overflow: hidden;
	color: #909090;
	float: right;
	text-align: center;
	font-size: 0;
}

.page-caseInfo .newsBtn .newsBtnA em,
.page-caseInfo .newsBtn .newsBtnB em {
	font-style: normal;
}

.page-caseInfo .newsBtn a {
	display: block;
	color: #333333;
	font-size: 15px;
	line-height: 64px;
	height: 64px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #fff;
	padding: 0 50px;
	text-align: center;
}

.page-caseInfo .newsBtn a:hover {
	color: #0067ff;
}

.page-caseInfo .newsBtn .newsBtnA {
	text-align: left;
}

.page-caseInfo .newsBtn .newsBtnB {
	text-align: right;
}

.page-caseInfo .newsBtn a srtong {
	color: #333333;
}

@media screen and (max-width:1520px) {
	.page-caseInfo .newsTit {
		font-size: 28px;
	}
}

@media screen and (max-width:1220px) {
	.page-caseInfo .newsTit {
		font-size: 26px;
	}

	.page-caseInfo .newsTit {
		font-size: 30px;
		padding: 30px 10px;
	}

	.page-caseInfo .newsTextNr {
		padding-bottom: 20px;
		padding: 30px 10px;
	}
}

@media screen and (max-width:1024px) {
	.page-caseInfo .newsTit {
		font-size: 24px;
	}

	.page-caseInfoCon {
		padding-right: 0;
	}

	.page-caseInfo {
		margin-right: 0;
	}
}

@media screen and (max-width:992px) {

	.page-caseInfo .newsShuju,
	.page-caseInfo .newsTit,
	.page-caseInfo .newsText {
		margin-bottom: 30px;
	}

	.page-caseInfo .newsTit {
		font-size: 20px;
		width: auto;
	}

	.page-caseInfo .newsText {
		padding-bottom: 0;
	}

	.page-caseInfo .page-casewz {
		margin-bottom: 0;
		padding: 30px 15px;
	}
}

@media screen and (max-width:768px) {
	.page-caseInfoBox {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.page-caseInfo {
		text-align: left;
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	.page-caseInfo .newsBtn .newsBtnA em,
	.page-caseInfo .newsBtn .newsBtnB em {
		display: none;
	}

	.page-caseInfo .page-casewz {
		padding: 30px 15px;
	}

	.page-caseInfo .newsShuju,
	.page-caseInfo .newsShuju em {
		font-size: 12px;
		line-height: 26px;
	}

	.page-caseInfo .newsText {
		font-size: 15px;
		line-height: 28px;
	}

	.page-caseInfo .newsBtn a {
		font-size: 14px;
		line-height: 50px;
		height: 50px;
		padding: 0 0px;
	}
}


/*page-back*/
.page-back {
	margin: 0 auto;
	text-align: center;
}

.page-back a {
	display: block;
	width: 100%;
	font-size: 15px;
	overflow: hidden;
	line-height: 64px;
	height: 64px;
	text-align: center;
	color: #333333;
	margin: 0 auto;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background: #fff;
	position: relative;
}

.page-back a span {
	display: inline-block;
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding-right: 25px;
	background: url(../images/page-back.png) right center no-repeat;
	background-size: 15px;
}

@media screen and (max-width:768px) {
	.page-back a {
		font-size: 14px;
		line-height: 54px;
		height: 54px;
	}

	.page-back a span {
		padding-right: 20px;
		background-size: 12px;
	}
}






/*news-share*/
.news-share {
	padding-bottom: 30px;
	position: relative;
	display: none;
}

.news-share .iconfont {
	width: 25px;
	height: 25px;
	font-size: 20px;
	display: inline-block;
	margin-right: 20px;
}

.news-share .icon-weixin {
	background: url(../images/share-1.png) left center no-repeat;
	background-size: 20px;
}

.news-share .icon-weibo {
	background: url(../images/share-2.png) left center no-repeat;
	background-size: 20px;
}

.news-share .icon-lianjie {
	background: url(../images/share-3.png) left center no-repeat;
	background-size: 20px;
	margin-right: 0 !important;
}

/*icon-weixin cover-share*/
#cover-share {
	position: fixed;
	background-color: rgba(255, 255, 255, .8);
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100000;
	display: none;
}

#qrCode {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.cover-cancel {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 40px;
	height: 40px;
	background: url(../images/close.png) center center no-repeat;
	background-size: 15px;
}

.news-detial-cover {
	width: 100%;
	height: 225px;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, .8), transparent)
}

/*icon-lianjie copy-success-message*/
.copy-success-message {
	width: 80px;
	line-height: 24px;
	position: absolute;
	border: 1px solid #e3e3e3;
	text-align: center;
	font-size: 12px !important;
	top: -32px;
	left: 70px
}

.copy-success-message:after,
.copy-success-message:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	left: 36px
}

.copy-success-message:after {
	border-top: 6px solid #e3e3e3;
	top: 25px
}

.copy-success-message:before {
	border-top: 6px solid #fff;
	top: 23px;
	z-index: 1000
}





/********************************news********************************/
.page-newsHot {
	padding-top: 30px;
}

/*newsHotImgBox*/
.newsHotBox {
	margin: 0 auto;
	position: relative;
	margin-bottom: 90px;
	background: #fff;
}

.newsHotBox .newsHotImgBox {
	width: 37.66233766233766%;
	height: auto;
	float: right;
	text-align: left;
	overflow: hidden;
}

.newsHotBox .newsHotImgBox .swiper-slide {
	width: 100%;
	background: #fafafa;
}

.newsHotBox .newsHotImgBox .ImgBox {
	overflow: hidden;
	padding-bottom: 81.03448275862069%;
	position: relative;
}

.newsHotBox .newsHotImgBox .ImgBox img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	max-width: none;
	height: 100%;
}

.newsHotBox .newsHotImgBox a,
.newsHotBox .newsHotImgBox .ImgBox,
.newsHotBox .newsHotImgBox .ImgBox img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.newsHotBox .newsHotImgBox .ImgBox:hover img {
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-o-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

/*newsHotList*/
.newsHotBox .newsHotlunboBox {
	width: 62.33766233766234%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.newsHotBox .newsHotlunbo {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.newsHotBox .newsHotList {
	font-size: 0;
	line-height: 0;
}

.newsHotBox .newsHotList li {
	width: 100%;
	display: block;
	background: #fff;
	padding: 50px 50px 50px 120px;
}

.newsHotBox .newsHotList li,
.newsHotBox .newsHotList li a {
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.newsHotBox .newsHotList li .info {
	position: relative;
}

.newsHotBox .newsHotList li .infoB {
	max-width: 610px;
}

.newsHotBox .newsHotList li .info .nr {
	padding-left: 87px;
	position: relative;
}

.newsHotBox .newsHotList li .tit {
	display: block;
	font-size: 26px;
	line-height: 40px;
	height: 80px;
	color: #4f7efc;
	overflow: hidden;
	margin-bottom: 30px;
}

.newsHotBox .newsHotList li .des {
	font-size: 15px;
	color: #333333;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	font-weight: 300;
	margin-bottom: 64px
}

.newsHotBox .newsHotList li .date {
	font-size: 28px;
	line-height: 30px;
	color: #000000;
	position: absolute;
	left: 0;
	top: 5px;
}

.newsHotBox .newsHotList li .date span {
	display: block
}

.newsHotBox .newsHotList li .date .d {}

.newsHotBox .newsHotList li .date .line {
	line-height: 10px;
}

.newsHotBox .newsHotList li .date .y {
	font-size: 14px;
	margin-top: 20px;
}

.newsHotBox .newsHotList li .tit:hover {
	color: #6432ff;
}

.newsHotBox .newsHotList li .more {
	font-size: 15px;
	color: #b4b5bd;
	font-weight: 400;
	padding-bottom: 56px
}

/*swiper-button*/
.page-newsHot .swiper-button-prev {
	position: absolute;
	left: 4.5%;
	top: 50%;
	opacity: 1;
	width: 24px;
	height: 42px;
	margin-top: -21px;
	background: url("../images/index-left.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
	outline: none;
}

.page-newsHot .swiper-button-next {
	position: absolute;
	right: 4.5%;
	top: 50%;
	opacity: 1;
	width: 24px;
	height: 42px;
	margin-top: -21px;
	background: url("../images/index-right.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
	outline: none;
}

.page-newsHot .swiper-button-prev.swiper-button-disabled,
.page-newsHot .swiper-button-next.swiper-button-disabled {
	opacity: 0.5;
}

/**/
.page-newsHot .swiper-pagination {
	position: absolute;
	bottom: 20px;
	left: 120px;
	text-align: left;
	margin: 0;
}

.page-newsHot .swiper-container-horizontal>.swiper-pagination-bullets,
.page-newsHot .swiper-pagination-custom,
.page-newsHot .swiper-pagination-fraction {
	bottom: 0;
}

.page-newsHot .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 1;
	border: 2px solid #b4b5bd;
}

.page-newsHot .swiper-pagination-bullet-active {
	background-color: #4f7efc;
	border-color: #4f7efc;
}

@media screen and (max-width:1220px) {
	.newsHotBox .newsHotList li .tit {
		font-size: 24px;
	}

	.newsHotBox .newsHotList li .date {
		font-size: 26px;
	}
}

@media screen and (max-width:1024px) {
	.newsHotBox .newsHotList li .tit {
		font-size: 22px;
		line-height: 32px;
		height: 64px;
	}

	.newsHotBox .newsHotList li .date {
		font-size: 24px;
	}

	.newsHotBox .newsHotList li .des {
		font-size: 14px;
		margin-bottom: 30px;
	}

	.newsHotBox .newsHotList li .more {
		font-size: 12px;
		padding-bottom: 50px
	}
}

@media screen and (max-width:992px) {
	.newsHotBox .newsHotImgBox {
		width: 100%;
		float: none;
	}

	.newsHotBox .newsHotlunboBox {
		width: 100%;
		position: static;
		left: 0%;
		height: auto;
		margin-bottom: 30px;
	}

	.newsHotBox .newsHotlunbo {
		width: 100%;
		position: static;
		left: 0;
		top: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		margin-bottom: 30px;
	}

	.page-newsHot .newsHotlunbobtn {
		position: static;
		left: 0%;
		bottom: 0;
	}

	.newsHotBox .newsHotList li {
		padding: 0.5rem 30px;
	}

	.page-newsHot .swiper-button-prev,
	.page-newsHot .swiper-button-next {}

	.newsHotBox .newsHotList li .tit {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	.newsHotBox .newsHotList li .info .nr {
		padding-left: 60px;
	}

	.page-newsHot .swiper-pagination {
		left: 30px;
	}

	.newsHotBox .newsHotList li .date {
		font-size: 20px;
	}

	.newsHotBox .newsHotList li .tit {
		font-size: 18px;
		line-height: 30px;
		max-height: 60px;
		margin-bottom: 20px;
	}

	.newsHotBox .newsHotList li .des {
		font-size: 14px;
		margin-bottom: 30px;
	}

	.newsHotBox .newsHotList li .more {
		font-size: 12px;
		padding-bottom: 50px
	}
}


/*pageNewsList*/
.pageNewsList {
	overflow: hidden;
}

.pageNewsList ul {
	overflow: hidden;
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 -40px;
}

.pageNewsList ul li {
	width: 33.33333333%;
	margin-bottom: 60px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.pageNewsList ul li .item {
	display: block;
	margin: 0 40px;
	position: relative;
	padding: 55px 30px 30px 30px;
	border-radius: 5px;
}

.pageNewsList ul li .item:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #e0e1e5;
	position: absolute;
	top: 0;
	left: 0;
}

.pageNewsList ul li .imgBox {
	overflow: hidden;
	height: 0;
	position: relative;
	border-radius: 5px;
	padding-bottom: 62.5%;
}

.pageNewsList ul li .imgBox img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	max-width: none;
	width: 100%;
	max-height: none;
	height: 100%;
	object-fit: cover;
}

.pageNewsList ul li .item:before,
.pageNewsList ul li .item:after,
.pageNewsList ul li .imgBox,
.pageNewsList ul li .imgBox img,
.pageNewsList ul li .item {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageNewsList ul li .item:hover .imgBox img {
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

.pageNewsList ul li .item:hover:after {
	width: 100%;
}

.pageNewsList ul li .infoBox {
	padding-top: 30px;
}

.pageNewsList ul li .title {
	font-weight: normal;
	font-size: 20px;
	color: #000000;
	height: 60px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 70px;
}

.pageNewsList ul li .date {
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	margin-bottom: 14px;
}

.pageNewsList ul li .more {
	font-size: 15px;
	line-height: 22px;
	color: #b4b5bd;
	float: right;
}

.pageNewsList ul li .item:hover {
	background: #fff;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1)
}

.pageNewsList ul li .item:hover .more {
	color: #4f7efc;
}

@media screen and (max-width:1640px) {
	.pageNewsList ul {
		margin: 0 -35px;
	}

	.pageNewsList ul li .item {
		margin: 0 35px;
	}
}

@media screen and (max-width:1440px) {
	.pageNewsList ul {
		margin: 0 -25px;
	}

	.pageNewsList ul li .item {
		margin: 0 25px;
	}

}

@media screen and (max-width:1220px) {
	.pageNewsList ul li .title {
		font-size: 18px;
		height: 56px;
		line-height: 28px;
		margin-bottom: 50px;
	}

	.pageNewsList ul li .date {
		font-size: 13px;
	}

	.pageNewsList ul li .more {
		font-size: 14px;
	}
}

@media screen and (max-width:1024px) {
	.pageNewsList ul {
		margin: 0 -15px;
	}

	.pageNewsList ul li .item {
		margin: 0 15px;
	}

	.pageNewsList ul li {
		width: 50%;
	}

	.pageNewsList ul li .title {
		font-size: 16px;
		height: 56px;
		line-height: 28px;
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.pageNewsList ul {
		margin: 0;
	}

	.pageNewsList ul li .item {
		margin: 0;
	}

	.pageNewsList ul li {
		width: 100%;
	}

	.pageNewsList ul li .title {
		font-size: 17px;
		height: 56px;
		line-height: 28px;
		margin-bottom: 30px;
	}

	.pageNewsList ul li .date {
		font-size: 13px;
	}

	.pageNewsList ul li .more {
		font-size: 13px;
	}
}









/*page-newsRight*/
.page-newsRight {
	width: 340px;
	position: absolute;
	right: 0;
	top: 0;
}

.page-newsRight .more-main {
	background-color: #fff;
	padding: 40px 40px 0;
	color: #B3B3B3
}

.page-newsRight .product-tag {
	margin-top: 40px;
	background-color: #fff;
	padding-bottom: 26px
}

.page-newsRight .product-tag .product-img {
	width: 300px;
	height: 200px
}

.page-newsRight .product-tag .product-name {
	text-align: center;
	padding-top: 12px;
	color: #666;
	font-size: 16px;
	line-height: 16px
}

.page-newsRight .product-tag .product-tips {
	font-size: 14px;
	margin: 16px auto 0;
	display: block;
	color: #b3b3b3;
	text-align: center;
	cursor: pointer;
	line-height: 30px;
	width: 100px;
	border-radius: 15px;
	border: 1px solid #f5f5f5
}

.news-more-explain {
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 30px;
	color: #000000
}

.news-more-content {
	padding-bottom: 18px
}

.news-more-title {
	font-size: 15px;
	line-height: 24px;
	color: #333333;
}

.news-more-time {
	font-size: 14px;
	line-height: 24px;
	color: #b4b5bd;
}

.news-more-content:hover .news-more-title {
	color: #0067ff;
}

@media screen and (max-width:1024px) {
	.page-newsRight {
		position: relative;
		width: 100%;
	}
}

@media screen and (max-width:768px) {
	.page-newsRight .more-main {
		padding: 30px 25px 0;
	}

	.news-more-explain {
		font-size: 16px;
		padding-bottom: 20px;
	}

	.news-more-content {
		padding-bottom: 15px
	}

	.news-more-title {
		font-size: 14px;
		line-height: 24px;
	}

	.news-more-time {
		font-size: 12px;
		line-height: 24px;
	}
}


/*page-newsInfo*/
.page-newsInfo2Box2 {
	background: #f7f7f7;
	padding-top: 40px;
	padding-bottom: 40px;
}

.page-newsInfo2Con2 {
	position: relative;
	padding-right: 340px;
}

.page-newsInfo2 {
	text-align: left;
	margin-right: 30px;
}

.page-newsInfo2 .page-newswz {
	background: #fff;
}

.page-newsInfo2 .page-newsTit {
	padding: 50px 50px;
	border-bottom: 1px solid #f6f8fa;
}

.page-newsInfo2 .newsTit {
	font-size: 30px;
	color: #000000;
	line-height: normal;
	text-align: left;
	font-weight: 400;
}

.page-newsInfo2 .newsShuju {
	font-size: 14px;
	color: #646464;
	line-height: 30px;
	text-align: left;
	margin-bottom: 35px;
}

.page-newsInfo2 .newsShuju em {
	display: inline-block;
	font-size: 14px;
	color: #646464;
	line-height: 30px;
	font-style: normal;
}

.page-newsInfo2 .newsShuju .d {
	margin-right: 40px;
}

.page-newsInfo2 .newsShuju .s {}

/*newsText*/
.page-newsInfo2 .newsTextBox {
	color: #333;
	font-size: 16px;
	line-height: 32px;
	padding-bottom: 60px;
	font-style: normal;
	font-weight: 400;
}

.page-newsInfo2 .newsTextNrBox {
	padding: 50px 50px;
}

.page-newsInfo2 .newsBtn {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 0;
}

.page-newsInfo2 .newsBtn .newsBtnA {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 48%;
	overflow: hidden;
	color: #909090;
	float: left;
	text-align: center;
	font-size: 0;
}

.page-newsInfo2 .newsBtn .newsBtnB {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 48%;
	overflow: hidden;
	color: #909090;
	float: right;
	text-align: center;
	font-size: 0;
}

.page-newsInfo2 .newsBtn .newsBtnA em,
.page-newsInfo2 .newsBtn .newsBtnB em {
	font-style: normal;
}

.page-newsInfo2 .newsBtn a {
	display: block;
	color: #333333;
	font-size: 15px;
	line-height: 64px;
	height: 64px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #fff;
	padding: 0 50px;
	text-align: center;
}

.page-newsInfo2 .newsBtn a:hover {
	color: #0067ff;
}

.page-newsInfo2 .newsBtn .newsBtnA {
	text-align: left;
}

.page-newsInfo2 .newsBtn .newsBtnB {
	text-align: right;
}

.page-newsInfo2 .newsBtn a srtong {
	color: #333333;
}

@media screen and (max-width:1520px) {
	.page-newsInfo2 .newsTit {
		font-size: 28px;
	}
}

@media screen and (max-width:1220px) {
	.page-newsInfo2 .newsTit {
		font-size: 26px;
	}

	.page-newsInfo2 .newsTextNrBox {
		padding: 40px 25px;
	}

	.page-newsInfo2 .page-newsTit {
		padding: 50px 25px;
	}

	.page-newsInfo2 .newsTextNr {
		padding-bottom: 20px;
		padding: 50px 25px;
	}
}

@media screen and (max-width:1024px) {
	.page-newsInfo2 .newsTit {
		font-size: 24px;
	}

	.page-newsInfo2Con2 {
		padding-right: 0;
	}

	.page-newsInfo2 {
		margin-right: 0;
	}

}

@media screen and (max-width:992px) {

	.page-newsInfo2 .newsShuju,
	.page-newsInfo2 .newsTextBox {
		margin-bottom: 30px;
	}

	.page-newsInfo2 .newsTit {
		font-size: 20px;
		width: auto;
	}

	.page-newsInfo2 .newsTextBox {
		padding-bottom: 30px;
	}
}

@media screen and (max-width:768px) {
	.page-newsInfo2Box2 {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.page-newsInfo2 .newsTextNrBox {
		padding: 30px 20px;
	}

	.page-newsInfo2 .page-newsTit {
		padding: 30px 20px;
	}

	.page-newsInfo2 {
		text-align: left;
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	.page-newsInfo2 .newsBtn .newsBtnA em,
	.page-newsInfo2 .newsBtn .newsBtnB em {
		display: none;
	}

	.page-newsInfo2 .newsTit {
		font-size: 18px;
	}

	.page-newsInfo2 .newsTextNrBox {
		padding: 40px 25px;
	}

	.page-newsInfo2 .newsShuju,
	.page-newsInfo2 .newsShuju em {
		font-size: 12px;
		line-height: 26px;
	}

	.page-newsInfo2 .newsTextBox {
		font-size: 15px;
		line-height: 28px;
	}

	.page-newsInfo2 .newsBtn a {
		font-size: 12px;
		line-height: 54px;
		height: 54px;
		padding: 0 0px;
	}
}





/********************************Partner********************************/
/*pagePartnerTit*/
.pagePartnerTit {
	margin-bottom: 70px;
}

.pagePartnerTit h2 {
	font-size: 30px;
	color: #4b7bfc;
	font-weight: 300;
	text-align: left;
}

.pagePartnerTit h2 strong {
	font-size: 40px;
	line-height: normal;
	font-family: "Swis721 BlkCn BT", Arial, Helvetica, sans-serif;
	font-weight: 800;
	color: #fff;
	background-image: -webkit-linear-gradient(18deg, #4f98fe, #4b7bfc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.pagePartnerTit td {
	vertical-align: middle;
}

.pagePartnerTit td img {
	vertical-align: middle;
	margin-left: 10px;
	display: inline-block;
}

.pagePartnerTit .td2 {
	padding-left: 210px;
}

@media screen and (max-width:1220px) {
	.pagePartnerTit h2 {
		font-size: 0.3rem;
	}

	.pagePartnerTit h2 strong {
		font-size: 0.4rem;
	}

	.pagePartnerTit .td2 {
		padding-left: 2.1rem;
	}
}

@media screen and (max-width:992px) {
	.pagePartner1 {
		padding-bottom: 50px;
	}

	.pagePartner1 h2 {
		font-size: 20px;
	}
}


/*pagePartner1*/

.pagePartner1 {
	padding-top: 50px;
	padding-bottom: 70px;
	background: url("../images/parner-bg1.jpg") center top no-repeat;
	background-size: cover;
	overflow: hidden;
}

.pagePartner1 h2 {
	font-size: 30px;
	color: #000000;
	font-weight: 300;
	text-align: left;
}

@media screen and (max-width:992px) {

	.pagePartner1 {
		padding-bottom: 50px;
	}

	.pagePartner1 h2 {
		font-size: 20px;
	}
}

/*pagePartner2*/
.pagePartner2 {
	padding-top: 80px;
	padding-bottom: 80px;
	background: url("../images/parner-bg2.jpg") center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.pagePartner2 .pageTitle .cn {
	color: #fff;
	padding-bottom: 30px;
}


/*pagePartner2Table*/
.pagePartner2Table {}

.pagePartner2Table td {
	width: 25%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 3.6%;
	padding-bottom: 1.5%;
	vertical-align: middle;
	text-align: center;
	position: relative;
	background: #fff;
	margin: 0 10px;
	border-radius: 5px;
}

.pagePartner2Table td h2 {
	font-size: 22px;
	color: #000000;
	line-height: 30px;
	font-weight: 300;
}

.pagePartner2Table td p {
	font-size: 12px;
	color: #c3c4d9;
	line-height: 30px;
	text-transform: uppercase;
}

.pagePartner2Table td img {
	max-width: 75px;
	margin-bottom: 10px;
}

.pagePartner2Table td.td1 {
	border-right: 1px solid #e8e8e8;
}

.pagePartner2Table td.td2 {
	border-right: 1px solid #e8e8e8;
}

.pagePartner2Table td:hover {
	background: #f8f8f8;
}

.pagePartner2Table td,
.pagePartner2Table td img,
.pagePartner2Table td h2 {
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.pagePartner2Table td:hover img {
	-o-transform: rotate(15deg) translateY(-5px);
	-webkit-transform: rotate(15deg) translateY(-5px);
	-moz-transform: rotate(15deg) translateY(-5px);
	-ms-transform: rotate(15deg) translateY(-5px);
	transform: rotate(15deg) translateY(-5px);
}

.page-shopTable td:hover h2 {
	padding-top: 20px;
}

.pagePartner2Table td:hover {
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

@media screen and (max-width:1220px) {}

@media screen and (max-width:992px) {
	.pagePartner2Table td h2 {
		font-size: 20px;
	}

	.pagePartner2Table td img {
		max-width: 70px;
	}

	.pagePartner2Table tr {
		display: block;
	}

	.pagePartner2Table td {
		width: 100% !important;
		display: block !important;
		padding: 3% 0;
		margin: 0;
		border-bottom: 1px solid #e8e8e8;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:768px) {
	.pagePartner2Table td img {
		max-width: 60px;
	}

	.pagePartner2Table td h2 {
		font-size: 16px;
	}
}

/*pagePartner3*/
.pagePartner3 {
	padding-top: 80px;
	padding-bottom: 80px;
	overflow: hidden;
}

/*pagePartner3Table*/
.pagePartner3Table {}

.pagePartner3Table td {
	width: 50%;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
	text-align: center;
	position: relative;
	background: #fff;
}

.pagePartner3Table td.td1 img {
	display: block;
}

.pagePartner3Table td h2 {
	font-size: 22px;
	color: #000000;
	line-height: 30px;
	font-weight: 400;
	margin-bottom: 20px;
}

.pagePartner3Table td p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	text-transform: uppercase;
	max-width: 450px;
	margin: 0 auto;
}

.pagePartner3Table td.td2 {
	padding-left: 3%;
	padding-right: 3%;
}

@media screen and (max-width:1024px) {
	.pagePartner3Table td h2 {
		font-size: 20px;
	}

	.pagePartner3Table td p {
		font-size: 15px;
	}
}

@media screen and (max-width:768px) {
	.pagePartner3Table td h2 {
		font-size: 18px;
	}

	.pagePartner3Table td {
		width: 100% !important;
		display: block !important;
		padding: 5% 0;
	}
}




/*pagePartner4*/
.pagePartner4 {
	padding-top: 140px;
	padding-bottom: 140px;
	background: url("../images/parner-joinbg.jpg") center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.pagePartner4 h2 {
	font-size: 30px;
	color: #000000;
	font-weight: 300;
	text-align: center;
}

.pagePartner4 h2 strong {
	font-size: 36px;
	line-height: normal;
	font-weight: bold;
	/*font-family:"Swis721 BlkCn BT", Arial, Helvetica, sans-serif;font-weight:800;*/
	color: #fff;
	background-image: -webkit-linear-gradient(18deg, #4f98fe, #4b7bfc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

/**/
.pagePartner4 .btn {
	padding-top: 35px;
	text-align: center;
}

.pagePartner4 .btn a {
	margin: 0 auto;
	width: 142px;
	font-size: 16px;
	line-height: 50px;
	border-radius: 50px;
	display: inline-block;
	background: #fff;
	color: #4b7bfc;
	text-align: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease;
}

.pagePartner4 .btn a:hover {
	background: #4b7efa;
	color: #fff;
	box-shadow: 0 2px 30px rgba(75, 126, 250, 0.2);
}

@media screen and (max-width:1220px) {
	.pagePartner4 h2 {
		font-size: 28px;
	}

	.pagePartner4 h2 strong {
		font-size: 30px;
	}
}

@media screen and (max-width:1024px) {
	.pagePartner4 {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.pagePartner4 h2 {
		font-size: 24px;
	}

	.pagePartner4 h2 strong {
		font-size: 26px;
	}
}

@media screen and (max-width:768px) {
	.pagePartner4 {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.pagePartner4 h2 {
		font-size: 20px;
		line-height: normal;
	}

	.pagePartner4 h2 strong {
		font-size: 22px;
		display: block;
	}
}


/*css3*/
.fadeInUp50 {
	-webkit-animation-name: fadeInUp50;
	-moz-animation-name: fadeInUp50;
	-ms-animation-name: fadeInUp50;
	animation-name: fadeInUp50
}

@-webkit-keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-moz-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-moz-keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-moz-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-o-keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-moz-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-moz-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeft50 {
	-webkit-animation-name: fadeInLeft50;
	-moz-animation-name: fadeInLeft50;
	-ms-animation-name: fadeInLeft50;
	animation-name: fadeInLeft50
}

@-webkit-keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		-moz-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-moz-keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		-moz-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-o-keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		-moz-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		-moz-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRight50 {
	-webkit-animation-name: fadeInRight50;
	-moz-animation-name: fadeInRight50;
	-ms-animation-name: fadeInRight50;
	animation-name: fadeInRight50
}

@-webkit-keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		-moz-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-moz-keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		-moz-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-o-keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		-moz-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		-moz-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@media (print),
(prefers-reduced-motion:reduce) {
	.animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important
	}
}



@keyframes navInUp50 {
	0% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(-30px);
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-o-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	100% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes circle-chart-fill {
	to {
		stroke-dasharray: 0 100
	}
}

@-webkit-keyframes circle-chart-fill {
	to {
		stroke-dasharray: 0 100
	}
}

@-moz-keyframes circle-chart-fill {
	to {
		stroke-dasharray: 0 100
	}
}

@-ms-keyframes circle-chart-fill {
	to {
		stroke-dasharray: 0 100
	}
}

@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)
	}

	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)
	}
}

@keyframes iconScale2 {
	from {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	to {
		-webkit-transform: scale(1.7);
		-moz-transform: scale(1.7);
		-ms-transform: scale(1.7);
		-o-transform: scale(1.7);
		transform: scale(1.7);
		opacity: 0
	}
}



/*****************************右侧栏漂浮 start*****************************/
.public-celan {
	position: fixed;
	right: 20px;
	top: 50%;
	z-index: 101;
}

.public-celan li {
	position: relative;
	margin-top: 2px
}

.public-celan li .db {
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	overflow: hidden;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	text-align: center;
}

.public-celan li .db img {
	margin: 0 auto;
	width: 100%;
	display: block;
	border-radius: 50%;
	overflow: hidden;
}

.public-celan li .b1 {
	position: absolute;
	right: 70px;
	top: -14px;
	z-index: 0;
	line-height: 24px;
	padding: 10px 20px;
	border-radius: 42px;
	width: 212px;
	white-space: nowrap;
	text-align: center;
	font-family: "Arial";
	font-size: 18px;
	color: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.public-celan li:hover .b1 {
	right: 50px;
	visibility: visible;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.public-celan li .b2 {
	position: absolute;
	right: 70px;
	bottom: 0;
	z-index: 0;
	line-height: 30px;
	padding: 20px 20px 10px 20px;
	border-radius: 10px;
	width: 230px;
	background: #ea0407;
	text-align: center;
	font-family: "Arial";
	font-size: 14px;
	color: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.public-celan li .b2 img {
	width: 190px;
}

.public-celan li:hover .b2 {
	right: 50px;
	visibility: visible;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.public-celan li .to-top {
	background: #b5b5b5 !important;
}

.public-celan li .db,
.public-celan li .b2,
.public-celan li .b1 {
	background-image: linear-gradient(-90deg, #4f7efc 0%, #55a7ff 100%);
	background-blend-mode: normal, normal;
}

@media screen and (max-width:768px) {
	.public-celan {
		right: 10px;
		top: auto;
		bottom: 10%;
	}

	.public-celan li.a1,
	.public-celan li.a2,
	.public-celan li.a4,
	.public-celan li.a3 {
		display: none;
	}

	.public-celan li .b1 {
		display: none;
	}
}




/*****************************banner start*****************************/


/* 首页 */
.ind1 {
	position: relative
}

.ind1 .swiper1 {}

.ind1 .swiper1 .swiper-slide {
	overflow: hidden
}

.ind1 .swiper1 .swiper-slide .sbox {
	position: relative;
	overflow: hidden
}

.ind1 .swiper1 .swiper-slide .sbox a {
	display: block
}

.ind1 .swiper1 .swiper-slide .sbox a>img {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.ind1 .swiper1 .swiper-slide .sbox .pimg {}

.ind1 .swiper1 .swiper-slide .sbox .mimg {
	display: none
}

.ind1 .swiper1 .swiper-slide .sbox video {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	max-width: 100%;
	object-fit: cover
}

.ind1 .swiper1 .swiper-slide .sbox .wz {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	max-width: 100%;
	object-fit: cover;
	background: rgba(0, 0, 0, 0.3);
}

.ind1 .swiper1 .swiper-slide .sbox .wz a {
	height: 100%;
}

/**/
.ind1 .swiper1 .pagination1 span {
	width: 60px;
	height: 2px;
	opacity: 1;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 0;
	position: relative;
	margin: 0 2.5px;
}

.ind1 .swiper1 .pagination1 span:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background: #fff
}

.ind1 .swiper1 .pagination1 span.swiper-pagination-bullet-active:after {
	width: 100%;
	-webkit-transition: all 10s linear;
	-moz-transition: all 10s linear;
	transition: all 10s linear
}

/*.ind1 .swiper1 .prev1{border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:60px;height:60px;background:rgba(255,255,255,0.1) url(../images/l.png) center no-repeat;left:5%;margin-top:-30px}
.ind1 .swiper1 .next1{border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:60px;height:60px;background:rgba(255,255,255,0.1) url(../images/r.png) center no-repeat;right:5%;margin-top:-30px}
.ind1 .swiper1 .prev1:hover{background:rgba(255,255,255,.3) url(../images/l.png) center no-repeat}
.ind1 .swiper1 .next1:hover{background:rgba(255,255,255,.3) url(../images/r.png) center no-repeat}
*/
.ind1 .swiper1 .pagination1 {
	position: static;
	display: inline-block;
	border-radius: none;
	vertical-align: middle;
	margin-bottom: 8px;
}

.ind1 .bannerBtn {
	position: absolute;
	height: 20px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 50px;
	z-index: 3;
	text-align: center;
	vertical-align: middle;
}

.ind1 .swiper1 .next1,
.ind1 .swiper1 .prev1 {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	line-height: 20px;
	cursor: pointer;
	padding: 0 5px;
}

@media(max-width:960px) {

	/*.ind1 .swiper1 .swiper-slide .sbox video,.ind1 .swiper1 .swiper-slide .sbox>.pimg{display:none}*/
	.ind1 .swiper1 .swiper-slide .sbox>.mimg {
		display: block
	}

	.ind1 .bannerBtn {
		bottom: 20px
	}

	.ind1 .swiper1 .next1,
	.ind1 .swiper1 .prev1 {
		font-size: 14px;
	}

	.ind1 {
		overflow: hidden;
	}

	.ind1 .swiper1 .swiper-slide .sbox a>img {
		max-width: none !important;
		display: block;
		width: auto !important;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 0;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		min-height: 100%;
		min-width: 100%;
		z-index: 1;
	}

	.ind1 .swiper1 .swiper-slide a {
		height: 100vw;
		position: relative;
		z-index: 1;
	}

	.ind1 .swiper1 .swiper-slide .sbox video {
		width: auto !important;
		height: 100%;
		position: absolute;
		z-index: 10;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		min-height: 100%;
		min-width: 100%;
	}

	.ind1 .swiper1 .swiper-slide .sbox .wz {
		width: auto !important;
		height: 100%;
		position: absolute;
		z-index: 10;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		min-height: 100%;
		min-width: 100%;
	}

	.ind1 .swiper1 .swiper-slide .sbox .wz img {
		height: auto !important;
		position: absolute;
		z-index: 10;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		vertical-align: middle;
		width: 200% !important;
		max-width: none !important;
	}

}



/*index-client*/
.index-client {
	padding-top: 100px;
	padding-bottom: 80px;
	background: url("../images/index-clientbg.jpg") top center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.index-client .index-client-bot .swiper-wrapper,
.index-client .index-client-top .swiper-wrapper {
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear
}

.index-client .index-client-swiper {
	position: relative;
	padding-top: 1.8%
}

.index-client .picList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.index-client li {
	margin: 0 10px;
	padding: 10px 0;
	float: left;
	display: inline;
	text-align: center
}

.index-client li .sef-pic {
	text-align: center;
	overflow: hidden;
	width: 240px;
	height: 123px;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	box-shadow: 0 2px 8px 2px #f3f3f3
}

.index-client li:hover .sef-pic img {
	transform: scale(1.05)
}

.index-client li .sef-pic img {
	display: block;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}



/*indexTitle3*/
.indexTitle3 {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	background: url("../images/index-clientbg.png") top center no-repeat;
}

.indexTitle3 .cn {
	font-size: 40px;
	color: 4b7bfc;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 15px;
}

.indexTitle3 .dec strong {
	font-size: 34px;
	color: #4b7bfc;
	margin-bottom: 24px;
	font-weight: bold;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
}

@media screen and (max-width:1220px) {
	.indexTitle3 .cn {
		font-size: 36px;
	}

	.indexTitle3 .dec strong {
		font-size: 30px;
	}
}

@media screen and (max-width:1024px) {
	.indexTitle3 .cn {
		font-size: 32px;
	}

	.indexTitle3 .dec strong {
		font-size: 26px;
	}
}

@media screen and (max-width:768px) {
	.indexTitle3 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.indexTitle3 .cn {
		font-size: 26px;
	}

	.indexTitle3 .dec strong {
		font-size: 20px;
	}
}

@media screen and (max-width:640px) {
	.indexTitle3 .cn {
		font-size: 24px;
	}

	.indexTitle3 .dec strong {
		font-size: 16px;
	}
}


/*indexTitle2*/
.indexTitle2 {
	padding-bottom: 50px;
	position: relative;
}

.indexTitle2 .cn {
	font-size: 40px;
	color: #4b7bfc;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 15px;
	position: relative;
}

.indexTitle2 .en {
	font-size: 20px;
	color: #4b7bfc;
	font-weight: 400;
	text-transform: uppercase;
}

.indexTitle2 .en2 {
	font-size: 60px;
	line-height: 80px;
	/* height: 100px; */
	/* padding: 30px; */
	background-image: -webkit-linear-gradient(left, #4b7bfc, #61a7fd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	/* text-transform: uppercase; */
}

.MoreBtn a {
	font-size: 14px;
	line-height: 33px;
	color: #9ea0ae;
	display: inline-block;
	padding-right: 45px;
	background: url("../images/more.png") right center no-repeat;
	background-size: 33px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.MoreBtn a:hover {
	color: #4b7bfc;
	padding-right: 50px;
}

@media screen and (max-width:1220px) {
	.indexTitle2 .cn {
		font-size: 36px;
	}

	.indexTitle2 .en {
		font-size: 18px;
	}

}

@media screen and (max-width:1024px) {
	.indexTitle2 .cn {
		font-size: 32px;
	}

	.indexTitle2 .en {
		font-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.indexTitle2 {
		padding-bottom: 30px;
	}

	.indexTitle2 .cn {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.indexTitle2 .en {
		font-size: 14px;
	}
}

@media screen and (max-width:640px) {
	.indexTitle2 .cn {
		font-size: 20px;
		margin-bottom: 8px;
	}

	.indexTitle2 .en {
		font-size: 14px;
	}
}




/*index-client*/
.index-news {
	padding-top: 100px;
	padding-bottom: 80px;
	background: url("../images/index-newsbg.jpg") top center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.index-news .index-newsBox {
	width: 83.33333333333333%;
	margin: 0 auto;
}

.index-news .MoreBtn {
	position: absolute;
	right: 0;
	top: 0;
}

/*indexNewsList*/
.indexNewsList {
	margin: 0 auto;
	padding-left: 405px;
	position: relative;
}

.indexNewsList ul {
	font-size: 0;
}

.indexNewsList li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 50%;
	margin-bottom: 30px;
	vertical-align: top;
}

.indexNewsList .item {
	display: block;
	margin-left: 34px;
	padding: 55px 30px;
	position: relative;
	background: #fff;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	overflow: hidden;
	border-radius: 5px;
}

.indexNewsList .imgBox {
	position: relative;
	text-align: left;
	display: none;
}

.indexNewsList .imgBox {
	text-align: left;
	height: 0;
	position: relative;
	overflow: hidden;
	padding-bottom: 100%;
}

.indexNewsList .imgBox {
	padding-bottom: 510px;
}

.indexNewsList .imgBox img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	width: auto;
	max-width: none;
	height: 100%;
}

.indexNewsList .title {
	text-align: left;
	position: relative;
	padding-right: 25px;
}

.indexNewsList .title .t {
	font-size: 18px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	margin-bottom: 40px;
}

.indexNewsList .title .date {
	line-height: 0;
}

.indexNewsList .title .wz {
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	color: #9ea0ae;
}

.indexNewsList .title .titleNr {
	padding-left: 90px;
	position: relative;
}

.indexNewsList .title .date {
	font-size: 28px;
	line-height: 30px;
	color: #000000;
	position: absolute;
	left: 0;
	top: 5px;
}

.indexNewsList .title .date span {
	display: block
}

.indexNewsList .title .date .line {
	line-height: 10px;
}

.indexNewsList .title .date .y {
	font-size: 14px;
	margin-top: 20px;
}

/*hocwe*/
.indexNewsList .item,
.indexNewsList .title:after,
.indexNewsList .title .t,
.indexNewsList .imgBox img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.indexNewsList .item:hover .title .t {
	color: #085cc1;
}

.indexNewsList .item:hover .imgBox img {
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

.indexNewsList .item:hover {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-o-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}

/*lind1*/
.indexNewsList li.li1 {
	width: 405px;
	height: 510px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 5px;
}

.indexNewsList li.li1 .item {
	margin: 0;
	padding: 0;
}

.indexNewsList li.li1 .imgBox {
	display: block;
}

.indexNewsList li.li1 .title {
	padding: 0;
	text-align: center;
	color: #fff;
	position: relative;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	z-index: 2;
}

.indexNewsList li.li1 .title .date {
	border: none;
}

.indexNewsList li.li1 .title .titleNr {
	padding-left: 0;
	position: static;
}

.indexNewsList li.li1 .title .t {
	color: #ffffff;
	position: absolute;
	left: 30px;
	bottom: 0;
	right: 30px;
	text-align: left;
}

.indexNewsList li.li1 .title .wz {
	display: none;
}

.indexNewsList li.li1 .title .date {
	left: 28px;
	top: 60px;
}

.indexNewsList li.li1 .item:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../images/index-newssd.png) center bottom no-repeat;
	background-size: 100%;
}

.indexNewsList li.li1 .item:hover .title .t {
	color: #ffffff;
}

@media screen and (max-width:1540px) {
	.indexNewsList .title .titleNr {
		padding-left: 60px;
	}

	.indexNewsList .item {
		display: block;
		margin-left: 30px;
	}
}

@media screen and (max-width:1440px) {
	.indexNewsList .title .titleNr {
		padding-left: 60px;
	}

	.indexNewsList .item {
		display: block;
		margin-left: 20px;
		padding: 55px 20px;
	}

	.indexNewsList .title {
		padding-right: 0px;
	}
}

@media screen and (max-width:1320px) {
	.indexNewsList {
		padding-left: 305px;
	}

	.indexNewsList .item {
		padding: 35px 20px;
	}

	.indexNewsList li {
		margin-bottom: 25px;
	}

	.indexNewsList li.li1 {
		width: 305px;
		height: 405px;
	}

	.indexNewsList .imgBox {
		padding-bottom: 405px;
	}

	.indexNewsList .title .t {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.indexNewsList .title .wz {
		font-size: 13px;
	}

	.indexNewsList .title .date {
		font-size: 24px;
	}

	.indexNewsList .title .date .y {
		font-size: 13px;
		margin-top: 15px;
	}
}

@media screen and (max-width:1220px) {
	.index-news {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1024px) {
	.index-news {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.indexNewsList li {
		width: 100%;
	}

	.indexNewsList li.li4,
	.indexNewsList li.li5 {
		display: none;
	}
}

@media screen and (max-width:768px) {
	.indexNewsList {
		padding-left: 0;
		position: static;
	}

	.indexNewsList li.li1 {
		width: 100%;
		height: 310px;
		position: static;
	}

	.indexNewsList .imgBox {
		padding-bottom: 310px;
	}

	.indexNewsList .imgBox img {
		width: 100%;
		max-width: none;
		height: auto;
		max-height: auto;
	}

	.indexNewsList .item {
		margin-left: 0;
	}
}





/*index-partners*/
.index-partners {
	padding-top: 100px;
	padding-bottom: 80px;
	overflow: hidden;
}

.index-partners .index-partnersBox {
	width: 83.33333333333333%;
	margin: 0 auto;
}

.index-partners .indexTitleBox .indexTitle2 {
	width: 38.75%;
	text-align: right;
	float: left;
	padding-top: 15px;
}

.index-partners .indexTitleBox .wz {
	width: 55.625%;
	text-align: left;
	float: right;
	font-size: 15px;
	line-height: 30px;
	color: #000000;
}

.index-partners .indexTitleBox .wzNr {
	max-width: 525px;
}

.index-partners .MoreBtn {
	text-align: center;
	padding-top: 50px;
}

/*indexPartnersList*/
.indexPartnersList {
	margin: 0 auto;
	padding-top: 85px;
	max-width: 1260px;
}

.indexPartnersList ul {
	font-size: 0;
}

.indexPartnersList li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 25%;
	margin-bottom: 50px;
	vertical-align: top;
}

.indexPartnersList li:nth-child(2n) {
	position: relative;
	top: 50px;
}

.indexPartnersList .item {
	padding-bottom: 20px;
	display: block;
	margin: 0 10px;
	position: relative;
	background: #fff;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	overflow: hidden;
	border-radius: 5px;
}

.indexPartnersList .imgBox {
	text-align: left;
}

.indexPartnersList .imgBox img {
	width: 100%;
	height: auto;
}

.indexPartnersList .title {
	text-align: left;
	position: relative;
	padding-left: 7.5%;
	padding-top: 10px;
}

.indexPartnersList .title .t {
	font-size: 18px;
	line-height: 30px;
	color: #4b7dfc;
}

.indexPartnersList .title .t span {
	display: inline-block;
	padding: 5px 18px;
	position: relative;
}

.indexPartnersList .title .t span:before {
	content: '';
	border: 1px solid #dbe5fe;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.indexPartnersList .title .t span:after {
	content: '';
	border: 1px solid #dbe5fe;
	position: absolute;
	left: 5px;
	top: 5px;
	width: 100%;
	height: 100%;
}

.indexPartnersList .title .t span i {
	display: inline-block;
	position: absolute;
	left: -3px;
	top: 50%;
	margin-top: -3.5px;
	width: 7px;
	height: 7px;
	background: #4b7dfc;
	border-radius: 50%;
	overflow: hidden;
}

.indexPartnersList .title .t span i.i2 {
	left: auto;
	right: -4px;
}

/*hocwe*/
.indexPartnersList .item {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.indexPartnersList .item:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

@media screen and (max-width:1024px) {
	.index-partners {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.indexPartnersList li {
		width: 50%;
	}

	.index-partners .indexTitleBox .indexTitle2 {
		width: 100%;
		text-align: center;
		float: none;
	}

	.index-partners .indexTitleBox .wz {
		width: 100%;
		text-align: left;
		float: none;
		font-size: 14px;
	}

	.index-partners .indexTitleBox .wzNr {
		max-width: 100%;
	}

	.indexPartnersList .title .t {
		font-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.index-partners {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.indexPartnersList .title .t {
		font-size: 14px;
	}

	.index-partners .index-partnersBox {
		width: 100%;
	}
}





/*index-partners*/
.index-about {
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
	position: relative;
}

.index-about .canvas {
	position: absolute;
	left: 0;
	bottom: -2rem;
	z-index: 0;
	opacity: 0.2;
	width: 100%;
	height: 5rem;
}

.index-about .index-aboutBox {
	width: 83.33333333333333%;
	margin: 0 auto;
	padding: 0 3%;
}

.index-about .indexTitle2 {
	text-align: center;
	position: relative;
	z-index: 2;
}

.index-about .indexTitle2 .cn {
	font-weight: 400;
	margin-bottom: 30px;
}

.index-about .indexTitle2 .en {
	padding-bottom: 35px;
}

.index-about .wz {
	font-size: 16px;
	line-height: 30px;
	color: #000000;
}

.index-about .MoreBtn {
	text-align: center;
	padding-top: 10px;
	position: relative;
	z-index: 2;
}

.index-about .indexAboutBox {
	padding-top: 100px;
}

.index-about .indexAboutBox .pageshuju {
	position: relative;
	z-index: 2;
	margin-bottom: 0 !important;
}

.index-about .indexAboutBox .pageshuju td {
	min-width: 200px;
	padding-left: 50px;
}

@media screen and (max-width:1220px) {
	.index-about .indexAboutBox .pageshuju td {
		min-width: 0;
		padding-left: 0px;
	}

	.index-about .indexTitle2 .en img {
		max-width: 90%;
	}
}

@media screen and (max-width:1024px) {
	.index-about {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.index-about .wz {
		font-size: 14px;
	}

	.index-about .indexAboutBox {
		padding-top: 70px;
	}
}

@media screen and (max-width:768px) {
	.index-about {
		padding-top: 60px;
		padding-bottom: 50px;
	}

	.index-about .index-aboutBox {
		width: 90%;
	}

	.index-about .indexAboutBox {
		padding-top: 50px;
	}

	.index-about .indexAboutBox .pageshuju td {
		min-width: 0;
		padding-left: 0px;
	}
}



/*index-pro*/
.index-pro {
	height: 56.25vw;
	background-image: url("../images/index-solutionbg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

.indexProList {
	position: relative;
}

.indexProList:before {
	content: '';
	/* background: #fff; */
	position: absolute;
	top: 0;
	left: 33.33333%;
	width: 1px;
	height: 100%;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	z-index: 1;
}

.indexProList:after {
	content: '';
	/* background: #fff; */
	position: absolute;
	top: 0;
	left: 66.66666%;
	width: 1px;
	height: 100%;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	z-index: 1;
}

.indexProList li {
	display: block;
	float: left;
	/* width: 33.3333333%; */
	width: 25%;
	height: 56.25vw;
	vertical-align: top;
}

.indexProList li .title {
	padding-top: 14.58333333333333vw;
}

.indexProList li .title .t {
	text-align: center;
	font-size: 0.4rem;
	color: #fff;
	line-height: normal;
}

.indexProList li .title .en {
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	text-transform: uppercase;
	padding-top: 14px;
}

.indexProList li .title .icon {
	text-align: center;
	margin-top: 2.916666666666667vw;
}

.indexProList li .title .icon {
	position: relative;
}

.indexProList li .title .icon:before {
	content: '';
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	width: 66px;
	height: 66px;
	margin-top: -33px;
	margin-left: -33px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	z-index: 1;
	animation: mymoveli2 1s ease-out infinite
}

.indexProList li .title .icon:after {
	content: '';
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	width: 82px;
	height: 82px;
	margin-top: -42px;
	margin-left: -42px;
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
	z-index: 0;
	animation: mymoveli1 1s ease-out infinite
}

.indexProList li .title .icon img {
	width: 48px;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin-top: 5px;
}

.indexProList li .imgBox {
	text-align: left;
	margin-top: 6vw;
}

.indexProList li .imgBox img {
	width: 100%;
	height: auto;
}

.indexProList li .title .icon,
.indexProList li .title,
.indexProList li .imgBox,
.indexProList li .imgBox img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.indexProList li .item:hover .title {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-o-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
}

.indexProList li .item:hover .imgBox img {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}

/**/
.indexProList .swiper-button-prev {
	transition: 0.4s;
	opacity: 1;
	width: 30px;
	height: 60px;
	top: 50%;
	left: 3%;
	background: url("../images/index-left.png") center center no-repeat;
	background-size: 100%;
	outline: none;
	z-index: 333;
	border-radius: 50%;
	position: absolute;
	margin: 0;
}

.indexProList .swiper-button-next {
	transition: 0.4s;
	opacity: 1;
	width: 30px;
	height: 60px;
	top: 50%;
	right: 3%;
	background: url("../images/index-right.png") center center no-repeat;
	background-size: 100%;
	outline: none;
	z-index: 333;
	border-radius: 50%;
	position: absolute;
	margin: 0;
}

.indexProList .swiper-button-prev.swiper-button-disabled,
.indexProList .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

@media screen and (max-width:1540px) {
	.indexProList li .title {
		padding-top: 10vw;
	}
}

@media screen and (max-width:1080px) {
	.index-pro {
		height: auto;
	}

	.indexProList li .title {
		padding-top: 10vw;
	}

	.indexProList li {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width:768px) {

	.indexProList:before,
	.indexProList:after {
		display: none;
	}

	.indexProList li .title .icon {
		margin-top: 40px;
	}

	.indexProList .swiper-button-prev,
	.indexProList .swiper-button-next {
		width: 25px;
		height: 45px;
	}
}


@keyframes mymoveli2 {
	from {
		transform: scale3d(0.9, 0.9, 1)
	}

	to {
		transform: scale3d(1.2, 1.2, 1)
	}
}

@keyframes mymoveli1 {
	from {
		transform: scale3d(0.9, 0.9, 1)
	}

	to {
		transform: scale3d(1.3, 1.3, 1)
	}
}







@keyframes mymoveli {
	from {
		transform: scale3d(0.9, 0.9, 1)
	}

	to {
		transform: scale3d(2.5, 2.5, 1)
	}
}

/*sulution弹窗*/
#sulution-popup {
	align-items: center;
	justify-content: center;
	flex-direction: row
}

#sulution-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	background-color: rgba(255, 255, 255, .6);
	display: none;
	z-index: 1000000000000;
}


.fbgbox {
	height: 100vh;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99999;
}

.fbgbox .bgimg img {
	height: 100%;
	width: 100vw;
	object-fit: cover
}

.fbgbox .bgimg .dian img {
	position: absolute;
	left: 40%;
	top: 30%;
	width: 50px;
	height: 50px;
	cursor: pointer
}

.bodybgcover {
	width: 100vw;
	height: 100vh;
	z-index: 0;
	position: fixed;
	left: 0;
	top: 0;
}

.bgimg {
	transition: 1.3s ease-in-out;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: scale3d(1.5, 1.5, 1) translateY(-50%) rotate3d(1, 1, 1, -20deg);
	z-index: 0
}

.bgimg.on {
	transition: 1.3s ease-in-out;
	transform: scale3d(1, 1, 1) translateY(-50%) rotate3d(1, 1, 1, 0);
	opacity: 1
}

.bgimg .njimg {
	transition: 1s ease-in-out;
	opacity: 1
}

.bgimg.active .njimg {
	transition: 1.5s ease-in-out;
	transform: scale3d(1.2, 1.2, 1);
	opacity: 0
}

/*bgimg:dian*/
.bgimg .dian {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	transform: translate(-50%, -50%);
	cursor: pointer
}

.bgimg .dian span {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background-color: #f5ab15;
	border-radius: 50%
}

.bgimg .dian span.i0 {
	background: url("../images/index-s-d1.png") center center no-repeat #f5ab15;
	background-size: 100%;
}

.bgimg .dian span.i1 {
	transform: scale3d(2.4, 2.4, 1);
	background-color: rgba(255, 255, 255, 0.2);
	z-index: 0;
	animation: mymoveli 1s ease-out infinite
}

/*.indexSolution1 dian*/
.indexSolution1 .bgimg .dian1 {
	left: 20%;
	top: 36%
}

.indexSolution1 .bgimg .dian2 {
	left: 40%;
	top: 45%
}

.indexSolution1 .bgimg .dian3 {
	left: 35%;
	top: 30%
}

.indexSolution1 .bgimg .dian4 {
	left: 73%;
	top: 58%
}

.indexSolution1 .bgimg .dian5 {
	left: 55%;
	top: 55%
}

/*.indexSolution2 dian*/
.indexSolution2 .bgimg .dian1 {
	left: 30%;
	top: 55%
}

.indexSolution2 .bgimg .dian2 {
	left: 45%;
	top: 30%
}

.indexSolution2 .bgimg .dian3 {
	left: 60%;
	top: 20%
}

.indexSolution2 .bgimg .dian4 {
	left: 70%;
	top: 50%
}

/*.indexSolution3 dian*/
.indexSolution3 .bgimg .dian1 {
	left: 25%;
	top: 60%
}

.indexSolution3 .bgimg .dian2 {
	left: 45%;
	top: 17%
}

.indexSolution3 .bgimg .dian3 {
	left: 65%;
	top: 27%
}

.indexSolution3 .bgimg .dian4 {
	left: 82%;
	top: 35%
}

/*tit-txts*/
.bgimg .dian .tit-txts {
	position: absolute;
	left: 0.6rem;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	color: #fff;
	font-size: 0.15rem;
	line-height: 0.26rem;
	border-radius: 5px;
	padding: 0 5px;
	background: url("../images/index-solutionbig-wz.jpg") center center no-repeat;
	background-size: auto 100%;
	opacity: 0;
	transition: .5s ease-in-out;
	pointer-events: none;
}

.bgimg .dian .tit-txts.on {
	opacity: 1;
	transition: .5s ease-in-out;
	pointer-events: auto
}

.indexSolution2 .bgimg .dian .tit-txts {
	background-image: url("../images/index-solutionbig-wz2.jpg");
}

.indexSolution3 .bgimg .dian .tit-txts {
	background-image: url("../images/index-solutionbig-wz3.jpg");
}

/*colsebtn*/
.colsebtn {
	position: absolute;
	width: .5rem;
	height: .5rem;
	right: .3rem;
	top: .3rem;
	z-index: 999;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.colsebtn img {
	width: 100%;
	height: 100%;
}

.colsebtn {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.colsebtn:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

/*moxbtn*/
.moxbtnB {
	position: absolute;
	right: .3rem;
	bottom: .3rem;
	z-index: 999;
}

.moxbtnB a {
	width: 1.1rem;
	font-size: 0.14rem;
	line-height: 0.44rem;
	border-radius: 0.44rem;
	overflow: hidden;
	text-align: center;
	color: #4a7aff;
	background: #fff;
	display: block;
}

.moxbtnB a.moxbtn2 {
	color: #FFF;
	background: #b4b5bd;
	margin-top: 10PX;
}

.moxbtnB a.moxbtn1:hover {
	color: #FFF;
	background: #4a7aff;
}

@media screen and (max-width:1220px) {
	.colsebtn {
		width: 40px;
		height: 40px;
		right: 3%;
		top: 3%;
	}

	.moxbtnB {
		right: 3%;
		bottom: 3%;
	}

	.moxbtnB a {
		width: 90px;
		font-size: 13px;
		line-height: 40px;
		border-radius: 40px;
	}
}

body.dig-active .bgimg .dian {
	opacity: 0;
	transition: .5s ease-in-out;
	transform: scale(0);
}

body.dig-active .bgimg {
	transition: .8s ease-in-out;
	opacity: 1;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scale3d(.7, .7, 1)
}

body.dig-active #njimg.on {
	transition: .8s ease-in-out;
	opacity: 1;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scale3d(.7, .7, 1);
}

@media screen and (max-width:768px) {
	.mtext-phone {
		display: block !important;
		font-size: 14px;
		text-align: center;
		margin-top: 10px;
		position: absolute;
		top: 0;
		z-index: 663;
		left: 0;
		right: 0;
		color: #fff;
	}
}

/*//竖屏*/
@media screen and (orientation:portrait) and (max-width:1191px) {
	/*.bgimg .dian{pointer-events:none}*/
}

@media screen and (orientation:landscape) and (max-width:1191px) {
	.mtext-phone {
		display: none !important;
	}

	.bgimg.on {
		margin-top: -2%
	}

	body.dig-active .bgimg {
		margin-top: 0
	}

	body.dig-active .bgimg {
		left: -15%
	}

	.bgimg.on {
		transform: translateY(-50%) scale3d(.8, .8, 1) rotate3d(1, 1, 1, 0)
	}
}


.fbgbox {
	/*filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0;visibility:hidden;*/
}

.fbgbox.visible {
	/*animation: show-modal 500ms ease forwards;*/
}




/*	

#sulution-popup{visibility:hidden;}
#sulution-popup.visible{visibility: visible;

-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
	}
.fbgbox {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.fbgbox.visible{
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}




.visible .modal-background {animation: fade-background 500ms ease forwards;}
@keyframes show-modal {
  0% {transform: translateY(-50%);opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}
}
@keyframes fade-background {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

*/


/********************************sulution********************************/


/*pageT1*/
.pageT1 {
	font-size: 14px;
	color: #000000;
	margin-bottom: 60px;
	font-weight: 300;
	text-align: center;
}

.pageT1 .cn {
	font-size: 36px;
	color: #4b7dfc;
	font-weight: 600;
	line-height: normal;
	position: relative;
	z-index: 2;
}

.pageT1 .en {
	font-size: 60px;
	color: #fafafa;
	text-transform: uppercase;
	font-family: 'TwCenMT', Arial, Helvetica, sans-serif;
	position: relative;
	top: -10px;
}

.pageT1 .wz {
	font-size: 16px;
	color: #000000;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	padding: 0 14%;
	padding-top: 25px;
	margin: 0 auto;
}

@media screen and (max-width:1220px) {
	.pageT1 {
		margin-bottom: 60px;
	}

	.pageT1 .cn {
		font-size: 28px;
	}

	.pageT1 .en {
		font-size: 50px;
	}

	.pageT1 .wz {
		font-size: 14px;
		padding: 0 0%;
	}
}

@media screen and (max-width:1024px) {
	.pageT1 {
		margin-bottom: 50px;
	}

	.pageT1 .cn {
		font-size: 26px;
	}

	.pageT1 .en {
		font-size: 40px;
	}
}

@media screen and (max-width:992px) {
	.pageT1 {
		margin-bottom: 40px;
	}

	.pageT1 .cn {
		font-size: 24px;
	}

	.pageT1 .en {
		font-size: 36px;
	}

}

@media screen and (max-width:768px) {
	.pageT1 {
		margin-bottom: 30px;
	}

	.pageT1 .cn {
		font-size: 20px;
	}

	.pageT1 .en {
		font-size: 30px;
	}
}



/*pageFinance1*/
.pageFinance1 {
	padding-top: 80px;
	padding-bottom: 80px;
	background: url("../images/financebg.jpg") top center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.pageFinance1 h2 {
	font-size: 30px;
	color: #000000;
	font-weight: 300;
	text-align: center;
}


/*pageBox*/
.pageBox {
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
}

@media screen and (max-width:1220px) {
	.pageBox {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}

@media screen and (max-width:1024px) {
	.pageBox {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.pageBox {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}



/*pagefarm*/
.pagefarm {
	padding-top: 60px;
	padding-bottom: 80px;
	overflow: hidden;
}

@media screen and (max-width:768px) {
	.pagefarm {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}


/*pagefarm1*/
.pagefarm1 {
	padding-top: 60px;
	padding-bottom: 0px;
	overflow: hidden;
}

@media screen and (max-width:768px) {
	.pagefarm1 {
		padding-top: 50px;
		padding-bottom: 0px;
	}
}

/*.pagefarm1 table*/
.pagefarm1 table {
	position: relative;
}

.pagefarm1 table:after {
	content: '';
	width: 1920px;
	top: 0;
	position: absolute;
	left: 50%;
	height: 100%;
	margin-left: -960px;
	background: #f3f4f9;
}

.pagefarm1 table td {
	width: 25%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 5%;
	padding-bottom: 5%;
	vertical-align: middle;
	text-align: center;
	position: relative;
	background: #f3f4f9;
	margin: 0 10px;
	border-radius: 5px;
	z-index: 2;
}

.pagefarm1 table td h2 {
	font-size: 22px;
	color: #000000;
	line-height: 30px;
	font-weight: 300;
}

.pagefarm1 table td p {
	font-size: 12px;
	color: #c3c4d9;
	line-height: 30px;
	text-transform: uppercase;
}

.pagefarm1 table td img {
	max-width: 75px;
	margin-bottom: 10px;
}

.pagefarm1 table td,
.pagefarm1 table td img,
.pagefarm1 table td h2 {
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.pagefarm1 table td:hover img {
	-o-transform: rotate(15deg) translateY(-5px);
	-webkit-transform: rotate(15deg) translateY(-5px);
	-moz-transform: rotate(15deg) translateY(-5px);
	-ms-transform: rotate(15deg) translateY(-5px);
	transform: rotate(15deg) translateY(-5px);
}

@media screen and (max-width:1220px) {
	.pagefarm1 {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.pagefarm1 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.pagefarm1 table td {
		width: 100% !important;
		display: block !important;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.pagefarm1 table td img {
		max-width: 50px;
		margin-bottom: 10px;
	}

	.pagefarm1 table td h2 {
		font-size: 18px;
	}
}



/*pageLunbo*/
.pageLunbo {
	/*padding-top:80px;padding-bottom:80px;*/
	overflow: hidden;
}

/*pageLunbo-swiper*/
.pageLunbo-swiper {
	position: relative;
	overflow: hidden;
}

.pageLunbo-swiper .swiper-container {
	width: 60%;
	overflow: visible;
}

.pageLunbo-swiper .swiper-slide {
	width: 100%;
}

.pageLunbo-swiper .swiper-slide .item {
	display: block;
	margin: 0 20px;
	position: relative;
}

.pageLunbo-swiper .swiper-slide .item .picB {
	display: block;
	background-color: #fff;
	position: relative;
	background-size: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.pageLunbo-swiper .swiper-slide .item .picB,
.pageLunbo-swiper .swiper-slide .item .pic img,
.pageLunbo-swiper .swiper-slide .item {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageLunbo-swiper .swiper-slide .item .picB:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	background: url("../images/farm-xjbg.png") center center repeat-x;
	background-size: 100% 100%;
}

.pageLunbo-swiper .swiper-slide .item .pic {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 48.69565217391304%;
	overflow: hidden;
	vertical-align: bottom;
}

.pageLunbo-swiper .swiper-slide .item .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	max-width: none;
	width: auto;
	max-height: auto;
	height: 100%;
}

.pageLunbo-swiper .swiper-slide .item:hover .pic img {
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

.pageLunbo-swiper .swiper-slide .item .tit {
	padding: 0;
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-weight: 300;
	position: absolute;
	left: 0;
	bottom: 50px;
	right: 0;
}

.pageLunbo-swiper .swiper-slide .item .tit .des {
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	text-align: left;
	max-width: 947px;
	margin: 0 auto;
	padding-top: 30px;
}

.pageLunbo-swiper .swiper-button-prev {
	opacity: 1;
	width: 180px;
	height: 100%;
	position: absolute;
	top: 0;
	margin-top: 0;
	left: 0;
	background: url("../images/page-honorsd1.png") left center repeat-y;
	background-size: 180px;
	outline: none;
	z-index: 3;
}

.pageLunbo-swiper .swiper-button-next {
	opacity: 1;
	width: 180px;
	height: 100%;
	position: absolute;
	top: 0;
	margin-top: 0;
	right: 0;
	background: url("../images/page-honorsd2.png") right center repeat-y;
	background-size: 180px;
	outline: none;
	z-index: 3;
}

.pageLunbo-swiper .swiper-button-prev:after {
	content: '';
	width: 62px;
	height: 62px;
	margin-top: -31px;
	position: absolute;
	top: 50%;
	left: 0;
	border-radius: 50%;
	background: url("../images/page-left.png") center center no-repeat;
	background-size: 62px;
	z-index: 2;
}

.pageLunbo-swiper .swiper-button-next:after {
	content: '';
	width: 62px;
	height: 62px;
	margin-top: -31px;
	position: absolute;
	top: 50%;
	right: 0;
	border-radius: 50%;
	background: url("../images/page-right.png") center center no-repeat;
	background-size: 62px;
	z-index: 2;
}

.pageLunbo-swiper .swiper-button-prev.swiper-button-disabled,
.pageLunbo-swiper .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

.pageLunbo-swiper .swiper-pagination {
	text-align: center;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 2;
	line-height: 0;
	position: relative;
	margin-top: 30px;
}

.pageLunbo-swiper .swiper-pagination-bullet {
	opacity: 1 !important;
	width: 8px;
	height: 8px;
	text-align: center;
	background: #cfd1d8;
	border-radius: 50%;
	margin: 0 4px !important;
	outline: none;
}

.pageLunbo-swiper .swiper-pagination-bullet-active {
	background: #4b7dfc;
}

@media screen and (max-width:1024px) {
	.pageLunbo {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.pageLunbo-swiper .swiper-slide .item {
		margin: 0 10px;
	}
}

@media screen and (max-width:768px) {
	.pageLunbo-swiper .swiper-container {
		width: 100%;
		overflow: visible;
	}

	.pageLunbo-swiper .swiper-button-prev:after,
	.pageLunbo-swiper .swiper-button-next:after {
		display: none;
	}

	.pageLunbo-swiper .swiper-button-prev,
	.pageLunbo-swiper .swiper-button-next {
		display: none;
	}

	.pageLunbo-swiper .swiper-slide .item .tit {
		font-size: 16px;
		bottom: 15px;
	}

	.pageLunbo-swiper .swiper-slide .item .tit .des {
		font-size: 12px;
	}
}









/*pageCase*/
.pageCase {
	/*padding-top:50px;padding-bottom:120px;*/
	overflow: hidden;
}

/*pagecaseLunbo-swiper*/
.pagecaseLunbo-swiper {
	background: #fff;
	position: relative;
}

.pagecaseLunbo-swiper .swiper-container {
	width: 71.875%;
	overflow: visible;
}

.pagecaseLunbo-swiper .swiper-slide {
	width: 33.333333%;
}

.pagecaseLunbo-swiper .swiper-slide .item {
	display: block;
	margin: 0 20px;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
}

.pagecaseLunbo-swiper .swiper-slide .item .picB {
	display: block;
	background-color: #fff;
	position: relative;
	background-size: 100%;
}

.pagecaseLunbo-swiper .swiper-slide .item .more,
.pagecaseLunbo-swiper .swiper-slide .item .picB,
.pagecaseLunbo-swiper .swiper-slide .item .pic img,
.pagecaseLunbo-swiper .swiper-slide .item {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pagecaseLunbo-swiper .swiper-slide .item .picB:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	background: url("../images/farm-xjbg.png") center center repeat-x;
	background-size: 100% 100%;
	display: none;
}

.pagecaseLunbo-swiper .swiper-slide .item .pic {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 54.76190476190476%;
	overflow: hidden;
	vertical-align: bottom;
}

.pagecaseLunbo-swiper .swiper-slide .item .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	max-width: none;
	width: auto;
	max-height: auto;
	height: 100%;
}

.pagecaseLunbo-swiper .swiper-slide .item:hover .pic img {
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

.pagecaseLunbo-swiper .swiper-slide .item .tit {
	padding: 30px 40px;
	border-bottom: 1px solid #f3f3f3;
}

.pagecaseLunbo-swiper .swiper-slide .item .des {
	font-size: 20px;
	color: #000000;
	line-height: 30px;
	min-height: 90px;
	text-align: center;
	font-weight: 300;
}

.pagecaseLunbo-swiper .swiper-slide .item .more {
	font-size: 14px;
	color: #9ea0ae;
	line-height: 56px;
	text-align: center;
}

.pagecaseLunbo-swiper .swiper-slide.swiper-slide-active .item .more,
.pagecaseLunbo-swiper .swiper-slide .item:hover .more {
	background-image: linear-gradient(-90deg, #4f7efc 0%, #55a7ff 100%);
	background-blend-mode: normal, normal;
	color: #fff;
}

.pagecaseLunbo-swiper .swiper-slide.swiper-slide-active .item,
.pagecaseLunbo-swiper .swiper-slide .item:hover {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);
}

/*swiper-button*/
.pagecaseLunbo-swiper .swiper-button-prev {
	opacity: 1;
	width: 180px;
	height: 100%;
	position: absolute;
	top: 0;
	margin-top: 0;
	left: 0;
	background: url("../images/page-honorsd1.png") left center repeat-y;
	background-size: 180px;
	outline: none;
	z-index: 3;
}

.pagecaseLunbo-swiper .swiper-button-next {
	opacity: 1;
	width: 180px;
	height: 100%;
	position: absolute;
	top: 0;
	margin-top: 0;
	right: 0;
	background: url("../images/page-honorsd2.png") right center repeat-y;
	background-size: 180px;
	outline: none;
	z-index: 3;
}

.pagecaseLunbo-swiper .swiper-button-prev:after {
	content: '';
	width: 62px;
	height: 62px;
	margin-top: -31px;
	position: absolute;
	top: 50%;
	left: 0;
	border-radius: 50%;
	background: url("../images/page-left.png") center center no-repeat;
	background-size: 62px;
	z-index: 2;
}

.pagecaseLunbo-swiper .swiper-button-next:after {
	content: '';
	width: 62px;
	height: 62px;
	margin-top: -31px;
	position: absolute;
	top: 50%;
	right: 0;
	border-radius: 50%;
	background: url("../images/page-right.png") center center no-repeat;
	background-size: 62px;
	z-index: 2;
}

.pagecaseLunbo-swiper .swiper-button-prev.swiper-button-disabled,
.pagecaseLunbo-swiper .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

@media screen and (max-width:1220px) {
	.pagecaseLunbo-swiper .swiper-slide {
		width: 50%;
	}
}

@media screen and (max-width:1024px) {
	.pagecaseLunbo-swiper .swiper-slide .item .des {
		font-size: 18px;
	}

	.pagecaseLunbo-swiper .swiper-slide .item .tit {
		padding: 25px 30px;
	}
}

@media screen and (max-width:768px) {
	.pagecaseLunbo-swiper .swiper-slide {
		width: 100%;
	}

	.pagecaseLunbo-swiper .swiper-slide .item .tit {
		padding: 20px 20px;
	}

	.pagecaseLunbo-swiper .swiper-slide .item .des {
		font-size: 16px;
	}

	.pagecaseLunbo-swiper .swiper-slide .item {
		margin: 0 10px;
	}

	.pagecaseLunbo-swiper .swiper-button-prev,
	.pagecaseLunbo-swiper .swiper-button-next,
	.pagecaseLunbo-swiper .swiper-button-prev:after,
	.pagecaseLunbo-swiper .swiper-button-next:after {
		display: none;
	}
}




/*pageMore*/
.pageMore {
	text-align: center;
	display: block;
	margin: 0 auto;
	padding-top: 60px;
}

.pageMore a {
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 50px;
	border-radius: 50px;
	padding: 0px 40px;
	background-image: linear-gradient(-90deg, #4f7efc 0%, #55a7ff 100%);
	background-blend-mode: normal, normal;
	color: #fff;
	text-align: center;
}

.pageMore a:hover {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);
}

/*pageishare*/
.pageishare {
	padding: 0 0;
}

/*pageValue*/
.pageValue {
	/*padding-top:80px;padding-bottom:30px;*/
	overflow: hidden;
}

/*pageValueTable*/
.pageValueTable {
	margin-bottom: 30px;
}

.pageValueTable>td {
	width: 50%;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
	text-align: center;
	position: relative;
	background: #fff;
}

.pageValueTable td.td1 {
	width: 54.54545454545455%;
}

.pageValueTable td.td2 {
	width: 45.45454545454545%;
}

.pageValueTable td h2 {
	font-size: 24px;
	color: #3b4048;
	line-height: 30px;
	font-weight: 400;
	margin-bottom: 80px;
	padding-left: 30px;
}

.pageValueTable td h2 strong {
	color: #4b7dfc;
	font-weight: 600;
}

.pageValueTable td p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}

.pageValueTable td.td2 {
	padding-left: 6%;
	padding-right: 6%;
}

/*pageValueTable2*/
.pageValueTable2 {
	width: auto;
}

.pageValueTable2 td {
	padding: 0 30px;
	min-width: 33.3333%;
}

.pageValueTable2 td img {
	width: 56px;
}

@media screen and (max-width:1220px) {
	.pageValue {
		/*padding-top:70px;padding-bottom:30px;*/
	}

	.pageValueTable {
		max-width: 840px;
		margin: 0 auto;
	}

	.pageValueTable td.td1,
	.pageValueTable td.td2 {
		width: 100% !important;
		display: block !important;
		padding: 5% 0;
	}

	.pageValueTable td h2 {
		font-size: 20px;
		margin-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.pageValue {
		/*padding-top:50px;padding-bottom:30px;*/
	}

	.pageValueTable>td {
		width: 100% !important;
		display: block !important;
		padding: 5% 0;
	}

	.pageValueTable2 td {
		padding: 0 15px;
		min-width: 33.3333%;
	}

	.pageValueTable2 td img {
		width: 40px;
	}

	.pageValueTable td h2 {
		font-size: 18px;
		margin-bottom: 50px;
		padding-left: 15px;
	}

	.pageValueTable td p {
		font-size: 14px;
		line-height: 28px;
	}
}








/*pageTedian*/
.pageTedian {
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	/*margin-bottom:30px;*/
}

/*pageTedianLunbo-swiper*/
.pageTedianLunbo-swiper {
	position: relative;
	background: url("../images/farma-fanganbg.jpg") top center no-repeat #f5f6f7;
	background-size: cover;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
}

.pageTedianLunbo-swiper .swiper-container {
	width: 57.29166666666667%;
	overflow: visible;
}

.pageTedianLunbo-swiper .swiper-slide {
	width: 50%;
}

.pageTedianLunbo-swiper .swiper-slide .item {
	display: block;
	margin: 0 30px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
	padding-bottom: 230px;
}

.pageTedianLunbo-swiper .swiper-slide .item .picB {
	display: block;
	background-color: #fff;
	position: relative;
	background-size: 100%;
}

.pageTedianLunbo-swiper .swiper-slide .item .picB,
.pageTedianLunbo-swiper .swiper-slide .item .titNr,
.pageTedianLunbo-swiper .swiper-slide .item .des,
.pageTedianLunbo-swiper .swiper-slide .item,
.pageTedianLunbo-swiper .swiper-slide .item .t,
.pageTedianLunbo-swiper .swiper-slide .item .icon,
.pageTedianLunbo-swiper .swiper-slide .item .pic img,
.pageTedianLunbo-swiper .swiper-slide .item {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.pageTedianLunbo-swiper .swiper-slide .item .pic {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 55.67010309278351%;
	overflow: hidden;
	vertical-align: bottom;
	background: #f1f1f1;
}

.pageTedianLunbo-swiper .swiper-slide .item .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	max-width: none;
	width: auto;
	max-height: auto;
	height: 100%;
}

.pageTedianLunbo-swiper .swiper-slide .item:hover .pic img {
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

.pageTedianLunbo-swiper .swiper-slide .item .tit {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.pageTedianLunbo-swiper .swiper-slide .item .titNr {
	padding-top: 80px;
	padding-bottom: 25px;
	padding-left: 60px;
	padding-right: 60px;
	background: #4b7dfc;
	border-radius: 10px;
	overflow: hidden;
	min-height: 230px;
}

.pageTedianLunbo-swiper .swiper-slide .item .t {
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	font-weight: 400;
	margin-bottom: 25px;
}

.pageTedianLunbo-swiper .swiper-slide .item .des {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	min-height: 150px;
	text-align: center;
	font-weight: 300;
	margin-bottom: 35px;
}

.pageTedianLunbo-swiper .swiper-slide .item .icon {
	text-align: center;
}

.pageTedianLunbo-swiper .swiper-slide .item .icon img {
	width: 60px;
}

.pageTedianLunbo-swiper .swiper-slide .item .tit2 {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 240px;
	background: #fff;
}

.pageTedianLunbo-swiper .swiper-slide .item .tit2 .t {
	color: #000;
	margin-bottom: 0;
	position: absolute;
	top: 50%;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.pageTedianLunbo-swiper .swiper-slide .item .tit2 .t .icon {
	padding-bottom: 10px;
}

/*hover*/
.pageTedianLunbo-swiper .swiper-slide.swiper-slide-active .item .more,
.pageTedianLunbo-swiper .swiper-slide .item:hover {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);
}

.pageTedianLunbo-swiper .swiper-slide .item .titNr {
	height: 240px;
	overflow: hidden;
}

.pageTedianLunbo-swiper .swiper-slide .item:hover .titNr {
	height: auto;
}

/*.pageTedianLunbo-swiper .swiper-slide .item:hover .des{height:0; overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;}
.pageTedianLunbo-swiper .swiper-slide .item:hover .icon{height:0; overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;}*/
.pageTedianLunbo-swiper .swiper-slide .item:hover .t {
	color: #fff;
}

.pageTedianLunbo-swiper .swiper-slide .item .tit2 {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageTedianLunbo-swiper .swiper-slide .item:hover .tit2 {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.pageTedianLunbo-swiper .swiper-slide .item .tit {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-o-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
}

.pageTedianLunbo-swiper .swiper-slide .item:hover .tit {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/*swiper-button*/
.pageTedianLunbo-swiper .swiper-button-prev {
	outline: none;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
	left: 3%;
	border-radius: 50%;
	background: url("../images/page-left.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.pageTedianLunbo-swiper .swiper-button-next {
	outline: none;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
	right: 3%;
	border-radius: 50%;
	background: url("../images/page-right.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.pageTedianLunbo-swiper .swiper-button-prev.swiper-button-disabled,
.pageTedianLunbo-swiper .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

@media screen and (max-width:1640px) {
	.pageTedianLunbo-swiper .swiper-slide .item {
		margin: 0 20px;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .titNr {
		padding-left: 50px;
		padding-right: 50px;
	}

	.pageTedianLunbo-swiper .swiper-container {
		width: 70%;
	}
}

@media screen and (max-width:1440px) {
	.pageTedianLunbo-swiper .swiper-slide .item {
		margin: 0 10px;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .titNr {
		padding-left: 40px;
		padding-right: 40px;
	}

	.pageTedianLunbo-swiper .swiper-container {
		width: 75%;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .t {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .des {
		font-size: 14px;
		line-height: 28px;
		min-height: 140px;
		margin-bottom: 20px;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .icon img {
		width: 50px;
	}
}

@media screen and (max-width:1320px) {
	.pageTedianLunbo-swiper .swiper-slide .item {
		margin: 0 10px;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .titNr {
		padding-left: 40px;
		padding-right: 40px;
	}

	.pageTedianLunbo-swiper .swiper-container {
		width: 80%;
	}
}

@media screen and (max-width:1220px) {
	.pageTedianLunbo-swiper {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.pageTedianLunbo-swiper .swiper-slide .item {
		margin: 0 10px;
	}

	.pageTedianLunbo-swiper .swiper-container {
		width: 94%;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .titNr {
		padding-top: 70px;
		padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 30px;
		min-height: 230px;
	}
}

@media screen and (max-width:768px) {
	.pageTedianLunbo-swiper {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.pageTedianLunbo-swiper .swiper-slide {
		width: 100%;
	}

	.pageTedianLunbo-swiper .swiper-slide .item {
		margin: 0 10px;
		padding-bottom: 230px;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .titNr {
		padding-top: 50px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		min-height: 230px;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .t {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .des {
		font-size: 13px;
		line-height: 24px;
		min-height: 120px;
		margin-bottom: 20px;
	}

	.pageTedianLunbo-swiper .swiper-slide .item .icon img {
		width: 40px;
	}

	.pageTedianLunbo-swiper .swiper-button-prev,
	.pageTedianLunbo-swiper .swiper-button-next {
		opacity: 0.5;
	}
}



/*pageJiagou*/
/*.delivery1,
.pageJiagou{padding-top:50px;padding-bottom:50px;overflow:hidden;}*/


/*pageFangan*/
.pageFangan {
	padding-bottom: 0px;
	padding-top: 0px;
	overflow: hidden;
	background: #f3f4f9;
}

.pageFangan .pageTitleB {
	padding: 70px 0;
	background: #fff;
}

.pageFangan .pageTitleB .pageTitle {
	margin-bottom: 0;
}

/*pageFanganLunbo-swiper*/
.pageFanganLunbo-swiper {
	position: relative;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 80px;
}

.pageFanganLunbo-swiper .img {
	padding-bottom: 600px;
	background: #f5f6f7;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.pageFanganLunbo-swiper .swiper-container {
	max-width: 1540px;
	width: 80.20833333333333%;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.pageFanganLunbo-swiper .swiper-slide {
	width: 25%;
}

.pageFanganLunbo-swiper .swiper-slide .item {
	display: block;
	position: relative;
	padding-top: 45px;
}

.pageFanganLunbo-swiper .swiper-slide .item .picB {
	display: none;
}

.pageFanganLunbo-swiper .swiper-slide .item .desB,
.pageFanganLunbo-swiper .swiper-slide .item,
.pageFanganLunbo-swiper .swiper-slide .item {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.pageFanganLunbo-swiper .swiper-slide .item .pic {
	display: none;
}

.pageFanganLunbo-swiper .swiper-slide .item .desB {
	background: url("../images/farma-fa-sd.png") center center repeat-x;
	background-size: 100% 100%;
	height: 456px;
	vertical-align: middle;
	align-items: center;
	/*垂直居中*/
	justify-content: center;
	/*水平居中*/
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

.pageFanganLunbo-swiper .swiper-slide .item .des {
	font-size: 16px;
	line-height: 30px;
	color: #000;
	text-align: left;
	font-weight: 300;
	padding: 0 13%;
}

.pageFanganLunbo-swiper .swiper-slide .item .tit {
	background: #fff;
	height: 180px;
	border-right: 1px solid #f7f7f8;
}

.pageFanganLunbo-swiper .swiper-slide .item .titNr {
	padding-top: 45px;
}

.pageFanganLunbo-swiper .swiper-slide .item .t {
	font-size: 16px;
	line-height: 30px;
	color: #3b4048;
	text-align: center;
	font-weight: 400;
}

.pageFanganLunbo-swiper .swiper-slide .item .icon {
	text-align: center;
}

.pageFanganLunbo-swiper .swiper-slide .item .icon img {
	width: 60px;
}

/*active*/
.pageFanganLunbo-swiper .swiper-slide.swiper-slide-active .item .tit,
.pageFanganLunbo-swiper .swiper-slide.active .item .tit,
.pageFanganLunbo-swiper .swiper-slide .item:hover .tit {
	background: url("../images/farma-fa-sd2.jpg") left bottom no-repeat #fff;
}

.pageFanganLunbo-swiper .swiper-slide.active .item .desB {
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

/*swiper-button*/
.pageFanganLunbo-swiper .swiper-button-prev {
	outline: none;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
	left: 3%;
	border-radius: 50%;
	background: url("../images/page-left.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
}

.pageFanganLunbo-swiper .swiper-button-next {
	outline: none;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
	right: 3%;
	border-radius: 50%;
	background: url("../images/page-right.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
}

.pageFanganLunbo-swiper .swiper-button-prev.swiper-button-disabled,
.pageFanganLunbo-swiper .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

@media screen and (max-width:1640px) {
	.pageFanganLunbo-swiper .img {
		padding-bottom: 500px;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .desB {
		height: 357px;
	}
}

@media screen and (max-width:1440px) {
	.pageFanganLunbo-swiper .img {
		padding-bottom: 450px;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .desB {
		height: 307px;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .titNr {
		padding-top: 25px;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .tit {
		height: 160px;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .t {
		font-size: 16px;
		line-height: 30px;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .icon img {
		width: 55px;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .des {
		padding: 0 10%;
	}
}

@media screen and (max-width:1320px) {
	.pageFanganLunbo-swiper .img {
		padding-bottom: 350px;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .desB {
		height: 257px;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .icon img {
		width: 50px;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .des {
		font-size: 14px;
		line-height: 26px;
		padding: 0 8%;
	}
}

@media screen and (max-width:1220px) {
	.pageFanganLunbo-swiper .swiper-container {
		width: 94%
	}
}

@media screen and (max-width:768px) {
	.pageFangan .pageTitleB {
		padding: 50px 0;
		background: #fff;
	}

	.pageFanganLunbo-swiper .swiper-slide .item .icon img {
		width: 40px;
	}

	.pageFanganLunbo-swiper .swiper-slide {
		width: 100%;
	}

	.pageFanganLunbo-swiper .swiper-slide.swiper-slide-active .item .desB {
		filter: alpha(opacity=1);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.pageFanganLunbo-swiper .swiper-button-prev,
	.pageFanganLunbo-swiper .swiper-button-next {
		opacity: 0.5;
	}
}







/*pageValueTable3*/
.pageValueTable3 {}

.pageValueTable3 td {
	width: 50%;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
	text-align: center;
	position: relative;
	background: #fff;
}

.pageValueTable3 td.td1 img {
	display: block;
}

.pageValueTable3 td h2 {
	font-size: 22px;
	color: #4b7dfc;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 20px;
}

.pageValueTable3 td p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	text-transform: uppercase;
	max-width: 450px;
	margin: 0 auto;
}

.pageValueTable3 td.td2 {
	padding-left: 3%;
	padding-right: 3%;
	background-size: 100%;
}

@media screen and (max-width:1220px) {
	.pageValueTable3 td h2 {
		font-size: 20px;
	}

	.pageValueTable3 td p {
		font-size: 14px;
	}
}

@media screen and (max-width:768px) {
	.pageValueTable3 td {
		width: 100% !important;
		display: block !important;
		padding: 5% 0;
	}

	.pageValueTable3 td h2 {
		font-size: 18px;
	}

}


.pageApp {
	background: url("../images/farmd-jiagoubg.jpg") center top no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: 0 0;
	/*margin:50px 0;*/
}

@media screen and (max-width:768px) {
	.pageApp {
		/*margin:30px 0;*/
	}
}



/*pageValueB*/
.pageValueB {
	padding-top: 100px;
	padding-bottom: 120px;
	overflow: hidden;
}

@media screen and (max-width:1024px) {
	.pageValueB {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.pageValueB {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}






/*pageTitle2*/
.pageTitle2 {
	text-align: center;
	margin-bottom: 45px;
	position: relative;
	background: url("../images/plan-titbg.png") center top no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pageTitle2 .cn {
	font-size: 24px;
	color: #4b7dfc;
	line-height: normal;
	font-weight: bold;
}

.pageTitle2 .en {
	font-size: 14px;
	color: #b4b5bd;
	line-height: 34px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
}

@media screen and (max-width:1024px) {
	.pageTitle2 .cn {
		font-size: 22px;
	}
}

@media screen and (max-width:768px) {
	.pageTitle2 .cn {
		font-size: 20px;
	}

	.pageTitle2 .en {
		font-size: 12px;
		line-height: 30px;
	}
}

/**/
.pageTableTit {
	text-align: center;
	font-size: 16px;
	color: #000000;
	line-height: 30px;
	margin-bottom: 30px;
}

.pageTableTit h2 {
	font-size: 22px;
	color: #000000;
	line-height: 32px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 35px;
}

@media screen and (max-width:1024px) {
	.pageTableTit h2 {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	.pageTableTit h2 {
		font-size: 18px;
		margin-bottom: 30px;
	}
}



/*indexJishuList*/
.pageJishu {
	padding: 0 0;
}

.indexJishuList {
	margin: 0 auto;
}

.indexJishuList ul {
	font-size: 0;
}

.indexJishuList li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.33333%;
	vertical-align: top;
}

.indexJishuList .item {
	display: block;
	overflow: hidden;
	position: relative;
	background: #fff;
}

.indexJishuList .imgBox {
	text-align: left;
	overflow: hidden;
	height: 0;
	position: relative;
	padding-bottom: 60.15625%;
}

.indexJishuList .imgBox:after {
	content: '';
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}

.indexJishuList .imgBox img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	width: auto;
	max-width: none;
	height: 100%;
}

.indexJishuList li:nth-child(2n) .imgBox:after {
	background: #4b7dfc;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
}

.indexJishuList .title {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.indexJishuList .title .t {
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}

.indexJishuList .title .icon img {
	max-width: 65px;
}

/*hocwe*/
.indexJishuList .item,
.indexJishuList .title:after,
.indexJishuList .title .t,
.indexJishuList .imgBox img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.indexJishuList .item:hover .imgBox img {
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

@media screen and (max-width:1024px) {
	.indexJishuList li {
		width: 50%;
	}
}

@media screen and (max-width:768px) {
	.indexJishuList li {
		width: 100%;
	}

	.indexJishuList .title .icon img {
		max-width: 60px;
	}

	.indexJishuList .title .t {
		font-size: 16px;
	}
}







/*pageProjectImgBox*/
.pageProject {
	/*padding-top:100px;*/
	padding-bottom: 50px;
}

.pageProjectBox {
	margin: 0 auto;
	position: relative;
	background: #fff;
}

.pageProjectBox .pageProjectImgBox {
	width: 67.53246753246753%;
	height: auto;
	text-align: left;
	overflow: hidden;
	float: left;
}

.pageProjectBox .pageProjectImgBox .swiper-slide {
	width: 100%;
	background: #fafafa;
}

.pageProjectBox .pageProjectImgBox .item {
	display: block;
}

.pageProjectBox .pageProjectImgBox .ImgBox {
	overflow: hidden;
	/*padding-bottom:44.23076923076923%;*/
	padding-bottom: 460px;
	position: relative;
}

.pageProjectBox .pageProjectImgBox .ImgBox img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	max-width: none;
	/*height: 100%;*/
	width: 100%;
}

.pageProjectBox .pageProjectImgBox a,
.pageProjectBox .pageProjectImgBox .ImgBox,
.pageProjectBox .pageProjectImgBox .ImgBox img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageProjectBox .pageProjectImgBox .ImgBox:hover img {
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-o-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

/*pageProjectList*/
.pageProjectBox .pageProjectlunboBox {
	width: 31.16883116883117%;
	float: right;
	background: #eff1f6;
}

.pageProjectBox .pageProjectList {
	font-size: 0;
	line-height: 0;
	height: auto !important;
}

.pageProjectBox .pageProjectList li {
	width: 100%;
	display: block;
	background: #eff1f6;
}

.pageProjectBox .pageProjectList li,
.pageProjectBox .pageProjectList li .item {
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageProjectBox .pageProjectList .item {
	align-items: center;
	/*垂直居中*/
	justify-content: center;
	/*水平居中*/
	height: 460px;
	/*min-height:23.95833333333333vw;*/
}

.pageProjectBox .pageProjectList .info {
	padding: 50px 64px;
}

.pageProjectBox .pageProjectList .tit {
	display: block;
	font-size: 22px;
	line-height: normal;
	color: #000000;
	margin-bottom: 30px;
}

.pageProjectBox .pageProjectList .des {
	font-size: 16px;
	color: #000000;
	line-height: 30px;
	font-weight: 300;
}

.pageProjectBox .pageProjectList .des {
	max-height: 300px;
	overflow-y: scroll;
}

.pageProjectBox .pageProjectList .des::-webkit-scrollbar {
	width: 5px;
	background-color: #eff1f6
}

.pageProjectBox .pageProjectList .des::-webkit-scrollbar-thumb {
	background-color: #085cc2
}

/*swiper-button*/
.pageProject .swiper-button-prev {
	position: absolute;
	left: 4.5%;
	top: 50%;
	opacity: 1;
	width: 24px;
	height: 42px;
	margin-top: -21px;
	background: url("../images/index-left.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
	outline: none;
}

.pageProject .swiper-button-next {
	position: absolute;
	right: 4.5%;
	top: 50%;
	opacity: 1;
	width: 24px;
	height: 42px;
	margin-top: -21px;
	background: url("../images/index-right.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
	outline: none;
}

.pageProject .swiper-button-prev.swiper-button-disabled,
.pageProject .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

/*swiper-pagination*/
.pageProject .swiper-pagination {
	position: absolute;
	bottom: 20px;
	left: 120px;
	text-align: left;
	margin: 0;
	display: none;
}

.pageProject .swiper-container-horizontal>.swiper-pagination-bullets,
.pageProject .swiper-pagination-custom,
.pageProject .swiper-pagination-fraction {
	bottom: 0;
}

.pageProject .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 1;
	border: 2px solid #b4b5bd;
}

.pageProject .swiper-pagination-bullet-active {
	background-color: #4f7efc;
	border-color: #4f7efc;
}

@media screen and (max-width:1220px) {
	.pageProject {
		padding-top: 90px;
	}

	.pageProjectBox .pageProjectList .info {
		padding: 30px 30px;
	}

	.pageProjectBox .pageProjectImgBox .ImgBox {
		padding-bottom: 400px;
	}

	.pageProjectBox .pageProjectList .item {
		height: 400px
	}

	.pageProjectBox .pageProjectList .tit {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.pageProjectBox .pageProjectList .des {
		font-size: 14px;
	}
}

@media screen and (max-width:1024px) {
	.pageProject {
		padding-top: 70px;
	}
}

@media screen and (max-width:992px) {
	.pageProjectBox .pageProjectImgBox {
		width: 100%;
		float: none;
	}

	.pageProjectBox .pageProjectlunboBox {
		width: 100%;
		position: static;
		left: 0%;
		height: auto;
		margin-bottom: 30px;
	}

	.pageProjectBox .pageProjectlunbo {
		width: 100%;
		position: static;
		left: 0;
		top: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		margin-bottom: 30px;
	}

	.pageProjectBox .pageProjectImgBox .ImgBox {
		padding-bottom: 44.23076923076923%;
	}

	.pageProjectBox .pageProjectList .item {
		height: auto;
	}
}

@media screen and (max-width:768px) {
	.pageProject {
		padding-top: 50px;
	}
}







/*pagePingtaiList*/
.pagePingtai {
	padding: 0 0;
	overflow: hidden;
}

.pagePingtaiList {
	margin: 0 auto;
}

.pagePingtaiList ul {
	font-size: 0;
}

.pagePingtaiList li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100%;
	vertical-align: top;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}

.pagePingtaiList .item {
	width: 80.20833333333333%;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	align-items: center;
	/*垂直居中*/
	justify-content: center;
	/*水平居中*/
	min-height: 23.95833333333333vw;
}

.pagePingtaiList .imgBox {
	float: left;
	width: 50%;
}

.pagePingtaiList .imgBox img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: baseline;
}

.pagePingtaiList .title {
	float: left;
	width: 50%;
	min-height: 33.85416666666667vw;
	align-items: center;
	/*垂直居中*/
	justify-content: center;
	/*水平居中*/
	padding: 50px 0;
}

.pagePingtaiList .title .t {
	font-size: 30px;
	line-height: normal;
	color: #333333;
	text-align: center;
	margin-bottom: 45px;
}

.pagePingtaiList .des {
	font-size: 16px;
	color: #000000;
	line-height: 30px;
	font-weight: 300;
}

.pagePingtaiList .des table {
	max-width: 640px;
	margin: 0 auto;
	margin-top: 74px;
}

.pagePingtaiList .des table td {
	font-size: 16px;
	color: #646464;
	vertical-align: baseline;
	text-align: center;
	border-left: 1px solid #b6b6b6;
}

.pagePingtaiList .des table td:nth-child(1) {
	border-left: none;
}

.pagePingtaiList .des table td b {
	font-size: 30px;
	color: #4b7dfc;
	font-weight: bold;
}

.pagePingtaiList .des table td b i {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	vertical-align: top;
	position: relative;
	top: 5px;
	line-height: 0;
	margin-left: 5px;
}

.pagePingtaiList li.li2 .imgBox {
	float: right;
}

@media screen and (max-width:1440px) {
	.pagePingtaiList .des table td b {
		font-size: 26px;
	}

	.pagePingtaiList .des table {
		margin-top: 64px;
	}

	.pagePingtaiList .title .t {
		font-size: 28px;
		margin-bottom: 45px;
	}
}

@media screen and (max-width:1220px) {
	.pagePingtaiList .imgBox {
		float: none !important;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}

	.pagePingtaiList .title {
		float: none !important;
		width: 100%;
	}

	.pagePingtaiList .des table td b {
		font-size: 24px;
	}

	.pagePingtaiList .des table {
		margin-top: 54px;
	}

	.pagePingtaiList .title .t {
		font-size: 26px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width:1024px) {
	.pagePingtaiList .des table td b {
		font-size: 22px;
	}

	.pagePingtaiList .des table {
		margin-top: 44px;
	}

	.pagePingtaiList .title .t {
		font-size: 24px;
	}
}

@media screen and (max-width:992px) {
	.pagePingtaiList .des table td b {
		font-size: 20px;
	}

	.pagePingtaiList .des table {
		margin-top: 30px;
	}
}

@media screen and (max-width:768px) {
	.pagePingtaiList .des table td b {
		font-size: 18px;
	}

	.pagePingtaiList .des table td {
		font-size: 14px;
		display: block !important;
		width: 100% !important;
		padding: 3% 0;
		border-left: none;
	}

	.pagePingtaiList .des table td b i {
		font-size: 16px;
	}

	.pagePingtaiList .des {
		font-size: 14px;
	}

	.pagePingtaiList .title .t {
		font-size: 22px;
		margin-bottom: 30px;
	}
}


/*pageGongneng*/
.pageGongneng {
	padding-top: 100px;
	padding-bottom: 120px;
	overflow: hidden;
}

@media screen and (max-width:1024px) {
	.pageGongneng {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.pageGongneng {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/*pageGongnengTable*/
.pageGongnengTable {}

.pageGongnengTable td {
	width: 33.3333%;
	margin: 0 10px;
	padding-top: 70px;
	padding-bottom: 110px;
	vertical-align: middle;
	background: url("../images/price-bg1.jpg") center bottom repeat-x #eef3fa;
	text-align: center;
	position: relative;
	border-top: 10px solid #4b7dfc;
	border-radius: 10px;
}

.pageGongnengTable td img {
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 10px;
	background-color: #fff;
}

.pageGongnengTable td h2 {
	font-size: 22px;
	color: #000000;
	line-height: 30px;
	font-weight: 400;
}

.pageGongnengTable td p {
	font-size: 15px;
	color: #333333;
	line-height: 30px;
}

.pageGongnengTable td.td1 img {
	background-size: 100%;
	background-image: linear-gradient(-90deg, #4f7efc 0%, #55a7ff 100%);
	background-blend-mode: normal, normal;
}

.pageGongnengTable td:hover img .pageGongnengTable td,
.pageGongnengTable td img {
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.pageGongnengTable td:hover img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media screen and (max-width:1220px) {
	.pageGongnengTable td h2 {
		font-size: 20px;
	}

	.pageGongnengTable td p {
		font-size: 14px;
	}
}

@media screen and (max-width:1220px) {
	.pageGongnengTable td h2 {
		font-size: 18px;
	}

	.pageGongnengTable td p {
		font-size: 12px;
	}

	.pageGongnengTable td img {
		width: 60px;
		height: 60px;
	}
}

@media screen and (max-width:768px) {
	.pageGongnengTable {}

	.pageGongnengTable tr {
		display: block;
	}

	.pageGongnengTable td {
		width: 100% !important;
		display: block !important;
		padding: 5% 0;
	}

	.pageGongnengTable td h2 {
		font-size: 14px;
	}

	.pageGongnengTable td img {
		width: 50px;
		height: 50px;
	}
}






/*pageGaishu*/
/*.pageGaishu{padding-top:100px;padding-bottom:100px;overflow:hidden;}
@media screen and (max-width:1024px) {
.pageGaishu{padding-top:70px;padding-bottom:70px;}
}
@media screen and (max-width:768px) {
.pageGaishu{padding-top:50px;padding-bottom:50px;}
}*/

/*pageGaishuTable*/
.pageGaishuTable td {
	width: 33.3333%;
	margin: 0 10px;
	vertical-align: top;
}

.pageGaishuTable td img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	background-color: #fff;
}

.pageGaishuTable td h2 {
	font-size: 22px;
	color: #000000;
	line-height: 30px;
	font-weight: 400;
}

.pageGaishuTable td p {
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

@media screen and (max-width:1220px) {
	.pageGaishuTable td h2 {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	.pageGaishuTable {
		max-width: 600px;
		margin: 0 auto;
	}

	.pageGaishuTable tr {
		display: block;
	}

	.pageGaishuTable td {
		width: 100% !important;
		display: block !important;
		padding: 5% 0;
	}

	.pageGaishuTable td img {
		width: 100%;
	}

	.pageGaishuTable td h2 {
		font-size: 18px;
	}
}




/*pageChangjing*/
.pageChangjing {
	overflow: hidden;
	position: relative;
	padding: 0 0;
}

.pageChangjing .pageTitle {
	height: 121px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	text-align: center;
	background: url("../images/canteen-tusd.png") center top no-repeat;
}

@media screen and (max-width:768px) {
	.pageChangjing .pageTitle {
		height: auto;
		position: static;
		left: 0;
		top: 0;
		right: 0;
		text-align: center;
		background: none;
	}
}


/*pageGaishu*/
.pageJiesuan {
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
}

@media screen and (max-width:1024px) {
	.pageJiesuan {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.pageJiesuan {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/*pagelunbo2*/
.pageJiesuan .pagelunbo2 .swiper-box {
	border-bottom: 1px solid #ebebeb
}

.pageJiesuan .pagelunbo2 .box-container {
	position: relative
}

.pageJiesuan .pagelunbo2 .icon {
	position: relative;
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0px 5px 25px 0px rgba(0, 55, 148, 0.1)
}

.pageJiesuan .pagelunbo2 .icon img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease
}

.pageJiesuan .pagelunbo2 .icon .on {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
	visibility: hidden
}

.pageJiesuan .pagelunbo2 .swiper-btn {
	transform: none;
	top: auto;
	bottom: -0.24rem;
	border-radius: 50%;
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1)
}

.pageJiesuan .pagelunbo2 .prev {
	left: -0.88rem;
	background-image: url(../img/prev4.png)
}

.pageJiesuan .pagelunbo2 .prev:hover {
	background-image: url(../img/prev5.png)
}

.pageJiesuan .pagelunbo2 .next {
	right: -0.88rem;
	background-image: url(../img/next4.png)
}

.pageJiesuan .pagelunbo2 .next:hover {
	background-image: url(../img/next5.png)
}

.pageJiesuan .company-swiper {
	padding-top: 0.3rem
}

.pageJiesuan .company-swiper .swiper-slide {
	cursor: pointer;
	padding: 0 0.3rem 0.3rem;
	width: 25%;
}

.pageJiesuan .company-swiper .swiper-slide:after {
	content: "";
	width: 100%;
	height: 0.02rem;
	background-color: #4b7dfc;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10
}

.pageJiesuan .company-swiper .swiper-slide:hover:after,
.pageJiesuan .company-swiper .swiper-slide.on:after,
.pageJiesuan .company-swiper .swiper-slide.swiper-slide-active:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.pageJiesuan .company-swiper .swiper-slide:hover .icon .init,
.pageJiesuan .company-swiper .swiper-slide.on .icon .init,
.pageJiesuan .company-swiper .swiper-slide.swiper-slide-active .icon .init {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
	visibility: hidden
}

.pageJiesuan .company-swiper .swiper-slide:hover .icon .on,
.pageJiesuan .company-swiper .swiper-slide.on .icon .on,
.pageJiesuan .company-swiper .swiper-slide.swiper-slide-active .icon .on {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	visibility: visible
}

.pageJiesuan .company-swiper .swiper-slide:hover .title,
.pageJiesuan .company-swiper .swiper-slide.on .title,
.pageJiesuan .company-swiper .swiper-slide.swiper-slide-active .title {
	color: #4b7dfc
}

.pageJiesuan .company-swiper .title {
	text-align: center;
	color: rgba(23, 23, 29, 0.6);
	font-size: 0.18rem;
	line-height: 0.3rem;
	margin-top: 0.25rem;
	transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease
}

.pageJiesuan .company-detail-box {
	margin-top: 0.8rem
}

.pageJiesuan .company-detail-box .box-container {
	box-shadow: 0px 0.05rem 0.35rem 0px rgba(14, 41, 86, 0.08)
}

.pageJiesuan .company-detail-box .swiper-slide {
	display: none
}

.pageJiesuan .company-detail-box .swiper-slide-active,
.pageJiesuan .company-detail-box .on {
	display: flex;
	display: -webkit-box;
	/* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
}

.pageJiesuan .company-detail-box .swiper-slide-active .pic,
.pageJiesuan .company-detail-box .on .pic,
.pageJiesuan .company-detail-box .swiper-slide-active .info,
.pageJiesuan .company-detail-box .on .info {
	opacity: 1;
	visibility: visible
}

.pageJiesuan .company-detail-box .swiper-slide-active .pic,
.pageJiesuan .company-detail-box .on .pic {
	animation: fadeInRight50 1.2s ease
}

.pageJiesuan .company-detail-box .swiper-slide-active .info,
.pageJiesuan .company-detail-box .on .info {
	animation: fadeInLeft50 1.2s ease
}

.pageJiesuan .company-detail-box .pic,
.pageJiesuan .company-detail-box .info {
	width: 50%;
	opacity: 0;
	visibility: hidden
}

.pageJiesuan .company-detail-box .pic:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.pageJiesuan .company-detail-box .info {
	padding: 0.78rem 1rem 0.4rem 1.2rem
}

.pageJiesuan .company-detail-box .name,
.pageJiesuan .company-detail-box .desc {
	padding-right: 0.2rem
}

.pageJiesuan .company-detail-box .name {
	font-size: 0.24rem;
	color: #4c7dfd;
	font-weight: 400;
	line-height: 0.48rem
}

.pageJiesuan .company-detail-box .desc {
	font-size: var(--fs16);
	color: #666;
	line-height: 0.30rem;
	margin-top: 0.20rem;
	overflow-y: auto;
	max-height: 1.6rem
}

.pageJiesuan .company-detail-box .desc::-webkit-scrollbar {
	width: 0.03rem;
	background-color: #f7f8f9
}

.pageJiesuan .company-detail-box .desc::-webkit-scrollbar-thumb {
	background-color: #082c7e
}

.pageJiesuan .company-detail-box .index-more {
	margin-top: 0.6rem
}

@media screen and (max-width:1600px) {
	.pageJiesuan .pagelunbo2 .prev {
		left: -0.7rem
	}

	.pageJiesuan .pagelunbo2 .next {
		right: -0.7rem
	}

	.pageJiesuan .company-detail-box .info {
		padding: 0.6rem 0.8rem 0.4rem 0.8rem
	}

	.pageJiesuan .company-detail-box .name {
		font-size: 0.34rem
	}

	.pageJiesuan .pagelunbo2 .index-more {
		margin-top: 0.48rem
	}
}

@media screen and (max-width:1440px) {
	.pageJiesuan .company-detail-box .name {
		font-size: 0.32rem
	}

	.pageJiesuan .company-swiper .title,
	.pageJiesuan .company-detail-box .name:after {
		margin-top: 0.2rem
	}

	.pageJiesuan .company-detail-box .desc {
		margin-top: 0.36rem
	}
}

@media screen and (max-width:1004px) {
	.pageJiesuan .pagelunbo2 .swiper-box {
		border-bottom: 1px solid #ebebeb
	}

	.pageJiesuan .pagelunbo2 .box-container {
		position: relative
	}

	.pageJiesuan .pagelunbo2 .icon {
		position: relative;
		width: 0.8rem;
		height: 0.8rem;
		margin: 0 auto;
		border-radius: 50%;
		box-shadow: 0px 5px 25px 0px rgba(0, 55, 148, 0.1)
	}

	.pageJiesuan .pagelunbo2 .icon img {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		transition: all 0.6s ease;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		-o-transition: all 0.6s ease
	}

	.pageJiesuan .pagelunbo2 .icon .on {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
		visibility: hidden
	}

	.pageJiesuan .pagelunbo2 .swiper-btn {
		bottom: -0.3rem
	}

	.pageJiesuan .pagelunbo2 .prev {
		left: 0
	}

	.pageJiesuan .pagelunbo2 .next {
		right: 0
	}

	.pageJiesuan .company-swiper .swiper-slide {
		padding: 0 0.4rem 0.2rem
	}

	.pageJiesuan .company-swiper .swiper-slide:after {
		height: 0.02rem
	}

	.pageJiesuan .company-swiper .title {
		font-size: 0.24rem;
		line-height: 0.36rem;
		height: 0.72rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		margin-top: 0.25rem
	}

	.pageJiesuan .company-detail-box {
		margin-top: 0.6rem;
		padding: 0 0.3rem
	}

	.pageJiesuan .company-detail-box .box-container {
		padding: 0
	}

	.pageJiesuan .company-detail-box .swiper-slide-active,
	.pageJiesuan .company-detail-box .on {
		display: block
	}

	.pageJiesuan .company-detail-box .pic,
	.pageJiesuan .company-detail-box .info {
		width: 100%
	}

	.pageJiesuan .company-detail-box .info {
		padding: 0.9rem 0.6rem
	}

	.pageJiesuan .company-detail-box .name {
		font-size: 0.36rem;
		line-height: 0.48rem;
		padding-right: 0
	}

	.pageJiesuan .company-detail-box .name:after {
		width: 0.6rem;
		margin-top: 0.2rem
	}

	.pageJiesuan .company-detail-box .desc {
		font-size: 0.28rem;
		line-height: 0.48rem;
		max-height: 3.36rem;
		margin-top: 0.3rem
	}

	.pageJiesuan .company-swiper .swiper-slide {
		width: 100%;
	}
}

/*pageTitle3*/
.pageTitle3 {
	width: 320px;
	margin: 0 auto;
	margin-bottom: 45px;
	padding-left: 86px;
	text-align: left;
	position: relative;
	background: url("../images/plan-titbg.png") center top no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pageTitle3 .cn {
	font-size: 24px;
	color: #4b7dfc;
	line-height: normal;
	font-weight: bold;
}

.pageTitle3 .en {
	font-size: 14px;
	color: #b4b5bd;
	line-height: 34px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
}

@media screen and (max-width:768px) {
	.pageTitle3 .cn {
		font-size: 20px;
	}

	.pageTitle3 .en {
		font-size: 12px;
		line-height: 30px;
	}
}

/*pageShitangLunboImgBox*/
.pageShitangLunbo {
	padding-top: 70px;
	overflow: hidden;
	width: 100%;
	background: url("../images/canteen-2bg.jpg") center center no-repeat;
	background-size: cover;
}

.pageShitangLunboHot {
	padding-top: 0px;
	position: relative;
}

.pageShitangLunboBox {
	margin: 0 auto;
}

.pageShitangLunboBox .pageShitangLunboImgBox {
	width: 37.66233766233766%;
	height: auto;
	float: left;
	text-align: center;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
}

.pageShitangLunboBox .pageShitangLunboImgBox .swiper-slide {
	width: 100%;
}

.pageShitangLunboBox .pageShitangLunboImgBox .ImgBox {
	overflow: hidden;
	position: relative;
}

.pageShitangLunboBox .pageShitangLunboImgBox .ImgBox img {
	max-width: 100%;
	display: block;
}

.pageShitangLunboBox .pageShitangLunboImgBox a,
.pageShitangLunboBox .pageShitangLunboImgBox .ImgBox,
.pageShitangLunboBox .pageShitangLunboImgBox .ImgBox img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageShitangLunboBox .pageShitangLunboImgBox .ImgBox:hover img {
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-moz-transform: scale3d(1.05, 1.05, 1.05);
	-o-transform: scale3d(1.05, 1.05, 1.05);
	-ms-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}

/*pageShitangLunboList*/
.pageShitangLunboBox .pageShitangLunbolunboBox {
	width: 62.33766233766234%;
	float: right;
	vertical-align: bottom;
	text-align: center;
	position: relative;
}

.pageShitangLunboBox .pageShitangLunboList {
	font-size: 0;
	line-height: 0;
	height: auto !important;
}

.pageShitangLunboBox .pageShitangLunboList li {
	width: 100%;
	display: block;
	background: url("../images/canteen-2wzbg.jpg") center top no-repeat;
	background-size: 100%;
	padding-top: 55px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.pageShitangLunboBox .pageShitangLunboList .item {
	align-items: center;
	/*垂直居中*/
	justify-content: left;
	/*水平居中*/
	min-height: 380px;
	background: #ffffff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.pageShitangLunboBox .pageShitangLunboList .info {
	padding: 50px 120px;
	text-align: left;
}

.pageShitangLunboBox .pageShitangLunboList h2 {
	display: block;
	font-size: 22px;
	line-height: normal;
	color: #000000;
	margin-bottom: 30px;
}

.pageShitangLunboBox .pageShitangLunboList .des {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	font-weight: 300;
}

.pageShitangLunboBox .pageShitangLunboList .des p {
	margin-bottom: 10px;
}

.pageShitangLunboBox .pageShitangLunboList .des img {
	width: 17px;
	margin-right: 5px;
	position: relative;
	top: 4px;
}

/*swiper-button*/
.pageShitangLunbo .swiper-button-prev {
	position: absolute;
	left: 4%;
	top: 50%;
	border-radius: 50%;
	overflow: hidden;
	opacity: 1;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background: url("../images/page-left.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
	outline: none;
	box-shadow: 0px 5px 25px 0px rgba(0, 55, 148, 0.1)
}

.pageShitangLunbo .swiper-button-next {
	position: absolute;
	right: 4%;
	top: 50%;
	border-radius: 50%;
	overflow: hidden;
	opacity: 1;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background: url("../images/page-right.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
	outline: none;
	box-shadow: 0px 5px 25px 0px rgba(0, 55, 148, 0.1)
}

.pageShitangLunbo .swiper-button-prev.swiper-button-disabled,
.pageShitangLunbo .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

/*swiper-pagination*/
.pageShitangLunbo .swiper-pagination {
	position: absolute;
	bottom: 20px;
	left: 120px;
	text-align: left;
	margin: 0;
	display: none;
}

.pageShitangLunbo .swiper-container-horizontal>.swiper-pagination-bullets,
.pageShitangLunbo .swiper-pagination-custom,
.pageShitangLunbo .swiper-pagination-fraction {
	bottom: 0;
}

.pageShitangLunbo .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 1;
	border: 2px solid #b4b5bd;
}

.pageShitangLunbo .swiper-pagination-bullet-active {
	background-color: #4f7efc;
	border-color: #4f7efc;
}

/*pageShitangLunbo3*/
.pageShitangLunbo3 .pageShitangLunboBox .pageShitangLunboImgBox {
	float: right;
	left: auto;
	right: 0;
}

.pageShitangLunbo3 .pageShitangLunboBox .pageShitangLunbolunboBox {
	float: left;
}

/**/
.pageShitangLunboBox .pageShitangLunboImgBox .swiper-slide .ImgBox {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.pageShitangLunboBox .pageShitangLunboImgBox .swiper-slide-active .ImgBox {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.pageShitangLunboBox .pageShitangLunboList .swiper-slide .info {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.pageShitangLunboBox .pageShitangLunboList .swiper-slide-active .info {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

@media screen and (max-width:1220px) {
	.pageShitangLunbo {
		padding-top: 90px;
	}

	.pageShitangLunboBox .pageShitangLunboList .info {
		padding: 50px 50px;
	}

	.pageShitangLunboBox .pageShitangLunboList h2 {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.pageShitangLunboBox .pageShitangLunboList .des {
		font-size: 14px;
	}

	.pageShitangLunbo .swiper-button-prev {
		left: 3%;
	}

	.pageShitangLunbo .swiper-button-next {
		right: 3%;
	}
}

@media screen and (max-width:1024px) {
	.pageShitangLunbo {
		padding-top: 70px;
	}
}

@media screen and (max-width:992px) {
	.pageShitangLunboBox .pageShitangLunboImgBox {
		width: 100%;
		float: none;
		position: static;
		text-align: center;
		margin: 0 auto;
	}

	.pageShitangLunboBox .pageShitangLunboImgBox img {
		margin: 0 auto;
	}

	.pageShitangLunboBox .pageShitangLunbolunboBox {
		float: none;
		width: 100%;
		position: static;
		left: 0%;
		height: auto;
	}

	.pageShitangLunbo3 .pageShitangLunboBox .pageShitangLunboImgBox {
		float: none;
	}

	.pageShitangLunbo3 .pageShitangLunboBox .pageShitangLunbolunboBox {
		float: none;
	}

	/*.pageShitangLunbo .swiper-button-prev{position:static;left:0;top:0;margin-top:20px; display:none;}
.pageShitangLunbo .swiper-button-next{position:static;right:0;top:0;margin-top:20px; display:none;}*/
}

@media screen and (max-width:768px) {
	.pageShitangLunbo {
		padding-top: 50px;
	}
}




/*pageqaBoxList*/
.pageqaBox {
	background: url("../images/text-fanganbg.jpg") center center no-repeat;
	background-size: cover;
	padding: 110px 0;
}

.pageqaBoxList {
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}

.pageqaBoxList .li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.333333%;
	vertical-align: top;
}

.pageqaBoxList .item {
	margin: 0 20px;
	padding-top: 80px;
	background: url("../images/text-titbg.jpg") center top no-repeat;
	background-size: 100%;
	border-radius: 10px;
}

.pageqaBoxList .info {
	padding: 50px 25px;
	background: #fff;
	border-radius: 10px;
	min-height: 490px;
}

.pageqaBoxList h2 {
	font-size: 22px;
	line-height: normal;
	color: #000000;
	text-align: center;
	margin-bottom: 30px;
	font-weight: 400;
}

.pageqaBoxList .qalistul li {
	padding: 4px 0;
}

.pageqaBoxList .qalistul li a {
	display: block;
	font-size: 15px;
	line-height: 30px;
	color: #535353;
	background: url("../images/q.png") left 6px no-repeat;
	background-size: 18px;
	padding-left: 30px;
}

@media screen and (max-width:1220px) {
	.pageqaBox {
		padding: 90px 0;
	}

	.pageqaBoxList .item {
		margin: 0 10px;
	}
}

@media screen and (max-width:1024px) {
	.pageqaBoxList .item {
		padding-top: 70px;
	}

	.pageqaBox {
		padding: 70px 0;
	}

	.pageqaBoxList .item {
		margin: 0 10px;
	}

	.pageqaBoxList h2 {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	.pageqaBox {
		padding: 50px 0;
	}

	.pageqaBoxList {
		max-width: 640px;
	}

	.pageqaBoxList .item {
		padding-top: 50px;
	}

	.pageqaBoxList .info {
		padding: 40px 25px;
		min-height: inherit;
	}

	.pageqaBoxList .li {
		width: 100%;
		margin-bottom: 30px;
	}

	.pageqaBoxList h2 {
		font-size: 18px;
	}

	.pageqaBoxList .qalistul li a {
		font-size: 14px;
	}
}






/*pageYooushi*/
.pageYooushi {
	/*padding-top:80px;*/
	overflow: hidden;
	background: #f6f7fa;
}

/*pageYooushi-swiper*/
.pageYooushi-swiper {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
}

.pageYooushi-swiper .swiper-container {
	width: 61.97916666666667%;
	overflow: visible;
}

.pageYooushi-swiper .swiper-slide {
	width: 100%;
}

.pageYooushi-swiper .swiper-slide .item {
	display: block;
	margin: 0 20px;
	position: relative;
	background: url("../images/text-youshibg.jpg") left bottom no-repeat #fff;
	border-radius: 10px;
	overflow: hidden;
}

.pageYooushi-swiper .swiper-slide .item .picB,
.pageYooushi-swiper .swiper-slide .item .pic img,
.pageYooushi-swiper .swiper-slide .item {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageYooushi-swiper .swiper-slide .item .pic {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 74.66666666666667%;
	overflow: hidden;
	vertical-align: bottom;
}

.pageYooushi-swiper .swiper-slide .item .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	max-width: none;
	width: auto;
	max-height: 100%;
	height: 100%;
}

.pageYooushi-swiper .swiper-slide .item:hover .pic img {
	-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
	transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
}

.pageYooushi-swiper .swiper-slide .item .picB {
	display: block;
	float: right;
	width: 65.21739130434783%;
}

.pageYooushi-swiper .swiper-slide .item .tit {
	float: left;
	width: 34.78260869565217%;
}

.pageYooushi-swiper .swiper-slide .item .tit .titNr {
	padding: 120px 60px;
}

.pageYooushi-swiper .swiper-slide .item .tit .num {
	font-size: 34px;
	color: #4b7dfc;
	font-weight: bold;
	margin-bottom: 10px;
}

.pageYooushi-swiper .swiper-slide .item .tit h2 {
	font-size: 24px;
	line-height: 30px;
	color: #000000;
	font-weight: 400;
	margin-bottom: 25px;
}

.pageYooushi-swiper .swiper-slide .item .tit .des {
	font-size: 16px;
	line-height: 30px;
	color: #000000;
	font-weight: 300;
}

/**/
.pageYooushi-swiper .swiper-button-prev {
	opacity: 1;
	width: 180px;
	height: 100%;
	position: absolute;
	top: 0;
	margin-top: 0;
	left: 0;
	background: url("../images/page-honorsd1.png") left center repeat-y;
	background-size: 180px;
	outline: none;
	z-index: 3;
}

.pageYooushi-swiper .swiper-button-next {
	opacity: 1;
	width: 180px;
	height: 100%;
	position: absolute;
	top: 0;
	margin-top: 0;
	right: 0;
	background: url("../images/page-honorsd2.png") right center repeat-y;
	background-size: 180px;
	outline: none;
	z-index: 3;
}

.pageYooushi-swiper .swiper-button-prev:after {
	content: '';
	width: 62px;
	height: 62px;
	margin-top: -31px;
	position: absolute;
	top: 50%;
	left: 0;
	border-radius: 50%;
	background: url("../images/page-left.png") center center no-repeat;
	background-size: 62px;
	z-index: 2;
}

.pageYooushi-swiper .swiper-button-next:after {
	content: '';
	width: 62px;
	height: 62px;
	margin-top: -31px;
	position: absolute;
	top: 50%;
	right: 0;
	border-radius: 50%;
	background: url("../images/page-right.png") center center no-repeat;
	background-size: 62px;
	z-index: 2;
}

.pageYooushi-swiper .swiper-button-prev.swiper-button-disabled,
.pageYooushi-swiper .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

/**/
.pageYooushi-swiper .swiper-pagination {
	text-align: center;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 2;
	line-height: 0;
	position: relative;
	margin-top: 30px;
}

.pageYooushi-swiper .swiper-pagination-bullet {
	opacity: 1 !important;
	width: 8px;
	height: 8px;
	text-align: center;
	background: #cfd1d8;
	border-radius: 50%;
	margin: 0 4px !important;
	outline: none;
}

.pageYooushi-swiper .swiper-pagination-bullet-active {
	background: #4b7dfc;
}

@media screen and (max-width:1440px) {
	.pageYooushi-swiper .swiper-slide .item .picB {
		display: block;
		float: right;
		width: 65.21739130434783%;
	}

	.pageYooushi-swiper .swiper-slide .item .tit {
		float: left;
		width: 34.78260869565217%;
	}

	.pageYooushi-swiper .swiper-slide .item .tit .titNr {
		padding: 120px 50px;
	}

	.pageYooushi-swiper .swiper-slide .item .tit .num {
		font-size: 32px;
		margin-bottom: 10px;
	}

	.pageYooushi-swiper .swiper-slide .item .tit h2 {
		font-size: 22px;
		margin-bottom: 25px;
	}

	.pageYooushi-swiper .swiper-slide .item .tit .des {
		font-size: 16px;
	}

}

@media screen and (max-width:1320px) {
	.pageYooushi-swiper .swiper-container {
		width: 80%;
	}

	.pageYooushi-swiper .swiper-slide .item .picB {
		width: 60%;
	}

	.pageYooushi-swiper .swiper-slide .item .tit {
		width: 40%;
	}

	.pageYooushi-swiper .swiper-slide .item .tit .titNr {
		padding: 120px 50px;
	}

	.pageYooushi-swiper .swiper-slide .item .tit .num {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.pageYooushi-swiper .swiper-slide .item .tit h2 {
		font-size: 20px;
		margin-bottom: 25px;
	}

	.pageYooushi-swiper .swiper-slide .item .tit .des {
		font-size: 16px;
	}
}

@media screen and (max-width:1220px) {
	.pageYooushi-swiper .swiper-container {
		width: 61.97916666666667%;
	}

	.pageYooushi-swiper .swiper-slide .item .picB {
		width: 100%;
		float: none;
	}

	.pageYooushi-swiper .swiper-slide .item .tit {
		width: 100%;
		float: none;
	}

	.pageYooushi-swiper .swiper-slide .item .tit .titNr {
		padding: 80px 50px;
	}

	.pageYooushi-swiper .swiper-slide .item .tit .num {
		font-size: 28px;
		margin-bottom: 10px;
	}

	.pageYooushi-swiper .swiper-slide .item .tit h2 {
		font-size: 18px;
		margin-bottom: 25px;
	}
}

@media screen and (max-width:1024px) {
	.pageYooushi-swiper {
		/*padding-bottom:50px;*/
	}

	.pageYooushi {
		/*padding-top:50px;*/
	}

	.pageYooushi-swiper .swiper-slide .item {
		margin: 0 10px;
	}
}

@media screen and (max-width:768px) {
	.pageYooushi-swiper .swiper-container {
		width: 100%;
		overflow: visible;
	}

	.pageYooushi-swiper .swiper-button-prev:after,
	.pageYooushi-swiper .swiper-button-next:after {
		display: none;
	}

	.pageYooushi-swiper .swiper-button-prev,
	.pageYooushi-swiper .swiper-button-next {
		display: none;
	}

	.pageYooushi-swiper .swiper-slide .item .tit .titNr {
		padding: 60px 30px;
	}

	.pageYooushi-swiper .swiper-slide .item .tit .num {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.pageYooushi-swiper .swiper-slide .item .tit h2 {
		font-size: 16px;
		margin-bottom: 20px;
	}
}




/*pageText-processList*/
.pageText-processList {
	margin: 0 auto;
	padding-bottom: 75px;
	padding-top: 15px;
}

.pageText-processList ul {
	font-size: 0;
	margin: 0 -27.5px;
}

.pageText-processList li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 20%;
	vertical-align: top;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.pageText-processList li:before {
	content: '';
	width: 50%;
	height: 1px;
	position: absolute;
	top: 95px;
	left: 0;
	background: url("../images/text-line.png") center center no-repeat;
	z-index: 1;
}

.pageText-processList li:after {
	content: '';
	width: 50%;
	height: 1px;
	position: absolute;
	top: 95px;
	left: 50%;
	background: url("../images/text-line.png") center center no-repeat;
	z-index: 1;
}

.pageText-processList li.li1:before,
.pageText-processList li.li5:after {
	width: 0;
}

/**/
.pageText-processList .item {
	margin: 0 27.5px;
	display: block;
	position: relative;
}

.pageText-processList .icon {
	width: 65px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 40px;
	padding-bottom: 30px;
	position: relative;
}

.pageText-processList .icon:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	margin: 0 auto;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #4b7dfc;
	background: #fff;
	z-index: 2;
}

.pageText-processList .icon img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageText-processList li.active .icon img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.pageText-processList .info {
	border-radius: 10px;
	border: 1px solid #eeeff3;
	overflow: hidden;
}

.pageText-processList .des {
	font-size: 16px;
	color: #000000;
	line-height: 26px;
	font-weight: 300;
	padding: 45px 30px;
	height: 130px;
	align-items: center;
	justify-content: left;
}

.pageText-processList h2 {
	font-size: 18px;
	line-height: 60px;
	height: 60px;
	color: #fff;
	padding: 0 30px;
	text-align: left;
	background: #44a3ff;
	filter: alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#44a3ff, endcolorstr=#4c7dfd, gradientType=1);
	-ms-filter: alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#44a3ff, endcolorstr=#4c7dfd, gradientType=1);
	/*IE8 */
	background: -webkit-linear-gradient(left, #44a3ff, #4c7dfd 100%);
	background: -moz-linear-gradient(left, #44a3ff, #4c7dfd 100%);
	background: -ms-linear-gradient(left, #44a3ff, #4c7dfd 100%);
	background: -o-linear-gradient(left, #44a3ff, #4c7dfd 100%);
	background: linear-gradient(to right, #44a3ff, #4c7dfd 100%);
}

.pageText-processList li.active .info {
	animation: slide_in_stop2 1.5s infinite;
	-webkit-animation: slide_in_stop2 1.5s infinite;
}

@-webkit-keyframes slide_in_stop2 {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slide_in_stop2 {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@media screen and (max-width:1800px) {
	.pageText-processList ul {
		margin: 0 -25px;
	}

	.pageText-processList .item {
		margin: 0 25px;
	}
}

@media screen and (max-width:1680px) {
	.pageText-processList ul {
		margin: 0 -22px;
	}

	.pageText-processList .item {
		margin: 0 22px;
	}
}

@media screen and (max-width:1440px) {
	.pageText-processList ul {
		margin: 0 -20px;
	}

	.pageText-processList .item {
		margin: 0 20px;
	}
}

@media screen and (max-width:1320px) {
	.pageText-processList ul {
		margin: 0 -15px;
	}

	.pageText-processList .item {
		margin: 0 15px;
	}
}

@media screen and (max-width:1220px) {
	.pageText-processList ul {
		margin: 0 -10px;
	}

	.pageText-processList .item {
		margin: 0 10px;
	}

	.pageText-processList .icon {
		width: 60px;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.pageText-processList li:before,
	.pageText-processList li:after {
		top: 90px;
	}

	.pageText-processList .des {
		font-size: 14px;
		padding: 35px 20px;
		height: 120px;
	}

	.pageText-processList h2 {
		font-size: 16px;
		line-height: 50px;
		height: 50px;
		padding: 0 20px;
	}
}

@media screen and (max-width:1150px) {
	.pageText-processList {
		padding-bottom: 60px;
	}

	.pageText-processList ul {
		margin: 0 -8px;
	}

	.pageText-processList .item {
		margin: 0 8px;
	}

	.pageText-processList .icon {
		width: 50px;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}

	.pageText-processList li:before,
	.pageText-processList li:after {
		top: 70px;
	}

	.pageText-processList .des {
		font-size: 14px;
		padding: 20px 20px;
		height: 100px;
	}

	.pageText-processList h2 {
		font-size: 16px;
		line-height: 50px;
		height: 50px;
		padding: 0 20px;
	}
}

@media screen and (max-width:768px) {
	.pageText-processList {
		padding-bottom: 40px;
	}

	.pageText-processList li {
		width: 33.333%;
		margin-bottom: 30px;
	}

	.pageText-processList .icon {
		width: 45px;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}

	.pageText-processList li:before,
	.pageText-processList li:after {
		top: 65px;
	}
}

@media screen and (max-width:550px) {
	.pageText-processList {
		padding-bottom: 30px;
	}

	.pageText-processList li {
		width: 50%;
	}

	.pageText-processList li.li5 {
		width: 100%;
	}

	.pageText-processList .icon {
		width: 40px;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}

	.pageText-processList li:before,
	.pageText-processList li:after {
		top: 60px;
	}
}



/*pageTextTime*/
.pageTextTime {
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	/* margin-bottom:70px;*/
}

.pageTextTime .line {
	display: block;
	width: 1920px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -960px;
	background: url("../images/text-line.png") center center repeat-x;
	z-index: 0;
}

.pageTextTime:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #4b7dfc;
	background: #fff;
	z-index: 1;
}

.pageTextTime:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #4b7dfc;
	background: #fff;
	z-index: 1;
}

.pageTextTimeBox {
	font-size: 16px;
	font-weight: 300;
	color: #9ea0ae;
	line-height: 26px;
	width: 555px;
	margin: 0 auto;
	height: 160px;
	text-align: center;
	padding-top: 57px;
	background: url("../images/bg2.png") center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	z-index: 2;
}

.pageTextTimeBox h2 {
	font-size: 20px;
	color: #000000;
	font-weight: 300;
	line-height: 30px;
}

.pageTextTimeBox strong {
	font-weight: bold;
	color: #4b7dfc;
}

@media screen and (max-width:1220px) {
	.pageTextTimeBox {
		font-size: 14px;
		width: 500px;
		height: 140px;
		padding-top: 50px;
	}

	.pageTextTimeBox h2 {
		font-size: 18px;
	}
}

@media screen and (max-width:1150px) {
	.pageTextTime {
		margin-bottom: 50px;
	}

	.pageTextTimeBox {
		font-size: 14px;
		width: 400px;
		height: 130px;
		padding-top: 40px;
	}

	.pageTextTimeBox h2 {
		font-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.pageTextTime {
		margin-bottom: 30px;
	}

	.pageTextTimeBox {
		font-size: 14px;
		width: 85%;
		height: 130px;
		padding-top: 40px;
	}

	.pageTextTimeBox h2 {
		font-size: 16px;
	}
}



/*index banner2*/
.ind1 .swiper1 .swiper-slide .sbox .wz {
	width: 100%;
	height: 100%;
}

.ind1 .swiper1 .swiper-slide .sbox .wz a {
	height: 100%;
	text-align: center;
	position: relative;
}

.ind1 .swiper1 .swiper-slide .sbox .wzinfo {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	width: 100%;
}

.ind1 .swiper1 .swiper-slide .sbox .wz h2 {
	font-size: 80px;
	color: #fff;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 50px;
	position: relative;
}

.ind1 .swiper1 .swiper-slide .sbox .wz .MoreBtn {
	text-align: center;
}

.ind1 .swiper1 .swiper-slide .sbox .wz .MoreBtn span {
	font-size: 14px;
	line-height: 33px;
	color: #fff;
	display: inline-block;
	padding-right: 45px;
	background: url("../images/more2.png") right center no-repeat;
	background-size: 33px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.ind1 .swiper1 .swiper-slide .sbox .wz .MoreBtn span:hover {
	padding-right: 50px;
}

@media screen and (max-width:1920px) {
	.ind1 .swiper1 .swiper-slide .sbox .wz h2 {
		font-size: 4.166666666666667vw;
		margin-bottom: 2.6vw;
	}
}

@media screen and (max-width:960px) {
	.ind1 .swiper1 .swiper-slide .sbox .wz h2 {
		font-size: 6vw;
		margin-bottom: 4vw;
	}
}



/*indexNewsList补充修改2024*/
/*lind1*/
.indexNewsList li.li1 {
	visibility: hidden;
}

/*indexNewstu*/
.indexNewsList .indexNewstu {
	width: 405px;
	height: 510px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 5px;
	z-index: 2;
}

.indexNewsList .indexNewstu a {
	display: block;
	border-radius: 5px;
	height: 100%;
	overflow: hidden;
}

.indexNewsList .indexNewstu .imgB {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.indexNewsList .indexNewstu .imgB img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
}

.indexNewsList .indexNewstu a,
.indexNewsList .indexNewstu .imgB img {
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.indexNewsList .indexNewstu a:hover .imgB img {
	-moz-transform: scale3d(1.05, 1.05, 1.05);
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-ms-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}

.indexNewsList .indexNewstu .imgB_mb {
	display: none;
}

@media screen and (max-width:1320px) {
	.indexNewsList .indexNewstu {
		width: 305px;
		height: 405px;
	}
}

@media screen and (max-width:768px) {
	.indexNewsList li.li1 {
		visibility: visible;
		display: none !important;
	}

	.indexNewsList .indexNewstu {
		width: 100%;
		height: 100%;
		position: static;
		margin-bottom: 20px;
	}

	.indexNewsList .indexNewstu .imgB {
		position: relative;
		height: auto;
		overflow: hidden;
		display: none !important
	}

	.indexNewsList .indexNewstu .imgB_mb {
		display: block;
	}

	.indexNewsList .indexNewstu .imgB_mb img {
		display: block;
		width: 100%;
	}
}

.fabrief .text {
	margin: 45px auto 0;
}

.fabrief .text p {
	font-size: 18px;
	line-height: 1.8;
	color: #343434;
}

.fabrief .ftldel {
	padding: 50px 0;
}

.fcertifi {

	padding: 60px 0 45px;
	background: url(../images/simg39.jpg) no-repeat center/cover;
}

.fcertifi .rts .flistix {

	/* padding: 55px 0 60px 160px; */

}

.fcertifi .lts {

	float: left;
	width: 350px;

	/* margin-top: 170px; */

}

.fcertifi .lts .ls {

	margin-bottom: 25px;
	position: relative;

}

.fcertifi .lts .ls::after {

	position: absolute;
	z-index: 11;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	right: -12px;

	opacity: 0;
	width: 12px;
	height: 24px;
	background: url(../images/fc16.png) no-repeat center/cover;

}

.fcertifi .lts .ls.on::after,

.fcertifi .lts .ls:hover::after {

	opacity: 1;

}

.fcertifi .lts .ls a {

	display: block;
	width: 100%;

	background: #ffffff;
	transition: all 0.3s;

	font-size: 24px;
	line-height: 100px;

	text-align: center;
	color: #333;

}

.fcertifi .lts .ls.on a,

.fcertifi .lts .ls a:hover {

	background: url(../images/cbg2.jpg) no-repeat center/cover;

	color: #fff;

}

.fcertifi .lts .ls::before {

	position: absolute;
	z-index: 11;
	content: "";

	width: 2px;
	top: 0;
	bottom: 0;
	background: #147eec;

	left: 0;
	transition: all 0.3s;

}

.fcertifi .rts {

	float: right;
	width: calc(100% - 445px);
	overflow: hidden;

}

.fcertifi .rts .lis {

	display: none;

}

.fcertifi .rts .lis:first-child {

	display: block;

}

.fcertifi .rts .lis .tols {

	text-align: center;

}

.fcertifi .rts .lis .tols .img {

	display: inline-block;
	margin: 0 36px;

	width: 17%;
	height: auto;

}

.fcertifi .rts .lis .tols .img img {

	display: block;
	width: 100%;

}

.fcertifi .rts .lis .toicon {

	margin: 8px auto 0;
	padding: 10px 20px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

	background: #fff;

}

.fcertifi .rts .lis .toicon .ico {

	float: left;
	width: calc((100% - 42px)/9);
	margin-right: 5px;

	height: 86px;
	position: relative;

}

.fcertifi .rts .lis .toicon .ico:nth-child(9n) {

	margin-right: 0;

}

.fcertifi .rts .lis .toicon .ico img {

	display: block;
	position: absolute;
	z-index: 11;

	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;

	max-width: 70%;
	max-height: 70%;

}

.my_header {
	background-color: transparent;
	position: absolute;
	top: 0;
	z-index: 999;
}

.fabrief .list {
	background: #fafcff;
	padding: 45px 0 80px;
}

.fabrief .list ul {
	padding: 0 14%;
	position: relative;
}

.fabrief .list .vs {
	position: absolute;
	z-index: 11;
	top: 11px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 44px;
}

.fabrief .list .vs img {
	display: block;
	width: 100%;
}

.fabrief .list li {
	float: left;
	width: calc((100% - 80px)/2);
}

.fabrief .list li:nth-child(2n) {
	float: right;
}

.fabrief .list li h2 {
	text-align: center;
	font-size: 36px;
	line-height: 1.4;
	color: #333333;
	font-weight: bold;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fabrief .list li .dels {
	margin-top: 52px;
}

.fabrief .list li .dels {
	border: 2px solid rgba(66, 151, 238, 0);
}

.fabrief .list li.on .dels {
	background: #fff;
	border: 2px solid #4297ee;
	border-radius: 3px;
	position: relative;
	box-shadow: 0 0 40px 10px #ebedef;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.fabrief .list li .dels .ico {
	display: none;
}

.fabrief .list li.on .dels .ico {
	position: absolute;
	z-index: 33;
	right: 30px;
	top: -32px;
	display: block;
	height: 82px;
	width: 82px;
	border-radius: 50%;
	overflow: hidden;
}

.fabrief .list li.on .dels .ico img {
	display: block;
	width: 100%;
	height: 100%;
}

.fabrief .list li .dels dd {
	border-bottom: 1px solid #ebebeb;
	padding: 35px 30px 25px 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.fabrief .list li .dels dd:last-child {
	border-bottom: none;
}

.fabrief .list li .dels dd h4 {
	font-size: 20px;
	line-height: 1.4;
	color: #333333;
	font-weight: bold;
}

.fabrief .list li .dels dd h4 {
	color: #137eec;
}

.fabrief .list li .dels dd h6 {
	margin-top: 6px;
	font-size: 20px;
	line-height: 1.4;
	color: #848383;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}