/* 1600px */
@media only screen and (max-width:1600px) {
	.news-lists h3{ margin-bottom: 10px;}
	.news-lists h3 strong{ font-size: 18px;}
	
	.page-banner{ height: 460px;}
	.banner-title{ font-size: 36px;}
	
	/* index about */
	.about-text .title{ margin-bottom: 25px;}
	.about-text p{ line-height: 1.6;}
	
	
	/* index industry */
	.industry-item{ padding: 5%;}
	.industry-item .icons{ margin-bottom: 22px;}
	
	.title h2{ font-size: 34px;}
	
	.city-info{ padding: 0;}
	
	
	
}

/* 1500px */
@media only screen and (max-width:1500px) {
	.about-text p{ font-size: 16px;}
	.about-text a{ margin-top: 10px;}
	


}


/* 1400px */
@media only screen and (max-width:1400px) {
	.about-text p{ font-size: 15px;}
	.about-text a{ margin-top: 10px;}
	


}

/* 1280px */
@media only screen and (max-width:1280px) {
	/* header */
	.top-nav ul li{ padding: 0 10px;}
	.title h2{ font-size: 30px; }
	.about-text p{ margin-bottom: 10px;}
	.about-data li{ padding: 2%;}
	.about-data{ bottom: 10px;}

	
}

/* 1080px */
@media only screen and (max-width: 1080px) {
	
	/* header */
	.phone{display: none;}
	.m-phone{display: block;}
	
}

