.banner{
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: black;
}
.banner img{
	width: 100%;
}
.banner-nr{
	position: absolute;
	width: 100%;
	z-index: 10;
	top: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.banner-nr>p{
	font-size:7vw;
	color: #FFFFFF;
	margin-bottom: 15px;
}
.main{
	font-size: 4vw;
	color: #FFFFFF;
}
.animating-word{
	/*position: absolute;
	top: 160px;*/
	font-size: 4vw;
	color: #FFFFFF;
}
.banner-xd{
	margin-top: 40px;
	width: 80px;
	height: 4px;
	border-radius: 1px;
	background-color: #FFFFFF;
}
.btn{
	width: 140px;
	height: 45px;
	display: flex;
	background-color: #FD5F00;
	border-radius: 50px;
	margin-top: 55px;
	margin-bottom: 20px;
}
.btn>a{
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4vw;
	color: #FFFFFF;
}
.btn:last-child{
	margin-top: 0;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0);
	border: 2px solid #FD5F00;
}
.btn:last-child>a{
	color: #FD5F00;
}
.section2-nr{
	/*width: 100%;*/
	display: grid;
	grid-template-columns: repeat(2,48%);
	grid-row-gap: 15px;
  grid-column-gap: 15px;
  padding: 30px 15px;
}
.section2-nr>div>img{
	width: 100%
}
.section2-nr>div{
	position: relative;
}
.section2-nr>div>p{
	width: 100%;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4vw;
	color: #FFFFFF;
	background:rgba(0,0,0,0.6);
	position: absolute;
	bottom: 3px;
}
/*#mobile_icon_div{
	display: none !important;
}*/
.footer{width: 100%;display: flex;justify-content: space-around;position: fixed;bottom: 0;left: 0;z-index: 100;background: #fff;}
.footer .f_item{overflow: hidden;display: flex;height: 50px; align-items: center; justify-content: center;}
.footer .f_item img{width: 20px;height: 20px;display: block; margin-right: 10px;}
.footer .f_item p{text-align: center;font-size: 15px;color: #FFFFFF;line-height: 50px;}
.footer>div{
	width: 50%;
}
.footer>div:first-child{
	background-color: #0E81C3;
}
.footer>div:last-child{
	background-color: #FE9F21;
}
.section4{width: 100%;padding: 20px 0;}
.section4 .se4_item{width: 100%;text-align: center;margin: 20px auto;}
.section4 .se4_item .op{color: #4FBABC;font-size: 20vw;position: relative;display: inline-block;}
.section4 .se4_item .op i{font-style: normal;color: #333;font-size: 15px;font-weight: 600;position: absolute;top: 0;right: -10px;}
.section4 .se4_item p{font-size: 5vw;color: #333;text-align: center;}

.headline .title{
	font-size:0.64rem;
	line-height:0.64rem;
	color:#333;
}
.headline .line{
	position: relative;
	width:2.4rem;
	margin:0.266667rem auto;
	border-top:1px solid #565656;
}
.headline .line div{
	position: absolute;
	left:50%;
	top:-4px;
	margin-left:-3px;
	height:7px;
	width:7px;
	background: red;
}
.headline .sub-title{
	font-size: 0.426667rem;
	line-height:0.426667rem;
	color:#666;
}
#provide{
	padding-top:1px;
}
#provide .headline{
	margin-top:0.76rem;
}
#provide .balloon{
	margin-top:0.666667rem;
}
#provide .balloon img{
	width: 2.346667rem;
}
#provide .experience{
	margin-top:0.213333rem;
	font-size:0.48rem;
	line-height:0.48rem;
	color:#333;
}
#provide ul{
	overflow: hidden;
	margin:0.546667rem auto 0 auto;
}
#provide li{
	overflow: hidden;
	float:left;
	width:4.386667rem;
	height:0.84rem;
	padding-top:1.84rem;
	margin-top:0.266667rem;
	background-size: contain;
	color:#FFF;
	text-align: center;
}
#provide li:nth-child(2n-1){
	margin-left:0.44rem;
}
#provide li:nth-child(2n){
	margin-left:0.346667rem;
}
#provide li:nth-child(1){
	background-image:url(../images/index_m/provide-1.png) ;
}
#provide li:nth-child(2){
	background-image:url(../images/index_m/provide-2.png) ;
}
#provide li:nth-child(3){
	background-image:url(../images/index_m/provide-3.png) ;
}
#provide li:nth-child(4){
	background-image:url(../images/index_m/provide-4.png) ;
}
#good-at{
	padding-top:1rem;}
