@charset "utf-8";
/* CSS Document */
body{
	font-size:14px;
	font-weight:normal;
	color:#777a8c;
	line-height:1.5;
	font-family:'Microsoft YaHei';
	margin:auto
	}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#777a8c;
	text-decoration:none;
	transition: all 0.6s;
	}
a:hover{
	color:#468BDF;
	text-decoration: none;
	}
table{ margin: auto}
i{ font-style:normal}
em{ font-style:normal}
.fwwrapper{ padding:.853rem; font-size:13px; font-family:PingFang-SC-Regular, HeitiJ-Light, Helvetica Neue, Helvetica, STHeiTi, sans-serif; color:#000000; width:100%}
.mb{ margin-bottom:.512rem; line-height:1.4rem;}
.fwtitle{ width:100%; text-align:center; font-size:16px; font-weight:bold;margin:0.34rem 0rem 0rem 0rem; color:#000000}
@media (min-width:1200px) {

.nymain{width: 100%;float: left;margin-top: 50px;}
	.newtitle{ font-size:27px; float:left; width:100%; line-height:31px; text-align:left; color:#1B2E36; font-weight:bold}
	.newdate{ width:100%; float:left; font-size:15px; color:#8992B1; margin-top:13px; text-align:left; line-height:22px;}
	.ywtex{ width:100%; float:left; font-size:14px; line-height:1.5; border-top:1px solid #EAECF6;margin-top:35px; padding-top:35px; color:#43454;word-break:break-all;}
	.ywtex img{ max-width:100%; height:auto}
	
	
	.top{
		width: 100%;
		float: left;
		background-color: #FFF7E5;
		height: 60px;
		line-height: 60px;
		color: #191C1E;
		text-align: center;
	}
	.top a{
		color: #D87400;
	}
	.top img{
		vertical-align: middle;
	}
	.main{
		width: 1168px;
		margin: auto;
	}
	
	
	.innav{
		width: auto;
		float: left;
	}
	.innav ul li{
		width: auto;
		height: 80px;
		float: left;
		text-align: center;
		line-height: 80px;
		margin: 0px 12px;
	}
	.innav ul li a{
		padding: 8px 16px;
	}
	.innav ul li i{
		padding:0.3rem; 
		background:url(../images/xjt2.png) no-repeat center / contain;
		margin-left: 5px;
		display: none;
	}
	.innav ul li:hover i{
		background:url(../images/xjt2.png) no-repeat center / contain;
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		transform:rotate(180deg);
		-webkit-transition:all .25s ease 0s;
		-moz-transition:all .25s ease 0s;
		-o-transition:all .25s ease 0s;
		transition:all .25s ease 0s;
	}
	.innav ul li a:hover{
		background-color: #e5e5e5;
		border-radius: 5px;
	}
	
	
	.innav2{
		width: auto;
		float: right;
		margin-right:60px;
	}
	.innav2 ul li{
		width: auto;
		height: 80px;
		float: left;
		text-align: center;
		line-height: 80px;
		margin: 0px 12px;
	}
	.innav2 ul li a{
		padding: 8px 16px;
	}


	
	.down{
		width: 88px;
		height: 35px;
		float: right;
		text-align: center;
		margin-top: 22px;
		background-color: #468BDF;
		border-radius: 8px;
		color: #FFFFFF;
		line-height: 35px;
	}
	.down a{
		color: #FFFFFF;
	}
	.tz{
		width: 100%;
		float: left;
		height: 50px;
		line-height: 50px;
		background-color: #F5F7FA;
		font-size: 13px;
	}
	.tz img{
		vertical-align: middle;
		margin-right: 16px;
	}
	.m01{
		width: 100%;
		float: left;
		margin-top: 55px;
		background-color: #fafafa;
		border-radius: 24px;
		height: 440px;
		position: relative;
	}
	.m01-l{
		width: auto;
		float: left;
		margin-left: 115px;
		height: 440px;
		display: table;
	}
	.m01-l div{
		display: table-cell;
		vertical-align: middle;
	}
	.m01-l h1{
		font-size: 32px;
		color: #43454f;
		font-weight: normal;
		line-height: 32px;
	}
	.m01-l dl dt{
		font-size: 21px;
		line-height: 32px;
		color: #777A8C;
		margin-top: 16px;
	}
	.m01-l dl dd{
		margin-top: 35px;
		display: flex;
	}
	.m01-l dl dd a{
		width: 138px;
		height: 48px;
		background-color: #468BDF;
		border-radius: 8px;
		text-align: center;
		line-height: 48px;
		font-size: 18px;
		color: #FFFFFF;
	}
	.m01-r{
		width: 500px;
		position: absolute;
		top: -30px;
		right: 70px;
	}
	.m01-r img{
		width: 100%;
		height: auto;
		display: block;
	}
	.feature{
		width: 100%;
		float: left;
		background-color: #468BDF;
		padding: 60px 0 70px 0;
	}
	.feature{
		width: 100%;
		float: left;
		margin-top: 55px;
	}
	.feature h1{
		font-size: 28px;
		line-height: 42px;
		font-weight: normal;
		text-align: center;
		color: #FFFFFF;
	}
	.feature h2{
		font-size: 18px;
		line-height: 28px;
		margin-top: 10px;
		text-align: center;
		font-weight: normal;
		color: #FFFFFF;
	}
	.feature ul{
		display: flex;
		justify-content: space-between;
	}
	.feature ul li{
		width: 375px;
		height: 180px;
		background-color: rgba(255, 255, 255, 0.1);
		border: 1px solid rgba(255, 255, 255, 0.2);
		display: table;
		text-align: center;
		border-radius: 12px;
		margin-top: 40px;
	}
	.feature ul li dl{
		display: table-cell;
		vertical-align: middle;
	}
	.feature ul li dl dt{
		font-size: 32px;
		line-height: 38px;
		color: #FFFFFF;
	}
	.feature ul li dl dd{
		font-size: 18px;
		line-height: 28px;
		color: rgba(255, 255, 255, 0.5);
		margin-top: 10px;
	}
	.color2{
		background-color: #057FB8;
	}
	
	.m02{
		width: 100%;
		display: flex;
		padding: 90px 0px;
		justify-content: space-around;
	}
	.m02 img{
		vertical-align: middle;
	}
	.m02 .tex{
		width: auto;
		max-width: 500px;
		position: relative;
	}
	.m02 .tex h1{
		font-size: 32px;
		line-height: 44px;
		color: #191C1E;
		font-weight: normal;
	}
	.m02 .tex h2{
		font-size: 21px;
		line-height: 28px;
		color: #777A8C;
		font-weight: normal;
		margin-bottom: 30px;
		margin-top: 8px;
	}
	.m02 .tex .a01{
		display: flex;
	}
	.m02 .tex .a01 dl dt{
		font-size: 32px;
		line-height: 48px;
		color: #468BDF;
		margin-bottom: 10px;
	}
	.m02 .tex .a01 dl dd{
		font-size: 17px;
		color: #777A8C;
		margin-top: 1px;
	}
	.m02 .tex .a01 dl dd i{
		font-size: 14px;
		color: #E1E6EA;
		margin-top: -2px;
		margin: 0px 30px;
	}
	.m02 .tex .a01 .sx{
		width: 1px;
		height: 5rem;
		margin: 0 30px;
		background-color: #E1E6EA;
		display: block;
	}
	
	.mart110{
		margin-top: 110px;
	}
	.m02 .tex .billboard{
		width: 356px;
		left: 40px;
		top: 20px;
		border-radius: 8px;
		position: absolute;
		border: 1px solid #e8e8e8;
		z-index: 1;
		background-color: #FFFFFF;
		overflow: hidden;
	}
	.m02 .tex .billboard .item{
		padding: 14px 20px 14px 20px;
		border-bottom: 1px solid #EAECF6;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
	}
	.m02 .tex .billboard .item:hover{
		background: #F2F4F5;
		cursor: pointer;
	}
	.m02 .tex .billboard .item .profit{
		font-size: 25px;
		color: #FAC166;
	}
	.m02 .tex .billboard .item .desc{
		font-size: 17px;
		color: #777A8C;
		margin-top: 1px;
	}
	
	.m02 .tex .billboard .item .item-right{
		justify-content: space-between;
		flex: 1;
		padding-left: 20px;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
	}
	.m02 .tex .billboard .item .item-right .item-title{
		color: #777A8C;
		margin-top: 10px;
		font-size: 17px;
		line-height: 27px;
	}
	.partner{
		width: 100%;
		float: left;
		background-color: #F6F8FB;
	}
	.partner-inner{
		width: 100%;
		float: left;
		padding: 70px 0px;
	}
	.partner-inner h1{
		font-size: 32px;
		line-height: 46px;
		margin-bottom: 40px;
		color: #191C1E;
		font-weight: normal;
	}
	.partner-list{
		width: 100%;
		float: left;
	}
	.partner-list ul{
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}
	.partner-list ul li{
		margin: 6px 0;
		transition-property:opacity;
		opacity:0.5;
		transition-duration:0.25s
	}
	.partner-list ul li img{
		width: 204px;
		display: block;
	}
	.partner-list ul li:hover{
		opacity: 1;
	}
	
	.contact{
		width: 100%;
		float: left;
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.contact h1{
		font-size: 32px;
		line-height: 46px;
		font-weight: normal;
		color: #191C1E;
		letter-spacing: 1px;
		text-align: center;
	}
	.contact01{
		width: 100%;
		align-items: flex-start;
		justify-content: space-between;
		margin-top: 50px;
		display: flex;
		flex-flow:row nowrap
	}
	.contact-item{
		display: flex;
		flex-flow: column nowrap;
		width: 270px;
		align-items: center;
		text-align: center;
	}
	.contact-item img{
		vertical-align: middle;
	}
	.contact-item h2{
		font-size: 24px;
		line-height: 28px;
		color: #777A8C;
		margin-top: 20px;
		font-weight: normal;
	}
	.contact-item dl dt{
		font-size: 17px;
		line-height: 30px;
		color: #777A8C;
		margin-top: 10px;
	}
	.contact-item dl dd{
		font-size: 17px;
		line-height: 30px;
		color: #C4C9D9;
	}
	
	.download{
		width: 100%;
		float: left;
		height: 200px;
		background-color: #F6F8FB;
	}
	.download01{
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: space-between;
	}
	.experience_desc {
		font-weight: 400;
		font-size: 24px;
		line-height: 32px;
		display: flex;
		align-items: center;
		letter-spacing: 0.4px;
		color: #777A8C;
		margin-bottom: 20px;
	}
	 .download-btn {
	 	width: 138px;
	 	height: 48px;
	 	background: #468BDF;
	 	border-radius: 8px;
	 	display: flex;
	 	justify-content: center;
	 	align-items: center;
	 	font-weight: 500;
	 	font-size: 18px;
	 	color: #FAFCFF;
	 }
	.example {
		height: 200px;
	}
	.foot{
		width: 100%;
		padding-top: 54px;
		display: flex;
	}
	.foot ul li{
		width: 300px;
		float: left;
	}
	.foot ul li dl dt{
		font-size: 14px;
		color: #63727d;
		margin: 10px 0;
		font-weight: bold;
	}
	.foot ul li dl dd{
		font-size: 14px;
		margin-bottom: 8px;
		color: #777A8C;
	}
	.foot ul li dl dd a{
		color: #777A8C;
	}
	.foot ul li dl dd a:hover{
		color: #333;
	}
	.foot02{
		width: 100%;
		display: flex;
		flex-flow:row nowrap;
		justify-content: space-between;
		align-items: center;
		margin-top: 20px;
	}
	.social{
		width: 300px;
		display: flex;
	}
	.social img{
		vertical-align: middle;
		margin-right: 24px;
		opacity: 0.5;
	}
	.social img:hover{ opacity: 1;}
	.nav-info {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 26px;
		font-size: 13px;
	}
	.nav-info img{
		vertical-align: middle;
		margin-right: 10px;
	}
	.fwtk{
		margin-left: 28px;
		margin-right: 28px;
	}
	.links-item{
		display: flex;
		flex-direction: column;
		max-width: 300px;
		position: relative;
	}
	.subscribe-input{
		border-radius: 20px;
		background-color: #f2f4f5;
		border: none;
		outline: none;
		padding-left: 20px;
		height: 40px;
		width: 280px;
		font-size: 13px;
		color: #999999;
	}
	.subscribe-icon{
		position: absolute;
		right: 10px;
		top: 8px;
		z-index: 11;
	} 
	.links-item p{
		margin-top: 10px;
		color: gray;
	}
	.friend-link {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: flex-start;
		border-top: 1px solid #F4F6F9;
		margin-top: 25px;
		font-weight: normal;
	}
	.friend-title {
		font-size: 13px;
		line-height: 15px;
		color: #C4C9D9;
		margin-right: 65px;
		font-weight: normal;
	}
	.friend-links {
		padding: 20px 0;
	}
	.friend-links a {
		font-size: 13px;
		line-height: 15px;
		color: #777A8C;
		margin-right: 30px;
		font-weight: normal;
	}
	.friend-links a:hover {
		color: #191C1E;
	}
	
	.about{
		width: 100%;
		float: left;
		background-image: url(../images/map-bg-d79e6d811b9bdfd59ad6b0eb4facb8fb.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 70px 0 70px 0;
	}
	.about h1{
		font-size: 32px;
		line-height: 42px;
		color: #191C1E;
		font-weight: normal;
		text-align: center;
	}
	.about01{
		justify-content: space-around;
		margin-top: 45px;
		align-items: flex-start;
		display: flex;
		flex-flow:row nowrap
	}
	.flex-column{
		width: 270px;
		display: flex;
		flex-flow:column nowrap;
		align-items: center;
		justify-content: space-between;
		text-align: center;
	}
	.flex-column dl dt{
		font-size: 21px;
		line-height: 25px;
		color: #43454f;
		margin-bottom: 14px;
		margin-top: 24px;
		text-align: center;
	}
	.flex-column dl dd{
		font-size: 17px;
		line-height: 25px;
		color: #949ea6;
		text-align: center;
	}
	.company-media{
		width: 100%;
		float: left;
		margin-top: 90px;
		height: 440px;
	}
	.company-media ul{
		display: flex;
		flex-flow:row nowrap;
		align-items: center;
		justify-content: space-between;
	}
	.company-media ul li{
		width: 566px;
		height: 345px;
		border-radius: 12px;
		overflow: hidden;
	}
	.company-media ul li img{
		width: 100%;
		height: 100%;
		display: block;
	}
	.events{
		width: 100%;
		float: left;
		background-color: #F6F8FB;
		padding-bottom: 228px;
		padding-top: 70px;
	}
	.events h1{
		font-size: 32px;
		line-height: 42px;
		color: #191C1E;
		font-weight: normal;
		text-align: center;
	}
	.big-events{
		width: 100%;
		margin-top: 90px;
		height: 190px;
		position: relative;
	}
	.event-line{
		display: flex;
		flex-flow:row nowrap;
		position: absolute;
	}
	.line{
		width: 10px;
		border-left: 0.5px dashed #2F3133;
		top: 10%;
		position: relative;
	}
	.line:before{
		content: ' ';
		position: absolute;
		left: -3px;
		top: -3px;
		width: 5px;
		height: 5px;
		background-color: black;
		border-radius: 50%;
	}
	.event-desc{
		padding-left: 5px;
		font-size: 15px;
		color: #777A8C;
		line-height: 24px;
		margin-top: -20px;
	}
	.b01{
		height: 172px;
		left: 20px;
		top: 0;
	}
	.b02{
		height: 78px;
		left: 118px;
		top: 100px;
	}
	.b03{
		height: 172px;
		left: 344px;
		top: 0;
	}
	.b04{
		height: 78px;
		left: 375px;
		top: 100px;
	}
	.b05{
		height: 78px;
		left: 230px;
		bottom: -80px;
		flex-direction:row-reverse;
	}
	.b05 .line:before{
		top: auto;
		bottom: -3px;
	}
	.b05 .event-desc{
		text-align: right;
		padding-right: 10px;
		padding-top: 78px;
	}
	.b06{
		height: 78px;
		left: 460px;
		bottom: -80px;
	}
	.b06 .line:before{
		top: auto;
		bottom: -3px;
	}
	.b06 .event-desc{
		padding-left: 5px;
		padding-top: 78px;
	}
	.b07{
		height: 172px;
		left: 646px;
		top: 0;
	}
	.b08{
		height: 78px;
		left: 924px;
		top: 100px;
	}
	.b09{
		height: 78px;
		left: 1027px;
		bottom: -80px;
	}
	.b09 .line:before{
		top: auto;
		bottom: -3px;
	}
	.b09 .event-desc{
		padding-left: 5px;
		padding-top: 78px;
	}
	.x-axis{
		display: flex;
		flex-flow: row nowrap;
		border-bottom: 2px solid #2F3133;
	}
	.year{
		height: 8px;
		border-left: 3px solid #2F3133;
	}
	.year h3{
		font-weight: 800;
		font-size: 25px;
		color: #2F3133;
		margin-top: 10px;
		position: relative;
		left: -30px;
	}
	.year-2016{
		width: 313px;
	}
	.year-2016 h3{
		left: 0;
	}
	.year-2018{
		width: 220px;
	}
	.year-2019{
		width: 220px;
	}
	.year-2020{
		width: 220px;
	}
	.join-us{
		display: flex;
		justify-content: space-around;
		padding: 70px 0 70px 0;
		flex-direction:row-reverse;
		margin-top: 45px;
		width: 100%;
		align-items:center
	}
	.join-us img{
		width: 670px;
		height: 250px;
	}
	.text-part{
		max-width: 440px;
	}
	.text-part h1{
		font-size: 32px;
		line-height: 42px;
		color: #191C1E;
		font-weight: normal;
	}
	.text-part p{
		margin-top: 20px;
	}
	.text-part p a{
		width: 145px;
		height: 48px;
		border: 1px solid #43454F;
		box-sizing: border-box;
		border-radius:8px;
		color: #43454F;
		text-align: center;
		line-height: 48px;
		display: inline-block;
	}
	.text-part p a:hover{
		background-color: #43454F;
		color: #FFFFFF;
	}
	.join{
		width: 100%;
		height: 282px;
		background-color: #fafbfc;
		float: left;
	}
	.join-inner{
		width: 1024px;
		margin: 0 auto;
		padding: 100px 0;
		position: relative;
		padding: 0;
		height: 282px;
	}
	
	
	.icon {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.nyab{
		width: 100%;
		float: left;
		padding: 100px 0;
	}
	.nyab01{
		width: 780px;
		margin: 0 auto;
	}
	.nyab h1{
		font-size: 36px;
		line-height: 1.28;
		color: #11293b;
		font-weight: normal;
		margin-bottom: 12px;
	}
	.nyab dl dd{
		font-size: 16px;
		line-height: 1.68;
		color: #63727d;
	}
	.nyab dl dt{
		margin-bottom: 10px;
		margin-top: 30px;
		color: rgba(0, 0, 0, 0.85);
		font-size: 16px;
	}
	.line60{
		height: 60px;
	}
	.office {
		width: 100%;
		background-color: #363c4d;
		background-image: url(../images/map-90163ebb75e68ef379698174f3135b8a.svg);
		background-size: contain;
		float: left;
		padding: 100px 0;
	}
	.main02{
		width: 660px;
		margin: auto;
	}
	.bt{
		width: 100%;
		float: left;
	}
	.bt dl dt{
		margin-bottom: 20px;
		font-size: 36px;
		line-height: 1.28;
		color: #FFFFFF;
		text-align: center;
	}
	.bt dl dd{
		font-size: 18px;
		line-height: 1.68;
		margin-bottom: 42px;
		color: #c2c8cc;
		text-align: center;
	}
	.swiper-container{
		border-radius: 4px;
		box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
		background-color: #fff;
		width: 100%;
		float: left;
		overflow: hidden;
	}
	 .card{
	 	display: flex;
	 	padding: 50px 45px;
	 	background-color: #fff;
	 }
	.card .pic{
		width: 260px;
		height: 150px;
		border-radius: 4px;
		overflow: hidden;
	}
	.card .pic img{
		width: 100%;
		height: 100%;
		display: block;
	}
	.card .content2{
		margin-left: 36px;
		padding-top: 4px;
		width: calc(100% - 300px);
	}
	.content2 .title{
		font-size: 18px;
		font-weight: normal;
		line-height: 1.33;
		color: #11293b;
		margin-bottom: 6px;
		margin-bottom: 24px;
		text-align: left;
	}
	.content2 .desc{
		font-size: 14px;
		font-weight: 300;
		color: #949ea6;
		line-height: 1.43;
		text-align: left;
		margin-bottom: 0;
	}
	
	.main03{
		width: 824px;
		margin: 0 auto;
	}
	.jobs-inner{
		width: 100%;
		float: left;
		padding: 100px 0;
	}
	.jobs-inner h1{
		font-size: 36px;
		font-weight: 300;
		line-height: 1.28;
		text-align: center;
		color: #11293b;
		margin-bottom: 20px;
	}
	.careers{
		display: flex;
		margin-top: 50px;
	}
	.careers-l{
		width: 250px;
	}
	.careers-l dl dd{
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
		color: #979da1;
		margin-bottom: 18px;
		cursor: pointer;
	}
	.careers-l dl dt{
		color: #11293b;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
		margin-bottom: 18px;
		cursor: pointer;
	}
	.careers-l dl dt a{
		color: #11293b;
	}
	.careers-r{
		flex:1
	}
	.position-item{
		position: relative;
		border-radius: 4px;
		border: solid 1px #e9ebee;
		padding: 0 30px;
		margin-bottom: 20px;
		height: 118px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		cursor: pointer;
	}
	.position-item.hide{
		display: none;
	}
	.position-item .position{
		font-size: 16px;
		line-height: 22px;
		font-weight: 500;
		color: #098de6;
		position: relative;
	}
	.position-item .position .hot{
		width: 24px;
		height: 24px;
		position: absolute;
		display: inline-block;
		top: -1px;
		margin-left: 8px;
	}
	.position-item .location{
		display: flex;
		align-items: center;
		margin-top: 10px;
	}
	.position-item .location .location-item{
		display: flex;
		align-items: center;
		margin-right: 16px;
	}
	.position-item .location .location-item .region {
		margin-right: 6px;
		vertical-align: middle;
	}
	.position-item .location .location-item p{
		font-size: 16px;
		font-weight: normal;
		color: #979da1;
		margin: 0;
	}
	.position-item .entry{
		position: absolute;
		right: 20px;
		top: 55px;
	}
	.position-item .position .hot {
		width: 24px;
		height: 24px;
		position: absolute;
		display: inline-block;
		top: -1px;
		margin-left: 8px;
	}
	
	.modal__overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.6);
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 9999;
		display: none;
	}
	.modal__container {
		background-color: #fff;
		width: 740px;
		border-radius: 4px;
		box-sizing: border-box;
	}
	.modal__container .modal__header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 90px;
		padding: 0 40px;
	}
	.modal__container .modal__title {
		margin-top: 0;
		margin-bottom: 0;
		font-weight: 600;
		font-size: 1.25rem;
		line-height: 1.25;
		color: #098de6;
		box-sizing: border-box;
	}
	.modal__container .modal__close {
		background: transparent;
		border: 0;
		outline: none;
	}
	.modal__container .modal__header .modal__close:before {
		content: "\2715";
	}
	.modal__container .modal__content {
		padding: 0 40px;
		line-height: 1.5;
		color: rgba(0, 0, 0, 0.8);
		max-height: 380px;
		overflow-y: auto;
	}
	.modal__container .modal__content .modal__content__title {
		font-size: 18px;
		font-weight: 500;
		line-height: 1;
		color: #11293b;
		border-left: 3px solid #0084ff;
		padding-left: 10px;
		margin-bottom: 12px;
	}
	.modal__container .modal__content ul {
		padding-left: 1em;
		margin-bottom: 2em;
		margin-top: 0;
	}
	.modal__container .modal__content ul li {
		font-size: 14px;
		font-weight: normal;
		line-height: 1.57;
		letter-spacing: normal;
		color: #344857;
	}
	.modal__container .modal__footer {
		border-top: 0.5px solid #d8d8d8;
		padding: 28px 0;
		text-align: center;
	}
	.modal__container .modal__btn {
		font-size: 0.875rem;
		padding-left: 3rem;
		padding-right: 3rem;
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
		border-radius: 4px;
		background-color: #098de6;
		box-shadow: 0 2px 8px 0 #e6e8eb;
		color: #fff;
		border-radius: 0.25rem;
		border-style: none;
		border-width: 0;
		cursor: pointer;
		text-transform: none;
		text-decoration: none;
		overflow: visible;
		line-height: 1.15;
		margin: 0;
		will-change: transform;
		-moz-osx-font-smoothing: grayscale;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		transition: -webkit-transform 0.25s ease-out;
		transition: transform 0.25s ease-out;
		transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
	}
	.modal__container .modal__btn:focus,
	.modal__container .modal__btn:hover{
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	.modal__container .modal__btn-primary {
		background-color: #098de6;
		color: #fff;
	}
	
	.safe{
		width: 100%;
		float: left;
		padding: 55px 0;
		border-bottom: 0.5px solid #E1E6EA;
		border-top: 0.5px solid #E1E6EA;
	}
	.main04{
		width: 1200px;
		margin: auto;
	}
	.security_banner {
		width: 1200px;
		display: flex;
		justify-content: space-between;
		border-bottom: 0.5px solid #EBF0F4;
		border-top: 0.5px solid #EBF0F4;
		padding: 70px 107px 72px 102px;
		background: linear-gradient(180deg, #F5FAFF 0%, #F5FAFF 100%);
		border-radius: 24px;
		margin: auto;
	}
	.security_banner-title {
		font-family: PingFang SC;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: 2px;
		color: #191C1E;
		margin-top: 80px;
	}
	.security_banner-desc{
		font-family: PingFang SC;
		font-size: 21px;
		line-height: 32px;
		color: #777A8C;
		margin-top: 20px;
	}
	
	.fxpc{
		width: 1018px;
		margin: auto;
	}
	.bt02{
		width: 100%;
		float: left;
		margin-top: 45.5px;
		text-align: center;
		margin-bottom: 36px;
	}
	.bt02 dl dt{
		font-size: 32px;
		line-height: 42px;
		color: #191C1E;
		letter-spacing: 1px;
	}
	.bt02 dl dd{
		font-size: 17px;
		line-height: 28px;
		color: #9598AB;
		margin: 20px 0;
	}
	.fxpc01{
		width: 100%;
		border: 1px solid #EEEFF0;
		padding: 30px;
		justify-content: space-between;
		align-items: center;
		transition: 0.2s background;
		border-radius: 8px;
		height: 115px;
		display: flex;
	}
	.fxpc01:hover{
		background: #fafafa;
		cursor: pointer;
	}
	.link-block_info-wrapper{
		display: flex;
		align-items: center;
	}
	.link-block_info{
		margin-left: 20px;
	}
	.link-block_info dl dt{
		font-size: 21px;
		line-height: 26px;
		color: #43454F;
	}
	.link-block_info dl dd{
		font-size: 17px;
		line-height: 17px;
		color: ##9598AB;
		margin-top: 12px;
	}
	.direction-link-block_arrow{
		width: 24px;
		height: 24px;
	}
	.action-link-block_action-button{
		width: 150px;
		height: 45px;
		background: #538CD9;
		border-radius: 8px;
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		cursor: pointer;
	}
	.action-link-block_action-button:hover{
		background: #468BDF;
	}
	.line110{
		width: 100%;
		height: 110px;
	}
	.help{
		width: 300px;
		margin: auto;
	}
	.help01{
		width: 100%;
		border: 1px solid #EBF0F4;
		float: left;
		border-radius: 8px;
		background-color: #fafafa;
		margin-top: 140px;
	}
	.wz{
		width: auto;
		float: left;
		margin-top: 30px;
		margin-left: 20px;
		font-size: 16px;
	}
	.wz02{
		width: auto;
		float: right;
		text-align: center;
		font-size: 12px;
		line-height: 18px;
		margin: 10px;
	}
	.help02{
		width: 100%;
		float: left;
		margin-top: 30px;
		font-size: 14px;
		line-height: 20px;
	}
	.asktitle {
		font-size: 32px;
		line-height: 37px;
		color: #383838;
		font-weight: 500;
	}
	.sections {
		padding-top: 60px;
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.section {
		width: 320px;
		padding-bottom: 60px;
	}
	.section a {
		display: block;
		font-weight: normal;
	}
	.section .section-title {
		font-size: 17px;
		line-height: 24px;
		color: #383838;
		margin-bottom: 20px;
	}
	.section .article-title {
		font-size: 15px;
		line-height: 24px;
		color: #098DE5;
		margin: 15px 0;
	}
	.section .article-title a{
		color: #098DE5;
	}
	.section .article-title a:hover {
		text-decoration: underline;
	}
	.xiazai{
		width: 500px;
		margin: auto;
	}
	.xiazai01{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 17px;
		line-height: 26px;
		color: #777a8c;
		margin-top: 120px;
	}
	.xiazai01 p{
		margin-bottom: 10px;
		margin-top: 10px;
		letter-spacing: 0.4px;
	}
	.xiazai01 img{
		vertical-align: middle;
		margin-left: 5px;
	}
	.download-area-icon{
		width: 72px;
		height: 72px;
	}
	.download-area-title{
		font-size: 21px;
		line-height: 26px;
		text-align: center;
		color: #43454f;
		font-weight: 400;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.more-detail {
		display: inline-block;
		align-items: center;
		font-size: 14px;
		line-height: 1.39;
		color: #777a8c;
		text-align: left;
		text-decoration: none;
		transition-property: all;
		transition-duration: 0.2s;
		outline: none;
		white-space: nowrap;
	}
	.fake-warning {
		width: calc(100% - 1px);
		background: #FFFAF0;
		border: 0.5px solid #F9EAC8;
		box-sizing: border-box;
		border-radius: 16px;
		position: relative;
		margin-top: 35px;
		padding: 15px 24px;
		text-align: left;
		z-index: 1;
		font-size: 13px;
		line-height: 24px;
		float: left;
	}
	.guard-img{
		position: absolute;
		right: -2.89px;
		top: -25px;
	}
	.learn-more-link{
		color: #D87400;
	}
	.right-domain{
		margin-top: 6px;
	}
	.checksum-wrapper{
		width: 100%;
		background: #FAFAFA;
		padding: 15px;
		border-radius: 16px;
		position: relative;
		 z-index: 0;
		 display: flex;
	}
	.checksum-wrapper .checksum_header{
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		width: 100%;
	}
	.checksum-wrapper .arrow-bottom {
		transition: all 0.2s;
	}
	.checksum-wrapper .checksum_line{
		display: flex;
		align-items: center;
	}
	.checksum-wrapper .apk-version {
		font-size: 12px;
		font-weight: 400;
	}
	.checksum-wrapper .checksum_expand {
		width: 16px;
		height: 16px;
		margin-right: 4px;
	}
	.checksum-wrapper .checksum_line a{
		color: #1890ff;
	}
	.line3{
		width: 100%;
		max-width: 100%;
		height: 1px;
		box-shadow: inset 0 0.5px 0 0 #e1e6ea;
		background-color: #ffffff;
		margin: 70px auto 0;
		display: flex;
	}
	.feature-wrapper{
		display: flex;
		justify-content: center;
		margin: auto;
		padding: 70px 0 70px 0;
		width: 100%;
	}
	.flex-column2{
		width: 270px;
		display: flex;
		flex-flow: column nowrap;
	}
	.flex-column2 dl dt{
		font-size: 21px;
		line-height: 25px;
		color: #43454f;
		margin-bottom: 14px;
		margin-top: 24px;
		text-align: center;
	}
	.flex-column2 dl dd{
		font-size: 15px;
		line-height: 25px;
		color: #949ea6;
		text-align: center;
		margin-top: 0;
		font-weight: 300;
	}
	
	
	
	
	
	
	.header2{
		display: none;
	}
#test1{right:-55px; margin-top:-30px; float:right;  z-index:99999;position:absolute;}	
#test1 img { width:180px;}
}



@media (max-width:1199px) {
#test1{right:10px; margin-top:-3rem; float:right;  z-index:99999;position:absolute;}	
#test1 img { width:180px;}
	.innav2{
		width: auto;
		float: right;
	}
	.innav2 ul li{
		width: auto;
		height: 4.0rem;
		float: left;
		text-align: center;
		line-height: 4.0rem;
		margin: 0px 6px;
		font-size:0.9rem;
	}
	.innav2 ul li a{
		padding: 8px 16px;
	}
.nymain{width: 100%;float: left;margin-top: 50px;}
	.newtitle{ font-size:27px; float:left; width:100%; line-height:31px; text-align:left; color:#1B2E36; font-weight:bold}
	.newdate{ width:100%; float:left; font-size:15px; color:#8992B1; margin-top:13px; text-align:left; line-height:22px;}
	.ywtex{ width:100%; float:left; font-size:14px; line-height:1.5; border-top:1px solid #EAECF6;margin-top:35px; padding-top:35px; color:#43454;word-break:break-all;}
	.ywtex img{ max-width:100%; height:auto}
	.header{
		width: 100%;
		float: left;
		height: 4.0rem;
	}
	.top{
		width: 100%;
		float: left;
		background-color: #FFF7E5;
		height: auto;
		line-height: 1.5rem;
		color: #191C1E;
		font-size: 0.8rem;
		text-align: center;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
	}
	.top a{
		color: #D87400;
	}
	.top img{
		vertical-align: middle;
	}
	.main{
		width: 90%;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.innav{
		width: auto;
		float: left;
	}
	.innav ul li{
		width: auto;
		height: 4.0rem;
		float: left;
		text-align: center;
		line-height: 4.0rem;
		margin: 0px 0.2rem;
		font-size: 0.8rem;
	}
	.innav ul li a{
		padding: 0.1rem 0.5rem;
	}
	.innav ul li i{
		padding:0.3rem; 
		background:url(../images/xjt2.png) no-repeat center / contain;
		margin-left: 0.2rem;
		display: none;
	}
	.innav ul li:hover i{
		background:url(../images/xjt2.png) no-repeat center / contain;
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		transform:rotate(180deg);
		-webkit-transition:all .25s ease 0s;
		-moz-transition:all .25s ease 0s;
		-o-transition:all .25s ease 0s;
		transition:all .25s ease 0s;
	}
	.innav ul li a:hover{
		background-color: #e5e5e5;
		border-radius: 5px;
	}
	.down{
		width: auto;
		height: 2.0rem;
		float: right;
		text-align: center;
		margin-top: 1.0rem;
		background-color: #468BDF;
		border-radius: 0.5rem;
		color: #FFFFFF;
		line-height: 2.0rem;
		font-size: 0.8rem;
	}
	.down a{
		color: #FFFFFF;
		padding: 0px 0.5rem;
	}
	.tz{
		width: 100%;
		float: left;
		height: 2.5rem;
		line-height: 2.5rem;
		background-color: #F5F7FA;
		font-size: 0.8rem;
	}
	.tz img{
		vertical-align: middle;
		margin-right: 0.5rem;
	}
	.m01{
		width: 100%;
		float: left;
		margin-top: 2.0rem;
		background-color: #fafafa;
		border-radius: 1.5rem;
		height: auto;
		position: relative;
	}
	.m01-l{
		width: auto;
		float: left;
		margin-left: 2.0rem;
		height: auto;
		display: table;
		margin-top: 2.0rem;
	}
	.m01-l div{
		display: table-cell;
		vertical-align: middle;
		text-align:center;
	}
	.m01-l h1{
		font-size: 1.2rem;
		color: #43454f;
		font-weight: normal;
		line-height: 2.0rem;
	}
	.m01-l dl dt{
		font-size: 1.0rem;
		line-height: 1.5rem;
		color: #777A8C;
		margin-top: 0.5rem;
		text-align:center
	}
	.m01-l dl dd{
		margin-top: 1.0rem;
		display: flex;
		text-align:center;
		justify-content: center;
	}
	.m01-l dl dd a{
		width: 8rem;
		height: 2.5rem;
		background-color: #468BDF;
		border-radius: 8px;
		text-align: center;
		line-height: 2.5rem;
		font-size: 0.8rem;
		color: #FFFFFF;
	}
	.m01-r{
		width: 100%;
		float: left;
		margin-top: 2.0rem;
		margin-bottom: 2.0rem;
	}
	.m01-r img{
		width: 100%;
		height: auto;
		display: block;
	}
	.feature{
		width: 100%;
		float: left;
		background-color: #468BDF;
		padding: 2.0rem 0 2.5rem 0;
	}
	.feature{
		width: 100%;
		float: left;
		margin-top: 2.0rem;
	}
	.feature h1{
		font-size: 1.2rem;
		line-height: 2.0rem;
		font-weight: normal;
		text-align: center;
		color: #FFFFFF;
	}
	.feature h2{
		font-size: 1.0rem;
		line-height: 1.5rem;
		margin-top: 0.5rem;
		text-align: center;
		font-weight: normal;
		color: #FFFFFF;
	}
	.feature ul li{
		width: 100%;
		height: 6rem;
		background-color: rgba(255, 255, 255, 0.1);
		border: 1px solid rgba(255, 255, 255, 0.2);
		display: table;
		text-align: center;
		border-radius: 12px;
		margin-top: 1.0rem;
	}
	.feature ul li dl{
		display: table-cell;
		vertical-align: middle;
	}
	.feature ul li dl dt{
		font-size: 1.2rem;
		line-height: 2.0rem;
		color: #FFFFFF;
	}
	.feature ul li dl dd{
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: rgba(255, 255, 255, 0.5);
		margin-top: 0.5rem;
	}
	.color2{
		background-color: #057FB8;
	}
	
	.m02{
		width: 100%;
		float: left;
		padding: 2.0rem 0px;
		text-align: center;
	}
	.m02 img{
		vertical-align: middle;
		max-width: 80%;
	}
	.m02 .tex{
		width: 100%;
		position: relative;
		float: left;
		padding-bottom: 2.0rem;
	}
	.m02 .tex h1{
		font-size: 1.2rem;
		line-height: 2.0rem;
		color: #191C1E;
		font-weight: normal;
	}
	.m02 .tex h2{
		font-size: 1.0rem;
		line-height: 1.5rem;
		color: #777A8C;
		font-weight: normal;
		margin-bottom: 1.0rem;
		margin-top: 0.2rem;
	}
	.m02 .tex .a01{
		display: flex;
	}
	.m02 .tex .a01 dl dt{
		font-size: 1.2rem;
		line-height: 2.0rem;
		color: #468BDF;
		margin-bottom: 0.5rem;
	}
	.m02 .tex .a01 dl dd{
		font-size: 0.9rem;
		color: #777A8C;
		margin-top: 1px;
	}
	.m02 .tex .a01 dl dd i{
		font-size: 0.8rem;
		color: #E1E6EA;
		margin-top: -2px;
		margin: 0px 1.0rem;
	}
	.m02 .tex .a01 .sx{
		width: 1px;
		height: 5rem;
		margin: 0 1.0rem;
		background-color: #E1E6EA;
		display: block;
	}
	
	.mart110{
		margin-top: 3.0rem;
	}
	.m02 .tex .billboard{
		width: 100%;
		left: 0;
		top: 1.0rem;
		border-radius: 8px;
		position: absolute;
		border: 1px solid #e8e8e8;
		z-index: 1;
		background-color: #FFFFFF;
		overflow: hidden;
	}
	.m02 .tex .billboard .item{
		padding: 0.5rem 1.0rem 0.5rem 1.0rem;
		border-bottom: 1px solid #EAECF6;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
	}
	.m02 .tex .billboard .item:hover{
		background: #F2F4F5;
		cursor: pointer;
	}
	.m02 .tex .billboard .item .profit{
		font-size: 1.2rem;
		color: #FAC166;
	}
	.m02 .tex .billboard .item .desc{
		font-size: 0.8rem;
		color: #777A8C;
		margin-top: 1px;
	}
	
	.m02 .tex .billboard .item .item-right{
		justify-content: space-between;
		flex: 1;
		padding-left: 1.0rem;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		font-size: 0.8rem;
	}
	.m02 .tex .billboard .item .item-right .item-title{
		color: #777A8C;
		margin-top: 0.5rem;
		font-size: 0.8rem;
		line-height: 1.5rem;
	}
	.partner{
		width: 100%;
		float: left;
		background-color: #F6F8FB;
	}
	.partner-inner{
		width: 100%;
		float: left;
		padding: 2.0rem 0px;
	}
	.partner-inner h1{
		font-size: 1.5rem;
		line-height: 2.5rem;
		margin-bottom: 1.0rem;
		color: #191C1E;
		font-weight: normal;
	}
	.partner-list{
		width: 100%;
		float: left;
	}
	.partner-list ul{
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}
	.partner-list ul li{
		transition-property:opacity;
		opacity:0.5;
		transition-duration:0.25s;
		width: 50%;
	}
	.partner-list ul li img{
		width: 80%;
		display: block;
	}
	.partner-list ul li:hover{
		opacity: 1;
	}
	
	.contact{
		width: 100%;
		float: left;
		padding-top: 2.0rem;
		padding-bottom: 2.0rem;
	}
	.contact h1{
		font-size: 1.5rem;
		line-height: 2.0rem;
		font-weight: normal;
		color: #191C1E;
		letter-spacing: 1px;
		text-align: center;
	}
	.contact01{
		width: 100%;
		float: left;
		margin-top: 2.0rem;
	}
	.contact-item{
		width: 100%;
		float: left;
		text-align: center;
		margin-bottom: 1.5rem;
	}
	.contact-item img{
		vertical-align: middle;
	}
	.contact-item h2{
		font-size: 1.2rem;
		line-height: 1.5rem;
		color: #777A8C;
		margin-top: 1.0rem;
		font-weight: normal;
	}
	.contact-item dl dt{
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #777A8C;
		margin-top: 0.5rem;
	}
	.contact-item dl dd{
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #C4C9D9;
	}
	
	.download{
		width: 100%;
		float: left;
		height: auto;
		background-color: #F6F8FB;
	}
	.download01{
		width: 100%;
		float: left;
		margin-top: 2.0rem;
	}
	.experience_desc {
		font-weight: 400;
		font-size: 1.2rem;
		line-height: 1.5rem;
		float: left;
		letter-spacing: 0.4px;
		color: #777A8C;
		margin-bottom: 1.0rem;
	}
	 .download-btn {
	 	width: 8rem;
	 	height: 2.5rem;
	 	background: #468BDF;
	 	border-radius: 8px;
	 	display: flex;
	 	justify-content: center;
	 	align-items: center;
	 	font-weight: 500;
	 	font-size: 0.8rem;
	 	color: #FAFCFF;
	 }
	.example {
		height: auto;
		max-width: 100%;
		margin-top: 2.0rem;
	}
	.foot{
		width: 100%;
		padding-top: 2.0rem;
		float: left;
	}
	.foot ul li{
		width: 50%;
		float: left;
	}
	.foot ul li dl dt{
		font-size: 0.8rem;
		color: #63727d;
		margin: 0.5rem 0;
		font-weight: bold;
	}
	.foot ul li dl dd{
		font-size: 0.8rem;
		margin-bottom: 0.5rem;
		color: #777A8C;
	}
	.foot ul li dl dd a{
		color: #777A8C;
	}
	.foot ul li dl dd a:hover{
		color: #333;
	}
	.foot02{
		width: 100%;
		float: left;
		margin-top: 1.0rem;
	}
	.social{
		width: 100%;
		float: left;
	}
	.social img{
		vertical-align: middle;
		margin-right: 0.5rem;
		opacity: 0.5;
	}
	.social img:hover{ opacity: 1;}
	.nav-info {
		width: 100%;
		float: left;
		margin-top: 1.0rem;
		font-size: 0.8rem;
	}
	.nav-info img{
		vertical-align: middle;
		margin-right: 0.5rem;
	}
	.fwtk{
		margin-left: 0.8rem;
		margin-right: 0.8rem;
	}
	.links-item{
		width: 100%;
		float: left;
		margin-top: 1.0rem;
		position: relative;
	}
	.subscribe-input{
		border-radius: 1.5rem;
		background-color: #f2f4f5;
		border: none;
		outline: none;
		padding-left: 1.0rem;
		height: 2.5rem;
		width: 100%;
		font-size: 0.8rem;
		color: #999999;
	}
	.subscribe-icon{
		position: absolute;
		right: 0.5rem;
		top: 0.8rem;
		z-index: 11;
		height: 1.0rem;
	} 
	.links-item p{
		margin-top: 10px;
	}
	.friend-link {
		width: 100%;
		float: left;
		border-top: 1px solid #F4F6F9;
		margin-top: 1.0rem;
		font-weight: normal;
		padding-top: 1.0rem;
		padding-bottom: 1.0rem;
	}
	.friend-title {
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #C4C9D9;
		font-weight: normal;
	}
	.friend-links a {
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #777A8C;
		margin-right: 0.5rem;
		font-weight: normal;
	}
	.friend-links a:hover {
		color: #191C1E;
	}
	
	.about{
		width: 100%;
		float: left;
		background-image: url(../images/map-bg-d79e6d811b9bdfd59ad6b0eb4facb8fb.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 2.0rem 0 2.0rem 0;
	}
	.about h1{
		font-size: 1.5rem;
		line-height: 2.0rem;
		color: #191C1E;
		font-weight: normal;
		text-align: center;
	}
	.about01{
		justify-content: space-around;
		margin-top: 1.0rem;
		align-items: flex-start;
		display: flex;
		flex-flow:row nowrap
	}
	.flex-column{
		width: 48%;
		display: flex;
		flex-flow:column nowrap;
		align-items: center;
		justify-content: space-between;
		text-align: center;
	}
	.flex-column dl dt{
		font-size: 1.2rem;
		line-height: 1.5rem;
		color: #43454f;
		margin-bottom: 0.5rem;
		margin-top: 1.0rem;
		text-align: center;
	}
	.flex-column dl dd{
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #949ea6;
		text-align: center;
	}
	.company-media{
		width: 100%;
		float: left;
		margin-top: 2.0rem;
		height: auto;
	}
	.company-media ul li{
		width: 100%;
		height: auto;
		border-radius: 12px;
		overflow: hidden;
		margin-top: 1.0rem;
	}
	.company-media ul li img{
		width: 100%;
		height: 100%;
		display: block;
	}
	.events{
		width: 100%;
		float: left;
		background-color: #F6F8FB;
		padding-bottom: 3.0rem;
		padding-top: 2.0rem;
	}
	.events h1{
		font-size: 1.5rem;
		line-height: 2.0rem;
		color: #191C1E;
		font-weight: normal;
		text-align: center;
	}
	.big-events{
		width: 100%;
		margin-top: 3.0rem;
		float: left;
	}
	.event-line{
		display: flex;
		flex-flow:row nowrap;
	}
	.line{
		width: 10px;
		border-left: 0.5px dashed #2F3133;
		position: relative;
	}
	.line:before{
		content: ' ';
		position: absolute;
		left: -3px;
		top: -3px;
		width: 5px;
		height: 5px;
		background-color: black;
		border-radius: 50%;
	}
	.event-desc{
		padding-left: 5px;
		font-size: 0.8rem;
		color: #777A8C;
		line-height: 1.5rem;
		margin-top: -1.0rem;
	}
	.b01{
		left: 20px;
		top: 0;
		height: 4.0rem;
	}
	.b02{
		height: 4.0rem;
		left: 20px;
		top: 0;
	}
	.b03{
		height: 4.0rem;
		left: 20px;
		top: 0;
	}
	.b04{
		height: 4.0rem;
		left: 20px;
		top: 0;
	}
	.b05{
		height: 4.0rem;
		left: 20px;
		top: 0;
	}
	.b06{
		height: 4.0rem;
		left: 20px;
		top: 0;
	}
	.b07{
		height: 4.0rem;
		left: 20px;
		top: 0;
	}
	.b08{
		height: 4.0rem;
		left: 20px;
		top: 0;
	}
	.b09{
		height: 4.0rem;
		left: 20px;
		top: 0;
	}
	.x-axis{
		display: flex;
		flex-flow: row nowrap;
		border-bottom: 2px solid #2F3133;
		display: none;
	}
	.year{
		height: 8px;
		border-left: 3px solid #2F3133;
	}
	.year h3{
		font-weight: 800;
		font-size: 25px;
		color: #2F3133;
		margin-top: 10px;
		position: relative;
		left: -30px;
	}
	.year-2016{
		width: 313px;
	}
	.year-2016 h3{
		left: 0;
	}
	.year-2018{
		width: 220px;
	}
	.year-2019{
		width: 220px;
	}
	.year-2020{
		width: 220px;
	}
	.join-us{
		float: left;
		margin-top: 1.0rem;
		width: 100%;
		text-align: center;
		padding: 2.0rem 0;
	}
	.join-us img{
		max-width: 80%;
		height: auto;
	}
	.text-part{
		width: 100%;
		float: left;
		margin-top: 2.0rem;
	}
	.text-part h1{
		font-size: 1.5rem;
		line-height: 2.0rem;
		color: #191C1E;
		font-weight: normal;
	}
	.text-part p{
		margin-top: 1.0rem;
	}
	.text-part p a{
		width: 8.0rem;
		height: 2.5rem;
		border: 1px solid #43454F;
		box-sizing: border-box;
		border-radius:8px;
		color: #43454F;
		text-align: center;
		line-height: 2.5rem;
		display: inline-block;
	}
	.text-part p a:hover{
		background-color: #43454F;
		color: #FFFFFF;
	}
	.join{
		width: 100%;
		height: auto;
		background-color: #fafbfc;
		float: left;
	}
	.join-inner{
		width: 90%;
		float: left;
		padding: 2.0rem 0;
		position: relative;
		height: auto;
		margin-left: 5%;
		margin-right: 5%;
		padding-bottom: 0px;
		text-align: center;
	}
	.content{
		width: 100%;
		float: left;
	}
	.content h1{
		font-size: 1.5rem;
		line-height: 1.41;
		color: #11293b;
		font-weight: normal;
	}
	.content p{
		margin-top: 1.0rem;		
	}
	
	.icon {
		max-width: 80%;
		height: auto;
		margin-top: 2.0rem;
	}
	.nyab{
		width: 100%;
		float: left;
		padding: 2.0rem 0;
	}
	.nyab01{
		width: 90%;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
	}
	.nyab h1{
		font-size: 1.5rem;
		line-height: 1.28;
		color: #11293b;
		font-weight: normal;
		margin-bottom: 0.5rem;
	}
	.nyab dl dd{
		font-size: 0.8rem;
		line-height: 1.68;
		color: #63727d;
	}
	.nyab dl dt{
		margin-bottom: 0.5rem;
		margin-top: 1.0rem;
		color: rgba(0, 0, 0, 0.85);
		font-size: 0.8rem;
	}
	.line60{
		height: 2.0rem;
	}
	.office {
		width: 100%;
		background-color: #363c4d;
		background-image: url(../images/map-90163ebb75e68ef379698174f3135b8a.svg);
		background-size: contain;
		float: left;
		padding: 2.0rem 0;
	}
	.main02{
		width: 90%;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
	}
	.bt{
		width: 100%;
		float: left;
	}
	.bt dl dt{
		margin-bottom: 1.0rem;
		font-size: 1.5rem;
		line-height: 1.28;
		color: #FFFFFF;
		text-align: center;
	}
	.bt dl dd{
		font-size: 0.8rem;
		line-height: 1.68;
		margin-bottom: 1.0rem;
		color: #c2c8cc;
		text-align: center;
	}
	.swiper-container{
		border-radius: 4px;
		box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
		background-color: #fff;
		width: 100%;
		float: left;
		overflow: hidden;
	}
	 .card{
	 	padding: 1.0rem 1.0rem;
	 	background-color: #fff;
	 }
	.card .pic{
		width: 100%;
		height: auto;
		border-radius: 4px;
		overflow: hidden;
	}
	.card .pic img{
		width: 100%;
		height: auto;
		display: block;
	}
	.card .content2{
		width: 100%;
		float: left;
		margin-top: 1.0rem;
		padding-bottom: 1.0rem;
	}
	.content2 .title{
		font-size: 1.0rem;
		font-weight: normal;
		line-height: 1.33;
		color: #11293b;
		margin-bottom: 0.5rem;
		text-align: left;
	}
	.content2 .desc{
		font-size: 0.8rem;
		font-weight: 300;
		color: #949ea6;
		line-height: 1.43;
		text-align: left;
		margin-bottom: 0;
	}
	
	.main03{
		width: 90%;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
	}
	.jobs-inner{
		width: 100%;
		float: left;
		padding: 2.0rem 0;
	}
	.jobs-inner h1{
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1.28;
		text-align: center;
		color: #11293b;
		margin-bottom: 1.0rem;
	}
	.careers{
		width: 100%;
		float: left;
		margin-top: 1.0rem;
	}
	.careers-l{
		width: 100%;
		float: left;
	}
	.careers-l dl dd{
		font-size: 1.0rem;
		font-weight: normal;
		text-decoration: none;
		color: #979da1;
		margin-bottom: 0.5rem;
		cursor: pointer;
		width: 25%;
		float: left;
		text-align: center;
		line-height: 2.5rem;
	}
	.careers-l dl dt{
		color: #11293b;
		font-size: 0.8rem;
		font-weight: normal;
		text-decoration: none;
		margin-bottom: 0.5rem;
		cursor: pointer;
		width: 25%;
		float: left;
		text-align: center;
		line-height: 2.5rem;
	}
	.careers-l dl dt a{
		color: #11293b;
	}
	.careers-r{
		flex:1
	}
	.position-item{
		position: relative;
		border-radius: 4px;
		border: solid 1px #e9ebee;
		padding: 0.5rem 1.0rem;
		margin-bottom: 1.0rem;
		display: flex;
		justify-content: center;
		flex-direction: column;
		cursor: pointer;
	}
	.position-item.hide{
		display: none;
	}
	.position-item .position{
		font-size: 0.8rem;
		line-height: 1.5rem;
		font-weight: 500;
		color: #098de6;
		position: relative;
	}
	.position-item .position .hot{
		width: 1.0rem;
		height: 1.0rem;
		position: absolute;
		display: inline-block;
		top: -1px;
		margin-left: 0.2rem;
	}
	.position-item .location{
		display: flex;
		align-items: center;
		margin-top: 0.5rem;
	}
	.position-item .location .location-item{
		display: flex;
		align-items: center;
		margin-right: 0.5rem;
	}
	.position-item .location .location-item .region {
		margin-right: 6px;
		vertical-align: middle;
	}
	.position-item .location .location-item p{
		font-size: 0.8rem;
		font-weight: normal;
		color: #979da1;
		margin: 0;
	}
	.position-item .entry{
		position: absolute;
		right: 1.0rem;
		top: 1.0rem;
	}
	.position-item .position .hot {
		width: 24px;
		height: 24px;
		position: absolute;
		display: inline-block;
		top: -1px;
		margin-left: 8px;
	}
	
	.modal__overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.6);
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 9999;
		display: none;
	}
	.modal__container {
		background-color: #fff;
		width: 740px;
		border-radius: 4px;
		box-sizing: border-box;
	}
	.modal__container .modal__header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 90px;
		padding: 0 40px;
	}
	.modal__container .modal__title {
		margin-top: 0;
		margin-bottom: 0;
		font-weight: 600;
		font-size: 1.25rem;
		line-height: 1.25;
		color: #098de6;
		box-sizing: border-box;
	}
	.modal__container .modal__close {
		background: transparent;
		border: 0;
		outline: none;
	}
	.modal__container .modal__header .modal__close:before {
		content: "\2715";
	}
	.modal__container .modal__content {
		padding: 0 40px;
		line-height: 1.5;
		color: rgba(0, 0, 0, 0.8);
		max-height: 380px;
		overflow-y: auto;
	}
	.modal__container .modal__content .modal__content__title {
		font-size: 18px;
		font-weight: 500;
		line-height: 1;
		color: #11293b;
		border-left: 3px solid #0084ff;
		padding-left: 10px;
		margin-bottom: 12px;
	}
	.modal__container .modal__content ul {
		padding-left: 1em;
		margin-bottom: 2em;
		margin-top: 0;
	}
	.modal__container .modal__content ul li {
		font-size: 14px;
		font-weight: normal;
		line-height: 1.57;
		letter-spacing: normal;
		color: #344857;
	}
	.modal__container .modal__footer {
		border-top: 0.5px solid #d8d8d8;
		padding: 28px 0;
		text-align: center;
	}
	.modal__container .modal__btn {
		font-size: 0.875rem;
		padding-left: 3rem;
		padding-right: 3rem;
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
		border-radius: 4px;
		background-color: #098de6;
		box-shadow: 0 2px 8px 0 #e6e8eb;
		color: #fff;
		border-radius: 0.25rem;
		border-style: none;
		border-width: 0;
		cursor: pointer;
		text-transform: none;
		text-decoration: none;
		overflow: visible;
		line-height: 1.15;
		margin: 0;
		will-change: transform;
		-moz-osx-font-smoothing: grayscale;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		transition: -webkit-transform 0.25s ease-out;
		transition: transform 0.25s ease-out;
		transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
	}
	.modal__container .modal__btn:focus,
	.modal__container .modal__btn:hover{
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	.modal__container .modal__btn-primary {
		background-color: #098de6;
		color: #fff;
	}
	
	.safe{
		width: 100%;
		float: left;
		padding: 2.0rem 0;
		border-bottom: 0.5px solid #E1E6EA;
		border-top: 0.5px solid #E1E6EA;
	}
	.main04{
		width: 90%;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
	}
	.security_banner{
		width: 100%;
		float: left;
		border-bottom: 0.5px solid #EBF0F4;
		border-top: 0.5px solid #EBF0F4;
		background: linear-gradient(180deg, #F5FAFF 0%, #F5FAFF 100%);
		border-radius: 1.5rem;
		padding-bottom: 2.0rem;
		text-align: center;
	}
	.security_banner img{
		max-width: 80%;
		height: auto;
	}
	.security_banner-title {
		font-family: PingFang SC;
		font-size: 1.5rem;
		line-height: 2.0rem;
		letter-spacing: 2px;
		color: #191C1E;
		margin-top: 2.0rem;
		margin-left: 2.0rem;
		text-align: left;
	}
	.security_banner-desc{
		font-family: PingFang SC;
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #777A8C;
		margin-top: 1.0rem;
		margin-left: 2.0rem;
		margin-bottom: 2.0rem;
		text-align: left;
	}
	
	.fxpc{
		width: 90%;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
	}
	.bt02{
		width: 100%;
		float: left;
		margin-top:2.0rem;
		text-align: center;
		margin-bottom: 1.0rem;
	}
	.bt02 dl dt{
		font-size: 1.5rem;
		line-height: 2.0rem;
		color: #191C1E;
		letter-spacing: 1px;
	}
	.bt02 dl dd{
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #9598AB;
		margin: 1.0rem 0;
	}
	.fxpc01{
		width: 100%;
		border: 1px solid #EEEFF0;
		padding: 1.0rem;
		justify-content: space-between;
		align-items: center;
		transition: 0.2s background;
		border-radius: 8px;
		height: auto;
		display: flex;
	}
	.fxpc01:hover{
		background: #fafafa;
		cursor: pointer;
	}
	.link-block_info-wrapper{
		display: flex;
		align-items: center;
	}
	.link-block_info{
		margin-left: 1.0rem;
	}
	.link-block_info dl dt{
		font-size: 1.2rem;
		line-height: 1.5rem;
		color: #43454F;
	}
	.link-block_info dl dd{
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: ##9598AB;
		margin-top: 0.8rem;
	}
	.direction-link-block_arrow{
		width: 24px;
		height: 24px;
	}
	.action-link-block_action-button{
		width: 8rem;
		height: 2.0rem;
		background: #538CD9;
		border-radius: 8px;
		font-size: 0.8rem;
		font-weight: 500;
		line-height: 2.0rem;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		cursor: pointer;
	}
	.action-link-block_action-button:hover{
		background: #468BDF;
	}
	.line110{
		width: 100%;
		height: 3.0rem;
		float: left;
	}
	.help{
		width: 90%;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
	}
	.help01{
		width: 100%;
		border: 1px solid #EBF0F4;
		float: left;
		border-radius: 8px;
		background-color: #fafafa;
		margin-top: 3.0rem;
	}
	.wz{
		width: auto;
		float: left;
		margin-top: 1.0rem;
		margin-left: 1.0rem;
		font-size: 0.8rem;
	}
	.wz02{
		width: auto;
		float: right;
		text-align: center;
		font-size: 0.8rem;
		line-height: 1.0rem;
		margin: 0.2rem;
	}
	.help02{
		width: 100%;
		float: left;
		margin-top: 1.0rem;
		font-size: 0.8rem;
		line-height: 1.5rem;
	}
	.asktitle {
		font-size: 1.5rem;
		line-height: 2.0rem;
		color: #383838;
		font-weight: 500;
	}
	.sections {
		padding-top: 2.0rem;
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.section {
		width: 320px;
		padding-bottom: 2.0rem;
	}
	.section a {
		display: block;
		font-weight: normal;
	}
	.section .section-title {
		font-size: 1.0rem;
		line-height: 1.5rem;
		color: #383838;
		margin-bottom: 1.0rem;
	}
	.section .article-title {
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #098DE5;
		margin: 0.5rem 0;
	}
	.section .article-title a{
		color: #098DE5;
	}
	.section .article-title a:hover {
		text-decoration: underline;
	}
	.xiazai{
		width: 90%;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
	}
	.xiazai01{
		width: 100%;
		float: left;
		text-align: center;
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #777a8c;
		margin-top: 3.0rem;
	}
	.xiazai01 p{
		margin-bottom: 0.5rem;
		margin-top: 0.5rem;
		letter-spacing: 0.4px;
	}
	.xiazai01 img{
		vertical-align: middle;
		margin-left: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.download-area-icon{
		width: 72px;
		height: 72px;
	}
	.download-area-title{
		font-size: 21px;
		line-height: 26px;
		text-align: center;
		color: #43454f;
		font-weight: 400;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.more-detail {
		display: inline-block;
		align-items: center;
		font-size: 0.8rem;
		line-height: 1.39;
		color: #777a8c;
		text-align: left;
		text-decoration: none;
		transition-property: all;
		transition-duration: 0.2s;
		outline: none;
	}
	.fake-warning {
		width: calc(100% - 1px);
		background: #FFFAF0;
		border: 0.5px solid #F9EAC8;
		box-sizing: border-box;
		border-radius: 16px;
		position: relative;
		margin-top: 35px;
		padding: 0.5rem 1.0rem;
		text-align: left;
		z-index: 1;
		font-size: 0.8rem;
		line-height: 1.5rem;
		float: left;
	}
	.guard-img{
		position: absolute;
		right: 0;
		top: -1.0rem;
	}
	.learn-more-link{
		color: #D87400;
	}
	.right-domain{
		margin-top: 0.2rem;
		max-width: 100%;
		height: auto;
	}
	.checksum-wrapper{
		width: 100%;
		background: #FAFAFA;
		padding: 0.5rem;
		border-radius: 0.5rem;
		position: relative;
		 z-index: 0;
		 display: flex;
	}
	.checksum-wrapper .checksum_header{
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		width: 100%;
	}
	.checksum-wrapper .arrow-bottom {
		transition: all 0.2s;
	}
	.checksum-wrapper .checksum_line{
		display: flex;
		align-items: center;
	}
	.checksum-wrapper .apk-version {
		font-size: 0.8rem;
		font-weight: 400;
	}
	.checksum-wrapper .checksum_expand {
		width: 16px;
		height: 16px;
		margin-right: 4px;
	}
	.checksum-wrapper .checksum_line a{
		color: #1890ff;
	}
	.line3{
		width: 100%;
		max-width: 100%;
		height: 1px;
		box-shadow: inset 0 0.5px 0 0 #e1e6ea;
		background-color: #ffffff;
		margin: 2.0rem auto 0;
		display: flex;
	}
	.feature-wrapper{
		display: flex;
		justify-content: space-between;
		margin: auto;
		padding: 2.0rem 0 2.0rem 0;
		width: 100%;
	}
	.flex-column2{
		width: 48%;
		display: flex;
		flex-flow: column nowrap;
	}
	.flex-column2 dl dt{
		font-size: 1.0rem;
		line-height: 1.5rem;
		color: #43454f;
		margin-bottom: 0.5rem;
		margin-top: 1.0rem;
		text-align: center;
	}
	.flex-column2 dl dd{
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #949ea6;
		text-align: center;
		margin-top: 0;
		font-weight: 300;
	}

}