.banner-box{margin:16px;position: relative;overflow: hidden;border-radius: 15px;width:calc(100% - 32px);}
.banner-box .img01{width: 100%;}
.banner-title{padding: 10px 16px;}
.banner-title h2{padding: 0 0 8px;font-size: 24px;line-height: 34px;font-weight: bold;}
.banner-title h3{padding-bottom: 20px;line-height: 40px;font-size: 30px;font-weight: bold;}
.banner-title p{font-size: 16px;line-height: 24px;padding-bottom: 10px;}
.us-btn{height: 48px;border-radius: 60px;background: #0858AA;line-height: 48px;font-size: 16px;color: #FFFFFF;display:block;text-align: center;margin-top: 24px;}

.communication-system{margin: 50px 16px 0;}
.communication-system-head{position: relative;width: 100%;height: 410px;background: url("../images/mobile/did05.png") no-repeat right center;background: auto 150%;border-radius: 20px; }
.communication-system-head img{width: 268px;position: absolute;left: 50%;top:36px;margin: 0 0 0 -134px;}
.communication-system-list{margin: 30px 0;}
.communication-system-list h2{font-size: 24px;font-weight: bold;line-height: 32px;}
.communication-system-item{padding: 24px 0;border-bottom: 1px solid #ddd;}
.communication-system-item h3{font-size: 20px; font-weight: bold;line-height: 32px;padding-left: 36px;background: url("../images/mobile/icon13.png") no-repeat left center;background-size: 24px;}
.communication-system-item p{padding: 12px 0 0 36px;font-size: 14px;line-height: 22px;color: #666666;}

.professional-maintenance{margin: 50px 16px 0;}
.professional-maintenance h2{font-size: 24px;font-weight: bold; line-height: 32px;padding-bottom: 30px;}
.professional-maintenance-item{border-radius: 30px;border:1px solid #ddd;position: relative;overflow: hidden;margin-bottom: 30px;}
.professional-maintenance-item img{width: 100%;}
.professional-maintenance-item h3{font-size: 20px;font-weight: bold;line-height: 32px;margin: 20px 20px 10px;}
.professional-maintenance-item p{font-size: 14px;color: #666; line-height: 22px;padding: 0 10px 20px 20px;}

.well-known{margin:60px 16px 0;}
.well-known h2{font-size: 24px;font-weight: bold;line-height: 32px;padding-bottom: 20px;}
.well-known p{font-size: 16px; line-height: 24px;color: #333333;padding-bottom: 30px;}
.well-known-imgs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.well-known-imgs span{width: calc(50% - 6px);padding-bottom: 12px;}
.well-known-imgs span img{width: 100%;}

.click-integration{margin:50px 16px 0;}
.click-integration h2{font-size: 24px;font-weight: bold;line-height: 32px;padding-bottom: 24px;}
.click-integration-head{position: relative;margin-bottom: 30px;}
.click-integration-head .cih01{position: absolute;width: 80px;left: 50%;top:20px;margin-left: -40px; z-index: 9;}
.click-integration-head .cih02{position: absolute;left: 20px;top:50%;margin-top: -14px;height: 27px; z-index: 9;}
.click-integration-head .cih03{position: absolute;right: 20px;top:50%;margin-top: -14px;height: 27px; z-index: 9;}
.click-integration-head .cih04{position: absolute;width: 132px;left: 50%;bottom:20px;margin-left: -66px; z-index: 9;}
.click-integration-head .cih05{width: 100%;border-radius: 20px; z-index: 8;}
.click-integration p{font-size: 16px;color:#666;line-height: 24px;}
.click-integration p:last-child{padding-top: 20px;}