/* Common */

/* base.css v-22.04.08 */

/* html5????? */
header, footer, section, article, nav { display: block; }

/* rem???? */
html { font-size: 5.20833333vw; overflow-x: hidden;}
@media (max-width: 768px) {
	html { font-size: 26.66666666vw; }
.p2 .ProCenter{
height:3.5rem
}
}

body { font-size: .16rem; line-height: 2; color: #999; font-family: Microsoft YaHei, SimSun; overflow-x: hidden; }
@media (max-width: 1920px) {
	body { font-size: 16px; }
}
@media (max-width: 1366px) {
	body { font-size: 15px; }
}
@media (max-width: 768px) {
	body { font-size: .14rem;  overflow-x: hidden;}
}
@media (min-width: 1920px){
#BodyLabel p {
    min-height: 50px;
}
}

/* ??????? */
.clearfix::after, [class*='list']::after, .nav::after { content: ''; display: block; width: 0; height: 0; clear: both; }

/* ?��? */
[class*='list'] > li, .nav > li { float: left; }

/* ?????????? */
.txt { text-align: justify; text-align-last: left; text-justify: distribute; }

/* ????????????? */
.line-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.line-2,
.line-3,
.line-4 { display: -webkit-box; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.line-2 { -webkit-line-clamp: 2; line-clamp: 2; height: 4em; }
.line-3 { -webkit-line-clamp: 3; line-clamp: 3; height: 6em; }
.line-4 { -webkit-line-clamp: 4; line-clamp: 4; height: 8em; }

/* ???? */
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-o-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-moz-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
}

.animated {
	animation-duration: 1s;
	-o-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}

.fadeInUp {
	animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
}
.fadeInRight {
	animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-webkit-animation-name: fadeInRight;
}
.fadeInLeft {
	animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
}


* { margin: 0; outline: 0; border: 0; padding: 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
 font-style: inherit; color: inherit; vertical-align: baseline;
	/* ???????? */
	-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased;
	/* ???????????? */
	image-rendering: -moz-crisp-edges;          /* Firefox */
	image-rendering: -o-crisp-edges;            /* Opera   */
	image-rendering: -webkit-optimize-contrast; /* Webkit  */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;   /* IE      */
}

/* @font-face {
	font-family: syht;
	src: url(../fonts/SourceHanSansCN-3-Normal.otf);
}

@font-face {
	font-family: syst;
	src: url(../fonts/SourceHanSerifCN-6-Bold.otf);
} */

/* Rem */
html { font-size: 5.20833333vw; }
@media (max-width: 768px) { html { font-size: 26.66666666vw; } }

