@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){
	.train{
		display: none;
		background-color: black;
		height: 150vh;
		transition: 0.6s;
	}
	body,html{
		width: 100%;
		overflow-X: hidden;
	}
	.carrige{
		position: unset;
	}
	.train li{
		height: auto;
		color: white;
	}
	.gang{
		display: block!important;
	}
	.top-banner{
		height: auto;
	}
	.banner-info{
		top: 50%;
		transform: translate(0,-50%);
	}
	.banner-info div p{
		padding-top: 0px;
	}
	.search-box{
		display: flex;
	}
	.search-icon{
		top: 47%;
	}
	.product-title img{
		width: 70%;
	}
	.product-title p{
		font-size: 35px;
	}
	.product-title div{
		top: 190px;
	}
	.product .swiper-container-product{
		transform: none!important;
		padding: 0;
	}
	.product-title .swiper-slide-active, .swiper-slide-duplicate-active{
		transform: scale(.7)!important;
	}
	.product-title .swiper-container-product .swiper-button-next{
		display: none;
	}
	.product .swiper-container-product .swiper-wrapper{
		width: 90%;
		margin: auto;
		transform: none!important;
		transition-duration: unset!important;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.product .swiper-slide-active, .swiper-slide-duplicate-active{
		transform: scale(.7)!important;
	}
	.product .swiper-container-product .swiper-button-next{
		display: none;
	}
	.product-title{
		padding: 25px 0 50px;
	}
	.search-banner-info span{
		font-size: 14px;
	}
	.product-bottom ul{
		display: none;
	}
	.search-banner p{
		line-height: 15px;
		margin-top: 5px;
	}
	.advantage-title p{
		font-size: 24px;
	}
	.advantage-title h1{
		font-size: 50px;
	}
	
	.advantage-banner ul{
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.advantage-banner li{
		width: 50%;
		margin-top: 50px;
	}
	.walk-us-title ul{
		width: 90%;
		padding: 0px;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.walk-us-title{
		height: 260px;
	}
	.apply-title h1::before{
		font-size: 28px;
	}
	.apply-title h1{
		font-size: 28px;
	}
	.apply-banner-circle{
		display: none;
	}
	.apply-banner-circle::after{
		display: none;
	}
	.apply-banner .swiper-button-next:after, .apply-banner .swiper-button-prev:after{
		display: none;
	}
	.apply-banner{
		padding: 150px 0 240px;
	}
	.apply-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		top: -83px;
	}
	.walk-us-title ul li p{
		font-size: 25px;
		text-align: center;
	}
	.walk-us-title ul li h5{
		font-size: 12px;
	}
	.walk-us-title{
		position: relative;
	}
	
	.walk-us-info-left{
		padding-top: 60px;
	}
	.walk-us-history{
		padding-top: 50px;
	}
	.news-info-flex{
		width: 100%;
	}
	.news-info-flex:nth-child(2) div h1{
		font-size: 16px;
		line-height: 25px;
	}
	.news-info-flex:nth-child(2) div h2{
		font-size: 12px;
	}
	.news-info-flex:nth-child(1) div h2{
		font-size: 12px;
		line-height: 28px;
	}
	.news-info-flex:nth-child(2) div{
		padding: 43px 20px;
	}
	.news-info-flex:nth-child(2) div{
		height: auto;
	}
	.news-info .news-info-flex:nth-child(3){
		display: none;
	}
	.faq{
		padding: 35px 5%;
	}
	.faq-question-box h2{
		width: 85%;
		font-size: 12px;
		line-height: 25px;
	}
	.faq-question-box{
		margin-bottom: 30px;
		height: auto;
	}
	.footer-title img{
		width: 80%;
	}
	.footer-title-info i{
		font-size: 28px;
		padding-right: 16px;
	}
	.footer-title-info div a{
		font-size: 20px;
	}
	.footer-info span{
		font-size: 15px;
	}
	.footer-bottom{
		font-size: 13px;
	}
	.walk-us-postion h1::after{
		font-size: 28px;
	}
	.faq-question-box h1{
		font-size: 14px;
	}
	.walk-us-info{
		flex-direction: column;
		margin-bottom: 20px;
		padding:0 5% ;
	}
	.walk-us-info-frames{
		display: none;
	}
	.walk-us-banner1{
		width: 100%;
	}
	.walk-us-info ul{
		width: 100%;
		flex-direction: row;
	}
	.walk-us-info-right{
		padding-top: 245px;
		padding-bottom: 10px;
	}
	.news-bottom .a-tip{
		left: 55%;
	}
	.swiper-container-apply {
	    transform: translateX(6%);
	    overflow: visible;
	}
	.banner-info div p{
		font-size: 24px;
	}
	/* .walk-us-info-right{
		width: 500px!important;
		margin-top: 100px;
		margin-left: 50px;
	}
	.walk-us-banner-pager{
		    flex-direction: row!important;
			width: 100%!important;
	}
	.walk-us-info-frames{
		top: -100px;
	} */
	header{
		padding: 0 5%;
	}
	.banner-info div{
		top: 8px;
		left: 25px;
	}
	.banner-info div p{
		font-size: 13px;
	}
	.search-box{
		width: 90%;
	}
	.train li{
		line-height: 70px;
	}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
		display: none;
		
	}
	.product .swiper-slide{
		width: 47%!important;
	}
	.advantage{
		padding: 86px 5%;
	}
	.advantage-title-break{
		margin: 18px 0 44px;
		height: 2px;
	}
	.advantage-contact-left p{
		font-size: 16px;
	}
	.advantage-contact-left h5{
		font-size: 12px;
		width: 150px;
		line-height: 20px;
	}
	.advantage-contact-right div a{
		font-size: 16px;
	}
	.advantage-contact-right i{
		font-size: 28px;
	}
	.advantage-banner{
		padding-top: 0;
	}
	.walk-us-title ul div{
		height: 76px;
	}
	.walk-us-info li h5{
		font-size: 12px;
	}
	.news-info{
		padding: 0 5%;
		flex-direction: column;
	}
	.news-info-flex:nth-child(1) div span{
		bottom: 0px;
	}
	.news-info-flex:nth-child(2) div{
		margin: 0;
	}
	.faq-question-box:hover{
		margin-right: 0px;
	}
	.advantage-banner li span h5{
		line-height: 28px;
		font-size: 12px;
	}
	.apply-banner .swiper-pagination{
		display: none;
	}
	.apply-banner .swiper-wrapper{
		transform: none!important;
		flex-direction: column;
	}
	.apply-banner .swiper-slide img{
		display: none;
	}
	.apply-banner{
		width: 100%;
		margin: auto;
		padding: 50px 0 50px;
	}
	.apply-banner .swiper-container{
		transform: none;
	}
	.apply-banner-slide{
		width: 100%!important;
		height: auto!important;
		margin-bottom: 30px;
	}
	.apply-banner-tip{
		width: 90%;
		margin: auto;
		position: static;
		padding: 30px;
	}
	.apply-banner-tip h4{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.a-tip{
		display: none;
	}
	.apply-banner-tip{
		height: auto!important;
	}
	.apply-banner-tip span{
		padding-top: 30px;
	}
	.apply-banner-tip h5{
		padding: 15px 0 30px;
	}
	.apply-banner-tip span{
		display: none;
	}
	.apply-banner .apply-banner-slide{
		transform: scale(1)!important;
	}
	.point-box{
		display: none;
	}
	.walk-us-history{
		width: 100%;
	}
	.walk-us-history p{
		line-height: 32px;
		font-size: 14px;
	}
	.walk-us-history a{
		padding-top: 30px!important;
	}
	.walk-us-frames{
		left: 0!important;
		width: 100%;
	}
	.walk-us-banner1{
		transform: none;
	}

	.walk-us-info ul{
		flex-direction: column;
	}
	.walk-us-info ul div{
		display: none;
	}
	.walk-us-info li{
		padding: 10px 0;
	}
	.news .news-title{
		padding: 45px 0 50px;
	}
	.news-bottom{
		padding: 35px 0 61px;
	}
	.news-info-data img{
		display: none;
	}
	.product-title div{
		display: none;
	}
	.faq-question-box span:nth-child(1){
		margin-bottom: 22px;
	}
	.faq-question-box span:nth-child(2){
		margin-bottom: 20px;
		padding-top: 0;
	}
	footer{
		padding: 0;
	}
	.footer-title{
		width: 90%;
		margin: auto;
	}
	.footer-title-info div p{
		padding-bottom: 10px;
	}
	.footer-info{
		width: 90%;
		margin: auto;
		flex-direction: column-reverse;
	}
	.footer-info div:nth-child(1) span{
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		padding-bottom: 10px;
		margin-top: 30px;
	}
	.footer-bottom{
		width: 100%;
		padding: 25px 5%;
	}
	.footer-bottom a{
		display: block;
		font-size: 12px;
		line-height: 25px;
	}
	.about-us{
		padding: 0 20px;
	}
	.about-us-title p{
		font-size: 45px;
	}
	.about-us-title h1{
		font-size: 25px;
		padding-top: 20px;
	}
	.about-us-bottom{
		padding: 40px 0;
	}
	.about-us-bottom ul a{
		font-size: 12px;
	}
	.about-us-bottom li{
		width: 30%;
		margin-bottom: 20px;
		margin-left: 0;
	}
	.about-us-bottom{
		flex-direction: column;
	}
	.about-us-bottom ul{
		margin-bottom: 20px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.honor{
		padding: 0;
		margin-bottom: 30px;
		margin-top: 50px;
	}
	.honor-title p{
		font-size: 40px;
	}
	.cooperation ul{
		width: 90%;
		margin: auto;
		justify-content: space-between;
	}
	.cooperation ul li{
		width: 47%;
		margin-bottom: 20px;
	}
	.honor-title{
		padding-bottom: 50px;
	}
	.equipment .swiper-wrapper{
		transform: none!important;
		flex-direction: column;
	}
	.equipment li{
		width: 47%;
	}
	.equipment .swiper-wrapper .swiper-slide{
		width: 90%!important;
		margin: auto;
		display: flex;
		justify-content: space-between;
	}
	.equipment .point-swiper-pagination{
		display: none;
	}
	.faq .point-swiper-pagination{
		display: none;
	}
	.history-container{
		width: 90%;
		transform: none;
		left: 0;
		margin-top: 30px;
	}
	.history-pager-left{
		display: none;
	}
	.history-pager-right{
		display: none;
	}
	.history li{
		width: 80px!important;
		height: 80px;
		margin-right: 10px;
		margin-top: 20px;
	}
	.history-container .history-slide:nth-child(2n-1) span{
		float: unset;
	}
	.history-container .history-slide:nth-child(2n) span{
		float: unset;
		margin-top: 20px;
	}
	.history-container .history-slide:nth-child(2n-1) img{
		float: unset;
	}
	.history-slide span p{
		font-size: 13px;
		line-height: 25px;
	}
	.honor ul{
		margin: auto;
		justify-content: center;
	}
	.honor li{
		width: 80%;
		margin-right: 25px;
		margin: auto;
	}
	.point-swiper-pagination{
		display: none;
	}
	#swiper-wrapper .swiper-slide{
		flex-direction: column;
	}
	.idea-img{
		padding-bottom: 60px;
	}
	.idea-img-postion-info{
		width: 100%;
		padding: 20px;
		text-align: center;
		position: static;
	}
	.idea-img-info{
		display: unset;
	}
	.idea-img-postion-info h2{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.idea-img-postion{
		width: 100%;
	}
	.culture{
		width: 90%;
		margin: auto;
	}
	.culture h2{
		width: auto;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.culture-box{
		display: none;
	}
	.information ul{
		padding: 0;
	}
	.information ul li div{
		min-width: 80px;
		min-height: 80px;
	}
	.information ul li h1{
		line-height: 25px;
	}
	.information ul li h4{
		line-height: 25px;
	}
	.information{
		margin-bottom: 0;
	}
	.information-bottom p{
		width: 90%;
		font-size: 14px;
		line-height: 25px;
		text-align: center;
	}
	.information-bottom a{
		width: 90%;
	}
	.introduction-title h1{
		font-size: 30px;
	}
	.apply-title p{
		font-size: 14px;
	}
	.introduction-info{
		width: 90%;
		margin: auto;
		padding: 0;
		font-size: 15px;
	}
	.introduction-info-img{
		flex-direction: column;
		padding-bottom: 50px;
	}
	.introduction-info-img div{
		width: 100%;
		margin-bottom: 20px;
	}
	.introduction-info-p{
		padding-bottom: 40px;
		font-size: 15px;
	}
	.introduction-info-factory{
		flex-direction: column;
	}
	.introduction-info-advantage h1{
		padding-bottom: 40px;
	}
	.introduction-swiper h2{
		font-size: 18px;
	}
	.shadow{
		display: none;
	}
	.introduction-swiper div{
		height: 3px;
		margin: 17px 0 25px;
	}
	.introduction-swiper h3{
		font-size: 15px;
	}
	.introduction-info-factory ul{
		margin-top: 45px;
		width: 100%;
	}
	.introduction-info-advantage{
		padding-bottom: 70px;
	}
	.list-box .sj, .list-box .zw, .list-box .xz{
		font-size: 15px!important;
	}
	.join li h1{
		font-size: 12px;
		line-height: 16px;
	}
	.join li{
		width: 90%;
		padding: 0;
	}
	.join ul li span{
		font-size: 12px!important;
	}
	.join ul li span:nth-child(2){
		margin-left: 17px;
	}
	.join p{
		font-size: 13px;
		margin-top: 20px;
		margin-left: 5%;
		margin-bottom: 50px;
	}
	.list-box .sj, .list-box .zw, .list-box .xz{
		width: 25%!important;
	}
	.latest ul li{
		width: 90%;
		padding: 20px;
	}
	.latest li:nth-child(1){
		height: auto;
	}
	.latest li:nth-child(1) span h6{
		font-size: 12px;
		line-height: 20px;
		padding-top: 38px;
	}
	.latest li:nth-child(1) div img{
		display: none;
	}
	.latest li:nth-child(1) span h5{
		display: none;
	}
	.latest li:nth-child(3){
		position: static;
		transform: translateY(7%);
	}
	.latest li h1{
		font-size: 15px;
		line-height: 25px;
	}
	.latest li h2{
		padding: 15px 0 0 0;
		line-height: 25px;
		font-size: 13px;
	}
	.latest li span{
		border-top: none;
	}
	.latest li h3{
		font-size: 25px;
	}
	.news-details{
		width: 90%;
		margin: auto;
		padding: 0;
	}
	.news-details-title{
		text-align: center;
	}
	.news-details-title p{
		margin-top: 35px;
		font-size: 20px;
		line-height: 25px;
	}
	.news-details-info *{
		padding: 0;
		line-height: 35px;
		font-size: 14px;
	}
	.news-details-title h1{
		padding: 17px 0 35px;
	}
	.news-details-bottom ul{
		flex-direction: column;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	.news-details-bottom li{
		width: 100%;
		padding: 15px 0;
		margin-bottom: 10px;
	}
	.news-details-bottom li a{
		font-size: 13px;
	}
	.online .honor-title h5{
		font-size: 14px;
	}
	.online-form{
		padding: 70px 0;
	}
	.online-form li:nth-child(n+4){
		width: 90%!important;
	}
	.online-form li{
		width: 90%!important;
	}
	.online-form li:nth-child(n+4) span{
		flex-direction: column;
	}
	.online-form li:nth-child(4) span select{
		width: 100%;
	}
	.online-form{
		margin-bottom: 40px;
	}
	.product-web li{
		width: 100%;
	}
	.product-details-info{
		padding: 0;
		flex-direction: column;
		width: 90%;
		margin: 50px auto 0;
	}
	.product-details-info-img{
		width: 100%;
	}
	.product-details-info-right{
		padding-left: 0;
		margin-top: 20px;
		width: 100%;
	}
	.product-details-info-right h1{
		line-height: 35px;
	}
	.product-details-info-right h3{
		padding: 0 0 50px;
	}
	.product-details-info-right h3{
		line-height: 25px;
		font-size: 14px;
	}
	.product-details-web .honor-title{
		padding-bottom: 20px;
	}
	.advantage-contact-right i{
		transform: none;
		padding-right: 20px;
	}
	.rD-info{
		width: 90%;
		margin: auto;
		padding: 0;
		text-align: left;
	}
	.rD-info p{
		font-size: 13px;
		padding-bottom: 30px;
	}
	.search-web .honor-title h5{
		padding: 30px 0 0px;
	}
	.search-info a{
		padding: 0;
		width: 25%;
		margin-bottom: 15px;
	}
	.search-info{
		display: none;
	}
	.technical .culture h1{
		padding-top: 50px;
	}
	.technical .culture h2{
		font-size: 13px;
		padding-top: 30px;
	}
	.technical .culture{
		margin-bottom: 0;
	}
	.join ul div a{
		display: none;
	}
	.join ul div{
		background: none;
	}
	.join p{
		margin-bottom: 0;
	}
	.search-banner{
		transform: scale(.8);
	}
	.product .swiper-slide-active, .swiper-slide-duplicate-active{
		transform: scale(1)!important;
	}
	.about-us-bottom li.active:after{
		width: 60%;
	}
	.history li{
		margin-right: 25px!important;
	}
	.join ul div p{
		width: 100%!important;
		margin-left: 0!important;
	}
	.product-title p {
		font-size: 32px;
	}
	.news-info-flex{
		flex-direction: column;
	}
	.news-info-flex a{
		width: 100%;
	}
	.footer-title{
		flex-direction: column;
		align-items: unset;
	}
	header .footer-title-info {
		padding-left: 30px!important;
		padding-top: 0;
	}
	footer .footer-title-info {
		padding-top: 20px;
		padding-left: 30px;
	}
	.footer-bottom{
		flex-direction: column;
	}
}


@media screen and (max-width: 540px){

}


@media screen and (max-width: 414px){
	
	
}

@media screen and (max-width: 375px){
	
}

@media screen and (max-width: 360px){
	header a{
		font-size: 12px;
	}
	.train li{
		line-height: 50px;
	}
}