/*----------------------------------------------------
*
*	  COMMON CSS FILE | by zhanglong | 
*
-----------------------------------------------------*/
.ie-view {
	position: fixed;
	background: #FFF url(../images/ie.jpg) no-repeat 50% 50%;
	width: 100%;
	height: 100%;
	z-index: 99999;
	top: 0;
	left: 0;
}
/*----------------------------------------------------*/
:root {
	--COLOR-PRIMARY: #e21e32;
}
/*----------------------------------------------------*/
html {
	font-size: 100px !important;
}
body {
	color: #121212;
	font-size: .14rem !important;
	line-height: 1.6 !important;
	font-family: "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif !important;
	background-color: #FFF;
}
/*----------------------------------------------------*/
ul,
p {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
i {
	font-style: normal;
}
em {
	font-style: normal;
	font-weight: bold;
}
cite {
	font-style: normal;
}
a {
	color: #333;
	cursor: pointer;
}
a:hover,
a:focus {
	text-decoration: none;
	color: #e21e32;
}
.primary {
	color: #e21e32;
}
.npd {
	padding: 0 !important;
}
span.pipe {
	padding-left: .06rem;
	padding-right: .06rem;
	color: #9f9f9f;
}
.imo,
.imo a,
.imo a img {
	display: block;
}
.imo img {
	width: 100%;
}
.container {
	width: 1280px;
	max-width: 1280px;
	padding: 0;
}
/* font ---------------------- */
@font-face {
	font-family: "din";
	src: url("../fonts/din.eot");
	src: url("../fonts/din.ttf") format("truetype"),
		url("../other/din.eot") format("embedded-opentype");
	font-style: normal;
	font-weight: normal;
}
.din {
	font-family: "din";
	line-height: 1;
}
/* col ------------------------ */
.row-col {
	margin-left: -1px;
}
.col {
	padding-left: 1px;
	position: relative;
	min-height: 1px;
	float: left;
}
.col-12 {
	width: 100%;
	clear: both;
}
.col-11 {
	width: 91.66666667%;
}
.col-10 {
	width: 83.33333333%;
}
.col-9 {
	width: 75%;
}
.col-8 {
	width: 66.66666667%;
}
.col-7 {
	width: 58.33333333%;
}
.col-6 {
	width: 50%;
}
.col-5 {
	width: 41.66666667%;
}
.col-4 {
	width: 33.33333333%;
}
.col-3 {
	width: 25%;
}
.col-2 {
	width: 16.66666667%;
}
.col-1 {
	width: 8.33333333%;
}
/* 
button & control ------------------------ 
*/
.form-control,
.btn {
	border-radius: 0;
	height: .36rem;
	line-height: .36rem;
}
.form-control {
	padding: 0 .12rem;
	font-size: .14rem;
	line-height: 1.4;
	color: #333;
}
.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #FFF url(../images/arr-select.png) no-repeat 100% 50%;
	padding-right: 3px;
	padding-left: 1px;
}
.btn {
	padding: 0 .16rem;
	border: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.btn-default {
	color: #363636;
	background-color: #f0f0f0;
	border: 1px solid #d0d0d0;
}
.btn-default.active,
.btn-default.active.focus,
.btn-default:focus,
.btn-default:hover {
	background-color: #d0d0d0;
}
.btn-primary {
	color: #FFF;
	background-color: #e21e32;
}
.btn-primary.active,
.btn-primary.active.focus,
.btn-primary:focus,
.btn-primary:hover {
	background-color: #d82a2c;
}
/* 
top ------------------------ 
*/
.wrap-hd {
	background-color: #FFF;
}
.wrap-top {
	/* position: fixed;top: 0; z-index: 9000;*/
	width: 100%;
	height: .8rem;
	background-color: #FFF;
	display: table;
}
.wrap-top,
.wrap-top .logo,
.wrap-top .logo img,
.wrap-top .w-nv {
	height: .8rem;
}
.wrap-top .w-logo {
	display: table-cell;
	vertical-align: top;
	width: 0;
}
.wrap-top .logo {
	width: 3.8rem;
	padding: 0 .1rem;
	position: static !important;
	margin: 0 !important;
}
.wrap-top .logo a {
	display: inline-block;
	height: .7rem;
	padding: 0.05rem 0 0 0;
	width: 2.5rem;
}
.wrap-top .logo a img {
	height: 100%;
	float: left;
	margin-right: .1rem;
}
.wrap-top .logo a i,
.wrap-top .logo a cite {
	display: block;
	white-space: nowrap;
	padding-left: 0.72rem;
}
.wrap-top .logo a i {
	font-family: simhei, "pf", "MIcrosoft YaHei";
	font-weight: bold;
	font-size: .24rem;
	letter-spacing: -0.02rem;
	padding-top: .1rem;
	line-height: 1.2;
}
.wrap-top .logo a cite {
	font-family: "tahoma";
	text-transform: uppercase;
	font-size: 1rem;
	-webkit-transform: scale(0.106);
	-webkit-transform-origin: .73rem 0;
	transform: scale(0.106);
	transform-origin: .73rem 0;
}
.wrap-top .w-nv {
	display: table-cell;
	width: 100%;
	height: .8rem;
	vertical-align: top;
}
.wrap-top .w-ct {
	display: table-cell;
	width: 0%;
	height: .8rem;
	vertical-align: top;
}
.wrap-top .w-ct .ct {}
.wrap-top .x-local {
	position: absolute;
	left: 2.4rem;
	top: 0.32rem;
	line-height: 1;
	font-size: .16rem;
	color: #111;
	font-family: "Microsoft YaHei";
	font-weight: bold;
}
@media (max-width: 1440px) {
	.wrap-top .logo {
		width: 2.9rem;
	}
	.wrap-top .logo a i,
	.wrap-top .logo a cite {
		padding: 0;
	}
	.wrap-top .logo a {
		padding: 0.12rem 0 0 0;
	}
	.wrap-top .logo a i {
		font-size: .2rem;
		padding-top: .1rem;
	}
	.wrap-top .logo a cite {
		-webkit-transform: scale(0.087);
		-webkit-transform-origin: .58rem 0;
		transform: scale(0.087);
		transform-origin: .58rem 0;
	}
	.wrap-top .logo a img {
		height: .5rem;
	}
	.wrap-top .x-local {
		left: 1.9rem;
		top: 0.4rem;
		font-size: .14rem;
	}
}
@keyframes wraptopscl {
	0% {
		-webkit-transform: translate(0, -100%);
		transform: translate(0, -100%);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
.wrap-hd.scl .wrap-top {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 .1rem .03rem rgba(0, 0, 0, 0.1);
	-webkit-animation: wraptopscl .5s;
	animation: wraptopscl .5s;
}
.wrap-hd.scl {
	padding-top: .8rem;
}
.w-nv .nv,
.w-nv .ct {
	display: block;
}
@media (min-width: 1440px) {
	.w-nv .nv {
		padding: 0 9%;
	}
}
.w-nv .nv .m {
	display: block;
	width: 12.5%;
	float: left;
}
.w-nv .nv .m .i {
	color: #121212;
	text-align: center;
	display: block;
	padding: .16rem 0;
	height: .8rem;
	white-space: nowrap;
}
.w-nv .nv .m .i i {
	color: #aaa;
	display: block;
	font-size: .12rem;
	text-transform: uppercase;
	-webkit-transform: scale(.8, .8);
	transform: scale(.8, .8);
}
.w-nv .nv .m:hover .i {
	background-color: #e21e32;
	color: #FFF;
}
.w-nv .nv .m:hover .i i {
	color: #FFF;
}
.m-sub {
	position: relative;
}
.m-sub .i {
	background: url(../images/m-sub-arr.png) no-repeat 50% 86%;
}
.m-sub .sub {
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	top: 100%;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}
.m-sub:hover .sub {
	opacity: 1;
	visibility: visible;
}
.m-sub .sub a {
	display: block;
	line-height: .5rem;
	color: #fff;
	padding: 0 .35rem;
	white-space: nowrap;
}
.m-sub .sub a:hover {
	background: rgba(266, 30, 30, 0.7);
	color: #FFF;
}
.m-sub .sub-misc {
	width: 4rem;
}
.m-sub .sub-misc a {
	width: 33.33333333%;
	float: left;
}
.m-sub .sub-zy {
	width: 4rem;
}
.m-sub .sub-zy a {
	width: 50%;
	float: left;
}
.w-ct .ct {
	padding: 0 .3rem;
	border-left: 1px solid #dfdfdf;
	height: 100%;
	display: table;
}
.w-ct .ct .in {
	display: table-cell;
	vertical-align: middle;
}
.w-ct .ct i {
	color: #999;
	font-size: .1rem;
	line-height: 1;
	display: none;
}
.w-ct .ct .din {
	color: #121212;
	font-size: .38rem;
	letter-spacing: -0.02rem;
	display: inline-block;
	white-space: nowrap;
	padding-top: .14rem;
	background: url(../images/top-ico-tel.png) no-repeat 0 0 / .64rem auto;
}
@media (max-width: 1440px) {
	.w-nv .nv .m .i {
		font-size: .14rem;
	}
	.w-ct .ct {
		padding: 0 .15rem;
	}
	.w-ct .ct .din {
		font-size: .26rem;
	}
}
.w-focus {
	display: table;
	width: 100%;
	background: url(../images/focus-bg.jpg) no-repeat 50% 50% / cover;
	padding: 5% 0;
}
.w-focus .inner {
	display: table-cell;
	padding: 0 5%;
	vertical-align: middle;
}
.focus-map {
	width: 55%;
	float: left;
}
.focus-map .in {
	position: relative;
	height: 0;
	padding-bottom: 80.5%;
	background: url(../images/focus-map.png) no-repeat 50% 50% / contain;
}
.focus-map .rod {
	position: absolute;
	width: .1rem;
	height: .1rem;
	border-radius: 100%;
	background-color: #FFF;
	box-shadow: 0 0 .05rem #FFF;
}
.focus-map .r01 {
	right: 9%;
	top: 19%;
}
.focus-map .r02 {
	right: 11%;
	top: 25%;
}
.focus-map .r03 {
	right: 14%;
	top: 30%;
}
.focus-map .r04 {
	right: 16%;
	top: 39%;
}
.focus-map .r05 {
	right: 25.5%;
	top: 37%;
}
.focus-map .r06 {
	right: 23.5%;
	top: 40%;
}
.focus-map .r07 {
	right: 32%;
	top: 46%;
}
.focus-map .r08 {
	right: 23%;
	top: 47.5%;
}
.focus-map .r09 {
	right: 17.5%;
	top: 47%;
}
.focus-map .r10 {
	right: 38%;
	top: 56.5%;
}
.focus-map .r11 {
	right: 27%;
	top: 64%;
}
.focus-map .r12 {
	right: 23%;
	top: 69%;
}
.focus-map .r13 {
	right: 13%;
	top: 61%;
}
.focus-map .r14 {
	right: 48%;
	top: 65%;
}
.focus-map .r15 {
	right: 16%;
	top: 74%;
}
.focus-map .r16 {
	right: 17%;
	top: 77%;
}
.focus-map .r17 {
	right: 18.5%;
	top: 80%;
}
.focus-map .r18 {
	right: 25.5%;
	top: 86%;
}
.focus-map .r19 {
	right: 39%;
	top: 57%;
}
.focus-map .r10 {
	right: 16.5%;
	top: 44%;
}
.wrap-top .x-local .sub {
	width: 2rem;
}
.wrap-top .x-local .sub a {
	width: 50%;
	line-height: .4rem;
	float: left;
	text-align: center;
	padding: 0;
}
@keyframes rodflash {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1;
	}
	80% {
		-webkit-transform: scale(4, 4);
		transform: scale(4, 4);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(4, 4);
		transform: scale(4, 4);
		opacity: 0;
	}
}
.focus-map .rod i {
	display: block;
	width: .1rem;
	height: .1rem;
	border-radius: 100%;
	background-color: #FFF;
	-webkit-animation: rodflash 2s infinite;
	animation: rodflash 2s infinite;
}
.focus-desc {
	width: 45%;
	float: right;
	text-align: right;
	padding-left: 10%;
	padding-top: 5%;
	color: #999;
}
.focus-desc .t {
	height: 0;
	padding-bottom: 26%;
	background: url(../images/focus-txt-1.png) no-repeat 50% 50% / contain;
}
.focus-desc .d {
	padding-top: .4rem;
	line-height: 1.8;
}
.focus-desc p {
	padding-top: 1rem;
	font-size: .12rem;
}
.focus-desc .bs-logo {
	padding-top: .3rem;
}
.focus-desc .bs-logo img {
	display: inline-block;
	width: 21%;
	margin: 0 1%;
}
@keyframes arrtipsx {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		-webkit-transform: translate(0, .15rem);
		transform: translate(0, .15rem);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, .3rem);
		transform: translate(0, .3rem);
		opacity: 0;
	}
}
.arr-tips {
	position: absolute;
	bottom: .3rem;
	left: 50%;
}
.arr-tips .in {
	width: .4rem;
	height: .4rem;
	margin-left: -50%;
	border-radius: 100%;
	border: 1px solid #aaa;
}
.arr-tips .in i {
	display: block;
	width: 100%;
	height: 40%;
	background: url(../images/arr-tips-arr.png) no-repeat 50% 50% / contain;
	-webkit-animation: arrtipsx 1.5s infinite;
	animation: arrtipsx 1.5s infinite;
}
/* 
index ------------------------ 
*/
.section {
	padding: 5% 5%;
}
.section:before,
.section:after {
	display: table;
	content: " ";
}
.section:after {
	clear: both;
}
.main-t {
	margin-bottom: .3rem;
}
.main-t i {
	text-transform: uppercase;
	font-size: .24rem;
	color: #e21e32;
}
.main-t p {
	font-size: .44rem;
	font-weight: bold;
	color: #111;
}
.main-t .c {
	color: #666;
}
.main-t.center {
	text-align: center;
}
.main-t+p {
	color: #666;
}
.main-t.center+p {
	text-align: center;
	margin-top: -.2rem;
	margin-bottom: .2rem;
}
.p-content {
	color: #666;
	line-height: 1.8;
	text-align: justify;
}
.x-mc-total {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.x-mc-total .i {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.x-mc-total .i+.i {
	border-left: 1px solid #dfdfdf;
}
.x-mc-total .n .din {
	color: #e21e32;
	font-size: .44rem;
	letter-spacing: -.02rem;
}
.x-mc-total .n em {
	font-weight: bold;
	font-size: .2rem;
}
.x-mc-total .t {
	font-size: .12rem;
	color: #666;
}
.btn-more {
	display: inline-block;
	line-height: .6rem;
	padding: 0 1rem 0 .5rem;
	background-image: url(../images/more-arr.png);
	background-color: #e21e32;
	background-repeat: no-repeat;
	background-position: 80% 50%;
	background-size: .4rem auto;
	color: #FFF;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn-more:hover {
	color: #FFF;
	background-color: #ab1727;
	background-position: 85% 50%;
}
.btn-more.sm {
	line-height: .34rem;
	padding: 0 .8rem 0 .2rem;
	font-size: .12rem;
}
.index-r1 {
	display: table;
	table-layout: fixed;
	padding-right: 0;
}
.index-r1 .c1 {
	width: 55%;
	display: table-cell;
	vertical-align: top;
	padding-right: 5%;
}
.index-r1 .c2 {
	width: 45%;
	display: table-cell;
	vertical-align: top;
	position: relative;
	vertical-align: middle;
}
.index-r1 .c2 .imo {
	display: inline-block;
}
.index-r1 .c1 .p-content {
	height: 13em;
	overflow: hidden;
}
.index-r1 .c1 .x-mc-total {
	margin-top: .3rem;
}
.index-r1 .c2 .btn-more {
	position: absolute;
	right: 0;
	bottom: 0;
}
.index-r2 {
	background-color: #e21e32;
}
.index-r2 .i {
	width: 25%;
	padding: 0 3%;
	text-align: center;
	color: #FFF;
	float: left;
}
.index-r2 .t {
	font-weight: bold;
	font-size: .26rem;
	padding-bottom: .1rem;
}
.index-r2 .c {
	font-size: .12rem;
	text-align: justify;
}
.index-r3 {}
.index-r3 .c1 {
	position: relative;
}
.index-r3 .c1 .xt {
	position: absolute;
	top: 0.39rem;
	left: 2.42rem;
	color: #666;
	right: 43%;
}
.r3-swc-main {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.r3-swc-main ul {
	width: 35%;
	display: table-cell;
	vertical-align: top;
	padding-right: 5%;
	padding-top: 5%;
}
.r3-swc-main ul>li>a {
	display: block;
	background-repeat: no-repeat;
	background-position: 15% 50%;
	background-size: .6rem auto;
	padding: 8% 10% 8% 35%;
	border: 1px solid transparent;
}
.r3-swc-main ul>li>a:hover {
	border-color: #dfdfdf;
}
.r3-swc-main ul>li.active>a {
	border-color: #e21e32;
}
.r3-swc-main ul>li.active>a em {
	color: #e21e32;
}
.r3-swc-main ul>li>a.i1 {
	background-image: url(../images/index-r3-1-1.png);
}
.r3-swc-main ul>li>a.i2 {
	background-image: url(../images/index-r3-1-2.png);
}
.r3-swc-main ul>li>a.i3 {
	background-image: url(../images/index-r3-1-3.png);
}
.r3-swc-main ul>li>a.i4 {
	background-image: url(../images/index-r3-1-4.png);
}
.r3-swc-main ul>li>a em,
.r3-swc-main ul>li>a i {
	display: block;
}
.r3-swc-main ul>li>a em {
	font-size: .22rem;
	color: #111;
}
.r3-swc-main ul>li>a i {
	font-size: .12rem;
	color: #999;
	text-transform: uppercase;
}
.r3-swc-main .tab-content {
	width: 65%;
	display: table-cell;
	vertical-align: top;
}
.r3-swc-main .tab-content .tab-pane {
	position: relative;
	padding-top: 15%;
	padding-right: 15%;
}
.r3-swc-main .tab-content .c {
	padding: 5% 7.5%;
	border: 1px solid #d0d0d0;
	position: relative;
	background-color: #FFF;
	box-shadow: .1rem .1rem 0 rgba(226, 30, 50, 0.2)
}
.r3-swc-main .tab-content .c .btn-more {
	position: absolute;
	right: 0;
	bottom: 0;
}
.r3-swc-main .tab-content .t {
	font-size: .3rem;
	font-weight: bold;
	color: #111;
	padding-bottom: .2rem;
	margin-bottom: .2rem;
	background: url(../images/sm-line-1.png) no-repeat 0 100%;
}
.r3-swc-main .tab-content .d {
	margin-bottom: 8%;
	height: 10.2em;
	overflow: hidden;
}
.r3-swc-main .tab-content .d p {
	line-height: 1.8 !important;
}
.r3-swc-main .tab-content .imo {
	position: absolute;
	right: 0;
	top: 0;
	width: 58%;
	margin-top: -15%;
}
.r3-swc-main .tab-content .em {
	font-size: 125%;
	font-weight: bold;
	margin: 0 0 0.1rem 0;
}
.common-ft-01 {
	background-color: #303030;
	color: #ccc;
	padding: 4%;
}
.common-ft-01 .c1 {
	text-align: center;
}
.common-ft-01 .c1 i {
	display: inline-block;
	font-size: .28rem;
	font-weight: bold;
	padding: 0 3%;
}
.common-ft-01 p {
	padding-top: .3rem;
	max-width: 10rem;
	margin: 0 auto;
}
.index-r5 {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.index-r5 .c1 {
	display: table-cell;
	width: 30%;
	vertical-align: top;
	padding-top: 12%;
}
.index-r5 .c2 {
	display: table-cell;
	width: 70%;
	vertical-align: top;
}
.index-r5 .c2 .bs-logo {
	padding: 0 10%;
	padding-bottom: .2rem;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: .2rem;
}
.index-r5 .c2 .bs-logo .i {
	width: 16.66666666666667%;
	float: left;
	padding: 0 .1rem;
}
.index-r5 .c2 .bs-logo .i img {
	width: 100%;
}
.swiper-r5 {
	padding: 0 5%;
}
.swiper-r5 .view {
	display: block;
	padding: 3%;
}
.swiper-r5 .view img {
	width: 100%;
}
.swiper-r5 .swiper-ac-r {
	height: 100%;
	width: .5rem;
	color: #FFF;
	position: absolute;
	top: 0%;
	z-index: 1000;
	cursor: pointer;
}
.swiper-r5 .swiper-ac-next {
	right: 0;
	background: #FFF url(../images/slide-arr-2.png) no-repeat 50% 50%;
}
.swiper-r5 .swiper-ac-prev {
	left: 0;
	background: #FFF url(../images/slide-arr-1.png) no-repeat 50% 50%;
}
.lst-qual {}
.lst-qual p {
	font-size: .2rem;
	font-weight: bold;
	color: #111;
}
.lst-qual+.d {
	padding-top: .5rem;
	color: #666;
}
.index-r6 {
	padding-left: 0;
	padding-right: 0;
}
.swiper-r6 {}
.swiper-r6 .ac-wrap {
	text-align: center;
}
.swiper-r6 .swiper-ac-r {
	display: inline-block;
	line-height: .34rem;
	color: #666;
	padding: 0 .4rem;
	border: 1px solid #e21e32;
	color: #e21e32;
	font-weight: bold;
}
.swiper-r6 .swiper-ac-r.swiper-button-disabled {
	opacity: .3;
}
.swiper-r6 .ac-wrap .btn-more {
	color: #FFF;
	padding-right: 1rem;
}
.swiper-r6 .view {
	display: block;
	padding: .1rem;
}
.swiper-r6 .view img,
.swiper-r6 .view .t {
	height: 100%;
	width: 100%;
}
.swiper-r6 .view .t {
	color: #333;
	text-align: center;
	line-height: .5rem;
}
.index-r7 {
	padding: 0;
}
.index-r7 .in {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.index-r7 .c1 {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 2% 5% 2% 5%;
	position: relative;
}
.index-r7 .c2 {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	background-color: #f0f0f0;
	padding: 5% 3%;
	position: relative;
}
.index-r7 .c1 .bar {
	position: absolute;
	width: 30%;
	height: .4rem;
	background: url(../images/repeat-dot.png) repeat 0 0;
	left: 0;
	bottom: 10%;
}
.index-r7 .c2 .btn-more {
	position: absolute;
	right: 0;
	bottom: 0;
}
.index-r7 .d2 {
	display: table-cell;
	width: 36%;
	vertical-align: top;
	padding: 0 3% 0 2%;
}
.index-r7 .d3 {
	display: table-cell;
	width: 64%;
	vertical-align: top;
}
.index-r7 .dw {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: .4rem 0;
}
.index-r7 .d3 .x-dat {
	font-size: .12rem;
	color: #999;
}
.index-r7 .d3 .x-dat em {
	color: #333;
	padding-left: .1rem;
}
.index-r7 .d3 .x-t {
	display: block;
	font-size: .18rem;
	font-weight: bold;
	margin: .1rem 0;
	line-height: 1.2;
}
.index-r7 .d3 .x-d {
	color: #999;
	font-size: .12rem;
	text-align: justify;
	line-height: 1.8;
	height: 5.4em;
	overflow: hidden;
	margin-bottom: .4rem;
}
.index-r7 .d3 .x-more {
	display: inline-block;
	border: 1px solid #d0d0d0;
	line-height: .4rem;
	padding: 0 20%;
	color: #666;
	font-size: .12rem;
}
.ul-primary {}
.ul-primary li+li {
	border-top: 1px dashed #d0d0d0;
}
.ul-primary a {
	display: block;
	line-height: .5rem;
	white-space: nowrap;
	overflow: hidden;
}
.ul-primary a i {
	font-size: .12rem;
	color: #666;
	padding-right: .14rem;
}
.col-more {
	text-align: center;
	margin: .4rem auto;
}
.common-ft-02 {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.cm-im-gd {
	padding: .1rem;
}
.cm-im-gd .i {
	position: relative;
	height: 0;
	float: left;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border: .12rem solid #FFF;
}
.cm-im-gd .i.md {
	width: 33.33333333%;
	padding-bottom: 20%;
}
.cm-im-gd .i.sm {
	width: 33.33333333%;
	padding-bottom: 20%;
}
.common-ft-03 {
	background: #f0f0f0 url(../images/ft-contact.png) no-repeat 50% 50%;
	padding: 3% 2%;
}
.common-ft-03 .in {}
.common-ft-03 .c1 {
	text-align: center;
	padding-bottom: .3rem;
}
.common-ft-03 .c2 {
	max-width: 1280px;
	margin: 0 auto;
}
.common-ft-03 .c1 .t {
	font-weight: bold;
	font-size: .22rem;
	margin: .1rem 0;
}
.common-ft-03 .c1 .t+p {
	font-size: .12rem;
}
.common-ft-03 .cd {
	background-color: #FFF;
	display: table;
	width: 100%;
	table-layout: fixed;
}
.common-ft-03 .x1 {
	display: table-cell;
	width: 76%;
	vertical-align: top;
}
.common-ft-03 .x2 {
	display: table-cell;
	width: 24%;
	vertical-align: top;
	background: #e21e32 url(../images/common-contact-attach.png) no-repeat 50% 100% / 100% auto;
	padding: 6%;
	text-align: center;
	color: #FFF;
}
.common-ft-03 .x1 {
	background-color: #111;
}
.common-ft-03 .x1 .xs1 {
	background: #232323 url(../images/new-19022801.png) no-repeat 0 -10% / auto 70%;
	padding: 5% 5% 5% 10%;
}
.common-ft-03 .x1 .din {
	text-transform: uppercase;
	font-size: .24rem;
	color: #e21e32;
}
.common-ft-03 .x1 .t1 {
	font-size: .21rem;
	font-weight: bold;
	color: #FFF;
	margin: .1rem 0;
}
.common-ft-03 .x1 .t2 {
	color: #aaa;
	font-size: .12rem;
}
.common-ft-03 .x1 .gd {
	color: #aaa;
	padding: 5%;
}
.common-ft-03 .x1 .gd .vl-1 {
	padding: .3rem 0 .3rem 1rem;
	background: url(../images/common-contact-ico-1.png) no-repeat 0 50% / auto .8rem;
}
.common-ft-03 .x1 .gd .vl-2 {
	padding: .3rem 0 .3rem 1rem;
	background: url(../images/common-contact-ico-2.png) no-repeat 0 50% / auto .8rem;
}
.common-ft-03 .x1 .gd .i {
	display: inline-block;
	vertical-align: middle;
}
.common-ft-03 .x1 .gd .i+.i {
	border-left: 1px solid #666;
	padding-left: .3rem;
	margin-left: .3rem;
}
.common-ft-03 .x1 .gd .i i {
	font-size: .18rem;
	font-weight: bold;
}
.common-ft-03 .x1 .gd .i .imo {
	float: left;
	margin-right: .3rem;
	width: .6rem;
}
.common-ft-03 .x1 .gd .i .din {
	font-size: .2rem;
}
.common-ft-03 .x2 img {
	width: 100%;
}
.common-ft-03 .x2 p {
	font-weight: bold;
	margin: .1rem 0;
}
.common-ft-03 .x2 i {
	font-size: .12rem;
}
.common-ft-04 {
	background-color: #FFF;
	color: #666;
	text-align: center;
	padding: 3%;
}
.common-ft-04 .t1 {
	font-size: .32rem;
	font-weight: bold;
}
.common-ft-04 .din {
	display: inline-block;
	margin-top: .12rem;
	padding-top: .3rem;
	background: url(../images/top-ico-tel.png) no-repeat 50% 0 / 1.32rem auto;
	color: #e21e32;
	font-size: .56rem;
	letter-spacing: -0.03rem;
}
.common-ft-end {
	background-color: #dfdfdf;
	color: #121212;
	text-align: center;
	padding: 2%;
	font-size: .12rem;
}
.common-ft-end a {
	color: #121212;
}
.common-ft-end a:hover {
	color: #e21e32;
}
.common-ft-end .lk {
	margin-bottom: 1%;
}
.common-ft-end .lk a {
	padding: 0 2%;
	font-size: .14rem;
	line-height: 1;
}
.common-ft-end .lk a+a {
	border-left: 1px solid #999;
}
.common-ft-end p {
	line-height: 1.8;
}
.common-ft-end p i+i {
	padding-left: .2rem;
}
/* 
pg  ------------------------ 
*/
.page-t {
	text-align: center;
	margin-bottom: 2%;
}
.page-t .t {
	font-size: .4rem;
	font-weight: bold;
	color: #111;
}
.page-t p {
	color: #999;
	margin: .1rem 0;
	margin-bottom: 50px;
}
.page-t p.b {
	font-size: .16rem;
}
.im-ato {
	text-align: center;
	margin-bottom: 50px;
}
.im-ato img {
	max-width: 100%;
}
/* 
pg - web  ------------------------ 
*/

.zl-wrapper{
	display: flex;
}

.zl-wrapper span{
	height: 52px;
	font-size: 68px;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.zl-left{
	margin-left: 18px;
}

.zl-left h4{
	font-size: 26px;
	color: #ffffff;
	margin: unset !important;
}
.zl-left p{
	font-size: 12px;
	color: #999999;
	margin-top: 5px;
}

.zl-wrapper-bottom{
	margin-top: 32px;
	display: flex;

}

.zl-wrapper-bottom p{
	font-size: 17px;
	color: #ffffff;

}

.zl-l{
	margin-left: 35px;
	margin-top: 9px;
}

.p-wrapper{
	width: 65%;
	margin-left: 50px;
}



.p-web-r1 .c-gd .i {
	width: 33.33333333%;
	float: left;
	padding: 1%;
}
.p-web-r1 .c-gd .t {
	font-weight: bold;
	font-size: .18rem;
	padding-bottom: 2%;
	padding-top: 3%;
	background: url(../images/sm-line-1.png) no-repeat 50% 100% / .3rem auto;
	text-align: center;
	margin-bottom: 3%;
}
.p-web-r1 .c-gd p {
	color: #999;
	line-height: 1.8;
	height: 5.4em;
	overflow: hidden;
	font-size: .12rem;
	text-align: justify;
}
.p-web-r3 {
	background-color: #ececec;
}
.p-web-r4 {
	background: url(../images/p-web-4-1.jpg) no-repeat 50% 50% / cover;
	color: #ccc;
}
.p-web-r4 .page-t .t {
	color: #ccc;
}
.p-web-r4 .i {
	width: 50%;
	float: left;
	padding: 0 3%;

}
.p-web-r4 .i .t {
	position: relative;
	padding-left: .8rem;
	display: inline-block;
}
.p-web-r4 .i .t p {
	font-size: .24rem;
	font-weight: bold;
	color: #ccc;
}
.p-web-r4 .i .t i {
	display: block;
	font-size: .12rem;
	color: #999;
}
.p-web-r4 .i .t .din {
	position: absolute;
	display: block;
	font-size: .66rem;
	color: #ccc;
	left: 0;
	top: -10%;
}
.p-web-r4 .i .d {
	background-color: #121212;
	padding: 40px 75px;
	line-height: 2;
	font-size: .18rem;
}
.p-web-r5 {
	background-color: #e21e32;
	color: #FFF;
	text-align: center;
}
.p-web-r5 .t {
	font-size: .26rem;
	margin-bottom: 3%;
}
.p-web-r5 .t .din {
	font-size: 150%;
	padding-right: .1rem;
}
.p-web-r5 .c i {
	display: inline-block;
	line-height: .6rem;
	font-size: .16rem;
	padding: 0 5%;
	background-color: #d00025;
	margin: 0 1%;
}
.swiper-qual {
	padding: 0 .5rem;
}
.swiper-qual .view {
	display: block;
	padding: 3%;
}
.swiper-qual .view img {
	width: 100%;
}
.swiper-qual .swiper-ac-r {
	height: 100%;
	width: .5rem;
	color: #FFF;
	position: absolute;
	top: 0%;
	z-index: 1000;
	cursor: pointer;
}
.swiper-qual .swiper-ac-next {
	right: 0;
	background: #FFF url(../images/slide-arr-2.png) no-repeat 50% 50%;
}
.swiper-qual .swiper-ac-prev {
	left: 0;
	background: #FFF url(../images/slide-arr-1.png) no-repeat 50% 50%;
}
.swiper-case {
	padding-bottom: .3rem;
}
.swiper-case .view {
	display: block;
	padding: 0 3%;
}
.swiper-case .view img {
	width: 100%;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 0;
}
.swiper-pagination-bullet {
	border-radius: 0;
	width: .3rem;
	height: .04rem;
}
.swiper-pagination-bullet-active {
	background-color: #d00025;
}
.p-web-r7 {
	padding-left: 0;
	padding-right: 0;
}
/* 
pg - about  ------------------------ 
*/
.wrap {
	max-width: 10rem;
	margin: 0 auto;
}
.p-about-r1 {
	background: url(../images/p-about-1-1.jpg) no-repeat;
	color: #343434;
	text-align: center;
}
.p-about-r1 .t {
	font-size: .36rem;
	font-weight: bold;
}
.p-about-r1 .t2 {
	font-size: .12rem;
	color: #d00025;
}
.p-about-r1 .c {
	padding-top: .3rem;
}
.p-about-r2 {}
.p-about-r2 p {
	margin-bottom: .1rem;
	text-indent: 2em;
}
.p-about-r2 em {
	color: #d00025;
}
.p-about-r3 {
	text-align: center;
	background-color: #ececec;
}
.p-about-r3 .t {
	display: inline-block;
	/*border: .04rem solid #d00025; */
	padding: 2% 3%;
	margin-top: .3rem;
}
.p-about-r3 .t .in {
	position: relative;
	margin-top: -17%;
	background-color: #ececec;
	width: 3.4rem;
}
.p-about-r3 .t .in p {
	font-size: .34rem;
	font-weight: bold;
	white-space: nowrap;
}
.p-about-r3 .t .in i {
	color: #d00025;
}
.p-about-r3 .i {
	width: 25%;
	float: left;
	padding: 3%;
}
.p-about-r3 .i .n {
	font-weight: bold;
	font-size: .24rem;
	color: #111;
	padding-bottom: .12rem;
	background: url(../images/sm-line-1.png) no-repeat 50% 100% / .3rem .02rem;
	margin-bottom: .1rem;
}
.p-about-r3 .i .d {
	color: #666;
	text-align: justify;
}
.p-about-r4 {
	padding: 0;
}
.p-about-r4 .in {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.p-about-r4 .c1 {
	display: table-cell;
	vertical-align: top;
	width: 60%;
	padding: 5% 5% 5% 10%;
	/* background: url(../images/quote-red.png) no-repeat 0 0 / 15% auto; */
}
.p-about-r4 .c1 .c p {
	text-indent: 2em;
}
.p-about-r4 .c2 {
	display: table-cell;
	vertical-align: top;
	width: 40%;
	background: url(../images/p-about-2-1.jpg) no-repeat 50% 50% / cover;
}
.p-about-r5 {
	background: #f0f0f0 url(../images/p-about-3-bg.jpg) no-repeat 0 0 / cover;
}
.p-about-r5 .clearfix {
	padding-top: 16%;
	background: url(../images/2019030401.png) no-repeat 50% 0 / 24% auto;
}
.p-about-r5 .i {
	width: 33.333333333%;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 20% auto;
	padding-left: 8%;
	height: 1.4rem;
}
.p-about-r5 .i1 {
	background-image: url(../images/p-about-3-1.png);
}
.p-about-r5 .i2 {
	background-image: url(../images/p-about-3-2.png);
}
.p-about-r5 .i3 {
	background-image: url(../images/p-about-3-3.png);
}
.p-about-r5 .i i {
	display: block;
	color: #d00025;
	text-transform: uppercase;
	font-size: .18rem;
}
.p-about-r5 .i cite {
	display: block;
	color: #121212;
	font-size: .2rem;
}
.p-about-r5 .i em {
	display: block;
	color: #454545;
	padding-top: .1rem;
}
.p-about-r6 {}
.p-about-r6 .t {
	text-align: center;
	font-size: .24rem;
	font-weight: bold;
	color: #111;
	line-height: 1.4;
}
.p-about-r6 .c {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.p-about-r6 .i {
	display: table-cell;
	vertical-align: top;
	padding: 3%;
}
.p-about-r6 .h {
	background: #d00025 url(../images/p-about-4-1.png) no-repeat 105% -5% / 25% auto;
	color: #FFF;
	padding: 5% 8%;
}
.p-about-r6 .h .din {
	font-size: .2rem;
	display: block;
}
.p-about-r6 .h em {
	display: block;
	font-size: .18rem;
	padding-top: 2%;
}
.p-about-r6 .in {
	background-color: #f0f0f0;
}
.p-about-r6 .d {
	padding: 10%;
	text-align: justify;
	color: #666;
	font-size: .12rem;
}
.p-about-r7 {
	background-color: #f0f0f0;
}
.swiper-history {
	padding-bottom: .5rem;
}
.swiper-history .swiper-ac-r {
	position: absolute;
	bottom: 0;
	z-index: 900;
	width: .3rem;
	height: .3rem;
	line-height: .3rem;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: .16rem;
	background-color: #aaa;
	border-radius: 100%;
}
.swiper-history .swiper-ac-next {
	right: 47%;
}
.swiper-history .swiper-ac-prev {
	left: 47%;
}
.swiper-history .dt {
	text-align: center;
	font-size: .4rem;
	color: #111;
	padding-bottom: .3rem;
	background: url(../images/p-aboout-his.png) no-repeat 50% 100% / contain;
}
.swiper-history .dd {
	text-align: center;
	padding: 10%;
}
.list-article {}
.list-article .i {
	width: 25%;
	float: left;
	padding: 1%;
}
.list-article .t {
	display: block;
	margin: .2rem 0;
	line-height: 1.2;
	height: 2.4em;
	overflow: hidden;
	color: #111;
	font-weight: bold;
	font-size: .16rem;
}
.list-article .c {
	padding-top: 1em;
	color: #999;
	font-size: .12rem;
	line-height: 1.4;
	height: 5.2em;
	overflow: hidden;
	background: url(../images/sm-line-1.png) no-repeat 0 0 / .2rem auto;
}
.list-article .dt {
	font-size: .12rem;
	color: #666;
	padding-top: .2rem;
}
.list-article .imo {
	position: relative;
	height: 0;
	padding-bottom: 75%;
}
.list-article .imo img {
	height: 100%;
	width: 100%;
	position: absolute;
}
.list-article.case .t {
	text-align: center;
	background: none;
	padding: 0;
	margin: .15rem 0;
}
.list-pager {
	text-align: center;
	margin: .5rem;
}
.list-pager a,
.list-pager i {
	display: inline-block;
}
.list-pager a {
	line-height: .4rem;
	border: 1px solid #dfdfdf;
	padding: 0 .5rem;
}
.list-pager i {
	padding: 0 .5rem;
}
.article-hd {
	text-align: center;
}
.article-hd p {
	font-size: .24rem;
	font-weight: bold;
}
.article-hd s {
	color: #999;
}
.article-content {
	max-width: 10rem;
	margin: .5rem auto 0;
}
.article-content img {
	max-width: 100%;
	margin: .3rem auto;
	display: block;
}
/* 
pg - ishop  ------------------------ 
*/
.p-ishop-r1 {
	text-align: center;
	background-color: #ececec;
}
.p-ishop-r1 .t {
	display: inline-block;
	padding-left: 1.4rem;
	padding-bottom: .2rem;
	background: url(../images/p-ishop-logo.png) no-repeat 0 0 / 1.3rem auto;
	font-size: .32rem;
	font-weight: bold;
	color: #111;
}
.p-ishop-r1 .c {
	max-width: 12rem;
	margin: 0 auto;
}
.p-ishop-r1 .i {
	width: 20%;
	float: left;
	padding: 1%;
}
.p-ishop-r1 .in {
	background-color: #FFF;
	padding: 10% 0;
}
.p-ishop-r1 .in p {
	font-size: .16rem;
	padding-bottom: .2rem;
	background: url(../images/p-ishop-line1.png) no-repeat 50% 100%;
}
.p-ishop-r2 {
	padding-left: 0;
	padding-right: 0;
}
.p-ishop-r2 .in {
	height: 0;
	padding-bottom: 43.22916666666667%;
	background: url(../images/p-ishop-2-1.png) no-repeat 50% 50% / cover;
}
.p-ishop-r3 {}
.p-ishop-r3 .c {
	max-width: 14rem;
	margin: 0 auto;
}
.p-ishop-r3 .i {
	width: 25%;
	float: left;
	padding: 1%;
}
.p-ishop-r3 .i .in {
	position: relative;
	height: 0;
	padding-bottom: 102.1333333333333%;
}
.p-ishop-r3 .i img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.p-ishop-r3 .i .d {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	color: #FFF;
	text-align: right;
	padding: 10%;
}
.p-ishop-r3 .i .d p {
	font-size: .26rem;
	font-weight: bold;
}
.p-ishop-r3 .i .d i {
	font-size: .15rem;
}
.case-basic {
	border: 1px solid #dfdfdf;
	padding: 2% 4%;
}
.case-basic p {
	margin: .1rem 0;
}
.case-basic i {
	padding-right: .1rem;
}
.case-cover {
	padding-top: .5rem;
}
.case-cover img {
	width: 100%;
}
.swiper-ot {
	position: relative;
	padding: 0 .4rem;
}
.swiper-ot .swiper-ac-r {
	position: absolute;
	width: .4rem;
	text-align: center;
	height: 1.2rem;
	line-height: 1.2rem;
	top: 30%;
	display: block;
	background-color: rgba(0, 0, 0, 0.1);
	color: #FFF;
	font-size: .3rem;
}
.swiper-ot .swiper-ac-next {
	right: 0;
}
.swiper-ot .swiper-ac-prev {
	left: 0;
}
.cloud-wrap img {
	width: 100%;
}
/* img-zoom */
.fs_gallery {
	background: rgba(0, 0, 0, 0.9);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
}
.fs_gallery_close {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 25px;
	color: #ccc;
	font-size: 34px;
	line-height: 23px;
	text-align: center;
	cursor: pointer;
	z-index: 102;
}
.fs_gallery_close:before {
	content: "关闭";
	font-size: 0.18rem;
	width: .6rem;
	display: block;
	opacity: .6;
}
.fs_gallery_close:hover {
	color: #fff;
}
.fs_gallery_prev,
.fs_gallery_next {
	position: absolute;
	width: 80px;
	color: #ccc;
	font-size: 30px;
	cursor: pointer;
	z-index: 101;
}
.fs_gallery_prev:hover,
.fs_gallery_next:hover {
	background: rgba(0, 0, 0, 0.1);
	color: #fff;
}
.fs_gallery_prev {
	left: 0;
	top: 0;
	bottom: 0;
}
.fs_gallery_next {
	right: 0;
	top: 0;
	bottom: 0;
}
.fs_gallery_prev:before {
	content: "‹";
	position: absolute;
	height: 30px;
	margin-top: -30px;
	top: 50%;
	left: 35px;
}
.fs_gallery_next:before {
	content: "›";
	position: absolute;
	height: 30px;
	margin-top: -30px;
	top: 50%;
	left: 35px;
}
.fs_gallery_shuft {
	position: relative;
	width: 9999999px;
}
.fs_gallery_shuft:after {
	clear: both;
	content: "";
	display: block;
}
.fs_gallery_shuft_item {
	float: left;
	position: relative;
	background-color: rgba(0, 0, 0, 0.6);
	background-position: center center;
	background-repeat: no-repeat;
}
.fs_gallery_shuft_item img {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 50%;
	left: 50%;
}
.swiper-focus {
	height: 0 !important;
	position: relative;
	padding-bottom: 39.0625%;
}
.swiper-focus .v {
	display: block;
}
.swiper-focus .v img {
	width: 100%;
}
.swiper-focus .swiper-ac-r {
	position: absolute;
	top: 44%;
	width: .6rem;
	height: .6rem;
	z-index: 1000;
	opacity: .5;
}
.swiper-focus .swiper-ac-next {
	right: .2rem;
	background: url(../images/arr-right.png) no-repeat 50% 50% / contain;
}
.swiper-focus .swiper-ac-prev {
	left: .2rem;
	background: url(../images/arr-left.png) no-repeat 50% 50% / contain;
}
.phd-page img {
	width: 100%;
}
.list-case-w {
	position: relative;
	padding: 0 .4rem;
}
.list-case-w+.list-case-w {
	margin-top: .4rem;
}
.list-case-w .swiper-ac-r {
	font-family: "simhei";
	position: absolute;
	border-radius: 100%;
	border: 1px solid #e21e32;
	top: 50%;
	width: .4rem;
	height: .4rem;
	background-color: #FFF;
	color: #e21e32;
	font-weight: bold;
	font-size: .18rem;
	line-height: .4rem;
	z-index: 100;
	text-align: center;
}
.list-case-w .swiper-ac-next {
	right: 0;
}
.list-case-w .swiper-ac-prev {
	left: 0;
}
.list-case-w .cat-t {
	display: inline-block;
	line-height: .5rem;
	/*border: 1px solid #d0d0d0;*/
	font-size: .22rem;
	color: #121212;
	padding: .08rem .4rem .12rem;
	background: url("../images/40905dca72cd4a799972f843b52e1a18.gif") no-repeat 50% 100% / .5rem auto;
	margin-bottom: .3rem;
	border: .04rem solid #f0f0f0;
}
.list-case-w .view {
	display: block;
	padding: .1rem;
}
.list-case-w .view img {
	width: 100%;
}
.list-case-w .view p {
	line-height: .5rem;
	color: #666;
	text-align: center;
}
/*****************************/
.p-about-y1 .in {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.p-about-y1 .p-about-y1-l {
	display: table-cell;
	vertical-align: top;
	width: 60%;
	padding: 5% 5% 5% 0%;
}
.p-about-y1 .t {
	font-size: .36rem;
	font-weight: bold;
}
.p-about-y1 .t2 {
	font-size: .12rem;
	color: #d00025;
}
.p-about-y1 .c {
	line-height: .24rem;
	color: #666;
}
.p-about-y1 .p-about-y1-r {
	display: table-cell;
	vertical-align: middle;
	width: 40%;
}
.p-about-y1 .p-about-y1-r img {
	display: inline-block;
	width: 100%;
}
.p-about-y3b {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
}
.p-about-y3b .platform-subject-item {
	min-height: 430px;
	padding-bottom: 70px;
	position: relative;
	padding-left: 500px;
	box-sizing: border-box;
}
.p-about-y3b .platform-subject-item .item-left {
	position: absolute;
	left: 0px;
	top: 0;
	z-index: 99;
}
.p-about-y3b .platform-subject-item .item-left img {
	width: 430px;
	display: block;
}
.p-about-y3b .platform-subject-item .item-right {
	width: 500px;
	padding-top: 60px;
}
.p-about-y3b .platform-subject-item .item-right h3 {
	font-size: 30px;
}
.p-about-y3b .platform-subject-item .item-right h3 span {
	display: block;
	font-size: 12px;
	margin-top: 8px;
	color: #888888;
	font-weight: normal;
}
.p-about-y3b .platform-subject-item .item-right .line {
	width: 50px;
	height: 28px;
	border-bottom: 2px solid #e21e32;
}
.p-about-y3b .platform-subject-item .item-right .paby-txt {
	font-size: 15px;
	color: #888888;
	line-height: 25px;
	padding-top: 24px;
}
.p-about-y5 {
	background: #ececec;
	text-align: center;
	padding: .8rem;
}
.p-about-y5 .t {
	display: inline-block;
	/*border: .04rem solid #d00025; */
	padding: 2% 3%;
	margin-top: .3rem;
	margin-bottom: .4rem;
}
.p-about-y5 .t .in {
	position: relative;
	margin-top: -17%;
	background-color: #ececec;
	width: 4.4rem;
}
.p-about-y5 .t .in p {
	font-size: .34rem;
	font-weight: bold;
	white-space: nowrap;
}
.p-about-y5 .t .in i {
	color: #d00025;
}
.pab5 {
	margin: 0 auto;
	max-width: 1300px;
}
.pab5-item {
	width: 33.33333%;
	float: left;
	padding: 10px 20px 30px 20px;
}
.pab5-item h2 {
	display: block;
	color: #333;
	text-align: center;
	height: 24px;
	line-height: 24px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 20px;
	overflow: hidden
}
.pab5-item span {
	display: block;
	color: #9f9f9f;
	text-align: center;
	height: 36px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
}
.pab5-item img {
	width: 70px;
	height: 70px;
	display: block;
	margin: 0 auto;
}
.p-about-y6 .t {
	text-align: center;
	font-size: .34rem;
	font-weight: bold;
	color: #111;
	line-height: 1.4;
	margin-bottom: .6rem;
	margin-top: .2rem;
}
.p-about-y6 .t em {
	display: block;
	text-align: center;
	margin-top: 12px;
	font-size: 16px;
	color: #5f6367
}
.p-about-y6 ul li {
	position: relative;
	padding: 0 25px 50px;
	width: 25%;
	float: left;
	box-sizing: border-box; overflow: hidden;
	text-align: center;
}
.p-about-y6 li a {
	height: 310px;
	display: block;
	position: relative;
	/*overflow: hidden;*/
	box-sizing: border-box;
	border-radius: 8px;
	background: #fff;
	width: 100%;
}

.p-about-y6 .ser-lan .sicon {
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	margin: 0 auto 20px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.p-about-y6 .ser-lan .sicon img {
	width: 70px;
	height: 70px;
	display: block;
	max-width: 100%;
	transform: translateZ(0px);
	transform: -webkit-translateZ(0px);
}
.p-about-y6 ul li:nth-child(1) a:hover .sicon {
	width: 70px;
	height: 70px;
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	background: url(../images/iconyy11.png) no-repeat;
	background-size: cover;
}
.p-about-y6 ul li:nth-child(2) a:hover .sicon {
	width: 70px;
	height: 70px;
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	background: url(../images/iconyy22.png) no-repeat;
	background-size: cover;
}
.p-about-y6 ul li:nth-child(3) a:hover .sicon {
	width: 70px;
	height: 70px;
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	background: url(../images/iconyy33.png) no-repeat;
	background-size: cover;
}
.p-about-y6 ul li:nth-child(4) a:hover .sicon {
	width: 70px;
	height: 70px;
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	background: url(../images/iconyy44.png) no-repeat;
	background-size: cover;
}
.p-about-y6 ul li a:hover .sicon img {
	display: none;
}
.p-about-y6 .ser-lan {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	background: rgba(238, 238, 238, 1);
	padding: 40px 25px 0 25px;
	box-sizing: border-box;
	opacity: 1;
}
.p-about-y6 ul li:hover .ser-lan {
	background: rgba(208, 0, 37, 0.8);
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
}
.p-about-y6 ul li:hover .szi b,
.p-about-y6 ul li:hover .szi s,
.p-about-y6 ul li:hover .szi p {
	color: #fff;
}
.p-about-y6 .ser-lan .szi {
	display: block;
}
.p-about-y6 .ser-lan .szi b {
	display: block;
	color: #000;
	font-size: 30px;
	font-weight: bold
}
.p-about-y6 .ser-lan .szi s {
	display: block;
	color: #333333;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
}
.p-about-y6 .ser-lan .szi p {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 1.7;
	font-weight: normal;
}
.p-about-y6 .ser-img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 8px;
}
.p-about-y6 .ser-img img {
	width: 100%;
	height: 100%;
	display: block;
}
/* 修改 19.09.06*/

@media(max-width:1700px){
	.p-web-r4 .i .d{
		zoom: 0.9;
	}
	.p-web-r4 .i{
		padding: 0 1.5%;
	}

}


@media(max-width:1400px){
	.p-web-r4 .i .d {
		background-color: #121212;
		padding: 40px 30px;
		margin-top: -4%;
		line-height: 2;
		font-size: .18rem;
	}
}

@media(max-width:1200px){
	.p-web-r4 .i .d {
		background-color: #121212;
		padding: 40px 30px;
		margin-top: -4%;
		line-height: 2;
		font-size: .18rem;
	}

	.zl-l{
		display: none !important;
	}
	.p-wrapper {
		width: 65%;
		margin-left: 5px;
	}
	.p-wrapper p{
		font-size: 15px !important;
	}
	.zl-wrapper span {
		height: 52px;
		font-size: 54px;
		color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media(max-width:1023px){
	.clearfix{
		display: flex;
		flex-wrap: wrap;
	}

	.p-web-r4 .i{
		width: 100%;
		padding: 30px 0;
		
	}

	.zl-wrapper span {
		height: 35px;
		font-size: 40px;
		color: #ffffff;
	
	}
	.zl-left h4 {
		font-size: 18px;
		color: #ffffff;
		margin: unset !important;
	}
	.zl-icon{
		width: 80px;
		
	}

	.zl-wrapper-bottom{
		display: flex;
		justify-content: space-between;
	}

	.zl-wrapper-bottom {
		margin-top: 20px;
		display: flex;
	}

	.p-wrapper {
		width: 80%;
		margin-left: 5px;
	}
}