@font-face {
	font-family: source;
	src: url("../css/SourceHanSansCN-Regular.otf");
}
@font-face {
	font-family: sourceL;
	src: url("../css/SourceHanSansCN-Light.otf");
}
p,h3,h5,li,a,body,span{
	font-family: source;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #000;
	position: relative;
}

.wrapper-scroll {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow: auto;
	overflow-y:hidden;
	/*overflow-x: hidden;*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
}
.wrapper-scroll::-webkit-scrollbar {
    display: none; /* Chrome Safari */
}
.content {
	width: auto;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: -o-max-content;
	width: -ms-max-content;
	width: max-content;
	height: 100%;
	max-height: 1200px;
	position: relative;
}
section {
	float: left;
	height: 100%;
}
.menu{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	height: 100%;
	display: flex;
	align-items: center;
	background: rgba(0, 0, 0, alpha);
	transition: background 1.5s;
	-moz-transition: background 1.5s;
	-webkit-transition: background 1.5s;
	-o-transition:background 1.5s;
}
.appmenu{
	display: none;
}
.menu.active{
	background: rgb(0, 0, 0);
	transition: background 1.5s;
	-moz-transition: background 1.5s;
	-webkit-transition: background 1.5s;
	-o-transition:background 1.5s;

}
.menu li{
	padding: .4rem .6rem;
	color: #ccc;
	white-space:nowrap;
	line-height: .58rem;
	text-align: center;
	font-size: .32rem;
}
.menu li:hover{
	color: #fff;
	font-size: .34rem;
}
.menu li span{
	font-size: .24rem;
	display: block;
}
/*banner*/
.appFirst{
	display: none;
}
.indexBanner{
	height:100%;
	width: auto;
}
.swiper-container,.bannerBgImg{
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}
.bannerBox{
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
}
.bannerMain{
	background: rgba(0,0,0,0.8);
	height: 50%;
}
.bannerMain-img{
	border: .5rem solid rgba(0,0,0,0.1);
	height: 89.5%;
	overflow: hidden;
}
.bannerMain-img img{
	height: 100%;
}
.bannerMain-text{
	padding: 5% .5rem 5% 0;
	width: 6.5rem;
	height: 82%;
	position: relative;
}
.bannerMain-text p{
	font-size: .24rem;
	color: #fff;
	line-height: .52rem;
	text-align: left;
	padding: 0 0 .30rem 0;
	opacity: 0.6;
}
.bannerMain-text p span{
	padding-right: 5px;
}
.bannerMain-text p.appbanHeight{
	padding-top: .60rem;
	text-align: justify;
}
.bannerMain-text h3{
	font-size: .36rem;
	color: #fff;
	padding: .40rem 0 0 0;
	text-align: left;
}
.bannerMain-text h5{
	font-size: .32rem;
	color: #fff;
	padding: .60rem 0 0 0;
	text-align: left;

}
.bannerMore{
	position: absolute;
	bottom: .5rem;
	right: .5rem;
	display: block;
	width: 3rem;
	height: .84rem;
	font-size: .28rem;
	line-height: .84rem;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	box-shadow:5px 5px 10px 0px rgba(255,255,255,0.2);
}
.bannerMore:hover{
	background: #fff;
	color: #000;
}
.bannerMain-img .swiper-container-v,.bannerMain-img .swiper-wrapper,.bannerMain-img .swiper-slide,.bannerMain-img .swiper-slide img{
	height: 100%;
	width: 100%;
}
.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: .2;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 20%
}

.swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px;
}
.swiper-container-vertical>.swiper-pagination-bullets{
	top: auto;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 100px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url(../images/right.png);
	right: 8%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url(../images/left.png);
	left: 8%;
}



