*{
	padding: 0;
	margin: 0;
}
html,body{
	background-color: #ffffff;
}
html{
	font-size: 625%;
}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 703%; }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html { font-size: 732.4%; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 750%; }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 781.25%; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 808.6%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size: 843.75%; }
}
ul,li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #333333;
}
header{
	width: 100%;
	height: 60px;
	float: left;
	border-bottom: 3px solid #ECEDED;
}
header .toplogo{
	width: 150px;
	height: 60px;
	float: left;
	margin-left: 5%;
}
header .toplogo .logo{
	/*height: 36px;*/
	height: 30px;
	float: left;
	/*margin-top: 12px;*/
	margin-top: 15px;
}
header .head_right{
	height: 60px;
	float: right;
	margin-right: 5%;
	position: relative;
}
header .head_right .menuico{
	height: 30px;
	float: right;
	margin-top: 15px;
}
header .head_right .lang{
	height: 60px;
	float: right;
	margin-right: 10px;
}
header .head_right .lang span{
	height: 14px;
	display: inline-block;
	float: left;
	line-height: 14px;
	margin-top: 23px;
	font-size: 0.11rem;
	color: #999999;
	padding: 0 5px;
}
header .head_right .lang .rightborder{
	border-right: 1px solid #999999;
}
header .head_right .lang .active{
	color: #333333;
}

header .head_right .menu_nav{
	width: 100px;
	height: 370px;
	position: absolute;
	background-color: #ffffff;
	border-top: 2px solid #dddddd;
	top: 50px;
	right: -8px;
	box-shadow:  0 2px 2px 2px #a9a9a940;
	display: none;
	z-index: 9999;
	font-size: 0.11rem;
	color: #333333;
}
header .head_right .menu_nav:before{   
  content: " ";   
  position: absolute;   
  top: -7px;   
  left: 70px;   
  width: 0;   
  height: 0; 
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #dddddd;
}
header .head_right .menu_nav:after{   
  content: " ";   
  position: absolute;   
  top: -5px;   
  left: 70px;   
  width: 0;   
  height: 0;   
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #ffffff;
}
header .head_right .menu_nav a{
	width: 70px;
	height: 40px;
	line-height: 40px;
	display: block;
	float: left;
	text-align: center;
	margin-left: 15px;
	overflow: hidden;
}
header .head_right .menu_nav a:nth-child(n+1){
	border-top: 1px solid #f5f5f5;
}

footer{
	width: 100%;
	/*height: 250px;*/
	float: left;
	margin-top: 30px;
	border-top: 1px solid #000000;
	position: relative;
}
footer .footer_title{
	width: 110px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #ffffff;
	display: inline-block;
	position: absolute;
	left:-webkit-calc(50% - 55px); 
  	left:-moz-calc(50% - 55px); 
  	left:calc(50% - 55px);
  	font-size: 0.12rem;
  	top: -15px;
  	color: #333333;
}
footer .fd_links{
	width: 100%;
	float: left;
	margin-top: 30px;
}
footer .fd_links .linkitem{
	line-height: 30px;
	display: inline-block;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 0.12rem;
	color: #333333;
	text-decoration: none;
}
footer .qrcode{
	width: 100%;
	height: 90px;
	float: left;
	text-align: center;
	margin-top: 20px;
}
footer .qrcode .qrimg{
	width: 90px;
	height: 90px;
	float: left;
	margin-left:-webkit-calc(50% - 45px); 
  	margin-left:-moz-calc(50% - 45px); 
  	margin-left:calc(50% - 45px);
}
footer .beian{
	width: 90%;
	margin-left: 5%;
	line-height: 30px;
	display: inline-block;
	float: left;
	font-size: 0.09rem;
	color: #999999;
	text-align: center;
	margin-bottom: 30px;
}

.qqinfo{
	position: fixed;
	width: 44px;
	height: 44px;
	background-color: #6db5d6;
	right:10px; 
  	bottom: 200px;
  	cursor: pointer;
  	display: flex;
	justify-content:center;
	align-items: center;
	text-align: center;
	z-index: 99;
}
.qqinfo .qqico{
	height: 21px;
	lign-items: center;
}

.qqinfo2{
	position: fixed;
	width: 44px;
	height: 44px;
	background-color: #6db5d6;
	right:10px;
  	bottom: 146px;
  	cursor: pointer;
  	display: flex;
	justify-content:center;
	align-items: center;
	text-align: center;
	z-index: 99;
}
.qqinfo2 .qqico{
	height: 21px;
	lign-items: center;
}
.qqinfo3{
	position: fixed;
	width: 44px;
	height: 44px;
	background-color: #6db5d6;
	right:10px;
  	bottom: 92px;
  	cursor: pointer;
  	display: flex;
	justify-content:center;
	align-items: center;
	text-align: center;
	z-index: 99;
}
.qqinfo3 .qqico{
	height: 21px;
	lign-items: center;
}

.qqinfo4{
	position: fixed;
	width: 44px;
	height: 44px;
	background-color: #6db5d6;
	right:10px;
  	bottom: 38px;
  	cursor: pointer;
  	display: flex;
	justify-content:center;
	align-items: center;
	text-align: center;
	z-index: 99;
}
.qqinfo4 .qqico{
	height: 21px;
	lign-items: center;
}

.moredata{
	width:-webkit-calc(100% - 2px); 
  	width:-moz-calc(100% - 2px); 
  	width:calc(100% - 2px);
  	height: 40px;
  	border:1px solid #1D2088;
  	line-height: 40px;
  	text-align: center;
  	float: left;
  	font-size: 0.13rem;
  	margin-top: 40px;
  	color: #1D2088;
}<!--0.00031709671020508-->