.clear {
	clear: both
}

.f-cb {
	zoom: 1
}

.f-cb:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: "."
}

.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.por {
	position: relative
}

.poa {
	position: absolute
}

.pof {
	position: fixed
}

.poa-f {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.ovh {
	overflow: hidden
}

.noselect {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}

.z1 {
	z-index: 1
}

.z2 {
	z-index: 2
}

.z3 {
	z-index: 3
}

.dn {
	display: none
}

.dib {
	display: inline-block
}

.w-f {
	width: 100%
}

.h-f {
	height: 100%
}

.fwn {
	font-weight: normal
}

.tac {
	text-align: center
}

.t-f {
	-webkit-transition: all .5s;
	transition: all .5s
}

.t-c {
	-webkit-transition: color .5s;
	transition: color .5s
}

.t-bg {
	-webkit-transition: background .5s;
	transition: background .5s
}

.loader {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	border-top: 1px solid rgba(0, 0, 0, .08);
	border-right: 1px solid rgba(0, 0, 0, .08);
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	border-left: 1px solid rgba(0, 0, 0, .5);
	border-radius: 50%;
	-webkit-animation: spinner 700ms infinite linear;
	animation: spinner 700ms infinite linear
}

.loader.white {
	border-top: 1px solid rgba(255, 255, 255, .08);
	border-right: 1px solid rgba(255, 255, 255, .08);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	border-left: 1px solid rgba(255, 255, 255, .5)
}

.loader-img {
	background: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9
}

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@font-face {
	font-family: 'osb';
	src: url("/Resources/Web/Css/Mobile/fonts/OSWALDBOLD.eot");
	src: url("/Resources/Web/Css/Mobile/fonts/OSWALDBOLD.eot") format("embedded-opentype"), url("/Resources/Web/Css/Mobile/fonts/OSWALDBOLD.woff2") format("woff2"), url("/Resources/Web/Css/Mobile/fonts/OSWALDBOLD.woff") format("woff"), url("/Resources/Web/Css/Mobile/fonts/OSWALDBOLD.ttf") format("truetype"), url("/Resources/Web/Css/Mobile/fonts/OSWALDBOLD.svg") format("svg")
}


.m-search-box {
	width: 92%;
	border: 1px solid #aaa;
	position: fixed;
	left: 3%;
	top: 54px;
	height: .8rem;
	z-index: 11;
	display: none
}

.m-search-box input.tex {
	border: none;
	background: none;
	font-size: .24rem;
	font-family: "Arial";
	color: #a7a7a7;
	height: .26rem;
	line-height: .24rem;
	padding: .27rem 4%;
	width: 80%
}

.m-search-box input.search-btn {
	border: none;
	width: .7rem;
	height: .8rem;
	background: url(/Resources/Web/Images/Mobile/ico_08.png) no-repeat center;
	background-size: .4rem auto;
	margin: 0
}

.m-close-search {
	display: block;
	width: 15px;
	height: 15px;
	background: url(/Resources/Web/Images/Mobile/ico_07.png) no-repeat center;
	background-size: 100% auto;
	position: fixed;
	right: 4%;
	top: 15px;
	cursor: pointer;
	z-index: 11;
	display: none
}

.search-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: #f5f5f5;
	display: none;
	z-index: 66
}

footer {
	background: #363333
}

footer .sub-menu {
	width: 100%
}

footer .sub-menu ul {}

footer .sub-menu li {
	border-bottom: 1px solid #434141;
	font-size: .3rem;
	line-height: .34rem
}

footer .sub-menu .tit {
	display: block;
	padding: .15rem .3rem;
	line-height: .66rem;
	color: #fff;
	position: relative
}

footer .sub-menu .sub-tit:after {
	content: '';
	display: block;
	width: .26rem;
	height: .26rem;
	background: url(/Resources/Web/Images/Mobile/ico_03_1.png) no-repeat center;
	background-size: 100% auto;
	position: absolute;
	right: .3rem;
	top: .3rem
}

footer .sub-menu .sub-tit.on {
	background-color: #dc372b;
	color: #fff
}

footer .sub-menu .sub-tit.on:after {
	background: url(/Resources/Web/Images/Mobile/ico_03_h.png) no-repeat center;
	background-size: 100% auto
}

footer .sub-menu .sec-list {
	line-height: .54rem;
	padding: .2rem 4.5%;
	display: none
}

footer .sub-menu .sec-list p {
	background: url(/Resources/Web/Images/Mobile/ico_04.png) no-repeat left center;
	background-size: .04rem auto;
	margin-bottom: .1rem
}

footer .sub-menu .sec-list a {
	padding-left: .2rem;
	color: #fff
}

footer .botmid {
	width: 100%;
	text-align: center;
	padding: .45rem 0;
	height: .7rem
}

footer .botmid .bdsharebuttonbox {
	display: inline-block
}

footer .botmid .bdshare-button-style2-24 a {
	width: .65rem;
	height: .65rem;
	margin: 0;
	padding: 0;
	display: inline-block
}

footer .botmid .bdshare-button-style2-24 .bds_tsina {
	margin-right: .24rem;
	background: url(/Resources/Web/Images/Mobile/images/pic1.png) no-repeat center;
	background-size: .65rem .65rem
}

footer .botmid .bdshare-button-style2-24 .bds_weixin {
	background: url(/Resources/Web/Images/Mobile/images/pic1-1.png) no-repeat center;
	background-size: .65rem .65rem
}

footer .bot {
	font-size: .24rem;
	line-height: .4rem;
	color: #b0b0b0;
	text-align: center;
	padding-bottom: .4rem
}

footer .bot a {
	color: #b0b0b0
}

.itop-banner .list {
	display: none
}

.itop-banner .tabbox {
	width: 100%;
	background: #f6f3f3
}

.itop-banner .tabbox .tab {
	width: 33.33%;
	box-sizing: border-box;
	border-right: 1px solid #dadada;
	padding: .26rem 0;
	font-size: .22rem;
	line-height: .24rem;
	color: #666;
	text-align: center;
	float: left
}

.itop-banner .tabbox .tab p {
	display: inline-block;
	padding-bottom: .1rem;
	border-bottom: .03rem solid #f6f3f3
}

.itop-banner .tabbox .tab:nth-child(3n) {
	border-right: none
}

.itop-banner .tabbox .tab.cur {
	background: #232323;
	color: #fff
}

.itop-banner .tabbox .tab.cur p {
	display: inline-block;
	border-bottom: .03rem solid #dc372b
}

.itop-banner .ibanner-1-l {
	width: 100%;
	position: relative;
	overflow: hidden
}

.itop-banner .ibanner-1-l img {
	max-width: 100%;
	-webkit-animation: scale 3s linear 0s;
	animation: scale 3s linear 0s
}

.itop-banner .htext {
	width: 2rem;
	height: 2rem;
	padding: .6rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: rgba(255, 255, 255, .8)
}

.itop-banner .htext .hx {
	font-size: .24rem;
	line-height: .4rem;
	overflow: hidden;
	max-height: .8rem;
	margin-bottom: .3rem;
	color: #333;
	-webkit-transition: all .5s;
	transition: all .5s
}

.itop-banner .htext .t {
	font-size: .2rem;
	border-bottom: .03rem solid #686664;
	color: #333;
	padding-bottom: .1rem;
	display: inline-block;
	font-family: "Arial";
	height: .3rem
}

.itop-banner .ibanner-1-b {
	width: 100%;
	position: relative;
	overflow: hidden
}

.itop-banner .ibanner-1-b img {
	max-width: 100%;
	-webkit-animation: scale 3s linear 0s;
	animation: scale 3s linear 0s
}

.itop-banner .ibanner-1-b .hx {
	width: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: .37rem .3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .24rem;
	line-height: .32rem;
	background: rgba(255, 255, 255, .5);
	color: #333
}

.itop-banner .z-banner {
	overflow: hidden;
	position: relative
}

.itop-banner .z-banner .swiper-slide img {
	display: block;
	width: 100%
}

.itop-banner .z-banner .hd-1 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	width: 100%
}

.itop-banner .z-banner .hd-1 span {
	display: inline-block;
	margin: 0 .05rem;
	background: #f6f3f3;
	border-radius: .1rem;
	height: .1rem
}

.itop-banner .z-banner .hd-1 span.swiper-pagination-bullet-active {
	background: #dc372b;
	border-radius: .1rem;
	opacity: 1
}

.itop-banner .z-banner .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	display: inline-block;
	border-radius: .1rem
}

.pa6 {
	padding-top: .6rem
}

.ma6 {
	margin-top: .6rem
}

.n-top {
	text-align: center;
	margin-bottom: .6rem;
	position: relative
}

.n-top .h {
	color: #222;
	font-size: .3rem;
	line-height: .34rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .08rem
}

.n-top .h .i {
	color: #dc372b;
	margin-right: .2rem
}

.n-top p {
	font-size: .22rem;
	color: #666;
	padding: 0 .2rem;
	line-height: .24rem;
	display: inline-block;
	margin: -.15rem auto 0;
	background: #fff;
	position: relative;
	z-index: 2
}

.n-top .line {
	width: 3.6rem;
	height: 1px;
	background: #c8c8c8;
	z-index: 1;
	position: absolute;
	left: 50%;
	margin-left: -1.8rem;
	bottom: .29rem
}

.n-top-two {
	font-size: .26rem;
	line-height: .32rem;
	font-weight: bold;
	font-family: "Arial";
	color: #d1d4d5
}

.n-top-two .line {
	width: .45rem;
	height: .03rem;
	background: #cacaca;
	margin-right: .02rem;
	display: inline-block;
	margin-top: .08rem
}

