/* =====品质与制造===== */
.qualityMain .solutTle .text {margin-top: .3rem;}
.qualityMain .solutTle .text p {color: #333333; font-size: .22rem; margin-top: .05rem;}
.qualityOne {background: url(../image2/qualityone-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.qualityOne ul {margin-top: .8rem; display: flex; justify-content: space-between;}
.qualityOne ul li {background: #fff; width: 31%;background: #ffffff;border-radius: 0.2rem; padding: .7rem .5rem .6rem .5rem; box-sizing: border-box;}
.qualityOne ul li .icBox {text-align: right;}
.qualityOne ul li h4 {color: #333333; font-size: 22px; margin-top: 20px;}
.qualityOne ul li dl {margin-top: 10px;}
.qualityOne ul li dd {color: #525252; font-size: 15px; margin-top: 3px;line-height: 30px;}

.qualityTwo {padding: 1.3rem 0;}
.proapp-list {margin-top: .8rem; padding-bottom: .6rem;}
.proapp-list .pic {overflow: hidden;background: #ffffff;border-radius: .1rem;}
.proapp-list .pic img {width: 100%; transition: .5s;}
.proapp-list .pic:hover img {transform: scale(1.1);}
#proapp-num {width: 50%;position: relative; background: #DDDDDD; margin: auto;}
#proapp-num .swiper-scrollbar-drag{ height: 5px; background: #ED9028; position: relative; top: 46%;  }
#proapp-num .swiper-scrollbar-drag:before,#proapp-num  .swiper-scrollbar-drag:after{  position: absolute; content: ''; width: 14px; height: 14px; background: #ED9028; border-radius: 50%; right: 0; top: 50%; transform:  translateY(-50%);}
#proapp-num .swiper-scrollbar-drag:before{z-index: 3;}

.qualityThree {background: url(../image2/qualitythree-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0 1.5rem 0; background-attachment: fixed;}
.qualityThree .solutTle h3 {color: #fff;}
.qualityThree .solutTle .text p {color: #fff;}
.qualityThree ul {margin-top: .6rem; display: grid; grid-template-columns: repeat(2,auto); gap: .3rem; justify-content: flex-start;}
/* .qualityThree ul li {min-width: 3.58rem; height: 0.95rem; border: 1px solid rgba(255, 255, 255,.27); border-radius: 2rem; display: flex; align-items: center; padding-left: .3rem;} */
.qualityThree ul li {min-width: 3.58rem; height: 0.95rem; border: 1px solid rgba(255, 255, 255,.27); border-radius: 2rem; display: flex; align-items: center; padding-left: .3rem; padding-right: .3rem;}
.qualityThree ul li .icBox {width: .5rem; margin-right: .1rem;}
.qualityThree ul li .icBox img {max-width: 100%;}
.qualityThree ul li span {color: #ffffff;font-size: .17rem;}



/* =====联系我们===== */
.contactOne {margin: 1rem 0;}
.contactOne .box {}
.contactOne ul {}
.contactOne ul li {border: 0.01rem solid #d1d1d1; border-radius: 0.1rem; padding:.5rem 0.4rem;}
.contactOne ul li h3 {font-size: 0.38rem; color: #333333;font-family: "PFBold";text-align: center;}
.contactOne ul li dl {margin-top: .5rem;width: 100%;display: flex;    justify-content: space-between;}
.contactOne ul li dd { display: flex; align-items: center; box-sizing: border-box;}
.contactOne ul li dd .icBox {width: 0.43rem; height: 0.43rem; min-width: 30px; min-height: 30px; background: #283c7d;border-radius: 0.05rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.contactOne ul li dd .con {margin-left:.2rem;}
.contactOne ul li dd em {color: #666; font-size: var(--font15);}
.contactOne ul li dd .con a {display: block;color: #333333; font-size: var(--font20);}
.contactOne ul li dd a:hover {color: #ED9028;}

.contactTwo {background: url(../image2/contacttwo-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 1rem 0; background-attachment: fixed;}
.contactTwo .tle {text-align: center;font-size: 0.4rem;color: #333333;font-family: "PFBold";}
.contactTwo .box form {width: 1050px; margin: auto; max-width: 92%; padding: .5rem 0 .6rem 0; box-sizing: border-box;}
.contactTwo form .inBox {display: flex; justify-content: space-between; margin-bottom: .2rem;}
.contactTwo form .inBox input {border-radius: 0.05rem; width: 100%; height: 100%; background: #fff; border: none; outline: none; padding: 0 .2rem; padding-right: .8rem; box-sizing: border-box; color: #333;}
.contactTwo form .inBox input::placeholder {color: #AAAAAA;}
.contactTwo form .inOne {width: 48.5%; position: relative; height: 0.6rem; min-height: 45px; box-sizing: border-box;  border: 1px solid rgba(255, 255, 255..38);}
.contactTwo form .inOne label {position: absolute; left: 92%; top: 50%; transform: translate(-50%, -50%);}
.contactTwo form .inOne label img {max-width: .35rem;}
.contactTwo form .inBox2 {position: relative;height: 1.72rem;}
.contactTwo form textarea {border-radius: 0.05rem;width: 100%; height: 100%; font-family: "Microsoft YaHei"; color: #333; background: #fff; border: none; outline: none; resize: none; padding: .2rem; padding-right: .4rem;box-sizing: border-box;}
.contactTwo form textarea::placeholder {color: #AAAAAA; font-family: "PFMedium";}
.contactTwo form label {position: absolute; left: 96%; top: 35%; transform: translate(-50%, -50%);}
.contactTwo form .sub {display: flex; justify-content: center; margin-top: .7rem;}
.contactTwo form .sub input {width: 1.68rem;height: .55rem; cursor: pointer; background: #ED9028; border-radius: 0.28rem; padding: 0; text-align: center; color: #fff; border: none; outline: none;}

/* 内页在线留言 */
.flex-sb{display: flex; justify-content: space-between;}
.message-bg{padding: 0.8rem 0;}
.message-box{padding: 0.8rem; box-sizing: border-box; background: url(../img/message-bg.jpg) center no-repeat;;}
.message{width: 90%;}
.message ul{width: 48.76%; margin-bottom: 0.5rem;}
.message ul input,.message ul select,.message ul textarea{background: white;width: 100%; border-radius: 0.375px; outline: none; border: none; font-size: 16px; color: #a8a8a8; padding: 0 5%; margin-bottom: 15px; box-sizing: border-box;}
.message ul input::placeholder,.message ul select::placeholder,.message ul textarea::placeholder{color: #a8a8a8; }
.message ul input,.message ul select{line-height: 0.8rem;}
.message ul select{background: url(../img/select-arrow.png) no-repeat right 5% center #fff; appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.message ul select{height: 0.8rem;}
.message ul textarea{height: 2.7rem; padding: 35px 5%;}
.message-btn input{cursor: pointer;  outline: none; border: none; font-size: 18px; color: #fff; text-align: center; width: 140px;line-height: 50px;background: #c10d11;border-radius: 30px; margin: 0 20px;}
.message-btn input.reset{background: #999;}
.flex-cc {display: flex;align-items: center; justify-content: center;}
@media screen and (min-width: 200px) and (max-width: 768px) {
  .acquisition {  width: 92%;}
}