/* CSS Document */
/**{margin:0;padding:0;box-sizing:border-box}*/
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
hr {
	margin: 0;
}

button,
option,
textarea,
td {
	padding: 0;
}

ul,
ol,
input {
	margin: 0;
	padding: 0;
}

ul,
ol {
	list-style-type: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

button {
	border: none;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}

input,
textarea,
select {
	outline: none;
}

:focus {
	outline: 0;
}

a {
	color: #000;
	text-decoration: none;
}

textarea {
	resize: none;
}

a,
button,
input,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* 去除iPhone中默认的input样式 */
input[type="button"],
input[type="text"],
input[type="submit"],
button,
select,
textarea {
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	resize: none;
	border-radius: 0;
	outline: none;
	border: none;
	background-color: transparent;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
}

input[type="button"],
input[type="radio"],
input[type="checkbox"],
input[type="submit"],
button {
	cursor: pointer;
}

/*clearfix*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

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

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

body {
	font-family: "Microsoft YaHei", 'Roboto', "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: normal;
	overflow-x: hidden;
	position: relative;
	min-width: 320px;
	color: #000;
	font-size: 14px;
}

/*w1400 container*/
.container {
	margin: 0 40px;
}

.w1400 {
	width: 80%;
	max-width: 1400px;
	margin: 0 auto;
}

@media screen and (max-width:1024px) {
	.container {
		margin: 0 20px;
	}

	.w1400 {
		width: 90%;
	}
}

@media screen and (max-width:768px) {
	.container {
		margin: 0 15px;
	}

	.w1400 {
		width: 94%;
	}
}

/*w1720*/
.w1720 {
	padding: 0 100px;
	max-width: 1920px;
	margin: 0 auto;
}

@media screen and (max-width: 1600px) {
	.w1720 {
		padding: 0 80px;
	}
}

@media screen and (max-width: 1400px) {
	.w1720 {
		padding: 0 70px;
	}
}

@media screen and (max-width: 1220px) {
	.w1720 {
		padding: 0 40px;
	}
}

@media screen and (max-width: 1024px) {
	.w1720 {
		padding: 0 20px;
	}
}

@media screen and (max-width: 768px) {
	.w1720 {
		padding: 0 15px;
	}
}


/*padHeader*/
.padHeader {
	padding-top: 110px;
}

.header .header-mains {
	height: 110px;
}

.header-nav .nav-top-a {
	line-height: 110px;
}

/*header*/
.header {
	overflow: visible;
	position: fixed;
	z-index: 7;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.header .header-mains {
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/*headerWhite*/
.headerWhite .header {
	background: none;
	box-shadow: none;
}

.headerWhite .header-nav .nav-top-a {
	color: #fff;
}

.headerWhite .header .header-lan a.on {
	color: #fff;
}

.headerWhite .header-nav .nav-item.cur .nav-top-a {
	color: #fff;
}

.headerWhite .header-nav .nav-item.cur .nav-top-a span:before {
	width: 0;
}

.header.c-head-hide {
	color: #333;
	background: #fff;
	box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
}

.header.c-head-move {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.headerWhite .header.c-head-hide {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	background: #fff;
}

.headerWhite .header.c-head-hide .nav-top-a {
	color: #363636;
}

.headerWhite .header.c-head-hide .header-lan a.on {
	color: #000;
}

.headerWhite .header.c-head-hide .nav-item.cur .nav-top-a {
	color: #e60044;
}

.headerWhite .header.c-head-hide .nav-item.cur .nav-top-a span:before {
	width: 100%;
}


/*header-logo*/
.header .header-logo {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -28px;
	display: block;
	height: 56px;
	font-weight: normal;
	z-index: 2;
}

.header .header-logo a {
	display: block;
	height: 100%;
}

.header .header-logo img {
	width: auto;
	float: left;
	height: 100%;
}

/*header-lan*/
.header .header-lan {
	font-size: 0;
	line-height: 0;
	border: 1px solid #c8c8ca;
	overflow: hidden;
	z-index: 2;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -22px;
	width: 116px;
	height: 44px;
	border-radius: 44px;
}

.header .header-lan a {
	display: inline-block;
	width: 50%;
	color: #c8c8ca;
	text-align: center;
	font-size: 15px;
	line-height: 44px;
}

.header .header-lan a.on {
	color: #000;
}

.header .header-lan a:hover {
	color: #e60044;
}

.header .header-lan a.lan-en {
	background: url(../image/top-line.png) no-repeat right center;
	background-size: 2px;
}

/*header-nav*/
.header-nav {
	position: relative;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.header-nav .header-left-nav {
	font-size: 0;
	line-height: 0;
	display: inline-block;
}

.header-nav .nav-item {
	z-index: 9;
	position: relative;
	flex: 0 0 auto;
	display: inline-block;
	*display: inline;
	zoom: 1;
	float: left;
}

.header-nav .nav-top-a {
	display: block;
	font-size: 18px;
	color: #363636;
	position: relative;
	padding: 0 30px;
}

.header-nav .nav-top-a span {
	display: block;
	position: relative;
}

.header-nav .nav-top-a span:before {
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background: #e60044;
	position: absolute;
	left: 0;
	bottom: 0;
}

.header-nav .nav-item:hover .nav-top-a {
	color: #e60044;
}

.header-nav .nav-item:hover .nav-top-a span:before {
	width: 100%;
}

.header-nav .nav-item.cur .nav-top-a {
	color: #e60044;
}

.header-nav .nav-item.cur .nav-top-a span:before {
	width: 100%;
}

/*header-nav sanji*/
.header-nav .nav-sub-wrap {
	display: none;
	background: rgba(255, 255, 255, 0.95);
	position: absolute;
	left: 50%;
	/*margin-left:-80px;*/
	margin-left: -90px;
	width: 180px;
	height: auto;
	border-radius: 10px;
	padding: 15px 0;
	box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
}

.header-nav .nav-sub-wrap.spe {
	width: 260px;
}

.ENheader .header-nav .nav-sub-wrap {
	margin-left: -120px;
	width: 240px;
}

.header-nav .nav-sub-wrap:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/top-navbg.png) repeat-x center top;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 10px;
}

.header-nav .sub-li {
	position: relative;
	z-index: 1;
}

.header-nav .sub-a {
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #333131;
	padding: 12px 30px;
	text-align: center;
}

.header-nav .nav-sub-wrap.spe .sub-a {
	text-align: left;
}

.header-nav .sub-a img {
	float: left;
	max-width: 20px;
	max-height: 20px;
	margin-right: 10px;
}

.header-nav .sub-a:hover {
	color: #e60044;
}

/*m-header*/
.m-header {
	display: none;
}

@media screen and (max-width: 1600px) {
	.padHeader {
		padding-top: 100px;
	}

	.header .header-mains {
		height: 100px;
	}

	.header-nav .nav-top-a {
		line-height: 100px;
	}

	.header-nav .nav-top-a {
		padding: 0 20px;
	}

	.header-nav .sub-a {
		padding: 12px 20px;
	}

	.header .header-lan {
		margin-top: -21px;
		width: 110px;
		height: 42px;
		border-radius: 42px;
	}

	.header .header-lan a {
		font-size: 14px;
		line-height: 42px;
	}

}

@media screen and (max-width: 1400px) {
	.padHeader {
		padding-top: 90px;
	}

	.header .header-mains {
		height: 90px;
	}

	.header-nav .nav-top-a {
		line-height: 90px;
	}

	.header-nav .nav-top-a {
		padding: 0 20px;
	}

	.header-nav .sub-a {
		padding: 10px 20px;
	}

	.header .header-lan {
		margin-top: -20px;
		width: 105px;
		height: 40px;
		border-radius: 40px;
	}

	.header .header-lan a {
		font-size: 13px;
		line-height: 40px;
	}
}

@media screen and (max-width: 1200px) {
	.padHeader {
		padding-top: 80px;
	}
	.header .header-logo{height: 45px; margin-top: -20px;}
	.header .header-mains {
		height: 80px;
	}

	.header-nav .nav-top-a {
		line-height: 80px;
	}

	.header-nav .nav-top-a {
		padding: 0 15px;
		font-size: 14px;
	}

	.header-nav .sub-a {
		padding: 8px 20px;
		font-size: 12px;
	}

	.header .header-lan {
		margin-top: -18px;
		width: 100px;
		height: 36px;
		border-radius: 36px;
	}

	.header .header-lan a {
		font-size: 12px;
		line-height: 36px;
	}
}

@media screen and (max-width: 1024px) {
	.header {
		display: none;
	}

	.padHeader {
		padding-top: 50px;
	}


	/*m-header*/
	.m-header {
		display: block;
		position: fixed;
		z-index: 7;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
	}

	.m-header:before {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: rgba(0, 0, 0, 0.1);
		left: 0;
		bottom: 0;
		position: absolute;
	}

	.m-header .header-mains {
		height: 50px;
		align-items: center;
		-moz-transition-duration: .5s;
		-webkit-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
	}

	/*m-logo*/
	.m-header .m-logo {
		display: inline-block;
		position: absolute;
		left: 15px;
		top: 50%;
		height: 40px;
		margin-top: -20px;
		z-index: 2;
	}

	.m-header .m-logo a {
		display: block;
		height: 100%;
	}

	.m-header .m-logo img {
		max-height: 100%;
	}

	/*m-lan*/
	.m-header .m-lan {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		right: 65px;
		margin-top: -16px;
		width: 80px;
		height: 32px;
		border-radius: 32px;
		border: 1px solid #c8c8ca;
		z-index: 2;
		overflow: hidden;
	}

	.m-header .m-lan a {
		display: inline-block;
		width: 50%;
		color: #c8c8ca;
		text-align: center;
		font-size: 12px;
		line-height: 32px;
	}

	.m-header .m-lan a.on {
		color: #000;
	}

	.m-header .m-lan a.lan-en {
		background: url(../image/top-line.png) no-repeat right center;
		background-size: 2px;
	}

	/*m-nav-btn*/
	.m-header .m-nav-btn {
		height: 50px;
		width: 50px;
		position: absolute;
		right: 0;
		top: 0;
		background: #e60044;
		display: inline-block;
		cursor: pointer;
		-moz-transition-duration: .5s;
		-webkit-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
	}

	.m-header .m-nav-btn.cur .line1 {
		transform: rotate(45deg);
	}

	.m-header .m-nav-btn.cur .line2 {
		display: none;
	}

	.m-header .m-nav-btn.cur .line3 {
		transform: rotate(-45deg);
	}

	.m-header .m-nav-btn .line {
		position: absolute;
		display: block;
		width: 22px;
		height: 2px;
		background-color: #fff;
		left: 16px;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		margin: 0
	}

	.m-header .m-nav-btn .line1 {
		top: 15px;
		-webkit-transform-origin: left top 0;
		-ms-transform-origin: left top 0;
		transform-origin: left top 0;
	}

	.m-header .m-nav-btn .line2 {
		top: 22px;
	}

	.m-header .m-nav-btn .line3 {
		top: 30px;
		-webkit-transform-origin: left bottom 0;
		-ms-transform-origin: left bottom 0;
		transform-origin: left bottom 0;
	}

	/*m-header-menu*/
	.m-header .m-header-menu {
		width: 100%;
		height: 100%;
		display: none;
		position: fixed;
		left: 0;
		top: 50px;
		background-color: #fff;
		z-index: 5;
		overflow: scroll;
	}

	.m-header .m-header-menu .m-header-nav {
		padding: 4vw 4vw;
	}

	.m-header .m-header-menu .nav-a {
		color: #333;
		font-size: 16px;
		line-height: 20px;
		padding: 20px 0;
		display: block;
		cursor: pointer;
		background: url(../image/arrow-right.png) no-repeat right 0 center;
		background-size: 8px !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.m-header .m-header-menu .header-subnav {
		position: static;
		display: none;
		padding: 15px 15px;
	}

	.m-header .m-header-menu .sub-a {
		line-height: 36px;
		font-size: 15px;
		color: #666;
		display: block;
		border-bottom: none;
	}

	.m-header .m-header-menu .nav-li0 .nav-a {
		background-size: 0 !important;
	}
}




/*footer*/
.footer {
	background: #313d4f;
	padding-top: 100px;
	padding-bottom: 40px;
}

.footer .footer-top {
	padding-bottom: 50px;
}

/*footer-nav*/
.footer .footer-nav {
	float: right;
	width: 75%;
	text-align: right;
}

.footer .footer-nav .ul2 {
	height: auto;
	float: left;
	font-size: 0;
	text-align: left;
	padding-right: 20px;
}

.footer .footer-nav .t1 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #fff;
	position: relative;
}

.footer .footer-nav .t1:after {
	content: "";
	width: 25px;
	height: 3px;
	background: #e60044;
	margin-top: 7px;
	display: block;
}

.footer .footer-nav .t1 a {
	display: inline-block;
	color: #fff;
	line-height: 1;
}

.footer .footer-nav .t2 {
	display: block;
	line-height: 0;
	padding: 0;
	margin: 0;
	font-size: 17px;
}

.footer .footer-nav .t2 a {
	display: inline-block;
	color: #fff;
	line-height: 20px;
	padding: 8px 0;
	position: relative;
}

.footer .footer-nav .t2 a:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #fff;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.footer .footer-nav .t2 a:hover:after {
	width: 100%;
	right: auto;
	left: 0
}

@media screen and (min-width:768.1px) {
	.footer .footer-nav .footer-navB {
		display: flex !important;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		flex-flow: wrap;
		flex: 1;
		justify-content: space-between;
	}

	.footer .footer-nav .ul2 {
		flex-grow: 1;
	}
}

/*footer-logo*/
.footer .footer-logo {
	float: left;
	height: 56px;
}

.footer .footer-logo a {
	display: block;
	height: 100%;
}

.footer .footer-logo img {
	max-height: 100%;
}

/*footer-bq*/
.footer .footer-bq .footer-beian {
	font-size: 14px;
	color: #fff;
	padding-top: 30px;
	display: flex;
	justify-content: space-between;
}

.footer .footer-bq .footer-beian a {
	color: #fff;
}

.footer .footer-bq .footer-beian a:hover {
	color: #fff
}

/*footer-lx*/
.footer .footer-bq .footer-lx {
	border-top: 1px solid rgba(255, 255, 255, .2);
	padding-top: 60px;
	padding-bottom: 60px;
}

.footer .footer-bq .detail-share {
	float: right;
}

.footer .footer-bq .footer-lxBox {
	float: left;
	width: 100%;
	padding-top: 15px;
}

.footer .footer-bq .footer-lxul {
	font-size: 0;
	line-height: 0;
}

.footer .footer-bq .footer-lxul li {
	height: auto;
	float: left;
	font-size: 0;
	text-align: left;
	padding-right: 10px;
}

.footer .footer-bq .footer-lxul .item {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	flex: 1;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.footer .footer-bq .footer-lxul .img {
	border-radius: 5px;
	width: 80px;
	overflow: hidden;
}

.footer .footer-bq .footer-lxul .img img {
	max-width: 100%;
}

.footer .footer-bq .footer-lxul .nr {
	padding-left: 30px;
	padding-top: 15px;
}

.footer .footer-bq .footer-lxul h2 {
	font-size: 18px;
	margin-bottom: 8px;
	color: #fff;
	font-weight: normal;
	line-height: 1;
}

.footer .footer-bq .footer-lxul .t {
	font-size: 22px;
	margin-bottom: 45px;
	color: #fff;
	line-height: 1;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
}

.footer .footer-bq .footer-lxul .t a {
	display: inline-block;
	color: #fff;
	line-height: 1;
}

.footer .footer-bq .footer-lxul .des {
	font-size: 16px;
	color: #fff;
	line-height: 1;
}

.footer .footer-bq .footer-lxul .des span {
	display: inline-block;
	padding-right: 30px;
	background: url(../image/icon-s.png) no-repeat right center;
	background-size: 7px;
}

/*@media screen and (min-width:768.1px) {*/
.footer .footer-bq .footer-lxul {
	display: flex !important;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	flex: 1;
	justify-content: space-between;
}

.footer .footer-bq .footer-lxul li {
	flex-grow: 1;
}

/*}*/
@media screen and (max-width:1400px) {
	.footer .footer-nav .t1 {
		font-size: 16px;
	}

	.footer .footer-nav .t2 {
		font-size: 14px;
	}

	.footer .footer-nav .t2 a {
		padding: 6px 0;
	}

	.footer .footer-logo {
		height: 55px;
	}

	.footer .footer-bq .footer-lx {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.footer .footer-bq .footer-lxul .nr {
		padding-left: 20px;
	}

	.footer .footer-bq .footer-lxul h2 {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.footer .footer-bq .footer-lxul .t {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.footer .footer-bq .footer-lxul .des {
		font-size: 14px;
	}

	.footer .footer-bq .footer-lxul .img {
		width: 90px;
	}

}

@media screen and (max-width:1200px) {
	.footer {
		padding-top: 80px;
		padding-bottom: 40px;
	}

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

	.footer .footer-bq .detail-share {
		float: none; display: none;
	}

	.footer .footer-bq .footer-lx {
		padding-top: 50px;
		padding-bottom: 0px;
	}

	.footer .footer-bq .footer-lxul li {
		margin-bottom: 50px;
	}

	.footer .footer-bq .footer-beian {
		font-size: 12px;
		padding-top: 20px;
	}

	.footer .footer-nav .t2 a {
		padding: 5px 0;
	}
}

@media screen and (max-width:1024px) {
	.footer {
		padding-top: 70px;
		padding-bottom: 40px;
	}

	.footer .footer-nav .t1 {
		font-size: 14px;
	}

	.footer .footer-nav .t2 {
		font-size: 12px;
	}

	.footer .footer-nav .t1:after {
		height: 2px;
	}

	.footer .footer-logo {
		height: 70px;
	}


}

@media screen and (max-width:768px) {
	.footer {
		padding-top: 50px;
		padding-bottom: 100px;
	}

	.footer .footer-top {
		padding-bottom: 0px;
	}

	.footer .footer-logo {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.footer .footer-nav {
		float: none;
		width: 100%;
		text-align: left;
	}

	.footer .footer-nav .footer-navB {
		display: block;
	}

	.footer .footer-nav .ul2 {
		margin-left: 0;
		width: 100%;
	}

	.footer .footer-nav .listB {
		display: none;
		width: 100%;
	}

	.footer .footer-nav .ul2 .ulB {
		display: block;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer .footer-nav .t1 {
		margin-bottom: 0;
		font-size: 16px;
	}

	.footer .footer-nav .t1:after {
		display: none;
	}

	.footer .footer-nav .t1 a {
		background: url() right center no-repeat;
		background-size: 15px;
		line-height: 20px;
		box-sizing: border-box;
		padding: 15px 0;
		margin: 0 auto;
		position: relative;
	}

	.footer .footer-nav .t1 a:before {
		display: block;
		content: '';
		position: absolute;
		bottom: 1px;
		left: 0;
		right: 0;
		height: 1px;
		width: auto;
		background-color: #ababac;
	}

	.footer .footer-nav .t1 a:after {
		display: block;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1px;
		width: auto;
		background-color: #4a5d73;
		opacity: .3
	}

	.footer .footer-nav .t1 a,
	.footer .footer-nav .t2 a {
		display: block;
	}

	.footer .footer-nav .t2 a {
		padding: 5px 10px;
		color: #fff;
		font-size: 15px;
	}

	.footer .footer-nav .t2 a:after {
		display: none;
	}

	.footer .footer-bq .footer-lx {
		border-top: none;
		padding-top: 40px;
		padding-bottom: 0px;
	}

	.footer .footer-bq .footer-lxul li {
		margin-bottom: 30px;
	}

	.footer .footer-bq .footer-lxul .item {
		display: block !important;
	}

	.footer .footer-bq .footer-lxul .nr {
		padding-left: 0;
		padding-top: 30px;
	}
}



/*detail-share*/
.detail-share {
	line-height: 0;
	font-size: 0;
	text-align: right;
}

.detail-share a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 6px;
	font-size: 0;
	border-radius: 50%;
}

.detail-share a>img {
	vertical-align: top;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #fff;
	overflow: hidden;
}

.detail-share .img2 {
	display: none;
}

.detail-share a {
	color: #333;
	position: relative;
}

.detail-share a:hover .ewm2 {
	display: block;
	opacity: 1;
}

.detail-share .ewm2 {
	position: absolute;
	bottom: 36px;
	left: 50%;
	display: none;
	opacity: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.detail-share .ewm2 img {
	width: 110px !important;
	height: 110px !important;
	max-width: none;
	border-radius: 5px;
}

@media screen and (max-width:1200px) {
	.detail-share {
		text-align: left;
	}
}




/*p-bottom*/
.p-bottom {
	width: 68px;
	height: auto;
	position: fixed;
	top: 50%;
	right: 0;
	left: auto;
	margin: 0;
	box-sizing: border-box;
	background-color: #fff;
	z-index: 10;
	display: block;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0 2px 11px rgba(0, 0, 0, 0.1);
	max-width: 100%;
}

.p-bottom li {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

.p-bottom li a {
	display: block;
	padding: 15px 0px;
	position: relative;
}

.p-bottom li a i {
	display: block;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-size: 100%;
	background-position: center center;
}

.p-bottom li p {
	color: #545454;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	margin-top: 2px;
}

.p-bottom li:after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #f1f1f1;
}

.p-bottom li:first-child:after {
	display: none;
}

.p-bottom li.i1 a:after {
	content: '';
	width: 1px;
	position: absolute;
	right: 0px;
	top: 0;
	height: 100%;
	background-image: url(../image/top-line.png);
	background-repeat: repeat-y;
	background-position: right center;
	background-size: 100%;
	opacity: .5
}

.p-bottom li.i2 a:after {
	content: '';
	width: 1px;
	position: absolute;
	right: 0px;
	top: 0;
	height: 100%;
	background-image: url(../image/top-line.png);
	background-repeat: repeat-y;
	background-position: right center;
	background-size: 100%;
	opacity: .5
}

.p-bottom li.i1 a i {
	background-image: url(../images/float-icon1.png);
}

.p-bottom li.i2 a i {
	background-image: url(../images/float-icon2.png);
}

.p-bottom li.i3 a i {
	background-image: url(../images/float-icon3.png);
}

.p-bottom .tanB {
	position: absolute;
	right: 80px;
	top: -1px;
	z-index: 0;
	line-height: 26px;
	padding: 10px;
	width: 200px;
	border-radius: 10px;
	background: #ededed;
	backdrop-filter: blur(1px);
	text-align: center;
	font-size: 18px;
	color: #545454;
	-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;
}

.p-bottom li:hover .tanB {
	right: 68px;
	visibility: visible;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

@media screen and (max-width:768px) {
	.p-bottom {
		width: 100%;
		height: 65px;
		position: fixed;
		transform: translateY(0);
		top: auto;
		bottom: 0;
		right: 0;
		left: 0px;
		border-radius: 0;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.p-bottom li {
		width: 33.33333333333333333%;
	}

	.p-bottom li:after {
		top: 50%;
		left: 0;
		transform: translateX(0);
		transform: translateY(-50%);
		width: 1px;
		height: 40px;
		background-color: rgba(255, 255, 255, 0.7);
	}

	.p-bottom li:first-child:after {
		display: none;
	}

	.p-bottom li a {
		display: block;
		padding: 10px 0px;
		position: relative;
	}

	.p-bottom li a i {
		display: block;
		width: 25px;
		height: 25px;
		background-repeat: no-repeat;
		margin: 0 auto;
		background-size: 100%;
		background-position: center center;
	}

	.p-bottom .tanB {
		display: none;
	}
}


/*****************************************index*****************************************/
/*indexBanner*/
.indexBanner {
	position: relative;
	overflow: hidden;
}

.indexBanner .item {
	display: block;
	position: relative;
	z-index: 3;
}

/*bannerVideo*/
.indexBanner .indexBanner-swiper {
	/*cursor:grab;*/
}

.indexBanner .swiper-slide {
	overflow: hidden;
	width: 100%;
	position: relative;
	background: #000;
	float: left;
}

.indexBanner .swiper-slide::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1;
}

/*bannerimg*/
.indexBanner .bannerimg {
	display: block;
	position: relative;
	padding-bottom: 50%;
	width: 100%;
	z-index: 0;
}

.indexBanner .bannerimg img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.indexBanner .bannerimg img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: transform 6s ease;
	-moz-transition: transform 6s ease;
	-ms-transition: transform 6s ease;
	-o-transition: transform 6s ease;
	transition: transform 6s ease;
}

.indexBanner .swiper-slide.swiper-slide-active .bannerimg img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width:1024px) {
	.indexBanner .bannerimg {
		height: 0;
		padding-bottom: 56.25%;
	}
}

@media screen and (max-width:430px) {
	.indexBanner .bannerimg {
		height: 0;
		padding-bottom: 133%;
	}
}

/*bannerWz */
.indexBanner .bannerWz {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 3;
	text-align: center;
	color: #fff;
	font-weight: normal;
}

.indexBanner .bannerWz .tit {
	font-size: 50px;
}

.indexBanner .bannerWz .more {
	text-align: center;
	display: inline-block;
	padding: 0 40px;
	border-radius: 60px;
	margin-top: 45px;
	background: #e60044;
	-webkit-transition: transform 6s ease;
	-moz-transition: transform 6s ease;
	-ms-transition: transform 6s ease;
	-o-transition: transform 6s ease;
	transition: transform 6s ease;
}

.indexBanner .bannerWz .more span {
	display: inline-block;
	outline: none;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	color: #fff;
	line-height: 60px;
	font-size: 18px;
	padding-right: 50px;
	background: url("../image/icon-mm.png") no-repeat right center;
	background-size: 24px;
}

.indexBanner .bannerWz .more:hover {
	background: #15742a;
}

/**/
.indexBanner .bannerWz .tit,
.indexBanner .bannerWz .more {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transform: translateY(60px);
	-o-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
}

.indexBanner .swiper-slide.swiper-slide-active .bannerWz .tit {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transform: translateY(0) translateZ(0);
	-o-transform: translateY(0) translateZ(0);
	-moz-ttransform: translateY(0) translateZ(0);
	-ms-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
	-webkit-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
	-o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
	-moz-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
	-ms-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
	transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
}

.indexBanner .swiper-slide.swiper-slide-active .bannerWz .more {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transform: translateY(0) translateZ(0);
	-o-transform: translateY(0) translateZ(0);
	-moz-ttransform: translateY(0) translateZ(0);
	-ms-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
	-webkit-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	-o-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	-moz-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	-ms-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
}

@media screen and (max-width:1920px) {
	.indexBanner .bannerWz .tit {
		font-size: 2.6vw;
	}
}

@media screen and (max-width:1600px) {
	.indexBanner .bannerWz .more {
		padding: 0 35px;
		border-radius: 55px;
		margin-top: 40px;
	}

	.indexBanner .bannerWz .more span {
		line-height: 55px;
		font-size: 16px;
		padding-right: 45px;
		background-size: 20px;
	}
}

@media screen and (max-width:1400px) {
	.indexBanner .bannerWz .more {
		padding: 0 30px;
		border-radius: 50px;
		margin-top: 35px;
	}

	.indexBanner .bannerWz .more span {
		line-height: 50px;
		font-size: 14px;
		padding-right: 40px;
		background-size: 18px;
	}
}

@media screen and (max-width:1220px) {
	.indexBanner .bannerWz .more {
		padding: 0 25px;
		border-radius: 45px;
		margin-top: 30px;
	}

	.indexBanner .bannerWz .more span {
		line-height: 45px;
		font-size: 13px;
		padding-right: 35px;
		background-size: 16px;
	}

	.indexBanner .bannerWz .tit {
		font-size: 24px;
	}
}

@media screen and (max-width:1024px) {
	.indexBanner .bannerWz {
		top: 40%;
	}

	.indexBanner .bannerWz .tit {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	.indexBanner .bannerWz .tit {
		font-size: 18px;
	}
}


/*indexbanner-pagination*/
.indexbanner-paginationB {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	z-index: 4;
	text-align: center;
	margin: 0 auto;
}

.indexbanner-paginationB .swiper-pagination {
	bottom: 0;
	line-height: 0;
	font-size: 0;
	position: static;
	width: 100%;
	text-align: center;
}

.indexbanner-paginationB .swiper-pagination span {
	width: 45px;
	height: 4px;
	border: none;
	opacity: 1;
	float: none;
	margin-left: 10px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.2);
	transition: background .3s linear;
	cursor: pointer;
}

.indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active {
	background: #fff;
}

@media screen and (max-width:1024px) {
	.indexbanner-paginationB .swiper-pagination {}

	.indexbanner-paginationB .swiper-pagination span {
		width: 35px;
		height: 3px;
	}
}

@media screen and (max-width:768px) {
	.indexbanner-paginationB .swiper-pagination {}

	.indexbanner-paginationB .swiper-pagination span {
		width: 25px;
		height: 3px;
	}
}



/*indexT*/
.indexT {
	font-size: 0;
	line-height: 0;
	margin-bottom: 50px;
}

.indexT .cn {
	display: block;
	font-size: 34px;
	color: #676767;
	line-height: 1;
	line-height: normal;
}

.indexT .en {
	display: block;
	font-size: 80px;
	color: #9f9fa0;
	line-height: 1;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 20px;
}

.indexT .en b {
	color: #e60044;
}

.indexT .en b.spe {
	color: #008cd6;
}

@media screen and (max-width:1600px) {
	.indexT .cn {
		font-size: 28px;
	}

	.indexT .en {
		font-size: 70px;
	}
}

@media screen and (max-width:1400px) {
	.indexT {
		margin-bottom: 50px;
	}

	.indexT .cn {
		font-size: 26px;
	}

	.indexT .en {
		font-size: 60px;
	}
}

@media screen and (max-width:1220px) {
	.indexT {
		margin-bottom: 40px;
	}

	.indexT .cn {
		font-size: 24px;
	}

	.indexT .en {
		font-size: 50px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:1024px) {
	.indexT {
		margin-bottom: 40px;
	}

	.indexT .cn {
		font-size: 20px;
	}

	.indexT .en {
		font-size: 40px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:768px) {
	.indexT {
		margin-bottom: 30px;
	}

	.indexT .cn {
		font-size:22px;
	}

	.indexT .en {
		font-size: 30px;
		margin-bottom: 8px;
	}
}


/*btn-view*/
.btn-view {
	font-size: 0;
	line-height: 0;
}

.btn-view a {
	font-size: 18px;
	line-height: 50px;
	color: #545454;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-view a i {
	vertical-align: middle;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url(../images/icon-more.png) no-repeat center center #008cd6;
	background-size: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	margin-left: 10px;
}

.btn-view a:hover i {
	background-color: #e60044;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.btn-view a:hover {
	color: #e60044;
}

@media screen and (max-width:1220px) {
	.btn-view a {
		font-size: 14px;
		line-height: 40px;
	}

	.btn-view a i {
		width: 40px;
		height: 40px;
	}
}

@media screen and (max-width:768px) {
	.btn-view a {
		font-size: 12px;
		line-height: 35px;
	}

	.btn-view a i {
		width: 35px;
		height: 35px;
	}
}



/*indexPro*/
.indexPro {
	overflow: hidden;
	padding-top: 120px;
	padding-bottom: 120px;
}

.indexPro .indexProBox {
	max-width: 1920px;
	margin: 0 auto;
}

.indexPro .indexT {
	position: relative;
}

.indexPro .btn-view {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 3;
	width: 140px;
	margin-left: 30px;
	margin-top: 36px;
}

.indexPro .wbox1 {
	float: left;
	width: 50%;
	position: relative;
	z-index: 2;
	padding-top: 50px;
}

.indexPro .wbox2 {
	float: right;
	width: 50%;
	position: relative;
	z-index: 1;
	margin-bottom: 80px;
}

/*swiper-button*/
.indexPro .indexProBtn {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 38px;
	padding-top: 18px;
	background: #fff;
}

.indexPro .swiperbtn {
	width: 36px;
	height: 36px;
	outline: none;
	border: 1px solid #c2c2c2;
	border-radius: 50px;
	display: block;
	position: static;
	margin: 0;
	z-index: 3;
	top: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.indexPro .swiperbtn:after {
	display: none;
}

.indexPro .swiper-button-prev {
	background: url(../images/icon-t.png) center no-repeat;
	background-size: 100%;
	margin-bottom: 7px;
}

.indexPro .swiper-button-next {
	background: url(../images/icon-b.png) center no-repeat;
	background-size: 100%;
}

/*indexProWz*/
.indexProWz {
	padding-left: 10.4%;
}

.indexProWz .product-titleBox {
	padding-left: 16%;
	padding-right: 50px;
	padding-top: 0;
	position: relative;
}

.indexProWz .product-titleBox:after {
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 19px;
	background: #dfdfdf;
}

/*product-title*/
.product-title {
	overflow: hidden;
}

.product-title ul {
	position: relative;
	display: inline-block;
}

.product-title ul li {
	position: relative;
	display: block;
}

.product-title ul li a {
	display: flex;
	padding: 13px 0;
	align-items: center;
}

.product-title ul li .title {
	font-size: 20px;
	color: #000000;
	line-height: 1.3;
	padding-left: 10px;
	/*overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*/
}

.product-title ul li .entitle {
	font-size: 30px;
	color: #000000;
	line-height: 1;
	/*overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*/
}


.product-title ul li .title i {
	display: inline-block;
	/*position:absolute;right:0;top:6px;*/
	height: 15px;
	width: 15px;
	margin-left: 15px;
	background: url(../images/icon-more2.png) center no-repeat;
	background-size: 100%;
	vertical-align: top;
	position: relative;
	top: 7px;
	filter: grayscale(1);
}

/*active*/
.product-title ul li {
	filter: alpha(opacity=0.5);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.product-title ul li.active {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/*product-des*/
.product-des {
	font-size: 16px;
	color: #545454;
	line-height: 1.5;
	max-width: 550px;
	padding-top: 60px;
}

.product-title ul li.active .title i {
	filter: none;
}

/*indexProImg*/
.indexProImgbg {
	background-image: url(../images/index-probg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 33.333333%;
	top: 0;
	bottom: 0;
	width: 66.666667%;
	height: 100%;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.indexProImg {
	overflow: hidden;
	position: relative;
	z-index: 2;
	left: 30px;
	top: 90px;
	width: 67.70833333333333%;
	padding-top: 7.5vw;
}

.indexProImg img {
	max-width: 100%;
	height: auto;
}

.indexProImg .box {
	position: relative;
	display: block;
}

/*active*/
.indexProSW .swiper-slide .box img {
	animation-duration: .5s;
	animation-fill-mode: both;
	opacity: 0;
	animation-name: opNextOut;
}

.indexProSW .swiper-slide.swiper-slide-active .box img {
	opacity: 1;
	transform: none;
	animation-name: opPrevIn;
}

@media screen and (max-width: 1600px) {
	.indexPro {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.indexProWz {
		padding-left: 9%;
	}

	.indexProWz .product-titleBox {
		padding-left: 13%;
		padding-right: 50px;
		padding-top: 0;
	}

	.product-title ul li a {
		padding: 15px 0;
	}

	.product-title ul li .title {
		font-size: 40px;
	}

	.product-title ul li .title i {
		height: 20px;
		width: 20px;
		margin-left: 13px;
		top: 5px;
	}

	.product-des {
		font-size: 14px;
		padding-top: 55px;
	}

	.indexPro .btn-view {
		margin-top: 18px;
	}

	.indexPro .wbox1 {
		padding-top: 45px;
	}
}

@media screen and (max-width: 1400px) {
	.indexPro {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.indexProWz {
		padding-left: 7%;
	}

	.indexProWz .product-titleBox {
		padding-left: 10%;
		padding-right: 50px;
		padding-top: 0;
	}

	.product-title ul li a {
		padding: 15px 0;
	}

	.product-title ul li .title {
		font-size: 36px;
	}

	.product-title ul li .title i {
		height: 16px;
		width: 16px;
		margin-left: 13px;
		top: 5px;
	}

	.product-des {
		font-size: 14px;
		padding-top: 50px;
	}

	.indexPro .btn-view {
		margin-top: 16px;
	}

	.indexPro .wbox1 {
		padding-top: 40px;
	}
}

@media screen and (max-width: 1220px) {
	.indexPro {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.indexProWz {
		padding-left: 5%;
	}

	.indexProWz .product-titleBox {
		padding-left: 80px;
		padding-right: 50px;
		padding-top: 0;
	}

	.product-title ul li a {
		padding: 10px 0;
	}

	.product-title ul li .title {
		font-size: 30px;
	}

	.product-title ul li .title i {
		height: 18px;
		width: 18px;
		margin-left: 10px;
		top: 3px;
	}

	.product-des {
		font-size: 12px;
		padding-top: 40px;
	}

	.indexPro .btn-view {
		margin-top: 14px;
	}

	.indexPro .wbox1 {
		padding-top: 35px;
	}
}

@media screen and (max-width: 1024px) {
	.indexPro {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.indexProWz {
		padding-left: 5%;
	}

	.indexProWz .product-titleBox {
		padding-left: 70px;
		padding-right: 50px;
		padding-top: 30px;
	}

	.product-title ul li a {
		padding: 8px 0;
	}

	.product-title ul li .title {
		font-size: 24px;
	}

	.product-title ul li .title i {
		height: 15px;
		width: 15px;
		margin-left: 10px;
		top: 2px;
	}

	.product-des {
		font-size: 12px;
		padding-top: 30px;
	}

	.indexPro .btn-view {
		margin-top: 10px;
	}

	.indexPro .wbox1 {
		padding-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.indexPro {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.indexPro .wbox1 {
		float: none;
		width: 100%;
		margin-bottom: 50px;
	}

	.indexPro .wbox2 {
		float: none;
		width: 100%;
	}

	.product-title ul li a {
		padding: 8px 0;
	}

	.product-title ul li .title {
		font-size: 24px;
	}

	.product-title ul li .title i {
		height: 10px;
		width: 10px;
		margin-left: 10px;
		top: 2px;
	}

	.product-des {
		font-size: 14px;
		padding-top: 30px;
	}

	.indexProImgbg {
		height: 90%;
	}

	.indexPro .wbox2 {
		margin-bottom: 0;
	}

	.indexProImg {
		left: 30px;
		top: 20px;
		width: 100%;
		padding-top: 0;
	}

	.indexProImg .box {
		width: 67.70833333333333%;
		padding-top: 0;
	}

	.indexPro .btn-view {
		margin-top: 10px;
		left: auto;
		right: 5%;
		width: auto;
	}

	.indexPro .wbox1 {
		padding-top: 0;
	}

	.indexProWz .product-titleBox {
		padding-left: 60px;
		padding-right: 30px;
		padding-top: 20px;
	}
}




/*indexPro*/
.indexCase {
	overflow: hidden;
	padding-top: 150px;
	padding-bottom: 100px;
	position: relative;
	background-color: #000;
}

.indexCase .indexT {
	text-align: center;
}

.indexCase .indexT .cn {
	color: #fff;
}

.indexCase .indexT .en {
	color: #fff;
}

.indexCase .indexCaseBox {
	position: relative;
	z-index: 1;
	padding: 0 60px;
	max-width: 1920px;
	margin: 0 auto;
}

.indexCase .bg {
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	background-attachment: fixed;
}

/*indexCaselist*/
.indexCaselist ul {
	position: relative;
	font-size: 0;
	line-height: 0;
	margin: 0 -6px;
	padding-top: 50px;
}

.indexCaselist ul li {
	width: 25%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-bottom: 12px;
}

.indexCaselist ul li a {
	position: relative;
	display: block;
	margin: 0 6px;
	padding: 50px 40px;
	border-radius: 10px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.4);
}

.indexCaselist ul li .img {
	display: none;
}

.indexCaselist ul li .text {
	font-family: 'UNSII', "Microsoft YaHei", "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
}

.indexCaselist ul li .t {
	font-size: 22px;
	padding-top: 35px;
	margin-bottom: 10px;
}

.indexCaselist ul li .t2 {
	font-size: 20px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.indexCaselist ul li .icon img {
	max-width: 100%;
	max-height: 75px;
}

.indexCaselist ul li a {
	-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;
}

.indexCaselist ul li.active a {
	background-color: #e60044;
}

@media screen and (max-width: 1600px) {
	.indexCase {
		padding-top: 130px;
		padding-bottom: 90px;
	}

	.indexCaselist ul li a {
		padding: 45px 35px;
	}

	.indexCaselist ul li .t {
		font-size: 20px;
		padding-top: 30px;
	}

	.indexCaselist ul li .t2 {
		font-size: 18px;
	}

	.indexCaselist ul li .icon img {
		max-height: 70px;
	}

	.indexCase .indexCaseBox {
		padding: 0 40px;
	}
}

@media screen and (max-width: 1400px) {
	.indexCase {
		padding-top: 100px;
		padding-bottom: 80px;
	}

	.indexCaselist ul {
		padding-top: 40px;
	}

	.indexCaselist ul li a {
		padding: 40px 30px;
	}

	.indexCaselist ul li .t {
		font-size: 18px;
		padding-top: 25px;
		margin-bottom: 8px;
	}

	.indexCaselist ul li .t2 {
		font-size: 16px;
	}

	.indexCaselist ul li .icon img {
		max-height: 60px;
	}

	.indexCase .indexCaseBox {
		padding: 0 30px;
	}
}

@media screen and (max-width: 1220px) {
	.indexCase {
		padding-top: 90px;
		padding-bottom: 70px;
	}

	.indexCaselist ul {
		margin: 0 -5px;
		padding-top: 30px;
	}

	.indexCaselist ul li a {
		margin: 0 5px;
		padding: 30px 25px;
	}

	.indexCaselist ul li .t {
		font-size: 16px;
		padding-top: 20px;
		margin-bottom: 5px;
	}

	.indexCaselist ul li .t2 {
		font-size: 14px;
	}

	.indexCaselist ul li .icon img {
		max-height: 50px;
	}

	.indexCase .indexCaseBox {
		padding: 0;
	}

	.indexCase .bg {
		background-attachment: inherit;
	}
}

@media screen and (max-width: 1024px) {
	.indexCase {
		padding-top: 70px;
		padding-bottom: 50px;
	}

	.indexCaselist ul {
		margin: 0 -5px;
		padding-top: 20px;
	}

	.indexCaselist ul li a {
		margin: 0 5px;
		padding: 25px 20px;
	}

	.indexCaselist ul li .t {
		font-size: 15px;
		padding-top: 15px;
		margin-bottom: 0px;
	}

	.indexCaselist ul li .t2 {
		font-size: 12px;
	}

	.indexCaselist ul li .icon img {
		max-height: 40px;
	}

}

@media screen and (max-width: 768px) {
	.indexCase {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	.indexCaselist ul li {
		width: 50%;
		margin-bottom: 12px;
	}
}



/*indexPro*/
.indexAbout {
	overflow: hidden;
	padding-top: 160px;
	padding-bottom: 100px;
	position: relative;
}

.indexAbout .indexAboutBox {
	padding: 0 60px;
	max-width: 1920px;
	margin: 0 auto;
}

.indexAbout .indexT {
	float: left;
	width: 50%;
}

.indexAbout .indexAbout-des {
	float: right;
	width: 50%;
}

/*indexAbout-des*/
.indexAbout-des .des {
	font-size: 20px;
	color: #3b4048;
	line-height: 36px;
	margin-bottom: 55px;
}

/*indexAboutlist*/
.indexAboutlist ul {
	position: relative;
	font-size: 0;
	line-height: 0;
	padding-top: 110px;
}

.indexAboutlist ul li {
	width: 25%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.indexAboutlist ul li .item {
	position: relative;
	display: block;
	padding-left: 36px;
}

.indexAboutlist ul li .item:after {
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #d2d2d2;
}

.indexAboutlist ul li .text {
	font-family: 'UNSII', "Microsoft YaHei", "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
}

.indexAboutlist ul li .t {
	font-size: 20px;
	color: #7a7a7b;
}

.indexAboutlist ul li .t2 {
	font-size: 22px;
	color: #9f9fa0;
	margin-bottom: 130px;
}

.indexAboutlist ul li .t2:first-letter {
	color: #e60044;
}

.indexAboutlist ul li.spex .t2:first-letter {
	color: #008cd6;
}

.indexAboutlist ul li .icon {
	margin-bottom: 50px;
}

.indexAboutlist ul li .icon img {
	max-width: 100%;
	max-height: 80px;
}

.indexAboutlist ul li h2 {
	font-size: 24px;
	color: #e60012;
	font-weight: 600;
	text-align: left;
}

.indexAboutlist ul li h2 strong {
	font-size: 65px;
	line-height: 1;
	font-family: "Centra No2", Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: #008cd6;
}

.indexAboutlist ul li h2 b {
	font-size: 40px;
	line-height: 1;
	position: relative;
	top: 0;
	vertical-align: top;
	margin-left: 10px;
	font-family: "Centra No2", Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: #008cd6;
}

.indexAboutlist ul li h2 span {
	font-size: 20px;
	line-height: 1;
	position: relative;
	top: -6px;
	vertical-align: middle;
	margin-left: 8px;
	font-weight: bold;
	color: #008cd6;
}


.indexAboutlist ul li.spe h2 strong {
	color: #e60044;
}

.indexAboutlist ul li.spe h2 b {
	color: #e60044;
}

.indexAboutlist ul li.spe h2 span {
	color: #e60044;
}


@media screen and (max-width: 1600px) {
	.indexAbout {
		padding-top: 130px;
		padding-bottom: 90px;
	}

	.indexAboutlist ul {
		padding-top: 100px;
	}

	.indexAboutlist ul li .item {
		padding-left: 35px;
	}

	.indexAboutlist ul li .t {
		font-size: 18px;
	}

	.indexAboutlist ul li .t2 {
		font-size: 16px;
		margin-bottom: 120px;
	}

	.indexAboutlist ul li .icon {
		margin-bottom: 45px;
	}

	.indexAboutlist ul li .icon img {
		max-height: 75px;
	}

	.indexAboutlist ul li h2 {
		font-size: 22px;
	}

	.indexAboutlist ul li h2 strong {
		font-size: 54px;
	}

	.indexAboutlist ul li h2 b {
		font-size: 36px;
	}

	.indexAboutlist ul li h2 span {
		font-size: 18px;
		top: -5px;
	}

	.indexAbout-des .des {
		font-size: 16px;
		line-height: 32px;
		margin-bottom: 50px;
	}

	.indexAbout .indexAboutBox {
		padding: 0 40px;
	}
}

@media screen and (max-width: 1400px) {
	.indexAbout {
		padding-top: 100px;
		padding-bottom: 80px;
	}

	.indexAboutlist ul {
		padding-top: 80px;
	}

	.indexAboutlist ul li .item {
		padding-left: 30px;
	}

	.indexAboutlist ul li .t {
		font-size: 18px;
	}

	.indexAboutlist ul li .t2 {
		font-size: 16px;
		margin-bottom: 100px;
	}

	.indexAboutlist ul li .icon {
		margin-bottom: 40px;
	}

	.indexAboutlist ul li .icon img {
		max-height: 70px;
	}

	.indexAboutlist ul li h2 {
		font-size: 22px;
	}

	.indexAboutlist ul li h2 strong {
		font-size: 50px;
	}

	.indexAboutlist ul li h2 b {
		font-size: 32px;
	}

	.indexAboutlist ul li h2 span {
		font-size: 18px;
		top: -5px;
	}

	.indexAbout-des .des {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 40px;
	}

	.indexAbout .indexAboutBox {
		padding: 0 30px;
	}
}

@media screen and (max-width: 1220px) {
	.indexAbout {
		padding-top: 90px;
		padding-bottom: 70px;
	}

	.indexAboutlist ul {
		padding-top: 70px;
	}

	.indexAboutlist ul li .item {
		padding-left: 30px;
	}

	.indexAboutlist ul li .t {
		font-size: 16px;
	}

	.indexAboutlist ul li .t2 {
		font-size: 14px;
		margin-bottom: 70px;
	}

	.indexAboutlist ul li .icon {
		margin-bottom: 30px;
	}

	.indexAboutlist ul li .icon img {
		max-height: 70px;
	}

	.indexAboutlist ul li h2 {
		font-size: 20px;
	}

	.indexAboutlist ul li h2 strong {
		font-size: 40px;
	}

	.indexAboutlist ul li h2 b {
		font-size: 30px;
	}

	.indexAboutlist ul li h2 span {
		font-size: 16px;
		top: -3px;
	}

	.indexAbout-des .des {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 30px;
	}

	.indexAbout .indexAboutBox {
		padding: 0;
	}
}

@media screen and (max-width: 1024px) {
	.indexAbout {
		padding-top: 70px;
		padding-bottom: 50px;
	}

	.indexAboutlist ul {
		padding-top: 50px;
	}

	.indexAboutlist ul li .item {
		padding-left: 30px;
	}

	.indexAboutlist ul li .t {
		font-size: 14px;
	}

	.indexAboutlist ul li .t2 {
		font-size: 12px;
		margin-bottom: 50px;
	}

	.indexAboutlist ul li .icon {
		margin-bottom: 20px;
	}

	.indexAboutlist ul li .icon img {
		max-height: 60px;
	}

	.indexAboutlist ul li h2 {
		font-size: 18px;
	}

	.indexAboutlist ul li h2 strong {
		font-size: 30px;
	}

	.indexAboutlist ul li h2 b {
		font-size: 26px;
	}

	.indexAboutlist ul li h2 span {
		font-size: 14px;
		top: -3px;
	}

}

@media screen and (max-width: 768px) {
	.indexAbout {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	.indexAbout .indexT {
		float: none;
		width: 100%;
	}

	.indexAbout .indexAbout-des {
		float: none;
		width: 100%;
	}

	.indexAboutlist ul li {
		width: 50%;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 450px) {
	.indexAboutlist ul li .item {
		padding-left: 20px;
	}
}


/*****************************page start*****************************/
/*pagebanner*/
.pagebanner .bannershadow {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url("../image/banner-shadow.png") repeat center top;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.pagebanner {
	display: block;
	overflow: hidden;
	height: auto;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
	padding-bottom: 31.25%;
	position: relative;
	background-size: cover;
}

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

.pagebanner .bannerpic {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	animation: srmgani 4000ms 1 ease forwards;
}

@keyframes srmgani {
	0% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1.0);
	}
}

.pagebanner .pagebanner-tt {
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: 48%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index: 2;
	color: #ffffff;
}

.pagebanner .pagebanner-tt .en {
	font-size: 40px;
	line-height: 1.1;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.pagebanner .pagebanner-tt h2, .pagebanner .pagebanner-tt h1 {
	font-size: 24px;
	line-height: 1.1;
}

.pagebanner .pagebanner-tt .des {
	font-size: 16px;
	line-height: 1.1;
	margin-top: 4vw;
}

@media screen and (max-width:1024px) {
	.pagebanner .pagebanner-tt .en {
		font-size: 30px;
		margin-bottom: 15px;
	}

	.pagebanner .pagebanner-tt h2, .pagebanner .pagebanner-tt h1 {
		font-size: 20px;
	}

	.pagebanner .pagebanner-tt .des {
		font-size: 14px;
	}

	.pagebanner {
		padding-bottom: 50%;
	}
}

@media screen and (max-width:768px) {
	.pagebanner .pagebanner-tt .en {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.pagebanner .pagebanner-tt h2, .pagebanner .pagebanner-tt h1 {
		font-size: 16px;
	}

	.pagebanner .pagebanner-tt .des {
		font-size: 12px;
		margin-top: 8vw;
	}

	.pagebanner {
		padding-bottom: 70%;
	}
}




/*pageNav*/
.pageNav {
	position: relative;
	z-index: 2;
	text-align: center;
	margin-top: -90px;
}

.pageNav .pageNavTit {
	display: none;
}

.pageNav ul {
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
	background-color: #fff;
	background: rgba(255, 255, 255, 0.9);
}

.pageNav li {
	flex-grow: 1;
}

.pageNav li a {
	position: relative;
	display: block;
	color: #363636;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*font-size:20px;*/
	font-size: 18px;
	line-height: 90px;
	padding: 0 10px;
}

.pageNav li a span {
	display: block;
	position: relative;
	z-index: 2;
}

.pageNav li a:after {
	content: '';
	width: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 4px;
	background: #e60044;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pageNav li .on:after,
.pageNav li a:hover:after {
	width: 100%;
	right: auto;
	left: 0
}

.pageNav li .on,
.pageNav li a:hover {
	color: #e60044;
}

@media screen and (max-width:1600px) {
	.pageNav {
		margin-top: -80px;
	}

	.pageNav li a {
		line-height: 80px;
		font-size: 18px;
	}
}

@media screen and (max-width:1400px) {
	.pageNav {
		margin-top: -70px;
	}

	.pageNav li a {
		line-height: 70px;
		font-size: 16px;
	}

	.pageNav li a:after {
		height: 2px;
	}
}

@media screen and (max-width:1024px) {
	.pageNav {
		margin-top: -60px;
	}

	.pageNav li a {
		line-height: 60px;
		font-size: 14px;
	}
}

@media screen and (min-width:768.1px) {
	.pageNav ul {
		display: flex !important;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		flex-flow: wrap;
		flex: 1;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
}

@media screen and (max-width:768px) {
	.pageNav {
		margin-top: 0;
	}

	.pageNav li a {
		line-height: 40px;
		font-size: 14px;
	}

	.pageNav {
		position: relative;
	}

	.pageNav .pageNavTit {
		display: block;
		height: 50px;
		line-height: 50px;
		text-align: left;
		padding-right: 50px;
		position: relative;
		font-size: 16px;
		padding: 0 15px;
		border-bottom: 1px solid #f0f0f0;
	}

	.pageNav .pageNavTit:after {
		content: '';
		display: inline-block;
		width: 50px;
		height: 50px;
		background: url(../image/icon-v.png) no-repeat center center;
		background-size: 13px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -25px;
	}

	.pageNav .w1400 {
		width: 100%;
		max-width: 100%;
	}

	.pageNav ul {
		display: block;
		padding: 10px 10px;
		text-align: left;
		background: #f0f0f0;
	}

	.pageNav li {
		line-height: normal;
		margin-bottom: 5px;
		display: inline-block;
	}

	.pageNav li a {
		padding: 5px 10px;
		line-height: 20px;
	}

	.pageNav li a:after {
		display: none;
	}
}




/*********************************page*********************************/
.page {
	background: #ffffff;
	color: #363636;
	font-size: 18px;
	line-height: 36px;
	min-height: 300px;
}

.pageInfo {
	padding-top: 100px;
	padding-bottom: 85px;
}

.page img {
	max-width: 100%;
	height: auto;
}

.page hr {
	border: none;
	border-top: 1px solid #e7e7e7;
}

.page .b {
	color: #e60044;
	font-size: 26px;
	font-weight: bold;
}

@media screen and (max-width:1220px) {
	.pageInfo {
		padding-top: 70px;
		padding-bottom: 50px;
	}

	.page {
		font-size: 16px;
		line-height: 30px;
	}

	.page .b {
		font-size: 24px;
	}
}

@media screen and (max-width:1024px) {
	.pageInfo {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.page {
		font-size: 16px;
		line-height: 30px;
	}

	.page .b {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	.page {
		font-size: 14px;
		line-height: 26px;
	}

	.pageInfo {
		padding: 50px 0;
	}

	.page .b {
		font-size: 18px;
	}
}





/*pageTitle*/
.pageTitle {
	text-align: center;
	/*margin-bottom:90px;*/
	margin-bottom: 50px;
}

.pageTitle .cn {
	font-size: 36px;
	color: #363636;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 40px;
}

.pageTitle .line {
	width: 100%;
	height: 1px;
	background: #eeeeee;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.pageTitle .line:after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 3px;
	background: #e60044;
	margin: 0 auto;
}

@media screen and (max-width:1600px) {
	.pageTitle {
		margin-bottom: 80px;
	}

	.pageTitle .cn {
		font-size: 34px;
		margin-bottom: 35px;
	}
}

@media screen and (max-width:1400px) {
	.pageTitle {
		margin-bottom: 70px;
	}

	.pageTitle .cn {
		font-size: 30px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:1220px) {
	.pageTitle {
		margin-bottom: 60px;
	}

	.pageTitle .cn {
		font-size: 28px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:1024px) {
	.pageTitle {
		margin-bottom: 50px;
	}

	.pageTitle .cn {
		font-size: 26px;
		margin-bottom: 25px;
	}
}

@media screen and (max-width:768px) {
	.pageTitle {
		margin-bottom: 40px;
	}

	.pageTitle .cn {
		font-size: 24px;
		margin-bottom: 20px;
	}
}




/*videoList*/
.videoList {
	margin: 0 -15px;
	padding: 0;
	overflow: hidden;
	height: auto;
	color: #a0a0a0;
	font-size: 0;
	line-height: normal;
}

.videoList li {
	font-size: 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 50%;
	vertical-align: top;
	margin-bottom: 20px;
}

.videoList li a {
	display: block;
	margin: 0 15px;
	overflow: hidden;
}

.videoList li a .ImgBox {
	height: 0;
	position: relative;
	padding-bottom: 51.09489051094891%;
	border-radius: 10px;
	overflow: hidden;
}

.videoList li a .ImgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.videoList li a .ImgBox img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.videoList li a:hover .ImgBox img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.videoList li a {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.videoList li a,
.videoList li .listTitle:after {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.videoList li .listTitle {
	padding-top: 30px;
	padding-bottom: 30px;
}

.videoList li .listTitle .t {
	display: block;
	font-size: 18px;
	color: #000000;
	line-height: 1.5;
	overflow: hidden;
	text-align: center;
}

.videoList li a .ImgBox {
	position: relative;
}

.videoList li a .ImgBox:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	z-index: 2;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: url(../image/icon-video.png) no-repeat center center;
	background-size: 100%;
	cursor: pointer;
}

.videoList li a .ImgBox:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #000;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

@media screen and (max-width:1220px) {
	.videoList {
		margin: 0 -10px;
	}

	.videoList li a {
		margin: 0 10px;
	}
}

@media screen and (max-width:1024px) {
	.videoList {
		margin: 0 -5px;
	}

	.videoList li a {
		margin: 0 5px;
	}

	.videoList li a .ImgBox:after {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}

	.videoList li .listTitle .t {
		font-size: 16px;
	}

	.videoList li .listTitle {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media screen and (max-width:768px) {
	.videoList {
		margin: 0 0px;
	}

	.videoList li a {
		margin: 0 0px;
	}

	.videoList li {
		width: 100%;
	}

	.videoList li a .ImgBox:after {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
}

/*pageAbout*/
.pageAbout {
	background: url(../images/abbg1.jpg) center center no-repeat;
	padding-top: 95px;
	padding-bottom: 60px;
	background-attachment: fixed;
}

/*aboutList*/
.aboutList {
	font-size: 0;
	line-height: 0;
	margin: 0px -12.5px;
	text-align: center;
}

.aboutList li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 33.333333%;
	margin-bottom: 30px;
}

.aboutList li .item {
	display: block;
	margin: 0 12.5px;
	padding: 60px 30px 30px 30px;
	border-top: 5px solid #e60044;
	border-radius: 10px;
	background-color: #fff;
	background: rgba(255, 255, 255, 0.9);
}

.aboutList li .item:hover {
	background: #fff;
}

.aboutList li .icon {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}

.aboutList li .icon img {
	max-width: 100%;
	max-height: 65px;
}

.aboutList li .des {
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	min-height: 90px;
	color: #363636;
	margin: 0 auto;
	max-width: 330px;
	font-weight: 300;
}
.aboutList li .des span{font-weight: 500;font-size: 18px;}
@media screen and (max-width:1220px) {
	.aboutList {
		margin: 0px -10px;
	}

	.aboutList li .item {
		margin: 0 10px;
	}

	.aboutList li {
		margin-bottom: 25px;
	}

	.aboutList li .des {
		font-size: 16px;
		line-height: 26px;
		min-height: 78px;
	}
}

@media screen and (max-width:1024px) {
	.aboutList li {
		width: 50%;
	}

	.aboutList li .des {
		font-size: 14px;
		line-height: 24px;
		min-height: 72px;
	}

	.aboutList {
		margin: 0px -8px;
	}

	.aboutList li .item {
		margin: 0 8px;
	}

	.aboutList li {
		margin-bottom: 20px;
	}

	.aboutList li .item {
		padding: 50px 25px 25px 25px;
	}
}

@media screen and (max-width:768px) {
	.aboutList li {
		width: 100%;
	}

	.aboutList li .item {
		padding: 40px 20px 20px 20px;
	}
}




/*pageNetworkB*/
.pageNetwork {
	padding-top: 130px;
	padding-bottom: 50px;
	background:#fff;
	background-position: top center;
	background-size: contain;
}

.pageNetworkB {
	position: relative;
	min-height: 580px;
}

/*pageMap*/

.pageMap .pageMapB {
	float: right;
	margin-left: 150px;
	margin-right: 390px;
	position: relative;
}

.pageMap .pageMapB img {
	max-width: 100%;
}

.pageMap .pageMapB .pic-point {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: mymoveli 2s infinite 0.5s;
}

@keyframes mymoveli {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0
	}
}

/*pageShuju*/
.mapList {
	position: absolute;
	right: 0;
	top: 0;
	width: 360px;
}

.mapList li {
	margin-bottom: 18px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	background: #e0e6e1;
	border-radius: 10px;
	min-height: 116px;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
}

.mapList li h2 {
	font-size: 20px;
	color: #000000;
	font-weight: 300;
	padding-left: 30px;
	background: url(../image/icon-dian1.png) left 5px no-repeat;
	background-size: 16px;
	margin-bottom: 15px;
}

.mapList li p {
	font-size: 15px;
	color: #363636;
	line-height: 24px;
	padding-left: 23px;
	background: url(../image/icon-dian.png) 6px 10px no-repeat;
	background-size: 6px;
	margin-bottom: 5px;
}

.mapList li.d2 h2 {
	background-image: url(../image/icon-dian2.png);
}

.mapList li.d3 h2 {
	background-image: url(../image/icon-dian3.png);
}

/*pageShuju*/
.pageShuju {
	position: absolute;
	left: 0;
	top: 70px;
}

.pageShuju li {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	color: #000000;
	line-height: 30px;
	text-align: left;
	min-height: 100px;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
}

.pageShuju li h2 {
	font-size: 24px;
	color: #e60012;
	font-weight: 600;
	text-align: left;
}

.pageShuju li h2 strong {
	font-size: 54px;
	line-height: 1;
	font-family: "Centra No2", Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: #e60044;
}

.pageShuju li h2 span {
	font-size: 20px;
	line-height: 1;
	position: relative;
	top: 0;
	vertical-align: top;
	margin-left: 10px;
	color: #000000;
	font-weight: normal;
}

@media screen and (max-width:1400px) {
	.pageShuju {
		position: static;
		left: 0;
		top: 0;
		margin-bottom: 30px;
	}

	.pageShuju ul {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		justify-content: space-between;
	}

	.pageShuju li {
		flex-grow: 1;
	}

	.pageShuju li .item {
		width: 100%;
	}

	.pageMap {
		position: relative;
		min-height: 580px;
	}

	.pageMap .pageMapB {
		margin-left: 0;
		margin-right: 320px;
	}

	.mapList {
		width: 300px;
	}

	.mapList li h2 {
		font-size: 16px;
	}

	.mapList li p {
		font-size: 14px;
	}


}

@media screen and (max-width:1220px) {


	.pageMap .pageMapB {
		float: none;
		margin-right: 0;
		text-align: center;
		margin-bottom: 30px;
	}

	.mapList {
		width: 100%;
		position: static;
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		justify-content: space-between;
	}

	.mapList li {
		flex-grow: 1;
		margin: 0 5px;
		justify-content: space-between;
		width: 33.333%;
	}

	.mapList li h2 {
		font-size: 16px;
	}

	.mapList li p {
		font-size: 14px;
	}
}

@media screen and (max-width:768px) {
	.pageShuju ul {
		display: block;
		font-size: 0;
		line-height: 0;
	}

	.pageShuju li {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: 50%;
	}

	.mapList {
		display: block;
	}

	.mapList li {
		margin-bottom: 10px;
		width: auto;
	}
}

@media screen and (max-width:640px) {
	.mapList li h2 {
		font-size: 16px;
	}

	.mapList li p {
		font-size: 14px;
	}

	.pageShuju li {
		font-size: 14px;
	}

	.pageShuju li h2 {
		font-size: 18px;
	}

	.pageShuju li h2 strong {
		font-size: 40px;
	}

	.pageShuju li h2 span {
		font-size: 16px;
	}
}






/*pageTit2*/
.pageTit2 {
	margin-bottom: 80px;
	text-align: center;
}

.pageTit2 h2 {
	font-size: 30px;
	line-height: 1;
	color: #2b2b2a;
	font-weight: 300;
}

@media screen and (max-width:1024px) {
	.pageTit2 {
		margin-bottom: 60px;
	}

	.pageTit2 h2 {
		font-size: 24px;
	}
}

@media screen and (max-width:768px) {
	.pageTit2 {
		margin-bottom: 40px;
	}

	.pageTit2 h2 {
		font-size: 20px;
	}
}



/*pageHistory*/
.pageHistory {
	padding-top: 130px;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.pagePartner {
	padding-top: 130px;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.pageHistoryBig {
	overflow: hidden;
}

/*pageHistoryB*/
.pageHistoryB {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 100px;
	margin-bottom: 90px;
}

.pageHistoryB .swiper-wrapper {
	position: relative;
}

.pageHistoryB .swiper-container {
	height: 100%;
	line-height: 0;
}

.pageHistoryB .swiper-slide {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	float: left;
	width: 100%;
	display: block;
}

/*item*/
.pageHistoryB .item {
	text-align: left;
	position: relative;
	display: block;
}

.pageHistoryB .item .imgBox {
	width: 50%;
	float: left;
}

.pageHistoryB .item .imgBox .img {
	text-align: left;
	height: 0;
	position: relative;
	padding-bottom: 60%;
	border-radius: 10px;
	overflow: hidden;
}

.pageHistoryB .item .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pageHistoryB .item .wzBox {
	width: 50%;
	float: right;
	position: relative;
	z-index: 2;
	padding-top: 60px;
}

.pageHistoryB .item .year {
	font-size: 100px;
	line-height: 1;
	color: #e60044;
	font-family: "Centra No2", Arial, Helvetica, sans-serif;
	font-weight: 500;
	position: relative;
	left: -90px;
}

.pageHistoryB .item .nr {
	font-size: 18px;
	line-height: 30px;
	color: #4b4b4b;
	font-weight: 300;
	padding-left: 30%;
	padding-top: 40px;
}

/*active*/
.pageHistoryB .item .imgBox {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	clip-path: inset(0 0 0 100%);
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.pageHistoryB .swiper-slide.swiper-slide-active .item .imgBox {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	clip-path: inset(0 0 0 0);
}

.pageHistoryB .item .nr {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transform: translateY(-60px);
	-o-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.pageHistoryB .swiper-slide.swiper-slide-active .item .nr {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transform: translateY(0) translateZ(0);
	-o-transform: translateY(0) translateZ(0);
	-moz-ttransform: translateY(0) translateZ(0);
	-ms-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
	-webkit-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	-o-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	-moz-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	-ms-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
}

.pageHistoryB .item .year {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transform: translateY(-60px);
	-o-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.pageHistoryB .swiper-slide.swiper-slide-active .item .year {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transform: translateY(0) translateZ(0);
	-o-transform: translateY(0) translateZ(0);
	-moz-ttransform: translateY(0) translateZ(0);
	-ms-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
	-webkit-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
	-o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
	-moz-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
	-ms-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
	transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
}

@media screen and (max-width:1600px) {
	.pageHistory {
		padding-top: 120px;
		padding-bottom: 100px;
	}

	.pageHistoryB {
		padding: 0 90px;
		margin-bottom: 80px;
	}

	.pageHistoryB .item .wzBox {
		padding-top: 40px;
	}

	.pageHistoryB .item .nr {
		padding-left: 20%;
		padding-top: 20px;
	}

	.pageHistoryB .item .year {
		font-size: 90px;
		left: -90px;
	}

}

@media screen and (max-width:1400px) {
	.pageHistory {
		padding-top: 100px;
		padding-bottom: 90px;
	}

	.pageHistoryB {
		padding: 0 80px;
		margin-bottom: 70px;
	}

	.pageHistoryB .item .year {
		font-size: 70px;
		left: -60px;
	}

	.pageHistoryB .item .nr {
		font-size: 16px;
		line-height: 1.5;
	}

}

@media screen and (max-width:1220px) {
	.pageHistory {
		padding-top: 90px;
		padding-bottom: 70px;
	}

	.pageHistoryB {
		padding: 0 70px;
		margin-bottom: 60px;
	}

	.pageHistoryB .item .year {
		font-size: 60px;
		left: -50px;
	}

	.pageHistoryB .item .nr {
		font-size: 15px;
		line-height: 1.5;
	}

	.pageHistoryB .item .wzBox {
		padding-top: 30px;
	}

	.pageHistoryB .item .nr {
		padding-left: 15%;
		padding-top: 15px;
	}
}

@media screen and (max-width:1024px) {
	.pageHistory {
		padding-top: 70px;
		padding-bottom: 50px;
	}

	.pageHistoryB {
		padding: 0 50px;
		margin-bottom: 50px;
	}

	.pageHistoryB .item .year {
		font-size: 50px;
		left: -40px;
	}

	.pageHistoryB .item .nr {
		font-size: 14px;
		line-height: 1.5;
	}

	.pageHistoryB .item .wzBox {
		padding-top: 30px;
	}

	.pageHistoryB .item .nr {
		padding-left: 15%;
		padding-top: 15px;
	}
}

@media screen and (max-width:768px) {
	.pageHistory {
		padding-top: 70px;
		padding-bottom: 50px;
	}

	.pageHistoryB {
		padding: 0;
	}

	.pageHistoryB .item .wzBox {
		width: 100%;
		float: none;
	}

	.pageHistoryB .item .imgBox {
		width: 100%;
		float: none;
	}

	.pageHistoryB .item .imgBox .img {
		padding-bottom: 50%;
	}

	.pageHistoryB .item .year {
		font-size: 34px;
		left: 0;
		text-align: center;
	}

	.pageHistoryB .item .nr {
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 15px;
	}
}


/*swiper-button*/
.pageHistory .swiper-button-prev,
.pageHistory .swiper-button-next {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 10;
	outline: none;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #c8c8c8;
}

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

.pageHistory .swiper-button-prev {
	background: url(../image/icon-l.png) center center no-repeat;
	left: 0;
	background-size: 8px;
	outline: none;
}

.pageHistory .swiper-button-next {
	background: url(../image/icon-r.png) center center no-repeat;
	right: 0;
	background-size: 8px;
	outline: none;
}

.pageHistory .swiper-button-prev.swiper-button-disabled,
.pageHistory .swiper-button-next.swiper-button-disabled {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.pageHistory .swiper-button-prev:hover,
.pageHistory .swiper-button-next:hover {
	border-color: #e60044;
}

@media screen and (max-width:1220px) {

	.pageHistory .swiper-button-prev,
	.pageHistory .swiper-button-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
}

@media screen and (max-width:1024px) {

	.pageHistory .swiper-button-prev,
	.pageHistory .swiper-button-next {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
}

@media screen and (max-width:768px) {

	.pageHistory .swiper-button-prev,
	.pageHistory .swiper-button-next {
		width: 30px;
		height: 30px;
		top: 23vw;
		margin-top: -15px;
	}

	.pageHistory .swiper-button-prev {
		left: 3%;
		/* background-image:url(../image/arrow-left2.png);*/
	}

	.pageHistory .swiper-button-next {
		right: 3%;
		/* background-image:url(../image/arrow-right2.png);*/
	}

}



/*swiperYearBox*/
.swiperYearBox {
	position: relative;
	top: 0;
	z-index: 2;
}

/*swiperYear*/
.hisBg {
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	right: 0;
}

.hisBg .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 1px;
	background: #e60044;
}

/*swiperYear*/
.swiperYear {
	margin: auto;
	overflow: visible;
	text-align: center;
	z-index: 2;
	cursor: grab;
}

.swiperYear .swiper-slide {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	float: left;
	width: 10%;
	display: block;
}

.swiperYear .line {
	height: 1px;
	width: 1px;
	display: block;
	margin: auto;
	background: rgba(0, 0, 0, .1);
	position: relative;
}

.swiperYear .line:after {
	display: block;
	position: absolute;
	content: '';
	top: -4px;
	left: -5px;
	width: 10px;
	height: 10px;
	background: transparent;
	border-radius: 50%;
}

.swiperYear .year {
	font-size: 20px;
	color: #363636;
	font-weight: normal;
	margin-top: 14px;
}

.swiperYear .swiper-slide {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.swiperYear .swiper-slide-thumb-active .year {
	color: #e60044;
}

.swiperYear .swiper-slide-thumb-active .line:after {
	background: #e60044;
}

.swiperYear .swiper-slide-thumb-active .line:before {
	content: " ";
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #e60044;
	border-radius: 50%;
	filter: alpha(opacity=10);
	opacity: 0.1;
	right: 0;
	left: -5px;
	top: -5px;
	margin: 0 auto;
	z-index: 9;
	animation: halo 1s .5s infinite ease-out;
}

@keyframes halo {
	0% {
		transform: scale(0)
	}

	100% {
		transform: scale(3)
	}
}

@media screen and (max-width:1220px) {
	.swiperYear .year {
		font-size: 16px;
		margin-top: 14px;
	}
}

@media screen and (max-width:1024px) {
	.swiperYear .year {
		font-size: 15px;
		margin-top: 14px;
	}
}

@media screen and (max-width:768px) {
	.swiperYearBox {
		top: 0;
	}

	.swiperYear .year {
		font-size: 14px;
		margin-top: 14px;
	}
}






/*pageTabs*/
.pageTabs {
	position: relative;
	z-index: 2;
	text-align: center;
	margin-bottom: 60px;
}

.pageTabs ul {
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.pageTabs li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 25%;
	max-width: 240px;
}

.pageTabs li a {
	position: relative;
	display: block;
	padding: 0 10px;
}

.pageTabs li a span {
	display: block;
}

.pageTabs li a .icon {
	height: 65px;
	margin-bottom: 20px;
}

.pageTabs li a .icon img {
	max-height: 100%;
	max-width: 100%;
}

.pageTabs li a .t {
	color: #e60044;
	font-size: 18px;
	line-height: 30px;
}

.pageTabs li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.pageTabs li.on a {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

@media screen and (max-width:1220px) {
	.pageTabs {
		margin-bottom: 50px;
	}

	.pageTabs li a .icon {
		height: 60px;
		margin-bottom: 10px;
	}

	.pageTabs li a .t {
		font-size: 16px;
		line-height: 1.5;
	}
}

@media screen and (max-width:1024px) {
	.pageTabs {
		margin-bottom: 40px;
	}

	.pageTabs li a .icon {
		height: 50px;
		margin-bottom: 5px;
	}

	.pageTabs li a .t {
		font-size: 14px;
		line-height: 1.5;
	}
}

@media screen and (max-width:768px) {
	.pageTabs {
		margin-bottom: 30px;
	}

	.pageTabs li a .icon {
		height: 40px;
	}

	.pageTabs li a .t {
		font-size: 12px;
		line-height: 1.5;
	}
}


/*pageTabsCon*/
.pageTabsCon .pageTabsBox {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden
}

.pageTabsCon .pageTabsBox.show {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	height: auto;
}

/*pageCulture*/
.pageCulture {
	/*padding-top:150px;*/
	padding-top: 50px;
	padding-bottom: 50px;
}

.pageCulture .info {
	padding-left: 20%;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 40px;
}

.pageCulture .tit {
	font-size: 30px;
	color: #329f4c;
	font-weight: 300;
	margin-bottom: 20px;
}

.pageCulture .des {
	font-size: 18px;
	color: #2b2b2a;
	line-height: 1.8;
	font-weight: normal;
}

.pageCulture .line {
	width: 48px;
	height: 102px;
	background: url(../image/page-culture-line.png) no-repeat center center;
	position: absolute;
	bottom: 90px;
	right: -38px;
	z-index: 0;
}

.pageCulture .en {
	font-size: 80px;
	line-height: 1;
	color: #e60044;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	right: -120px;
	z-index: 2;
}

.pageCulture .imgBox {
	position: relative;
	padding-bottom: 20px;
}

.pageCulture .imgBox .img {
	height: 0;
	padding-bottom: 70%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.pageCulture .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pageCulture .imgBox .img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.pageCulture:hover .imgBox .img img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.pageCulture .imgBox {
	width: 50%;
	float: left;
}

.pageCulture .infoBox {
	width: 50%;
	float: right;
}

@media screen and (max-width:1220px) {
	.pageCulture .tit {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.pageCulture .des {
		font-size: 16px;
		line-height: 1.5;
	}

	.pageCulture .line {
		width: 48px;
		height: 102px;
		bottom: 90px;
		right: -38px;
	}

	.pageCulture .en {
		font-size: 70px;
		right: -100px;
	}
}

@media screen and (max-width:1024px) {

	.pageCulture .info {
		padding-left: 15%;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 30px;
	}

	.pageCulture .tit {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.pageCulture .des {
		font-size: 16px;
		line-height: 1.5;
	}

	.pageCulture .line {
		width: 40px;
		height: 90px;
		bottom: 70px;
		right: -30px;
	}

	.pageCulture .en {
		font-size: 60px;
		right: -100px;
	}
}

@media screen and (max-width:768px) {
	.pageCulture {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.pageCulture .tit {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.pageCulture .des {
		font-size: 14px;
		line-height: 1.5;
	}

	.pageCulture .info {
		padding-left: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 30px;
	}

	.pageCulture .line {
		width: 40px;
		height: 90px;
		bottom: 70px;
		right: -30px;
	}

	.pageCulture .en {
		font-size: 50px;
		right: -70px;
	}

	.pageCulture .imgBox {
		width: auto;
		float: none;
		margin-right: 80px;
	}

	.pageCulture .infoBox {
		width: 100%;
		float: none;
	}


}

@media screen and (min-width:768.1px) {
	.pageCulture .pageCultureBox {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
	}
}




/*pageHonor*/
.pageHonor {
	background: url(../image/page-honorbg.jpg) no-repeat center top;
	background-size: 100%;
}

/*pageHonorTable*/
.pageHonorTable {
	max-width: 1300px;
	margin: 0 auto;
	margin-bottom: 80px;
}

.pageHonorTable td {
	font-size: 20px;
	color: #7a7a7b;
	line-height: 1;
	text-align: center;
	width: 300px;
	height: 105px;
	padding: 10px 30px;
	background: url(../image/page-honor-wzbg.png) no-repeat center top;
	background-size: 250px;
}

.pageHonorTable td h2 {
	font-size: 40px;
	line-height: 1;
	color: #e60044;
	font-family: "Centra No2", Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.pageHonorTable td h2 strong {
	font-size: 60px;
	line-height: 1;
	font-weight: 500;
}

.pageHonorTable td h2 span {
	position: relative;
	top: 0;
	line-height: 1;
	vertical-align: middle;
	margin-left: 10px;
}

.pageHonorTable td h2 b {
	font-weight: 500;
}

@media screen and (max-width:1400px) {
	.pageHonorTable td h2 {
		font-size: 36px;
	}

	.pageHonorTable td h2 strong {
		font-size: 56px;
	}

	.pageHonorTable td {
		font-size: 18px;
	}
}

@media screen and (max-width:1220px) {
	.pageHonorTable {
		margin-bottom: 50px;
	}

	.pageHonorTable td h2 {
		font-size: 30px;
	}

	.pageHonorTable td h2 strong {
		font-size: 50px;
	}

	.pageHonorTable td {
		font-size: 16px;
		width: 260px;
		height: 85px;
		padding: 10px 30px;
		background-size: 210px;
	}
}

@media screen and (max-width:1024px) {
	.pageHonorTable {
		margin-bottom: 30px;
	}

	.pageHonorTable td h2 {
		font-size: 26px;
	}

	.pageHonorTable td h2 strong {
		font-size: 42px;
	}

	.pageHonorTable td {
		font-size: 14px;
		width: 220px;
		height: 65px;
		padding: 10px 20px;
		background-size: 170px;
	}

}

@media screen and (max-width:768px) {
	.pageHonorTable {
		margin-bottom: 20px;
	}

	.pageHonorTable td h2 {
		font-size: 24px;
	}

	.pageHonorTable td h2 strong {
		font-size: 38px;
	}

	.pageHonorTable td {
		font-size: 14px;
		width: 260px;
		height: auto;
		padding: 5px 15px;
		background: none;
	}
}

@media screen and (max-width:550px) {
	.pageHonorTable {
		margin-bottom: 10px;
	}

	.pageHonorTable td h2 {
		font-size: 20px;
	}

	.pageHonorTable td h2 strong {
		font-size: 30px;
	}

	.pageHonorTable td {
		font-size: 14px;
		width: 260px;
		height: auto;
		padding: 5px 10px;
		background: none;
	}
}






/*pageHonorList*/
.pageHonorList {
	padding-bottom: 60px;
	padding-top: 60px;
}

/*honorList*/
.honorList {
	font-size: 0;
	line-height: 0;
	margin: 0 -5px;
}

.honorList li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 50%;
	margin-bottom: 10px;
}

.honorList li a {
	display: block;
	padding: 25px 25px;
	text-align: center;
	border-radius: 10px;
	background: #f8f8f8;
	color: #2b2b2a;
	margin: 0 5px;
}

.honorList li a span {
	display: block;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.honorList li a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.honorList li a:hover {
	background: #e60044;
	color: #fff;
}

@media screen and (max-width:1220px) {
	.pageHonorList {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.honorList li a {
		padding: 20px 25px;
	}

	.honorList li a span {
		font-size: 16px;
	}
}

@media screen and (max-width:1024px) {
	.pageHonorList {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.honorList li a {
		padding: 15px 20px;
	}

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

@media screen and (max-width:768px) {
	.pageHonorList {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.honorList li a {
		padding: 10px 15px;
		text-align: left;
	}

	.honorList li a span {
		font-size: 12px;
	}
}

@media screen and (max-width:370px) {
	.honorList li {
		width: 100%;
	}
}


/*load-more__btn*/
.load-more__btn {
	text-align: center;
	padding-top: 30px;
	cursor: pointer;
	display: block;
}

.load-more__btn span {
	text-align: center;
	position: relative;
	display: inline-block;
	background: #e60044;
	color: #fff;
	width: 160px;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.load-more__btn span:hover {
	background: #197c2f;
}

@media screen and (max-width:1220px) {
	.load-more__btn span {
		width: 140px;
		font-size: 14px;
		line-height: 40px;
		height: 40px;
		border-radius: 40px;
	}
}

@media screen and (max-width:768px) {
	.load-more__btn {
		padding-top: 20px;
	}

	.load-more__btn span {
		width: 120px;
		font-size: 12px;
		line-height: 35px;
		height: 35px;
		border-radius: 35px;
	}
}



/*honorList2*/
.honorList2 {
	margin: 0 -7px;
	position: relative;
	font-size: 0;
}

.honorList2 li.li4 {
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 20%;
	margin-bottom: 30px;
	vertical-align: top;
}

.honorList2 li.li4 a {
	display: block;
	position: relative;
	margin: 0 7px;
	text-align: center;
}

.honorList2 li.li4 .imgBox {
	padding: 30px 30px;
	vertical-align: middle;
	max-height: 100px;
	height: 17.44791666666667vw;
	min-height: max-content;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #f4f4f4;
	background: #f4f4f4;
}

.honorList2 li.li4 .imgBox img {
	width: auto;
	height: auto;
	vertical-align: middle;
	display: inline-block;
	max-width: 100% !important;
	max-height: 100% !important;
}

.honorList2 li.li4 a,
.honorList2 li.li4 .imgBox img,
.honorList2 li.li4 .imgBox,
.honorList2 li.li4 .title {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.honorList2 li.li4 a:hover .imgBox img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.honorList2 li.li4 .title {
	padding: 15px 0;
}

.honorList2 li.li4 .title span {
	display: block;
	font-size: 16px;
	color: #363636;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.honorList2 li.li4 a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	height: 2px;
	background-color: #e60044;
	transition: all .3s;
}

.honorList2 li.li4 a:hover:before {
	width: 100%;
}

.honorList2 li.li4 a:hover .title {
	color: #e62129
}

@media screen and (max-width:1220px) {
	.honorList2 {
		margin: 0 -5px;
	}

	.honorList2 li.li4 a {
		margin: 0 5px;
	}

	.honorList2 li.li4 .imgBox {
		padding: 20px 20px;
	}
}

@media screen and (max-width:1024px) {
	.honorList2 li.li4 {
		width: 33.33333%;
	}

	.honorList2 li.li4 .title {
		padding: 10px 0;
	}

	.honorList2 li.li4 .title span {
		font-size: 14px;
	}

}

@media screen and (max-width:768px) {
	.honorList2 li.li4 {
		width: 50%;
		margin-bottom: 10px;
	}

	.honorList2 li.li4 a {
		padding: 0;
		padding-top: 10px;
	}

	.honorList2 li.li4 a:hover .imgBox:after {
		display: none !important;
	}

	.honorList2 li.li4 .title {
		padding: 8px 0;
	}

	.honorList2 li.li4 .title span {
		font-size: 12px;
	}
}


/*pageHonorSW*/
.pageHonorSW {
	padding-bottom: 120px;
}

.pageHonorSWList {
	padding-bottom: 0px;
	overflow: hidden;
	text-align: center;
}

.pageHonorSWList .swiper-wrapper {
	position: relative;
}


/*swiper-button*/
.honorList2 .swiper-button-prev,
.honorList2 .swiper-button-next {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 10;
	outline: none;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #c8c8c8;
}

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

.honorList2 .swiper-button-prev {
	background: url(../image/icon-l.png) center center no-repeat;
	left: -78px;
	background-size: 8px;
	outline: none;
}

.honorList2 .swiper-button-next {
	background: url(../image/icon-r.png) center center no-repeat;
	right: -78px;
	background-size: 8px;
	outline: none;
}

.honorList2 .swiper-button-prev.swiper-button-disabled,
.honorList2 .swiper-button-next.swiper-button-disabled {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.honorList2 .swiper-button-prev:hover,
.honorList2 .swiper-button-next:hover {
	border-color: #e60044;
}

@media screen and (max-width:1024px) {
	.honorList2 .swiper-button-prev {
		left: 3%;
	}

	.honorList2 .swiper-button-next {
		right: 3%;
	}

	.honorList2 .swiper-button-prev,
	.honorList2 .swiper-button-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
}

@media screen and (max-width:768px) {
	.honorList2 .swiper-button-prev {
		left: 3%;
	}

	.honorList2 .swiper-button-next {
		right: 3%;
	}

	.honorList2 .swiper-button-prev,
	.honorList2 .swiper-button-next {
		width: 35px;
		height: 35px;
		margin-top: -17px;
	}
}



/*pageYanfa*/
.pageYanfa {
	background: url(../image/page-yanfabg.jpg) no-repeat center top;
	background-size: 100%;
	padding-top: 110px;
	padding-bottom: 110px;
}

/*yanfaList*/
.yanfaList {
	position: relative;
	font-size: 0;
	line-height: 0;
	max-width: 90%;
	margin: 0 auto;
	padding-top: 80px;
}

.yanfaList li {
	position: relative;
	z-index: 1;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.333%;
	margin-bottom: 10px;
	vertical-align: top;
}

.yanfaList li .item {
	display: block;
	position: relative;
	border-radius: 10px;
	padding: 70px 55px;
	background-color: #f2f9f3;
}

.yanfaList li:nth-child(2n) .item {
	background-color: #fff;
}

.yanfaList li .tit {
	font-size: 20px;
	color: #e60044;
	line-height: 1;
	margin-bottom: 60px;
	text-align: center;
}

.yanfaList li .line {
	margin: 0 auto;
	max-width: 66%;
	background-color: #b2dcbb;
	height: 2px;
	width: 100%;
	margin-top: 20px;
}

.yanfaList li .des {
	font-size: 16px;
	color: #363636;
	line-height: 32px;
	text-align: left;
}

.yanfaList li .des p {
	position: relative;
}

.yanfaList li .des p:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../image/icon-gou.png) no-repeat center center;
	background-size: 100%;
	position: relative;
	top: 4px;
	margin-right: 7px;
}

@media screen and (max-width:1600px) {
	.pageYanfa {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.yanfaList {
		max-width: 100%;
	}

	.yanfaList li .item {
		padding: 70px 50px;
	}
}

@media screen and (max-width:1220px) {
	.pageYanfa {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.yanfaList {
		padding-top: 70px;
	}

	.yanfaList li .tit {
		font-size: 18px;
		margin-bottom: 50px;
	}

	.yanfaList li .line {
		margin-top: 15px;
	}

	.yanfaList li .des {
		font-size: 14px;
		line-height: 30px;
	}

	.yanfaList li .item {
		padding: 60px 40px;
	}
}

@media screen and (max-width:1024px) {
	.pageYanfa {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.yanfaList {
		padding-top: 50px;
	}

	.yanfaList li .tit {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.yanfaList li .line {
		margin-top: 13px;
	}

	.yanfaList li .des {
		font-size: 12px;
		line-height: 26px;
	}

	.yanfaList li .item {
		padding: 50px 30px;
	}
}

@media screen and (max-width:768px) {
	.pageYanfa {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.yanfaList {
		padding-top: 40px;
	}

	.yanfaList li {
		width: 100%;
	}

	.yanfaList li .item {
		padding: 40px 30px;
	}
}




/*pageTit3*/
.pageTit3 {
	margin-bottom: 60px;
	text-align: center;
	background: url(../image/page-yanfa-titbg.png) no-repeat center center;
}

.pageTit3 h2 {
	font-size: 22px;
	line-height: 30px;
	padding: 15px 0;
	color: #fff;
	font-weight: 300;
}

@media screen and (max-width:1220px) {
	.pageTit3 {
		margin-bottom: 50px;
	}

	.pageTit3 h2 {
		font-size: 20px;
		line-height: 28px;
		padding: 13px 0;
	}
}

@media screen and (max-width:1024px) {
	.pageTit3 {
		margin-bottom: 50px;
	}

	.pageTit3 h2 {
		font-size: 18px;
		line-height: 26px;
		padding: 10px 0;
	}
}

@media screen and (max-width:768px) {
	.pageTit3 {
		margin-bottom: 30px;
	}

	.pageTit3 h2 {
		font-size: 16px;
		line-height: 22px;
		padding: 10px 0;
	}
}



/*pageYanfa2*/
.pageYanfa2 {
	background: #d4dde9;
	padding-top: 130px;
	padding-bottom: 0px;
}

/*yanfaList2*/
.yanfaList2 {
	margin: 0 -6.5px;
	position: relative;
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding-bottom: 65px;
}

.yanfaList2 li {
	position: relative;
	z-index: 1;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 25%;
	margin-bottom: 40px;
	vertical-align: top;
}

.yanfaList2 li a {
	display: block;
	position: relative;
	margin: 0 6.5px;
	text-align: center;
}

.yanfaList2 li .imgBox {
	position: relative;
	padding-bottom: 76.47058823529412%;
	background: #fff;
	overflow: hidden;
	border-radius: 10px;
}

.yanfaList2 li .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: contain;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.yanfaList2 li a,
.yanfaList2 li .imgBox img,
.yanfaList2 li .imgBox,
.yanfaList2 li .title {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.yanfaList2 li a:hover .imgBox img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.yanfaList2 li .title {
	padding: 20px 0;
	color: #363636;
	font-size: 16px;
	line-height: 1.5;
}

.yanfaList2 li .title span {
	display: block;
}

.yanfaList2 li a:hover .title {
	color: #e60044;
}

@media screen and (max-width:1220px) {
	.pageYanfa2 {
		padding-top: 100px;
		padding-bottom: 0px;
	}

	.yanfaList2 {
		margin: 0 -5px;
		padding-bottom: 50px;
	}

	.yanfaList2 li a {
		margin: 0 5px;
	}

	.yanfaList2 li {
		margin-bottom: 30px;
	}

	.yanfaList2 li .title {
		padding: 15px 0;
	}
}

@media screen and (max-width:1024px) {
	.pageYanfa2 {
		padding-top: 70px;
		padding-bottom: 0px;
	}

	.yanfaList2 {
		padding-bottom: 40px;
	}

	.yanfaList2 li {
		width: 33.33333%;
		margin-bottom: 20px;
	}

	.yanfaList2 li .title {
		padding: 10px 0;
	}

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

}

@media screen and (max-width:768px) {
	.pageYanfa2 {
		padding-top: 50px;
		padding-bottom: 0px;
	}

	.yanfaList2 {
		padding-bottom: 30px;
	}

	.yanfaList2 li {
		width: 50%;
		margin-bottom: 10px;
	}

	.yanfaList2 li .title {
		padding: 8px 0;
	}

	.yanfaList2 li .title span {
		font-size: 12px;
	}
}




/*qalist*/
.qalist li {
	background: #eef1f5;
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
	border-radius: 10px;
}

.qalist li .tmain {
	padding: 45px 60px;
	display: none;
	font-size: 16px;
	line-height: 32px;
	color: #363636;
	border-top: 1px solid #dee0e3;
}

.qalist li .title {
	padding: 33px 60px;
	overflow: hidden;
	zoom: 1;
	cursor: pointer;
	position: relative;
}

.qalist li .title .close {
	display: block;
	width: 15px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 60px;
}

.qalist li .title .close span {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	background: url(../image/icon-v2.png) center center no-repeat;
	transition: all 0.2s ease;
	background-size: 100%;
}

.qalist li .title .Tit {
	display: block;
	color: #363636;
	font-weight: 300;
	background: url(../image/icon-investor2.png) left 2px no-repeat;
	background-size: 26px;
	padding-right: 30px;
	padding-left: 43px;
	font-size: 20px;
	line-height: 30px;
}

.qalist li .title.on .Tit {
	color: #e60044;
}

.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);
}

@media screen and (max-width:1600px) {
	.qalist li .tmain {
		padding: 40px 50px;
		font-size: 14px;
		line-height: 30px;
	}

	.qalist li .title {
		padding: 30px 50px;
	}

	.qalist li .title .close {
		right: 50px;
	}

	.qalist li .title .Tit {
		background-size: 24px;
		padding-left: 40px;
		font-size: 18px;
		line-height: 30px;
	}
}

@media screen and (max-width:1220px) {
	.qalist li {
		margin-bottom: 20px;
	}

	.qalist li .tmain {
		padding: 35px 40px;
		font-size: 14px;
		line-height: 30px;
	}

	.qalist li .title {
		padding: 30px 40px;
	}

	.qalist li .title .close {
		right: 40px;
	}

	.qalist li .title .Tit {
		background-size: 24px;
		padding-left: 40px;
		font-size: 18px;
		line-height: 30px;
	}
}

@media screen and (max-width:1024px) {
	.qalist li {
		margin-bottom: 15px;
	}

	.qalist li .tmain {
		padding: 30px 30px;
		font-size: 14px;
		line-height: 28px;
	}

	.qalist li .title {
		padding: 20px 30px;
	}

	.qalist li .title .close {
		right: 30px;
	}

	.qalist li .title .Tit {
		background-size: 20px;
		padding-left: 30px;
		font-size: 18px;
		line-height: 28px;
	}
}

@media screen and (max-width:768px) {
	.qalist li {
		margin-bottom: 10px;
	}

	.qalist li .tmain {
		padding: 20px 25px;
		font-size: 13px;
		line-height: 26px;
	}

	.qalist li .title {
		padding: 15px 25px;
	}

	.qalist li .title .close {
		right: 25px;
	}

	.qalist li .title .Tit {
		background-size: 20px;
		background-position: left 5px;
		padding-left: 28px;
		font-size: 16px;
		line-height: 26px;
	}
}



/*downlist2*/
.downlist2 {
	padding-bottom: 30px;
}

.downlist2 ul {
	font-size: 0;
	line-height: 0;
}

.downlist2 ul li {
	display: block;
	width: 100%;
	background: #e4e7ec;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 10px;
}

.downlist2 ul li .proTit a {
	display: block;
	padding-left: 30px;
	padding-right: 136px;
	padding-top: 22px;
	padding-bottom: 22px;
	font-size: 18px;
	color: #363636;
}

.downlist2 ul li .proTit span {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 80px;
	line-height: 25px;
	background: url(../image/icon-investor.png) left center no-repeat;
	background-size: 42px;
}

.downlist2 ul li .proBtn {
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	text-align: center;
}

.downlist2 ul li .proBtn a {
	display: block;
	width: 136px;
	height: 100%;
	font-size: 18px;
	color: #363636;
	text-align: center;
}

.downlist2 ul li .proBtn a span {
	height: 100%;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	text-align: center;
	justify-content: space-around;
}

.downlist2 ul li,
.downlist2 ul li .proTit span {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.downlist2 ul li:hover {
	background: #e60044;
}

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

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

.downlist2 ul li:hover .proTit span {
	background-image: url(../image/icon-investorh.png);
}

@media screen and (max-width:1024px) {
	.downlist2 ul li {
		margin-bottom: 20px;
	}

	.downlist2 ul li .proTit a {
		padding-left: 30px;
		padding-right: 100px;
		padding-top: 19px;
		padding-bottom: 19px;
		font-size: 16px;
	}

	.downlist2 ul li .proTit span {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 70px;
		line-height: 25px;
		background-size: 42px;
	}

	.downlist2 ul li .proBtn a {
		width: 100px;
		font-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.downlist2 {
		padding-bottom: 20px;
	}

	.downlist2 ul li {
		margin-bottom: 15px;
	}

	.downlist2 ul li .proTit a {
		padding-left: 20px;
		padding-right: 70px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
	}

	.downlist2 ul li .proTit span {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 60px;
		line-height: 25px;
		background-size: 40px;
	}

	.downlist2 ul li .proBtn a {
		width: 70px;
		font-size: 14px;
	}
}


/*page-tab*/
.page-tab {
	margin: 0 auto;
	padding: 35px 0;
	text-align: center;
}

.page-tab ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 0;
}

.page-tab ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	vertical-align: top;
}

.page-tab ul li a {
	font-size: 16px;
	padding: 0 5px;
	margin: 0 5px;
	min-width: 30px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ececec;
	display: inline-block;
	text-align: center;
	background-color: #ffffff;
	color: #000;
	border-radius: 5px;
	font-weight: 500;
}

.page-tab ul li.next-page a {
	background: url(../image/arrow-right.png) center center no-repeat #fff;
	background-size: 7px;
	width: 40px;
	padding: 0;
}

.page-tab ul li.prev-page a {
	background: url(../image/arrow-left.png) center center no-repeat #fff;
	background-size: 7px;
	width: 40px;
	padding: 0;
}

.page-tab ul li a:hover {
	background-color: #f7f7f7;
}

.page-tab ul li a.focus {
	background-color: #e60044;
	color: #fff;
}

@media screen and (max-width:1024px) {
	.page-tab {
		margin: 0 auto;
		padding: 20px 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;
	}
}




/*********************************job*********************************/
/*joblist2*/
.joblist2 li {
	background: #eef1f5;
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
	border-radius: 10px;
}

.joblist2 li .tmain {
	padding: 45px 60px;
	display: none;
	font-size: 16px;
	line-height: 32px;
	color: #363636;
	border-top: 1px solid #dee0e3;
}

.joblist2 li .title {
	padding: 33px 60px;
	overflow: hidden;
	zoom: 1;
	cursor: pointer;
	position: relative;
}

.joblist2 li .title .close {
	display: block;
	width: 15px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 60px;
}

.joblist2 li .title .close span {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	background: url(../image/icon-v2.png) center center no-repeat;
	transition: all 0.2s ease;
	background-size: 100%;
}

.joblist2 li .title .Tit {
	display: block;
	color: #363636;
	font-weight: 300;
	background: url(../image/icon-join.png) left 2px no-repeat;
	background-size: 26px;
	padding-right: 30px;
	padding-left: 43px;
	font-size: 20px;
	line-height: 30px;
}

.joblist2 li .title.on .Tit {
	color: #e60044;
}

.joblist2 li .title.on .close span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.joblist2 li .sendBtn a {
	display: inline-block;
	padding-left: 30px;
	padding-right: 20px;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	font-weight: 600;
	background: #e60044;
	overflow: hidden;
	border-radius: 5px;
	margin-top: 50px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.joblist2 li .sendBtn a span {
	padding-right: 50px;
	background: url(../images/icon-more.png) right center no-repeat;
	background-size: 40px;
	min-width: 110px;
}

.joblist2 li .sendBtn a:hover {
	background: #197c2f;
}

@media screen and (max-width:1600px) {
	.joblist2 li .tmain {
		padding: 40px 50px;
		font-size: 14px;
		line-height: 30px;
	}

	.joblist2 li .title {
		padding: 30px 50px;
	}

	.joblist2 li .title .close {
		right: 50px;
	}

	.joblist2 li .title .Tit {
		background-size: 24px;
		padding-left: 40px;
		font-size: 18px;
		line-height: 30px;
	}


	.joblist2 li .sendBtn a {
		padding-left: 40px;
		padding-right: 20px;
		font-size: 14px;
		line-height: 45px;
		margin-top: 45px;
	}

	.joblist2 li .sendBtn a span {
		padding-right: 50px;
		background-size: 40px;
	}

}

@media screen and (max-width:1220px) {
	.joblist2 li {
		margin-bottom: 20px;
	}

	.joblist2 li .tmain {
		padding: 35px 40px;
		font-size: 14px;
		line-height: 30px;
	}

	.joblist2 li .title {
		padding: 30px 40px;
	}

	.joblist2 li .title .close {
		right: 40px;
	}

	.joblist2 li .title .Tit {
		background-size: 24px;
		padding-left: 40px;
		font-size: 18px;
		line-height: 30px;
	}

	.joblist2 li .sendBtn a {
		padding-left: 30px;
		padding-right: 20px;
		font-size: 14px;
		line-height: 40px;
		margin-top: 40px;
	}

	.joblist2 li .sendBtn a span {
		padding-right: 45px;
		background-size: 35px;
	}
}

@media screen and (max-width:1024px) {
	.joblist2 li {
		margin-bottom: 15px;
	}

	.joblist2 li .tmain {
		padding: 30px 30px;
		font-size: 14px;
		line-height: 28px;
	}

	.joblist2 li .title {
		padding: 20px 30px;
	}

	.joblist2 li .title .close {
		right: 30px;
	}

	.joblist2 li .title .Tit {
		background-size: 20px;
		padding-left: 30px;
		font-size: 18px;
		line-height: 28px;
	}

	.joblist2 li .sendBtn a {
		padding-left: 30px;
		padding-right: 20px;
		font-size: 14px;
		line-height: 40px;
		margin-top: 40px;
	}

	.joblist2 li .sendBtn a span {
		padding-right: 45px;
		background-size: 35px;
	}
}

@media screen and (max-width:768px) {
	.joblist2 li {
		margin-bottom: 10px;
	}

	.joblist2 li .tmain {
		padding: 20px 25px;
		font-size: 13px;
		line-height: 26px;
	}

	.joblist2 li .title {
		padding: 15px 25px;
	}

	.joblist2 li .title .close {
		right: 25px;
	}

	.joblist2 li .title .Tit {
		background-size: 20px;
		background-position: left 5px;
		padding-left: 28px;
		font-size: 16px;
		line-height: 26px;
	}
}

/*pageTit4*/
.pageTit4 .tit {
	font-size: 26px;
	color: #363636;
	font-weight: normal;
	margin-bottom: 30px;
}

.pageTit4 .tit span {
	display: inline-block;
	padding-right: 40px;
	background: url(../image/icon-s.png) no-repeat right center;
	background-size: 22px;
}

.pageTit4 .des {
	font-size: 18px;
	color: #2b2b2a;
	line-height: 1.8;
	font-weight: normal;
}

@media screen and (max-width:1600px) {
	.pageTit4 .tit {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.pageTit4 .des {
		font-size: 16px;
		line-height: 1.7;
	}

	.pageTit4 .tit span {
		padding-right: 35px;
		background-size: 18px;
	}
}

@media screen and (max-width:1220px) {
	.pageTit4 .tit {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.pageTit4 .des {
		font-size: 15px;
		line-height: 1.6;
	}

	.pageTit4 .tit span {
		padding-right: 30px;
		background-size: 16px;
	}
}

@media screen and (max-width:1024px) {
	.pageTit4 .tit {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.pageTit4 .des {
		font-size: 14px;
		line-height: 1.5;
	}

	.pageTit4 .tit span {
		padding-right: 30px;
		background-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.pageTit4 .tit {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.pageTit4 .des {
		font-size: 14px;
		line-height: 1.5;
	}

	.pageTit4 .tit span {
		padding-right: 25px;
		background-size: 12px;
	}
}


/*pageJob*/
.pageJob {
	padding-top: 35px;
	padding-bottom: 70px;
	background: url(../image/job-1bg.jpg) no-repeat center bottom;
	background-size: 100%;
}

.pageJob .info {
	padding-left: 15.7%;
}

.pageJob .imgBox {
	position: relative;
}

.pageJob .imgBox .img {
	height: 0;
	padding-bottom: 57.14285714285714%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.pageJob .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pageJob .imgBox .img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.pageJob:hover .imgBox .img img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.pageJob .imgBox {
	width: 50%;
	float: left;
}

.pageJob .infoBox {
	width: 50%;
	float: right;
}

@media screen and (max-width:1600px) {
	.pageJob {
		padding-top: 35px;
		padding-bottom: 50px;
	}

	.pageJob .imgBox .img {
		padding-bottom: 60%;
	}

	.pageJob .info {
		padding-left: 12%;
	}
}

@media screen and (max-width:1220px) {
	.pageJob {
		padding-top: 35px;
		padding-bottom: 50px;
	}

	.pageJob .imgBox .img {
		padding-bottom: 70%;
	}

	.pageJob .info {
		padding-left: 10%;
	}
}

@media screen and (max-width:1024px) {
	.pageJob {
		padding-top: 35px;
		padding-bottom: 50px;
	}

	.pageJob .info {
		padding-left: 10%;
	}
}

@media screen and (max-width:768px) {
	.pageJob {
		padding-top: 35px;
		padding-bottom: 30px;
	}

	.pageJob .info {
		padding-left: 0;
		padding-top: 40px;
	}

	.pageJob .imgBox {
		width: auto;
		float: none;
	}

	.pageJob .infoBox {
		width: 100%;
		float: none;
	}
}

@media screen and (min-width:768.1px) {
	.pageJob .pageJobBox {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
	}
}




/*jobList*/
.jobList {
	margin: 0 -10px;
	position: relative;
	font-size: 0;
	overflow: hidden;
}

.jobList li {
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 50%;
	margin-bottom: 10px;
	vertical-align: top;
}

.jobList li .item {
	display: block;
	position: relative;
	margin: 0 10px;
	text-align: center;
}

.jobList li .imgBox {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	padding-bottom: 53.6231884057971%;
}

.jobList li .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jobList li .item,
.jobList li .imgBox img,
.jobList li .imgBox,
.jobList li .title {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.jobList li .item:hover .imgBox img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.jobList li .title {
	padding: 15px 0;
	display: none;
}

.jobList li .title span {
	display: block;
	font-size: 16px;
	color: #363636;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.jobList li .item:hover .title {
	color: #e62129
}

@media screen and (max-width:1220px) {
	.jobList {
		margin: 0 -5px;
	}

	.jobList li .item {
		margin: 0 5px;
	}
}

@media screen and (max-width:1024px) {
	.jobList li {
		width: 50%;
	}

	.jobList li .title {
		padding: 10px 0;
	}

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

}

@media screen and (max-width:768px) {
	.jobList li {
		width: 100%;
		margin-bottom: 10px;
	}

	.jobList li .title {
		padding: 8px 0;
	}

	.jobList li .title span {
		font-size: 12px;
	}
}


/*pagejobSW*/
.pageJobSW {
	padding-top: 70px;
	padding-bottom: 130px;
}

.pageJobSW .pageTit4 {
	position: relative;
	margin-bottom: 50px;
}

.pagejobSWList {
	padding-bottom: 0px;
	overflow: hidden;
}

.pagejobSWList .swiper-wrapper {
	position: relative;
}

@media screen and (max-width:1220px) {
	.pageJobSW {
		padding-top: 60px;
		padding-bottom: 100px;
	}

	.pageJobSW .pageTit4 {
		position: relative;
		margin-bottom: 40px;
	}
}

@media screen and (max-width:1024px) {
	.pageJobSW {
		padding-top: 50px;
		padding-bottom: 90px;
	}

	.pageJobSW .pageTit4 {
		position: relative;
		margin-bottom: 35px;
	}
}

@media screen and (max-width:768px) {
	.pageJobSW {
		padding-top: 40px;
		padding-bottom: 70px;
	}

	.pageJobSW .pageTit4 {
		position: relative;
		margin-bottom: 30px;
	}
}



/*swiper-button*/
.jobBtn {
	width: 95px;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 44px;
}

.jobBtn .swiper-button-prev,
.jobBtn .swiper-button-next {
	width: 40px;
	height: 40px;
	margin-top: -24px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 10;
	outline: none;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #c8c8c8;
}

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

.jobBtn .swiper-button-prev {
	background: url(../image/icon-l.png) center center no-repeat;
	left: 0;
	background-size: 8px;
	outline: none;
}

.jobBtn .swiper-button-next {
	background: url(../image/icon-r.png) center center no-repeat;
	right: 0;
	background-size: 8px;
	outline: none;
}

.jobBtn .swiper-button-prev.swiper-button-disabled,
.jobBtn .swiper-button-next.swiper-button-disabled {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.jobBtn .swiper-button-prev:hover,
.jobBtn .swiper-button-next:hover {
	border-color: #e60044;
}

@media screen and (max-width:1024px) {

	.jobBtn .swiper-button-prev,
	.jobBtn .swiper-button-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
}

@media screen and (max-width:768px) {

	.jobBtn .swiper-button-prev,
	.jobBtn .swiper-button-next {
		width: 35px;
		height: 35px;
		margin-top: -17px;
	}
}


/*********************************contact*********************************/
/*downlist*/
.downlist {
	padding-bottom: 30px;
}

.downlist ul {
	font-size: 0;
	line-height: 0;
}

.downlist ul li {
	display: block;
	background: #e4e7ec;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 10px;
	padding-right: 120px;
}

.downlist ul li .proTit a {
	display: block;
	padding-left: 30px;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-right: 35px;
	font-size: 18px;
	color: #363636;
	position: relative;
}

.downlist ul li .proTit span.t {
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 80px;
	line-height: 25px;
	background: url(../image/icon-download.png) left center no-repeat;
	background-size: 42px;
	padding-right: 150px;
}

.downlist ul li .proTit span.size {
	position: absolute;
	top: 0;
	right: 35px;
	height: 100%;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	text-align: right;
	justify-content: space-around;
}

.downlist ul li .proBtn {
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	text-align: center;
}

.downlist ul li .proBtn a {
	display: block;
	width: 120px;
	height: 100%;
	font-size: 18px;
	color: #363636;
	text-align: center;
}

.downlist ul li .proBtn a span.d {
	height: 100%;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	text-align: center;
	justify-content: space-around;
}

.downlist ul li .proBtn a span.d:after {
	content: '';
	background: #9f9fa0;
	width: 1px;
	height: 18px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	left: 0;
}

.downlist ul li,
.downlist ul li .proTit span.t {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.downlist ul li:hover {
	background: #e60044;
}

.downlist ul li:hover .proBtn a {
	color: #fff;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.downlist ul li:hover .proBtn a span.d:after {
	background: #fff;
}

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

.downlist ul li:hover .proTit span.t {
	background-image: url(../image/icon-downloadh.png);
}

@media screen and (max-width:1220px) {
	.downlist ul li {
		margin-bottom: 20px;
		padding-right: 100px;
	}

	.downlist ul li .proTit a {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 19px;
		padding-bottom: 19px;
		font-size: 16px;
	}

	.downlist ul li .proTit span.t {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 70px;
		line-height: 25px;
		background-size: 42px;
		padding-right: 120px;
	}

	.downlist ul li .proTit span.size {
		right: 30px;
	}

	.downlist ul li .proBtn a {
		width: 100px;
		font-size: 16px;
	}
}

@media screen and (max-width:1024px) {
	.downlist {
		padding-bottom: 20px;
	}

	.downlist ul li {
		margin-bottom: 15px;
		padding-right: 70px;
	}

	.downlist ul li .proTit a {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
	}

	.downlist ul li .proTit span.t {
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 55px;
		line-height: 21px;
		background-size: 35px;
		padding-right: 100px;
	}

	.downlist ul li .proTit span.size {
		right: 20px;
	}

	.downlist ul li .proBtn a {
		width: 70px;
		font-size: 14px;
	}
}

@media screen and (max-width:768px) {
	.downlist {
		padding-bottom: 20px;
	}

	.downlist ul li {
		margin-bottom: 15px;
		padding-right: 70px;
	}

	.downlist ul li .proTit a {
		padding-left: 20px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
	}

	.downlist ul li .proTit span.t {
		padding-top: 0px;
		padding-left: 45px;
		padding-right: 0;
		padding-bottom: 22px;
		line-height: 20px;
		background-size: 32px;
	}

	.downlist ul li .proTit span.size {
		top: auto;
		bottom: 10px;
		right: auto;
		left: 65px;
		height: 20px;
	}

	.downlist ul li .proBtn a {
		width: 70px;
		font-size: 14px;
	}

	.downlist ul li .proTit span {
		display: block;
	}
}


/*pageContact*/
.pageContact {
	background: #e4e7ec;
}

.pageContact .pageTitle {
	margin-bottom: 30px;
}

.pageContact .pageTitle .line {
	background: #cfd1d5;
}


/*contactListBox*/
.contactListBox {
	padding-top: 80px;
	padding-bottom: 60px;
}

/*contactList*/
.contactList {
	font-size: 0;
	position: relative;
	z-index: 2;
	margin: 0 -15px;
	display: flex;
	justify-content: space-between;
}

.contactList .li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 50%;
	vertical-align: top;
	margin-bottom: 30px;
}

.contactList .li .item {
	display: block;
	text-align: left;
	background-color: #fff;
	color: #e60044;
	position: relative;
	min-height: 170px;
	margin: 0 15px;
	border-radius: 10px;
	overflow: hidden;
	padding: 75px 80px;
}

.contactList .li .item {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	flex: 1;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
}

.contactList .li .item .img {
	width: 170px;
	overflow: hidden;
}

.contactList .li .item .img img {
	max-width: 100%;
}

.contactList .li .item .nr {
	padding-left: 60px;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	justify-content: flex-start;
	align-items: center;
}

.contactList .li .item h2 {
	font-size: 20px;
	color: #e60044;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 10px;
}

.contactList .li .item .t {
	font-size: 30px;
	margin-bottom: 10px;
	color: #e60044;
	line-height: 1;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
}

.contactList .li .item .t a {
	display: inline-block;
	color: #e60044;
	line-height: 1;
}

.contactList .li .item .des {
	font-size: 20px;
	color: #e60044;
	line-height: 1;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
}

.contactList .li .item .des a {
	display: inline-block;
	color: #e60044;
	line-height: 1;
}

/*hover*/
.contactList .li .item,
.contactList .li .item:after {
	-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;
}

.contactList .li .item:hover {
	background: #e5fbef;
}

/*li1*/
.contactList .li.li1 {
	width: 48%;
}

.contactList .li.li1 .item {
	background: url(../images/g2.jpg) center center no-repeat;
	background-size: cover;
	display: block !important;
	text-align: center;
}
.contactList .li.li1 .item.spe {
	background: url(../images/g1.jpg) center center no-repeat;
	background-size: cover;
	display: block !important;
	text-align: center;
}
.contactList .li.li1 .item:after {
	content: '';
	background: #e60044;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	filter: alpha(opacity=88);
	-moz-opacity: 0.88;
	-khtml-opacity: 0.88;
	opacity: 0.88;
}
.contactList .li.li1 .item.spe:after{
	background: #008cd6;
}
.contactList .li.li1 .item .img {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	width: 52px;
	margin-bottom: 40px;
}

.contactList .li.li1 .item .nr {
	position: relative;
	z-index: 2;
	display: block !important;
	padding-left: 0;
}

.contactList .li.li1 .item h2 {
	color: #fff;
}

.contactList .li.li1 .item .t {
	color: #fff;
}

.contactList .li.li1 .item .t a {
	color: #fff;
}

.contactList .li.li1 .item .des {
	color: #fff;
}

.contactList .li.li1 .item .des a {
	color: #fff;
}

@media screen and (max-width:1600px) {
	.contactList {
		margin: 0 -10px;
	}

	.contactList .li {
		margin-bottom: 20px;
	}

	.contactList .li .item {
		min-height: 150px;
		margin: 0 10px;
		padding: 65px 70px;
	}

	.contactList .li .item .img {
		width: 150px;
	}

	.contactList .li .item .nr {
		padding-left: 50px;
	}

	.contactList .li .item h2 {
		font-size: 18px;
	}

	.contactList .li .item .t {
		font-size: 28px;
	}

	.contactList .li .item .des {
		font-size: 18px;
	}
}

@media screen and (max-width:1400px) {
	.contactList {
		margin: 0 -10px;
	}

	.contactList .li {
		margin-bottom: 20px;
	}

	.contactList .li .item {
		min-height: 120px;
		margin: 0 10px;
		padding: 55px 60px;
	}

	.contactList .li .item .img {
		width: 120px;
	}

	.contactList .li .item .nr {
		padding-left: 40px;
	}

	.contactList .li .item h2 {
		font-size: 16px;
	}

	.contactList .li .item .t {
		font-size: 24px;
	}

	.contactList .li .item .des {
		font-size: 16px;
	}

	.contactList .li.li1 .item .img {
		width: 48px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:1220px) {
	.contactList {
		margin: 0 -5px;
	}

	.contactList .li {
		margin-bottom: 20px;
	}

	.contactList .li .item {
		min-height: 100px;
		margin: 0 5px;
		padding: 35px 40px;
	}

	.contactList .li .item .img {
		width: 100px;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.contactList .li .item .nr {
		padding-left: 30px;
	}

	.contactList .li .item h2 {
		font-size: 14px;
	}

	.contactList .li .item .t {
		font-size: 20px;
	}

	.contactList .li .item .des {
		font-size: 14px;
	}

	.contactList .li .item {
		display: block !important;
		text-align: center;
	}

	.contactList .li .item .nr {
		display: block !important;
		padding-left: 0;
	}

	.contactList .li.li1 .item .img {
		width: 45px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:768px) {
	.contactList .li {
		width: 100%;
	}
}



/*pageMapTabs*/
.pageMapList {
	position: relative;
}

.pageMapTabs {
	text-align: center;
	position: absolute;
	top: 0;
	left: 13%;
	width: 400px;
	height: 100%;
	z-index: 2;
}

.pageMapTabs ul {
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.pageMapTabs li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100%;
	vertical-align: top;
}

.pageMapTabs li .itema {
	position: relative;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-content: center;
	align-items: center;
	background: #fff;
	height: 339px;
	border-radius: 0 0 15px 15px;
}

.pageMapTabs li .itema {
	text-align: left;
	padding-left: 50px;
	padding-right: 75px;
	border-bottom: 1px solid #e3e3e7;
}

.pageMapTabs li.li2 .itema {
	border-color: #fff;
}

.pageMapTabs li .itema span {
	display: block;
}

.pageMapTabs li .itema .icon {
	height: 54px;
	margin-bottom: 20px;
}

.pageMapTabs li .itema .icon img {
	max-height: 100%;
	max-width: 100%;
}

.pageMapTabs li .itema .t {
	display: block;
	color: #111;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 8px;
}

.pageMapTabs li .itema .des {
	display: block;
	color: #666;
	font-size: 18px;
	line-height: 1.5;
}

.pageMapTabs li .itema {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.pageMapTabs li.on .itema {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/*pageMapTabsCon*/
.pageMapTabsCon .pageMapTabsBox {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden
}

.pageMapTabsCon .pageMapTabsBox.show {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	height: auto;
}

/*pic*/
.pageMapTabsBox .pic {
	display: block;
	height: 0;
	padding-bottom: 680px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.pageMapTabsBox .pic img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width:1220px) {
	.pageMapTabs li .itema .t {
		font-size: 18px;
	}

	.pageMapTabs li .itema .des {
		font-size: 14px;
	}

	.pageMapTabs li .itema .icon {
		height: 40px;
		margin-bottom: 10px;
	}

	.pageMapTabs {
		width: 380px;
	}

	.pageMapTabs li .itema {
		padding-left: 40px;
		padding-right: 70px;
	}
}

@media screen and (max-width:1024px) {
	.pageMapTabs li .itema .t {
		font-size: 16px;
	}

	.pageMapTabs li .itema .des {
		font-size: 13px;
	}

	.pageMapTabs li .itema .icon {
		height: 35px;
		margin-bottom: 8px;
	}

	.pageMapTabs {
		width: 350px;
	}

	.pageMapTabs li .itema {
		padding-left: 30px;
		padding-right: 40px;
	}
}

@media screen and (max-width:768px) {


	.pageMapTabs {
		width: 100%;
		left: 0;
		/*position:static;*/
	}

	.pageMapTabs ul {
		/* position:static;*/
	}

	.pageMapTabs li {
		width: 50%;
	}

	.pageMapTabs li .itema {
		padding-left: 30px;
		padding-right: 30px;
		height: 200px;
	}

	.pageMapTabs li .itema .icon {
		height: 30px;
		margin-bottom: 5px;
	}

	.pageMapTabs li .itema {
		border-color: #fff;
	}

	.pageMapTabsBox .pic {
		/*padding-bottom:500px;*/
	}
}


/*pageFeedback*/
.pageFeedback {
	padding-top: 90px;
	padding-bottom: 60px;
}

.pageFeedback .pageTit2 {
	margin-bottom: 20px;
}

/*feedback2Box*/
.feedback2Box {
	padding: 75px 75px;
	background: #fff;
	margin-top: 75px;
	border-radius: 10px;
}

.feedback2 {
	padding: 0;
	margin: 0 auto;
	max-width: 880px;
}

.feedback2 .t {
	display: block;
	width: 80px;
	font-size: 18px;
	line-height: 60px;
	color: #363636;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

.feedback2 .l1 {
	position: relative;
	padding-left: 104px;
}

.feedback2 .text {
	display: block;
	width: 100%;
	padding: 4px 3% 4px 3%;
	height: 60px;
	margin-bottom: 20px;
	outline: none;
	font-size: 15px;
	color: #949795;
	font-family: Arial, "微软雅黑", Sans-Serif;
	border: 2px solid #f5f5f8;
	border-radius: 5px;
	background: #f5f5f8;
	text-align: left;
}

.feedback2 .text2 {
	padding: 20px 3% 20px 3%;
	height: 225px;
}

.feedback2 .getcode {
	display: block;
	width: 38%;
	padding: 0 3% 0 3%;
	height: 56px;
	margin-bottom: 0;
	float: left;
	outline: none;
	font-size: 15px;
	color: #949795;
	font-family: Arial, "微软雅黑", Sans-Serif;
	border: 2px solid #f5f5f8;
	border-radius: 5px;
	background: #f5f5f8;
	text-align: left;
}

.feedback2 .kk {
	margin-left: 10px;
	margin-top: 10px;
	display: inline-block;
}

.feedback2 .inputbtnBox .l1Box {
	border-top: 1px solid #eeeeee;
	margin-top: 24px;
}

.feedback2 .inputbtn {
	display: inline-block;
	line-height: 52px;
	border-radius: 52px;
	outline: none;
	font-size: 16px;
	background: #e60044;
	color: #fff;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: 0;
	cursor: pointer;
	text-align: center;
	width: 162px;
	margin-top: 25px;
}

.feedback2 .inputbtn:hover {
	background: #1a7e30;
}

.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 rgba(31, 152, 58, 0.5);
}

.feedback2 input::-webkit-input-placeholder {
	color: #909090;
}

.feedback2 input:-moz-placeholder {
	color: #909090;
}

.feedback2 input::-moz-placeholder {
	color: #909090;
}

.feedback2 input:-ms-input-placeholder {
	color: #909090;
}

.feedback2 textarea::-webkit-input-placeholder {
	color: #909090;
}

.feedback2 textarea:-moz-placeholder {
	color: #909090;
}

.feedback2 textarea::-moz-placeholder {
	color: #909090;
}

.feedback2 textarea:-ms-input-placeholder {
	color: #909090;
}

.feedback2 .select {
	display: block;
	width: 100%;
	padding: 4px 3% 4px 3%;
	height: 60px;
	margin-bottom: 20px;
	outline: none;
	font-size: 15px;
	color: #949795;
	font-family: Arial, "微软雅黑", Sans-Serif;
	border: 2px solid #f5f5f8;
	border-radius: 5px;
	background: #f5f5f8;
	text-align: left;
}

@media screen and (max-width:1024px) {
	.pageFeedback {
		padding-top: 70px;
		padding-bottom: 50px;
	}

	.feedback2Box {
		padding: 60px 60px;
		margin-top: 60px;
	}
}

@media screen and (max-width:768px) {
	.pageFeedback {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	.feedback2Box {
		padding: 40px 3%;
		margin-top: 30px;
	}

	.feedback2 .t {
		position: static;
		text-align: left;
		line-height: 50px;
		font-size: 16px;
		display: block;
		width: 100%;
	}

	.feedback2 .l1 {
		padding-left: 0;
	}

	.feedback2 .text {
		height: 50px;
		margin-bottom: 10px;
		font-size: 14px;
	}

	.feedback2 .text2 {
		padding: 20px 3% 20px 3%;
		height: 150px;
	}

	.feedback2 .getcode {
		padding: 0 3% 0 3%;
		height: 46px;
		font-size: 14px;
	}

	.feedback2 .inputbtnBox .l1Box {
		margin-top: 20px;
	}

	.feedback2 .inputbtn {
		line-height: 40px;
		border-radius: 40px;
		font-size: 14px;
		width: 120px;
		margin-top: 20px;
	}
}




/*********************************news*********************************/
/*newsList*/
.newsList {
	margin: 0 -9px;
	padding: 0;
	overflow: hidden;
	height: auto;
	color: #a0a0a0;
	font-size: 0;
	line-height: normal;
	padding-bottom: 40px;
}

.newsList li {
	font-size: 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 33.3333333%;
	vertical-align: top;
	margin-bottom: 18px;
}

.newsList li .item {
	display: block;
	margin: 0 9px;
	background: #f5f5f8;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.newsList li .item .ImgBox {
	height: 0;
	position: relative;
	padding-bottom: 53.84615384615385%;
	overflow: hidden;
}

.newsList li .item .ImgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.newsList li .item:hover .ImgBox img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.newsList li .listTitle .listTitleNr {
	padding: 40px 45px;
}

.newsList li .listTitle .t {
	display: block;
	font-size: 20px;
	min-height: 60px;
	max-height: 60px;
	line-height: 30px;
	color: #363636;
	overflow: hidden;
}

.newsList li .item:hover .listTitle .t {
	color: #e60044;
}

.newsList li .listTitle .des {
	font-size: 16px;
	line-height: 30px;
	max-height: 30px;
	overflow: hidden;
	color: #8b8b8d;
	margin-top: 5px;
	margin-bottom: 30px;
	display: none;
}

.newsList li .listTitle .more {
	width: 40px;
	height: 40px;
	background: url(../images/icon-more.png) center center no-repeat #e60044;
	background-size: 100%;
	border-radius: 50%;
	overflow: hidden;
	display: none;
}

.newsList li .item:hover .listTitle .more {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.newsList li .listTitle .date {
	color: #e60044;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	margin-bottom: 30px;
}

.newsList li .listTitle .d {
	font-size: 50px;
	display: block;
	line-height: 1;
}

.newsList li .item,
.newsList li .item .ImgBox img,
.newsList li .listTitle .t,
.newsList li .listTitle .more {
	-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;
}

.newsList li .item:hover {
	background: #eee;
}

/*first-child*/
.newsList li:first-child {
	width: 100%;
}

.newsList li:first-child .ImgBoxB {
	width: 67%;
}

.newsList li:first-child .listTitle {
	position: absolute;
	right: 0;
	top: 0;
	width: 33%;
	height: 100%;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-content: center;
	align-items: flex-end
}

.newsList li:first-child .listTitle .t {
	min-height: 0;
}

.newsList li:first-child .listTitle .date {
	position: absolute;
	top: 45px;
	left: 45px;
}

.newsList li:first-child .listTitle .des {
	display: block;
}

.newsList li:first-child .listTitle .more {
	display: block;
}

@media screen and (max-width:1600px) {
	.newsList li .listTitle .t {
		font-size: 18px;
	}

	.newsList li .listTitle .des {
		font-size: 14px;
	}

	.newsList li .listTitle .date {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.newsList li .listTitle .more {
		width: 35px;
		height: 35px;
	}

	.newsList li .listTitle .d {
		font-size: 40px;
	}

	.newsList li .listTitle .listTitleNr {
		padding: 30px 35px;
	}

	.newsList li:first-child .listTitle .date {
		top: 30px;
		left: 35px;
	}

}

@media screen and (max-width:1400px) {
	.newsList {
		margin: 0 -8px;
		padding-bottom: 30px;
	}

	.newsList li .item {
		margin: 0 8px;
	}

	.newsList li .listTitle .t {
		font-size: 16px;
		min-height: 52px;
		max-height: 52px;
		line-height: 26px;
	}

	.newsList li .listTitle .des {
		font-size: 13px;
	}

	.newsList li .listTitle .more {
		width: 30px;
		height: 30px;
	}

	.newsList li .listTitle .date {
		font-size: 13px;
		margin-bottom: 15px;
	}

	.newsList li .listTitle .d {
		font-size: 30px;
	}

	.newsList li .listTitle .listTitleNr {
		padding: 25px 25px;
	}

	.newsList li:first-child .listTitle .date {
		top: 20px;
		left: 25px;
	}


}

@media screen and (max-width:1024px) {
	.newsList {
		margin: 0 -5px;
		padding-bottom: 20px;
	}

	.newsList li .item {
		margin: 0 5px;
	}

	.newsList li .listTitle .d {
		font-size: 26px;
	}

	.newsList li .listTitle .des {
		line-height: 24px;
		max-height: 24px;
		margin-top: 5px;
		margin-bottom: 20px;
	}

}

@media screen and (max-width:992px) {
	.newsList li {
		width: 50%;
	}

	.newsList li:first-child .listTitle .date {
		top: 15px;
		left: 25px;
	}

	.newsList li .listTitle .des {
		line-height: 22px;
		max-height: 22px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:768px) {
	.newsList {
		margin: 0 0px;
	}

	.newsList li .item {
		margin: 0 0px;
	}

	.newsList li {
		width: 100%;
	}

	.newsList li .listTitle .t {
		font-size: 16px;
	}

	.newsList li .listTitle .des {
		font-size: 13px;
	}

	.newsList li .listTitle .more {
		width: 30px;
		height: 30px;
	}

	.newsList li .listTitle .date {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.newsList li .listTitle .d {
		font-size: 26px;
	}

	.newsList li:first-child {
		width: 100%;
	}

	.newsList li:first-child .ImgBoxB {
		width: 100%;
	}

	.newsList li:first-child .listTitle {
		position: static;
		width: 100%;
		display: block;
	}

	.newsList li:first-child .listTitle .t {
		min-height: 52px;
	}

	.newsList li:first-child .listTitle .date {
		position: static;
		top: 0;
		left: 0;
	}

	.newsList li:first-child .listTitle .des {
		display: none;
	}

	.newsList li:first-child .listTitle .more {
		display: none;
	}
}



/*newsTop*/
.newsTop {
	background: #eef1f5;
	padding-top: 130px;
	padding-bottom: 150px;
}

.newsTop .newsShuju {
	position: relative;
}

.newsTop .newsTit {
	font-size: 36px;
	color: #000000;
	line-height: 1.5;
	font-weight: 300;
	padding-right: 300px
}

.newsTop .newsDate {
	color: #e60044;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 50px;
	font-size: 16px;
}

.newsTop .newsDate span {
	display: inline-block;
	vertical-align: middle;
}

.newsTop .newsDate .d {
	font-size: 60px;
	float: left;
	margin-right: 14px;
}

@media screen and (max-width:1600px) {
	.newsTop {
		padding-top: 120px;
		padding-bottom: 130px;
	}

	.newsTop .newsTit {
		font-size: 32px;
	}

	.newsTop .newsDate .d {
		font-size: 50px;
		margin-right: 14px;
	}
}

@media screen and (max-width:1400px) {
	.newsTop {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.newsTop .newsTit {
		font-size: 28px;
	}

	.newsTop .newsDate {
		font-size: 14px;
	}

	.newsTop .newsDate .d {
		font-size: 40px;
		margin-right: 12px;
	}
}

@media screen and (max-width:1024px) {
	.newsTop {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.newsTop .newsTit {
		font-size: 26px;
	}

	.newsTop .newsDate .d {
		font-size: 32px;
		margin-right: 10px;
	}
}

@media screen and (max-width:768px) {
	.newsTop {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.newsTop .newsTit {
		font-size: 24px;
		padding-right: 0;
	}

	.newsTop .newsDate {
		font-size: 13px;
		position: static;
	}

	.newsTop .newsDate .d {
		font-size: 30px;
		margin-right: 8px;
	}
}





/*page-back*/
.page-back {
	margin: 0 auto;
	text-align: center;
	width: 170px;
}

.page-back a {
	display: block;
	font-size: 16px;
	line-height: 45px;
	border-radius: 45px;
	overflow: hidden;
	text-align: center;
	color: #363636;
	margin: 0 auto;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background: #fff;
	border: 1px solid #d2d2d2;
}

.page-back a:hover {
	background: #e60044;
	color: #fff;
	border-color: #e60044;
}

@media screen and (max-width:1400px) {
	.page-back {
		width: 150px;
	}

	.page-back a {
		font-size: 14px;
		line-height: 40px;
		border-radius: 40px;
	}
}





/*page-newsInfo*/
.page-newsInfo .newsTextBox {
	padding-top: 85px;
	padding-bottom: 120px;
}

.page-newsInfo .newsText {
	width: calc(100% - 466px);
	float: left;
}

.page-newsInfo .newsTextNr {
	font-size: 16px;
	color: #363636;
	line-height: 32px;
}

.page-newsInfo .newsTextNr h2 {
	font-size: 20px;
}

.page-newsInfo .newsTextNr img {
	max-width: 100%;
	height: auto !important;
}

.page-newsInfo .newsBtn {
	border-top: 1px solid #edeef1;
	padding-top: 40px;
	font-size: 0;
	margin-top: 54px;
}

.page-newsInfo .newsBtn .newsBtnNr {
	position: relative;
}

.page-newsInfo .newsBtn span {
	display: inline-block;
	*display: inline;
	zoom: 1;
	line-height: 45px;
	overflow: hidden;
	color: #3e4d5a;
	font-size: 13px;
}

.page-newsInfo .newsBtn span a {
	display: inline-block;
	font-size: 16px;
	line-height: 45px;
	color: #363636;
	-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;
}

.page-newsInfo .newsBtn span a:hover {
	color: #e60044;
}

.page-newsInfo .newsBtn .newsBtnL {
	float: left;
}

.page-newsInfo .newsBtn .newsBtnR {
	float: right;
}

.page-newsInfo .newsBtn .newsBtnL a {
	padding-left: 50px;
	background: url(../image/icon-left3.png) left center no-repeat;
	background-size: 30px;
}

.page-newsInfo .newsBtn .newsBtnL a:hover {
	padding-left: 45px;
}

.page-newsInfo .newsBtn .newsBtnR a {
	padding-right: 50px;
	background: url(../image/icon-right3.png) right center no-repeat;
	background-size: 30px;
}

.page-newsInfo .newsBtn .newsBtnR a:hover {
	padding-right: 45px;
}

.page-newsInfo .newsBtn .page-back {
	position: absolute;
	left: 0;
	right: 0;
}

@media screen and (max-width:1400px) {
	.page-newsInfo .newsTextBox {
		padding-top: 75px;
		padding-bottom: 100px;
	}

	.page-newsInfo .newsText {
		width: calc(100% - 435px);
	}

	.page-newsInfo .newsTextNr {
		font-size: 14px;
		line-height: 1.6;
	}

	.page-newsInfo .newsTextNr h2 {
		font-size: 18px;
	}

	.page-newsInfo .newsBtn {
		padding-top: 35px;
		margin-top: 50px;
	}

	.page-newsInfo .newsBtn span a {
		font-size: 14px;
		line-height: 40px;
	}
}

@media screen and (max-width:1220px) {
	.page-newsInfo .newsTextBox {
		padding-top: 70px;
		padding-bottom: 90px;
	}

	.page-newsInfo .newsText {
		width: calc(100% - 400px);
	}
}

@media screen and (max-width:1024px) {
	.page-newsInfo .newsTextBox {
		padding-top: 60px;
		padding-bottom: 70px;
	}

	.page-newsInfo .newsText {
		width: 100%;
		float: none;
		margin-bottom: 60px;
	}
}

@media screen and (max-width:768px) {
	.page-newsInfo .newsTextBox {
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.page-newsInfo .newsBtn .page-back {
		position: static;
		width: 100%;
		float: left;
		margin-top: 30px;
	}
}




/*page-newsXg*/
.page-newsZuixin {
	width: 400px;
	float: right;
}

.page-newsZuixin h2 {
	font-size: 18px;
	color: #363636;
	font-weight: normal;
	line-height: 24px;
	background: url(../image/news2-tit.png) left center no-repeat;
	background-size: 20px;
	padding-left: 25px;
	margin-bottom: 25px;
}

.page-newsZuixin ul {
	margin: 0 auto;
	position: relative;
	font-size: 0;
	border-radius: 10px;
	background: #f5f5f8;
	padding: 0 20px;
}

.page-newsZuixin ul li {
	font-size: 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	vertical-align: top;
}

.page-newsZuixin ul li a {
	display: block;
	border-bottom: 1px solid #e3e3e3;
	padding: 25px 15px;
}

.page-newsZuixin ul li:last-child a {
	border-bottom: none;
}

.page-newsZuixin ul li .listTitle .listTitleBox {}

.page-newsZuixin ul li .listTitle .t {
	font-size: 16px;
	line-height: 1.5;
	color: #545454;
	background: url(../image/icon-dian.png) left 10px no-repeat;
	background-size: 6px;
	padding-left: 15px;
}

.page-newsZuixin ul li .listTitle .date {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1;
	color: #363636;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
}

.page-newsZuixin ul li a:hover .listTitle .t {
	color: #e60044;
}

@media screen and (max-width:1400px) {
	.page-newsZuixin {
		width: 380px;
	}

	.page-newsZuixin h2 {
		font-size: 16px;
		background-size: 18px;
	}

	.page-newsZuixin ul li .listTitle .t {
		font-size: 14px;
		background-position: left 8px;
	}

	.page-newsZuixin ul li .listTitle .date {
		font-size: 14px;
	}
}

@media screen and (max-width:1220px) {
	.page-newsZuixin {
		width: 350px;
	}
}

@media screen and (max-width:1024px) {
	.page-newsZuixin {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width:768px) {}



/*********************************industry*********************************/

/*industryList*/
.industryList {
	margin: 0 -20px;
	padding: 0;
	overflow: hidden;
	height: auto;
	color: #a0a0a0;
	font-size: 0;
	line-height: normal;
}

.industryList li {
	font-size: 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 33.333333%;
	vertical-align: top;
	margin-bottom: 50px;
}

.industryList li a {
	display: block;
	margin: 0 20px;
	overflow: hidden;
	position: relative;
}

.industryList li a .ImgBox {
	height: 0;
	position: relative;
	padding-bottom: 77.27272727272727%;
	border-radius: 5px;
	overflow: hidden;
}

.industryList li a .ImgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.industryList li a:hover .ImgBox img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.industryList li a:before,
.industryList li a .ImgBox img,
.industryList li .listTitle,
.industryList li a,
.industryList li .listTitle:after {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.industryList li .listTitle {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	background: url(../image/icon-s3.png) right center no-repeat;
	background-size: 14px;
}

.industryList li .listTitle .t {
	display: block;
	color: #363636;
	font-size: 20px;
	line-height: 1.5;
	overflow: hidden;
	text-align: left;
}

.industryList li a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #e9e9e9;
	z-index: 0;
}

.industryList li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background-color: #e60044;
	z-index: 2;
}

.industryList li a:hover:before {
	width: 100%;
}

.industryList li a:hover .listTitle {
	background-size: 0;
}

.industryList li a:hover .listTitle .t {
	color: #e60044;
}

@media screen and (max-width:1600px) {
	.industryList {
		margin: 0 -15px;
	}

	.industryList li a {
		margin: 0 15px;
	}

	.industryList li {
		margin-bottom: 40px;
	}

	.industryList li .listTitle .t {
		font-size: 18px;
	}
}

@media screen and (max-width:1220px) {
	.industryList {
		margin: 0 -10px;
	}

	.industryList li a {
		margin: 0 10px;
	}

	.industryList li {
		margin-bottom: 35px;
	}

	.industryList li .listTitle .t {
		font-size: 16px;
	}

	.industryList li .listTitle {
		padding-top: 15px;
		padding-bottom: 15px;
		background-size: 12px;
	}
}

@media screen and (max-width:1024px) {
	.industryList li .listTitle .t {
		font-size: 14px;
	}

	.industryList li .listTitle {
		padding-top: 15px;
		padding-bottom: 15px;
		background-size: 10px;
	}
}

@media screen and (max-width:768px) {
	.industryList {
		margin: 0 -8px;
	}

	.industryList li a {
		margin: 0 8px;
	}

	.industryList li {
		width: 50%;
		margin-bottom: 30px;
	}

	.industryList li .listTitle .t {
		font-size: 14px;
	}
}


/*industryList1*/
.industryList1 {
	font-size: 0;
	position: relative;
	z-index: 2;
	margin: 0 -27px;
	padding-top: 50px;
}

.industryList1 .li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.33333%;
	vertical-align: top;
	margin-bottom: 35px;
}

.industryList1 .li .item {
	display: block;
	text-align: left;
	background-color: #fff;
	color: #e60044;
	position: relative;
	margin: 0 27px;
	min-height: 60px;
	overflow: hidden;
	padding: 35px 0;
}

.industryList1 .li .item {
	padding-left: 85px;
}

.industryList1 .li .item .img {
	width: 85px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 35px;
}

.industryList1 .li .item .img img {
	max-width: 71%;
	max-height: 60px;
}

.industryList1 .li .item .nr {
	padding-top: 3px;
}

.industryList1 .li .item h2 {
	font-size: 20px;
	color: #363636;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 16px;
}

.industryList1 .li .item .des {
	font-size: 16px;
	color: #64676b;
	font-weight: normal;
	line-height: 1;
}

/*hover*/
.industryList1 .li .item,
.industryList1 .li .item:before {
	-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;
}

.industryList1 .li .item:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #e9e9e9;
	z-index: 0;
}

.industryList1 .li .item:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background-color: #e60044;
	z-index: 2;
}

.industryList1 .li .item:hover:before {
	width: 100%;
}

@media screen and (max-width:1600px) {
	.industryList1 {
		margin: 0 -25px;
	}

	.industryList1 .li .item {
		margin: 0 25px;
	}

	.industryList1 .li {
		margin-bottom: 35px;
	}

	.industryList1 .li .item h2 {
		font-size: 18px;
	}

	.industryList1 .li .item .des {
		font-size: 14px;
	}
}

@media screen and (max-width:1400px) {
	.industryList1 {
		margin: 0 -20px;
	}

	.industryList1 .li .item {
		margin: 0 20px;
		padding: 30px 0;
		padding-left: 85px;
	}

	.industryList1 .li .item .img {
		width: 85px;
		top: 30px;
	}

	.industryList1 .li {
		margin-bottom: 30px;
	}

	.industryList1 .li .item h2 {
		font-size: 16px;
	}

	.industryList1 .li .item .des {
		font-size: 13px;
	}

}

@media screen and (max-width:1220px) {
	.industryList1 {
		margin: 0 -15px;
		padding-top: 40px;
	}

	.industryList1 .li .item {
		margin: 0 15px;
		padding: 25px 0;
		padding-left: 85px;
	}

	.industryList1 .li .item .img {
		width: 85px;
		top: 25px;
	}

	.industryList1 .li {
		margin-bottom: 30px;
	}

	.industryList1 .li .item h2 {
		font-size: 16px;
	}

	.industryList1 .li .item .des {
		font-size: 13px;
	}
}

@media screen and (max-width:1024px) {
	.industryList1 {
		margin: 0 -10px;
		padding-top: 30px;
	}

	.industryList1 .li .item {
		margin: 0 10px;
		padding: 20px 0;
		padding-left: 75px;
	}

	.industryList1 .li .item .img {
		width: 75px;
		top: 20px;
		max-height: 50px;
	}

	.industryList1 .li .item h2 {
		margin-bottom: 15px;
	}

	.industryList1 .li {
		margin-bottom: 25px;
		width: 50%;
	}

}

@media screen and (max-width:768px) {
	.industryList1 {
		margin: 0 0px;
	}

	.industryList1 .li .item {
		margin: 0 0px;
		padding: 15px 0;
		padding-left: 70px;
	}

	.industryList1 .li .item .img {
		width: 70px;
		top: 15px;
		max-height: 45px;
	}

	.industryList1 .li .item h2 {
		margin-bottom: 10px;
	}

	.industryList1 .li {
		margin-bottom: 20px;
		width: 100%;
	}
}




/*pageIndustrySWList*/
.pageIndustrySWList {
	padding-bottom: 140px;
	padding-bottom: 0px;
	overflow: hidden;
}

.pageIndustrySWList .swiper-wrapper {
	position: relative;
	cursor: grab;
}

/*industryList2*/
.industryList2 {
	font-size: 0;
	position: relative;
	z-index: 2;
	padding-top: 30px;
}

.industryList2 .li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.33333%;
	vertical-align: top;
}

.industryList2 .li .item {
	display: block;
	position: relative;
	margin: 0 45px;
	min-height: 60px;
	overflow: hidden;
}

.industryList2 .li .item .num {
	font-size: 40px;
	margin-bottom: 30px;
	color: #e60044;
	line-height: 1;
	font-family: 'UNSII', "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
}

.industryList2 .li .item h2 {
	font-size: 20px;
	color: #363636;
	font-weight: normal;
	line-height: 30px;
	border-bottom: 1px solid #c3c5c8;
	padding-bottom: 30px;
	margin-bottom: 25px;
}

.industryList2 .li .item .des {
	font-size: 16px;
	color: #767574;
	font-weight: normal;
	line-height: 30px;
}

.industryList2 .li .item .des p {
	background: url(../image/icon-dianh.png) left 10px no-repeat;
	background-size: 6px;
	padding-left: 20px;
}

/*hover*/
.industryList2 .li .item,
.industryList2 .li .item:before {
	-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;
}

@media screen and (max-width:1600px) {
	.industryList2 .li .item {
		margin: 0 40px;
	}

	.industryList2 .li .item .num {
		font-size: 36px;
		margin-bottom: 25px;
	}

	.industryList2 .li .item h2 {
		font-size: 18px;
	}

	.industryList2 .li .item .des {
		font-size: 14px;
	}
}

@media screen and (max-width:1400px) {
	.industryList2 {
		padding-top: 20px;
	}

	.industryList2 .li .item {
		margin: 0 30px;
	}

	.industryList2 .li .item .num {
		font-size: 34px;
		margin-bottom: 22px;
	}

	.industryList2 .li .item h2 {
		font-size: 16px;
	}

	.industryList2 .li .item .des {
		font-size: 13px;
	}

}

@media screen and (max-width:1220px) {
	.industryList2 .li .item {
		margin: 0 20px;
	}

	.industryList2 .li .item .num {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.industryList2 .li .item h2 {
		font-size: 16px;
	}

	.industryList2 .li .item .des {
		font-size: 13px;
	}

	.industryList2 .li {
		width: 50%;
	}
}

@media screen and (max-width:1024px) {
	.industryList2 {
		padding-top: 0px;
	}

	.industryList2 .li .item {
		margin: 0 15px;
	}

}

@media screen and (max-width:640px) {
	.industryList2 .li {
		width: 100%;
	}

	.industryList2 .li .item {
		margin: 0 20px;
	}
}



/*industryList2 swiper-pagination*/
.industryList2 .swiper-pagination {
	bottom: 0;
	line-height: 0;
	font-size: 0;
	position: static;
	width: 100%;
	text-align: center;
	margin-top: 90px;
}

.industryList2 .swiper-pagination span {
	width: 45px;
	height: 4px;
	border: none;
	opacity: 1;
	float: none;
	margin-left: 10px;
	border-radius: 4px;
	background: #fff;
	transition: background .3s linear;
	cursor: pointer;
}

.industryList2 .swiper-pagination span.swiper-pagination-bullet-active {
	background: #e60044;
}

@media screen and (max-width:1024px) {
	.industryList2 .swiper-pagination {
		margin-top: 70px;
	}

	.industryList2 .swiper-pagination span {
		width: 35px;
		height: 3px;
	}
}

@media screen and (max-width:768px) {
	.industryList2 .swiper-pagination {
		margin-top: 50px;
	}

	.industryList2 .swiper-pagination span {
		width: 25px;
		height: 3px;
	}
}

/*pageIndustry2*/
.pageIndustry2 {
	padding-top: 120px;
	padding-bottom: 90px;
	background: #e4e7ec;
}

@media screen and (max-width:1220px) {
	.pageIndustry2 {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1024px) {
	.pageIndustry2 {
		padding-top: 80px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.pageIndustry2 {
		padding-top: 60px;
		padding-bottom: 50px;
	}
}


/*pageIndustry3*/
.pageIndustry3 {
	padding-top: 130px;
	padding-bottom: 110px;
}

@media screen and (max-width:1220px) {
	.pageIndustry3 {
		padding-top: 100px;
		padding-bottom: 90px;
	}
}

@media screen and (max-width:1024px) {
	.pageIndustry3 {
		padding-top: 80px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.pageIndustry3 {
		padding-top: 60px;
		padding-bottom: 50px;
	}
}


/*********************************case*********************************/
/*pageTit1*/
.pageTit1 {
	margin-bottom: 30px;
	text-align: center;
}

.pageTit1 h2 {
	font-size: 30px;
	line-height: 1;
	color: #2b2b2a;
	font-weight: 300;
}

@media screen and (max-width:1024px) {
	.pageTit1 {
		margin-bottom: 25px;
	}

	.pageTit1 h2 {
		font-size: 24px;
	}
}

@media screen and (max-width:768px) {
	.pageTit1 {
		margin-bottom: 20px;
	}

	.pageTit1 h2 {
		font-size: 20px;
	}
}



/*dianList*/
.dianList {
	font-size: 0;
	position: relative;
	z-index: 2;
	margin: 0 -27px;
	padding-top: 50px;
}

.dianList .li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.33333%;
	vertical-align: top;
	margin-bottom: 35px;
}

.dianList .li .item {
	display: block;
	text-align: left;
	background-color: #fff;
	color: #e60044;
	position: relative;
	margin: 0 27px;
	min-height: 60px;
	overflow: hidden;
	padding: 35px 0;
}

.dianList .li .item {
	padding-left: 85px;
}

.dianList .li .item .img {
	width: 85px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 35px;
}

.dianList .li .item .img img {
	max-width: 71%;
	max-height: 60px;
}

.dianList .li .item .nr {
	padding-top: 15px;
}

.dianList .li .item h2 {
	font-size: 20px;
	color: #363636;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 10px;
}

.dianList .li .item .des {
	font-size: 16px;
	color: #64676b;
	font-weight: normal;
	line-height: 1.3;
}

/*hover*/
.dianList .li .item,
.dianList .li .item:before {
	-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;
}

.dianList .li .item:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #e9e9e9;
	z-index: 0;
}

.dianList .li .item:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background-color: #e60044;
	z-index: 2;
}

.dianList .li .item:hover:before {
	width: 100%;
}

@media screen and (max-width:1600px) {
	.dianList {
		margin: 0 -25px;
	}

	.dianList .li .item {
		margin: 0 25px;
	}

	.dianList .li {
		margin-bottom: 35px;
	}

	.dianList .li .item h2 {
		font-size: 18px;
	}

	.dianList .li .item .des {
		font-size: 14px;
	}
}

@media screen and (max-width:1400px) {
	.dianList {
		margin: 0 -20px;
	}

	.dianList .li .item {
		margin: 0 20px;
		padding: 30px 0;
		padding-left: 85px;
	}

	.dianList .li .item .img {
		width: 85px;
		top: 30px;
	}

	.dianList .li {
		margin-bottom: 30px;
	}

	.dianList .li .item h2 {
		font-size: 16px;
	}

	.dianList .li .item .des {
		font-size: 13px;
	}

}

@media screen and (max-width:1220px) {
	.dianList {
		margin: 0 -15px;
		padding-top: 40px;
	}

	.dianList .li .item {
		margin: 0 15px;
		padding: 25px 0;
		padding-left: 85px;
	}

	.dianList .li .item .img {
		width: 85px;
		top: 25px;
	}

	.dianList .li {
		margin-bottom: 30px;
	}

	.dianList .li .item h2 {
		font-size: 16px;
	}

	.dianList .li .item .des {
		font-size: 13px;
	}
}

@media screen and (max-width:1024px) {
	.dianList {
		margin: 0 -10px;
		padding-top: 30px;
	}

	.dianList .li .item {
		margin: 0 10px;
		padding: 20px 0;
		padding-left: 75px;
	}

	.dianList .li .item .img {
		width: 75px;
		top: 20px;
		max-height: 50px;
	}

	.dianList .li .item h2 {
		margin-bottom: 10px;
	}

	.dianList .li {
		margin-bottom: 25px;
		width: 50%;
	}

}

@media screen and (max-width:768px) {
	.dianList {
		margin: 0 0px;
	}

	.dianList .li .item {
		margin: 0 0px;
		padding: 15px 0;
		padding-left: 70px;
	}

	.dianList .li .item .img {
		width: 70px;
		top: 15px;
		max-height: 45px;
	}

	.dianList .li .item h2 {
		margin-bottom: 10px;
	}

	.dianList .li {
		margin-bottom: 20px;
		width: 100%;
	}
}



/*pageCase*/
.pageCase {
	padding-top: 100px;
	padding-bottom: 85px;
}

@media screen and (max-width:1220px) {
	.pageCase {
		padding-top: 70px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:1024px) {
	.pageCase {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.pageCase {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}




/*pageCase2*/
.pageCase2 {
	padding-top: 120px;
	padding-bottom: 120px;
	background: #e4e7ec;
}

@media screen and (max-width:1220px) {
	.pageCase2 {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1024px) {
	.pageCase2 {
		padding-top: 80px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.pageCase2 {
		padding-top: 60px;
		padding-bottom: 50px;
	}
}



/*ysTable*/
.ysTable {
	margin-top: 20px; table-layout: fixed;
}

.ysTable td {
	text-align: center;
	vertical-align: middle;
	width: 50%;
	padding: 12px 20px;
	line-height: 26px;
	font-size: 16px;
	color: #363636;
	border: 1px solid #d7dbe0;
	background: #fff;
}

.ysTable td:nth-child(1) {
	background: #eef1f6;
}

.ysTable .spe td{background: #008cd6; color: #fff;}
.ysTable .spe td.spe{background: #e60044;}
.ysTable tr:hover td {
	background: #ddd;
}

@media screen and (max-width:1220px) {
	.ysTable {
		margin-top: 30px;
	}

	.ysTable td {
		font-size: 14px;
		padding: 15px 15px;
	}
}

@media screen and (max-width:768px) {
	.ysTable {
		margin-top: 0px;
	}

	.ysTable td {
		font-size: 13px;
		padding: 10px 10px;
	}
}



/*bigimgList*/
.bigimgList {
	position: relative;
	overflow: hidden;
	padding: 0 9%;
}

.bigimgList a {
	display: inline-block;
}

.bigimgList .img {
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;
}

.bigimgList img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-height: 680px;
}

/*bigimgSW*/
.bigimgSW {
	overflow: hidden;
}

/*SWbtn swiper-button*/
.SWbtn .swiper-button-prev,
.SWbtn .swiper-button-next {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 10;
	outline: none;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #c8c8c8;
}

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

.SWbtn .swiper-button-prev {
	background: url(../image/icon-l.png) center center no-repeat;
	left: 0;
	background-size: 8px;
	outline: none;
}

.SWbtn .swiper-button-next {
	background: url(../image/icon-r.png) center center no-repeat;
	right: 0;
	background-size: 8px;
	outline: none;
}

.SWbtn .swiper-button-prev.swiper-button-disabled,
.SWbtn .swiper-button-next.swiper-button-disabled {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.SWbtn .swiper-button-prev:hover,
.SWbtn .swiper-button-next:hover {
	border-color: #e60044; background: url(../images/icon-rs.png) center center no-repeat;
}

@media screen and (max-width:1024px) {

	.SWbtn .swiper-button-prev,
	.SWbtn .swiper-button-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
}

@media screen and (max-width:768px) {
	.bigimgList {
		padding: 0 3%;
	}

	.SWbtn .swiper-button-prev,
	.SWbtn .swiper-button-next {
		width: 35px;
		height: 35px;
		margin-top: -17px;
	}
}


/*pageMore*/
.pageMore a {
	font-size: 17px;
	color: #e60044;
	font-weight: normal;
	line-height: 1;
}

.pageMore a:hover {
	text-decoration: underline;
	color: #198130;
}

@media screen and (max-width:1024px) {
	.pageMore a {
		font-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.pageMore a {
		font-size: 14px;
	}
}



/*pageCase4*/
.pageCase4 {
	padding-top: 110px;
	padding-bottom: 110px;
	/*background:#e4e7ec;*/
	background: #f5f5f8;
}

.pageCase4 .pageflex {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	justify-content: flex-start;
	align-items: center;
}

.pageCase4 .pageLeft {
	width: 50%;
	float: left;
}

.pageCase4 .pageLeft .pageBox {
	max-width: 77.2%;
	text-align: justify;
	padding-right: 10%;
}

.pageCase4 .pageLeft .pageMore {
	margin-top: 55px;
}

.pageCase4 .pageLeft .pageTit1 {
	text-align: left;
}

.pageCase4 .pageImg {
	width: 50%;
	float: right;
}

.pageCase4 .pageImg img {
	max-width: 100%;
	height: auto;
	display: block;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.pageCase4 .pageImg img {
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.pageCase4 .pageImg img:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

@media screen and (max-width:1220px) {
	.pageCase4 {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.pageCase4 .pageLeft .pageMore {
		margin-top: 40px;
	}
}

@media screen and (max-width:1024px) {
	.pageCase4 {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.pageCase4 .pageflex {
		display: block;
	}

	.pageCase4 .pageLeft .pageMore {
		margin-top: 35px;
	}
}

@media screen and (max-width:768px) {
	.pageCase4 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.pageCase4 .pageflex {
		display: block;
	}

	.pageCase4 .pageLeft {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}

	.pageCase4 .pageImg {
		width: 100%;
		float: none;
	}

	.pageCase4 .pageLeft .pageMore {
		margin-top: 30px;
		text-align: center;
	}

	.pageCase4 .pageLeft .pageBox {
		max-width: 100%;
		text-align: justify;
		padding-right: 0;
	}

	.pageCase4 .pageLeft .pageTit1 {
		text-align: center;
	}
}



/*bigimgList*/
.xgProList {
	position: relative;
	overflow: hidden;
	padding: 0 62px;
	font-size: 0;
	margin-top: 65px;
}

.xgProList li {
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.3333333%;
	margin-bottom: 30px;
	vertical-align: top;
}

.xgProList li .item {
	display: block;
	position: relative;
	margin: 0 23px;
}

.xgProList li .imgBox {
	padding: 90px 60px;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 8px;
	text-align: center;
	margin: auto auto;
	background: #f6f7f6;
}

.xgProList li .imgBox .img {
	position: relative;
	padding-bottom: 100%;
}

.xgProList li .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: contain;
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.xgProList li .item,
.xgProList li .imgBox img,
.xgProList li .titleBox:before,
.xgProList li .imgBox {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.xgProList li .item:hover .imgBox img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.xgProList li .titleBox {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 80px;
	line-height: 26px;
	position: relative;
	color: #363636;
}

.xgProList li .t {
	font-size: 20px;
	padding-top: 10px;
}

.xgProList li .des {
	font-size: 16px;
}

.xgProList li .titleBox:before {
	content: "";
	position: absolute;
	right: 30px;
	top: 25px;
	margin-top: 5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(../images/icon-more.png) no-repeat center center #008cd6;
	background-size: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.xgProList li .item:hover .titleBox:before {
	background-color: #e60044;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.xgProList li .item:hover .title {
	color: #e62129
}

@media screen and (max-width:1600px) {
	.xgProList {
		padding: 0 60px;
		margin-top: 60px;
	}

	.xgProList li .item {
		margin: 0 20px;
	}

	.xgProList li .imgBox {
		padding: 80px 50px;
	}


}

@media screen and (max-width:1400px) {
	.xgProList {
		padding: 0 50px;
		margin-top: 50px;
	}

	.xgProList li .item {
		margin: 0 15px;
	}

	.xgProList li .imgBox {
		padding: 70px 40px;
	}
}

@media screen and (max-width:1220px) {
	.xgProList {
		padding: 0 50px;
		margin-top: 50px;
	}

	.xgProList li .item {
		margin: 0 10px;
	}

	.xgProList li .imgBox {
		padding: 50px 30px;
	}

	.xgProList li .titleBox {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 70px;
	}

	.xgProList li .t {
		font-size: 18px;
	}

	.xgProList li .des {
		font-size: 14px;
	}

	.xgProList li .titleBox:before {
		right: 20px;
		top: 20px;
		margin-top: 5px;
		width: 35px;
		height: 35px;
	}
}

@media screen and (max-width:1024px) {
	.xgProList li .item {
		margin: 0 8px;
	}

	.xgProList li .imgBox {
		padding: 40px 20px;
	}

	.xgProList li .titleBox {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 60px;
	}

	.xgProList li .t {
		font-size: 16px;
	}

	.xgProList li .des {
		font-size: 12px;
	}

	.xgProList li .titleBox:before {
		right: 10px;
		top: 20px;
		margin-top: 5px;
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width:768px) {
	.xgProList li {
		width: 50%;
	}
}

@media screen and (max-width:530px) {
	.xgProList li {
		width: 100%;
	}
}

/*pageHonorSW*/
.xgProSW {
	overflow: hidden;
}

.xgProSW .swiper-wrapper {
	position: relative;
}




/*pageCase6*/
.pageCase6 {
	padding-top: 120px;
	padding-bottom: 120px;
	background: #e4e7ec;
	overflow: hidden;
}

@media screen and (max-width:1220px) {
	.pageCase6 {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1024px) {
	.pageCase6 {
		padding-top: 80px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.pageCase6 {
		padding-top: 60px;
		padding-bottom: 50px;
	}
}

/*fbList*/
.fbList {
	position: relative;
	padding: 0 75px;
	font-size: 0;
	margin-top: 65px;
}

.fbList li {
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 66.66666666666667%;
	margin-bottom: 20px;
	vertical-align: top;
}

.fbList li .item {
	display: block;
	position: relative;
	margin: 0 10px;
	padding: 75px 75px 60px 75px;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 10px;
	text-align: center;
	background: #fff;
	min-height: 225px;
}

.fbList li .itemB {
	padding-left: 130px;
	background: url(../image/case-toubg.png) no-repeat left top;
}

.fbList li .img img,
.fbList li .item {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.fbList li .img {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
	border-radius: 10px;
}

.fbList li .img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: contain;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.fbList li .item:hover .img img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.fbList li .title {
	position: relative;
	padding-left: 133px;
	height: auto;
	min-height: 100px;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-end;
	margin-bottom: 55px;
}

.fbList li .imgBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
}

.fbList li .titleBox {
	line-height: 26px;
	color: #363636;
	text-align: left;
}

.fbList li .t {
	font-size: 20px;
}

.fbList li .des {
	font-size: 16px;
	color: #767574;
}

.fbList li .nr {
	font-size: 17px;
	line-height: 34px;
	color: #363636;
	text-align: left;
}

@media screen and (max-width:1600px) {
	.fbList {
		padding: 0 60px;
		margin-top: 55px;
	}

	.fbList li .item {
		padding: 65px 65px 50px 65px;
		min-height: 0;
	}

	.fbList li .itemB {
		padding-left: 120px;
		background-size: 35px;
	}

	.fbList li .title {
		padding-left: 120px;
		margin-bottom: 45px;
	}

	.fbList li .t {
		font-size: 18px;
	}

	.fbList li .des {
		font-size: 14px;
	}

	.fbList li .nr {
		font-size: 15px;
		line-height: 30px;
	}
}

@media screen and (max-width:1400px) {
	.fbList {
		padding: 0 50px;
		margin-top: 40px;
	}

	.fbList li .item {
		padding: 55px 55px 40px 55px;
		min-height: 0;
	}

	.fbList li .itemB {
		padding-left: 100px;
		background-size: 35px;
	}
}

@media screen and (max-width:1220px) {
	.fbList li .item {
		padding: 50px 45px;
		min-height: 0;
	}

	.fbList li .itemB {
		padding-left: 100px;
		background-size: 35px;
	}

	.fbList li .title {
		padding-left: 120px;
		height: auto;
		min-height: 90px;
		margin-bottom: 35px;
	}

	.fbList li .imgBox {
		width: 90px;
	}

	.fbList li .t {
		font-size: 16px;
	}

	.fbList li .des {
		font-size: 14px;
	}

	.fbList li .nr {
		font-size: 14px;
		line-height: 26px;
	}
}

@media screen and (max-width:1024px) {
	.fbList li .item {
		padding: 40px 35px;
		min-height: 0;
	}

	.fbList li .itemB {
		padding-left: 80px;
		background-size: 30px;
	}

	.fbList li .title {
		padding-left: 120px;
		height: auto;
		min-height: 90px;
		margin-bottom: 25px;
	}

	.fbList li {
		width: 76.92307692307692%;
	}

	.fbList li .imgBox {
		width: 90px;
	}

	.fbList li .t {
		font-size: 16px;
	}

	.fbList li .des {
		font-size: 14px;
	}

	.fbList li .nr {
		font-size: 14px;
		line-height: 26px;
	}
}

@media screen and (max-width:768px) {
	.fbList li {
		width: 100%;
	}

	.fbList li .item {
		padding: 30px 25px 30px 25px;
		min-height: 0;
	}

	.fbList li .itemB {
		padding-left: 50px;
		background-size: 25px;
	}

	.fbList li .title {
		padding-left: 120px;
		margin-bottom: 25px;
		height: auto;
		min-height: 90px;
	}

	.fbList li .imgBox {
		width: 90px;
	}

	.fbList li .t {
		font-size: 16px;
	}

	.fbList li .des {
		font-size: 14px;
	}

	.fbList li .nr {
		font-size: 14px;
		line-height: 26px;
	}

}

@media screen and (max-width:550px) {
	.fbList li .title {
		display: block;
		padding-left: 0;
		height: auto;
		min-height: 90px;
	}

	.fbList li .imgBox {
		position: static;
		margin-bottom: 10px;
	}

}

/*fbSW*/
.fbSW .swiper-slide {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.fbSW .swiper-slide.swiper-slide-active {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


/*********************************product*********************************/
/*pageNav2*/
.pageNav2 {
	text-align: center;
	margin-bottom: 90px;
}

.pageNav2 ul {
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 -9px;
}

.pageNav2 li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-bottom: 20px;
}

.pageNav2 li a {
	position: relative;
	display: block;
	color: #000000;
	background: #f6f6f6;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-size: 18px;
	line-height: 53px;
	border-radius: 53px;
	padding: 0 10px;
	min-width: 200px;
	margin: 0 9px;
}

.pageNav2 li a span {
	display: block;
}

.pageNav2 li .on,
.pageNav2 li a:hover {
	color: #fff;
	background: #e60044;
}

@media screen and (max-width:1600px) {
	.pageNav2 {
		margin-bottom: 80px;
	}

	.pageNav2 ul {
		mmargin: 0 -6px;
	}

	.pageNav2 li a {
		margin: 0 6px;
		font-size: 16px;
		line-height: 50px;
		border-radius: 50px;
		min-width: 180px;
	}

	.pageNav2 li {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:1400px) {
	.pageNav2 {
		margin-bottom: 70px;
	}

	.pageNav2 ul {
		mmargin: 0 -5px;
	}

	.pageNav2 li a {
		margin: 0 5px;
		font-size: 16px;
		line-height: 50px;
		border-radius: 50px;
		min-width: 150px;
	}

	.pageNav2 li {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:1220px) {
	.pageNav2 {
		margin-bottom: 60px;
	}

	.pageNav2 ul {
		mmargin: 0 -5px;
	}

	.pageNav2 li a {
		margin: 0 5px;
		font-size: 15px;
		line-height: 45px;
		border-radius: 45px;
		min-width: 130px;
	}

	.pageNav2 li {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:1024px) {
	.pageNav2 {
		margin-bottom: 50px;
	}

	.pageNav2 ul {
		mmargin: 0 -5px;
	}

	.pageNav2 li a {
		margin: 0 5px;
		font-size: 14px;
		line-height: 45px;
		border-radius: 45px;
		min-width: 130px;
	}

	.pageNav2 li {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:992px) {
	.pageNav2 {
		margin-bottom: 30px;
	}

	.pageNav2 ul {
		mmargin: 0 -3px;
	}

	.pageNav2 li a {
		margin: 0 3px;
		font-size: 13px;
		line-height: 40px;
		border-radius: 40px;
		min-width: 100px;
	}
}



/*prob5List*/
.prob5List {
	font-size: 0;
	line-height: 0;
	padding-top: 100px;
}

.prob5List li {
	background: #eef1f5;
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	border-radius: 10px;
}

.prob5List li .tmain {
	padding: 45px 50px;
	display: none;
	font-size: 16px;
	line-height: 32px;
	color: #363636;
	border-top: 1px solid #dee0e3;
}

.prob5List li .title {
	padding: 25px 50px;
	overflow: hidden;
	zoom: 1;
	cursor: pointer;
	position: relative;
}

.prob5List li .title .close {
	display: block;
	width: 15px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 50px;
}

.prob5List li .title .close span {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	background: url(../image/icon-v2.png) center center no-repeat;
	transition: all 0.2s ease;
	background-size: 100%;
}

.prob5List li .title .Tit {
	display: block;
	color: #e60044;
	font-weight: 600;
	padding-right: 30px;
	font-size: 20px;
	line-height: 30px;
}

.prob5List li .title.on .close span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media screen and (max-width:1600px) {
	.prob5List {
		padding-top: 90px;
	}

	.prob5List li .tmain {
		padding: 40px 45px;
		font-size: 14px;
		line-height: 30px;
	}

	.prob5List li .title {
		padding: 25px 45px;
	}

	.prob5List li .title .close {
		right: 45px;
	}

	.prob5List li .title .Tit {
		font-size: 18px;
		line-height: 30px;
	}

}

@media screen and (max-width:1220px) {
	.prob5List {
		padding-top: 70px;
	}

	.prob5List li {
		margin-bottom: 15px;
	}

	.prob5List li .tmain {
		padding: 35px 40px;
		font-size: 14px;
		line-height: 30px;
	}

	.prob5List li .title {
		padding: 20px 40px;
	}

	.prob5List li .title .close {
		right: 40px;
	}

	.prob5List li .title .Tit {
		font-size: 18px;
		line-height: 30px;
	}
}

@media screen and (max-width:1024px) {
	.prob5List {
		padding-top: 50px;
	}

	.prob5List li {
		margin-bottom: 10px;
	}

	.prob5List li .tmain {
		padding: 30px 30px;
		font-size: 14px;
		line-height: 28px;
	}

	.prob5List li .title {
		padding: 20px 30px;
	}

	.prob5List li .title .close {
		right: 30px;
	}

	.prob5List li .title .Tit {
		font-size: 16px;
		line-height: 28px;
	}
}

@media screen and (max-width:768px) {
	.prob5List {
		padding-top: 30px;
	}

	.prob5List li {
		margin-bottom: 10px;
	}

	.prob5List li .tmain {
		padding: 20px 25px;
		font-size: 13px;
		line-height: 26px;
	}

	.prob5List li .title {
		padding: 15px 25px;
	}

	.prob5List li .title .close {
		right: 25px;
	}

	.prob5List li .title .Tit {
		font-size: 15px;
		line-height: 26px;
	}
}


/*pagetab2*/
.pagetab2 ul {
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.pagetab2 li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 100%;
	margin-bottom: 14px;
}

.pagetab2 li a {
	position: relative;
	display: block;
	color: #000000;
	background: #f6f6f6;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-size: 18px;
	font-weight: 300;
	line-height: 21px;
	border-radius: 53px;
	padding: 16px 34px;
}

.pagetab2 li a span {
	display: block;
	padding-right: 10px;
	background: url(../image/icon-s2.png) right center no-repeat;
	background-size: 10px;
}

.pagetab2 li.on a,
.pagetab2 li a:hover {
	color: #fff;
	background: #e60044;
}

@media screen and (max-width:1600px) {
	.pagetab2 li a {
		font-size: 17px;
		border-radius: 50px;
		padding: 16px 30px;
	}

	.pagetab2 li {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:1400px) {
	.pagetab2 li a {
		font-size: 16px;
		border-radius: 50px;
		padding: 12px 25px;
	}

	.pagetab2 li {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:1220px) {
	.pagetab2 li a {
		font-size: 15px;
		border-radius: 45px;
		padding: 10px 20px;
	}

	.pagetab2 li {
		margin-bottom: 8px;
	}
}

@media screen and (max-width:1024px) {
	.pagetab2 li a {
		font-size: 14px;
		border-radius: 40px;
		padding: 8px 15px;
	}

	.pagetab2 li {
		margin-bottom: 6px;
	}

	.pagetab2 li a span {
		background-size: 8px;
	}
}

@media screen and (max-width:992px) {
	.pagetab2 li a {
		font-size: 13px;
		border-radius: 40px;
		padding: 6px 10px;
	}

	.pagetab2 li a span {
		background-size: 6px;
	}
}


/*prob1Box*/
.pageb1L {
	width: 300px;
	float: left;
}

.pageb1R {
	width: calc(100% - 370px);
	float: right;
	border-left: 1px solid #d4d4d4;
}

.pageb1Rbox {
	padding-left: 58px;
	/*margin-right:58px;max-height:850px;max-height:44vw;*/
}

/*pageTabs2Box*/
.pageTabs2Box {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	height: 0;
	max-height: 44vw;
}

.pageTabs2Box.show {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	height: auto;
}

@media screen and (max-width:1600px) {
	.pageb1L {
		width: 300px;
	}

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

	.pageb1Rbox {
		padding-left: 50px;
	}
}

@media screen and (max-width:1400px) {
	.pageb1L {
		width: 280px;
	}

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

	.pageb1Rbox {
		padding-left: 40px;
	}
}

@media screen and (max-width:1220px) {
	.pageb1L {
		width: 250px;
	}

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

	.pageb1Rbox {
		padding-left: 40px;
	}
}

@media screen and (max-width:1024px) {
	.pageb1L {
		width: 250px;
	}

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

	.pageb1Rbox {
		padding-left: 30px;
	}
}

@media screen and (max-width:768px) {
	.pageb1L {
		width: 100%;
		margin-bottom: 50px;
	}

	.pageb1R {
		width: 100%;
		border-left: none
	}

	.pageb1Rbox {
		padding-left: 0;
	}

	/*.pageTabs2Box{max-height:100%;}*/
}




/*mCSB_inside*/
.pageb1Rbox .mCSB_inside>.mCSB_container {
	margin-right: 58px;
}

.pageb1Rbox .mCSB_scrollTools {
	width: 6px;
	background: #e5e5e5;
}

.pageb1Rbox .mCSB_scrollTools .mCSB_draggerRail {
	background: #e5e5e5 !important;
	width: 6px;
}

.pageb1Rbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60044 !important;
	width: 6px;
}

@media screen and (max-width:1600px) {
	.pageb1Rbox .mCSB_inside>.mCSB_container {
		margin-right: 50px;
	}
}

@media screen and (max-width:1400px) {
	.pageb1Rbox .mCSB_inside>.mCSB_container {
		margin-right: 40px;
	}
}

@media screen and (max-width:1024px) {
	.pageb1Rbox .mCSB_inside>.mCSB_container {
		margin-right: 30px;
	}
}

@media screen and (max-width:768px) {
	/*.pageb1Rbox .mCSB_inside>.mCSB_container{ margin-right:0;}	
.pageb1Rbox .mCSB_scrollTools{width:0;}
.pageb1Rbox .mCustomScrollbar.mCS_no_scrollbar,
.pageb1Rbox .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: none;
    touch-action: none;
}*/

}



/*pageb1Rbox*/
.pageb1Rbox h2 {
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: normal;
	color: #363636;
}

@media screen and (max-width:1024px) {
	.pageb1Rbox h2 {
		margin-bottom: 20px;
		font-size: 24px;
	}
}

@media screen and (max-width:768px) {
	.pageb1Rbox h2 {
		margin-bottom: 20px;
		font-size: 20px;
	}
}



/*prob4Box*/
.prob4Box {
	padding-top: 70px;
	padding-bottom: 70px;
	background: #eef1f5;
}

@media screen and (max-width:768px) {
	.prob4Box {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}


/*prob4List*/
.prob4List ul {
	font-size: 0;
	line-height: 0;
	margin: 0px -6px;
	text-align: center;
}

.prob4List ul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 25%;
	padding: 10px 0;
}

.prob4List ul li .item {
	display: block;
	margin: 0 6px;
	padding: 60px 35px 30px 35px;
	min-height: 330px;
	border-radius: 10px;
	background-color: #fff;
	background: rgba(255, 255, 255, 0.9);
}

.prob4List ul li .item:hover {
	background: #f6fdf8;
}

.prob4List ul li .icon {
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}

.prob4List ul li .icon img {
	max-width: 100%;
	max-height: 65px;
}

.prob4List ul li h2 {
	font-size: 22px;
	line-height: 30px;
	color: #e60044;
	text-align: center;
	margin-bottom: 25px;
}

.prob4List ul li .des {
	font-size: 16px;
	line-height: 30px;
	color: #363636;
}

@media screen and (max-width:1600px) {
	.prob4List ul li {
		padding: 10px 0;
	}

	.prob4List ul li h2 {
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 20px;
	}

	.prob4List ul li .des {
		font-size: 16px;
		line-height: 26px;
	}

	.prob4List ul li .item {
		padding: 50px 30px 30px 30px;
	}
}

@media screen and (max-width:1400px) {
	.prob4List ul li {
		padding: 10px 0;
	}

	.prob4List ul li h2 {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 15px;
	}

	.prob4List ul li .des {
		font-size: 14px;
		line-height: 24px;
	}

	.prob4List ul li .item {
		padding: 50px 30px 30px 30px;
	}
}

@media screen and (max-width:1220px) {

	.prob4List ul li {
		width: 50%;
	}
}

@media screen and (max-width:1024px) {
	.prob4List ul {
		margin: 0px -5px;
	}

	.prob4List ul li .item {
		margin: 0 5px;
	}

	.prob4List ul li {
		padding: 5px 0;
	}

	.prob4List ul li .item {
		padding: 45px 25px 25px 25px;
	}

}

@media screen and (max-width:768px) {
	.prob4List ul li .item {
		padding: 40px 20px 20px 20px;
	}
}

@media screen and (max-width:550px) {
	.prob4List ul li {
		width: 100%;
	}
}


/*prob2Box1*/
.prob2Box1 {
	padding-bottom: 105px;
}

@media screen and (max-width:1220px) {
	.prob2Box1 {
		padding-bottom: 90px;
	}
}

@media screen and (max-width:1024px) {
	.prob2Box1 {
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.prob2Box1 {
		padding-bottom: 50px;
	}
}


/*prob2Table*/
.prob2Table {
	margin-bottom: 30px;
	margin-top: 30px;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}

.prob2Table td {
	width: 16.66666666666667%;
	text-align: center;
	font-size: 18px;
	vertical-align: top;
}

.prob2Table td img {
	width: 130px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-radius: 50%;
	background: #eef1f5;
	margin-bottom: 20px;
}

.prob2Table td strong {
	color: #e60044;
}

@media screen and (max-width:1220px) {
	.prob2Table td {
		font-size: 16px;
	}

	.prob2Table td img {
		width: 100px;
		height: 100px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:1024px) {
	.prob2Table {
		margin-bottom: 0px;
		margin-top: 30px;
	}

	.prob2Table td {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: 33.3333%;
		font-size: 14px;
		margin-bottom: 30px;
	}

	.prob2Table td img {
		width: 90px;
		height: 90px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:768px) {
	.prob2Table {
		max-width: 100%;
	}

	.prob2Table td {
		font-size: 13px;
		margin-bottom: 30px;
	}
}


/*prob2Bigimg*/
.prob2Bigimg {
	border-radius: 20px;
	border: 2px solid #eef1f5;
	padding: 30px 45px;
	margin-top: 50px;
	background: #fff;
}

@media screen and (max-width:1220px) {
	.prob2Bigimg {
		border-radius: 15px;
		padding: 20px 30px;
		margin-top: 40px;
	}
}

@media screen and (max-width:1024px) {
	.prob2Bigimg {
		border-radius: 15px;
		padding: 20px 20px;
		margin-top: 30px;
	}
}

@media screen and (max-width:768px) {
	.prob2Bigimg {
		border-radius: 10px;
		border: 1px solid #eef1f5;
		padding: 15px 15px;
		margin-top: 15px;
	}
}


/*prob2Box2*/
.prob2Box2 {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #eef1f5;
}

.prob2Box2 .prob2Table td img {
	background: #fff;
}

.prob2Box2 .prob2Bigimg {
	border-radius: 10px;
	border: 2px solid #fff;
	background: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: 50px;
}

@media screen and (max-width:1220px) {
	.prob2Box2 {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.prob2Box2 .prob2Bigimg {
		padding-top: 50px;
		padding-bottom: 50px;
		margin-top: 40px;
	}
}

@media screen and (max-width:1024px) {
	.prob2Box2 {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.prob2Box2 .prob2Bigimg {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 30px;
	}
}

@media screen and (max-width:768px) {
	.prob2Box2 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.prob2Box2 .prob2Bigimg {
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 15px;
	}
}


/*prob2Box3*/
.prob2Box3 {
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
}

@media screen and (max-width:1220px) {
	.prob2Box3 {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}

@media screen and (max-width:1024px) {
	.prob2Box3 {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.prob2Box3 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/*gyList*/
.gyList {
	position: relative;
	font-size: 0;
	margin-top: 65px;
}

.gyList li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 40%;
	margin-bottom: 20px;
	vertical-align: top;
}

.gyList li .itemB {
	position: relative;
}

.gyList li .item {
	display: block;
	position: relative;
	margin: 0 10px;
	padding: 40px 40px;
	border: 1px solid #c3c6c4;
	border-left: 2px solid #e60044;
	overflow: hidden;
	border-radius: 10px;
	text-align: center;
	background: #fff;
	min-height: 170px;
}

.gyList li .num {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	font-size: 30px;
	line-height: 1;
	color: #e60044;
	font-family: 'UNSII', "Microsoft YaHei", "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-weight: bold;
}

.gyList li .titleBox {
	line-height: 30px;
	color: #363636;
	text-align: left;
	padding-left: 100px;
}

.gyList li .t {
	font-size: 22px;
	margin-bottom: 20px;
}

.gyList li .des {
	font-size: 16px;
	color: #545454;
}

@media screen and (max-width:1600px) {
	.gyList {
		margin-top: 55px;
	}

	.gyList li .item {
		padding: 40px 30px;
		min-height: 170px;
	}

	.gyList li .num {
		font-size: 28px;
	}

	.gyList li .titleBox {
		padding-left: 90px;
	}

	.gyList li .t {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.gyList li .des {
		font-size: 14px;
	}
}

@media screen and (max-width:1400px) {
	.gyList {
		margin-top: 40px;
	}

	.gyList li .item {
		padding: 40px 25px;
		min-height: 170px;
	}

	.gyList li .num {
		font-size: 26px;
	}

	.gyList li .titleBox {
		padding-left: 80px;
	}

	.gyList li .t {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.gyList li .des {
		font-size: 14px;
	}
}

@media screen and (max-width:1220px) {
	.gyList {
		margin-top: 30px;
	}

	.gyList li {
		width: 50%;
	}

	.gyList li .item {
		padding: 30px 20px;
		min-height: 150px;
	}

	.gyList li .num {
		font-size: 22px;
	}

	.gyList li .titleBox {
		padding-left: 80px;
	}

	.gyList li .t {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.gyList li .des {
		font-size: 12px;
	}

}

@media screen and (max-width:1024px) {
	.gyList li .item {
		min-height: 130px;
	}

	.gyList li {
		width: 50%;
	}
}

@media screen and (max-width:768px) {
	.gyList li {
		width: 100%;
	}
}

@media screen and (max-width:550px) {}

/*gySW*/
/*.gySW .swiper-slide{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.gySW .swiper-slide.swiper-slide-active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}*/


/*SWbtn2 swiper-button*/
.SWbtn2 {
	text-align: center;
	padding-top: 60px;
	border-top: 2px dashed #9f9fa0;
	position: relative;
	max-width: 90%;
	margin: 0 auto;
	margin-top: 90px;
}

.SWbtn2:before {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #e60044;
	position: absolute;
	left: 0;
	top: -6px;
}

.SWbtn2:after {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #e60044;
	position: absolute;
	right: 0;
	top: -6px;
}

.SWbtn2 .swiper-button-prev,
.SWbtn2 .swiper-button-next {
	opacity: 1;
	display: inline-block;
	width: 70px;
	height: 70px;
	margin: 0 10px;
	position: relative;
	top: 0;
	cursor: pointer;
	z-index: 10;
	outline: none;
	border-radius: 50%;
	overflow: hidden;
	border: none;
}

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

.SWbtn2 .swiper-button-prev {
	background: url(../image/arrow-left2.png) center center no-repeat #e60044;
	left: 0;
	background-size: 10px;
	outline: none;
}

.SWbtn2 .swiper-button-next {
	background: url(../image/arrow-right2.png) center center no-repeat #e60044;
	right: 0;
	background-size: 10px;
	outline: none;
}

.SWbtn2 .swiper-button-prev.swiper-button-disabled,
.SWbtn2 .swiper-button-next.swiper-button-disabled {
	background-color: #eef1f5;
	opacity: 1;
	cursor: inherit;
	/*filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;*/
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.SWbtn2 .swiper-button-prev:hover,
.SWbtn2 .swiper-button-next:hover {
	border-color: #e60044;
}

@media screen and (max-width:1024px) {
	.SWbtn2 {
		padding-top: 40px;
		margin-top: 70px;
	}

	.SWbtn2 .swiper-button-prev,
	.SWbtn2 .swiper-button-next {
		width: 60px;
		height: 60px;
	}
}

@media screen and (max-width:768px) {
	.SWbtn2 {
		padding-top: 30px;
		margin-top: 50px;
	}

	.SWbtn2 .swiper-button-prev,
	.SWbtn2 .swiper-button-next {
		width: 50px;
		height: 50px;
	}
}


/*probBox*/
.probBox {
	padding-top: 100px;
	padding-bottom: 100px;
}

@media screen and (max-width:1220px) {
	.probBox {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}

@media screen and (max-width:1024px) {
	.probBox {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.probBox {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/*prob3Box1*/
.prob3Box1 {
	padding-top: 90px;
	padding-bottom: 60px;
	background: #eef1f6;
}

@media screen and (max-width:1220px) {
	.prob3Box1 {
		padding-top: 70px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:1024px) {
	.prob3Box1 {
		padding-top: 50px;
		padding-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.prob3Box1 {
		padding-top: 50px;
		padding-bottom: 30px;
	}
}



/*probTable*/
.probTable {
	margin-top: 50px;
}

.probTable td {
	width: 33.3333%;
	font-size: 18px;
	color: #363636;
	vertical-align: top;
	padding: 20px 0;
}

.probTable td img {
	width: 47px;
	display: inline-block;
}

@media screen and (max-width:1220px) {
	.probTable {
		margin-top: 40px;
	}

	.probTable td {
		font-size: 16px;
		padding: 15px 0;
	}

	.probTable td img {
		width: 40px;
	}
}

@media screen and (max-width:1024px) {
	.probTable {
		margin-top: 30px;
	}

	.probTable td {
		font-size: 14px;
		padding: 10px 0;
	}

	.probTable td img {
		width: 35px;
	}
}

@media screen and (max-width:768px) {
	.probTable {
		margin-bottom: 0px;
	}

	.probTable td {
		display: block !important;
		width: 100%;
		font-size: 14px;
	}

}

/*prob3Box3*/
.prob3Box3 {
	/*padding-top:130px;*/
	padding-top: 0;
	padding-bottom: 90px;
}

@media screen and (max-width:1220px) {
	.prob3Box3 {
		/*padding-top:120px;*/
		padding-top: 0;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1024px) {
	.prob3Box3 {
		/*padding-top:90px;*/
		padding-top: 0;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.prob3Box3 {
		/*padding-top:70px;*/
		padding-top: 0;
		padding-bottom: 50px;
	}
}


/*prob3Box2*/
.prob3Box2 {
	padding-top: 130px;
	padding-bottom: 90px;
	/*background:#eef1f6;*/
}

@media screen and (max-width:1220px) {
	.prob3Box2 {
		padding-top: 120px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1024px) {
	.prob3Box2 {
		padding-top: 90px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.prob3Box2 {
		padding-top: 70px;
		padding-bottom: 50px;
	}
}


/*jsList*/
.jsList {
	position: relative;
	font-size: 0;
	margin-top: 70px;
}

.jsList li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 28.57142857142857%;
	margin-bottom: 25px;
	vertical-align: top;
}

.jsList li .item {
	display: block;
	position: relative;
	margin: 0 10px;
	padding: 40px 40px;
	overflow: hidden;
	border-radius: 10px;
	/*background:#fff;*/
	background: #eef1f6;
	min-height: 380px;
}

.jsList li .titleBox {
	color: #363636;
	text-align: left;
}

.jsList li .t {
	font-size: 20px;
	margin-bottom: 20px;
	line-height: normal;
}

.jsList li .des {
	font-size: 16px;
	line-height: 26px;
}

.jsList li .des p {
	background: url(../image/icon-dianh.png) left 12px no-repeat;
	background-size: 6px;
	padding-left: 20px;
	margin: 4px 0;
}

.jsList li .img {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.jsList li .img img {
	display: block;
	max-width: 100%;
	width: auto;
	max-height: 157px;
	border-radius: 25px;
}

@media screen and (max-width:1600px) {
	.jsList {
		margin-top: 60px;
	}

	.jsList li .item {
		padding: 40px 30px;
		min-height: 380px;
	}

	.jsList li .t {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.jsList li .des {
		font-size: 14px;
	}

	.jsList li .img {
		margin-bottom: 30px;
	}

	.jsList li .img img {
		max-height: 150px;
		border-radius: 20px;
	}
}

@media screen and (max-width:1400px) {
	.jsList {
		margin-top: 50px;
	}

	.jsList li .item {
		padding: 30px 25px;
		min-height: 360px;
	}

	.jsList li .t {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.jsList li .des {
		font-size: 14px;
	}

	.jsList li .img {
		margin-bottom: 30px;
	}

	.jsList li .img img {
		max-height: 140px;
		border-radius: 20px;
	}
}

@media screen and (max-width:1220px) {
	.jsList {
		margin-top: 40px;
	}

	.jsList li {
		width: 33.3333%;
	}

	.jsList li .item {
		padding: 30px 20px;
		min-height: 350px;
	}

	.jsList li .num {
		font-size: 22px;
	}

	.jsList li .t {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.jsList li .des {
		font-size: 14px;
		line-height: 24px;
	}

	.jsList li .img {
		margin-bottom: 25px;
	}

	.jsList li .img img {
		max-height: 120px;
		border-radius: 15px;
	}
}

@media screen and (max-width:1024px) {
	.jsList li .item {
		min-height: 350px;
	}

	.jsList li {
		width: 40%;
	}

	.jsList li .img {
		margin-bottom: 20px;
	}

	.jsList li .img img {
		max-height: 100px;
	}

	.jsList li .des p {
		margin: 3px 0;
	}
}

@media screen and (max-width:992px) {
	.jsList li {
		width: 50%;
	}
}

@media screen and (max-width:768px) {
	.jsList li {
		width: 66.66666666666667%;
	}

	.jsList li .item {
		min-height: 300px;
	}

	.jsList li .img img {
		max-height: 80px;
		border-radius: 10px;
	}

	.jsList li .des p {
		margin: 2px 0;
	}
}

@media screen and (max-width:370px) {
	.jsList li {
		width: 100%;
	}

	.jsList li .item {
		min-height: 0;
	}

	.jsList li .img img {
		max-height: 80px;
	}

	.jsList li .des p {
		margin: 2px 0;
	}
}



/*SWbtn-pagination swiper-pagination*/
.SWbtn-pagination {
	bottom: 0;
	line-height: 0;
	font-size: 0;
	position: static;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}

.SWbtn-pagination span {
	width: 45px;
	height: 4px;
	border: none;
	opacity: 1;
	float: none;
	margin-left: 10px;
	border-radius: 4px;
	background: #b5b5b5;
	transition: background .3s linear;
	cursor: pointer;
}

.SWbtn-pagination span.swiper-pagination-bullet-active {
	background: #e60044;
}

@media screen and (max-width:1024px) {
	.SWbtn-pagination {
		margin-top: 40px;
	}

	.SWbtn-pagination span {
		width: 30px;
		height: 4px;
	}
}

@media screen and (max-width:768px) {
	.SWbtn-pagination {
		margin-top: 30px;
	}

	.SWbtn-pagination span {
		width: 20px;
		height: 4px;
	}
}

.jsList .SWbtn,
.jsList2 .SWbtn {
	display: none;
}

/*prob3Box4*/
.prob3Box4 {
	padding-top: 70px;
	padding-bottom: 70px;
	background: #eef1f6;
}

@media screen and (max-width:1220px) {
	.prob3Box4 {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1024px) {
	.prob3Box4 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.prob3Box4 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/*jsList2*/
.jsList2 {
	position: relative;
	font-size: 0;
	margin-top: 0px;
}

.jsList2 li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 28.57142857142857%;
	margin-bottom: 25px;
	vertical-align: top;
}

.jsList2 li .item {
	display: block;
	position: relative;
	margin: 0 10px;
	padding: 40px 40px;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
	min-height: 380px;
}

.jsList2 li .titleBox {
	color: #363636;
	text-align: left;
}

.jsList2 li .t {
	font-size: 20px;
	margin-bottom: 5px;
	line-height: normal;
}

.jsList2 li .des {
	font-size: 16px;
	line-height: 26px;
}

.jsList2 li .des p {
	background: url(../image/icon-dianh.png) left 12px no-repeat;
	background-size: 6px;
	padding-left: 20px;
	margin: 4px 0;
}

.jsList2 li .img {
	position: relative;
	display: block;
	margin-bottom: 60px;
	height: 286px;
}

.jsList2 li .img img {
	display: block;
	max-width: 100%;
	width: auto;
	max-height: 286px;
}

@media screen and (max-width:1600px) {
	.jsList2 {
		margin-top: 0px;
	}

	.jsList2 li .item {
		padding: 40px 30px;
		min-height: 380px;
	}

	.jsList2 li .t {
		font-size: 18px;
		margin-bottom: 0px;
	}

	.jsList2 li .des {
		font-size: 14px;
	}

	.jsList2 li .img {
		margin-bottom: 50px;
		height: 280px;
	}

	.jsList2 li .img img {
		max-height: 280px;
	}
}

@media screen and (max-width:1400px) {
	.jsList2 {
		margin-top: 0px;
	}

	.jsList2 li .item {
		padding: 30px 25px;
		min-height: 360px;
	}

	.jsList2 li .t {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.jsList2 li .des {
		font-size: 14px;
	}

	.jsList2 li .img {
		margin-bottom: 40px;
		height: 270px;
	}

	.jsList2 li .img img {
		max-height: 270px;
	}
}

@media screen and (max-width:1220px) {
	.jsList2 {
		margin-top: 0px;
	}

	.jsList2 li {
		width: 33.3333%;
	}

	.jsList2 li .item {
		padding: 30px 20px;
		min-height: 0;
	}

	.jsList2 li .num {
		font-size: 22px;
	}

	.jsList2 li .t {
		font-size: 16px;
		margin-bottom: 0px;
	}

	.jsList2 li .des {
		font-size: 14px;
		line-height: 24px;
	}

	.jsList2 li .img {
		margin-bottom: 30px;
		height: auto;
	}

	.jsList2 li .img img {
		max-height: 100%;
	}
}

@media screen and (max-width:1024px) {
	.jsList2 li {
		width: 33.3333%;
	}

	.jsList2 li .des p {
		margin: 3px 0;
	}
}

@media screen and (max-width:992px) {
	.jsList2 li {
		width: 40%;
	}
}

@media screen and (max-width:768px) {
	.jsList2 li {
		width: 50%;
	}

	.jsList2 li .des p {
		margin: 2px 0;
	}
}

@media screen and (max-width:370px) {
	.jsList2 li {
		width: 100%;
	}

	.jsList2 li .des p {
		margin: 2px 0;
	}
}

/*pagett*/
.pagett {
	margin-bottom: 50px;
	text-align: center;
	border-bottom: 2px solid #e0e4ea;
	padding-bottom: 25px;
}

.pagett h2 {
	font-size: 22px;
	line-height: 30px;
	color: #e60044;
	font-weight: bold;
}

@media screen and (max-width:1600px) {
	.pagett {
		margin-bottom: 40px;
	}

	.pagett h2 {
		font-size: 20px;
	}
}

@media screen and (max-width:1024px) {
	.pagett {
		margin-bottom: 30px;
	}

	.pagett h2 {
		font-size: 18px;
	}
}

@media screen and (max-width:768px) {
	.pagett {
		margin-bottom: 20px;
	}

	.pagett h2 {
		font-size: 16px;
	}
}


/*procBox1*/
.procBox1 {
	padding-top: 80px;
	padding-bottom: 70px;
	background: #eef1f5;
}

.procBox1 .prob2Bigimg {
	border-radius: 10px;
	background: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: 0;
}

@media screen and (max-width:1220px) {
	.procBox1 {
		padding-top: 70px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.procBox1 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/*imgTabble*/
.imgTabble {}

@media screen and (max-width:768px) {
	.imgTabble td {
		display: block !important;
		width: 100%;
	}
}

/*procBox2*/
.procBox2 {
	padding-top: 120px;
	padding-bottom: 70px;
}

@media screen and (max-width:1220px) {
	.procBox2 {
		padding-top: 100px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:1024px) {
	.procBox2 {
		padding-top: 70px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.procBox2 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}


/*procTable*/
.procTable {
	margin-top: 30px;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}

.procTable td {
	width: 20%;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	vertical-align: top;
	color: #e60044;
}

.procTable td img {
	width: auto;
	max-width: 100%;
	max-height: 191px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 20px;
}

@media screen and (max-width:1220px) {
	.procTable td {
		font-size: 16px;
	}

	.procTable td img {
		max-height: 100px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:1024px) {
	.procTable {
		margin-top: 30px;
	}

	.procTable td {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: 33.3333%;
		font-size: 14px;
		margin-bottom: 30px;
	}

	.procTable td img {
		max-height: 90px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:768px) {
	.procTable {
		max-width: 100%;
	}

	.procTable td {
		font-size: 13px;
		margin-bottom: 30px;
	}
}


/*procBox3*/
.procBox3 {
	padding-top: 70px;
	padding-bottom: 100px;
}

.procBox3 .bigimgList {
	margin-top: 25px;
}

.procBox3 .bigimgList .img {
	border-radius: 5px;
	overflow: hidden;
}

@media screen and (max-width:1024px) {
	.procBox3 {
		padding-top: 50px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.procBox3 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}


/*********************************product 通用版*********************************/
/*pageProInfo*/
.pageProInfo {
	position: relative;
	padding-top: 60px;
	padding-bottom: 90px;
}

/*ProSec*/
.ProSec {
	position: relative;
	z-index: 2;
	/*display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: left;align-items:flex-start;*/
}

.ProSec-menu {
	width: 340px;
	position: relative;
	float: left;
}

.ProSec-menu li {
	border-bottom: 1px solid #cfcfcf;
}

.ProSec-menu .ProSec-lia {
	display: block;
	font-size: 20px;
	line-height: 26px;
	padding: 37px 30px;
	color: #363636;
	font-weight: normal;
}

.ProSec-menu .ProSec-lia span {
	display: block;
	position: relative;
	padding-right: 10px;
}

.ProSec-menu .ProSec-lia span:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 13px;
	height: 100%;
	background: url(../image/icon-v.png) center center no-repeat;
	background-size: 100%;
}

.ProSec-menu .ProSec-lia.active {
	color: #e60044;
	background-color: #eff0f2;
}

.ProSec-menu .ProSec-lia.active span:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	background-image: url(../image/icon-v2.png);
}

.ProSec-menu .ProSec-lia span:after,
.ProSec-menu .ProSec-lia {
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

/*erji*/
.ProSec-menu .ProSecdl {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}

.ProSec-menu .ProSecdl dd .a1 {
	padding: 18px 45px;
	font-size: 17px;
	line-height: 24px;
	color: #363636;
	display: block;
}

.ProSec-menu .ProSecdl dd .a1 span {
	display: block;
	position: relative;
	padding-right: 10px;
}

.ProSec-menu .ProSecdl dd .a1 span:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 13px;
	height: 100%;
	background: url(../image/icon-plus.png) center center no-repeat;
	background-size: 100%;
}

.ProSec-menu .ProSecdl dd.active .a1 {
	color: #e60044;
}

.ProSec-menu .ProSecdl dd.on .a1 span:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	background-image: url(../image/icon-plus2.png);
}

/*sanji*/
.ProSec-menu .ProSecd2 {
	position: relative;
	display: none;
}

.ProSec-menu .ProSecd2 dd a {
	padding: 15px 60px;
	font-size: 17px;
	line-height: 24px;
	color: #828283;
	display: block;
}

.ProSec-menu .ProSecd2 dd:hover a {
	color: #e60044;
}

@media screen and (max-width:1400px) {
	.ProSec-menu {
		width: 340px;
	}

	.ProSec-menu .ProSec-lia {
		font-size: 18px;
		line-height: 26px;
		padding: 30px 25px;
	}

	.ProSec-menu .ProSecdl {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.ProSec-menu .ProSecdl dd .a1 {
		padding: 15px 35px;
		font-size: 16px;
		line-height: 24px;
	}

	.ProSec-menu .ProSecd2 dd a {
		padding: 10px 50px;
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width:1220px) {
	.ProSec-menu {
		width: 300px;
	}

	.ProSec-menu .ProSec-lia {
		font-size: 17px;
		line-height: 26px;
		padding: 25px 20px;
	}

	.ProSec-menu .ProSecdl {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.ProSec-menu .ProSecdl dd .a1 {
		padding: 12px 25px;
		font-size: 15px;
		line-height: 24px;
	}

	.ProSec-menu .ProSecd2 dd a {
		padding: 8px 40px;
		font-size: 15px;
		line-height: 24px;
	}
}

@media screen and (max-width:1024px) {
	.pageProInfo {
		padding-top: 50px;
		padding-bottom: 70px;
	}

	.ProSec-menu {
		width: 300px;
	}

	.ProSec-menu .ProSec-lia {
		font-size: 16px;
		line-height: 26px;
		padding: 20px 20px;
	}

	.ProSec-menu .ProSecdl {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.ProSec-menu .ProSecdl dd .a1 {
		padding: 10px 20px;
		font-size: 14px;
		line-height: 24px;
	}

	.ProSec-menu .ProSecd2 dd a {
		padding: 5px 30px;
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width:992px) {
	.pageProInfo {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.ProSec-menu .pn-retract {
		display: block
	}

	.ProSec-menu .ProSecdl dt {
		font-size: 14px;
		margin: 8px auto
	}

	.ProSec-menu .ProSecdl dd a {
		font-size: 14px;
		line-height: 26px
	}

	.ProSec-menu .ProSec-lia {
		font-size: 18px;
		padding: 10px 0
	}

	.ProSec-menu {
		width: 94%;
		margin: 0 auto;
		margin-bottom: 0.3rem;
	}

	.ProSec {
		display: block;
	}

	.ProSec-menu {
		width: 100%;
		padding-left: 0;
		padding-bottom: 0px;
	}

	.ProSec-pcmenu {
		display: none;
		position: static;
		overflow: hidden;
	}

	.ProSec-sjmenu {
		display: block
	}
}


/*ProSec-proList*/
.ProSec-proList {
	width: 100%;
	position: relative;
	float: right;
}

@media screen and (max-width:1400px) {
	.ProSec-proList {
		width: 100%;
	}
}

@media screen and (max-width:1220px) {
	.ProSec-proList {
		width: 100%;
	}
}

@media screen and (max-width:992px) {
	.ProSec-proList {
		width: 100%;
		margin: 0 auto;
	}
}



/*产品菜单手机版*/
.ProSec-menu .ProSec-lmore {
	padding: 4% 0
}

.ProSec-menu .ProSec-pcmenu .ProSecDown {
	display: none
}

@media screen and (max-width:1620px) {
	.ProSec-menu .ProSec-lia {
		font-size: 15px;
		line-height: 26px;
	}

	.ProSec-menu .ProSecdl dd a {
		font-size: 12px;
	}
}

@media screen and (max-width:1259px) {
	.ProSec {
		align-items: flex-start
	}

	.ProSec-pcmenu {
		padding-top: 0
	}
}

@media screen and (max-width:992px) {
	.ProSec-menu .pn-retract {
		display: block
	}

	.ProSec-menu .ProSecdl dt {
		font-size: 14px;
		margin: 8px auto
	}

	.ProSec-menu .ProSecdl dd a {
		font-size: 14px;
		line-height: 26px
	}

	.ProSec-menu .ProSec-lia {
		font-size: 18px;
		padding: 10px 0
	}

	.ProSec-menu {
		width: 94%;
		margin: 0 auto;
		margin-bottom: 0.3rem;
	}

	.ProSec {
		display: block;
	}
}

@media screen and (max-width:992px) {
	.ProSec-menu {
		width: 100%;
		padding-left: 0;
		padding-bottom: 0px;
	}

	.ProSec-pcmenu {
		display: none;
		position: static;
		overflow: hidden;
	}

	.ProSec-sjmenu {
		display: block
	}
}



/*ProMenBtn*/
.ProMenBtn {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background: #fff;
	padding-left: 0.1rem;
}

.ProMenBtn span {
	display: inline-block;
	font-size: 0.16rem;
	color: #868D9C;
	padding-left: 0.26rem;
	background: url() left center no-repeat;
	background-size: 0.2rem;
}

.ProSec-sjmenu {
	display: none;
}

.pn-list {
	display: none;
}

@media screen and (min-width:992.1px) {
	.ProSec-sjmenu {
		display: none !important;
	}
}

@media screen and (max-width:992px) {
	.ProSec-sjmenu {
		display: inline-block;
	}

	.ProSec-menu {
		display: none !important;
	}

	.pn-list {
		display: block;
		position: fixed;
		top: 0;
		background: #fff;
		overflow: scroll;
		transition: left .5s;
		width: 100%;
		height: 100%;
		left: -100%;
		z-index: 999999;
	}

	.pn-list.sjon {
		left: 0
	}

	.ProSec-sjmenu {
		display: block;
		padding-top: 0.8rem;
	}

	.pn-colsebtn {
		display: none;
	}

	.pn-list.sjon .pn-colsebtn {
		display: block;
		z-index: 999999;
		position: fixed;
		top: 0.1rem;
		right: 0.1rem;
		width: 0.5rem;
		height: 0.5rem;
		background: url() center center no-repeat #fff;
		border-radius: 5px;
		background-size: 0.15rem;
		-webkit-box-shadow: 0rem 0.06rem 0.16rem 0rem rgba(78, 87, 105, 0.16);
		-moz-box-shadow: 0rem 0.06rem 0.16rem 0rem rgba(78, 87, 105, 0.16);
		-o-box-shadow: 0rem 0.06rem 0.16rem 0rem rgba(78, 87, 105, 0.16);
		box-shadow: 0rem 0.06rem 0.16rem 0rem rgba(78, 87, 105, 0.16);
	}

	body.sjon {
		overflow: hidden;
	}

	.pagePositionBox {
		background: #fff;
		border-bottom: 1px solid #E5E7EB
	}

	.pagebanner .pagePosition a {
		color: #4E5769;
	}

	.pagePosition .active,
	.pagebanner .pagePosition .active {
		background-image: linear-gradient(180deg, rgba(104, 67, 239, 1) 0, rgba(98, 148, 250, 1) 100%);
		overflow-wrap: break-word;
		color: rgba(104, 67, 239, 1);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.ProMenBtn {
		display: block;
	}
}

@media screen and (max-width:768px) {
	.ProMenBtn span {
		font-size: 14px;
	}
}

/*产品分类二级*/
.ProSec-sjmenu .ProSec-lia {
	position: relative;
	font-size: 0.16rem;
	line-height: 0.26rem;
	padding-top: 0.17rem;
	padding-bottom: 0.17rem;
	padding-left: 0.3rem;
	padding-right: 0.12rem;
	color: #4e5769;
	align-items: center;
	font-family: PingFangSC-Semibold, "PingFangSC", "PingFang SC", "Microsoft YaHei", "微软雅黑", "Lantinghei SC", Arial, "HanHei SC", "Helvetica Neue", "Open Sans", "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", SimSun, Helvetica, sans-serif;
	font-weight: 600;
	width: 100%;
	overflow: hidden;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.ProSec-sjmenu .ProSec-lia::before {
	content: " ";
	position: absolute;
	right: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #e3e3e3;
	background: url() left center no-repeat;
	background-size: 100% 100%;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.ProSec-sjmenu .ProSec-lia.active::before {
	right: 0;
}

.ProSec-sjmenu .ProSec-lia span {
	width: calc(100% - 0.8rem);
	display: block;
	position: relative;
	z-index: 1;
}

.ProSec-sjmenu .ProSec-lia:hover,
.ProSec-sjmenu .ProSec-lia.active {
	color: #7d63eb
}

/*icon-em*/
.ProSec-sjmenu li {
	position: relative;
}

.ProSec-sjmenu .icon-em {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 0.6rem;
	height: 0.6rem;
	background: url() center center no-repeat;
	background-size: 0.24rem;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	z-index: 3;
}

.ProSec-sjmenu .icon-em.active {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.ProSec-sjmenu .icon-em {
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.ProSec-sjmenu .icon-em.active {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

/*产品分类三级*/
.ProSec-sjmenu .ProSecdl {
	padding-bottom: 0.1rem;
	margin-bottom: 0.1rem;
	position: relative;
}

.ProSec-sjmenu .ProSecdl::before {
	content: " ";
	position: absolute;
	left: 0.3rem;
	right: 0.3rem;
	bottom: 0;
	height: 1px;
	background-color: #E5E7EB;
}

.ProSec-sjmenu .ProSecdl dd a {
	padding: 0.1rem 0.3rem;
	font-size: 0.14rem;
	line-height: 0.2rem;
	font-family: PingFangSC-Regular, "PingFangSC", "PingFang SC", "Microsoft YaHei", "微软雅黑", "Lantinghei SC", Arial, "HanHei SC", "Helvetica Neue", "Open Sans", "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", SimSun, Helvetica, sans-serif;
	font-weight: 400;
	color: #4e5769;
	display: block;
}

.ProSec-sjmenu .ProSecdl dd a.active,
.ProSec-sjmenu .ProSecdl dd a:hover {
	color: #7d63eb;
	font-family: PingFangSC-Semibold, "PingFangSC", "PingFang SC", "Microsoft YaHei", "微软雅黑", "Lantinghei SC", Arial, "HanHei SC", "Helvetica Neue", "Open Sans", "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", SimSun, Helvetica, sans-serif;
	font-weight: 600;
}

.ProSec-sjmenu .ProSecDown {
	display: none;
}

@media screen and (max-width:768px) {
	.ProSec-sjmenu .ProSec-lia {
		font-size: 15px;
		line-height: 26px;
	}

	.ProSec-sjmenu .ProSecdl dd a {
		font-size: 14px;
		line-height: 24px;
		padding: 10px 0.3rem;
	}
}






/*bigimgList*/
.pageProList {
	position: relative;
	overflow: hidden;
	font-size: 0;
	margin: 0 -10px;
}

.pageProList li {
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.3333%;
	vertical-align: top;
	margin-bottom: 20px;
}

.pageProList li .item {
	display: block;
	position: relative;
	margin: 0 10px;
	background: #f6f7f6;
}

.pageProList li .imgBox {
	padding: 60px 60px;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 8px;
	text-align: center;
	margin: auto auto;
}

.pageProList li .imgBox .img {
	position: relative;
	padding-bottom: 100%;
}

.pageProList li .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: contain;
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.pageProList li .item,
.pageProList li .imgBox img,
.pageProList li .t:before,
.pageProList li .imgBox {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pageProList li .item:hover .imgBox img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.pageProList li .titleBox {
	padding: 30px 30px;
	border-top: 1px solid rgba(0,0,0,.05);
}

.pageProList li .t {
	font-size: 18px;
	line-height: 40px;
	color: #363636;
	position: relative;
	padding-right: 50px;
	font-weight: bold;
}

.pageProList li .t:before {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(../images/icon-more.png) no-repeat center center #008cd6;
	background-size: 100%;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}

.pageProList li .item:hover .t:before {
	background-color: #e60044;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.pageProList li .item:hover .t {
	color: #e60044
}

@media screen and (max-width:1600px) {
	.pageProList li .imgBox {
		padding: 50px 50px;
	}
}

@media screen and (max-width:1400px) {
	.pageProList li .imgBox {
		padding: 40px 40px;
	}
}

@media screen and (max-width:1220px) {
	.pageProList li .imgBox {
		padding: 35px 35px;
	}

	.pageProList li .titleBox {
		padding: 25px 25px;
	}

	.pageProList li .t {
		font-size: 14px;
		line-height: 35px;
		padding-right: 40px;
	}

	.pageProList li .t:before {
		width: 35px;
		height: 35px;
	}
}

@media screen and (max-width:1024px) {
	.pageProList {
		margin: 0 -8px;
	}

	.pageProList li .item {
		margin: 0 8px;
	}

	.pageProList li .imgBox {
		padding: 30px 30px;
	}

	.pageProList li .titleBox {
		padding: 20px 20px;
	}

	.pageProList li .t {
		font-size: 13px;
		line-height: 30px;
		padding-right: 35px;
	}

	.pageProList li .t:before {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width:768px) {
	.pageProList {
		margin: 0 -5px;
	}

	.pageProList li .item {
		margin: 0 5px;
	}
}

@media screen and (max-width:370px) {
	.pageProList li {
		width: 100%;
	}
}




/*********************************************************detailBox *********************************************************/
.detailBox {
	overflow: hidden;
	background: #f2f2f4;
	padding-top: 90px;
	padding-bottom: 40px;
}

.detailBox .detailImg {
	width: 45%;
	float: left;
}

.detailBox .detailNr {
	width: 50%;
	float: right;
	font-size: 16px;
	color: #545454;
	line-height: 32px;
}

.detailBox .detailNr h3 {
	font-size: 20px;
	color: #e60044;
	margin-bottom: 15px;
	font-weight: bold;
}

.detailBox .detailNr .pt1 {
	font-size: 22px;
	color: #363636;
	margin-bottom: 15px;
	/* font-weight: bold; */
	display: flex;
	align-items: center;
}

.detailBox .prolei {
	font-size: 40px;
	color: #363636;
	line-height: normal;
	margin-bottom: 5px;
}

.detailBox .proTit {
	font-size: 40px;
	font-weight:500;
	color: #363636;
	line-height: normal;
}

.detailBox .proDes {
	font-size: 15px;
	color: #000000;
	line-height: 26px;
	max-width: 82%;
}

.detailBox .img {
	padding: 30px 60px;
}

.detailBox .img img {
	max-height: max-content;
}


@media screen and (max-width:1600px) {
	.detailBox .proTit {
		font-size: 40px;
	}
}

@media screen and (max-width:1400px) {
	.detailBox .proTit {
		font-size: 36px;
	}
}

@media screen and (max-width:1220px) {
	.detailBox {
		padding-top: 70px;
		padding-bottom: 50px;
	}

	.detailBox .proTit {
		font-size: 32px;
	}

	.detailBox .prolei {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.detailBox .detailNr h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:1024px) {
	.detailBox {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.detailBox .detailImg {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	.detailBox .detailNr {
		width: 100%;
		float: none;
		font-size: 14px;
		line-height: 26px;
	}

	.detailBox .proTit {
		font-size: 30px;
	}

	.detailBox .proDes {
		font-size: 13px;
		line-height: 26px;
		max-width: 100%;
	}
}

@media screen and (max-width:768px) {
	.detailBox .proTit {
		font-size: 28px;
	}
}

/*detailBtn*/
.detailBtn {
	padding-top: 60px;
}

.detailBtn a {
	max-width: 150px;
	line-height: 50px;
	border-radius: 50px;
	display: inline-block;
	font-size: 16px;
	background-color: #fff;
	color: #e60044;
	text-align: center;
	padding: 0 45px;
	width: 45%;
	margin-right: 10px;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.detailBtn a span {
	display: block;
}

.detailBtn a.downBtn {
	background-color: #e60044;
	color: #fff;
	text-align: left;
}

.detailBtn a.downBtn span {
	display: block;
	padding-right: 20px;
	background: url(../image/icon-down.png) no-repeat right center;
	background-size: 20px;
}

.detailBtn a:hover {
	background-color: #008cd6;
	color: #fff;
}

@media screen and (max-width:1220px) {
	.detailBtn a {
		max-width: 100px;
		line-height: 40px;
		border-radius: 40px;
		font-size: 14px;
		padding: 0 35px;
	}

	.detailBtn a.downBtn span {
		padding-right: 15px;
		background-size: 15px;
	}
}

@media screen and (max-width:1024px) {
	.detailBtn {
		padding-top: 50px;
	}

	.detailBtn a {
		max-width: 130px;
		line-height: 40px;
		border-radius: 40px;
		font-size: 14px;
		padding: 0 20px;
	}

}

@media screen and (max-width:768px) {}

@media screen and (max-width:430px) {
	.detailBtn a {
		max-width: 90px;
		padding: 0 20px;
	}

}

/*detailNr table*/
.detailNr table {
	margin-left: auto;
	margin-right: auto;
}

.detailNr table td {
	width: 25%;
	font-size: 16px;
	line-height: 32px;
	vertical-align: top;
	color: #545454;
}
.detailNr table td p{font-weight: 500; color: #232323;font-size: 18px;}
.detailNr table td img {
	max-width: 100%;
	width: auto;
	max-height: 58px;
	display: inline-block;
	margin-bottom: 20px;
}

@media screen and (max-width:1220px) {
	.detailNr table td {
		font-size: 14px;
	}

	.detailNr table td img {
		max-height: 50px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:1024px) {
	.detailNr table td {
		font-size: 13px;
	}

	.detailNr table td img {
		max-height: 40px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:370px) {
	.detailNr table td {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: 50%;
	}

	.detailNr table td {
		font-size: 13px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
}

@media screen and (max-width:370px) {
	.detailNr table td {
		font-size: 13px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
}



/*detailTit*/
.detailTit {
	font-size: 40px;
	color: #363636;
	line-height: normal;
	margin-bottom: 50px;
	text-align: center;
}

@media (max-width:1220px) {
	.detailTit {
		font-size: 30px;
		margin-bottom: 50px;
	}
}

@media (max-width:1024px) {
	.detailTit {
		font-size: 24px;
		margin-bottom: 30px;
	}
}

@media (max-width:768px) {
	.detailTit {
		font-size: 20px;
		margin-bottom: 30px;
	}
}



/*proFeature*/
.proFeature {
	padding-top: 120px;
	padding-bottom: 90px;
	overflow: hidden;
}

@media screen and (max-width:1220px) {
	.proFeature {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1024px) {
	.proFeature {
		padding-top: 80px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.proFeature {
		padding-top: 60px;
		padding-bottom: 50px;
	}
}

/*tdTable*/
.tdTable {
	margin-left: auto;
	margin-right: auto;
}

.tdTable td {
	width: 20%;
	font-size: 16px;
	line-height: 32px;
	vertical-align: top;
	color: #545454;
	padding-right: 4vw;
	padding-bottom: 2.6vw;
	padding-top: 2.6vw;
}

.tdTable td h2 {
	font-size: 20px;
	margin-bottom: 20px;
}

.tdTable td img {
	max-width: 100%;
	width: auto;
	max-height: 58px;
	display: inline-block;
	margin-bottom: 20px;
}

@media screen and (max-width:1220px) {
	.tdTable td {
		font-size: 14px;
		padding-right: 2vw;
		padding-bottom: 2vw;
		padding-top: 2vw;
	}

	.tdTable td h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.tdTable td img {
		max-height: 50px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:1024px) {
	.tdTable td {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: 45%;
		padding-right: 5%;
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.tdTable td {
		font-size: 13px;
	}

	.tdTable td h2 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.tdTable td img {
		max-height: 40px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:768px) {
	.tdTable td {
		font-size: 13px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
}

@media screen and (max-width:370px) {
	.tdTable td {
		font-size: 13px;
		width: 100%;
		padding-right: 0%;
		padding-bottom: 20px;
		padding-top: 20px;
	}
}




/*proData*/
.proData {
	padding-top: 100px;
	padding-bottom: 70px;
	background: #e4e7ec;
	overflow: hidden;
}

@media screen and (max-width:1220px) {
	.proData {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1024px) {
	.proData {
		padding-top: 80px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.proData {
		padding-top: 60px;
		padding-bottom: 50px;
	}
}


/*proVideo*/
.proVideo {
	padding-top: 120px;
	padding-bottom: 100px;
	overflow: hidden;
}

@media screen and (max-width:1220px) {
	.proVideo {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width:1024px) {
	.proVideo {
		padding-top: 80px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.proVideo {
		padding-top: 60px;
		padding-bottom: 50px;
	}
}



/*proback*/
.proback {
	margin: 0 auto;
	text-align: center;
	width: 176px;
	margin-bottom: 70px;
	margin-top: 50px;
}

.proback a {
	display: block;
	font-size: 14px;
	line-height: 42px;
	border-radius: 45px;
	overflow: hidden;
	text-align: center;
	color: #545454;
	margin: 0 auto;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background: #fff;
	border: 1px solid #e60044;
}

.proback a:hover {
	background: #e60044;
	color: #fff;
	border-color: #e60044;
}

@media screen and (max-width:1400px) {
	.proback {
		width: 150px;
	}

	.proback a {
		font-size: 12px;
		line-height: 35px;
		border-radius: 35px;
	}
}

@media screen and (max-width:768px) {
	.proback {
		margin-bottom: 50px;
		margin-top: 40px;
	}
}

/*pro2Nav*/
.pro2Nav {
	position: relative;
	z-index: 2;
	text-align: center;
	background: url(../images/pvbg.jpg) no-repeat; background-position: center;background-size: cover;
}

.pro2Nav .w800 {
	max-width: 930px;
	margin: 0 auto;
}

.pro2Nav ul {
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
	background-color: transparent;
}

.pro2Nav li a {
	position: relative;
	display: block;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 18px;
	line-height: 90px;
	padding: 0 10px;
	font-weight: 300;
}

.pro2Nav li a span {
	display: inline-block;
	position: relative;
	z-index: 2;
}

.pro2Nav li a span:after {
	content: '';
	width: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 4px;
	background: #e60044;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pro2Nav li .on span:after,
.pro2Nav li a:hover span:after {
	width: 100%;
	right: auto;
	left: 0
}

.pro2Nav li .on,
.pro2Nav li a:hover {
	color: #fff;
	font-weight: normal;
}

@media screen and (max-width:1600px) {
	.pro2Nav li a {
		line-height: 80px;
		font-size: 18px;
	}
}

@media screen and (max-width:1400px) {

	.pro2Nav li a {
		line-height: 70px;
		font-size: 16px;
	}

	.pro2Nav li a:after {
		height: 2px;
	}
}

@media screen and (max-width:1024px) {
	.pro2Nav li a {
		line-height: 60px;
		font-size: 14px;
	}
}

@media screen and (min-width:0px) {
	.pro2Nav ul {
		display: flex !important;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		flex-flow: wrap;
		flex: 1;
		justify-content: space-between;
		flex-wrap: nowrap;
	}

	.pro2Nav li {
		flex-grow: 1;
	}
}

@media screen and (max-width:768px) {
	.pro2Nav li a {
		line-height: 50px;
		font-size: 12px;
	}
}


/*******************************CSS3*******************************/
@keyframes loopl {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes widNextIn {
	0% {
		width: 0%
	}

	to {
		width: 100%
	}
}

@keyframes widNextOut {
	0% {
		width: 100%
	}

	to {
		width: 0%
	}
}

@keyframes opNextIn {
	0% {
		opacity: 0;
		transform: translate(10%)
	}

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes opNextOut {
	0% {
		opacity: 1;
		transform: none
	}

	to {
		opacity: 0;
		transform: translate(-10%)
	}
}

@keyframes opPrevIn {
	0% {
		opacity: 0;
		transform: translate(-10%)
	}

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes opPrevOut {
	0% {
		opacity: 1;
		transform: none
	}

	to {
		opacity: 0;
		transform: translate(10%)
	}
}

@keyframes pop-in {
	0% {
		opacity: 0;
		transform: translateY(100%)
	}
}





/*privacy弹窗*/
.privacy {
	background: rgba(18, 25, 59, .7);
	bottom: 0;
	left: 0;
	padding: 25px 0 23px 0;
	position: fixed;
	width: 100%;
	z-index: 999;
	box-shadow: 0 0 5px rgba(0, 0, 0, .05);
}

.privacy .privacyBOX {
	max-width: 1700px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.privacy .content {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	text-align: left;
	width: 76%;
}

.privacy .content .link {
	color: #fff;
	font-weight: 400;
	text-decoration: underline
}

.privacy .btns {
	display: flex
}

.privacy .btns a {
	border: 1px solid #fff;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-weight: 300;
	text-align: center;
	font-size: 18px;
	width: 240px;
	height: 44px;
	line-height: 44px;
	margin-right: 20px;
}

.privacy .btns a:last-child {
	margin-right: 0
}

.privacy .btns a.accept {
	background: #fff;
	color: #12193b;
}

.privacy .btns a.accept:hover {
	background: #e9e2e2
}

.privacy .btns a.setting:hover {
	color: #d9d7d7;
	border-color: #d9d7d7;
}

@media screen and (max-width:1220px) {
	.privacy .content {
		font-size: 12px;
	}

	.privacy .btns a {
		height: 34px;
		line-height: 34px;
	}

	.privacy .content {
		font-size: 14px;
	}

	.privacy .privacyBOX {
		width: 94%;
	}

	.privacy .content {
		width: 76%;
	}

	.privacy .btns a {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
}

@media screen and (max-width:768px) {
	.privacy {
		padding: 2vw 0;
	}

	.privacy .content {
		font-size: 14px;
		font-weight: 300;
		line-height: 1.5;
		width: 100%;
		margin-bottom: 8px;
	}

	.privacy .content .link {
		font-weight: 300
	}

	.privacy .privacyBOX {
		display: block;
	}

	.privacy .btns {
		margin-bottom: 0;
		width: 100%
	}

	.privacy .btns a {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		margin-right: 3vw;
		width: 48vw
	}

	.privacy .privacyBOX {
		width: 94%;
	}

	.privacy .content {
		font-size: 12px;
		line-height: 1.2;
	}

	.privacy .btns a {
		font-size: 14px;
		height: auto;
		line-height: normal;
		padding: 8px 0;
	}
}



/*caseProList 2024-12-10增加*/
.caseProList {
	font-size: 0;
	position: relative;
	z-index: 2;
	margin: 0 -5px;
	padding-top: 30px;
}

.caseProList .li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.33333%;
	vertical-align: top;
	margin-bottom: 10px;
}

.caseProList .li .item {
	display: block;
	margin: 0 5px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}

.caseProList .li .item .img {
	position: relative;
	padding-bottom: 60.27%;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

.caseProList .li .item .img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.caseProList .li .item .img:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../image/case-wzbg.png) no-repeat center bottom;
	background-size: 100%;
}

.caseProList .li .item .nr {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 30px;
}

.caseProList .li .item h2 {
	font-size: 20px;
	color: #fff;
	line-height: 1.3;
	text-align: center;
}

/*hover*/
.caseProList .li .item,
.caseProList .li .item .img,
.caseProList .li .item .img img {
	-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;
}

.caseProList .li .item:hover .img img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

@media screen and (max-width:1680px) {
	.caseProList .li .item h2 {
		font-size: 18px;
	}
}

@media screen and (max-width:1440px) {
	.caseProList .li .item h2 {
		font-size: 16px;
	}
}

@media screen and (max-width:1220px) {
	.caseProList .li {
		width: 50%;
	}

	.caseProList .li .item .nr {
		bottom: 20px;
	}
}

@media screen and (max-width:1024px) {
	.caseProList .li .item .nr {
		bottom: 20px;
	}
}

@media screen and (max-width:768px) {
	.caseProList .li .item .nr {
		bottom: 15px;
	}
}

@media screen and (max-width:550px) {
	.caseProList .li {
		width: 100%;
	}
}

/*pageListB*/
.pageListB .left {
	width: 100%;
	float: left;
}

.pageListB .right {
	width: 20%;
	float: right;
	padding-top: 30px;
}

@media screen and (max-width:1440px) {
	.pageListB .left {
		width: 75.5%;
	}

	.pageListB .right {
		width: 24%;
	}
}

@media screen and (max-width:1220px) {
	.pageListB .left {
		width: 69.5%;
	}

	.pageListB .right {
		width: 30%;
	}
}

@media screen and (max-width:1024px) {

	/*.pageListB .left{width:71.5%;}
.pageListB .right{width:28%;}*/
	.pageListB .left {
		width: 100%;
		float: none;
	}

	.pageListB .right {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width:768px) {
	.pageListB .left {
		width: 100%;
		float: none;
	}

	.pageListB .right {
		width: 100%;
		float: none;
	}
}

/*downloads-listB*/
.downloads-listB {
	padding: 35px 35px;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 8px;
	min-height: 150px;
}

.downloads-listB .downloads-title {
	font-size: 18px;
	color: #e60044;
	line-height: 1;
	margin-bottom: 20px;
	font-weight: 600;
}

.downloads-listB .downloads-list a {
	font-size: 16px;
	color: #545454;
	line-height: 1.2;
	display: block;
	padding: 5px 0;
	padding-left: 28px;
	background: url(../image/icon-down2.png) no-repeat left 8px;
	background-size: 15px;
}

.downloads-listB .downloads-list a:hover {
	color: #e60044;
}

@media screen and (max-width:1680px) {
	.downloads-listB {
		padding: 30px 30px;
		min-height: 140px;
	}
}

@media screen and (max-width:1440px) {
	.downloads-listB {
		padding: 25px 25px;
		min-height: 120px;
	}
}

@media screen and (max-width:1320px) {
	.downloads-listB {
		padding: 25px 25px;
		min-height: 105px;
	}
}

@media screen and (max-width:1220px) {
	.downloads-listB {
		padding: 35px 35px;
		min-height: 130px;
	}
}

@media screen and (max-width:1024px) {

	/*.downloads-listB{padding:25px 25px;min-height:145px;}*/
	.downloads-listB {
		padding: 30px 30px;
		min-height: 0;
	}
}

@media screen and (max-width:768px) {
	.downloads-listB {
		padding: 25px 25px;
		min-height: 0;
	}
}




/*detail-share*/
.detail-share .ewm2 {
	position: absolute;
	bottom: 36px;
	left: 50%;
	display: none;
	opacity: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.detail-share .ewm2 img {
	width: 110px !important;
	height: 110px !important;
	max-width: none;
	border-radius: 5px;
}

.detail-share a {
	cursor: pointer;
}

.detail-share a:hover .ewm2 {
	display: block;
	opacity: 1;
}

/*p-bottom*/
.p-bottom {
	top: auto;
	bottom: 50%;
	margin-bottom: -100px;
}

@media screen and (max-width:768px) {
	.p-bottom {
		top: auto;
		bottom: 0;
		margin-bottom: 0;
	}
}

/*footer*/
@media screen and (max-width:1400px) {
	.footer .footer-bq .footer-lxul .t {
		margin-bottom: 20px;
	}

	.footer .footer-bq .footer-lxul .img {
		width: 80px;
	}
}