@charset 'utf-8';

/* author:ly; date:2021-09; */

html,
body {
	width: 100%;
	height: 100%;
}

body {
	color: #333;
	background: #fff;
}

/* img-box */
.img-box {
	overflow: hidden;
	position: relative;
}

.img-box .jqthumb,
.img-box img {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.img-box:hover .jqthumb {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.img-box:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.2);
}
.yahei {
	font-family: 'Microsoft YaHei';
}

.top-box,
.banner-box,
.main-box,
.sub-box,
.footer-box {
	margin: 0 auto;
	min-width: 12rem;
	width: 100%;
}

.banner-box{
	padding-top: 1rem;
}


.fullBanner {
	position: relative;
	zoom: 1;
	z-index: 10;
	width: 100%;
	min-height: 7rem;
	height: 100%;
}

.fullBanner .btn-next {
	position: absolute;
	z-index: 100;
	left: 50%;
	bottom: 0.46rem;
	margin-left: -0.3rem;
	width: 0.58rem;
	height: 0.58rem;
	overflow: hidden;
	border: solid 1px rgba(255, 255, 255, .4);
	background: url(../images/btn-next.png) center no-repeat;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.fullBanner .btn-next:hover {
	background-color: rgba(255, 255, 255, .2);
}

.m-focus,
.m-focus .switchable-box {
	position: relative;
	zoom: 1;
	width: 100%;
	height: 100%;
	background: #000;
}

.m-focus .switchable-content {
	height: 100% !important;
	width: 100% !important;
}

.m-focus .switchable-content li {
	height: 100% !important;
	width: 100% !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.m-focus .switchable-content li img {
	display: none;
}

.m-focus .switchable-btn a {
	position: absolute;
	top: 50%;
	margin-top: -0.55rem;
	width: 0.6rem;
	height: 1.1rem;
	overflow: hidden;
	background: url(../images/btn-focus-scroll.png) no-repeat;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	background-size: 1.2rem;
}

.m-focus .switchable-btn a.prev {
	left: 0.1rem;
	background-position: left center;
}

.m-focus .switchable-btn a.next {
	right: 0.1rem;
	background-position: right center;
}

.sub-focus,
.sub-focus .switchable-box,
.sub-focus .switchable-content li {
	height: 4rem !important;
}

.sub-focus .switchable-content li {
	background-size: cover;
}



.top-box {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	background:#fff;
	-moz-box-shadow: 0 0.02rem 0.24rem rgba(88, 44, 215, .4);
	-webkit-box-shadow: 0 0.02rem 0.24rem rgba(88, 44, 215, .4);
	box-shadow: 0 0.02rem 0.24rem rgba(88, 44, 215, .4);
}

.top-box .area {
	height: 1rem;
}

.top-box .logo {
	position: absolute;
	top: 0.2rem;
	left: 0;
	height: 0.6rem;
	font-size: 0;
}

.top-box .logo:before {
	content: "";
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	height: 100%;
}

.top-box .logo img {
	vertical-align: middle;
	height: 100%;
}

.m-nav {
	float: right;
	display: inline;
}

.m-nav .fir-ul {
	line-height: 0;
	font-size: 0;
	text-align: center;
}

.m-nav .fir-ul .fir-li {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-left: 1px;
	text-align: center;
}

.m-nav .fir-ul .u-a {
	display: block;
	padding: 0.2rem 0.2rem 0;
	height: 1rem;
	line-height: 0.6rem;
	overflow: hidden;
	font-size: 0.18rem;
	color: #4f5155;
	background: url(../images/pngbg-0.png) center repeat;
}

.m-nav .fir-ul .u-a:before {
	content: "";
	display: none;
	margin: 0 auto -0.14rem;
	width: 0.3rem;
	height: 0;
	overflow: hidden;
	background: url(../images/ico-nav.png) center 0 no-repeat;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.m-nav .fir-ul .u-a span {
	font-size: 0.12rem;
}

.m-nav .fir-ul .current .u-a,
.m-nav .fir-ul .hover .u-a {
	margin-bottom: -0.04rem;
	background: #3c70ca;
	color: #FFFFFF;
}

.m-nav .fir-ul .current .u-a:before,
.m-nav .fir-ul .hover .u-a:before {
	margin-top: -0.16rem;
	height: 0.3rem;
}

.m-nav .sec-box {
	position: absolute;
	z-index: 10;
	top: 1rem;
	left: 0;
	width: 100%;
	background: #fff;
}

.m-nav .sec-ul {
	position: relative;
	zoom: 1;
	padding: 0.06rem;
}

.m-nav .sec-ul li {
	height: 0.4rem;
	line-height: 0.4rem;
	overflow: hidden;
	font-size: 0.16rem;
	text-align: center;
}

.m-nav .sec-ul a {
	color: #4f5155;
}

.m-nav .sec-ul a:hover {
	color: #3c70ca;
}

.m-nav .nav-y .sec-box {
	display: none;
}

.m-earch {
	float: right;
	font-size: 0;
	padding: 0.45rem 0 0;
	margin-left: 0.25rem;
	cursor: pointer;
	display: none;
}

.m-earch .ico {
	display: inline-block;
	width: 0.22rem;
	height: 0.22rem;
	background-image: url(../images/icon.png);
	background-size: 3rem;
	margin-right: 0.06rem;
	vertical-align: middle;
}

.m-earch span {
	display: inline-block;
	font-size: 0.14rem;
	line-height: 0.3rem;
	vertical-align: middle;
	color: #4f5155;
}

.search-layer {
	position: fixed;
	top: -1rem;
	left: 0;
	width: 100%;
	height: 1rem;
	background-color: #fff;
	font-size: 0;
	padding: 0 1rem;
}

.search-layer .ico {
	display: inline-block;
	width: 0.22rem;
	height: 0.22rem;
	background-image: url(../images/icon.png);
	background-size: 3rem;
	margin-right: 0.06rem;
}

.search-layer .text {
	display: inline-block;
	width: 80%;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.26rem;
	color: #4f5155;
	background: none;
	border: none;
	outline: none;
}

.search-layer a {
	display: inline-block;
	width: 0.24rem;
	height: 0.24rem;
	background-image: url(../images/icon.png);
	background-size: 3rem;
	background-position: 0 -0.21rem;
	margin-left: 0.2rem;
}

.m-from {
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -2.05rem -5.6rem 0 0;
	width: 3.86rem;
	height: 4.4rem;
	background: url(../images/pngbg-fff-90.png) repeat;
	-moz-border-radius: 0.22rem;
	-webkit-border-radius: 0.22rem;
	border-radius: 0.22rem;
	-moz-box-shadow: 0 0 0.2rem #3c54ec;
	-webkit-box-shadow: 0 0 0.2rem #3c54ec;
	box-shadow: 0 0 0.2rem #3c54ec;
	display: none;
}

.m-from .title {
	margin: -0.3rem auto 0;
	width: 3rem;
	height: 0.58rem;
	line-height: 0.58rem;
	overflow: hidden;
	font-size: 0.18rem;
	font-weight: normal;
	text-align: center;
	color: #fff;
	background: url(../images/bg-form-title.png) center repeat-y;
	-moz-border-radius: 0.28rem;
	-webkit-border-radius: 0.28rem;
	border-radius: 0.28rem;
}

.m-from .title:before {
	content: "";
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0.19rem 0.1rem 0 0;
	width: 0.22rem;
	height: 0.2rem;
	overflow: hidden;
	background: url(../images/ico-form-title.png) no-repeat;
}

.m-from .formBox {
	margin: 0.3rem auto;
	width: 3rem;
}

.m-from .formBox li {
	position: relative;
	margin-top: 0.16rem;
	line-height: 0;
	font-size: 0;
	border: solid 1px #ccc;
	-moz-border-radius: 0.04rem;
	-webkit-border-radius: 0.04rem;
	border-radius: 0.04rem;
}

.m-from .formBox li.focus {
	border-color: #4843e3;
}

.m-from .formBox input {
	border: 0 none;
	background: none;
}

.m-from .formBox .u-name {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 0.84rem;
	height: 0.34rem;
	line-height: 0.34rem;
	overflow: hidden;
	font-size: 0.14rem;
	text-align: center;
}

.m-from .formBox .u-name:before {
	content: "";
	position: absolute;
	top: 0.07rem;
	right: 0;
	width: 0;
	height: 0.2rem;
	overflow: hidden;
	border-right: solid 1px #ccc;
}

.m-from .formBox .u-text,
.m-from .formBox .u-date {
	padding: 0 0.14rem;
	width: 1.96rem;
	height: 0.34rem;
	line-height: 0.34rem;
	font-size: 0.14rem;
}

.m-from .formBox .u-date {
	cursor: pointer;
}

.m-from .formBox .u-code {
	padding-right: 0.8rem;
	width: 1.3rem;
}

.m-from .formBox .u-codeImg {
	position: absolute;
	top: 0;
	right: 0.02rem;
	width: 0.72rem;
	height: 100%;
	font-size: 0;
	text-align: right;
}

.m-from .formBox .u-codeImg:before {
	content: "";
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	height: 100%;
}

.m-from .formBox .u-codeImg img {
	vertical-align: middle;
	width: 0.7rem;
	height: 0.3rem;
}

.m-from .formBox .u-btn {
	display: block;
	margin-top: 0.2rem;
	width: 100%;
	height: 0.36rem;
	font-size: 0.16rem;
	color: #fff;
	background: #ffb000;
	-moz-border-radius: 0.04rem;
	-webkit-border-radius: 0.04rem;
	border-radius: 0.04rem;
}




.main-box,
.sub-box {
	position: relative;
	z-index: 5;
}

.main-box {
	min-height: 100%;
}

.m-title {
	text-align: center;
}

.m-title h2 {
	line-height: 0.66rem;
	font-size: 0.42rem;
	font-weight: normal;
	color: #37383d;
}

.m-title p {
	line-height: 0.36rem;
	font-size: 0.14rem;
	color: #8d8e92;
}


.m-about {
	padding: 0.4rem 0 0.5rem;
	background: #f6f7fe;
}

.m-about .tabBox {
	margin-top: 0.4rem;
	background: #fff;
}

.m-about .tabTitle {
	float: right;
	display: inline;
	width: 2.04rem;
	border-bottom: solid 1px #ececec;
}

.m-about .tabTitle li {
	border-top: solid 1px #ececec;
	border-right: solid 1px #ececec;
}

.m-about .tabTitle a {
	position: relative;
	zoom: 1;
	display: block;
	margin: -1px -1px -1px 0;
	/* padding-right: 1.02rem; */
	height: 0.98rem;
	line-height: 0.98rem;
	overflow: hidden;
	font-size: 0.18rem;
	text-align: right;
	color: #999;
	padding-right: 0.2rem;
	background: url(../images/bg-imgList-menu.png) -3rem center repeat-y;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease;
}

.m-about .tabTitle a:before {
	content: "";
	position: absolute;
	left: 0.3rem;
	top: 50%;
	margin-top: -0.24rem;
	width: 0.7rem;
	height: 0.48rem;
	background: url(../images/ico-about-num.png) no-repeat;
	background-size: 0.7rem;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}

.m-about .tabTitle li:nth-child(1) a:before {
	background-position: 0 0;
}

.m-about .tabTitle li:nth-child(2) a:before {
	background-position: 0 -0.58rem;
}

.m-about .tabTitle li:nth-child(3) a:before {
	background-position: 0 -1.16rem;
}

.m-about .tabTitle li:nth-child(4) a:before {
	background-position: 0 -1.74rem;
}

.m-about .tabTitle li.child-1 a:before {
	background-position: 0 0;
}

.m-about .tabTitle li.child-2 a:before {
	background-position: 0 -0.58rem;
}

.m-about .tabTitle li.child-3 a:before {
	background-position: 0 -1.16rem;
}

.m-about .tabTitle li.child-4 a:before {
	background-position: 0 -1.74rem;
}


.m-about .tabTitle li.on a {
	color: #fff;
	background-color: #3c70ca;
	background-position: 0px center;
}

.m-about .tabTitle li.on a:before {
	background-image: url(../images/ico-about-num-hover.png);
}

.m-about .tabCon {
	overflow: hidden;
}

.m-about .tabCon .content {
	width: 9.8rem !important;
	height: 3.9rem !important;
}

.m-about .tabCon .content .about {
	width: 9.8rem !important;
}

.about .imgBox {
	float: left;
	display: inline;
	width: 5.2rem;
}

.about .imgBox .u-img {
	display: block;
	width: 5.2rem;
	height: 3.9rem;
	overflow: hidden;
}

.about .conBox {
	overflow: hidden;
	padding: 0.28rem 0.24rem 0 0.34rem;
}

.about .conBox .title {
	position: relative;
	zoom: 1;
}

.about .conBox .title:before {
	content: "";
	position: absolute;
	top: 0.22rem;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	border-bottom: solid 1px #e1e1e1;
}

.about .conBox .title h2 {
	position: relative;
	z-index: 5;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	padding-right: 0.14rem;
	line-height: 0.26rem;
	font-size: 0.26rem;
	font-weight: normal;
	color: #666;
	background: #fff;
}

.about .conBox .title p {
	line-height: 0.4rem;
	color: #999;
	font-size: 0.16rem;
}

.about .conBox .u-con {
	margin-top: 0.44rem;
	height: 1.6rem;
	line-height: 0.26rem;
	overflow: hidden;
	font-size: 0.14rem;
	color: #666;
}

.about .conBox .u-more {
	margin-top: 0.55rem;
	padding-right: 0.24rem;
	text-align: right;
}

.about .conBox .u-more a {
	font-size: 0.14rem;
	color: #3c70ca;
}

.about .conBox .u-more a:hover {
	margin-right: -0.04rem;
}


.m-imgList-1 {
	padding-top: 0.6rem;
}

.m-imgList-1 .tabBox {
	margin-top: 0.1rem;
}

.m-imgList-1 .tabTitle {
	line-height: 0;
	font-size: 0;
	text-align: center;
}

.m-imgList-1 .tabTitle li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0 0.05rem;
	width: 1.4rem;
}

.m-imgList-1 .tabTitle a {
	display: block;
	height: 0.46rem;
	line-height: 0.46rem;
	overflow: hidden;
	font-size: 0.16rem;
	color: #757785;
	background: #f6f7fe url(../images/bg-imgList-menu.png) -1.8rem center repeat-y;
	-moz-border-radius: 0.22rem;
	-webkit-border-radius: 0.22rem;
	border-radius: 0.22rem;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	transition: all .6s ease;
}

.m-imgList-1 .tabTitle li.on a {
	color: #fff;
	background-color: #3c70ca;
	background-position: 0 center;
}

.m-imgList-1 .tabCon {
	margin-top: 0.48rem;
}

.m-imgList-1 .tabCon .content {
	width: 100% !important;
}


.m-imgList-1 .listBox {
	width: 100% !important;
}

.m-imgList-1 .listBox li {
	float: left;
	display: inline;
	width: 25%;
}

.m-imgList-1 .listBox .u-box {
	position: relative;
	zoom: 1;
	display: block;
}

.m-imgList-1 .listBox .imgBox {
	position: relative;
	zoom: 1;
	display: block;
	padding-top: 70%;
	height: 0;
	overflow: hidden;
}

.m-imgList-1 .listBox .imgBox .u-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.m-imgList-1 .listBox .conBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 0;
	text-align: center;
	background: url(../images/pngbg-000-50.png) repeat;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.m-imgList-1 .listBox .conBox:before {
	content: "";
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	height: 100%;
}

.m-imgList-1 .listBox .conBox .u-con {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	padding: 0 0.2rem;
	max-width: 3.12rem;
}

.m-imgList-1 .listBox .conBox .u-con:after {
	content: "";
	display: block;
	margin: 5% auto 0;
	width: 20%;
	height: 0;
	padding-top: 20%;
	overflow: hidden;
	background: url(../images/ico-imgList-1.png) center no-repeat;
	background-size: cover;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.m-imgList-1 .listBox .conBox h4 {
	height: 0.48rem;
	line-height: 0.48rem;
	overflow: hidden;
	font-size: 0.24rem;
	font-weight: normal;
	color: #fff;
}

.m-imgList-1 .listBox .conBox p {
	margin-top: 5%;
	height: 0.72rem;
	line-height: 0.24rem;
	overflow: hidden;
	font-size: 0.14rem;
	text-align: left;
	color: #d6d6d6;
}

.m-imgList-1 .listBox .u-box:hover .conBox {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}



.m-imgList-2 {
	padding: 0.4rem 0 0.8rem 0;
	height: auto;
	overflow: hidden;
	background: url(../images/bg-imgList.jpg) center no-repeat;
	background-size: cover;
}


.m-imgList-2 .listBox {
	position: relative;
	zoom: 1;
	margin-top: 0.35rem;
}

.m-imgList-2 .listBox li {
	float: left;
	display: inline;
	width: 32%;
	margin: 0 1.33% 0.3rem 0;
	padding-top: 20px;
}

.m-imgList-2 .listBox li:nth-child(3) {
	margin: 0 0 0.3rem 0;
}

.m-imgList-2 .listBox .u-box {
	display: block;
	background: #fff;
}

.m-imgList-2 .listBox .u-img {
	display: block;
	width: 100%;
	height: 2.76rem;
	overflow: hidden;
}

.m-imgList-2 .listBox .u-name {
	height: 0.9rem;
	line-height: 0.9rem;
	overflow: hidden;
	font-size: 0.18rem;
	font-weight: normal;
	text-align: center;
}

.m-imgList-2 .listBox .u-box:hover {
	color: #fff;
	background: #3c70ca;
	transform: translateY(-5px);
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 0px 9px #999;
}

.m-imgList-2 .btnBox a {
	position: absolute;
	top: 50%;
	margin-top: -0.65rem;
	width: 0.66rem;
	height: 1.3rem;
	overflow: hidden;
	background: url(../images/btn-scroll.png) no-repeat;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
}

.m-imgList-2 .btnBox a.prevBtn {
	left: 50%;
	margin-left: -5.9rem;
	background-position: left 0;
}

.m-imgList-2 .btnBox a.nextBtn {
	right: 50%;
	margin-right: -5.9rem;
	background-position: right 0;
}

.m-imgList-2 .btnBox a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}
/* h-friend */
.h-friend {
	padding: 0.4rem 0 0.8rem 0;
	height: auto;
	overflow: hidden;
	background: url(../images/bg-imgList.jpg) center no-repeat;
	background-size: cover;
}


.h-friend .listBox {
	position: relative;
	zoom: 1;
	margin-top: 0.35rem;
}

.h-friend .friend {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.4rem;
}

.h-friend .friend .swiper-wrapper {
	padding: 0 0.1rem;
}

.h-friend .friend .swiper-slide {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 18px;
	padding: 0.01rem;
}

.h-friend .friend .friend-img {
	width: 2.3rem;
	height: 0.9rem;
	padding: 5px;
	border: 1px solid #E5E5E5;
	background-color: #FFFFFF;
}

.m-news {
	padding: 0.4rem 0;
}

.m-news .listBox {
	margin-top: 0.56rem;
}

.m-news .listBox ul {
	margin: -0.38rem 0 0 -0.15rem;
}

.m-news .listBox li {
	float: left;
	display: inline;
	margin: 0.38rem 0 0 0.15rem;
	width: 3.9rem;
}

.m-news .listBox .u-box {
	display: block;
	padding: 0.14rem 0.26rem 0.3rem;
	color: #4f5155;
	background: #f6f6f8;
}

.m-news .listBox .u-date {
	position: relative;
	zoom: 1;
	height: 0.46rem;
	line-height: 0.46rem;
	overflow: hidden;
	font-size: 0.16rem;
}

.m-news .listBox .u-date:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0.14rem;
	height: 1px;
	overflow: hidden;
	background: #4b40e2;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}

.m-news .listBox .u-name {
	margin-top: 0.08rem;
	height: 0.32rem;
	line-height: 0.32rem;
	overflow: hidden;
	font-size: 0.16rem;
	font-weight: normal;
}

.m-news .listBox .u-con {
	margin-top: 0.2rem;
	height: 0.48rem;
	line-height: 0.24rem;
	font-size: 0.14rem;
	color: #76797f;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.m-news .listBox .u-box:hover {
	color: #fff;
	background: #3c70ca;
}

.m-news .listBox .u-box:hover .u-date:before {
	background: #fff;
}

.m-news .listBox .u-box:hover .u-con {
	color: #fff;
}


.m-news .listBox li.pic {
	width: 12rem;
}

.m-news .listBox li.pic .u-img {
	position: relative;
	zoom: 1;
	float: left;
	display: inline;
	margin-right: 0.48rem;
	width: 5.55rem;
	height: 2.98rem;
	overflow: hidden;
}

.m-news .listBox li.pic .u-img:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 5;
	width: 0.3rem;
	height: 0.86rem;
	overflow: hidden;
	background: #fff;
}

.m-news .listBox li.pic .u-date {
	padding-top: 0.02rem;
}

.m-news .listBox li.pic .u-name {
	margin-top: 0.26rem;
	font-size: 0.18rem;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	 color: #333;
}

.m-news .listBox li.pic .u-name a:hover {
	color: #3c70ca;
}

.m-news .listBox li.pic .u-con {
	margin-top: 0.26rem;
	height: 0.9rem;
	line-height: 0.3rem;
}

.m-news .listBox li.pic .u-more {
	margin-top: 0.26rem;
	font-size: 0.14rem;
}

.m-news .listBox li.pic .u-more:before {
	content: "";
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	margin: 0.02rem 0.15rem 0 0;
	width: 0.42rem;
	height: 0.19rem;
	overflow: hidden;
	background: url(../images/ico-news-more.png) no-repeat;
	background-size: 0.42rem;
}

.m-news .listBox li.pic .u-more a {
	color: #777a7f;
}

.m-news .listBox li.pic .u-more a:hover {
	color: #4b40e2;
}



.footer-box {
	position: relative;
	z-index: 10;
	padding: 0.6rem 0 0.5rem;
	background: #333;
}

.m-footer,
.m-footer a {
	color: #adadad;
}

.m-footer a:hover {
	color: #fff;
}

.m-footer:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 2.64rem;
	width: 6.6rem;
	height: 100%;
	border-left: solid 1px #2b2b2b;
	border-right: solid 1px #2b2b2b;
}


