/* wap 移动站 · 深色科技风（与 www 桌面站统一） */
:root{
  --bg-0:#0a0a0b; --bg-1:#141417; --bg-2:#1a1a1f;
  --glass:rgba(22,22,26,.55); --glass-2:rgba(22,22,26,.82);
  --stroke:rgba(255,255,255,.12); --stroke-2:rgba(255,255,255,.22);
  --text:#f4f4f5; --muted:#a1a1aa; --muted-2:#d4d4d8;
  --accent:#e11d2a; --accent-2:#b91c1c; --accent-3:#ff4d4d;
  --warn:#f7a23b; --danger:#e06a6a;
  --radius:0.16rem;
}
body{
  background:radial-gradient(1200px 600px at 50% -10%, #1e0d0d, #0a0a0b 60%);
  color:var(--text);
}
input, select, textarea{
  background:rgba(22,22,26,.6) !important;
  color:var(--text) !important;
}
.top {
	    position: fixed;
    z-index: 99999999;
	overflow: hidden;
	background:rgba(10,10,11,.82);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
	border-bottom:1px solid var(--stroke);
	box-shadow:0 8px 30px rgba(0,0,0,.5);
}
.top a.a1 {
	position: absolute;
	left: 1%;
	top: 17%;
	width: 10%;
	height: 66%;
}
.top a.a2 {
	position: absolute;
	left: 89%;
	top: 17%;
	width: 10%;
	height: 66%;
}
.top_number {
	width: 0.2rem;
	line-height: 0.2rem;
	text-align: center;
	color: #f7e4e4;
	font-size: 0.18rem;
	background: #d35b5b;
	border-radius: 0.5rem;
	position: absolute;
	top: 23%;
	right: 3%;
}
.banner {
	position: relative;
	padding-top:48px;
}
.banner .hd {
	position: absolute;
	left: 50%;
	margin-left: -0.9rem;
	bottom: 0.1rem;
}
.banner .hd li {
	margin: 0 0.05rem;
	width: 0.5rem;
	height: 0.08rem;
	background: rgba(255,255,255,.25);
	float: left;
	opacity: 0.6;
}
.banner .hd li.on {
	background: #ffffff;
	opacity: 1;
}
.nav {
	overflow: hidden;
	margin-bottom: 0.45rem;
}
.nav li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 0.26rem;
	color: var(--muted-2);
	line-height: 2;
	margin-top: 0.45rem;
}
.nav li img {
	width: 0.9rem !important;
}
.zx {
	position: relative;
	overflow: hidden;
	color: #ffffff;
}
.zx h2 {
	position: absolute;
	left: 18%;
	top: 28%;
	font-size: 0.3rem;
}
.zx p {
	position: absolute;
	left: 18%;
	top: 54%;
	font-size: 0.22rem;
}
.zx h2:nth-of-type(2) {
	left: 66%;
	top: 28%;
}
.zx p:nth-of-type(2) {
	left: 66%;
	top: 54%;
}
.title h2 {
	text-align: center;
	font-size: 0.36rem;
	color: var(--text);
	font-weight: bold;
	margin-top: 0.5rem;
}
.title span {
	font-size: 0.18rem;
	color: var(--muted);
	font-weight: normal;
	text-transform : uppercase
}
#certify {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 0.4rem;
}
#certify .swiper-container {
	padding-bottom: 1rem;
}
#certify .swiper-slide {
	width: 6.41rem;
	height: 4.2rem;
	position: relative;
}
#certify .swiper-slide h2 a{
	position: absolute;
	left: 47%;
	top: 10%;
	font-size: 0.36rem;
	font-weight: bold;
	color: var(--accent-3);
	width: 100%;
}
#certify .swiper-slide h2 span {
	font-size: 0.18rem;
	font-weight: normal;
	color: #ffffff;
	background: var(--accent);
	padding: 1% 2%;
	border-radius: 5rem;
	margin-left: 1%;
	vertical-align: middle;
}
#certify .swiper-slide h3 a{
	position: absolute;
	left: 47%;
	top: 24%;
	font-size: 0.26rem;
	font-weight: bold;
	color: var(--text);
	line-height: 1.5;
}
#certify .swiper-slide p a {
	position: absolute;
	left: 49%;
	top: 47%;
	font-size: 0.24rem;
	color: var(--muted);
	line-height: 1.5;
}
#certify .swiper-slide a {
	position: absolute;
	left: 58%;
	top: 78%;
}
#certify .swiper-slide a img {
	width: 1.95rem !important;
}
#certify .swiper-slide  a img {
	display: block;
}
#certify .swiper-pagination {
	width: 100%;
	top: 85%;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid rgba(255,255,255,.4);
	background-color: rgba(255,255,255,.18);
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid var(--accent-3);
	background-color: #fff;
}