#good-at .pic{
	margin-top:50px;
	text-align: left;
}
#good-at .pic img{
	width:65.4667%;
}
#good-at .ul-outer{
	position:relative;
	margin-top:20px;
}
#good-at .ul-outer .selected{
	position: absolute;
	height:240px;
}
#good-at ul{
	overflow: hidden;
	margin-top:0.52rem;
}
#good-at li{
	float:left;
	margin-top:0.293333rem;
	width:4.426667rem;
	height:4.306667rem;
	background-size: contain;
}
#good-at li:nth-child(2n-1){
	margin-left: 0.413333rem;
}
#good-at li:nth-child(2n){
	margin-left:0.32rem;
}
#good-at li:nth-child(1){
	background-image:url(../images/index_m/good-at-1.png) ;
}
#good-at li:nth-child(2){
	background-image:url(../images/index_m/good-at-2.png) ;
}
#good-at li:nth-child(3){
	background-image:url(../images/index_m/good-at-3.png) ;
}
#good-at li:nth-child(4){
	background-image:url(../images/index_m/good-at-4.png) ;
}
#good-at li:nth-child(5){
	background-image:url(../images/index_m/good-at-5.png) ;
}
#good-at li:nth-child(6){
	background-image:url(../images/index_m/good-at-6.png) ;
}
#good-at li:nth-child(7){
	background-image:url(../images/index_m/good-at-7.png) ;
}
#good-at li:nth-child(8){
	background-image:url(../images/index_m/good-at-8.png) ;
}
#good-at li a{
	display: block;
	width:100%;
	height:100%;
}
#good-at .contact{
	display: block;
	width:9.173333rem;
	height:3.346667rem;
	margin:0.2rem auto 0 auto;
	background: url(../images/index_m/good-at-contact.png);
	background-size: contain;
}
#why{
	padding-top:0.413333rem;
}
#why table{
	margin:0 auto 0 auto;
	border-collapse: collapse;
}
#why td{
	display: block;
	float:left;
	/*border:1px solid #e1e1e1;*/
}
#why td .td-inner{
	padding-top:0.1rem;
	width:4.426667rem;
	height:4.5rem;
}
#why td .bg{
	height:1.706667rem;
	max-width: 1.706667rem;
	margin:0.813333rem auto 0 auto;
	background: center center no-repeat;
	background-size: contain;
}
#why tr:nth-child(1) td:nth-child(1) .bg{
	background-image:url(../images/index_m/why-1.png);
}
#why tr:nth-child(1) td:nth-child(2) .bg{
	background-image:url(../images/index_m/why-2.png);
}
#why tr:nth-child(2) td:nth-child(1) .bg{
	background-image:url(../images/index_m/why-3.png);
}
#why tr:nth-child(2) td:nth-child(2) .bg{
	background-image:url(../images/index_m/why-4.png);
}
#why td .title{
	margin-top:0.4rem;
	color:#333;
	font-size:0.533333rem;
	line-height:0.533333rem;
}
#why td .text{
	margin-top:0.32rem;
	color:#666;
	font-size:0.346667rem;
	line-height:0.48rem;
}
#why .count{
	margin-top:1.373333rem;
	padding-bottom: 1.573333rem;
}
#why .count li{
	margin-top:1.253333rem;
}
#why .count .num{
	color:#4fbabc;
	font-size: 1.733333rem;
	line-height:1.733333rem;
}
#why .count span{
	color:#4e575c;
}
#why .count .text{
	margin-top:0.32rem;
	font-size:0.48rem;
	line-height:0.48rem;
	color:#333;
}
#advantage{
	padding-top:0.96rem;
	padding-bottom: 1rem;
	background-color: #21262e;
}
#advantage .headline .title{
	color:#FFF;
}
#advantage .headline .line{
	border-color:#c7c9cb;
}
#advantage .headline .sub-title{
	color:#a1a2a4;
}
#advantage li{
	margin-top:1rem;
	padding:0 0.56rem;
	text-align: left;
}
#advantage li .title{
	position: relative;
	height:0.8rem;
	padding-left:1.32rem;
	color:#FFF;
	font-size:0.426667rem;
	line-height:0.8rem;
}
#advantage li .title div{
	position: absolute;
	top:0;
	left:0;
	height:0.8rem;
	width:0.8rem;
	background: center center no-repeat;
	background-size: contain;
}
#advantage li:nth-child(1) .title div{
	background-image: url(../images/index_m/advantage-ui.png);
}
#advantage li:nth-child(2) .title div{
	background-image: url(../images/index_m/advantage-app.png);
}
#advantage li:nth-child(3) .title div{
	background-image: url(../images/index_m/advantage-back.png);
}
#advantage li:nth-child(4) .title div{
	background-image: url(../images/index_m/advantage-test.png);
}
#advantage li .text{
	margin-top:0.4rem;
	color:#bcbdbe;
	font-size: 0.346667rem;
	line-height:0.48rem;
}
#partner{
	padding:1rem 0;
}
#partner table{
	margin:1.066667rem auto 0 auto;
	border-collapse: collapse;
}
#partner td{
	width:33.3333%;
	padding:0 4%;
	border:1px solid #d2d2d2;
}
#partner td:nth-child(1){
	border-left:0;
}
#partner td:nth-child(3){
	border-right:0;
}
#partner td img{
	width:100%;
}
#partner .point{
	position: relative;
	margin-top:43px;
}
#partner .point ul{
	position: absolute;
	top:0;
	left:50%;
	margin-left:-15px;
}
#partner .point li{
	float:left;
	margin-left:10px;
	height:10px;
	width:10px;
	border-radius: 50%;
	background-color: #adadad;
}
#partner .point li:first-child{
	margin-left:0;
}
#partner .point li.chosen{
	background-color: #0e81c3
}
#flow{
	/*padding:1.066667rem 0;*/
	/*background:url(../images/index_m/flow-bg.png) no-repeat center center;*/
	background-size:cover;
}
#flow .headline{
	margin-bottom: 0.426667rem;
}
#flow .headline .title{
	color:#333333;
}
#flow .headline .line{
	border-color: #000;
}
#flow .headline .sub-title{
	color: #666666;
}
#flow ul{
	overflow: hidden;
	margin-top:10px;
}
#flow li{
	width:50%;
	margin-top:0.533333rem;
	float:left;
}
#flow li .img-div{
	width:1.973333rem;
	height:1.973333rem;
	margin:0 auto;
}
#flow li .img-div img{
	max-height: 100%;
	max-width: 100%;
}
#flow li .text{
	margin-top:0.4rem;
	color:#333333;
	font-size: 0.4rem;
	line-height:0.4rem;
}
#news{
	padding-top:0.96rem;
	padding-bottom: 1rem;
}
#news .links{
	margin-top:1.173333rem;
}
#news .links a{
	display: inline-block;
	padding:0 0.6rem;
	border-left: 2px solid #747474;
	font-size: 0.4rem;
	line-height: 0.4rem;
	color:#333;
}
#news .links a:first-child{
	padding-left: 0;
	border-left: 0;
}
#news .links a:last-child{
	padding-right: 0;
}
#news .first-new .pic{
	margin-top:0.76rem;
	text-align: center;
}
#news .first-new .pic img{
	width:8.333333rem;
}
#news .first-new .title{
	margin-top:0.32rem;
	padding:0 0.84rem;
	font-size: 0.426667rem;
	line-height: 0.64rem;
	color:#0c55ae;
	text-align: left;
	font-weight: bold;
}
#news li{
	overflow: hidden;
	margin-top:0.933333rem;
}
#news li .date{
	float:left;
	margin-left:0.773333rem;
	width:2.346667rem;
	height:2.346667rem;
	color:#FFF;
}
#news li:nth-child(1n+0) .date{
	background-color: #f86575;
}
#news li:nth-child(2n+0) .date{
	background-color: #54bc5b;
}
#news li:nth-child(3n+0) .date{
	background-color: #fe9f21;
}
#news li .date .day{
	font-size:1.2rem;
	line-height:1.2rem;
	margin-top:0.293333rem;
}
#news li .date .year-month{
	font-size:0.4rem;
	line-height:0.4rem;
	margin-top:0.133333rem;
}
#news .content{
	float:left;
	width:60.6666%;
	padding:0 4%;
	text-align: left;
}
#news .content .title{
	font-size:0.426667rem;
	color:#333;
	font-weight: bold;
}
#news .content .text{
	margin-top:0.346667rem;
	font-size:0.346667rem;
	line-height: 0.64rem;
	color:#666;
}

