body{
	background-color: #fafbef;
	position: relative;
}
.mobile{
	background-color: #fafbef;
	background-image: url(../img/bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.mobile2{
	background-color: #fafbef;
	overflow-x: hidden;
	position: relative;
}
.head{
	/*background-image: url(../img/tbg.jpg);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.head2{
	/*background-image: url(../img/pagebg.jpg);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.head2 .logo2{
	display: block;
	width: 60%;
	padding: 50px 0;
	margin-left: auto;
	margin-right: auto;
}
.head2 .logo2 img{
	display: block;
	width: 100%;
}
.logo{
	display: block;
	width: 60%;
	padding: 20px;
}
.logo img{
	display: block;
	width: 100%;
}
.bar{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	height: 40px;
	background-color: #e7eff8;
}

.index-nav .t{
	background-image: url(../img/index-nav-t.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 20px 20px 20px 20px;
	font-style: italic;
}
.index-nav .zs{
    background-color: #e7eff8;
    padding: 20px;
    margin-top: 15px;
}
.index-nav .zs .item{
    display: flex;
}
.index-nav .zs a{
    margin-right: 10px;
    color: #333;
    text-decoration: none;
}
.index-nav .zs a:last-child{
    margin-right: 0;
}
.index-nav .zs p{
    margin: 0;
}
.index-nav .box{
	padding: 20px;
}
.index-nav .navlist{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #ccc;
}
.index-nav .navlist .item{
	flex: 0 0 25%;
	padding: 10px;
	border: 1px solid #ccc;
	display: block;
	color: #333;
}
.index-nav .navlist .item .icon{
    height: 63px;
}
.index-nav .navlist .item .name{
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.pagebox{
	min-height: calc(100vh - 244px);
}
.open .rightNav{
	right: 0;
}
.rightNav{
	position: absolute;
	z-index: 9;
	top: 0;
	right: -160px;
	bottom: 0;
	width: 160px;
	transition: right 0.3s;
	background-color: #fafbef;
}
.rightNav ul{
	margin: 0;
	padding: 20px 0 0 0;
}
.rightNav ul li{
	list-style: none;
}
.rightNav ul li a{
	display: flex;
	align-items: center;
	padding: 10px;
	text-decoration: none;
}
.rightNav ul li a img{
	height: 20px;
	width: 20px;
}
.rightNav ul li a span{
	font-size: 14px;
	color: #333;
	margin-left: 10px;
}
.mask{
	position: absolute;
	z-index: 8;
	background-color: rgba(0,0,0,0.1);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}
.open .mask{
	display: block;
}
.snav{
    display: flex;
    flex-wrap: wrap;
}
.snav a{
    flex:0 0 50%;
    color: #333;
    background: #e7eff8;
    border: 1px solid #fafbef;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    font-size: 14px;
}
.content{
    padding: 20px;
}
.content table{
    width: 100%;
}
.content table td{
    border:1px solid #ddd;
}
.content p{
    text-indent: 2em;
}
.content > img{
    max-width: 100%;
}
.content p iframe{
    margin-left:-2em;
    width: 100%;
}
.content p img{
    margin-left:-2em;
    max-width: 100%;
}
.content p video{
    width: 100%;
    margin-left:-2em;
}
.foot2{
	position: relative;
	background-color: #e7eef8;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.foot2 p{
	margin: 0;
	line-height: 2;
}
.foot2 .footimg{
	position: absolute;
	left: 20px;
	bottom: 0;
}
.foot{
	display: flex;
	align-items: center;
	justify-content:flex-end;
	padding: 20px;
}
.foot .img{
    text-align: center;
    margin-left: 15px;
    font-size: 12px;
}
@media (min-width: 800px){
	.mobile{
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
}