@charset 'utf-8';

body {
	min-width: 320px;
	font-size: .16rem;
	color: #333;
	background: #fff;
	overflow-y: scroll
}

a {
	color: #333;
	transition: color .2s
}

::-webkit-scrollbar-track-piece {
	background-color: #f1f1f1
}

::-webkit-scrollbar-thumb {
	background-color: #c1c1c1
}

::-webkit-scrollbar-thumb:hover {
	background-color: #a8a8a8
}

::-webkit-selection {
	background: rgba(45, 155, 120, .75);
	color: #fff
}

::-moz-selection {
	background: rgba(45, 155, 120, .75);
	color: #fff
}

::selection {
	background: rgba(45, 155, 120, .75);
	color: #fff
}

.lazyload,
.lazyloading {
	opacity: 0
}

.lazyloaded {
	opacity: 1;
	transition: opacity 1s cubic-bezier(.7, 0, .3, 1)
}

#loading {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff
}

.la-ball-spin-fade-rotating,
.la-ball-spin-fade-rotating > div {
	position: relative;
	box-sizing: border-box
}

.la-ball-spin-fade-rotating {
	display: block;
	width: 64px;
	height: 64px;
	font-size: 0;
	color: rgba(3, 72, 150, .5);
	animation: ball-spin-fade-rotate 6s infinite linear
}

.la-ball-spin-fade-rotating > div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	border: 0 solid currentColor;
	background-color: currentColor;
	border-radius: 100%;
	animation: ball-spin-fade 1s infinite linear
}

.la-ball-spin-fade-rotating > div:nth-child(1) {
	top: 5%;
	left: 50%;
	-webkit-animation-delay: -1.125s;
	-moz-animation-delay: -1.125s;
	-o-animation-delay: -1.125s;
	animation-delay: -1.125s
}

.la-ball-spin-fade-rotating > div:nth-child(2) {
	top: 18.1801948466%;
	left: 81.8198051534%;
	-webkit-animation-delay: -1.25s;
	-moz-animation-delay: -1.25s;
	-o-animation-delay: -1.25s;
	animation-delay: -1.25s
}

.la-ball-spin-fade-rotating > div:nth-child(3) {
	top: 50%;
	left: 95%;
	-webkit-animation-delay: -1.375s;
	-moz-animation-delay: -1.375s;
	-o-animation-delay: -1.375s;
	animation-delay: -1.375s
}

.la-ball-spin-fade-rotating > div:nth-child(4) {
	top: 81.8198051534%;
	left: 81.8198051534%;
	-webkit-animation-delay: -1.5s;
	-moz-animation-delay: -1.5s;
	-o-animation-delay: -1.5s;
	animation-delay: -1.5s
}

.la-ball-spin-fade-rotating > div:nth-child(5) {
	top: 94.9999999966%;
	left: 50.0000000005%;
	-webkit-animation-delay: -1.625s;
	-moz-animation-delay: -1.625s;
	-o-animation-delay: -1.625s;
	animation-delay: -1.625s
}

.la-ball-spin-fade-rotating > div:nth-child(6) {
	top: 81.8198046966%;
	left: 18.1801949248%;
	-webkit-animation-delay: -1.75s;
	-moz-animation-delay: -1.75s;
	-o-animation-delay: -1.75s;
	animation-delay: -1.75s
}

.la-ball-spin-fade-rotating > div:nth-child(7) {
	top: 49.9999750815%;
	left: 5.0000051215%;
	-webkit-animation-delay: -1.875s;
	-moz-animation-delay: -1.875s;
	-o-animation-delay: -1.875s;
	animation-delay: -1.875s
}

.la-ball-spin-fade-rotating > div:nth-child(8) {
	top: 18.179464974%;
	left: 18.1803700518%;
	-webkit-animation-delay: -2s;
	-moz-animation-delay: -2s;
	-o-animation-delay: -2s;
	animation-delay: -2s
}

@keyframes ball-spin-fade-rotate {
	100% {
		transform: rotate(360deg)
	}
}

@keyframes ball-spin-fade {

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

	50% {
		opacity: .25;
		transform: scale(0.5)
	}
}

.bd_weixin_popup {
	box-sizing: content-box
}

#header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	height: .96rem
}

.top-bar > .wrap {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	padding: 0 .3rem;
	width: 100%;
	max-width: 1500px;
	min-width: 320px;
	height: .96rem
}

.top-box {
	flex: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: .96rem
}

.top-box .logo {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	max-height: 56.25%;
}

.top-box .logo > a {
	display: flex;
	align-items: center;
	margin-right: .3rem;
	height: 100%;
}

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

.top-search {
	flex-shrink: 0;
	margin-left: .3rem;
	padding-top: .38rem;
	width: .23rem
}

.top-search .search-btn {
	display: block;
	height: 100%;
	background: url(../images/ico-search.png) center / contain no-repeat
}

.top-search .search-layer {
	position: absolute;
	z-index: 50;
	left: 0;
	top: -100%;
	width: 100%;
	height: .96rem;
	overflow: hidden;
	background: #fff;
	opacity: 0;
	transition: top .6s cubic-bezier(.7, 0, .3, 1), opacity .6s cubic-bezier(.7, 0, .3, 1)
}

.top-search .search-layer > .area {
	position: relative;
	height: 100%
}

.top-search .search-layer .text {
	padding: 0 .44rem;
	width: 100%;
	height: .96rem;
	line-height: .96rem;
	font-size: .25rem;
	border: 0 none;
	background: url(../images/ico-search.png) 0 center / .23rem .25rem no-repeat
}

.top-search .search-layer .close {
	position: absolute;
	top: 0;
	right: .3rem;
	width: .24rem;
	height: .96rem;
	background: url(../images/ico-close.png) center / .24rem no-repeat;
	color: #c00
}

#header[search="show"] .search-layer {
	top: 0;
	opacity: 1
}

#content {
	display: flex
}

#content > .wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100vh
}

#content #main {
	flex: auto;
	position: relative;
	z-index: 5;
	background: #fff
}

#content #main.bgGray {
	background: #f9f9f9
}

.swiper-banner {
	overflow: hidden
}

.swiper-banner a {
	display: block
}

.swiper-banner img {
	vertical-align: top
}

.swiper-banner-pagination {
	position: absolute;
	z-index: 10;
	left: 50%;
	bottom: .4rem;
	transform: translateX(-50%);
	line-height: 0;
	font-size: 0;
	text-align: center
}

.swiper-banner-pagination .swiper-pagination-bullet {
	vertical-align: top;
	margin: 0 .08rem;
	width: .8rem;
	height: .05rem;
	background: 0;
	opacity: 1;
	border-radius: 0;
	outline: 0
}

.swiper-banner-pagination .swiper-pagination-bullet:before {
	content: "";
	display: block;
	height: 100%;
	background: #fff;
	opacity: .7;
	transition: background .4s, opacity .4s
}

.swiper-banner-pagination .swiper-pagination-bullet-active:before {
	background: #034896;
	opacity: 1
}

.m-business .listBox li {
	float: left;
	display: inline;
	background: #fff
}

.m-business .maskBox {
	position: relative;
	zoom: 1;
	overflow: hidden
}

.m-business .maskBox a {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0
}

.m-business .maskBox .u-con {
	position: relative;
	z-index: 10;
	transition: opacity .4s, transform .6s
}

.m-business .maskBox .ico {
	display: block;
	text-align: center
}

.m-business .maskBox .ico img {
	height: 100%
}

.m-business .maskBox .name h4,
.m-business .maskBox .name p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m-business .maskBox .u-img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: opacity .6s
}

.m-business .maskBox .u-img img {
	object-fit: cover
}

.m-business .maskBox .mask_canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: #fff
}

.m-business .maskBox .mask_canvas.transparent {
	background-color: transparent
}

.m-business .maskBox[hover] .u-con {
	opacity: 0;
	transform: scale(1.2)
}

.m-business .maskBox[hover] .u-img {
	opacity: 1
}

.swiper-product-button {
	line-height: 0;
	font-size: 0;
	text-align: center
}

.swiper-product-button > div {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	font-family: "SimSun";
	text-align: center;
	color: #fff;
	background: #034896;
	outline: 0;
	cursor: pointer;
	transition: background .4s, filter .4s
}

.swiper-product-button > div:first-child {
	margin-left: 0
}

.swiper-product-button > div:hover {
	background: #034896;
	filter: brightness(1.1)
}

.swiper-product-button > div.swiper-button-disabled {
	background: rgba(130, 130, 130, .21);
	cursor: auto;
	pointer-events: none
}

.m-news {
	background: #f9f9f9
}

.m-about {
	padding-top: .6rem
}

.swiper-partner-button > div {
	position: absolute;
	z-index: 10;
	top: .6rem;
	width: .7rem;
	line-height: 1.6rem;
	font-family: "SimSun";
	font-size: .6rem;
	text-align: center;
	color: #034896;
	outline: 0;
	cursor: pointer;
	transition: color .4s
}

.swiper-partner-button > div:hover {
	filter: brightness(1.1)
}

.swiper-partner-button > div.swiper-button-disabled {
	color: rgba(204, 204, 204, .72);
	cursor: auto;
	pointer-events: none
}

.swiper-partner-button-prev {
	left: 50%;
	transform: translateX(-7.9rem)
}

.swiper-partner-button-next {
	right: 50%;
	transform: translateX(7.9rem)
}

@media screen and (max-width:1590px) {
	.swiper-partner-button-prev {
		left: 0;
		transform: none
	}

	.swiper-partner-button-next {
		right: 0;
		transform: none
	}
}

#content #footer {
	position: relative;
	z-index: 10;
	overflow: hidden;
	background: #515151
}

#client {
	position: fixed
}

#wechat-QRcode {
	display: none;
	background: #fff
}

#wechat-QRcode p {
	margin-top: .2rem;
	line-height: 2;
	font-size: .2rem;
	text-align: center
}

#subNav {
	position: relative;
	z-index: 99
}

.sub-current {
	margin-top: .96rem;
	padding: .32rem 0;
	line-height: .36rem;
	font-size: .18rem
}

.sub-current,
.sub-current a {
	color: #666
}

.sub-current a:hover {
	color: #034896
}

.pro-detail .itemCon .listBox {
	display: flex;
	justify-content: space-between;
	padding: .3rem .3rem .3rem 0;
	border-top: solid 1px rgba(204, 204, 204, .65)
}

.pro-detail .itemCon .listBox li {
	text-align: center
}

.pro-detail .itemCon .listBox h4 {
	line-height: .74rem;
	font-size: .44rem;
	font-weight: normal
}

.pro-detail .itemCon .listBox h4 span {
	display: inline-block;
	vertical-align: top;
	padding-top: .18rem;
	line-height: .56rem;
	font-size: .18rem
}

.pro-detail .itemCon .listBox p {
	line-height: .36rem;
	color: #666
}

.pro-detail .itemThumbs {
	position: absolute;
	bottom: .2rem;
	left: 7.1rem;
	width: 6.52rem;
	height: 1.48rem
}

.pro-detail .itemThumbs .swiper-slide {
	position: relative;
	zoom: 1;
	cursor: pointer
}

.pro-detail .itemThumbs .swiper-slide:before {
	content: "";
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	border: solid 2px #034896;
	transition: opacity .4s
}

.pro-detail .itemThumbs .swiper-slide-thumb-active:before {
	opacity: 1
}

.pro-detail .item-link {
	position: absolute;
	top: -1px;
	right: -1px;
	line-height: 0;
	font-size: 0
}

.pro-detail .item-link .link {
	margin-left: 1px;
	display: inline-block;
	vertical-align: top;
	width: .5rem;
	height: .5rem;
	background: #ededed url(../images/ico-link.png) 0 0 / 1rem .5rem no-repeat;
	transition: background-color .4s, background-image .4s
}

