@charset 'utf-8';
body {
	min-width: 320px;
	font-size: 16px;
	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:rgb(30, 136, 229);
color:#fff
}
::-moz-selection {
background:rgb(30, 136, 229);
color:#fff
}
::selection {
	background: rgb(30, 136, 229);
	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(45,155,120,.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;
	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: #e0e0e0;
}
.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: #1a74b8;
	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:"Microsoft YaHei";
	text-align: center;
	color: #fff;
	background: #1e88e5;
	outline: 0;
	cursor: pointer;
	transition: background .4s, filter .4s
}
.swiper-product-button>div:first-child {
	margin-left: 0
}
.swiper-product-button>div:hover {
	background: #1e88e5;
	filter: brightness(1.1)
}
.swiper-product-button>div.swiper-button-disabled {
	background: #e0e0e0;
	cursor: auto;
	pointer-events: none
}
.m-news {
	background: #e0e0e0;
}
.m-about {
	padding-top: .6rem
}
.swiper-partner-button>div {
	position: absolute;
	z-index: 10;
	top: .6rem;
	width: .7rem;
	line-height: 1.6rem;
	font-family:"Microsoft YaHei";
	font-size: .6rem;
	text-align: center;
	color: #0093dd;
	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: #333333;
}
#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: #0093dd;
}
.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 #1a74b8;
	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: #1a74b8;
	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: #1a74b8;
	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:"Microsoft YaHei";
	font-size: .6rem;
	color: #1a74b8;
	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:"Microsoft YaHei";
	font-size: .6rem;
	text-align: center;
	color: #0093dd;
	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 0rem;
	line-height: .4rem;
	font-size: 16px;
	color: #999;
}
.sub-content h1, .sub-content h2 {
	line-height: .64rem;
	font-size: 30px;
	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;
   background: #fff;
}
#header[background="show"] .top-bar, .innerPage #header .top-bar {
	background: rgb(255, 255, 255);
	box-shadow: 0 .03rem .07rem rgba(0,0,0,.06)
}
.top-nav {
	flex-shrink: 0;
	align-items: center;
	padding-top: 0;
	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: .96rem;
	font-size: .18rem
}
.top-nav .hover .u-a, .top-nav .current .u-a {
	color: #1a74b8;
}
.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;
  display: none;
}
.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:hover {
	color: #00589e;
}
.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: 6%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 100%;
	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: #1a74b8
}
.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: #279e78
}
.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 0.6rem;
}
.m-business .m-title h2, .m-business .m-title p {
	color: #333333;
}
.m-business .m-title h2:before {
	background: #0093dd;
}
.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{
	border: 1px #484343 solid !important;
}

