@import "../fonts/iconfont.css";

body{min-width: 1200px !important;}

.col-4,.col-5,.col-6,.col-7,.col-8,.col-3{float: left}
.col-4{width: 33.3333333333%}
.col-5{width: 41.6666666666%}
.col-6{width: 50%}
.col-7{width: 58.3333333333%}
.col-8{width: 66.6666666666%}
.col-space14{margin: -7px;}
.col-space14>*{padding: 7px;box-sizing: border-box}
.col-space14:after{content:'';display: table;width: 100%;height: 0;clear: both}

.f24{font-size: 24px}

/*输入框*/
.input-skin{width: 100%;border:1px solid #a3baf4;height: 38px;line-height: 38px;border-radius: 5px;outline: none;padding: 0 15px;box-sizing: border-box;font-size: 16px}
.input-skin::-webkit-outer-spin-button,
.input-skin::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.input-skin[type="number"]{
    -moz-appearance: textfield;
}

/* 下拉框 */
.select-skin,.select-item-input{opacity: 0;}
.select-skins .input-skin {cursor: pointer;}
.select-skins .input-skin{padding-right: 30px}
.select-skins{position: relative;display: inline-block;}
.select-skins .input-skins{cursor: pointer}
.select-title{position: relative}
.select-title .select-arrow{content:'';display:inline-block;cursor: pointer;width: 0;height: 0;border-width:8px 5px;border-style: solid;border-color: #3b6de8 transparent transparent transparent;position: absolute;right: 10px;top:50%;margin: 0;padding:0;margin-top:-3px;}
.select-list{border:1px solid #e6e6e6;position: absolute;top:38px;width: 100%;background-color: #fff;box-sizing: border-box;padding:5px 0;border-radius: 3px;display: none;max-height: 130px;overflow:auto;z-index: 9}
.select-list dd{line-height: 30px;padding:0 20px;font-size: 12px;cursor: pointer;}
.select-list dd:hover{background-color: #f6f6f6}
.select-list dd.cur{background-color: #3b6de8;color:#fff}
.select-list dd[disabled]{color:#999;cursor: no-drop}
.select-list dd[disabled]:hover{background-color: transparent;color:#999}
.select-list .select-empty{color:#999;line-height: 30px;text-align: center}
.select-list dt{line-height: 30px;}
.select-tips{color:#999;}
.select-list dt{padding:0 10px;color:#999;}

/* 按钮 */
.btn{display:block;width: 100%;line-height: 36px;outline: none;border-radius: 5px;box-sizing: border-box;font-size: 16px;text-align: center;cursor: pointer}
.btn-md{border-radius: 0;width: 322px;margin: 0 auto}
.btn-border{border:1px solid #a3baf4;background-color: transparent;color: #3b6de8}
.btn-full{border:1px solid #3b6de8;background-color: #3b6de8;color: #fff}

/* 表单样式 */
.activity-form li{margin-bottom: 46px;position: relative;display: flex;}
.activity-form li:last-child{margin-bottom: 0}
.activity-form-label{text-align: right;color: #3b6de8;line-height: 40px;width: 120px;position: absolute;left: 0}
.activity-form-content{padding-left: 120px;width: 100%;box-sizing: border-box}
.activity-form-1{width: 450px;}

.activity-form-white .activity-form-label{color: #fff}

/*.flex{display: flex;justify-content: center}*/
/*.flex-item{}*/

/* .mypic{width:436px;height:254px;background: url(../images/db-img01.png) no-repeat;} */


.activity-banenr{height: 628px;background: url(../images/banner.jpg) no-repeat center center;position: relative}
.activity-banenr-btn{display:block;width: 174px;height: 77px;background-image: url(../images/db-btn-zx.png);background-repeat: no-repeat; background-size: contain;position: absolute;left: 50%;bottom: 100px;margin-left: -87px;}

.activity-section{padding: 65px 0;background-repeat: no-repeat;background-position: center center;background-size: auto 100%}
.activity-section-title{text-align: center}
.activity-section-title h3{color: #04304b;font-size: 24px;}
.activity-section-title h3:after{content:'';display:block;width: 280px;height: 1px;background-color: #04304b;margin: 20px auto 40px}
.activity-section-content .content-item{margin: 50px 0;}

.activity-section02 .activity-section-title h3,.activity-section04 .activity-section-title h3,.activity-section06 .activity-section-title h3,.activity-section02 .activity-section-title p,.activity-section04 .activity-section-title p,.activity-section06 .activity-section-title p{color: #fff}
.activity-section02 .activity-section-title h3:after,.activity-section04 .activity-section-title h3:after,.activity-section06 .activity-section-title h3:after{background-color: #fff}
.activity-section02 .activity-section-content,.activity-section04 .activity-section-content,.activity-section06 .activity-section-content{color: #fff}

.activity-section02{background-image: url(../images/sec02-bg.jpg)}
.activity-section04{background-image: url(../images/sec04-bg.jpg)}
.activity-section05{background-image: url(../images/sec05-bg.jpg)}
.activity-section06{background-image: url(../images/sec06-bg.jpg)}

.activity-section01 .flex-item{float: left}
.activity-section01 .flex-item:last-child{float: right}
.activity-section01 .content-item:after{content:'';display: table;width: 100%;height: 0;clear: both}

.server-icons{position: relative;}
.server-icons i{display: block;width: 70px;height: 82px;margin: 0 auto;}
.server-icons .db-icon01{background-image: url(../images/db-icon01.png);background-repeat: no-repeat;background-size: 100%;}
.server-icons .db-icon02{background-image: url(../images/db-icon02.png);background-repeat: no-repeat;background-size: 100%;}
.server-icons .db-icon03{background-image: url(../images/db-icon03.png);background-repeat: no-repeat;background-size: 100%;}
.activity-section02 .activity-section-content{padding: 110px 0 60px;}
.activity-section02 li.col-3{width: 325px;margin-right: 35px;}
.activity-section02 li p{font-size: 18px;font-weight: bold;text-align: center;color: #fff;line-height: 45px;margin-top: 20px;}
.activity-section02 li span{line-height: 24px;text-align: center;display: block;color: #fff;padding: 0 15px;}

.dengbao-icon{display:inline-block;background-image: url("../images/dengbao-icons.png");background-repeat: no-repeat;vertical-align: middle;}
.db-icon08{width: 36px;height: 36px;background-position: -0px -0px;}
.db-icon09{width: 36px;height: 36px;background-position: -40px -0px;}
.db-icon10{width: 36px;height: 36px;background-position: -82px -0px;}
.db-icon11{width: 36px;height: 36px;background-position: -124px -0px;}
.db-icon12{width: 36px;height: 36px;background-position: -168px -0px;}
.icon-phone{width: 20px;height: 20px;background-position: -212px -0px;}

.table-wrap{margin-top: 50px}
.table-wrap ul{margin-bottom: 30px;padding-left: 220px;white-space: nowrap}
.table-wrap ul li i{margin-bottom: 12px;}
.table-wrap li{display: inline-block;position: relative;margin-right: 70px;min-width: 100px;text-align: center;}
.table-wrap li:last-child .arraw-dashed{display: none;}
.arraw-dashed{position: absolute;right: -60px;top: 13px;}
.arraw-dashed::before{content: '';display: block;position: absolute;left: -52px;top: 2px;width: 60px;height: 1px;border-bottom: 1px dashed #648cf6;}
.table-wrap .table-wrap{width: 100%;overflow-x: auto;}
.table-wrap table{border-collapse: collapse;}
.table-wrap td{border: 1px solid #e3e9f9;padding: 10px 10px;line-height: 25px;background-color: #f5f7fa;text-align: justify;vertical-align: top;min-width: 170px;box-sizing: border-box;}
.table-wrap tr td:first-child{text-align: center;vertical-align: middle;}
.table-wrap tr td:first-child p{font-size: 16px;}

.table{text-align: center;margin-top: 20px}
.table table{background-color: #fff;border-collapse: collapse;width: 870px;margin: 0 auto;margin-top: 20px;table-layout: fixed}
.table th,.table td{border:1px solid #4f98f9;line-height: 1.8em}
.table th{height: 45px;color: #4f98f9;font-weight: normal}
.table td{padding-top: 10px;padding-bottom: 10px}

.logo-list{margin-top: 30px;margin-left: -35px;margin-right: -35px;}
.logo-list ul {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.logo-list ul:after{content:'';display: table;width: 100%;height: 0;clear: both}
.logo-list li{text-align: center;margin: 17px 35px;float: left}
.logo-list li img{width: 120px;height: 120px;border-radius: 50%;border:1px solid #f3f3f3;box-sizing: border-box}
.logo-list li p{margin: 20px 0}
.logo-list li:nth-child(6n){margin-right: 0}
.logo-list ul:after{content:'';display: table;width: 100%;height: 0;clear: both}

.activity-section06 .activity-form{margin: 100px auto 40px;width: 960px;}
.activity-section06 .btn-full{background-color: #fff;border-color: #fff;color: #3b6de8}
.activity-section06 .btn-border{background-color: transparent;border-color: #fff;color: #fff}

#qrcode-dialog{display: none}
.dialog-wrapper{position: fixed;width: 595px;max-width: 100%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: rgba(255, 255, 255, .3);padding: 10px;box-sizing: border-box;z-index: 11010;}
.mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 100;}
.dialog-box{position: relative;box-sizing: border-box;background-color: #fff;border: 2px solid #3b6de8;}
.container{width: 400px;max-width: 90%;margin: 0 auto;padding-top: 65px;padding-bottom: 65px;text-align: center}
.dialog-close{position: absolute;right: 20px;top: 20px;cursor: pointer;width: 32px;height: 32px;opacity: .8;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABPUlEQVRYR+2WsW7CQAyGvwwsHQoDSzt0YUGgLlCpS4cuXbp0QOIhgedgYywLL4F4AuTKkaJrLmcnkDAQKcvF5/+L/Tu5jI6vrGN97gA3XYE5cABODX0yAJ6BfVmeWAUmwK/ey9hmA5jkWQFT4A3YhXuqWrABFg0giuLyMh/A0QPQA9bATw2IUDxaxZQJHxTi2wFhFpdqpAAkpq8QXwYIl7gVQOKGCvFZAeEW9wBI7JM6Wswkpir2tZa4F0DiXxTivQAh6/mohWDJSbV4IEwyUsGZQshzmXO3eJ0K5DBjhXjVhVriTQCKPZc8rQKEhmu1BWVub82EVaN29TG0CFhi/o2lZQw9iT2xfzApAHdCwLWnCsCVKKiteW8M4BHYNvnClVTCdSC5iSNZp4fS5F/sUgGpKbiUTjTPHaDzCpwBaPJwIQmcr3AAAAAASUVORK5CYII=);}

.dialog-title{line-height: 60px;font-size: 24px;border:1px dashed #3b6de8;color: #3b6de8;font-weight: normal}
.dialog-ewm{width: 210px;height: 210px;margin: 35px auto;background-image: url(../images/ewm-bg.png);background-position: center center;padding: 15px;box-sizing: border-box;}
.dialog-contact{color: #3b6de8;font-size: 18px}


/* confire弹窗 */
.qback{width: 100%;height: 100%;background: rgba(0,0,0,.3);position: fixed;top: 0;left: 0;z-index: 20000;}
.alertBox{width: 452px;height: auto;padding: 0 15px 20px 15px;box-sizing: border-box;background: #fff;border-radius: 8px;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.alertHead{width: 100%;height: 45px;border-bottom: 1px solid #33b4f7;font-size: 16px;color: #333;line-height: 45px;text-align: center;}
.alertMes{width: 100%;height: auto;overflow: hidden;padding: 25px 40px 35px;text-align: center;font-size: 16px;color: #333;box-sizing: border-box;line-height: 28px;}
.alertMes p{line-height: 32px}
.alertBtn{display: block;width: 100px;height: 34px;line-height: 34px;background-color: #33b4f7;cursor: pointer;font-size: 14px;color: #fff;border-radius: 4px;border: 1px solid transparent;margin: 0 auto;text-align: center}
.ConBtn{display: inline-block;width: 100px;height: 34px;line-height: 34px;background-color: #33b4f7;cursor: pointer;font-size: 14px;color: #fff;border-radius: 4px;border: 1px solid transparent;text-align: center;margin-left: 84px;margin-right: 47px;}
.cancel{display: inline-block;width: 100px;height: 34px;line-height: 34px;background:#fff;cursor: pointer;font-size: 14px;color: #33b4f7;border-radius: 4px;text-align: center;border: 1px solid #33b4f7;}
.alertMes a{color: #33b4f7;text-decoration: underline;}
.ToastBox{width: 452px;height: auto;padding: 15px 20px;text-align: center;background: rgba(0,0,0,.8);color: #fff;font-size: 16px;border-radius: 8px;line-height: 24px;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);}


@media screen and (max-width:1400px){
    .logo-list li{margin-right: 46px}
}


/* 客服样式 */
.activity-kf{position: fixed;right: 0;top: 600px;}
.activity-kf li{background-color: #222;margin-bottom: 2px;position: relative}
.activity-kf li .icon{background-size: cover;background-repeat: no-repeat;display: block;width: 50px;height: 50px;}
.activity-kf li .icon-kf-1{background-image: url(../images/kf-icon_01.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='images/logo.gif',sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kf-icon_01.png',sizingMethod='scale')";}
.activity-kf li .icon-kf-2{background-image: url(../images/kf-icon_02.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='images/logo.gif',sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kf-icon_01.png',sizingMethod='scale')";}
.activity-kf li .icon-kf-3{background-image: url(../images/kf-icon_03.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='images/logo.gif',sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/kf-icon_01.png',sizingMethod='scale')";}
.activity-kf li .activity-kf-bubble{position: absolute;left: -215px;top: 4px;background-color: #222;padding: 10px;border-radius: 5px;margin-right: 15px;display: none}
.activity-kf li .activity-kf-bubble p{white-space: nowrap;color: #fff;font-size: 16px;margin: 0 9px;}
.activity-kf li .activity-kf-bubble img{width: 183px;height: 183px;display: block}
.activity-kf li .activity-kf-bubble:after{content:'';border-color: transparent transparent transparent #222;border-width: 8px;border-style: solid;position: absolute;right: -16px;top: 12px;}

.activity-kf li:hover{background-color: #3b6de8}
.activity-kf li:hover .activity-kf-bubble{display: block}


/*滑动验证码 --编辑于 20191106*/
.sliding-img-check-box{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:center;background-color: #fff;box-shadow: 0 5px 20px rgba(14,106,231,0.15);visibility: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sliding-img-check-box>div:last-child{margin-bottom: 10px}
.sliding-img-check-box>.close{position: absolute;right:16px;top: 6px;cursor: pointer;font-size: 22px;z-index: 1}
.sliding-img-display{position:relative;padding:0 20px;border-radius:16px;overflow:hidden;margin:auto;}
.sliding-img-display>p{text-align: left;line-height: 35px;font-size: 12px;color:#333}
.sliding-img-cnt{position:relative;width: 320px;height: 161px}
.sliding-img-src,.sliding-img-fragment-hollow{position:absolute;left:0;top:0;z-index:10}
.sliding-img-src{width: 100% !important;height: 100% !important;position: static !important;}
.sliding-img-fragment-cnt{top:50px;left:0;position:absolute;width: 38px ;height: 42px}
.sliding-img-fragment-cnt .sliding-img-fragment-content,.sliding-img-fragment-cnt .sliding-img-fragment{position:absolute;left:0;z-index:20}
.sliding-smooth-cnt{position:relative;width:280px;height: 40px;margin: 0 auto;border-radius:24px;}
.sliding-smooth-bar,.sliding-smooth-circle{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.sliding-smooth-bar{width:100%;height:10px;background-color:#e4e4e4;border-radius:24px}
.sliding-smooth-circle{position:absolute;width: 52px;height:30px;background-color: #306af4;border-radius: 30px;box-shadow: 0 0 6px 0 #306af4;cursor:pointer;padding: 5px 14px;box-sizing: border-box;}
.sliding-smooth-circle span{display: inline-block;width: 2px;height: 10px;background-color: #fff;margin-right: 6px;}
.sliding-smooth-circle span:last-child{margin-right: 0}
.sliding-icon-refresh{display:block;position:relative;cursor:pointer;font-size: 12px;color:#333;margin-top: 5px;}
.sliding-icon-refresh span{position: relative;top:1px }
.sliding-loadding{background-color: #fff;position: absolute;top:0;left:0;width: 320px;height: 100%;/* display: none; */z-index: 99;padding:60px 0;margin: 0 -1px;box-sizing: border-box;}
.sliding-loadding img{position: static !important;width: 32px !important;height: 32px !important;}

.sliding-btn{height: 46px;background-color: #e7ecf0;border-radius: 4px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.sliding-btn:before{content:'向右拖动滑块';display:block;line-height: 45px;text-align: center;color:#666}
.sliding-btn.success{background-color: #44cb77;color:#fff}
.sliding-btn.success >*{display: none}
.sliding-btn.success:before{content:'验证成功';color:#fff;padding-left: 30px;}
.sliding-btn.success:after{content:'\e61c';color:#fff;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:0;line-height: 45px;text-align: center;margin-left: -30px;}
.sliding-btn.error:before{content:'验证失败';color:#f4583f;padding-left: 30px;}
.sliding-btn.error{background-color: #ffece9}
.sliding-btn.error:after{content:'\e6b2';color:#f4583f;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:0;line-height: 45px;text-align: center;margin-left: -30px;}
.sliding-btn .sliding-smooth-bar{width:0;height: 100%;position: absolute;left: 0;background-color: #4a8ff9;border-radius:4px;z-index: 9}
.sliding-btn .sliding-smooth-circle{width: 50px;height:46px;border-radius: 4px;box-shadow: 0 0 10px rgba(14,106,231,0.15);background-color: #fff;z-index: 9}
.sliding-btn .sliding-smooth-circle i{position: absolute;left: 9px;top: 16px;color:#d4d9dc;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.sliding-btn .sliding-smooth-circle i:nth-child(2){left: 17px;}
.sliding-btn .sliding-smooth-circle.moving i{color:#8bb8ff;-webkit-animation: moving 1s infinite;-moz-animation: moving 1s infinite;-o-animation: moving 1s infinite;animation: moving 1s infinite}
.sliding-btn .sliding-smooth-circle.moving i:nth-child(2){-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s}

.sliding-btn[data-disabled=true]{background-color: #f7f7f7}
.sliding-btn[data-disabled=true]:before{content:'暂不可拖动';color:#d6d5d5}
.sliding-btn[data-disabled=true]:after{display: none}
.sliding-btn[data-disabled=true] .sliding-smooth-circle{background-color: rgba(255,255,255,0.8)}

/* 移动端底部悬浮按钮 */
.footer-box {display: none;}
.footer-fixed {width: 100%;height: 65px;font-size: 23px;display: flex;justify-content: space-around;align-items: center; position: fixed;left: 0;right: 0;bottom: 0;z-index: 91;background-image: linear-gradient(-11deg, #39a2f5 0%, #1646d4 100%);}
.footer-fixed .phone-chat,.online-chat {width: 150px;height: 45px;line-height: 45px;text-align: right;color:#fff;}
.footer-fixed .phone-chat {background: url(../images/phone-icon.png) no-repeat;background-position: left center;}
.footer-fixed .phone-chat a {color: #fff;}
.footer-fixed .online-chat {background: url(../images/chat-icon.png) no-repeat;background-position: left center;}
.footer-fixed .get-price {width: 28%;height: 38px;font-family: SourceHanSansCN-Regular;background-color: #ffffff;line-height: 38px;border-radius: 22px;color: #1646d4;text-align: center;}

@keyframes moving {
    0%{
        color:#4a8ef9
    }
    50%{
        color:#8bb8ff;
    }
    100%{
        color:#4a8ef9
    }
}

@media screen and (max-width: 1024px){
    body{min-width:unset!important}
    .activity-banenr{height:462px;background-size:186% auto;background-position:50%}
    .activity-banenr-btn{width:235px;height:85px;left:46%;bottom:9%;background-size:100%;background-position:50%}
    .activity-section01 .flex-item{float:none}
    .activity-form-1{width:93%;margin:0 auto}
    .select-list dd{font-size:16px}
    .select-other{display:block}
    .btn,.input-skin{height:52px;line-height:52px}
    #think_page_trace_open,.activity-kf,.activity-section06,.arraw-dashed,.flex-item:last-child,.logo-list li p,.table-wrap table{display:none}
    .btn-md{height:52px;line-height:52px}

    /* 服务内容 */
    .activity-section{padding-top:24px;padding-bottom:37px;font-size:19px}
    .activity-form li{margin-bottom:40px}
    .activity-section02 li p,.activity-section02 li span{text-align:left}
    .activity-section02 li p{font-size:19px;line-height:35px;padding:0 15px;margin:unset}
    .activity-section02 li span{font-size:16px}
    .col-3 span{font-size:14px}
    .server-icons i{width:55px;height:67px}
    .activity-section-title{padding-top:30px}
    .activity-section02 li.col-3{width:100%;padding:0 10px;display:flex;align-items:center;margin-bottom:20px}
    .activity-section02 li.col-3:last-child{margin:unset}
    .activity-section02 .activity-section-content{padding:0}
    .activity-section-title h3:after{margin:20px auto 15px}

    /* 服务流程 */
    .table-wrap{margin-top:38px}
    .table-wrap ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:unset;padding-left:unset;white-space:unset}
    .table-wrap li{text-align:center;height:109px;font-size:16px;margin:0 113px}
    /* .table-wrap li:last-child{margin-right:unset} */

    /* 特价版套餐 */
    .table table{width:100%}
    .activity-section-title h3:after{width:330px}
    .table tbody tr:first-child td:first-child,.table th:first-child{display:none}


    /* 客户案例 */
    .logo-list-box{overflow-x:auto}
    .logo-list{padding-bottom:156px;width:996px;margin-left:unset;margin-right:unset}
    .logo-list li{margin:17px 23px}

    /* 底部悬浮按钮 */
    .footer-box {display: block;}

    /* confire弹窗 */
    .alertBox{width: 60%;}
    .ToastBox {width: 50%;}
}

@media screen and (max-width: 780px){
    .activity-banenr{height:424px;background-size:174% auto;background-position:center top}
    .activity-banenr-btn{width:179px;left:49%;bottom:11%}
    .activity-section01 .flex-item{float:none}
    .activity-form-1{width:93%;margin:0 auto}
    .activity-form-label{width:99px}
    .activity-form-content{padding-left:103px}
    .activity-form-label,.btn,.input-skin{font-size:16px}
    .activity-form-label,.btn{line-height:50px}
    .input-skin{height:52px;line-height:52px}

    /* 服务流程 */
    .table-wrap li {margin: 0 69px;}
}

@media screen and (max-width: 640px){
    .activity-banenr{height:296px;background-size:221% auto;background-position:center center}
    .activity-banenr-btn{width:135px;height:56px;left:54%;bottom:9%}
    .select-list dd{font-size:12px}

    /* 服务流程 */
    .table-wrap li{margin:0 36px}
    .footer-fixed .online-chat,.footer-fixed .phone-chat{width:108px;background-size:contain}
    .footer-fixed .get-price,.footer-fixed .online-chat,.footer-fixed .phone-chat{font-size:16px}
}

@media screen and (max-width: 414px){
    .activity-banenr{height:253px;background-size:221% auto;background-position:center top}
    .activity-banenr-btn{width:112px;height:48px;left:58%;bottom:4%}
    .activity-form-1{width:93%}
    .activity-form-label{width:81px;font-size:14px;line-height:40px}
    .activity-form-content{padding-left:103px;margin-left:-16px}
    .btn{height:38px}
    .btn,.input-skin{font-size:14px;line-height:36px}
    .input-skin{padding:0 8px;height:38px;line-height:38px}
    .btn-md{width:211px;height:inherit;line-height:36px}

    /* 服务内容 */
    .activity-section{padding-top:24px;padding-bottom:37px}
    .activity-form li{margin-bottom:20px}
    .activity-section02 li p,.activity-section02 li span{text-align:left;font-size:14px}
    .activity-section02 li p{font-size:16px;line-height:35px;padding:0 15px;margin:unset}
    .col-3 span{font-size:14px}
    .server-icons i{width:55px;height:67px}
    .activity-section-title{padding-top:30px}
    .activity-section02 li.col-3{width:100%;padding:0 10px;display:flex;align-items:center;margin-bottom:20px}
    .activity-section02 li.col-3:last-child{margin:unset}
    .activity-section02 .activity-section-content{padding:0}
    .activity-section-title h3:after{margin:20px auto 15px}

    /* 服务流程 */
    .table-wrap li{margin:0 16px;font-size:15px}
    .activity-section04{font-size:12px}
    .f24{font-size:16px}

    /* 客户案例 */
    .activity-section-title p{font-size:15px}
    .logo-list-box{overflow-x:auto}
    .logo-list{padding-bottom:80px;width:600px;margin-left:unset;margin-right:unset}
    .logo-list li{margin:10px;width:80px}
    .logo-list li img {width: 100%;height: 100%;}

    /* 底部悬浮按钮 */
    .footer-fixed .online-chat,.footer-fixed .phone-chat{width:108px;font-size:16px;background-size:contain}
    .footer-fixed .get-price{font-size:16px}
}

@media screen and (max-width: 411px){
    .activity-banenr{background-size:217% auto;background-position:center -19px}
    .activity-banenr-btn{bottom:10%}
    .activity-section{padding-top:0}
    .table-wrap li{margin:0 7px}
    .btn, .input-skin {font-size: 12px;}
}

@media screen and (max-width: 380px){
    .activity-banenr-btn{bottom:14%}
    .logo-list {width: 540px;}
    .logo-list li {width: 70px;}
}

@media screen and (max-width: 320px){
    .activity-banenr-btn{bottom:26%}
}