.pro-detail .item-link .link:hover {
	background-color: #034896;
	background-image: url(../images/ico-link-hover.png)
}

.pro-detail .item-link .share {
	position: relative;
	zoom: 1;
	display: inline-block;
	vertical-align: top
}

.pro-detail .item-link .share > .share-btn {
	position: relative;
	z-index: 5;
	display: block;
	width: .5rem;
	height: .5rem;
	background: #ededed url(../images/ico-link.png) -.5rem 0 / 1rem .5rem no-repeat;
	transition: background-color .4s, background-image .4s
}

.pro-detail .item-link .share > .share-btn:hover,
.pro-detail .item-link .share.hover > .share-btn {
	background-color: #034896;
	background-image: url(../images/ico-link-hover.png)
}

.pro-detail .item-link .bdsharebuttonbox {
	position: absolute;
	bottom: 0;
	right: 100%;
	white-space: nowrap;
	opacity: 0;
	transform: translateX(.06rem);
	transition: opacity .4s, transform .4s;
	pointer-events: none
}

.pro-detail .item-link .bdshare-button-style0-24 a,
.pro-detail .item-link .bdshare-button-style0-24 .bds_more {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 .06rem 0 0;
	padding-left: .24rem;
	height: .24rem;
	line-height: .24rem;
	font-size: 0;
	background-image: url(../images/ico-share.png);
	background-size: .24rem 1.26rem
}

.pro-detail .item-link .bdshare-button-style0-24 .bds_sqq {
	background-position: 0 0
}

.pro-detail .item-link .bdshare-button-style0-24 .bds_qzone {
	background-position: 0 -.34rem
}

.pro-detail .item-link .bdshare-button-style0-24 .bds_tsina {
	background-position: 0 -.68rem
}

.pro-detail .item-link .bdshare-button-style0-24 .bds_weixin {
	background-position: 0 -1.02rem
}

.pro-detail .item-link .hover .bdsharebuttonbox {
	opacity: 1;
	transform: none;
	pointer-events: auto
}

.swiper-gallery {
	position: relative;
	zoom: 1
}

.swiper-gallery .swiper-gallery-button > div {
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: .54rem;
	font-family: "SimSun";
	font-size: .6rem;
	color: #034896;
	outline: 0;
	cursor: pointer;
	transition: opacity .4s
}

.swiper-gallery .swiper-gallery-button > div:hover {
	filter: brightness(1.1)
}