body { font-size: .16rem; color: #8e8887; line-height: 2; font-family: Microsoft YaHei, SimSun; overflow-x: hidden; }
.body { background: url(../img/bg.png) no-repeat top left / 4.6rem 9.2rem; position: relative; overflow: hidden; z-index: 1; }
@media (max-width: 1920px) { body { font-size: 16px; } }
@media (max-width: 1366px) { body { font-size: 15px; } }
@media (max-width: 768px) { body { font-size: .14rem; } .body { background-size: 1.84rem 3.68rem; } }

header, footer, section, article, nav { display: block; }

ul, li { list-style: none; }
a { text-decoration: none; }
[class*='list'] > li, .nav > li { float: left; }

.header .container { position: static; }

/* ?????? */
::-webkit-scrollbar-track-piece { width: 5px; background: #eee;    }
::-webkit-scrollbar             { width: 5px; background: #9e2a2a; }
::-webkit-scrollbar-thumb       { width: 5px; background: #9e2a2a; }
::-webkit-scrollbar-thumb:hover { width: 5px; background: #9e2a2a; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* ???? */
@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(50px); }
	100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInRight {
	0% { opacity: 0; transform: translateX(20%); }
	100% { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInLeft {
	0% { opacity: 0; transform: translateX(-20%); }
	100% { opacity: 1; transform: translateX(0); }
}
@keyframes point {
	0% { transform: scale(0); opacity: 1; }
	100% { transform: scale(1); opacity: 0; }
}

.wow { opacity: 0; } 

/* ??????? */
.clearfix::after, [class*='list']::after, .nav::after { content: ''; display: block; width: 0; height: 0; clear: both; }

/* ?????? */
.wrapper, .w1380, .w1350 { height: 100%; margin: 0 auto; }
.wrapper { width: 81.25vw; }
.w1380 { width: 71.875vw; }
.w1350 { width: 70.3125vw; }
@media (max-width: 1920px) {
	.wrapper, .w1380, .w1350 { width: 100%; padding: 0 100px; transition: padding .5s; }
	.wrapper { max-width: 1760px; }
	.w1350 { max-width: 1550px; }
	.w1380 { max-width: 1580px; }
}
@media (max-width: 1366px) {
	.wrapper, .w1380, .w1350 { padding: 0 50px; }
}
@media (max-width: 1024px) {
	.wrapper, .w1380, .w1350 { padding: 0 30px; }
}
@media (max-width: 768px) {
	.wrapper, .w1380, .w1350 { padding: 0 .15rem; }
}

/* ??????? */
.container { position: relative; height: 100%; }

/* ???? */
.header { position: relative; z-index: 4; width: 100%; height: 1rem; background: #fff;
	/* border-top: 2px solid #d6000f; */
	/* border-bottom: 1px solid #eee; */
	transition: background-color .5s, border-bottom-color .5s; }

@keyframes header-top {
	0%   { transform: translateY(0); opacity: 1;     }
	50%  { transform: translateY(-100%); opacity: 0; }
	100% { transform: translateY(0); opacity: 1;     }
}
@keyframes header-top-other {
	0%   { transform: translateY(0); opacity: 1;     }
	50%  { transform: translateY(-100%); opacity: 0; }
	100% { transform: translateY(0); opacity: 1;     }
}

@keyframes border-index {
	0% { width: 0; }
	100% { width: 100%; }
}
.header::before { content: ''; position: absolute; display: block; width: 0; height: 2px; background: #D6000F; top: auto; bottom: 0; left: 0; animation: border-index 3s linear both; }
.header-fixed .header::before { content: ''; position: absolute; display: block; width: 0; height: 2px; background: #D6000F; top: 0; left: 0; animation: border-index 3s linear both; }


/* ??????? */
.header-fixed { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%;
	/* transition: background 1s, border-bottom 1s; */
}
.header-fixed.p-1 .header { background: url(../img/head-bg.png) repeat-x center bottom / auto 100%; border-bottom: none; }
.header-fixed.p-1 .header .nav > li > a,
.header-fixed.p-1 .header .nav > li > span { color: #fff; }
.header-fixed.p-1 .header:hover { background: rgba(255,255,255,.9); }
.header-fixed.p-1 .header:hover .nav > li > a,
.header-fixed.p-1 .header:hover .nav > li > span { color: #333; }
.header-fixed.p-1 { animation: header-top 1s ease-in-out both; }
.header-fixed.p-other { animation: header-top-other 1s ease-in-out both; }
.header-fixed.p-last { top: -1rem; }

@media (max-width: 1366px) {
	.header { height: 80px; }
	.header-fixed.p-last { top: -80px; }
}
@media (max-width: 1024px) {
	.header { position: fixed; z-index: 9999; top: 0; left: 0; }

	.header-fixed.p-1 .header { background: #fff; }
}
@media (max-width: 768px) {
	.header { height: .55rem; }
}

/* Logo */
@keyframes AnLogoRotate {
	0%   { transform: rotateY(0deg);   }
	20%  { transform: rotateY(180deg); }
	40%  { transform: rotateY(0deg);   }
	100% { transform: rotateY(0deg);   }
}
.logo { display: block; float: left; position: relative; height: 100%; width: auto; font-size: 0; }
.logo img { height: .6rem; }
.logo img:nth-of-type(2) { position: absolute; top: 0; left: 0; /*animation: AnLogoRotate 5s linear 1.2s;*/ }
.header .logo img { margin-top: .2rem; }
.fp .footer .logo { visibility: visible !important; transition: 1.2s .5s; opacity: 0; transform: translateY(50px); }
.active .footer .logo { opacity: 1; transform: translateY(0); }
@media (max-width: 1366px) {
	.logo img { height: 43.39px; }
	.header .logo img { margin-top: 17.43px; }
}
@media (max-width: 768px) {
	.logo img {     height: 0.24rem; }
	.header .logo img { margin-top: .1225rem; }
}

/* Header - Nav-M-Btn */
.nav-m-btn { display: none; position: absolute; top: 50%; margin-top: -13px; right: 50px; width: 28px; height: 26px; cursor: pointer; }
.nav-m-btn i { display: block; width: 100%; height: 3px; min-height: 2px; background: #D6000F; position: absolute; top: 50%; margin-top: -1.5px; left: 0; }
.nav-m-btn i:nth-of-type(1) { margin-top: -13px; transition: margin-top .2s, transform .2s; }
.nav-m-btn i:nth-of-type(2) { transition: background .2s; }
.nav-m-btn i:nth-of-type(3) { margin-top: 10px; transition: margin-top .2s, transform .2s; }
.nav-m-btn.active i:nth-of-type(1) { transform: rotate(45deg); margin-top: -1.5px; }
.nav-m-btn.active i:nth-of-type(2) { background: transparent; }
.nav-m-btn.active i:nth-of-type(3) { transform: rotate(-45deg); margin-top: -1.5px; }
@media (max-width: 1024px) { .nav-m-btn { display: block; } }
@media (max-width: 768px) {
	.nav-m-btn { margin-top: -.09rem; width: .2rem; height: .18rem; right: .15rem; }
	.nav-m-btn i { height: .02rem; margin-top: -.01rem; }
	.nav-m-btn i:nth-of-type(1) { margin-top: -.09rem; }
	.nav-m-btn i:nth-of-type(3) { margin-top: .07rem; }
	.nav-m-btn.active i:nth-of-type(1) { margin-top: -.01rem; }
	.nav-m-btn.active i:nth-of-type(3) { margin-top: -.01rem; }
}

/* Nav */
.nav > li > a { position: relative;  z-index: 1; }
/* .nav > li > span { position: absolute; top: 0; left: 0; z-index: 0; } */

/* ??????? */
.header .nav { float: right; height: 100%; font-size: 0; letter-spacing: 1px; }
.header .nav > li { height: 100%; }
.header .nav > li > a { position: relative; overflow: hidden; }
.header .nav > li > a > i { opacity: 0; width: 100%; height: 0; position: relative; left: 0; margin-left: 0; transition: .5s; display: block; }
.header .nav > li > a > i b { background: url(../img/icon-nav-active.png) no-repeat center / 100% .18rem; width: 100%; height: .18rem; position: absolute;  bottom: .15rem; left: 0; }
/* .header .nav > li:hover > a> i { width: .68rem; } */
.header .nav > li:hover > a> i { opacity: 1; }

.header .nav > li:nth-of-type(2) { animation-delay: .05s; }
.header .nav > li:nth-of-type(3) { animation-delay: .1s; }
.header .nav > li:nth-of-type(4) { animation-delay: .15s; }
.header .nav > li:nth-of-type(5) { animation-delay: .2s; }
.header .nav > li:nth-of-type(6) { animation-delay: .25s; }
.header .nav > li:nth-of-type(7) { animation-delay: .3s; }

.header .nav > li > a,
.header .nav > li > span { display: inline-block; height: 100%; line-height: 1rem; padding: 0 .2rem; font-size: .18rem; color: #5c151b; color: #333; font-weight: bold; }
.header .nav > li > span { color: #5c151b; transition: color .3s; }
.header .nav > li > span:hover { color: #9e2a2a; }
.header .nav > li.active > span { background: url(../img/icon-nav-active.png) no-repeat center .7rem / .68rem .18rem; }
.header .nav ul { display: none; width: 100vw; height: 87px; position: absolute; left: 0; background: rgba(158,42,42,.82) url(../img/bg-6.png) no-repeat center / cover; box-shadow: 0 12.5px 12.5px rgba(0,0,0,0.03); text-align: center; }
.header .nav ul li { display: inline-block; height: 100%; position: relative; z-index: 2; }
.header .nav ul a { display: inline-block; height: 100%; line-height: 87px; padding: 0 .7rem; font-size: .16rem; color: #fff; font-weight: lighter; }
.header .nav ul > i { display: block; width: 2.2rem; height: .4rem; background: url(../img/icon-subnav-active.png) no-repeat center / cover; position: absolute; top: 100%; left: 0; z-index: 1; opacity: .82; }
.header .nav ul.active > i { animation: an01-2 .1s both ease-in-out .4s; }
@keyframes an01-2 {
	0% { height: 0; }
	100% { height: .4rem; }
}

@keyframes an01 {
	0% { top: 0; }
	100% { top: 100%; }
}
@media (max-width: 1920px) {
	.header .nav > li > a,
	.header .nav > li > span { font-size: 18px; }
	.header .nav > li.active > span { background-size: 68px 18px; }
	.header .nav ul a { font-size: 16px; }
}
@media (max-width: 1366px) {
	.header .nav > li > a,
	.header .nav > li > span { line-height: 78.25px; font-size: 15px; padding: 0 7px; }
	.header .nav > li.active > a { background-position: center 50px; }
	.header .nav ul a { font-size: 15px; }
}
@media (max-width: 1024px) { .header .nav { display: none; } }

/* Page2nd Navbox */
.page2nd-navbox { position: relative; margin: 3.75em 0; }

/* ???????? */
.subnav { float: right; white-space: nowrap; font-size: 0; }
.subnav > li { display: inline-block; position: relative; font-size: .16rem; border-radius: 1.875em; margin-right: 1.875em; }
.subnav > li:nth-last-of-type(1) { margin-right: 0; }
.subnav > li > a { display: block; position: relative; width: 12em; line-height: 3em; border-radius: 1.5em; border: 1px solid #5c151b; padding: 0 1.875em; transition: border-color .5s, color .5s, background .5s; }
.subnav > li:hover > a,
.subnav > li.active > a { background: #5c151b; color: #fff; }
.subnav > li > a::before,
.subnav > li > a::after { content: ''; display: block; width: .9375em; height: .5625em; position: absolute; top: 50%; margin-top: -.28125em; right: 1.875em; background: url() no-repeat center / .9375em .5625em; opacity: 0; transition: .5s; }
.subnav > li > a::before { background-image: url(../img/icon-arrow-second-dark.png); opacity: 1; }
.subnav > li > a::after { background-image: url(../img/icon-arrow-second-light.png); }
.subnav > li:hover > a::before,
.subnav > li.active > a::before { opacity: 0; }
.subnav > li:hover > a::after,
.subnav > li.active > a::after { opacity: 1; }

.subnav-p > li:nth-of-type(1)> a { display: none; }
.subnav-p > li:nth-of-type(1)> a:nth-of-type(1) { display: block; }
.subnav-p > li:nth-of-type(1):hover > a { border-radius: 1.5em 1.5em 0 0; }
.subnav-p > li:nth-of-type(1):hover ul { display: block; }
.subnav-p > li ul { position: absolute; width: 100%; display: none; }
.subnav-p > li ul a { display: block; padding: 0 1.875em; line-height: 3.75em; background: #fff; color: #5c151b; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; transition: .5s; }
.subnav-p > li ul li a:hover { background: #5c151b; color: #fff; }
.subnav-p > li ul li:nth-last-of-type(1) a { border-radius: 0 0 1.875em 1.875em; }

.subnav-p > li:nth-of-type(2) a { border-color: #1A99CC; }
.subnav-p > li:nth-of-type(3) a { border-color: #B71F52; }
.subnav-p > li:nth-of-type(2):hover > a,
.subnav-p > li:nth-of-type(2).active > a { background: #1A99CC; color: #fff; }
.subnav-p > li:nth-of-type(3):hover > a,
.subnav-p > li:nth-of-type(3).active > a { background: #B71F52; color: #fff; }
@media (max-width: 1920px) {
	.subnav > li { font-size: 16px; }
}
@media (max-width: 1366px) {
	.subnav > li { font-size: 15px; }
	.subnav > li > a { width: 12em; line-height: 3em; }
}
@media (max-width: 768px) {
	.subnav > li { font-size: 16px; }
}

/* Title2nd */
.title2nd { color: #5c151b; font-size: 35px; position: absolute; top: 50%; margin-top: -1em; }

/* Page3nd */
.page3nd { font-size: .2rem; margin: .5rem 0; }

/* Subnav3nd */
.subnav3nd { float: left; width: 12em; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.subnav3nd li a { display: block; width: 100%; line-height: 3.5em; padding-left: 3em; background: #fff; color: #333; transition: .5s; }
.subnav3nd li a:hover,
.subnav3nd li a.active { background: #5c151b; color: #fff; }

/* Page3nd Box */
.page3nd-box { margin-left: 12em; }

/* Subnav4nd */
.subnav4nd { border-bottom: 1px solid #e5e5e5; height: 3.5em; line-height: 3.5em; padding-left: 2.5em; display: none; }
.subnav4nd.active { display: block; }
.subnav4nd li { position: relative; padding: 0 .5em; margin-right: .5em; }
.subnav4nd li:nth-last-of-type(1) { margin-right: 0; }
.subnav4nd li::after { content: ''; display: block; width: 100%; height: 1px; background: #5c151b; position: absolute; left: 0; bottom: 0; display: none; }
.subnav4nd li.active::after { display: block; }
.subnav4nd li a { display: block; font-size: .18rem; color: #000; transition: .5s; }
.subnav4nd li a:hover,
.subnav4nd li.active a { color: #5c151b; }

.article-3 { font-size: 16px; padding-left: 3.125em; padding-top: 1em; color: #333; }
.article-3 img { width: auto; max-width: 100%; }

@media (max-width: 1920px) {
	.page3nd { font-size: 20px; }
	.subnav4nd li a { font-size: 18px; }
}
@media (max-width: 1366px) {
	.page3nd { font-size: 16px; }
	.subnav4nd li a { font-size: 16px; }
	.title2nd { font-size: 2.5em; }
}

/* Header - Nav-Btn */
.nav-btn { float: right; height: 100%; font-size: 0; padding-top: .275rem; padding-left: .1rem; }
.nav-btn a { display: inline-block; float: left; width: .45rem; height: .45rem; border: .01rem solid #9e2a2a; border-radius: .23rem; color: #9e2a2a; margin-left: .18rem; font-size: .14rem; text-align: center; line-height: .44rem; transition: background .3s, color .3s; background: transparent; }
.nav-btn a:nth-of-type(1) { animation-delay: .35s; }
.nav-btn a:nth-of-type(2) { animation-delay: .4s; }
.nav-btn a:hover { background: #9e2a2a; color: #fff; }
.nav-btn a.btn-search { font-size: 0; background: transparent url("../img/icon-search.png") no-repeat center / .15rem .16rem; }
.nav-btn a.btn-search:hover { background-color: #9e2a2a; background-image: url("../img/icon-search-light.png"); }
@media (max-width: 1920px) { .nav-btn a { font-size: 14px; } }
@media (max-width: 1366px) {
    .nav-btn { padding-top: 20px; }
	.nav-btn a { width: 32.72px; height: 32.72px; line-height: 30.72px; font-size: 12px; border: 1px solid #9e2a2a; border-radius: 16.36px; }
	.nav-btn a.btn-search { background-size: 12px 12.8px; }
}
@media (max-width: 1024px) { .nav-btn { display: none; } }

/* Header - Nav-M */
.nav-m-h { display: none; height: 78.25px; }
.nav-m-bg { display: none; position: fixed; z-index: 9997; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.35); -webkit-backdrop-filter: saturate(180%) blur(50px); backdrop-filter: saturate(180%) blur(50px); }
.nav-m-bg.active { display: none; }
@media (max-width: 1024px) { .nav-m-h { display: block; } .nav-m-bg.active { display: block; } }
@media (max-width: 768px) { .nav-m-h { height: .55rem; } }
.nav-m { display: none; position: fixed; z-index: 9998; top: 78.25px; right: -50vw; width: 50vw; height: 100vh; background: #fff; padding: 50px 50px 128.25px; overflow-y: auto; }
.nav-m.active { right: 0; transition: right .3s ease-in-out; }
.nav-m .nav > li { width: 100%; position: relative; }
.nav-m .nav > li > a { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 15px; color: #666; border-bottom: 1px solid #f7f7f7; }
.nav-m .nav ul { display: none; }
.nav-m .nav ul li { width: 100%;}
.nav-m .nav ul a { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 15px; color: #999; background: #FAFAFA; padding-left: 15px; border-bottom: 1px solid #f2f2f2; }
.nav-m .nav ul li:nth-last-of-type(1) a { border-width: 0; }
.nav-m .nav > li > i { display: block; width: 50px; height: 50px; background: url(../img/i-nav-arrow.png) no-repeat center / 12px 12px; position: absolute; top: 0; right: 0; transition: transform .3s; }
.nav-m .nav > li > i.active { transform: rotate(180deg); }
.nav-m-search { display: block; width: 100%; height: 40px; border-radius: 5px; line-height: 40px; font-size: 15px; color: #999; padding: 0 15px; margin: 0 0 15px; background: #F7F7F7 url(../img/i-search-3.png) no-repeat 62vw center / 15px 16px; }
@media (max-width: 1024px) { .nav-m { display: block; } }
@media (max-width: 768px) {
	.nav-m { top: .55rem; padding: .15rem .15rem .7rem; right: -75vw; width: 75vw; }
	.nav-m .nav > li > a {     height: 40px;line-height: 40px;font-size: 15px; }
	.nav-m .nav ul a { height: 40px; line-height: 40px; font-size: 15px; padding-left: .15rem; }
	.nav-m .nav > li > i { width: .5rem; height: 40px; background: url(../img/i-nav-arrow.png) no-repeat center / .115rem .065rem; z-index: 2; }
	.nav-m-search { height: 40px; border-radius: .05rem; line-height: 40px; font-size: 15px; padding: 0 .15rem; margin: .15rem 0; background: #F7F7F7 url(../img/i-search-3.png) no-repeat 2.18rem center / .15rem .16rem; }
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ??? */
.PageTurning { text-align: center; font-size: 0; margin: 50px auto; }
.PageTurning span { display: inline-block; font-size: 15px; color: #999; font-weight: lighter; line-height: 2.5; padding: 0 10px; margin: 0 5px; border: 1px solid #ddd; cursor: default; font-family: Arial; }
.PageTurning span a { display: inline-block; padding: 0 10px; margin: 0 -10px; transition: background .3s, color .3s; }
.PageTurning span a:hover { background: #ddd; }
.PageTurning span select { width: 50px; background: #eee; }
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.PageTurning { margin: .8rem auto 1.2rem; }
.PageTurning span { font-size: .16rem; color: #8e8887; background: #fefefc; border: 1px solid #8e8887; line-height: .4rem; border-radius: .3rem; padding: 0 .2rem; margin: 0 .1rem; }
.PageTurning span a { padding: 0 .2rem; margin: 0 -.2rem; border-radius: .3rem; }
.PageTurning span a:hover { background: #962020; color: #fff; }
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* Swiper */
.sw-btn.swiper-button-prev,
.sw-btn.swiper-button-next { width: .65rem; height: .65rem; background: #9e2a2a url() no-repeat center / .36rem .08rem; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.1); top: 50%; margin-top: -.325rem; transition: .5s; }
.sw-btn.swiper-button-prev { left:  9.375%; background-image: url("../img/icon-arrow-left-light.png"); opacity: .3; }
.sw-btn.swiper-button-next { right: 9.375%; background-image: url("../img/icon-arrow-right-light.png"); opacity: .3; }
.sw-btn.swiper-button-prev:hover,
.sw-btn.swiper-button-next:hover { opacity: .6; }
.sw-btn.swiper-button-prev.swiper-button-disabled,
.sw-btn.swiper-button-next.swiper-button-disabled { opacity: 0; }

.idx-news-btn-box { position: relative; width: 100%; height: 100%; }
.idx-news-btn .wrapper { position: relative; width: 100%; height: 100%; }
.idx-news-btn { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.wrapper-r { position: relative; }
.banner .swiper-button-prev { left: .28rem; top: 50vh; opacity: 0; transition: .5s; }
.banner .swiper-button-next { right: .28rem; top: 50vh; opacity: 0; transition: .5s; }
.banner:hover .swiper-button-prev.swiper-button-disabled,
.banner:hover .swiper-button-next.swiper-button-disabled { opacity: 0; }
.banner:hover .swiper-button-prev,
.banner:hover .swiper-button-next { opacity: .3; }
.banner:hover .swiper-button-prev:hover,
.banner:hover .swiper-button-next:hover { opacity: .6; }

/* Ui-Banner */
.p1 { overflow: hidden; }
.banner { height: 100%; max-height: 100vh; }
.banner .wrapper { height: 0; }
.banner .swiper-slide { position: relative; overflow: hidden; background: url() no-repeat center / cover; }
.banner .swiper-slide a { display: block; width: 100%; height: 100%; }
.banner .swiper-slide a img { width: 100%; height: auto; min-width: 100%; min-height: 100%; }
.banner .swiper-slide video { background: #222; position: absolute; bottom: 0; right: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; }

.ban-ani { width: 13rem; height: 1.2rem; position: absolute; left: 50%; margin-left: -6.5rem; top: 50%; margin-top: -.6rem; }

.ban-ani img { width: auto; height: 100%; position: absolute; bottom: 0; transition: 1.2s .7s; }
.ban-ani img:nth-of-type(1) { left: 0; opacity: 0; transform: translateX(-50px); }
.ban-ani img:nth-of-type(2) { right: 0; opacity: 0; transform: translateX(50px); }
.swiper-slide-active .ban-ani img:nth-of-type(1) { opacity: 1; transform: translateX(0); }
.swiper-slide-active .ban-ani img:nth-of-type(2) { opacity: 1; transform: translateX(0);  }
.ban-btn { display: block; width: 66px; height: 45px; text-align: center; position: absolute; left: 50%; margin-left: -33px; bottom: 35px; z-index: 2; font-size: 14px; color: #9e2a2a; line-height: 1.1; cursor: pointer; animation: ui-banner-btn 2.5s linear infinite; }
.ban-btn i { display: block; width: .08rem; height: .36rem; background: url("../img/icon-arrow-bottom.png") no-repeat center / .08rem .36rem; position: absolute; bottom: -.1rem; left: 50%; margin-left: -.04rem; }
@keyframes ui-banner-btn {
	50% { bottom: 15px; }
}

/* Products */
.ProCenterNav { width: 2.3rem; position: absolute; z-index: 2; left: 0; }
.ProCenterNav li:nth-child() { display: block; width: 100%; height: .56rem; line-height: .56rem; border-radius: 0 .28rem .28rem 0; background-color: transparent; transition: background-color .5s ease-in-out; }
.ProCenterNav li a { display: block; color: #5c151b; letter-spacing: .01rem; padding-left: 1.3rem; transition: color .5s ease-in-out; }

.ProCenterNav li.active { background-color: #9e2a2a; }
.ProCenterNav li.active a { color: #fff; }



.products-nav { width: 230px; position: absolute; z-index: 2; left: 0; top: 50%; margin-top: -150px; }
.products-nav li { display: block; position: relative; width: 100%; height: 50px; margin-bottom: 20px;
	        transition: margin-bottom .3s ease-in-out;
	     -o-transition: margin-bottom .3s ease-in-out;
	   -moz-transition: margin-bottom .3s ease-in-out;
	-webkit-transition: margin-bottom .3s ease-in-out;
}
.products-nav li.active { display: block; position: relative; width: 100%; height: 50px; margin-bottom: 110px; }
.products-nav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; padding-left: 130px; line-height: 50px; color: #5c151b;
	        transition: color .3s ease-in-out;
	     -o-transition: color .3s ease-in-out;
	   -moz-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
}
.products-nav li.active a { color: #fff; }
.products-nav li a i { position: absolute; width: 50px; height: 100%; top: 0; left: 70px; }
.products-nav li a i img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;
	        transition: opacity .3s ease-in-out;
	     -o-transition: opacity .3s ease-in-out;
	   -moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}
.products-nav li a i img:nth-of-type(1) { opacity: 1; }
.products-nav li.active a i img:nth-of-type(1) { opacity: 0; }
.products-nav li.active a i img:nth-of-type(2) { opacity: 1; }
.products-nav li b { position: absolute; z-index: 0; }
.products-nav li b:nth-of-type(1) { width: 100%; height: 100%; top: 0; left: 0; background: #9e2a2a; border-radius: 0 25px 25px 0; opacity: 0;
	        transition: opacity .3s ease-in-out;
	     -o-transition: opacity .3s ease-in-out;
	   -moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}
.products-nav li b:nth-of-type(2) { width: 1px; height: 0; top: 65px; left: 95px; background: #5c151b; opacity: 0;
	        transition: opacity .3s ease-in-out, height .3s ease-in-out;
}
.products-nav li.active b:nth-of-type(1) { opacity: 1; }
.products-nav li.active b:nth-of-type(2) { height: 80px; opacity: 1; }
.products-nav li:nth-last-of-type(1) b:nth-of-type(2) { top: auto; bottom: 65px; }
.products-nav li:nth-last-of-type(1).active { margin-top: 110px; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* ???????_???? */
.ProCenter { position: relative; overflow: hidden; width: 100%; height: calc(100vh - 1.1rem); background: #eee; z-index: 3; }
.ProCenter-Sw { height: 100%; position: relative; z-index: 1; }
.ProCenter-Sw .swiper-slide { position: relative; background: no-repeat center / cover; }
.ProCenter-Sw-Detail { position: absolute; width: 8.9rem; height: 7.3rem; top: 50%; margin-top: -3.65rem; right: 0; }
.ProCenter-Sw .swiper-slide-active .ProCenter-Sw-Detail { animation: fadeInRight 1.8s .5s both ease-in-out; }
.ProCenter-Sw-Detail > img { width: 100%; height: 100%; }
.ProCenter-Sw-Detail .point { width: 0; height: 0; position: absolute; top: 0; left: 0; }
.ProCenter-Sw-Detail .point .in { background: #fff; width: 1.3rem; height: 1.3rem; border-radius: .65rem; position: absolute; z-index: 2; top: 50%; left: 50%; margin-top: -.65rem; margin-left: -.65rem; transform: scale(.15); cursor: pointer; transition: transform .5s, background .5s; text-align: center; line-height: 1.3rem; color: #fff; font-size: .2rem; }
.ProCenter-Sw-Detail .point .in:hover { transform: scale(1); background: #9E2A2A; }
.ProCenter-Sw-Detail .point .out { background: #fff; width: .45rem; height: .45rem; border-radius: .225rem; position: absolute; z-index: 1; top: 50%; left: 50%; margin-top: -.225rem; margin-left: -.225rem; opacity: .3; animation: point 2s linear infinite; }
.ProCenter-Sw .swiper-slide:nth-of-type(2) .point .in:hover { background: #72aa10; }
.ProCenter-Sw .swiper-slide:nth-of-type(3) .point .in:hover { background: #b71f52; }

.product-slogan { position: absolute; width: 3.9rem; height: 6rem; top: 50%; margin-top: -3rem; right: 50%; margin-right: 1.3rem; }
.product-slogan img { width: 100%; height: 100%; cursor: pointer; transition: .5s; }
.product-slogan img:hover { transform: scale(1.1); }
.swiper-slide-active .product-slogan { animation: fadeInLeft 1.8s .5s both ease-in-out; }

.p2 .ProCenter { height: 100vh; }
.p2 .ProCenter-Sw-Detail { margin-top: -3.15rem; }
.p2 .product-slogan { margin-top: -2.5rem; }

/*  */
.p3 .bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 56.7%; background: url("../img/p3-bg.png") no-repeat center -1rem / contain; }
.p3 .body { position: relative; height: 100%; padding-top: 1.1rem; }
.p3 .title { text-align: center; width: 100%; max-width: 1120px; padding: 0 25px; margin: 5vh auto 0; }
.p3 .title h2 { color: #9e2a2a; font-size: 26px; margin-bottom: 10px; }
.p3 .title p { font-size: 14px; color: #8e8887; line-height: 2; text-align: justify; text-align-last: center; text-justify: distribute; word-break: break-all; }
.idx-news { position: relative; margin-top: .55rem; }
.idx-news .swiper-button-prev { left: 0; }
.idx-news .swiper-button-next { right: 0; }
.sr-idx-news { width: 12rem; height: 4.7rem; margin: 0 auto; position: relative; z-index: 2; overflow: visible; }
.sr-idx-news .swiper-slide { position: relative; z-index: 1; width: 33.33%; height: 0; padding-bottom: 20%; top: 50%; margin-top: -11.495%; box-shadow: 0 0 30px rgba(0,0,0,.1); opacity: .7; transition: opacity .3s; }
.sr-idx-news .swiper-slide-active { z-index: 2; opacity: 1; }
.sr-idx-news .sr-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sr-idx-news .swiper-slide-active .sr-item { z-index: 2; width: 6.8rem; height: 4.7rem; top: 50%; margin-top: -2.35rem; left: 50%; margin-left: -3.4rem; }
.sr-idx-news .swiper-slide-active .sr-item:hover .sr-item-img img { transform: scale(1.1); }
.sr-idx-news .sr-item-img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 69%; z-index: 1; box-shadow: 0 0 25px rgba(0,0,0,.5); }
.sr-idx-news .sr-item-img img { position: absolute; top: 0; left: 0; width: 100%; min-width: 100%; height: auto; min-height: 100%; transition: .5s; }
.sr-idx-news .sr-item-p { position: absolute; z-index: 2; width: 100%; left: 0; bottom: 0; height: 1.16rem; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); color: #fff; font-size: .2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; padding: .6rem .3rem 0; opacity: 0; }
.sr-idx-news .swiper-slide-active .sr-item-p { opacity: 1; }
.idx-news .swiper-slide { perspective: .4rem; transition: all .5s; }
.idx-news .swiper-slide .sr-item { transition: all .5s; cursor: pointer; }

.sr-idx-news-box { position: relative; overflow: hidden; width: calc(12rem + 60px); padding: 50px 0; margin: 0 auto; }

@media (max-width: 1536px) {
	.p3 .title { margin: 3vh auto 0; }
	.p3 .title h2 { line-height: 1.5; margin-bottom: 0; }
	.idx-news { margin-top: 0; }
}

.btn-top-box { width: 1.8rem; position: absolute; right: 0; padding: 30px 0; }
.btn-top { width: 66px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 1.625; color: #9e2a2a; cursor: pointer; }
.btn-top b { position: relative; display: block; width: 66px; height: 66px; top: 50%; margin-top: -33px; border-radius: 50%; background-color: #9e2a2a; background-image: url("../img/i-22.png"); box-shadow: 5px 5px 30px rgba(0,0,0,.05); transition: background-color .7s; margin-bottom: .05rem; }
.btn-top b::after { content: ''; display: block; width: 0; height: 0; border-radius: 50%; background: #fff; opacity: .5; position: absolute; z-index: 1; top: 50%; left: 50%; transition: opacity .7s, width .7s, height .7s, top .7s, left .7s; }
.btn-top b:hover::after { width: 100%; height: 100%; opacity: 0; top: 0; left: 0; }
.btn-top i { display: block; z-index: 2; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-image: url("../img/bn-t-w.png"); background-size: 66px 66px; }

/* ??? */
.btn { display: inline-block; background-image: url(); position: relative; width: .66rem; height: .66rem; border-radius: 50%; background-color: #9e2a2a; box-shadow: 0 0 .3rem rgba(0,0,0,.1); font-size: 0; cursor: pointer; transition: .5s; }
.btn::before, .btn::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; }
.btn::before { z-index: 1; background-color: rgba(255,255,255,0); transform: scale(0); transition: .5s; }
.btn::after { z-index: 2; background-repeat: no-repeat; background-position: center; transition: .5s; }
.btn:hover { background-color: #fff; }
.btn:hover::before { background-color: rgba(255,255,255,1); transform: scale(1); }

/* Footer */

/* ?????????? */
.totop { display: none; position: fixed; width: .7rem; bottom: 1rem; right: .55rem; text-align: center; color: #9e2a2a; font-size: 0; z-index: 100; }
.totop.on { display: inline-block; }
.totop i::after { background-image: url(../img/icon-arrow-top.png); background-size: .08rem .36rem; }
.totop p { white-space: nowrap; font-size: .16rem; width: 100px; text-align: center; position: absolute; left: 50%; margin-left: -50px; }
.totop:hover i::after { background-image: url(../img/icon-arrow-top-light.png); }
.totop .btn { background-color: #fff; }
.totop .btn::before { background-color: rgba(255,255,255,1); transform: scale(1); }
.totop:hover .btn { background-color: #9e2a2a; }
.totop:hover .btn::before { background-color: #9e2a2a; transform: scale(1); }
/* .fp .totop { visibility: visible !important; transition: 1.2s .5s; opacity: 0; transform: translateY(50px); display: inline-block; position: absolute; bottom: auto; top: 0; } */
.fp .footer .totop { display: none !important; }
/* .active .totop { opacity: 1; transform: translateY(0); } */
@media (max-width: 1920px) {
	.totop p { font-size: 16px; }
}

.footert { position: relative; }
.footert img { width: 3.8rem; height: 3.4rem; position: absolute; right: 0; bottom: -.6rem; }
.footer { background: rgba(0,0,0,.02) url("../img/bg-3.png") no-repeat center bottom / cover; position: relative; z-index: 10; }
.footer-img { position: relative; z-index: 0; width: 100%; }
.footer-img img { width: 3.8rem; height: 3.4rem; position: absolute; right: 0; top: -2.5rem; }

.footer-top-top { padding-top: .85rem; }
.footer-share { float: right; }
.footer-share a { display: block; width: 40px; height: 40px; position: relative; margin-left: .3rem; margin-top: .105rem; }
.footer-share a > img { width: 100%; transition: opacity .3s; }
.footer-share a > img:nth-last-of-type(1) { position: absolute; top: 0; left: 0; opacity: 0; }
.footer-share a:hover > img { opacity: 0; }
.footer-share a:hover > img:nth-last-of-type(1) { opacity: 1; }

.fp .footer-share li { visibility: visible !important; transition: 1.2s .5s; opacity: 0; transform: translateY(50px); }
.active .footer-share li { opacity: 1; transform: translateY(0); }


.footer-share-popup { width: 200px; height: 200px; background: #fff; box-shadow: 0 0 25px rgba(0,0,0,.1); border-radius: 5px; position: absolute; bottom: 100%; margin-bottom: 10px; left: 50%; margin-left: -100px; visibility: hidden; opacity: 0; transition: visibility .3s, opacity .3s; }
.footer-share-popup::after { content: ''; display: block; width: 10px; height: 10px; background: #fff; transform: rotate(45deg); position: absolute; bottom: -5px; left: 50%; margin-left: -5px; }
.footer-share-popup h6 { text-align: center; background: #eee; border-radius: 5px 5px 0 0; }
.footer-share-popup p { text-align: center; font-size: 12px; line-height: 1.3; }
.footer-share-popup .ewm { text-align: center; margin: 10px 0 0; }
.footer-share-popup .ewm img { width: 120px; max-width: 100%; }
.footer-share a:hover .footer-share-popup { visibility: visible; opacity: 1; }

@media (max-width: 1366px) {
	.footer-share { margin-right: 1.1rem; }
}

.footer .nav { float: left; }
.footer .nav > li { margin-right: .65rem; }
.footer .nav > li a { display: inline-block; margin-bottom: .15rem; transition: color .3s; }
.footer .nav > li a:hover { color: #9e2a2a; }
.footer .nav > li > a { color: #5c151b; }
.footer .nav > li > ul { font-size: 14px; }

.footer .nav > li:nth-of-type(2) { animation-delay: .05s; }
.footer .nav > li:nth-of-type(3) { animation-delay: .1s; }
.footer .nav > li:nth-of-type(4) { animation-delay: .15s; }
.footer .nav > li:nth-of-type(5) { animation-delay: .2s; }
.footer .nav > li:nth-of-type(6) { animation-delay: .25s; }
.footer .nav > li:nth-of-type(7) { animation-delay: .3s; }

.fp .footer .nav > li { visibility: visible !important; transition: 1.2s .5s; opacity: 0; transform: translateY(50px); }
.fp .active .footer .nav > li { opacity: 1; transform: translateY(0); }
.fp .active .footer .nav > li:nth-of-type(2) { transition-delay: .5s; }
.fp .active .footer .nav > li:nth-of-type(3) { transition-delay: .55s; }
.fp .active .footer .nav > li:nth-of-type(4) { transition-delay: .6s; }
.fp .active .footer .nav > li:nth-of-type(5) { transition-delay: .65s; }
.fp .active .footer .nav > li:nth-of-type(6) { transition-delay: .7s; }
.fp .active .footer .nav > li:nth-of-type(7) { transition-delay: .75s; }

@media (max-width: 768px) { 
	.footer .nav { display: none; }
}

.footr-top-bottom { position: relative; margin: .5rem 0 .7rem; }

.footer-tel { float: right;}
.footer-tel p { color: #5c151b; }
.footer-tel h6 { font-size: .42rem; color: #9e2a2a; }

.fp .footer-tel { visibility: visible !important; transition: 1.2s .8s; opacity: 0; transform: translateY(50px); }
.active .footer-tel { opacity: 1; transform: translateY(0); }

.fp .footer-bottom{ visibility: visible !important; transition: 1.2s .8s; opacity: 0; transform: translateY(50px); }
.active .footer-bottom { opacity: 1; transform: translateY(0); }

.footer-bottom-border { position: relative; overflow: hidden; width: 100%; height: 5px; background: #9e2a2a; }
.footer-bottom-border::after { content: ''; display: block; width: 100px; height: 100%; background: linear-gradient(to right, transparent, rgba(255,255,255,.8), transparent); position: absolute; top: 0; left: -100px; animation: 10s AnFooterBorder linear infinite; }
.footer-bottom-border::before { content: ''; display: block; width: 100px; height: 100%; background: linear-gradient(to right, transparent, rgba(255,255,255,.8), transparent); position: absolute; top: 0; left: -100px; animation: 10s .5s AnFooterBorder linear infinite; }
@keyframes AnFooterBorder {
	0% { left: -100px; }
	100% { left: 100%; }
}
.footer-bottom-content { padding-top: .35rem; padding-bottom: .35rem; line-height: 1.5; }
.footer-bottom-info { float: left; color: rgba(99,36,41,.7); letter-spacing: 1px; }
.footer-bottom-info br { display: none; }
.footer-bottom-nav { float: right; color: rgba(99,36,41,.4); }
.footer-bottom-nav a { letter-spacing: 1px; transition: color .3s; }
.footer-bottom-nav a:hover { color: #9e2a2a; }
@media (max-width: 1680px) {
	.footer-bottom-info { float: none; text-align: center; margin-bottom: .1rem; }
	.footer-bottom-nav { float: none; text-align: center; }
}
@media (max-width: 1366px) {
	.footer-bottom-border { height: 4px; }
}
@media (max-width: 1024px) {
	.footer-bottom-border { height: 3px; }
	.footer-bottom-info br:nth-last-of-type(1) { display: block; }
}
@media (max-width: 768px) {
	.footer-bottom-border { height: .025rem; }
	.footer-bottom-content { padding-top: .1rem; padding-bottom: .2rem; font-size: 14px; }
	.footer-bottom-info { letter-spacing: 0; }
	.footer-bottom-info br { display: block; }
}

/* ???�� */
.crumbs { color: #888; letter-spacing: 1px; margin: .85rem 0 .45rem; }
.crumbs a, .crumbs span { margin: 0 8px; transition: color .3s; }
.crumbs a:hover { color: #D6000F; text-decoration: underline; }

@media (max-width: 768px) {
	.crumbs { margin: .15rem 0 0; font-size: 16px; }
}

/* .list-header { position: relative; margin-bottom: .7rem; }
.list-header h1 { font-size: .56rem; color: #5c151b; }
.list-header-nav { position: absolute; top: 50%; margin-top: -.3rem; right: 0; width: 8.1rem; height: .6rem; }
.list-header-nav > li { position: relative; width: 33.3%; height: 100%; padding-left: .3rem; }
.list-header-nav > li > a { display: block; height: .6rem; line-height: .6rem; color: #8e8887; border: 1px solid #9e2a2a; border-radius: .3rem; padding-left: .3rem; transition: .5s; }
.list-header-nav.news > li > a { text-align: center; padding: 0; }
.list-header-nav > li > a:hover { background: #9e2a2a; color: #fff; }
.list-header-nav > li:nth-of-type(2) > a:hover { background: #1A99CC; }
.list-header-nav > li:nth-of-type(3) > a:hover { background: #B71F52; }
.list-header-nav.news > li:nth-of-type(2) > a:hover { background: #9e2a2a; }
.list-header-nav.news > li:nth-of-type(3) > a:hover { background: #9e2a2a; }
.list-header-nav > li.active > a { background: #9e2a2a; color: #fff; }
.list-header-nav > li:nth-of-type(2) > a { border-color: #1A99CC; }
.list-header-nav > li:nth-of-type(3) > a { border-color: #B71F52; }
.list-header-nav.news > li:nth-of-type(2) > a { border-color: #9e2a2a; }
.list-header-nav.news > li:nth-of-type(3) > a { border-color: #9e2a2a; }
.list-header-nav > li > a::after { content: ''; display: block; width: 15px; height: 9px; background: url(../img/icon-arrow-second-dark.png) no-repeat center / cover; position: absolute; top: 50%; margin-top: -4.5px; right: .3rem; transition: background-image .5s; }
.list-header-nav.news > li > a::after { display: none; }
.list-header-nav > li > a:hover:after,
.list-header-nav > li.active > a::after { background-image: url(../img/icon-arrow-second-light.png); }
@media (max-width: 768px) {
	.list-header { margin-bottom: .3rem; }
	.list-header h1 { font-size: .24rem; }
	.list-header-nav { position: relative; top: auto; margin-top: 0; width: auto; height: .3rem; margin-left: -.15rem; }
	.list-header-nav > li { padding-left: .15rem; }
	.list-header-nav > li > a { line-height: .3rem; padding-left: .1rem; border-radius: .05rem; }
	.list-header-nav > li > a::after { right: .1rem; }
} */


/* ????��? */
.list-Pro { margin-left: -1.2rem; margin-top: -.8rem; }
.list-Pro li { width: 33.3%; padding-left: 1.2rem; margin-top: .8rem; }
.list-Pro li:nth-of-type(3n-1) .item { animation-delay: .2s; }
.list-Pro li:nth-of-type(3n) .item { animation-delay: .4s; }
.list-Pro .item { cursor: pointer; }
.list-Pro .item .img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 120%; background: #eee; border-radius: .2rem; box-shadow: 0 0 .3rem rgba(0,0,0,.1); }
.list-Pro .item .img img { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; transition: transform .8s, opacity .8s; }
.list-Pro .item:hover .img img { transform: scale(1.1); opacity: .85; }
.list-Pro .item .l1 { font-size: .26rem; color: #5c151b; margin-top: .15rem; }
.list-Pro .item .clearfix { margin-top: .45rem; }
.list-Pro .item .clearfix a { display: inline-block; line-height: 1.75; }
.list-Pro .item .clearfix a:nth-of-type(1) { float: left; color: #fff; background: #962020; padding: 0 .2rem; border-radius: .4rem; }
.list-Pro .item .clearfix a:nth-of-type(2) { float: right; position: relative; color: #962020; letter-spacing: .02rem; padding-right: .55rem; }
.list-Pro .item .clearfix a:nth-of-type(2)::after { content: ''; display: block; width: .36rem; height: .08rem; background: url(../img/icon-arrow-right.png) no-repeat center / .36rem .08rem; position: absolute; right: 0; top: 50%; margin-top: -.04rem; }
@media (max-width: 1920px) {
	.list-Pro .item .l1 { font-size: 26px; }
	.list-Pro .item .clearfix a:nth-of-type(1) { padding: 0 20px; border-radius: 40px; }
	.list-Pro .item .clearfix a:nth-of-type(2) { padding-right: 55px; }
	.list-Pro .item .clearfix a:nth-of-type(2)::after { width: 36px; height: 8px; background-size: 36px 8px; margin-top: -4px; }
}
@media (max-width: 1366px) {
	.list-Pro .item .l1 { font-size: 22px; }
	.list-Pro .item .clearfix a:nth-of-type(1) { padding: 0 20px; border-radius: 40px; }
	.list-Pro .item .clearfix a:nth-of-type(2) { padding-right: 55px; }
	.list-Pro .item .clearfix a:nth-of-type(2)::after { width: 36px; height: 8px; background-size: 36px 8px; margin-top: -4px; }
}
@media (max-width: 768px) {
	.list-Pro { margin-left: -.15rem; margin-top: -.3rem; }
	.list-Pro li { width: 50%; padding-left: .15rem; margin-top: .3rem; }
	.list-Pro li:nth-of-type(3n-1) .item { animation-delay: 0s; }
	.list-Pro li:nth-of-type(3n) .item { animation-delay: 0s; }
	.list-Pro li:nth-of-type(even) .item { animation-delay: .2s; }
	.list-Pro .item .img { border-radius: .05rem; }
	.list-Pro .item .l1 { font-size: .2rem; margin-top: .05rem; }
	.list-Pro .item .clearfix { margin-top: .05rem; }
	.list-Pro .item .clearfix a:nth-of-type(1) { padding: 0 .1rem; border-radius: .2rem; }
	.list-Pro .item .clearfix a:nth-of-type(2) { letter-spacing: 0; padding-right: .25rem; }
	.list-Pro .item .clearfix a:nth-of-type(2)::after { width: .18rem; height: .04rem; background-size: .18rem .04rem; margin-top: -.02rem; }
}

/* ????? banner */
.banner-second { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 41.14666666%; background: #eee url() no-repeat center / cover; }
.banner2 > div { position: absolute; width: 100%; height: 100%; background: url() no-repeat center / cover; }
.banner2 > div.animated { animation: 1.2s DIY-fadeInUp ease-in-out both; }
.banner2 > div.banner2-en { animation-delay: .2s; }

/* ????? banner */
.ban2 { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 40%; background: #eee url() no-repeat center / cover; }
.ban2 .h { position: absolute; width: 100%; height: 100%; }
.ban2 .h .w1350 { height: 100%; }
.ban2 .h .w1350 .w { position: relative; height: 100%; }
.ban2 img { position: absolute; top: 55%; }

/* ??????? banner */
.ban2-1 img { width: 4.13rem; height: 1.86rem; margin-top: -.93rem; }
.ban2-2 img { width: 4.07rem; height: 1.87rem; margin-top: -.935rem; }
.ban2-2-2 img { width: 4.13rem; height: 1.81rem; margin-top: -.905rem; }
.ban2-2-3 img { width: 4.14rem; height: 1.88rem; margin-top: -.94rem; }
.ban2-3 img { width: 5.17rem; height: 1.83rem; margin-top: -.915rem; }
.ban2-4 img { width: 7.38rem; height: 2.12rem; margin-top: -1.06rem; }
.ban2-5 img { width: 6.83rem; height: 2.33rem; margin-top: -1.165rem; }
.ban2-6 img { width: 4.9rem; height: 1.29rem; margin-top: -.645rem; }
.ban2-7 img { width: 6.95rem; height: 2.02rem; margin-top: -1.01rem; }

@media (max-width: 1500px) {
	.ban2 .h .w1350 .w { transform: scale(1.2); margin-left: 1.5rem; }
}

.secondBanner { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 41.14583333%; background: #eee; }
.secondBanner a { display: block; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; }
.secondBanner a img { width: 100%; height: 100%; }

.br2.n2 .br-txt { width: 4.12rem; height: 1.83rem; position: absolute; top: 50%; margin-top: -.915rem; }
.br2.n2 .br-txt img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; }
.br2.n2 .br-txt img { animation: fadeInUp 1s ease-in-out both; }
.br2.n2 .br-txt img:nth-of-type(2) { animation-delay: .3s; }
.br2.n2 .br-txt img:nth-of-type(3) { animation-delay: 1s; }

.br2.n3 .br-txt { width: 4.06rem; height: 1.87rem; position: absolute; top: 50%; margin-top: -.935rem; }
.br2.n3 .br-txt img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; }
.br2.n3 .br-txt img { animation: fadeInUp 1s ease-in-out both; }
.br2.n3 .br-txt img:nth-of-type(2) { animation-delay: .7s; }

.br2.n4 .br-txt { width: 5.17rem; height: 1.83rem; position: absolute; top: 50%; margin-top: -.915rem; }
.br2.n4 .br-txt img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; }
.br2.n4 .br-txt img { animation: fadeInUp 1s ease-in-out both; }
.br2.n4 .br-txt img:nth-of-type(2) { animation-delay: .3s; }
.br2.n4 .br-txt img:nth-of-type(3) { animation-delay: 1s; }

.paging { text-align: center; font-size: 0; margin-bottom: 1.25rem; }
.paging a { display: inline-block; width: .6rem; height: .6rem; border-radius: .3rem; border: 1px solid #8E8887; font-size: 16px; line-height: .6rem; color: #8E8887; margin: 0 .15rem; transition: background-color .2s, background-image .2s, color .2s, border-color .2s; }
.paging a:hover { background-color: #9e2a2a; color: #fff; border-color: #9e2a2a; }
.paging span { font-size: 16px; color: #8E8887; font-weight: bold; margin: 0 .15rem; }
.paging .prev, .paging .next { width: 1.5rem; position: relative; }
.paging .prev { text-align: right; padding-right: .2rem; }
.paging .prev::after { content: ''; display: block; width: 36px; height: 8px; background: url(../img/icon-arrow-left-dark.png) no-repeat center / cover; position: absolute; top: 50%; margin-top: -4px; left: .2rem; }
.paging .prev:hover::after { background-image: url(../img/icon-arrow-left-light.png); }
.paging .next { text-align: left; padding-left: .2rem; }
.paging .next::after { content: ''; display: block; width: 36px; height: 8px; background: url(../img/icon-arrow-right-dark.png) no-repeat center / cover; position: absolute; top: 50%; margin-top: -4px; right: .2rem; }
.paging .next:hover::after { background-image: url(../img/icon-arrow-right-light.png); }

/* ???????? */

.product-content.n1 { width: 4.7rem; float: left; }
.product-content .title { font-size: .46rem; color: #9e2a2a; font-family: '????'; font-weight: bold; }
.product-content .text { padding-left: .3rem; text-align: justify; text-align-last: left; line-height: 2; color: #8e8887; }
.product-content .text.n1 { color: #5c151b; font-size: .26rem; font-weight: bold; font-family: '????'; line-height: 1.2; margin: .2rem 0 .5rem; }






.product-content.n2 .text { margin: .4rem 0 .5rem; }

/* ????? ?????? */
.return { display: inline-block; position: absolute; z-index: 2; top: 0; left: 0; padding-left: .65rem; color: #9e2a2a; background: url(../img/icon-arrow-left.png) no-repeat left center / .36rem .08rem; transition: background-position .5s; }
.return a { font-size: 0; color: rgba(255,255,255,0); opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.return:hover { background-position: .1rem center; }

@media (max-width: 1920px) {
	.return { padding-left: 65px; background-size: 36px 8px; }
	.return:hover { background-position: 10px center; }
}

/* ????(???) */
.article-p { background: url(../img/pro/p-xq-bg.png) no-repeat center / 100%; position: relative; }
.article-p::before { content: ''; display: block; width: 5.55rem; height: 4rem; background: url(../img/bg-4.png) no-repeat center / 5.55rem 4rem; position: absolute; left: 0; top: 30em; }
.article-p .return { top: 7em; }
.article-p .w1380 { overflow: hidden; padding-bottom: 14em; }
.article-p h2 { font-size: 44px; color: #9e2a2a; width: 45%; margin-top: 5em; margin-bottom: .5em; }
.article-p h2:nth-of-type(3) { margin-left: 55%; }
.article-p h2:nth-of-type(3) + h3 { margin-left: 55%; }
.article-p h2:nth-of-type(3) ~ p { margin-left: 55%; }
.article-p h2:nth-of-type(3) ~ p[style^='text-align:'] { margin-left: 0; }
.article-p h2:nth-of-type(3) ~ p[style^='text-align:'] img { right: auto; left: 0; }
.article-p h2:nth-of-type(2) { margin-top: 7em; }
.article-p h2:nth-of-type(1) ~ p[style^='text-align:'] img { width: 40%; right: 5%; margin-bottom: -2%; }
.article-p h2:nth-of-type(2) ~ p[style^='text-align:'] img,
.article-p h2:nth-of-type(3) ~ p[style^='text-align:'] img { width: 33.3%; right: 0; }
.article-p h2:nth-of-type(2) ~ p[style^='text-align:'] img { margin-bottom: -3.4%; margin-right: 4.2%; }
.article-p h2:nth-of-type(3) ~ p[style^='text-align:'] img { margin-bottom: -4.8%; margin-left: 4.6%; }
.article-p h2:nth-of-type(1) ~ p[style^='text-align:']::before { content: ''; display: block; width: 67.3%; height: 0; padding-bottom: 67.6%; background: url(../img/pro/p-xq-y2.png) no-repeat center / 100% 100%; position: absolute; bottom: 0; right: -8%; margin-bottom: -15%; }
.article-p h2:nth-of-type(2) ~ p[style^='text-align:']::before,
.article-p h2:nth-of-type(3) ~ p[style^='text-align:']::before { content: ''; display: block; width: 42.2%; height: 0; padding-bottom: 41.5%; background: url(../img/pro/p-xq-y.png) no-repeat center / 100% 100%; position: absolute; bottom: 0; }
.article-p h2:nth-of-type(2) ~ p[style^='text-align:']::before { margin-bottom: -7.5%; right: 0; }
.article-p h2:nth-of-type(3) ~ p[style^='text-align:']::before { margin-bottom: -9%; left: 0; }
.article-p h3 { font-size: .26rem; color: #5c151b; width: 45%; line-height: 1.2; margin-bottom: 2em; }
.article-p h3:nth-of-type(1) { padding-left: .3rem; width: 35%; }
.article-p h3:nth-of-type(1) + p { width: 35%; }
.article-p h4 { padding-left: .3rem; white-space: nowrap; margin-top: 3em; }
.article-p h4 em { display: inline-block; font-style: normal; padding-left: 30px; position: relative; color: #9e2a2a; margin-right: 2.5em; }
.article-p h4 em::before { content: ''; display: block; width: 22px; height: 18px; background: url(../img/pro/p-xq-dh.png) no-repeat center / 22px 18px; position: absolute; left: 0; top: 50%; margin-top: -9px; }
.article-p p { padding-left: .3rem; width: 45%; margin-bottom: 1em; }
.article-p p[style^='text-align:'] { position: relative; width: 100%; height: 0; }
.article-p img { position: absolute; bottom: 0; width: auto; right: 0; transition: .5s; z-index: 9; }
.article-p img:hover { transform: scale(1.1); }
.article-p h5 { font-size: .26rem; color: #fff; text-align: center; width: 1.3rem; height: 1.3rem; line-height: 1.3rem; border-radius: 50%; display: block; background: #9e2a2a; position: relative; z-index: 10; margin: -3em 0 0 15em; }

@media (max-width: 1920px) {
	.article-p h2 { font-size: 36px; }
	.article-p h3 { font-size: 26px; }
	.article-p p { padding-left: 30px; }
}
@media (max-width: 1366px) {
	.article-p h2 { font-size: 36px; margin-top: 6em; }
}

/* ??? ????? */
/* .pro_page { position: relative; margin-top: 1.15rem; }
.pro_page .clearfix > div { float: left; width: 50%; }
.pro_page .text { padding-top: 1.3rem; padding-right: 2.2rem; }
.pro_page .text > h2 { color: #9e2a2a; font-size: .46rem; text-align: justify; text-align-last: left; text-justify: distribute; }
.pro_page .text > strong { display: block; color: #5c151b; font-size: .26rem; line-height: 1.2; padding-left: .3rem; margin: .2rem 0 .5rem; text-align: justify; text-align-last: left; text-justify: distribute; }
.pro_page .text > p { padding-left: .3rem; text-align: justify; text-align-last: left; text-justify: distribute; }
.pro_page .text.n3 { float: right; }

.pro_page .clearfix.n1 { position: relative; }
.pro_page .clearfix.n1 .bg { position: absolute; width: 100vw; left: 50%; margin-left: -50vw; bottom: -2.4rem; }
.pro_page .clearfix.n2 .text { padding-right: 1.4rem; }

.pro_page .clearfix.n3 { position: relative; }
.pro_page .clearfix.n3 .text { padding-right: 0; padding-left: .95rem; }
.pro_page .clearfix.n3 .bg { position: absolute; width: 100vw; left: 50%; margin-left: -50vw; height: 6.8rem; top: 0; background: url(../img/bg-7.png) center / cover; } */

/* ???_?????-???? */
.pro_page-nav { background: #f2f2f3; line-height: .9rem; border-radius: .2rem; font-size: 0; margin: 2.6rem 0 0; padding: 0 .6rem; }
.pro_page-nav a { font-size: 16px; margin-right: 1.2rem; }
.pro_page-nav a.active { color: #9e2a2a; }

/* ???-????-??? */
.list-pro-adv { margin-left: .3rem; white-space: nowrap; margin-top: .6rem; }
.list-pro-adv li { display: inline-block; float: none; width: 1.03rem; margin-right: .5rem; text-align: center; }
.list-pro-adv .item { width: 1.03rem; height: 1.03rem; border-radius: 50%; position: relative; overflow: hidden; border: 1px solid #9e2a2a; background: #fff; }
.list-pro-adv .item em { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; animation: AnRotate 10s linear infinite both; }
.list-pro-adv .item em strong { display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; overflow: hidden; border: 3px solid #9e2a2a; font-size: 0; } 
.list-pro-adv .item em::before { content: ''; display: block; width: 100%; height:100%; position: absolute; top: 0; left: -80%; background: #fff; z-index: 1; }
.list-pro-adv .item em::after { content: ''; display: block; width: 100%; height:100%; position: absolute; top: 0; right: -80%; background: #fff; z-index: 1; }

.list-pro-adv .item::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/i-circle.png) no-repeat center / cover; }
.list-pro-adv .item img { width: 100%; z-index: 2; position: relative; }
.list-pro-adv span { display: inline-block; color: #9e2a2a; margin-top: .15rem; }

/* ???_?????-????? */
@keyframes AnRotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes AnRotateB {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
}
@keyframes AnRotate2 {
	0% { transform: rotate(120deg); }
	100% { transform: rotate(480deg); }
}
@keyframes AnRotate2B {
	0% { transform: rotate(-120deg); }
	100% { transform: rotate(-480deg); }
}
@keyframes AnRotate3 {
	0% { transform: rotate(240deg); }
	100% { transform: rotate(600deg); }
}
@keyframes AnRotate3B {
	0% { transform: rotate(-240deg); }
	100% { transform: rotate(-600deg); }
}
.pro_page-yuan { text-align: right; }
.pro_page-yuan.n3 { float: left; text-align: left; margin-top: -1.6rem; }
.pro_page-yuan .yuan { display: inline-block; position: relative; width: 5.6rem; height: 5.6rem; border-radius: 50%; border: 1px solid #ddd; padding: .5rem; margin-top: 1.8rem; }
.pro_page-yuan .yuan .img { position: relative; z-index: 1; overflow: hidden; width: 100%; height: 100%; border-radius: 50%; }
.pro_page-yuan .yuan .img img { width: 100%; height: 100%; }
.pro_page-yuan .yuan .spot { width: 24px; height: 100%; position: absolute; z-index: 2; top: 0; left: 50%; margin-left: -11.5px; animation: AnRotate 30s linear infinite both; }
.pro_page-yuan .yuan .spot:nth-of-type(2) { transform: rotate(120deg); animation: AnRotate2 30s linear infinite both; }
.pro_page-yuan .yuan .spot:nth-of-type(2) strong { transform: rotate(-120deg); animation: AnRotate2B 30s linear infinite both; }
.pro_page-yuan .yuan .spot:nth-of-type(3) { transform: rotate(240deg); animation: AnRotate3 30s linear infinite both; }
.pro_page-yuan .yuan .spot:nth-of-type(3) strong { transform: rotate(-240deg); animation: AnRotate3B 30s linear infinite both; }
.pro_page-yuan .yuan .spot strong { display: block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #ddd; background: #fff; position: absolute; top: -11.5px; left: 0; cursor: pointer; animation: AnRotateB 30s linear infinite both; }
.pro_page-yuan .yuan .spot strong em { display: block; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: #9e2a2a; position: absolute; overflow: hidden; top: 50%; left: 50%; margin-top: -.65rem; margin-left: -.65rem; line-height: 1.3rem; text-align: center; color: rgba(255,255,255,0); font-size: .26rem; box-shadow: 0 0 .3rem rgba(0,0,0,.2); transform: scale(.1); transition: transform .4s ease-in-out, color .4s ease-in-out; }
.pro_page-yuan .yuan .spot strong:hover em { transform: scale(1); color: #fff; }

/* ??????&?????? */
.list-pro-info { width: 12.1rem; margin: .9rem auto; font-size: .26rem; text-align: center; color: #9e2a2a; }
.list-pro-info > li { padding: 5px; }
.list-pro-info > li:nth-of-type(odd) { width: 31%; }
.list-pro-info > li:nth-of-type(even) { width: 69%; }
.list-pro-info > li .item { position: relative; overflow: hidden; }
.list-pro-info > li .item::before { content: ''; display: block; background: #fff; width: .8rem; height: .8rem; border-radius: 50%; position: absolute; top: -.6rem; left: -.4rem; border: 1px solid #9e2a2a; }
.list-pro-info > li .item::after { content: ''; display: block; background: #fff; width: .8rem; height: .8rem; border-radius: 50%; position: absolute; top: -.6rem; right: -.4rem; border: 1px solid #9e2a2a; }
.list-pro-info > li:nth-of-type(1) .item,
.list-pro-info > li:nth-of-type(2) .item { height: .95rem; line-height: .95rem; background: #9e2a2a; color: #fff; }
.list-pro-info > li:nth-of-type(3) .item .box,
.list-pro-info > li:nth-of-type(4) .item .box { height: 1.65rem; line-height: 1.65rem; border: 1px solid #9e2a2a; }
.list-pro-info > li:nth-of-type(n+3) .item::before,
.list-pro-info > li:nth-of-type(n+3) .item::after  { top: auto; bottom: -.5rem; }
.list-pro-info > li:nth-of-type(4) .ul { display: inline-block; width: auto; line-height: 1.5; text-align: left; line-height: .36rem; margin: .285rem 0; list-style: disc; }
.list-pro-info > li:nth-of-type(4) .ul p { position: relative; padding-left: .3rem; }
.list-pro-info > li:nth-of-type(4) .ul p::before { content: ''; display: block; width: .1rem; height: .1rem; border-radius: .05rem; background: #9e2a2a; position: absolute; left: 0; top: 50%; margin-top: -.05rem; }

@media (max-width: 1920px) {

}

.product-top-swiper { width: 7.6rem; float: right; padding: 0 .8rem; position: relative; }
.product-top-swiper .swiper-container { width: 5.3rem; height: 5.3rem; overflow: hidden; }
.product-top-swiper::after { content: ''; display: block; width: 5.3rem; height: 5.3rem; border-radius: 2.65rem; background: #9E2A2A; position: absolute; top: 50%; margin-top: -2.65rem; left: 50%; margin-left: -2.65rem; }
.product-top-swiper::before { content: ''; display: block; width: 9.08rem; height: 9.08rem; border-radius: 4.54rem; background: url(../img/pro/pbg.png) no-repeat center / cover; position: absolute; top: 50%; margin-top: -4.54rem; left: 50%; margin-left: -4.54rem; }
.product-top-swiper .swiper-button-prev { width: .65rem; height: .65rem; border-radius: .325rem; background: #9e2a2a; left: 0; top: 50%; margin-top: -.325rem; box-shadow: 0 0 30px rgba(0,0,0,.05); transition: background .3s; }
.product-top-swiper .swiper-button-prev::after { content: ''; display: block; width: .36rem; height: .08rem; background: url(../img/icon-arrow-left-light.png) no-repeat center / cover; position: absolute; top: 50%; margin-top: -.04rem; left: 50%; margin-left: -.18rem; }
.product-top-swiper .swiper-button-prev.swiper-button-disabled { opacity: 1; background: #fff; }
.product-top-swiper .swiper-button-prev.swiper-button-disabled::after { background-image: url(../img/icon-arrow-left.png); }
.product-top-swiper .swiper-button-next { width: .65rem; height: .65rem; border-radius: .325rem; background: #9e2a2a; right: 0; top: 50%; margin-top: -.325rem; box-shadow: 0 0 30px rgba(0,0,0,.05); transition: background .3s;  }
.product-top-swiper .swiper-button-next::after { content: ''; display: block; width: .36rem; height: .08rem; background: url(../img/icon-arrow-right-light.png) no-repeat center / cover; position: absolute; top: 50%; margin-top: -.04rem; left: 50%; margin-left: -.18rem; }
.product-top-swiper .swiper-button-next.swiper-button-disabled { opacity: 1; background: #fff; }
.product-top-swiper .swiper-button-next.swiper-button-disabled::after { background-image: url(../img/icon-arrow-right.png); }
.product-top-swiper .swiper-slide img { width: 100%; max-width: 100%; }



.product-details-circular { width: 5.6rem; height: 5.6rem; border-radius: 2.8rem; border: 1px solid #ebebeb; padding: .55rem; }
.product-details-circular img { width: 100%; height: 100%; border-radius: 50%; }
.product-details-circular.id-1 { position: absolute; top: 50%; margin-top: -2.8rem; right: 0; }
.box2 { position: relative; }

.box3 { margin: 100px 0; } 
.product-details-circular.id-2 { float: left; }
.product-content.n3 { width: 5rem; float: right; }



/* ???????? */
.title-pdt-dtl-abt { font-size: .56rem; font-weight: bold; font-family: '????'; }

/* ???? */
.article { width: 10.2rem; margin: 1.15rem auto 0; color: #333; }
.article h1 {color: #9e2a2a;font-size: .36rem;font-weight: bold;line-height: 1.2;text-align: justify;text-align-last: left;text-justify: distribute;margin: 0.15rem 0 .19rem;}
.article .st{text-align-last: center !important;text-align: center !important;}
.article .time {color: #777;float: left;}
.article  .soure {
    float: right;color: #777;
}
.article-content p { text-align: justify; text-align-last: left; text-justify: distribute; margin-bottom: .5em;font-size:14px }
.article-content p[style*='text-align: right;'],
.article-content p[style*='text-align:right;'] { text-align-last: right; }
.article-content p[style*='text-align: center;'],
.article-content p[style*='text-align:center;'] { text-align-last: center; }
.article-content img { max-width: 100%; display: block; margin: 0 auto; }
.article-return { position: relative; }
.article-return .btn-return { position: absolute; left: 0; top: 0; }

.article-2 { padding: .4rem 0; }
.article-2 strong { font-weight: bold; color: #333; }
.article-2 a { color: #9e2a2a; }
.article-2 img { max-width: 100%; }

@media (max-width: 1920px) {
	.article { font-size: 18px; }
}

/* ?????��? */
.list-news { margin: 1rem -.75rem 0 -.3rem; }
.list-news li { width: 33.33333333%; padding: 0 .75rem 0 .3rem; border-right: 1px solid rgba(92,21,27,.3); margin-bottom: 1.2rem; }
.list-news li:nth-of-type(3n) { border-right-width: 0; }
.list-news li .item { display: block; cursor: pointer; }
.list-news li .item .tag mark { background: none; color: #9e2a2a; margin-right: .3rem; }
.list-news li .item h3 { font-size: .26rem; color: #5c151b; line-height: 1.6; font-weight: bold; font-family: syst,'????','SimSun','??????','Microsoft YaHei'; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .3s; }
.list-news li .item:hover h3 { color: #9e2a2a; }
.list-news li .item p { text-align: justify; text-align-last: left; text-justify: distribute; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; height: .96rem; margin: .1rem 0 .2rem; transition: color .3s; }
.list-news li .item:hover p { color: #9e2a2a; }
.list-news li .item .img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 52.5%; background: #eee url(../img/logo-zy.png) no-repeat center / 80%; box-shadow: 0 0 30px rgba(0,0,0,.3); }
.list-news li .item .img img { width: 100%; height: auto; min-height: 100%; transition: transform .8s; }
.list-news li .item:hover .img img { transform: scale(1.05); }
@media (max-width: 1920px) {
	.list-news { margin: 1rem -75px 0 -30px; }
	.list-news li { padding: 0 75px 0 30px; }
	.list-news li .item h3 { font-size: 26px; }
	.list-news li .item p { height: 96px; }
}
@media (max-width: 1366px) {
	.list-news { margin: 0 -50px; }
	.list-news li { padding: 0 50px; }
	.list-news li .item h3 { font-size: 24px; }
	.list-news li .item p { height: 90px; }
}
@media (max-width: 1024px) {
	.list-news { margin: 0 -30px; }
	.list-news li { padding: 0 30px; }
	.list-news li .item h3 { font-size: 22px; }
	.list-news li .item p { height: 84px; }
}
@media (max-width: 768px) {
    .tag{font-size: 14px;}
	.list-news { margin: 0; }
	.list-news li { padding: 0; width: 100%; border-right-width: 0; border-bottom: 1px solid rgba(92,21,27,.3); padding-bottom: .3rem; margin-bottom: .2rem; }
	.list-news li .item h3 { font-size: 22px; }
	.list-news li .item p { height: .96rem; }
}

.list-news-tzz li { width: 46%; margin-right: 4%; border-bottom: 1px dashed #e5e5e5; }
.list-news-tzz li a { display: block; position: relative; padding-right: 100px; }
.list-news-tzz li a h3 { font-size: 16px; color: #333; line-height: 4em; transition: .5s; }
.list-news-tzz li a:hover h3 { color: #9e2a2a; }
.list-news-tzz li a time { font-size: 16px; color: #333; line-height: 4em; height: 4em; width: 100px; text-align: right; position: absolute; top: 0; right: 0; }
/* End */

/* ???????? */
.about .title { color: #9e2a2a; font-size: .46rem; line-height: 1.2; margin-bottom: .5rem; }
.about-1 { position: relative; padding: 3rem 0 3.7rem; background: url(../img/bg-4.png) no-repeat left bottom / 5.55rem 4rem; }
.about-1 .text { width: 6rem; }
.about-1 .img { width: 9.6rem; height: 7rem; overflow: hidden; border-radius: 3.5rem 0 0 3.5rem; position: absolute; top: 50%; margin-top: -3.5rem; right: 0; }
.about-1 .img img { width: 100%; height: 100%; transition: .5s; }
.about-1 .img img:hover { transform: scale(1.1); }
.about-2 { padding-bottom: 2.7rem; background: url(../img/bg-5.jpg) no-repeat center bottom / 19.2rem 5.4rem; }
.about-2 .title { text-align: center; }
.about-2 .content { text-align: center; margin-bottom: .8rem; }
.about-2 .list li { width: 25%; text-align: center; }
.about-2 .list li img { transition: .5s; }
.about-2 .list li:hover img { transform: rotateY(180deg); }
.about-2 .list li h3 { font-size: .26rem; color: #9e2a2a; }
.about-3 .text { width: 6rem; }
.about-3 { position: relative; padding-bottom: 1.4rem; padding-top: 1.4rem; }
.about-3 .text { float: right; }
.about-3 .img { width: 9.6rem; height: 7rem; overflow: hidden; border-radius: 0 3.5rem 3.5rem 0; position: absolute; top: 0; margin-top: 0; left: 0; }
.about-3 .img img { width: 100%; height: 100%; transition: .5s; }
.about-3 .img img:hover { transform: scale(1.1); }
.about-3 { padding-bottom: 4rem !important; }



/* ???????????????????? */
.jy, .l1, .l2, .l3 { text-align: justify; text-align-last: left; text-justify: distribute; }
.l1, .l2, .l3 { overflow: hidden; word-break: break-all; text-overflow: ellipsis; transition: color .3s; }
.l1 { white-space: nowrap; }
.l2, .l3 { display: block; display: -webkit-box; text-overflow: -o-ellipsis-lastline; -webkit-box-orient: vertical; }
.l2	{ -webkit-line-clamp: 2; line-clamp: 2; height: .64rem; }
.l3	{ -webkit-line-clamp: 3; line-clamp: 3; height: .96rem; }
.item:hover .l1, .item:hover .l2, .item:hover .l3 { color: #9e2a2a; }
@media (max-width: 1920px) { .l2 { height: 64px; } .l3 { height: 96px; } }
@media (max-width: 1366px) { .l2 { height: 60px; } .l3 { height: 90px; } }
@media (max-width: 768px) { .l2 { height: .56rem; } .l3 { height: .84rem; } }

/* ???? */
.rn { display: inline-block; position: relative; color: #9e2a2a; padding-left: .65rem; margin-top: 1.15rem; }
.rn::after { content: ''; display: block; width: .36rem; height: .08rem; background: url(/zygf/lib/images/i/i1.png) no-repeat center / .36rem .08rem; position: absolute; top: 50%; margin-top: -.04rem; left: 0; transform: rotate(180deg); z-index: 0; transition: left .5s; }
.rn a { display: block; font-size: 0; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.rn:hover::after { left: -.1rem; }



.btn-prev, .btn-next { top: 50%; margin-top: -.33rem; }
.btn-prev::after { transform: rotate(180deg); }
.btn.swiper-button-disabled { opacity: 1; background: #fff; }
.btn.swiper-button-disabled::after { background-image: url(/zygf/lib/images/i/i1.png); }

/* ????��? */
.item1 .img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 120%; background: #eee; border-radius: .2rem; }
.item1 .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform .8s; }
.item1 .img:hover img { transform: scale(1.1); }
.item1 h3 { font-size: .28rem; color: #5c151b; margin-top: .15rem; }
.item1 h3 a { transition: color .3s; }
.item1 h3 a:hover { color: #d6000f; }
.item1 .jy { transition: color .3s; font-size: 16px;}
.item1 .jy:hover { color: #d6000f; }
.item1 .tag { position: relative; margin-top: .45rem; }
.item1 .tag a:nth-of-type(1) { display: inline-block; letter-spacing: 1px; color: #fff; background: #9e2a2a; font-weight: lighter; line-height: .28rem; padding: 0 .2rem; border-radius: .16rem; transition: background .3s; }
.item1 .tag a:nth-of-type(1):hover { background: #d6000f; }
.item1 .tag a:nth-of-type(2) { font-size: .15rem; letter-spacing: 1px; color: #962020; position: absolute; line-height: .28rem; right: 0; top: 50%; margin-top: -.14rem; padding-right: .55rem; transition: padding .5s; }
.item1 .tag a:nth-of-type(2)::after { content: ''; display: block; width: .36rem; height: .08rem; background: url(../img/icon-arrow-right.png) no-repeat center right / .36rem .08rem; position: absolute; right: 0; top: 50%; margin-top: -.04rem; }
.item1 .tag a:nth-of-type(2):hover { padding-right: .65rem; }
@media (max-width: 1920px) {
	.item1 .tag a:nth-of-type(1) { line-height: 28px; padding: 0 20px; border-radius: 16px; }
	.item1 .tag a:nth-of-type(2) { line-height: 28px; margin-top: -14px; font-size: 15px; padding-right: 55px; }
	.item1 .tag a:nth-of-type(2)::after { width: 36px; height: 8px; margin-top: -4px; background-size: 36px 8px; }
	.item1 .tag a:nth-of-type(2):hover { padding-right: 65px; }
}

/* ???????? */
.sr-xg-tt { font-size: 36px; color: #5c151b; margin-bottom: .55rem; }
.sr-xg-ww { position: relative; }
.sr-xg-ww .btn-prev { left: -.9rem; position: absolute; }
.sr-xg-ww .btn-next { right: -.9rem; position: absolute; }
.sr-xg-w { position: relative; overflow: hidden; margin-bottom: 1.3rem; }
.sr-xg { margin: 0 -.6rem; }
.sr-xg .swiper-slide { padding: 0 .6rem; }

.sr-xg-ww .btn-prev::after { background-image: url(../img/icon-arrow-right-light.png); background-size: .36rem .08rem; }
.sr-xg-ww .btn-prev:hover::after { background-image: url(../img/icon-arrow-right.png); }
.sr-xg-ww .btn-next::after { background-image: url(../img/icon-arrow-right-light.png); background-size: .36rem .08rem; }
.sr-xg-ww .btn-next:hover::after { background-image: url(../img/icon-arrow-right.png); }

/* ?? */
.point { position: absolute; width: 0; height: 0; }
.point-2 { position: absolute; width: 22px; height: 22px; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; border-radius: 50%; background: #fff; border: 1px solid #eee; cursor: pointer; }
.point-3 { position: absolute; width: 130px; height: 130px; line-height: 130px; top: 50%; left: 50%; margin-top: -65px; margin-left: -65px; border-radius: 50%; background: #9e2a2a; font-size: 26px; color: rgba(255,255,255,0); letter-spacing: 1px; font-weight: lighter; text-align: center; box-shadow: 0 0 40px rgba(0,0,0,.2); transform: scale(.08); transition: transform .5s, color .5s; }
.point-2:hover .point-3 { transform: scale(1); color: #fff; }

/* ???? _ ???? */
.share { position: fixed; display: none; right: 1.8rem; top: 1.5rem; width: .65rem; z-index: 100; }
.share.on { display: block; }
.share .social-share { position: absolute; width: 100%; }
.share span,
.share .social-share a.social-share-icon { display: block; width: .65rem; height: .65rem; border-radius: 50%; background: #fff url() no-repeat center / .4rem .4rem; box-shadow: 0 0 30px rgba(0,0,0,.1); position: relative; right: 0; top: 0; margin: 0; border: 0; opacity: 0; cursor: pointer; transition: top .8s, background-color .5s, background-image .5s, opacity .5s; }
.share.active span:nth-of-type(1),
.share span:hover,
.share .social-share a.social-share-icon:hover { background-color: #9e2a2a; }
.share.active span,
.share.active .social-share a.social-share-icon { opacity: 1; }
.share .social-share a.social-share-icon::before { display: none; }
.share span:nth-of-type(1) { z-index: 4; background-image: url(../img/icon-share.png); opacity: 1; }
.share .social-share a.social-share-icon:nth-of-type(2) { z-index: 3; background-image: url(../img/icon-weibo.png);}
.share .social-share a.social-share-icon:nth-of-type(3) { z-index: 2; background-image: url(../img/icon-wechat.png); }
.share span:nth-of-type(2) { z-index: 1; background-image: url(../img/icon-tiktok.png); }
.share span:nth-of-type(2):hover { z-index: 1; background-image: url(../img/icon-tiktok-light.png); }
.share.active span:nth-of-type(1), .share span:nth-of-type(1):hover { background-image: url(../img/icon-share-light.png); }
.share .social-share a.social-share-icon:nth-of-type(1):hover { background-image: url(../img/icon-weibo-light.png); }
.share .social-share a.social-share-icon:nth-of-type(2):hover { background-image: url(../img/icon-weibo-light.png); }
.share .social-share a.social-share-icon:nth-of-type(3):hover { background-image: url(../img/icon-wechat-light.png); }
.share.active .social-share a.social-share-icon.icon-wechat { top: 1.32rem; }
.share.active .social-share a.social-share-icon.icon-weibo { top: 1.2rem; }
.share.active span:nth-of-type(2) { top: 2.75rem; }
.share .social-share .icon-wechat .wechat-qrcode { top: 50%; margin-top: -96px; left: auto; right: .8rem; box-shadow: 0 0 30px rgba(0,0,0,.1); border-radius: 3px; }
.share .social-share .icon-wechat .wechat-qrcode:after { left: auto; margin-left: auto; bottom: 50%; margin-bottom: -6px; right: -13px; transform: rotate(-90deg); }
.share .social-share .icon-wechat .wechat-qrcode .qrcode { margin: 10px auto 0; }

.st, .article-p h2, .article-p h3 { font-weight: bold; font-family: '??????', '????', 'SimSun', '??????', 'NSimSun', '????', 'FangSong', '????', 'KaiTi', '????', 'SimHei', '??????', 'Microsoft YaHei'; }
.txt, .article-p h2, .article-p h3, .article-p p { text-align: justify; text-align-last: left; text-justify: distribute; }
.line1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.line2, .line3 { display: -webkit-box; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.line2 { height: 4em; }
.line3 { height: 6em; -webkit-line-clamp: 3; line-clamp: 3; }
#BodyLabel p {font-size: 14px; }
/* ????��? */
.list-product li:nth-last-of-type(1) { margin-bottom: 0; }
.list-product li { border: 1px solid #9e2a2a; padding: 1.56253em 4.6875em; border-radius: 2.75em; width: 100%; margin-bottom: 2em; }
.list-product li .img { float: left; width: 23.75em; height: 23.75em; border-radius: 50%; border: 1px solid #ebebeb; padding: 2em; }
.list-product li .img img { width: 100%; height: 100%; border-radius: 50%; }
.list-product li .content { color: #9e2a2a; margin-left: 26.25em; }
.list-product li .content h3 { font-size: .36rem; margin-top: 1.1em; }
.list-product li .content .txt { font-size: .18rem; }
.list-product li .content a { display: inline-block; font-size: .18rem; line-height: 2.6; border: 1px solid #9e2a2a; border-radius: 1.3em; padding: 0 2.6em; margin-top: 3.4em; transition: .5s; }
.list-product li .content a:hover { background: #9e2a2a; color: #fff; }

.list-product-2 { padding: 0 2em; margin-left: -6em; }
.list-product-2 li { width: 50%; padding-left: 6em; margin-bottom: 2.5em; }
.list-product-2 li .img { float: left; width: 17.25em; height: 21em; border-radius: 1.5em; background: #eee; overflow: hidden; cursor: pointer; }
.list-product-2 li .img img { width: 100%; height: 100%; }
.list-product-2 li .content { margin-left: 19.75em; overflow: hidden; }
.list-product-2 li .content h3 { color: #9e2a2a; font-size: .32rem; margin-top: 1em; cursor: pointer; }
.list-product-2 li .info { margin-top: 5em; }
.list-product-2 li .info .channelLink { float: left; display: inline-block; background: #9e2a2a; color: #fff; line-height: 1.75; width: 6.25em; text-align: center; border-radius: .875em; display: none; }
.list-product-2 li .info a:nth-of-type(2) {    font-size: 16px; float: right; display: inline-block; position: relative; color: #9e2a2a; line-height: 1.75; padding-right: 3.4em; margin-right: 1.5em; transition: .5s; }
.list-product-2 li .info a:nth-of-type(2):hover { margin-right: 0; }
.list-product-2 li .info a:nth-of-type(2)::after { content: ''; display: block; width: 2.25em; height: .5em; background: url(../img/i-right.png) no-repeat center / 2.25em .5em; position: absolute; right: 0; top: 50%; margin-top: -.25em; }

@media (max-width: 1920px) {
	.list-product li .content h3 { font-size: 36px; }
	.list-product li .content .txt { font-size: 18px; }
	.list-product li .content a { font-size: 18px; }
}
@media (max-width: 1366px) {
	.list-product li .content .txt { font-size: 16px; }
	.list-product li .content a { font-size: 16px; }
	.list-product-2 li .info a:nth-of-type(2) { margin-right: 0; }
}

@media (max-width: 768px) {
    .list-news-tzz li{
        width: 100%;
    }
    .footer-tel p {
        color: #5c151b;
        font-size: 20px;
    }
.p1 {
    height: 1.5rem !important;
    padding-bottom: 56.2%;
    margin-top: .55rem;
position: relative;
}

.banner {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.ban-btn { display: none; }
.banner .swiper-slide video { width: 100%; }

.ban-ani {
    width: 2.8rem;
    height: .3rem;
    margin-left: -1.4rem;
    margin-top: -.15rem;
}

.sw-btn.swiper-button-prev, .sw-btn.swiper-button-next { top: 50%; opacity: 1;
    width: .325rem;
    height: .325rem;
    background-size: .18rem .04rem;
    margin-top: -.1625rem; }
.banner .swiper-button-next { right: .1rem; }
.banner .swiper-button-prev { left: .1rem; }
.banner:hover .swiper-button-prev:hover, .banner:hover .swiper-button-next:hover {
    opacity: 1;
}
.banner:hover .swiper-button-prev, .banner:hover .swiper-button-next {
    opacity: 1;
}
.banner:hover .swiper-button-prev.swiper-button-disabled, .banner:hover .swiper-button-next.swiper-button-disabled { opacity: 0; }

.products-nav { width: 100%; padding: 0 .15rem; margin-top: 0; top: .15rem; }
.products-nav li { width: 33.3%; float: left; margin-top: 0;margin-bottom: 0; height: .36rem; }
.products-nav li.active { width: 33.3%; margin-top: 0;margin-bottom: 0; height: .36rem; }
.products-nav li b:nth-of-type(2) { display: none; }
.products-nav li:nth-last-of-type(1).active { margin-top: 0; margin-bottom: 0;}
.products-nav li a { line-height: .36rem; padding-left: .36rem; }
.products-nav li a i { width: .36rem; left: 0; } 
.products-nav li b { border-radius: .03rem !important; }
.ProCenter { height: 3.5rem; }
.ProCenter-Sw-Detail {
    width: 2.9666rem;
    height: 2.4333rem;
    top: 30%;
    margin-top: 0;
    right: -.4rem;
}
.product-slogan {
    width: 1.3rem;
    height: 2rem;
    top: 35%;
    margin-top: 0;
    margin-right: .4rem;
}
[data-hash="product1"] .product-slogan { top: 40%;
    margin-right: .7rem; }

[data-hash="product2"] .product-slogan { margin-right: .45rem; }

[data-hash="product3"] .ProCenter-Sw-Detail { right: -.5rem; }
.footer-tel { width: 100%; }
.footr-top-bottom { margin: .1rem 0; }
.footer-tel h6 { line-height: 1.5; font-size: 26px; }
.footer-top-top {
    padding-top: .15rem;
    position: relative;
    z-index: 1;
}
.footer-share {
    margin-right: 0;
    position: absolute;
    right: 0;
    top: .6rem;
}
.footer-share a {
    width: 40px;
    height: 40px;
    margin-left: .15rem;
    margin-top: 0;
}
.p2 .ProCenter { height: 3.5rem; }
.p2 .product-slogan { margin-top: 0; }
.p2 .ProCenter-Sw-Detail { margin-top: 0; } 
.p3 .body { padding-top: 0; }
.p3 .title h2 { font-size: 26px; }
.sr-idx-news-box { width: 100%; }
.sr-idx-news { width: 100%; height: 2.7rem; }
.sr-idx-news .swiper-slide-active .sr-item { width: 2.2666rem; height: 1.5666rem; margin-top: -.7833rem; margin-left: -1.1333rem; }
.sr-idx-news-box { padding: 0 .15rem; }
.sr-idx-news .sr-item-p { font-size: 20px;
    padding: 0.8rem 0.15rem 0;}
.sr-idx-news-box { z-index: 1; }
.idx-news-btn { position: relative; height: 1px; z-index: 2; }
.idx-news-btn .sw-btn.swiper-button-prev, .idx-news-btn .sw-btn.swiper-button-next { margin-top: 1.15rem; }
.sw-btn.swiper-button-prev:hover, .sw-btn.swiper-button-next:hover { opacity: 1; }
.totop {  width: 0.35rem;
    right: 0.15rem; }
.btn { width: 0.33rem;
    height: 0.33rem; }
.totop i::after { background-size: 0.04rem 0.18rem; }
.totop p {
    font-size: 12px;
}
.ban2 .h .w1350 .w { margin-left: 0;transform: scale(1); }
.ban2-1 img {
    width: 1.3766rem;
    height: .62rem;
    margin-top: -.4rem;
}
.about-1 {
    padding: .3rem 0;
    background-size: 1.3875rem 1rem;
}
.about-1 .img { width: 1.6rem;
    height: 1.1666rem; top: .3rem;
    margin-top: 0; }
.about-1 .text { width: 100%; }
.about-1 .title {
    font-size: 22px;
    padding-right: 1.7rem;
    margin-bottom: 0.15rem;
    height: 1.1666rem;
    display: flex;
    align-items: center;
}
.about-1 .content{font-size: 16px;}
.about-2 .content{font-size: 16px;}
.about-3 .content{font-size: 16px;}

.about-2 .title {  font-size: 22px;
    margin-bottom: .15rem; }
.about-2 .content {
    text-align: justify;
    letter-spacing: -.002rem;
    margin-bottom: .15rem;
}
.about-2 .list li { width: 33.3%; margin-left: 0 !important; }
.about-2 .list li img { width: 60%; }
.about-2 .list li p{font-size: 16px;}
.about-2 .list li h3 { font-size: 24px; }
.about-2 { padding-bottom: .3rem; }
.about-3 {
    padding-bottom: .3rem !important;
    padding-top: 0;
}
.about-3 .img { width: 1.6rem;
    height: 1.1666rem; top: 0;
    margin-top: 0; }
.about-3 .text { width: 100%; }
.about-3 .title {
    font-size: 22px;
    padding-left: 1.6rem;
    margin-bottom: 0.15rem;
    height: 1.1666rem;
    display: flex;
    align-items: center;
}
.footer-img img {
    width: 1.266rem;
    height: 1.1333rem;
    top: -.5rem;
}
.title2nd { font-size: 24px; position: relative; }
.article-2 {
padding: 0 0 .3rem;
font-size: 16px;
}
.ban2-2 img {
    width: 1.3566rem;
    height: .6233rem;
    margin-top: -.4rem;
}
.subnav > li > a {
    width: auto;
    line-height: 2.5em;
    padding: 0 .1rem;
}
.subnav > li {  margin-right: 0;
    display: inline-block;
    width: 24%;
    text-align: center;
    margin: 0 0.5%; }
.subnav > li > a::before, .subnav > li > a::after { right: 1em; }
.page2nd-navbox { margin: 2em 0; }
.list-product li { padding: .15rem;
    border-radius: .1rem; }
.list-product li .img {
    width: 1.5rem;
    height: 1.5rem;
    padding: 10px; margin: 0 auto;
    float: none;
}
.list-product li .content { margin-left: 0; }
.list-product li .content h3 {
    font-size: 24px;
    margin-top: 0;
}
.list-product li .content a {
    font-size: 14px;
    margin: .15rem auto;
    display: block;
    width: 1.3rem;
    text-align: center;
    padding: 0;
}
.list-product { margin-bottom: 1em; }
.list-product-2 { padding: 0; }
.list-product-2 li { width: 100%; margin-bottom: 1.5em; }
.list-product-2 li .img {
    width: 8.625em;
    height: 10.5em;
    border-radius: .5em;
}
.list-product-2 li .content {
    margin-left: 9.5em;
}
.list-product-2 li .content h3 {
    font-size: 24px;
    margin-top: 0;
}
.list-product-2 li .content .line3 { line-height: 1.5;
    height: 4.5em;     font-size: 16px;}
.list-product-2 li .info {
    margin-top: .05rem;
}
.subnav-p > li ul a { padding: 0 1em;
    line-height: 3em; }
.article-p .return {
    top: .15rem;
}
.article-p h2 {
    font-size: 26px;
    margin-top: .6rem;
    width: 100%;
    margin-bottom: .1rem;
}
.article-p h3 {
    font-size: 20px;
    padding-left: 0;
    width: 100%;
    margin-bottom: .15rem;
}
.article-p h3:nth-of-type(1) { padding-left: 0;
    width: 100%; }
.article-p p {
    padding-left: 0;
    width: 100%;
    margin-bottom: .3rem;
}
.article-p h3:nth-of-type(1) + p {
    width: 100%;
}
.article-p p[style^="text-align:"] {
    width: 100%;
    height: 0;
    padding-bottom: 76%;
}
.article-p h2:nth-of-type(1) ~ p[style^="text-align:"] img {
    width: 60%;
    right: 20%;
    margin-bottom: 0;
}
.article-p h2:nth-of-type(1) ~ p[style^="text-align:"]::before {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    bottom: 0px;
    right: 0;
    margin-bottom: -20%;
}
.article-p h2:nth-of-type(2) { margin-top: .3rem; }
.article-p h4 {
    padding-left: 0;
    margin-top: -.15rem;
    white-space: normal;
}
.article-p h4 em {
    margin-right: .15rem;
}
.article-p h2:nth-of-type(1) ~ p[style^="text-align:"]::before {
    width: 80%;
    padding-bottom: 80%;
    bottom: 10%;
    right: 10%;
    margin-bottom: -16%;
}
.article-p h2:nth-of-type(2) ~ p[style^="text-align:"] img {
    margin-right: 0;
}
.article-p h2:nth-of-type(3) {
    margin-left: 0;
}
.article-p h2:nth-of-type(3) + h3 {
    margin-left: 0;
}
.article-p h2:nth-of-type(3) ~ p {
    margin-left: 0;
}
.article-p h2:nth-of-type(3) ~ p br { display: none; }
.article-p h2:nth-of-type(3) ~ p[style^="text-align:"]::before {
    left: 10%;
}
.article-p h2:nth-of-type(3) ~ p[style^="text-align:"] img {
    margin-left: 20%;
}
.article-p h2:nth-of-type(3) ~ p[style^="text-align:"] {
    padding-top: .3rem;
}
.article-p .w1380 {
    padding-bottom: .3rem;
}
.sr-xg-tt {
    font-size: 26px;
    margin-bottom: .15rem;
}
.sr-xg { margin: 0; }
.sr-xg .swiper-slide { padding: 0; }
.sr-xg-w {
    margin-bottom: .45rem;
}
.article-p h5 {
    font-size: 0.18rem;
    width: .65rem;
    height: .65rem;
    line-height: .65rem;
    position: absolute;
    margin: 0;
    bottom: .8rem;
    right: 20%;
}
.item1 h3 {
    font-size: 20px;
    margin-top: 0.1rem;
}
.item1 .tag {
    margin-top: 0.15rem;
}
.item1 .tag a:nth-of-type(1) {
    padding: 0px 10px;
}
.item1 .tag a:nth-of-type(2) {
    padding-right: 0;
}
.item1 .tag a:nth-of-type(2)::after { display: none; }
.subnav { width: 100%; }
.subnav > li > a::before, .subnav > li > a::after { display: none; }
.list-news li .item p { height: 6em; font-size: 16px;}
.PageTurning { margin: .15rem auto .3rem; }
.PageTurning span {
    font-size: .14rem;
    line-height: .3rem;
    padding: 0 .1rem;
    margin: 0 .05rem;
    margin-bottom: .05rem;
}
.article {
    width: 100%;
    margin: .45rem auto 0;
}
.return {
top: -.3rem;
}
.article .time {
    font-size: 14px;
}
.article h1 {
    font-size: 26px;
    margin: .1rem 0 .15rem;
}
.share {
    right: .1rem;
    top: 1rem;
    width: .35rem;
}
.share span, .share .social-share a.social-share-icon {
    width: .35rem;
    height: .35rem;
    background-size: .2rem .2rem;
}

.share .social-share a.social-share-icon.icon-wechat {
    z-index: 10;
    top: 1.56rem !important;
    background-image: url(../img/icon-wechat.png);
}
.share .social-share a.social-share-icon.icon-weibo {
    top: 1.4rem !important;
}
.share.active span:nth-of-type(2) {
    top: 2.4rem !important;
}
.share .social-share .icon-wechat .wechat-qrcode { right: .5rem; }
.ban2-7 img {
    width: 2.3166rem;
    height: .6733rem;
    margin-top: -.4rem;
}
.jqqd-h1 { margin: 1rem auto !important;
    font-size: 26px !important; }
.ban2-6 img {
    width: 1.6333rem;
    height: .43rem;
    margin-top: -.3rem;
}
.ban2-5 img {
    width: 2.2766rem;
    height: .7766rem;
    margin-top: -.5rem;
}
.ban2-4 img {
    width: 2.46rem;
    height: .7066rem;
    margin-top: -.4rem;
}
.page3nd { margin: 0 0 .3rem; }
.subnav3nd { width: 100%; white-space: nowrap; overflow-y: auto; border: 1px solid #ddd; float: none; }
.subnav3nd li { display: inline-block; margin: 0 .05rem; }
.subnav3nd li a {
    line-height: 2.5;
    padding-left: 0;
}
.subnav3nd li a:hover, .subnav3nd li a.active {
    background: #fff;
    color: #5c151b;
}
.subnav3nd::-webkit-scrollbar-track-piece { height: 1px; background: #eee;    }
.subnav3nd::-webkit-scrollbar             { height: 1px;  background: #5c151b; }
.subnav3nd::-webkit-scrollbar-thumb       { height: 1px;  background: #5c151b; }
.subnav3nd::-webkit-scrollbar-thumb:hover { height: 1px;  background: #5c151b; }
.page3nd-box {
    margin-left: 0;
}
.subnav4nd { padding-left: 0; }
.subnav4nd li.active::after { display: none; }
.subnav4nd li a:hover, .subnav4nd li.active a {
    color: #fff;
    background: #5c151b;
}
.subnav4nd li a {
    font-size: 14px;
    border-radius: .05rem;
    padding: 0 .1rem;
    border: 1px solid #eee;
    margin-bottom: .1rem;
}
.subnav4nd {
    border-bottom: none;
    height: auto;
    line-height: 2.5;
margin-top: .1rem;
}
.subnav4nd li { padding: 0; }
.article-3 {
    font-size: 15px;
    padding-left: 0;
    padding-top: 0;
}
.article { font-size: 15px; }
.subnav-mw33 { width: 33.3% !important; }
.footer-img { display: none; }
.ban2-3 img {
    width: 1.7233rem;
    height: .61rem;
    margin-top: -.4rem;
}
.ban2-2-2 img {
    width: 1.3766rem;
    height: .6033rem;
    margin-top: -.4rem;
}
.ban2-2-3 img {
    width: 1.38rem;
    height: .6266rem;
    margin-top: -.4rem;
}
.nav-m::-webkit-scrollbar-track-piece { width: 0; background: #eee;    }
.nav-m::-webkit-scrollbar             { width: 0; background: #9e2a2a; }
.nav-m::-webkit-scrollbar-thumb       { width: 0; background: #9e2a2a; }
.nav-m::-webkit-scrollbar-thumb:hover { width: 0; background: #9e2a2a; }


}

@media screen and (min-width: 768px) and (max-width: 1300px){
    .p3 .title h2 {
        line-height: 4.5;
    }
}

.mobileHtml{
 overflow-x:hidden  !important;
}
.mobileHtml .p2,.mobileHtml .p3,.mobileHtml .p4{
    height: auto !important;
}
.mobileHtml .p2>div,.mobileHtml .p3>div,.mobileHtml .p4>div{
    height: auto !important;
}