/* 960px */
@media only screen and (max-width: 960px) {
	.container{ width: 92%; margin: 0 auto; position: relative;}
	
	.header{ display: none;}
	.m-header{ display: block;}
	.m-headerbox{ height: 70px; position: fixed; left: 0; top: 0; z-index: 95; width: 100%; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; background-color: #fff; box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);}
	.m-headerbox .container{ height: 70px; display: flex; justify-content: space-between; align-items: center;}
	.m-logo{ z-index: 96; }
	.m-logo a{ display: block;} 
	.m-logo a img{ display: inline-block; height: 50px;}
	
	/* mobile menu button */
	.m-toggle{ display: block; width: 30px; height: 30px; position: relative;}
	
	.m-toggle span.m-hamburger,
	.m-toggle span.m-hamburger:after,
	.m-toggle span.m-hamburger:before {content:"";display:block;width:24px;height:3px;background:#111;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
	
	.m-toggle span.m-hamburger,
	.m-toggle span.m-hamburger:after,
	.m-toggle span.m-hamburger:before {content:"";display:block;width:24px;height:3px;background:#111;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
	.m-toggle span.m-hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
	.m-toggle span.m-hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
	
	.no-touch .m-toggle span.m-hamburger,
	.no-touch .m-toggle span.m-hamburger:after,
	.no-touch .m-toggle span.m-hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
	.no-touch .m-toggle span.m-hamburger,
	.no-touch .m-toggle span.m-hamburger:after,
	.no-touch .m-toggle span.m-hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
	.no-touch .m-toggle span.m-hamburger:after {transition-delay:0s;}
	.no-touch .m-toggle span.m-hamburger:before {transition-delay:0.07s;}
	
	.m-toggle span.cross:before,
	.m-toggle span.cross:after{content:""; display:block; width:24px; height:3px; background:#111; position:absolute; top:50%; margin-top:-1.5px; left:50%; margin-left:-12px; -webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000); -moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000); -o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000); transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000); -webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000); -moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000); -o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000); transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000); -webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg); -moz-transform:translateY(-70px) translateX(-70px) rotate(45deg); -ms-transform:translateY(-70px) translateX(-70px) rotate(45deg); -o-transform:translateY(-70px) translateX(-70px) rotate(45deg); transform:translateY(-70px) translateX(-70px) rotate(45deg); transition-delay:0.12s;}
	
	.m-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
	.m-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
	.no-touch .m-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
	.no-touch .m-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
	
	/* mobile nav box */
	.m-navbox{background-color: #f8f8f8; position: fixed; z-index: 92; top: 0px; right: 0; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
	.no-touch .m-navbox{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
	
	.m-nav{padding-top: 20%; padding-left: 10%; padding-right: 10%;}
	.m-nav li{ border-bottom: 1px solid #ddd;}
	.m-nav li .m-navitem{ display: flex; justify-content: space-between; align-items: center; }
	.m-nav li i{ color: #999; font-size: 20px;}
	.m-nav li a{ display: block; color: #333; height: 60px; line-height: 60px; width: 70%;}
	
	.m-header.cur .m-headerbox{ background-color: #fff; box-shadow: 0 2px 20px 0 rgba(10,25,51,0.08);}
	.m-header.cur .m-toggle span.m-hamburger,.m-header.cur .m-toggle span.m-hamburger:after,.m-header.cur .m-toggle span.m-hamburger:before,.m-header.cur .m-toggle span.cross:before, .m-header.cur .m-toggle span.cross:after{ background-color: #111;}
	
	.m-children{ padding: 5%; display: none;}
	.m-children a{ color: #999; height: 30px!important; line-height: 30px!important; }
	
	.pro-page .m-toggle span.m-hamburger,.pro-page .m-toggle span.m-hamburger:after,.pro-page .m-toggle span.m-hamburger:before{ background-color: #1a1a1a;}
	
	/* solution */
	.industry-thumb{ width: 100%;}
	.industry-list{ width: 100%;}
	
	/* about */
	.title h2{ font-size: 20px;}
	.about-content{ width: 92%; margin: 0 auto; float: none!important;}
	.about-text{ padding-right: 0; padding-bottom: 38%!important;}
	.about-data{ width: 100%;}
	.about-data .data-pic{display: none;}
	
	/* news */
	.news-tab{ width: calc(100% - 100px);}
	
	/* power */
	.power-left{ width: 100%;}
	.power-item{ margin-top: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;}
	.power-item li{ width: 50%; align-items: flex-start;}
	
	.power-list{ width: 100%;}
	.power-title h5{ font-size: 15px;}
	.power-title p{ font-size: 12px; }
	
	.title-text{ font-size: 20px;}
	.company-info .imgbox{ height: 245px;}
	.company-info .imgbox img{ width: 100%;}
	.company-info h3{ margin: 10px 0;}
	
	.contact-ti{ font-size: 20px; font-weight: 700;}
	.index-contact{ padding: 30px 0;}
	.index-cbox{ width: 100%;}
	
	.index-process .contact-ti{ margin-bottom: 20px;}
	.process-text{ position: relative; border-radius: 0; width: 100%;}
	
	.footer-logo span{ font-size: 16px;}
	
	.footer-links{ flex-wrap: wrap;}
	.footer-links span{ display: block; width: 100%; margin: 0 0 15px;}
	.footer-links a{ display: inline-block; width: 20%;}
	.footer-links a img{ width: 100%;}
	
	.index-customer{ min-height: auto;}
	.customer-list{position: relative;}
	.customer-list a{ position: relative; left: 0!important; top: 0!important; margin-left: 0!important; margin-top: 0!important; margin-right: 0!important; margin-bottom: 10px; width: 25%; height: auto!important; background: none;}
	
	.customer-list a:hover{ background: none;}
	
	.aimg-list{display: none;}
		
	.page-text p{font-size: 26px;}
	
	.Menubox li{ margin: 20px 10px;}
	.Menubox li span{ font-size: 15px;}
	
	.Contentbox{ padding: 0 10px;}
	.honner-container{ margin-top: 10px;}
	
	/* page about */
	.about-nav ul{ width: 92%; white-space: nowrap; overflow-y: scroll;}
	.about-nav ul li{ display: inline-block; width: auto;}
	.about-nav ul li a{ background-color: none;}
	.about-info .left{ width: 100%; position: relative; height: 280px; overflow: hidden;}
	.about-info .right{ width: 100%;}
	.about-info .right h2{ font-size: 20px; text-align: center;}
	.about-info .right h3{ font-size: 24px; text-align: center; margin-bottom: 15px;}
	
	.page-title h2{ font-size: 20px; margin-bottom: 2px;}
	
	.core-lists{ margin-top: 20px;}
	.core-lists li{ width: 100%; border-right: 0; background-color: #f8f8f8; margin-bottom: 20px; padding: 20px; border-radius: 5px;}
	.core-lists li:last-child{ margin-bottom: 0;}
	.core-lists li h4{ margin-top: 15px; margin-bottom: 10px;}
	
	.page-history{ padding: 10% 0;}
	
	.history-swiper{ margin-top: 20px; overflow: hidden;}
	.history-swiper .swiper{ overflow: hidden;}
	.history-text{ margin-top: 25px;}
	.history-data span{ font-size: 28px; text-align: center;}
	.history-data i{ margin: 10px auto 0 auto;}
	
	.mouse-tips{ padding-top: 0;}
	
	.teams-item{ margin: 0 -5px;}
	.team-box{ width: 50%; padding: 0 5px; margin-bottom: 10px;}
	.team-text{ left: 5px; bottom: 10px;}
	.team-text h2{ padding: 0 10px;}
	.team-text h3{ padding: 0 10px;}
	.team-text h3 p{ font-size: 14px;}
	

	
	
	
	.culture-list{ margin-top: 15px;}
	.culture-list li{ width: 50%;}
	.culture-box span{ top: 0;}
	.culture-box span h5{ margin-top: 30px; margin-bottom: 15px; padding-bottom: 15px;}
	.culture-box span h4{ font-size: 14px;}
	.culture-box h3{ font-size: 18px;}
	
	.team-text h2{ font-size: 18px; margin-bottom: 0;}
	
	/* page article list */
	.pages{ padding-top: 70px;}
	.page-banner{ height: 320px;}
	.page-text h2{ font-size: 30px;}
	
	.page-position{ width: 100%; display: none;}
	.cate-list{ width: 100%; justify-content: flex-start!important; display: flex; flex-wrap: wrap;}
	.cate-list li{ width: 33.33%;}
	.cate-list li a{ display: block; margin: 0; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: normal; overflow: hidden;}
	
	.article-content{ margin-top: 20px;}
	.article-nav{ flex-wrap: wrap;}
	.article-nav .prev,.article-nav .next{ width: 100%;}
	.article-nav .prev{ margin-bottom: 15px;}
	.article-nav .back-list{ display: none;}
	.article .content p{ margin-bottom: 0;}
	
	.article-list{ padding-top: 0;}
	.article-list ul li{ width: 100%;}
	.list-top{ padding: 20px 20px 0;}
	.article-list ul li .list-title{ background-color: #fafafa;}
	.article-list ul li h2{ margin-bottom: 0; height: auto;}
	
	/* page article content */
	.article .left{ width: 100%;}
	.article-content{ padding: 0 0 30px;}
	.article-title h2{ font-size: 24px;}
	.article .right{ width: 100%; margin-top: 20px;}
	
	/* page contacat */
	.contact-info{ width: 100%;}
	.contact-title{ font-size: 20px; font-weight: 700;}
	.message{ width: 100%; margin-top: 40px;}
	.labels{ flex-wrap: wrap;}
	.labels label{ width: 33.33%; margin-right: 0;}
	
	.subsidiary-list li{ width: 100%; margin-bottom: 20px;}
	.subsidiary-list li:last-child{ margin-bottom: 0;}
	
	.subcompany-list ul{ margin: 0 -15px 30px;}
	.subcompany-list ul li{ width: 100%; margin-bottom: 20px;}
	.subcompany-list ul li:last-child{ margin-bottom: 0;}
	.subcompany-list ul li .list-title{ background-color: #fafafa; }
	
	.contact-qrcode li{ width: 33.33%;}
	.contact-qrcode li img{ width: 100%;}
	
	/* page jobs */
	.jobs-concept{ padding:10px 0 30px;}
	.jobs-concept h2{ font-size: 26px;}
	.jobs-concept p{ font-size: 16px; line-height: 30px;}
	
	.jobs-sides{ margin-bottom: 40px;}
	.jobs-sides ul li{ width: 100%; margin-bottom: 20px;}
	.jobs-sides ul li:last-child{ margin-bottom: 0; height: 200px; overflow: hidden; border-radius: 5px;}
	.jobs-sides ul li:last-child a{ height: 200px;}
	.jobs-sides ul li:last-child a img{ position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	
	.job-list dt,.job-list dd a{ padding: 2% 3%;}
	.job-list dt span{ font-size: 15px;}
	.job-list dd span{ font-size: 14px;}
	.job-list dt span:first-child,.job-list dd span:first-child{ width: 40%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.job-list dt span:nth-of-type(2n){ display: none;}
	.job-list dd span:nth-of-type(2n){ display: none;}
	.job-list dt span:nth-of-type(5), .job-list dd span:nth-of-type(5){ width: auto;}
	
	.jobs-title{ margin-top: 30px; padding-bottom: 20px;}
	.jobs-title h2{ font-size: 22px;}
	.jobs-item span{ font-size: 14px; line-height: 1.8;}
	.jobs-item span:nth-of-type(3)::after{ width: 0; }
	.article .content h2{ font-size: 16px;}
	
	.jobs-hot h4{ font-size: 18px;}
	.jobs-hot .jobs-info span{ font-size: 15px;}
	.side-list li{ padding: 15px 0;}
	
	.jobs-concept p{ padding: 0;}
	
	/* page product */
	.product-category{ display: flex; flex-wrap: wrap;}
	.product-category a{ width:50%; margin: 0; box-sizing: border-box;}
	.product-category a i{ display: none;}
	
	.product-profile{ padding: 0;}
	.product-profile h2{ font-size: 20px; padding: 0 5%; margin-bottom: 20px;}
	.profile-content{ margin-bottom: 25px;}
	.product-list ul{ margin: 25px -5px;}
	.product-list ul li{ width: 50%; padding: 0 5px;}
	.product-list ul li a.product-item .imgbox{ margin: 0;}
	.product-list ul li a.product-item h3{ font-size: 16px;}
	
	.contact-ti{ margin-bottom: 0;}
	.city-info a{ display: none;}
	.index-process{ width: 100%; margin-top: 20px;}


	.industry-content .text{ padding: 5%;}
	.industry-content .text h2{ font-size: 20px;}
	.industry-content .text h3{ display: none;}
	.industry-content .text .bottom{ top: 25%;}
	.industry-content .text .bottom p{border-bottom: none;}
	.industry-content .text .bottom .more{display: none;}
	
	
	
	
	/* footer */
	.footer-slogan{ padding: 40px 0;}
	.footer-slogan h4{ font-size: 22px;}
	.footer-slogan a{ text-align: center; margin-top: 20px;}
	
}

/* 768px */
@media only screen and (max-width:768px) {
	
	/* header */
	.m-logo a img{ display: inline-block; height: 40px;}
	
	/* banner */
	.home-banner{ height: 60vh;}
	.banner-title{ font-size: 20px;}
	.banner-text p{ font-size: 15px; padding-right: 10%; margin-bottom: 30px;}
	
	/* index about */
	.index-about{ padding: 0;}
	.about-text h3{ font-size: 20px; font-weight: 700; text-align: left; margin-bottom: 20px;}
	.about-content .left{ width: 100%;}
	.about-content .right{ display: none;}
	.about-data span{ font-size: 24px;}
	
	/* index industry */
	.index-industry{ padding: 30px 0;}
	.title{ font-size: 20px; font-weight: 700; margin-bottom: 20px;}
	.industry-list .swiper-pagination{ margin-top: 15px;}
	
	/* index power */
	.index-power{ padding: 30px 0;}
	.power-title{ margin-bottom: 8px; font-size: 20px;}
	.m-tipes{ display: flex; align-items: center; justify-content: center; margin-bottom: 20px; color: #999;}
	.m-tipes img{ width: 20px;}
	.power-content{ border-radius: 8px; overflow: hidden;}
	.power-thumb{ display: none;}
	.power-content .left,.power-content .right{ width: 100%;}
	.power-text{ padding: 15px; width: 100%; bottom: 0;}
	.power-text p{ font-size: 15px; line-height: 25px;}
	.power-text h3{ font-size: 20px; font-weight: 700;}
	.power-content .right{ max-height: 200px;}

	/* index customer */
	.index-customer{ padding: 30px 0;}
	.customer-list li{ width: 50%;}
	.customer-text h2{ font-size: 15px; height: 46px;}
	/* index news */
	.index-news{ padding: 30px 0;}
	.news-content .left{ width: 100%; margin-bottom: 30px;}
	.news-content .right{ width: 100%;}
	
	/* index contact */
	.index-contact{  padding-bottom: 10%;}
	.index-message{ width: 100%;}
	.index-area{ width: 100%;}
	/* footer */
	footer{ padding: 30px 0;}
	.footer-content{ padding: 30px 0;}
	.footer-nav{ width: 100%;}
	.footer-nav dl:last-child{ display: none;}
	.footer-qrcode{ display: none;}
	.copyright-text{ width: 100%; text-align: center; line-height: 1.8;}
	.copyright-text a{ display: block;}
	.copyright-link{ margin-top: 30px; text-align: center; width: 100%;}
	.copyright-link a{ display: inline-block;}
	
	.side-show{ display: none;}
}