html,body{
	width: 100%;
	line-height: 1;
}
@font-face {
	font-family: "DIN Condensed";
	src: url("../font/DIN-Condensed-Bold-2.ttf");
}
@font-face {
	font-family: "PingFang SC";
	src: url("../font/PingFang.ttf");
}
body{
	color: #000000;
	font-family:'PingFang SC', 'sans-serif', 'Microsoft YaHei';
	background: #000000;
	
}
html{
	/* transform: scale(0.75);
	-webkit-transform: -webkit-scale(0.75);
	transform-origin: 50% 0;
	transform-origin: 50% 0; */
}

.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) {
	body{
		font-size: 14px;
	}
	.appPage {
		display: none;
	}

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

	.warperBox {
		width: 900px;
		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: #000000;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 100;
		color: #FFFFFF;
		padding: 25px 0;
	}

	.navBox .logoBox .logo{
		width: 200px;
		margin-left: -55px;
		color:#c7212d;
		font-size:45px;
		margin-bottom: 0;	
	}
	.navBox .item {
		color: #FFFFFF;
	}
	.navBox .item:hover{
		color: #C7212D;
	}
	.navBox .current .item{
		color: #C7212D;
	}

	.navBox .item{
		margin-left: 20px;
		display: block;
		position: relative;
		font-size: 20px;
		cursor: pointer;
	}
	.navBox .item.active{
		color: #C7212D;
	}
	.navBox .diqiuyi{
		width: 40px;
		height: 40px;
		margin-left: 20px;
		cursor: pointer;
	}
	.navBox .diqiuyi.en{
		background: url(../img/home/en.png) no-repeat center;
		background-size: 100% 100%;
	}
	.navBox .diqiuyi.en:hover{
		background: url(../img/home/zh.png) no-repeat center;
		background-size: 100% 100%;
	}
	.navBox .diqiuyi.zh{
		background: url(../img/home/zh.png) no-repeat center;
		background-size: 100% 100%;
	}
	.navBox .diqiuyi.zh:hover{
		background: url(../img/home/en.png) no-repeat center;
		background-size: 100% 100%;
	}

	.footerNav .joinBox{
        padding: 52px 0 80px ;
        color: #FFFFFF;
        border-bottom: 1px solid #4d4d4d;
    }
    .footerNav .joinBox .text{
        font-size: 20px;
    }
    .footerNav .joinBox .input{
        width: 250px;
        padding: 0 10px;
        font-size: 20px;
        height: 72px;
        line-height: 72px;
        background-color: #4d4d4d;
        border-radius: 10px;
        border: none;
        margin-left: 145px;
        color: #FFFFFF;
    }
    .footerNav .joinBox .btn{
        height: 72px;
        line-height: 72px;
        background-color: #C7212D;
        border-radius: 10px;
        font-size: 20px;
        text-align: center;
        width: 182px;
        margin-left: 30px;
        cursor: pointer;
    }
    .footerNav .footerNavWarper{
        padding: 67px 0 200px;
    }
    .footerNav .footerNavWarper .footerNavLogo{
        width: 233px;
        font-size: 55px;
	    font-weight: bold;
	    color: #c7212d;
	    text-align: center;
	    margin-bottom: 20px;
    }
    .footerNav .footerNavWarper .contentBox{
        margin-left: 52px;
        font-size: 16px;
    }
    .footerNav .footerNavWarper .contentBox .itemTitle{
        color: #FFFFFF;
    }
    .footerNav .footerNavWarper .contentBox .item{
        display: block;
        color: #666666;
        margin-top: 20px;
    }
    .footerNav .footerNavWarper .contentBox .item:hover{
        color: #FFFFFF;
    }
    .footer{
        background-color: #1A1A1A;
    }
    .footer .warperBox {
        padding: 35px 0 55px;
    }
    .footer .title{
        font-size: 18px;
        color: #FFFFFF;
    }
    .footer .title span{
        margin-right: 92px;
    }
    .footer .text{
        margin-top: 33px;
        font-size: 18px;
        color: #797979;
    }

}

