@media screen and (max-width:1750px) {
	.cases-wrap,
	.service-wrap,
	.news-wrap,
	.human-resources-wrap,
	.contact-us-wrap {
		width: 90%;
	}
	.nlb-pic {
		width: 49%;
	}
	.nlb-cont {
		width: 45%;
	}
	.cuw-list {
		width: 100%;
	}
	.cases-cont,
	.cc-b {
		width: 34%;
	}
}

@media screen and (max-width:1600px) {
	.ac-bg-words {
		font-size: 150px;
	}
	.cases-pic {
		float: none;
		width: 100%;
	}
	.cases-pic img {
		width: 100%;
	}
	.cases-cont {
		width: 40%;
		padding-top: 15px;
	}
	.cc-t1 {
		font-size: 18px;
		height: 32px;
	}
	.cc-t2 {
		margin-top: 5px;
	}
	.cc-t1,
	.cc-t2 {
		padding-right: 20px;
	}
	.cases-list li {
		width: 30.333%;
	}
	.cases-cont {
		position: relative;
		float: none;
		width: 97%;
		height: 100%;
		padding-left: 3%;
	}
	.cc-t2 {
		margin-bottom: 60px;
	}
	.cc-b {
		width: 97%;
	}
	.nitxt {
		margin-top: 5px;
	}
	.nitxt span {
		font-size: 14px;
		line-height: 22px;
		height: 22px;
	}
	.nitxt strong {
		line-height: 22px;
	}
}

@media screen and (max-width:1550px) {
	.header .nav {
		margin-left: 30px;
	}
	.header .yj-bot .yj-link {
		font-size: 14px;
		padding: 0 10px 10px 10px;
	}
	.head-search {
		width: 130px;
	}
	.la-words {
		width: 38px;
	}
	.head-search {
		margin: 26.5px 0 0 20px;
	}
	.search-input {
		margin: 0 3% 0 8%;
	}
	.nw2 {
		margin-top: 30px;
		font-size: 20px;
		height: 60px;
	}
	.nw3 {
		margin-top: 30px;
	}
	.ib-title {
		font-size: 40px;
	}
	.it-switch a {
		padding: 15px 20px !important;
	}
	.it-brand a {
		padding: 15px 0;
	}
	.about3-banner {
		width: 90%;
	}
	.at-n {
		width: 165px;
		height: 165px;
		line-height: 165px;
		font-size: 24px;
	}
	.at-w {
		width: 165px;
		height: 165px;
	}
	.al-num {
		font-size: 24px;
	}
	.al-txt1 {
		font-size: 18px;
		height: 32px;
	}
	.it-switch {
		width: 100%;
		height: auto;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		border-bottom: 1px solid #F2F2F2;
	}
	.it-switch a {
		padding: 8px 20px !important;
		display: inline-block;
		float: none;
		border: none;
	}
	.it-brand,
	.it-switch {
		float: none;
	}
	.inside-tab {
		padding: 0;
	}
	.it-brand {
		padding-left: 15px;
	}
	.it-switch {
		border-bottom: 1px solid #F2F2F2;
	}
	.inside-tab {
		border-bottom: none;
	}
	.pt2 {
		font-size: 24px;
	}
	.pt1 {
		padding: 6px;
	}
	.cdt-txt1 {
		font-size: 35px;
	}
	.sl-title {
		font-size: 22px;
		padding: 20px;
		height: 20px;
	}
	.sl-bot {
		padding: 20px;
	}
	.service-list li {
		height: 240px;
	}
	.maps {
		height: 550px;
	}
	.cuw-title {
		font-size: 26px;
	}
	.al-txt2 {
		font-size: 14px;
		height: 42px;
	}
	.al-num {
		width: 68px;
		height: 68px;
		line-height: 68px;
	}
	.ip-banner {
		width: 90%;
	}
}

