.support{ width: 100%;}
.support .box{ display: block;}
.support .box .tit{ display: block; margin-top: .4rem;}
.support .box .tit h2{ font-size: .36rem; line-height: .48rem; color: #1d2088; display: block; font-weight: bold;}
.support .box .tit p{ font-size: .14rem; line-height: 1.75; margin: 0; color: #8f8f8f; display: block;}

.box .prev,
.box .next{ position: absolute; top: 50%; transform: translateY(-50%); width: 76px; height: 72px; color: #fff; background: rgba(61,164,71,0); font-family: "iconfont"; font-size: 30px; text-align: center; line-height: 72px; z-index: 2; transition: all 0.3s ease-in-out; text-transform: uppercase; opacity: 1; cursor: pointer; left: 50px;}
.box .next{ right: 50px; left: auto;}

.box:hover .prev,
.box:hover .next{ background: #1d2088; opacity: .8; }






/* 生产 */
.box .Production{ display: flex; justify-content: space-between; align-content: center; align-self: center; position: relative; font-size: 0; margin: 1.4rem 0;}
.box .Production .tit{ flex-shrink: 0; order: 2; width: 41.67%; margin: 0; display: inline-flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; justify-content: center; box-sizing: border-box; padding: 0 5.21%;}
.box .Production .tit h2{  text-align: left; width: 100%; text-transform: uppercase; margin-bottom: .15rem;}
.box .Production .tit p{ text-align: left;  line-height: 1.5}

.box .Production .Production-list{ width: 58.33%; display: block; overflow: hidden; position: relative; order: 1; }
.box .Production .Production-list img{ max-width: 100%;}

/* 检测 */
.box .Testing{ display: flex; justify-content: space-between; align-content: center; align-self: center; position: relative; font-size: 0; margin-bottom: 1.4rem}
.box .Testing .tit{  width: 41.67%; margin: 0; display: inline-flex; flex-wrap: wrap; align-items: flex-end; flex-direction: column; justify-content: center; box-sizing: border-box;  padding: 0 5.21%;}
.box .Testing .tit h2{  text-align: right; width: 100%; text-transform: uppercase; margin-bottom: .15rem;}
.box .Testing .tit p{ text-align: right;   line-height: 1.5}

.box .Testing .Testing-list{ width: 58.33%; display: block; overflow: hidden; }
.box .Testing .Testing-list li.swiper-slide{ width: auto !important;}
.box .Testing .Testing-list .title{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff; font-size: .24rem; font-weight: bold; z-index: 99; display: block;}

.box .Testing .Testing-list img{ max-width: 100%; max-height: 100%;}

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

	.box .design ul li{ padding: 0 .2rem; width: 50%; margin-bottom: .1rem;}
	.box .design ul li i{ margin: .1rem auto 0}
	.box .Production{ flex-wrap: wrap;margin: .4rem 0 0 0;}
	.box .Production .tit{ width: 100%; padding: .2rem; align-items: center;}
	.box .Production .tit h2,
	.box .Production .tit p{ text-align: center; margin: 0;}
	.box .Production .tit h2 {font-size: .24rem;}
	.box .Production .tit p {text-align: left;}
	.box .Production .tit .line{ margin-top: .15rem;}
	.box .Production .Production-list {width: 88%;}

	.box .Testing{ flex-wrap: wrap;margin-bottom: .4rem;}
	.box .Testing .tit{ width: 100%; padding: .2rem; align-items: center; order: 0;}
	.box .Testing .tit h2,
	.box .Testing .tit p{ text-align: center; margin: 0;}
	.box .Testing .tit h2 {font-size: .24rem;}
	.box .Testing .tit p {text-align: left;}
	.box .Testing .tit .line{ margin-top: .15rem;}
	.box .Testing .Testing-list {width: 88%;}
	.box .Testing .Testing-list li.swiper-slide {width: 88vw!important;}
	.box .Testing .Testing-list img {width: 100%; height: 2.2rem;object-fit: cover;}

    .After-sale{ margin: 0; height: auto; padding: .5rem 0 .3rem;}
    .After-sale h2{ font-size: .24rem; height: auto; line-height: 1.7; position: relative;}
    .After-sale h2::before{ font-size: .64rem; position: absolute; left: 0; margin-left: 0; top: .1rem;}
	.After-sale h2::after{ font-size: .64rem; position: absolute; right: 0; margin-right: 0; bottom: .4rem;}
	.box .prev,
	.box .next{ display: none;}

	
}