html,body {}
body {
font-family: 'PingFang SC', 'Microsoft YaHei', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
background: rgba(246, 247, 248, 1);
width:100vm;
height:100vh;
}
.logo {position: fixed;left: 40px;top: 40px;}
.logo img{width:36px;height:auto;cursor:pointer;}
.barcode{position: fixed;    right: 40px; bottom: 40px;}
.barcode img{width:126px;height:auto;}
.header{height:159px;width:180px;margin:0 auto;color:rgba(28, 31, 35, 0.6);font-size:16px;}
.header a,.header a:hover{color:rgba(28, 31, 35, 0.6);text-decoration: none;}
.header .nav{float:left;margin-left:18px;margin-top:91px;cursor:pointer;}
.header .active{color:rgba(28, 31, 35, 1);}
.header .wrap{margin-top:4px;}
.header .line, .header .wrap{height:4px;background:rgba(246, 247, 248, 1);}
.header .active .line{background: #398175;width:1%;}
.header .active .wrap{background: rgba(57, 129, 117, 0.3);width:98%;}
#footer{color:rgba(28, 31, 35, 0.4);font-size:14px;width:100%;text-align: left;padding-left:40px;position:fixed;line-height:22px;bottom:38px;}
#footer a,#footer a:hover{color:rgba(28, 31, 35, 0.4);text-decoration: none;}

#about{
	width:414px;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	background: #ffffff;
	display:none;
	z-index:1000;
}
#about img{position:absolute;top:40px;right:40px;cursor:pointer;}
#about div{width:324px;margin:0 auto;line-height:26px;font-size:16px;color: rgba(28, 31, 35, 1);}
#about .title{margin-top:35%;font-weight:bold;}
#about .content{margin-top:20px;color: rgba(28, 31, 35, 0.6);}
#about .bottom1{margin-top:50px;font-weight:bold;}
#about .bottom2{margin-top:10px;color: rgba(28, 31, 35, 0.6);}
#menu {position:absolute;top:40px;right:40px;cursor:pointer;}
#mask {position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:none;background: rgba(28, 31, 35, 0.16);}

.swiper {width: 45%;height: auto;position: initial;margin:0 auto;}
.swiper img{width: 100%;height:100%;}
.swiper-page{width:100px;margin:0 auto;position: relative;margin-top:32px;}
.swiper-button-next, .swiper-button-prev{}
.swiper-button-next:after, .swiper-button-prev:after{font-size:0;}
.swiper-button-next,.swiper-button-prev, .swiper-button-prev:hover, .swiper-button-next:hover {	
	width: 45px;
	height: 45px;
}
.swiper-page .swiper-button-prev {
	background: url(../img/icon_l1.svg) no-repeat;
}

.swiper-page .swiper-button-prev:hover {
	background: url(../img/icon_l2.svg) no-repeat;
}

.swiper-page .swiper-button-next {
	background: url(../img/icon_r1.svg) no-repeat;
}

.swiper-page .swiper-button-next:hover {
	background: url(../img/icon_r1.svg) no-repeat;
}