@media only screen and (max-width: 1440px) {
	img{
		max-width: 100%;
	}
	.wrapper{
		width: 1100px;
	}	
	.header >.wrapper{
		padding-left: 50px;
		padding-right: 50px;
	}
	.banner .wrapper{
		width: 1000px;
	}
	.header .nav>li,.header .mobile-nav>li{
		margin: 0 15px;
	}
	.header .nav>li>a,.header .mobile-nav>li > a{
		font-size: 16px; 
	}
	.banner li{
		height: 600px;
		padding-top: 150px;
	}
	.banner .morebox a{
		font-size: 16px;
		background-size: auto 18px;
	}
	.banner .title{
		font-size: 46px;
	}
	.banner .text{
		font-size: 16px;
	}
	.banner .swiper-pagination-bullet{
		width: 160px;
		height: 4px;
	}
	
	.hdevelop{
		padding-top: 140px;
		padding-bottom: 140px;
	}
	.hdevelop .wrapper{
		padding: 50px 60px;
	}
	.hdevelop .list{
		margin-top: 70px;
	}
	.hdevelop .title{
		font-size: 46px;
	}
	.hdevelop .list p{
		font-size: 14px;
	}
	.hdevelop .list h3{
		font-size: 46px;
	}
	
	.hproduct li .title{
		font-size: 32px;
	}
	.hproduct li .text{
		font-size: 16px;
	}
	.hproduct li{
		padding-left: 40px;
		padding-right: 40px;
		width: 70vw;
	}
	/* .hidden-pc .swiper-container2 .swiper-wrapper {
		margin-left: -10vw;
	} */
	.hproduct li .title {
		font-size: 18px;
	}
	.hproduct li>a{
		height: 400px;
	}
	.hproduct li .img img{
		max-height: 90%;
	}
	.hproduct li .more{
		font-size: 16px;
		background-size: auto 16px;
	}
	.gbtitle{
		font-size: 46px;
	}
	
	.product-banner{
		height: 650px;
		padding-top: 200px;
	}
	.product-banner h2{
		font-size: 46px;
	}
	.product-banner h3{
		font-size: 30px;
	}
	.product-banner .wrapper{
		width: 1000px;
	}
	.gbtitle1{
		font-size: 36px;
	}
	.product-item .text{
		font-size: 18px;
	}
	.product-item,
	.product-add{
		height: 350px;
	}
	.product-item .img{
		height: 300px;
	}
	.product-item .img img{
		max-height: 80%;
		max-width: 80%;
	}
	.product-add{
		font-size: 16px;
	}
	.product-add >span{
		background-size: auto 14px;
	}
	/**/
	.pro-box{
		padding-bottom: 80px;
	}
	.pro-list li>a{
		height: 500px;
	}
	.pro-list li .img{
		height: 350px;
	}
	.pro-list li .img img{
		max-height: 100%;
		max-width: 80%;
	}
	.pro-list li .info h3{
		font-size: 24px;
	}
	.pro-list li .more{
		font-size: 16px;
		background-size: auto 16px;
	}
	/**/
	.prodetail .wrapper{
		width: 1000px;
	}
	.detail-productl{
		width: 500px;
	}
	.detail-productl .smallimg{
		padding-top: 0;
		justify-content: center;
	}
	.detail-productl .bigimg{
		width: 420px;
	}
	.detail-productl .bigimg img{
		max-width: 80%;
	}
	.detail-productrhd h2{
		font-size: 26px;
	}
	.detail-productrhd h3{
		font-size: 18px;
	}
	.detail-productrbd li{
		font-size: 18px;
	}
	.detail-productl .smallimg li >div, .detail-productl .smallimg .more{
		height: 55px;
		border: 1px solid #fff;
		box-shadow: 0 0 3px rgba(0,0,0,.1);
	}
	.detail-productl .bigimgbd{
		height: 355px;
	}
	/**/
	.skill-banner .info h2{
		font-size: 46px;
	}
	.skill-banner .info .desc .numbox{
		font-size: 40px;
	}
	.skill-banner .info .desc{
		font-size: 16px;
	}
	.skill-banner{
		height: 650px;
	}
	.skillrow h3{
		font-size: 26px;
	}
	.skillrow h2{
		font-size: 46px;
	}
	.skillrow .list li{
		font-size: 24px;
	}
	.skillrow .list1 h4{
		font-size: 42px;
	}
	.skillrow .list1 p{
		font-size: 16px;
	}
	.skillrow .list2 li{
		font-size: 16px;
	}
	.skillrow .desc{
		font-size: 16px;
	}
	/**/
	.make-banner{
		height: 650px;
	}
	.make-banner .info{
		font-size: 46px;
	}
	.gbstit{
		font-size: 16px;
	}
	.makelist li{
		height: 480px;
	}
	.makelist h3{
		font-size: 36px;
	}
	.makelist p{
		font-size: 20px;
	}
	.makelist1 li{
		height: 480px;
	}
	.makelist1 .title{
		font-size: 24px;
	}
	/**/
	.brand-banner .wrapper{
		width: 1000px;
	}
	.brand-banner{
		height: 650px;
		padding-top: 250px;
	}
	.brand-banner h2{
		font-size: 46px;
	}
	.brandrow1 .bg  {
		display: block;
	}
	.brandrow1 .text {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.brandrow1{
		height: auto;
		padding-top: 140px;
		background: none;
	}
	.brandrow1 .title{
		font-size: 46px;
	}
	.brandrow1 .title big{
		font-size: 68px;
	}
	.brandrow1 .tip{
		font-size: 16px;
	}
	.brandrow2{
		height: 800px;
		padding-top: 300px;
	}
	.brandrow2 .wrapper{
		width: 1000px;
	}
	.brandrow2 h2{
		font-size: 46px;
	}
	.brandrow2 h3{
		font-size: 16px;
	}
	/**/
	.about-banner{
		height: 650px;
	}
	.about-info{
		height: 650px;
		padding-top: 70px;
	}
	.about-info .wrapper{
		width: 1000px;
	}
	.about-info .gbtitle{
		font-size: 46px;
	}
	.about-info .text{
		font-size: 16px;
    	max-width: 700px;
	}
	.about-mission{
		padding-top: 220px;
		padding-bottom: 200px;
	}
	.about-mission .wrapper{
		width: 1000px;
	}
	.about-mission .gbtitle{
		font-size: 54px;
	}
	.about-mission .listtext{
		font-size: 24px;
		margin-top: 60px;
	}
	.about-news .wrapper{
		width: 1000px;
	}
	.about-news .gbtitle{
		font-size: 46px;
	}
	.about-news .list h3{
		font-size: 16px;
		padding: 20px;
		height: 100px;
	}
	.about-historybd li .time{
		font-size: 16px;
	}
	.about-historybd li .title {
		font-size: 16px;
	}
	.about-historybd {
		height: 450px;
	}
	/**/
	.contact-banner{
		height: 650px;
	}
	.contact-info{
		padding-top: 100px;
		padding-bottom: 60px;
	}
	.contact-info .list h3{
		font-size: 18px;
	}
	.contact-info .list .desc{
		font-size: 16px;
		height: 60px;
	}
	.contact-hz{
		height: 650px;
	}
	.contact-hz h2{
		font-size: 46px;
	}
	.contact-hz p{
		font-size: 16px;
	}
	.wrapper1{
		width: 1000px;
	}
	.contact-job{
		padding-top: 100px;
	}
	.contact-job .list li{
		border-radius: 4px;
	}
	.contact-job .list .info{
		padding: 20px 40px;
		height: 160px;
	}
	.contact-job .list .tit{
		font-size: 18px;
	}
	.contact-job .list .desc{
		font-size: 16px;
	}
}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 1024px) {
	.product-banner .wrapper {
		text-align: center;
	}
	.pc-product-banner {
		display: none;
	}
	.xs-product-banner {
		display: block;
		height: 1300px;
		padding-top: 100px;
	}
	.hproduct li  {
		border-radius: 10px;
		box-shadow: 0 0 5px rgba(0,0,0,.2);
	}
	.xs-hproduct .swiper-slide , .hidden-pc .swiper-slide ,.hproduct li.swiper-slide{
		-webkit-transition: transform 1.0s;
		-moz-transition: transform 1.0s;
		-ms-transition: transform 1.0s;
		-o-transition: transform 1.0s;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.xs-hproduct .swiper-slide.swiper-slide-active, .hidden-pc .swiper-slide.swiper-slide-active ,.hproduct li.swiper-slide.swiper-slide-active{
		transform: scale(1);
	}
	.header .nav>li>a, .header .mobile-nav>li > a {
		font-size: 12px;
	}
	.detail-newsrhd h2 {
		font-size: 18px;
	}
	.detail-newsrbd {
		font-size: 16px;
	}
	.about-history .gbtitle {
		padding-bottom: 30px;
	}
	.about-historybd li .img {
		margin-top: 0;
	}
	.footer-bottom .contact a img {
		width: 20px;
	}
	.contact-job .list.hidden-xs {
		display: none;
	}
	.contact-job .hidden-pc .list {
		flex-wrap: nowrap;
	}

	.contact-job {
		background: #f3f4f9;
	}

	.contact-job .hidden-pc .list .swiper-slide {
		width: calc( (100% - 15px)/2 );
		padding: 10px;
		transform: scale(1);

	}
	.contact-job .hidden-pc .list .swiper-slide  a {
		display: block;
		box-shadow: 0 0 5px rgba(0,0,0,.1);
		border-radius: 10px;
		overflow: hidden;
	}
	.contact-job .hidden-pc .list .swiper-slide.swiper-slide-active {
		box-sizing: border-box;
		transform: scale(1);
		padding: 0;
	}

	.detail-news .contact {
		margin-bottom: 20px;
	}
	.detail-news .contact a img {
		max-width: 30px;
		display: inline-block;
		margin: 0 5px;
	}
	.detail-newsrbd {
		font-size: 13px;
		padding: 10px;
	}
	.detail-newsrbd p {
		 font-size: 15px;
		 line-height: 1.5;
	 }
	.detail-newsrbd p span{
		font-size: 15px!important;
		line-height: 1.5;
	}
	.detail-newsrbd img{
		max-width: 100%;
	}

	.makelist li {
		position: relative;
		padding-bottom: 100px;
		background-size: 100% 60%;
		background-position: center top;
		background-color: #fff;
		height: 300px;
		width: 70vw;
	}

	.makelist .playIcon {
		width: 60px;
		height: 60px;
		position: absolute;
		top: 20%;
		left: 50%;
		margin-left: -30px;
		display: block;
	}
	.makelist li .info {
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 10px;
		padding-bottom: 24px;
		color: #333;
	}
	.makelist h3 {
		font-size: 18px;
	}
	.makelist p {
		font-size: 12px;
	}
	/**/
	.skill-banner{
		height: 300px;
		padding-left: 15px;
	}
	.skill-banner .info{
		text-align: left;
	}
	.skill-banner .info h2{
		font-size: 24px;
		font-weight: bold;
	}
	.skill-banner .info .desc{
		margin-top: 15px;
	}
	.skill-banner .info .desc .numbox{
		font-size: 24px;
	}
	.skillrow h3{
		font-size: 14px;
	}
	.skillrow h2{
		font-size: 22px; margin-top: 5px;
	}
	.skillrow .list{
		margin-top: 10px;
	}
	.skillrow .list li{
		font-size: 14px;
		margin-bottom: 10px;
		padding-left: 15px;
	}
	.skillrow .list li small{
		font-size: 12px;
	}
	.skillrow-main{
		left: 15px;
	}
	.skillrow .list1{
		margin-top: 15px;
	}
	.skillrow .list1 h4{
		font-size: 24px;
	}
	.skillrow .list1 p{
		font-size: 12px;
	}
	.skillrow .list1 li{
		padding-right: 10px;
		margin-right: 10px;
	}
	.skillrow .list1 li:after{
		height: 50px;
		margin-top: -25px;
	}
	.skillrow .list2{
		margin-top: 15px;
	}
	.skillrow .list2 li{
		padding-left: 15px;
		font-size: 14px;
		margin-right: 15px;
	}
	.skillrow .list2 li:before,
	.skillrow .list li:before{
		width: 10px; height: 10px; margin-top: -5px;

	}
	
	.skillrow .desc{
		margin-top: 15px;
		font-size: 14px;
	}
	.pro-list .swiper-container9 .swiper-slide {
		width: 48vw;
	}

	.about-news .hidden-xs {
		display: none;
	}
	.about-news .list {
		flex-wrap: nowrap;
		margin-left: 10vw;
	}
	.about-history .swiper-button-next, .about-history .swiper-container-rtl .swiper-button-prev {
		background: url(../images/right_arrow.png) no-repeat;
		background-size: contain;
		top: 97%;
	}
	.about-history .swiper-button-prev, .about-history .swiper-container-rtl .swiper-button-next {
		background: url(../images/left_arrow.png) no-repeat;
		background-size: contain;
		top: 97%;
	}
	.timerCarosel {
		width: 70%;
		margin: 0 auto;
	}
	.about-news .swiper-container4 {
		position: relative;
		padding-bottom: 50px;
	}
	.timerCarosel.hidden-pc {
		height: auto;
		margin-top: -49px;
		position: relative;
	}
	.timerCarosel::before {
		content: '';
		width: 100vw;
		height: 1px;
		background: #e5e5e5;
		position: absolute;
		top: 0;
		left: -15%;
	}
	.about-history {
		background: #f3f4f9;
	}
	.about-historybd li.swiper-slide {
		background: none;
	}
	.timerCarosel.hidden-pc .swiper-slide.swiper-slide-active {
		color: #298deb;
		position: relative;
	}
	.timerCarosel.hidden-pc .swiper-slide {
		padding: 20px 0;
		text-align: center;
	}
	.timerCarosel.hidden-pc .swiper-slide.swiper-slide-active:before {
		content: '';
		width: 100%;
		background: #298deb;
		position: absolute;
		top: 0;
		left: 0;
		height: 2px;
	}

	.about-news .list li img {
		width: 100%;
	}
	.about-news .list .img {
		width: 100%;
		height: 200px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.hproduct.pc-hproduct {
		display: none;
	}
	.hproduct.pc-hproduct {
		display: none;
	}
	.xs-hproduct ,.hidden-pc{
		height: auto;
	}
	/* .hidden-pc .swiper-container2 .swiper-wrapper {
		margin-left: -4vw;
	} */
	.hpartner .gbtitle {
		margin-bottom: 30px;
		font-size: 30px;
	/*font-weight: bold;*/
	}
	.hpartner .hidden-pc .xss-img {
		display: none;
	}
	.about-banner {
		background: none;
		height: auto;
	}
	.about-banner.hidden-pc {
		display: block;
	}
	.about-banner.hidden-xs {
		display: none;
	}
	.about-hour .hidden-xs {
		display: none;
	}
	.about-hour .hidden-pc {
		display: block;
		height: auto;
		margin-top: 30px;
	}
	.brandrow2 {
		height: 600px;
		padding-top: 50px;
		background: url(../images/qua3.jpg) no-repeat center / cover;
	}
	.brandrow2 .hidden-xs {
		display: none;
	}
	.brandrow2 .hidden-pc {
		display: block;
		height: auto;
	}
	.brandrow1 .tip.hidden-xs{
		display: none;
	}

	.brandrow1 .tip.hidden-pc {
		display: block;
		height: 20px;
	}
	.brand-banner .wrapper,.brandrow2 .wrapper{
		width: auto;
	}
	.brand-banner {
		background: url(../images/qua1.jpg) no-repeat 30% top ;
		background-size: cover;
	}

.brand-banner {
	text-align: center;
}
	.xs-footer-nav .mobile-nav>li{
		display: block;
		border-bottom: #eee solid 1px;
	}
	.xs-footer-nav .mobile-nav>li>a{
		text-align: left;
		line-height: 55px;
	}
	.xs-footer-nav .mobile-nav>li>a::after{
		/*left: 50%;*/
		left: 0;
		right: 0;
		width: 40px;
		/*margin-left: -20px;*/
		height: 2px;
	}
	.xs-footer-nav .mobile-nav > li.show::after {
		transform: rotate(-45deg);
	}
	.xs-footer-nav .mobile-nav>li.show .subnavbox{
		display: block;
	}
	.footer-nav {
	
		display: none;
	}
	.xs-footer-nav .mobile-nav {
		display: block;
	}
	
	
	.footer-bottom {
		margin: 0;
		margin-top: 30px;
	}
	.footer .wrapper {
		padding: 0;
	}
	.wrapper{
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.about .wrapper {
		padding: 0;
	}
	.header{
		
		border-bottom: #eee solid 1px;
	}
	.header .logo img{
		height: 22px;
		
	}

	.subnavbox .subnav .img{
		height: 50px;
		line-height: 50px;
	}
	.subnavbox .subnav .img img{
		height: 40px;
	}
	/* .subnavbox{
		display: block;
		position: static;
		margin-left: 0;
		width: auto;
		padding: 10px 0;
		background: #f6f6f6;
	} */
	.subnavboxbg{
		display: none;
	}
	.subnavbox .subnav li a{
		display: inline-block;
		padding: 10px 0;
		font-size: 15px;
	}
	.header >.wrapper{
		padding-left: 15px;
		padding-right: 15px;
		justify-content: space-around;
	}
	.banner.pc-banner {
		display: none;
	}
	.banner.mobile-banner {
		display: block;
	}
	.banner .wrapper{
		width: auto;
	}
	.banner .title{
		font-size: 24px;
	}
	.banner .text{
		font-size: 16px;
		width: 80%;
		margin-bottom: 15px;
	}
	.banner li{
		height: 800px;
		padding-top: 40px;
		background-size: cover;
		background-position: center top;
	}
	.banner  {
		text-align: center;
	}
	.banner .title , .banner .text{
		width: auto;
	}
	.banner .morebox{
		margin-top: 15px;
	}
	.banner .morebox a{
		margin-right: 20px;
		padding-right: 20px;
	}
	.banner .swiper-pagination-bullet{
		width: 80px;
		height: 2px;
	}
	.banner .swiper-pagination{
		bottom: 10px;
	}
	.hdevelop{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.hdevelop .open-service {
		display: block;
		font-size: 20px;
		width: 250px;
		margin-top: 30px;
	}
	.hdevelop .open-service::after {
		top: 21px;
	}
	.hdevelop .list li:last-child{
		display: none;
	}
	.hdevelop .title{
		font-size: 22px;
	}
	.hdevelop .wrapper{
		padding: 25px 10px;
		margin-left: 15px;
		margin-right: 15px;
		border-radius: 4px;
	}
	.hdevelop .list{
		flex-wrap: wrap;
		margin-top: 30px;
		padding-left: 10vw;
		padding-right: 10vw;

	}
	.hdevelop .list li{
		margin-bottom: 40px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.hdevelop .list h3{
		font-size: 30px;
		margin-top: 5px;
	}
	.hdevelop .list h3.s360{
		background-size: auto 16px;
		padding-right: 20px;
	}
	.hdevelop .list p{
		font-size: 12px;
	}



	.hproduct li .img img{
		max-height: 220px;
		max-width: 220px;
	}
	.hproduct li .text{
		font-size: 12px;
	}
	.hproduct li .title{
		font-size: 24px;
	}
	.hproduct li .more{
		margin-top: 6px;
		padding-right: 20px;
	}
	
	.hpartner{
		padding-top: 70px;
		padding-bottom: 60px;
	}
	.gbtitle{
		font-size: 24px;
	}
	.hcase-list{
		margin-top: 60px;
		
	}
	.hcase-list.hidden-xs {
		display: none;
	}
	.hcase-list .hidden-pc {
		height: auto;
	}
	.hcase-list ul{
		display: inline;
	}
	.hcase-list li{
		width: 25%;
		padding: 0 5px;
		justify-content: center;
		height: 70px;
		display: inline-block;
	}
	.hcase-list li img{
		height: 22px;
		width: auto;
	}
	.footer-nav{
		flex-wrap: wrap;
	}
	.footer-nav dl{
		width: 33.33%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.footer-nav dt{
		margin-bottom: 15px;
	}
	.footer{
		padding-top: 30px;
		padding-bottom: 30px;
		background: #f3f4f9!important;
	}
	.copyright{
		display: block;
		text-align: left;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 10px;
	}
	.copyright .logo{
		display: block;
	}
	.product-banner h2{
		font-size: 30px;
	}
	.product-banner h3{
		font-size: 18px;
		margin-top: 15px;
	}


	.gbtitle1{
		font-size: 24px;
	}
	.product-box{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.product-list{
		gap:0;
	}
	.product-list li{
		padding: 0 ;
    margin-bottom: 10px;
    width: calc( (100% - 15px) / 2);
    margin-right: 15px;
	}
	.product-list li:nth-child(2n) {
	    margin-right: 0;
	}
	.product-list li:last-child {
		display: none;
	}
	.product-box .checkAll {
		display: block;
		margin: 30px auto;
		width: 120px;
		height: 40px;
		line-height: 40px;
		color: #298deb;
		border: 1px solid #298deb;
		border-radius: 30px;
		text-align: center;
	}
	.product-item{
		padding: 10px 15px;
	}
	.product-item .text{
		font-size: 16px;
	}
	.product-item, .product-add{
		height: 250px;
	}
	.product-item .img{
		height: 200px;
	}
	.product-banner .wrapper{
		width: auto;
	}
	/**/
	.pro-box{
		padding-bottom: 40px;
	}
	.pro-list{
		margin-top: 30px;
		padding-left: 0;
		padding-right: 0;
	}
	.pro-list li{
		width: 50%;
	}
	.pro-list li>a{
		height: 280px;
		border-radius: 4px;
		padding: 30px 15px;
	}
	.pro-list li .img{
		height: 180px;
	}
	.pro-list li .img img{
	}
	.pro-list li .info h3{
		font-size: 18px;
	}
	.pro-list li .more{
		margin-top: 5px;
		padding-right: 20px;
	}
	.pro-box .gbtitle{
		padding-top: 30px;
	}
	/**/
	.prodetail .wrapper{
		padding: 0;
		width: auto;
	}
	.detail-product{
		display: block;
	}
	.detail-productl{
		width: auto;
		display: block;
	}
	.detail-productr{
		width: auto; margin-top: 40px;
		padding: 20px;
	}
	.sevelPlus {
		padding: 20px;
	}
	.detail-productl .smallimg{
		width: auto;
		overflow-x: scroll;
		position: relative;
	}
	.prodetail {
		padding-top: 0;
	}
	.detail-productl .bigimg {
		margin-top: 0;
	}
	.detail-productl .smallimg ul{
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		/*white-space: nowrap;*/
	}
	.detail-productl .smallimg li{
		width: 70px; margin-right: 5px;
		display: inline-block;
	}
	.detail-productl .smallimg li >div{
		vertical-align: top;
	}
	.detail-productl .smallimg .more{

		width: 60px; height: 60px;
		flex-shrink: 0;
	}
	.detail-productl .bigimg{
		width: auto;
		background: #f9f8fd;
		padding: 20PX 10px;
		
	}
	.detail-productrhd h2{
		font-size: 20px;
	}
	.detail-productrhd h3{
		font-size: 14px;
	}
	.detail-productrbd li{
		font-size: 14px;
	}
	
	
	
	/**/

	.make-banner .info{
		font-size: 30px; font-weight: bold;
	}

	.makerow{
		padding-top: 40px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.makerow:nth-child(1) {
		padding-bottom: 30px;
	}
	.makerow .makebd{
		margin:30px 0;
	}
	.gbstit{
		font-size: 14px;
	}
	.makelist li{
		padding-left: 15px;
		margin-bottom: 20px;
		border-radius: 4px;
	}
	.makelist h3{
		font-size: 24px; font-weight: bold;
	}
	.makelist p{
		font-size: 16px; margin-top: 10px;
	}
	.makelist1{
		padding-bottom: 60px;
	}
	.makelist1 li{
		height: 200px;
		padding-left: 15px;
		margin-bottom: 20px;
		border-radius: 4px;
	}
	.makelist1 .title{
		font-size: 16px; left: 15px; top: 15px;
	}
	.brand-banner{
		padding-top: 100px;
	}
	.brand-banner h2{
		font-size: 24px; font-weight: bold;
	}
	.brandrow1{
		padding-top: 0;

	}
	.brandrow1 .title{
		font-size: 24px;
		margin-top: 10%;
	}
	.brandrow1 .title big{
		font-size: 40px;
	}


	.brandrow2 h2{
		font-size: 18px;
		text-align: center;
	}
	.brandrow2 h3{
		font-size: 12px;
		text-align: center;
		margin-top: 15px;
	}

	.about-info{
		/*height: 520px;*/
		background: none;
		height: auto;
		position: relative;
		padding-top: 0;
	}
	.about-info .wrapper{
		width: auto;
	}
	.about-info .gbtitle{
		font-size: 40px; font-weight: bold;
		margin-bottom: 30px;
	}
	.about-info .hidden-pc {
		height: auto;
		width: 100%;
	}
	.about-info .text {
	    font-size: 14px;
	    max-width: 50%;
	    margin-top: 20px;
			position: absolute;
			top: 10%;
			left: 5%;
	}
	.about-info .text p{
		margin-bottom: 15px;
		font-size: 16px;
    line-height: 30px;
	}
	.about-mission{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.about-mission .wrapper{
		width: auto;
	}
	.about-mission .gbtitle{
		font-size: 24px;
	}
	.about-mission .listtext{
		font-size: 16px;
		margin-top: 20px;
		padding-left: 20px;
	}
	.about-mission .listtext li{
		background-size: auto 10px;
		background-position: left 8px;
		padding-left: 20px;
	}
	.about-news .wrapper{
		width: auto;
		padding: 0;
	}
	.about-news{
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.about-news .gbtitle{
		font-size: 24px; 
	}
	.about-news .hidden-xs{
		display: none;
		/*column-gap:15px;
		gap:15px;*/
	}
	.about-news .hidden-pc{
		height: auto;
		display: block;
		/*column-gap:15px;
		gap:15px;*/
	}
	.about-news .list li {
	    width: calc( (100% - 15px) / 2);
	    border-radius: 4px;
	    margin-right: 15px;
		margin-bottom: 15px;
	}

	.about-news .list h3{
		font-size: 14px;
		padding: 15px;
	}
	.about-news .gbpages{
		line-height: 30px; margin-top: 30px;
	}
	.gbpages li >a{
		height: 30px;
		padding: 0 8px;
	}
	.gbpages form>input{
		height: 30px;
		width: 40px;
	}
	.about-history{
		padding-top: 40px;
	}
	.about-historybd li .title:before {
		width: 4px;
		height: 4px;
		top: 8px;
	}
	.about-historybd{
		height: 400px;
		padding-bottom: 40px;
	}
	.about-historybd ul{
		position: static; margin-left: 0;

	 
	}
	.about-historybd li{
		padding-right: 20px;
		flex-shrink: 0;
		width: 100px;
	}
	.about-historybd li.active{
		
		width: 230px;
	}
	
	.about-historybd li.active .time{
		font-size: 22px; margin-bottom: 20px;
	}
	.about-historybd li.active .img{
		margin-top: 60px;
		bottom: 0px;
	}
	.about-historybd li.active .text{
		font-size: 12px;
	}
	/**/
	.contact-banner{
		display: none;
	}
	.contact-hz {
		background: none;
	}
	.contact-info{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.wrapper1{
		width: auto; padding: 0 15px;
	}
	.contact-info .list{
		margin-top: 20px;
	}
	.contact-info .list li{
		padding: 20px 0;
		column-gap: 20px;
		gap:20px;

	}
	.contact-info .list h3{
		font-size: 15px;
	}
	.contact-info .list .desc {
		font-size: 12px;
	}

	.contact-hz{
		height: 300px;
	}
	.contact-hz h2{
		font-size: 24px;
	}
	.contact-hz p{
		font-size: 14px;
	}
	.contact-job{
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.contact-job .list.hiddex-xs {
		display: none;
	}
	.contact-job .list.hiddex-xs{
		margin-top: 40px;
		gap:15px; 
		column-gap: 15px;
	}
	.contact-job .list li{
		width: calc( (100% - 15px ) /2 );
		margin: 0;
    	border-radius: 4px;
    	padding-bottom: 15px;
	}

	.contact-job .list .info{
		height: auto;
		padding: 20px;
		background: #fff;
	}
	.contact-job .list .tit{
		font-size: 16px;
	}
	.contact-job .list .desc{
		font-size: 12px;
	}
	
	/**/
	.form{
		width: auto;
		padding: 0 15px;
		margin-top: 50px;
	}
	.formhd img{
		height: 32px;
	}
	.formbd .iteml{
		font-size: 16px;
		width: 100px;
		line-height: 40px;
	}
	.formbd .iteml:before{
		width: 10px; height: 10px;
		margin-right: 8px;
		margin-top: -5px;
	}
	.formbd .itemr .input{
		font-size: 16px;
	}
	.formbd .itemr .input{
		height: 40px;
	}
	.formbd .itemr .input::-ms-input-placeholder{
		color:#C9C9C9 ;font-size: 16px; 
	}
	.formbd .itemr .input::-webkit-input-placeholder{
		color:#C9C9C9 ;font-size: 16px; 
	}
	.formbd .itemr .input::input-placeholder{
		color:#C9C9C9 ;font-size: 16px; 
	}
	.formft .btn{
		width: 120px;
		line-height: 40px;
		border-radius: 4px;
		font-size: 18px;
	}
	.formbd{
		margin-top: 40px;
	}
	.formft{
		margin-top: 40px;
	}
	.copyright {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10px;
	}
	.pro-list.hidden-pc {
		flex-wrap: nowrap;
	}
	.pro-list.hidden-xs {
		display: none;
	}
	.pro-list .swiper-button-next, .about-news .swiper-button-next{
		background: url(../images/right_arrow.png) no-repeat;
		background-size: 25px;
		top: auto;
		bottom: 10px;
		right: 40%;
	}
	.pro-list .swiper-button-prev, .about-news .swiper-button-prev {
		background: url(../images/left_arrow.png) no-repeat;
		background-size: 25px;
		top: auto;
		bottom: 10px;
		left: 40%;
	}
	.pro-list li{
		width: calc( (100% - 15px)/2 );
	}
	.pro-list li>a{
		border-radius: 4px;
		padding: 15px;
		height: auto;
		padding: 50px 15px;
	}
	.pro-list li .img{
		height: 180px;
	}
	.pro-list li .img img{
		margin-bottom: 50px;
	}
	.pro-list li .info h3{
		font-size: 18px;
	}
	.pro-list li .more{
		margin-top: 5px;
		padding-right: 20px;
	}
	.hidden-pc .swiperContainer {
		padding-bottom: 60px;
		position: relative;
	}
	.hidden-pc .swiperContainer::after {
		content: '';
		width: 80%;
		height: 1px;
		background: #eee;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
	}
	.pro-row .xs-hproduct .swiper-slide,.pro-row  .hidden-pc .swiper-slide {
		transform: scale(1);
	}
	.skill-banner.hidden-xs {
		display: none;
	}
	.skill-banner.hidden-pc {
		height: 800px;
		display: block;
	}
	.skill-banner .info {
		display: block;
		text-align: center;
		margin-top: 50px;
	}
	.skillrow-main {
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		top: 35px;
		bottom: auto;
		width: 100%;
	}
	.skillrow-main  li {
		display: inline-block;
		color: #333;
	}
	.skillrow .list li:before {
		top: 5px;
		margin-top: auto;
	}
	.skillrow-main  li:first-child {
	}
	.skillrow .list li {
		color: #333;
		margin-right: 20px;
		
	}
	.skillrow.hidden-pc {
		height: 750px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.skillrow:last-child .skillrow-main {
		left: 20px;
		width: auto;
		top: 50%;
		text-align: left;
		transform: translate(0, -50%);

	}
	.make-banner{ 
		display: block;
		background: url(../images/made01.jpg) no-repeat;
		background-position: center;
		background-size: cover;
		height: 500px;
	}
	.make-banner .info h2 {
		width: 100%;
		text-align: center;
		padding-top: 60px;
	}
	.makelist.hidden-xs {
		display: none;
	}
	.contact-us .contact-hz {
		height: auto;
		position: absolute;
		left: 50%;
		top:10%;
		transform: translateX(-50%);
		background: none;
		text-align: center;
		width: 100%;
		display: block;
	}
	.contact-us .contact-hz .wrapper1 {
		margin: 0;
	}
	.contact-job .list.hidden-xs {
		display: none;
	}
	.contact-job .list.hidden-xs {
		height: auto;
	}
	.contact-hz.hidden-xs {
		display: none;
	}
	.contact-us .hidden-shu {
		display: none;
	}
	.contact-us {
		position: relative;
	}
	.makebd .swiper-slide {
		background-repeat: no-repeat;
		background-size: 100% 65%;
		background-position: center top;
	}

	.contact a {
		display: inline-block;
		vertical-align: middle;
	}
}
@media only screen and (max-width: 1000px) {
	.sevelPlus h2 {
		font-size: 26px;
	}
	.sevelPlus .img > div {
		margin-right: 10px;
	}
	.footer-bottom {
		display: block;
		text-align: center;
	}

	.about-historybd li.swiper-slide {
		padding: 20px;
	}
	.about-historybd li .img {
		left: 20px;
	}

}
@media only screen and (max-width: 900px) { 
	.header .nav>li {
		margin: 0 8px;
	}
	.header .language img {
		width: 25px;
	}
}	
@media only screen and (max-width: 785px) {
	.about-news .list {
		margin-left: 4vw;
	}
	.jobDetail h1 {
		font-size: 16px;
	}
	.jobDetail .info h3 {
		font-size: 14px;
	}
	.jobDetail .info p {
		font-size: 12px;
	}
	.jobDetail .type div {
		font-size: 12px;
	}
	.jobDetail .type div {
		width: 50%;
	}
	.allJob .main {
		padding: 30px 0;
	}
	.allJob .main ul li {
		padding: 20px 10px;
		width: 47%;
	}
	.allJob .main h1 {
		font-size: 30px;
		margin-bottom: 30px;
	}
	.allJob .main h2 {
		font-size: 16px;
	}
	.makelist li .info {
	}
	.sevelPlus .img {
		flex-wrap: wrap;
	}
	.sevelPlus .img div {
		margin-top: 20px;
	}
	.about-news .list li {
		margin-right: auto;
	}

	
	.hproduct li .title {
		font-size:26px;
	}
	
	.hdevelop .open-service::after {
		top: 16px;
	}
	

	.header .language  {
		display: flex;
	}

	.hproduct li {
		padding: 0;
	}
	.hidden-pc {
		height: auto;
	}

	.hidden-xs {
		display: none;
	}

	.xs-hproduct {
		height: auto;
		overflow: visible;
	}
	.xs-hproduct .swiper-slide , .hidden-pc .swiper-slide ,.hproduct li.swiper-slide{
		-webkit-transition: transform 1.0s;
		-moz-transition: transform 1.0s;
		-ms-transition: transform 1.0s;
		-o-transition: transform 1.0s;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.xs-hproduct .swiper-slide.swiper-slide-active, .hidden-pc .swiper-slide.swiper-slide-active ,.hproduct li.swiper-slide.swiper-slide-active{
		transform: scale(1);
	}
	.xs-hproduct .swiper-slide  a {
		padding: 20px 10px;
	}

	.pc-product-banner {
		display: none;
	}
	
	.about-historybd li .title {
		font-size: 14px;
	}
	.about-historybd li .img img {
		max-width: 90%;
	}
	.gh{
		display: block;
	}

	.header .nav {
		display: none;
	}
	.header .mobile-nav{
		position: absolute;  right: 0; top: 65px; left: 0;
		/*box-shadow: rgba(0,0,0,0.1) 0 2px 2px;*/
		/*width: 150px;*/
		background: #fff;
		display: none;
		height: calc(100vh - 65px);
		overflow-y: auto;
	}
	.header .mobile-nav>li{
		display: block;
		border-bottom: #eee solid 1px;
	}
	.header .mobile-nav>li>a,
	.xs-footer-nav .mobile-nav>li>a{
		text-align: left;
		line-height: 55px;
	}
	.header .mobile-nav>li>a::after,
	.xs-footer-nav .mobile-nav>li>a::after{
		/*left: 50%;*/
		left: 0;
		right: 0;
		width: 40px;
		/*margin-left: -20px;*/
		height: 2px;
	}
	.header >.wrapper {
		justify-content: center;
	}
	.header .mobile-nav > li.show .subnavbox{
		display: block;
	}
	.header .mobile-nav > li.show::after {
		transform: rotate(-45deg);
	}
	.banner li {
		height: 600px;
	}
	.about-info .text {
		width: 60%;
	}
	.about-info .gbtitle {
		font-size: 24px;
	}
	.about-info .text {
		top: 0;
	}
	.about-info .text p {
		font-size: 13px;
		line-height: 24px;
	}
	.contact-info .wrapper1 {
		margin-top: 0;
	}
	.contact-xs {
		display: flex;
		justify-content: space-between;
		margin-top: 50px;
		padding-bottom: 30px;
		border-bottom: 1px solid #e5e5e5;
	}
	.contact-info {
		padding-top: 0;
	}
	.contact-xs > div {
		width: 32%;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		background: #fff;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 10px;
		text-align: center;
	}
	.contact-xs > div .img {
		width: 36px;
		height: 36px;
		background: #0073e6;
		border-radius: 50%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 8px;
	}
	.contact-xs > div .img img {
		max-width: 80%;
	}
	.contact-xs > div p:last-child {
		margin-top: 3px;
		color: #0073e6;
	}
	
}

@media only screen and (max-width: 600px) {
	.about-news .list {
		margin-left: -8vw;
	}
	.contact-job .list .tit {
		height: 40px;
	}
	.contact-job .list .desc {
		height: 80px;
	}

	.contact-job .list .tit {
		font-size: 12px;
	}
	.banner li {
		padding-top: 10px;
	}
	.makelist h3 {
		font-size: 16px;
	}
	.makelist p {
		font-size: 12px;
	}

	.xs-hproduct .swiper-slide.swiper-slide-active, .hidden-pc .swiper-slide.swiper-slide-active {
		width: 70vw;
	}
	.about-news .hidden-pc .swiper-slide.swiper-slide-active  {
		width: calc( (100% - 15px) / 2);
	}
	.about-news .list .img {
		height: 133px;
	}
	.hproduct li .img img {
		max-width: 220px;
	}

	.pro-row .hidden-pc .swiper-slide {
		width: 80vw;
	}
	/* .hidden-pc .swiper-container2 .swiper-wrapper {
		margin-left: -8vw;
	} */
	.hpartner .hidden-pc .xss-img {
		display: block;
	}
	.hpartner .hidden-pc .xs-img {
		display: none;
	}
	.xs-product-banner {
		display: block;
		padding-top: 50px;
		height:570px;
		background-position: center bottom;
	}
	.brand-banner {
		height: 700px;
		padding-top: 30px;
	}
	.brandrow1 .tip > span{
		font-size: 12px;
		margin: 0 5px;
	}
	.branddrow3.hidden-xss.hidden-pc{
		display: none;
		height: 0;
		overflow: hidden;
	}
	.branddrow3.hidden-xs.hidden-pc {
		height: auto;
		display: block;
	}
	.brandrow2 {
		height: 400px;

	}
	.about-info .hidden-xss {
		display: block;
	}
	.about-info .hidden-pc {
		display: none;
	}
	.about-info .text {
		width: 80%;
		max-width: 80%;
		left: 10%;
		margin-top: 50px;
	}
	.about-info .text p {
		font-size: 12px;
		line-height: 20px;
	}
	.about-info .text p:last-child {
		width: 50%;
	}
	.contact-xs > div {
		padding: 22px 5px;
	}
	.contact-xs > div p {
		font-size: 11px;
	}
	.hdevelop .list li {
		width: 50%;
		margin-bottom: 20px;
	}
	.hdevelop .open-service {
		font-size: 13px;
		width: 190px;
	}
	.hdevelop .open-service::after {
		border-left-width: 5px;
		border-top-width: 5px;
		border-right-width: 5px;

	}
	.contact-job .list .tit {
		font-size: 14px;
		font-weight: normal;
	}
}
@media only screen and (max-width: 450px) {
	.about-news .list {
		margin-left: -8vw;
	}
	.contact-us .hidden-shu {
		display: block;
	}
	.contact-us .hidden-heng {
		display: none;
	}
	.brand-banner {
		height: 300px;
		padding-top: 20px;
	}
	.gbtitle {
		padding-top: 10px;
	}
	.contact-hz h2 {
		font-size: 20px;
	}
	.contact-hz p {
		font-size: 12px;
	}
	.hproduct li .title {
		font-size: 14px;
	}
	/* .hidden-pc .swiper-container2 .swiper-wrapper {
		margin-left: -12vw;
	} */
	/* .about-news .list {
		margin-left: 16vw;
	} */
}

@media only screen and (max-width: 414px) {
	.about-news .list {
		margin-left: 0;
	}

}