.section6{width: 100%;}
.section6 h1{text-align: center;font-size: 5vw;margin-bottom: 7px;font-weight: 400;}
.section6 h2{text-align: center;font-size: 4vw;margin-bottom: 30px;color: #666666;margin-top: 7px;font-weight: 400;}
.section6 .se6_box{width: 100%;display: flex;flex-flow: wrap;}
.section6 .se6_box .se6_item{width: 33.15%;height: 60px;overflow: hidden;margin: 0px 0 0 0vw;display: flex;align-items: center;justify-content: center;}
.topborder{border-top: 1px solid #f4f3f3;}
.rightborder{border-right: 1px solid #f4f3f3;}
.bottomborder{border-bottom: 1px solid #f4f3f3;}
.leftborder{border-left: 1px solid #f4f3f3;}
.section6 .se6_box .se6_item img{width: 40px;height: 40px;}
.hrline {
    width: 30%;
    margin: auto;
    height: 1px;
    background: #000;
    position: relative;
}
.hrline span {
    width: 5px;
    height: 4px;
    display: block;
    color: red;
    background: red;
    position: absolute;
    top: -1.5px;
    left: 48%;
}
.section1 {
    padding: 15px;
}
.setion1-nr{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2,48%);
	grid-row-gap: 15px;
  grid-column-gap: 15px;
}
.setion1-nr>div>img{
	width: 100%;
}