.w1200 {
	width: 12rem;
	margin: 0 auto;
	position: relative;
	font-size: 0;
	z-index: 2;
}

@media (max-width: 1220px) {
	.w1200 {
		width: 88%;
	}
}

@media (max-width: 800px) {
	.w1200 {
		width: 94%;
	}
}

.w1400 {
	width: 14rem;
	margin: 0 auto;
	position: relative;
	font-size: 0;
	z-index: 2;
}

@media (max-width: 1420px) {
	.w1400 {
		width: 88%;
	}
}

@media (max-width: 800px) {
	.w1400 {
		width: 94%;
	}
}

.w1600 {
	width: 16rem;
	margin: 0 auto;
	position: relative;
	font-size: 0;
	z-index: 2;
}

@media (max-width: 1620px) {
	.w1600 {
		width: 88%;
	}
}

@media (max-width: 800px) {
	.w1600 {
		width: 94%;
	}
}

header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	transition: all ease 0.5s;
	background-color: transparent;
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

header .htop {
	width: 100%;
	font-size: 0;
	display: flex;
	align-items: center;
}

header .htop .logo {
	display: inline-block;
	vertical-align: middle;
	width: 1.8rem;
}

header .htop .logo a,
header .htop .logo img {
	width: 100%;
	display: block;
}

header .htop .logo img:first-child {
	display: block;
}

header .htop .logo img:last-child {
	display: none;
}

header .htop nav {
	flex: 1;
	text-align: center;
	padding-left: 0.2rem;
}

