html,body{
	width: 100%;
	line-height: 1;
}
body{
	color: #000000;
	font-family:'Microsoft YaHei','SF Pro Display',Roboto,Noto,Arial,'PingFang SC';
	text-align: justify;
}

.hide{
	display: none;
}
.pointer{
	cursor: pointer;
}
.hidden{
	overflow: hidden;
}


/*display*/
.display_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.display_inline-flex{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;    
}
.display_inline-flex > *{
    display: block;
}
/*伸缩流方向*/
.flex-direction_column{
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
/*主轴对齐*/
.justify-content_flex-center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.justify-content_flex-end{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.justify-content_flex-justify{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
/*侧轴对齐*/
.align-items_flex-start{
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.align-items_flex-end{
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.align-items_center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.align-items_baseline{
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}
/*伸缩性*/
.flex_auto{
    -webkit-box-flex: 1;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
}
.flex_1{
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;    
}
.flex-wrap{
	-webkit-flex-wrap: wrap;  
	-moz-flex-wrap: wrap;  
	-ms-flex-wrap: wrap;  
	-o-flex-wrap: wrap;  
	flex-wrap: wrap;  
}


a,a:active{
	color: #333333;
	text-decoration: none;
}

a:hover{
	font-weight: bold;
}

/* pc */
@media only screen and (min-width:768px) {
	a:hover{
		font-weight: bold;
	}
	body{
		font-size: 14px;
	}
	.appPage {
		display: none;
	}

	.pcPage {
		width: 100%;
		display: block;
	}

	.warperBox {
		width: 1200px;
		margin: 0 auto;
	}

	h1{
		font-size:42px;
		font-weight: bold;
		color: #000000;
		text-align: center;
		margin-bottom: 20px;
	}

	p{
		font-size: 16px;
		line-height:32px;
	}

	.navBox {
		background: #FFFFFF;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 100;
		border-bottom: 1px solid #d8d8d8;
	}
	.navBox .warperBox{
		width: 1260px;
	}
	.navBox .current .item {
		font-weight: bold;
	}

	.navBox .item{
		margin-left: 44px;
		display: block;
		padding: 24px 0;
		position: relative;
	}
	.navBox .item.active{
		font-weight: bold;
	}
	.navBox .language .item{
		margin-left: 101px;
		font-weight: normal !important;
	}

	.navBox .item .child{
		position: absolute;
		display: none;
		width: 210px;
		background: #FFFFFF;
		top: 53px;
		left: 90px;
		margin-left: -105px;
	}

	.navBox .item:hover .child{
		font-weight: normal;
		display: block;
	}

	.navBox .item .child .list{
		cursor: pointer;
		padding: 15px 20px;
		border-bottom: 1px solid #B3B3B3;
		line-height:21px;
		font-size: 14px;
	}

	.navBox .item .child .list:hover{
		font-weight: bold;
	}

	.navBox .item .gary{
		color: #B3B3B3;
	}
	.navBox .language a:hover{
		font-weight: normal;
	}

	.footer .info{
		background:#132446;
		color:#fff;
		border-bottom: 1px solid #333333;
		padding: 100px 0 60px;
	}
	.footer .info h1{
		color: #fff;
		text-align: left;
	}
	.footer .info .aboutBox{
		margin-top: 59px;
	}
	.footer .info .aboutBox .left{
		width: 600px;
	}
	.footer .info .aboutBox .left .text{
		font-size:16px;
		line-height: 32px;
	}
	.footer .info .aboutBox .left .text.marginTop{
		margin-top: 30px;
	}
	.footer .info .aboutBox .right{
		text-align: right;
	}
	.footer .info .aboutBox .right .footLogo{
		width: 100px;
	}
	.footer .info .aboutBox .right .qrCode{
		margin-top: 50px;
	}
	.footer .info .aboutBox .right .qrCode .item{
		margin-left: 40px;
		text-align: center;
	}
	.footer .info .aboutBox .right .qrCode .text{
		font-size: 12px;
		color: #999999;
		margin-top:14px;
	}
	.footer .support{
		background: #1B1B1B;
		padding: 42px 0;
		color: #999999;
		text-align: center;
	}
}

/* app */
@media only screen and (max-width:768px) {
	html,body{
		height: 100%;
	}
	.pcPage {
		display: none;
	}

	.appPage {
		display: block;
	}

	h1{
		font-size:.42rem;
		font-weight: bold;
		color: #000000;
		text-align: center;
	}

	p{
		font-size: .24rem;
		line-height:.48rem;
	}

	.navBox {
		background: #FFFFFF;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 100;
		box-sizing: border-box;
		padding: .24rem .3rem;
		border-bottom: 1px solid #d8d8d8;
	}

	.navBox.active{
		height: 100%;
	}

	.navBox .logoBox{
		line-height: 0;
	}

	.navBox .logo{
		width: 1.86rem;
	}

	.navBox .more{
		width: .4rem;
	}

	.navBox .navClose{
		width: .4rem;
	}

	.navBox .navList {
		margin-top: .83rem;
		padding-left: .3rem;
	}
	.navBox .navList .item{
		display: block;
		margin-bottom: .59rem;
		font-size: .28rem;
	}
	.navBox .current .item {
		font-weight: bold;
	}
	.navBox .navList .item.active{
		font-weight: bold;
	}
	.navBox .current .item .list,.navBox .navList .item.active .list{
		font-weight: normal;
	}
	.navBox .language{
		position: fixed;
		bottom: 0;
		left: .6rem;
		z-index: 101;
	}
	.navBox .language .item {
		font-weight: normal !important;
	}
	.navBox .navList .item.haveChild{
		margin-bottom:.3rem
	}
	.navBox .navList .item .child{
		padding-left: .3rem;
	}
	.navBox .navList .item .child .list{
		font-size: .2rem;
		color: #808080;
		margin-top: .3rem;
	}
	.footer .info{
		text-align: center;
		background: #1F1F1F;
		border-bottom: 1px solid #333333;
		padding: 1rem .56rem .6rem;
	}
	.footer .info h1{
		color: #CCCCCC;
		margin-bottom: .78rem;
	}
	.footer .info p{
		font-size: .2rem;
		color: #CCCCCC;
		line-height: .4rem;
		text-align: justify;
		text-align-last: center;
	}
	.footer .info p.marginTop{
		margin-top: .5rem;
	}
	.footer .info .qrCode{
		margin-top: .62rem;
	}
	.footer .info .qrCode .item{
		margin: 0 .26rem;
		width: 1.6rem;
	}
	.footer .info .qrCode .item img{
		width: 100%;
		display: block;
	}
	.footer .info .qrCode .item .text{
		font-size: .16rem;
		margin-top: .18rem;
		color: #CCCCCC;
	}
	.footer .support{
		background: #1B1B1B;
		padding: .4rem 0;
		text-align: center;
		font-size: .16rem;
		color: #CCCCCC;
	}
}