.m-business .listBox li:nth-child(3n+1) {
	margin-left: 0
}
.m-business .maskBox .u-con {
	padding: .4rem
}
.m-business .maskBox .ico {
	height: 1rem
}
.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 0.6rem;
	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: #0093dd;
}
.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: #1a74b8
}
.swiper-advantage .conBox {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	background: #349e7e;
	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 #32c596;
	background: #1a74b8
}
.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:"Microsoft YaHei";
	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: #1a74b8
}
.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: #333;
}
.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
}
.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 #0093dd;;
	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: #0093dd
}
.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 {
	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: #0093dd;;
	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: #1a74b8;
	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: #1a74b8;
	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:"Microsoft YaHei";
	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: #1e88e5;
}
.sub-news .u-box:hover .name:before {
	left: -1.64rem;
	width: 1.44rem;
	background: #1e88e5;
}
.sub-news .u-box:hover .dateBox {
	transform: translateX(-.2rem)
}
.sub-news .u-box:hover .more {
	color: #fff;
	border-color: #fff;
	background-color: #1a74b8
}
.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:"Microsoft YaHei";
	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: #1e88e5;
}
.sub-search .u-box:hover .name:before {
	background: #1a74b8
}
.sub-search .u-box:hover .more {
	color: #fff;
	border-color: #fff;
	background-color: #1a74b8
}
.sub-search .skw {
	color: #c00
}
.detail-page {
	margin-top: .5rem;
	display: flex;
	line-height: 5px;
    font-size: 14px;
	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:"Microsoft YaHei";
	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: 90px;
	left: 120px;
	width: 100%;
	height: 100%;
	font-size: 14px;
}
.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: #1a74b8
}
.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: #1a74b8;
	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:"Microsoft YaHei";
	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:"Microsoft YaHei";
	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.3rem;
}
.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: #1a74b8
}
.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:"Microsoft YaHei";
	color: #1a74b8;
	border: solid 1px #1a74b8;
	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, #8ac57f);
	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, #8ac57f)
}
.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: 0.8rem 0.3rem;
}
.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 #0093dd;;
	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: #0093dd
}
.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 #1a74b8;
	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: #1a74b8;
}
.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;
  background: #fff;
}
.top-box .nav-btn {
	height: .42rem
}
.top-box .nav-btn .line {
	position: relative;
	display: block;
	width: .68rem;
	height: .04rem;
	overflow: hidden;
	background: #1e88e5;
	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: #0093dd;
	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: 30px;
  font-weight: 500;
	text-align: center
}
.m-title:after {
	content: "";
	display: block;
	margin: .12rem auto 0;
	width: .82rem;
	height: 2px;
	overflow: hidden;
	background: #1a74b8
}
.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: #279e78
}
.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: #e0e0e0;
	margin-top: 1.5rem;
}
.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: 1rem
}
.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 #32c596;
	background: #1a74b8
}
.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: #1e88e5
}
#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 #1f7e60;
	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: #0093dd;
	border-bottom: solid 1px #e2e2e2;
	background: #e0e0e0;
}
#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:"Microsoft YaHei";
	color: #0093dd;
	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: #00589e;
}
#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: #0093dd;
}
#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;
	margin-top: 0.8rem;
}
.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;
	margin-top: 0.8rem;
}
.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:"Microsoft YaHei";
	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: 50%;
	left:20%;
	width: 100%;
	height: 100%;
	font-size: 14px;
}
.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: #1a74b8
}
.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: 1.2rem 0 .4rem 0rem;
	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: #e0e0e0;;
	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: #1a74b8;
	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:"Microsoft YaHei";
	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: #e0e0e0;;
	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:"Microsoft YaHei";
	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;
	margin-left:20px;
}
.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: 0.1rem;
	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: #e0e0e0;
}
.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: .5rem;
	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;
	margin-top: 0.8rem;
}
.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: #1e88e5;
}
.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
}
}
/* AB板网新增分样式 */
.pagebar {
	padding: 20px;
	overflow: hidden;
	clear: both
}
.pagebar .pagination {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.pagination a {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	padding: 8px 10px;
	margin: 0 2px;
	border-radius: 3px;
	line-height: 100%
}
.pagination span {
	color: #333;
	font-size: 12px;
	padding: 7px 2px;
	margin: 0 2px;
	border-radius: 3px;
}
.pagination a:hover {
	color: #333;
	border: 1px solid #333;
}
.pagination a.page-num-current {
	color: #fff;
	background: #333;
	border: 1px solid #333;
}
.pagination .st {
	font-family: 宋体
}
.text-secondary {
	text-align: center;
	padding: 20px 0
}
#ab_img img {
	max-width: 100% !important;
	height: auto !important;
	display: inline-block;
}
#ab_img p {
	text-wrap: inherit !important;
	margin-bottom: 5px
}
#ab_img p span {
	text-wrap: inherit !important;
}
.lianxi5 li {
    padding: 10px 0 10px 40px;
    position: relative;
    color: #666;
    line-height: 40px;
    font-size: 16px;
}
.lianxi5 li.lyimg1 {
    background: url(../images/ly1.png) no-repeat left center;
}
.lianxi5 li.lyimg2 {
    background: url(../images/ly2.png) no-repeat left center;
}
.lianxi5 li.lyimg3 {
    background: url(../images/ly3.png) no-repeat left center;
}
.lianxi5 li.lyimg4 {
    background: url(../images/ly4.png) no-repeat left center;
}
.lianxi5 li.lyimg5 {
    background: url(../images/ly5.png) no-repeat left center;
}
.clear{
	clear: both;
}