header .htop nav .natem {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

header .htop nav .natem .nas {
	width: auto;
	display: inline-block;
	margin: 0 0.3rem;
}

header .htop nav .natem .nas a {
	display: inline-block;
	line-height: 3.5;
	line-height: 1rem;
	color: #fff;
	border-bottom: solid 2px transparent;
	position: relative;
}

header .htop nav .natem .nas a:after {
	content: ' ';
	position: absolute;
	left: calc(100% + 0.06rem);
	top: 48%;
	transform: translateY(-50%);
	width: 12px;
	height: 7px;
	width: 0.12rem;
	height: 0.07rem;
	display: none;
	background-image: url("../images/r4.png");
	transition: all ease 0.5s;
	background-size: 100% 100%;
}

header .htop nav .natem .navuls {
	width: 100vw;
	position: absolute;
	z-index: 101;
	left: 50%;
	top: 100%;
	padding: 0.4rem 0;
	transform: translateX(-50%);
	background-color: rgba(255, 255, 255, 0.9);
	display: none;
}

header .htop nav .natem .navuls ul {
	width: 100%;
	font-size: 0;
}

header .htop nav .natem .navuls ul li {
	width: 50%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0.1rem 0.1rem;
}

header .htop nav .natem .navuls ul li .njm {
	width: 100%;
	font-size: 0;
}

header .htop nav .natem .navuls ul li .ns {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	line-height: 3;
	color: #222;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 0.4rem 0 0.2rem;
	position: relative;
}

header .htop nav .natem .navuls ul li .ns:after {
	content: ' ';
	position: absolute;
	right: 0.4rem;
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
	height: 16px;
	background-image: url("../images/r3.png");
	background-size: 100% 100%;
	display: none;
}

header .htop nav .natem .navuls ul li .ns:hover {
	color: #c30004;
}

header .htop nav .natem .navuls ul li .ns:hover:after {
	display: block;
}

header .htop nav .natem .navuls ul li .theul {
	width: 100%;
	background-color: #fff;
	display: none;
}

header .htop nav .natem .navuls ul li .theul li {
	width: 100%;
	font-size: 0;
}

header .htop nav .natem .navuls ul li .theul li .xn {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	line-height: 2.5;
	padding: 0 0.2rem;
}

header .htop nav .natem .navuls ul li .theul li .xn:hover {
	color: #c30004;
}

header .htop nav .natem .navuls ul li:hover .ns {
	color: #c30004;
}

header .htop nav .natem .navuls ul li:hover .ns:after {
	display: block;
}

header .htop nav .natem .navuls ul li.has-the:after {
	content: "+";
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	position: absolute;
	background: none;
	right: 0;
	left: auto;
	transform: translateX(0);
	top: 0.05rem;
	font-size: 20px;
	color: #333;
	border: none;
	display: none;
}

header .htop nav .natem .navuls ul li.has-the.show:after {
	content: "-";
}

header .htop nav .natem.on .nas a {
	border-bottom: solid 2px #fff;
}

header .htop nav .natem.on .nas a:after {
	transform: translateY(-50%) rotate(180deg);
}

header .htop nav .natem:hover .nas a {
	border-bottom: solid 2px #fff;
}

header .htop nav .natem:hover .nas a:after {
	display: block;
	transform: translateY(-50%) rotate(180deg);
}

header .htop nav .natem.has-nav .nas a:after {
	display: block;
}

header .htop .tel {
	display: inline-block;
	vertical-align: middle;
}

header .htop .tel img {
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}

header .htop .tel a {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	margin-left: 5px;
	margin-right: 10px;
}

header .htop .tel span {
	color: #c30004;
	font-size: 22px;
}

header .htop .rav {
	display: inline-block;
	vertical-align: middle;
}

header .htop .rav .languages {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	margin: 0 0.1rem;
	text-align: left;
}

header .htop .rav .languages .lauges {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

header .htop .rav .languages .lauges .lashow {
	width: 100%;
	color: #fff;
	line-height: 1.5;
	position: relative;
	cursor: pointer;
	padding: 0 0.3rem 0 0.1rem;
}

header .htop .rav .languages .lauges .lashow .ac {
	display: inline-block;
	vertical-align: middle;
	width: 0.23rem;
	height: 0.23rem;
}

header .htop .rav .languages .lauges .lashow .ac img {
	width: 100%;
	display: block;
}

header .htop .rav .languages .lauges .lashow .ac img:first-child {
	display: block;
}

header .htop .rav .languages .lauges .lashow .ac img:last-child {
	display: none;
}

header .htop .rav .languages .lauges .lashow .am {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: 2.5;
	margin-left: 0.1rem;
}

header .htop .rav .languages .lauges .lashow:after {
	content: " ";
	position: absolute;
	z-index: 3;
	right: 0.05rem;
	top: calc(50% + 0.01rem);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border: solid 0.05rem;
	border-color: #fff transparent transparent transparent;
}

header .htop .rav .languages .lauges .language {
	position: absolute;
	z-index: 10;
	top: 100%;
	width: 100%;
	display: none;
}

header .htop .rav .languages .lauges .language .latem {
	width: 100%;
}

header .htop .rav .languages .lauges .language .latem a {
	width: 100%;
	display: block;
	padding: 0 0.1rem;
	color: #fff;
	line-height: 3;
	background: rgba(34, 34, 34, 0.5);
}

header .htop .rav .languages .lauges .language .latem a span {
	display: inline-block;
	vertical-align: middle;
	width: 0.24rem;
	height: 0.24rem;
	margin-right: 0.08rem;
}

header .htop .rav .languages .lauges .language .latem a span img {
	width: 100%;
	display: inline-block;
}

header .htop .rav .languages .lauges .language .latem a i {
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
	color: #fff;
	line-height: 3;
}

header .htop .rav .languages .lauges .language .latem:hover a {
	background: #222;
	color: #fff;
}

header .htop .rav .ss {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 0.23rem;
	height: 0.23rem;
	width: 20px;
	height: 20px;
	margin: 0 0.15rem;
	font-size: 0;
	cursor: pointer;
}

header .htop .rav .ss img {
	width: 100%;
	display: block;
}

header .htop .rav .ss img:first-child {
	display: block;
}

header .htop .rav .ss img:last-child {
	display: none;
}

header .htop .rav .menu {
	display: inline-block;
	vertical-align: middle;
	display: none;
}

header .htop .rav .menu img:first-child {
	display: block;
}

header .htop .rav .menu img:last-child {
	display: none;
}

header .htop .rav .atn {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	position: relative;
	padding-right: 0.2rem;
}

header .htop .rav .atn:after {
	content: ' ';
	position: absolute;
	right: 0;
	height: 0.2rem;
	width: 1px;
	background-color: #ddd;
	top: 50%;
	transform: translateY(-50%);
}

header .htop .rav .atn a {
	width: 100%;
	display: block;
	color: #fff;
	line-height: 2.5;
}

header .htop .rav .atn a span {
	display: inline-block;
	vertical-align: middle;
	width: 0.25rem;
	height: 0.25rem;
	margin-right: 0.1rem;
	position: relative;
	top: -0.02rem;
}

header .htop .rav .atn a span img {
	width: 100%;
	display: block;
}

header .htop .rav .atn a span img:first-child {
	display: block;
}

header .htop .rav .atn a span img:last-child {
	display: none;
}

header .black {
	display: none;
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 12;
	cursor: pointer;
}

header .sear {
	width: 100%;
	font-size: 0;
	padding: 0.3rem 0.3rem;
	display: none;
	position: absolute;
	right: 0;
	left: 0;
	z-index: 1111;
	background: #fff;
	top: calc(100% + 0.1rem);
	top: 100%;
}

header .sear form {
	width: 100%;
	font-size: 0;
	margin: 0 auto;
	max-width: 10rem;
	display: block;
	border-radius: 0.2rem;
	overflow: hidden;
	background: #f6f6f6;
}

header .sear .input {
	width: calc(100% - 1rem);
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background: #f6f6f6;
}

header .sear .input input {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	background: #f6f6f6;
	color: #666666;
	line-height: 2.5;
	height: 2.5em;
	padding: 0 0.2rem;
	border: none;
}

header .sear .submxt {
	width: 1rem;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}

header .sear .submxt input {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	background: #c30004;
	color: #fff;
	line-height: 2.5;
	border-radius: 1.25em;
	padding: 0 0.2rem;
	border: none;
	text-align: center;
	cursor: pointer;
}

header.white {
	background-color: #fff;
}

header.white .htop .logo img:first-child {
	display: none;
}

header.white .htop .logo img:last-child {
	display: block;
}

header.white .htop nav .natem .nas a {
	color: #333;
}

header.white .htop nav .natem .nas a:after {
	content: ' ';
	position: absolute;
	left: calc(100% + 0.06rem);
	top: 48%;
	transform: translateY(-50%);
	width: 12px;
	height: 7px;
	width: 0.12rem;
	height: 0.07rem;
	display: none;
	background-image: url("../images/r4s.png");
	transition: all ease 0.5s;
	background-size: 100% 100%;
}

header.white .htop nav .natem.on .nas a {
	color: #c30004;
	border-bottom: solid 2px #c30004;
}

header.white .htop nav .natem.on .nas a:after {
	background-image: url("../images/r4r.png");
	background-size: 100% 100%;
	transform: translateY(-50%) rotate(180deg);
}

header.white .htop nav .natem.has-nav .nas a:after {
	display: block;
}

header.white .htop .rav .atn a {
	color: #333;
}

header.white .htop .rav .atn a span img:first-child {
	display: none;
}

header.white .htop .rav .atn a span img:last-child {
	display: block;
}

header.white .htop .rav .ss img:first-child {
	display: none;
}

header.white .htop .rav .ss img:last-child {
	display: block;
}

header.white .htop .rav .languages .lauges .lashow .ac img:first-child {
	display: none;
}

header.white .htop .rav .languages .lauges .lashow .ac img:last-child {
	display: block;
}

header.white .htop .rav .languages .lauges .lashow .am {
	color: #333;
}

header.white .htop .rav .languages .lauges .lashow:after {
	border: solid 0.05rem;
	border-color: #333 transparent transparent transparent;
}

header.white .htop .rav .menu img:first-child {
	display: none;
}

header.white .htop .rav .menu img:last-child {
	display: block;
}

header.gray {
	background-color: rgba(0, 0, 0, 0.2);
}

header.gray.white {
	background-color: #fff;
}

@media (max-width: 800px) {
	header {
		background-color: #fff !important;
	}

	header .htop {
		padding: 0.3rem 0;
	}

	header .htop nav {
		width: 80%;
		position: fixed;
		max-width: 90%;
		right: 0;
		top: 0;
		left: auto;
		height: 100vh;
		background-color: #fff;
		margin-right: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		overflow: auto;
		z-index: 500;
		transform: translate(100%, 0);
		transition: transform .3s;
		padding-left: 0.1rem;
		padding: 0.1rem;
		display: block;
		text-align: left;
	}

	header .htop nav .natem {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: auto;
		width: 100%;
		padding: 0.1rem 0;
	}

	header .htop nav .natem .nas {
		width: auto;
		display: inline-block;
		width: 100%;
	}

	header .htop nav .natem .nas a {
		width: auto;
		display: inline-block;
		vertical-align: middle;
		line-height: 2.5;
		color: #333;
		font-weight: bold;
		padding: 0 0.3rem;
		position: relative;
	}

	header .htop nav .natem .nas a:after {
		display: none;
	}

	header .htop nav .natem .nas a:hover {
		color: #c30004;
	}

	header .htop nav .natem .navuls {
		width: 100%;
		position: relative;
		z-index: 101;
		left: 0%;
		top: 0%;
		transform: translateX(0%);
		background: #fff;
		box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
		display: none;
		padding: 0;
	}

	header .htop nav .natem .navuls ul {
		width: 100%;
		padding: 0.1rem 0.3rem;
	}

	header .htop nav .natem .navuls ul li {
		width: 100%;
		display: block;
		position: relative;
		padding: 0;
	}

	header .htop nav .natem .navuls ul li .ns {
		width: auto;
		display: inline-block;
		vertical-align: middle;
		line-height: 3;
		color: #333;
		text-align: left !important;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		padding: 0 0.2rem;
		background: #fff;
		position: relative;
		width: 100%;
	}

	header .htop nav .natem .navuls ul li .ns:hover {
		color: #c30004;
	}

	header .htop nav .natem .navuls ul li .ns:after {
		content: ' ';
		position: absolute;
		right: 0.3rem;
		top: 50%;
		transform: translateY(-50%);
		width: 11px;
		height: 16px;
		background-image: url("../images/r3.png");
		background-size: 100% 100%;
	}

	header .htop nav .natem .navuls ul li+li {
		border-top: solid 1px #eee;
	}

	header .htop nav .natem .navuls ul li:hover .ns {
		color: #c30004;
	}

	header .htop nav .natem .navuls ul li.has-the:after {
		display: block;
	}

	header .htop nav .natem:before {
		display: none !important;
	}

	header .htop nav .natem.on .nas a:after {
		display: none;
	}

	header .htop nav .natem.on .nas:after {
		display: none;
	}

	header .htop nav .natem.has-nav .nas a:after {
		display: none !important;
	}

	header .htop nav .natem.has-nav:after {
		content: "+";
		display: inline-block;
		width: 36px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		position: absolute;
		background: none;
		right: 0;
		left: auto;
		transform: translateX(0);
		top: 0.05rem;
		font-size: 20px;
		color: #333;
		border: none;
	}

	header .htop nav .natem.has-nav.show:after {
		content: "-";
	}

	header .htop .rav {
		width: calc(100%);
		text-align: right;
	}

	header .htop .rav .menu {
		display: inline-block;
		vertical-align: middle;
		width: 0.5rem;
		height: 0.5rem;
		margin: 0 0.1rem;
	}

	header .htop .rav .ss {
		display: inline-block;
		vertical-align: middle;
	}

	header .htop .logo {
		width: 2.6rem;
	}

	header .htop .logo img:first-child {
		display: none;
	}

	header .htop .logo img:last-child {
		display: block;
	}

	header .htop nav .natem .nas a {
		color: #333;
	}

	header .htop nav .natem.on .nas a {
		color: #c30004;
		border-bottom: solid 2px #c30004;
	}

	header .htop .rav .atn a {
		color: #333;
	}

	header .htop .rav .atn a span img:first-child {
		display: none;
	}

	header .htop .rav .atn a span img:last-child {
		display: block;
	}

	header .htop .rav .ss img:first-child {
		display: none;
	}

	header .htop .rav .ss img:last-child {
		display: block;
	}

	header .htop .rav .languages .lauges .lashow .ac img:first-child {
		display: none;
	}

	header .htop .rav .languages .lauges .lashow .ac img:last-child {
		display: block;
	}

	header .htop .rav .languages .lauges .lashow .am {
		color: #333;
	}

	header .htop .rav .languages .lauges .lashow:after {
		border: solid 0.05rem;
		border-color: #333 transparent transparent transparent;
	}

	header .htop .rav .menu img:first-child {
		display: none;
	}

	header .htop .rav .menu img:last-child {
		display: block;
	}

	header.menu-state .w1600 {
		z-index: auto;
	}

	header.menu-state .htop nav {
		transform: translate(0, 0);
	}

	header.menu-state .black {
		display: block;
	}
}

.banner {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.banner .swiper-slide {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.banner .swiper-slide .img {
	width: 100%;
	padding-top: 48.95%;
}

.banner .swiper-slide .sox {
	position: absolute;
	top: 50%;
	left: calc((160 / 1920) * 100%);
	transform: translateY(-50%);
	width: 100%;
	/* max-width: 6.8rem; */
	max-width: 90%;
}

.banner .swiper-slide .sox .sm {
	width: 100%;
	color: #fff;
	line-height: 1.3;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.3rem;
}

.banner .swiper-slide .sox .sm p {
	color: #fff;
	line-height: 1.3;
}

.banner .swiper-slide .sox .sm p span {
	font-size: 36px;
	color: #fff;
	opacity: .55;
}

.banner .swiper-slide .sox .em {
	width: 100%;
	color: #fff;
	line-height: 1.5;
	margin-top: 0.25rem;
}

.banner .swiper-slide .sox .em p {
	width: 30%;
	color: #fff;
	line-height: 1.5;
}

.banner .swiper-slide .sox .lx {
	width: 100%;
	font-size: 0;
	/*margin-top: 0.8rem;*/
}

.banner .swiper-slide .sox .lx span {
	display: inline-block;
	vertical-align: middle;
	width: 0.4rem;
	height: 0.04rem;
	background-color: #fff;
}

.banner .swiper-slide .voc {
	background-color: #000;
	object-fit: cover;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.banner .swiper-pagination {
	font-size: 0;
	text-align: center;
	bottom: 0.4rem;
	z-index: 10;
}

.banner .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	opacity: 1;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.15rem !important;
	background-color: #fff;
}

.banner .swiper-pagination-bullet-active {
	width: 0.4rem;
	height: 0.4rem;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.15rem !important;
	background-image: url("../images/i27.png");
	background-size: 100% 100%;
	background-color: transparent;
	animation: infinite 4s roun ease-in-out;
}

@keyframes roun {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@media (max-width: 1620px) {
	.banner .swiper-slide .sox {
		left: 6%;
	}

	.banner .swiper-pagination {
		width: 100%;
		left: 0;
		right: 0;
	}
}

@media (max-width: 800px) {
	.banner .swiper-slide .img {
		padding-top: 76%;
	}

	.banner .swiper-slide .sox {
		max-width: 94%;
	}

	.banner .swiper-slide .sox .sm {
		font-size: 16px;
	}

	.banner .swiper-slide .sox .em {
		font-size: 12px;
	}

	.banner .swiper-slide .sox .sp {
		font-size: 12px;
		margin: 0.2rem 0;
	}

	.banner .swiper-slide .sox .more {
		margin-top: 0.3rem;
	}
}

footer {
	width: 100%;
}

footer .ftop {
	width: 100%;
	padding: 0.4rem 0 0.4rem;
	background: #000 url(../images/ind_foot.jpg) no-repeat center/cover;
}

footer .fop {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
}

footer .fop .fpl {
	display: inline-block;
	vertical-align: top;
	width: calc((570 / 1600) * 100%);
}

footer .fop .fpl .fogo {
	width: 100%;
	font-size: 0;
}

footer .fop .fpl .fogo a {
	width: 100%;
	color: #fff;
	line-height: 1.5;
	font-weight: bold;
}

footer .fop .fpl .fogo a span {
	display: inline-block;
	vertical-align: middle;
	width: 1.8rem;
	margin-right: 0.2rem;
}

footer .fop .fpl .fogo a span img {
	width: 100%;
	display: block;
}

footer .fop .fpl .finp {
	width: 100%;
	margin: 0.24rem 0 0.2rem;
	color: rgba(255, 255, 255, .5);
	line-height: 2.2;
}

footer .fop .fpl .finp p {
	color: rgba(255, 255, 255, .5);
	line-height: 2.2;
}

footer .fop .fpl .share {
	width: 100%;
	font-size: 0;
	margin: 0.2rem 0;
}

footer .fop .fpl .share .am {
	display: inline-block;
	vertical-align: middle;
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.1);
	transition: all ease 0.5s;
	margin-right: 0.12rem;
}

footer .fop .fpl .share .am a,
footer .fop .fpl .share .am img {
	width: 100%;
	height: 100%;
	display: block;
}

footer .fop .fpl .share .am:hover {
	background-color: #c30004;
}

footer .fop .fpl .fode {
	width: 100%;
	font-size: 0;
}

footer .fop .fpl .fode .mg {
	display: inline-block;
	vertical-align: middle;
	width: 1.2rem;
	height: 1.2rem;
}

footer .fop .fpl .fode .mg img {
	width: 100%;
	display: block;
}

footer .fop .fpr {
	display: inline-block;
	vertical-align: top;
	width: calc((950 / 1600) * 100%);
	font-size: 0;
}

footer .fop .fpr .flist {
	display: inline-block;
	vertical-align: top;
	width: calc((150 / 950) * 100%);
	padding-right: 0.1rem;
}

footer .fop .fpr .flist .fit {
	width: 100%;
	font-size: 0;
	margin-bottom: 0.3rem;
}

footer .fop .fpr .flist .fit a {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: 1.5;
}

footer .fop .fpr .flist .ful {
	width: 100%;
}

footer .fop .fpr .flist .ful a {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	color: rgba(255, 255, 255, .5);
	line-height: 2.2;
	transition: all ease 0.5s;
}

footer .fop .fpr .flist .ful a span {
	display: inline-block;
	vertical-align: middle;
	width: 0.22rem;
	height: 0.22rem;
	margin-right: 0.1rem;
}

footer .fop .fpr .flist .ful a span img {
	width: 100%;
	display: block;
}

footer .fop .fpr .flist .ful a span img:first-child {
	display: block;
}

footer .fop .fpr .flist .ful a span img:last-child {
	display: none;
}

footer .fop .fpr .flist .ful a:hover {
	color: #fff;
}

footer .fop .fpr .flist .ful a:hover span img:first-child {
	display: none;
}

footer .fop .fpr .flist .ful a:hover span img:last-child {
	display: block;
}

footer .fbot {
	width: 100%;
	background-color: #222222;
	padding: 0.2rem 0;
}

footer .fob {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

footer .fob .fbl {
	display: inline-block;
	vertical-align: middle;
}

footer .fob .fbl .fm {
	width: 100%;
	color: rgba(255, 255, 255, .5);
	line-height: 1.5;
}

footer .fob .fbl .fm span {
	color: rgba(255, 255, 255, .5);
}

footer .fob .fbl .fm a {
	color: rgba(255, 255, 255, .5);
}

footer .fob .fbl .fm a:hover {
	color: #fff;
}

footer .fob .fbr {
	display: inline-block;
	vertical-align: middle;
}

footer .fob .fbr .fanguages {
	width: 2.1rem;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	margin: 0 0.1rem;
	text-align: left;
}

footer .fob .fbr .fanguages .fauges {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

footer .fob .fbr .fanguages .fauges a {
	color: rgba(255, 255, 255, 0.5);
	transform: all .3s;
}

footer .fob .fbr .fanguages .fauges a:hover {
	color: #fff;
}

footer .fob .fbr .fanguages .fauges .fashow {
	width: 100%;
	color: #fff;
	line-height: 1.5;
	position: relative;
	cursor: pointer;
	padding: 0 0.3rem 0 0.1rem;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 5px;
}

footer .fob .fbr .fanguages .fauges .fashow .am {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: 2.5;
	margin-left: 0.1rem;
}

footer .fob .fbr .fanguages .fauges .fashow:after {
	content: " ";
	position: absolute;
	z-index: 3;
	right: 0.2rem;
	top: calc(50% + 0.01rem);
	transform: translateY(-50%) rotate(90deg);
	width: 0;
	height: 0;
	width: 11px;
	height: 16px;
	background-image: url("../images/r2.png");
	background-size: 100% 100%;
}

footer .fob .fbr .fanguages .fauges .fanguage {
	position: absolute;
	z-index: 10;
	width: 100%;
	display: none;
	bottom: 100%;
	left: 0;
	right: 0;
}

footer .fob .fbr .fanguages .fauges .fanguage .fatem {
	width: 100%;
}

footer .fob .fbr .fanguages .fauges .fanguage .fatem a {
	width: 100%;
	display: block;
	color: #fff;
	padding: 0 0.1rem;
	line-height: 3;
	background: rgba(34, 34, 34, 0.5);
}

footer .fob .fbr .fanguages .fauges .fanguage .fatem:hover a {
	background: #222;
	color: #fff;
}

@media (max-width: 800px) {
	footer .fop .fpl .share .am {
		width: 0.6rem;
		height: 0.6rem;
	}

	footer .fop .fpr .flist {
		width: 100%;
		border-bottom: solid 1px rgba(223, 223, 223, 0.3);
		position: relative;
	}

	footer .fop .fpr .flist .fit {
		width: 100%;
		margin-bottom: 0;
		padding: 0.3rem 0;
	}

	footer .fop .fpr .flist .ful {
		width: 100%;
		font-size: 0;
		padding-bottom: 0.15rem;
		display: none;
	}

	footer .fop .fpr .flist .ful a {
		line-height: 2;
	}

	footer .fop .fpr .flist:first-child {
		border-top: solid 1px rgba(223, 223, 223, 0.3);
	}

	footer .fop .fpr .flist.has-ful:after {
		content: " ";
		display: inline-block;
		width: 11px;
		height: 16px;
		background-image: url("../images/r2.png");
		background-position: center;
		background-size: 100% 100%;
		text-align: center;
		position: absolute;
		right: 0.3rem;
		left: auto;
		transform: translateX(0) rotate(90deg);
		top: 0.40rem;
		color: #333;
		border: none;
		transition: all ease 0.5s;
	}

	footer .fop .fpr .flist.has-ful.show:after {
		content: " ";
		transform: translateX(0) rotate(270deg);
	}

	footer .fob .fbl {
		width: calc(100% - 160px);
		margin-bottom: 0.15rem;
	}

	footer .fob .fbr {
		text-align: right;
	}

	footer .fob .fbr .fanguages {
		width: 150px;
		text-align: left;
	}
}

.modular {
	width: 100%;
}

.modular .mitop {
	width: 100%;
	 margin-bottom: 0.4rem; 
}

.modular .mitop .em {
	width: 100%;
	color: #222;
	line-height: 1.5;
	font-weight: bold;
	text-transform: uppercase;
}

.modular .mitop .cm {
	margin-top: 0.08rem;
	width: 100%;
	color: #222;
	font-weight: bold;
}

.modular .mitop.mt {
	text-align: center;
}

.modular .mstop {
	width: 100%;
	font-size: 0;
	margin-bottom: 0.5rem;
}

.modular .mstop .cn {
	display: inline-block;
	color: #222;
	font-weight: bold;
	width: auto;
	margin-right: 0.1rem;
}

.modular .mstop .pm {
	display: inline-block;
	color: #222;
	font-weight: bold;
	text-transform: uppercase;
}

.modular.white .mitop .em,
.modular.white .mitop .cm {
	color: #fff;
}

.products {
	width: 100%;
	padding: 0.6rem 0;
	background: #f7f7f7 url('../images/ind_pro.jpg') no-repeat center/cover;
}

.i-product-top_hd {
	/* float: left; */
	width: 100%;
	margin: 46px 0;
	text-align: center;
}

.i-product-top_hd ul {
	display: inline-block;
}

.i-product-top_hd ul li {
	display: inline-block;
	text-align: center;
	color: #333;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	margin: 0 15px;
}

.i-product-top_hd ul li span a {
	display: inline-block;
	padding: 0 28px;
	height: 40px;
	line-height: 38px;
	font-size: 16px;
	border-radius: 20px;
	color: #333;
	border: 1px dashed #a0a0a0;
	text-align: center;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.i-product-top_hd ul li.active:hover span a {
	color: #fff;
	background: #c30004;
	border: 1px dashed #c30004;
}

.i-product-top_hd ul li.on span a {
	color: #fff;
	background: #c30004;
	border: 1px dashed #c30004;
}

.i-product-slideBox {
	float: left;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=00);
	position: absolute;
}

.i-product-slideBox.block {
	left: 0;
	top: 0;
	width: 100%;
	position: relative;
	z-index: 9;
	opacity: 1;
	filter: alpha(opacity=100);
}

.products .prodtper {
	width: 100%;
	position: relative;
	/* overflow: hidden; */
}

.c-b {
	width: 100%;
}

.c-item {
	width: 25%;
	padding: 0 0.17rem;
	margin-bottom: 2%;
}

.c-link {
	display: block;
	width: 100%;
	cursor: pointer;
	position: relative;
	padding: 0.5rem 0.3rem;
	text-align: center;
	background-color: #fff;
	border-radius: 0.1rem;
	border: solid 1px #eeeeee;
}

.c-nub {
	width: 100%;
	text-align: left;
	color: #888888;
	line-height: 1.5;
	margin-bottom: 0.3rem;
}

.s20 {
	font-size: calc(20 * 1rem / 100);
}

.c-img {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	margin-bottom: 0.3rem;
	object-fit: cover;
}


.c-img img {
	max-width: 100%;
	max-height: 100%;
	transition: all .6s;
}

.c-item:hover .c-img img {
	transform: scale(1.1);
}

.c-text {
	width: 100%;
}

.c-c {
	width: 100%;
	position: relative;
	padding-bottom: .2rem;
	margin-bottom: .18rem;
}

.c-c:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #c30004;
}

.c-c:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -.15rem;
	width: .3rem;
	height: 2px;
	background-color: #c30004;
}

.c-text .c-name {
	color: #000;
	line-height: 1.41;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
	transition: all .3s;
}

.c-item:hover .c-text .c-name {
	color: #c30004;
}

.c-text .c-intro {
	color: #888888;
	line-height: 1.3;
	height: 2.6em;
	margin-bottom: .25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.c-text .c-more {
	display: inline-block;
	padding: 0 .35rem;
	color: #c30004;
	line-height: .52rem;
	background-color: #ffffff;
	box-shadow: 0px 0px .13rem 0px rgba(195, 0, 4, 0.23);
	border-radius: .26rem;
	transition: all .3s;
}

.c-text .c-more:hover {
	color: #fff;
	background-color: #c30004;
}

.c-text .c-more:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: .2rem;
	width: .14rem;
	height: .14rem;
	background-image: url('../images/a13-b.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all .3s;
}

.c-text .c-more:hover:after {
	background-image: url('../images/a13-b_on.png');
}

.c-sub {
	opacity: 0;
	z-index: -1;
	transition: all ease .5s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.c-prev {
	left: -0.53rem;
	margin-top: -0.21rem;
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 50%;
	background-size: 0 0;
	background-position: left top;
	background-color: #929292;
	background-image: none !important;
}

.c-prev:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/a38.png);
	background-size: 0.1rem auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.c-next {
	transform: rotate(-180deg);
	right: -0.53rem;
	margin-top: -0.21rem;
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 50%;
	background-size: 0 0;
	background-position: left top;
	background-color: #929292;
	background-image: none !important;
}

.c-next:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/a38.png);
	background-size: 0.1rem auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.c-prev:hover {
	background-size: cover;
	background-color: #c30004;
}

.c-next:hover {
	background-size: cover;
	background-color: #c30004;
}

@media (max-width: 1620px) {
	.products .prodtper .c-prev {
		left: -0.2rem;
	}

	.products .prodtper .c-next {
		right: -0.2rem;
	}
}

@media (max-width:1460px) {}

@media (max-width:1350px) {}

@media (max-width: 1180px) {}

@media (max-width: 991px) {
	.c-item {
		width: 50%;
		padding: 0 5px;
	}

	.c-prev {
		left: 0;
	}

	.c-next {
		right: 0;
	}

	.c-img {
		height: auto;
	}
}

@media (max-width: 480px) {

	.s20 {
		font-size: 16.4px;
	}

	.c-item {
		width: 50%;
		padding: 0 5px;
	}

	.c-img {
		height: auto;
	}
}

.plans {
	width: 100%;
	position: relative;
}

.plans .plamglis {
	width: 100%;
	position: relative;
	z-index: 1;
	height: 8.4rem;
}

.plans .plamglis .plam {
	width: 100%;
	position: relative;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0;
	transition: all ease 1s;
	height: 100%;
}

.plans .plamglis .plam .img {
	width: 100%;
	height: 100%;
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.plans .plamglis .plam .img img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.plans .plamglis .plam.on {
	z-index: 5;
	opacity: 1;
}

.plans .mitop {
	position: absolute;
	top: 1rem;
	width: 100%;
	z-index: 3;
}

.plans .planpers {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.plans .planpers .swiper-container,
.plans .planpers .swiper-wrapper {
	height: 100%;
}

.plans .planpers .swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-end;
}

.plans .planpers .swiper-slide .vom {
	width: 100%;
	padding: 0.3rem 0.8rem 0.5rem;
	transition: all ease 0.5s;
}

.plans .planpers .swiper-slide .vom a {
	width: 100%;
	display: block;
}

.plans .planpers .swiper-slide .vom .vc {
	width: 100%;
	font-size: 0;
}

.plans .planpers .swiper-slide .vom .vc span {
	display: inline-block;
	vertical-align: middle;
	width: 0.32rem;
	height: 0.32rem;
}

.plans .planpers .swiper-slide .vom .vc span img {
	width: 100%;
	display: block;
}

.plans .planpers .swiper-slide .vom .vt {
	width: 100%;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	margin: 0.15rem 0;
}

.plans .planpers .swiper-slide .vom .vm {
	width: 100%;
	color: #fff;
	line-height: 1.5em;
	height: 3em;
	display: -webkit-box;
	white-space: normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.plans .planpers .swiper-slide .vom .more {
	width: 100%;
	font-size: 0;
	margin-top: 0.6rem;
}

.plans .planpers .swiper-slide .vom .more span {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: 1.5;
}

.plans .planpers .swiper-slide .vom .more i {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 13px;
	margin-left: 0.15rem;
	position: relative;
	transition: all ease 0.5s;
}

.plans .planpers .swiper-slide .vom .more i img {
	width: 100%;
	display: block;
}

.plans .planpers .swiper-slide+.swiper-slide {
	border-left: solid 1px rgba(255, 255, 255, 0.2);
}

.plans .planpers .swiper-slide.on .vom {
	/* background-color: #c30004; */
	background-color: rgba(195, 0, 4, 0.7);
}

.plans .planpers .swiper-slide.on .vom .more i {
	margin-left: 0.15rem;
	transition: all .3s;
}

.plans .planpers .swiper-slide.on:hover .vom .more i {
	margin-left: 0.35rem;
}

.plans .planpers .btn {
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	z-index: 5;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.1);
}

.plans .planpers .btn img {
	width: 100%;
	height: 100%;
	display: block;
}

.plans .planpers .btn:hover {
	background-color: #c30004;
}

.plans .planpers .bl {
	left: 0rem;
}

.plans .planpers .br {
	right: 0rem;
}

.abouts {
	width: 100%;
	padding: 0.8rem 0;
}

.abouts .abotm {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.abouts .abotm .abl {
	display: inline-block;
	vertical-align: middle;
	width: calc((800 / 1600) * 100%);
	position: relative;
}

.abouts .abotm .abl .img {
	width: 100%;
	padding-top: 50.25%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.abouts .abotm .abl .play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0.75rem;
	height: 0.75rem;
	cursor: pointer;
	transition: all ease 0.5s;
}

.abouts .abotm .abl .play img {
	width: 100%;
	display: block;
}

.abouts .abotm .abl .play:hover {
	transform: translate(-50%, -50%) scale(1.1);
}

.abouts .abotm .abr {
	display: inline-block;
	vertical-align: middle;
	width: calc((700 / 1600) * 100%);
}

.abouts .abotm .abr .ainp {
	width: 100%;
	color: #666;
	line-height: 1.8;
}

.abouts .abotm .abr .ainp p {
	color: #666;
	line-height: 1.8;
}

.abouts .abotm .abr .more {
	width: 100%;
	font-size: 0;
	margin-top: 0.7rem;
}

.abouts .abotm .abr .more a {
	display: inline-block;
	vertical-align: middle;
	border: solid 1px #333;
	color: #333;
	line-height: 3;
	padding: 0 0.3rem;
	border-radius: 1.5em;
}

.abouts .abotm .abr .more a span {
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 16px;
	width: 0.18rem;
	height: 0.13rem;
	position: relative;
	top: -0.02rem;
	left: -0.1rem;
	margin-left: 0.3rem;
	transition: all ease 0.5s;
}

.abouts .abotm .abr .more a span img {
	width: 100%;
	display: block;
}

.abouts .abotm .abr .more a span img:first-child {
	display: block;
}

.abouts .abotm .abr .more a span img:last-child {
	display: none;
}

.abouts .abotm .abr .more a:hover {
	border: solid 1px #c30004;
	background-color: #c30004;
	color: #fff;
}

.abouts .abotm .abr .more a:hover span {
	left: 0.1rem;
}

.abouts .abotm .abr .more a:hover span img:first-child {
	display: none;
}

.abouts .abotm .abr .more a:hover span img:last-child {
	display: block;
}

.abouts .vtcoms {
	display: flex;
	justify-content: space-between;
	width: 100%;
	font-size: 0;
	margin-top: 0.7rem;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.abouts .vtcoms .vtem {
	display: inline-block;
	vertical-align: top;
	width: 15%;
	padding: 0.4rem 0;
}

.abouts .vtcoms .vtem .vc {
	display: inline-block;
	vertical-align: top;
	width: 0.42rem;
	height: 0.42rem;
	margin-right: 0.15rem;
}

.abouts .vtcoms .vtem .vc img {
	width: 100%;
	display: block;
}

.abouts .vtcoms .vtem .vrm {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 0.75rem);
}

.abouts .vtcoms .vtem .vrm .vh {
	width: 100%;
	color: #c30004;
}

.abouts .vtcoms .vtem .vrm .vh span {
	font-weight: bold;
	margin-right: 0.08rem;
}

.abouts .vtcoms .vtem .vrm .vx {
	width: 100%;
	color: rgba(51, 51, 51, 0.8);
	line-height: 1.5;
	margin-top: 0.06rem;
}

.lcbj {
	height: 495px;
	padding-top: 73px;
	color: #FFFFFF;
	background: url(../images/lcbj.jpg) top center;
}

.lcbj h2 {
	font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
	font-size: 37px;
	margin-top: 0px;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 6px;
}

.lcbj h3 {
	font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 45px;
	background: url(../images/xiahua2.png) center bottom;
	background-repeat: repeat;
	background-repeat: no-repeat;
	padding-bottom: 16px;
}


.img-responsive {
	/* display: block; */
	height: auto;
	max-width: 100%;
}

.kuanping {
	text-align: center;
	margin: 0 auto;
}

.lcmore {
	display: block;
	width: 260px;
	margin: 47px auto 0px;
}

.lcmore a {
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 20px;
}

.dazi {
	font-size: 20px;
	color: #FFFFFF;
}

.partners {
	width: 100%;
	padding: .8rem 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.partners .partper {
	width: 100%;
	font-size: 0;
	position: relative;
}

.partners .partper .swiper-container {
	padding-bottom: 0.3rem;
}

.partners .partper .cerm {
	/* display: inline-block; */
	vertical-align: top;
	/* width: calc((250 / 1600) * 100%); */
	overflow: hidden;
	margin-bottom: 0.2rem;
	margin-right: calc((19 / 1600) * 100%);
	transition: all ease 0.5s;
	position: relative;
	border-radius: 0.1rem;
	overflow: hidden;
}

.partners .partper .cerm a {
	width: 100%;
	display: block;
}

.partners .partper .cerm .img {
	width: 100%;
	padding-top: 64%;
	transition: all ease 0.5s;
	background-color: #fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.partners .partper .cerm .img img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.partners .partper .cerm:hover {
	box-shadow: 10px 10px 24px 0px rgba(138, 150, 166, 0.34);
}

.partners .partper .cerm:hover .img {
	transform: scale(1.1);
}

.partners .partper .cerm:nth-child(6n) {
	margin-right: 0;
}

.partners .partper .btn {
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	z-index: 5;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	border-radius: 50%;
	background-color: #ffffff;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

.partners .partper .btn img {
	width: 100%;
	height: 100%;
	display: block;
}

.partners .partper .btn img:first-child {
	display: block;
}

.partners .partper .btn img:last-child {
	display: none;
}

.partners .partper .btn:hover {
	background-color: #c30004;
}

.partners .partper .btn:hover img:first-child {
	display: none;
}

.partners .partper .btn:hover img:last-child {
	display: block;
}

.partners .partper .bl {
	left: -1rem;
}

.partners .partper .br {
	right: -1rem;
}

@media (max-width: 1620px) {
	.partners .partper .bl {
		left: -0.2rem;
	}

	.partners .partper .br {
		right: -0.2rem;
	}
}

.news {
	width: 100%;
	padding: 1rem 0;
}

.news .mitop {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.news .mitop .mol {
	display: inline-block;
	vertical-align: middle;
}

.news .mitop .mor {
	display: inline-block;
	vertical-align: middle;
}

.news .mitop .mor a {
	display: inline-block;
	vertical-align: middle;
	border: solid 1px #333;
	color: #333;
	line-height: 3;
	padding: 0 0.3rem;
	border-radius: 1.5em;
}

.news .mitop .mor a span {
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 16px;
	width: 0.18rem;
	height: 0.13rem;
	position: relative;
	top: -0.02rem;
	left: -0.1rem;
	margin-left: 0.3rem;
	transition: all ease 0.5s;
}

.news .mitop .mor a span img {
	width: 100%;
	display: block;
}

.news .mitop .mor a span img:first-child {
	display: block;
}

.news .mitop .mor a span img:last-child {
	display: none;
}

.news .mitop .mor a:hover {
	border: solid 1px #c30004;
	background-color: #c30004;
	color: #fff;
}

.news .mitop .mor a:hover span {
	left: 0.1rem;
}

.news .mitop .mor a:hover span img:first-child {
	display: none;
}

.news .mitop .mor a:hover span img:last-child {
	display: block;
}

.news .newsom {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news .newsom .nel {
	display: inline-block;
	vertical-align: middle;
	width: calc((940 / 1600) * 100%);
}

.news .newsom .nel .nelom {
	width: 100%;
}

.news .newsom .nel .nelom a {
	width: 100%;
	display: block;
}

.news .newsom .nel .nelom .imgs {
	display: inline-block;
	vertical-align: middle;
	width: calc((320 / 940) * 100%);
	border-radius: 0.1rem;
	overflow: hidden;
	position: relative;
}

.news .newsom .nel .nelom .imgs .img {
	width: 100%;
	padding-top: 56.25%;
	transition: all ease 0.5s;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.news .newsom .nel .nelom .imgs .img img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.news .newsom .nel .nelom .com {
	display: inline-block;
	vertical-align: middle;
	width: calc((620 / 940) * 100%);
	padding-left: 0.4rem;
}

.news .newsom .nel .nelom .com .time {
	width: 100%;
	color: #999;
	line-height: 1.5;
}

.news .newsom .nel .nelom .com .xt {
	width: 100%;
	color: #222;
	font-weight: bold;
	line-height: 1.5;
	margin: 0.1rem 0;
}

.news .newsom .nel .nelom .com .xm {
	width: 100%;
	color: #999;
	line-height: 1.5;
	height: 3em;
}

.news .newsom .nel .nelom .com .more {
	width: 100%;
	font-size: 0;
	margin-top: 0.15rem;
}

.news .newsom .nel .nelom .com .more span {
	display: inline-block;
	vertical-align: middle;
	color: #222;
	line-height: 1.5;
}

.news .newsom .nel .nelom .com .more i {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 13px;
	margin-left: 0.15rem;
	transition: all ease 0.5s;
}

.news .newsom .nel .nelom .com .more i img {
	width: 100%;
	display: block;
}

.news .newsom .nel .nelom .com .more i img:first-child {
	display: block;
}

.news .newsom .nel .nelom .com .more i img:last-child {
	display: none;
}

.news .newsom .nel .nelom+.nelom {
	margin-top: 0.55rem;
}

.news .newsom .nel .nelom:hover .imgs .img {
	transform: scale(1.1);
}

.news .newsom .nel .nelom:hover .com .xt {
	color: #c30004;
}

.news .newsom .nel .nelom:hover .com .more span {
	color: #c30004;
}

.news .newsom .nel .nelom:hover .com .more i {
	margin-left: 0.35rem;
}

.news .newsom .nel .nelom:hover .com .more i img:first-child {
	display: none;
}

.news .newsom .nel .nelom:hover .com .more i img:last-child {
	display: block;
}

.news .newsom .ner {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: calc((560 / 1600) * 100%);
}

.news .newsom .ner .nerm {
	width: 100%;
}

.news .newsom .ner .nerm a {
	width: 100%;
	display: block;
}

.news .newsom .ner .nerm .imgs {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 0.1rem;
}

.news .newsom .ner .nerm .imgs .img {
	width: 100%;
	padding-top: 56.25%;
	transition: all ease 0.5s;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.news .newsom .ner .nerm .imgs .img img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.news .newsom .ner .nerm .rem {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	border-radius: 0.1rem;
	z-index: 3;
	transition: all ease 0.5s;
	background-color: rgba(51, 51, 51, 0.4);
	padding: 0.3rem 0.4rem;
}

.news .newsom .ner .nerm .rem .retop {
	width: 100%;
}

.news .newsom .ner .nerm .rem .retop .rm {
	width: 100%;
	color: #fff;
	font-weight: bold;
	line-height: 1.1;
}

.news .newsom .ner .nerm .rem .retop .rd {
	width: 100%;
	color: #fff;
	line-height: 1.5;
}

.news .newsom .ner .nerm .rem .rot {
	width: 100%;
}

.news .newsom .ner .nerm .rem .rot .rt {
	width: 100%;
	color: #fff;
	line-height: 1.5;
	font-weight: bold;
}

.news .newsom .ner .nerm .rem .rot .rp {
	width: 100%;
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.5;
	height: 0;
	transition: all ease 0.5s;
}

.news .newsom .ner .nerm:hover .rem {
	background-color: #c30004;
	background-color: rgba(195, 0, 4, 0.7);
}

.news .newsom .ner .nerm:hover .rem .rot .rp {
	height: 3em;
	margin-top: 0.1rem;
}

.news .newsom .ner .nerm+.nerm {
	margin-top: 0.2rem;
}

.nenner {
	width: 100%;
	position: relative;
}

.nenner .img {
	width: 100%;
}

.nenner .img img {
    width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.nenner .nox {
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	left: calc((160 / 1920) * 100%);
	z-index: 3;
}

.nenner .nox .lx {
	width: 100%;
	font-size: 0;
}

.nenner .nox .lx span {
	display: inline-block;
	vertical-align: middle;
	width: 0.22rem;
	height: 3px;
	background-color: #fff;
}

.nenner .nox .nm {
	width: 100%;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	margin: 0.3rem 0;
}

.nenner .nox .pm {
	width: 100%;
	color: #fff;
	line-height: 1.5;
	text-transform: uppercase
}

.nenner .mod {
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
	z-index: 3;
	width: 90%;
	max-width: 600px;
}

.nenner .mod .searc {
	width: 100%;
	border-radius: 1.6em;
	border: solid 1px #fff;
}

.nenner .mod .searc form {
	width: 100%;
	display: block;
	font-size: 0;
	padding: 0 0.3rem;
}

.nenner .mod .searc .int {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 0.28rem);
	height: 3.2em;
	background-color: transparent;
	border: none;
	color: #fff;
	line-height: 3.2em;
}

.nenner .mod .searc .int::-webkit-input-placeholder {
	color: #fff;
}

.nenner .mod .searc .sun {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	background-image: url("../images/ss.png");
	background-size: 100% 100%;
	width: 0.28rem;
	height: 0.28rem;
	background-color: transparent;
	border: none;
}

.nenner .mod .pid {
	width: 100%;
	margin-top: 0.1rem;
	font-size: 0;
}

.nenner .mod .pid a {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: 2;
	padding: 0 0.1rem;
	margin-right: 0.2rem;
}

.nenner .mod .pid a:hover {
	color: #c30004;
}

@media (max-width: 800px) {

	.nenner .img {
		padding-top: 60%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.nenner .img img {
		display: none;
	}

	.partners .partper .cerm {
		display: block;
		width: 100% !important;
		margin-bottom: 10px !important;
	}
}

.crumbs {
	width: 100%;
}

.crumbs .crum {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}

.crumbs .crum .cul {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	text-align: right;
	position: relative;
	font-size: 14px;
}

.crumbs .crum .cul .home {
	display: inline-block;
	vertical-align: middle;
	width: 0.24rem;
	height: 0.24rem;
	margin-right: 0.12rem;
}

.crumbs .crum .cul .home img {
	width: 100%;
	display: block;
}

.crumbs .crum .cul a {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: 3.5;
	font-size: 14px;
}

.crumbs .crum .cul a span {
	display: inline-block;
	color: #666;
	margin: 0 0.1rem;
}

.crumbs .crum .cul a:last-child span {
	display: none;
}

.centers {
	width: 100%;
	background-color: #f7f7f7;
}

.centers .center {
	width: 100%;
	margin-top: 0.4rem;
	padding-bottom: 0.8rem;
}

.centers .center .cel {
	display: inline-block;
	vertical-align: top;
	width: calc((280 / 1400) * 100%);
	margin-right: calc((39 / 1400) * 100%);
}

.centers .center .cel .cim {
	width: 100%;
	background-image: url("../images/bg1.png");
	background-size: 100% 100%;
	padding: 0.3rem;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
}

.centers .center .cel .celist {
	width: 100%;
	margin-top: 0.1rem;
}

.centers .center .cel .celist .clem {
	width: 100%;
	font-size: 0;
	background-color: #fff;
}

.centers .center .cel .celist .clem a {
	width: 100%;
	display: block;
	padding: 0.2rem 0.28rem;
}

.centers .center .cel .celist .clem .ci {
	display: inline-block;
	vertical-align: middle;
	width: 0.5rem;
	height: 0.5rem;
}

.centers .center .cel .celist .clem .ci img {
	width: 100%;
	display: block;
}

.centers .center .cel .celist .clem .ci img:first-child {
	display: block;
}

.centers .center .cel .celist .clem .ci img:last-child {
	display: none;
}

.centers .center .cel .celist .clem .dp {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 0.5rem - 11px);
	padding: 0 0.2rem;
	color: #333;
	line-height: 1.5;
}

.centers .center .cel .celist .clem .rc {
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 16px;
}

.centers .center .cel .celist .clem .rc img {
	width: 100%;
	display: block;
}

.centers .center .cel .celist .clem .rc img:first-child {
	display: block;
}

.centers .center .cel .celist .clem .rc img:last-child {
	display: none;
}

.centers .center .cel .celist .clem+.clem {
	margin-top: 0.1rem;
}

.centers .center .cel .celist .clem:hover {
	background-color: #c30004;
}

.centers .center .cel .celist .clem:hover .ci img:first-child {
	display: none;
}

.centers .center .cel .celist .clem:hover .ci img:last-child {
	display: block;
}

.centers .center .cel .celist .clem:hover .dp {
	color: #fff;
}

.centers .center .cel .celist .clem:hover .rc img:first-child {
	display: none;
}

.centers .center .cel .celist .clem:hover .rc img:last-child {
	display: block;
}

.centers .center .cer {
	display: inline-block;
	vertical-align: top;
	width: calc((1080 / 1400) * 100%);
}

.centers .center .cer .sip {
	width: 100%;
	color: #666;
	line-height: 1.5;
	padding: 0 0 0.2rem;
	border-bottom: solid 1px #ddd;
	margin-bottom: 0.3rem;
}

.centers .center .cer .sip span {
	color: #c30004;
}

.centers .center .cer .certlist {
	width: 100%;
	font-size: 0;
}

.centers .center .cer .certlist .clem {
	display: inline-block;
	vertical-align: top;
	width: calc((340 / 1080) * 100%);
	margin-right: calc((29 / 1080) * 100%);
	background-color: #fff;
	margin-bottom: 0.3rem;
}

.centers .center .cer .certlist .clem a {
	width: 100%;
	display: block;
	padding: 0.2rem 0.3rem 0.4rem;
}

.centers .center .cer .certlist .clem .imgs {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 0.25rem;
}

.centers .center .cer .certlist .clem .imgs .img {
	width: 100%;
	padding-top: 72.72%;
	transition: all ease 0.5s;
}

.centers .center .cer .certlist .clem .vc {
	width: 100%;
	text-align: center;
	color: #333;
	height: 3em;
	font-weight: bold;
	line-height: 1.5;
}

.centers .center .cer .certlist .clem .cm {
	width: 100%;
	color: #666;
	line-height: 1.5;
	text-align: center;
	margin-top: 0.06rem;
}

.centers .center .cer .certlist .clem:hover .imgs .img {
	transform: scale(1.1);
}

.centers .center .cer .certlist .clem:hover .vc {
	color: #c30004;
}

.centers .center .cer .certlist .clem:nth-child(3n) {
	margin-right: 0;
}

.centers .center .cer .consulting {
	width: 100%;
	padding: 0.5rem 0.6rem;
}

.centers .center .cer .consulting .comt {
	width: 100%;
	font-size: 0;
}

.centers .center .cer .consulting .comt .comd {
	display: inline-block;
	vertical-align: middle;
	width: 1.2rem;
	height: 1.2rem;
}

.centers .center .cer .consulting .comt .comd img {
	width: 100%;
	display: block;
}

.centers .center .cer .consulting .comt .prm {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 1.2rem);
	padding-left: 0.3rem;
	font-size: 0;
}

.centers .center .cer .consulting .comt .prm .it {
	display: inline-block;
	vertical-align: middle;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background-color: #fff;
}

.centers .center .cer .consulting .comt .prm .cpd {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 0.6rem);
	padding-left: 0.12rem;
}

.centers .center .cer .consulting .comt .prm .cpd .dc {
	width: 100%;
	color: #fff;
	line-height: 1.5;
}

.centers .center .cer .consulting .comt .prm .cpd .dm {
	width: 100%;
	color: #fff;
	line-height: 1.5;
}

.o-main {
	width: 100%;
}

.o-top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .4rem;
}

.o-titles {
	color: #333333;
	font-weight: bold;
	line-height: 1.25;
}

.o-tip {
	color: #333333;
	line-height: 1.5;
}

.o-tip span {
	color: #c30004;
}

.o-cont {
	width: 100%;
	font-size: 0;
	/* padding-bottom: .3rem; */
}

.o-item {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	position: relative;
	background-color: #fff;
	width: 30.93%;
	margin-bottom: .5rem;
	margin-right: 3.6%;
	padding: .3rem .3rem .85rem;
	border-radius: .1rem;
	border: solid 1px #eeeeee;
}

.o-item:nth-child(3n) {
	margin-right: 0;
}

.o-img {
	width: 100%;
	height: 3.3rem;
	text-align: center;
	line-height: 3.3rem;
}

.o-img img {
	max-width: 90%;
	max-height: 100%;
	transform: scale(1.00);
	transition: all ease .5s;
}

.o-text {
	width: 100%;
	padding-top: .1rem;
}

.o-name {
	color: #555;
	line-height: 1.45;
	margin-bottom: .1rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all .3s;
}

.o-cont a:hover .o-name {
	color: #c30004;
}

.o-intro {
	color: #888888;
	line-height: 1.6;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.o-more {
	position: absolute;
	bottom: .35rem;
	left: .3rem;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	font-size: 0;
	width: .34rem;
	height: .34rem;
	border-radius: 50%;
	background-color: #c30004;
}

.o-more:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/a16.png');
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.o-item:hover {
	border: solid 1px #c30004;
}

.o-item:hover .o-img img {
	transform: scale(1.05);
}

.o-item:hover .o-more {
	bottom: .32rem;
	color: #fff;
	width: auto;
	height: .46rem;
	line-height: .46rem;
	border-radius: .23rem;
	padding: 0 .6rem 0 .26rem;
	background-color: #c30004;
}

.o-item:hover .o-more:after {
	left: auto;
	right: .26rem;
	width: .14rem;
	background-size: .14rem auto;
	background-image: url('../images/a13.png');
}

.o-item:hover .o-more {
	font-size: calc(16 * 1rem / 100);
}

@media(max-width: 1584px) {
	.o-item:hover .o-more {
		font-size: 13.2px;
	}
}


@media(max-width:750px) {
	.o-item {
		width: calc(50% - 5px);
		margin-right: 10px;
	}

	.o-item:nth-child(3n) {
		margin-right: 10px;
	}

	.o-item:nth-child(2n) {
		margin-right: 0;
	}
}

.p-main {
	width: 100%;
}

.p-top {
	width: 100%;
	font-size: 0;
	margin-bottom: .6rem;
}

.p-left {
	display: inline-block;
	vertical-align: middle;
	width: 52.2%;
	background-color: #f6f6f6;
	border-radius: .1rem;
	border: solid 1px #eeeeee;
}

.p-b {
	width: 100%;
}

.p-item {
	width: 100%;
}

.p-img {
	width: 100%;
	height: 4.8rem;
	line-height: 4.8rem;
	text-align: center;
}

.p-img img {
	max-width: 100%;
	max-height: 100%;
}

.p-right {
	display: inline-block;
	vertical-align: top;
	width: 47.8%;
	padding-left: .8rem;
}

.p-titles {
	color: #333333;
	font-weight: bold;
	position: relative;
	padding-bottom: .32rem;
	margin-bottom: .32rem;
}

.p-titles:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #dddddd;
}

.p-titles:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	width: .35rem;
	height: 3px;
	background-color: #c30004;
	border-radius: 2px;
}

.p-intro {
	color: #888888;
	line-height: 1.87;
}

.p-intro * {
	line-height: inherit;
}

.p-bottom {
	width: 100%;
}

.p-tip {
	width: 100%;
	margin-bottom: .5rem;
	color: #ffffff;
	font-weight: bold;
	padding: .15rem .2rem;
	line-height: 1.36;
	background-color: #c30004;
}

.p-list {
	width: 100%;
}

.p-one {
	display: block;
	margin-bottom: .35rem;
}

.p-icon {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: .4rem;
}

.p-icon img {
	width: 100%;
}

.p-c {
	width: 100%;
	position: relative;
	padding-left: .6rem;
	margin-bottom: .15rem;
}

.p-name {
	color: #0f6226;
	line-height: .4rem;
}

.p-textbox {
	padding-left: .3rem;
	color: #555555;
	line-height: 1.87;
}

.p-textbox * {
	line-height: inherit;
}

.p-pagination {
	display: none;
}

@media(max-width:750px) {
	.p-left {
		width: 100%;
		margin-bottom: .5rem;
	}

	.p-right {
		width: 100%;
		padding-left: 0;
	}
}

.q-a {
	width: 100%;
	padding-top: .8rem;
	padding-bottom: 1rem;
	background-color: #fbfbfb;
}

.q-main {
	width: 14.4rem;
	margin: 0 auto;
}

.q-tip {
	position: relative;
	color: #333333;
	font-weight: bold;
	padding-left: .18rem;
	margin-bottom: .4rem;
}

.q-tip:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: .03rem;
	height: 100%;
	background-color: #c30004;
	border-radius: .02rem;
}

.q-cont {
	width: 100%;
}

.q-b {
	width: 100%;
}

.q-item {
	width: 3.6rem;
	margin-right: .4rem;
}

.q-item:last-child {
	margin-right: 0;
}

.q-link {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: .5rem .3rem .4rem;
	background-color: #ffffff;
	border-radius: .1rem;
	border: solid 1px #eeeeee;
}

.q-img {
	width: 100%;
	height: 2.3rem;
	text-align: center;
	line-height: 2.3rem;
}

.q-img img {
	max-width: 90%;
	max-height: 100%;
	transform: scale(1.00);
	transition: all ease .5s;
}

.q-text {
	width: 100%;
	padding-top: .4rem;
}

.q-name {
	color: #555;
	line-height: 1.45;
	margin-bottom: .1rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all .3s;
}

.q-item a:hover .q-name {
	color: #c30004;
}

.q-intro {
	color: #888888;
	line-height: 1.6;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.q-link:hover {
	border: solid 1px #c30004;
}

.q-link:hover .q-img img {
	transform: scale(1.05);
}


.q-pagination {
	display: none;
	position: relative;
	bottom: 0;
	margin-top: .5rem;
	width: 100%;
	font-size: 0;
	text-align: center;
}

.q-pagination .swiper-pagination-bullet {
	display: inline-block;
	vertical-align: middle;
	opacity: .5;
	margin: 0 .1rem;
	width: 8px;
	height: 8px;
	background-color: #c30004;
}

.q-pagination .swiper-pagination-bullet-active {
	opacity: 1;
}

.q-cont.show .q-pagination {
	display: block;
}

@media(max-width:750px) {
	.q-main {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.q-item {
		width: calc(50% - 5px);
		margin-right: 10px;
	}
}

.ar_article td,
.ar_article th {
	padding: 15px 12px;
	border: 1px solid #dadbdd !important;
	vertical-align: middle;
	font-size: 15px;
	color:
		#303030;
	white-space: nowrap;
	text-align: center;
}

.ar_article td p,
.ar_article th p {
	padding-bottom: 0;
	margin-bottom: 0 !important;
}

.ar_article table {
	border-collapse: collapse;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	width: 100%;
}

.ar_article table tr:not(:first-child) td {}

.ar_article table td {
	border-left: 1px solid #dadbdd;
	border-top: 1px solid #dadbdd !important;
}

.ar_article {
	font-size: 16px;
	color: #7d7c7c;
	line-height: 30px;
	margin-bottom: 30px;
}

.ar_article p,
.ar_article span {
	font-size: 16px;
	color: #727272;
	line-height: 28px;
	font-family: 'Montserrat-Light'
		!important;
}

.ar_article strong {
	font-weight: bold;
}

.ar_article img {
	max-width: 100%;
}

.ar_article a {
	color: #717173;
}

.ar_article h1,
.ar_article h2,
.ar_article h3,
.ar_article h4,
.ar_article h5 {
	font-weight: bold;
}

.ar_article h1 {
	font-size: 36px;
	margin-bottom: 20px
}

.ar_article h2 {
	font-size: 30px;
	margin-bottom: 15px;
}

.ar_article h3 {
	font-size: 24px;
	margin-bottom: 30px;
	font-weight: normal;
	color: #232222;
}

.ar_article h4 {
	font-size: 18px;
	margin-bottom: 15px
}

.ar_article h5 {
	font-size: 14px;
	margin-bottom: 10px
}

.ar_article h6 {
	font-size: 12px;
	margin-bottom: 10px
}

.ar_article ul li,
.ar_article ol li {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 320px;
	list-style: inherit !important;
}

.ar_article ul li p,
.ar_article ol li p {
	padding-bottom: 0;
	margin-bottom: 3px !important;
}

.ar_article ul,
.ar_article ol {
	margin-bottom: 15px;
}

.ar_article sub {
	vertical-align: sub;
	font-size: smaller;
}

.ar_article sup {
	vertical-align: super;
	font-size: smaller;
}

.ar_article img {
	display: inline-block;
	margin: 20px 0;
}

@media (max-width: 1000px) {
	.scroll {
		overflow: hidden;
		overflow-x: scroll;
	}

	.scroll table {
		min-width: 990px;
	}
}

@media (max-width: 768px) {

	.ar_article td,
	.ar_article th {
		padding: 6px 5px !important;
		line-height: 20px
	}

	.ar_article p,
	.ar_article span {
		font-size: 13px !important;
		line-height: 24px !important;
	}

	.ar_article img {
		display: inline-block;
		margin: 12px 0;
	}
}



/* add_product s */
.n-a {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #f5f5f5;
}

.add_na {
	padding-bottom: 0;
}

.n-a:before {
	content: '';
	position: absolute;
	bottom: 2.18rem;
	left: 0;
	width: 4.26rem;
	height: 6.18rem;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.product_details .n-a:before {
	bottom: 0;
	left: 0;
	width: .75rem;
	height: 3.21rem;
}

.n-main {
	/* width: 14.4rem; */
	margin: 0 auto;
	position: relative;
	z-index: 8;
}

.add_pd {
	/* margin-bottom: 1rem; */
}



.n-main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}

.n-left {
	float: left;
	width: 3.3rem;
}

.n-nav {
	width: 100%;
	margin-bottom: .2rem;
}

.n-top {
	width: 100%;
	position: relative;
}

.n-one {
	display: block;
	cursor: pointer;
	width: 100%;
	padding: .15rem .55rem .15rem .2rem;
	line-height: 1.6;
	color: #555555;
	background-color: #fff;
	border-radius: .06rem;
}

.n-buttom {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	width: .55rem;
	height: 100%;
	background-image: url('../images/a23.png');
	background-size: .14rem auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.n-twobox {
	display: none;
	width: 100%;
	padding-top: .3rem;
	padding-bottom: 1px;
}

.n-two {
	display: block;
	position: relative;
	margin-bottom: .25rem;
	cursor: pointer;
	padding: 0 .4rem;
	line-height: 1.8;
	color: #555555;
}

.n-two:before {
	content: '';
	position: absolute;
	top: 0;
	left: .2rem;
	margin-top: calc(.9em - .04rem);
	width: .08rem;
	height: .08rem;
	border-radius: 50%;
	background-color: #dcdcdc;
}

.n-two:hover {
	color: #c30004;
}

.n-two:hover:before {
	background-color: #c30004;
}

.n-two.active {
	color: #c30004;
}

.n-two.active:before {
	background-color: #c30004;
}

.n-nav.show .n-one {
	color: #ffffff;
	background-color: #c30004;
}

.n-nav.show .n-buttom {
	background-image: url('../images/a23-b.png');
}

.n-right {
	float: right;
	width: 12.2rem;
}

.n-contact {
	width: 100%;
	background-color: #f7f7f7;
}

.nc-titles {
	padding: .15rem;
	line-height: 1.5;
	text-align: center;
	color: #ffffff;
	background-color: #c30004;
}

.nc-box {
	width: 100%;
	padding: .15rem;
}

.nc-img {
	width: 100%;
	margin-bottom: .2rem;
}

.nc-img img {
	width: 100%;
}

.nc-textbox {
	color: #555555;
	line-height: 1.8;
}

.nc-textbox * {
	line-height: inherit;
}

.nc-link {
	display: block;
	cursor: pointer;
	padding: .15rem;
	line-height: 1.5;
	text-align: center;
	color: #ffffff;
	background-color: #c30004;
}

@media(max-width:750px) {
	.n-main {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.n-left {
		width: 100%;
		margin-bottom: .5rem;
	}

	.n-right {
		width: 100%;
	}
}

/* add_product e */
.pages {
	width: 100%;
	padding: 0.4rem 0;
	font-size: 0;
	text-align: center;
}

.pages .page,
.page-num {
	display: inline-block;
	vertical-align: middle;
	width: 0.5rem;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	color: #111;
	background-color: #fff;
	margin: 0 0.1rem;
	border-radius: 50%;
	font-size: 16px;
}

.pages .page.ltn {
	background-image: url("../images/b1.png");
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: none;
}

.pages .page.rtn {
	background-image: url("../images/b2.png");
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: none;
}

.pages .page.on,
.page-num-current {
	background-color: #c30004;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}

.pages .page.on.ltn {
	background-color: transparent;
	background-image: url("../images/b3.png");
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: none;
}

.pages .page.on.rtn {
	background-color: transparent;
	background-image: url("../images/b4.png");
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: none;
}

.pages .page.auto {
	width: auto;
	padding: 0 0.24rem;
}

.pages .page:hover,
.page-num:hover {
	background-color: #c30004;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}

.pages .page.ltn:hover {
	background-color: #c30004;
	background-image: url("../images/b3.png");
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.pages .page.rtn:hover {
	background-color: #c30004;
	background-image: url("../images/b4.png");
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

@media (max-width: 900px) {
	.pages .page {
		width: 0.8rem;
		height: 0.8rem;
		line-height: 0.8rem;
	}
}

.petails {
	width: 100%;
	padding: 0.5rem 0;
}

.petails .petail {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.petails .petail .pel {
	display: inline-block;
	vertical-align: middle;
	width: calc((700 / 1600) * 100%);
}

.petails .petail .pel .ptper {
	width: 100%;
}

.petails .petail .pel .ptper .swiper-slide {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.petails .petail .pel .ptper .swiper-slide .img {
	width: 100%;
	padding-top: 75%;
	transition: all ease 0.5s;
}

.petails .petail .pel .pbper {
	width: 100%;
	margin-top: 0.2rem;
	position: relative;
}

.petails .petail .pel .pbper .btn {
	position: absolute;
	height: 100%;
	top: 0;
	z-index: 2;
	width: 0.4rem;
	background-color: rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: all ease 0.5s;
}

.petails .petail .pel .pbper .btn img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 11px;
	height: 16px;
}

.petails .petail .pel .pbper .btn:hover {
	background-color: rgba(232, 79, 56, 0.7);
}

.petails .petail .pel .pbper .bl {
	left: 0;
}

.petails .petail .pel .pbper .br {
	right: 0;
}

.petails .petail .pel .pbper .swiper-slide {
	width: 100%;
	overflow: hidden;
	position: relative;
	border: solid 1px transparent;
}

.petails .petail .pel .pbper .swiper-slide .img {
	width: 100%;
	padding-top: 75%;
	transition: all ease 0.5s;
}

.petails .petail .pel .pbper .swiper-slide.on {
	border: solid 1px #c30004;
}

.petails .petail .per {
	display: inline-block;
	vertical-align: middle;
	width: calc((600 / 1600) * 100%);
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.petails .petail .per .pit {
	width: 100%;
	color: #333;
	line-height: 1.5;
}

.petails .petail .per .po {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding: 0.1rem 0;
	margin: 0.35rem 0;
}

.petails .petail .per .po .pf {
	display: inline-block;
	vertical-align: middle;
	color: #222;
	line-height: 1.5;
}

.petails .petail .per .pinp {
	width: 100%;
	color: #666;
	line-height: 1.5;
}

.petails .petail .per .pinp p {
	color: #666;
	line-height: 1.75;
}

.petails .petail .per .more {
	width: 100%;
	font-size: 0;
	margin-top: 0.4rem;
}

.petails .petail .per .more a {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	border: solid 1px #333;
	line-height: 3;
	border-radius: 1.5em;
	padding: 0 0.3rem;
	width: auto;
	position: relative;
}

.petails .petail .per .more a span {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(232, 79, 56, 0.7);
	color: #fff;
	line-height: 3;
	padding: 0 0.3rem;
	border-radius: 1.5em;
	white-space: nowrap;
	bottom: calc(100% + 0.1rem);
	display: none;
}

.petails .petail .per .more a span:after {
	content: ' ';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	width: 0;
	height: 0;
	border: solid 0.05rem;
	border-color: rgba(232, 79, 56, 0.7) transparent transparent transparent;
}

.petails .petail .per .more a:hover {
	background-color: rgba(232, 79, 56, 0.7);
	color: #fff;
	border: solid 1px rgba(232, 79, 56, 0.7);
}

.petails .petail .per .more a:hover span {
	display: block;
}

.showd {
	width: 100%;
	padding: 1rem 0;
	background-color: #f7f7f7;
}

.showd .shom {
	width: 100%;
	background-color: #fff;
}

.showd .shom .sop {
	width: 100%;
	border-bottom: solid 1px #eee;
	font-size: 0;
}

.showd .shom .sop span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1rem;
	padding: 0 0.4rem;
	color: #333;
	border-top: solid 2px #c30004;
	border-right: solid 1px #eee;
}

.showd .shom .hosm {
	width: 100%;
	padding: 0.5rem;
}

.showd .shom .hosm .hinp {
	width: 100%;
	color: #666;
	line-height: 1.75;
}

.showd .shom .hosm .hinp p {
	color: #666;
	line-height: 1.75;
}

.showd .shom .hosm .hinp img {
	max-width: 720px;
}

.showd .shom .hosm .homper {
	width: 100%;
	margin-top: 0.5rem;
}

.showd .shom .hosm .homper .swiper-slide {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.showd .shom .hosm .homper .swiper-slide .img {
	width: 100%;
	padding-top: 119.04%;
	transition: all ease 0.5s;
}

.relevant {
	width: 100%;
	background-color: #f7f7f7;
	padding: 1rem 0;
}

.relevant .rit {
	width: 100%;
	text-align: center;
	line-height: 1.5;
	color: #333;
	margin-bottom: 0.5rem;
}

.relevant .releper {
	width: 100%;
	position: relative;
}

.relevant .releper .swiper-slide {
	width: 100%;
	background-color: #fff;
}

.relevant .releper .swiper-slide a {
	width: 100%;
	display: block;
	padding: 0.6rem 0.3rem 0.4rem;
}

.relevant .releper .swiper-slide .imgs {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 0.25rem;
}

.relevant .releper .swiper-slide .imgs .img {
	width: 100%;
	padding-top: 72.72%;
	transition: all ease 0.5s;
}

.relevant .releper .swiper-slide .vc {
	width: 100%;
	text-align: center;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
}

.relevant .releper .swiper-slide .cm {
	width: 100%;
	color: #666;
	line-height: 1.5;
	text-align: center;
	margin-top: 0.06rem;
}

.relevant .releper .swiper-slide:hover .imgs .img {
	transform: scale(1.1);
}

.relevant .releper .swiper-slide:hover .vc {
	color: #c30004;
}

.relevant .releper .btn {
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	z-index: 5;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	border-radius: 50%;
	background-color: #ffffff;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

.relevant .releper .btn img {
	width: 100%;
	height: 100%;
	display: block;
}

.relevant .releper .btn img:first-child {
	display: block;
}

.relevant .releper .btn img:last-child {
	display: none;
}

.relevant .releper .btn:hover {
	background-color: #c30004;
}

.relevant .releper .btn:hover img:first-child {
	display: none;
}

.relevant .releper .btn:hover img:last-child {
	display: block;
}

.relevant .releper .bl {
	left: -1rem;
}

.relevant .releper .br {
	right: -1rem;
}

@media (max-width: 1700px) {
	.relevant .releper .bl {
		left: 0rem;
	}

	.relevant .releper .br {
		right: 0rem;
	}
}

.processs {
	width: 100%;
	padding: 1rem 0;
}

.processs .pit {
	width: 100%;
	text-align: center;
	color: #333;
	line-height: 1.5;
	margin-bottom: 0.7rem;
}

.processs .cesslist {
	width: 100%;
	font-size: 0;
	overflow: hidden;
}

.processs .cesslist .cesem {
	display: inline-block;
	vertical-align: top;
	width: calc((200 / 1400) * 100%);
	position: relative;
}

.processs .cesslist .cesem .bgs {
	background-color: rgba(0, 0, 0, 0.04);
	border-radius: 50%;
	padding-top: 100%;
}

.processs .cesslist .cesem .imgs {
	width: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.processs .cesslist .cesem .imgs .img {
	width: 100%;
	padding-top: 100%;
}

.processs .cesslist .cesem .imgs .vg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.processs .cesslist .cesem .imgs .vg .vc {
	display: block;
	width: 0.54rem;
	height: 0.54rem;
	margin: 0 auto 0.1rem;
}

.processs .cesslist .cesem .imgs .vg .vc img {
	width: 100%;
	display: block;
}

.processs .cesslist .cesem .imgs .vg .vm {
	width: 100%;
	text-align: center;
	color: #333;
	line-height: 1.5;
}

.processs .cesslist .cesem:nth-child(10n+1),
.processs .cesslist .cesem:nth-child(10n+2),
.processs .cesslist .cesem:nth-child(10n+3),
.processs .cesslist .cesem:nth-child(10n+4) {
	float: left;
	margin-right: calc((99 / 1400) * 100%);
	margin-bottom: 0.8rem;
}

.processs .cesslist .cesem:nth-child(10n+1):after,
.processs .cesslist .cesem:nth-child(10n+2):after,
.processs .cesslist .cesem:nth-child(10n+3):after,
.processs .cesslist .cesem:nth-child(10n+4):after {
	content: ' ';
	position: absolute;
	left: calc(100% + 0.3rem);
	top: 50%;
	transform: translateY(-50%);
	background-image: url("../images/i4.png");
	background-size: 100% 100%;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
	width: 0.4rem;
	height: 0.4rem;
}

.processs .cesslist .cesem:nth-child(10n+6),
.processs .cesslist .cesem:nth-child(10n+7),
.processs .cesslist .cesem:nth-child(10n+8),
.processs .cesslist .cesem:nth-child(10n+9) {
	float: right;
	margin-left: calc((99 / 1400) * 100%);
}

.processs .cesslist .cesem:nth-child(10n+6):after,
.processs .cesslist .cesem:nth-child(10n+7):after,
.processs .cesslist .cesem:nth-child(10n+8):after,
.processs .cesslist .cesem:nth-child(10n+9):after {
	content: ' ';
	position: absolute;
	right: calc(100% + 0.3rem);
	top: 50%;
	transform: translateY(-50%);
	background-image: url("../images/i5.png");
	background-size: 100% 100%;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
	border-radius: 50%;
	width: 0.4rem;
	height: 0.4rem;
}

.processs .cesslist .cesem:nth-child(10n+5) {
	float: left;
	margin-bottom: 0.8rem;
}

.processs .cesslist .cesem:nth-child(10n+5):after {
	content: ' ';
	position: absolute;
	top: calc(100% + 0.2rem);
	left: 50%;
	transform: translateX(-50%);
	background-image: url("../images/i5d.png");
	background-size: 100% 100%;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
	border-radius: 50%;
	width: 0.4rem;
	height: 0.4rem;
}

.processs .cesslist .cesem:nth-child(10n+10) {
	float: right;
}

.processs .pmgs {
	width: 100%;
}

.processs .pmgs .pcmg {
	width: 100%;
	display: block;
}

.processs .pmgs .pcmg img {
	width: 100%;
	display: block;
}

.processs .pmgs .phmg {
	width: 100%;
	display: none;
}

.processs .pmgs .phmg img {
	width: 100%;
	display: block;
}

@media (max-width: 800px) {
	.processs .cesslist .cesem:nth-child(2n+1) {
		width: calc(50% - 0.78rem) !important;
		margin-bottom: 0.8rem;
	}

	.processs .cesslist .cesem:nth-child(2n+2) {
		width: calc(50% - 0.78rem) !important;
		margin-bottom: 0.8rem;
	}

	.processs .cesslist .cesem:nth-child(1),
	.processs .cesslist .cesem:nth-child(5),
	.processs .cesslist .cesem:nth-child(9) {
		float: left;
		margin-left: 0 !important;
	}

	.processs .cesslist .cesem:nth-child(1):after,
	.processs .cesslist .cesem:nth-child(5):after,
	.processs .cesslist .cesem:nth-child(9):after {
		content: ' ';
		position: absolute;
		left: calc(100% + 0.48rem);
		top: 50%;
		transform: translateY(-50%);
		background-image: url("../images/i4.png");
		background-size: 100% 100%;
		width: 0.48rem;
		height: 0.48rem;
	}

	.processs .cesslist .cesem:nth-child(2),
	.processs .cesslist .cesem:nth-child(6) {
		float: right;
		margin-right: 0 !important;
	}

	.processs .cesslist .cesem:nth-child(2):after,
	.processs .cesslist .cesem:nth-child(6):after {
		content: ' ';
		position: absolute;
		top: calc(100% + 0.24rem);
		left: 50%;
		transform: translateX(-50%);
		background-image: url("../images/i5d.png");
		background-size: 100% 100%;
		width: 0.48rem;
		height: 0.48rem;
	}

	.processs .cesslist .cesem:nth-child(3),
	.processs .cesslist .cesem:nth-child(7) {
		float: right;
		margin-right: 0 !important;
		margin-left: 0.88rem !important;
	}

	.processs .cesslist .cesem:nth-child(3):after,
	.processs .cesslist .cesem:nth-child(7):after {
		content: ' ';
		position: absolute;
		right: calc(100% + 0.48rem);
		top: 50%;
		left: auto;
		transform: translateY(-50%);
		background-image: url("../images/i5.png");
		background-size: 100% 100%;
		width: 0.48rem;
		height: 0.48rem;
	}

	.processs .cesslist .cesem:nth-child(4),
	.processs .cesslist .cesem:nth-child(8) {
		float: left;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.processs .cesslist .cesem:nth-child(4):after,
	.processs .cesslist .cesem:nth-child(8):after {
		content: ' ';
		position: absolute;
		top: calc(100% + 0.24rem);
		left: 50%;
		transform: translateX(-50%);
		background-image: url("../images/i5d.png");
		background-size: 100% 100%;
		width: 0.48rem;
		height: 0.48rem;
	}

	.processs .cesslist .cesem:nth-child(10) {
		float: right;
		margin-right: 0 !important;
	}

	.processs .pmgs .pcmg {
		display: none;
	}

	.processs .pmgs .phmg {
		display: block;
	}
}

.crumom {
	width: 100%;
	padding: 1rem 0;
	background-color: #f7f7f7;
}

.crumom .crumper {
	width: 100%;
	background-color: #fff;
	padding: 0.24rem;
}

.crumom .crumper .swiper-wrapper {
	justify-content: center;
}

.crumom .crumper .swiper-slide {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 0 0.3rem;
}

.crumom .crumper .swiper-slide:after {
	content: ' ';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	background-color: #ddd;
	height: 0.18rem;
}

.crumom .crumper .swiper-slide a {
	width: 100%;
	display: block;
	color: #333;
	line-height: 1.5;
}

.crumom .crumper .swiper-slide.on a,
.crumom .crumper .swiper-slide:hover a {
	color: #c30004;
}

.crumom .crumper .swiper-slide:last-child:after {
	display: none;
}

.crumom .pumom {
	width: 100%;
	margin-top: 0.24rem;
}

.crumom .pumom .purom {
	width: 100%;
	display: none;
}

.crumom .pumom .purom.on {
	display: block;
}

.crumom .pumom .crumlist {
	width: 100%;
	font-size: 0;
}

.crumom .pumom .crumlist .curm {
	display: inline-block;
	vertical-align: top;
	width: calc((332 / 1400) * 100%);
	margin-right: calc((23 / 1400) * 100%);
	margin-bottom: 0.24rem;
	background-color: #fff;
}

.crumom .pumom .crumlist .curm a {
	width: 100%;
	display: block;
	padding: 0.2rem 0.2rem 0.4rem;
}

.crumom .pumom .crumlist .curm .imgs {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.crumom .pumom .crumlist .curm .imgs .img {
	width: 100%;
	padding-top: 109.375%;
	transition: all ease 0.5s;
}

.crumom .pumom .crumlist .curm .cm {
	width: 100%;
	color: #333;
	line-height: 1.5;
	text-align: center;
	margin-top: 0.06rem;
}

.crumom .pumom .crumlist .curm:nth-child(4n) {
	margin-right: 0;
}

.crumom .pumom .crumlist .curm:hover .imgs .img {
	transform: scale(1.1);
}

.crumom .pumom .crumlist .curm:hover .cm {
	color: #c30004;
}

@media (max-width: 1600px) {
	.crumom .swiper-wrapper {
		justify-content: flex-start;
	}
}

@media (max-width: 800px) {
	.crumom {
		padding: 0.5rem 0;
	}
}

.listom {
	width: 100%;
	background-color: #e6ebf1;
	padding: 1.3rem 0 0.8rem;
}

.listom .lisom {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.listom .lisom .lol {
	display: inline-block;
	vertical-align: middle;
	width: calc((700 / 1400) * 100%);
	position: relative;
}

.listom .lisom .lol .swiper-container {
	padding-bottom: 0.3rem;
}

.listom .lisom .lol .swiper-slide {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.listom .lisom .lol .swiper-slide .img {
	width: 100%;
	padding-top: 100%;
	transition: all ease 0.5s;
}

.listom .lisom .lol .swiper-pagination {
	bottom: 0;
}

.listom .lisom .lol .swiper-pagination-bullet {
	width: 0.8rem;
	height: 3px;
	opacity: 1;
	border-radius: 0;
	margin: 0 0.1rem;
	background-color: rgba(0, 0, 0, 0.15);
}

.listom .lisom .lol .swiper-pagination-bullet-active {
	background-color: #c30004;
}

.listom .lisom .lor {
	display: inline-block;
	vertical-align: middle;
	width: calc((600 / 1400) * 100%);
}

.listom .lisom .lor .rit {
	width: 100%;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
}

.listom .lisom .lor .rinp {
	width: 100%;
	color: #333;
	line-height: 1.5;
	margin: 0.3rem 0 0.4rem;
}

.listom .lisom .lor .rinp p {
	color: #333;
	line-height: 1.5;
}

.listom .lisom .lor .more {
	width: 100%;
	font-size: 0;
	margin-top: 0.5rem;
}

.listom .lisom .lor .more .ptn {
	display: inline-block;
	vertical-align: middle;
	border: solid 1px #333;
	color: #333;
	line-height: 3;
	border-radius: 1.5em;
	margin-right: 0.2rem;
	width: 1.8rem;
	cursor: pointer;
	text-align: center;
}

.listom .lisom .lor .more .ptn:hover {
	border: solid 1px #c30004;
	background-color: #c30004;
	color: #fff;
}

.listom .lisom .lor .more .ptn.show {
	border: solid 1px #c30004;
	background-color: #c30004;
	color: #fff;
}

.listom .lisom .lor .more .btns {
	width: 100%;
	display: block;
	margin-top: 0.2rem;
	display: none;
}

.listom .lisom .lor .more .btns.show {
	display: block;
}

.listom .lisom .lor .more .btn {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.2rem;
	margin-bottom: 0.1rem;
}

.listom .lisom .lor .more .btn a {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	width: 1.8rem;
	text-align: center;
	color: #c30004;
	border: solid 1px #c30004;
	line-height: 3;
	border-radius: 1.5em;
}

.listom .lisom .lor .more .btn a span {
	display: inline-block;
	vertical-align: middle;
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0.1rem;
}

.listom .lisom .lor .more .btn a span img {
	width: 100%;
	display: block;
}

.listom .lisom .lor .more .btn a span img:first-child {
	display: block;
}

.listom .lisom .lor .more .btn a span img:last-child {
	display: none;
}

.listom .lisom .lor .more .btn a:hover {
	background-color: #c30004;
	color: #fff;
}

.listom .lisom .lor .more .btn a:hover span img:first-child {
	display: none;
}

.listom .lisom .lor .more .btn a:hover span img:last-child {
	display: block;
}

.pumps {
	width: 100%;
}

.pumps .pumop {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

.pumps .pumop .pul {
	display: inline-block;
	vertical-align: middle;
	width: calc((960 / 1920) * 100%);
	position: relative;
	overflow: hidden;
}

.pumps .pumop .pul .img {
	width: 100%;
	padding-top: 97.91%;
	transition: all ease 0.5s;
}

.pumps .pumop .pur {
	display: inline-block;
	vertical-align: middle;
	width: calc((960 / 1920) * 100%);
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	padding: 0.5rem 1.5rem 0.5rem calc((260 / 1920) * 100%);
}

.pumps .pumop .pur .pit {
	width: 100%;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0.45rem;
}

.pumps .pumop .pur .pinp {
	width: 100%;
	color: #333;
	line-height: 1.5;
}

.pumps .pumop .pur .pinp p {
	color: #333;
	line-height: 1.5;
}

.pumps .pumop:nth-child(2n) {
	flex-direction: row;
}

.pumps .pumop:nth-child(2n) .pur {
	padding: 0.5rem calc((260 / 1920) * 100%) 0.5rem 1.5rem;
}

.pedslist {
	width: 100%;
}

.pedslist .midom {
	width: 100%;
	padding: 1rem 0;
	background-color: #dbe2e5;
}

.pedslist .midom .mdtop {
	width: 100%;
	text-align: center;
	margin-bottom: 0.7rem;
}

.pedslist .midom .mdtop .mt {
	width: 100%;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
}

.pedslist .midom .mdtop .mx {
	margin-top: 0.3rem;
	width: 100%;
	color: #fff;
	line-height: 1.5;
}

.pedslist .midom .mdtop .mx p {
	color: #fff;
	line-height: 1.5;
}

.pedslist .midom .momg {
	width: 100%;
}

.pedslist .midom .momg .img {
	width: 100%;
	font-size: 0;
}

.pedslist .midom .momg .img img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}

.pedslist .deslist {
	width: 100%;
}

.pedslist .deslist .desom {
	width: 100%;
	padding: 1rem 0;
}

.pedslist .deslist .desom .dom {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}

.pedslist .deslist .desom .dom .del {
	display: inline-block;
	vertical-align: middle;
	width: calc((650 / 1400) * 100%);
}

.pedslist .deslist .desom .dom .del .img {
	width: 100%;
	padding-top: 100%;
	transition: all ease 0.5s;
}

.pedslist .deslist .desom .dom .der {
	display: inline-block;
	vertical-align: middle;
	width: calc((650 / 1400) * 100%);
}

.pedslist .deslist .desom .dom .der .pit {
	width: 100%;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0.45rem;
}

.pedslist .deslist .desom .dom .der .pinp {
	width: 100%;
	color: #333;
	line-height: 1.5;
}

.pedslist .deslist .desom .dom .der .pinp p {
	color: #333;
	line-height: 1.5;
}

.pedslist .deslist .desom:nth-child(2n) .dom {
	flex-direction: row;
}

.buys {
	width: 100%;
	padding: 1rem 0;
}

.buys .bitop {
	width: 100%;
	margin-bottom: 0.4rem;
}

.buys .bitop .bt {
	width: 100%;
	text-align: center;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
}

.buys .bitop .bx {
	width: 100%;
	color: #333;
	text-align: center;
	line-height: 1.5;
}

.buys .btns {
	width: 100%;
	font-size: 0;
	text-align: center;
}

.buys .btns .btn {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.1rem;
}

.buys .btns .btn a {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	padding: 0 0.4rem;
	color: #c30004;
	border: solid 2px #c30004;
	line-height: 3;
	border-radius: 1.5em;
}

.buys .btns .btn a span {
	display: inline-block;
	vertical-align: middle;
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0.1rem;
}

.buys .btns .btn a span img {
	width: 100%;
	display: block;
}

.buys .btns .btn a span img:first-child {
	display: block;
}

.buys .btns .btn a span img:last-child {
	display: none;
}

.buys .btns .btn a:hover {
	background-color: #c30004;
	color: #fff;
}

.buys .btns .btn a:hover span img:first-child {
	display: none;
}

.buys .btns .btn a:hover span img:last-child {
	display: block;
}

.sercom {
	width: 100%;
	background-color: #f7f7f7;
	padding: 0 0 0.1rem;
}

.sercom .sepom {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	border-radius: 0.1rem;
	position: relative;
	top: -0.9rem;
}

.sercom .sepom .stod {
	width: 100%;
	height: 0.9rem;
	background-color: #fff;
	border-radius: 0.1rem 0.1rem 0 0;
	border-bottom: solid 1px #eee;
	display: flex;
	flex-wrap: wrap;
	padding: 0 0.6rem;
	align-items: center;
	justify-content: space-between;
}

.sercom .sepom .stod .stl {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	font-size: 0;
}

.sercom .sepom .stod .stl .stm {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: 3;
}

.sercom .sepom .stod .stl .stm span {
	color: #c30004;
}

.sercom .sepom .stod .str {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	font-size: 0;
	text-align: right;
}

.sercom .sepom .stod .str .home {
	display: inline-block;
	vertical-align: middle;
	width: 0.24rem;
	height: 0.24rem;
	margin-right: 0.12rem;
}

.sercom .sepom .stod .str .home img {
	width: 100%;
	display: block;
}

.sercom .sepom .stod .str a {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: 3.5;
}

.sercom .sepom .stod .str a span {
	display: inline-block;
	color: #666;
	margin: 0 0.1rem;
}

.sercom .sepom .stod .str a:last-child span {
	display: none;
}

.sercom .sepom .seplist {
	width: 100%;
}

.sercom .sepom .seplist .sepm {
	width: 100%;
	border-bottom: solid 1px #eee;
}

.sercom .sepom .seplist .sepm a {
	width: 100%;
	display: block;
	padding: 0.4rem 0.6rem;
}

.sercom .sepom .seplist .sepm .xt {
	width: 100%;
	color: #333;
	line-height: 1.5;
}

.sercom .sepom .seplist .sepm .xm {
	width: 100%;
	color: #999;
	line-height: 1.5;
	margin-top: 0.08rem;
}

.sercom .sepom .seplist .sepm:hover .xt {
	color: #c30004;
}

@media (max-width: 800px) {
	.sercom {
		padding: 0.5rem 0;
	}

	.sercom .sepom {
		top: 0;
	}

	.sercom .sepom .seplist .sepm a {
		padding: 0.3rem;
	}
}

.netails {
	width: 100%;
	background-color: #f7f7f7;
	padding-bottom: 1rem;
}

.netails .netail {
	width: 100%;
	background-color: #fff;
	padding: 0.5rem;
}

.netails .netail .dit {
	width: 100%;
	color: #222;
	font-weight: bold;
	line-height: 1.5;
}

.netails .netail .dim {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 0.3rem 0 0.2rem;
}

.netails .netail .dim .dls {
	display: inline-block;
	vertical-align: middle;
}

.netails .netail .dim .drs {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

.netails .netail .dim .day {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: 1.5;
	margin-right: 0.4rem;
}

.netails .netail .dim .share {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	font-size: 0;
}

.netails .netail .dim .share span {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: 1.5;
}

.netails .netail .dim .share .am {
	display: inline-block;
	vertical-align: middle;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	border: solid 1px #eee;
	position: relative;
	margin: 0 0.05rem;
}

.netails .netail .dim .share .am img {
	width: 100%;
	display: block;
}

.netails .netail .dim .share .am img:first-child {
	display: block;
}

.netails .netail .dim .share .am img:last-child {
	display: none;
}

.netails .netail .dim .share .am .code {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	padding: 0.1rem;
	bottom: calc(100% + 0.1rem);
	display: none;
	box-shadow: 0px 0px 50px 0px rgba(0, 55, 122, 0.2);
}

.netails .netail .dim .share .am .code .mg {
	display: block;
	margin: 0 auto 0.08rem;
	width: 1.3rem;
	height: 1.3rem;
}

.netails .netail .dim .share .am .code .mg img {
	width: 100%;
	display: block;
}

.netails .netail .dim .share .am .code .cm {
	width: 100%;
	text-align: center;
	line-height: 1.5;
	color: #333;
}

.netails .netail .dim .share .am:hover {
	border: solid 1px #c30004;
	background-color: #c30004;
}

.netails .netail .dim .share .am:hover .code {
	display: block;
}

.netails .netail .dim .share .am:hover img:first-child {
	display: none;
}

.netails .netail .dim .share .am:hover img:last-child {
	display: block;
}

.netails .netail .dim .back {
	display: inline-block;
	vertical-align: middle;
}

.netails .netail .dim .back a {
	width: 100%;
	display: block;
	color: #666;
	line-height: 1.5;
}

.netails .netail .dim .back a span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.08rem;
	width: 0.2rem;
	height: 0.2rem;
	position: relative;
	top: -0.02rem;
}

.netails .netail .dim .back a span img {
	width: 100%;
	display: block;
}

.netails .netail .dim .back a:hover {
	color: #c30004;
}

.netails .netail .dinp {
	width: 100%;
	margin: 0.3rem 0;
	padding: 0.3rem 0;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	color: #666;
	line-height: 1.75;
}

.netails .netail .dinp p {
	color: #666;
	line-height: 1.75;
}

.netails .netail .dinp img {
	max-width: 720px;
}

.netails .netail .dot {
	width: 100%;
	border-radius: 0.4rem;
	background-color: #f7f7f7;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0.28rem 0.4rem;
}

.netails .netail .dot .dtm {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.netails .netail .dot .dtm a {
	width: 100%;
	color: #666;
	line-height: 1.5;
	display: block;
}

.netails .netail .dot .dtm a:hover {
	color: #c30004;
}

@media (max-width: 800px) {
	.netails {
		padding-bottom: 0.5rem;
	}

	.netails .netail {
		padding: 0.5rem 0 0.5rem;
	}

	.netails .netail .dim .share .am {
		display: inline-block;
		vertical-align: middle;
		width: 0.65rem;
		height: 0.65rem;
	}

	.netails .netail .dim .back a span {
		display: inline-block;
		vertical-align: middle;
		width: 0.4rem;
		height: 0.4rem;
	}
}

.newp {
	width: 100%;
	background-color: #f7f7f7;
}

.newp .newds {
	width: 100%;
	padding: 0.4rem 0;
}

.newp .newds .newdlis {
	width: 100%;
	font-size: 0;
}

.newp .newds .newdlis .newom {
	display: inline-block;
	vertical-align: top;
	width: calc((520 / 1600) * 100%);
	margin-bottom: 0.4rem;
	border-radius: 0.1rem;
	overflow: hidden;
	margin-right: calc((20 / 1600) * 100%);
}

.newp .newds .newdlis .newom a {
	width: 100%;
	display: block;
}

.newp .newds .newdlis .newom .imgs {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.newp .newds .newdlis .newom .imgs .img {
	width: 100%;
	padding-top: 56.25%;
	transition: all ease 0.5s;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.newp .newds .newdlis .newom .imgs .img img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.newp .newds .newdlis .newom .wom {
	width: 100%;
	padding: 0.45rem 0.4rem;
	background-color: #fff;
}

.newp .newds .newdlis .newom .wom .vc {
	width: 100%;
	color: #222;
	line-height: 1.5;
}

.newp .newds .newdlis .newom .wom .cm {
	width: 100%;
	color: #999;
	line-height: 1.5;
	margin-top: 0.06rem;
}

.newp .newds .newdlis .newom:hover .imgs .img {
	transform: scale(1.1);
}

.newp .newds .newdlis .newom:hover .wom .vc {
	color: #c30004;
}

.newp .newds .newdlis .newom:nth-child(3n) {
	margin-right: 0;
}

.contacts {
	width: 100%;
	background-color: #f5f5f5;
	padding-bottom: 0.8rem;
}

.contacts .contact {
	width: 100%;
	background-color: #fff;
	margin-top: 0.5rem;
}

.contacts .contact .cit {
	width: 100%;
	border-bottom: solid 1px #eee;
	padding: 0.2rem 0.5rem;
	line-height: 1.5;
	color: #333;
}

.contacts .contact .conts {
	width: 100%;
	padding: 0.5rem;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contacts .contact .conts .cnl {
	display: inline-block;
	vertical-align: top;
	width: calc((580 / 1300) * 100%);
}

.contacts .contact .conts .cnl .cind {
	width: 100%;
	color: #666;
	line-height: 2;
	margin-bottom: 0.4rem;
}

.contacts .contact .conts .cnl .cind p {
	color: #666;
	line-height: 2;
}

.contacts .contact .conts .cnl .cindlis {
	width: 100%;
	position: relative;
}

.contacts .contact .conts .cnl .cindlis .cinm {
	width: 100%;
	font-size: 0;
	padding: 0.15rem 0;
}

.contacts .contact .conts .cnl .cindlis .cinm .ic {
	display: inline-block;
	vertical-align: middle;
	width: 0.5rem;
	height: 0.5rem;
}

.contacts .contact .conts .cnl .cindlis .cinm .ic img {
	width: 100%;
	display: block;
}

.contacts .contact .conts .cnl .cindlis .cinm .dom {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 0.5rem);
	padding-left: 0.2rem;
}

.contacts .contact .conts .cnl .cindlis .cinm .dom .dc {
	width: 100%;
	color: #999;
	line-height: 1.5;
}

.contacts .contact .conts .cnl .cindlis .cinm .dom .dn {
	width: 100%;
	color: #333;
	line-height: 1.5;
}

.contacts .contact .conts .cnl .cindlis .codm {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.4rem;
	height: 1.4rem;
	z-index: 2;
	padding: 0.07rem;
	background-color: #f7f7f7;
}

.contacts .contact .conts .cnl .cindlis .codm img {
	width: 100%;
	display: block;
	background-color: #fff;
}

.contacts .contact .conts .cnr {
	display: inline-block;
	vertical-align: top;
	width: calc((580 / 1300) * 100%);
}

.contacts .contact .conts .cnr form {
	width: 100%;
	display: block;
}

.contacts .contact .conts .cnr .tit {
	width: 100%;
	color: #999;
	line-height: 1.5;
	margin-bottom: 0.1rem;
}

.contacts .contact .conts .cnr .row {
	width: 100%;
	font-size: 0;
	margin-bottom: 0.2rem;
}

.contacts .contact .conts .cnr .row .inp {
	display: inline-block;
	vertical-align: middle;
	width: 48%;
	margin-right: 4%;
}

.contacts .contact .conts .cnr .row .inp .int {
	width: 100%;
	display: block;
	border: solid 1px #eee;
	line-height: 3.2;
	border-radius: 1.6em;
	padding: 0 0.26rem;
	color: #999;
	background-color: transparent;
	background-color: #fff;
}

.contacts .contact .conts .cnr .row .inp:nth-child(2n) {
	margin-right: 0;
}

.contacts .contact .conts .cnr .row .text {
	width: 100%;
	display: block;
}

.contacts .contact .conts .cnr .row .text .area {
	width: 100%;
	display: block;
	border-radius: 0.25rem;
	border: solid 1px #eee;
	padding: 0.15rem 0.26rem;
	color: #999;
	line-height: 1.5;
	background-color: transparent;
	background-color: #fff;
}

.contacts .contact .conts .cnr .stc {
	width: 100%;
	font-size: 0;
}

.contacts .contact .conts .cnr .stc .stn {
	display: inline-block;
	vertical-align: middle;
	border: none;
	color: #fff;
	background-color: #c30004;
	border-radius: 1.6em;
	line-height: 3.2;
	text-align: center;
	width: auto;
	padding: 0 0.6rem;
	cursor: pointer;
}

.contacts .pioms {
	width: 100%;
	margin-top: 0.2rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/contact_lx.jpg);
}

.contacts .pioms .ciop {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem;
}

.contacts .pioms .ciop .col {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.contacts .pioms .ciop .col .cy {
	width: 100%;
	color: #fff;
	line-height: 1.5;
}

.contacts .pioms .ciop .col .dd {
	width: 100%;
	color: #fff;
	line-height: 1.5;
	margin-top: 0.08rem;
}

.contacts .pioms .ciop .cor {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5rem;
}

.contacts .pioms .ciop .cor .mc {
	display: inline-block;
	vertical-align: bottom;
	width: 1rem;
	height: 1rem;
	position: relative;
	z-index: 2;
}

.contacts .pioms .ciop .cor .mc img {
	width: 100%;
	display: block;
}

.contacts .pioms .ciop .cor .mp {
	display: inline-block;
	vertical-align: bottom;
	padding: 0 0.5rem;
	line-height: 0.8rem;
	background-color: rgba(255, 255, 255, 0.95);
	color: #c30004;
	position: relative;
	left: -0.2rem;
	border-radius: 0.4rem;
}

.contacts .pioms .ciop .cor .mp a {
	color: #c30004;
}

.contacts .pioms .ciop .cor .mp span {
	display: inline-block;
	vertical-align: middle;
	width: 0.31rem;
	height: 0.31rem;
	margin-right: 0.1rem;
}

.contacts .pioms .ciop .cor .mp span img {
	width: 100%;
	display: block;
}

.contacts .maps {
	width: 100%;
	margin-top: 0.2rem;
	position: relative;
}

.contacts .maps .mapons .on img {
	max-width: none;
	overflow: hidden;
}

.contacts .maps .mapons {
	width: 100%;
	position: relative;
}

.contacts .maps .mapons .mapon {
	width: 100%;
	display: none;
	height: 5.4rem;
}

.contacts .maps .mapons .mapon .BMap_Marker>div {
	width: 39px !important;
	font-size: 14px;
	line-height: 1.5;
}

.contacts .maps .mapons .mapon p {
	font-size: 14px;
	line-height: 1.5;
}

.contacts .maps .mapons .mapon div {
	font-size: 14px;
	line-height: 1.5;
}

.contacts .maps .mapons .mapon.on {
	display: block;
}

.contacts .maps .voms {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.contacts .maps .voms .vom {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	padding: 0.2rem 0.5rem;
	font-size: 0;
	background-color: rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.contacts .maps .voms .vom .gc {
	display: inline-block;
	vertical-align: middle;
	width: 0.5rem;
	height: 0.5rem;
}

.contacts .maps .voms .vom .pv {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 0.5rem);
	padding-left: 0.25rem;
}

.contacts .maps .voms .vom .pv .vt {
	width: 100%;
	color: #fff;
	line-height: 1.5;
}

.contacts .maps .voms .vom .pv .vm {
	width: 100%;
	color: #fff;
	line-height: 1.5;
}

.contacts .maps .voms .vom.on {
	background-color: rgba(232, 79, 56, 0.8);
}

@media (max-width: 800px) {
	.contacts .maps .voms {
		position: relative;
	}

	.contacts .maps .voms .vom {
		width: 100%;
	}
}

/* 浜烘墠鎷涜仒 */
.pad210 {
	padding-left: 10.9375%;
	padding-right: 10.9375%;
}

.md-about_join .page_1 {
	padding-top: 1.35rem;
	padding-bottom: 1.25rem;
	background-size: cover;
	position: relative;
}

.md-about_join .p1_white {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 88%;
	height: 46%;
	background-color: #ffffff;
	box-shadow: 0px 0px 54px 3px rgb(201 207 220 / 31%);
}

.md-about_join .p1_box {
	position: relative;
	padding: 0.76rem 8.6% 1rem;
	background-color: #ffffff;
	box-shadow: 0px 0px 0.54rem 3px rgb(201 207 220 / 31%);
}

.md-about_join .p1_box .d1 {
	text-align: center;
	color: #191f35;
}

@media (max-width: 1920px) and (min-width: 551px) {
	.s16 {
		font-size: calc(12px + 0.2083333333vw);
	}

	.s18 {
		font-size: calc(12px + 0.3125vw);
	}

	.s20 {
		font-size: calc(12px + 0.4166666667vw);
	}

	.s40 {
		font-size: calc(12px + 1.4583333333vw);
	}
}

.md-about_join .p1_box .d2 {
	margin-top: 0.34rem;
	line-height: 2;
	color: #666;
}

.md-about_join .p1_box .a1 {
	color: #c30004;
}

.md-about_join .p1_box .j1 {
	width: 0.77rem;
	height: 0.77rem;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	background-image: url(../images/join1.png);
	left: 0.5rem;
	top: 0;
	transform: translateY(-40%);
}

.md-about_join .p1_box .j2 {
	width: 0.77rem;
	height: 0.77rem;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	background-image: url(../images/join2.png);
	right: 0.5rem;
	bottom: 0;
	transform: translateY(40%);
}

.md-about_join .page_2 {
	padding-top: .3rem;
}

.md-about_join .tab {
	margin-top: 0.7rem;
}

.md-about_join .li1 {
	border: solid 1px #e5e5e5;
	margin-bottom: 0.55rem;
}

.md-about_join .hd {
	display: flex;
	align-items: center;
	min-height: .5rem;
}

.md-about_join .hd .h_le {
	width: 17.3333333333%;
	height: 100%;
	padding-left: 0.6rem;
	padding-right: 0.2rem;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	color: #333;
}

.md-about_join .hd .h_ri {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem;
	transition: all 0.3s linear;
	color: #666;
	border-left: 1px solid #e5e5e5;
}

.md-about_join .hd .p2-left {
	display: flex;
	flex: 1;
}

.md-about_join .hd .item {
	width: 33%;
}

.md-about_join .hd .p2-left p+p {
	margin-top: 0.2rem;
}

.md-about_join .hd .bth {
	display: flex;
	align-items: center;
	padding: 0.1rem 0.4rem;
	background-color: #f5f6f7;
	border-radius: 1rem;
	cursor: pointer;
	color: #999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 16px
}

.md-about_join .hd .bth:hover {
	background-color: #c30004;
	color: #fff !important;
	transition: all .3s;
}

.md-about_join .hd .bth span {
	transition: all .3s;
}

.md-about_join .hd .bth:hover span {
	color: #fff !important;
}

.md-about_join .hd .bth:hover img:nth-child(2n-1) {
	display: none;
}

.md-about_join .hd .bth:hover img:nth-child(2n) {
	display: block;
}

.md-about_join .hd .bth img {
	margin-top: 0.03rem;
	margin-left: 0.1rem;
}

.md-about_join .hd .bth img:nth-child(2n-1) {
	display: block;
}

.md-about_join .hd .bth img:nth-child(2n) {
	display: none;
}

.md-about_join .bd {
	padding: 0.5rem 0.6rem;
	padding-bottom: 0.6rem;
	padding-right: 1.1rem;
	border-top: 1px solid #e5e5e5;
	display: none;
}

.md-about_join .bd .bd_1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 0.6rem;
}

.md-about_join .c22 {
	color: #222;
	font-weight: 700;
}

.md-about_join .c66 {
	color: #666;
	font-weight: 700;
}

.md-about_join .bd .href {
	background-color: #c30004;
	color: #fff;
	border-radius: 1rem;
	padding: 0.1rem 0.3rem;
	display: inline-flex;
	align-items: center;
}

.md-about_join .bd .href img {
	margin-left: 0.2rem;
}

@media (max-width: 1280px) {
	.md-about_join .hd .h_ri {
		padding-left: 0.5rem;
	}
}

@media (max-width: 900px) {
	.md-about_join .form {
		justify-content: space-between;
	}

	.md-about_join .form .sel {
		width: 30%;
		margin-right: 0;
	}

	.md-about_join .form .inp {
		width: 100%;
		margin-top: 0.3rem;
	}

	.md-about_join .hd .h_le {
		min-width: 30%;
	}

	.md-about_join .hd .h_ri {
		padding-left: 0.5rem;
		padding-right: 0.6rem;
		padding-top: 0.4rem;
		padding-bottom: 0.4rem;
		justify-content: flex-end;
	}

	.md-about_join .hd .p2-left {
		display: none;
	}

	.md-about_join .bd {
		padding-right: 0.6rem;
	}

	.md-about_join .bd .bd_1 .b1 {
		width: 60%;
	}

	.md-about_join .bd .bd_2 .miaoshu {
		width: 100%;
		margin-bottom: 0.5rem;
	}

	.md-about_join .bd .bd_2 .fuli {
		width: 100%;
	}

	.md-about_join .bd .bd_4 {
		display: block;
		flex-wrap: wrap;
		line-height: 2;
		margin-bottom: 0.5rem;
	}
}


.i_bg_07 {
	background: url(../images/i_bg_07.jpg) no-repeat center /cover fixed !important;
}

.s_tt {
	text-align: center;
	margin-bottom: .4rem;
}

.s_tt h3 {
	font-size: .3rem;
	color: #252525;
	font-weight: bold;
}

.s_tt h3 span {
	font-size: .2rem;
	color: #000000;
	font-family: play-bold;
	text-transform: uppercase;
	display: inline-block;
	margin-left: .08rem;
}

.s_tt i {
	display: block;
	width: 30px;
	height: 2px;
	background: #c30004;
	margin: 0 auto;
	margin-top: .2rem;
}

.s_tt.white h3,
.s_tt.white h3 span {
	color: white;
}

.s_area {
	padding-top: .6rem;
	width: 100%;
	overflow: hidden;
	background: #eff2f7;
}

.s_area .box {
	/* background: url(../image/s_area_bg.jpg) no-repeat center/cover fixed; */
	padding: 0.16rem 0 0.78rem;
}

.s_area .box .m {
	display: flex;
}

.s_area .hd {
	width: 4rem;
	float: left;
}

.s_area .hd ul {
	height: 100%;
}

.s_area .hd ul li {
	background: #c90005;
	color: #fff;
	padding: .42rem .48rem;
	height: 1.9rem;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.s_area .hd ul li:before {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	background: #ff0005;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.s_area .hd ul li.slick-current:before {
	top: 0;
	bottom: auto;
	height: 100%;
}

.s_area .hd ul li .ico {
	width: .32rem;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.s_area .hd ul li.slick-current .ico {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
}

.s_area .hd ul li h3 {
	font-size: .26rem;
	color: #ffffff;
	font-weight: bold;
	margin-top: .2rem;
	margin-bottom: 0.08rem;
}

.s_area .hd ul li span {
	font-size: .16rem;
	color: #fff;
	text-transform: uppercase;
	opacity: 0.5;
}

.s_area .bd {
	float: left;
	width: calc(100% - 4rem);
}

.s_area .bd ul li {
	display: flex;
}

.s_area .bd ul li .txt {
	background: #fff;
	display: flex;
	align-items: center;
	padding: .36rem;
	width: 40%;
	height: 5.7rem;
}

.s_area .bd ul li .txt span {
	font-size: .16rem;
	color: #c30004;
	display: block;
	text-transform: uppercase;
}

.s_area .bd ul li .txt h3 {
	font-size: .2rem;
	font-weight: bold;
	color: #333333;
	margin-top: .36rem;
	margin-bottom: .26rem;
}

.s_area .bd ul li .con {
	font-size: 0.16rem;
	line-height: .3rem;
	height: .9rem;
	color: #a9a9a9;
	margin-bottom: 0.68rem;
}

.s_area .bd ul li .pic {
	height: 100%;
	width: 60%;
	height: 5.7rem;
	overflow: hidden;
}

.s_area .bd ul li .pic img {
	height: 100%;
	object-fit: cover;
}

.cases {
	width: 100%;
	background-color: #f7f7f7;
}

.cases .hows {
	width: 100%;
	padding: 0.4rem 0;
}

.cases .hows .howom {
	width: 100%;
	background-color: #fff;
	padding: 0.6rem;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.cases .hows .howom .hol {
	display: inline-block;
	vertical-align: middle;
	width: calc((560 / 1300) * 100%);
	position: relative;
	overflow: hidden;
}

.cases .hows .howom .hol .img {
	width: 100%;
	padding-top: 75%;
}

.cases .hows .howom .hor {
	display: inline-block;
	vertical-align: middle;
	width: calc((580 / 1300) * 100%);
}

.cases .hows .howom .hor .hinp {
	width: 100%;
	color: #666;
	line-height: 1.5;
}

.cases .hows .howom .hor .hinp p {
	color: #666;
	line-height: 1.5;
}

.cases .service {
	width: 100%;
	padding: 0.4rem 0;
}

.cases .service .servlis {
	width: 100%;
	font-size: 0;
}

.cases .service .servlis .scom {
	display: inline-block;
	vertical-align: top;
	width: calc((690 / 1400) * 100%);
	margin-right: calc((19 / 1400) * 100%);
	background-color: #fff;
	padding: 0.4rem;
	font-size: 0;
	margin-bottom: 0.2rem;
}

.cases .service .servlis .scom .tn {
	display: inline-block;
	vertical-align: middle;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	overflow: hidden;
}

.cases .service .servlis .scom .tn img {
	width: 100%;
	display: block;
}

.cases .service .servlis .scom .com {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 2rem);
	padding-left: 0.4rem;
}

.cases .service .servlis .scom .com .st {
	width: 100%;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
}

.cases .service .servlis .scom .com .cm {
	width: 100%;
	color: #666;
	line-height: 2;
	margin-top: 0.08rem;
}

.cases .service .servlis .scom:nth-child(2n) {
	margin-right: 0;
}

.cases .integrate {
	width: 100%;
	padding: 0.4rem 0;
}

.cases .integrate .intelist {
	width: 100%;
	font-size: 0;
}

.cases .integrate .intelist .intem {
	display: inline-block;
	vertical-align: top;
	width: calc((440 / 1400) * 100%);
	margin-right: calc((39 / 1400) * 100%);
	border-radius: 0.1rem;
	margin-bottom: 0.2rem;
	overflow: hidden;
}

.cases .integrate .intelist .intem a {
	width: 100%;
	display: block;
}

.cases .integrate .intelist .intem .imgs {
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 0.1rem 0.1rem 0 0;
}

.cases .integrate .intelist .intem .imgs .img {
	width: 100%;
	padding-top: 75%;
	transition: all ease 0.5s;
}

.cases .integrate .intelist .intem .vom {
	width: 100%;
	background-color: #fff;
	padding: 0.4rem;
	text-align: center;
}

.cases .integrate .intelist .intem .vom .vt {
	width: 100%;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	color: #222;
}

.cases .integrate .intelist .intem .vom .vm {
	width: 100%;
	color: #666;
	line-height: 1.5;
	height: 3em;
	text-align: center;
	margin-top: 0.08rem;
}

.cases .integrate .intelist .intem:hover .imgs .img {
	transform: scale(1.1);
}

.cases .integrate .intelist .intem:hover .vom .vt {
	color: #c30004;
}

.cases .integrate .intelist .intem:nth-child(3n) {
	margin-right: 0;
}

.optimize {
	width: 100%;
	background-color: #fff;
	padding: 1rem 0;
}

.optimize .opovm {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
}

.optimize .opovm .optims {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}

.optimize .opovm .optims .imgs {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.optimize .opovm .optims .imgs .img {
	width: 100%;
	transition: all ease 0.5s;
	height: 3.2rem;
}

.optimize .opovm .optims .coms {
	width: 100%;
	background-color: #f7f7f7;
	padding: 0.3rem;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	height: 3.2rem;
}

.optimize .opovm .optims .coms .ct {
	width: 100%;
	color: #333;
	line-height: 1.5;
	font-weight: bold;
}

.optimize .opovm .optims .coms .cinp {
	width: 100%;
	color: #666;
	line-height: 1.8;
	margin-top: 0.2rem;
}

.optimize .opovm .optims .coms .cinp p {
	color: #666;
	line-height: 1.8;
}

.optimize .opovm .optims:nth-child(2n) {
	flex-direction: column-reverse;
}

.message {
	width: 100%;
	padding: 0.8rem 0;
	background-color: #f7f7f7;
}

.message .meom {
	background-color: #fff;
	padding: 0.6rem;
	width: 100%;
}

.message .meom .eom {
	width: 100%;
	max-width: 6.4rem;
}

.message .meom .eom .erom {
	width: 100%;
}

.message .meom .eom .erom form {
	width: 100%;
	display: block;
}

.message .meom .eom .erom .tit {
	width: 100%;
	color: #999;
	line-height: 1.5;
	margin-bottom: 0.1rem;
}

.message .meom .eom .erom .row {
	width: 100%;
	font-size: 0;
	margin-bottom: 0.2rem;
}

.message .meom .eom .erom .row .inp {
	display: inline-block;
	vertical-align: middle;
	width: 48%;
	margin-right: 4%;
}

.message .meom .eom .erom .row .inp .int {
	width: 100%;
	display: block;
	border: solid 1px #eee;
	line-height: 3.2;
	border-radius: 1.6em;
	padding: 0 0.26rem;
	color: #999;
	background-color: transparent;
	background-color: #fff;
}

.message .meom .eom .erom .row .inp:nth-child(2n) {
	margin-right: 0;
}

.message .meom .eom .erom .row .text {
	width: 100%;
	display: block;
}

.message .meom .eom .erom .row .text .area {
	width: 100%;
	display: block;
	border-radius: 0.25rem;
	border: solid 1px #eee;
	padding: 0.15rem 0.26rem;
	color: #999;
	line-height: 1.5;
	background-color: transparent;
	background-color: #fff;
}

.message .meom .eom .erom .stc {
	width: 100%;
	font-size: 0;
}

.message .meom .eom .erom .stc .stn {
	display: inline-block;
	vertical-align: middle;
	border: none;
	color: #fff;
	background-color: #c30004;
	border-radius: 1.6em;
	line-height: 3.2;
	text-align: center;
	width: auto;
	padding: 0 0.6rem;
	cursor: pointer;
}

.classify {
	width: 100%;
	padding: 0rem 0 0.5rem;
}

.classify .classlis {
	width: 100%;
	font-size: 0;
	padding-top: 0.2rem;
}

.classify .classlis .clasm {
	display: inline-block;
	vertical-align: top;
	width: calc((272 / 1400) * 100%);
	margin-right: calc((9 / 1400) * 100%);
	margin-bottom: 0.1rem;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.classify .classlis .clasm .img {
	width: 100%;
	padding-top: 44.11%;
	transition: all ease 0.5s;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.classify .classlis .clasm .img img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.classify .classlis .clasm .cov {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	z-index: 4;
	justify-content: center;
	align-items: center;
	transition: all ease 0.5s;
	background-color: rgba(0, 0, 0, 0.6);
}

.classify .classlis .clasm .cov .ic {
	display: inline-block;
	vertical-align: middle;
	width: 0.4rem;
	height: 0.4rem;
	margin-right: 0.1rem;
}

.classify .classlis .clasm .cov .ic img {
	width: 100%;
	display: block;

}



.classify .classlis .clasm .cov .pm {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: 1.5;
	font-weight: bold;
}

.classify .classlis .clasm:nth-child(5n) {
	margin-right: 0;
}

.classify .classlis .clasm:hover .cov,
.classify .classlis .clasm.on .cov {
	background-color: rgba(232, 79, 56, 0.7);
}

.lassoms {
	width: 100%;
	padding: 0rem 0;
	padding-bottom: .5rem;
}

.lassoms .lassom {
	width: 100%;
	display: none;
}

.lassoms .lassom.on {
	display: block;
}

.lassoms .lit {
	width: 100%;
	text-align: center;
	color: #222;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}

.lassoms .linp {
	position: absolute;
	width: 45%;
	color: #fff;
	line-height: 1.8;
	margin: 0.6rem auto;
	display: block;
	top: 200px;
	left: 100px;
	z-index: 2;
	font-size: 16px;
}

.lanlist {
	clear: both;
}

.lassoms .linp table {
	margin: auto;
}

.lassoms .linp p,
.lassoms .linp span {
	color: #fff;
	line-height: 1.8;
}

.lassoms .linp img {
	max-width: 100%;
	/* max-width: 720px; */
}

.lassoms .lanlist {
	width: 100%;
}

.lanlist {
	clear: both;
}

.lassoms .lanlist .langs {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	border-top: solid 1px #eee;
	padding: 0.7rem 0;
}

.lassoms .lanlist .langs .lal {
	display: inline-block;
	vertical-align: middle;
	width: calc((700 / 1400) * 100%);
	position: relative;
	overflow: hidden;
}

.lassoms .lanlist .langs .lal .img {
	width: 100%;
	padding-top: 55.85%;
}

.lassoms .lanlist .langs .lar {
	display: inline-block;
	vertical-align: middle;
	width: calc((616 / 1400) * 100%);
}

.lassoms .lanlist .langs .lar .lins {
	width: 100%;
	color: #666;
	line-height: 2;
}

.lassoms .lanlist .langs .lar .lins p {
	color: #666;
	line-height: 2;
}

.lassoms .lanlist .langs:nth-child(2n) {
	flex-direction: row;
}

.company {
	width: 100%;
	padding: 0.5rem 0;
}

.company .comps {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.company .comps .col {
	display: inline-block;
	vertical-align: middle;
	width: calc((688 / 1400) * 100%);
	position: relative;
	overflow: hidden;
	border-radius: 0.1rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.company .comps .col .img {
	width: 100%;
	padding-top: 71.94%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.company .comps .col .img img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.company .comps .cor {
	display: inline-block;
	vertical-align: middle;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	background-color: #f7f7f7;
	width: calc((1056 / 1400) * 100%);
	border-radius: 0.1rem;
	min-height: 6.35rem;
	padding: 0.6rem 0.6rem 0.6rem calc((405 / 1400) * 100%);
}

.company .comps .cor h1 {
	margin-bottom: .6rem;
}

.company .comps .cor .cinps {
	width: 100%;
	color: #666;
	line-height: 1.8;
}

.company .comps .cor .cinps p {
	color: #666;
	line-height: 1.8;
}

@media (max-width: 800px) {

	.lassoms .linp img,
	.netails .netail .dinp img {
		max-width: 100%;
	}

	.company .comps .col {
		position: relative;
		top: 0;
		transform: translateY(0);
	}
}

.Factory {
	width: 100%;
	padding: 0.5rem 0;
	border-top: solid 1px #eee;
}

.Factory .factper {
	width: 100%;
}

.Factory .factper .swiper-slide {
	width: 100%;
	overflow: hidden;
	border-radius: 0.1rem;
	position: relative;
}

.Factory .factper .swiper-slide .img {
	width: 100%;
	padding-top: 56.25%;
	transition: all ease 0.5s;
}

.equipment {
	width: 100%;
	padding: 0.5rem 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.equipment .mstop {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.equipment .mstop .vol {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.equipment .mstop .vor {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.equipment .mstop .vtns {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	font-size: 0;
}

.equipment .mstop .vtns .vtn {
	display: inline-block;
	vertical-align: middle;
}

.equipment .mstop .vtns .vtn a {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	padding: 0 0.6rem;
	line-height: 3;
	border-radius: 1.5em;
	background-color: #fff;
	color: #333;
}

.equipment .mstop .vtns .vtn:hover a,
.equipment .mstop .vtns .vtn.on a {
	background-color: #c30004;
	color: #fff;
}

.equipment .mstop .vtns .vtn+.vtn {
	margin-left: 0.2rem;
}

.equipment .equipms {
	width: 100%;
}

.equipment .equipms .equom {
	width: 100%;
	display: none;
}

.equipment .equipms .equom.on {
	display: block;
}

.equipment .equipms .equsper {
	width: 100%;
	position: relative;
}

.equipment .equipms .equsper .swiper-container {
	/* padding-bottom: 0.6rem; */
}

.equipment .equipms .equsper .swiper-slide {
	width: 100%;
}

.equipment .equipms .equsper .swiper-slide .imgs {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 0.1rem;
}

.equipment .equipms .equsper .swiper-slide .imgs .img {
	width: 100%;
	padding-top: 56.25%;
	transition: all ease 0.5s;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.equipment .equipms .equsper .swiper-slide .imgs .img img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.equipment .equipms .equsper .swiper-slide .cim {
	width: 100%;
	color: #666;
	line-height: 1.5;
	margin-top: 0.15rem;
	text-align: center;
}

.equipment .equipms .equsper .swiper-slide:hover .imgs .img {
	transform: scale(1.1);
}

.equipment .equipms .equsper .swiper-scrollbar {
	bottom: 0;
}

.equipment .equipms .equsper .swiper-scrollbar-drag {
	background-color: #c30004;
}

.calls {
	width: 100%;
	padding: 0.6rem 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.calls .tic {
	width: 100%;
}

.calls .tic .dm {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	background-color: #c30004;
	line-height: 2.2;
	border-radius: 1.1em 1.1em 1.1em 0;
	padding: 0 0.2rem;
	color: #fff;
}

.calls .tic .dm span {
	display: inline-block;
	vertical-align: middle;
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.1rem;
	position: relative;
	top: -0.02rem;
}

.calls .tic .dm span img {
	width: 100%;
	display: block;
}

.calls .xm {
	width: 100%;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	margin: 0.1rem 0 0.15rem;
}

.calls .sp {
	width: 100%;
	color: #fff;
	line-height: 1.8;
}

.coops {
	width: 100%;
	padding: 1rem 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.coops .coop {
	width: 100%;
	position: relative;
}

.coops .coop .height {
	width: 100%;
	padding-top: 38.57%;
}

.coops .coop .mitop {
	position: absolute;
	z-index: 4;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	text-align: center;
	z-index: -1;
}

.coops .coop .mitop .em {
	margin-top: 0.1rem;
}

.coops .coop .mitop .cm {
	margin-top: 0rem;
}

.coops .coop .iconlist {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	font-size: 0;
}

.coops .coop .iconlist .icom {
	position: absolute;
	z-index: 4;
	overflow: hidden;
	border-radius: 50%;
	transition: all ease 0.5s;
}

.coops .coop .iconlist .icom .img {
	width: 100%;
	padding-top: 100%;
	border-radius: 50%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}

.coops .coop .iconlist .icom .img img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.coops .coop .iconlist .icom:nth-child(1) {
	width: 1.8rem;
	z-index: 5;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: visible;
}

.coops .coop .iconlist .icom:nth-child(1) .border {
	position: absolute;
	z-index: -1;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	background-color: rgba(232, 79, 56, 0.5);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 800px) {
	.coops .coop .iconlist .icom:nth-child(1) {
		width: 1.4rem;
		top: 60%;
	}

	.coops .coop .iconlist .icom:nth-child(1) .border {
		width: 1.8rem;
		height: 1.8rem;
	}

	.coops .coop .iconlist .icom:nth-child(2) {
		top: calc((110 / 540) * 100%);
	}

	.coops .coop .iconlist .icom:nth-child(3) {
		top: calc((110 / 540) * 100%);
	}
}

.coops .coop .iconlist .icom:nth-child(2) {
	width: 1.2rem;
	left: 0;
	top: calc((70 / 540) * 100%);
}

.coops .coop .iconlist .icom:nth-child(3) {
	width: 1.2rem;
	right: 0;
	top: calc((70 / 540) * 100%);
}

@media (max-width: 800px) {
	.coops .coop .iconlist .icom:nth-child(2) {
		top: calc((110 / 540) * 100%);
	}

	.coops .coop .iconlist .icom:nth-child(3) {
		top: calc((110 / 540) * 100%);
	}
}

.coops .coop .iconlist .icom:nth-child(4) {
	width: 1.2rem;
	left: 0;
	bottom: 0rem;
}

.coops .coop .iconlist .icom:nth-child(5) {
	width: 1.2rem;
	right: 0;
	bottom: 0rem;
}

.coops .coop .iconlist .icom:nth-child(6) {
	width: 1.2rem;
	left: calc((360 / 1400) * 100%);
	top: calc((150 / 540) * 100%);
}

.coops .coop .iconlist .icom:nth-child(7) {
	width: 1.2rem;
	right: calc((360 / 1400) * 100%);
	top: calc((150 / 540) * 100%);
}

.coops .coop .iconlist .icom:nth-child(8) {
	width: 1.2rem;
	left: calc((360 / 1400) * 100%);
	bottom: 0.26rem;
}

.coops .coop .iconlist .icom:nth-child(9) {
	width: 1rem;
	right: calc((360 / 1400) * 100%);
	bottom: 0.26rem;
}

.coops .coop .iconlist .icom:nth-child(10) {
	width: 1rem;
	left: calc((260 / 1400) * 100%);
	top: 0rem;
}

.coops .coop .iconlist .icom:nth-child(11) {
	width: 1rem;
	right: calc((260 / 1400) * 100%);
	top: 0rem;
}

.coops .coop .iconlist .icom:nth-child(12) {
	width: 1rem;
	left: calc((160 / 1400) * 100%);
	bottom: calc((150 / 540) * 100%);
}

.coops .coop .iconlist .icom:nth-child(13) {
	width: 1rem;
	right: calc((160 / 1400) * 100%);
	bottom: calc((150 / 540) * 100%);
}

.coops .coop .iconlist .icom:hover {
	transform: scale(1.1);
}

.coops .coop .iconlist .icom:nth-child(1):hover {
	transform: translate(-50%, -50%) scale(1.1);
}

@media (max-width: 800px) {
	.coops .coop {
		padding-top: 1rem;
	}

	.coops .coop .height {
		padding-top: 80%;
	}

	.coops .coop .mitop {
		transform: translate(-50%, -50%);
	}

	.coops .coop .iconlist .icom:nth-child(10) {
		width: 1rem;
		left: calc((260 / 1400) * 100%);
		top: 0.8rem;
	}

	.coops .coop .iconlist .icom:nth-child(11) {
		width: 1rem;
		right: calc((260 / 1400) * 100%);
		top: 0.8rem;
	}
}

.honors {
	width: 100%;
	padding: 0.5rem 0;
	background-color: #fff;
}

.honors .honpers {
	width: 100%;
	position: relative;
}

.honors .honpers .swiper-container {
	padding-top: 1rem;
}

.honors .honpers .swiper-slide {
	width: 100%;
}

.honors .honpers .swiper-slide .imgs {
	width: 100%;
	overflow: hidden;
	position: relative;
	transition: all ease 0.5s;
}

.honors .honpers .swiper-slide .imgs .img {
	width: 100%;
	transition: all ease 0.5s;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.honors .honpers .swiper-slide .imgs .img img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.honors .honpers .swiper-slide .simt {
	margin-top: 1rem;
	text-align: center;
	line-height: 3;
	font-weight: bold;
	color: #333;
	opacity: 0;
	white-space: nowrap;
	height: 3em;
}

.honors .honpers .swiper-slide .simt span {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	line-height: 3;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
}

.honors .honpers .swiper-slide-active .imgs {
	transform: scale(1.2);
}

.honors .honpers .swiper-slide-active .simt {
	opacity: 1;
}

.honors .honpers .btn {
	display: inline-block;
	vertical-align: middle;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background-color: #f7f7f7;
	box-shadow: 0px 10px 30px 0px rgba(0, 65, 62, 0.1);
	cursor: pointer;
	position: absolute;
	z-index: 3;
	top: 45%;
	transform: translateY(-50%);
}

.honors .honpers .btn img {
	width: 100%;
	display: block;
}

.honors .honpers .btn img:first-child {
	display: block;
}

.honors .honpers .btn img:last-child {
	display: none;
}

.honors .honpers .btn:hover {
	background-color: #c30004;
}

.honors .honpers .btn:hover img:first-child {
	display: none;
}

.honors .honpers .btn:hover img:last-child {
	display: block;
}

.honors .honpers .bl {
	left: -0.9rem;
}

.honors .honpers .br {
	right: -0.9rem;
}

@media (max-width: 1460px) {
	.honors .honpers .bl {
		left: 0;
	}

	.honors .honpers .br {
		right: 0rem;
	}
}

.rightnav {
	position: fixed;
	z-index: 10;
	right: 0rem;
	top: 60%;
	transform: translateY(-50%);
	transition: all ease 0.5s;
	right: 0;
}

.rightnav .rtem {
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	margin: 0 auto 1px;
	background-color: rgba(0, 0, 0, 0.3);
	position: relative;
}

.rightnav .rtem a {
	width: 100%;
	height: 100%;
	display: block;
}

.rightnav .rtem img {
	width: 100%;
	display: block;
}

.rightnav .rtem .tel {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	white-space: nowrap;
	font-size: 0;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 0 0.1rem;
	display: none;
}

.rightnav .rtem .tel .tc {
	display: inline-block;
	vertical-align: middle;
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0rem;
}

.rightnav .rtem .tel .tc img {
	width: 100%;
	height: 100%;
	display: block;
}

.rightnav .rtem .tel .tm {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: 1.5
}

.rightnav .rtem .codm {
	position: absolute;
	right: calc(100% + 0.1rem);
	right: 100%;
	right: calc(100% + 1px);
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 0.1rem;
	display: none;
	width: auto;
}

.rightnav .rtem .codm .mg {
	display: block;
	width: 1.2rem;
	margin: 0 auto 0.1rem;
}

.rightnav .rtem .codm .mg img {
	width: 100%;
	display: block;
}

.rightnav .rtem .codm .cm {
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	white-space: nowrap;
}

.rightnav .rtem:hover {
	background-color: #c30004;
	border: solid 1px #c30004;
}

.rightnav .rtem:hover .codm {
	display: block;
}

.rightnav .rtem:hover .tel {
	display: block;
}

@media (max-width: 1460px) {
	.rightnav .rtem {
		width: 0.8rem;
		height: 0.8rem;
	}

	.rightnav .rtem .tel {
		right: 100%;
	}
}


#ny_about_5 .ny_about_5_nr {
	display: block;
	position: relative;
	margin-top: 40px;
}

#ny_about_5 .ny_about_5_nr li {
	display: block;
}

#ny_about_5 .ny_about_5_nr li a {
	display: block;
	padding: 20px 20px 0 20px;
	border: 1px solid #eee;
	transition: all 0.3s;
}

#ny_about_5 .ny_about_5_nr li a img {
	max-width: 100%;
	display: block;
}

#ny_about_5 .ny_about_5_nr li a p {
	font-size: 18px;
	color: #666666;
	line-height: 2;
	text-align: center;
	display: block;
	margin: 0px 0 15px 0;
}

#ny_about_5 .ny_about_5_nr .owl-nav {
	display: none;
}

#ny_about_5 .ny_about_5_nr li:hover a {
	border: 1px solid #c30004;
}

#ny_about_5 .ny_about_5_nr li:hover a p {
	color: #c30004;
}

.popop {
	width: 100%;
	position: fixed;
	z-index: 20;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
}

.popop .pox {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 12rem;
	max-width: 90%;
}

.popop .pox .meom {
	background-color: #fff;
	padding: 0.4rem;
	width: 100%;
}

@media (max-width: 800px) {
	.popop .pox .meom {
		background-image: none !important;
	}
}

.popop .pox .meom .eom {
	width: 100%;
	/* max-width: 6.4rem; */
}

.popop .pox .meom .eom .erom {
	width: 100%;
}

.popop .pox .meom .eom .erom form {
	width: 100%;
	display: block;
}

.popop .pox .meom .eom .erom .tit {
	width: 100%;
	color: #999;
	line-height: 1.5;
	margin-bottom: 0.1rem;
}

.popop .pox .meom .eom .erom .row {
	width: 100%;
	font-size: 0;
	margin-bottom: 0.1rem;
}

.popop .pox .meom .eom .erom .row .inp {
	display: inline-block;
	vertical-align: middle;
	width: 48%;
	margin-right: 4%;
}

.popop .pox .meom .eom .erom .row .inp .int {
	width: 100%;
	display: block;
	border: solid 1px #eee;
	line-height: 3.2;
	border-radius: 1.6em;
	padding: 0 0.26rem;
	color: #999;
	background-color: transparent;
	background-color: #fff;
}

.popop .pox .meom .eom .erom .row .inp:nth-child(2n) {
	margin-right: 0;
}

.popop .pox .meom .eom .erom .row .text {
	width: 100%;
	display: block;
}

.popop .pox .meom .eom .erom .row .text .area {
	width: 100%;
	display: block;
	border-radius: 0.25rem;
	border: solid 1px #eee;
	padding: 0.15rem 0.26rem;
	color: #999;
	line-height: 1.5;
	background-color: transparent;
	background-color: #fff;
}

.popop .pox .meom .eom .erom .stc {
	width: 100%;
	font-size: 0;
}

.popop .pox .meom .eom .erom .stc .stn {
	display: inline-block;
	vertical-align: middle;
	border: none;
	color: #fff;
	background-color: #c30004;
	border-radius: 1.6em;
	line-height: 3.2;
	text-align: center;
	width: auto;
	padding: 0 0.6rem;
	cursor: pointer;
}

.popop .pox .close {
	position: absolute;
	right: 0.2rem;
	top: 0.2rem;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.popop .pox .close img {
	width: 100%;
	display: block;
}

/*2022-10-13*/
.pcp-lsit {
	display: flex;
	justify-content: space-between;
}

.pcp-item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 25%;
	background-color: #f7f7f7;
	padding: .45rem 0;
}

.pcp-b .pcp-item {
	background-color: #f0f0f0;
}

.pcp-b .pcp-item:nth-child(2n) {
	background-color: #f7f7f7;
}


.pcp-item:nth-child(2n) {
	background-color: #f0f0f0;
}

.pmgs .pcp-lsit .pcp-item img {
	width: .45rem;
}

.pcp-item .s20 {
	font-family: HarmonyOS_Sans_SC;
	margin: .2rem 0;
	color: #333333;
	text-align: center;
}

.pcp-item .s16 {
	font-family: HarmonyOS_Sans_SC;

	color: #666666;
}

.pcmg.pcp {
	position: relative;
}

.pcp-pop {
	position: absolute;
	top: 53%;
	left: 50%;
	width: calc(760 / 1400 *100%);
	display: flex;
	align-items: center;
	text-align: center;
	transform: translateX(-50%) translateY(-50%);
	justify-content: center;
	padding: .3rem 0;
	flex-direction: column;
	z-index: 1;
	background-image: linear-gradient(135deg,
			#286dcc 0%,
			#28aee3 100%);
}

.pcp-pop .s50:first-child {
	margin-top: 0;
	margin-bottom: .2rem;
}

.pcp-pop .s50 {
	font-family: HarmonyOS_Sans_SC_Bold;
	margin-top: .2rem;
	color: #ffffff;
}

.pop-title {
	position: relative;
}

.pop-title::after {
	left: 50%;
	bottom: -.2rem;
	position: absolute;
	content: '';
	display: block;
	width: 50px;
	background-color: #fff;
	height: 2px;
	transform: translateX(-50%);
	border-radius: 3px;

}

.pcp-pop .s24 {
	font-family: HarmonyOS_Sans_SC_Light;
	color: #ffffff;
}


.pcp-pop .s18 {
	color: #7dc1ef;
	margin-top: .2rem;
}

@media (max-width: 800px) {

	.processs .pmgs .phmg {
		display: none;
	}

	.processs .pmgs .pcmg {
		display: block;
	}

	.pcp-lsit {

		flex-wrap: wrap;

	}

	.pcp-item {
		width: 50%;
	}

	.pcp-pop {
		position: relative;
		width: 100%;
		transform: translateY(0) translateX(-50%);
	}

	.pcp-lsit .pcp-item:nth-child(3) {
		background-color: #f0f0f0;
	}

	.pcp-lsit .pcp-item:nth-child(4) {
		background-color: #f7f7f7;
	}


	.pcp-b .pcp-item {
		background-color: #f7f7f7;
	}

	.pcp-b .pcp-item:nth-child(2n) {

		background-color: #f0f0f0;
	}

	.pcp-lsit:last-child .pcp-item:nth-child(1) {

		background-color: #f0f0f0;
	}

	.pcp-lsit:last-child .pcp-item {

		background-color: #f7f7f7;
	}

	.pcp-lsit:last-child .pcp-item:nth-child(4) {

		background-color: #f0f0f0;
	}

}

.lassom-banner {
	position: relative;
}

.lassom-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1;
}

.lassom-banner>img {
	width: 100%;
}


.la-pop {
	position: absolute;
	top: 50px;
	left: 100px;
	z-index: 2
}

.la-pop>img {
	width: .6rem;
}

.la-pop .s36 {
	font-family: HarmonyOS_Sans_SC_Bold;
	color: #ffffff;
	margin-bottom: .15rem;
	margin-top: .3rem;
}

.la-pop .s24 {
	font-family: HarmonyOS_Sans_SC_Light;
	color: #ffffff;
	text-transform: uppercase;
}

@media (max-width: 800px) {

	.la-pop {
		position: absolute;
		top: 15%;

		left: 10%;

	}
}

/* 手机端 */

@media (max-width:1100px) {

	/* 头部 */
	header .htop .tel {
		display: none;
	}
}

@media (max-width:840px) {

	/* 优势 */
	.s_area .box .m {
		flex-direction: column;
	}

	.s_area .hd {
		width: 100%;
	}

	.s_area .hd ul li span {
		display: none;
	}

	.s_area .bd {
		width: 100%;
	}


	/* 产品 */
	.i-product-top_hd ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}


	.i-product-top_hd ul li {
		margin: 0;
		margin-bottom: 2%;
		margin-right: 2%;
	}

	/* 关于我们 */
	.modular .mitop {
		margin-bottom: 0.4rem;
	}

	.abouts .abotm .abr .more {
		margin-top: 0.3rem;
	}

	/* 流程 */
	.lcbj {
		height: 350px;
		padding-top: 40px;
	}

	/* 内页关于我们 */
	.z1 {
		max-width: 840px !important;
		width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
		float: none !important;
		display: block !important;
		margin-bottom: 2vh !important;
	}

	/* 内页产品中心 */
	.n-left {
		display: none;
	}

	.n-right {
		width: 100%;
	}

	/* 内页案例 */
	.lassoms .linp {
		display: none;
	}

}

@media (max-width:540px) {

	/* 关于我们 */
	.abouts .vtcoms {
		flex-wrap: wrap;
	}


}

@media (max-width:480px) {

	/* banner */
	.banner .swiper-slide .sox .em p {
		width: 50%;
	}

	.banner .swiper-slide .sox .sm p span {
		font-size: 22px;
	}

	/* 产品 */
	.i-product-top_hd ul {
		justify-content: space-between;
	}

	.i-product-top_hd ul li {
		width: 48%;
		margin: 0;
		margin-bottom: 2%;
	}

	.i-product-top_hd ul li:last-child {
		display: none;
	}

	/* 优势 */
	.s_area .hd ul li {
		padding: 20px 16px;
		height: 108px;
	}

	.s_area .bd ul li {
		flex-direction: column-reverse;
	}

	.s_area .bd ul li .pic,
	.s_area .bd ul li .pic img {
		width: 100%;
	}

	.s_area .bd ul li .txt {
		width: 100%;
	}

	/* 流程 */
	.lcbj {
		height: 300px;
		padding-top: 20px;
	}

	/* 内页关于我们 */
	.company {
		padding: 0;
	}

	/* 内页联系我们 */
	.contacts .contact {
		margin-top: 0;
	}
}

.add_case{
    background-color: #f5f5f5;
    padding-bottom: 0;
}

.pic06{
    margin-top: 30px;
}

.pic06 ul {
	margin: 0 -15px;
}

.pic06 ul li {
	width: 33.333%;
	float: left;
	margin-bottom: 36px;
	padding: 0 15px;
}

.pic06 ul li a {
	display: block;
	position: relative;
}

.pic06 ul li .img {
	width: 100%;
	position: relative;
}

.pic06 ul li .img img {
	width: 100%;
	height: 100%;
	display: block;
}

.pic06 ul li .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(195,0,4,.83);
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.pic06 ul li .mask h5 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 0 16px;
	white-space: normal;
	line-height: 1.5;
}

.pic06 ul li .mask span {
	font-size: 32px;
	color: #fff;
	font-weight: lighter;
}

.pic06 ul li .txt {
	text-align: center;
	padding-top: 25px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.pic06 ul li .txt h5 {
	font-size: 18px;
	color: #252525;
	font-weight: bold;
}

.pic06 ul li .txt h5.white {
	color: white;
}

.pic06 ul li .box {
	transform: translateY(30px);
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
}

.pic06 ul li:hover .mask {
	opacity: 1;
	visibility: visible;
}

.pic06 ul li:hover .box {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.pic06 ul li:hover .txt {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
}

.n_gy_list .pic06 ul li .txt {
	padding-top: 22px
}

.n_gy_list .pic06 ul li .txt h5 {
	font-size: 16px;
	color: #252525;
}

@media  (max-width:540px){
    .pic06 ul li{
        width:48%;
        margin-right: 2%;
        padding: 0;
    }
    .pic06 ul li:nth-child(2n){
        margin-right: 0;
    }
    
}