/*字体*/

@font-face {
	font-family: "WMFont";
	font-weight: normal;
	/*字体粗细*/
	font-style: normal;
	/*字体倾斜*/
	src: url(../fonts/PingFang.ttf) format('truetype');
}

@font-face {
	font-family: "WMFontQxi";
	font-weight: normal;
	/*字体粗细*/
	font-style: normal;
	/*字体倾斜*/
	src: url(../fonts/PingFangqx.ttf) format('truetype');
}

html body {
	background: white;
	font-family: "WMFont";
	font-size: 100px;
}

.clearfix:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.clearfix {
	zoom: 1;
}

.contioner {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.header {
	width: 100%;
	height: 0.75rem;
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.shadowStyle {
	-webkit-box-shadow: 0.01rem 0.01rem 0.16rem #c5c5c5;
	-ms-box-shadow: 0.01rem 0.01rem 0.16rem #c5c5c5;
	-moz-box-shadow: 0.1rem 0.1rem 0.16rem #c5c5c5;
	box-shadow: 0.1rem 0.1rem 0.16rem #c5c5c5;
}

.headerChild {
	width: 12rem;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 0.75rem;
    -webkit-align-items: center;
    justify-content: space-between;
}

.logo {
	/*position: relative;*/
	height: 0.75rem;
	/*margin-left: 0.2rem;
	float: left;*/
	border: none;
	display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.logo a img {
	/*position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;*/
	display: block;
	width:2.24rem;
	height: 0.48rem;
	border: none;
	
}

.nav {
	height: 100%;
	/*float: right;*/
}
.nav ul{
	display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 0.75rem;
    -webkit-align-items: center;
}
.nav ul .active a {
	color: #ea5757;
}

.nav ul li {
	/*float: left;*/
	line-height: 0.75rem;
	margin-right: 0.38rem;
}

.nav ul li:nth-last-child(1) {
	margin-right: 0;
}

.nav ul li a {
	font-size: 0.18rem;
	color: #000000;
	font-family: 'WMFont';
	display: block;
    line-height: 0.75rem;
}

.nav ul li a:hover {
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	-o-transition: 0.3s all;
	color: #ea5757;
}

.tounderstand {
	margin-top: 0.28rem;
}

.tounderstand a {
	font-size: 0.18rem;
	color: #FFFFFF;
	vertical-align: middle;
}

.tounderstand img {
	vertical-align: middle;
}

.suspension {
	position: fixed;
	right: 0;
	bottom: 0.5rem;
	background: #FFFFFF;
	z-index: 9999;
}

.suspension ul {
	border: 0.01rem solid #a0a0a0;
}

.suspension ul li {
	width: 0.80rem;
	height: 0.80rem;
	cursor: pointer;
	border-bottom: 0.01rem solid #A0A0A0;
	position: relative;
}

.suspension ul li .weiboerweima,
.suspension ul li .weixinerweima {
	width: 1.26rem;
	height: 1.26rem;
	position: absolute;
	left: -1.28rem;
	top: 0rem;
	transform:  scale(0);
	-webkit-transform:  scale(0);
	-moz-transform:  scale(0);
	-ms-transform:  scale(0);
	-o-transform:  scale(0);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transform-origin: 160rem 20rem;
	-moz-transform-origin: 160rem 20rem;
	-ms-transform-origin: 160rem 20rem;
	-webkit-transform-origin: 160rem 20rem;
}

.suspension ul #Wmweixin:hover .weixinerweima,
.suspension ul #Wmweibo:hover .weiboerweima {
	transform:  scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform:  scale(1);
	-o-transform: scale(1);
}

.suspension ul #upward {
	background: url(../img/float_upward.png) no-repeat;
	background-size: 100% 100%;
}

.suspension ul #upward:hover {
	background: url(../img/float_upwardhover.png) no-repeat;
	background-size: 100% 100%;
	transition: 0.8s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.suspension ul #Wmweixin {
	background: url(../img/float_weixin.png) no-repeat;
	background-size: 100% 100%;
}

.suspension ul #Wmweixin:hover {
	background: url(../img/float_weixinhover.png) no-repeat;
	background-size: 100% 100%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.suspension ul #Wmweibo {
	background: url(../img/float_weibo.png) no-repeat;
	background-size: 100% 100%;
}

.suspension ul #Wmweibo:hover {
	background: url(../img/float_weibohover.png) no-repeat;
	background-size: 100% 100%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.suspension ul li:nth-last-child(1) {
	border-bottom: none;
}

.footer {
	width: 100%;
	overflow: hidden;
	height: auto;
	margin: auto;
}

.partners {
	width: 100%;
	background: #f7f7f7;
}

.partnersChild {
	width: 12rem;
	height: 4rem;
	margin: auto;
	clear: both;
	padding-top: 0.90rem;
	box-sizing: border-box;
}

.partnersChild .partnersTitle {
	font-size: 0.60rem;
	color: #000000;
	text-align: center;
	margin-bottom: 0.62rem;
	font-family: "WMFontQxi";
}

.partnersChild .partnersImg {
	width: 100%;
}

.partnersChild .partnersImg {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.partnersChild .partnersImg li {
	float: left;
}

.partnersChild .partnersImg li img {
	height: 0.99rem;
	display: block;
}

.footerbootom {
	width: 100%;
	height: 4.72rem;
	background: url(../img/bottom_bg.png)no-repeat;
	background-size: 100% 100%;
}

.footerbootomChild {
	width: 8.98rem;
	margin: auto;
}

.footerbootomChild .bootom-left {
	width: 4.20rem;
	float: left;
	padding-top: 0.72rem;
	box-sizing: border-box;
	margin-right: 1.20rem;
}
.footerbootomChild .bootom-left img{
	display: block;
	width: 4.2rem;
	height: 2.42rem;
}
.footerbootomChild .bootom-right {
	padding-top: 0.72rem;
	box-sizing: border-box;
}

.bootom-right ul li {
	font-size: 0.18rem;
	color: white;
}

.bootom-right>div {
	position: relative;
	display: flex;
}

.bootom-right>div .weibo {
	margin-right: 0.20rem;
}

.bootom-right>div a {
	cursor: pointer;
}
.bootom-right img{
	display: block;
}
.bootom-right>div #weixinBot,
.bootom-right>div #weiboBot {
	position: absolute;
	transform: rotate(-180deg) scale(0);
	-moz-transform: rotate(-180deg) scale(0);
	-ms-transform: rotate(-180deg) scale(0);
	-webkit-transform: rotate(-180deg) scale(0);
}

.bootom-right>div #weiboBot {
	left: -0.40rem;
	top: -1.30rem;
}

.bootom-right>div #weixinBot {
	left: 0.50rem;
	top: -1.30rem;
}

.forno {
	font-size: 0.16rem;
	color: white;
	text-align: center;
	margin-top: 0.24rem;
}