/* 留言单样 */
.lianxi6 {
    display: block;
    padding-bottom: 1rem;
    background: rgb(224, 224, 224);
    border-top: 2px solid rgb(238, 238, 238);
}
.container {
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .3rem;
    width: 100%;
    max-width: 1500px;
    min-width: 320px;
}
.about_t {
    display: block;
    padding: 0.6rem 0 0.3rem 0;
    text-align: center;
}
.about_t p {
    display: block;
    font-size: .3rem;
    font-weight: bold;
    color: #333;
    letter-spacing: 1px;
}
.about_t span {
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    letter-spacing: 6px;
    padding-top: 8px;
}
.lianxi6_cl {
    width: 66%;
    float: left;
    color: #555;
    line-height: 38px;
}
.lianxi6_cl li {
    float: left;
    width: 50%;
    margin: 12px 0;
}
.lianxi6_cl li span {
    display: inline-block;
    width: 80px;
    font-size: 16px;
}
.lianxi6_cl li input {
    border: 1px #dcdfe6 solid;
    border-radius: 5px;
    line-height: 38px;
    padding: 0 15px;
    width: calc(100% - 140px);
    font-size: 14px;
}
.lianxi6_cl li span i {
    color: #e50012;
}
.lianxi6_cr {
    width: 33%;
    float: right;
    margin-top: 12px;
}
.lianxi6_cr span {
    display: inline-block;
    width: 80px;
    float: left;
    line-height: 38px;
    font-size: 16px;
}
.lianxi6_cr span i {
    color: #e50012;
}
.lianxi6_cr textarea {
    line-height: 34px;
    width: calc(100% - 140px);
    border-width: 1px;
    border-style: solid;
    font-family:"Microsoft YaHei";
    font-size: 14px;
    border-color: rgb(220, 223, 230);
    border-image: initial;
    border-radius: 5px;
    padding: 0px 15px;
}
.lianxi6 button {
    width: 220px;
    line-height: 38px;
    color: rgb(255, 255, 255);
    display: block;
    font-family:"Microsoft YaHei";
    font-size: 16px;
    background: rgb(30, 136, 229);
    margin: 30px auto;
    border: none;
}

 /* 言表单样式 */

@media screen and (max-width:750px) {
	.lianxi6 {
            padding-bottom: 20px;
        }
	.container {
            display: block;
            width: 100% !important;
            min-width: 100% !important;
        }
	.about_t {
            padding: 30px 0 20px 0;
        }
	.lianxi6_cl {
            float: none !important;
            width: 94% !important;
            margin: 0 auto;
        }
	.lianxi6_cl li {
            float: none !important;
            width: 100% !important;
        }
    .lianxi6_cr {
            float: none !important;
            width: 94% !important;
            margin: 0 auto;
        }
    .sub-content{margin-top: 1rem;}
  #ab_img h1{margin-top: 1.5rem;}
}
 /* 资料下载 */

.ny-nrbox {
    padding-top: 45px;
}

.w1450px {
    max-width: 1450px;
    margin: auto;
    padding: 0 10px;
}

.downloadr-table table {
    width: 100%;
    border-collapse: collapse;
}

.downloadr-table table {
    width: 100%;
    border-collapse: collapse;
}

.downloadr-table th {
    height: 78px;
    line-height: 78px;
    background: #dfdfdf;
    font-size: 18px;
    color: #333;
}

.downloadr-table tr.on td {
    background: #fff !important;
    border-bottom: 1px #f4f4f4 solid !important;
    color: #005bc1 !important;
    text-align: center;
}
.downloadr-table td {
    padding: 15px 25px;
    border-bottom: 1px #ccc solid;
}
.downloadr-table tr.on td a.downloadr-btn {
    background: url(../images/xz3.png) no-repeat center !important;
}
.downloadr-table td a.downloadr-btn {
    background: url(../images/xz1.png) no-repeat center;
    display: block;
    height: 22px;
    min-width: 38px;
}

.pages {
    text-align: center;
    margin-top: 30px;
}

.sub-partner .chanpin-title{
	margin-left: auto;
    margin-right: auto;
    padding: 0 .3rem;
    width: 100%;
    max-width: 1500px;
    min-width: 320px;
    margin-bottom: 0.7rem;
}

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

}


.fangan_img{
	text-align: center;
	margin-bottom: 0.5rem;
}

.detail-date{
  text-align: center;
}


 /* 上一篇/下一篇 */

 .noa {
    width: 100%;
    background: url(../images/news-xzbg.png) center no-repeat;
    background-size: 100%;
    margin: 30px 0;
    padding: 22px 7%;
}

.noa p {
    display: block;
    font-size: 16px;
    color: #66686c;
    line-height: 54px;
}

.noa p a {
    width: 80%;
    color: #66686c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
}