.n-top-two .sp {
	text-transform: uppercase
}

.n-top-s {
	line-height: .32rem;
	font-size: .24rem;
	color: #333
}

.n-top-s .line {
	width: .45rem;
	height: .03rem;
	background: #cacaca;
	margin-right: .2rem;
	display: inline-block;
	margin-top: .08rem
}

.n-top-s .sp1 {
	font-family: "Arial";
	text-transform: uppercase;
	font-weight: bold;
	margin-left: .1rem
}

.n-top-s .sp1 strong {
	color: #d8362b
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes scale {
	0% {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

.ink {
	display: block;
	position: absolute;
	background: rgba(220, 54, 53, .2);
	border-radius: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.animate-ink {
	-webkit-animation: ripple .8s linear;
	-ms-animation: ripple .8s linear;
	animation: ripple .8s linear
}

@-webkit-keyframes ripple {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5)
	}
}

@keyframes ripple {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
		transform: scale(2.5)
	}
}

.i-list .lista .ulbox {
	width: 100%;
	position: relative
}

.i-list .lista li {
	padding: 0 .3rem;
	height: 33.33%;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #313131;
	overflow: hidden;
	position: relative
}

.i-list .lista li a {
	display: block
}

.i-list .lista li:nth-child(3n) .img {
	width: 1.1rem
}

.i-list .lista .img {
	padding: .2rem 0;
	text-align: center;
	width: .7rem
}

.i-list .lista .img img {
	max-width: 100%;
	display: inline-block
}

.i-list .lista .p1 {
	padding-top: .33rem;
	font-size: .28rem;
	line-height: .34rem;
	margin-bottom: .05rem;
	color: #fff
}

.i-list .lista .y {
	font-size: .2rem;
	line-height: .24rem;
	color: #686664;
	font-family: "Arial"
}

.i-list .listb .imgbox {
	width: 100%
}

.i-list .listb .imgbox img {
	max-width: 100%
}

.i-list .listc {
	position: relative;
	padding-left: .3rem
}

.i-list .listc .news-scroll {
	overflow: hidden
}

.i-list .listc .swiper-container-horizontal>.swiper-scrollbar {
	height: 1px
}

.i-list .listc .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {
	height: .1rem;
	top: -.05rem;
	border-radius: 0;
	background: #d0d0d0
}

.i-list .listc .swiper-slide {
	float: left;
	background: #fff;
	width: 5.5rem
}

.i-list .listc .swiper-slide .img {
	max-width: 100%;
	position: relative;
	overflow: hidden
}

.i-list .listc .swiper-slide .img img {
	max-width: 100%
}

.i-list .listc .swiper-slide .news-bot {
	padding: .4rem .1rem
}

.i-list .listc .swiper-slide .news-bot .time {
	padding-right: .3rem;
	margin-right: .3rem;
	width: 1.2rem;
	border-right: 1px solid #d5d5d5;
	height: 1.4rem;
	color: #9f9191;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-align: center
}

.i-list .listc .swiper-slide .news-bot .time .r {
	font-size: .76rem;
	line-height: .76rem;
	font-weight: bold
}

.i-list .listc .swiper-slide .news-bot .time .y {
	font-size: .22rem;
	line-height: .32rem
}

.i-list .listc .swiper-slide .news-bot .text {
	text-align: left
}

.i-list .listc .swiper-slide .news-bot .text .h {
	font-size: .24rem;
	line-height: .32rem;
	color: #333;
	max-height: .64rem;
	overflow: hidden;
	margin-bottom: .15rem
}

.i-list .listc .swiper-slide .news-bot .text .p {
	font-size: .24rem;
	color: #9f9191;
	line-height: .36rem;
	height: .72rem;
	overflow: hidden
}

.i-list .listd {
	background: #f6f6f6;
	padding: 0 .3rem .78rem
}

.i-list .listd .dlbox {
	width: 100%
}

.i-list .listd .dlbox .text-logo {
	margin-bottom: .5rem;
	max-width: 3.6rem
}

.i-list .listd .dlbox .dt {
	width: 100%;
	font-size: .24rem;
	line-height: .4rem;
	overflow: hidden;
	margin-bottom: .58rem
}

.i-list .listd .dlbox .dd {
	width: 100%
}

.i-list .listd .dlbox .dd img {
	max-width: 100%
}

.i-list .listd .more {
	font-size: .24rem;
	line-height: .32rem;
	padding-bottom: .05rem;
	border-bottom: 1px solid #666;
	display: inline-block;
	margin-top: .2rem;
	color: #666
}

.i-list .liste {
	position: relative;
	padding-left: .3rem;
}

.i-list .liste .fr-scroll {
	overflow: hidden;
	margin-top: .4rem;
	margin-bottom: .4rem;
	padding-bottom: .4rem
}

.i-list .liste .swiper-container-horizontal>.swiper-scrollbar {
	height: 1px
}

.i-list .liste .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {
	height: .1rem;
	top: -.05rem;
	border-radius: 0;
	background: #d0d0d0
}

.i-list .liste .swiper-slide {
	float: left;
	background: #fff;
	width: 2.1rem;
	border-right: 1px solid #e5e5e5;
	text-align: center
}

.i-list .liste .swiper-slide a {
	display: block;
	width: 100%
}

.i-list .liste .swiper-slide img {
	max-width: 100%;
	display: inline-block;
	max-height: .55rem
}

.i-list .liste .swiper-slide .news-bot {
	padding: .4rem .1rem
}

.i-list .liste .swiper-slide .news-bot .time {
	padding-right: .3rem;
	margin-right: .3rem;
	width: 1.2rem;
	border-right: 1px solid #d5d5d5;
	height: 1.4rem;
	color: #9f9191;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-align: center
}

.i-list .liste .swiper-slide .news-bot .time .r {
	font-size: .76rem;
	line-height: .76rem;
	font-weight: bold
}

.i-list .liste .swiper-slide .news-bot .time .y {
	font-size: .22rem;
	line-height: .32rem
}

.i-list .liste .swiper-slide .news-bot .text {
	text-align: left
}

.i-list .liste .swiper-slide .news-bot .text .h {
	font-size: .24rem;
	line-height: .32rem;
	color: #333;
	max-height: .64rem;
	overflow: hidden;
	margin-bottom: .15rem
}

.i-list .liste .swiper-slide .news-bot .text .p {
	font-size: .24rem;
	color: #9f9191;
	line-height: .36rem;
	height: .72rem;
	overflow: hidden
}

.banner-nav {
	position: relative
}

.n-banner {
	width: 100%;
	height: 7.15rem;
	position: relative
}

.n-banner .top {
	margin-left: .3rem;
	padding-top: .5rem
}

.n-banner .top .sp1 {
	line-height: .28rem;
	font-size: .32rem;
	font-weight: bold;
	margin-right: .2rem;
	color: #fff
}

.n-banner .top .line {
	width: 1rem;
	height: .06rem;
	background: #fff;
	margin-top: .15rem
}

.n-banner .square_container {
	font-weight: bold;
	color: #fff;
	position: relative;
	width: 2.2rem;
	height: 2.2rem;
	margin: auto;
	padding: .4rem;
	opacity: 0;
	margin-top: 1.6rem
}

.n-banner .square_liner {
	width: 0;
	height: 0;
	position: absolute;
	z-index: 22;
	-webkit-transition: 800ms cubic-bezier(0, .4, .5, 1);
	transition: 800ms cubic-bezier(0, .4, .5, 1);
	border: 0 solid #fff
}

.n-banner .load.square_liner_1,
.n-banner .load.square_liner_3 {
	width: 100%
}

.n-banner .load.square_liner_2,
.n-banner .load.square_liner_4 {
	height: 100%
}

.n-banner .square_liner.square_liner_1 {
	left: 0;
	top: 0;
	height: 1px;
	border-top-width: 1px
}

.n-banner .square_liner.square_liner_2 {
	right: 0;
	top: 0;
	width: 1px;
	border-right-width: 1px
}

.n-banner .square_liner.square_liner_3 {
	right: 0;
	bottom: 0;
	height: 1px;
	border-bottom-width: 1px
}

.n-banner .square_liner.square_liner_4 {
	left: 0;
	bottom: 0;
	width: 1px;
	border-left-width: 1px
}

.n-banner .square_container,
.n-banner .square span {
	opacity: 1
}

.n-banner .square {
	width: 2.2rem;
	height: 2.2rem
}

.n-banner .square span {
	font-size: .45rem;
	line-height: 1.1rem;
	height: 1.1rem;
	width: 50%;
	float: left;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 1200ms;
	transition: opacity 1200ms
}

.n-banner .square span.s6 {
	display: inline-block;
	position: absolute;
	max-width: 1.4rem;
	left: 50%;
	margin-left: -.35rem;
	top: -.5rem
}

.n-banner .square span.s6 img {
	max-width: 100%
}

.n-banner .square span.s1 {
	opacity: 1;
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms
}

.n-banner .square span.s2 {
	opacity: 1;
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms
}

.n-banner .square span.s3 {
	opacity: 1;
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms
}

.n-banner .square span.s4 {
	opacity: 1;
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms
}

.n-banner .square span.s5 {
	opacity: 1;
	-webkit-transition-delay: 700ms;
	transition-delay: 700ms
}

.n-banner .square_container2 {
	font-weight: bold;
	color: #fff;
	position: relative;
	width: 3.8rem;
	height: .64rem;
	margin: auto;
	padding: .6rem .25rem;
	opacity: 0;
	margin-top: 1.6rem
}

.n-banner .square_liner2 {
	width: 0;
	height: 0;
	position: absolute;
	z-index: 22;
	border: 0 solid #fff;
	-webkit-transition: 800ms cubic-bezier(0, .4, .5, 1);
	transition: 800ms cubic-bezier(0, .4, .5, 1)
}

.n-banner .load2.square_liner_1,
.n-banner .load2.square_liner_3 {
	width: 100%
}

.n-banner .load2.square_liner_2,
.n-banner .load2.square_liner_4 {
	height: 100%
}

.n-banner .square_liner2.square_liner_1 {
	left: 0;
	top: 0;
	height: 1px;
	border-top-width: 1px
}

.n-banner .square_liner2.square_liner_2 {
	right: 0;
	top: 0;
	width: 1px;
	border-right-width: 1px
}

.n-banner .square_liner2.square_liner_3 {
	right: 0;
	bottom: 0;
	height: 1px;
	border-bottom-width: 1px
}

.n-banner .square_liner2.square_liner_4 {
	left: 0;
	bottom: 0;
	width: 1px;
	border-left-width: 1px
}

.n-banner .square2 {
	width: 3.8rem;
	height: .64rem
}

.n-banner .square_container2 .square2 span {
	font-size: .5rem;
	line-height: .72rem;
	height: .72rem;
	width: 16.6%;
	float: left;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 1000ms;
	transition: opacity 1000ms
}

.n-banner .square2 span.s6 {
	display: inline-block;
	position: absolute;
	max-width: 1.4rem;
	left: 50%;
	margin-left: -.35rem;
	top: -.5rem
}

.n-banner .square2 span.s6 img {
	max-width: 100%
}

.n-banner .square2 span.s1 {
	opacity: 1;
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms
}

.n-banner .square2 span.s2 {
	opacity: 1;
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms
}

.n-banner .square2 span.s3 {
	opacity: 1;
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms
}

.n-banner .square2 span.s4 {
	opacity: 1;
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms
}

.n-banner .square2 span.s7 {
	opacity: 1;
	-webkit-transition-delay: 700ms;
	transition-delay: 700ms
}

.n-banner .square2 span.s8 {
	opacity: 1;
	-webkit-transition-delay: 780ms;
	transition-delay: 780ms
}

.n-banner .square2 span.s5 {
	opacity: 1;
	-webkit-transition-delay: 900ms;
	transition-delay: 900ms
}

.n-banner .square_container3 {
	font-weight: bold;
	color: #fff;
	position: relative;
	width: 2.5rem;
	height: 1.8rem;
	margin: auto;
	padding: .6rem .2rem;
	margin-top: 1.6rem
}

.n-banner .square_liner3 {
	width: 0;
	height: 0;
	position: absolute;
	z-index: 22;
	border: 0 solid #fff;
	-webkit-transition: 800ms cubic-bezier(0, .4, .5, 1);
	transition: 800ms cubic-bezier(0, .4, .5, 1)
}

.n-banner .load3.square_liner_1,
.n-banner .load3.square_liner_3 {
	width: 100%
}

.n-banner .load3.square_liner_2,
.n-banner .load3.square_liner_4 {
	height: 100%
}

.n-banner .square_liner3.square_liner_1 {
	left: 0;
	top: 0;
	height: 1px;
	border-top-width: 1px
}

.n-banner .square_liner3.square_liner_2 {
	right: 0;
	top: 0;
	width: 1px;
	border-right-width: 1px
}

.n-banner .square_liner3.square_liner_3 {
	right: 0;
	bottom: 0;
	height: 1px;
	border-bottom-width: 1px
}

.n-banner .square_liner3.square_liner_4 {
	left: 0;
	bottom: 0;
	width: 1px;
	border-left-width: 1px
}

.n-banner .square_container2,
.n-banner .square2 span {
	opacity: 1
}

.n-banner .square3 {
	width: 2.5rem;
	height: 2.8rem
}

.n-banner .square3 span {
	font-size: .45rem;
	line-height: .9rem;
	height: .9rem;
	width: 16.6%;
	float: left;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 1000ms;
	transition: opacity 1000ms
}

.n-banner .square3 span.s1 {
	width: 56%
}

.n-banner .square3 span.s2 {
	width: 30%
}

.n-banner .square3 span.s3,
.n-banner .square3 span.s4,
.n-banner .square3 span.s7 {
	width: 33%
}

.n-banner .square3 span.s6 {
	display: inline-block;
	position: absolute;
	width: 1.4rem;
	left: 50%;
	margin-left: -.35rem;
	top: -.5rem
}

.n-banner .square3 span.s6 img {
	max-width: 100%
}

.n-banner .square3 span.s1 {
	opacity: 1;
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms
}

.n-banner .square3 span.s2 {
	opacity: 1;
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms
}

.n-banner .square3 span.s3 {
	opacity: 1;
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms
}

.n-banner .square3 span.s4 {
	opacity: 1;
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms
}

.n-banner .square3 span.s7 {
	opacity: 1;
	-webkit-transition-delay: 700ms;
	transition-delay: 700ms
}

.n-banner .square3 span.s5 {
	opacity: 1;
	-webkit-transition-delay: 900ms;
	transition-delay: 900ms
}

.about-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: .36rem;
	font-size: .3rem
}