@media screen and (max-width: 1440px) {
	.cb2 {
		font-size: 40px;
		letter-spacing: 40px;
	}
	.cover-bwords {
		margin-top: -62px;
	}
	.ar3-title {
		font-size: 26px;
	}
	.nc-title {
		font-size: 18px;
		margin-top: 10px;
		height: 27px;
	}
	.nc-desc {
		margin-top: 5px;
	}
	.nc-more {
		margin-top: 20px;
	}
	.information-banner .slick-prev,
	.information-banner .slick-next {
		width: 42px;
		height: 42px;
	}
	.information-banner .slick-next {
		margin-left: 42px;
	}
	.information-banner .slick-arrow i {
		line-height: 42px;
	}
}

@media screen and (max-width: 1370px) {
	.ip-tab {
		width: 100%;
		height: auto;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	.ip-txt1 {
		font-size: 26px;
	}
	.ip-txt2 {
		font-size: 22px;
	}
	.ip-tab a {
		padding: 12px 25px;
	}
	.fr-ewm,
	.fr-bot {
		float: none;
	}
	.fr-ewm {
		justify-content: initial;
		margin-top: 20px;
	}
	.footer {
		padding: 30px 5%;
	}
	.qualification {
		width: 90%;
	}
	.about4-cont1 {
		width: 90%;
	}
	.pd-wrap {
		width: 90%;
	}
	.pdl-w {
		width: 90%;
	}
	.cb-w {
		width: 90%;
	}
	.ic-title,
	.it-w {
		width: 90%;
	}
}

@media screen and (max-width: 1280px) {
	.cdt-txt1 {
		font-size: 28px;
	}
	.cdt-bot1 {
		padding: 30px 0;
	}
	.cdt-bot2 {
		padding: 5px 0;
	}
	.total-wbanner img {
		width: auto;
		position: relative;
		height: 300px;
		left: 50%;
		margin-left: -640px;
	}
	.previous-right {
		right: 2%;
	}
	.previous-left {
		left: 2%;
	}
	.w1200 {
		width: 1000px;
	}
}

@media screen and (max-width: 1260px) {
	.serach-banner {
		position: relative;
		width: 348px;
		padding: 10px 64px 10px 18px;
		height: 24px;
		line-height: 24px;
	}
	.serach-banner .btn {
		width: 74px;
		line-height: 44px;
	}
}

@media screen and (max-width: 1200px) {
	.nav,
	.head-write,
	.head-logo .img1 {
		display: none;
	}
	.head-logo .img2 {
		width: 130px;
		display: block;
		margin-top: 3.5px;
	}
	.menu-handler,
	.menuBox {
		display: block;
	}
	.menu-handler {
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
		box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	}
	.header {
		background: #fff;
		height: 55px;
		position: fixed;
	}
	.header .head-logo {
		margin-top: 0;
	}
	.mtop {
		height: 55px;
	}
	.ip-banner .slick-prev {
		left: -3%;
	}
	.ip-banner .slick-next {
		right: -3%;
	}
	.ib-title {
		font-size: 28px;
		left: 5%;
		bottom: 30px;
	}
	.pdt-l {
		padding: 10px 40px 10px 0;
	}
	.pdt-r a {
		padding: 10px 25px;
	}
	.sw-txt {
		font-size: 14px;
		max-height: 42px;
		width: 70%;
	}
	.sl-title {
		font-size: 20px;
		padding: 15px;
	}
	.sl-bot {
		padding: 15px;
	}
	.service-list li {
		height: 210px;
	}
	.nlb-cont {
		width: 44%;
	}
	.nlb-pic {
		width: 50%;
	}
	.nc-title {
		font-size: 16px;
		height: 24px;
		margin-top: 5px;
	}
	.nc-desc {
		font-size: 13px;
		height: 38px;
	}
	.nc-more {
		margin-top: 15px;
	}
	.ni-words {
		padding: 35px 5%;
	}
	.nw2 {
		margin-top: 20px;
		font-size: 18px;
		height: 54px;
	}
	.nw3 {
		margin-top: 10px;
	}
	.informationBot,
	.engineering-case {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 1190px) {
	.ai3-icon {
		top: 48%;
	}
}

@media screen and (max-width: 1024px) {
	.w1200 {
		width: 90%;
	}
	.serach-banner {
		position: relative;
		width: 348px;
		padding: 10px 64px 10px 18px;
		height: 24px;
		line-height: 24px;
	}
	.serach-banner .btn {
		width: 74px;
		line-height: 44px;
	}
	.page-padding {
		padding: 60px 0;
	}
	.no-t {
		font-size: 24px;
	}
	.no-btn {
		width: 120px;
		height: 40px;
		line-height: 40px;
	}
	.information-banner {
		width: 100%;
		float: none;
	}
	.engineering-case {
		width: 100%;
		float: none;
	}
	.nw2 {
		font-size: 18px;
		height: 54px;
	}
	.fw-s {
		display: none;
	}
	.fr-massge {
		margin-top: 0;
	}
	.fr-massge a {
		margin-top: 10px;
	}
	.footer {
		padding: 20px 5% 30px 5%;
	}
	.ic-title {
		font-size: 24px;
	}
	.q-list li {
		width: 31.333%;
	}
	.pw-recommended {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	.pw-lbot {
		width: 100%;
		float: none;
	}
	.pr-list {
		margin-left: -2%;
	}
	.pr-list li {
		float: left;
		width: 31.333%;
		margin-left: 2%;
	}
	.pw-detail {
		width: 50%;
	}
	.pw-pic-bot {
		width: 45%;
	}
	.cdt-bot1,
	.cases-detail-words,
	.cb-w900 {
		width: 80%;
	}
	.nlb-pic img {
		width: 100%;
	}
	.news-list-bot li {
		height: 455px;
	}
	.tc-words {
		width: 90%;
	}
	.tw1 {
		font-size: 24px;
	}
	.talent-concept {
		padding: 100px 0;
	}
	.ri-total span {
		font-size: 13px;
	}
	.ri-head span {
		padding: 10px 0;
	}
	.rl-information span {
		height: 43px;
		line-height: 43px;
	}
	.ri-lw i {
		transform: scale(0.8);
		margin-top: 15.1px;
	}
	.rl-detail {
		padding: 30px 40px;
		font-size: 13px;
	}
	.ri-lw.active i {
		margin-top: 21px;
	}
	.news-list-bot li {
		width: 97%;
		height: auto;
	}
	.no-pic {
		padding-bottom: 160px;
	}
	.vwrap .videobox {
		width: 90%;
		margin-left: -45%;
	}
	.vwrap .closes {
		top: -32px;
		right: 0;
	}
}

@media screen and (max-width: 860px) {
	.videoList li {
		width: 48%;
	}
	.vlcont {
		padding: 20px;
	}
	.vctxt1 {
		font-size: 18px;
		height: 32px;
	}
	.cb2 {
		font-size: 28px;
		letter-spacing: 20px;
	}
	.cb3 {
		font-size: 18px;
	}
	.cover-bwords {
		margin-top: -51.5px;
	}
	.mouseBox {
		bottom: 15px;
	}
	.ip-txt1 {
		font-size: 20px;
	}
	.ip-txt2 {
		font-size: 18px;
	}
	.ip-tab {
		margin-top: 30px;
	}
	.ip-tab a {
		padding: 8px 20px;
	}
	.fc {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.fc i {
		font-size: 16px;
	}
	.fr-massge a {
		font-size: 14px;
	}
	.ib-title {
		font-size: 22px;
	}
	.inside-cont {
		padding: 60px 0;
	}
	.it-w {
		margin: 30px auto 0;
	}
	.it-brand a {
		padding: 8px 0;
	}
	.q-list li {
		width: 31.333%;
	}
	.qc-bg {
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin-top: -30px;
	}
	.qc-bg i {
		font-size: 25px;
	}
	.qualification {
		margin: 30px auto 60px;
	}
	.pages-list {
		margin-top: 50px;
	}
	.pl-sx {
		padding: 13px 20px;
	}
	.pl {
		padding: 13px;
	}
	.pages-list a {
		font-size: 13px;
	}
	.about3-banner {
		margin: 60px auto 60px;
	}
	.ab3-left {
		width: 100%;
		float: none;
	}
	.ar3-title {
		font-size: 22px;
	}
	.ai3-txt1 {
		font-size: 18px;
		margin-top: 10px;
	}
	.ab3-right {
		width: 100%;
		float: none;
	}
	.ab3-item img {
		width: 100%;
	}
	.ai3-line {
		display: none;
	}
	.ai3-icon {
		top: 10%;
	}
	.ar3-title {
		padding-left: 0;
		margin-top: 10px;
	}
	.al3-item {
		margin-top: 0;
	}
	.ac41-list li {
		width: 90%;
		float: none;
	}
	.about4-cont1 {
		margin: 60px auto 60px;
	}
	.about4-cont1 .ac41-title {
		position: relative;
		top: 0;
		margin-top: 0;
	}
	.ac41-list {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.al-bot {
		padding: 0 0 0 15%;
		width: 78%;
	}
	.at-w {
		width: 185px;
		height: 185px;
		-webkit-animation: none;
		left: 50%;
		margin-left: -92.5px;
	}
	.at-n {
		margin: 0 auto;
	}
	.at-w {
		top: -10px;
	}
	.al-num {
		width: 58px;
		height: 58px;
		line-height: 58px;
		font-size: 20px;
		left: -29px;
	}
	.ac41-list li {
		padding: 5px 0;
	}
	.ac4-culture {
		width: 90%;
	}
	.ac4-culture li {
		width: 100%;
	}
	.ac-c1 {
		width: 100%;
		transform: rotate(0);
	}
	.ac-c2 {
		width: 90%;
		transform: rotate(0);
		margin: 18px auto 0;
	}
	.ac-c2 font {
		width: auto;
		transform: rotate(0);
	}
	.ac-iw1,
	.ac-iw2,
	.ac-iw3,
	.ac-iw4,
	.ac-iw5 {
		left: 0;
	}
	.ac4-culture li {
		margin-top: 20px;
	}
	.ac-c1 {
		height: 100px;
	}
	.ac-c2 {
		height: 60px;
		padding: 0 5px;
	}
	.ac4-title {
		font-size: 24px;
	}
	.ac4-cover {
		padding: 60px 0;
	}
	.ac4-culture {
		margin: 10px auto 0;
	}
	.values-wrap {
		padding: 60px 0;
	}
	.ac-bg-words {
		font-size: 80px;
	}
	.ppb-banner {
		width: 250px;
	}
	.pd-wrap {
		padding: 60px 0;
	}
	.cases-wrap {
		margin: 30px auto 60px;
	}
	.cb-t2 {
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 20px;
	}
	.cb-t1 {
		margin-top: 7.5px;
	}
	.cases-list li {
		width: 47%;
	}
	.cdt-txt1 {
		font-size: 24px;
	}
	.clt b {
		font-size: 16px;
	}
	.cdt-bot1 {
		padding: 20px 0;
	}
	.cases-detail-bg {
		padding: 60px 0;
	}
	.clt {
		margin-right: 20px;
	}
	.service-list li {
		width: 48%;
		margin-top: 15px;
	}
	.service-wrap {
		padding: 45px 0 60px 0;
	}
	.ri-w {
		width: 15.5%;
	}
	.ri-lw {
		width: 7%;
	}
	.maps {
		height: 350px;
	}
	.contact-us-wrap {
		margin: 60px auto 60px;
	}
	.cuw-title {
		font-size: 24px;
	}
	.cuw-list {
		margin-top: 30px;
	}
	.cl-w {
		padding: 20px 5%;
	}
	.cl-txt2 {
		font-size: 15px;
	}
	.cl-w {
		width: 50%;
	}
	.it-bg-pic {
		height: 200px;
		background-attachment: initial;
		margin-top: 30px;
	}
}

@media screen and (max-width: 780px) {
	.values-bot {
		width: 90%;
	}
	.vb-cricle li {
		position: static;
		float: left;
		width: 33.333%;
		margin-top: 50px;
	}
	.vc-w {
		width: 150px;
		height: 150px;
		left: 50%;
		margin-left: -75px;
	}
	.vc-n {
		margin: 0 auto;
		top: 8px;
		left: 0;
	}
	.values-bot .ac41-title {
		position: static;
		margin-top: 0;
		margin-left: 0;
	}
	.values-bot {
		height: auto;
	}
	.vn1 {
		font-size: 16px;
	}
	.vn2 {
		font-size: 12px;
	}
	.pw-pic-bot {
		float: none;
		width: 100%;
	}
	.pw-detail {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	.ri-no {
		display: none !important;
	}
	.ri-head span {
		width: 23%;
	}
	.ri-w {
		width: 23%;
	}
	.ri-lw {
		width: 8%;
	}
}

@media screen and (max-width: 680px) {
	.page-padding {
		padding: 40px 0;
	}
	.serach-box {
		padding: 50px 0;
	}
	.serach-banner-box .t {
		font-size: 16px;
	}
	.serach-banner {
		width: 100%;
		box-sizing: border-box;
		padding: 8px 54px 8px 18px;
		height: auto;
		line-height: 24px;
	}
	.serach-banner .btn {
		width: 54px;
		line-height: 40px;
	}
	.serach-banner .btn i {
		font-size: 20px;
	}
	.ib-item img {
		height: 150px;
	}
	.product-list li {
		width: 48%;
		padding: 20px 0 15px 0;
	}
	.pl-words {
		margin-top: 0;
	}
	.previous-btn {
		display: none;
	}
	.previous-right {
		right: 0;
	}
	.previous-left {
		left: 0;
	}
}

@media screen and (max-width: 640px) {
	.ibannerbox {
		position: relative;
		width: 100%;
	}
	.videoWrap {
		width: 100%;
	}
	.information-banner .slick-prev,
	.information-banner .slick-next {
		left: 5%;
	}
	.information-banner .slick-arrow i {
		font-size: 20px;
	}
	.information-banner .slick-prev,
	.information-banner .slick-next {
		width: 38px;
		height: 38px;
	}
	.information-banner .slick-next {
		margin-left: 38px;
	}
	.information-banner .slick-arrow i {
		font-size: 18px;
	}
	.vwplay {
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	.vwplay:before {
		width: 70px;
		height: 70px;
	}
	.vwrap .videobox {
		height: 300px;
	}
	.trailer .markimg{
		height: 220px;
	}
}

@media screen and (max-width: 621px) {
	.mouseBox {
		display: none;
	}
	.nw2 {
		font-size: 15px;
		height: 44px;
	}
	.ic-title {
		font-size: 18px;
	}
	.sl-title {
		font-size: 18px;
		padding: 10px;
	}
	.sl-bot {
		padding: 10px;
	}
	.sl-words {
		margin-top: 5px;
	}
	.service-list li {
		height: 190px;
	}
	.total-wbanner img {
		height: 200px;
		margin-left: -480px;
	}
	.ni-words {
		padding: 20px 3%;
	}
	.ni-words {
		width: 43%;
	}
}

@media screen and (max-width: 550px) {
	.cb2 {
		font-size: 20px;
		letter-spacing: 10px;
		margin-top: 0;
	}
	.cb3 {
		font-size: 15px;
		margin-top: 0;
	}
	.cover-bwords {
		margin-top: -37px;
	}
	.cb1 {
		font-size: 14px;
	}
	.index-product {
		margin: 40px 0;
	}
	.inside-cont {
		padding: 30px 0 40px 0;
	}
	.it-w {
		margin: 20px auto 0;
	}
	.qualification {
		margin: 20px auto 40px;
	}
	.q-list li {
		margin: 10px 0 0 2%;
	}
	.pages-list {
		margin-top: 30px;
	}
	.pl-sx {
		padding: 10px;
	}
	.pl {
		padding: 10px;
	}
	.pages-list a {
		font-size: 12px;
	}
	.about3-banner {
		margin: 40px auto 40px;
	}
	.ab3-left .slick-prev,
	.ab3-left .slick-next {
		width: 40px;
		height: 40px;
		right: 0;
	}
	.ab3-left .slick-arrow i {
		line-height: 40px;
		font-size: 18px;
	}
	.ar3-title {
		font-size: 18px;
	}
	.ai3-txt1 {
		font-size: 16px;
	}
	.ai3-txt2 {
		font-size: 13px;
	}
	.ai3-icon {
		top: 8%;
	}
	.about4-cont1 {
		margin: 40px auto 40px;
	}
	.at-n {
		width: 125px;
		height: 125px;
		line-height: 125px;
		font-size: 20px;
	}
	.at-w {
		width: 145px;
		height: 145px;
		margin-left: -72.5px;
	}
	.al-txt1 {
		font-size: 16px;
	}
	.al-txt2 {
		font-size: 13px;
		height: 38px;
	}
	.al-num {
		width: 54px;
		height: 54px;
		line-height: 54px;
		left: -27px;
	}
	.vb-cricle li {
		width: 50%;
	}
	.ppb-pic img {
		height: 300px;
	}
	.pd-wrap {
		padding: 40px 0;
	}
	.pdt-l,
	.pdt-r {
		float: none;
	}
	.pdt-l {
		border-right: none;
	}
	.pdt-r a {
		border: 1px solid #F2F2F2;
		padding: 5px 0;
		width: 90px;
		text-align: center;
		font-size: 13px;
	}
	.product-detail-top {
		padding-bottom: 10px;
	}
	.cb-r {
		display: none;
	}
	.cases-detail-bg {
		padding: 40px 0;
	}
	.return-cases-list a {
		margin-top: 20px;
		font-size: 13px;
	}
	.service-wrap {
		padding: 25px 0 40px 0;
	}
	.service-list li {
		width: 98%;
	}
	.news-list-bot li {
		width: 97%;
	}
	.news-list-bot li {
		margin-top: 20px;
	}
	.news-wrap {
		padding: 20px 0 60px 0;
	}
	.recruitment-information {
		margin-top: 30px;
	}
	.human-resources-wrap {
		padding: 40px 0;
	}
	.tw1 {
		font-size: 20px;
	}
	.talent-concept {
		padding: 50px 0;
	}
	.load-more-btn {
		font-size: 13px;
		width: 100px;
		height: 35px;
		line-height: 35px;
	}
	.cl-txt2 {
		font-size: 13px;
		max-height: 46px;
	}
	.cl-w {
		padding: 10px 3%;
	}
	.cl-w {
		width: 100%;
		height: auto !important;
	}
	.cuw-list li {
		text-align: center;
	}
	.cuw-title {
		font-size: 20px;
	}
	.nlb-pic {
		width: 100%;
		float: none;
	}
	.nlb-cont {
		width: 94%;
		float: none;
	}
	.cases-detail-words {
		width: 75%;
		font-size: 14px;
	}
	.pl-txt {
		display: none;
		font-size: 14px;
	}
	.nw1 {
		font-size: 16px;
	}
	.ip-tab a {
		font-size: 14px;
	}
	.it-switch a,
	.it-brand a,
	.pl-words,
	.ac-c2,
	.crt1,
	.sl-words font,
	.tw2,
	.load-more-btn {
		font-size: 14px;
	}
	.cb-t1,
	.nc-more,
	.cl-txt1 {
		font-size: 12px;
	}
	.nc-time {
		font-size: 13px;
	}
	.pdt-l a {
		font-size: 14px;
	}
}

@media screen and (max-width: 481px) {
	.vlcont {
		padding: 15px;
	}
	.videoList li {
		width: 98%;
	}
	.ip-banner .slick-prev,
	.ip-banner .slick-next {
		width: 34px;
		height: 34px;
	}
	.ip-banner .slick-arrow i {
		line-height: 34px;
	}
	.ip-tab {
		margin-top: 20px;
	}
	.nw2 {
		font-size: 13px;
		height: 38px;
	}
	.ec-words {
		bottom: 15px;
	}
	.ew1 {
		font-size: 16px;
	}
	.ew2 {
		margin-top: 0;
		font-size: 13px;
	}
	.ew3 {
		margin-top: 0;
		font-size: 13px;
	}
	.fr-massge a {
		font-size: 12px;
	}
	.fl-copyright {
		font-size: 12px;
	}
	.fr-ewm {
		display: none;
	}
	.footer {
		padding: 10px 3% 20px 3%;
	}
	.it-paragraph {
		font-size: 13px;
	}
	.q-list li {
		width: 48%;
	}
	.ac4-title {
		font-size: 20px;
	}
	.vb-cricle li {
		margin-top: 30px;
	}
	.product-list .ql-pic img {
		height: 180px;
	}
	.ppb-banner .slick-prev,
	.ppb-banner .slick-next {
		width: 34px;
		height: 34px;
	}
	.ppb-banner .slick-arrow i {
		line-height: 34px;
		font-size: 20px;
	}
	.pt1 {
		font-size: 12px;
		padding: 4px;
	}
	.pt2 {
		font-size: 18px;
		line-height: 1.5;
	}
	.pd-title {
		padding-bottom: 15px;
	}
	.pd-bot {
		padding: 20px 0;
	}
	.pb1 {
		width: 18%;
		font-size: 12px;
	}
	.pb2 {
		width: 81%;
		font-size: 13px;
	}
	.pr-title {
		font-size: 18px;
	}
	.pl-pic img {
		height: 100px;
	}
	.cases-list li {
		width: 97%;
	}
	.cases-wrap {
		margin: 20px auto 40px;
	}
	.cases-cont {
		padding-top: 10px;
	}
	.cc-t1,
	.cc-t2 {
		padding-right: 10px;
	}
	.cc-t2 {
		font-size: 13px;
		height: 38px;
	}
	.cdt-txt1 {
		font-size: 18px;
	}
	.cdt-bot1 {
		padding: 10px 0;
	}
	.clt {
		font-size: 13px;
	}
	.clt b {
		font-size: 14px;
	}
	.ib-title {
		bottom: 20px;
	}
	.ni-pic {
		width: 100%;
		float: none;
	}
	.ni-words {
		float: none;
		width: 90%;
		padding: 10px 5%;
	}
	.nw2 {
		margin-top: 10px;
	}
	.nw3 {
		margin-top: 5px;
		font-size: 12px;
	}
	.ni-pic img {
		height: 240px;
	}
	.maps {
		height: 280px;
	}
	.st-icon {
		transform: scale(0.7);
	}
	.service-list li:hover .sl-bot {
		padding: 15px;
	}
	.banner .pimg {
		width: auto;
		height: 250px;
		position: relative;
		left: 50%;
		margin-left: -240px;
	}
	.ec-pic {
		display: block;
		position: relative;
		left: 50%;
		margin-left: -330.5px;
		width: auto;
		height: 300px;
	}
}

@media screen and (max-width: 421px) {
	.ppb-banner {
		width: 200px;
	}
}

@media screen and (max-width: 375px) {
	.al-bot {
		padding: 0 0 0 16%;
	}
}

@media screen and (max-width: 350px) {}