/*
* @Author: admin
* @Date:   2020-08-04 09:47:30
* @Last Modified by:   admin
* @Last Modified time: 2020-08-12 13:45:54
*/


/*  public style  */
.paddingLeft{
	padding-left: 0.9rem;
}



html, body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.navgation{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	width: 0.89rem;
	height: 100%;
	background-color: #000;
	border-right: 1px solid #525252;
}
.navgation .menu{
	width: 0.36rem;
	height: 0.21rem;
	margin: 0 auto;
	margin-top: 0.67rem;
}
.navgation .menu .mobile{
	display: none;
}
.navgation .menu .pc{
	display: block;
}
.navgation .menu .menu_nav{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 12;
	display: none;
}
.navgation .menu .menu_nav .pc{
	display: block;
}
.navgation .menu .menu_nav .mobile{
	display: none;
}
.navgation .menu .menu_nav .close{
	position: absolute;
	top: 0.44rem;
	right: 0.36rem;
	width: 0.46rem;
	height: 0.46rem;
	background: url(../images/icon/close.png) no-repeat;
	background-size: 100% 100%;
	z-index: 9;
}
.navgation .menu .menu_nav .item{
	width: 16.66%;
	float: left;
	position: relative;
	overflow: hidden;
}
.navgation .menu .menu_nav .item img{
	transition: all 1s ease;
}
.navgation .menu .menu_nav .item .txt{
	position: absolute;
	left: 0.25rem;
	color: #fff;
}
.navgation .menu .menu_nav .item .txt i{
	display: none;
}
.navgation .menu .menu_nav .item .txt.style_01{
	top: 74%;
}
.navgation .menu .menu_nav .item .txt.style_02{
	top: 0.6rem;
}
.navgation .menu .menu_nav .item:hover img{
	transform: scale(1.07);
	z-index: 2;
}
.navgation .menu .item .txt .num{
	font-size: 0.48rem;
	line-height: 0.48rem;
	font-family: 'GoodPro-Medium';
}
.navgation .menu .item .txt .title{
	font-size: 0.3rem;
	line-height: 0.36rem;
	font-family: 'PingFang Regular';
}
.navgation .menu .item .txt .sub{
	font-size: 0.3rem;
	line-height: 0.36rem;
	font-family: 'GoodPro-Medium';
}
.navgation .logo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.42rem;
	height: 1.25rem;
}
.navgation .logo.pc{
	display: block;
}
.navgation .logo.mobile{
	display: none;
}
.navgation .change{
	position: absolute;
	bottom: 0.6rem;
	left: 0.27rem;
	width: 0.36rem;
	background: #393939;
}
.navgation .change p{
	height: 0.36rem;
	line-height: 0.36rem;
	font-size: 0.14rem;
	font-family: 'PingFang Regular';
	color: #fff;
}
.navgation .change p a{
	height: 0.36rem;
	line-height: 0.36rem;
	font-size: 0.14rem;
	font-family: 'PingFang Regular';
	color: #fff;
}
.navgation .change p.active{
	background-color: #007bff;
}


.indexPage .copyRight{
	position: absolute;
	bottom: 0.8rem;
	right: 1rem;
	z-index:1;
	text-align: right;
	font-family: 'PingFang Regular';
	font-size: 0.14rem;
	line-height: 0.14rem;
	color: #fff;
}
.indexPage .copyRight .copy i{
	display: block;
}
.indexPage .swiper-slide{
	position: relative;
}
.indexPage .swiper-slide img{
	transition: all 5s linear;
}
.indexPage .swiper-slide img.imgAnimate{
	transform: scale(1.04);
}
.indexPage .swiper-slide .txt{
	position: absolute;
}
.indexPage .swiper-slide .txt.ban01{
	top: 3.8rem;
	left: 2.3rem;
}
.indexPage .swiper-slide .txt.ban02{
	top: 4.8rem;
	left: 1.7rem;
}
.indexPage .swiper-slide .txt.ban03{
	top: 6.6rem;
	left: 1.5rem;
}
.indexPage .swiper-slide .txt .title{
	font-size: 0.48rem;
	line-height: 0.48rem;
	color: #fff;
	font-family: 'GoodPro-Medium';
	animation-delay: 0.3s;
	animation-duration: 1s;
}
.indexPage .swiper-slide .txt .sub{
	margin-top: 0.1rem;
	font-size: 0.48rem;
	line-height: 0.48rem;
	color: #fff;
	font-family: 'PingFang Regular';
	animation-delay: 0.6s;
	animation-duration: 1s;
}
.indexPage .swiper-slide .mobile{
	display: none;
}
.indexPage .swiper-slide .pc{
	display: block;
}

