@charset "utf-8";
/* =====================内页样式======================== */
.common-bg{height:500px;background-repeat:no-repeat;background-size:cover;background-position:center}
.common-nav{border-bottom:1px solid #f5f5f4}
.common-nav-inner{display:flex;overflow: hidden}
.common-nav-inner a{display:block;padding:30px 18px;color:#777;font-size:15px;position:relative;white-space: nowrap}
.common-nav-inner a.on,.common-nav-inner a:hover{background:#0170c1;color:#fff}
.common-nav-inner a:not(:last-child):after{content:'';position:absolute;top:50%;right:0;width:1px;height:17px;background:#e8e8e8;transform:translateY(-50%)}
.common-nav-inner a.on:after,.common-nav-inner a:hover:after{display:none}
.common-nav .contain{display:flex;justify-content:space-between;align-items:center}
.common-nav-rgt{display:flex}
.common-nav-home i{display:block;background:url(../images/pages/common-nav-home-icon.png) no-repeat center/100%;width:17px;height:15px}
.common-nav-rgt{display:flex;align-items:center}
.common-nav-rgt .com-arrow{font-weight:400;margin:0 15px;padding-top: 2px}
.current-page{font-size:15px;color:#777}
.com-title{font-size:36px;color:#222;text-align:center;font-weight:700}
.placeholder {visibility: hidden!important;height: 0!important;border: 0!important;padding: 0!important;margin: 0!important}
.arrow-ico {font-family: "\5B8B\4F53";font-weight: 700}

/*分页*/
.pagination{display:flex;justify-content:center;align-items:center}
.pagination-lft{display:flex}
.pagination a{display:flex;padding:0 15px;height:40px;line-height:40px;align-items:center;font-size:16px;color:#676767;border:1px solid #c4c6cf;border-radius:4px}
.pagination a:not(:first-child){margin-left:8px}
.pagination a.active,.pagination a:hover{background:#0170c1;color:#fff;border-color:#0170c1}
.pagination-prev .arrow-ico{margin-right:10px;font-size:20px}
.pagination-next .arrow-ico{margin-left:10px;font-size:20px}
.pagination-nav{display:block;margin:0 10px;font-size:16px}
.pagination-nav span{color:#0170c1}
.pagination-rgt{display:flex;align-items:center}
.pagination-go{display:flex;align-items:center;font-size:16px;color:#676767}
.pagination-go input{width:50px;height:40px;border:1px solid #c4c6cf;border-radius:4px;margin:0 5px;text-align:center;transition:all .4s ease}
.pagination-go input:focus{border-color:#0170c1}
.pagination.startAnimate{animation: to-upB 2s ease both}
.pagination-none{pointer-events: none;background: #f7f8fa;color: #ccc}

/*主要服务*/
.service-cont{padding:76px 0 110px;overflow: hidden}
.service-cont .com-title{margin-bottom:50px}
.service-item{display:flex;box-shadow:0 5px 40px rgba(17,58,93,.1)}
.service-txt{width:60%;border:1px solid #eee}
.service-item:nth-child(odd) .service-txt{background:#fff url(../images/pages/service-item-bg.png) no-repeat center right;padding:60px 90px 0 60px}
.service-item:nth-child(even){flex-direction:row-reverse}
.service-item:nth-child(even) .service-txt{background:#fff url(../images/pages/service-item-bg-even.png) no-repeat center left;padding:60px 80px 0 50px}
.service-item:nth-child(even) h3{text-align:right}
.service-item:not(:first-child){margin-top:50px}
.service-item h3{font-size:26px;font-weight:700;color:#444;margin-bottom:30px}
.service-scroll{width: 100%;height: 170px;overflow-y: auto;padding-right: 10px;}
.service-scroll::-webkit-scrollbar {width:4px;height: 100%;background: #dddddd}
.service-scroll::-webkit-scrollbar-thumb {background: #0667ae;border-radius: 30px}
.service-scroll::-webkit-scrollbar-track {border-radius: 30px}
.service-item p{font-size:15px;line-height:28px;color:#777;text-align: justify}
.service-picture{width:40%;height:330px}
.service-network{padding:90px 0 60px;background:#f5f5f5}
.service-network-num{display:flex;justify-content:center;width:80%;margin:40px auto 0}
.network-num-item{text-align:center;width:33.33%;position:relative}
.network-num-item:not(:last-child):after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:10px;border-right:1px dashed #cbcbcb;height:55px}
.service-network-num .num{font-family:Arial;font-size:60px;color:#0170c1;font-weight:700;line-height:43px}
.service-network-num .txt{font-size:18px;color:#555;margin-top:5px}
.service-map{margin-top:10px}
.service-map img{max-width: 100%;object-fit: cover}
.service-adv{padding:88px 0 120px;overflow: hidden}
.service-adv .com-title{margin-bottom:40px}
.service-adv-list{display:flex}
.advantage-item{width:25%;text-align:center;padding:0 30px;height:290px;display:flex;flex-direction:column;justify-content:center;background:#fff;box-shadow:0 5px 40px rgba(17,58,93,.1);transition:all .4s ease;position:relative}
.advantage-icon{width:70px;height:70px;margin:0 auto 10px;position:relative;transform-style:preserve-3d;transition:transform .4s ease}
.advantage-black,.advantage-front{left:0;top:0;position:absolute;backface-visibility:hidden;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain}
.advantage-black{transform:rotateY(180deg)}
.advantage-item:hover{background:#0980d1;box-shadow:0 5px 40px rgba(9,128,209,.5)}
.advantage-item:after{content:'';background:url(../images/pages/advantage-item-bg.png) no-repeat center/cover;width:166px;height:193px;position:absolute;right:0;bottom:0;transition:all .6s ease;transform:translateY(200px)}
.advantage-item:hover:after{transform:translateY(0)}
.advantage-item:hover .advantage-icon{transform:rotateY(180deg)}
.advantage-item p{font-size:16px;line-height:30px;color:#555;transition:all .4s ease;height: 90px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3}
.advantage-item:hover p{color:#fff}
.service-partner{background:#f6f6f8;padding:85px 0 90px}
.partner-list{width:100%;margin:40px 0 0}
.partner-list ul{margin-left:-1%}
.partner-list ul li{width:15.66666%;margin-left:1%;margin-bottom:12px;float:left}
.partner-logo{width:100%;height:83px;line-height:83px;text-align:center;background-color:#fff;transition:all .4s ease}
.partner-logo img{max-width:100%;object-fit:cover}
.partner-list ul li:hover .partner-logo{box-shadow:11px 0 29px rgba(41,151,231,.51)}

/*经典案例*/
.case-list{padding:88px 0 100px}
.case-all-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.case-all-list:after{content:'';width:31%}
.case-item{display:block;width:31%;margin-bottom:60px;position:relative}
.case-item:after{content:'';position:absolute;left:0;bottom:0;width:0;height:6px;background:#0170c1;transition:all .6s ease}
.case-item:hover:after{width:100%}
.case-picture{height:284px;width:100%;overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px}
.case-picture img{transition:all .6s ease}
.case-txt{height:166px;padding:0 36px;display:flex;flex-direction:column;justify-content:center;background:#fff;position: relative;box-shadow:0 5px 40px rgba(17,58,93,.1)}
.case-txt h3{font-size:17px;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .4s ease}
.case-txt p{font-size:15px;color:#aaa;line-height:24px;margin-top:15px;height:48px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.case-item:hover .case-txt h3{color:#0170c1}
.case-item:hover img{transform:scale(1.1)}

/*案例详情*/
.case-detail{padding:80px 0 95px}
.case-detail h1{font-size:30px;text-align:center;font-weight:700;color:#333;position:relative;margin-bottom:60px}
.case-detail h1:after{content:'';position:absolute;bottom:-20px;left:50%;width:55px;height:1px;background:#b5b5b5;transform: translateX(-50%)}
.detail-swiper{background:#f5f5f5;height:620px;position:relative}
.detail-swiper .swiper-container,.detail-swiper .swiper-wrapper{height:100%}
.detail-swiper img{display:block;object-fit:cover;margin:0 auto;max-width: 100%}
.detail-swiper .swiper-slide{display: flex;align-items: center;}
.detail-swiper .nav-btn{width:66px;height:66px;display:flex;align-items:center;border-radius:50%;background:#a4a4a4;position:absolute;top:50%;cursor:pointer;transition:all .4s ease;z-index:2}
.detail-swiper .nav-btn:hover{background:#197dc6}
.detail-swiper .swiper-prev{left:36px}
.detail-swiper .swiper-next{right:36px}
.detail-content br{content:'';display:block;height:.8em}
.detail-content{margin-top:40px}
.detail-content img{max-width:100%;object-fit:cover}
.detail-content p{color:#666;font-size:16px;line-height:36px}
.detail-related{padding-top:75px;margin-top:45px;border-top:1px solid #e9e9e9;position:relative}
.detail-related .case-item{width:100%;margin:0 auto 30px}
.detail-related .swiper-container{width:calc(100% + 30px);padding:0 15px;margin-left:-15px;overflow:hidden;margin-top:40px}
.related-btn{width:58px;height:58px;border-radius:50%;border:4px solid #dbdbdb;position:absolute;top:calc(50% + 40px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s ease}
.related-btn:hover{border-color:#0f78c4}
.detail-related .swiper-prev i{display:block;background:url(../images/pages/swiper-arrow-prev2.png) no-repeat center/100%;width:18px;height:15px;transition:all .4s ease}
.detail-related .swiper-next i{display:block;background:url(../images/pages/swiper-arrow-next2.png) no-repeat center/100%;width:18px;height:15px;transition:all .4s ease}
.detail-related .swiper-prev:hover i{display:block;background:url(../images/pages/swiper-arrow-prev2-hover.png) no-repeat center/100%;width:18px;height:15px}
.detail-related .swiper-next:hover i{display:block;background:url(../images/pages/swiper-arrow-next2-hover.png) no-repeat center/100%;width:18px;height:15px}
.detail-related .swiper-prev{left:-112px}
.detail-related .swiper-next{right:-112px}

/*新闻中心*/
.news-center{padding:90px 0 110px}
.news-center-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.news-center-list:after{content:'';width:31%}
.news-item{display:block;width:31%;margin-bottom:50px;position:relative}
.news-picture{height:234px;width:100%;overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px}
.news-picture img{transition:all .4s ease}
.news-item:hover img{transform:scale(1.1)}
.news-txt{height:180px;padding:0 30px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#1579c1}
.news-txt:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:0 0;opacity:0;z-index:-1;transition:all .4s ease;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.news-txt:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:15px 13px 10px 0 rgba(0,178,230,.33);opacity:0;transition:all .8s ease}
.news-item:hover .news-txt:before{opacity:1}
.news-item:hover .news-txt:after{opacity:1;background:linear-gradient(to right,#00b2e6 0,#0090b9 100%)}
.news-txt h3{font-weight:700;font-size:18px;color:#fff;margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-txt p{color:#a9cfea;font-size:15px;line-height:22px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 44px}
.news-txt .time{font-size:14px;margin-top:10px;color:#fff}
.news-center .pagination{margin-top:40px}

/*新闻详情*/
.article{padding:88px 0 100px}
.article .contain{display:flex;justify-content:space-between}
.article-lft{width:75.5%;height:100%}
.article-lft h1{font-size:28px;color:#111}
.article-info{margin:20px 0 30px;padding-bottom:15px;border-bottom:1px solid #f1f1f1}
.article-time{display:flex;align-items:center}
.article-time span{font-size:13px;font-family:Arial;color:#999;line-height:24px}
.article-time i{display:block;background:url(../images/pages/article-time.png) no-repeat center/100%;width:14px;height:14px;margin-right:5px}
.article-content p{font-size:15px;color:#777;line-height:30px}
.article-content img{max-width:100%;object-fit:cover}
.article-content br{content:'';display:block;height:.8em}
.article-rgt{width:20%;height:100%;padding:30px;border:7px solid #e7e7e7}
.article-nav{display:block}
.article-nav p{font-size:18px;font-weight:700;color:#666;margin-bottom:20px}
.article-nav h6{font-size:14px;line-height:20px;color:#777;transition:all .4s ease}
.article-nav .time{font-size:12px;color:#999;margin-top:10px}
.article-nav:nth-child(2){margin-top:30px;padding-top:30px;border-top:1px solid #e4e4e4}
.article-nav:hover h6{color:#0f78c4}

/*关于我们*/
.about{padding:100px 0;background:url(../images/pages/about-bg.png) no-repeat center}
.about-top .com-title{color:#0170c1;margin-bottom:10px;text-align: left}
.about-top p{font-size:16px;line-height:30px;color:#777}
.about-cont{display:flex;justify-content:space-between;margin-top:60px}
.about-cont-lft{width:37%}
.about-picture{width: 55%}
.about-picture img{max-width: 100%;object-fit: cover}
.about-data{display:flex}
.about-data-cell:not(:first-child){margin-left:50px}
.data-num{font-size:20px;color:#0170c1;line-height:40px}
.data-num span{font-family:Arial;font-size:50px;font-weight:700}
.about-data-cell p{font-size:16px;color:#777}
.about-culture{margin-top:50px}
.about-tit{font-size:28px;font-weight:700;color:#0f78c4;margin-bottom:10px}
.about-culture p{font-size:16px;color:#777;line-height:35px}

/*联系我们*/
.contact-det{padding:100px 0 90px}
.contact-det .contain{display:flex}
.contact-det-lft{width:50%;padding-right:60px}
.contact-det .com-title{text-align:left;margin-bottom:35px}
.contact-det-item h2{font-size:24px;font-weight:700;color:#0f78c4;display:flex;align-items:center;margin-bottom:10px;cursor:pointer}
.contact-det-item i{display:block;background:url(../images/pages/location-icon.png) no-repeat center/100%;width:23px;height:26px;margin-right:10px}
.contact-det-item{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #efefef}
.contact-det-item p{font-size:15px;line-height:30px;color:#444}
.contact-det-item a:hover{box-shadow:inset 0 -10px 0 rgba(15,120,196,.5)}
.contact-det-rgt{width:50%;padding:8px;border:1px solid #e9e9e9;border-radius:5px;height:100%}
#map{width:100%;height:410px}
.amap-copyright,.amap-logo{display:none!important}
.contact-mec{padding:60px 0 70px;background:url(../images/pages/contact-mec-bg.jpg) no-repeat center/cover}
.contact-map{position:relative}
.contact-map-bg{width:863px;height:744px;margin:0 auto;position:relative}
.contact-mec-tit{position:absolute;left:50%;top:80px;transform:translateX(-50%);width: 100%}
.contact-mec-tit .tip{font-size:15px;color:#777;letter-spacing:.6em;text-align:center}
.city-item{position:absolute;display:flex;align-items:center}
.city-item h3{font-size:15px;color:#444;margin-left:5px}
.city-dot{width:28px;height:28px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}
.city-inner{display:block;width:10px;height:10px;background:#0170c1;border-radius:50%;position:relative}
.city-item.active .city-inner{background:#ff7815}
.city-inner:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;display:block;border:1px solid #0f78c4;opacity:0;background-color:transparent;animation:dotspread 2s linear 0s infinite}
.city-inner:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;display:block;border:1px solid #0f78c4;opacity:0;background-color:transparent;animation:dotspread 2s linear 1s infinite}
.city-item.active .city-inner:after,.city-item.active .city-inner:before{border-color:#ff7815}
@keyframes dotspread{0%{transform:scale(1,1);opacity:1}100%{transform:scale(5,5);opacity:0}}
.city-item.dalian{top:268px;right:90px}
.city-item.tianjin{top:273px;right:172px}
.city-item.qingdao{top:320px;right:107px}
.city-item.zhangjiagang{top:383px;right:90px}
.city-item.shanghai{top:430px;right:84px}
.city-item.xiamen{top:553px;right:109px}
.city-item.guangzhou{bottom:122px;right:200px}
.city-item.fangcheng{bottom:113px;right:284px}
.city-info{position:absolute;right:112px;bottom:-16px;width:470px;height:186px;background:#0f78c4;color:#fff;padding:30px;border-radius:8px;z-index:1;display: none;}
.city-info:after{content:'';width:0;height:0;border-style:solid;border-width:30px 0 0 40px;border-color:transparent transparent transparent #0f78c4;position:absolute;right:-40px;bottom:30px}
.city-info h6{font-size:22px;font-weight:700;margin-bottom:10px}
.city-info p{font-size:15px;line-height:28px;display:flex;align-items:center;}
.city-info p.phone{display: none;}
.city-info .address i{display:block;background:url(../images/pages/map-icon.png) no-repeat center/100%;width:15px;height:18px;margin-right:5px}
.city-info .email i{display:block;background:url(../images/pages/email-icon.png) no-repeat center/100%;width:17px;height:13px;margin-right:5px}
.city-info .phone i{display:block;background:url(../images/pages/phone-icon.png) no-repeat center/100%;width:15px;height:17px;margin-right:5px}
.city-item.active .city-info{display: block;}
.contact-msg{padding:90px 0 150px}
.msg-form{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.inline-input{width:49%;height:60px;margin-bottom:20px;position:relative;z-index:2}
.inline-input.msg-content{width:100%;height:164px}
.inline-input input,.inline-input select,.inline-input textarea,.msg-code input{background:#f8f8f8;border:1px solid #f0f0f0;height:100%;width:100%;padding:18px;transition:all .6s ease;font-size:16px}
.inline-input select{padding:0 18px;color:#666;z-index:2}
.inline-input.select:after{content:'请选择';font-size:15px;position:absolute;right:36px;top:20px;color:#666;z-index:0;display:flex;align-items:center}
.inline-input.select:before{content:'';position:absolute;right:18px;top:28px;background:url(../images/common/arr-bott.png) no-repeat center/100%;width:10px;height:8px;z-index:0}
.inline-input input:focus,.inline-input textarea:focus,.msg-code input:focus{box-shadow:inset 0 0 9px rgba(204,204,204,.6)}
.inline-input input::placeholder,.inline-input textarea::placeholder,.msg-code input::placeholder{color:#666;font-size:16px}
.msg-bott{display:flex;justify-content:space-between;width:100%}
.msg-code{height:50px;display:flex;width:87%;position:relative}
.msg-code input{width:100%}
.msg-code span{position:absolute;right:0;top:0}
.submit-btn{display:block;width:150px;background:#0f78c4;color:#fff;text-align:center;line-height:50px;font-size:16px}
.submit-btn:hover{opacity:.7;color:#fff}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .case-picture{height: 240px}
    .about-data-cell p{font-size: 13px}
    .article-rgt{width: 25%}
    .article-lft{width: 70.5%}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .detail-related .swiper-prev{left: -80px}
    .detail-related .swiper-next{right: -80px}
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .case-picture{height: 190px}
    .case-txt{height: 150px;padding: 0 25px}
    .case-item{width: 32%}
    .about-cont-lft,.about-picture{width: 50%}
    .msg-code{width: 80%}
    .article-rgt{padding: 20px}
    .news-picture{height: 190px}
    .news-txt{padding: 0 20px;height: 150px}
    .news-item{width: 32%}
    .service-item:nth-child(odd) .service-txt,.service-item:nth-child(even) .service-txt{padding: 30px 30px 0}
    .service-item h3{margin-bottom: 10px}
    .service-picture{height: 260px}
    .service-item p{font-size: 14px}
    .service-item h3{font-size: 22px}
    .partner-list ul li{width: 19%}
    .partner-logo img{max-width: 90%;max-height: 90%}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .detail-related .swiper-prev{left: -65px;z-index: 2}
    .detail-related .swiper-next{right: -65px;z-index: 2}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .case-list,.case-detail,.about,.contact-det,.contact-msg,.article,.news-center,.service-cont,.service-network,.service-adv,.service-partner{padding: 60px 0}
    .about-cont-lft, .about-picture,.contact-det-lft,.contact-det-rgt,.article-lft,.article-rgt,.service-picture,.service-txt{width: 100%}
    .about-cont,.contact-det .contain,.article .contain{flex-wrap: wrap}
    .service-item{flex-wrap: wrap-reverse}
    .common-bg{height: 400px}
    .common-nav-lft{overflow: auto;width: 70%;margin-left: -5%}
    .common-nav-inner a{padding: 10px 18px}
    .case-item{width: 49%;margin-bottom: 20px}
    .case-list .pagination{margin-top: 30px}
    .detail-swiper{height: auto}
    .detail-related .swiper-container{width: calc(100% + 20px);padding: 0 10px;margin-left: -10px;padding-bottom: 40px}
    .related-btn{width: 40px;height: 40px}
    .detail-related .swiper-next{right: 40%;bottom: 0;top: unset;border-width: 2px}
    .detail-related .swiper-prev{left: 40%;bottom: 0;top: unset;border-width: 2px}
    .com-title{font-size: 30px}
    .about-top .com-title{font-size: 26px}
    .about-top p{font-size: 15px}
    .about-picture{margin-top: 50px}
    .contact-det-lft{padding: 0}
    .contact-map-bg{width: 100%;height: auto}
    .contact-mec-tit{top: 0}
    .city-info{position: fixed;right: unset;left: 50%;top: 50%;bottom: unset;transform: translate(-50%,-50%);height: auto;z-index: 999;display: none;opacity: 1;transition: none;padding: 15px}
    .city-close{position: absolute;right: 15px;top: 15px;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;background: #258fe0;z-index: 1111;border-radius: 6px}
    .city-close i{display: block;background: url("../images/common/close.svg")no-repeat center /100%;width: 10px;height: 10px}
    .city-info:after{display: none}
    .city-item{position: relative;background: rgba(255,255,255,.5);padding: 5px;margin-bottom: 10px;height: 50px;top: unset!important;bottom: unset!important;right: unset!important;flex-wrap: wrap}
    .city-list{position: absolute;top: 80px;left: 0;width: 100%}
    .city-info h6{font-size: 16px}
    .city-info p{font-size: 14px}
    .city-bg{position: absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;z-index: 9}
    .msg-code{width: 75%}
    .article-rgt{margin-top: 40px}
    .article-content br{height: .5em}
    .news-item{width: 49%;margin-bottom: 20px}
    .news-center .pagination{margin-top: 20px}
    .service-item:nth-child(odd) .service-txt, .service-item:nth-child(even) .service-txt{padding: 30px}
    .service-item:nth-child(even) h3, .service-item:nth-child(even) p{text-align: left}
    .advantage-icon{width: 50px;height: 50px}
    .advantage-item{height: 180px;padding: 0 15px}
    .advantage-item p{font-size: 13px}
    .partner-list ul li{width: 24%}
    .service-network-num .num{font-size: 40px}
    .service-network-num .txt{font-size: 16px}
    .advantage-item p{line-height: 24px;height: 70px;-webkit-line-clamp:3}
    .detail-swiper .nav-btn{background: rgba(164,164,164,.8)}

    /* mobile 分页 */
    .pagination-prev,.pagination-next{font-size: 0!important}
    .pagination .arrow-ico{margin: 0}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .case-list,.case-detail,.contact-det,.contact-mec,.article,.news-center,.service-cont,.service-network,.service-adv,.service-partner{padding: 40px 0}
    .inline-input,.msg-code,.msg-btn,.submit-btn,.news-item,.service-network-num{width: 100%}
    .msg-bott,.service-adv-list{flex-wrap: wrap}
    .common-bg{height: 300px}
    .common-nav-rgt .com-arrow{margin: 0 5px}
    .current-page{font-size: 13px}
    .case-item{width: 100%}
    .case-txt{padding: 0 15px}
    .case-txt p{font-size: 14px;margin-top: 10px}
    .case-list .pagination{margin-top: 20px}
    .common-nav-inner a{font-size: 14px}
    .case-detail h1{font-size: 24px;margin-bottom: 40px}
    .detail-swiper{height: auto;background: unset}
    .detail-swiper .nav-btn{width: 40px;height: 40px}
    .detail-swiper .nav-btn img{width: 12px}
    .detail-swiper .swiper-prev{left: 10px}
    .detail-swiper .swiper-next{right: 10px}
    .detail-content br{height: .5em}
    .com-title{font-size: 24px}
    .detail-related{padding-top: 30px;margin-top: 30px}
    .detail-related .swiper-next{right: 35%}
    .detail-related .swiper-prev{left: 35%}
    .data-num span{font-size: 30px}
    .data-num{font-size: 16px}
    .about-data-cell:not(:first-child){margin: 0}
    .about-data{justify-content: space-between}
    .about-top .com-title,.about-tit{font-size: 22px}
    .contact-det-item h2{font-size: 18px}
    .contact-det-item i{width: 20px}
    #map{height: 350px}
    .city-list{position: static}
    .city-info{width: 90%}
    .msg-btn{margin-top: 20px}
    .city-item h3{font-size: 14px}
    .article-content br{height: .5em}
    .article-lft h1{font-size: 22px}
    .article-info{margin: 10px 0 15px;padding-bottom: 10px}
    .news-center .pagination{margin-top: 0}
    .service-cont .com-title,.service-adv .com-title{margin-bottom: 30px}
    .service-item:nth-child(odd) .service-txt, .service-item:nth-child(even) .service-txt{padding: 20px}
    .service-network-num .num{font-size: 32px}
    .service-network-num .txt{font-size: 14px}
    .advantage-item{width: 50%}
    .partner-list ul li{width: 49%;margin-bottom: 5px}
    .partner-list{margin-top: 30px}

    /* mobile 分页 */
    .pagination-go,.pagination-nav{display: none}
    .pagination a{height: 30px;line-height: 30px;font-size: 14px;padding: 0 10px}
}