@font-face {
	font-family: 'PingFang SC';
	src: url('../fonts/PingFang-SC-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'PingFang-SC-Bold';
	src: url('../fonts/PingFang-SC-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

html,body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	color: #383842;
    background: #F6F6F6;
	font-weight: 400;
	font-family: "PingFang SC",sans-serif;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	line-height: 100%;
	/* font-family: "PingFang-SC-Regular",sans-serif; */
}
a{color: white;text-decoration: none;}

ul, li, ol {
	list-style: none;
}

img {
	width: 100%;
	display: block;
}
input,
textarea,
button {
	outline: none;
}
button{
	cursor: pointer;
    border: 0;
    color: white;
}


#container{width: 100%;margin: 0 auto;height: 100%}
#content{max-width: 1920px;min-width: 750px;margin: 0 auto;min-height: calc(100% - 12.5rem -  65.7rem)}
.u-title{font-size: 5.5rem;font-weight: bold;}
.u-sec-title{font-size: 3rem;opacity: .8}
.u-cont{color: #191919;opacity: 0.8;}
#content{margin-top: 12.5rem;}
#content>div{width: 100%;}
#header{background-color: #003683;color: white;width: 100%;height: 12.5rem;position: fixed;top: 0;left: 50%;transform: translate(-50%,0);z-index: 9;max-width: 1920px;margin: 0 auto;}
#header>div {height: 100%;}
.head-l{width: 23.1rem;margin-left: 6.5rem;}
.head-l>a{width: 100%;}
.head-m>div{height: 100%;font-size: 2rem;font-weight: 400;letter-spacing: 1px;}
.head-m>div>a{padding: 0 3.55rem;line-height: 12.5rem;}
.head-r{margin-right: 5rem;}
.head-r-media>a {line-height: 7rem;width: 5rem;padding-top: 1rem;}
.head-r-media img{width: 3rem;}
.head-r-lang {width: 14.6rem;height: 2.7rem; background: #F1F1F1;font-size: 2.1rem;font-weight: 300;color: #282828;margin-left: 2.8rem;}
.head-r-lang>img{width: 3.2rem;height: 2.1rem;margin-right: 2rem;}
.head-r-awx{cursor: pointer;position: relative;}
.head-r-awx:hover .head-r-gzh{display: block;}
.head-r-gzh{position: absolute;top:11rem;left: -10rem;width: 30rem !important;display: none;z-index: 9;}
#footer{width: 100%;height: 65.7rem;color: white;font-size: 1.5rem;margin: 0 auto;max-width: 1920px;min-width: 750px;background-image: url('../imgs/page/foot-bg.png');background-size: 100% 100%;position: relative;padding: 2rem 0 9.5rem ;
}
#footer>div{position: absolute;bottom: 9.5rem;}
.foot-l {left: 35.5rem;max-width: 58%;}
.foot-l p{padding: .5rem 0;}
.foot-l-media {margin-bottom: 9rem;}
.foot-l-media img{width: 4.8rem;margin-right: 3.8rem;}
.foot-l-awx{cursor: pointer;position: relative;}
.foot-l-awx:hover .foot-l-gzh{display: block;}
.foot-l-gzh{position: absolute;top:-40rem;left: 2rem;width: 30rem !important;display: none;z-index: 9;}
.foot-r {width: 9.2rem;right: 35.5rem;}
.foot-bq{font-size: 1.6rem;font-weight: 300;margin-top: 2rem;}





.flex-row{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; flex-direction: row;}
.flex-column-center{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; justify-content: center; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;flex-direction: column; -webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column; align-items: center;    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}
.flex-column-Ycenter{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; justify-content: center; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;flex-direction: column; -webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;}
.flex-row-center{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; flex-direction: row;justify-content: center; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;align-items: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}
.flex-row-Ycenter{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; flex-direction: row;justify-content: center; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;}
.flex-row-between{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; flex-direction: row;justify-content: space-between;}
.flex-row-wrap{display: flex;display: -webkit-box; display: -moz-box;display: -webkit-flex; display: -moz-flex;display: -ms-flexbox; flex-direction: row;flex-wrap: wrap;}




@media only screen and (max-width:850px) {
	.head-r{display: none;}
	.c-gzh>p{display: none}
}

@media only screen and (max-width:530px) {
	.head-l{display: none}
}