.about-nav .tit {
	display: block;
	color: #fff;
	position: relative;
	background: rgba(0, 0, 0, .5);
	padding: .22rem .3rem;
	line-height: .36rem;
	overflow: hidden
}

.about-nav .sub-tit:after {
	content: '';
	display: block;
	width: .26rem;
	height: .26rem;
	background: url(/Resources/Web/Images/Mobile/ico_03.png) no-repeat center;
	background-size: 100% auto;
	position: absolute;
	right: .3rem;
	top: .4rem
}

.about-nav .sub-tit.on {
	color: #fff
}

.about-nav .sub-tit.on:after {
	background: url(/Resources/Web/Images/Mobile/ico_03_h.png) no-repeat center;
	background-size: 100% auto
}

.about-nav .sub-tit.on .ac-ln-menucta {
	background: url(/Resources/Web/Images/Mobile/pic1-1.png) no-repeat center .08rem;
	background-size: .35rem .2rem
}

.about-nav .sec-list {
	line-height: .54rem;
	padding: .2rem 0;
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: .8rem;
	background: rgba(0, 0, 0, .5);
	z-index: 6
}

.about-nav .sec-list p {
	background: url(/Resources/Web/Images/Mobile/ico_04.png) no-repeat left center;
	background-size: .04rem auto;
	margin-bottom: .1rem
}

.about-nav .sec-list a {
	font-size: .22rem;
	padding: 0 .3rem;
	color: #fff
}

.about-nav .ac-ln-menucta {
	width: .35rem;
	height: .32rem;
	background: url(/Resources/Web/Images/Mobile/pic1.png) no-repeat center .08rem;
	background-size: .35rem .2rem
}

.about-nav.active {
	position: fixed;
	top: 0;
	z-index: 9;
	left: 0;
	width: 100%;
	height: .8rem
}

.f9-bg {
	background: #f9f9f9
}

.n-about .lista .dl {
	width: 100%;
	background: #dc372b
}

.n-about .lista .dl .dd {
	max-width: 100%;
	display: inline-block
}

.n-about .lista .dl .dt {
	margin-top: .65rem;
	margin-left: .3rem;
	padding-right: .3rem;
	padding-bottom: .6rem
}

.n-about .lista .dl .h {
	font-size: .36rem;
	line-height: .5rem;
	margin-bottom: .15rem;
	font-weight: bold;
	color: #fff
}

.n-about .lista .dl .p {
	font-size: .24rem;
	color: #fff;
	line-height: .3rem;
	margin-bottom: 20px;
	overflow: hidden;
	height: .6rem
}

.n-about .lista .dl img {
	max-width: 100%
}

.n-about .lista .text {
	font-size: .24rem;
	line-height: .4rem;
	color: #666;
	margin-bottom: .5rem;
	padding: .65rem .3rem 0
}

.n-about .lista .text .p {
	width: 100%
}

.n-about .lista .text .p img {
	max-width: 100%
}

.n-about .lista .text .p1 {
	width: 100%;
	display: none
}

.n-about .lista .text .p1 img {
	max-width: 100%
}

.n-about .lista .text .morex {
	display: inline-block;
	font-size: .24rem;
	line-height: .4rem;
	border-bottom: 1px solid #333;
	margin-top: .4rem
}

.n-about .lista .text .triangle-down {
	width: 0;
	height: 0;
	border-left: .08rem solid transparent;
	border-right: .08rem solid transparent;
	border-top: .08rem solid #333;
	display: inline-block;
	margin-left: .1rem
}

.n-about .lista .text .triangle-up {
	width: 0;
	height: 0;
	border-left: .08rem solid transparent;
	border-right: .08rem solid transparent;
	border-bottom: .08rem solid #333;
	display: inline-block;
	margin-left: .1rem
}

.n-about .lista .imgbox {
	padding: 0 .3rem .5rem
}

.n-about .lista .imgbox img {
	max-width: 100%
}

.n-about .lista .logobox {
	position: relative;
	height: 1.25rem;
	padding-bottom: .6rem;
	padding-left: .3rem;
	overflow: auto
}

.n-about .lista .logobox .imga {
	width: 2.8rem;
	border-right: 1px solid #dfdfdf;
	text-align: center;
	float: left
}

.n-about .lista .logobox .imga img {
	display: inline-block;
	max-width: 60%
}

.n-about .listb .f9-bg {
	padding: .5rem 0 1.5rem .3rem;
	overflow: hidden
}

