*{margin: 0;padding: 0;}
html{
	background:#FFFFFF;
}
.flex{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}
img {
	width:100%;
}
h3{
	font-size:.5rem;
	text-align:center;
	font-weight:700;
	margin:.4rem auto;
	margin-top:.6rem;
}
h3 span{
	color:red;
	font-size:.5rem;
}
.box-1{
	width: 94%;
	margin:.2rem auto;
}

.box-1 a {
    width: 23%;
}
.box-1 a:nth-child(2) {
    width: 51%;
    padding: 0 1.5%;
    background: #fff;
}
.box-2{
	border: 1px solid #d2d2d2;
    padding: 6% 1% 3%;
    margin: -6% 3% 3%;
}

.box-2 .flex .flex-item{
	background-color:#eeeeee;
	text-align:center;
	width:49%;
}
.box-2 .flex .flex-item:nth-child(2){
	background-color:#b5e8eb;
}
.box-2 .flex .flex-item h5{
	font-size:.5rem;
	font-weight:700;
	background-color:#9f9f9f;
	display:inline-block;
	padding:.2rem .4rem;
	border-radius:.8rem;
	color:#FFFFFF;
	margin:.4rem auto;
}
.box-2 .flex .flex-item:nth-child(2) h5{
	background-color:#ff8800;
}
.box-2 .flex .flex-item  p{
	background-color:#FFFFFF;
	margin:.3rem auto;
	width:90%;
	height:1.5rem;
	font-size:.3rem;
	padding-top:.3rem;
}
.box-2 .flex .flex-item .first-p{
	line-height:1.1rem;
}
.box-3 h3{
	font-size:.5rem;
}
.box-3 p{
	margin:.1rem auto;
	width:96%;
	font-size:.26rem;
}
.box-4 h3{
	font-size:.5rem;
}
.box-4 .flex-item{
	width:46%;
	margin:.2rem auto;
	background-color:#f2f2f2;
	padding-bottom:.4rem;
}
.box-4 .flex-item img{
	width:60%;
	margin:.4rem auto;
	display:block;
}
.box-4 .flex-item h5{
	font-size:.45rem;
	text-align:center;
	font-weight:700;
}
.box-4 .flex-item p{
	margin:.2rem auto;
	width:90%;
	text-align:center;
}
.box-4 .flex-item p span{
	color:red;
}
.box-5{
	margin:.4rem auto;
}
.box-6{
	width:96%;
	margin:.2rem 2%;
}
.box-6 .top{
	background:#efefef;
	padding:.1rem 0;
	border-radius:.1rem;
}
.box-6 .top h3{
	font-size: .3rem;
    text-align: left;
    font-weight: 700;
    margin:0;
}
.box-6 .top h5{
	font-size: .26rem;
	color:#7a7c79;
}
.box-6 .flex-item{
	width:48%;
	margin:.2rem auto;
	padding-bottom:.4rem;
	border:1px solid #d2d2d2;
	border-radius:.1rem;
}
.box-6 .flex-item h5{
	font-size:.36rem;
	font-weight:700;
	text-align:center;
	margin:.2rem auto;
}
.box-6 .flex-item p{
	margin:.1rem auto;
	width:96%;
	font-size:.3rem;
}
.box-6 .flex-item .zx{
	margin: .2rem 0;
	text-align: center;
	letter-spacing: -999px;
}
.box-6 .flex-item .zx a{
	letter-spacing: 0;
    padding: .1rem .15rem;
    text-decoration: none;
    font-size: .35rem;
    border: 1px solid #ff8800;
}
.box-6 .flex-item .zx a:first-child{
	background-color: #FFF;
    color: #ff8800;
    border-top-left-radius: .1rem;
    border-bottom-left-radius: .1rem;
}
.box-6 .flex-item .zx a:last-child{
	background-color: #ff8800;
    color: #FFF;
    border-top-right-radius: .1rem;
    border-bottom-right-radius: .1rem;
}
.box-6 .djzx{
	text-align: center;
    margin: .3rem 0;
}
.box-6 .djzx a{
	background-color: #ff8800;
    color: #FFF;
    padding: .2rem 1rem;
    border-radius: .4rem;
    font-size: .4rem;
}
.box-7{
	margin:.4rem auto;
}
.box-8 h5{
	text-align:center;
	color:#696768;
	font-size:.3rem;
}
.box-8 img{
	margin:.1rem auto;
}