@charset "utf-8";

@media (max-width:1080px) {
	.main3{padding: 0 3%;}
}


.pro-box h2{font-size: 40px;line-height: 50px;color: #EB5A10;font-family: "微软雅黑";margin: 5.2% 0;display: inline-block;}
.pro-box.pro-detail h2{margin-bottom: 1%;}
.pro-box.pro-detail h3{font-size: 20px;line-height: 30px;color: #595757;font-family: "微软雅黑";}

.pro-box .inner-info{display: flex;width: 100%;justify-content: space-between;}
.pro-box .inner-info .text{width: 47%;}
.pro-box .inner-info .text p{font-size: 16px;line-height: 30px;color: #595757;font-family: "微软雅黑";text-align: justify;}
.pro-box .inner-info .img{width: 53%;height: 100%;transform: translateY(-25%);}
.pro-box .inner-info .img img{width: 100%;height: 100%;display: block;object-fit: contain;}


.pro-box .all-pro{width: 100%;display: flex;flex-wrap: wrap;}
.pro-box .all-pro li{width: calc(33% - 24px);margin-right: 38px;background: #e7e8ec;border-radius: 20px;margin-top: 5%;transition: all .4s linear;-webkit-transition: all .4s linear}
.pro-box .all-pro li:nth-child(1),.pro-box .all-pro li:nth-child(2),.pro-box .all-pro li:nth-child(3){margin-top: 0;}
.pro-box .all-pro li:nth-child(3n){margin-right: 0;}
.pro-box .all-pro li a{display: block;width: 100%;height: 100%;padding: 14px 0 40px;}
.pro-box .all-pro li .img{max-width: 90%;height: auto;margin: 0 auto;}
.pro-box .all-pro li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.pro-box .all-pro li h3{font-size: 30px;line-height: 42px;color: #EB5A10;font-family: "AlibabaPuHuiTi-Medium";text-align: center;margin-bottom: 20px;}
.pro-box .all-pro li p{padding: 0 40px;font-size: 14px;line-height: 23px;color: #595757;font-family: "AlibabaPuHuiTi-Medium";text-align: center;}
.pro-box .all-pro li:hover{background-color: #fff;box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.16);}

.pro-case{padding-bottom: 9%;}
.pro-case .swiper-slide{background-color: #e7e8ec;}
.pro-case .swiper-slide .img{min-width: 600px;height: auto;}
.pro-case .swiper-slide .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.pro-case .text-info{padding: 0 40px 0 50px;}
.pro-case .text-info h3{font-size: 30px;line-height: 42px;color: #EB5A10;font-family: "微软雅黑";text-align: left;margin-bottom: 30px;}
.pro-case .text-info p{font-size: 16px;line-height: 30px;color: #595757;font-family: "微软雅黑";text-align: left;}
.pro-case .text-info .btn-more{border: 1px solid #eb5a10;width: 148px;height: 40px;margin-top: 50px;}
.pro-case .text-info .btn-more a{display: block;width: 100%;height: 100%;font-size: 16px;line-height: 40px;color: #EB5A10;font-family: "AlibabaPuHuiTi-Regular";}
.pro-case .btn-more-case{width: 148px;height: 40px;margin-top: 30px;background: #eb5a10;text-align: center;margin-left: auto;}
.pro-case .btn-more-case a{display: block;width: 100%;height: 100%;font-size: 16px;line-height: 40px;color: #fff;font-family: "AlibabaPuHuiTi-Regular";}


.pro-box.pro-service{background: #e7e8ec;padding: 0.1% 0 4.8%;margin-bottom: 6.3%;margin-top: 4%;}
.pro-box.pro-service .ser-list{background: #fff;border-radius: 30px;padding: 70px 0;}
.pro-box.pro-service .ser-list ul{display: flex;flex-wrap: wrap;}
.pro-box.pro-service .ser-list li{width: 20%;display: flex;justify-content: center;}
.pro-box.pro-service .ser-list li .img-ico{width: 32px;height: 32px;margin-right: 12px;}
.pro-box.pro-service .ser-list li .img-ico img{display: block;width: 100%;height: 100%;object-fit: contain;}
.pro-box.pro-service .ser-list li .text h3{font-size: 20px;line-height: 26px;color: #595757;font-family: "微软雅黑";}
.pro-box.pro-service .ser-list li .text a{font-size: 16px;line-height: 22px;color: #838383;font-family: "微软雅黑";}



@media (max-width:1680px) {
	.pro-box .all-pro li{margin-top: 4%;}
	.pro-box h2{margin: 4.2% 0;}
}
@media (max-width:1360px) {
	.pro-case .swiper-slide .img{min-width: 44%;}
}
@media (max-width:1080px) {
	.pro-box h2{font-size: 34px;line-height: 44px;}
	.pro-box.pro-detail h3{font-size: 18px;line-height: 28px;}
	.pro-box .inner-info .text p{font-size: 14px;line-height: 26px;}
	.pro-box .all-pro li p{padding: 0 20px;}
	
	.pro-box .all-pro li{width: calc(33% - 10px);margin-right: 15px;margin-top: 15px;}
	.pro-box .all-pro li a{padding: 14px 0 22px;}
	.pro-box .all-pro li h3{font-size: 26px;line-height: 30px;margin-bottom: 12px;}
	
	.pro-case .text-info h3{font-size: 26px;line-height: 34px;margin-bottom: 20px;}
	.pro-case .text-info .btn-more{margin-top: 30px;}
	
	.pro-box.pro-service .ser-list li{width: 33%;margin-top: 3%;padding: 0 30px;justify-content: flex-start;}
	.pro-box.pro-service .ser-list li:nth-child(1),.pro-box.pro-service .ser-list li:nth-child(2),.pro-box.pro-service .ser-list li:nth-child(3){margin-top: 0;}
}

@media (max-width:769px) {
	.pro-box .inner-info{flex-direction: column;}
	.pro-box .inner-info .text{width: 100%;}
	.pro-box .inner-info .img{width: 100%;transform: translateY(0%);}
	.pro-box .all-pro li{width: calc(50% - 10px);margin-right: 20px;}
	.pro-box .all-pro li:nth-child(3){margin-top: 20px;}
	.pro-box .all-pro li:nth-child(3n){margin-right: 20px;}
	.pro-box .all-pro li:nth-child(2n){margin-right: 0px;}
	
	.pro-case .swiper-slide{flex-direction: column;}
	.pro-case .swiper-slide .img{width: 100%;}
	.pro-case .text-info{padding: 30px;}
	
	.pro-box.pro-service .ser-list{padding: 6% 0;}
	.pro-box.pro-service .ser-list li{width: 50%;}
	.pro-box.pro-service .ser-list li:nth-child(3){margin-top: 3%;}
	
	.pro-box h2{margin:10% 0 3% ;font-size: 30px;}
	.pro-box.pro-detail h3{font-size: 16px;line-height: 26px;}
}
@media (max-width:480px) {
	.pro-box h2{font-size: 28px;}
	.pro-box.pro-detail h3{font-size: 16px;line-height: 26px;}
	.pro-box .inner-info .text p{line-height: 24px;}
	.pro-box .all-pro li h3{font-size: 20px;margin-bottom: 10px;}
	
	.pro-case .text-info h3{font-size: 18px;line-height: 28px;margin-bottom: 14px;}
	.pro-case .text-info p{font-size: 14px;}
	.pro-case .text-info{padding: 20px;}
	
	.pro-box.pro-service .ser-list li{width: 100%;}
	.pro-box.pro-service .ser-list li:nth-child(1), .pro-box.pro-service .ser-list li:nth-child(2), .pro-box.pro-service .ser-list li:nth-child(3){margin-top: 3%;}
	.pro-box.pro-service .ser-list li .img-ico{margin-right: 14px;}
	
	.pro-case .text-info .btn-more{width: 120px;height: 36px;}
	.pro-case .text-info .btn-more a{font-size: 14px;line-height: 36px;}
	.pro-case .btn-more-case{width: 120px;height: 36px;}
	.pro-case .btn-more-case a{font-size: 14px;line-height: 36px;}
}


.pro-box .pro-chara{margin: 4% 0;}
.pro-box .pro-chara ul{display: flex;flex-wrap: wrap;justify-content: center;}
.pro-box .pro-chara ul li{width: 22%;text-align: center;position: relative;}
.pro-box .pro-chara ul li::before{content: '';position: absolute;right: 0;top:50%;transform: translateY(-50%);width: 1px;height: 136px;background: #e7e8ec;}
.pro-box .pro-chara ul li:nth-child(4n)::before{display: none;}
.pro-box .pro-chara ul li img{display: block;margin: 0 auto;max-width: 30%;height: auto;width: 100%;}
.pro-box .pro-chara ul li p{font-size: 16px;line-height: 22px;color: #595757;font-family: "微软雅黑";margin-top: 26px;}


.pro-box .form{margin-bottom: 13%;}
.pro-box .form table{width: 100%;}
.pro-box .form table p{font-size: 16px;line-height: 30px;color: #595757;font-family: "微软雅黑";}
.pro-box .form table tr{border-bottom: 1px solid #707070;}
.pro-box .form table tr:first-child{background: #eb5a10;border-bottom: unset;}
.pro-box .form table tr:first-child p{color: #fff;text-align: center;}
.pro-box .form table tr td:nth-child(1){width: 18%;border-right: 1px solid #707070;}
.pro-box .form table tr:first-child td:nth-child(1){border-right: 1px solid #fff;}
.pro-box .form table td{padding: 12px 0;}

.pro-box .form table tr td:nth-child(1) p{text-align: center;}
.pro-box .form table tr td:nth-child(2){padding: 12px 30px;}

@media (max-width:1080px) {
	.pro-box .pro-chara ul li{width: 46%;margin-top: 6%;}
	.pro-box .pro-chara ul li::before{height: 90px;}
	.pro-box .pro-chara ul li:nth-child(2n)::before{display: none;}
	.pro-box .form table tr td:nth-child(2){padding: 10px 20px;}
}
@media (max-width:769px) {
	.pro-box .pro-chara ul li{width: 42%;}
	.pro-box .form table tr td:nth-child(1){min-width:110px;width: auto;}
}
@media (max-width:480px) {
	.pro-box .pro-chara ul li{width: 50%;}
	.pro-box .form table p{font-size: 14px;white-space: nowrap;}
	.pro-box .form{overflow: scroll;}
}

/* 在线采购 */
.pro-box.purchase h2{margin-bottom: 1%;}
.pro-box.purchase form h3{margin: 16px 0;font-size: 20px;line-height: 30px;color: #595757;font-family: "AlibabaPuHuiTi-Regular";}
.pro-box.purchase form h3.must{position: relative;padding-left: 16px;}
.pro-box.purchase form h3.must::before{position: absolute;left: 0;top: 0;content: '*';color: #EB5A10;font-size: 20px;font-family: "AlibabaPuHuiTi-Regular";}
.pro-box.purchase form textarea{width: 100%;border: 1px solid #a8a8a8;height: 120px;padding: 10px;font-size: 16px;line-height: 20px;color: #595757;font-family: "AlibabaPuHuiTi-Regular";}
.pro-box.purchase form .form-choice h4{width: 110px;font-size: 20px;line-height: 30px;color: #595757;font-family: "AlibabaPuHuiTi-Regular";}
.pro-box.purchase form .form-choice{display: flex;}
.pro-box.purchase form .form-choice .right-choice{width: 100%;margin-left: auto;}
.pro-box.purchase form .form-choice .direction{display: flex;flex-wrap: wrap;width: 100%;}
.pro-box.purchase form .form-choice .direction li{transition: all .3s linear;-webkit-transition: all .3s linear;width:calc(16.6% - 10px);margin-bottom: 10px;border: 1px solid #a8a8a8;margin-left: 10px;}
.pro-box.purchase form .form-choice .direction li a{transition: all .3s linear;-webkit-transition: all .3s linear;width: 100%;height: 30px;font-size: 16px;line-height: 30px;color: #595757;font-family: "AlibabaPuHuiTi-Regular";text-align: center;display: block;}
.pro-box.purchase form .form-choice .direction li.cur{background: #EB5A10;border-color: #EB5A10;}
.pro-box.purchase form .form-choice .direction li.cur a{color: #fff;}

.pro-box.purchase form .form-choice .opt{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 30px;padding-left: 10px;}
.pro-box.purchase form .form-choice .opt li{width: 14%;margin-bottom: 4px;font-size: 16px;line-height: 30px;color: #595757;font-family: "AlibabaPuHuiTi-Regular";}
.pro-box.purchase form .form-choice .opt li .checkbox{width: 16px;height: 16px;border: 1px solid #E5E5E5;position: relative;margin-right: 6px;}
.pro-box.purchase form .form-choice .opt li.cur .checkbox{background-image:url(../images/onyes.png);background-repeat: no-repeat;background-size: 90%;}

.pro-box.purchase form .form-choice .select{display: flex;flex-wrap: wrap;padding-left: 10px;}
.pro-box.purchase form .form-choice .select li{width:auto;height: 30px;border: 1px solid #a8a8a8;margin-right: 10px;margin-bottom: 10px;}
.pro-box.purchase form .form-choice .select li a{width: auto;height: 100%;padding: 0 10px;font-size: 16px;line-height: 30px;color: #595757;font-family: "AlibabaPuHuiTi-Regular";}
.pro-box.purchase form .form-choice .select li a i{color: #EB5A10;margin-left: 20px;font-size: 14px;line-height: 30px;}

.pro-box.purchase .y-contact ul{display: flex;flex-wrap: wrap;}
.pro-box.purchase .y-contact ul li{width: calc(33% - 26px);margin-right: 40px;}
.pro-box.purchase .y-contact ul li:nth-child(3n){margin-right: 0;}
.pro-box.purchase .y-contact ul li input{border: 1px solid #a8a8a8;height: 40px;padding: 10px 20px;width: 100%;margin-bottom: 20px;}


.pro-box.purchase .clause {display: flex;align-items: center;}
.pro-box.purchase .clause .checkbox{width: 16px;height: 16px;border: 1px solid #E5E5E5;position: relative;margin-right: 6px;}
.pro-box.purchase .clause .checkbox.cur {background-image:url(../images/onyes.png);background-repeat: no-repeat;background-size: 90%;}
.pro-box.purchase .clause  p{font-size: 16px;line-height: 30px;color: #595757;font-family: "AlibabaPuHuiTi-Regular";}
.pro-box.purchase .clause  p a{color: #EB5A10;font-size: 16px;line-height: 30px;font-family: "AlibabaPuHuiTi-Regular";}

.pro-box.purchase .submit{display: block;margin: 8% auto 11.2%;width: 148px;height: 40px;background: #EB5A10;color: #fff;font-size: 16px;line-height: 40px;border: unset;}

@media (max-width:1360px) {
	.pro-box.purchase form .form-choice .opt li{width: 20%;}
	.pro-box.purchase .submit{margin: 6% auto 10%;}
	.pro-box.purchase form h3{margin: 10px 0;}
	.pro-box.purchase .y-contact ul li input{margin-bottom: 10px;}
}
@media (max-width:1080px) {
	.pro-box.purchase form .form-choice .direction li{width: 20.6%;}
	.pro-box.purchase form .form-choice .opt li{width: 25%;}
}
@media (max-width:769px) {
	.pro-box.purchase .y-contact ul li{width:calc(50% - 10px);margin-right: 20px;}
	.pro-box.purchase .y-contact ul li:nth-child(3n){margin-right: 20px;}
	.pro-box.purchase .y-contact ul li:nth-child(2n){margin-right: 0px;}
	.pro-box.purchase form .form-choice .opt li{width: 33%;}
	.pro-box.purchase form .form-choice .direction li{width: 31%;}
}
@media (max-width:530px) {
	.pro-box.purchase form .form-choice .direction li{width: 100%;margin-left: 8px;}
	.pro-box.purchase form .form-choice .opt li{width: 50%;}
	.pro-box.purchase .y-contact ul li:nth-child(3n){margin-right: 0;}
	.pro-box.purchase .y-contact ul li{width: 100%;margin-right: 0;}
}