.bz_box1 {
	width: 7.1rem;
	margin: auto;
	overflow: hidden;
	margin-top: 0.4rem;
	margin-bottom: 8%;
}
.bz_box1 .bz_nav ul li {
	float: left;
	width: 1.34rem;
	text-align: center;
	font-size: 0.26rem;
	color: var(--text);
	padding-top: 0.25rem;
	border-top: 4px solid var(--stroke);
	margin-left: 0.1rem;
	padding-bottom: 0.35rem;
}
.bz_box1 .bz_nav ul li.on {
	border-top: 4px solid var(--accent);
	color: var(--accent-3);
	font-weight: bold;
}
.bz_box1 .bz_nr li div {
	background: var(--glass);
	margin-top: 0.3rem;
}
.bz_box1 .bz_nr li dd {
	width: 2.8rem;
}
.bz_box1 .bz_nr li dt {
	width: 4rem;
	font-size: 0.24rem;
	line-height: 1.5;
}
.bz_box1 .bz_nr li dt p {
	color: var(--text);
	margin-top: 3%;
}
.bz_box1 .bz_nr li dt p span {
	color: var(--warn);
}
.bz_box1 .bz_nr li dt p b {
	color: var(--muted);
	display: initial;
}
.bz_box1 .bz_nr li dt p em {
	display: initial;
}
.bz_box1 .bz_nr li dt p em img {
	width: 0.25rem !important;
	margin-left: 2%;
}
.bz_box1 .bz_nr li dt a {
	font-size: 0.24rem;
	color: var(--muted);
	border: 1px solid var(--stroke-2);
	margin-left: 22%;
	margin-top: 5%;
	padding: 1% 9%;
	border-radius: 5rem;
}
.bz_box1 .bz_nr ul li {
	display: none
}
.bz_box1 .bz_nr ul li:first-child {
	display: block
}
#cer {
	width: 7.1rem;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 0.4rem;
}
#cer .swiper-container {
	padding-bottom: 1.2rem;
}
#cer .swiper-slide {
	width: 4.88rem;
	height: 4.2rem;
	position: relative;
}
#cer .swiper-slide img {
	display: block;
}
#cer .swiper-pagination {
	width: 100%;
	top: 95%;
	position: absolute;
	left: 43%;
	margin-left: -0.9rem;
	bottom: 0.1rem;
}
#cer .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 0.05rem;
	width: 0.5rem;
	height: 0.08rem;
	background: rgba(255,255,255,.25);
	float: left;
	opacity: 0.6;
	border-radius: initial;
}
#cer .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: #ffffff;
	opacity: 1;
}
#cer .swiper-button-prev {
	width: 0.27rem;
	height: 0.28rem;
	background: url(../images/prev.png) center no-repeat;
	background-size: 100%;
}
#cer .swiper-button-next {
	width: 0.27rem;
	height: 0.28rem;
	background: url(../images/next.png) center no-repeat;
	background-size: 100%;
}
.big_box {
	width: 7.1rem;
	margin: auto;
	position: relative;
	padding: 0.23rem 0 0 0;
	margin-bottom: 0.5rem;
}
.big_box h2 {
	font-size: 0.26rem;
	color: var(--muted);
	line-height: 2;
}
.big_box h2 a {
	color: var(--warn);
}

.big_box .box #v1 {
	width: 100%;
}
.big_box .box #v1 img {
	width: 100%;
}
.an {
	width: 7.1rem;
	margin: auto;
	margin-top: 0.5rem;
	margin-bottom: 0.45rem;
}
.an li {
	position: relative;
	overflow: hidden;
	margin-top: 0.3rem;
}
.an li h2 {
	position: absolute;
	left: 40%;
	top: 25%;
	font-size: 0.38rem;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0.1rem;
}
.an li p {
	position: absolute;
	left: 40%;
	top: 58%;
	font-size: 0.24rem;
	color: #ffffff;
	letter-spacing: 0.12rem;
}




/*咨询页*/
.zx_top {
	position: relative;
	overflow: hidden;
}
.zx_top a.a1 {
	position: absolute;
	left: 1%;
	top: 17%;
	width: 10%;
	height: 66%;
}
.zx_top a.a2 {
	position: absolute;
	left: 89%;
	top: 17%;
	width: 10%;
	height: 66%;
}
.zx_title{ text-align:center; padding:0.5rem 0 0.3rem; line-height:1.8;}
.zx_title h2{ font-size:0.36rem; font-weight:bold; color:var(--text);}
.zx_title h2 img{ width:0.34rem !important;}
.zx_title p{ font-size:0.26rem; color:var(--muted);}