.m-footer .logo {
	float: left;
	display: inline;
	width: 2.5rem;
}

.m-footer .logo img {
	max-width: 2.5rem;
	_width: expression((documentElement.clientWidth < 250) ? "": "2.5rem");
}

.footer-nav {
	float: left;
	display: inline;
	margin: 0 0.15rem;
	width: 6.6rem;
}

.footer-nav dl {
	float: left;
	display: inline;
	width: 20%;
}

.footer-nav dt,
.footer-nav dd {
	padding-left: 0.4rem;
	line-height: 0.24rem;
}

.footer-nav dt {
	margin-bottom: 0.12rem;
	font-size: 0.14rem;
	font-weight: normal;
}

.footer-nav dd {
	font-size: 0.12rem;
}

.footer-contact {
	float: right;
	display: inline;
	padding-left: 0.4rem;
	width: 2.2rem;
}

.footer-contact .wechat .erwei {
	float: left;
	display: inline;
	width: 0.82rem;
	margin-right: 0.16rem;
}

.footer-contact .wechat p {
	overflow: hidden;
	padding-top: 0.18rem;
	color: #999;
}

.footer-contact .contact {
	margin-top: 0.12rem;
	color: #858585;
}



.sub-box {
	padding-bottom: 0.5rem;
}

.sub-box .left-column {
	width: 2.6rem;
}

