@charset "utf-8";
/*格式化*/
*{box-sizing: border-box;margin:0;padding:0;}
html{font-size: calc(750px/18.75);max-width: 750px;margin: 0 auto;overflow-x: hidden;}
body{font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;background:#fff;font-size: 0.6rem;max-width: 750px;margin: 0 auto;overflow-x: hidden;}
@media (max-width: 750px) {html {font-size: calc(100vw/18.75);}}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.fl{ float:left;} /*左浮动*/
.fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}
.flexb{display: flex;justify-content: center;align-items: center;}
.flexb2{display: flex;justify-content: space-between;align-items: center;}
.flexb3{display: flex;justify-content: space-between;align-items: flex-start;}
.pore{position: relative;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
/* -- 页面整体布局 -- */
.wrapAll{ min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.lanbg{background: #0879bf;}
.huibg{background: #e5e5e5;}
.tl{text-align: left;}
.tr{text-align: right;}
.swiper{position: relative;overflow: hidden;}
img{max-width:100%;}
.row{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-6{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
}
.col-4{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
}
.col-3{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 4);
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
}
.col-2{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 6);
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
}
.col-25{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 5);
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
}
.wrap{padding: 0 0.25rem;}
.bgBox{background: url() center no-repeat;background-size: cover;}
.c_center{padding: 0 0.5rem;}

.topDiv{height: 2.4rem;}
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	z-index: 99;
}
header .line1{height: 2.4rem;justify-content: space-between;background: #dd6b00;}
header .logo{height: 2.4rem;text-align: left;display: flex;}
header .logo img{max-width: 4.5rem;max-height: 1.8rem;}
header .slogan{
	font-size: 0.45rem;
	font-family: "PingFang";
	color: rgb(255, 255, 255);
	margin-left: 0.4rem;
	padding-left: 0.4rem;
	position: relative;
}
header .slogan::before{
	content: "";
	background: #fff;
	position: absolute;
	left: 0;
	top: calc(50% - 0.5rem);
	width: 2px;
	height: 1rem;
}
header .find .showB{height: 2.4rem;}
header .find .showB img{height: 1.1rem;}
header .find .hideB{
	position: fixed;
	left: 0;
	top: 2.4rem;
	width: 100%;
	background: #ffffff;
	padding: 6px;
	display: none;
	z-index: 2;
}
header .find form{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .find .shuru{
	width: calc(100% - 64px);
	height: 36px;
	padding: 0 8px;
	border: 1px solid #eeeeee;
	display: block;
	font-size: 16px;
}
header .find .tijiao{
	width: 64px;
	text-align: center;
	height: 36px;
	padding: 0 8px;
	display: block;
	background: #ea7100;
	border: 0;
	color: #ffffff;
	cursor: pointer;
}
header .mBtnk{
	width: 1.2rem;
	height: 1.2rem;
	background: url(../img/menu1.png) center no-repeat;
	margin-left: 1rem;
}
header.openEj .mBtnk{background-image: url(../img/menu-hide1.png);}

.banner{margin: 0 auto;text-align: center;}
.banner .swiper-pagination-bullet-active{background: #ffffff;}
.banner .swiper-button-next:after, 
.banner .swiper-button-prev:after{color: #ffffff;font-size: 1rem;}
.banner .swiper-slide img{width: 100%;display: block;margin: 0 auto;}
.indp{padding: 1.2rem 0;} 
.pubTit{
	text-align: center;
	margin-bottom: 0.6rem;
}
.pubTit .tit{
	font-size: 0.9rem;
	color: #000000;
	font-weight: bold;
}
.pubTit .desc{
	font-size: 0.6rem;
	color: rgba(0, 0, 0, 0.502);
	line-height: 1.25;
	margin-top: 0.1rem;
}
.indp1 .pubTit{
	padding-bottom: 0.7rem;
	background: url(../img/tits.png) center bottom no-repeat;
	background-size: 2.2rem 0.2rem;
}
.indp1 .clickB .eachB{
	width: calc(100% / 3);
	box-shadow: 0px 0px 40px 0px rgba(51, 51, 51, 0.2);
	background: url() center no-repeat #ffffff;
	background-size: cover;
	overflow: hidden;
	padding: 0.5rem 0.4rem;
	cursor: pointer;
}
.indp1 .clickB .eachB.on:nth-child(1){background-image: url(../img/ind1sbg1.jpg);}
.indp1 .clickB .eachB.on:nth-child(2){background-image: url(../img/ind1sbg1.jpg);}
.indp1 .clickB .eachB.on:nth-child(3){background-image: url(../img/ind1sbg1.jpg);}
.indp1 .clickB .iconB{float: left;margin-top: 0.2rem;}
.indp1 .clickB .iconB img{width: 0.6rem;}
.indp1 .clickB .iconB img:first-child{display: block;}
.indp1 .clickB .iconB img:last-child{display: none;}
.indp1 .clickB .eachB.on .iconB img:first-child{display: none;}
.indp1 .clickB .eachB.on .iconB img:last-child{display: block;}
.indp1 .clickB .tit{
	font-size: 0.6rem;
	color: #333333;
	float: left;
	margin-left: 0.4rem;
}
.indp1 .clickB .tit b{
	color: #ea7100;
	display: block;
}
.indp1 .clickB .num{
	font-size: 1.6rem;
	font-family: "PingFang";
	color: rgba(51, 51, 51, 0.102);
	right: 0.25rem;
	bottom: -0.4rem;
	line-height: 1;
	position: absolute;
}
.indp1 .clickB .eachB.on .tit,
.indp1 .clickB .eachB.on .tit b,
.indp1 .clickB .eachB.on .num{color: #ffffff;}
.indp1 .showB{
	width: 100%;
	box-shadow: 0px 0px 40px 0px rgba(51, 51, 51, 0.2);
}
.indp1 .showB .textB{
	padding: 0.9rem;
}
.indp1 .showB .tit{
	font-size: 0.6rem;
	color: rgb(51, 51, 51);
}
.indp1 .showB .desc{
	font-size: 0.4rem;
	color: rgb(51, 51, 51);
}
.indp1Ul2 li{margin-top: 0.25rem;}
.indp1Ul2 .kuang{
	border: 2px solid rgba(0,0,0,0);
	overflow: hidden;
}
.indp1Ul2 li:hover .kuang{
	border-color: #ea7100;
}
.indp1Ul2 .imgBox img{width: 100%;display: block;}
.indp1Ul2 .textBox{
	position: absolute;
	right: 1.2rem;
	top: 1.2rem;
	text-align: right;
}
.indp1Ul2 .tit{
	color: #333333;
	font-size: 0.75rem;
}
.indp1Ul2 .tit span{color: #ea7100;}
.indp1Ul2 .more{
	background: #ea7100;
	line-height: 1rem;
	padding: 0.2rem 0.6rem;
	text-align: left;
	font-size: 0.3rem;
	position: relative;
	color: #ffffff;
	margin-top: 0.45rem;
	width: max-content;
}
.indp1Ul2 .more img{margin-left: 0.7rem;height: 0.6rem;}
.indp1Ul2 .num{
	font-size: 2.5rem;
	font-family: "PingFang";
	color: rgb(0, 0, 0,0.1);
	right: 0.6rem;
	bottom: -0.8rem;
	line-height: 1;
	position: absolute;
	font-weight: 700;
	transition: all 0.3s;
}
.indp1Ul2 li:hover .num{color: rgb(234, 113, 0);}
.indp2{
	padding: 0;
}
.indp2 .pubTit{
	background: url(../img/ind2t.jpg) center center no-repeat;
	background-size: cover;
	padding: 1.2rem 0 5.65rem;
}
.indp2 .pubTit .tit,
.indp2 .pubTit .desc{color: #ffffff;}
.indp2 .pubTit .more{display: block;margin: 0.7rem auto 0;width: 1.55rem;}
.indp2 .nrBox{
	background: #ffffff;
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
	width: 100%;
}
.indp2 .datu{
	background: #424242;
}
.indp2 .datu .textBox{
	padding: 0.7rem;
}
.indp2 .datu .tit{
	font-size: 0.65rem;
	color: rgb(255, 255, 255);
	font-weight: bold;
	border-bottom: 1px solid #555555;
	padding: 0.2rem 0;
}
.indp2 .datu .desc{
	font-size: 0.35rem;
	color: rgb(255, 255, 255);
	line-height: 1.8;
	margin-top: 0.4rem;
}
.indp2 .datu .kuang{height: 100%;}
.indp2 .datu .kuang::after{
	content: "";
	position: absolute;
	right: 0.7rem;
	bottom: 0.7rem;
	display: block;
	width: 0.85rem;
	height: 0.85rem;
	background: url(../img/icon15.png) center no-repeat;
	background-size: cover;
}
.indp2Ul{margin: -0.2rem;margin-top: 0.4rem;}
.indp2Ul li{padding: 0.2rem;}
.indp2Ul .kuang{
	position: relative;
	display: block;
}
.indp2Ul .tit{
	font-size: 0.45rem;
	color: #ffffff;
	position: absolute;
	left: 0;
	bottom: 0.4rem;
	width: 100%;
	padding: 0 0.4rem;
}
.indp2Ul .tit b{
	font-size: 0.6rem;
	color: #ffffff;
	display: block;
}
.indp2Ul .tit::before{
	content: "";
	position: absolute;
	right: 0.4rem;
	bottom: 0;
	display: block;
	width: 0.85rem;
	height: 0.85rem;
	background: url(../img/icon15.png) center no-repeat;
	background-size: cover;
}
.indp3{padding-bottom: 0;}
.indp3 .tbB .eachB{
	text-align: center;
	margin: 0 0.6rem;
}
.indp3 .tbB .eachB img{height: 1.5rem;}
.indp3 .tbB .eachB p{
	font-size: 0.45rem;
	color: rgb(21, 3, 3);
}
.indp3 .nrBox1{margin-top: 0.8rem;background: #5d5d5d;padding: 1.2rem 0;}
.indp3 .nrBox1 .tit{
	font-size: 0.75rem;
	color: rgb(255, 255, 255);
	justify-content: flex-start;
}
.indp3 .nrBox1 .tit img{margin-right: 0.4rem;height: 1.1rem;}
.indp3 .nrBox1 .desc{
	font-size: 0.45rem;
	color: rgba(255, 255, 255, 0.8);
	line-height: 2;
	margin-top: 0.4rem;
	padding-left: 1.6rem;
}
.indp3 .nrBox1 .num{
	position: absolute;
	right: 0.6rem;
	top: 1.8rem;
	z-index: 1;
}
.indp3 .nrBox1 .num img{height: 5.75rem;}
.indp3 .nrBox1 .c_center{position: relative;z-index: 2;}
.indp3 .nrBox2{
	padding: 0.8rem 0;
	overflow: hidden;
}
.indp3 .nrBox2 .btit{
	font-size: 0.75rem;
	color: rgb(21, 3, 3);
	justify-content: flex-start;
}
.indp3 .nrBox2 .btit img{margin-right: 0.4rem;height: 1.2rem;}
.indp3Ul2{margin-top: 0.8rem;}
.indp3Ul2 .kuang{width: 50%;}
.indp3Ul2 li:nth-child(even) .kuang{width: 50%;margin-left: 50%;}
.indp3Ul2 .imgB img{width: 100%;display: block;}
.indp3Ul2 .tit{
	font-size: 0.55rem;
	color: #ffffff;
	padding: 0.45rem;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.indp3 .nrBox2 .num{
	position: absolute;
	right: 1rem;
	bottom: -1.8rem;
	z-index: -1;
}
.indp3 .nrBox2 .num img{height: 5.75rem;}
.indp3 .nrBox3{
	background-image: url(../img/ind3c.jpg);
	padding: 1.2rem 0;
}
.indp3 .nrBox3 .btit{
	font-size: 0.9rem;
	color: rgb(255, 255, 255);
	justify-content: flex-start;
}
.indp3 .nrBox3 .btit img{margin-right: 0.4rem;height: 1.1rem;}
.indp3 .nrBox3 .num{
	position: absolute;
	right: 1rem;
	bottom: -1.8rem;
	z-index: 1;
}
.indp3 .nrBox3 .num img{height: 5.75rem;}
.indp3Ul3>li{
	padding: 0.5rem 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	justify-content: flex-start;
}
.indp3Ul3>li:last-child{border-bottom: 0;}
.indp3Ul3 .font1{
	font-size: 0.6rem;
	color: rgb(255, 255, 255);
}
.indp3Ul3 .img1{margin: 0 0.6rem 0 0.4rem;}
.indp3Ul3 .img1 img{height: 0.6rem;}
.indp3Ul3 .img2 img{height: 5.7rem;}
.indp3Ul3 .iconB{margin-right: 0.5rem;}
.indp3Ul3 .iconB img{height: 1.8rem;}
.indp3Ul3s li{margin-top: 0.8rem;}
.indp3Ul3s li:first-child{margin-top: 0;}
.indp3Ul3s li .tit{font-size: 0.45rem;color: #ffffff;}
.indp3Ul3s li .tit b{margin-left: 0.2rem;display: inline-block;}
.indp4Ul{margin: -0.35rem;}
.indp4Ul li{padding: 0.35rem;}
.indp4Ul li .imgB2 img{width: 100%;display: block;}
.indp4Ul li .tit{
	padding: 0.5rem 0;
	font-size: 0.6rem;
	color: rgb(92, 92, 92);
	border-bottom: 2px solid #333333;
}
.indp4Ul .datu .imgB1 img{width: 100%;display: block;}
.indp4Ul .datu .textBox{
	display: block;
	position: absolute;
	left: 0.4rem;
	bottom: 0.4rem;
	width: calc(100% - 0.8rem);
	background: #ffffff;
	padding: 0.6rem 0.8rem 0.4rem;
}
.indp4Ul .datu .tit{
	font-size: 0.6rem;
	color: rgb(51, 51, 51);
	padding: 0;
	border-bottom: unset;
}
.indp4Ul .datu .desc{
	font-size: 0.45rem;
	color: rgba(51, 51, 51, 0.6);
	line-height: 1.8;
	margin-top: 0.1rem;
}
.indp5Ul{margin: 0;}
.indp5Ul li{
	padding: 0;
	height: 50%;
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(0,0,0,0.1);
	overflow: hidden;
	transition: all 0.3s;
	height: 2.8rem;
}
.indp5Ul li img{width: 74%;display: block;}
.indp6{padding: 0;}
.indp6 .imgB img{display: block;width: 100%;}
.indp6 .textB{
	padding: 1rem 0.5rem 2.2rem;
	background: url(../img/ind6bg.jpg) center no-repeat;
	background-size: cover;
}
.indp6 .textB .tit{
	font-size: 0.6rem;
	color: rgb(234, 113, 0);
}
.indp6 .textB .desc{
	font-size: 0.45rem;
	color: rgba(0, 0, 0, 0.702);
	margin-top: 0.7rem;
	line-height: 2;
}
.indp6 .more{
	border: 1px solid #d3d5d8;
	line-height: 1rem;
	padding: 0.2rem 0.6rem;
	text-align: left;
	font-size: 0.3rem;
	position: relative;
	color: #3f4347;
	margin-top: 1.2rem;
	width: max-content;
}
.indp6 .more img{margin-left: 0.7rem;height: 0.6rem;}
.indp6 .clickB{
	padding: 0 5.2%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -1.3rem;
	position: relative;
	z-index: 2;
	width: 100%;
}
.indp6 .clickB .eachB{
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
	width: 2.6rem;
	height: 2.6rem;
	padding: 0.2rem;
	margin: 0 0.8rem;
	cursor: pointer;
}
.indp6 .clickB .eachB span{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #e5e5e5;
	border-radius: 50%;
}
.indp6 .clickB .eachB.on span{color: #ffffff;background: #ea7100;}

.indp7 .pubTit{
	padding-bottom: 0.7rem;
	background: url(../img/tits2.png) center bottom no-repeat;
	background-size: 2.2rem 0.2rem;
}
.indp7 .clickB{
	color: #5c5c5c;
	font-size: 0.75rem;
	margin-bottom: 0.5rem;
	border-bottom: 0.075rem solid #cccccc;
}
.indp7 .clickB .eachB{cursor: pointer;padding: 0.6rem 0;position: relative;width: calc(100% / 3);text-align: center;}
.indp7 .clickB .eachB.on{color: #000000;}
.indp7 .clickB .eachB.on::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.075rem;
	width: 100%;
	height: 0.075rem;
	background: #000000;
}
.indp7 .datu .kuang{display: block;}
.indp7 .datu .imgB{display: block;width: 100%;}
.indp7 .datu .imgB img{width: 100%;}
.indp7 .datu .tit{
	background: rgba(0,0,0,0.6);
	position: absolute;
	left: 0;
	top: 0;
	padding: 0.2rem 0.5rem;
	font-size: 0.6rem;
	color: #ffffff;
}
.indp7Ul li{padding: 0.5rem 0;}
.indp7Ul .imgB{width: 3.4rem;margin-right: 0.6rem;}
.indp7Ul .imgB img{width: 100%;display: block;}
.indp7Ul .textB{width: calc(100% - 4rem);padding-right: 0.5rem;background: url(../img/more.png) right center no-repeat;background-size: 0.2rem 0.35rem;}
.indp7Ul .textB .tit{
	font-size: 0.75rem;
	color: rgb(0, 0, 0);
	line-height: 1.2;
}
.indp7Ul .textB .time{
	font-size: 0.55rem;
	color: rgba(104, 104, 104, 0.6);
	margin-top: 0.2rem;
}
footer{
	background: #e5e5e5;
	font-size: 0.6rem;
	color: #ffffff;
	margin-bottom: 3rem;
}
footer .line1{padding: 0.7rem 0;font-size: 0.75rem;color: #000000;border-bottom: 1px solid #b7b7b7;}
footer .line1 img{margin-left: 0.6rem;width: 1rem;}
footer .line2 .fTit{
}
footer .line2 .fTit span{
	display: block;
	padding: 0.6rem 0.5rem;
	background: url(../img/fia1.png) calc(100% - 0.5rem) center no-repeat;
	background-size: 0.6rem;
	font-size: 0.6rem;
	color: rgba(0,0,0,0.5);
	border-bottom: 1px solid #b7b7b7;
}
footer .line2 li.on .fTit span{background-image: url(../img/fia2.png);border-bottom: 0;}
footer .line2 .fNr{
	padding: 0.5rem 1.4rem;
	background: #ffffff;
	display: none;
}
footer .line2 .fNr a{padding: 0.5rem 0;font-size: 0.6rem;color: rgba(0,0,0,0.5);display: block;}
footer .line3{padding: 1rem 0;text-align: center;font-size: 0.7rem;color: rgba(0,0,0,0.6);}
footer .shareBox{margin-top: 1rem;}
footer .shareBox a::after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 1rem;
	background: rgba(0,0,0,0.22);
	margin: 0 1rem;
}
footer .shareBox img{height: 1rem;}
footer .shareBox a:last-child::after{display: none;}
footer .line4{
	background: #1b1b1b;
	padding: 2rem 0;
	color: rgba(255,255,255,0.3);
	text-align: center;
}
footer .line4 a{color: rgba(255,255,255,0.3);}
footer .line4 a:hover{color: rgb(255,255,255);}
.footXf{
	background: #e5e5e5;
	font-size: 0.6rem;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
}
.footXf a{
	width: 25%;
	height: 3rem;
	text-align: center;
	color: #000000;
	opacity: 0.3;
}
.footXf a.on{opacity: 1;}
.footXf a img{height: 1.2rem;margin: 0 0 0.1rem;}
.footXf span{display: block;}




/* 10.9以下为新加 */
body.noscroll{height: 100vh;overflow: hidden;}
header{z-index: 100;}
header .menu{position: fixed;left: unset;right: 0;top: 0;width: 76%;background: #e0e0e0;color: #ffffff;z-index: 99;padding: 0 1rem;right: -76%;transition: all 0.3s;}
header.openNav .menu{right: 0;}
header .menu .closeBtn{height: 2.4rem;text-align: right;display: flex;justify-content: flex-end;align-items: center;}
header .menu .closeBtn img{width: 1.4rem;}
header .menu .nav{border-bottom: 0.075rem solid #000000;padding-bottom: 1.4rem;}
header .menu li{border-bottom: none;text-align: left;margin-top: 0.2rem;}
header .menu a{display: inline-block;color: #000000;font-size: 0.6rem;padding: 0.4rem 0;}
header .menu li.on a{border-bottom: 1px solid #000000;}
header .menu .telBox{margin-top: 2.2rem;}
header .menu .telBox p{justify-content: flex-start;}
header .menu .telBox p img{height: 0.95rem;margin-right: 0.4rem;}
header .menu .telBox p span{font-size: 0.75rem;color: rgba(51, 51, 51, 0.8);}
header .menu .telBox b{font-size: 1.5rem;color: rgb(51, 51, 51);line-height: 1.2;margin-top: 0.6rem;display: block;}
header .menu .telBox a{margin-top: 0.6rem;display: block;background: #ea7100;width: 100%;font-size: 0.9rem;color: rgb(255, 255, 255);text-align: center;padding: 0.8rem;}
.sj_bj{width:100vw; height:100vh; background-color:rgba(0,0,0,.5); position:fixed; top:0; left:0; content:""; z-index:98; display:none;}
header.openNav .sj_bj{display: block;}