.zx_hy{ width:7.1rem; margin:auto; overflow:hidden; margin-bottom:0.5rem;}
.zx_hy p{ font-size:0.26rem; color:var(--text); line-height:1.5;}
.zx_hy li{ float:left; width:2.2rem; text-align:center; margin-left:0.2rem; margin-top:0.4rem;}
.zx_hy li b{ font-size:0.26rem; color:var(--text); margin-top: 0.2rem;} 
.zx_hy li img{ height:1.57rem;}

.zxdh{padding:0 3%; margin-top:0.5rem; overflow:hidden;}
.zxdh h2{ font-size:0.36rem; font-weight:bold; color:var(--text); text-align:center;}

.zxdh ul li{ display:none;overflow: hidden;}
.zxdh ul li p{margin-top:5%;font-size:0.375rem;color:var(--muted);text-align:center}
.zxdh dl{margin-top:5%}
.zxdh dl dt{width:0.79rem;}
.zxdh dl dt em img{width:0.79rem!important;height:0.8rem;}
.zxdh dl dt i{width:0.21875rem;margin-right:11%;}
.zxdh dl dt span{font-size:0.18rem;color:var(--text);text-align:center;display:block;margin-top:10%}
.zxdh dl dd{width:5.9rem;margin-left:4%;position:relative;}
.zxdh dl dd i{width:0.16rem;position:absolute;left:-3%;top:24%}
.zxdh dl dd span{font-size:0.24rem;color:var(--text);background:rgba(225,29,42,.12);padding:4% 3%;border-radius:0.2rem;line-height:1.5;width: 5.6rem;}
.zxdh dl dd span em{ color:#F00;}



.foot{position:fixed;bottom:0;z-index:99;background:rgba(10,10,11,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -6px 15px -1px rgba(0,0,0,.6);width:7.5rem;padding:2% 0;border-top:1px solid var(--stroke);}
.foot input{width:3.96rem;border:1px solid var(--stroke-2);line-height:2.6;font-size:0.26rem;color:var(--muted);padding-left:2%;background:rgba(22,22,26,.6);}
.foot a{font-size:0.24rem;color:#fff;margin-left:1%;position:relative}
.foot a img{ width:1.4rem !important;}

.foot a b{position: absolute;

left: 15%;

top: 29%;}


/*栅格*/

.grid li {
	display: block;
	
	padding: 7px;
	
	opacity: 0;
}
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li {
	opacity: 1;
}
.grid li a, .grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}
/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}
 @-webkit-keyframes fadeIn {
 0% {
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
}
 100% {
opacity: 1;
}
}
/* Effect 2: Move Up */
.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}
 @-webkit-keyframes moveUp {
 0% {
}
 100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
 @keyframes moveUp {
 0% {
}
 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
/* Effect 3: Scale up */
.grid.effect-3 li.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}
 @-webkit-keyframes scaleUp {
 0% {
}
 100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
 @keyframes scaleUp {
 0% {
}
 100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/* Effect 4: fall perspective */
.grid.effect-4 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}
.grid.effect-4 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective .8s ease-in-out forwards;
	animation: fallPerspective .8s ease-in-out forwards;
}
 @-webkit-keyframes fallPerspective {
 0% {
}
 100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
 @keyframes fallPerspective {
 0% {
}
 100% {
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
}
}
/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}
.grid.effect-5 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-animation: fly .8s ease-in-out forwards;
	animation: fly .8s ease-in-out forwards;
}
 @-webkit-keyframes fly {
 0% {
}
 100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
 @keyframes fly {
 0% {
}
 100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}
.grid.effect-6 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}
 @-webkit-keyframes flip {
 0% {
}
 100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
 @keyframes flip {
 0% {
}
 100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}
.grid.effect-7 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}
 @-webkit-keyframes helix {
 0% {
}
 100% {
-webkit-transform: rotateY(0deg);
opacity: 1;
}
}
 @keyframes helix {
 0% {
}
 100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
}
/* Effect 8:  */
.grid.effect-8 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}
.grid.effect-8 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .8s ease-in forwards;
	animation: popUp .8s ease-in forwards;
}
 @-webkit-keyframes popUp {
 0% {
}
 70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
 100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
 @keyframes popUp {
 0% {
}
 70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
 100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}

 @media screen and (max-width: 320px) {
.grid li {
	width: 100%;
}
}

  .article h2 {
    font-size: 0.3rem;
    color: var(--accent-3);
    margin-top: 0.49rem;
    text-align: center;
}
.article p {
    font-size: 0.18rem;
    color: var(--muted);
    text-align: center;
    border-top: 1px dashed rgba(255,255,255,.12);
    border-bottom: 1px dashed rgba(255,255,255,.12);
    margin-top: 0.2rem;
    line-height: 2;
}
.article_box p {
    font-size: 0.2rem;
    color: var(--muted);
    margin-top: 5%;
    line-height: 1.8;
}