.swiper-gallery .swiper-gallery-button > div.swiper-button-disabled {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.swiper-gallery .swiper-gallery-button-prev {
	left: 0
}

.swiper-gallery .swiper-gallery-button-next {
	right: 0
}

.swiper-thumbs .swiper-gallery-button-next {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	right: -.76rem;
	width: .76rem;
	line-height: 1.48rem;
	font-family: "SimSun";
	font-size: .6rem;
	text-align: center;
	color: #034896;
	outline: 0;
	cursor: pointer;
	transition: color .4s
}

.swiper-thumbs .swiper-gallery-button-next:hover {
	filter: brightness(1.1)
}

.swiper-thumbs .swiper-gallery-button-next.swiper-button-disabled {
	display: none
}

.sub-content {
	padding: .4rem .3rem 1rem;
	line-height: .4rem;
	font-size: .24rem;
	color: #999
}

.sub-content h1,
.sub-content h2 {
	line-height: .64rem;
	font-size: .48rem;
	font-weight: normal;
	text-align: center;
	color: #333
}

.sub-content h1 {
	margin-bottom: .4rem
}

.sub-content h2 {
	margin-bottom: .1rem
}

.sub-content h3 {
	font-weight: normal;
	text-align: center;
	color: #666
}

.no-result {
	padding: 1.5rem 6% 1.5rem 36%;
	background: url(../images/bg-search-no.png) 10% center / 25% no-repeat;
	box-sizing: content-box
}

.no-result h3 {
	margin-bottom: .2rem;
	font-size: .36rem;
	font-weight: normal;
	color: #333
}

.no-result h3 span {
	color: #c00
}

.no-result p {
	font-size: .24rem;
	color: #888
}

@media screen and (min-width:751px) {
	::-webkit-scrollbar {
		width: 10px;
		height: 10px
	}

	[pc="hide"] {
		display: none
	}

	#header .top-bar {
		transition: background .4s, box-shadow .4s
	}

	#header[background="show"] .top-bar,
	.innerPage #header .top-bar {
		background: rgba(255, 255, 255, .72);
		box-shadow: 0 .03rem .07rem rgba(0, 0, 0, .06)
	}

	.top-nav {
		flex-shrink: 0;
		align-items: center;
		padding-top: .38rem;
		line-height: 0;
		font-size: 0;
		text-align: right
	}

	.top-nav .fir-li {
		position: relative;
		zoom: 1;
		display: inline-block;
		vertical-align: top;
		text-align: left
	}

	.top-nav .fir-li:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 1px;
		height: .16rem;
		background: #ccc
	}

	.top-nav .fir-li:first-child:before {
		display: none
	}

	.top-nav .fir-li .u-a {
		display: inline-block;
		vertical-align: middle;
		padding: 0 .26rem;
		line-height: .58rem;
		font-size: .18rem
	}

	.top-nav .hover .u-a,
	.top-nav .current .u-a {
		color: #034896
	}

	.top-nav .sec-box {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 2.8rem;
		transform: none;
		border: solid 1px rgba(217, 228, 234, .63);
		background: #fff;
		border-radius: 5px;
		box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
		opacity: 0;
		transition: transform .4s, opacity .4s
	}

	.top-nav .fir-li:last-child .sec-box {
		left: auto;
		right: 0
	}

	.top-nav .sec-ul {
		padding: 0 .12rem;
		line-height: 1.5;
		font-size: .16rem
	}

	.top-nav .sec-ul li {
		border-top: solid 1px #e9e9e9
	}

	.top-nav .sec-ul li:first-child {
		border-top: 0
	}

	.top-nav .sec-ul a {
		position: relative;
		zoom: 1;
		display: block;
		padding: .08rem .3rem .08rem .14rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.top-nav .sec-ul a:after {
		content: ">";
		position: absolute;
		top: .08rem;
		right: 0;
		width: .2rem;
		height: 1.5;
		font-size: .16rem;
		font-family: "SimSun";
		font-weight: bold;
		text-align: center
	}

	.top-nav .sec-ul a:hover {
		color: #034896
	}

	.top-nav .hover .sec-box {
		opacity: 1;
		transform: translateY(-3px)
	}

	#banner,
	.swiper-banner {
		height: 9.8rem;
		max-height: 100vh
	}

	.swiper-banner {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%
	}

	.swiper-banner img {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		max-width: none;
		height: 100%
	}

	.swiper-banner .swiper-container {
		width: 100%;
		height: 100%
	}

	.swiper-banner .swiper-slide {
		overflow: hidden
	}

	.swiper-banner-button > div {
		position: absolute;
		z-index: 10;
		top: 0;
		bottom: 0;
		width: 7.1875%;
		outline: 0;
		cursor: pointer;
		transition: opacity .4s
	}

	.swiper-banner-button > div:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: .64rem;
		height: .64rem;
		background: url(../images/btn-banner.png) no-repeat;
		transition: background-image .4s
	}

	.swiper-banner-button > div:hover:before {
		background-image: url(../images/btn-banner-hover.png)
	}

	.swiper-banner-button > div.swiper-button-disabled {
		opacity: .5;
		cursor: auto;
		pointer-events: none
	}

	.swiper-banner-button .swiper-banner-button-prev {
		left: 0
	}

	.swiper-banner-button .swiper-banner-button-next {
		right: 0
	}

	.swiper-banner-button .swiper-banner-button-prev:before {
		background-position: left center;
		background-size: 1.38rem .64rem
	}

	.swiper-banner-button .swiper-banner-button-next:before {
		background-position: right center;
		background-size: 1.38rem .64rem
	}

	#banner.inner-banner,
	.inner-banner .swiper-banner {
		height: 5.9rem
	}

	.m-title {
		font-size: 0
	}

	.m-title h2 {
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin-right: .2rem;
		line-height: .78rem;
		font-size: .3rem
	}

	.m-title h2:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 2em;
		height: 2px;
		background: #034896
	}

	.m-title p {
		display: inline-block;
		vertical-align: top;
		padding-top: .08rem;
		line-height: .7rem;
		font-size: .2rem;
		color: #999
	}

	.m-menu {
		padding-top: .06rem
	}

	.m-menu li {
		position: relative;
		zoom: 1;
		padding-left: 1px;
		width: auto;
		line-height: .72rem;
		font-size: .2rem
	}

	.m-menu li:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 1px;
		height: .2rem;
		background: #ccc
	}

	.m-menu a {
		margin: 0 .16rem;
		color: #999
	}

	.m-menu a:hover,
	.m-menu li.current a {
		color: #034896
	}

	.m-menu li:first-child:before {
		display: none
	}

	.m-menu li:first-child {
		padding-left: 0
	}

	.m-menu li:first-child a {
		margin-left: 0
	}

	.m-menu li:last-child a {
		margin-right: 0
	}

	.menuBox {
		display: flex;
		justify-content: space-between
	}

	.menuBox .m-title {
		margin-right: .3rem;
		flex-shrink: 0;
		white-space: nowrap
	}

	.m-business {
		padding: .6rem 0 1.4rem;
		background: #fff url(../images/bg-business.jpg) center / cover fixed no-repeat
	}

	.m-business .m-title h2,
	.m-business .m-title p {
		color: #fff
	}

	.m-business .m-title h2:before {
		background: #fff
	}

	.m-business .listBox {
		margin-top: .76rem
	}

	.m-business .listBox li {
		margin: 1.6666% 0 0 1.6666%;
		width: 32.2222%
	}

	.m-business .listBox li:nth-child(-n+3) {
		margin-top: 0
	}

	.m-business .listBox li:nth-child(3n+1) {
		margin-left: 0
	}

	.m-business .maskBox .u-con {
		padding: .4rem
	}

	.m-business .maskBox .ico {
		height: .64rem
	}

	.m-business .maskBox .name {
		margin-top: .25rem;
		line-height: .34rem;
		font-size: .24rem;
		text-align: center
	}

	.m-business .maskBox .name:before {
		content: "";
		display: block;
		margin: 0 auto .3rem;
		width: .46rem;
		height: 1px;
		overflow: hidden;
		background: #ccc
	}

	.m-business .maskBox .name h4 {
		font-weight: normal
	}

	.m-business .maskBox .name p {
		font-weight: bold
	}

	.m-product {
		padding: .6rem 0 1.4rem;
		background: #fff;
		overflow: hidden
	}

	.swiper-product {
		position: relative;
		zoom: 1;
		margin-top: .5rem;
		transition: opacity .2s, transform .2s
	}

	.swiper-product:before {
		content: "";
		position: absolute;
		top: 4.32rem;
		left: 0;
		right: 0;
		height: 1px;
		overflow: hidden;
		background: rgba(226, 226, 226, .76)
	}

	.swiper-product .swiper-slide {
		margin-right: .4rem;
		padding: .4rem 0;
		width: 3.94rem
	}

	.swiper-product .swiper-slide:last-child {
		margin-right: 0
	}

	.swiper-product .u-box {
		position: relative;
		zoom: 1;
		height: 5.02rem;
		border: solid 1px rgba(227, 227, 227, .5);
		background: #fff;
		box-shadow: 0 .03rem .09rem rgba(0, 0, 0, .08);
		transition: border-color .3s, box-shadow .3s
	}

	.swiper-product .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-product .u-img {
		position: absolute;
		z-index: 5;
		left: 0;
		top: 0;
		width: 100%;
		height: 3.92rem;
		transition: transform .6s, box-shadow .6s
	}

	.swiper-product .u-img img {
		width: 100%;
		height: 100%
	}

	.swiper-product .u-con {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 1.1rem;
		padding: 0 .3rem;
		transition: all .6s
	}

	.swiper-product .u-con .name {
		line-height: .36rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .22rem;
		font-weight: normal;
		text-align: center
	}

	.swiper-product .u-con .content {
		height: 0;
		line-height: .3rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .16rem;
		text-align: center;
		box-sizing: border-box;
		transition: padding-top .6s, height .6s
	}

	.swiper-product .u-box:hover {
		border-color: #fff;
		box-shadow: none
	}

	.swiper-product .u-box:hover .u-img {
		transform: translateY(2.02rem) scale(.535714);
		box-shadow: 0 .03rem .09rem rgba(0, 0, 0, .08)
	}

	.swiper-product .u-box:hover .u-con {
		bottom: 1.1rem;
		height: 2.92rem;
		padding-bottom: 1rem;
		color: #fff;
		background: #034896;
	}

	.swiper-product .u-box:hover .u-con .content {
		padding-top: .28rem;
		height: 3.75em
	}

	.swiper-product-button {
		margin-top: .9rem
	}

	.swiper-product-button > div {
		margin-left: .1rem;
		width: .5rem;
		line-height: .5rem;
		font-size: .42rem
	}

	.swiper-advantage .swiper-slide {
		width: 25%
	}

	.swiper-advantage .u-box {
		position: relative;
		zoom: 1;
		padding-top: 153.125%
	}

	.swiper-advantage .u-box:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: 0;
		right: 0;
		width: .65rem;
		height: .65rem;
		border-top: solid .1rem #fff;
		border-right: solid .1rem #fff
	}

	.swiper-advantage .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-advantage .u-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.swiper-advantage .u-name {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 2rem;
		padding: .86rem .3rem 0;
		line-height: .82rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .24rem;
		text-align: center;
		color: #fff;
		background: url(../images/bg-advantage.png) center bottom / auto 2rem repeat-x;
		box-sizing: border-box
	}

	.swiper-advantage .u-name:after {
		content: "";
		display: block;
		margin: 0 auto;
		width: .56rem;
		height: 2px;
		overflow: hidden;
		background: #034896
	}

	.swiper-advantage .conBox {
		position: absolute;
		z-index: 5;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		color: #fff;
		background: #034896;
		opacity: 0;
		transform: scale(.75);
		transition: opacity .4s, transform .4s
	}

	.swiper-advantage .u-con {
		position: absolute;
		top: 3.0612%;
		bottom: 3.0612%;
		left: 3.125%;
		right: 3.125%;
		padding: 10.625% .6rem 0;
		border: solid 1px #034896;
		background: #034896
	}

	.swiper-advantage .num {
		line-height: 1.04rem;
		font-size: .8rem;
		font-family: Arial
	}

	.swiper-advantage .name {
		line-height: .5rem;
		font-size: .28rem
	}

	.swiper-advantage .title {
		margin-top: 18.0586%;
		padding: .1rem 0;
		border-bottom: solid 1px rgba(255, 255, 255, .5)
	}

	.swiper-advantage .title h5 {
		line-height: .54rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .24rem;
		font-weight: normal
	}

	.swiper-advantage .content {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		margin-top: 5.4176%;
		height: 1.08rem;
		line-height: .36rem;
		font-size: .16rem
	}

	.swiper-advantage .more {
		position: relative;
		zoom: 1;
		display: block;
		margin: 33.86% auto 0;
		width: .6rem;
		height: .6rem;
		border: solid 1px #fff
	}

	.swiper-advantage .more:before,
	.swiper-advantage .more:after {
		content: "";
		position: absolute;
		left: 25%;
		right: 25%;
		top: 50%;
		height: 1px;
		overflow: hidden;
		background: #fff;
		transform: translateY(-50%)
	}

	.swiper-advantage .more:after {
		transform: rotate(90deg)
	}

	.swiper-advantage .u-box:hover .conBox {
		opacity: 1;
		transform: none
	}

	.m-news {
		padding: .8rem 0 .6rem;
		overflow: hidden
	}

	.swiper-news {
		position: relative;
		zoom: 1;
		margin-top: .46rem
	}

	.swiper-news:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: .86rem;
		height: 1px;
		overflow: hidden;
		background: rgba(226, 226, 226, .76)
	}

	.swiper-news .swiper-container {
		position: relative;
		z-index: 5;
		padding: 0 .3rem;
		width: 100%;
		max-width: 1500px;
		min-width: 320px
	}

	.swiper-news .swiper-slide {
		width: 4.64rem
	}

	.swiper-news .u-box {
		position: relative;
		zoom: 1;
		padding: .36rem .2rem .68rem;
		transition: color .4s, background .4s
	}

	.swiper-news .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-news .u-date {
		line-height: .36rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .24rem
	}

	.swiper-news .conBox {
		margin-top: .14rem
	}

	.swiper-news .u-con,
	.swiper-news .u-img {
		transition: transform .6s
	}

	.swiper-news .u-con {
		padding: .26rem 0 0
	}

	.swiper-news .name {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: .48rem;
		font-size: .24rem
	}

	.swiper-news .content {
		margin-top: .24rem;
		height: 1.44rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		line-height: .36rem;
		font-size: .18rem
	}

	.swiper-news .u-img {
		margin-top: .3rem;
		height: 2.1rem
	}

	.swiper-news .u-more {
		margin-top: .3rem;
		display: block;
		width: .48rem;
		line-height: .48rem;
		font-size: .24rem;
		font-family: "SimSun";
		font-weight: bold;
		text-align: center;
		color: #fff;
		border: solid 1px #fff;
		opacity: 0;
		transform: translateX(50%);
		transition: opacity .4s, transform .6s
	}

	.swiper-news .u-box:hover {
		color: #fff;
		background: #034896
	}

	.swiper-news .u-box:hover .u-con {
		transform: translateY(2.4rem)
	}

	.swiper-news .u-box:hover .u-img {
		transform: translateY(-2.72rem)
	}

	.swiper-news .u-box:hover .u-more {
		opacity: 1;
		transform: none
	}

	.m-about {
		overflow: hidden
	}

	.m-about .conBox {
		position: relative;
		zoom: 1;
		margin-top: .6rem
	}

	.m-about .conBox .u-img {
		height: 4.68rem
	}

	.m-about .conBox .u-img img {
		position: relative;
		left: 50%;
		width: auto;
		max-width: none;
		transform: translateX(-50%)
	}

	.m-about .conBox .u-con {
		position: absolute;
		top: 1.5rem;
		left: 50%;
		right: .5rem;
		margin-left: -1.8rem;
		line-height: .36rem;
		font-size: .18rem;
		color: #818181
	}

	.m-about .conBox .u-con h4 {
		margin-bottom: .24rem;
		line-height: .48rem;
		font-size: .3rem;
		font-weight: normal;
		color: #333
	}

	.m-partner {
		position: relative;
		zoom: 1;
		padding: .6rem 0 .4rem;
		display: none;
	}

	.swiper-partner .u-box {
		position: relative;
		zoom: 1;
		padding-bottom: .2rem;
		transition: color .2s
	}

	.swiper-partner .u-box:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border: solid 2px #034896;
		opacity: 0;
		transition: all .2s
	}

	.swiper-partner .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-partner .u-img {
		height: 1.58rem;
		border: solid 1px #ededed;
		filter: grayscale(1);
		transition: filter .4s
	}

	.swiper-partner .u-name {
		margin-top: .2rem;
		line-height: .42rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .22rem;
		font-weight: normal;
		text-align: center
	}

	.swiper-partner .u-box:hover {
		color: #034896
	}

	.swiper-partner .u-box:hover:before {
		opacity: 1;
		top: .15rem;
		left: .12rem;
		right: .12rem
	}

	.swiper-partner .u-box:hover .u-img {
		filter: grayscale(0)
	}

	.footer-box {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		padding: 1.1rem 0 .5rem
	}

	.footer-box,
	.footer-box a {
		color: #dadada
	}

	.footer-box a:hover {
		color: #fff
	}

	.footer-nav {
		flex: auto
	}

	.footer-nav .fir-ul {
		display: flex;
		justify-content: space-between
	}

	.footer-nav .fir-li .u-a {
		display: inline-block;
		vertical-align: middle;
		padding-right: .2rem;
		line-height: .28rem;
		font-size: .18rem;
		font-weight: bold;
		color: #fff
	}

	.footer-nav .fir-li .u-a:before {
		content: "";
		display: inline-block;
		vertical-align: middle
	}

	.footer-nav .sec-box {
		margin-top: .36rem
	}

	.footer-nav .sec-ul li {
		position: relative;
		zoom: 1;
		padding: .05rem .4rem .05rem 0;
		line-height: .24rem;
		font-size: .16rem;
		overflow: hidden
	}

	.footer-nav .sec-ul a {
		display: inline-block;
		vertical-align: top;
		transition: transform .4s, color .4s
	}

	.footer-nav .sec-ul a:before {
		content: "";
		position: absolute;
		left: -.2rem;
		top: 50%;
		width: .14rem;
		height: 1px;
		overflow: hidden;
		background: #fff
	}

	.footer-nav .sec-ul a:hover {
		transform: translateX(.2rem)
	}

	.footer-contact {
		position: relative;
		zoom: 1;
		width: 4.7rem;
		margin: 0 .7rem;
		padding: 0 .7rem
	}

	.footer-contact:before,
	.footer-contact:after {
		content: "";
		position: absolute;
		top: 0;
		height: 100%;
		border-left: solid 1px rgba(255, 255, 255, .12);
		border-right: solid 1px #393939
	}

	.footer-contact:before {
		left: 0
	}

	.footer-contact:after {
		right: 0
	}

	.footer-contact .telBox {
		font-weight: bold;
		color: #fff
	}

	.footer-contact .telBox h4 {
		line-height: .28rem;
		font-size: .2rem
	}

	.footer-contact .telBox p {
		line-height: .36rem;
		font-size: .24rem
	}

	.footer-contact .conBox {
		margin-top: .08rem;
		line-height: .34rem;
		font-size: .16rem
	}

	.footer-contact .conBox .ico {
		position: relative;
		zoom: 1;
		padding-left: .4rem
	}

	.footer-contact .conBox .ico:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: .28rem;
		height: .34rem;
		background: url(../images/ico-contact.png) 0 0 / .28rem 1.36rem no-repeat
	}

	.footer-contact .conBox .ico-tel:before {
		background-position: 0 0
	}

	.footer-contact .conBox .ico-fax:before {
		background-position: 0 -.34rem
	}

	.footer-contact .conBox .ico-addr:before {
		background-position: 0 -.68rem
	}

	.footer-contact .conBox .ico-post:before {
		background-position: 0 -1.02rem
	}

	.footer-QRcode {
		padding: .12rem 0;
		display: flex
	}

	.footer-QRcode .QRcode {
		margin-left: .4rem;
		line-height: .36rem;
		font-size: .16rem;
		text-align: center
	}

	.footer-QRcode .QRcode:first-child {
		margin-left: 0
	}

	.footer-QRcode .QRcode img {
		max-width: 1.4rem
	}

	.footer-QRcode .QRcode p {
		margin-top: .3rem;
		white-space: nowrap
	}

	.copyright-box {
		position: relative;
		zoom: 1;
		padding: .2rem 0 .3rem;
		line-height: .36rem;
		font-size: .16rem;
		color: #c1c1c1
	}

	.copyright-box a {
		font-weight: bold;
		color: #c1c1c1
	}

	.copyright-box a:hover {
		color: #fff
	}

	.copyright-box:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 0;
		overflow: hidden;
		border-top: solid 1px rgba(255, 255, 255, .12);
		border-bottom: solid 1px #393939
	}

	#client {
		z-index: 200;
		top: 50%;
		right: 0;
		transform: translateY(-.87rem)
	}

	#client li {
		border: solid 1px rgba(223, 223, 223, .63);
		border-top: 0
	}

	#client li:first-child {
		border-top: solid 1px rgba(223, 223, 223, .63)
	}

	#client .u-a {
		position: relative;
		display: block;
		padding-left: .56rem;
		height: .56rem;
		background: #fff
	}

	#client .u-a .ico {
		position: absolute;
		top: 0;
		left: 0;
		width: .56rem;
		height: .56rem;
		overflow: hidden;
		background: url(../images/ico-client.png) 0 .56rem / .56rem 2.24rem no-repeat;
		transition: background-image .4s
	}

	#client .u-a:hover .ico {
		background-image: url(../images/ico-client-hover.png)
	}

	#client .client-home .ico {
		background-position: 0 0
	}

	#client .client-tel .ico {
		background-position: 0 -.56rem
	}

	#client .client-qq .ico {
		background-position: 0 -1.12rem
	}

	#client .client-goTop .ico {
		background-position: 0 -1.68rem
	}

	#client .conBox .con {
		display: none;
		position: absolute;
		top: 0;
		right: 100%;
		margin-right: .06rem;
		border-radius: 2px
	}

	#client .conBox .con:before {
		content: "";
		position: absolute;
		top: .24rem;
		left: 100%;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: .04rem;
		border-style: solid;
		border-color: transparent transparent transparent #fff
	}

	#client .conBox .text {
		padding: 0 .2rem;
		line-height: .56rem;
		font-size: .2rem;
		font-weight: bold;
		color: #034896;
		background: #fff;
		white-space: nowrap
	}

	#client li.client-map {
		display: none
	}

	#client li.client-goTop {
		opacity: 0;
		transition: opacity .4s
	}

	#client li.client-goTop .u-a {
		height: 0;
		overflow: hidden;
		transition: height .4s
	}

	#client[goTop="show"] li.client-goTop {
		opacity: 1
	}

	#client[goTop="show"] li.client-goTop .u-a {
		height: .56rem
	}

	#subNav {
		padding-top: .2rem;
		box-shadow: 0 .03rem .07rem rgba(0, 0, 0, .06);
		background: #fbfbfb
	}

	#subNav .listBox {
		line-height: 0;
		font-size: 0;
		text-align: right
	}

	#subNav .listBox ul {
		margin-left: -.3rem
	}

	#subNav .listBox li {
		position: relative;
		zoom: 1;
		display: inline-block;
		vertical-align: top;
		margin-left: .3rem
	}

	#subNav .listBox a {
		line-height: .5rem;
		font-size: .18rem;
		color: #999
	}

	#subNav .listBox a:before {
		content: "";
		position: absolute;
		right: 0;
		bottom: -1px;
		width: 0;
		height: 2px;
		overflow: hidden;
		background: #034896;
		transition: width .4s
	}

	#subNav .listBox a:hover:before,
	#subNav .listBox li.current a:before {
		width: 100%;
		right: auto;
		left: 0
	}

	#subNav.bgWhite {
		padding-top: .3rem;
		background: #fff
	}

	.sub-product {
		margin: 0 auto;
		padding: .5rem 0;
		max-width: 2200px
	}

	.sub-product ul {
		display: flex;
		flex-wrap: wrap
	}

	.sub-product li {
		padding: .25rem;
		width: 25%
	}

	.sub-product .u-box {
		position: relative;
		zoom: 1;
		border: solid 1px rgba(227, 227, 227, .5);
		box-shadow: 0 .03rem .09rem rgba(0, 0, 0, .08)
	}

	.sub-product .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-product .u-img {
		position: relative;
		zoom: 1;
		padding-top: 100%
	}

	.sub-product .u-img:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: 50%;
		left: 50%;
		margin: -.375rem 0 0 -.375rem;
		width: .75rem;
		height: .75rem;
		background: rgba(102, 102, 102, .46) url(../images/ico-view.png) center / .48rem no-repeat;
		opacity: 0;
		transform: scale(2);
		transition: opacity .4s, transform .4s
	}

	.sub-product .u-img img {
		position: absolute;
		top: 0;
		left: 0
	}

	.sub-product .u-name {
		position: relative;
		zoom: 1;
		padding: 0 .25rem;
		line-height: 1.4rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .3rem;
		font-weight: normal;
		text-align: center;
		transition: color .4s
	}

	.sub-product .u-name:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		width: 0;
		height: 100%;
		background: #034896;
		transition: width .4s
	}

	.sub-product .u-box:hover .u-img:before {
		opacity: 1;
		transform: none
	}

	.sub-product .u-box:hover .u-name {
		color: #fff
	}

	.sub-product .u-box:hover .u-name:before {
		width: 100%;
		left: 0;
		right: auto
	}

	@media screen and (max-width:2200px) {
		.sub-product {
			max-width: 1650px
		}

		.sub-product li {
			width: 33.3333%
		}
	}

	.sub-news {
		padding: .2rem 0 .8rem
	}

	.sub-news li {
		padding: .6rem 0;
		border-bottom: solid 1px rgba(187, 187, 187, .5)
	}

	.sub-news .u-box {
		position: relative;
		zoom: 1;
		display: flex;
		justify-content: space-between;
		align-items: flex-start
	}

	.sub-news .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-news .conBox {
		flex: auto;
		display: flex;
		align-items: center
	}

	.sub-news .u-con {
		position: relative;
		z-index: 10;
		width: 7.3rem;
		transition: transform .4s
	}

	.sub-news .name {
		position: relative;
		zoom: 1;
		line-height: .4rem;
		font-size: .26rem;
		font-weight: normal;
		transition: color .4s
	}

	.sub-news .name:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -.2rem;
		width: 0;
		height: .04rem;
		min-height: 2px;
		overflow: hidden;
		background: #333;
		transform: translateY(-50%);
		transition: left .4s, width .4s, background .4s
	}

	.sub-news .content {
		margin-top: .24rem;
		height: .6rem;
		line-height: .3rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .16rem;
		color: #666
	}

	.sub-news .u-img {
		order: -1;
		margin-right: .7rem;
		width: 4.2rem
	}

	.sub-news .dateBox {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		margin-top: .7rem;
		text-align: right;
		transition: transform .4s
	}

	.sub-news .date .MMDD {
		line-height: .34rem;
		font-size: .26rem;
		color: #666
	}

	.sub-news .date .YY {
		line-height: .24rem;
		font-size: .16rem;
		color: #999
	}

	.sub-news .more {
		display: block;
		margin-left: .45rem;
		width: .5rem;
		height: .5rem;
		line-height: .5rem;
		font-size: .26rem;
		font-family: "SimSun";
		text-align: center;
		color: #666;
		border: solid 1px #ccc;
		transition: color .4s, border-color .4s, background-color .4s
	}

	.sub-news .u-box:hover .u-con {
		transform: translateX(.2rem)
	}

	.sub-news .u-box:hover .name {
		color: #034896
	}

	.sub-news .u-box:hover .name:before {
		left: -1.64rem;
		width: 1.44rem;
		background: #034896
	}

	.sub-news .u-box:hover .dateBox {
		transform: translateX(-.2rem)
	}

	.sub-news .u-box:hover .more {
		color: #fff;
		border-color: #fff;
		background-color: #034896
	}

	.sub-search {
		padding: .2rem 0 .8rem
	}

	.sub-search li {
		padding: .6rem 0;
		border-bottom: solid 1px rgba(187, 187, 187, .5)
	}

	.sub-search .u-box {
		position: relative;
		zoom: 1;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.sub-search .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-search .conBox {
		display: flex;
		align-items: center
	}

	.sub-search .u-con {
		position: relative;
		z-index: 10;
		width: 7.3rem;
		transition: transform .4s
	}

	.sub-search .name {
		position: relative;
		zoom: 1;
		line-height: .4rem;
		font-size: .26rem;
		font-weight: normal;
		transition: color .4s
	}

	.sub-search .name:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -.2rem;
		width: 0;
		height: .04rem;
		min-height: 2px;
		overflow: hidden;
		background: #333;
		transform: translateY(-50%);
		transition: left .4s, width .4s, background .4s
	}

	.sub-search .content {
		margin-top: .24rem;
		height: .6rem;
		line-height: .3rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .16rem;
		color: #666
	}

	.sub-search .dateBox {
		display: flex;
		align-items: center;
		text-align: right
	}

	.sub-search .date .MMDD {
		line-height: .34rem;
		font-size: .26rem;
		color: #666
	}

	.sub-search .date .YY {
		line-height: .24rem;
		font-size: .16rem;
		color: #999
	}

	.sub-search .more {
		display: block;
		margin-left: .45rem;
		width: .5rem;
		height: .5rem;
		line-height: .5rem;
		font-size: .26rem;
		font-family: "SimSun";
		text-align: center;
		color: #666;
		border: solid 1px #ccc;
		transition: color .4s, border-color .4s, background-color .4s
	}

	.sub-search .u-box:hover .name {
		color: #034896
	}

	.sub-search .u-box:hover .name:before {
		background: #034896
	}

	.sub-search .u-box:hover .more {
		color: #fff;
		border-color: #fff;
		background-color: #034896
	}

	.sub-search .skw {
		color: #c00
	}

	.detail-page {
		margin-top: .5rem;
		display: flex;
		line-height: 0;
		font-size: 0;
		text-align: center
	}

	.detail-page .page {
		flex: auto;
		position: relative;
		zoom: 1;
		display: inline-block;
		vertical-align: top;
		width: 50%;
		height: 1.84rem;
		transition: filter .4s
	}

	.detail-page .page:before {
		position: absolute;
		top: 50%;
		width: .7rem;
		line-height: .24rem;
		font-size: .3rem;
		font-family: "SimSun";
		text-align: center;
		transform: translateY(-50%)
	}

	.detail-page .page:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%
	}

	.detail-page .page .title {
		display: inline-block;
		vertical-align: middle;
		max-width: 100%;
		text-align: left
	}

	.detail-page .page h4 {
		line-height: .3rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .18rem;
		font-weight: normal
	}

	.detail-page .page p {
		line-height: .28rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .16rem
	}

	.detail-page .page a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0
	}

	.detail-page .page-prev {
		padding: 0 .4rem 0 1.1rem;
		text-align: left;
		background: #ededed
	}

	.detail-page .page-prev:before {
		content: "<";
		left: 0;
		color: #666;
		border-right: solid 1px #ccc
	}

	.detail-page .page-prev .title {
		color: #8c8c8c
	}

	.detail-page .page-next {
		padding: 0 1.1rem 0 .4rem;
		text-align: right;
		background: #034896
	}

	.detail-page .page-next:before {
		content: ">";
		right: 0;
		color: #fff;
		border-left: solid 1px #47bf99
	}

	.detail-page .page-next .title {
		color: #fff
	}

	.detail-page .page:hover {
		filter: brightness(1.1)
	}

	.detail-page .page-disabled {
		display: none
	}

	.pro-detail {
		padding-bottom: 1rem
	}

	.pro-detail .detail-item {
		position: relative;
		zoom: 1;
		padding: .2rem .3rem .2rem 7.1rem;
		min-height: 6.5rem;
		border: solid 1px #efefef;
		background: #fff;
		box-sizing: content-box
	}

	.pro-detail .detail-item h1 {
		padding-top: .6rem;
		line-height: .62rem;
		font-size: .42rem;
		font-weight: normal
	}

	.pro-detail .detail-item h1 span {
		display: inline-block;
		vertical-align: top;
		margin-left: .2rem;
		padding-top: .06rem;
		line-height: .56rem;
		font-size: .24rem
	}

	.pro-detail .itemGallery {
		position: absolute;
		top: .2rem;
		left: .2rem;
		width: 6.5rem;
		height: 6.5rem
	}

	.pro-detail .itemGallery .u-img {
		width: 6.5rem;
		height: 6.5rem
	}

	.pro-detail .itemCon {
		margin-right: -.3rem;
		height: 3.65rem;
		overflow-y: auto
	}

	.pro-detail .itemCon .conBox {
		padding: .15rem .3rem .15rem 0;
		min-height: 1.52rem;
		line-height: .38rem;
		font-size: .18rem;
		color: #999
	}

	.pro-detail .itemCon .conBox p {
		padding-left: 1.6rem
	}

	.pro-detail .itemCon .conBox p:before {
		content: "";
		display: inline-block;
		vertical-align: top;
		margin: .13rem .12rem 0 0;
		width: .12rem;
		height: .12rem;
		overflow: hidden;
		background: #e6e6e6;
		border-radius: 50%
	}

	.swiper-gallery .swiper-gallery-button {
		display: none
	}

	.pro-detail .detail-con {
		margin-top: .4rem
	}

	.swiper-tabs-title .swiper-slide {
		position: relative;
		zoom: 1;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 .2rem 0 .3rem;
		height: 1.2rem;
		border: solid 1px #efefef;
		background: #fff;
		cursor: pointer;
		box-sizing: border-box;
		transition: color .4s
	}

	.swiper-tabs-title .swiper-slide h4 {
		position: relative;
		line-height: .36rem;
		font-size: .26rem;
		font-weight: normal
	}

	.swiper-tabs-title .swiper-slide:before {
		content: "";
		position: absolute;
		top: -1px;
		bottom: -1px;
		left: -1px;
		right: calc(100% + 1px);
		background: #034896;
		transition: right .4s
	}

	.swiper-tabs-title .swiper-slide:after {
		content: ">";
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		margin-left: .2rem;
		width: .34rem;
		height: .34rem;
		font-size: .3rem;
		font-family: "SimSun";
		color: #999;
		border: solid 1px #ccc;
		transition: opacity .4s, transform .4s
	}

	.swiper-tabs-title .swiper-slide-thumb-active {
		color: #fff
	}

	.swiper-tabs-title .swiper-slide-thumb-active:before {
		right: -1px
	}

	.swiper-tabs-title .swiper-slide-thumb-active:after {
		opacity: 0;
		transform: translateX(.1rem)
	}

	.swiper-tabs-title .swiper-no-swiping {
		padding: 0
	}

	.swiper-tabs-title .swiper-no-swiping:before,
	.swiper-tabs-title .swiper-no-swiping:after {
		display: none
	}

	.swiper-tabs-title .case-btn {
		position: relative;
		zoom: 1;
		flex: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 .2rem 0 .3rem;
		height: 100%;
		line-height: .36rem;
		font-size: .26rem;
		transition: color .4s
	}

	.swiper-tabs-title .case-btn:after {
		content: ">";
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		margin-left: .2rem;
		width: .34rem;
		height: .34rem;
		font-size: .3rem;
		font-family: "SimSun";
		color: #999;
		border: solid 1px #ccc;
		transition: opacity .4s, transform .4s
	}

	.swiper-tabs-content {
		margin-top: .4rem;
		border-top: solid 1px rgba(204, 204, 204, .4);
		background: #fff
	}

	.swiper-tabs-content .content {
		padding: .6rem .4rem;
		line-height: 1.6666;
		font-size: .18rem;
		color: #666
	}

	.swiper-tabs-content .content h4 {
		margin-bottom: .24rem;
		line-height: .36rem;
		font-size: .24rem;
		font-weight: normal;
		color: #333
	}

	.swiper-tabs-content .content hr {
		margin: .35rem 0;
		border: 0;
		border-bottom: solid 1px #ccc
	}

	.news-detail {
		padding: .2rem .3rem 1rem
	}

	.news-detail h1 {
		font-size: .48rem;
		font-size: .3rem;
		font-weight: normal
	}

	.news-detail .detail-date {
		line-height: .34rem;
		font-size: .18rem;
		color: #838383
	}

	.news-detail .detail-img {
		padding: .2rem 0
	}

	.news-detail .detail-con {
		padding: .2rem 0;
		line-height: 1.6666;
		font-size: .18rem;
		color: #666
	}

	.news-detail .detail-con h4 {
		margin-bottom: .12rem;
		line-height: .34rem;
		font-size: .22rem;
		font-weight: normal;
		color: #333
	}

	.sub-case {
		padding: 1rem 0
	}

	.sub-case ul {
		display: flex;
		flex-wrap: wrap
	}

	.sub-case li {
		width: 29.1666%;
		margin: 1rem 0 0 6.25%
	}

	.sub-case li:nth-child(-n+3) {
		margin-top: 0
	}

	.sub-case li:nth-child(3n+1) {
		margin-left: 0
	}

	.sub-case .u-box {
		position: relative;
		zoom: 1;
		padding-top: .26rem
	}

	.sub-case .u-box:before,
	.sub-case .u-box:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		height: .02rem;
		min-height: 1px;
		overflow: hidden;
		transition: width .4s
	}

	.sub-case .u-box:before {
		width: 100%;
		background: #999
	}

	.sub-case .u-box:after {
		width: 0;
		background: #034896
	}

	.sub-case .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-case .u-name {
		position: relative;
		zoom: 1;
		padding-right: .7rem;
		line-height: .6rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .2rem;
		transition: transform .4s
	}

	.sub-case .u-name:before {
		content: ">";
		position: absolute;
		top: 50%;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: .5rem;
		height: .5rem;
		font-size: .28rem;
		font-family: "SimSun";
		color: #034896;
		border: solid 1px #034896;
		opacity: 0;
		transform: translate(-.1rem, -50%);
		transition: opacity .4s, transform .4s
	}

	.sub-case .u-con {
		margin-top: .16rem;
		height: .6rem;
		line-height: .3rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .16rem;
		transition: transform .4s
	}

	.sub-case .u-img {
		margin-top: .46rem;
		transition: transform .4s
	}

	.sub-case .u-box:hover:after {
		left: 0;
		right: auto;
		width: 100%
	}

	.sub-case .u-box:hover .u-name,
	.sub-case .u-box:hover .u-con {
		transform: translateY(-.05rem)
	}

	.sub-case .u-box:hover .u-name:before {
		opacity: 1;
		transform: translate(0, -50%)
	}

	.sub-case .u-box:hover .u-img {
		transform: translateY(-.24rem)
	}

	.sub-case .m-page {
		margin-top: 1rem
	}

	.sub-about {
		line-height: 2;
		font-size: .18rem;
		color: #666
	}

	.sub-about img.f-fl {
		margin-right: .4rem;
		max-width: 50%
	}

	.sub-about h2 {
		margin: 0;
		padding: .3rem 0;
		line-height: 2;
		font-size: .24rem;
		text-align: left
	}

	.sub-about hr {
		margin: 0;
		border: 0 none;
		border-bottom: solid 1px rgba(204, 204, 204, .67)
	}

	.sub-about .u-con {
		padding: .3rem 0
	}

	.sub-about-video {
		margin-top: .7rem;
		display: flex;
		flex-wrap: wrap
	}

	.sub-about-video li {
		margin-left: 2.0833%;
		width: 31.9444%
	}

	.sub-about-video li:nth-child(3n+1) {
		margin-left: 0
	}

	.sub-about-video .u-box,
	.sub-about-video .u-img {
		position: relative;
		zoom: 1;
		overflow: hidden
	}

	.sub-about-video .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-about-video .u-name {
		padding: .2rem 0;
		line-height: 1.8;
		font-size: .2rem;
		font-weight: normal;
		color: #333
	}

	.sub-history {
		position: relative;
		zoom: 1;
		margin: .5rem 0 -1rem;
		padding-bottom: 1rem
	}

	.sub-history:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		width: 2px;
		overflow: hidden;
		background: linear-gradient(#1e98cb, #034896);
		transform: translateX(-50%)
	}

	.sub-history li {
		position: relative;
		zoom: 1;
		padding-bottom: .5rem;
		display: flex;
		flex-direction: column
	}

	.sub-history li:nth-child(even) {
		align-items: flex-start;
		text-align: right
	}

	.sub-history li:nth-child(even) .u-img {
		justify-content: flex-end
	}

	.sub-history li:nth-child(odd) {
		align-items: flex-end
	}

	.sub-history .ico {
		position: absolute;
		top: 0;
		left: 50%;
		width: .26rem;
		height: .26rem;
		background: #fff;
		border-radius: 50%;
		transform: translateX(-50%);
		background: linear-gradient(#1e98cb, #034896)
	}

	.sub-history .u-box {
		width: 6.62rem
	}

	.sub-history .u-date {
		margin-bottom: .2rem;
		line-height: 1.2;
		font-size: .3rem;
		font-weight: normal;
		color: #333
	}

	.sub-history .u-con {
		min-height: 6.6666em;
		line-height: 1.6666;
		font-size: .18rem;
		color: #797979
	}

	.sub-history .u-img {
		margin-top: .16rem;
		line-height: 0;
		font-size: 0
	}

	.sub-history .u-img img {
		margin: 1.8126% 0 0 1.8126%;
		max-width: 49.0936%
	}

	.sub-history .u-img img:nth-child(-n+2) {
		margin-top: 0
	}

	.sub-history .u-img img:nth-child(2n+1) {
		margin-left: 0
	}

	.sub-partner {
		padding: 1rem 0
	}

	.sub-partner ul {
		display: flex;
		flex-wrap: wrap
	}

	.sub-partner li {
		width: 22.2222%;
		margin: 3.7037% 0 0 3.7037%
	}

	.sub-partner li:nth-child(-n+4) {
		margin-top: 0
	}

	.sub-partner li:nth-child(4n+1) {
		margin-left: 0
	}

	.sub-partner .u-box {
		position: relative;
		zoom: 1;
		padding-bottom: .2rem;
		transition: color .2s
	}

	.sub-partner .u-box:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border: solid 2px #034896;
		opacity: 0;
		transition: all .2s
	}

	.sub-partner .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-partner .u-img {
		height: 1.58rem;
		border: solid 1px #ededed
	}

	.sub-partner .u-name {
		margin-top: .2rem;
		line-height: .42rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .22rem;
		font-weight: normal;
		text-align: center
	}

	.sub-partner .u-box:hover {
		color: #034896
	}

	.sub-partner .u-box:hover:before {
		opacity: 1;
		top: .15rem;
		left: .12rem;
		right: .12rem
	}

	.sub-contact h2 {
		padding: .2rem 0;
		line-height: 1.6;
		font-size: .3rem;
		font-weight: bold;
		text-align: left
	}

	.sub-contact hr {
		border: 0 none;
		border-bottom: solid 1px rgba(204, 204, 204, .68)
	}

	.sub-contact .u-con {
		padding: .4rem 0;
		line-height: 1.6666;
		font-size: .18rem;
		color: #666
	}

	.sub-contact .u-con h4 {
		margin-bottom: .12rem;
		line-height: 1.4545;
		font-size: .22rem;
		font-weight: normal
	}

	.sub-contact-img {
		position: relative;
		left: 50%;
		margin: .4rem 0 -1rem;
		padding: .8rem 0;
		width: calc(100vw - 10px);
		transform: translateX(-50%);
		background: #f7f7f7
	}

	.sub-contact-img ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		padding: 0 .3rem;
		max-width: 1500px
	}

	.sub-contact-img li {
		width: 25%
	}

	.sub-business {
		padding: .7rem 0
	}

	.sub-business li {
		margin-top: .7rem
	}

	.sub-business li:first-child {
		margin-top: 0
	}

	.sub-business .u-box {
		position: relative;
		zoom: 1;
		display: flex;
		align-items: center
	}

	.sub-business .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-business .u-img {
		flex-shrink: 0;
		width: 8rem;
		height: 5rem;
		overflow: hidden
	}

	.sub-business .u-img img {
		object-fit: cover;
		transition: transform 1s cubic-bezier(.7, 0, .3, 1)
	}

	.sub-business .u-con {
		position: relative;
		z-index: 5;
		margin-left: -.8rem;
		padding: .55rem .6rem 0 .8rem;
		width: 7.2rem;
		height: 3.76rem;
		border-top: solid 2px #034896;
		background: #fff;
		box-shadow: 0 0 .07rem rgba(19, 19, 19, .22)
	}

	.sub-business li:nth-child(even) .u-con {
		order: -1;
		margin: 0 -.8rem 0 0;
		padding: .55rem .8rem 0 .6rem
	}

	.sub-business .name {
		line-height: .34rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .22rem;
		font-weight: normal
	}

	.sub-business .name:before {
		content: "";
		display: block;
		margin-bottom: .4rem;
		width: .54rem;
		height: 2px;
		overflow: hidden;
		background: #034896
	}

	.sub-business .content {
		margin-top: .3rem;
		height: 1.36rem;
		line-height: .34rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		font-size: .16rem;
		color: #666
	}

	.sub-business .u-box:hover .u-img img {
		transform: scale(1.1)
	}
}

