/*pad*/

img {
	max-width: 100%;
}

#gh {
	float: right;
	height: 34px;
	width: 40px;
	left: 50%;
	top: 0;
	position: absolute;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor: pointer;
	z-index: 9999;
	display: none;
}

.selected #gh {
	transform: rotate(90deg);
}

#gh a {
	background-color: #e62d38;
	display: block;
	height: 2px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}

#gh a:after,
#gh a:before {
	background-color: #e62d38;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}

#gh a:after {
	top: 12px;
}

#gh a:before {
	top: -12px;
}

.selected #gh a:after,
.selected #gh a:before {
	top: 0;
}

.selected #gh a:before {
	transform: translateY(0px) rotate(-30deg);
	-webkit-transform: translateY(0px) rotate(-30deg);
	-ms-transform: translateY(0px) rotate(-30deg);
}

.selected #gh a:after {
	transform: translateY(0px) rotate(30deg);
	-webkit-transform: translateY(0px) rotate(30deg);
	-ms-transform: translateY(0px) rotate(30deg);
}

.selected #gh a {
	background-color: transparent !important;
}

.selected .header {
	overflow: visible;
}

.selected .header .nav {
	display: block;
	z-index: 111;
	position: absolute;
	left: 0;
	top: 80px;
	right: 0;
	margin: 0;
}

.selected .header .nav li a {
	text-align: center;
	width: auto;
	display: block;
	background: rgba(255, 255, 255, 0.9);
	margin: auto;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 50px;
	padding: 0;
}

.selected .header .nav li a {
	color: #000000;
}

.selected .header .nav .selected a {
	border-bottom-color: #73e5b1;
}

