/*pc*/
.topcon .topsearch .searchbox .seacrhkuang{
	width: auto;
}
.topcon .topsearch .searchbox .seacrhkuang button{
	width: 70px; border: none;
}

.gh {

	height:34px;
	width:34px;
	margin-right:30px;
	margin-top:25px;
	position:absolute;
	right: 0; top: 0;
	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;
	display: none;
}
.gh span {
	background-color: #2f6ea2;
	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 span:after, .gh span:before {
	background-color: #2f6ea2;
	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 span:after {
	top:10px;
}
.gh span:before {
	top:-10px;
}
#mobile-menu-toggle{
	display: none;
}
#mobile-menu-toggle:checked + .gh span:after, 
#mobile-menu-toggle:checked + .gh span:before {
	top: 0;
}
#mobile-menu-toggle:checked + .gh span:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
#mobile-menu-toggle:checked + .gh span:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
#mobile-menu-toggle:checked + .gh span {
	background-color: transparent !important;
}
#mobile-menu-toggle:checked + .gh + .nav{
	max-height: 1000px;
}

/*kuaping.com*/

@media only screen and (max-width:1240px ) {
	body{
		min-width: inherit;
		background: none;
	}
	.gh{
		display: block;
	}
	*{
		box-sizing: border-box;
	}
	img{
		max-width: 100%;
	}
	.container{
		width: auto; padding: 0 15px;
	}
	.container .container{
		padding-left: 0; padding-right: 0;
	}
	.topcon .logo{
		width: auto; height: auto; 
	}
	.topcon .logo a{
		height: 60px;
    width: 155px; background-size: cover; margin-top: 10px;
	}
	.topcon .logo+div:not(.topsearch){
		display: none;
	}
	.topcon .topsearch{
		width: auto; height: auto; margin-top: 32px; 
		/*display: none;*/
		float: none;
		clear: both; margin-bottom: 10px;
	}
	.topcon .topsearch .searchbox .seacrhkuang input{
		width: calc( 100% - 70px);
	}
	.topcon .topsearch .searchbox{
		margin: 0; width: auto; height: auto; float: none;
	}
	.topcon .topsearch .searchbox .srtoptel{
		width: auto; height: auto; display: none;
	}
	.topcon .topsearch .searchbox .srtoptel b{
		font-size: 14px;
	}
	.topcon .topsearch .lanuageslect{
		display: none;
	}
	.topcon .topsearch .lanuageslect + .STYLE1{
		display: none;
	}
	.topcon .topsearch .searchbox .seacrhkuang{
		/*display: none;*/ 
		float: none;
	}
	.topcon+div{
		display: none;
	}
	.second{
		height: auto; margin-top: 0;
	}
	.second .banner{
		width: auto; height: auto; float: none;
	}
	.swiper-container{
		width: auto; height: auto;
	}
	.swiper-container img{
		width: 100%; height: 250px;
	}
	.swiper-pagination-bullets{
		text-align: center;
	}
	.second .information{
		width: auto; height: auto; float: none; display: none;
	}
	.second .information .zixun{
		width: auto; height: auto; margin: 0;
	}
	.second .information .zixun .wrap{
		width: auto !important;
	}
	.blist{
		width: auto;
	}
	.blist li{
		width: 50%;
	}
	.main100box{
		height: auto; width: auto;
	}
	.thirdbox{
		width: auto; height: auto; overflow: hidden;
	}
	#menu100 li{
		width: 33.33%; height: 35px; line-height: 35px; padding-top: 0;
	}
	#menu100 li.hover{
		padding-top: 0; border: none;
	}
	.menu100box{
		height: auto;
	}
	#menu100{
		position: static; overflow: hidden; background: #50AADB; padding: 5px;
	}
	.thirdbox .nav:nth-child(n+5){
		display: none;
	}
	.thirdbox .nav{
		width: auto; height: auto;
		padding: 15px;
	}
	.thirdbox .img{
		width: 100px; height: 100px; margin: 0;
	}
	.thirdbox .text{
		width: calc( 100% - 100px); margin: 0;
		padding-left: 15px; font-size: 14px;
	}
	.thirdbox .text b{
		font-size: 14px; line-height: 1.6;
	}
	.thirdbox2{
		width: auto; height: auto;
	}
	.thirdbox2 .img{
		width: 150px; height: 120px;
	}
	#tabs101{
		margin-top: 20px;
	}
	
	#menu101 li{
		width: 33.33%; height: 35px; line-height: 35px; padding-top: 0;
	}
	#menu101 li.hover{
		padding-top: 0; border: none;
	}
	.menu101box{
		height: auto; 
	}
	#menu101{
		position: static; overflow: hidden; background: #50AADB; padding: 5px;
	}
	.main101box{
		height: auto; margin: 0; width: auto;
	}
	
	
	#menu102 li{
		width: 33.33%; height: 35px; line-height: 35px; padding-top: 0;
	}
	#menu102 li.hover{
		padding-top: 0; border: none;
	}
	.menu102box{
		height: auto; margin: 0; width: auto;
	}
	#menu102{
		position: static; overflow: hidden; background: #48e7ed; padding: 5px;
	}
	#tabs102{
		margin-top: 20px;
	}
	.main102box{
		height: auto; margin: 0; width: auto;
	}
	.footer{
		height: auto; margin-top: 20px;
	}
	.footernav{
		height: auto;
	}
	.footernav ul{
		height: auto; overflow: hidden;
	}
	.footerright{
		width: auto; background: none; float: none; padding-top: 0; text-align: center;
	}
	.footerleft{
		width: auto; height: auto; float: none;
	}
	.flcon{
		width: auto; margin: 0;
	}
	.footerright p{
		margin: 0;
	}
	.footerright p i{
		margin-left: 5px;
	}
	#main102 ul li{
		overflow-x: scroll;
	}
	.header .nav{
		height: auto;
		background: #2f6ea2;
		overflow: hidden;
		transition: 0.4s;
		padding: 0; max-height: 0;
	}
	.header .nav .container{
		padding: 0;
	}
	.header .nav .dropdown{
		width: auto; float: none; position: relative; margin: 0;
		height: auto;
		border-bottom: rgba(255,255,255,0.5) solid 1px;
	}
	.header .nav .dropdown span{
		position: relative;
    height:45px;
    line-height: 45px; 
	}
	.header .nav .dropdown span a{
		font-size: 14px;
	}
	.header .nav .dropdown.hasChild span:after{
		content: "";
		width: 0; height: 0;
		border: transparent solid 4px;
		border-top-color: #fff;
		position: absolute; right: 20px; top: 22px;
		transition: 0.2s;
		-webkit-transition: 0.2s;
	}
	.header .nav .dropdownOpen.hasChild span:after{
		transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		top: 17px;
	}
	/*.header .nav .dropdown:after{
		content: ""; position: absolute; right: 0; top: 0;
		display: block;
    width: 2px;
    height: 20px;
    background-color: #fff;
    margin: 15px 0px;
	}*/
	.header .nav .dropdown .dropdown-content{
		display: none; position: static;
		background: #dddddd;
		width: auto !important;
	}
	.header .nav .dropdownOpen .dropdown-content{
		display: block;
	}
	.header .nav .dropdown .dropdown-content p{
		height: auto; line-height: 1.5; padding: 5px;
	}
	.header .nav .dropdown .dropdown-content p a{
		line-height: inherit;
	}
	.header .nav em{
		display: none;
	}
	.header .nav .dropdown:nth-child(3n-1):after{
		display: none;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		background-size: 13px auto;
	}
	.topcon{
		/*height: 80px;*/ height: auto;
	}
	.footernav ul li{
		width: 33.33%; text-align: center;
	}
	.footernav ul li a{
		width: auto; height: auto; font-size: 14px;
	}
	.footerleft .logo a{
		margin: 0;
		height: 55px;
    width:200px;
    background-size: contain; margin: 0 auto;
    background-position: center;
	}
	
	/**/
	.nav ul li{
		width: 33.33%; position: relative; z-index: inherit !important;

	}
	
	.nav ul li:nth-child(3n):after{
		display: none;
	}
	.nav ul li a{
		border-left: 0; width: auto; height: auto; font-size: 14px;
	}
	.footernav{
		height: auto;
	}
	.nav ul li .ul1 li{
		position: relative; z-index: 99999999999; font-size: 14px;
		/*width: 100px; height: 35px; line-height: 35px;*/

		display: block !important;
		width: auto !important; height: auto !important;
		border-bottom: none !important;
	}
	.nav ul li .ul1 li >a{
		margin: 0;
		background: #dddddd;
		height: 40px; line-height: 40px; color: #2f6ea2;
	}
	/**/
	.sample{
		width: auto; background-size: cover;
		background-position: center;
		min-height: 120px;
		height: auto;
	}
	.c-right{
		width: auto; float: none;
	}
	.c-left{
		width: auto; float: none;
	}
	.location{
		width: auto;
	}
	.c-right .text iframe{
		width: 100%;
	}
	.cl-top, .cl-up{
		width: auto;
	}
	.clt-title{
		width: auto; font-size: 14px;
	}
	.cl-top li{
		width: auto !important; font-size: 14px;
		height: auto !important;
	}
	
	/**/
	.c-left +div{
		width: auto !important; height: auto !important; overflow: hidden !important;
	}
	
	/**/
	.Meet-item h1, .invited-guest h1, .meet-features h1{
		font-size: 18px;
	}
	.meet-features-nav p{
		font-size: 16px;
	}
	.meet-features-nav span{
		font-size: 14px;
	}
	.meet-features-text{
		margin-bottom: 20px;
	}
	#masterdiv{
		display: none;
	}
	.r-up .wrap{
		width: auto; height: auto;
	}
	.r-up .blist{
		background: #2f6ea2; height: auto; overflow: hidden; color: #fff;
	}
	.wrap .blist li.active{
		color: #fff; font-weight: bold;
	}
	.blsit-list{
		width: auto; height: auto; overflow: visible;
	}
	.blsit-list li{
		width: auto; height: auto; overflow: visible;
	}
	.nav ul li .ul1{
		width: auto; float: none;
	}
	/**/
	.cl-top, .cl-up{
		height: auto;
	}
	.text{
		width: auto; height: auto; overflow: visible;
	}
	.text h1{
		font-size: 18px;
	}
	.bl-text{
		width: auto; height: auto;
	}
	.bl-text p{
		height: auto;
	}
	.sample>div{
		width: auto !important; height: auto !important; float: none !important;
	}
	.sample>div table img{
		width: 100px; height: 100px;
	}
	.rule-link-wrap img{
		width: 100px; height: 100px;
	}
	.rule-link-wrap{
		width: auto; height: auto;
	}
	.text .swiper-wrapper >b{
		display: none;
	}
	.location .more{
		background: none;
	}
	.r-center .blists{
		border-bottom: #aaa solid 1px;
		width: auto; height: auto;
	}
	.r-center .wraps{
		width: auto; height: auto;
	}
	.r-center .blists li{
		width: 33.33%;
	}
	.r-center .blists li:nth-child(3n+1){
		clear: both;
	}
	.r-center .blsits-lists li{
		width: auto; height: auto;
	}
	.wraps{
		width: auto; height: auto;
	}
	.blists{
		width: auto; height: auto;
	}
	.blists li{
		width: 33.33%;
	}
	.blists li:nth-child(3n+1){
		clear: both;
	}
	.blsits-lists li{
		width: auto; height: auto;
	}
	.sample{
		font-size: 14px; margin-top: 0;
	}
	.thirdbox2 .text{
		width: auto;
	}
	.r-up .text {
		text-align: center;
	}
	.rule-popup-box{
		display: none !important;
	}
	table{
		width: 100%;
	}
	.header .nav ul li a{
		border: none;
	}
	.header .nav ul li a{
		width: auto; height: auto; font-size: 14px;
	}
	.blsits-lists{
		width: auto;
	}
	h1{
		font-size: 20px;
	}
	video{
		background: #000;
	}
	/**/
	.header .nav{

	}
	.header .nav ul >li{
		width: auto; float: none; text-align: center; height: auto;
		border-bottom: rgba(255,255,255,0.5) solid 1px;
	}
	.header .nav ul li .ul1{
		width: auto; float: none; height: auto;
	}
	.header .nav ul li .ul1>a{
		height: 50px; line-height: 50px; margin: 0;
	}
	
	
	/*2020.9.8*/
	.solution-header h2{
		font-size: 18px;
	}
	.solution-list{
		width: auto; float: none;
	}
	.solution-item{
		margin-left: 0;
	}
	.solution-list ul{
		overflow: hidden;
	}
	.solution-list ul .on{
		width: 50%;
	}
	.solution-list ul li{
		width: 50%; float: left; margin: 0; height: auto;
	}
	.solution-list ul li h2{
		font-size: 14px; line-height: 45px;
	}
	.solution-brand-item{
		width: 50%; 
	}
	.solution-item ul li h2{
		font-size: 16px;
	}
}