@media screen and (max-width:1220px) {

	.f_bg .f_m,
	.f_bg .bq_bg .bq,
	.i_solution,
	.pro_m,
	.header .head,
	.scd {
		width: 960px;
	}

	.head .nav {
		margin-left: 50px;
		width: 595px;
	}

	.head .nav li {
		margin-right: 0px;
	}

	.head .nav li a {
		padding: 0 22px;
	}

	.solution li {
		width: 229px;
		margin-right: 14px;
	}

	.service li .tu {
		width: 140px;
		height: 140px;
	}

	.pro_l li {
		width: 304px;
	}

	.banner_s img {
		width: 2550px;
		height: 300px;
	}

	.solution dl dd {
		width: 490px;
	}

	.s_ctn .pro_l li img {
		width: 227px;
		height: 130px;
	}

	.service_a dt,
	.service_a dt img {
		width: 330px;
		height: 192px;
	}

	.service_a dd {
		width: 350px;
	}
}

@media screen and (max-width:980px) {

	.f_bg .f_m,
	.f_bg .bq_bg .bq,
	.i_solution,
	.pro_m,
	.header .head,
	.scd {
		width: 740px;
		margin: 0px auto;
	}

	.head .nav {
		margin-left: 20px;
		width: 415px;
	}

	.head .nav li {
		margin-right: 0px;
	}

	.head .nav li a {
		padding: 0 10px;
		font-size: 15px;
	}

	.head .logo {
		width: 164px;
	}

	.head .logo img {
		width: inherit;
		height: 40px;
	}

	.solution li {
		width: 174px;
	}

	.solution li .l_up {
		height: 185px;
	}

	.solution li .l_dn {
		height: 153px;
	}

	.solution li .l_up .title {
		font-size: 15px;
	}

	.solution li .l_dn p {
		font-size: 13px;
	}

	.service li .tu {
		width: 120px;
		height: 120px;
	}

	.service li .name {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.pro_l li {
		width: 240px;
		margin-right: 10px;
	}

	.pro_l li .name {
		font-size: 16px;
	}

	.pro_l li p {
		font-size: 13px;
	}

	.f_bg .f_m .code {
		margin-left: 20px;
		padding-left: 20px;
	}

	.f_bg .f_m .f_mr {
		width: 55%;
	}

	.f_m .f_mr .num img {
		width: 40px;
		height: 40px;
	}

	.f_m .f_mr .num em {
		font-size: 26px;
	}

	.scd .scd_l {
		width: 190px;
	}

	.solution dl dt,
	.solution dl dt img {
		width: 120px;
		height: 120px;
	}

	.solution dl dd {
		width: 340px;
	}

	.banner_s img {
		width: 150%;
		height: auto;
		margin: 0px !important;
		margin-left: -18% !important;
	}

	.s_ctn .pro_l li {
		width: 48%;
	}

	.service_a dt {
		float: none;
		margin: 0px auto;
		margin-bottom: 50px;
	}

	.service_a dt,
	.service_a dt img {
		width: 373px;
		height: 217px;
	}

	.service_a dd {
		width: 100%;
		float: none;
		clear: both;
		margin: 0px;
	}

	.sv_l li {
		height: 220px;
		margin-bottom: 0px;
	}

	.contact_m ul li {
		width: 100%;
		float: none;
		margin: 0px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:770px) {

	.f_bg .f_m,
	.f_bg .bq_bg .bq,
	.i_solution,
	.pro_m,
	.header .head,
	.scd,
	.service {
		width: 480px;
		margin: 0px auto;
	}

	.head .nav {
		display: none;
	}

	.head .nav_m {
		display: block;
	}

	.header .head {
		position: relative;
		height: auto;
	}

	.header .head .logo {
		margin-bottom: 20px;
	}

	.head .search {
		margin-right: 80px;
		margin-top: 30px;
	}

	.head .nav_m {
		clear: both;
		margin-top: 30px;
	}

	.solution li {
		width: 226px;
		margin-bottom: 25px;
	}

	.fw .fw_bg {
		display: none;
	}

	.fw {
		height: auto;
		border: 0px;
	}

	.pro_l li {
		width: 460px;
		margin-bottom: 15px;
	}

	.f_bg .f_m .f_mr {
		width: 100%;
		float: none;
		clear: both;
		padding-top: 20px;
		text-align: left;
		border-top: 1px solid #47494F;
	}

	.f_m .f_mr .line {
		float: left;
	}

	.f_m .f_mr .num {
		margin-top: 15px;
	}

	.f_bg .f_m .code {
		margin-bottom: 20px;
	}

	.f_bg .f_m {
		padding-bottom: 20px;
	}

	.f_bg .bq_bg .bq span {
		float: none;
		width: 100%;
		text-align: left;
		display: block;
		margin-top: 10px;
	}

	.scd .scd_l {
		width: 470px;
		height: auto !important;
		float: none;
	}

	.scd .scd_r {
		width: 100% !important;
		float: none;
		margin-top: 30px;
	}

	.solution dl dd {
		width: 310px;
	}

	.solution dl dd h5 a {
		font-size: 18px;
	}
}

@media screen and (max-width:500px) {

	.f_bg .f_m,
	.f_bg .bq_bg .bq,
	.i_solution,
	.pro_m,
	.header .head,
	.scd,
	.service {
		width: 320px;
		margin: 0px auto;
	}

	.header .head .logo {
		width: 100%;
		margin-bottom: 0;
		margin-top: 15px;
	}

	.head .search {
		float: left;
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.nav_m .n_icon {
		top: -40px;
	}

	.box_h .title {
		width: 160px;
		font-size: 20px;
	}

	.box_h .line {
		width: 80px;
	}

	.box_h .line_l {
		left: -80px;
	}

	.box_h .line_r {
		right: -80px;
	}

	.solution li {
		width: 320px;
		margin-right: 0px;
	}

	.pro_l li {
		width: 320px;
	}

	.f_m .f_mr .num img {
		width: 30px;
		height: 30px;
		margin: 0 2px;
	}

	.f_m .f_mr .num em {
		font-size: 22px;
		vertical-align: top;
		margin-top: -5px;
	}

	.scd .scd_l {
		width: 300px;
	}

	.solution dl dd {
		width: 100%;
		margin-right: 0px;
	}

	.solution dl dt {
		float: none;
		margin: 0px auto;
		margin-bottom: 15px;
	}

	.solution dl dd h5,
	.solution dl dd .more {
		text-align: center;
	}

	.s_ctn .pro_l li {
		width: 98%;
	}

	.s_ctn .pro_l li img {
		width: 300px;
		height: 172px;
	}

	.service_a dt,
	.service_a dt img {
		width: 310px;
		height: 180px;
	}

	.service_a dd .more {
		text-align: center;
	}

	.sv_l li {
		width: 48%;
		height: 180px;
	}

	.sv_l li b {
		font-size: 18px;
	}

	.phone {
		display: none;
	}

	.wrapper {
		width: 100%;
		height: 450px;
	}

	.tagcloud a {
		padding: 8px 10px;
		font-size: 14px;
	}

	.fw {
		overflow: hidden;
	}

	.tagcloud {
		min-width: inherit !important;
		float: inherit;
	}

	.wrapper p {
		display: none;
	}

	.index-swiper {
		height: inherit;
		display: none;
	}

	.index-swiper .swiper-slide {
		height: inherit;
	}

	.m-index-swiper {
		display: block;
	}

	.m-index-swiper img {
		width: 100%;
	}

	.ab-s .t {
		font-size: 24px;
		padding: 30px 0;
	}

	.abs-1 .item .n {
		width: 60px;
		line-height: 60px;
		height: 60px;
	}

	.abs-1 .item .h {
		font-size: 18px;
	}

	.abs-1 .item .p {
		font-size: 14px;
	}

	.abs-1 {
		padding: 0 15px;
		box-sizing: border-box;
		width: 100%;
	}

	.abs-1 .item {
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: inherit !important;
		width: min-content;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		width: inherit !important;
	}

	.abs-1 .item .n {
		float: left;
	}

	.abs-1 .item .c {
		float: inherit !important;
		text-align: left;
		padding-left: 10px !important;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		min-width: 0;
		box-sizing: border-box;
	}

	.w1200 {
		width: 100%;
	}

	.header .head {
		width: inherit;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.abs-2 .item {
		width: 100%;
		margin-bottom: 30px;
	}

	.abs-2 .item .quan {
		right: 80px;
	}

	.abs-3 .fl {
		width: 100%;
		text-align: center;
		width: 100%;
		float: inherit;
	}

	.abs-3 .fl img {
		width: 300px;
		padding: 0;
	}

	.abs-3 .fr {
		width: 100%;
		float: inherit;
		text-align: center;
	}

	.abs-3 .fr .item {
		overflow: hidden;
		margin: 0;
		padding: 0;
		margin-bottom: 30px;
	}

	.abs-3 .fr .n {
		line-height: 60px;
		float: inherit;
		width: 60px;
		height: 60px;
		font-size: 24px;
		border-radius: 50%;
		color: #fff;
		background: #2ea8e5;
		margin: 0 auto;
	}

	.abs-3 .fr .tt {
		float: inherit;
		text-align: left;
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	.abs-3 .fr .tt h3 {
		font-size: 18px;
		color: #17a1e5;
		font-weight: normal;
		margin-bottom: 5px;
		margin-top: 10px;
	}

	.abs-3 .fr .tt p {
		font-size: 14px;
		width: 240px;
		margin: 0 auto;
	}

	#serve-wrap .content .feature-logo-wrap .feature-logo-content ul {
		width: 100%;
	}

	#serve-wrap .content .feature-logo-wrap .feature-logo-content ul li {
		width: 100%;
		float: inherit;
	}

	#serve-wrap .imgtext-left {
		width: 100%;
	}

	#serve-wrap .imgtext-left .img {
		float: inherit;
		box-shadow: none;
		margin: 0;
		margin-top: 50px;
	}

	#serve-wrap .imgtext-left .text {
		float: inherit;
		width: 100%;
		padding-top: 50px;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}

	#serve-wrap .imgtext-right {
		width: 100%;
	}

	#serve-wrap .imgtext-right .img {
		float: inherit;
		width: 100%;
		box-shadow: none;
		text-align: center;
		margin-top: 0;
		padding-top: 50px;
	}

	#serve-wrap .imgtext-right .text {
		float: inherit;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}

	#serve-wrap .imgtext-right .img img {
		width: 300px;
	}

	#serve-wrap .content .safety-wrap .safety-content {
		width: 100%;
	}

	#serve-wrap .imgtext-left .img img {
		width: 300px;
	}

	#serve-wrap .content .safety-wrap .issue-list ul {
		padding: 0 15px;
		box-sizing: border-box;
	}

	.abs-4 .item {
		width: 100%;
		float: left;
		padding: 0 15px;
		box-sizing: border-box;
		margin-top: 30px;
	}

	.ab-s .t:after {
		content: "";
		width: 80px;
		top: 70px;
	}

	.izl-rmenu {
		display: none;
	}

	.swiper-wrapper {
		height: 202px !important;
	}

	.about-info {

		width: 100%;

		padding: 0 15px;

		box-sizing: border-box;
	}

	.about-info .t1 .item {

		margin-bottom: 30px;
	}

	.about-info .t3 li {}

	.about-info .t1 .item h3 {}

	.about-info .t1 .item p {}

	.about-info .t2 {
		width: 100%;
	}

	.about-info .t3 {
		margin-bottom: 50px;
	}

	.about-map {
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}

	.dituContent {
		width: 100%;
	}

	.about-map .contact {
		margin-bottom: 0;
	}

	.news-list li {
		width: 100%;
	}

	.news-list li a {
		padding: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 15px;
	}

	.news-list li .con {
		float: inherit;
		width: inherit;
	}

	.news-list li .time {
		float: left;
		width: inherit;
	}

	.news-list li .time .t1 {

		width: 50px;
	}

	.news-list li .time .t2 {

		width: 50px;
	}

	.news-list li .con .h {
		font-size: 16px;
	}

	.about-map .contact li {

		box-sizing: border-box;
	}
	.news-list2{
		padding: 0 15px;
		box-sizing: border-box;
	}
	.newsinfo{
		padding: 0 15px;
	}
	.newsinfo .con{
		padding: 15px 0;
	}
}