/* 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{
		text-align: center;
		background: #000000;
		padding: .25rem .45rem;
		position: fixed;
		top: 0;
		width: 100%;
		box-sizing: border-box;
		z-index: 100;
	}
	.navBox .more{
		width: .45rem;
	}
	.navBox .text{
		font-size: .46rem;
		font-family: DIN Condensed;
		font-weight: bold;
		color: #C7212D;
	}
	.navBox .diqiuyi{
		width: .4rem;
	}
	.navBox .diqiuyi{
		width: .4rem;
		height: .4rem;
	}
	.navBox .diqiuyi.en{
		background: url(../img/home/en.png) no-repeat center;
		background-size: 100% 100%;
	}
	.navBox .diqiuyi.en:hover{
		background: url(../img/home/zh.png) no-repeat center;
		background-size: 100% 100%;
	}
	.navBox .diqiuyi.zh{
		background: url(../img/home/zh.png) no-repeat center;
		background-size: 100% 100%;
	}
	.navBox .diqiuyi.zh:hover{
		background: url(../img/home/en.png) no-repeat center;
		background-size: 100% 100%;
	}
	.navBox .navContent{
		position: absolute;
		width: 100%;
		top: .82rem;
		left: 0;
		background: #101B2D;
		box-sizing: border-box;
		padding: 0 .7rem;
		text-align: left;
	}
	.navBox .navContent ul li{
		border-bottom: 1px solid #1A253A;
	}
	.navBox .navContent ul li:last-child{
		border: none;
	}
	.navBox .navContent ul li .item{
		display: block;
		padding: .63rem 0 .2rem;
		font-size: .34rem;
		color: #FFFFFF;
	}
	.navBox .navContent ul li.current .item{
		color: #C7212D;
	}

	.footerNav .joinBox{
		padding: .6rem 0;
		text-align: center;
    }
	.footerNav .joinBox .text{
		font-size: .42rem;	
		font-weight: 500;
		color: #FFFFFF;
	}
	.footerNav .joinBox .input{
        width: 5.52rem;
        padding: 0 .2rem;
        font-size: .35rem;
        height: 1rem;
        background-color: #4d4d4d;
        border-radius: .1rem;
        border: none;
        color: #FFFFFF;
		margin-top: .4rem;
    }
	.footerNav .joinBox .btn{
		width: 3.5rem;
		text-align: center;
		font-size: .35rem;
        height: 1rem;
		line-height: 1rem;
        background-color: #C7212D;
        border-radius: .1rem;
		color: #FFFFFF;
		margin: .4rem auto 0;
	}
	.footerNavWarper{
		padding: .66rem .7rem;
	}
	.footerNavWarper .footerNavLogo{
		width: 2.43rem;
		margin-bottom: .2rem;
		display: block;
	}
	.footerNavWarper .contentBox{
		margin-top: .36rem;
	}
	.footerNavWarper .itemTitle{
		font-size: .2rem;
		color: #FFFFFF;
	}
	.footerNavWarper .itemBox{
		margin-top: .2rem;
	}
	.footerNavWarper .itemBox.marginTop{
		margin-top: .4rem;
	}
	.footerNavWarper .itemBox .item{
		margin-right: .2rem;
		color: #666666;
		font-size: .2rem;
	}
	.footerNavWarper .itemBox .item.marginRight{
		margin-right: .5rem;
	}
	.footerNavWarper .itemBox img{
		width: .54rem;
	}
	.footer{
		background: #1A1A1A;
		padding: .4rem .7rem ;
		font-size: .2rem;
		font-weight: 500;
	}
	.footer .content{
		color: #FFFFFF;
		margin-bottom: .1rem;
	}
	.footer .text{
		color: #797979;
		margin-top: .36rem;
	}
}