.sub-box .right-column {
	width: 9.52rem;
}


.sub-title {
	background: #ececec;
}

.sub-title .title {
	padding: 0.12rem 0.24rem;
	width: 1.92rem;
	color: #fff;
	background: #2ea672;
}

.sub-title .title h2 {
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.24rem;
	font-weight: normal;
}

.sub-title .title p {
	height: 0.18rem;
	line-height: 0.18rem;
	font-size: 0.14rem;
	font-family: Arial;
}


.sub-menuBox {
	margin-top: -0.96rem;
}

.sub-menu-title {
	padding: 0.4rem 0.1rem 0.3rem;
	line-height: 0.48rem;
	font-size: 0.24rem;
	font-weight: normal;
	text-align: center;
	color: #fff;
	background: url(../images/sub/bg-menu-title.jpg) center repeat-y;
	width: 2.6rem;
	max-width: 2.6rem;
}

.sub-menu-title:before {
	content: "";
	display: block;
	margin: 0 auto 0.06rem;
	width: 0.46rem;
	height: 0.46rem;
	overflow: hidden;
	background: url(../images/sub/ico-menu-title.png) no-repeat;
}

.sub-menu {}

.sub-menu .fir-li {
	border-bottom: solid 1px #dbdbdb;
}

.sub-menu .fir-li h4 a {
	position: relative;
	zoom: 1;
	display: block;
	padding: 0 0.14rem;
	height: 0.7rem;
	line-height: 0.7rem;
	overflow: hidden;
	font-size: 0.16rem;
	font-weight: normal;
	color: #44484f;
}