.n-about .listb .course-list {
	background: url(/Resources/Web/Images/Mobile/images/pic8-1.png) no-repeat left .05rem;
	background-size: .15rem .15rem;
	overflow: auto
}

.n-about .listb .course-list ul {
	background: url(/Resources/Web/Images/Mobile/pic2.png) repeat-x .15rem .09rem;
	padding-bottom: .5rem
}

.n-about .listb .course-list li {
	float: left;
	position: relative;
	background: url(/Resources/Web/Images/Mobile/images/pic8-2.png) no-repeat .6rem 0;
	background-size: .25rem .25rem;
	padding-top: .55rem;
	margin-right: .35rem
}

.n-about .listb .course-list .textbox {
	padding: .3rem .2rem;
	width: 4.6rem;
	background: #fff;
	border-radius: .1rem;
	box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .1)
}

.n-about .listb .course-list .textbox .t {
	font-size: .44rem;
	line-height: .5rem;
	color: #d22525;
	font-family: "osb";
	margin-bottom: .15rem
}

.n-about .listb .course-list .textbox .p {
	font-size: .24rem;
	line-height: .4rem;
	color: #666
}

.n-about .listb .course-list .textbox img {
	max-width: 100%
}

.n-about .listb .course-list .j1 {
	width: 0;
	height: 0;
	border: .3rem solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	left: .4rem;
	top: .05rem
}

.n-idea .lista {
	padding: .6rem 0 0
}

.n-idea .lista .f9-bg {
	padding-bottom: .4rem
}

.n-idea .lista img {
	max-width: 100%
}

.n-idea .listb {
	height: 3rem;
	padding-top: 3.5rem;
	position: relative
}

.n-idea .listb .idea-scroll {
	overflow: hidden;
	padding-left: .3rem
}

.n-idea .listb .swiper-container-horizontal>.swiper-scrollbar {
	height: 1px;
	bottom: .5rem
}

.n-idea .listb .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {
	height: .1rem;
	top: -.05rem;
	border-radius: 0;
	background: #d0d0d0
}

.n-idea .listb .swiper-slide {
	width: 2.85rem;
	text-align: left;
	float: left;
	background: url(/Resources/Web/Images/Mobile/images/pic12.png) no-repeat right top;
	height: 1.91rem;
	padding-top: .1rem;
	position: relative;
	background-size: 100% auto;
	padding-right: 1.8%
}

.n-idea .listb .swiper-slide img {
	max-width: 100%;
	display: inline-block
}

.n-idea .listb .swiper-slide .tx {
	position: absolute;
	left: 0;
	bottom: 0;
	height: .6rem;
	line-height: .6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: rgba(0, 0, 0, .5);
	font-size: .24rem;
	text-indent: .2rem;
	color: #fff;
	width: 100%
}

.case-ajax {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #000;
	background: rgba(0, 0, 0, .6);
	top: 0;
	left: 0;
	z-index: 99;
	display: none
}

.case-ajax .youth-info-two {
	width: 92%;
	position: absolute;
	left: 50%;
	margin-left: -46%;
	margin-top: 40%;
	height: auto;
	background: #fff
}

.case-ajax .tit {
	font-size: .3rem;
	line-height: .36rem;
	margin-bottom: .2rem
}

.case-ajax .youth-text {
	padding: .3rem
}

.case-ajax .close {
	width: .7rem;
	height: .7rem;
	position: absolute;
	right: 0;
	top: -.76rem;
	text-align: center
}

.case-ajax .close img {
	max-width: 60%;
	display: inline-block
}

.case-ajax .z-banner {
	overflow: hidden;
	position: relative
}

.case-ajax .z-banner .swiper-slide img {
	display: block;
	width: 100%
}

.case-ajax .z-banner .hd-1 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	width: 100%
}

.case-ajax .z-banner .hd-1 span {
	display: inline-block;
	margin: 0 .05rem;
	background: #f6f3f3;
	border-radius: .1rem;
	height: .1rem
}

.case-ajax .z-banner .hd-1 span.swiper-pagination-bullet-active {
	background: #dc372b;
	border-radius: .1rem;
	opacity: 1
}

.case-ajax .z-banner .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	display: inline-block;
	border-radius: .1rem
}

.case-ajax .video-info {
	width: 94%;
	background: #000;
	height: 3.2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -47%;
	margin-top: -2rem
}

.case-ajax .video-info .video-box {
	padding: .3rem;
	background: #000;
	height: 2.8rem
}

.case-ajax .video-info .video-box video {
	width: 100%;
	height: 2.8rem
}

.case-ajax .text {
	width: 100%;
	font-size: .24rem;
	line-height: .4rem;
	color: #666;
	height: 2rem;
	overflow: auto;
	margin-bottom: .4rem
}

.n-team .lista .text {
	padding: .6rem .3rem;
	position: relative
}

.n-team .lista img {
	max-width: 100%
}

.n-team .lista .wen-l {
	width: 3.1rem;
	margin-top: .3rem;
	position: absolute;
	right: .3rem;
	top: 1.8rem
}

.n-team .lista .wen-l .top {
	padding-bottom: .2rem;
	border-bottom: 1px solid #000
}

.n-team .lista .wen-l .top .t {
	font-size: .9rem;
	line-height: .9rem;
	font-weight: bold;
	color: #a21a21;
	font-family: "Arial"
}

.n-team .lista .wen-l .top .c {
	font-size: .3rem;
	line-height: .3rem;
	color: #a21a21
}

.n-team .lista .wen-l .p {
	font-size: .24rem;
	line-height: .32rem;
	margin: .15rem 0
}

.n-team .lista .wen-l .x {
	font-size: .3rem;
	line-height: .4rem;
	color: #000;
	font-weight: bold;
	margin-bottom: .05rem
}

.n-team .lista .wen-l .z {
	font-size: .24rem;
	line-height: .34rem;
	color: #000
}

.n-team .lista .wen-r {
	width: 100%;
	margin-top: .5rem;
	font-size: .24rem;
	line-height: .4rem
}

.n-team .listb {
	position: relative;
	padding-bottom: .9rem
}

.n-team .listb .team-scroll {
	overflow: hidden;
	padding-left: .3rem;
	padding-bottom: .4rem;
	position: relative;
	margin-bottom: .2rem
}

.n-team .listb .swiper-container-horizontal>.swiper-scrollbar {
	height: 1px;
	bottom: .1rem
}

.n-team .listb .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {
	height: .1rem;
	top: -.05rem;
	border-radius: 0;
	background: #d0d0d0
}

.n-team .listb .swiper-slide {
	width: 3rem;
	float: left;
	position: relative
}

.n-team .listb .swiper-slide img {
	max-width: 100%;
	display: inline-block
}

.n-team .listb .swiper-slide .tit {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 1;
	display: none
}

.n-team .listb .swiper-slide .tit .jia {
	position: absolute;
	width: .4rem;
	height: .4rem;
	left: 50%;
	top: 50%;
	margin-left: -.2rem;
	margin-top: -.2rem;
	z-index: 2
}

.n-team .listb .swiper-slide.on .tit {
	display: block
}

.n-team .listb .team-ajax {
	padding: .55rem .3rem .65rem;
	position: relative
}

.n-team .listb .team-ajax .dt {
	width: 100%;
	font-size: .24rem;
	line-height: .4rem;
	color: #666
}

.n-team .listb .team-ajax .dt .h {
	font-size: .28rem;
	color: #333;
	margin-bottom: .15rem
}

.n-team .listb .team-ajax .dt .y {
	font-size: .2rem;
	line-height: .32rem;
	margin-bottom: .15rem;
	color: #999
}

.n-contact .lista .dl {
	width: 100%;
	background: #dc372b
}

.n-contact .lista .dl .dd {
	width: 100%
}

.n-contact .lista .dl .dd img {
	max-width: 100%
}

.n-contact .lista .dl .dt {
	max-width: 100%;
	margin-top: .6rem;
	margin-left: .3rem;
	padding-bottom: .6rem
}

.n-contact .lista .dl .dt .line {
	width: .55rem;
	height: .04rem;
	background: #fff;
	margin-top: .3rem;
	display: block
}

.n-contact .lista .dl .p {
	font-size: .26rem;
	color: #fff;
	line-height: .4rem;
	margin-bottom: .1rem;
	overflow: hidden;
	height: .8rem
}

.n-contact .lista .dl img {
	max-width: 100%
}

.n-contact .lista .f9-bg {
	padding: 0 .3rem
}

.n-contact .lista .addbox {
	padding-top: .8rem;
	width: 100%
}

.n-contact .lista .addbox .h {
	font-size: .24rem;
	line-height: .36rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: .24rem
}

.n-contact .lista .addbox li {
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: .65rem
}

.n-contact .lista .addbox li .img {
	width: 1.3rem;
	text-align: center;
	line-height: .75rem
}

.n-contact .lista .addbox li .img img {
	max-width: 100%;
	display: inline-block
}

.n-contact .lista .addbox li .p {
	font-size: .24rem;
	color: #666;
	line-height: .36rem;
	width: 5rem
}

.n-contact .lista .addbox-two {
	padding-bottom: .4rem;
	margin-bottom: .9rem
}

.n-contact .lista .addbox-two .h {
	font-size: .24rem;
	line-height: .36rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: .25rem
}

.n-contact .lista .addbox-two .ulbox {
	width: 100%
}

.n-contact .lista .addbox-two .ulbox li {
	background: url(/Resources/Web/Images/Mobile/images/pic17.jpg) repeat-y left center;
	padding: 3%;
	float: left;
	margin-bottom: .4rem;
	width: 92%
}