@media only screen and (max-width:1240px) {
	.wap{
		width: auto;
	}
	body{
		background: #000;
	}
	.layout{
		width: 750px;margin: 0 auto;overflow: hidden;position: relative;background: #FFFFFF;
	}
	#gh{
		display: block;left: auto;right:28px ;margin-top: 23px;border: 2px solid #1eb9ee;border-radius: 4px;
		width: 66px;height: 48px;
	}
	#gh a{
		height: 0;
	}
	.selected #gh{
		transform: rotate(0);
	}
	#gh a::after, #gh a::before{
		width: 40px;height: 2px;left: 0;right: 0;margin: 0 auto;background: #1eb9ee;
	}
	#gh a::after{
		top: 7px;
	}
	#gh a::before{
		top: -7px;
	}
	.header{
		height: 100px;
	}
	.header .logo{
		margin: 20px 0 0 40px;
	}
	.header .logo img{
		width:180px;
	}
	.header ul{
		position: absolute;float: none;top: 101px;left: 0;right: 0;z-index: 999;background: #ffffff;margin: 0;box-shadow: 0 2px 4px #666;display: none;
	}
	.header li{
		float: none;margin: 0;
	}
	.header li a{
		line-height: 86px;text-align: center;border-bottom: 1px solid rgba(0,0,0,0.2);font-size: 26px;
		margin: 0;
	}
	.header li.last{
		margin: 0;
		display:none;
	}
	.header li.last a{
		border-radius: inherit;border: none;
	}
	.page1 .text{
		margin-top: 280px;
	}
	.page1 .text p{
		font-size: 24px;line-height:34px;color: #4d4d4d;
	}
	.page1 .txt{
		width:490px;height:24px;font-size: 24px;padding:24px 30px;margin-top: 110px;
	}
	.page1 .sub{
		height: 82px;width: 340px;background-size: cover;line-height: 82px;font-size: 30px;padding-right: 45px;margin-top: 50px;
	}
	.page1 .ico {
		margin-top:110px;
	}
	.page1 .h5{
		display: none;
	}
	.page2 h2{
		font-size:36px;margin-top: 260px;
	}
	.page2 ul{
		margin-top: 55px;
		    display: flex;
	}
	.page2 li{
		margin: 14px 20px  15px;
		height: 360px;width: 300px;
		text-align: center;
	}
	.page2 li h3{
		font-size: 30px;
	}
	.page2 li p{
		font-size: 22px;line-height: 29px; text-align:center; color:#999999;margin-top: 20px;
	}
	.page2 .btn{
		display: none;
	}
	.page3 h2{
		margin-top: 150px;
		font-size:36px;
	}
	.page3 ul {
		margin-top: 25px;
	}
	.page3 .logoend {
		display: inline-block;
	}
	#fp-nav{
		top: auto;bottom: 70px;left: 0;right: 0;float: none;margin: 0;
	}
	#fp-nav.right{
		margin: 0;
	}
	#fp-nav ul{
		text-align: center;
	}
	#fp-nav ul li{
		display: inline-block;margin: 0 12px;
	}
	#fp-nav ul li a{
		width: 29px;height: 29px;
	}
	#fp-nav ul li a span{
		width: 15px;height: 15px;margin:6px;
	}
	#fp-nav ul li a:hover span, #fp-nav ul li a.active span{
		width: 29px;height: 29px;background-size: cover;
	}
	.banner1{
		height: 250px;margin-top: 100px;background-size: cover !important;
	}
	.banner1 h2{
		font-size: 36px;margin-top: 72px;
	}
	.banner1 h4{
		font-size: 24px;margin-top: 20px;
	}
	.problem{
		padding-top: 55px;padding-bottom: 80px;
	}
	.problem .hd a{
		width: 140px;height: 46px;line-height: 46px;font-size:24px;
	}
	.problem .hd li{
		line-height: 46px;
	}
	.problem .bd ul{
		width: auto;margin: 0 38px;
	}
	.problem .bd li{
		width: auto;
	}
	.problem .bd li h3{
		font-size: 24px;line-height: 80px;
	}
	.problem .bd li dd{
		font-size: 18px;line-height: 24px;
	}
	.problem .bd li dd span{
		width: 54px;
	}
	.problem .bd li dd p{
		width: 560px;
	}
	.header li.ls a{
		border-bottom: none;
	}
	.footer{
		display: none;
	}
	.h-footer{
		display: block;background: #1e2435;text-align: center;padding: 20px 0 35px;
	}
	.h-footer li{
		display: inline-block;width: 130px;margin: 0 10px;line-height: 78px;
	}
	.h-footer li a{
		display: block;font-size:24px;color: #c3c3c3;
	}
	.h-footer .ico a{
		width: 60px;height: 60px;border-radius: 50%;margin: 0 10px;display: inline-block;
	}
	.h-footer .ico img{
		width: 100%;height: 100%;
	}
	.ico a,
	.la a{
		position: relative;
	}
	.h-footer .ico img.imgs2,
	.la .imgs2{
		position: absolute;bottom: 55px;left: 50%;width: 160px;margin-left: -80px;max-width: inherit;display: none;z-index: 11;height: 160px;
	}
	.h-footer .ico a:hover .imgs2,
	.la a:hover .imgs2{
		display: block;
	}
	
	.copyroght{
		line-height: 80px;height: 80px;font-size:18px;
	}
	.a-m-a .imgs{
		display: none;
	}
	.a-m-a{
		padding: 0;padding-bottom: 55px;padding-top:20px;
	}
	.a-m-a .text{
		width: auto;float: none;margin: 0 40px;
	}
	.a-m-a .text h3{
		font-size: 30px;
	}
	.a-m-a .text p{
		font-size: 24px;line-height: 40px;
	}
	.a-m-b li{
		display: block;width: auto;margin: 0 40px;overflow: hidden;margin-bottom: 42px;
	}
	.a-m-b li img{
		float: left;margin: 0 20px;
	}
	.a-m-b li .txt{
		float: left;text-align: left;width: 470px;
	}
	.a-m-b h2{
		font-size: 36px;
	}
	.a-m-b li a h3{
		margin: 0;line-height: 66px;font-size: 32px;
	}
	.a-m-b li a p{
		font-size: 26px;line-height:36px ;
	}
	.a-m-b{
		padding-bottom: 50px;
	}
	.c-m-a .text{
		float: none;margin: 0;width: auto;
	}
	.c-m-a{
		padding:42px;
	}
	.c-m-a .text h2{
		font-size: 30px;
	}
	.c-m-a .text h5,
	.c-m-a .text h4{
		font-size: 26px;line-height: 40px;
	}
	.c-m-a .text h4{
		margin-top: 25px;
	}
	.c-m-a .text .ico{
		display: none;
	}
	.c-m-a .text h5 img{
		width:200px;padding-top:10px;
	}
	.c-m-a .imgs{
		display:none;
		float: none;width: auto;margin: 0;margin-top: 40px;
	}
	.c-m-b{
		padding-top: 60px;
	}
	.c-m-b h2{
		line-height: 1.2;
	}
	.c-m-b h4{
		font-size: 24px;margin-top: 20px;margin-bottom: 35px;
	}
	.c-m-b .lt{
		width: auto;float: none;padding: 0 88px;
	}
	.c-m-b .text,
	.c-m-b .lt .txt{
		font-size: 24px;padding: 20px 25px;width: 515px;margin-bottom: 15px;
	}
	.c-m-b .rt{
		float: none;
	}
	.c-m-b .text{
		width: 515px !important;margin: 0 auto;display: block;
	}
	.c-m-b .sub{
		margin-top: 45px;width:570px;height: 70px;line-height: 70px;font-size: 30px;
	}
	.p-ban{
		display: none;
	}
	.h-banner{
		display: block;overflow: hidden;text-align: center;
	}
	.h-banner h2{
		margin-top: 230px;line-height:60px;font-size:44px;color: #ffffff;
	}
	.h-banner h4{
		margin-top:48px;line-height:42px;font-size:28px;color: #a5a5a5;
	}
	.h-banner .btn{
		margin: 115px auto 0;width:240px;height: 64px;border: 1px solid #918e8f;border-radius: 5px;display: block;text-align: center;line-height: 64px;font-size:26px;color: #918e8f;
	}
	.x-m-a ul{
		margin-left: 35px;overflow: hidden;
	}
	.x-m-a li{
		margin: 0 40px;display: block;float: left;padding-bottom: 30px;
	}
	.x-m-a h2{
	margin-top:75px;font-size:36px;color: #353535;
}
	.x-m-a li h4{
	font-size:22px;line-height: 60px;color: #2e2e2e;
}
	.x-m-a{
		padding-bottom: 20px;
	}
	.device{
		width:660px;margin: 0 auto;
	}
	.swiper-slide{
		margin-top: 59px;
	}
	.title img{
		height: 359px !important;width: 200px !important;
	}
	.ximgs{
		width: 232px;
	}
	.swiper-button-prev,
	.swiper-button-next{
		display: none;
	}
	.swiper-pagination{
		display: block;text-align: center;left: 0;right: 0;margin-top: 100px;
	}
	.x-m-b h2{
		margin-top: 60px;font-size:36px;
	}
	.x-m-b p{
		font-size: 24px;line-height: 34px;width: 600px;margin: 0 auto;margin-top: 25px;margin-bottom: 60px;
	}
	.x-m-b{
		height: 870px;
	}
	.swiper-pagination-bullet{
		width:15px;height: 15px;border-radius: 50%;margin: 0 10px;font-size: 0;background: #ffffff;
	}
	.swiper-pagination-bullet-active{
		background: #b5b5b5;
	}
	.x-m-c li{
		width: auto;margin: 0 50px;display: block;margin-bottom: 25px;height:auto;padding-bottom:25px;
	}
	.x-m-c .ico{
		width: 76px;height: 76px;margin: 30px 34px 0;
	}
	.x-m-c .text{
		float: left;width: 455px;
	}
	.x-m-c h2{
		font-size: 36px;
	}
	.x-m-c h3{
		font-size: 28px;line-height: 36px;
	}
	.x-m-c p{
		font-size:24px;color: #7f7f7f;line-height: 34px;margin-top: 12px;
	}
	.x-m-c h2{
		margin-top: 60px;
	}
	.x-m-c{
		padding-bottom: 45px;
	}
	.h-layout .header{
		background: none;border: none !important;
box-shadow: none;	
	}
	.h-layout .logo .l1{
		display: none;
	}
	.h-layout .logo .l2{
		display: block;
	}
	.h-layout #gh{
		border-color: #acaeb0;
	}
	.h-layout #gh a::after,.h-layout #gh a::before{
		background: #acaeb0;
	}
	.z-m-b .imgs{
		float: none;width: 445px;margin: 0 auto;
	}
	.z-m-b .wap h4{
		display: block;text-align: center;font-size:36px;color: #ffffff;margin-bottom: 50px;
	}
	.z-m-b{
		padding-top: 80px;background-size: cover;padding-bottom: 55px;
	}
	.z-m-b .text{
		width: auto;float: none;width: auto;margin-top: 45px;padding: 0 40px;
	}
	.z-m-b .text h2{
		display: none;
	}
	.z-m-b .text p{
		font-size: 20px;line-height:24px;margin-bottom:24px;
	}
	.problem .bd li h3 i{
	width: 18px;
	}
	.h-footer li a:hover{
		color: #1eb9ee;
	}
	
	.indexfooter {
		text-align:center;
		font-size:26px;
		padding-top:25px;
		color:#fff;
	}
}