@media screen and (max-width: 2560px){
	
}


@media screen and (max-width: 2048px){
	
}

@media screen and (max-width: 1856px){
	
}

@media screen and (max-width: 1792px){
	
}

@media screen and (max-width: 1680px){
	
}

@media screen and (max-width: 1600px){
	
}

@media screen and (max-width: 1440px){
	
}

@media screen and (max-width: 1400px){
	
}

@media screen and (max-width: 1366px){
	
}







@media screen and (max-width: 768px){
/* header */
	.back div a{
		font-size: 20px!important;
	}
	.come li a{
		font-size: 14px!important;
	}
	body,html{
		width: 100%;
		overflow-x: hidden;
	}
	.header-warp{
		width: 90%;
	}
	.nav{
		display: none;
	}
	.reser{
		display: block!important;
	}
	.header{
		position: fixed!important;
	}
	.back div a:nth-child(1){
		margin-top: 14px!important;
		text-align: center!important;
	}
	.come li a{
		margin-left: auto!important;
	}
	.come{
		margin-left: 0px!important;
	}
/* foot */
	.footer-s-warp{
		width: 90%;
	}
	.footer-s-warp .flex{
		display: flex;
		flex-direction: column;
	}
	.footer .footer-s{
		width: 100%;
		height: auto;
	}
	.footer-s-warp .footer-s-l{
		width: 100%;
		margin-right: 0px;
		height: auto;
		margin-bottom: 10px;
	}
	.footer-s-warp .footer-s-r{
		width: 100%;
		margin-right: 0px;
		height: auto;
		margin-bottom: 30px;
	}
	.footer-s-r a{
		margin-bottom: 20px;
	}
	.footer-s-warp .footer-s-l .imgs{
		border-radius: 10px;
		width: 100%;
	}
	.footer-s-warp .footer-s-l .imgs h1{
		width: 90%;
		margin: auto;
		margin-top: 40px;
		text-align: center;
	}
	.footer-s-warp .footer-s-l .imgs p{
		width: 90%;
		margin: auto;
		margin-top: 30px;
		margin-bottom: 10px;
		text-align: center;
	}
	.footer-s-warp .footer-s-l .imgs a{
		margin: auto;
	}
	.footer-z{
		width: 100%;
		height: auto;
		position: relative;
	}
	.z-warp{
		margin-right: 0px;
		text-align: left;
	}
	.footer-nav{
		display: flex;
		justify-content: space-around;
	}
	.z-warp div{
		/* justify-content: center; */
	}
	.footer-nav .warp{
		margin: 0px;
		width: auto;
		
	}
	.footer-nav ul ul{
		width: auto;
	}
	.z-warp,.footer-nav,.footer-nav .warp,.weixin,.footer-nav ul ul li{
		width: 90%;
		margin: auto;
		float: unset;
	}
	.weixin{
		position: absolute;
		right: 0px;
		top: 0px;
		width: auto;
		margin-right: 5%;
		margin-top: 10%;
	}
/* index */
	.section3 .imgs{
		height: auto;
		margin-bottom: 30px;
	}
	.section3 .imgs .Circle-warp .Circle{
		display: none;
	}
	.section3 .Push{
		display: none;
	}
	.section6 .bottom6 .content h1{
		font-size: 14px;
	}
	.banner{
		width: 100%;
		margin: 132px auto 60px;
	}
	.banner .banner-l{
		width: 90%;
		margin-left: 5%;
		text-align: center;
	}
	.banner .banner-l span{
		font-size: 24px;
		line-height: 24px;
	}
	.banner .banner-l .imgs{
		width: 100%;
		background-size: 100%,100%;
		height: auto;
		margin-top: 20px;
	}
	.banner .banner-l h1{
		font-size: 14px;
		line-height: 30px;
	}
	.banner .banner-l a{
		width: 100%;
		font-size: 14px;
		margin-top: 20px;
	}
	.banner .banner-r{
		width: 100%;
		background-size: 100%,100%;
		left: 0px!important;
		margin-top: 40px;
	}
	.section p{
		width: 90%;
	}
	.section-bottom{
		height: auto;
	}	
	.bottom-warp .bototm-imgs{
		margin: 20px auto;
	}
	.bottom-warp{
		width: 100%;
		flex-direction: column;
	}
	.section{
		margin-bottom: 50px;
	}
	.section2{
		width: 90%;
		margin: auto;
	}
	.section2 h1{
		text-align: left;
	}
	.section2 p{
		text-align: left;
	}
	.section2 .bottom2 .bottom2-imgs p{
		text-align: center;
	}
	.section6{
		height: auto;
		padding-bottom: 30px;
	}
	.section2 .bottom2{
		width: 100%;
	}
	.section2 .bottom2 .bottom2-imgs img{
		width: 100%;
	}
	.section2 .bottom2 .bottom2-imgs{
		width: 100%;
	}
	.section2 .bottom2 .swiper-slide{
		height: auto;
	}
	.section2 .bottom2 .swiper-container{
		height: auto;
	}
	.bottom2 .swiper-wrapper{
		width: 90%!important;
		margin: auto;
		transform:none!important;
		flex-direction: unset!important;
		justify-content: space-between;
	}
	.section2 .bottom2 .swiper-slide{
		width: 47%!important;
	}
	.section3{
		margin-top: 0px;
	}
	.section3 h1{
		margin-top: 20px;
	}
	.section4 h1{
		font-size: 16px;
	}
	.section4 p{
		width: 100%;
		font-size: 12px;
	}
	.section5 .section5-l{
		width: 90%;
		margin: auto;
	}
	.section5 .section5-l .Sign span{
		font-size: 24px;
	}
	.section5{
		width: 100%;
		flex-direction: column;
	}
	.section5 .section5-l .Sign{
		width: 100%;
		background-size: 100%;
		height: auto;
		
	}
	.section5 .section5-l .p{
		font-size: 16px;
		margin-bottom: 24px!important;
	}
	.section5 .section5-l .section5-color{
		width: 100%;
		height: auto;
		/* margin: auto; */
	}
	.section5 .section5-l .section5-color .imgs{
		width: 90%;
		margin: auto;
		height: auto;
		margin-top: 10px;
	}
	.section5 .section5-l .section5-color .imgs img{
		height: auto;
	}
	.section5 .section5-l .section5-color h1{
		width: 90%;
		margin-left: auto;
		margin: 10px auto 10px;
	}
	.section5 .section5-l .section5-color p{
		width: 90%;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.section5 .section5-l .section5-color .a{
		margin-bottom: 20px;
	}
	
	
	.section5 .section5-r{
		width: 90%;
		margin: auto;
	}
	.section5 .section5-r .Sign span{
		font-size: 24px;
	}
	.section5{
		width: 100%;
		flex-direction: column;
	}
	.section5 .section5-r .Sign{
		width: 100%;
		background-size: 100%;
		height: auto;
		
	}
	.section5 .section5-r .p{
		font-size: 16px;
		margin-bottom: 24px!important;
	}
	.section5 .section5-r .section5-color{
		width: 100%;
		height: auto;
		/* margin: auto; */
	}
	.section5 .section5-r .section5-color .imgs{
		width: 90%;
		margin: auto;
		height: auto;
		margin-top: 10px;
	}
	.section5 .section5-r .section5-color .imgs img{
		height: auto;
	}
	.section5 .section5-r .section5-color h1{
		width: 90%;
		margin-left: auto;
		margin: 10px auto 10px;
	}
	.section5 .section5-r .section5-color p{
		width: 90%;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.section5 .section5-r .section5-color .a{
		margin-bottom: 20px;
	}
	.section6 .bottom6{
		width: 90%;
		margin: auto;
	}
	.bottom6-warp{
		margin-top: 20px;
	}
/* about */
	.two-bottom-warp .swiper-wrapper{
			flex-direction: unset!important;
			transform:none!important;
			/*justify-content: space-between;*/
	}
	.two-bottom-warp .swiper-slide{
		width: 45%!important;
	}
	.two-bottom-warp{
		height: auto;
	}
	.content2-right .content2-right-imgs .Thread{
		height: 350px;
		margin-top: 20px;
	}
	.swiper-button-prev, .swiper-button-next{
		display: none;
	}
	.content2-right{
		margin-top: 10px;
	}
	.content2-right .content2-right-imgs .Circle-warp{
		top: 12px;
	}
	.content2-right .content2-right-imgs .Circle {
		margin-bottom: 86px;
	}
	.content2-right .content2-right-imgs .Circle:nth-child(3){
		margin-bottom: 142px;
	}
	.About-banner{
		position: relative;
		top: 80px;
		height: 190px;
	}
	.About-banner h1{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		line-height: inherit;
		width: 90%;
		font-size: 18px;
	}
	.About-content{
		margin-top: 80px;
	}
	.About-bottom p{
		width: 90%;
		margin: auto;
	}
	.About-bottom img{
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.About-bottom{
		height: auto;
		margin-bottom: 50px;
	}
	.About-content2{
		width: 100%;
		flex-direction: column;
		margin-bottom: 50px;
	}
	.About-content2 .content2-left{
		width: 90%;
		height: auto;
	}
	
	.content2-left img{
		width: 100%;
	}
	.content2-right .content2-right-warp{
		margin-top: 20px;
		width: 90%;
		margin: auto;
		float: unset;
		padding: 0px;
		overflow-y: unset;
		overflow: unset;
	}
	.contact .contact-bottom{
		width: 100%;
		flex-direction: column;
	}
	.contact{
		height: auto;
	}
	.contact .contact-bottom .MAPS{
		width: 90%;
		margin: auto;
		margin-bottom: 30px;
	}
	.two-bottom5{
		width: 100%;
	}
	.two-bottom-warp{
		width: 100%;
		/* margin: auto; */
	}
	.two-section6 .bottom6{
		width: 100%;
		
	}
	.two-section6 .bottom6 .bottom6-warp{
		justify-content: center;
		width: 90%;
		margin: auto;
	}
	.two-section6 .bottom6 .bottom6-warp .bottom6-imgs img{
		width: 100%;
	}
	.contact .contact-bottom .MAPS img{
		width: 100%;
	}
	.Eleven-banner-warp{
		width: 100%;
		transform: unset;
		left: 0%;
		top: 0%;
	}
	.Eleven-banner{
		margin-top: 80px;
		height: auto;
		padding: 30px 0px;
	}
	.Eleven-banner-content{
		width: 90%;
		margin: auto;
		float: unset;
	}
	.Eleven-banner-content form .Leave{
		height: 80px;
	}
	.Eleven-banner-content .blue h1{
		font-size: 18px;
	}
	.Help .Help-left span{
		font-size: 16px;
	}
	.Help .Help-left h1{
		font-size: 12px;
	}
	.Help .Help-right .mailto{
		font-size: 12px;
	}
	.Help .Help-right .tel{
		height: 30px;
	}
	.Eleven-banner-content form div{
		margin-top: 10px;
	}
	.Eleven-banner-content .Help{
		margin-top: 10px;
	}
/* download */
	.download-top{
		display: none;
	}
	.two-banner{
		margin-top: 80px;
		height: 250px;
	}
	.two-banner h1{
		width: 100%;
		font-size: 20px;
		line-height: 0px;
		margin: 0px;
		position: absolute;
		bottom: 50px;
		left: 20px;
	}
	.bf{
		width: 50px;
		height: 50px;
	}
	.bf img{
		width: 25px;
		height: 25px;
	}
	.download-warp .Search-warp{
		width: 90%;
		margin: auto;
	}
	.download-warp .Search-warp .Output{
		width: 80%;
	}
	.download-warp .Search-warp .Output input{
		font-size: 12px;
	}
	.download-top .Search-nav{
		width: 100%;
		justify-content: space-evenly;
	}
	.download-top .Search-nav li{
		width: 60px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
	.download-bottom{
		width: 100%;
	}
	.download-bottom .Solutions-Heads{
		width: 100%;
		display: flex;
		justify-content: space-between;
		height: auto;
		align-items: center;
	}
	.download-bottom .Solutions-Heads li{
		width: auto!important;
		margin: 0px!important;
		font-size: 12px!important;
	}
	.download-bottom .Solutions-Heads li:nth-child(2),.download-bottom .Solutions-Heads li:nth-child(3),.download-bottom .Solutions-Heads li:nth-child(4),.download-bottom .Solutions-Heads li:nth-child(5),.download-bottom .Solutions-Heads li:nth-child(6){
		display: none;
	}
	.download-bottom .Solutions-Heads li:nth-child(1){
		margin-left: 5%!important;
	}
	.download-bottom .Solutions-Heads a{
		width: auto!important;
		margin: 0px!important;
		font-size: 12px!important;
		width: auto!important;
		height: auto;
		margin:0 5%!important;
		/* line-height: 18px!important; */
	}
/* hardware */
	.Hardware-bottom .bottom-header3{
		width: 100%;
	}
	.Hardware-bottom .bottom-header3 .imgs{
		width: 100%;
	}
	.Hardware-bottom .bottom-header3 .imgs .imgs-warp{
		width: 100%;
		height: auto;
		border: 0px;
	}
	.Hardware-bottom .bottom-header3 .imgs .imgs-warp img{
		width: 100%;
	}
	.Hardware-content{
		width: 90%;
		margin-top: 100px;
		margin-left: auto;
	}
	.Hardware-Search .Search{
		display: none;
	}
	.total-warp {
		width: 100%;
	}
	.total-bottom-warp{
		width: 90%;
		margin: auto;
	}
	.swiper-container-multirow-column > .swiper-wrapper{
		width: 100%!important;
	}
	.total-bottom-warp .total-content .total-imgs{
		width: 100%;
	}
	.total-bottom-warp .total-content .total-imgs img{
		width: 100%;
	}
	.total-bottom-warp .total-content .total-imgs{
		height: 180px;
	}
/* hardwareInfo */
	.Hardware2v{
		width: 100%;
		overflow: hidden;
		/* width: 90%; */
		margin: auto;
		margin-top: 80px;
		
	}
	.Hardware2v .Hardware-Search{
		/* margin: auto; */
		margin-top: 20px;
		width: 90%;
		margin-left: auto;
		
	}
	.Hardware2v .Hardware2-bottom .Hardware2-imgs{
		height: 110px;
		width: 100%;
	}
	.Hardware2v .Hardware2-content{
		width: 90%;
		margin-right: 0px;
		margin-left: 5%;
		margin-bottom: 40px;
	}
	.Hardware2v .Hardware2-content h1{
		text-align: center;
	}
	.Hardware2v .Hardware2-content p{
		text-align: center;
	}
	.two-section4 p{
		width: 90%;
		margin-left: auto;
	}
	.two-section4{
		
		height: auto;
	}
	.two-bottom4 .bottom4-warp .bottom4-imgs{
		width: 100%;
	}
	.two-bottom4 .bottom4-warp{
		width: 43%;
	}
	.two-bottom4{
		width: 90%;
		margin: auto;
		flex-wrap: wrap;
		/* flex-direction: column; */
	}
/* news */
	.news{
		width: 90%;
		margin-top: 80px;
		overflow: hidden;
		margin-bottom: 50px;
	}
	.news-top{
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.news-bottom{
		margin-top: 0px;
		flex-direction: column;
	}
	.news-bottom-left{
		width: 100%;
		
	}
	.news-bottom .news-bottom-left span{
		font-size: 20px;
	}
	.news-bottom .news-bottom-left p{
		font-size: 12px;
	}
	.news-bottom .news-bottom-left img{
		width: 100%;
		object-fit: cover;
	}
	.news-bottom-right{
		width: 100%;
	}
/* solution55 */
	.two-section h1{
		font-size: 12px;
		width: 90%;
		margin: auto;
		margin-bottom: 16px;
	}
	.home1 .two-bottom-r  h1{
		font-size: 20px;
	}
	.two-bottom-r p{
		margin-bottom: 28px;
	}
	.home1 .two-bottom-l h1{
		font-size: 20px;
		margin-top: 41px;
		margin-bottom: 16px;
	}
	.home1 .two-bottom-l p{
		font-size: 12px;
	}
	.home1 .two-bottom{
		width: 100%;
		margin: 25px 0px;
		flex-direction: column;
	}
	.home1 .two-section2{
		width: 100%;
		margin: auto;
		flex-direction: column;
		margin-bottom: 30px
	}
	.home1 .two-section2 .imgs{
		width: 90%;
		height: auto;
		margin-top: 10px;

	}
	.home1 .two-section2 .imgs img{
		width: 100%;
		height: auto;
	}
	.home1 .two-section2 .warp h1{
		font-size: 20px;
	}
	.home1 .two-section2 .warp{
		width: 90%;
		margin: auto;
	}
	.home1 .two-section2 .imgs-right{
		left: 0;
	}
	.two-section3 h1{
		font-size: 20px;
	}
	.two-section3 .two-bottom2{
		width: 100%;
		height: auto;
		flex-direction: column;
	}
	.two-section3 .two-bottom2 .bottom2-l{
		width: 90%;
	}
	.two-section3 .two-bottom2 .bottom2-r{
		width: 100%;
		height: auto;
	}
	.two-section3 .two-bottom2 .bottom2-l img{
		width: 100%;
	}
	.two-section3 .two-bottom2 .bottom2-r .warp{
		width: 90%;
		/*margin: auto;*/
		position: unset;
		transform: translate(0%,0%);
		text-align: center;
		margin: 30px auto;
	}
	.two-section3 .two-bottom2 .bottom2-r h1{
		font-size: 20px;
	}
	.two-section3 .two-bottom2 .bottom2-r .click{
		justify-content: center;
	}
	.two-bottom-l img{
		width: 90%;
		margin: 30px auto;
	}
	.home1 .two-section .two-bottom-l{
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}
	.home1 .two-bottom-r{
		width: 100%;
		margin: auto;
		height: auto;
	}
	.two-bottom-r .imgs{
		margin: auto;
		margin-top: 10px;
		width: 90%;
		height: auto;
	}
/* solution56 */
	.home2 .two-bottom{
		width: 100%;
		flex-direction: column;
		margin-bottom: 30px;
	}
	.home2 .two-section .h2{
		font-size: 20px;
		margin-top: 41px;
	}
	.home2 .two-bottom-l{
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}
	.home2 .two-bottom-r{
		width: 100%;
		height: auto;
	}
	.home2 .two-section2{
		width: 100%;
		flex-direction: column;
		height: auto;
	}
	.home2 .two-section2 .imgs{
		width: 90%;
		margin: auto;
		height: auto;
	}
	.home2 .two-section2 .imgs img{
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.home2 .two-section2 .warp{
		width: 90%;
		margin:30px auto;
	}
	.home2 .two-section2 .warp h1{
		font-size: 20px;
	}
/* solution57 */
	.home3 .two-section2{
		width: 100%;
		height: auto;
		flex-direction: column;
	}
	.home3 .two-section2 .imgs-left{
		width: 90%;
		margin: auto;
		height: auto;
		position: unset;
	}
	.home3 .two-section2 .warp h1{
		font-size: 20px;
	}
	.home3 .two-section2 .warp{
		width: 90%;
		margin: 30px auto;
	}
	.home3 .two-section2 .imgs-right{
		width: 100%;
		height: auto;
		position: unset;
	}
/* terminations */
	.Terminations{
		width: 100%;
		margin-top: 80px;
	}
	.Terminations-top{
		overflow: hidden;
		margin-bottom: 50px;
	}
	.Terminations-bottom .Terminations-left p{
		width: 100%;
		margin: auto;
	}
	.Terminations-nav{
		padding-top: 20px;
		width: 90%;
		margin: auto;
	}
	.Terminations-bottom .Terminations-left span{
		font-size: 20px!important;
	}
	.Terminations-bottom{
		flex-direction: column;
		margin-top: 20px;
	}
	.Terminations-right{
		width: 100%;
	}
	.Terminations-left{
		width: 90%;
		margin: auto;
	}
	.pictureset_lb{
		width: 100%!important;
	}
	.flex{
		width: 100%!important;
	}
	.pictureset .cut{
		margin-top: 60px!important;
	}
	.Terminations-content{
		width: 100%;
	}
	.Terminations-content .content-header li{
		width: 60px;
	}
	.Terminations-content .content-bottom h1{
		width: 100%;
	}
	.Terminations-content .content-bottom .content-warp{
		width: 100%;
		flex-direction: column;
	}
	.content-bottom .content-warp .content-imgs{
		width: 100%;
		height: auto;
	}
	.content-bottom .content-warp .content-imgs img{
		width: 100%;
		height: auto;
	}
	.lb-bottom-warp{
		height: auto;
	}
	.lb-bottom-warp swiper-wrapper{
		width: 100%;
		transform：none!important;
		height: auto;
	}
	.lb-bottom-warp .swiper-wrapper img{
		width: 100%!important;
		height: auto!important;
	}
	.Terminations-content .content-bottom .content-warp:nth-child(6){
		display: none!important;
	}
	.bottomnb6 .Solutions{
		width: 100%;
		text-align: left;
	}
	.bottomnb6 .Solutions-Heads{
		width: 100%;
	}
	.bottomnb6 .Solutions-Heads li{
		margin-left: 27px;
		display: none;
	}
	.bottomnb6 .Solutions-Heads li:nth-child(1){
		display: block;
	}
	.bottomnb6 .Solutions-Heads a{
		margin-right: 27px;
	}
	.bottommb5 img{
		width: 100%;
		height: auto;
	}
	.bottomnb4 .imgs-content{
		width: 100%;
	}
}

	


@media screen and (max-width: 540px){
	.banner .banner-r{
		height: 316px;
	}
}


@media screen and (max-width: 414px){
	.banner .banner-r{
		height: 244px;
	}

}

@media screen and (max-width: 375px){
	
}

@media screen and (max-width: 360px){
	.banner .banner-r{
		height: 212px;
	}
}