/*共用*/
*{margin:0; padding:0px;}
.clear{ clear:both;}
img {border: none;display:block;}
a{ text-decoration:none;  -webkit-tap-highlight-color: rgba(0,0,0,0); }
li {list-style:none;}
i{font-style: normal;}
p{margin-bottom: 0px;}
em{font-style: normal;}
input{outline: 0;border: 0;}
body{font-family:'Arial','微软雅黑';background: #f5f5f5;-webkit-box-sizing: border-box;position:relative;}
.inside1200{width:1200px;margin: 0 auto;}

.index{
	
}
.head{
	background:#24202C;
    
    overflow:hidden;

}
.head .nav-logo{
	display:flex;
	align-items: center;
	overflow: hidden;
	
	
}

.head .nav-logo .logo-right{
	float:left;
	
}

.head .nav-logo .logo-right img{
	width:168px;
	height:46px;
}


.head .nav-logo .nav-left{
	line-height: 46px;
	overflow: hidden;
}

.head .nav-logo .nav-left ul{
	
}

.head .nav-logo .nav-left ul li{
	float:left;
	margin-left:100px;
	padding:30px 10px;
	
	
}
.head .nav-logo .nav-left ul li a{
	color:#fff;
	padding-bottom: 10px;
}

.head .nav-logo .nav-left ul li span.click{
	width:100%;
	height:3px;
	background:#986BFF;
	border-radius: 50px;
	display:block;
}
.head .nav-logo .nav-left ul li a:hover{
	border-bottom: 3px solid #986BFF;

}



.head .nav-logo .nav-left ul li a:hover{
	color:#986BFF;
	
}



.main{
	
}

.inside-a{
	overflow:hidden;
	
}

.main-a{
	padding-top:80px;
	overflow:hidden;
	background-image: url(../img/bg.png); 
	no-repeat;
	height:1240px;
	margin: 0 auto;
	
}
	

.main-a .main-a-top{
	display: flex;	
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	
}

.main-a .main-a-top .main-a-top-right{
    padding-right:80px;

	
}

.main-a .main-a-top .main-a-top-right img{
	height:552px;
	width:362
}

.main-a .main-a-top .main-a-top-left{
	
}

.download{
	overflow:hidden;
}

.download .QRcode{
	background:#fff;
    overflow:hidden;
    width:186px;
	height:190px;
	float:left;
	}
.download .QRcode img{
	background:#fff;
    overflow:hidden;
    width:200px;
	height:200px;
	}
.download .Button{
	float:right;
	padding-left:150px;

	
}

.Button ul{}
.Button ul li{
	width:360px;
	height:68px;
	margin-bottom:40px;
	overflow:hidden;
	border-radius: 50px;
	color:#fff;
	font-size:16px;
}

.Button ul li.ios-button{
	
}
.Button ul li.ios-button a{
	background:#0066FF;
	display: flex;	
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width:360px;
	height:68px;}
    
.Button ul li.ios-button img{
	width:20px;
	height:24px;
	margin-right: 10px;
	}	
.Button ul li.ios-button span{
	color:#fff;
}	
	
.Button ul li.Android-button{
	
}

.Button ul li.Android-button a{
	background:#34CC33;
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width:360px;
	height:68px;
	
}

.Button ul li.Android-button span{
	color:#fff;
}

.download-main{
	color:#fff;
	line-height:50px;
	font-size:18px;
	padding-top:50px;
}

.main-a .main-a-bottom{
	display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
	padding-top: 300px;
	
}

.main-a .main-a-bottom p{
	font-size:45px;
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
}


.main-b{
	padding-top:71px;
	background:#FAFAFA;
	height:550px;
	
}

.title{
	display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}

.title img{}
.title .title-b{
	padding-top:20px;
    color:#252430;
    font-size:32px;
    }
 

.main-list{
	padding-top: 50px;
	display:flex;
	flex-direction: row;
    justify-content: space-around;
    align-items: center;	
	
}



.main-list .a{
	
}

.main-list .a a{
	width:285px;
	height:262px;
	background:#fff;
	border-radius: 20px;
	display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}
.main-list .a a:hover{
	box-shadow: #000 0px 0px 20px -16px;
}


.main-list .a img{
	width:50px;
    height:50px;
	
	
}	
.main-list .a p.Dynamicpublishing{
	color:#252430;
	font-size:25px;
	margin-top:20px;
	font-weight: 900;
}
	
.main-list .a span.Dynamic{
	color:#666666;
	font-size:20px;
	margin-top:10px;
}

.main-c{
	background:#fff;
	padding-bottom: 130px;
	overflow:hidden;
}

.img-list{
	padding-top:50px;
	position: relative;
}

.img-list ul{
	overflow:hidden;
	display: flex;
	flex-direction: column;
	flex-wrap:wrap ;
	justify-content:space-between;
	align-content:space-between;
	height: 500px;
}
.img-list ul li{
	background:#EFEEF1;
	position: relative;
	overflow: hidden;

}

.img-list ul li img{
	width:232px;
	display:block

}

.img-list ul li a{
	position: absolute;
	bottom: 0;
    left: 0;
    right: 0;
    z-index: 99997;
    width:100%;
    height:44px;
    background:linear-gradient(45deg,rgba(178,121,251,1) 0%,rgba(122,68,245,1) 100%);
    display:none;
    color:#fff;
    font-size:14px;
}
.img-list ul li:hover a{
	display: block;
}



.img-list ul li a .onetxt{
	float:left;
	margin-left:20px;
	line-height:44px;
	color:#EFEEF1;
}


.img-list ul li.img-a{
	display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items: center;
    height:245px;
    width: 232px;
}

.img-list ul li.img-a.height3{	
	height:330px;
}
.img-list ul li.img-a.height4{
	height:160px;
}
.img-list ul li.img-a.height5{
	height:200px;
}
.img-list ul li.img-a.height6{
	height:290px;
}


.main-d{
	background:linear-gradient(148deg,rgba(255,250,252,1) 0%,rgba(255,249,253,1) 100%);
	height:500px;
	padding-top:100px;
	 position:relative;	
		
}

.aboutus{
	display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-items: center;
   
    
    
}
.aboutus-right{
	padding-right:40px;
}
.aboutus-right img{
	width:478px;
	height:389px;
}

.aboutus-left{}
.aboutus-left .aboutus-title{
	margin-left:170px;
	
}

.aboutus-left .aboutus-main{
	line-height: 40px;
	font-size:18px;
	color:#252430;
	padding-top:40px;
	
}
.aboutus .go{
	position:absolute;
    top: -40px;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-left:-40px;
}

.aboutus .go img{
	width: 80px;
    height: 80px;
}

.main-c{
	padding-top:30px;
	
}
.Companyprofile{
	text-align: center;
	color:#252430;
	padding-top:80px;
}

.Companyprofile .Companyprofile-title{	
	font-size:30px;
	font-weight:800;
	padding-bottom:10px;
	
}
.Companyprofile .Companyprofile-main{
	line-height:30px;
}


.main-e{
	background:#FAFAFA;
	height:660px;
	
}

.main-e .Companyin{
	position:relative;
}

.main-e .Companyin .map{
	background:#EFEEF1;
	height:660px;
	width: 1200px;
}
.main-e .Companyin .Companyinformation{
	width:372px;
    height:270px;
    width:372px;
    height:270px;
    background:rgba(255,255,255,1);
    border-radius:0px 0px 10px 10px;
    opacity:0.64;
    display:block;
    position:absolute;
    left:50px;
    top:0px;
    text-align: center;
    padding-top:30px;
    	
}

.main-e .Companyin .Companyinformation .Companyinformation-title{
	font-size:20px;
	color:#24202C;
	font-weight: 800;
	padding-top:20px;
	padding-bottom:10px;
}

.main-e .Companyin .Companyinformation .Companyinformation-main{
	font-size:14px;
	color:#24202C;
	line-height:35px;

}

.main-e .got{
	position:absolute;
    top: -40px;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-left:-40px;
	
}

.main-e .got img{
	width: 80px;
    height: 80px;
}


.foot{
	background:#fff;
	
}

.Links{
	overflow:hidden;
	padding-top:20px;
	color:#666666;
}
.Links ul{}
.Links ul li{
	float:left;
	margin-right:20px;
	
}
.Links ul li a{
   font-size:14px;
   color:#666666
}
   
.Links ul li a:hover{
	color:#986BFF;
}

.contact{
   color:#666666;
   font-size:14px;
   padding-top:10px;
}

.copyright{
	color:#666666;
	font-size:14px;
	padding-top:10px;
	padding-bottom:40px;
}