.footer{
	height: 100%;
	padding: 0 1.5rem 0 2.8rem;
	position: relative;
}
.footerMain{
	height: 60%;
	overflow: hidden;
}
.footerMainB{
	float: left;
	height: 100%;
	min-width: 3rem;
}
.footerMain ul{
	height: 100%;
	float: left;
	overflow: hidden;
}
.footerMain ul li{
	font-size: .28rem;
	color: #ddd;
	line-height: .68rem;
	text-align: left;
	padding-right: 2rem;
}
.footerMainB p{
	color: #ddd;
	line-height: .68rem;
	text-align: left;
	font-size: .42rem;
	margin-bottom: .40rem;
}
.footlisticon1{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: .10rem;
	vertical-align: middle;
	background: url(../images/footicon1.png) no-repeat;
	background-size: 100% 100%;
	background-position-x: -.2rem;
}
.footlisticon2{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: .10rem;
	vertical-align: middle;
	background: url(../images/footicon2.png) no-repeat;
	background-size: 100% 100%;
	background-position-x: -.2rem;
}
.footlisticon3{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: .10rem;
	vertical-align: middle;
	background: url(../images/footicon3.png) no-repeat;
	background-size: 100% 100%;
	background-position-x: -.28rem;
}
.footlisticon4{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: .10rem;
	vertical-align: middle;
	background: url(../images/footicon4.png) no-repeat;
	background-size: 100% 100%;
	background-position-x: -.08rem;
}
.footerMain ul li a{
	color: #ccc;
	opacity: 0.7;
}
.footerMain ul li a:hover{
	color: #fff;
	opacity: 1;
}
.footermessage{
	position: absolute;
	bottom: .8rem;
	/*left: 2.8rem;*/
	width: 23rem;
}
.footerLogo{
	display: block;
	height: .80rem;
}
.footerTitle{
	padding: 1.8rem 0 .8rem 0;
	font-size: .42rem;
	color: #bbb;
	line-height: .58rem;
	text-align: left;
	opacity: 0.5;
}
.footer-logo p{
	margin-top: .21rem;
	font-size: .28rem;
	color: #ccc;
	opacity: 0.6;
}
.footcontantMain-text {
	margin-top: .40rem;
}
.footcontantMain-text p{
	font-size: .28rem;
	color: #ccc;
	padding-bottom: .56rem;
	line-height: .40rem;
	display: inline-block;
	opacity: 0.6;
}
.newabout{
	bottom: 44%!important;
}
.newabout p{
	font-size: .40rem;
	opacity: 1;
}
.footcontantMain-text span{
	color: #ccc;
	padding: 0 .6rem;
}
.footcontantMain-text p i{
	display: inline-block;
	width: .40rem;
	height: .40rem;
	margin-right: .20rem;
	vertical-align: bottom;
}
.footcontantMain-text p i.footicon1{
	background: url(../images/address.png) no-repeat;
	background-size: 100% 100%;
}
.footcontantMain-text p i.footicon2{
	background: url(../images/call.png) no-repeat;
	background-size: 100% 100%;
}
.footcontantMain-text p i.footicon3{
	background: url(../images/email.png) no-repeat;
	background-size: 100% 100%;
}
.indexUpImg,.indexUpText{
	height: 50%;
}
.indexUpImg img{
	width: 100%;
}
.indexUpText,.indexCenterText-box{
	padding: 0 5%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.indexUpText h5,.indexCenterText-box h5,.indexTopText h5{
	display: block;
	font-size: .80rem;
	color: #fff;
	line-height: 1.20rem;
	text-align: center;
}
.indexUpText p,.indexCenterText-box p,.indexTopText p{
	display: block;
	font-size: .30rem;
	color: #bbb;
	line-height: .60rem;
	margin-top: .32rem;
	text-align: center;
	word-wrap:break-word;
}
.indexCenter,.indexCenter img,.indexTop,.indexTop img{
	height: 100%;
	position: relative;
	overflow: hidden;
}

.indexCenterText{
	position: absolute;
	height: 100%;
	right: 4%;
	top: 0;
	width: 36%;
}
.indexCenterText-box{
	height: 100%;
}
.indexCenterText-box h5,.indexCenterText-box p{
	text-align: left!important;
}
.indexTopText{
	position: absolute;
	top: 8%;
	left: 8%;
	width: 50%;
}
.indexTopText h5,.indexTopText p{
	color: #000;
	text-align: left;
}
.listMain{
	padding-left: 2.8rem;
}
.listMainBox{
	height: 100%;
	/*display: flex;
	flex-wrap: wrap;
	align-items:center;*/
}
.listMaincon{
	position: relative;
	height: 33.3333%;
	cursor: pointer;
	overflow: hidden;
	/*flex: 0 0 33.3333%*/

}
.listLeft{
	float:left;
	height:100%;
}
.listBlock{
	width: 100%;
	height:100%;
	display: block;
}
.listMaincon img{
	height: 100%;
	animation: showSM 0.6s linear;
	-webkit-animation: showSM 0.6s linear;

}
@keyframes showSM {
	0%{
		transform: scale(0);
		opacity: 0;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}
.boxAni{
	animation: showSM 1.5s linear;
	-webkit-animation: showSMA 1.5s linear;
}
@keyframes showSMA {
	0%{
		/*transform: scale(0); */
		opacity: 0;
	} 50%{
		  /*transform: scale(0); */
		  opacity: 0.5;
	  }
	100%{
		/*transform: scale(1); */
		opacity: 1;
	}
}
.listMask{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	display: none;
}
.listMask p{
	padding: .50rem .50rem .90rem .50rem;
}
.listMask p span{
	display: block;
	font-size: .28rem;
	color: #fff;
	line-height: .56rem;
	opacity: 0.7;
}
.listMask h3{
	font-size: .40rem;
	color: #fff;
	padding: .28rem .50rem;
}
.listMask h5{
	font-size: .30rem;
	color: #fff;
	padding: 0 .50rem;
}
.listMore{
	position: absolute;
	color: #fff;
	opacity: 0.7;
	font-size: .24rem;
	right: .50rem;
	bottom: .50rem;
}
.listMore:hover{
	opacity: 1;
}
.detailHalf{
	height: 50%;
}
.halfFlex{
	padding: 0 10%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.detailHelfWidth{
	width: 8rem;
}
.detailHalfText-type{
	font-size: .28rem;
	color: #fff;
	line-height: .52rem;
	opacity: 0.6
}
.detailHalfText-typeop{
	opacity: 0.8!important;
}
.detailHalfText-type.detailHalfText-typetit{
	font-size: .24rem;
	color: #ccc;
}
.detailHalfText-tab span{
	font-size: .24rem;
	color: #fff;
	line-height: .32rem;
	opacity: 0.6
}
.detailHalfText-tit{
	font-size: .32rem;
	color: #fff;
	line-height: .48rem;
	margin-top: 1.8rem;
}
.detailHalfText-com{
	font-size: .42rem;
	color: #fff;
	line-height: .48rem;
	margin-top: .30rem;
	margin-bottom: .50rem;
}
.aboutMain{
	position: relative;
}
.aboutTiele{
	position: absolute;
	top: 10%;
	left: 10%;
}
.aboutTiele h5{
	font-size: 1.0rem;
	color: #ccc;
	line-height: 1.48rem;
	font-family: sourceL;
	letter-spacing:15px;
}
.aboutTiele p{
	font-size: .46rem;
	color: #ccc;
	line-height: .48rem;
	margin-top: .10rem;
}
.aboutTiele img{
	height: .80rem;
	margin-top: .40rem;
	display: block;
}
.aboutTiele span{
	color: #ccc;
	font-size: .24rem;
	margin-top: .30rem;
	display: block;
}
.aboutTopText{
	top: 40%;
	left: 20%;
}
.aboutTopText h5,.aboutTopText p{
	color: #fff
}
.aboutTopText h5{
	font-size: .40rem!important;
	line-height: 0.80rem!important;
}
.aboutMain{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.aboutFlex{
	width: 100%;
}
.aboutFlex li{
	width: 33.33%;
	text-align: center;
	float: left;
}
.aboutFlex li img{
	display: inline-block;
	width: 23%;
	margin-bottom: .40rem;
}
.abouttitB{
	display: block;
	text-align: center;
	font-size: .50rem;
	color: #fff;
	line-height: .56rem;
}
.abouttitS{
	display: block;
	text-align: center;
	font-size: .32rem;
	color: #fff;
	line-height: .56rem;
	margin: .20rem 0;
}
.aboutText{
	width: 80%;
	margin: .70rem auto;
	text-align: left;
	font-size: .28rem;
	color: #bbb;
	line-height: .48rem;
}
.teampeo li img{
	border: 2px solid #fff;
	border-radius:50%;
	-moz-border-radius:  50%;
	-webkit-border-radius:  50%;
	width: 60%;

}
.aboutContact{
	position: absolute;
	left: 10%;
	bottom: 5%;
}
.footcontantMain-text p{
	/*opacity: 1!important;*/
}
.aboutContact p{
	display: block;
}
.aboutContact .footcontantMain-text{
	margin: 0;
}
.aboutCompany{
	position: absolute;
	top: 10%;
	right: 0;
	bottom:10%;
	width: 55%;
}
.aboutComMain{
	height: 70%;
}
.aboutComMain img{
	height: 100%;
	width: 100%;
}
.aboutComList{
	height: 30%;
	margin-top: 5%;
}
.aboutComList li{
	width: 25%;
	height: 100%;
	overflow: hidden;
	float: left;
	text-align: center;
}
.aboutComList li img{
	display: inline-block;
	border-radius: 10px;
	width: 90%;
}
@media (min-height: 900px){
	.imgHov{
		transition: all 0.4s;
	}
	.imgHov:hover{
		transform: scale(1.1);
		-ms-transform:scale(1.1);     /* IE 9 */
		-moz-transform:scale(1.1);     /* Firefox */
		-webkit-transform:scale(1.1); /* Safari 和 Chrome */
		-o-transform:scale(1.1);
	}
}

@media (max-height: 767px) and (max-width: 767px){
	/*.bannerMain{
		height: 60%;
	}*/
	.menu{
		display: none;
	}
	.appmenu{
		display: block;
		position: absolute;
		top: 0;
		left:0;
		z-index: 99;
		height: 100%;
		width: 100px;
	}
	.appmenu i{
		display: block;
		width: 1.5rem;
		height: 1.50rem;
		position: fixed;
		left: 2%;
		bottom:4%;
		margin-top: -0.8rem;
	}
	.appmenu i.appheadericon{

		background: url(../images/menuli.png) no-repeat;
		background-size: 100% 100%;
	}
	.appmenu i.appheadericonHov{
		background: url(../images/menuclose.png) no-repeat;
		background-size: 100% 100%;
	}
	.menu-list{
		background: rgba(0,0,0,1);
		height: 100%;
		display: flex;
		align-items: center;
		position: fixed;
		left: -100px;
		top:0;
		z-index: 99;
	}
	.menu-list li{
		padding: .2rem .5rem;
		color: #ccc;
		white-space: nowrap;
		line-height: .58rem;
		text-align: center;
		font-size: .28rem;
	}
	.menu-list li span{
		display: block;
	}
	.menu-list li a{
		color: #fff;
	}

	.listMask h3 {
		font-size: .30rem;
		padding: .18rem .20rem;
	}
	.listMask h5 {
		font-size: .24rem;
		padding: 0 .20rem;
	}
	.listMask p{
		padding: .20rem .20rem .28rem .20rem;
	}
	.listMask p span {
		font-size: .24rem;
		line-height: .48rem;
	}
	.lastWidth .aboutTiele,.lastWidth .aboutContact{
		left: 5%;
	}
	.listMain{
		padding: 0;
	}
	.pcFrist{
		display: none;
	}
	.appFirst{
		display: block;
		position: relative;
		height: 100%;
		overflow: hidden;
	}
	.indexUpText h5, .indexCenterText-box h5, .indexTopText h5{
		font-size: .40rem;
		line-height: 0.8rem;
	}
	.indexUpText p, .indexCenterText-box p, .indexTopText p {
		font-size: .26rem;
		line-height: .50rem;
	}
	.footerTitle {
		padding: 0.6rem 0 .3rem 0;
	}
	.footerMain ul li{
		line-height: .54rem;
	}
	.footerMainB p {
		font-size: .28rem;
		color: #ddd;
		line-height: .68rem;
		text-align: left;
		font-size: .36rem;
		margin-bottom: .20rem;
	}
	.footlisticon1 ,.footlisticon2,.footlisticon3,.footlisticon4{
		display: inline-block;
		width: 0.8rem;
		height: 0.8rem;
	}
	.footerMain{
		height: 70%;
	}
	.footermessage {
		bottom: .2rem;
	}
	.footerMainB ul{
		overflow: auto;
	}
	.aboutTiele h5{
		font-size: 0.5rem;
	}
	.aboutTiele p {
		font-size: .30rem;
	}
	.abouttitB{
		font-size: .36rem;
	}
	.abouttitS{
		font-size: .28rem;
	}
	.newabout p {
		font-size: .30rem;
		opacity: 1;
	}
	.appFirst .swipe,.appFirst .swipe li,.appFirst .swipe img{
		width: 100%;
		height: 100%;
	}
	.appBanMenu{
		position: absolute;
		z-index: 10;
		top:50%;
		margin-top: -50px;
		left: 4%;
		right: 4%;
		width: 92%;
	}
	.appBanprev{
		display: inline-block;
		width: 40px;
		height: 100px;
		background: url(../images/left.png) no-repeat;
		background-size: 40px 100px;
		border: none;
		outline: none;
		background-color: none;
	}
	.appBannext{
		display: inline-block;
		width: 40px;
		height: 100px;
		background: url(../images/right.png) no-repeat;
		background-size: 40px 100px;
		border: none;
		outline: none;
		background-color: none;
	}
	.appSign{
		position: absolute;
		z-index: 10;
		top:50%;
		margin-top: -15px;
		right: 3%;
		width: 30px;
		height: 30px;
		-webkit-animation: opener .6s ease-in-out alternate infinite;
		animation: opener .6s ease-in-out alternate infinite;
		opacity: 0.5;
		-webkit-transition: opacity .2s ease-in-out, transform .5s ease-in-out .2s;
		transition: opacity .2s ease-in-out, transform .5s ease-in-out .2s;
	}
	@-webkit-keyframes opener{
		100% {
			right: 1%
		}
	}
	@keyframes opener {
		100% {
			right: 1%
		}
	}


}
@media (max-height: 700px){
	.footerMain{
		height: 45%;
	}

}
@media (max-height: 450px){
	.indexUpText h5, .indexCenterText-box h5, .indexTopText h5{
		font-size: .24rem;
	}
	.aboutTiele{
		top: 4%;
	}
	.aboutTiele h5,.abouttitB{
		font-size: .30rem;
	}
	.aboutTiele p,.abouttitS,.bannerMain-text p,.bannerMain-text h3,.bannerMain-text p,.bannerMain-text h5,.listMask h3{
		font-size: .24rem;
	}
	.aboutText{
		width: 80%;
	}
	.aboutCompany{
		width: 55%;
	}
	.footerTitle{
		padding: .5rem 0;
	}
}