.sub-menu .fir-li.current{	background: #3c70ca;}
.sub-menu .fir-li.hover {color: #fff;	background: #3c70ca;}

.sub-menu .fir-li.current h4 a{color: #fff;}
.sub-menu .fir-li.hover h4 a{color: #fff;}

.sub-menu .j-li h4 a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.1rem;
	width: 0.21rem;
	height: 0.21rem;
	overflow: hidden;
	background: url(../images/sub/ico-menu.gif);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}

.sub-menu .j-li.current h4 a:before {
	background-image: url(../images/sub/ico-menu-hover.gif);
}

.sub-menu .sec-box {
	display: none;
}

.sub-menu .sec-box ul {
	padding: 0.16rem 0;
	border-top: solid 1px #dbdbdb;
}

.sub-menu .sec-box li a {
	position: relative;
	zoom: 1;
	display: block;
	padding: 0 0.14rem 0 0.48rem;
	height: 0.36rem;
	line-height: 0.36rem;
	overflow: hidden;
	font-size: 0.14rem;
	color: #666;
}

.sub-menu .sec-box li a:hover {
	color: #3b55ec;
}


.sub-contact {
	margin-top: 0.36rem;
	background: #f9f9f1;
}

.sub-contact .imgBox img {
	max-width: 2.6rem;
	width: 100%;
}

.sub-contact .conBox {
	padding: 0 0.18rem 0.2rem 0.18rem;
}

.sub-contact .conBox .tel {	padding: 0.16rem 0 0.12rem;	color: #3c70ca;display: none;}

.sub-contact .conBox .tel h4 {
	line-height: 0.22rem;
	font-size: 0.18rem;
	font-weight: normal;
}

.sub-contact .conBox .tel p {
	line-height: 0.26rem;
	font-size: 0.22rem;
	font-weight: bold;
}

.sub-contact .conBox .contact {
	border-top: solid 1px #e5e5e5;
	padding: 0.15rem 0;
	line-height: 0.26rem;
	font-size: 0.14rem;
}
.sub-contact .conBox .contact p{padding: 0.04rem 0;}



.m-current {padding: 0.24rem 0;font-size: 0.14rem;	text-align: right;	border-bottom: solid 1px #ededed;}

.m-current a:hover {color: #3b55ec;}

.m-sub .m-content {	min-height: 6rem;	_height: 4rem;}


.sub-pic-1 {padding: 0.35rem 0;}

.sub-pic-1 ul {	margin: -0.2rem 0 0 -0.2rem;}

.sub-pic-1 li {	float: left;display: inline;margin: 0.2rem 0 0 0.2rem;width: 4.66rem;}

.sub-pic-1 .u-box {	position: relative;	zoom: 1;display: block;}

.sub-pic-1 .u-img {	display: block;	width: 4.66rem;	height: 3.34rem;	overflow: hidden;}

.sub-pic-1 .conBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.34rem;
	overflow: hidden;
	font-size: 0;
	text-align: center;
	background: url(../images/pngbg-000-50.png) repeat;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.sub-pic-1 .conBox:before {
	content: "";
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	height: 100%;
}

.sub-pic-1 .conBox .u-con {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	padding: 0 0.2rem;
	max-width: 3.12rem;
}

.sub-pic-1 .conBox .u-con:after {
	content: "";
	display: block;
	margin: 0.24rem auto 0;
	width: 0.68rem;
	height: 0.68rem;
	overflow: hidden;
	background: url(../images/ico-imgList-1.png) center no-repeat;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.sub-pic-1 .conBox h4 {
	height: 0.48rem;
	line-height: 0.48rem;
	overflow: hidden;
	font-size: 0.24rem;
	font-weight: normal;
	color: #fff;
}

.sub-pic-1 .conBox p {
	margin-top: 0.14rem;
	height: 0.72rem;
	line-height: 0.24rem;
	overflow: hidden;
	font-size: 0.14rem;
	text-align: left;
	color: #d6d6d6;
}

.sub-pic-1 .u-text h4 {
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.5rem;
}


.sub-pic-1 .u-box:hover .conBox {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}


.sub-pic-2 {
	padding: 0.16rem 0;
}

.sub-pic-2 ul {
	margin: -0.1rem 0 0 -0.08rem;
}

.sub-pic-2 li {
	float: left;
	display: inline;
	margin: 0.1rem 0 0 0.08rem;
	width: 3.12rem;
}

.sub-pic-2 .u-box {
	position: relative;
	zoom: 1;
	display: block;
	color: #37383d;
}

.sub-pic-2 .u-img {
	display: block;
	width: 3.12rem;
	height: 2.18rem;
	overflow: hidden;
}

.sub-pic-2 .u-name {
	padding: 0 0.1rem;
	height: 0.7rem;
	line-height: 0.7rem;
	overflow: hidden;
	font-size: 0.18rem;
	font-weight: normal;
	text-align: center;
}

.sub-pic-2 .u-box:hover {
	color: #fff;
	background: #3c70ca;
}


.sub-news {
	padding-bottom: 0.2rem;
}

.sub-news li {
	zoom: 1;
	padding: 0.24rem 0 0.34rem;
	border-bottom: solid 1px #e6e6e6;
}

.sub-news li:after {
	content: ".";
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	clear: both;
}

.sub-news li .u-img {
	float: left;
	width: 2rem;
	height: 1.08rem;
}

.sub-news li .u-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.sub-news li .u-text {
	float: right;
	margin-left: 0.1rem;
	width: 7.3rem;
}

.sub-news a:hover {
	color: #3c70ca;
}

.sub-news .u-name {
	height: 0.4rem;
	line-height: 0.4rem;
	overflow: hidden;
	font-size: 0.2rem;
	font-weight: normal;
}

.sub-news .u-name .date {
	float: right;
	display: inline;
	margin-left: 0.2rem;
	font-size: 0.12rem;
	color: #969ca4;
}

.sub-news .u-con {
	margin-top: 0.2rem;
	height: 0.48rem;
	line-height: 0.24rem;
	overflow: hidden;
	font-size: 0.14rem;
	color: #666;
}



.detail-share {
	padding: 0.15rem 0;
	
}

.detail-share a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.detail-share .bdsharebuttonbox {
	float: right;
	display: inline;
}

.detail-page {
	border-top: solid 1px #e4e4e4;
	padding: 0.2rem 0 0 0;
}

.detail-page .page-text {
	overflow: hidden;
	width: 48%;
	height: 0.52rem;
	line-height: 0.52rem;
	white-space: noarea;
	text-overflow: ellipsis;
	font-size: 0.12rem;
	color: #888;
	background: #ededed;
}

.detail-page .page-text:hover {background: #3c70ca;}
.detail-page .page-text:hover a{color: #fff;}

.detail-page .page-text a {
	color: #888;
	padding: 0 0 0 0.2rem;
	    width: 100%;
    height: 100%;
    display: block;
}


.detail-page .f-fr {
	text-align: right;
	padding: 0 0.2rem 0 0 ;
}



/******************** sub-content ********************/
.sub-content {
	padding: 0.2rem 0;
}

.sub-content img {
	max-width: 9.52rem;
	_width: expression((documentElement.clientWidth < 952) ? "": "9.52rem");
}

.sub-content .f-fl {
	width: auto;
	margin: 0 0 0.1rem 0.1rem;
}

.sub-content h1 {
	margin: 0.2rem 0 0.5rem 0;
	line-height: 0.32rem;
	font-size: 0.26rem;
	font-family: 'Microsoft YaHei';
	text-align: center;
}

.sub-content p {
	line-height: 0.24rem;
	font-size: 0.14rem;
}

.sub-content #platform img {
	max-width: none;
	_width: none;
}


.pro-detail {
	padding: 0.2rem 0;
}

.pro-detail h1 {
	padding: 0.05rem 0;
	line-height: 0.36rem;
	font-size: 0.24rem;
	font-family: 'Microsoft YaHei';
	text-align: center;
}

.pro-detail .detail-time,
.pro-detail .detail-user {
	line-height: 0.2rem;
	padding-bottom: 0.1rem;
	margin-bottom: 0.1rem;
	font-size: 0.12rem;
	text-align: center;
	color: #999;
	border-bottom: solid 1px #f5f5f5;
}

.pro-detail .detail-img {
	position: relative;
	zoom: 1;
	padding: 0.1rem 0;
	text-align: center;
}

.pro-detail .detail-img img,
.pro-detail .detail-con img {
	max-width: 9.52rem;
	_width: expression((documentElement.clientWidth < 952) ? "": "9.52rem");
}

.pro-detail .detail-img .debtn-prev,
.pro-detail .detail-img .debtn-next {
	position: absolute;
	z-index: 11;
	top: 50%;
	display: block;
	width: 0.54rem;
	height: 0.87rem;
	margin-top: -0.44rem;
	background: url(../images/sub/pic-debtn.gif) no-repeat;
	opacity: .3;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	-khtml-opacity: .3;
	background-size: 1.08rem;
}

.pro-detail .detail-img .debtn-prev:hover,
.pro-detail .detail-img .debtn-next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
}

.pro-detail .detail-img .debtn-prev {
	left: 0;
	background-position: left 0;
}

.pro-detail .detail-img .debtn-next {
	right: 0;
	background-position: right 0;
}

.pro-detail .detail-con {
	line-height: 0.24rem;
	padding: 0.1rem 0;
	font-size: 0.14rem;
}


.news-detail {
	padding: 0.2rem 0;
}

.news-detail h1 {
	padding: 0.05rem 0 0.3rem;
	line-height: 0.36rem;
	font-size: 0.24rem;
	font-family: 'Microsoft YaHei';
	text-align: center;
}

.news-detail .detail-time,
.news-detail .detail-user {
	line-height: 0.2rem;
	padding-bottom: 0.2rem;
	margin-bottom: 0.2rem;
	font-size: 0.12rem;
	text-align: center;
	color: #999;
	border-bottom: solid 1px #ededed;
}

.news-detail .detail-img {
	padding: 0.1rem 0;
	text-align: center;
}

.news-detail .detail-img img,
.news-detail .detail-con img {
	max-width: 9.52rem;
	_width: expression((documentElement.clientWidth < 952) ? "": "9.52rem");
}

.news-detail .detail-con {
	line-height: 0.24rem;
	padding: 0.1rem 0;
	font-size: 0.14rem;
}


.sub-message {
	padding: 0.4rem 0;
}

.sub-message .m-textimg {
	line-height: 0.24rem;
	margin-bottom: 0.2rem;
	font-size: 0.14rem;
}

.sub-message .m-textimg img {
	float: left;
	margin-right: 0.15rem;
}

.sub-message i {
	display: inline-block;
	padding-right: 0.05rem;
	font-style: normal;
	color: #f00;
	*zoom: 1;
}

.sub-message .m-tage {
	padding: 0.05rem 0;
}

.sub-message .m-form {
	margin-bottom: 0.2rem;
	padding:0.2rem 0.1rem;
}

.sub-message table {
	width: 100%;
}

.sub-message .m-form table td {
	padding: 0.07rem 0;
}

.sub-message label {
	position: relative;
	display: inline-block;
	width: 0.8rem;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: right;
}

.sub-message .m-form table input {
	width: 60%;
	height: 0.28rem;
	line-height: 0.28rem;
	padding-left: 0.05rem;
	vertical-align: top;
}

.sub-message .m-form .td-textarea {
	width: 60%;
	vertical-align: middle;
}

.sub-message .m-form .td-textarea label {
	float: left;
}

.sub-message .m-form .td-textarea textarea {
	width: 70%;
	height: 1.68rem;
	padding: 0.05rem;
	vertical-align: middle;
}
.cody{margin-bottom: 0.1rem;}

.sub-message .m-submit {
	text-align: left;
	vertical-align: top;
}

.sub-message .m-submit img {
	margin-left: 0.05rem;
	vertical-align: top;
	height: 0.3rem;
}

.sub-message .m-submit .btn {
	width: 0.8rem;
	height: 0.4rem;
	line-height: 0.4rem;
	margin: 0;
	margin-left: 0.05rem;
	font-family: 'microsoft yahei';
	font-size: 0.14rem;
	border: none;
	cursor: pointer;
}

.sub-message .m-submit input {
	width: 1.2rem;
	height: 0.3rem;
	line-height: 0.3rem;
	margin: 0;
	padding-left: 0.05rem;
	vertical-align: top;
	cursor: auto;
}

.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea {
	font-family: 'microsoft yahei';
	border: 1px solid #ddd;
	background: #fff;
}

.sub-message .m-form {
	border: 1px solid #e9e9e9;
	background: #fcfcfc;
}

.sub-message .m-submit .btn {
	color: #fff;
	background: #3c70ca;
}

.footer-box {
	background-color: #222222;
	padding: 0.6rem 0 0.25rem;
}
.footer-box .area {}
.footer-box .area .left-column {
	width: 3rem;
	padding-right: 0.25rem;
	border-right: 0.01rem solid #303438;
	float: left;
}

.footer-box .area .left-column .bottom-logo {
	display: block;
	width: 2rem;
}

.footer-box .area .left-column .bottom-logo img {
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.footer-box .area .left-column .u-con,
.footer-box .area .left-column .mail,
.footer-box .area .left-column .address {
	font-size: 0.12rem;
	line-height: 0.24rem;
	color: #999;
}

.footer-box .area .left-column .u-con {
	margin: 0.3rem 0 0.2rem;
}

.footer-box .area .left-column .share {
	margin-top: 0.2rem;
	display: none;
}

.footer-box .area .left-column .share ul {
	font-size: 0
}

.footer-box .area .left-column .share ul li {
	position: relative;
	margin-right: 0.2rem;
	display: inline-block;
}

.footer-box .area .left-column .share ul li .ico {
	display: block;
	width: 0.28rem;
	height: 0.28rem;
	border-radius: 50%;
	background-image: url(../images/icon.png);
	background-size: 3rem;
	cursor: pointer;
}

.footer-box .area .left-column .share ul li .u-img {
	width: 0.8rem;
	height: 0.8rem;
	overflow: hidden;
	display: none;
	position: absolute;
	top: 0.3rem;
	left: 50%;
	margin-left: -0.4rem;
}

.footer-box .area .left-column .share ul li .u-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.footer-box .area .left-column .share ul li.wb .ico {
	background-position: 0 -0.46rem;
}

.footer-box .area .left-column .share ul li.qq .ico {
	background-position: -0.28rem -0.46rem;
}

.footer-box .area .left-column .share ul li.wx .ico {
	background-position: 0 -0.75rem;
}

.footer-box .area .left-column .share ul li:hover .u-img {
	display: block;
}

.footer-box .area .bottom-nav {
	width: 6.7rem;
	float: left;
	overflow: hidden;
	padding: 0 0 0 0.1rem;
}

.footer-box .area .bottom-nav .items {
	padding-left: 0.35rem;
	width: 1.3rem;
	float: left;
}


.footer-box .area .bottom-nav .items h3 {
	font-size: 0.16rem;
	color: #dfdfdf;
	line-height: 0.28rem;
	margin-bottom: 0.25rem;
}

.footer-box .area .bottom-nav .items h3 a{color: #999;}
.footer-box .area .bottom-nav .items h3 a:hover{color: #fff;}

.footer-box .area .bottom-nav .items .m-list ul li a {
	display: block;
	font-size: 0.14rem;
	color: #999;
	line-height: 0.32rem;
}

.footer-box .area .bottom-nav .items .m-list ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

.footer-box .area .right-column {
	float: right;
	width: 2.25rem;
}

.footer-box .area .right-column .u-phone {
	font-size: 0.3rem;
	color: #fff;
	line-height: 0.36rem;
	text-align: center;
	font-weight: bold;
}

.footer-box .area .right-column p {
	font-size: 0.12rem;
	color: #999;
	line-height: 0.28rem;
	text-align: center;
}

.footer-box .area .right-column .m-imgtext {
	margin-top: 0.4rem;
}

.footer-box .area .right-column .m-imgtext::after {
	content: "";
	display: block;
	clear: both;
}

.footer-box .area .right-column .m-imgtext .items {
	width: 1.5rem;
	margin: 0 auto;
}

.footer-box .area .right-column .m-imgtext .items .u-img {
	width: 1.5rem;
	height: 1.5rem;
}

.footer-box .area .right-column .m-imgtext .items .u-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	padding: 0.08rem;
	background: #fff;
}

.footer-box .area .right-column .m-imgtext .items span {
	display: block;
	font-size: 0.14rem;
	color: #808188;
	text-align: center;
	margin: 0.2rem 0;
}

.footer-box .links {
	padding-top: 0.25rem;
	margin-top: 0.5rem;
	border-top: 0.01rem solid #303438;
}

.footer-box .links label {
	display: block;
	width: 0.75rem;
	font-size: 0.12rem;
	color: #999;
	line-height: 0.24rem;
	float: left;
}

.footer-box .links .links-list {
	float: left;
	width: 11.25rem;
}

.footer-box .links .links-list ul {
	display: block;
	font-size: 0
}

.footer-box .links .links-list ul li {
	display: inline-block;
	vertical-align: middle;
}

.footer-box .links .links-list ul li a {
	font-size: 0.12rem;
	color: #808188;
	line-height: 0.24rem;
	margin: 0 0.12rem;
}

.footer-box .links .links-list ul li a:hover {
	text-decoration: underline;
}

.copyright-box {
	background-color: #0b0b0c;
}

.copyright-box .area {
	height: 0.6rem;
}

.copyright-box .area .left-column {
	float: left;
}

.copyright-box .area .right-column {
	float: right;
}

.copyright-box .area .left-column p span {
	font-size: 0.12rem;
	color: #808188;
	line-height: 0.6rem;
	margin: 0 0.14rem 0 0;
}

.copyright-box .area .left-column p span a{	color: #808188;}

.copyright-box .area .right-column a {
	font-size: 0.12rem;
	color: #808188;
	line-height: 0.6rem;
	margin: 0 0.25rem;
}

.copyright-box .area .right-column a:hover {
	text-decoration: underline;
}

.m-client {
	position: fixed;
	top: 50%;
	right: 0.2rem;
	z-index: 99;
	margin-top: -0.86rem;
	border: 0.01rem solid #dfdfdf;
}

.m-client ul li {
	border-bottom: 0.01rem solid #dfdfdf;
}

.m-client ul li:last-child {
	border: none;
}

.m-client ul li .u-box a {
	position: relative;
	display: block;
	background: #fff;
	color: #fff;
	text-align: center;
	zoom: 1;
	width: 0.68rem;
	height: 0.88rem;
	padding-top: 0.13rem;
}

.m-client ul li .u-box a .icoBox .ico {
	display: block;
	overflow: hidden;
	width: 0.25rem;
	height: 0.25rem;
	margin: 0 auto;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-size: 3rem;
}

.m-client ul li .u-box a span {
	display: block;
	font-size: 0.12rem;
	color: #545559;
	line-height: 1.2;
	margin-top: 0.1rem;
}

.m-client ul li .u-box a .text {
	position: absolute;
	top: 50%;
	margin-top: -0.2rem;
	left: 1rem;
	padding: 0 0.15rem 0 0.05rem;
	white-space: noarea;
	font-size: 0.18rem;
	font-family: 'Microsoft YaHei';
	color: #333;
	line-height: 0.4rem;
	transition: all 0.25s;
	background-color: #fff;
}

.m-client ul li .u-box a .erwei {
	position: absolute;
	left: 1.4rem;
	top: 50%;
	display: block;
	margin-top: -0.65rem;
	height: 1.3rem;
	width: 1.3rem;
	transition: all 0.25s;
}

.m-client ul li .u-box a .erwei img {
	width: 1.3rem;
	height: 1.3rem;
}

.m-client ul li .u-box a:hover .text {
	width: 1.86rem;
	left: -2rem;
}

.m-client ul li .u-box a:hover .erwei {
	left: -1.4rem;
}

.m-client ul li.child-1 .ico {
	background-position: -0.53rem -0.75rem;
}

.m-client ul li.child-2 .ico {
	background-position: -0.78rem -0.75rem;
}

.m-client ul li.child-3 .ico {
	background-position: -1.03rem -0.75rem;
}

.m-client ul li.child-4 .ico {
	background-position: -0.28rem -0.75rem;
}


.feedback-name-box{width: 0.9rem; display: inline-block;text-align: right;}
.feedback-input-box{width: 78%;display: inline-block;}
.feedback-input-box input{  padding: 0.05rem 0.1rem;width: 80%;}
.feedback-input-box textarea{  padding: 0.05rem 0.1rem;width: 100%;height: 1.4rem}
.m-form-tr{width: 100%;overflow: hidden; padding: 0.1rem 0 0.2rem;}
.m-form-td{display: inline-block;width: 49%;}
.m-form-textarea{}
.m-form-textarea .feedback-name-box{width: 0.9rem;vertical-align: top;}
.m-form-textarea .feedback-input-box{width: 78%;}

/* 招聘 */
.page-stats{margin-top:0.6rem;display:flex;justify-content:space-between}
.page-stats span{color:#999999;font-size:0.16rem}
.sel-table{margin-top:0.75rem;display:flex;flex-direction:column}
.sel-table p{font-size:0.17rem;height:0.37rem;text-align:center;line-height:0.37rem;background-color:#fafafa;border:1px solid #f0f0f0}
.sel-table .sel-table-top{display:flex}
.sel-table .sel-table-top .sel-table-left{line-height:0.66rem;flex-wrap:wrap;width:1.89rem;text-align:center;font-size:0.16rem;background-color:#fafafa;border-left:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.sel-table .sel-table-top .area-list{padding:0rem 0.2rem 0rem 0.2rem;display:flex;border:0.01rem solid #f0f0f0;border-top:none;align-items:center;flex-wrap:wrap;flex:1}
.sel-table .sel-table-top .area-list .area-item{text-align:center;line-height:0.28rem;border-radius:0.2rem;color:#666666;margin:0.12rem 0.05rem;padding:0rem 0.16rem;font-size:0.16rem}
.sel-table .sel-table-top .area-list .area-item:hover{cursor:pointer;color:#ffffff;background-color:#E11B25}
.sel-table .sel-table-top .area-list .sel{height:0.28rem;line-height:0.28rem;flex-wrap:wrap;text-align:center;color:#ffffff;background-color:#E11B25}
.recruit-list{margin-top:0.3rem;display:flex;flex-direction:column}

.recruit-item{margin-bottom:0.2rem;display:flex;flex-direction:column;padding:0.45rem 0.4rem 0.1rem 0.4rem;background-color:#fafafa;}
.recruit-item:hover{cursor: pointer;}
.recruit-item .top-area{display:flex;flex-direction:column;position:relative}
.recruit-item .top-area:hover .recruit-title{color:#e11b25;font-weight:bold}
.recruit-item .top-area:hover{cursor:pointer}
.recruit-item .top-area .recruit-title{position:absolute;color:#333333;font-size:0.2rem}
.recruit-item .top-area .recruit-type{margin:0.5rem 0 0.43rem 0;display:flex;color:#818181;font-size:0.16rem}
.recruit-item .top-area .recruit-type span{margin-right:0.7rem;font-size:0.16rem}
.recruit-item .top-area img{position:absolute;cursor:pointer;top:30%;right:5%;width:0.32rem;height:0.18rem;transition:all 0.6s}
.recruit-item .bottom-area{display: none;padding-top:0.37rem;border-top:1px solid #E4E4E4FF}
.recruit-item .bottom-area .desc p{color:#333333;font-size:0.16rem;margin-bottom:0.3rem}
.recruit-item .bottom-area .desc p:nth-of-type(1){font-weight:bold;font-size:0.16rem}
.recruit-item .bottom-area .rqrmnt{margin-top:0.75rem}
.recruit-item .bottom-area .rqrmnt p{color:#333333;font-size:0.16rem;margin-bottom:0.3rem}
.recruit-item .bottom-area .rqrmnt p:nth-of-type(1){font-weight:bold;font-size:0.16rem}

@media screen and (max-width: 750px) {
	/* 手机端，招聘 */
	.page-stats{margin-top:0.6rem;display:flex;justify-content:space-between}
	.page-stats span{color:#999999;font-size:0.16rem}
	.sel-table{margin-top:0.75rem;display:flex;flex-direction:column}
	.sel-table p{font-size:0.26rem;height:0.6rem;text-align:center;line-height:0.6rem;background-color:#fafafa;border:0.01rem solid #f0f0f0}
	.sel-table .sel-table-top{display:flex}
	.sel-table .sel-table-top .sel-table-left{line-height:1.01rem;flex-wrap:wrap;width:1.89rem;text-align:center;font-size:0.26rem;background-color:#fafafa}
	.sel-table .sel-table-top .area-list{padding-top:0.1rem;padding-right:0.2rem;padding-bottom:0.1rem;padding-left:0.2rem;display:flex;border:0.01rem solid #f0f0f0;border-top:none;align-items:center;flex-wrap:wrap}
	.sel-table .sel-table-top .area-list .area-item{text-align:center;line-height:0.41rem;border-radius:0.07rem;color:#666666;margin:0 0.1rem;font-size:0.26rem;padding: 0.1rem 0.2rem;}
	.sel-table .sel-table-top .area-list .area-item:hover{cursor:pointer;color:#ffffff;background-color:#E11B25}
	.sel-table .sel-table-top .area-list .sel{background-color:red}
	.sel-table .sel-table-top .area-list .sel{height:0.38rem;line-height:0.38rem;flex-wrap:wrap;text-align:center;color:#FFFFFF;background-color:#E11B25;padding: 0 .2rem;}
		
	.recruit-list{margin-top:0.3rem;display:flex;flex-direction:column}
	.recruit-item{margin-bottom:0.2rem;display:flex;flex-direction:column;padding:0.4rem 0.3rem 0.1rem 0.3rem;background-color:#fafafa}
	.recruit-item .top-area{display:flex;flex-direction:column;position:relative}
	.recruit-item .top-area:hover .recruit-title{color:#e11b25;font-weight:bold}
	.recruit-item .top-area:hover{cursor:pointer}
	.recruit-item .top-area .recruit-title{position:absolute;color:#333333;font-size:0.2987rem}
	.recruit-item .top-area .recruit-type{margin:0.5rem 0 0.2rem 0;color:#818181;font-size:0.16rem;display: block;}
	.recruit-item .top-area .recruit-type span{margin-right:2%;font-size:0.26rem;display: inline-block; width: 45%; padding: 0.1rem 0;}
	.recruit-item .top-area .recruit-type span.recruit-type-place{margin-right:0;width: 100%; }
	.recruit-item .top-area img{right:1%;width:0.32rem;height:0.18rem;}
	.recruit-item .bottom-area{padding-top:0.37rem;border-top:0.01rem solid #E4E4E4FF}
	.recruit-item .bottom-area .desc p{color:#333333;font-size:0.2987rem;margin-bottom:0.3rem}
	.recruit-item .bottom-area .desc p:nth-of-type(1){font-weight:bold;font-size:0.2987rem}
	.recruit-item .bottom-area .rqrmnt{margin-top:0.75rem}
	.recruit-item .bottom-area .rqrmnt p{color:#333333;font-size:0.2987rem;margin-bottom:0.3rem}
	.recruit-item .bottom-area .rqrmnt p:nth-of-type(1){font-weight:bold;font-size:0.2987rem}
		
	
	.footer-box .area {width: 100%; padding: 0;}
	.footer-box .area .bottom-nav {display: none;}
	.footer-box .area .right-column{display: none;}
	.footer-box .links {display: none;}
	.footer-box .area .left-column {width: 90%;    margin: 0 auto;    float: inherit;    padding: 0.25rem 0;border-right:none; overflow: hidden; text-align: center;}
	
	.footer-box .area .left-column .bottom-logo {width: 4rem;height: auto; margin: 0 auto 0.2rem;}
	.m-imgList-1 .listBox li{width: 50%;}
	.footer-box .area .left-column .u-con {margin: 0.3rem 0 0.2rem;  font-size: 0.26rem;  line-height: 1.5; }
	.footer-box .area .left-column .u-con, .footer-box .area .left-column .mail, .footer-box .area .left-column .address{font-size: 0.26rem;  line-height: 1.6;}
	
	
	.about .conBox .title p {	font-size: 0.26rem;}
	
	.sub-pic-1 .u-text h4 {font-size: 0.28rem;}
	
	
	.sub-message .m-submit {text-align: left;}
	.sub-message .m-textimg {  line-height: 1.6; font-size: 0.26rem;}


	.top-box,
	.banner-box,
	.main-box,
	.sub-box,
	.footer-box {min-width: 3.2rem;	width: 100%;}
	.top-box {	padding: 0 0.5rem;background:#fff;}
	.top-box.act {	background:#fff;}
	.top-box .area {margin: 0;	}
	.top-box .menu {
		height: 0.32rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 0.34rem;
		float: right;
		cursor: pointer;
	}

	.top-box .m-earch {
		padding: 0.2rem 0 0;
		transform: scale(1.5);
		margin-left: 0;
		margin-right: 0.25rem;
	}

	.top-box .search-layer .ico {
		transform: scale(1.5);
	}

	.top-box .menu i {
		display: block;
		height: 0.02rem;
		width: 0.45rem;
		min-height: 2px;
		background-color: #333;
		transition: all 0.3s;
	}

	.menu i {
		display: block;
		height: 0.02rem;
		width: 0.45rem;
		min-height: 2px;
		background-color: #fff;
		transition: all 0.3s;
	}

	.top-box .spread i:nth-child(2) {
		width: 0.25rem;
	}

	.top-box .spread i:nth-child(3) {
		width: 0.1rem;
	}

	.top-box .m-nav {
		left: 0;
		position: fixed;
		top: -200%;
		z-index: 10;
		background-color: #fff;
		width: 100%;
		display: block;
		transition: all 0.35s;
		opacity: 0;
		padding: 0 0.25rem;
		overflow: scroll;
	}
	

	.top-box .fir-ul .fir-li {
		border-bottom: 1px solid #ededed;
		display: block;
		text-align: left;
	}

	.top-box .fir-ul .fir-li.j-li::after {
		content: "+";
		display: block;
		position: absolute;
		top: 0;
		right: 0.2rem;
		font-size: 0.36rem;
		line-height: 1rem;
	}
	.top-box .fir-ul .fir-li.current::after {
		content: "-";
	}


	.top-box .fir-ul .fir-li .u-a {
		padding: 0;
		font-size: 0.32rem;
		margin: 0;
		line-height: 1rem;
	}

	.m-nav .fir-ul .u-a:before {
		display: none;
	}

	.m-nav .sec-ul li {
		height: auto;
		text-align: left;
	}

	.top-box .fir-ul .fir-li .sec-box ul li a {
		font-size: 0.26rem;
		line-height: 0.8rem;
		text-align: left;
		padding-left: 0.3rem;
	}

	.top-box .fir-ul .fir-li .sec-box ul li a:hover {
		color: #fff;
	}

	.top-box .fir-ul .fir-li.parent>a {
		position: relative;
	}

	.top-box .fir-ul .fir-li.parent>a::after {
		content: '';
		display: block;
		height: 0.26rem;
		width: 0.02rem;
		background-color: #fff;
		position: absolute;
		top: 50%;
		right: 0.13rem;
		margin-top: -0.13rem;
	}

	.top-box .fir-ul .fir-li.parent>a::before {
		content: '';
		display: block;
		width: 0.26rem;
		height: 0.02rem;
		background-color: #fff;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -0.01rem;
	}

	.top-box .fir-ul .fir-li.parent .sec-box {
		position: relative;
		top: 0;
		left: 0;
		background-color: transparent;
	}

	.top-box .fir-ul .fir-li.parent .sec-box a {
		line-height: 0.72rem;
		font-size: 0.28rem;
		color: #fff;
		text-align: left;
		padding-left: 0.3rem;
		border: none;
	}

	.top-box .fir-ul .fir-li.current {
		border-color: #3c70ca;
	}

	.top-box .fir-ul .fir-li.current .u-a {
		border: none;
	}

	.top-box .fir-ul .fir-li.current .u-a::after {
		content: '';
		display: none;
	}

	.top-box .fir-ul .fir-li.current .sec-box {
		position: relative;
		top: 0;
		display: block;
	}

	.top-box .open {
		top: 1rem;
		opacity: 1;
	}

	.m-title h2 {
		font-size: 0.42rem;
		font-weight: 700;
	}

	.m-title p {
		font-size: 0.22rem;
	}

	.m-about .tabTitle {
		float: initial;
	}

	.m-about .tabTitle ul {
		font-size: 0;
		text-align: center;
		height: auto;
		background: #f6f7fe;
	}

	.m-about .tabTitle li {
		display: inline-block;
		width: 45%;
		border: none;
	}

	.m-about .tabTitle a {
		text-align: center;
		font-size: 0.28rem;
		margin: 0;
	}

	.m-about .tabCon .content .about,
	.m-about .tabCon .content {
		width: 100% !important;
	}

	.m-about .tabCon .content {
		height: 5.5rem !important;
	}

	.m-about .tabTitle a:before {
		left: 0.35rem;
	}

	.m-about .tabCon {
		padding: 0 0.25rem;
	}

	.about .imgBox {
		width: 100%;
		float: initial;
	}

	.about .imgBox .u-img {
		display: none;
	}

	.about .conBox .title h2 {
		font-size: 0.32rem;
		line-height: 0.3rem;
	}

	.about .conBox .u-con {
		font-size: 0.28rem;
		line-height: 0.4rem;
		height: auto;
	}

	.about .conBox .u-more {
		margin-top: 0.15rem;
		padding-bottom: 0.25rem;
	}

	.about .conBox .u-more a {
		font-size: 0.2rem;
	}
	.m-imgList-1 {padding: 0.6rem 0;}

	.m-imgList-1 .listBox .u-box .conBox {
		opacity: 1;
	}

	.m-imgList-1 .listBox .u-more a {
		display: block;
		font-size: 0.22rem;
		color: #2a926b;
		text-align: center;
		width: 2.8rem;
		border-radius: 0.32rem;
		line-height: 0.64rem;
		background: #f6f7fe;
		margin: 0.35rem auto 0;
	}

	.m-imgList-1 .tabCon {
		margin-top: 0.15rem;
	}

	.m-imgList-1 .tabCon .content {height:auto;}

	.m-imgList-1 .listBox .imgBox {
		padding-top: 100%;
	}

	.m-imgList-1 .tabTitle {
		margin: 0.2rem 0;
	}
	.m-imgList-1 .tabTitle ul{}
	.m-imgList-1 .tabTitle li {width: 1.6rem;    margin: 0.1rem 0.05rem;}
	.m-imgList-1 .tabTitle a {font-size: 0.24rem;background: #f6f7fe;}
	.m-imgList-1 .listBox .conBox .u-con {width: 90%;}
	.m-imgList-1 .listBox .conBox p {font-size: 0.22rem;line-height: 0.32rem; display: none;}

	.m-imgList-2 {height: auto;}

	.m-imgList-2 .listBox {
		padding: 0 0.3rem;
	}

	.m-imgList-2 .listBox li {width: 100%;display: inline-block;	}

	/* 	.m-imgList-2 .listBox li:nth-child(2){margin: 0 0.05rem;} */
	.m-imgList-2 .listBox .u-img {
		width: 100%;
		height:3.8rem;
	}

	.m-imgList-2 .listBox .u-name {
		font-size: 0.24rem;
		padding: 0 0.15rem;
	}
	/* h-friend */
	.h-friend {height: auto;}
	
	.h-friend .listBox {
		padding: 0 0.3rem;
	}
	.h-friend .friend {
		margin-bottom: 1rem;
	}
	
	.h-friend .friend .swiper-slide {
		text-align: center;
	}
	
	.h-friend .friend .friend-img {
		margin: 0 auto;
		width: 3.4rem;
		height: 1.5rem;
	}
	.m-news .listBox {
		margin-top: 0.25rem;
		padding: 0 0.25rem;
	}

	.m-news .listBox ul {
		margin: 0;
		font-size: 0;
		position: relative;
		padding-bottom: 1rem;
	}

	.m-news .listBox li {
		margin: 0;
		float: initial;
		width: 100%;
		display: inline-block;
		margin-bottom: 0.15rem;
	}

	.m-news .listBox li.pic {width: 100%;margin-bottom: 0.15rem;background: #f5f5f5;padding: 0 0 0.3rem 0;}
	.m-news .listBox li.pic .u-img {
		float: initial;
		display: block;
		height: 4rem;
		width: 100%;
		margin: 0;
	}

	.m-news .listBox li.pic .u-img:before {	display: none;}
	.m-news .listBox li.pic .u-name {font-size: 0.32rem;padding: 0 0.3rem;}
	.m-news .listBox li.pic .u-con{margin-top: 0.15rem;
		font-size: 0.26rem;
		line-height: 0.36rem;
		height: auto;
	padding: 0 0.3rem;}
	.m-news .listBox li.pic .u-more {
		
	}

	.m-news .listBox li.pic .u-more a{height: 0.64rem;position: absolute;bottom: 0.1rem;left: 50%; display: block;font-size: 0.22rem;color: #2a926b;text-align: center;width: 2.8rem;border-radius: 0.32rem;line-height: 0.64rem;background: #f6f7fe;margin: 0 0 0 -1.4rem;}
	.m-news .listBox li.pic .u-more:before{display: none;}
	.m-news .listBox li.pic .u-date {font-size: 0.24rem; padding: 0 0.3rem;margin: 0.2rem 0 0 0;}
	.m-news .listBox .u-date {	font-size: 0.24rem;	}
	.m-news .listBox li.pic .u-date:before {left: 0.3rem;}
	.m-news .listBox .u-name {font-size: 0.32rem;height:auto;line-height: 1.6;}
	.m-news .listBox .u-con {font-size: 0.22rem;line-height: 0.36rem;height: 0.72rem;}
	.sub-news li .u-text {	width: calc(100% - 2.3rem);	}
	.copyright-box .area {	height: auto;	padding: 0.3rem;}
	.copyright-box .area .left-column,	.copyright-box .area .right-column {float: initial;text-align: center;}
	.copyright-box .area .left-column p {font-size: 0}
	.copyright-box .area .left-column p span {font-size: 0.22rem;display:inline-block;text-align: center;line-height: 1.5;}
	.copyright-box .area .right-column a {	font-size: 0.22rem;	}
	.sub-box .left-column {	float: initial;	width: 100%;}
	.sub-menu{    overflow-x: scroll;
    height: 1.1rem;}
	
	.sub-menuBox {margin-top: 0;}

	.m-current {
		text-align: left;
		border: none;
		padding: 0 0.25rem;
		background: #fff;
		font-size: 0.26rem;
		line-height: 0.6rem;
		color: #666;
	}

	.sub-menu-title,
	.sub-menu .j-li h4 a:before,
	.sub-contact {
		display: none;
	}

	.sub-menu ul {
		font-size: 0;
		text-align: left;
		width: 10rem;
		white-space: nowrap;
	}

	.sub-menu .fir-li {
		display: inline-block;
		width: 25%;
		border-bottom: none;
	}

	.sub-menu .fir-li h4 a {
		text-align: center;
		font-size: 0.24rem;
		background: #f6f7fe;
	}
	
	.sub-menu .fir-li.current{	background: #3c70ca;}
    .sub-menu .fir-li.hover {color: #fff;	background: #3c70ca;}

    .sub-menu .fir-li.current h4 a{color: #fff;background: #3c70ca;}
    .sub-menu .fir-li.hover h4 a{color: #fff;background: #3c70ca;}

	.sub-menu .sec-box {
		display: none !important;
	}

	.sub-box .right-column {
		width: 100%;
		min-height: 3.2rem;
	}

	.sub-pic-2 ul,
	.sub-pic-1 ul {
		margin: 0;
	}

	.sub-pic-2 li,
	.sub-pic-1 li {
		margin: 0.1rem 0 0.2rem 0;
		width: 3.4rem;
	}

	.sub-pic-2 li:nth-child(2n),
	.sub-pic-1 li:nth-child(2n) {
		margin-left: 0.2rem;
	}

	.sub-pic-2 .u-img {
		width: 100%;
	}

	.sub-pic-1 .u-img {
		width: 100%;
		height: 2.44rem;
	}
	.sub-pic-1 .u-text{
		display: none;
	}
	.sub-pic-1 .conBox{
		display: block;
		opacity: 1;
		position: relative;
		    background: #fff;
		    height: auto;
	}
	.sub-pic-1 .conBox h4{
		color: #333;
	}
	.sub-pic-1 .conBox p{
		color: #666;
	}
	.sub-pic-1 .conBox .u-con:after{
		display: none;
	}

	.m-sub .m-content {
		padding: 0 0.25rem;
	}

	.sub-pic-2 .u-name {
		background: #f2f8ff;
		font-size: 0.22rem;
	}

	.sub-news li .u-img {
		height: 1.3rem;
	}

	.sub-news .u-con {
		line-height: 0.36rem;
		height: 0.72rem;
		display: none;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.sub-news {
		margin-top: 0.2rem;
	}

	.sub-news .u-name {
		font-size: 0.3rem;height: auto;
	}

	.sub-news .u-name .date {font-size: 0.2rem;display: block; float: inherit;margin-left: 0rem;padding: 0 0 0.1rem 0;}

	.news-detail .detail-time,
	.news-detail .detail-user {
		border: none;
	}

	.news-detail .detail-img img,
	.news-detail .detail-con img {
		width: 100%;
	}

	.news-detail .detail-con {
		font-size: 0.24rem;
		line-height: 0.42rem;
	}

	.detail-share {
		display: none;
	}

	.detail-page .page-text {
		font-size: 0.24rem;
	}

	.detail-page {
		margin: 0.25rem 0;
		padding-top: 0.25rem;
	}

	.sub-content h1,
	.pro-detail h1,
	.news-detail h1 {
		font-size: 0.42rem;	line-height: 0.5rem;   padding: 0.2rem 0 0.2rem 0;	}

	.sub-content p,
	.pro-detail .detail-con {
		font-size: 0.22rem;
		line-height: 1.5;
	}

	.news-detail .detail-time,
	.pro-detail .detail-time {
		font-size: 0.2rem
	}

	.pro-detail .detail-img {
		width: 100%;
		overflow: hidden;
	}
	.m-form-td{width: 100%;padding-bottom: 0.1rem;}
	.feedback-name-box,.m-form-textarea .feedback-name-box{width: 1.8rem;}
	.feedback-input-box,.m-form-textarea .feedback-input-box{width: 4.8rem;}
	.feedback-input-box input{width: 100%;}
	.sub-message .m-submit input{width: 2rem;height: 0.5rem;line-height: 0.5rem;}
	.sub-message .m-submit img{height: 0.5rem;}
	.sub-message .m-submit .btn{width: 2rem;height: 0.5rem;}
}