﻿body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
textarea,
select,
input {
	margin: 0;
	padding: 0;
	outline: none
}

ol,
ul {
	list-style: none;
}

html {
	-webkit-text-size-adjust: none;
}

body {
	color: #333333;
	font-family: 'PingFang SC', -apple-system-font, BlinkMacSystemFont, 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif;
	overflow-x: hidden;
	line-height: 1.8;
	padding-top: 70px;
}

img {
	display: block;
	max-width: 100%;
	border: none
}

/*a 链接*/

a {
	text-decoration: none;
	outline: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	color: #333333;
}

a:hover {
	color: #0f51aa
}

/*居中*/
.juzhong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.juzhong2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.erduan {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

.shang {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.xia {
	display: flex;
	align-items: flex-end;
	flex-direction: row;
	justify-content: space-between;
}

.xiazuo {
	display: flex;
	align-items: flex-end;
	flex-direction: row;
	flex-direction: row;
	justify-content: flex-start;
}

.shangzhong {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.shangzuo {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.shangyou {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.shangerduan {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.zuo {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
}

.you {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
}


/**上对齐*/
.upshang {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.shangxia {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}


/*浮动*/
.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.clear {
	clear: both
}

.clearfix {
	*zoom: 1;
}

.clearfix:after {
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: '\20';
}



/* HTML5 重置为较旧版本的浏览器 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

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

/* 按钮样式 */

input[type="text"],
input[type="button"],
button,
textarea,
select,
input[type="checkbox"] {
	font-size: 100%;
	outline: none;
	resize: none;
	font-family: "exo_2.0light", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	-webkit-appearance: none;
}

input[type="button"] {
	cursor: pointer;
	border: 0;
}

input[type="submit"] {
	cursor: pointer;
	border: 0
}

input[type="reset"] {
	cursor: pointer;
	border: 0
}

/*删除火狐下按钮默认样式*/
input {
	-webkit-appearance: none;
}

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: none;
	padding: 0;
	-webkit-appearance: none;
}

i,
em {
	font-style: normal
}


/**手机横屏提示*/

.mobile_show {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 99999999999999999;
	background: #000000;
	display: none
}

.mobile_showbox {
	position: absolute;
	left: 50%;
	color: #fff;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%
}

.mobile_showbox img {
	width: 60px;
	margin: 0 auto;
}

.mobile_showbox p {
	font-size: 16px;
	margin-top: 20px;
}

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

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

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

@font-face {
	font-family: 'DINPro';
	src: url('../font/DINPro-Medium.eot');
	src: url('../font/DINPro-Medium.eot') format('embedded-opentype'),
		url('../font/DINPro-Medium.woff2') format('woff2'),
		url('../font/DINPro-Medium.woff') format('woff'),
		url('../font/DINPro-Medium.ttf') format('truetype'),
		url('../font/DINPro-Medium.svg') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DINPro';
	src: url('../font/DINPro-Black.eot');
	src: url('../font/DINPro-Black.eot') format('embedded-opentype'),
		url('../font/DINPro-Black.woff2') format('woff2'),
		url('../font/DINPro-Black.woff') format('woff'),
		url('../font/DINPro-Black.ttf') format('truetype'),
		url('../font/DINPro-Black.svg') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'DINPro';
	src: url('../font/DINPro-Regular.eot');
	src: url('../font/DINPro-Regular.eot') format('embedded-opentype'),
		url('../font/DINPro-Regular.woff2') format('woff2'),
		url('../font/DINPro-Regular.woff') format('woff'),
		url('../font/DINPro-Regular.ttf') format('truetype'),
		url('../font/DINPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.nav-btnbox {
	display: none
}

.pd2 {
	padding-top: 2%;
	padding-bottom: 2%
}

.pd3 {
	padding-top: 3%;
	padding-bottom: 3%
}

.pd4 {
	padding-top: 4%;
	padding-bottom: 4%
}

.pd5 {
	padding-top: 5%;
	padding-bottom: 5%
}

.pd6 {
	padding-top: 6%;
	padding-bottom: 6%
}

.pd7 {
	padding-top: 7%;
	padding-bottom: 7%
}

.pd8 {
	padding-top: 8%;
	padding-bottom: 8%
}


.mtb3 {
	margin-top: 3%;
	margin-bottom: 3%
}

.mtb4 {
	margin-top: 4%;
	margin-bottom: 4%
}

.mtb5 {
	margin-top: 5%;
	margin-bottom: 5%
}

.mtb6 {
	margin-top: 6%;
	margin-bottom: 6%
}

.mtb2 {
	margin-top: 2%;
	margin-bottom: 2%
}


.mt1 {
	margin-top: 1%
}

.mt2 {
	margin-top: 2%
}

.mt3 {
	margin-top: 3%
}

.mt4 {
	margin-top: 4%
}

.mt5 {
	margin-top: 5%
}

.mt6 {
	margin-top: 6%
}

.mt7 {
	margin-top: 7%
}

.mt8 {
	margin-top: 8%
}

.mt9 {
	margin-top: 9%
}

.mt10 {
	margin-top: 10%
}

.pt2 {
	padding-top: 2%
}

.pt3 {
	padding-top: 3%
}

.pt4 {
	padding-top: 4%
}

.pt5 {
	padding-top: 5%
}

.pt6 {
	padding-top: 6%
}

.pt7 {
	padding-top: 7%
}

.pt8 {
	padding-top: 8%
}


.pb2 {
	padding-bottom: 2%
}

.pb3 {
	padding-bottom: 3%
}

.pb4 {
	padding-bottom: 4%
}

.pb5 {
	padding-bottom: 5%
}

.pb6 {
	padding-bottom: 6%
}

.pb7 {
	padding-bottom: 7%
}

.mr30 {
	margin-right: 30px;
}

.mr20 {
	margin-right: 20px;
}

.wow:nth-child(1) {
	animation-delay: 0.1s;
}

.wow:nth-child(2) {
	animation-delay: 0.2s;
}

.wow:nth-child(3) {
	animation-delay: 0.3s;
}

.wow:nth-child(4) {
	animation-delay: 0.4s;
}

.wow:nth-child(5) {
	animation-delay: 0.5s;
}

.wow:nth-child(6) {
	animation-delay: 0.6s;
}

.wow:nth-child(7) {
	animation-delay: 0.7s;
}

.wow:nth-child(8) {
	animation-delay: 0.8s;
}



/*省略号*/
.oneline {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.twoline {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.threeline {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.fourline {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
}

.fiveline {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical;
}

.sixline {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	line-clamp: 6;
	-webkit-box-orient: vertical;
}

.wapshow {
	display: none
}

.bigpic {
	overflow: hidden;
	position: relative
}

.bigpic img {
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	-ms-transition: 1s all;
	width: 100%
}

a:hover .bigpic>img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

li:hover .bigpic>img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.bigpic:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-50px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-50px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-50px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-50px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}


.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.mainbox {
	margin: 0 auto;
	max-width: 1400px;
	width: 86%
}

.logo {
	width: 20%;
	/* max-width: 100px; */
}

.top {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 12;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	top: 0px;
	background: #fff;
}

.top.cur {
	background: #ffffff;
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.02);
}

.top:hover {
	background: #ffffff;
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.02);
}

.top>.mainbox {
	height: 70px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	width: 95%;
	z-index: 2;
}

.nytop {
	background: #ffffff;
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.02);
}

.topright {
	width: calc(100% - 300px);
}

.logo {
	width: 150px;
}


.nav {
	width: 65%;
	max-width: 880px;
}

.nav li {
	position: relative
}

.nav li>a {
	position: relative;
	display: block;
	line-height: 70px;
	padding-right: 20px;
	font-weight: bold
}

.nav li.cur>a {
	color: #0f51aa;
}

.nav li:hover>a {
	color: #0f51aa;
}

/* .nav li.cur>a:before {
	background: url("../image/arrowDh.svg") no-repeat center center;
	background-size: 100% auto;
}

.nav li:hover>a:before {
	background: url("../image/arrowDh.svg") no-repeat center center;
	background-size: 100% auto;
	transform: rotate(-180deg);
	top: 38%;
}

.nav li>a:before {
	content: '';
	position: absolute;
	right: 0%;
	top: 50%;
	transform: translate(0, -50%);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: url("../image/arrowD.svg") no-repeat center center;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
} */

.nav li:nth-child(1)>a:before,
.nav li:nth-child(2)>a:before,
.nav li:nth-child(3)>a:before,
.nav li:nth-child(4)>a:before,
.nav li:nth-child(7)>a:before {
	display: none
}

.nav li:nth-child(5),
.nav li:nth-child(6) {
	position: relative
}


.navdown {
	width: 200px;
	position: absolute;
	left: -30px;
	top: 70px;
	background: rgba(255, 255, 255, 1);
	display: none;
	z-index: 2;
	padding: 15px 0px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.navdown span {
	display: block;
	line-height: 30px;
	padding: 5px 20px 5px 30px;
}





.tel {
	margin-right: 40px;
	font-family: 'DINPRO';
}

.tel a {
	color: #0f51aa;
	position: relative;
	font-size: 20px;
	font-weight: 500
}

.telico img {
	width: 10px;
}

.telico {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px solid #0f51aa;
	margin-right: 6px;
	animation: ring1 2.2s ease infinite;
}

@keyframes ring1 {
	0% {
		transform: rotate(0);
	}

	15% {
		transform: rotate(25deg);
	}

	30% {
		transform: rotate(0);
	}

	45% {
		transform: rotate(25deg);
	}

	60% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(0);
	}
}

.morebtn {
	line-height: 38px;
	text-align: center;
	color: #ffffff;
	background: #0f51aa;
	border-radius: 38px;
	padding: 0px 10px 0px 15px;
	position: relative;
	overflow: hidden;
	max-width: 140px;
}

.morebtn.duan {
	max-width: 100px;
}

.morebtn.chang {
	max-width: 180px;
}

.morebtn span {
	position: relative;
	z-index: 2
}

.morebtn em {
	position: relative;
	z-index: 2;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.morebtn em {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background: url("../image/youshang.svg") no-repeat center center;
	background-size: 70% auto;
	margin-left: 8px;
}

.morebtn:before {
	content: '';
	position: absolute;
	left: -100%;
	top: 0px;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #3675ff, #64d8e1);
	z-index: 1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border-radius: 38px;
}

.morebtn:hover em {
	background: url("../image/youshang2.svg") no-repeat center center #ffffff;
	background-size: 70% auto;
}

.morebtn:hover span {
	color: #ffffff
}

.morebtn:hover:before {
	left: 0px;
}

.morebtn.morebtn2 {
	color: #0f51aa;
	background: none;
	border: 1px solid #0f51aa
}

.morebtn.morebtn2 em {
	background: url("../image/youshang2.svg") no-repeat center center;
	background-size: 70% auto;
}

.morebtn.morebtn2:hover {
	border: 1px solid #f7faff
}

.morebtn.morebtn2:hover em {
	background: url("../image/youshang2.svg") no-repeat center center #ffffff;
	background-size: 70% auto;
}

.morebtn.morebtn3 {
	color: #999999;
	background: none;
	border: 1px solid #999999
}

.morebtn.morebtn3 em {
	background: url("../image/youshang3.svg") no-repeat center center;
	background-size: 70% auto;
}

.morebtn.morebtn3:hover {
	border: 1px solid #ffffff
}

.morebtn.morebtn3:hover em {
	background: url("../image/youshang2.svg") no-repeat center center #ffffff;
	background-size: 70% auto;
}


a:hover .morebtn em {
	background: url("../image/youshang2.svg") no-repeat center center #ffffff;
	background-size: 70% auto;
}

a:hover .morebtn span {
	color: #ffffff
}

a:hover .morebtn:before {
	left: 0px;
}

a:hover .morebtn.morebtn3 {
	border: 1px solid #ffffff
}

a:hover .morebtn.morebtn3 em {
	background: url("../image/youshang2.svg") no-repeat center center #ffffff;
	background-size: 70% auto;
}




.banner {
	position: relative;
	z-index: 1
}

.banner .swiper-pagination {
	z-index: 9;
	transform: translate(-50%, 0);
	left: 50%;
	bottom: 20px;
	width: 86%;
	max-width: 1400px;
}

.banner .swiper-pagination-bullet {
	background: rgba(0, 0, 0, 0.2);
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	border-radius: 0%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border-radius: 10px;
}

.banner .swiper-pagination-bullet-active {
	background: #0f51aa;
	width: 40px;
}

.banner .swiper-slide img {
	width: 100%;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.banner .swiper-slide-active>img {
	transform: scale(1.01, 1.01);
	transition: transform 5000ms ease;
}


.bantxt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.bantxt .mainbox {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.banner .swiper-slide-active .bantxt .mainbox {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}


.bantxt h2 {
	font-size: 60px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	font-weight: 500
}

.bantxt h2 span {
	font-weight: 300
}

.bantxt p {
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: 1px;
	font-weight: 400
}

.banwenzi {
	max-width: 850px;
	line-height: 1
}

.banner .swiper-button-prev {
	left: 1%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	opacity: 0;
	visibility: hidden;
	background: rgba(255, 255, 255, 0.3);
	width: 46px;
	height: 46px;
	border-radius: 100%
}

.banner .swiper-button-next {
	right: 1%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	opacity: 0;
	visibility: hidden;
	background: rgba(255, 255, 255, 0.3);
	width: 46px;
	height: 46px;
	border-radius: 100%
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
	color: rgba(255, 255, 255, 0.8);
	font-size: 20px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	font-weight: bold
}

.banner .swiper-button-next:hover:after,
.banner .swiper-button-prev:hover:after {
	color: rgba(255, 255, 255, 1);
}

.banner:hover .swiper-button-prev,
.banner:hover .swiper-button-next {
	opacity: 1;
	visibility: visible
}

.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover {
	background: rgba(255, 255, 255, 0.6);
}

.huisebj {
	background: #f7faff;
	overflow: hidden
}

.huisebjtwo {
	background: #f7faff;
}

.sytit {
	text-align: center
}

.sytit h2 {
	font-size: 30px;
	font-weight: normal
}

.sytit h2 span {
	background: -webkit-linear-gradient(left, #0f51aa, #62d3e1);
	-webkit-background-clip: text;
	color: transparent;
	font-weight: 500;
	font-family: 'DINPRO';
}

.sytit h2 em {
	background: -webkit-linear-gradient(left, #0f51aa, #62d3e1);
	-webkit-background-clip: text;
	color: transparent;
	font-weight: 500;
	font-family: 'DINPRO';
}

.sytit p {
	color: #999999;
	margin-top: 10px;
}

.shadow {
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
}

.sybusiness li {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	width: calc(50% - 40px);
	margin-left: 40px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

.sybusiness ul {
	width: calc(100% + 40px);
	margin-left: -40px;
}

.business_top img {
	width: 20%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.sybusiness li:nth-child(1) .business_top {
	background: url("../image/syywtop01.jpg") no-repeat center center;
	background-size: cover
}

.sybusiness li:nth-child(2) .business_top {
	background: url("../image/syywtop02.jpg") no-repeat center center;
	background-size: cover
}

.sybusiness li:nth-child(3) .business_top {
	background: url("../image/syywtop03.jpg") no-repeat center center;
	background-size: cover
}

.sybusiness li:nth-child(4) .business_top {
	background: url("../image/syywtop04.jpg") no-repeat center center;
	background-size: cover
}

.sybusiness li:hover .business_top img {
	transform: translateY(-10px)
}

.sybusiness li:hover .business_top p {
	font-weight: bold
}

.business_top {
	padding: 20px 30px;
}

.business_top p {
	font-size: 24px;
	color: #0f51aa;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.business_top span {
	color: #999999
}

.business_bot {
	padding: 30px;
}

.business_bot span {
	width: calc(50% - 40px);
	color: #666666;
	padding: 10px 20px;
	position: relative
}

.business_bot span:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #999;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	border-radius: 100%
}

.fudong {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
	width: 50px;
	z-index: 4;
}

.fudong ul {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	border-radius: 50px;
	background: #fff;
}

.fudong li {
	text-align: center;
	position: relative;
}

.fudong li a {
	padding: 10px 0px;
	display: block
}

.fudong li a>p {
	line-height: 1.2;
	margin-top: 5px;
	font-size: 12px;
}

.fudong li a>img {
	max-width: 26px;
	max-height: 26px;
	margin: 0 auto
}

.fudong li:first-child {
	background: linear-gradient(to bottom, #1b5ab0, #387edd);
	border-radius: 50px;
	overflow: hidden
}

.fudong li:first-child a {
	color: #fff;
}

.fudong li:first-child p {
	width: 20px;
	margin: 0 auto;
	line-height: 1.2;
	margin-top: 5px;
	font-size: 16px;
}

.fudong_down {
	position: absolute;
	width: 160px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	right: 70px;
	top: 0px;
	background: #fff;
	padding: 20px;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border-radius: 10px;
}

.fudong_down p {
	margin-bottom: 10px
}

.fudong_down span {
	font-size: 24px;
	color: #3f7cff;
	font-weight: 500;
	font-family: 'DINPRO';
}

.fudong_down:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #ffffff;
	position: absolute;
	left: 100%;
	top: 20px;
}

.mabsx {
	width: 100px;
	text-align: center
}

.mabsx p {
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 14px;
}

.fudong li:hover .fudong_down {
	opacity: 1;
	visibility: visible;
	right: 60px;
}

.topup {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	margin-top: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	background: #ffffff
}

.topup img {
	width: 20px;
}

.fudong a img.hide {
	display: none
}

.fudong a:hover img.show {
	display: none
}

.fudong a:hover img.hide {
	display: block
}

.syabouttxt {
	text-align: center;
	color: #666666
}

.syabouttxt .morebtn {
	margin: 0 auto
}

.syabouttxt p {
	font-size: 18px;
	padding: 20px 0px 40px;
}

.syaboutbox {
	position: relative
}

.syaboutimg {
	mix-blend-mode: multiply;
	opacity: 0.3;
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0px;
	top: 0px;
}

.syaboutzd {
	position: relative;
	z-index: 2
}


.syabouthezi li {
	border-radius: 20px;
	width: calc(50% - 40px);
	margin-left: 40px;
	margin-top: 40px;
	position: relative;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	min-height: 280px
}

.syabouthezi ul {
	width: calc(100% + 40px);
	margin-left: -40px;
}

.syabnumtxt {
	padding: 40px;
	color: #ffffff
}

.ayabnumico img {
	max-height: 100%;
}

.ayabnumico {
	height: 50px;
	width: 80px;
}


.syabnumtxt p {
	margin-top: 20px;
	line-height: 1.2;
	font-family: 'DINPRO';
}

.syabnumtxt p em {
	font-size: 70px;
	font-weight: 500;
	margin-right: 10px;
}

.syabnumtxt p i {
	font-size: 30px;
}

.syabnumtxt p i.samll {
	font-size: 18px
}

.swiper-container {
	overflow: hidden
}

.syabnumtxt span {
	font-size: 18px;
	margin-top: 20px;
	display: block
}

.syabnumber .swiper-slide {
	background-image: linear-gradient(120deg, #3675ff, #63d7e1);
	border-radius: 20px;
	overflow: hidden
}

.syabnumber .swiper-container {
	overflow: hidden;
	border-radius: 20px;
}

.syabnumber .swiper-pagination {
	z-index: 9;
	transform: translate(0, -50%);
	left: auto;
	right: 30px;
	bottom: auto;
	top: 50%;
	width: 6px;
}

.syabnumber .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
	width: 6px;
	height: 6px;
	margin: 10px 0px !important;
	border-radius: 0%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border-radius: 10px;
	display: block
}

.syabnumber .swiper-pagination-bullet-active {
	background: #ffffff;
	height: 20px;
}

.syabculture {
	background-image: linear-gradient(120deg, #8eb4e1, #5a90cd);
	color: #fff
}


.syabculturetxt {
	padding: 40px;
}

.syabculturetxt span {
	font-size: 18px;
	display: block
}

.syabculturetxt p {
	font-size: 30px;
	line-height: 1.4;
	margin-top: 30px;
}

.syabculturetxt img {
	position: absolute;
	bottom: 0px;
	right: -2%;
	z-index: 2;
	max-width: 40%
}

.syablilian {
	background: url("../image/lilianbj.jpg") no-repeat center center;
	background-size: cover;
	color: #ffffff
}

.syabmubiao {
	background: #ffffff
}


.syabculturetxt p b {
	font-weight: normal
}

.syabculturetxt p.cd-headline {
	max-width: 320px;
}

.zhengyanbox {
	position: relative;
}

.zhengyanbox .swiper-pagination {
	z-index: 9;
	transform: translate(-50%, 0);
	left: 50%;
	bottom: 0px;
	width: 86%;
	max-width: 1400px;
}

.zhengyanbox .swiper-pagination-bullet {
	background: rgba(0, 0, 0, 0.2);
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	border-radius: 0%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border-radius: 10px;
}

.zhengyanbox .swiper-pagination-bullet-active {
	background: #0f51aa;
	width: 40px;
}

.zhengyanbox .swiper-container {
	padding: 0px 0px 50px;
	overflow: hidden
}

.zhengyanbox .swiper-slide {
	width: 50%
}

.zytxts {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	overflow: hidden;
	padding: 40px;
}

.keboxtop {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding-bottom: 30px;
}

.khlogo {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	border: 1px solid rgba(0, 0, 0, 0.05);
	overflow: hidden
}

.khlogo img {
	max-height: 100%
}

.khtxt {
	width: calc(100% - 100px);
}

.khtxt p {
	font-size: 24px;
}

.khtxt span {
	display: block;
	margin-top: 5px;
	color: #999999;
	font-size: 14px;
	line-height: 1.6;
}

.keboxbot {
	padding-top: 30px;
	color: #666666;
	min-height: 60px;
}

.sypartner {
	background: url("../image/bjs.png") no-repeat top center;
	background-size: 100% auto
}

.sypartner_logo {
	border-top: 1px solid rgba(0, 0, 0, 0.05)
}

.sypartner_logo_left {
	width: 30%
}

.sypartner_logo_right {
	width: 55%;
	position: relative;
	padding-bottom: 40px
}


.sypartner_logo_right .swiper-pagination {
	z-index: 9;
	transform: translate(-50%, 0);
	left: 50%;
	bottom: 0px;
	width: 86%;
	max-width: 1400px;
}

.sypartner_logo_right .swiper-pagination-bullet {
	background: rgba(0, 0, 0, 0.2);
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	border-radius: 0%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border-radius: 10px;
}

.sypartner_logo_right .swiper-pagination-bullet-active {
	background: #0f51aa;
	width: 40px;
}

.sypartner_logo_right .swiper-slide a {
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.02);
	display: block;
	margin: 5px;
}


.sypartner_logo_right li {
	width: calc(20% - 10px);
	margin-left: 10px;
	margin-top: 10px;
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.02);
	cursor: pointer;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.sypartner_logo_right li:hover {
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.04)
}

.sypartner_logo_right ul {
	width: calc(100% + 10px);
	margin-left: -10px;
}

.sypartner_logo_left h4 {
	position: relative;
	padding-left: 15px;
	font-weight: normal;
}

.sypartner_logo_left h4:before {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	background: #3675ff;
	border-radius: 100%
}

.sypartner_logo_left li {
	padding: 20px 0px;
	font-family: 'DINPRO';
}

.sypartner_logo_left li p {
	margin-bottom: 10px;
	font-size: 14px;
	color: #666666
}

.sypartner_logo_left li p em {
	font-size: 50px;
	font-weight: 500;
	line-height: 1;
	color: #333333;
}

.sypartner_logo_left li span {
	height: 8px;
	border-radius: 10px;
	background: linear-gradient(to right, #87acff, #0f51aa);
	display: block;
	-webkit-transition: width 2s;
	transition: width 2s;
	transition-timing-function: ease;
}

.sypartner_logo_left li span.bars {
	width: 0px !important;
}

.sytitleft {
	text-align: left
}

.synewsnav {
	width: 40%;
	max-width: 300px;
}

.synewsnav ul {
	background: #ffffff;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 10px;
	border-radius: 80px;
}

.synewsnav li {
	width: 46%;
	text-align: center;
}

.synewsnav li a {
	line-height: 36px;
	border-radius: 36px;
	display: block;
	overflow: hidden
}

.synewsnav li a span {
	position: relative;
	z-index: 3
}

.synewsnav li.cur a {
	background: #0f51aa;
	color: #ffffff;
	position: relative
}

.synewsnav li.cur a:before {
	content: '';
	position: absolute;
	left: -100%;
	top: 0px;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #3675ff, #64d8e1);
	z-index: 1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border-radius: 36px;
}

.synewsnav li.cur a:hover:before {
	left: 0px;
}

.synewsbox_left {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	width: calc(50% - 20px);
}

.synewsbox_txt {
	padding: 20px 30px;
}

.synewsbox_txt h4 {
	font-weight: normal;
	font-size: 20px;
}

.synewsbox_txt p {
	color: #666666;
	margin: 5px 0px 10px;
}

.synewsbox_txt span {
	display: block;
	color: #999999;
	font-size: 14px;
	background: url("../image/time.svg") no-repeat left center;
	background-size: 14px auto;
	padding-left: 20px;
}

.synewsbox_right {
	width: calc(50% - 20px);
}

.synewsbox_right ul {
	height: 100%
}

.synewsbox_right li {
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	height: calc(33.33% - 15px)
}


.synewsmore p {
	display: none
}

.synewsmore p:first-child {
	display: block
}

.synewsbox {
	display: none
}

.synewsbox:first-child {
	display: block
}

.foot_zixun {
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	margin: 50px 0px;
	background: url("../image/dizixun.jpg") no-repeat center center;
	background-size: cover;
	text-align: center;
	padding: 70px 30px
}

.foot_zixun a {
	margin: 0 auto
}

.foot_zixun h3 {
	font-size: 30px;
	margin-bottom: 30px;
}

.foot_zixun h3 span {
	background: -webkit-linear-gradient(left, #0f51aa, #62d3e1);
	-webkit-background-clip: text;
	color: transparent;
}

.foot_zixun h3 em {
	background: -webkit-linear-gradient(left, #0f51aa, #62d3e1);
	-webkit-background-clip: text;
	color: transparent;
}

.footerbj {
	background: #0f51aa;
	color: #ffffff
}

.foot_cont {
	width: 20%
}

.footer_top h4 {
	font-size: 20px;
	font-weight: normal
}

.foot_cont li {
	margin-top: 20px;
}

.foot_cont li span {
	font-size: 24px;
	line-height: 1;
	font-family: 'DINPRO';
}

.foot_cont li p:nth-child(2) {
	font-size: 14px;
}


.foot_cont li a {
	color: #ffffff
}

.foot_cont li a:hover {
	color: #0f51aa
}

.foot_nav {
	width: 20%
}

.foot_nav p a {
	color: rgba(255, 255, 255, 0.5)
}

.foot_nav p a:hover {
	color: rgba(255, 255, 255, 1)
}

.foot_nav_list {
	margin: 20px 0px;
	line-height: 2;
	margin-top: 5px;
}

.foot_nav_list span {
	color: rgba(255, 255, 255, 0.5);
	display: block
}

.shares {
	margin-top: 10px;
}

.shares li {
	position: relative;
	margin-right: 20px;
}

.shares li a>img {
	height: 16px;
	opacity: 0.5
}

.shares li a:hover>img {
	opacity: 1
}

.erweima {
	position: absolute;
	left: 50%;
	bottom: 25px;
	width: 120px;
	transform: translate(-50%, 0);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
	opacity: 0;
	visibility: hidden;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	z-index: 99999;
	padding: 2px;
	background: #fff;
	border-radius: 5px;
}

.erweima:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	left: 50%;
	bottom: -5px;
	transform: translate(-50%, 0%);
	position: absolute
}

.shares li:hover .erweima {
	opacity: 1;
	visibility: visible
}

.foot_from {
	width: 45%
}


.foot_from ul {
	width: calc(100% + 40px);
	margin-left: -40px;
}

.foot_from li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	width: calc(50% - 40px);
	margin-left: 40px;
	margin-top: 30px;
}

.inputtxt {
	height: 50px;
	background: none;
	border: none;
	color: #ffffff;
	width: 100%;
	font-size: 14px;
}

.inputtxt::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.3);
}

.inputtxt::-moz-placeholder {
	color: rgba(255, 255, 255, 0.3);
}

.inputtxt:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.3);
}

.foot_from li:last-child {
	width: calc(100% - 40px);
	border: none;
	margin-top: 40px;
}

.tijiaos {
	height: 40px;
	padding: 0px 30px;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	background: none;
	color: #ffffff;
	border-radius: 40px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.tijiaos:hover {
	background: #0f51aa;
	border: 1px solid #0f51aa !important
}

.codema {
	width: 80px;
}

.footer_bot {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px 0px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5)
}

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

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

.footer_bot span em {
	padding: 0px 10px;
}



.shengqibj .mainbox {
	max-width: 1000px;
}

.shengqibj {
	background: url("../image/bjb.jpg") no-repeat center center;
	background-size: cover
}

.biaodan {
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	overflow: hidden
}

.biaoright {
	width: 50%
}

.biaoleft {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 50%
}

.biaoright ul {
	width: calc(100% - 60px);
	margin-left: -20px;
	padding: 40px;
}

.biaoright li {
	width: calc(100% - 20px);
	margin: 10px 0px;
	margin-left: 20px;
}

.biaoright li.wh50 {
	width: calc(50% - 20px);
}


.frosm {
	border: 1px solid #cccccc;
	border-radius: 4px;
	overflow: hidden
}

.inputtxts {
	width: calc(100% - 30px);
	padding: 0px 15px;
	height: 40px;
	border: none
}

.inputtxts.w50 {
	width: calc(50% - 30px)
}

.cade {
	color: #0f51aa;
	padding-right: 15px;
}

.biaoright li p {
	color: #666;
	margin-bottom: 10px
}

.tijiaobtn {
	width: 100%;
	height: 48px;
	background: #0f51aa;
	color: #ffffff;
	border-radius: 4px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.tijiaobtn:hover {
	background: #6f9dff;
}

.biaoright li:nth-child(7) {
	margin-top: 10px;
	margin-bottom: 20px
}


.checks {
	background: #fff;
	width: 16px;
	height: 16px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}

.checks:checked {
	border-color: #0f51aa;
	background: url("../image/dui.svg") no-repeat center center #0f51aa;
	background-size: 80% auto;
}


.nybanner>img {
	width: 100%
}

.nybanner {
	position: relative;
	z-index: 1
}

.nybantxt {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%)
}

.nybantxt h2 {
	font-size: 40px;
}

.nybantxt p {
	color: #666666
}

.nybantxt2 {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	color: #ffffff
}

.nybantxt2 h2 {
	font-size: 40px;
}

.nybantxt2 p {}



.casetit dl:last-child {
	border: none
}

.casetit dl {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	padding: 20px 0px;
}

.casetit dt {
	width: 80px;
	font-weight: bold
}

.casetit dd {
	width: calc(100% - 80px);
}

.casetit dd a {
	height: 30px;
	padding: 0px 15px;
	border-radius: 30px;
	color: #666666;
	margin-bottom: 10px;
	line-height: 30px;
}

.casetit dd a:hover {
	color: #0f51aa
}

.casetit dd a.cur {
	background: #0f51aa;
	color: #ffffff
}

.caselist ul {
	width: calc(100%% + 30px);
	margin-left: -30px;
}

.caselist li {
	width: calc(33.33% - 30px);
	margin-top: 30px;
	margin-left: 30px;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	overflow: hidden
}

.caselist li a {
	padding: 20px;
	display: block
}

.caselist li a .bigpic {
	border-radius: 20px;
}

.casetxt {
	padding: 30px 0px;
}

.casetxt span em {
	height: 30px;
	background: #e7f1ff;
	color: #0f51aa;
	border-radius: 30px;
	padding: 0px 10px;
	margin-right: 10px;
	font-size: 14px;
	display: inline-block;
	line-height: 30px;
}

.casetxt p {
	color: #666666;
	padding: 20px 0px 30px;
}

.caselogo {
	height: 30px;
}

.caselogo img {
	max-height: 100%;
}

.page a {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	text-align: center;
	line-height: 35px;
	border: 1px solid #e7e7e7;
	margin: 0px 3px;
	color: #666666;
	font-family: arial;
	background: #ffffff
}

.page a:hover {
	background: #0f51aa;
	border: 1px solid #0f51aa;
	color: #ffffff;
}

.page a em {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	display: block
}

.page a.cur {
	color: #ffffff;
	background: #0f51aa;
	border: 1px solid #0f51aa;
}

.pageprev em {
	background: url("../image/zuo.svg") no-repeat center center;
	background-size: 30% auto
}

.pageprev em:hover {
	background: url("../image/zuo2.svg") no-repeat center center;
	background-size: 30% auto
}

.pagenext em {
	background: url("../image/you.svg") no-repeat center center;
	background-size: 30% auto
}

.pagenext em:hover {
	background: url("../image/you2.svg") no-repeat center center;
	background-size: 30% auto;
	transition: none
}

.miaobao {
	color: #999
}

.miaobao a {
	color: #999
}

.miaobao a:hover {
	color: #0f51aa;
}

.miaobao em {
	padding: 0px 5px;
}

.nynewstop {
	background: #ffffff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 20px;
}

.nynewstop .bigpic {
	order: 2;
	width: 50%
}

.nynewstxt {
	width: calc(50% - 100px);
	padding: 30px 50px
}

.newsico {
	background: url("../image/time.svg") no-repeat left center;
	background-size: 14px auto;
	padding-left: 20px;
	color: #999999
}

.nynewstxt h4 {
	font-size: 24px;
	margin: 10px 0px;
	font-weight: normal
}

.nynewstxt p {
	color: #666666;
	margin-bottom: 30px;
}


.nynewsbox ul {
	width: calc(100%% + 30px);
	margin-left: -30px;
}

.nynewsbox li {
	width: calc(33.33% - 30px);
	margin-top: 30px;
	margin-left: 30px;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	overflow: hidden
}

.nynewsbox li a {
	padding: 30px;
	display: block
}

.nynewsbox li a h4 {
	font-weight: normal;
	font-size: 20px;
	margin: 10px 0px 20px;
	line-height: 1.6;
	min-height: 64px;
}

.nynewsbox li a p {
	color: #666666;
	margin-bottom: 30px;
}

.newsshowbj {
	padding-top: 80px;
	background: url("../image/bjs.png") no-repeat top center #f7faff;
	background-size: 100% auto;
}

.pd30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.nynewsshowleft {
	background: #ffffff;
	padding: 30px;
	width: calc(66% - 60px);
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
}

.nynewsshowleft.w100 {
	width: calc(100% - 60px);
}

.nynewsshow_tit h1 {
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 10px;
}

.nynewsshow_tit {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
}

.nynewsshowtxt {
	text-align: justify;
	padding: 30px 0px
}

.nynewsshowtxt p {
	color: #666666
}

.newsshowdown {
	border-top: 1px solid #ebebeb;
	padding: 30px 0px;
	margin-top: 20px
}

.newsshowdown p {
	max-width: 42%;
	position: relative;
	padding-left: 15px;
}

.newsshowdown p:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #666666;
	position: absolute;
	left: 0px;
	top: 10px;
	border-radius: 100%;
}

.newsshowdown p:hover:before {
	background: #0f51aa
}

.newsshowdown p span {
	display: block;
	color: #999999;
	margin-top: 5px;
}



.nynewsshowright {
	width: calc(30% - 60px);
	padding: 30px;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	position: sticky;
	top: 80px;
}

.nynewsshowright h2 {
	font-weight: normal;
	font-size: 24px
}

.nynewsshowright li {
	border-bottom: 1px solid #ebebeb;
	padding: 15px 0px;
}

.nynewsshowright li:last-child {
	border: none;
	padding-bottom: 0px;
}

.nynewsshowright li a {
	position: relative;
	padding-left: 15px;
	display: block
}

.nynewsshowright li a:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #666666;
	position: absolute;
	left: 0px;
	top: 10px;
	border-radius: 100%;
}

.nynewsshowright li a:hover:before {
	background: #0f51aa
}

.contact_top li {
	width: calc(50% - 100px);
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 40px;
	border-top: 4px solid #0f51aa
}

.conico {
	width: 80px;
}

.contxts {
	width: calc(100% - 120px);
}

.contxts p {
	font-size: 24px;
}

.contxts>span {
	display: block;
	color: #999999
}

.contxts em {
	font-size: 30px;
	color: #0f51aa;
	font-family: 'DINPRO';
	font-weight: 500
}


.contact_top {
	margin-top: -8%;
	position: relative;
	z-index: 2
}

.contactlist ul {
	width: calc(100% + 40px);
	margin-left: -40px;
}

.contactlist li {
	width: calc(50% - 170px);
	background: url("../image/addico.svg") no-repeat 30px 40px #ffffff;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 40px 40px 40px 90px;
	margin-left: 40px;
	margin-bottom: 40px;
	background-size: 40px auto;
}

.contactlist li h5 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}

.contactlist li p {
	color: #666666;
}

.nyabtxt {
	text-align: justify;
	color: #666666
}

.nyabtxt p {
	margin-top: 20px;
}

.nyabnumber ul {
	width: calc(100% + 30px);
	margin-left: -30px;
}

.nyabnumber li {
	width: calc(25% - 90px);
	margin-left: 30px;
	margin-top: 30px;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 30px;
	background: #ffffff
}

.nyabnumber li span em {
	font-family: 'DINPRO';
	font-weight: 500;
	font-size: 40px;
	line-height: 1;
	margin-right: 5px;
}


.nyhuangjing .swiper-slide {
	height: 400px;
	border-radius: 10px;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 18%;
	position: relative;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}


.huanjingtxt {
	position: absolute;
	left: 5%;
	bottom: 20px;
	width: calc(90% - 30px);
	background: #ffffff;
	border-radius: 10px;
	padding: 10px 15px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	line-height: 1.2;
}

.huanjingtxt span {
	font-size: 14px;
	font-family: 'DINPRO';
}

.nyhuangjing .swiper-slide:hover {
	width: 25%
}

.nyculture ul {
	width: calc(100% + 30px);
	margin-left: -30px;
}

.nyculture li {
	width: calc(50% - 90px);
	margin-left: 30px;
	margin-bottom: 30px;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 40px 30px;
	background: #ffffff
}

.culico {
	width: 80px;
}

.culico img {
	max-width: 50%;
	margin: 0 auto
}

.cultxt {
	width: calc(100% - 100px);
}

.cultxt p {
	font-size: 20px;
	line-height: 1;
	margin-bottom: 10px;
}

.cultxt span {
	color: #666666
}



.nyhonor {
	position: relative
}

.nyhonor .swiper-container {
	overflow: hidden
}

.nyhonor .swiper-slide a {
	background: #ffffff;
	border-radius: 20px;
	display: block;
	text-align: center;
	padding: 30px;
	padding-bottom: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
}


.nyhonor .swiper-slide a p {}

.nyhonor .swiper-pagination {
	z-index: 9;
	transform: translate(-50%, 0);
	left: 50%;
	bottom: 0px;
	width: 86%;
	max-width: 1400px;
}

.nyhonor .swiper-pagination-bullet {
	background: rgba(0, 0, 0, 0.2);
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	border-radius: 0%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border-radius: 10px;
}

.nyhonor .swiper-pagination-bullet-active {
	background: #3b7ffc;
	width: 40px;
}





.fazhanboxbj {
	background: url("../image/fazhanbj.png") no-repeat center bottom #f7faff;
	background-size: cover
}

.fazhantop {
	padding: 80px 0px;
	position: relative
}

.fazhantop .swiper-slide {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.fazhanyear {
	text-align: center;
	width: 90%;
	margin: 0 auto
}

.fazhanyear h3 {
	font-size: 36px;
	margin-bottom: 10px;
	font-weight: normal
}

.fazhanyear p {
	font-size: 18px;
	max-width: 800px;
	margin: 0 auto;
	color: #666666
}

.fazhanboxs {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 20px;
}

.fazhanboxs .swiper-container {
	overflow: hidden;
	padding-top: 4px;
}

.fazhanboxs .swiper-slide {
	cursor: pointer;
}

.fazhanboxs .swiper-slide p {
	text-align: center;
	font-size: 20px;
	font-family: 'DINPRO';
	position: relative;
	display: flex;
	align-items: flex-end;
	flex-direction: row;
	justify-content: center;
	line-height: 1;
	padding: 40px 0px;
	position: relative;
	font-weight: 500
}

.fazhanboxs .swiper-slide p:before {
	content: '';
	width: 0%;
	height: 4px;
	position: absolute;
	left: 50%;
	top: -5px;
	transform: translate(-50%, 0%);
	background: #0f51aa;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.fazhanhezi .swiper-container {
	overflow: hidden;
}


.fazhanhezi .swiper-button-prev,
.fazhanhezi .swiper-button-next {
	width: 48px;
	height: 48px;
	border: 1px solid #9e9e9e;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border-radius: 100%;
}

.fazhanhezi .swiper-button-prev {
	left: 3%;
	background: url("../image/zuo.svg") no-repeat center center;
	background-size: 30% auto
}

.fazhanhezi .swiper-button-prev:hover {
	background: url("../image/zuo2.svg") no-repeat center center #0f51aa;
	background-size: 30% auto;
	border: 1px solid #0f51aa
}



.fazhanhezi .swiper-button-next {
	right: 3%;
	background: url("../image/you.svg") no-repeat center center;
	background-size: 30% auto
}

.fazhanhezi .swiper-button-next:hover {
	background: url("../image/you2.svg") no-repeat center center #0f51aa;
	background-size: 30% auto;
	border: 1px solid #0f51aa
}

.fazhanhezi .swiper-button-prev:after,
.fazhanhezi .swiper-button-next:after {
	display: none
}



.fazhanboxs .swiper-slide-thumb-active p {
	color: #0f51aa;
	font-weight: bold;
	font-size: 30px;
	padding-top: 35px;
}

.fazhanboxs .swiper-slide-thumb-active p:before {
	width: 100%
}

.fazhanhezi {
	position: relative;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 20px;
}


.xinmeitibox ul {
	width: calc(100% + 30px);
	margin-left: -30px;
}

.xinmeitibox li {
	width: calc(33.33% - 90px);
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 40px 30px;
	background: #ffffff;
	text-align: center
}

.xinmeitibox li p {
	font-size: 24px;
	margin: 30px 0px 10px;
}

.xinmeitibox li span {
	color: #666666
}

.xinmeiico {
	width: 70px;
	margin: 0 auto;
}

.fourlist.xinmeitibox li {
	width: calc(25% - 90px);
}

.fourlist.xinmeitibox li p {
	color: #0f51aa;
	border-bottom: 1px solid #666666;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.xinmeitibox.lanselist li {
	background: #f7faff;
	box-shadow: none
}



.gongguanbox ul {
	width: calc(100% + 30px);
	margin-left: -30px;
}

.gongguanbox li {
	width: calc(50% - 90px);
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 40px 30px;
	background: #ffffff;
}


.ggico {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background: #f7faff;
}

.ggico img {
	max-width: 50%;
	max-height: 50%
}

.ggtxt {
	width: calc(100% - 110px);
}

.ggtxt p {
	font-size: 24px;
}

.ggtxt span {
	color: #666666
}


.pingpaikou ul {
	width: calc(100% + 30px);
	margin-left: -30px;
}

.pingpaikou li {
	width: calc(25% - 70px);
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 40px 20px;
	background: #ffffff;
	text-align: center
}

.ppkbico {
	width: 50px;
	height: 50px;
	margin: 0 auto
}

.ppkbico img {
	max-height: 100%
}

.pingpaikou li p {
	font-size: 24px;
	margin: 20px 0px 5px;
}

.pingpaikou li span {
	color: #666666
}

.business_case {
	position: relative;
	padding-bottom: 50px;
}

.business_case .swiper-slide a {
	padding: 30px;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	display: block;
	background: #ffffff
}

.business_case .swiper-slide a .bigpic {
	border-radius: 20px;
}

.business_case .swiper-pagination {
	z-index: 9;
	transform: translate(-50%, 0);
	left: 50%;
	bottom: 0px;
	width: 86%;
	max-width: 1400px;
}

.business_case .swiper-pagination-bullet {
	background: rgba(0, 0, 0, 0.2);
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	border-radius: 0%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border-radius: 10px;
}

.business_case .swiper-pagination-bullet-active {
	background: #3b7ffc;
	width: 40px;
}

.yuqiongboxtop a {
	text-align: center;
	position: relative;
	display: block
}

.yuqiongboxtop a img {
	height: 80px;
	margin: 0 auto
}

.yuqiongboxtop a p {
	font-size: 18px;
	padding: 20px 0px;
}

.yuqiongboxtop a:before {
	content: '';
	width: 0px;
	height: 4px;
	background: #0f51aa;
	position: absolute;
	left: 50%;
	bottom: 0px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transform: translate(-50%, 0)
}

.yuqiongboxtop .swiper-slide-thumb-active a:before {
	width: 70%
}

.yuqiongboxtop .swiper-slide-thumb-active a p {
	color: #0f51aa
}

.yuqiongboxboxs {
	background: #f7faff;
	border-top: 1px solid rgba(0, 0, 0, 0.02)
}

.yuqiongboxboxs img {
	width: 100%
}

.yuqingtxt {
	width: 42%;
	text-align: justify
}

.yuqingpic {
	width: 52%
}

.yuqingtxt h3 {
	font-size: 18px;
	line-height: 1.6
}

.yuqingtxt p {
	font-size: 14px;
	color: #666666
}



.yuqingtxt p {
	position: relative;
	padding-left: 15px;
	font-size: 14px;
	margin-top: 10px;
}

.yuqingwenzi {
	min-height: 200px;
	padding: 10px 0px 30px;
}

.yuqingtxt p:before {
	content: '';
	width: 4px;
	height: 4px;
	background: #666666;
	position: absolute;
	left: 0px;
	top: 10px;
	border-radius: 100%;
}

.seolist_top li {
	margin-left: 20px;
	width: calc(25% - 20px);
	margin-top: 30px;
	text-align: center
}

.seolist_top li p {
	margin-top: 10px;
}

.seolist_top {
	width: calc(100% + 20px);
	margin-left: -20px;
}

.seolist_bot li {
	margin-left: 20px;
	width: calc(14.28% - 20px);
	margin-top: 30px;
	text-align: center
}

.seolist_bot li p {
	margin-top: 10px;
}

.seolist_bot {
	width: calc(100% + 20px);
	margin-left: -20px;
}

.seologo {
	border: 1px solid #dadada;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
}


.business_ziben li {
	padding: 5% 0px;
}

.business_ziben li:nth-child(odd) .zibenpic {
	order: 2
}

.business_ziben li:nth-child(even) {
	background: #f7faff
}

.zibenpic {
	width: 50%;
	border-radius: 20px;
	overflow: hidden
}

.zibentxt {
	width: 45%
}

.zibentxt h3 {
	font-size: 24px;
	font-weight: normal
}

.zibenwenzi {
	color: #666666;
	padding: 20px 0px 30px;
}

.zibenwenzi p {
	position: relative;
	padding-left: 15px;
}

.zibenwenzi p:before {
	content: '';
	width: 4px;
	height: 4px;
	background: #666666;
	position: absolute;
	left: 0px;
	top: 10px;
	border-radius: 100%;
}





.ailogobox li {
	margin-left: 20px;
	width: calc(16.66% - 20px);
	text-align: center
}

.ailogobox li p {
	margin-top: 10px;
}

.ailogobox ul {
	width: calc(100% + 20px);
	margin-left: -20px;
}

.ailogo {
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
}


.aigeolist ul {
	width: calc(100% + 30px);
	margin-left: -30px;
}

.aigeolist li {
	width: calc(33.33% - 90px);
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 40px 30px;
}

.aigeolist li img {
	height: 60px;
}

.aigeolist li p {
	font-size: 24px;
	margin: 30px 0px 10px;
}

.aigeolist li span {
	color: #666666
}

.aigeolist li:nth-child(1) {
	background: url("../image/aibj01.png") no-repeat right top #ffffff;
	background-size: 20% auto
}

.aigeolist li:nth-child(2) {
	background: url("../image/aibj02.png") no-repeat right top #ffffff;
	background-size: 20% auto
}

.aigeolist li:nth-child(3) {
	background: url("../image/aibj03.png") no-repeat right top #ffffff;
	background-size: 20% auto
}



.aigeoyuanli ul {
	width: calc(100% + 30px);
	margin-left: -30px;
}

.aigeoyuanli li {
	width: calc(33.33% - 90px);
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 40px 30px;
	background: #ffffff
}

.aigeoyuanli em {
	font-size: 40px;
	font-family: 'DINPRO';
	color: #3f7cff;
	font-weight: 500;
	line-height: 1
}

.aigeoyuanli li p {
	font-size: 24px;
	margin: 20px 0px 10px;
}

.aigeoyuanli li span {
	color: #666666
}



.aigeozengz ul {
	width: calc(100% + 30px);
	margin-left: -30px;
}

.aigeozengz li {
	width: calc(33.33% - 90px);
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);
	padding: 40px 30px;
	background: #ffffff;
	position: relative;
	overflow: hidden
}

.aigeozengz em {
	font-size: 60px;
	font-family: 'DINPRO';
	color: #3f7cff;
	font-weight: 500;
	line-height: 1;
	position: absolute;
	right: -5px;
	top: -20px;
	opacity: 0.3
}

.aigeozengz li p {
	font-size: 24px;
	margin: 20px 0px 10px;
}

.aigeozengz li span {
	color: #666666
}

.pinpaibox_one {
	background: url("../image/kuaibj01.jpg") no-repeat center center;
	background-size: cover;
	border-radius: 30px;
	overflow: hidden
}



.pinpaitxt {
	width: calc(30% - 40px);
	text-align: center;
	padding: 20px;
}

.pinpaipic {
	width: calc(70% - 30px);
	padding: 30px 0px;
	padding-top: 10px;
	padding-right: 30px;
}

.pinpaipic li {
	width: 33.33%;
	margin-top: 20px;
}

.pinpaipic li img {
	width: 30%
}

.ppright {
	width: 65%
}

.ppright p {
	font-weight: bold;
	font-size: 16px;
	position: relative;
	padding-left: 10px;
	line-height: 1
}

.ppright p:before {
	content: '';
	width: 4px;
	border-radius: 2px;
	background: #1869d7;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	height: 16px;
}

.ppright span {
	font-size: 12px;
}


.pinpaitxt h3 {
	color: #0f51aa;
	font-size: 28px;
}

.pinpaitxt p {
	font-size: 16px;
}

.pinpaibox_two {
	border: 1px solid #1f3e74;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	overflow: hidden
}

.pinpaibox_two .pinpaipic {
	padding: 0px;
	padding-right: 20px;
}

.pinpaibox_three {
	background: url("../image/kuaibj02.jpg") no-repeat center center;
	background-size: cover;
	border-radius: 30px;
	overflow: hidden;
	color: #ffffff
}

.pinpaibox_three .pinpaitxt h3 {
	color: #ffffff;
}

.pinpaibox_three .pinpaipic {
	padding: 40px 30px;
}

.pinpaibox_four {
	background: url("../image/kuaibj03.jpg") no-repeat center center;
	background-size: cover;
	border-radius: 30px;
	overflow: hidden;
}

.pinpaibox_four .pinpaipic {
	padding-top: 30px;
}

.ailist ul {
	width: calc(100% + 50px);
	margin-left: -50px;
}

.ailist li {
	border-radius: 15px;
	overflow: hidden;
	width: calc(33.33% - 50px);
	margin-bottom: 50px;
	margin-left: 50px;
	position: relative
}

.sitxt {
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #ffffff;
	padding: 20px;
	width: calc(100% - 40px)
}

.sitxt p {
	font-size: 20px;
}


.lisyx li {
	width: 20%;
	position: relative
}

.lisyx li p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	width: 50%;
	line-height: 1.2;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

.lisyx li img {
	width: 80%;
	margin: 0 auto
}

.quanweione {
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
	border-radius: 15px;
	padding: 30px 0px;
}

.bj01 {
	background: url("../image/1.png") no-repeat center center;
	background-size: auto 100%
}

.bj02 {
	background: url("../image/2.png") no-repeat center center;
	background-size: auto 100%
}


.quanweitwo {
	background: url("../image/kuaibj04.jpg") no-repeat center center;
	background-size: cover;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
	border-radius: 15px;
	padding: 30px 0px;
}



.weijilist li {
	width: calc(25% - 50px);
	margin-left: 50px;
	margin-bottom: 50px;
	border-radius: 20px;
	overflow: hidden;
	background: #ffffff;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
	border-bottom: 8px solid #1a59af
}

.weijilist ul {
	width: calc(100% + 50px);
	margin-left: -50px;
}

.hzis {
	height: 140px;
	background: url("../image/bsjd.jpg") no-repeat center center;
	background-size: cover
}

.hzis img {
	width: 25%
}

.hsxs {
	text-align: center;
	padding: 20px;
	padding-bottom: 40px;
}

.hsxs p {
	font-weight: bold;
	font-size: 24px;
}

.zibensl li {
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 42px;
	padding: 50px;
}

.zibsnd h4 {
	color: #1a59af;
	font-size: 30px;
	margin-bottom: 10px;
}

.zibsnd p {
	font-size: 18px;
}

.zibensl li:nth-child(1) {
	background: url("../image/zibspic01.jpg") no-repeat center center;
	background-size: cover
}

.zibensl li:nth-child(2) {
	background: url("../image/zibspic02.jpg") no-repeat center center;
	background-size: cover
}

.zibensl li:nth-child(3) {
	background: url("../image/zibspic03.jpg") no-repeat center center;
	background-size: cover
}

.zibensl li:nth-child(4) {
	background: url("../image/zibspic04.jpg") no-repeat center center;
	background-size: cover
}


.nybantxt2 h4 {
	border: 1px solid #ffffff;
	border-radius: 40px;
	padding: 2px 20px;
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 10px;
}


.huisebjtwo {
	background: #f5f5f5
}

.nyaboutleft {
	width: 60%
}

.nyaboutright {
	width: 35%;
}

.nyaboutright img {
	width: 100%
}

.nyaboutlefttxt h4 {
	font-size: 40px;
	font-style: italic;
	color: #e2e2e2;
	line-height: 1
}

.nyaboutlefttxt h2 {
	font-size: 40px;
	line-height: 1
}

.nyaboutlefttxt p {
	line-height: 2;
	margin-top: 20px
}

.nyabnumbernew {
	background: rgba(255, 255, 255, 0.95);
	width: 150%;
	position: relative;
	margin-top: 5%
}

.nyabnumbernew li {
	width: 16.66%;
	text-align: center;
	position: relative;
	padding: 30px 0px;
}

.nyabnumbernew li:before {
	content: '';
	width: 1px;
	height: 50%;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	background: #b1c5e0;
}

.nyabnumbernew li:first-child:before {
	display: none
}

.nyabnumbernew li span {
	display: block;
	font-size: 20px;
	color: #999999
}

.nyabnumbernew li p {
	color: #00409c;
	line-height: 1
}

.nyabnumbernew li p em {
	font-size: 50px;
	font-family: 'DINPRO';
	font-weight: 500
}

.nyabnumbernew li p i {
	font-size: 40px;
}


/***********aiseo****/

.aibanner {
	background: url("../image/aibanner.jpg") no-repeat center center;
	background-size: cover;
	text-align: center
}

.aibanner h1 {
	font-size: 80px;
	font-weight: bold;
	color: #ffffff;
	text-align: center
}

.aibanner h2 {
	background: #266cca;
	color: #ffffff;
	border-radius: 50px;
	padding: 5px 30px;
	display: inline-block;
	margin: 3% auto 5%
}

.aibannerlist ul {
	max-width: 1500px;
	width: 80%;
	margin: 0 auto;
}

.aibannerlist li {
	border-radius: 10px;
	background: #ffffff;
	text-align: center;
	width: 10%;
	font-weight: bold;
	padding: 20px;
	box-shadow: 6px 6px 0px rgba(255, 255, 255, 0.5);
}

.aibannerlist li img {
	margin: 0 auto
}

.aibannerlist li p {
	line-height: 1.4;
	margin-top: 10px
}


.aitit h2 {
	font-size: 50px;
	color: #1550b6;
	text-align: center;
	font-weight: bold
}

.aitit h3 {
	font-size: 40px;
	text-align: center;
	font-weight: bold
}

.aitit p {
	text-align: center
}

.aichongsu ul {
	width: calc(100% + 30px);
	margin-left: -30px;
}

.aichongsu li {
	width: calc(19% - 30px);
	margin-left: 30px;
	margin-bottom: 30px;
	color: #ffffff;
	padding: 3%;
	border-radius: 10px;
	border-top-right-radius: 60px;
	position: relative
}

.aichongsu li:before {
	content: '';
	width: 10px;
	height: 40px;
	background: #ffffff;
	position: absolute;
	left: 0px;
	top: 20px;
}

.aichongsu li:nth-child(1) {
	background: url("../image/aik01.jpg") no-repeat center center;
	background-size: cover
}

.aichongsu li:nth-child(2) {
	background: url("../image/aik02.jpg") no-repeat center center;
	background-size: cover
}

.aichongsu li:nth-child(3) {
	background: url("../image/aik03.jpg") no-repeat center center;
	background-size: cover
}

.aichongsu li:nth-child(4) {
	background: url("../image/aik04.jpg") no-repeat center center;
	background-size: cover
}

.aichongsu li p {
	font-size: 40px;
	border-bottom: 1px solid #ffffff;
	text-align: center;
	font-weight: bold
}

.aichongsu li span {
	font-size: 20px;
	display: block;
	line-height: 1.4;
	margin-top: 20px;
}


.aizhinengs {
	background: url("../image/kuaibj01.jpg") no-repeat center center;
	background-size: cover;
	border-radius: 30px;
	overflow: hidden;
}

.aizhinengs .pinpaitxt {
	text-align: left;
	padding-left: 50px;
}

.aizhinengs .pinpaitxt h3 {
	line-height: 1.4;
	margin-bottom: 20px;
}

.aizhinengs .pinpaipic {
	padding-right: 0px;
}

.aitiao {
	background: url("../image/aitiao.jpg") no-repeat center center;
	background-size: cover;
	text-align: center
}

.aitiao h2 {
	font-size: 40px;
}

.aitiao p {
	background: #4974ff;
	color: #ffffff;
	border-radius: 50px;
	padding: 5px 30px;
	display: inline-block;
	margin-top: 20px
}

.pangdlefr {
	width: 40%;
}

.pangdlefrigtpics {
	position: relative
}

.pangdlefrtxt {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #ffffff;
}

.pangdlefrtxt p {
	font-size: 70px;
	font-weight: bold
}

.pangdlefrtxt span {
	font-size: 30px;
}

.pangdlefrigt {
	width: 50%;
	background: #f7faff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 10px 10px rgba(18, 101, 203, 0.1);
}

.pangdlefrigt img {
	width: 100%
}

.pangdlefrigttxts {
	padding: 30px;
	font-size: 24px;
	line-height: 1.8
}

.pangdlefrigttxts p span {
	color: #003ab1
}


.aitit h3 span {
	font-size: 20px;
}

.aiyoushi {
	margin-top: 150px
}

.aiyoushi li {
	width: 30%;
	box-shadow: 0px 10px 10px rgba(18, 101, 203, 0.1);
	background: #ffffff;
	text-align: center;
	position: relative;
	padding-top: 100px;
	padding-bottom: 30px;
}

.aiyoushi li p {
	color: #040c4c;
	font-size: 30px;
	font-weight: bold;
}

.aiyoushi li img {
	width: 70%;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 0px;
	position: absolute
}

.aihaochusbj {
	background: url("../image/aihaochu.jpg") no-repeat center center;
	background-size: cover
}

.aihaochusbj .aitit {
	color: #ffffff
}

.aihaochubox li {
	width: calc(31% - 60px);
	border-radius: 30px;
	background-image: linear-gradient(45deg, #046acf, #3395f6);
	padding: 30px;
}

.aihaochubox li h3 {
	font-size: 26px;
	line-height: 1.4;
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px
}

.haochustxs {
	border-radius: 20px;
	background: #f8faff;
	padding: 20px;
	text-align: center;
	color: #0066cc
}

.aizhileft {
	width: 55%;
}

.aizhileft h3 {
	font-size: 30px;
}

.aizhileft span {
	width: 100px;
	height: 2px;
	background: #1550b6;
	display: block;
	margin: 20px 0px;
}

.aizhileft p {
	font-size: 20px;
	color: #1550b6
}

.aizhiright {
	width: 40%
}

.aixingnengs li {
	width: calc(30% - 40px);
	background: #ffffff;
	box-shadow: 0px 10px 10px rgba(18, 101, 203, 0.1);
	text-align: center;
	padding: 40px 20px;
}

.aixingnengs li p {
	color: #003ab1;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4
}

.aixingnengs li span {
	text-transform: uppercase;
	font-size: 12px;
}


.aixingnengs li:nth-child(2) {
	background: #1b8bfa;
	color: #FFFFFF
}

.aixingnengs li:nth-child(2) p {
	color: #ffffff
}


.chujusxs {
	background: url("../image/chujuqs.jpg") no-repeat center center;
	background-size: cover;
	color: #ffffff;
	text-align: center;
}

.chujusxs h2 {
	color: #00fcff;
	font-size: 40px;
}

.chujusxs p {
	font-size: 20px;
}

.dinsgw img {
	width: 80%
}

.lansebj {
	background: url("../image/lansebj.jpg") no-repeat center center;
	background-size: cover;
	padding-top: 20%;
	margin-top: -20%
}

.lsnxd li {
	color: #ffffff;
	text-align: center;
	width: 30%;
}

.lsnxd li img {
	margin: 0 auto;
	width: 40%
}

.lsnxd li h3 {
	font-size: 30px;
	line-height: 1.4;
	margin-top: 30px;
	margin-bottom: 10px;
}

.lsnxd li p {
	font-size: 20px;
	font-weight: bold
}

.aibanner_wap {
	display: none
}


@media screen and (max-width:1200px) {
	.topright {
		width: calc(100% - 200px);
	}

	.tel a {
		font-size: 16px;
		white-space: nowrap;
	}

	.morebtn span {
		white-space: nowrap;
	}

}


@media screen and (max-width:996px) {
	.aibanner {
		display: none
	}

	.aibanner_wap {
		display: block
	}

	.aitit h2 {
		font-size: 28px;
		line-height: 1.4
	}

	.aitit h3 {
		font-size: 22px;
		margin: 10px 0px
	}

	.aitit p br {
		display: none
	}

	.aichongsu ul {
		width: calc(100% + 10px);
		margin-left: -10px;
	}

	.aichongsu li {
		width: calc(44% - 10px);
		margin-left: 10px;
	}

	.aichongsu li p {
		font-size: 30px;
	}

	.aichongsu li span {
		font-size: 14px;
	}

	.aizhinengs {
		display: block
	}

	.aitiao h2 {
		font-size: 30px;
		line-height: 1.4
	}

	.pangdas {
		display: block
	}

	.pangdlefr {
		width: 100%
	}

	.pangdlefrigt {
		width: 100%
	}

	.pangdlefrtxt p {
		font-size: 40px
	}

	.pangdlefrtxt span {
		font-size: 20px
	}

	.pangdlefrigttxts {
		font-size: 18px;
	}

	.aiyoushi li p {
		font-size: 18px;
	}

	.aiyoushi {
		margin-top: 50px
	}

	.aiyoushi li {
		padding-top: 50px
	}

	.aihaochubox ul {
		display: block
	}

	.aihaochubox li {
		width: calc(100% - 40px);
		padding: 20px;
		margin-bottom: 20px;
	}

	.aihaochubox li h3 {
		font-size: 24px;
	}

	.aizhidao {
		display: block
	}

	.aizhileft {
		width: 100%
	}

	.aizhileft h3 {
		font-size: 20px;
		line-height: 1.4
	}

	.aizhileft p {
		font-size: 16px;
	}

	.aizhiright {
		width: 100%;
		margin-top: 30px
	}

	.aixingnengs li {
		width: calc(100% - 40px);
		padding: 20px
	}

	.aixingnengs ul {
		display: block
	}

	.aixingnengs li p {
		font-size: 24px;
	}

	.aixingnengs li p br {
		display: none
	}

	.chujusxs h2 {
		font-size: 30px;
		line-height: 1.4
	}

	.chujusxs p {
		font-size: 16px;
	}

	.dinsgw img {
		width: 100%
	}

	.lsnxd li h3 {
		font-size: 20px;
	}

	.lsnxd li p {
		font-size: 12px;
	}

	.lsnxd li img {
		width: 80%
	}

	.lansebj {
		padding-top: 20% !important
	}
}