.indexPage .swiper-pagination{
	right: 0.99rem !important;
}
.indexPage .swiper-pagination .swiper-pagination-bullet{
	width: 0.17rem;
	height: 0.17rem;
	margin-bottom: 0.2rem !important;
    border-radius: 100%;
    background: #fff;
    opacity: .3;
}
.indexPage .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #fff;
	opacity: 1;
}
.indexPage .second .txt, .indexPage .thirdly .txt{
	display: none;
}


.productPage{
	background: url(../images/product_bk.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.productPage.air{
	background-image: url(../images/product_air_bk.jpg);
}
.productPage .center{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
    padding-left: 0.85rem;
}
.productPage .txt, .aboutPageSlide .item .txt{
	font-size: 0.48rem;
	line-height: 0.48rem;
	color: #fff;
}
.productPage .txt .title, .aboutPageSlide .item .txt .title{
	font-family: 'PingFang Bold';
}
.productPage .txt .sub, .aboutPageSlide .item .txt .sub{
	font-family: 'Eina03-Bold';
}
.productPage .operationBtn{
	display: block;
}
.productPage .list{
	margin-top: 0.4rem;
}
.productPage .list .item{
	width: 27%;
	position: relative;
	cursor: pointer;
}
.productPage .list .item:hover .shade{
	opacity: 1;
}
.productPage .list .item:hover .img img{
	transform:scale(1.4);
}
.productPage .list .item .shade {
	transition: all .5s ease;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 0.3rem;
	background: rgba(0,0,0,.8);
	align-items: center;
	display: flex;
	justify-content: center;
}
.productPage .item .shade .shade_title{
	font-size: 0.36rem;
	line-height: 0.36rem;
	color: #fff;
	font-family: 'PingFang Medium';
}
.productPage .item .shade .shade_sub{
	font-size: 0.24rem;
	line-height: 0.36rem;
	color: #fff;
	font-family: 'PingFang Medium';
	margin-top: 0.1rem;
}
.productPage .list .item .img{
	height: 4.86rem;
	background: #fff;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.productPage .list .item .img img{
	max-height: 100%;
	max-width: 100%;
	align-items: center;
	transition:all 1s ease 0s;
	cursor: pointer;
}
.productPage .list .item .imgIntro{
	height: 1.08rem;
	background: #ededed;
	padding: 0.3rem;
}
.productPage .list .intro_title{
	font-family: 'PingFang Bold';
	font-size: 	0.24rem;
	line-height: 0.24rem;
	color: #000;
}
.productPage .list .intro_sub{
	margin-top: 0.05rem;
	font-family: 'PingFang Medium';
	font-size: 	0.24rem;
	line-height: 0.24rem;
	color: #000;
}
.productPage .list .intro_sub span{
	font-family: 'PingFang Regular';
}
.productPage .list .operationBtn, .aboutPage .operationBtn{
	width: 0.6rem;
	height: 0.6rem;
	margin-top: 0.45rem;
	background: url(../images/icon/arrow_left.png) no-repeat;
	background-size: 100% 100%;
	outline: none;
}
.productPage .list .operationBtn.swiper-button-disabled, .aboutPage .operationBtn.swiper-button-disabled{
	display: none;
}
.productPage .list .operationBtn.next{
	margin-right: 0.8rem;
}
.productPage .list .operationBtn.prev, .aboutPage .operationBtn.prev{
	transform: rotate(180deg);
}
.productPage .productPageSlide .item{
	animation-duration: .6s;
	animation-delay: 2.1s
}
.productPage .productPageSlide .item:nth-child(1){
	animation-delay: 1s
}
.productPage .productPageSlide .item:nth-child(2){
	animation-delay: 1.3s
}
.productPage .productPageSlide .item:nth-child(3){
	animation-delay: 1.6s
}
.productPage .productPageSlide .item:nth-child(4){
	animation-delay: 1.8s
}





.aboutPage .center{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
    padding-left: 0.85rem;
}
.aboutPage .aboutPageSlide{
	position: relative;
}
.aboutPage .aboutPageSlide .item{
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.aboutPage .aboutPageSlide .about_us_bk{
	background-image: url(../images/aboutUS_bk.jpg);
}
.aboutPage .aboutPageSlide .about_us_cen{
	margin-top: 0.55rem;
	justify-content: left;
}
.aboutPage .about_us_cen .img{
	width: 8.64rem;
	height: 3.75rem;
}
.aboutPage .about_us_cen .img img{
	transition: all .6s linear;
	cursor: pointer;
}
.aboutPage .about_us_cen .img img:hover{
	transform: scale(1.07);
}
.aboutPage .about_us_cen .img .left{
	width: 2.82rem;
	height: 3.75rem;
}
.aboutPage .about_us_cen .img .right{
	width: 5.82rem;
	height: 3.75rem;
}
.aboutPage .about_us_cen .intro{
	width: 6rem;
	margin-left: 0.38rem;
}
.aboutPage .about_us_cen .intro .paragraph{
	color: #fff;
	font-size: 0.24rem;
	line-height: 0.36rem;
	font-family: 'PingFang Medium'
}
.aboutPage .about_us_cen .intro .down{
	margin-top: 0.2rem;
}
.aboutPage .operationBtn{
	position: absolute;
	bottom: 0.8rem;
	margin-top: 0;
	z-index: 1;
}
.aboutPage .operationBtn.next{
	right: 0.8rem;
}
.aboutPage .operationBtn.prev{
	left: 0.8rem;
	transform: 
}
.aboutPage .aboutPageSlide .ide .txt .title{
	color: #000;
}
.aboutPage .aboutPageSlide .ide .txt .sub{
	color: #000;
	margin-top: 0
}
.aboutPage .aboutPageSlide .ide .about_us_cen{
	margin-top: 1.15rem;
}
.aboutPage .aboutPageSlide .ide .single{
	padding-right: 1.28rem;
}
.aboutPage .aboutPageSlide .ide .single p{
	width: 3.76rem;
}
.aboutPage .aboutPageSlide .page_2 .single p:nth-child(1){
	animation-delay: 1s
}
.aboutPage .aboutPageSlide .page_2 .single p:nth-child(2){
	animation-delay: 1.3s
}
.aboutPage .aboutPageSlide .page_2 .single p:nth-child(3){
	animation-delay: 1.6s
}
.aboutPage .aboutPageSlide .page_2 .single p:nth-child(4){
	animation-delay: 1.9s
}
.aboutPage .aboutPageSlide .ide .single p img{
	height: 2.16rem;
}
.aboutPage .aboutPageSlide .ide .single p span{
	display: block;
	font-size: 0.24rem;
	color: #000;
	line-height: 0.24rem;
	padding-top: 0.3rem;
	font-family: 'PingFang Medium'
}
.aboutPage .ide .about_us_cen .partners_pc{
	display: block;
}
.aboutPage .ide .about_us_cen .partners_mobile{
	display: none;
}
.aboutPage .aboutPageSlide .partner .txt{
	margin-top: -1.6rem;
}
.aboutPage .aboutPageSlide .partner .about_us_cen{
	margin-top: 1.8rem;
}
.aboutPage .aboutPageSlide .partner .about_us_cen img{
	width: 14.67rem;
}
.aboutPage .page_1 .center{
	display: none;
}


.contactPage{
	background: url(../images/contact_bk.jpg) no-repeat center;
	background-size: 100% 100%;
}
.contactPage .item{
	width: 25%;
	padding:0 0.38rem;
}
.contactPage .logo{
	width: 22%;
	padding-top: 2.55rem;
}
.contactPage .logo .title{
	font-size: 0.48rem;
	line-height: 0.48rem;
	color: #fff;
	font-family: 'PingFang Medium'
}
.contactPage  .logo .sub{
	font-size: 0.48rem;
	line-height: 0.48rem;
	color: #fff;
	font-family: 'Eina03-Bold';
}
.contactPage .logo .contact_logo{
	width: 2.53rem;
	margin: 0.25rem 0
} 
.contactPage .logo .name{
	font-size: 0.24rem;
	line-height: 0.24rem;
	font-family: 'PingFang Medium';
	color: #fff;
}
.contactPage .message{
	padding-top: 6.16rem;
	cursor: pointer;
	transition: all .2s ease-out;
}
.contactPage .message:hover{
	padding-top: 6rem;
}
.contactPage .message .icon.address{
	width: 0.38rem;
}
.contactPage .message .group .label{
	margin-top: 0.15rem;
	font-size: 0.3rem;
	line-height: 0.3rem;
	color: #fff;
	font-family: 'PingFang Medium';
}
.contactPage .message .group .details{
	margin-top: 0.1rem;
	font-size: 0.24rem;
	line-height: 0.36rem;
	color: #fff;
	font-family: 'PingFang Medium';
}
.contactPage .message .contactPage_email{
	margin-top: 0.07rem;
}












/* mobile adaptive css */
@media screen and (max-width: 750px) {
    .navgation{
		width: 100%;
		height: 0.88rem;
		border: none;
	}
	.navgation .menu{
		width: 0.36rem;
		height: 0.21rem;
		margin-top: 0.34rem;
		float: left;
		margin-left: 0.3rem;
	}
	.navgation .menu .mobile{
		display: block;
	}
	.navgation .menu .pc{
		display: none;
	}
	.navgation .logo{
		width: 1.25rem;
		height: 0.42rem;
	}
	.navgation .logo.pc{
		display: none;
	}
	.navgation .logo.mobile{
		display: block;
	}
	.navgation .change{
		position: initial;
		float: right;
		margin-top: 0.34rem;
		margin-right: 0.3rem;
		width: 0.72rem;
	}
	.navgation .change p{
		width: 0.36rem;
		height: 0.36rem;
		float: left;
	}
	.navgation .menu .menu_nav .pc{
		display: none;
	}
	.navgation .menu .menu_nav .mobile{
		display: block;
	}
	.navgation .menu .menu_nav .item{
		width: 100%;
		height: 17%;
	}
	.navgation .menu .menu_nav .close{
		top: 0.6rem;
		right: 0.6rem;
	}
	.navgation .menu .menu_nav .item .txt{
		left: 0.6rem;
	}
	.navgation .menu .menu_nav .item .txt i{
		display: inline;
	}
	.navgation .menu .menu_nav .item .txt.style_01, .navgation .menu .menu_nav .item .txt.style_02{
	    top: 50%;
	    transform: translate(0, -50%);
	}







	/* index page css */
	.indexPage .swiper-slide .mobile{
		display: block;
	}
	.indexPage .swiper-slide .pc{
		display: none;
	}
	.indexPage .swiper-slide .txt.ban01{
		top: 3.5rem;
		left: 0.48rem;
	}
	.indexPage .swiper-slide .txt.ban02{
		top: 2.5rem;
		left: 0.48rem;
	}
	.indexPage .swiper-slide .txt.ban03{
		bottom: 3.5rem;
		left: 0.6rem;
	}
	.indexPage .swiper-slide .txt .title{
		font-size: 0.3rem;
		line-height: 0.3rem;
	}
	.indexPage .swiper-slide .txt .title i{
		display: none;
	}
	.indexPage .swiper-slide .txt .sub{
		font-size: 0.36rem;
		line-height: 0.36rem;
	}
	.indexPage .swiper-pagination{
		right: auto !important;
		bottom: 1.4rem !important;
	}
	.indexPage .copyRight{
		position: absolute;
		right: auto;
		left: 50%;
		bottom: 0.6rem;
		transform: translate(-50%, 0);
		width:4.3rem;
		line-height: 0.16rem;
		text-align: center;
		margin-bottom: 0;
	}
	.indexPage .copyRight .copy i{
		display: none;
	}
		



	.paddingLeft{
		padding: 0
	}
	.productPage{
		background-image: url(../images/m/product_bk.png);
	}
	.productPage.air{
		background-image: url(../images/m/product_air_bk.jpg);
	}
	.productPage .txt .sub, .aboutPageSlide .item .txt .sub{
		font-size: 0.36rem;
		line-height: 0.36rem;
	}
	.productPage .center{
		padding:0 0.6rem;
	}
	.productPage .list{
		width: 80%;
		margin:0 auto;
		margin-top: 0.5rem;
	}
	.productPage .operationBtn{
		display: none;
	}
	.productPage .list .item .img {
		padding: 0.3rem;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.productPage .list .item:hover .shade{
		opacity: 0;
	}

	
	.aboutPage .aboutPageSlide .about_us_bk{
		background-image:  url(../images/m/about_bk.jpg);
	}
	.aboutPage .center{
		padding: 0 0.56rem;
	}
	.aboutPage .about_us_cen .img{
		width: 100%;
		height: 2.8rem;
	}
	.aboutPage .about_us_cen .img .left{
		width: 30%;
		height: 2.8rem;
	}
	.aboutPage .about_us_cen .img .right{
		width: 70%;
		height: 2.8rem;
	}
	.aboutPage .about_us_cen .intro{
		margin-top: 0.2rem;
		margin-left: 0;
	}

	.aboutPage .ide .center{
		padding: 0 0.66rem;
	}
	.aboutPage .ide .about_us_cen .single{
		padding: 0;
	}
	.aboutPage .ide .about_us_cen .single p{
		width: 48%;
	}
	.aboutPage .ide .about_us_cen .single p img{
		height: auto;
	}
	.aboutPage .ide .about_us_cen .single p span{
		line-height: 1rem;
	}
	.aboutPage .ide .about_us_cen .partners_pc{
		display: none;
	}
	.aboutPage .ide .about_us_cen .partners_mobile{
		display: block;
	}
	.aboutPage .aboutPageSlide .partner .about_us_cen{
		margin-top: 0.5rem;
	}
	.aboutPage .aboutPageSlide .partner .about_us_cen img{
		width: 100%;
	}
	.aboutPage .aboutPageSlide .ide .about_us_cen{
		margin-top: 0.5rem;
	}
	.aboutPage .aboutPageSlide .partner .txt{
		margin-top: 0;
	}


	.contactPage{
		background-image:  url(../images/m/contact_bk.jpg);
	}
	.contactPage .item{
		padding: 0 0.86rem;
		width: 100%;
	}
	.contactPage .logo{
		margin-top: 2rem;
		margin-bottom: 1rem;
	}
	.contactPage .logo .sub{
		font-size: 0.36rem;
    	line-height: 0.36rem;
	}
	.contactPage .logo .contact_logo{
		width: 1.62rem;
		height: auto;
		margin: 0.42rem 0 0.2rem 0;
	}
	.contactPage .message{
		margin-bottom: 0.3rem;
		margin-top: 0;
	}
	.contactPage .message .icon {
		width: 0.36rem;
	}
	.contactPage .message .contactPage_email{
		margin-top: 0;
	}


}

/* w修改 */
.w_mask {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	z-index: -10;
}
.w_popBox {
	width: 9rem;
	height: 6rem;
	background: #fff;
	padding: 0.5rem;
	position: relative;
}
.w_closeBtn {
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	right: 0.3rem;
	top: 0.3rem;
}
.w_imgBox {
	display: flex;
	align-items: center;
	margin-top: 0.5rem;
}
.w_popBox h3{
	font-size: 0.3rem;
}
.w_imgBox img{
	max-width: 3.5rem;
}
.w_imgWords {
	font-size: 0.2rem;
	line-height: 0.4rem;
	margin-left: 0.5rem;
}
.w_showMask {
	opacity: 1;
	z-index: 999;
}
.w_hideshade {
	opacity: 0;
	z-index: -999;
	position: relative;
}