.n-contact .lista .addbox-two .ulbox .xh {
	font-size: .28rem;
	line-height: .36rem;
	margin-bottom: .22rem
}

.n-contact .lista .addbox-two .ulbox .p {
	padding-left: .3rem;
	background: url(/Resources/Web/Images/Mobile/images/pic10.png) no-repeat left .1rem;
	margin-bottom: .18rem;
	font-size: .24rem;
	line-height: .32rem;
	color: #666;
	background-size: .2rem auto
}

.n-service {
	margin-bottom: .9rem
}

.n-service .dl-x {
	width: 100%;
	background: #dc372b
}

.n-service .dl-x .dd {
	width: 100%
}

.n-service .dl-x .dd img {
	max-width: 100%
}

.n-service .dl-x .dt {
	margin-top: .6rem;
	padding: 0 .3rem;
	padding-bottom: .6rem
}

.n-service .dl-x .dt .line {
	width: .55rem;
	height: .04rem;
	background: #fff;
	margin-bottom: .3rem;
	display: inline-block
}

.n-service .dl-x .dt .h {
	font-size: .28rem;
	line-height: .4rem;
	color: #fff;
	margin-bottom: .15rem
}

.n-service .dl-x .dt .p {
	font-size: .24rem;
	color: #ffc9c9;
	line-height: .4rem
}

.n-service .lista .textx {
	padding: .65rem .3rem .8rem
}

.n-service .lista .textx img {
	max-width: 100%
}

.n-service .lista .ulbox {
	padding: .6rem .3rem .3rem
}

.n-service .lista .ulbox .img {
	width: 100%;
	text-align: center;
	padding-bottom: .2rem;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: .16rem
}

.n-service .lista .ulbox .img img {
	max-width: 100%;
	display: inline-block
}

.n-service .lista .ulbox .li {
	width: 31%;
	float: left;
	margin-right: 2%;
	margin-bottom: .5rem;
	min-height: 2.7rem
}

.n-service .lista .ulbox .li:nth-child(3n) {
	margin-right: 0
}

