html,
body {
position: relative;
height: 100%;
}
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);
}
 .swiper {
  width: 90%;
  height: auto;position:initial;
}
.swiper img{width:100%;height:auto;}
.logo {position:fixed;top:40px;left:40px;}
.logo img{width:29px;height:auto;}
.header{width:180px;margin:0 auto;color:rgba(28, 31, 35, 0.6);font-size:16px;margin-top:168px;}
.header a,.header a:hover{color:rgba(28, 31, 35, 0.6);text-decoration: none;}
.header .nav{float:left;margin-left:18px;cursor:pointer;margin-bottom:30px;}
.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%;}
.barcode{width:126px;margin:0 auto;margin-top:68px;}
.barcode img{width:126px;height:auto;}
#menu {position:fixed;top:40px;right:40px;}
#footer{color:rgba(28, 31, 35, 0.4);font-size:14px;width:100%;text-align: center;padding-bottom:32px;margin-top:68px;}
#footer a,#footer a:hover{color:rgba(28, 31, 35, 0.4);text-decoration: none;}
#about{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	background: #ffffff;
	display:none;
	z-index:999;
}
#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:45%;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);}