@media screen and (max-width:750px) {
	::-webkit-scrollbar {
		width: 0;
		height: 0
	}

	[wap="hide"] {
		display: none
	}

	#header {
		overflow: hidden;
		transition: height .4s, background .4s
	}

	#header[background="show"] .top-box,
	.innerPage #header .top-box {
		background: #fff;
		box-shadow: 0 0 .08rem #d5d5d5
	}

	.top-box {
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		right: 0;
		margin-right: 0;
		padding: 0 .3rem;
		min-width: 320px;
		transition: background .4s, box-shadow .4s
	}

	.top-bar > .wrap {
		display: block;
		padding-top: .96rem
	}

	.top-box .nav-btn {
		height: .42rem
	}

	.top-box .nav-btn .line {
		position: relative;
		display: block;
		width: .68rem;
		height: .04rem;
		overflow: hidden;
		background: #034896;
		transition: transform .4s
	}

	.top-box .nav-btn .line:nth-child(2) {
		margin: .15rem 0
	}

	.top-nav {
		padding: .8rem 0;
		opacity: 0;
		transform: translateY(-.4rem);
		transition: opacity .4s, transform .4s
	}

	.top-nav .fir-li {
		margin: 0 .4rem
	}

	.top-nav .fir-li:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		border-bottom: solid 1px #e6e6e6;
		transition: all .4s
	}

	.top-nav .fir-li .u-a {
		display: block;
		padding: .2rem 0;
		line-height: .36rem;
		font-size: .3rem
	}

	.top-nav .fir-li .u-a .ico {
		display: none;
		float: right;
		margin-left: .2rem;
		width: .3rem;
		height: .3rem
	}

	.top-nav .fir-li .u-a .ico:before,
	.top-nav .fir-li .u-a .ico:after {
		content: "";
		display: block;
		width: .3rem;
		height: .02rem;
		overflow: hidden;
		background: #034896;
		transition: transform .4s, background .4s, opacity .4s
	}

	.top-nav .fir-li .u-a .ico:before {
		margin-top: .14rem
	}

	.top-nav .fir-li .u-a .ico:after {
		margin-top: -.02rem;
		transform: rotate(90deg)
	}

	.top-nav .active .u-a .ico:before {
		background: #999;
		opacity: 0;
		transform: rotate(90deg)
	}

	.top-nav .active .u-a .ico:after {
		background: #999;
		transform: rotate(180deg)
	}

	.top-nav .sec-box {
		display: none
	}

	.top-nav .sec-ul {
		padding: 0 0 .2rem
	}

	.top-nav .sec-ul a {
		display: block;
		padding: .1rem 0 .1rem .9rem;
		line-height: .3rem;
		font-size: .24rem;
		color: #666
	}

	#header[nav="show"] {
		height: 100%;
		overflow: auto;
		background: #fff
	}

	#header[nav="show"] .top-box {
		background: #fff
	}

	#header[nav="show"] .nav-btn .line:nth-child(1) {
		transform: translateY(.19rem) rotate(45deg)
	}

	#header[nav="show"] .nav-btn .line:nth-child(2) {
		transform: translateX(50%) scaleX(0)
	}

	#header[nav="show"] .nav-btn .line:nth-child(3) {
		transform: translateY(-.19rem) rotate(-45deg)
	}

	#header[nav="show"] .top-nav {
		opacity: 1;
		transform: none
	}

	.swiper-banner {
		position: relative;
		zoom: 1
	}

	.swiper-banner-pagination {
		bottom: .25rem
	}

	.swiper-banner-pagination .swiper-pagination-bullet {
		margin: 0 .06rem;
		width: .56rem;
		height: .04rem
	}

	.m-title {
		font-size: 0;
		text-align: center
	}

	.m-title:after {
		content: "";
		display: block;
		margin: .12rem auto 0;
		width: .82rem;
		height: 2px;
		overflow: hidden;
		background: #034896
	}

	.m-title h2 {
		line-height: .48rem;
		font-size: .4rem
	}

	.m-title p {
		line-height: .38rem;
		font-size: .3rem;
		color: #999
	}

	.m-menu {
		padding: .22rem 0 .3rem
	}

	.m-menu li {
		position: relative;
		zoom: 1;
		padding-left: 2px;
		width: auto;
		line-height: .6rem;
		font-size: .3rem
	}

	.m-menu li:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 2px;
		height: .32rem;
		background: #ccc
	}

	.m-menu a {
		padding: 0 .24rem;
		color: #999
	}

	.m-menu li.current a {
		color: #034896
	}

	.m-menu li:first-child {
		padding-left: 0
	}

	.m-menu li:first-child:before {
		display: none
	}

	.menuBox {
		border-bottom: solid 1px #e2e2e2
	}

	.m-business {
		padding: .3rem 0;
		background: #f9f9f9
	}

	.m-business .listBox li {
		margin: 2.8985% 0 0 2.8985%;
		width: 48.5507%
	}

	.m-business .listBox li:nth-child(-n+2) {
		margin-top: 0
	}

	.m-business .listBox li:nth-child(2n+1) {
		margin-left: 0
	}

	.m-business .maskBox .u-con {
		padding: .28rem .24rem .24rem
	}

	.m-business .maskBox .ico {
		height: .46rem
	}

	.m-business .maskBox .name {
		margin-top: .2rem;
		text-align: center
	}

	.m-business .maskBox .name:before {
		content: "";
		display: block;
		margin: 0 auto .1rem;
		width: .46rem;
		height: 1px;
		overflow: hidden;
		background: #ccc
	}

	.m-business .maskBox .name h4 {
		line-height: .36rem;
		font-size: .24rem;
		font-weight: normal
	}

	.m-business .maskBox .name p {
		line-height: .3rem;
		font-size: .2rem;
		color: #999
	}

	.m-product {
		padding: .48rem 0 .52rem;
		background: #fff;
		overflow: hidden
	}

	.swiper-product {
		margin-top: .16rem;
		padding: 0 .18rem
	}

	.swiper-product .swiper-slide {
		padding: .12rem;
		box-sizing: border-box
	}

	.swiper-product .u-box {
		position: relative;
		zoom: 1;
		border: solid 1px rgba(227, 227, 227, .5);
		background: #fff;
		box-shadow: 0 .03rem .09rem rgba(0, 0, 0, .08);
		transition: border-color .3s, box-shadow .3s
	}

	.swiper-product .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-product .u-img {
		position: relative;
		zoom: 1;
		width: 100%;
		padding: 50% 0
	}

	.swiper-product .u-img img {
		position: absolute;
		top: 0;
		left: 0
	}

	.swiper-product .u-con .name {
		padding-bottom: .04rem;
		line-height: .88rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .26rem;
		font-weight: normal;
		text-align: center
	}

	.swiper-product-button {
		margin-top: .38rem
	}

	.swiper-product-button > div {
		margin-left: .15rem;
		width: .7rem;
		line-height: .7rem;
		font-size: .6rem
	}

	.swiper-advantage .swiper-slide {
		width: 100%
	}

	.swiper-advantage .u-box {
		position: relative;
		zoom: 1
	}

	.swiper-advantage .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-advantage .u-img {
		height: 13.3rem;
		overflow: hidden
	}

	.swiper-advantage .u-img img {
		position: relative;
		left: 50%;
		width: auto;
		max-width: none;
		transform: translateX(-50%)
	}

	.swiper-advantage .conBox {
		position: absolute;
		z-index: 5;
		top: .3rem;
		bottom: .3rem;
		left: .3rem;
		right: .3rem;
		text-align: center;
		color: #fff;
		background: rgba(52, 158, 126, .75)
	}

	.swiper-advantage .u-con {
		position: absolute;
		top: .24rem;
		bottom: .24rem;
		left: .24rem;
		right: .24rem;
		padding: 10.625% .6rem 0;
		border: solid 1px #034896;
		background: #034896
	}

	.swiper-advantage .num {
		line-height: 1.16rem;
		font-size: 1rem;
		font-family: Arial
	}

	.swiper-advantage .name {
		line-height: .48rem;
		font-size: .34rem
	}

	.swiper-advantage .title {
		margin-top: .5rem;
		padding: .28rem 0;
		border-bottom: solid 1px rgba(255, 255, 255, .5)
	}

	.swiper-advantage .title h5 {
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .32rem;
		font-weight: normal
	}

	.swiper-advantage .content {
		margin-top: 1.22rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		font-size: .26rem
	}

	.swiper-advantage .more {
		position: absolute;
		left: 50%;
		bottom: 1.75rem;
		width: .54rem;
		height: .54rem;
		border: solid 1px #fff;
		transform: translateX(-50%)
	}

	.swiper-advantage .more:before,
	.swiper-advantage .more:after {
		content: "";
		position: absolute;
		left: 25%;
		right: 25%;
		top: 50%;
		height: 1px;
		overflow: hidden;
		background: #fff;
		transform: translateY(-50%)
	}

	.swiper-advantage .more:after {
		transform: rotate(90deg)
	}

	.swiper-advantage .u-box:hover .conBox {
		opacity: 1;
		transform: none
	}

	.m-news {
		padding: .6rem 0 .7rem;
		overflow: hidden
	}

	.m-news .menuBox {
		border-bottom: 0
	}

	.m-news .m-more a {
		display: block;
		margin: .6rem auto 0;
		width: 2rem;
		line-height: .7rem;
		font-size: .26rem;
		text-align: center;
		color: #999;
		border: solid 1px #ccc
	}

	.swiper-news {
		margin-top: .45rem
	}

	.swiper-news .swiper-wrapper {
		flex-direction: column;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.swiper-news .swiper-slide {
		margin-bottom: .45rem
	}

	.swiper-news .swiper-slide:last-child {
		margin-bottom: 0
	}

	.swiper-news .u-box {
		position: relative;
		zoom: 1
	}

	.swiper-news .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-news .u-date {
		padding: .22rem .3rem;
		line-height: .54rem;
		font-size: .36rem;
		border-bottom: solid 1px #d2d2d2
	}

	.swiper-news .conBox {
		padding: .24rem .3rem 0
	}

	.swiper-news .name {
		line-height: .68rem;
		font-size: .34rem;
		color: #000
	}

	.swiper-news .content {
		margin-top: .3rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		font-size: .24rem;
		color: #666
	}

	.swiper-news .u-img {
		margin-top: .54rem
	}

	.m-about .conBox {
		position: relative;
		zoom: 1;
		margin-top: .4rem
	}

	.m-about .conBox .u-con {
		padding: .5rem 0;
		text-align: center;
		line-height: .48rem;
		font-size: .28rem;
		color: #818181
	}

	.m-about .conBox .u-con h4 {
		margin-bottom: .36rem;
		line-height: .48rem;
		font-size: .4rem;
		font-weight: normal;
		color: #333
	}

	.m-partner {
		position: relative;
		zoom: 1;
		margin-top: -.5rem;
		padding: .55rem 0
	}

	.swiper-partner {
		margin: -.15rem -.25rem
	}

	.swiper-partner .u-box {
		position: relative;
		zoom: 1;
		margin: .15rem .25rem;
		transition: color .2s
	}

	.swiper-partner .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-partner .u-img {
		height: 1.58rem;
		border: solid 1px #ededed
	}

	.swiper-partner .u-name {
		margin-top: .16rem;
		line-height: .46rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .26rem;
		font-weight: normal;
		text-align: center
	}

	body[layout="wap"] #footer {
		padding-bottom: .94rem
	}

	#footer > .goTop {
		display: block;
		height: 1.24rem;
		background: url(../images/ico-goTop.png) center / .29rem .16rem no-repeat
	}

	.footer-nav {
		margin: 0 .5rem
	}

	.footer-nav a {
		color: #fff
	}

	.footer-nav:before,
	.footer-nav .fir-li:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		border-top: solid 1px rgba(85, 77, 77, .57);
		border-bottom: solid 1px rgba(255, 255, 255, .14)
	}

	.footer-nav .fir-li .u-a {
		display: block;
		padding: .2rem 0;
		line-height: .36rem;
		font-size: .3rem;
		font-weight: bold
	}

	.footer-nav .fir-li .u-a .ico {
		display: none;
		float: right;
		margin-left: .2rem;
		width: .3rem;
		height: .3rem
	}

	.footer-nav .fir-li .u-a .ico:before,
	.footer-nav .fir-li .u-a .ico:after {
		content: "";
		display: block;
		width: .3rem;
		height: .02rem;
		overflow: hidden;
		background: #fff;
		transition: transform .4s, background .4s, opacity .4s
	}

	.footer-nav .fir-li .u-a .ico:before {
		margin-top: .14rem
	}

	.footer-nav .fir-li .u-a .ico:after {
		margin-top: -.02rem;
		transform: rotate(90deg)
	}

	.footer-nav .active .u-a .ico:before {
		background: #fff;
		opacity: 0;
		transform: rotate(90deg)
	}

	.footer-nav .active .u-a .ico:after {
		background: #fff;
		transform: rotate(180deg)
	}

	.footer-nav .sec-box {
		display: none
	}

	.footer-nav .sec-ul {
		padding: 0 0 .2rem
	}

	.footer-nav .sec-ul a {
		display: block;
		padding: .1rem 0 .1rem .9rem;
		line-height: .3rem;
		font-size: .24rem;
		color: #fff
	}

	.footer-QRcode {
		display: flex;
		justify-content: center;
		margin-top: .72rem
	}

	.footer-QRcode .QRcode {
		margin-left: .46rem;
		line-height: .42rem;
		font-size: .22rem;
		text-align: center;
		color: #fff
	}

	.footer-QRcode .QRcode:first-child {
		margin-left: 0
	}

	.footer-QRcode .QRcode img {
		width: 1.64rem
	}

	.copyright-box {
		padding: .5rem 0;
		line-height: .48rem;
		font-size: .24rem;
		text-align: center;
		color: rgba(255, 255, 255, .62)
	}

	.copyright-box a {
		font-weight: bold;
		color: rgba(255, 255, 255, .62)
	}

	.copyright-box a:hover {
		color: #fff
	}

	#client {
		z-index: 50;
		left: 0;
		right: 0;
		bottom: 0;
		height: .94rem;
		background: #034896
	}

	#client ul {
		display: flex;
		align-items: stretch;
		min-width: 320px;
		height: 100%
	}

	#client li {
		flex: auto;
		position: relative;
		zoom: 1
	}

	#client li:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -1px;
		width: 0;
		overflow: hidden;
		border-left: solid 1px #fff;
		border-right: solid 1px rgba(255, 255, 255, .4)
	}

	#client li:first-child:before {
		display: none
	}

	#client .u-a {
		position: relative;
		display: block;
		height: 100%
	}

	#client .u-a:active {
		background: #128a63
	}

	#client .u-a .ico {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../images/ico-client-wap.png) center .94rem / .5rem 3.76rem no-repeat
	}

	#client .client-home .ico {
		background-position: center 0
	}

	#client .client-tel .ico {
		background-position: center -.94rem
	}

	#client .client-qq .ico {
		background-position: center -1.88rem
	}

	#client .client-map .ico {
		background-position: center -2.82rem
	}

	#client .client-goTop,
	#client .conBox .con {
		display: none
	}

	.innerPage #content > .wrap {
		padding-top: .96rem
	}

	.innerPage #banner,
	.innerPage .footer-box {
		display: none
	}

	.innerPage .copyright-box {
		margin: 0 .5rem;
		border-top: solid 1px rgba(255, 255, 255, .14)
	}

	#subNav {
		height: 1rem
	}

	#subNav > .area {
		position: fixed;
		top: .96rem;
		left: 0;
		width: 100%;
		padding: 0
	}

	#subNav .all-btn {
		position: relative;
		zoom: 1;
		display: flex;
		align-items: center;
		padding: 0 .3rem;
		height: 1rem;
		font-size: .3rem;
		color: #034896;
		border-bottom: solid 1px #e2e2e2;
		background: #f9f9f9
	}

	#subNav .all-btn .arrow {
		position: absolute;
		top: 0;
		right: .3rem;
		display: flex;
		justify-content: center;
		align-items: center;
		width: .68rem;
		height: 1rem
	}

	#subNav .all-btn .arrow:before {
		content: ">";
		line-height: 1;
		font-size: .4rem;
		font-family: "SimSun";
		color: #034896;
		transform: rotate(90deg)
	}

	#subNav .listBox {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 0;
		overflow: hidden;
		background: rgba(0, 0, 0, .5);
		opacity: 0;
		transition: opacity .4s, height 0s .4s
	}

	#subNav .listBox li {
		padding: 0 .3rem;
		background: rgba(3, 72, 150, .92)
	}

	#subNav .listBox li:after {
		content: "";
		display: block;
		height: 0;
		border-bottom: solid 1px rgba(255, 255, 255, .3)
	}

	#subNav .listBox li:last-child:after {
		display: none
	}

	#subNav .listBox li a {
		display: block;
		padding: 0 .54rem;
		line-height: 1rem;
		font-size: .26rem;
		color: #fff
	}

	#subNav .listBox li.current a {
		margin: 0 -.3rem;
		padding: 0 .84rem;
		text-align: center;
		background: #034896
	}

	#subNav[sub-nav="show"] .listBox {
		height: calc(100vh - (.96rem + 1rem + .94rem));
		overflow: auto;
		opacity: 1;
		transition: opacity .4s, height 0s 0s
	}

	.sub-product {
		padding: .4rem 0 1rem
	}

	.sub-product ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: .4rem;
		padding: 0 .3rem
	}

	.sub-product li {
		margin: .24rem 0 0 .24rem;
		width: 48.26%
	}

	.sub-product li:nth-child(-n+2) {
		margin-top: 0
	}

	.sub-product li:nth-child(2n+1) {
		margin-left: 0
	}

	.sub-product .u-box {
		position: relative;
		zoom: 1;
		border: solid 1px rgba(227, 227, 227, .5);
		box-shadow: 0 .03rem .09rem rgba(0, 0, 0, .08)
	}

	.sub-product .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-product .u-img {
		position: relative;
		zoom: 1;
		padding-top: 100%
	}

	.sub-product .u-img img {
		position: absolute;
		top: 0;
		left: 0
	}

	.sub-product .u-name {
		position: relative;
		zoom: 1;
		padding: 0 .3rem .04rem;
		line-height: .88rem;
		overflow: hidden;
		font-size: .26rem;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: normal;
		text-align: center;
		transition: color .4s
	}

	.sub-news {
		padding: .4rem 0 1rem
	}

	.sub-news > .area {
		padding: 0
	}

	.sub-news ul {
		margin-top: .4rem
	}

	.sub-news li {
		margin-bottom: .45rem
	}

	.sub-news li:last-child {
		margin-bottom: 0
	}

	.sub-news .u-box {
		position: relative;
		zoom: 1;
		display: flex;
		flex-direction: column
	}

	.sub-news .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-news .dateBox {
		order: -1
	}

	.sub-news .date .MMDD {
		padding: .22rem .3rem;
		line-height: .54rem;
		font-size: .36rem;
		border-bottom: solid 1px #d2d2d2
	}

	.sub-news .conBox {
		padding: .24rem .3rem 0
	}

	.sub-news .name {
		line-height: .68rem;
		font-size: .34rem;
		color: #000
	}

	.sub-news .content {
		margin-top: .3rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		font-size: .24rem;
		color: #666
	}

	.sub-news .u-img {
		margin-top: .54rem
	}

	.sub-search {
		padding: .4rem 0 1rem
	}

	.sub-search > .area {
		padding: 0
	}

	.sub-search ul {
		margin-top: .4rem
	}

	.sub-search li {
		margin-bottom: .45rem
	}

	.sub-search li:last-child {
		margin-bottom: 0
	}

	.sub-search .u-box {
		position: relative;
		zoom: 1;
		display: flex;
		flex-direction: column
	}

	.sub-search .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-search .dateBox {
		order: -1
	}

	.sub-search .date .MMDD {
		padding: .22rem .3rem;
		line-height: .54rem;
		font-size: .36rem;
		border-bottom: solid 1px #d2d2d2
	}

	.sub-search .conBox {
		padding: .24rem .3rem 0
	}

	.sub-search .name {
		line-height: .68rem;
		font-size: .34rem;
		color: #000
	}

	.sub-search .content {
		margin-top: .3rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		font-size: .24rem;
		color: #666
	}

	.sub-search .skw {
		color: #c00
	}

	.detail-page {
		display: flex;
		padding: .45rem .3rem;
		line-height: 0;
		font-size: 0;
		text-align: center;
		border-top: solid 1px #eee;
		background: #fff
	}

	.detail-page .page {
		flex: auto;
		position: relative;
		zoom: 1;
		display: inline-block;
		vertical-align: top;
		width: 50%;
		height: 1.48rem;
		transition: filter .4s
	}

	.detail-page .page:before {
		position: absolute;
		top: 50%;
		width: .46rem;
		line-height: .24rem;
		font-size: .3rem;
		font-family: "SimSun";
		transform: translateY(-50%)
	}

	.detail-page .page:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%
	}

	.detail-page .page .title {
		display: inline-block;
		vertical-align: middle;
		max-width: 100%;
		text-align: left
	}

	.detail-page .page h4,
	.detail-page .page p {
		line-height: .3rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .2rem;
		font-weight: normal
	}

	.detail-page .page a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0
	}

	.detail-page .page-prev {
		padding: 0 .2rem 0 .8rem;
		text-align: left;
		background: #ededed
	}

	.detail-page .page-prev:before {
		content: "<";
		left: 0;
		padding-left: 6px;
		text-align: left;
		color: #666;
		border-right: solid 1px #ccc
	}

	.detail-page .page-prev .title {
		color: #8c8c8c
	}

	.detail-page .page-next {
		padding: 0 .8rem 0 .2rem;
		text-align: right;
		background: #034896
	}

	.detail-page .page-next:before {
		content: ">";
		right: 0;
		padding-right: 6px;
		text-align: right;
		color: #fff;
		border-left: solid 1px #47bf99
	}

	.detail-page .page-next .title {
		color: #fff
	}

	.detail-page .page:hover {
		filter: brightness(1.1)
	}

	.detail-page .page-disabled {
		display: none
	}

	.pro-detail.area {
		padding: 0
	}

	.pro-detail .detail-item {
		padding: 0 .3rem;
		border-bottom: solid 1px #eee;
		background: #fff
	}

	.pro-detail .detail-item h1 {
		padding: .4rem 0;
		line-height: .62rem;
		font-size: .42rem;
		font-weight: normal
	}

	.pro-detail .detail-item h1 span {
		display: inline-block;
		vertical-align: top;
		margin-left: .2rem;
		padding-top: .06rem;
		line-height: .56rem;
		font-size: .24rem
	}

	.pro-detail .itemGallery {
		border: solid 1px #d6d6d6
	}

	.pro-detail .itemGallery .u-img {
		width: 6.9rem;
		height: 6.9rem
	}

	.pro-detail .itemCon {
		margin-right: -.3rem
	}

	.pro-detail .itemCon .conBox {
		padding: .4rem .3rem .3rem 0;
		line-height: .54rem;
		font-size: .28rem;
		color: #999
	}

	.pro-detail .itemCon .conBox p:before {
		content: "";
		display: inline-block;
		vertical-align: top;
		margin: .19rem .2rem 0 0;
		width: .16rem;
		height: .16rem;
		overflow: hidden;
		background: #e6e6e6;
		border-radius: 50%
	}

	.pro-detail .detail-con {
		margin-top: .3rem
	}

	.swiper-tabs-title {
		padding: .4rem .2rem;
		border-top: solid 1px #eee;
		border-bottom: solid 1px #eee;
		background: #fff
	}

	.swiper-tabs-title .swiper-slide {
		padding: .1rem;
		box-sizing: border-box
	}

	.swiper-tabs-title .swiper-slide .title {
		position: relative;
		zoom: 1;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 .2rem 0 .3rem;
		height: 1.2rem;
		border: solid 1px #efefef;
		background: #f9f9f9;
		cursor: pointer;
		transition: color .4s
	}

	.swiper-tabs-title .swiper-slide .title:before {
		content: "";
		position: absolute;
		top: -1px;
		bottom: -1px;
		left: -1px;
		right: calc(100% + 1px);
		background: #034896;
		transition: right .4s
	}

	.swiper-tabs-title .swiper-slide .title:after {
		content: ">";
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		margin-left: .2rem;
		width: .34rem;
		height: .34rem;
		font-size: .3rem;
		font-family: "SimSun";
		color: #999;
		border: solid 1px #ccc;
		transition: opacity .4s, transform .4s
	}

	.swiper-tabs-title .swiper-slide h4 {
		position: relative;
		line-height: .36rem;
		font-size: .26rem;
		font-weight: normal
	}

	.swiper-tabs-title .swiper-slide-thumb-active .title {
		color: #fff
	}

	.swiper-tabs-title .swiper-slide-thumb-active .title:before {
		right: -1px
	}

	.swiper-tabs-title .swiper-slide-thumb-active .title:after {
		opacity: 0;
		transform: translateX(.1rem)
	}

	.swiper-tabs-title .case-btn {
		position: relative;
		zoom: 1;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 .2rem 0 .3rem;
		height: 1.2rem;
		line-height: .36rem;
		font-size: .26rem;
		border: solid 1px #efefef;
		background: #f9f9f9;
		transition: color .4s
	}

	.swiper-tabs-title .case-btn:after {
		content: ">";
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		margin-left: .2rem;
		width: .34rem;
		height: .34rem;
		font-size: .3rem;
		font-family: "SimSun";
		color: #999;
		border: solid 1px #ccc;
		transition: opacity .4s, transform .4s
	}

	.swiper-tabs-content .content {
		padding: .4rem .3rem;
		line-height: .36rem;
		font-size: .22rem;
		color: #666
	}

	.swiper-tabs-content .content h4 {
		margin-bottom: .24rem;
		line-height: .42rem;
		font-size: .28rem;
		font-weight: normal;
		color: #333
	}

	.swiper-tabs-content .content hr {
		margin: .3rem 0;
		border: 0;
		border-bottom: solid 1px #ccc
	}

	.news-detail {
		padding: .2rem .3rem 0
	}

	.news-detail h1 {
		font-size: .48rem;
		font-size: .3rem;
		font-weight: normal
	}

	.news-detail .detail-date {
		line-height: .34rem;
		font-size: .18rem;
		color: #838383
	}

	.news-detail .detail-img {
		padding: .2rem 0
	}

	.news-detail .detail-con {
		padding: .2rem 0;
		line-height: 1.6666;
		font-size: .18rem;
		color: #666
	}

	.news-detail .detail-con h4 {
		margin-bottom: .12rem;
		line-height: .34rem;
		font-size: .22rem;
		font-weight: normal;
		color: #333
	}

	.news-detail .detail-page {
		margin: 0 -.3rem
	}

	.sub-case {
		padding: .4rem 0 1rem
	}

	.sub-case ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: .4rem;
		padding: 0 .3rem
	}

	.sub-case li {
		margin-top: .45rem
	}

	.sub-case li:first-child {
		margin-top: 0
	}

	.sub-case .u-box {
		position: relative;
		zoom: 1;
		padding-top: .26rem
	}

	.sub-case .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-case .u-box:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: .02rem;
		min-height: 1px;
		overflow: hidden;
		background: #efefef;
		transition: width .4s
	}

	.sub-case .u-name {
		position: relative;
		zoom: 1;
		line-height: .68rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .34rem;
		transition: transform .4s
	}

	.sub-case .u-con {
		margin-top: .3rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .24rem;
		transition: transform .4s
	}

	.sub-case .u-img {
		margin-top: .54rem;
		transition: transform .4s
	}

	.sub-case .m-page {
		margin-top: 1rem
	}

	.sub-about {
		line-height: 2;
		font-size: .24rem;
		color: #666
	}

	.sub-about img.f-fl {
		float: none
	}

	.sub-about h2 {
		margin: 0;
		padding: .4rem 0 .24rem;
		line-height: 1.6;
		font-size: .3rem;
		text-align: left
	}

	.sub-about hr,
	.sub-about:after {
		margin: 0 -.3rem;
		height: .3rem;
		border: 0 none;
		border-top: solid 1px #eee;
		border-bottom: solid 1px #eee;
		background: #f9f9f9
	}

	.sub-about .clear hr {
		margin: 0 -.3rem 0 0;
		height: 0;
		border: 0 none;
		border-bottom: solid 1px rgba(204, 204, 204, .67)
	}

	.sub-about:after {
		content: "";
		display: block;
		margin-top: .48rem
	}

	.sub-about .u-con {
		padding: .3rem 0
	}

	.sub-about-video {
		padding-top: .4rem
	}

	.sub-about-video li {
		margin-top: .5rem
	}

	.sub-about-video li:first-child {
		margin-top: 0
	}

	.sub-about-video .u-box,
	.sub-about-video .u-img {
		position: relative;
		zoom: 1;
		overflow: hidden
	}

	.sub-about-video .u-img:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 1.23rem;
		height: 1.23rem;
		background: url(../images/ico-video.png) center / contain no-repeat
	}

	.sub-about-video .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-about-video .u-name {
		margin-top: .35rem;
		line-height: 1.5;
		font-size: .28rem;
		font-weight: normal;
		color: #333
	}

	.sub-history {
		position: relative;
		zoom: 1;
		margin-bottom: -1rem;
		padding-bottom: 1rem
	}

	.sub-history:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 2px;
		overflow: hidden;
		background: linear-gradient(#1e98cb, #8ac57f)
	}

	.sub-history li {
		position: relative;
		zoom: 1;
		padding: 0 0 .5rem .5rem;
		display: flex;
		flex-direction: column
	}

	.sub-history .ico {
		position: absolute;
		top: 0;
		left: 1px;
		width: .26rem;
		height: .26rem;
		background: #fff;
		border-radius: 50%;
		transform: translateX(-50%);
		background: linear-gradient(#1e98cb, #8ac57f)
	}

	.sub-history .u-date {
		margin-bottom: .2rem;
		line-height: 1.2;
		font-size: .3rem;
		font-weight: normal;
		color: #333
	}

	.sub-history .u-con {
		line-height: 2;
		font-size: .24rem;
		color: #797979
	}

	.sub-history .u-img {
		margin-top: .16rem;
		line-height: 0;
		font-size: 0
	}

	.sub-history .u-img img {
		margin: 1.8126% 0 0 1.8126%;
		max-width: 49.0936%
	}

	.sub-history .u-img img:nth-child(-n+2) {
		margin-top: 0
	}

	.sub-history .u-img img:nth-child(2n+1) {
		margin-left: 0
	}

	.sub-partner {
		padding: .4rem 0 1rem
	}

	.sub-partner ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: .4rem;
		padding: 0 .05rem
	}

	.sub-partner li {
		width: 50%
	}

	.sub-partner li:nth-child(-n+2) {
		margin-top: 0
	}

	.sub-partner li:nth-child(2n+1) {
		margin-left: 0
	}

	.sub-partner .u-box {
		position: relative;
		zoom: 1;
		margin: .15rem .25rem;
		transition: color .2s
	}

	.sub-partner .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-partner .u-img {
		height: 1.58rem;
		border: solid 1px #ededed
	}

	.sub-partner .u-name {
		margin-top: .16rem;
		line-height: .46rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .26rem;
		font-weight: normal;
		text-align: center
	}

	.sub-contact h2 {
		padding: .2rem 0;
		line-height: 1.6;
		font-size: .3rem;
		font-weight: bold;
		text-align: left
	}

	.sub-contact hr {
		border: 0 none;
		border-bottom: solid 1px rgba(204, 204, 204, .68)
	}

	.sub-contact .u-con {
		padding: .4rem 0;
		line-height: 2;
		font-size: .24rem;
		color: #666
	}

	.sub-contact .u-con h4 {
		margin-bottom: .12rem;
		line-height: 1.6;
		font-size: .3rem;
		font-weight: normal
	}

	.sub-contact-img {
		position: relative;
		left: 50%;
		margin: .4rem 0 -1rem;
		padding: .8rem 0;
		width: 100vw;
		min-width: 320px;
		transform: translateX(-50%);
		background: #f7f7f7
	}

	.sub-contact-img ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		padding: 0 .3rem
	}

	.sub-contact-img li {
		width: 50%
	}

	.sub-business {
		padding: .4rem 0 1rem
	}

	.sub-business ul {
		margin-top: .4rem;
		padding: 0 .7rem
	}

	.sub-business li {
		margin-top: .7rem
	}

	.sub-business li:first-child {
		margin-top: 0
	}

	.sub-business .u-box {
		position: relative;
		zoom: 1;
		box-shadow: 0 0 .07rem rgba(19, 19, 19, .22)
	}

	.sub-business .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-business .u-con {
		padding: .4rem
	}

	.sub-business .name {
		line-height: .48rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .32rem;
		font-weight: normal
	}

	.sub-business .name:after {
		content: "";
		display: block;
		margin-top: .4rem;
		width: .54rem;
		height: 2px;
		overflow: hidden;
		background: #034896
	}

	.sub-business .content {
		margin-top: .3rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		font-size: .26rem;
		color: #666
	}
}