html {
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  font-family: Arial,Helvetica,'microsoft yahei',sans-serif;
}
*{
	margin: 0;
	padding: 0;
}
.container{
	overflow: hidden;
}
.cont_head{
	width: 94%;
	height: 25.5vw;
	padding: 2% 3% 0 3%;
	background-color:#2d2d2d;
	text-align: center;
	color:#d7d7d7;
	text-transform: uppercase;
}
.head_cont{
	background-color:#2d2d2d;
	border:solid 1vw #fff;
	border-bottom: none;
	overflow: hidden;
}
.number{
	height: 5vw;
	line-height: 5vw;
	text-align: right;
	padding-right: 2vw;
	font-size: 2vw;	
}
.head_title{
	height: 7.8vw;
	overflow: hidden;
	font-size: 2vw;/*12px*/
	color:#fff;
}
.head_title hr{
	background-color: #fff;
	width: 6vw;
	height:0.9vw;
	margin:0 auto;
	margin-top: 2vw;
	border:none;
}
.head_cont h3{
	height: 5.4vw;
	font-weight: normal;
	font-size: 4vw;
	letter-spacing: 2vw;
	margin:0px;
}
.head_cont p{
	font-size: 2vw;/*14px*/
	letter-spacing: 1vw;/*10px*/
	margin-bottom: 4.3vw;
}
.cont_body{
	height: 45.6vw;
	background-color: #f2f2f2;
	padding: 0 3% 2%  3%;
	text-align: center;
	color:#65666a;
}
.body_cont{
	border:solid 1vw #fff;
	border-top: none;
	overflow: hidden;
}
.body_head{
	height: 24vw;
}
.onep{
	padding-top: 3.6vw;
}
.body_head p{
	font-size: 1.6vw;
}
.body_head h2{
	font-size: 4.6vw;
	letter-spacing: 2vw;
	height: 10vw;
	line-height: 10vw;
	text-transform: uppercase;
}
.body_foot{
	height: 16vw;
	padding-top: 3vw;
	padding-bottom: 2vw;
	display: flex;
}

.body_foot .mid{
	width:13vw;
	height: 13vw;
}
.body_foot .mid img{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.body_foot .left,.body_foot .right{
	height: 13vw;
	flex:1;
	text-align: center;
	display: inline-block;		
}
.body_foot .left p,.body_foot .right p{
	margin-top: 5vw;
	font-size: 	2vw;
	margin-bottom: 0px;	
}
.body_foot span{
	display: block;
	font-size: 	1.4vw;	
}
@media only screen and (min-width: 481px){
    html {
        font-size: 94%!important; 15.04÷16=94%
    }
}
@media only screen and (min-width: 561px){
    html {
        font-size: 109%!important; 17.44÷16=109%
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 125%!important; 20÷16=125%
    }
}

html,body{
	width: 100%;
	height: 100%;
	display: table;
}
#content-wrap{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/*横屏*/
@media screen and (orientation:landscape) {
	.container{
		margin:0 auto;
	}
	.cont_head{
		width: auto;
		height: 34.6vh;
		padding: 2.4vh 3.3vh 0 3.3vh;
	}
	.head_cont{
		border:solid 1vh #fff;
		border-bottom: none;
	}
	.number{
		height: 6.5vh;
		line-height: 6.5vh;
		padding-right: 2vh;
		font-size: 2vh;	
	}
	.head_title{
		height: 7.2vh;
		font-size: 2vh;/*12px*/
	}
	.head_title hr{
		width: 7.7vh;
		height:1vh;
		margin-top: 2.8vh;
	}
	.head_cont h3{
		height: 10.6vh;
		line-height: 10.6vh;
		font-size: 4.8vh;
		letter-spacing: 3.3vh;
	}
	.head_cont p{
		font-size: 3.3vh;/*14px*/
		letter-spacing: 1.4vh;/*10px*/
		margin-bottom: 5.7vh;
	}
	.cont_body{
		height: 60.6vh;
		padding: 0 3.3vh 2.4vh 3.3vh;
	}
	.body_cont{
		border:solid 1vh #fff;
		border-top: none;
	}
	.body_head{
		height: 32vh;
	}	
	.onep{
		padding-top: 6.2vh;
	}
	.body_head p{
		font-size: 2.4vh;
	}
	.body_head h2{
		height: 16.4vh;
		line-height: 16.4vh;
		font-size: 6.3vh;
		letter-spacing: 3vh;
		margin:0px;
	}
	.body_foot{
		height: 28vh;
		padding: 0;
		overflow: hidden;
	}

	.body_foot .mid{
		width:16.4vh;
		height: 16.4vh;
		margin-top: 5.3vh;
		margin-bottom: 4.8vh;
	}
	.body_foot .left,.body_foot .right {
		text-align: center;
		height: 16.4vh;
	}
	.body_foot .left p,.body_foot .right p{
		margin-top: 9vh;
		font-size: 	3.3vh;
	}
	.body_foot span{
		font-size: 	2.8vh;	
	}
}
/*竖屏*/
 @media screen and (orientation:portrait) {

}
/*横屏*/
/*@media screen and (orientation:portrait) {
    body {
      transform-origin: 0 0;
      transform: rotateZ(90deg) translateY(-100%);
    }
}*/