.n-service .lista .ulbox li {
	font-size: .24rem;
	line-height: .4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.n-service .listb .ulbox {
	width: 100%;
	position: relative
}

.n-service .listb li {
	padding: 0 .3rem;
	height: 33.33%;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #313131;
	overflow: hidden;
	position: relative
}

.n-service .listb li a {
	display: block
}

.n-service .listb li:nth-child(3n) .img {
	width: 1.1rem
}

.n-service .listb .img {
	padding: .2rem 0;
	text-align: center;
	width: .7rem
}

.n-service .listb .img img {
	max-width: 100%;
	display: inline-block
}

.n-service .listb .p1 {
	padding-top: .33rem;
	font-size: .28rem;
	line-height: .34rem;
	margin-bottom: .05rem;
	color: #fff
}

.n-service .listb .y {
	font-size: .2rem;
	line-height: .24rem;
	color: #686664;
	font-family: "Arial"
}

.n-service .listc .logobox {
	padding: 0 .3rem;
	overflow: hidden;
	position: relative;
	padding-bottom: .4rem
}

.n-service .listc .logobox .imga {
	width: 33%;
	border-right: 1px solid #dfdfdf;
	text-align: center;
	float: left;
	margin-bottom: .4rem
}

.n-service .listc .logobox .imga img {
	max-width: 100%;
	display: inline-block
}

.n-service .listc .logobox .imga:nth-child(3n) {
	border-right: none
}

.n-service .listc .logobox li {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.n-service .listc .logobox .hd-1 {
	position: absolute;
	left: 50%;
	bottom: .1rem
}

.n-service .listc .logobox .hd-1 span {
	background: silver;
	width: .08rem;
	height: .08rem;
	border-radius: 50%;
	margin: 0 .05rem
}

.n-service .listc .logobox .hd-1 span.swiper-pagination-bullet-active {
	background: #222
}

.n-service .listd .h {
	font-size: .28rem;
	line-height: .4rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: .45rem;
	color: #333
}

.n-service .listd .wtext {
	font-size: .24rem;
	line-height: .4rem;
	color: #666;
	padding: 0 .3rem .8rem
}

.n-service .listd .wtext img {
	max-width: 100%
}

.n-service .listd .ulbox img {
	max-width: 100%
}

.n-service .liste .wtext {
	padding: .9rem .3rem 0
}

.n-service .liste .wtext .text {
	padding-bottom: .9rem
}

.n-service .liste .wtext .h {
	font-size: .28rem;
	line-height: .4rem;
	padding-bottom: .24rem;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: .45rem;
	color: #333
}

.n-service .liste .wtext .p {
	font-size: .24rem;
	line-height: .32rem;
	color: #666
}

.n-service .liste .wtext .p img {
	max-width: 100%;
	margin: 0 auto;
	display: block
}

.n-service .liste .wtext .p .ulbox {
	width: 100%;
	margin-top: .45rem
}

.n-service .liste .wtext .p .ulbox .li {
	width: 48%;
	margin-right: 4%;
	float: left;
	margin-bottom: .25rem
}

.n-service .liste .wtext .p .ulbox .li img {
	max-width: 100%
}

.n-service .liste .wtext .p .ulbox .li:nth-child(2n) {
	margin-right: 0
}

.n-service .liste .wtext .p2 {
	position: relative
}

.n-service .liste .wtext .p2 .btext {
	text-align: center;
	width: 3.14rem;
	height: 3rem;
	background: #f2f2f2;
	border-radius: 50%;
	padding: .4rem .3rem;
	font-size: .2rem;
	line-height: .3rem;
	color: #666;
	position: absolute;
	left: 50%;
	top: -1rem;
	margin-left: -2.4rem
}

.n-service .liste .wtext .p2 .btext .hx {
	font-size: .28rem;
	line-height: .36rem;
	margin-bottom: .25rem;
	color: #dc372b
}

.n-service .liste .wtext .p2 .imga {
	display: block;
	margin: 1.4rem auto .2rem;
	max-width: 100%
}

.new-top {
	padding: .2rem .3rem
}

.new-top .sp1 {
	font-size: .28rem;
	line-height: .45rem;
	color: #666;
	margin-right: .1rem
}

.new-top .sp2 {
	font-size: .24rem;
	line-height: .45rem;
	font-family: "Arial";
	text-transform: uppercase;
	color: #000;
	font-weight: bold
}

.new-top .sp2 .i {
	color: #d50110;
	font-family: "Arial"
}

.case-form {
	width: 100%;
	border: 1px solid #d9d9d9;
	height: .6rem;
	border-top-right-radius: .1rem;
	border-bottom-right-radius: .1rem;
	margin-top: .3rem
}

.case-form select {
	width: 20%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: none;
	font-size: .2rem;
	color: #333;
	height: .6rem;
	line-height: .6rem;
	border: none;
	border-right: 1px solid #d9d9d9!important
}

.case-form .inputa {
	background: none;
	border: none;
	height: .54rem;
	padding: .03rem 0;
	text-indent: .05rem;
	width: 65%
}

.case-form .submit {
	background: url(/Resources/Web/Images/Mobile/images/pic32.jpg) no-repeat center;
	background-size: auto .6rem;
	border: none;
	height: .6rem;
	width: .6rem;
	border-top-right-radius: .1rem;
	border-bottom-right-radius: .1rem
}

.n-case {
	padding: 0 0 .85rem;
	position: relative
}

.n-case .case-list {
	padding-left: 5px
}

.n-case .ulbox {
	position: relative;
	padding-top: .3rem
}

.n-case .imgbox {
	width: 100%
}

.n-case .wimg {
	position: relative
}

.n-case .libox {
	padding: .1rem .1rem .35rem;
	background: #f6f6f6;
	cursor: pointer
}

.n-case .libox .imgbot {
	position: relative
}

.n-case .libox h2 {
	margin-top: .26rem;
	display: block;
	margin-bottom: .15rem;
	color: #333;
	font-size: .26rem;
	line-height: .4rem;
	width: 75%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.n-case .libox em {
	color: #777;
	font-size: .2rem;
	line-height: .32rem;
	display: block;
	font-style: normal;
	font-family: "Arial";
	position: absolute;
	right: 0;
	top: .03rem
}

.n-case .libox .p {
	font-size: .2rem;
	color: #777;
	margin: 0 0 .15rem;
	display: block;
	line-height: .32rem;
	overflow: hidden;
	max-height: .96rem
}

.n-case .ul {
	width: 100%
}

.n-case .ul .li {
	padding: 0 .1rem;
	height: .35rem;
	background: #dc372b;
	font-size: .2rem;
	color: #fff;
	text-align: center;
	line-height: .35rem;
	margin-right: .1rem;
	float: left
}

.morebox {
	background: #918d8b url(/Resources/Web/Images/Mobile/images/pic16.png) no-repeat 15% center;
	width: 3.2rem;
	height: .55rem;
	line-height: .55rem;
	color: #fff;
	font-size: .22rem;
	text-align: center;
	text-indent: .35rem;
	border-radius: .1rem;
	margin: .4rem auto 0;
	cursor: pointer
}

.news-info {
	width: 100%;
	background: #f9f9f9;
	padding-top: .6rem;
	padding-bottom: .8rem;
	margin: 0 auto .9rem
}

.news-info .z-h4 {
	font-size: .26rem;
	line-height: .3rem;
	color: #333;
	margin-bottom: .2rem
}

.news-info .ul {
	width: 100%;
	margin-bottom: .2rem
}

.news-info .ul .li {
	padding: 0 .1rem;
	height: .35rem;
	background: #dc372b;
	font-size: .2rem;
	color: #fff;
	text-align: center;
	line-height: .35rem;
	margin-right: .1rem;
	float: left
}

.news-info .n-news-info {
	margin: 0 auto;
	width: 94%
}

.news-info .top {
	padding-bottom: .15rem;
	border-bottom: 1px solid #d3d1d1
}

.news-info .time {
	font-size: .22rem;
	color: #666;
	display: block;
	font-style: italic
}

.news-info .text {
	padding: .4rem .2rem .5rem;
	font-size: .24rem;
	color: #666;
	line-height: .4rem
}

.news-info .text img {
	max-width: 100%
}

.news-info .bot {
	width: 100%;
	padding-top: .25rem;
	border-top: 1px solid #d3d1d1
}

.news-info .bot .bot-l {
	width: 75%;
	font-size: .22rem
}

.news-info .bot .bot-l span {
	display: block;
	width: 95%;
	margin-bottom: .1rem
}

.news-info .bot .bot-l span a {
	color: #666;
	display: block;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.news-info .bot .bot-r {
	display: inline-block
}

.news-info .bot .bot-r a {
	color: #666;
	display: block;
	font-size: .24rem;
	height: .35rem;
	line-height: .35rem;
	text-transform: uppercase;
	-webkit-transition: all .5s;
	transition: all .5s
}

.n-research {
	margin-bottom: .9rem
}

.n-research .lista .dl-x {
	width: 100%;
	background: #dc372b
}

.n-research .lista .dl-x .dd {
	width: 100%
}

.n-research .lista .dl-x .dd img {
	max-width: 100%
}

.n-research .lista .dl-x .dt {
	margin-top: .6rem;
	padding: 0 .3rem;
	padding-bottom: .6rem
}

.n-research .lista .dl-x .dt .line {
	width: .55rem;
	height: .04rem;
	background: #fff;
	margin-bottom: .3rem;
	display: inline-block
}

.n-research .lista .dl-x .dt .h {
	font-size: .28rem;
	line-height: .4rem;
	color: #fff;
	margin-bottom: .15rem
}

.n-research .lista .dl-x .dt .p {
	font-size: .24rem;
	color: #ffc9c9;
	line-height: .4rem
}

.n-research .listb .wreseacher-from {
	text-align: center;
	margin-bottom: .4rem
}

.n-research .listb .reseacher-from {
	display: block;
	border: .06rem solid #f3f3f3;
	border-radius: 6em;
	display: inline-block;
	padding: 0 .1rem .05rem
}

.n-research .listb .reseacher-from .inputb {
	background: #fff url(/Resources/Web/Images/Mobile/images/search-icon.png) no-repeat 95%;
	padding: .1rem;
	width: 4.9rem;
	border: 1px solid #e0e0e0;
	border-radius: 6em;
	-webkit-transition: all .5s;
	transition: all .5s;
	font-size: .26rem
}

.n-research .listb .reseacher-from .inputb:focus {
	width: 6rem;
	border-color: #6dcff6;
	box-shadow: 0 0 .1rem rgba(109, 207, 246, .5);
	background-color: #fff
}

.n-research .listb .wsub-ulbox {
	display: block;
	text-align: center
}

.n-research .listb .sub-ulbox {
	display: inline-block;
	margin-bottom: .6rem
}

.n-research .listb .sub-ulbox li {
	width: 1.8rem;
	height: .55rem;
	line-height: .55rem;
	text-align: center;
	margin-right: .2rem;
	border: 1px solid #bebebe;
	font-size: .28rem;
	color: #333;
	float: left;
	border-radius: .55rem;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s
}

.n-research .listb .sub-ulbox li.cur {
	border: 1px solid #e33629;
	background: #e33629;
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s
}

.n-research .listb .research-ajax {
	position: relative
}

.n-research .listb .ibanner-1-l {
	width: 100%;
	position: relative;
	overflow: hidden
}

.n-research .listb .ibanner-1-l img {
	max-width: 100%;
	-webkit-animation: scale 5s linear 0s 2 alternate;
	animation: scale 5s linear 0s 2 alternate
}

.n-research .listb .ibanner-1-l .htext {
	width: 2rem;
	height: 2rem;
	padding: .6rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: rgba(255, 255, 255, .8)
}

.n-research .listb .ibanner-1-l .htext .hx {
	font-size: .24rem;
	line-height: .4rem;
	overflow: hidden;
	max-height: .8rem;
	margin-bottom: .3rem;
	color: #333;
	-webkit-transition: all .5s;
	transition: all .5s
}

.n-research .listb .ibanner-1-l .htext .t {
	font-size: .2rem;
	border-bottom: .03rem solid #686664;
	color: #333;
	padding-bottom: .1rem;
	display: inline-block;
	font-family: "Arial";
	height: .3rem
}

.n-research .listb .swiper-wrapper {
	padding-bottom: .3rem
}

.n-research .listb .swiper-wrapper .swiper-slide {
	width: 3.2rem;
	float: left;
	background: #f8f8f8;
	padding-bottom: .1rem;
	border-bottom: .02rem solid #cfd0d1
}

.n-research .listb .swiper-wrapper .swiper-slide .top {
	padding: 0 .22rem .1rem;
	height: .6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .24rem;
	line-height: .6rem;
	color: #666;
	font-weight: bold;
	background: url(/Resources/Web/Images/Mobile/images/pic23.png) no-repeat left top;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-size: 100% .7rem
}

.n-research .listb .swiper-wrapper .swiper-slide .img {
	width: 3.2rem;
	margin: .1rem auto .08rem
}

.n-research .listb .swiper-wrapper .swiper-slide .img img {
	max-width: 100%
}

.n-research .listb .swiper-wrapper .swiper-slide .t {
	width: 94%;
	text-align: left;
	margin: 0 auto;
	color: #999;
	font-size: .24rem;
	line-height: .32rem
}

.n-research .listb .newsList {
	padding-left: .3rem;
	margin-top: .4rem;
	overflow: hidden
}

.n-research .listb .newsList .swiper-container-horizontal>.swiper-scrollbar {
	height: 1px;
	bottom: .1rem
}

.n-research .listb .newsList .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {
	height: .1rem;
	top: -.05rem;
	border-radius: 0;
	background: #d0d0d0
}

.n-news {
	width: 100%;
	padding-bottom: .9rem
}

.n-news ul {
	padding: 0 .3rem
}

.n-news ul li {
	float: left;
	margin-right: 4%;
	margin-bottom: 4%;
	background: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	width: 48%;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.n-news ul li:nth-child(2n) {
	margin-right: 0
}

.n-news ul li .img {
	max-width: 100%;
	position: relative;
	overflow: hidden
}

.n-news ul li .img img {
	max-width: 100%
}

.n-news ul li .news-bot {
	width: 94%;
	padding: .4rem 3%
}

.n-news ul li .news-bot .time {
	padding-right: 3%;
	margin-right: 3%;
	width: .6rem;
	border-right: 1px solid #d5d5d5;
	height: 1.2rem;
	color: #9f9191;
	text-align: center
}

.n-news ul li .news-bot .time .r {
	font-size: .48rem;
	line-height: .55rem;
	font-weight: bold
}

.n-news ul li .news-bot .time .y {
	font-size: .2rem;
	line-height: .3rem
}

.n-news ul li .news-bot .text {
	text-align: left
}

.n-news ul li .news-bot .text .h {
	font-size: .24rem;
	line-height: .3rem;
	color: #333;
	max-height: .6rem;
	overflow: hidden;
	margin-bottom: .15rem
}

.n-news ul li .news-bot .text .p {
	font-size: .22rem;
	color: #9f9191;
	line-height: .3rem;
	height: .6rem;
	overflow: hidden
}

.n-magazine {
	width: 100%;
	padding-bottom: 1.6rem
}

.n-magazine ul {
	padding: 0 .3rem
}

.n-magazine ul li {
	float: left;
	margin-right: 4%;
	margin-bottom: 3%;
	background: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	width: 48%;
	position: relative
}

.n-magazine ul li:nth-child(2n) {
	margin-right: 0
}

.n-magazine ul li .img {
	padding-top: .1rem;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	background: url(/Resources/Web/Images/Mobile/images/pic12-1.png) no-repeat right top;
	background-size: 100% auto
}

.n-magazine ul li .img img {
	max-width: 93%
}

.n-magazine ul li .down {
	width: .3rem;
	height: .3rem;
	background: url(/Resources/Web/Images/Mobile/images/pic15.png) no-repeat top center;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	right: 0;
	bottom: .2rem;
	background-size: .3rem auto
}

.n-magazine ul li .news-bot {
	width: 90%;
	padding: .22rem 0;
	margin: 0 auto
}

.n-magazine ul li .news-bot .time {
	padding-right: 5%;
	margin-right: 5%;
	width: .6rem;
	height: .7rem;
	border-right: 1px solid #d5d5d5;
	color: #9f9191;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-align: center
}

.n-magazine ul li .news-bot .time .r {
	font-size: .36rem;
	line-height: .7rem;
	color: #9f9191;
	font-weight: bold
}

.n-magazine ul li .news-bot .text {
	text-align: left
}

.n-magazine ul li .news-bot .text .h {
	font-size: .26rem;
	line-height: .3rem;
	color: #333;
	margin-bottom: .1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.n-magazine ul li .news-bot .text .t {
	font-size: .2rem;
	color: #9f9191;
	line-height: .3rem;
	font-family: "Arial";
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.recruit-top {
	width: 100%;
	text-align: center;
	padding-top: 2rem;
	position: relative;
	padding-bottom: 1rem
}

.recruit-top .top-btn {
	padding: 0 .4rem;
	height: .6rem;
	line-height: .6rem;
	color: #d8362b;
	background: #fff;
	border-radius: .6rem;
	display: inline-block;
	font-size: .3rem;
	margin-bottom: .1rem
}

.recruit-top .p {
	font-size: .26rem;
	color: #fff;
	line-height: .32rem
}

.recruit-top-two {
	background: #f5f5f5;
	padding: .5rem .3rem;
	margin-top: .5rem
}

.recruit-top-two .h {
	font-size: .26rem;
	color: #dc372b;
	line-height: .36rem;
	margin-bottom: .15rem;
	font-weight: bold
}

.recruit-top-two .wulbox {
	width: 100%;
	overflow: auto
}

.recruit-top-two .ulbox {
	text-align: left;
	margin-top: .6rem
}

.recruit-top-two .ulbox .li {
	width: 3.6rem;
	overflow: hidden;
	float: left;
	border-right: 1px solid #d1d1d1;
	padding: 0 .2rem
}

.recruit-top-two .ulbox .li .p1 {
	font-size: .26rem;
	line-height: .36rem;
	overflow: hidden;
	height: .72rem;
	color: #333
}

.recruit-top-two .ulbox .li .p2 {
	font-size: .2rem;
	color: #666;
	line-height: .36rem
}

.recruit-top .r-wxbox {
	width: 100%;
	text-align: center;
	margin-top: .3rem
}

.recruit-top .r-wxbox img {
	width: 2rem;
	height: 2rem;
	margin-bottom: .1rem
}

.recruit-top .r-wxbox p {
	text-align: center;
	color: #fff;
	font-size: .24rem;
	line-height: .3rem
}

.n-investor {
	margin-bottom: .9rem
}

.n-investor .lista {
	margin-top: .56rem
}

.n-investor .lista .dl-x {
	width: 100%;
	background: #dc372b
}

.n-investor .lista .dl-x .dd {
	width: 100%
}

.n-investor .lista .dl-x .dd img {
	max-width: 100%
}

.n-investor .lista .dl-x .dt {
	margin-top: .6rem;
	padding: 0 .3rem;
	padding-bottom: .6rem
}

.n-investor .lista .dl-x .dt .line {
	width: .55rem;
	height: .04rem;
	background: #fff;
	margin-bottom: .3rem;
	display: inline-block
}

.n-investor .lista .dl-x .dt .h {
	font-size: .28rem;
	line-height: .4rem;
	color: #fff;
	margin-bottom: .15rem
}

.n-investor .lista .dl-x .dt .p {
	font-size: .24rem;
	color: #ffc9c9;
	line-height: .4rem
}

.n-investor .ma50 {
	margin-top: .5rem!important
}

.n-investor .listb {
	margin-top: .25rem;
	padding: 0 .3rem
}

.n-investor .listb .h {
	font-size: .26rem;
	color: #dc372b;
	line-height: .36rem;
	margin-bottom: .15rem;
	font-weight: bold
}

.n-investor .listb .ulbox li {
	font-size: .24rem;
	border-bottom: 1px dotted #d3d3d3;
	width: 100%
}

.n-investor .listb .ulbox li a {
	color: #666;
	line-height: .4rem;
	padding: .2rem 0;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.n-investor .listb .ulbox li {
	overflow: hidden;
	position: relative
}

.n-personnel {
	padding-bottom: .9rem
}

.n-personnel .lista .dl-x {
	width: 100%;
	background: #dc372b
}

.n-personnel .lista .dl-x .dd {
	width: 100%
}

.n-personnel .lista .dl-x .dd img {
	max-width: 100%
}

.n-personnel .lista .dl-x .dt {
	margin-top: .6rem;
	padding: 0 .3rem;
	padding-bottom: .6rem
}

.n-personnel .lista .dl-x .dt .line {
	width: .55rem;
	height: .04rem;
	background: #fff;
	margin-bottom: .3rem;
	display: inline-block
}

.n-personnel .lista .dl-x .dt .h {
	font-size: .28rem;
	line-height: .4rem;
	color: #fff;
	margin-bottom: .15rem
}

.n-personnel .lista .dl-x .dt .p {
	font-size: .24rem;
	color: #ffc9c9;
	line-height: .4rem
}

.n-personnel .listb {
	padding: .5rem .3rem .6rem
}

.n-personnel .listb ul {
	width: 100%
}

.n-personnel .listb .xs {
	color: #dc372b;
	margin-bottom: .15rem
}

.n-personnel .listb li {
	font-size: .24rem;
	line-height: .36rem;
	margin-bottom: .25rem;
	background: url(/Resources/Web/Images/Mobile/images/pic41.jpg) no-repeat left .12rem;
	padding-left: .25rem;
	background-size: .1rem auto
}

.n-sociology {
	margin-bottom: .9rem
}

.n-sociology .lista .dl {
	width: 100%;
	background: #dc372b
}

.n-sociology .lista .dl .dd {
	width: 100%
}

.n-sociology .lista .dl .dd img {
	max-width: 100%
}

.n-sociology .lista .dl .dt {
	margin-top: .6rem;
	padding: 0 .3rem;
	padding-bottom: .6rem
}

.n-sociology .lista .dl .dt .line {
	width: .55rem;
	height: .04rem;
	background: #fff;
	margin-bottom: .3rem;
	display: inline-block
}

.n-sociology .lista .dl .dt .h {
	font-size: .28rem;
	line-height: .4rem;
	color: #fff;
	margin-bottom: .15rem
}

.n-sociology .lista .dl .dt .p {
	font-size: .24rem;
	color: #ffc9c9;
	line-height: .4rem
}

.n-sociology .listb {
	padding: .7rem .3rem 0
}

.n-sociology .listb .h {
	font-size: .28rem;
	line-height: .36rem;
	padding-bottom: .2rem;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: .4rem;
	color: #dc372b
}

.n-sociology .listb .p {
	font-size: .24rem;
	line-height: .36rem;
	color: #666;
	padding-bottom: .35rem
}

.n-sociology .listb .p img {
	max-width: 100%
}

.n-public {
	margin-bottom: .9rem
}

.n-public .listb .lia {
	background: #f5f5f5
}

.n-public .listb .li {
	padding: .45rem 0;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.n-public .listb .dl {
	padding: 0 .3rem
}

.n-public .listb .dl .dt {
	margin-right: .3rem;
	width: 2.2rem
}

.n-public .listb .dl .dt img {
	max-width: 100%
}

.n-public .listb .dl .time {
	padding-right: .2rem;
	margin-right: .2rem;
	width: .6rem;
	border-right: 1px solid #d5d5d5;
	height: 1.2rem;
	color: #9f9191;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-align: center;
	margin-top: .05rem
}

.n-public .listb .dl .time .r {
	font-size: .48rem;
	line-height: .5rem;
	font-weight: bold
}

.n-public .listb .dl .time .y {
	font-size: .22rem;
	line-height: .28rem
}

.n-public .listb .dl .dd {
	margin-top: .05rem;
	width: 3.2rem
}

.n-public .listb .dl .dd .h {
	font-size: .28rem;
	line-height: .36rem;
	margin-bottom: .15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333
}

.n-public .listb .dl .dd .p {
	font-size: .24rem;
	line-height: .36rem;
	color: #666;
	overflow: hidden;
	height: .72rem
}

.n-public .lista .dl-x {
	width: 100%;
	background: #dc372b
}

.n-public .lista .dl-x .dd {
	width: 100%
}

.n-public .lista .dl-x .dd img {
	max-width: 100%
}

.n-public .lista .dl-x .dt {
	margin-top: .6rem;
	padding: 0 .3rem;
	padding-bottom: .6rem
}

.n-public .lista .dl-x .dt .line {
	width: .55rem;
	height: .04rem;
	background: #fff;
	margin-bottom: .3rem;
	display: inline-block
}

.n-public .lista .dl-x .dt .h {
	font-size: .28rem;
	line-height: .4rem;
	color: #fff;
	margin-bottom: .15rem
}

.n-public .lista .dl-x .dt .p {
	font-size: .24rem;
	color: #ffc9c9;
	line-height: .4rem
}

.n-public .lista .textx {
	font-size: .24rem;
	line-height: .4rem;
	color: #666;
	padding: .65rem .3rem .8rem
}

.n-public .lista .textx .p {
	width: 100%
}

.n-public .lista .textx .p img {
	max-width: 100%
}

.n-public .lista .textx .imgbox {
	width: 100%
}

.n-public .lista .textx .imgbox img {
	max-width: 100%
}

.n-occupation {
	padding-bottom: .6rem
}

.n-occupation .lista .dl-x {
	width: 100%;
	background: #dc372b
}

.n-occupation .lista .dl-x .dd {
	width: 100%
}

.n-occupation .lista .dl-x .dd img {
	max-width: 100%
}

.n-occupation .lista .dl-x .dt {
	margin-top: .6rem;
	padding: 0 .3rem;
	padding-bottom: .6rem
}

.n-occupation .lista .dl-x .dt .line {
	width: .55rem;
	height: .04rem;
	background: #fff;
	margin-bottom: .3rem;
	display: inline-block
}

.n-occupation .lista .dl-x .dt .h {
	font-size: .28rem;
	line-height: .4rem;
	color: #fff;
	margin-bottom: .15rem
}

.n-occupation .lista .dl-x .dt .p {
	font-size: .24rem;
	color: #ffc9c9;
	line-height: .4rem
}

.n-occupation .wfr-scroll {
	margin: .6rem 0;
	position: relative;
	padding: 0 .3rem
}

.n-occupation .wfr-scroll:nth-child(2n) {
	margin-bottom: .3rem
}

.n-occupation .listb .ulbox-one {
	overflow: hidden
}

.n-occupation .listb .ulbox-one ul {
	position: relative;
	z-index: 1
}

.n-occupation .listb .ulbox-one .dl-x .dt {
	margin-left: auto
}

.n-occupation .listb .dl-x {
	width: 100%;
	background: #f8f8f8
}

.n-occupation .listb .dl-x .dd {
	width: 100%
}

.n-occupation .listb .dl-x .dd img {
	max-width: 100%
}

.n-occupation .listb .dl-x .dt {
	margin-top: .6rem;
	padding: 0 .3rem;
	padding-bottom: .6rem
}

.n-occupation .listb .dl-x .dt .p {
	font-size: .24rem;
	color: #999;
	line-height: .4rem
}

.n-occupation .listc {
	padding: .5rem 0
}

.n-occupation .listc .ulbox-one {
	overflow: hidden
}

.n-occupation .listc .dl-x {
	width: 100%;
	background: #f8f8f8
}

.n-occupation .listc .dl-x .dd {
	padding: 1.3rem .3rem .6rem;
	height: 4.5rem;
	text-align: center
}

.n-occupation .listc .dl-x .dd .line {
	width: .55rem;
	height: .04rem;
	background: #fff;
	margin-bottom: .3rem;
	display: inline-block
}

.n-occupation .listc .dl-x .dd .h {
	font-size: .28rem;
	line-height: .4rem;
	color: #fff;
	margin-bottom: .15rem
}

.n-occupation .listc .dl-x .dd .p {
	font-size: .24rem;
	color: #fff;
	line-height: .4rem
}

.n-occupation .listc .dl-x .dt {
	margin-top: .6rem;
	padding: 0 .3rem;
	padding-bottom: .6rem;
	text-align: center
}

.n-occupation .listc .dl-x .dt .h {
	font-size: .28rem;
	line-height: .4rem;
	color: #333;
	margin-bottom: .15rem
}

.n-occupation .listc .dl-x .dt .p {
	font-size: .24rem;
	color: #999;
	line-height: .4rem
}

.n-occupation .listc .dl-x .dt .btx {
	display: inline-block;
	margin-top: .3rem;
	width: 1.5rem
}

.n-occupation .listc .dl-x .dt .btx img {
	max-width: 100%
}

.n-occupation .hd-1.cx {
	display: none
}

.n-occupation .hd-1 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	width: 100%
}

.n-occupation .hd-1 span {
	display: inline-block;
	margin: 0 .05rem;
	background: #fff;
	border-radius: .1rem;
	height: .1rem
}

.n-occupation .hd-1 span.swiper-pagination-bullet-active {
	background: #dc372b;
	border-radius: .1rem;
	opacity: 1
}

.n-occupation .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	display: inline-block;
	border-radius: .1rem
}

.n-strategy .lista {
	width: 100%;
	margin-bottom: .8rem
}

.n-strategy .lista .n-scroll {
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin: 0 auto
}

.n-strategy .lista .n-scroll li {
	width: 100%;
	height: 3rem;
	overflow: hidden;
	position: relative
}

.n-strategy .lista .n-scroll li img {
	display: inline-block;
	max-width: 100%
}

.n-strategy .lista .n-scroll .cof {
	color: #fff!important
}

.n-strategy .lista .n-scroll .tit {
	position: absolute;
	width: 100%;
	top: .9rem;
	left: .5rem
}

.n-strategy .lista .n-scroll .tit .h {
	font-size: .45rem;
	line-height: .5rem;
	margin-bottom: .15rem;
	color: #333;
	font-weight: bold
}

.n-strategy .lista .n-scroll .tit .p {
	font-size: .36rem;
	line-height: .5rem;
	color: #333
}

.pagebox {
	width: 100%;
	text-align: center;
	padding: .5rem 0 0
}

.page {
	font-size: .24rem;
	font-weight: bold;
	line-height: .3rem;
	text-align: center;
	clear: both;
	display: inline-block;
	*display: inline
}

.page a {
	text-decoration: none;
	color: #999;
	background: #fff;
	border: 1px solid #eee;
	padding: .2rem .2rem;
	display: inline-block;
	float: left
}

.page a.active {
	background: #d50110;
	border: 1px solid #d50110;
	color: #fff
}

.ovh-f {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: fixed
}

#pageloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2000
}

#pageloader::after,
#pageloader::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	background: #fff;
	z-index: -1;
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s
}

#pageloader::before {
	top: 0
}

#pageloader::after {
	bottom: 0
}

#pageloader .loader-icon {
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}

#pageloader.hide::after,
#pageloader.hide::before {
	height: 0
}

.itop-banner {
	opacity: 0;
	-webkit-transform: translate(0, .8rem);
	-ms-transform: translate(0, .8rem);
	transform: translate(0, .8rem)
}

.n-top {
	opacity: 0;
	-webkit-transform: translate(0, .3rem);
	-ms-transform: translate(0, .3rem);
	transform: translate(0, .3rem)
}

.i-list .lista .ulbox,
.i-list .listb .imgbox,
.i-list .listc .news-scroll,
.n-about .lista .dl,
.n-about .lista .dl,
.n-about .listb .f9-bg,
.n-idea .listb,
.n-idea .lista .f9-bg,
.n-team .n-top,
.n-team .lista,
.n-team .team-scroll,
.n-strategy .lista .n-top,
.n-contact .lista .dl,
.n-contact .lista .f9-bg,
.n-service .n-top,
.n-service .lista .dl-x,
.n-service .lista .f9-bg,
.n-service .listb .ulbox,
.n-service .listc .logobox,
.n-service .liste .f9-bg,
.n-research .n-top,
.n-research .lista .dl-x,
.n-research .listb .wreseacher-from,
.n-research .listb .wsub-ulbox,
.listb .research-ajax {
	opacity: 0;
	-webkit-transform: translate(0, .8rem);
	-ms-transform: translate(0, .8rem);
	transform: translate(0, .8rem)
}

.n-strategy .strategy-scroll li {
	opacity: 0;
	-webkit-transform: translate(0, .4rem);
	-ms-transform: translate(0, .4rem);
	transform: translate(0, .4rem)
}

.n-occupation .lista .dl-x {
	opacity: 0;
	-webkit-transform: translate(0, .8rem);
	-ms-transform: translate(0, .8rem);
	transform: translate(0, .8rem)
}

.n-occupation .wfr-scroll-s,
.n-occupation .wfr-scroll-two,
.n-occupation .wfr-scroll-one {
	opacity: 0;
	-webkit-transform: translate(0, .8rem);
	-ms-transform: translate(0, .8rem);
	transform: translate(0, .8rem)
}

.n-about .lista .text {
	opacity: 0;
	-webkit-transform: translate(0, -.8rem);
	-ms-transform: translate(0, -.8rem);
	transform: translate(0, -.8rem)
}

.i-list .listd {
	opacity: 0;
	-webkit-transform: translate(0, -.8rem);
	-ms-transform: translate(0, -.8rem);
	transform: translate(0, -.8rem)
}

.n-case .libox,
.n-news li,
.n-magazine li {
	opacity: 0;
	-webkit-transform: translate(0, .4rem);
	-ms-transform: translate(0, .4rem);
	transform: translate(0, .4rem)
}

.n-personnel .lista .dl-x,
.n-personnel .listb,
.n-sociology .lista .dl,
.n-public .listb .li,
.n-public .listb .dl-x,
.n-public .listb .f9-bg {
	opacity: 0;
	-webkit-transform: translate(0, .6rem);
	-ms-transform: translate(0, .6rem);
	transform: translate(0, .6rem)
}

.n-public .lista .dl-x {
	opacity: 0;
	-webkit-transform: translate(0, -.8rem);
	-ms-transform: translate(0, -.8rem);
	transform: translate(0, -.8rem)
}

.n-news-info .top,
.news-info .text,
.news-info .bot {
	opacity: 0;
	-webkit-transform: translate(0, .4rem);
	-ms-transform: translate(0, .4rem);
	transform: translate(0, .4rem)
}

.htbox {
	font-size: .26rem;
	line-height: .36rem;
	padding-bottom: .2rem;
	border-bottom: 1px solid #dbdbdb;
	margin: 0 auto .3rem;
	width: 94%
}

.n-works {
	position: relative;
	overflow: hidden;
	padding-bottom: 30px
}

.h-story-container {
	padding: 20px 0 40px;
	margin: 0 -15px;
	width: 92%;
	margin: 0 auto
}

.h-story-slide {
	position: relative;
	width: 100%;
	padding: 4px;
	background-color: #eee;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.h-story-slide .img {
	width: 100%
}

.h-story-slide img {
	width: 100%
}

.h-story-container .swiper-slide {
	opacity: .5;
	min-height: auto;
	transition: transform .3s
}

.h-story-container .swiper-slide-active {
	z-index: 2;
	transform: scale(1);
	opacity: 1
}

.n-works .swiper-pagination {
	bottom: 8%;
	height: 20px;
	width: 100%
}

.h-story-container .swiper-slide-active .h-story-slide {
	background-color: #fff
}

.n-works .swiper-pagination-clickable .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: silver;
	margin: 0 6px
}

.n-works .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #d22525
}

.woks-img-list {
	margin-bottom: 50px;
	padding: 0 3%
}

.woks-img-list .li {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	float: left
}

.woks-img-list .li img {
	max-height: 100%;
	max-width: 100%
}

.woks-img-list .li:nth-child(2n) {
	margin-right: 0
}

.no-right-margin {
	margin-right: 0!important
}
<!--0.00021100044250488-->