* {
     margin: 0;
     padding: 0;
   }
 ::-webkit-scrollbar {
 	width: 0;
 	height: 1px;
 }
 ::-webkit-scrollbar-thumb {
 	border-radius: 5px;
 	background: rgba(0, 0, 0, 0.2);
 }
 
 html, body { 
 	background: #fff;
 	 font-family: "AlibabaRegular", Inter, "-apple-system",
 	    BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "noto sans",
 	    "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
 	  font-weight: 400;
 }
 [v-cloak] {
 	display: none;
 }
 body{
 	margin:0px 0px 0px 0px;		
 }
 #app {
 	height: 100vh;
 	width:100%;
	background-color: #000000;
 }
 .clear{clear: both;}
 .clearfix:before,
 .clearfix:after {
 	content: "";
 	display: table;
 }
 .clearfix:after {
 	clear: both;
 }
 .clearfix {
 	*zoom: 1;
 }
 a{color: #000;}
 a:link {text-decoration:none; color: #000;}
 img{display: block;}
 
 input,select {
     outline: none;
 }
 li{list-style-type: none;}
 .top{
 	width: 100%; height: 1rem; position: fixed;top: 0px;  z-index: 999; -webkit-box-align: center;justify-content: center;
 }
 .imgBgcon{width: 100%;}
 .topcontent{margin: 0 auto;width: 13.12rem; height: 1.12rem; display: flex;align-items: center;background: url("../images/top.png");background-size: 100%;  background-repeat: no-repeat;  padding-left: .3rem;}
 .nav .active{font-weight: bold; color:#007fff !important;}
 .navhref {display:block;width:100%;height:100%;color:#000000 !important;}
 .navDl{position:absolute;top:.87rem;left:.2rem;overflow:hidden;min-width:1.06rem;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);padding:.1rem 0px;font-size: .14rem;display: none;}
 	.navDl1{width:1.40rem; left:2px}
 	.navDl dd{ height: .44rem;line-height: .44rem;}
 .tel{text-align: center;text-align: center;margin-left: 1.78rem;width: 1.26rem;height: 0.13rem;}
 .tel img{width: 100%;}
 .toploginbtn{ position: relative; margin-left: .42rem; width:1.22rem;height: .37rem; line-height: 0.37rem; color: #fff; font-size: .16rem; text-align: center; border-radius: .2rem; cursor: pointer;background: #007fff;}
 .shuXian{position: absolute;top: 0.07rem;left: 0.58rem; font-size: 0.12rem; line-height: 0.2rem;}
 .mtop-50{margin-top: -50px !important;}
 .mtop60{margin-top: 60px !important;}
 .mtop80{margin-top: 80px !important;}
 .mleft20{margin-left: 20px !important;}
 .mleft60{margin-left: 60px;}
 .mleft30{margin-left: 30px;}
 .none{display: none;transition: all 1s;}
 
 .logodiv {
 	height: 1.96rem;	
 	background: #000000;
 	margin: 0 auto;
 	
 }
 
 .logobottominfo {
 	width: 11rem;
 	margin: 0 auto;
 	display: flex;
 }
 
 .logobottomleft {
 	width: 5.30rem;
 	height: 1.6rem;
 	margin-left: .5rem;	
 	font-size: .14rem;
 	font-weight: normal;
 	line-height: .21rem;
 	letter-spacing: normal;
 	color: #FFFFFF;
 	background: url(../images/governance/left.png);
 	padding: .32rem 1.3rem 0 .5rem;
 	background-size: 100%;
 }
 .logobottomleft img{
 	width: 1.23rem;
 	margin-bottom: .14rem;
 }
 .logobottmright  {
 	width: 5.30rem;
 	height: 1.6rem;
 	margin-left: .5rem;	
 	font-size: .14rem;
 	font-weight: normal;
 	line-height: .21rem;
 	letter-spacing: normal;
 	color: #FFFFFF;
 	background: url(../images/governance/left.png);
 	padding: .32rem 0rem 0 .5rem;
 	background-size: 100%;
 }
 .logobottmright div{display: flex; align-items: center; margin-bottom: .08rem;}
 .logobottmright .icon {
 	width: .15rem;
 }
 .logoimg{
 	margin-top:.2rem;
 	box-sizing: border-box;
 	border: 0.5px solid #FFFFFF;
 	padding: .04rem;
 	width: .3rem;
 	border-radius: 50%;
 	margin-right: .1rem;
 }
 .bottomdiv{
 	height: 6.34rem;
 	background:#000000;
 }
 .map{
 	width: 11rem;
 	height: 5.34rem;
 	background: url(../images/governance/map.png);	
 	background-size: 100% auto;
 	background-repeat: no-repeat;
 	margin: 0 auto;	
 	display: flex;
 	padding-top: .36rem;
 	flex-wrap: wrap;
 }
 
 .mapli1,.mapli4{
 	width: 22%;
 	font-family: Alibaba PuHuiTi 2.0;
 	font-size: .20rem;
 	font-weight: 250;
 	line-height: .20rem;
 	letter-spacing: normal;
 	color: #FFFFFF;
 	margin-right: 3%;
 }
 .mapli2,.mapli5{
 	width: 50%;
 	font-family: Alibaba PuHuiTi 2.0;
 	font-size: .20rem;
 	font-weight: 250;
 	line-height: .20rem;
 	letter-spacing: normal;
 	color: #FFFFFF;
 }
 .mapli3,.mapli6{
 	width: 22%;
 	font-family: Alibaba PuHuiTi 2.0;
 	font-size: .20rem;
 	font-weight: 250;
 	line-height: .20rem;
 	letter-spacing: normal;
 	color: #FFFFFF;
 	margin-left: 3%;
 }
 .maptitle{	
 	border-bottom: .01rem solid #BEBEBE;
 	padding-bottom: .3rem;
 	margin-bottom: .1rem;
 }
 .mapli2div{
 	display: flex;
 }
 .mapli2div div{
 	width: 33%;
 	margin-right: 3%;
 }
 .mapli5div{
 	display: flex;
 }
 .mapli5div div{
 	width: 48%;
 	margin-right: 3%;
 }
 .mapli1 p,.mapli2 p,.mapli3 p,.mapli4 p,.mapli5 p,.mapli6 p{	
 	line-height: .36rem;
 	height: .36rem;
 	font-size: .16rem;
 	font-weight: 250;
 }
 .margtop60{
 	margin-top: .6rem;
 }
 .ipcdiv{
 	height: .68rem;
 	margin: 0 auto;
 	background: #242b38;
 	font-size: .14rem;
 	font-weight: normal;
 	line-height: .21rem;
 	letter-spacing: 0px;
 	display: flex;
 	 align-items: center;
 	color: #FFFFFF;
 	text-align: center;
 	padding: .5rem 0rem;
 }
 .ipcdiv img{
 	width: .44rem;
 	margin-right: .1rem;
 }
 .ipcdivinfo{
 	width: 7rem;
 	margin: 0 auto;
 	display: flex;
 	justify-items: center;
 	align-items: center;
 }

 
.jian,.fan,.en {
	background: #DBDBDB;
	width: .28rem;
	height: .28rem;
	line-height: .28rem;
	border-radius: 50%;
	margin: .06rem;
	font-size: .16rem;
	color: #fff;	
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.lanactive{
	background-color: #3369FF;
}