/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;margin-top: 60px;user-select: none;}
.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}
.fix_box{display:none!important}
.paging-menu a{width: 44px;height: 44px;line-height: 44px;border: 1px solid #f3f3f3;margin: 4px;font-size: 18px;color: #666;transition: all .4s ease;border-radius: 50%;background-color: #f9f9f9;font-weight: bold}
.paging-menu a:first-child, .paging-menu a:last-child{width: 100px;border-radius: 30px}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #005bac;background-color: #005bac;color: #fff;}
.paging-skip{margin-left: 8px;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #005bac;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #005bac;color: #fff;border-color: #005bac;}
.paging-hint span{color: #005bac;}
@media all and (max-width:1599px) {.paging{margin-top: 50px;}}
@media all and (max-width:1279px) {.paging{margin-top: 40px;}}
@media all and (max-width:1000px) {.paging{margin-top: 30px;}.paging-menu a{margin: 4px 2px;font-size: 16px;width: 38px;height: 38px;line-height: 38px}.paging-skip{width: 100%;margin-left: 0;}.paging-menu a:first-child, .paging-menu a:last-child{width: 80px}}
@media all and (max-width:640px) {.paging-menu a{width: 30px;height: 30px;line-height: 30px;font-size: 14px;font-weight: normal} .paging-menu a:last-child,.paging-menu a:first-child{width: 60px}}

/* 搜索页面 */
.search{width: 100%;padding: 80px 0;}
.search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;}
.search-info span{color: #005bac;}
.search-list{width: 100%;margin-top: 30px;}
.search-link{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #f0f0f2;}
.search-link h2{font-size: 20px;color: #333;line-height: 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.search-link p{width: 100%;font-size: 16px;margin-top: 16px;color: #666;line-height: 26px;max-height: 52px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.search-link .highlightRow span{color: #005bac !important;}
.search-link:hover h2{color: #005bac;}
@media all and (max-width:1599px) {.search{padding: 70px 0;}.search-info{font-size: 26px;}.search-link{padding: 28px 0;}.search-list{margin-top: 18px;}}
@media all and (max-width:1279px) {.search{padding: 60px 0;}.search-info{font-size: 24px;}.search-link{padding: 24px 0;}.search-list{margin-top: 12px;}}
@media all and (max-width:1000px) {.search{padding: 40px 0;}.search-info{font-size: 20px;}.search-link{padding: 20px 0;}.search-list{margin-top: 8px;}.search-link h2{font-size: 18px;}.search-link p{margin-top: 12px;}}

/* 产品 */
.prodBanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px}
.prodBanner .swiper-slide-active .banner-label{animation:fadeInUp 1s ease both .2s}
.prodBanner .swiper-slide-active .com-tit{animation:fadeInUp 1s ease both .3s}
.prodBanner .swiper-slide-active p{animation:fadeInUp 1s ease both .4s}
.prodBanner .swiper-slide-active .view-more{animation:fadeInUp 1s ease both .5s}
.prodBanner-cont{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff}
.prodBanner-cont .com-tit{margin-top:10px;font-weight:400}
.prodBanner-cont .view-more{color:#fff;margin-top:50px}
.prodBanner-cont p{margin-top:18px;font-size:18px;line-height:26px}
.banner-label span{font-weight:700;font-size:14px;line-height:24px;background:#005bac;padding:2px 9px;display:inline-block;border-radius:3px;color:#fff}
.banner-label .go-video{display:flex;margin-left:10px;color:#005bac;align-items:center}
.prodList{background:#eef2f6;padding:70px 0 96px}
.prodList-nav{border-bottom:1px solid #e0e4e9;width:100%;overflow-y:hidden;overflow-x:auto}
.prodList-nav::-webkit-scrollbar {width:8px;height:4px;background: #dddddd}
.prodList-nav::-webkit-scrollbar-thumb {background:rgba(0,91,172,.5);border-radius: 30px}
.prodList-nav::-webkit-scrollbar-track {border-radius: 30px}
.prodList-nav a{padding-right:88px;color:#6c6c6c;font-size:16px;white-space:nowrap;line-height:1;transition:color .4s ease}
.prodList-nav a span{border-bottom:3px solid transparent;display:block;padding-bottom:22px}
.prodList-nav a.active{color:#005bac}
.prodList-nav a.active span{border-bottom-color:#005bac}
.prodList-nav a:hover{color:#005bac}
.prodList-nav a:last-child{padding:0}
.prodList-main{padding:58px 0 85px}
.prodList-heading{margin-top:-38px}
.prodList-heading .more{width:49%}
.prodList-heading .more .com-prod{width:100%}
.prodList-sup{background:#fff;padding:55px 60px;border-radius:30px}
.prodList-sup .sup-tit{font-weight:700;color:#222;line-height:1;font-size:30px}
.prodList-sup ul{margin-top:30px}
.prodList-sup li{width:25%}
.prodList-sup li .tit{display:flex;align-items:center;font-size:18px;line-height:1;font-weight:700;color:#333}
.prodList-sup li .tit i{width:40px}
.prodList-sup li a{font-size:15px;display:flex;align-items:center;color:#868686;line-height:1;margin-top:10px;margin-left:40px}
.prodList-sup li a:hover{text-decoration:underline}
.prodList-sup li a i{display:block;background:url(../image/arrGray.svg) no-repeat center/100%;width:15px;height:15px;margin-left:10px}
.com-prod{padding:50px 0;background:#fff;border-radius:30px;width:49%;display:flex;align-items:center;margin-top:38px}
.com-prod .info{width:50%;padding-left:55px}
.com-prod .pic{width:50%;height:316px}
.com-prod .pic:hover img{transform:scale(.95)}
.com-prod img{max-width:90%;max-height:100%;width:auto;height:auto;object-fit:cover;transition:transform .8s ease}
.com-prod .tit{font-size:26px;font-weight:700;color:#222;transition:color .4s ease}
.com-prod .tit:hover{color:#005bac}
.com-prod p{font-size:16px;color:#454545;margin-top:10px}
.com-prod ul{margin-top:40px}
.com-prod ul li{color:#777;font-size:14px}
.com-prod ul li+li{margin-top:10px}
.com-prod .view-more{margin-top:40px}
.com-prod.max .info{height:100%;display:flex;flex-direction:column;justify-content:flex-start}
.com-prod.max .pic{height:auto}

/* 产品详情 */
.prodDetailBanner{padding:50px 0;height:calc(100vh - 90px)}
.prodDetailBanner-cont{width:50%;padding-right:40px}
.prodDetailBanner .flex-align-center{height:100%;}
.prodDetailBanner-cont .tit{color:#333;font-weight:700;line-height:1;position:relative;padding-bottom:20px;font-size:46px;margin-top:20px}
.prodDetailBanner-cont .tit:after{content:'';width:11%;height:3px;background:#005bac;position:absolute;left:0;bottom:0}
.prodDetailBanner-cont .tip{font-size:22px;color:#666;margin-top:20px}
.prodDetailBanner-cont p{color:#666;font-size:15px;line-height:26px;margin-top:20px}
.prodDetailBanner-cont a.file{margin-top:80px}
.prodDetailBanner-pic{width:50%}
a.file{display:flex;align-items:center}
a.file span{font-size:15px;color:#666;padding:2px 4px;border-radius:5px;transition:background .4s ease}
a.file:hover span{text-decoration:underline}
i.pdf{display:block;background:url(../image/pdf-icon.png) no-repeat center/100%;width:23px;height:23px;min-width:23px;margin-right:12px}
.prodDetail-feat{padding:110px 0}
.prodDetail-feat ul{margin-top:10px}
.prodDetail-feat li{width:25%;margin-top:90px;text-align:center;padding:0 50px}
.prodDetail-feat li:hover i:after{transform:translate(-50%,-50%) scale(1)}
.prodDetail-feat li i{display:inline-flex;margin:0 auto;justify-content:center;position:relative}
.prodDetail-feat li i:after{content:'';width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:linear-gradient(90deg,rgba(56,142,228,.1) 0,rgba(56,142,228,0) 100%);position:absolute;left:50%;transition:transform .4s ease,opacity .4s ease;z-index:-1;top:50%}
.prodDetail-feat li .tit{font-size:24px;color:#444;line-height:1;margin-top:30px}
.prodDetail-feat li p{color:#888;font-size:15px;line-height:26px;margin-top:15px}
.prodDetail-sc-main{margin-top:50px;height:770px;z-index:1;opacity:0}
.prodDetail-sc-main .bg{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;transition:all 3s cubic-bezier(.23,1,.32,1);visibility:hidden;opacity:0}
.prodDetail-sc-main .bg.active{opacity:1;visibility:visible}
.prodDetail-sc-main .bg-list{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.prodDetail-sc-main.animate{animation:clip 1s ease both .2s}
.prodDetail-sc-main li{width:12.5%;display:flex;flex-direction:column;justify-content:center;color:#fff;padding:0 26px}
.prodDetail-sc-main li+li{border-left:1px solid rgba(255,255,255,.2)}
.prodDetail-sc-main li .tit{font-size:24px;line-height:1;text-align:center}
.prodDetail-sc-main li p{font-size:15px;line-height:24px;margin-top:15px;display:none}
.prodDetail-sc-main li:hover .tit{text-align:left}
.prodDetail-param{padding:110px 0}
.prodDetail-param .list{margin-top:80px}
.prodDetail-param .list:after{content:'';width:29%}
.prodDetail-param .item{width:29%}
.prodDetail-param .item .tit{font-weight:700;font-size:24px;line-height:1;position:relative;padding-left:18px;color:#005bac}
.prodDetail-param .item .tit:after{content:'';width:5px;height:100%;border-radius:4px;background:#005bac;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.prodDetail-param ul{margin-top:20px}
.prodDetail-param li{font-size:15px;color:#888;padding:8px 0;border-bottom:1px solid #f6f6f6;display:flex;align-items:center}
.prodDetail-param li span{width:30%;min-width:30%;display:inline-block;font-size:16px;color:#555}

/* common-banner */
.com-banner video{width:100%}
.com-banner-cont{position:absolute;width:100%;height:100%;left:0;top:0;color:#fff}
.com-banner-cont .tit{font-size:60px}
.com-banner-cont .tit.size-sm{font-size:48px}
.com-banner-cont p{font-size:20px;line-height:30px;margin-top:10px}
.com-banner-cont p.max-width{max-width:760px;margin-left:auto;margin-right:auto}
.com-banner-cont .video-btn{margin-top:35px}

/* 解决方案 */
.solutionList{padding:70px 0 134px;background:#f5f8fa}
.solutionList .list{margin-top:10px}
.solutionList-item{display:flex;margin-top:50px}
.solutionList-item:hover .pic img{height:105%}
.solutionList-item:hover .txt{transform:translateX(-5px)}
.solutionList-item:nth-child(odd) .txt:after{content:"";width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-right:17px solid #fff;position:absolute;top:50%;left:-17px;transform:translateY(-50%)}
.solutionList-item:nth-child(even){flex-direction:row-reverse}
.solutionList-item:nth-child(even) .txt:after{content:"";width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #fff;position:absolute;top:50%;right:-17px;transform:translateY(-50%)}
.solutionList-item .pic{width:69%;overflow:hidden;position:relative}
.solutionList-item .pic img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:100%;width:auto;height:100%;transition:width .2s ease-out,height .2s ease-out}
.solutionList-item .txt{background:#fff;padding:128px 50px 138px;width:31%;position:relative;transition:transform .4s ease}
.solutionList-item .tit{font-size:36px;color:#333;line-height:42px}
.solutionList-item p{font-size:16px;line-height:26px;color:#888;margin-top:20px}
.solutionList-item .view-more{margin-top:60px}
.solutionList-item .num{font-size:90px;color:#f5f8fa;position:absolute;bottom:-40px;right:50px;font-family:SamsungOne;opacity:.7}

/* 方案详情 */
.solution-overview{padding:110px 0 130px;background:url(../image/solution-overview-bg.jpg) no-repeat center/100%}
.solution-overview .txt{margin:40px auto 0;max-width:1350px;max-height:160px;overflow:hidden}
.solution-overview .txt p{font-size:16px;line-height:26px;color:#777}
.solution-overview .view-more{margin-top:70px;display:none}
.solution-overview .view-more.active i{transform:rotate(-90deg)}
.solution-overview .view-more i{transform:rotate(90deg)}
.solution-adv{padding:110px 0 140px;background:#f3f3f3}
.solution-adv ul{display:flex;flex-wrap:wrap;margin-top:-10px}
.solution-adv li{width:33.33%;text-align:center;margin-top:80px}
.solution-adv li i{display:inline-flex;align-items:center;height:70px}
.solution-adv li .tit{color:#333;font-size:24px;font-weight:700;line-height:1;margin-top:20px}
.solution-sys{padding:110px 0 120px;background:#fafafa}
.solution-sys .slider{margin-top:10px}
.solution-sys .list:after{content:'';width:32%}
.solution-sys .item{display:block;border-radius:10px;overflow:hidden;margin-top:30px;width:32%}
.solution-sys .item picture{height:306px;overflow:hidden;display:block}
.solution-sys .item .tit{background:#fff;padding:32px 30px;font-size:20px;font-weight:700;color:#333;transition:color .4s ease}
.solution-sys .item:hover picture img{transform:scale(1.04)}
.solution-sys .item:hover .tit{color:#005bac}
.solution-sys .swiper-wrapper{padding-bottom:58px}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
.com-dot .swiper-pagination-bullet{width:10px;height:10px;background:0 0;border:2px solid #9b9b9b;opacity:1}
.com-dot .swiper-pagination-bullet-active{background:#005bac;border-color:#005bac}
.solution-case{padding:110px 0 120px}
.solution-case .slider{margin-top:30px}
.solution-case .item{border-radius:5px;overflow:hidden;display:block}
.solution-case .item:hover img{transform:scale(1.04)}
.solution-case .item:hover .tit:after{opacity:1}
.solution-case .tit{position:absolute;bottom:0;left:0;padding:30px;color:#fff;font-weight:700;font-size:20px;width:100%;z-index:1;border-radius:5px}
.solution-case .tit:after{content:"";height:200%;width:100%;position:absolute;left:0;background:linear-gradient(0deg,#000 0,transparent 100%);opacity:.8;bottom:0;z-index:-1;border-radius:10px;transition:opacity .4s ease}
.solution-case .swiper-wrapper{padding-bottom:60px}
.solution-prod{padding:120px 0 115px;background:#f4f4f4}
.solution-prod .slider{margin-top:45px}
.solution-prod .slider .swiper-slide{height:auto}
.solution-prod .slider .com-prod{height:100%}
.solution-prod .com-prod{width:100%;margin-top:0}
.solution-prod .swiper-wrapper{padding-bottom:54px}

/* 新闻 */
.newsList{padding:80px 0 110px}
.newsList-nav{font-size:0;width:300px}
.newsList-nav .year{width:100%;height:35px;overflow:hidden;margin-top:-10px;position:absolute;left:0;transition:box-shadow .4s ease;background:#fff}
.newsList-nav .year a{margin:10px 15px}
.newsList-nav .year.on{box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff;height:auto}
.newsList-nav a{font-size:16px;line-height:1;color:#8d8d8d;transition:color .4s ease}
.newsList-nav a.active,.newsList-nav a:hover{color:#555}
.newsList-nav a.op{margin-left:auto}
.newsList-nav a.op i{display:block;background:url(../image/arrow-down.png) no-repeat center/100%;width:16px;height:16px}
.newsList-nav a.op.on i{transform:rotate(180deg)}
.newsList-list:after{content:'';width:32%}
.newsList-list .item{width:32%;display:block;transition:box-shadow .4s ease;margin-top:70px}
.newsList-list .item picture{height:330px;overflow:hidden}
.newsList-list .item .info{padding:30px 25px 40px;border-bottom:1px solid #eaeaea;transition:border .4s ease}
.newsList-list .item .tit{color:#555;font-size:22px;line-height:32px;transition:color .4s ease;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:64px}
.newsList-list .item .date-news{margin-top:35px}
.newsList-list .item:hover{box-shadow:0 15px 21px 0 rgba(142,142,142,.2)}
.newsList-list .item:hover picture img{transform:scale(1.04)}
.newsList-list .item:hover .tit{color:#005bac}
.newsList-list .item:hover .info{border-bottom-color:#005bac}
.date-news{padding-left:20px;color:#666;font-size:15px;line-height:1;font-family:Arial;background:url(../image/date.png) no-repeat left center/contain}
.newsList-list .item.video-btn picture{position: relative;}
.newsList-list .item.video-btn picture::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.4);}
.newsList-list .item.video-btn i{position: absolute;top: 50%;left: 50%;width: 54px;height: 54px;margin: -27px 0 0 -27px;z-index: 4;}

/* 新闻详情 */
.contain.w1400{width:1400px}
.article-heading{padding:60px 0 50px;background:#f2f6f7}
.article-heading h1{color:#444;font-weight:700;font-size:30px}
.article-heading .date-news{margin-top:12px}
.article{padding:80px 0}
.article .content{width:72%}
.article .content p{font-size:15px;line-height:26px;color:#888}
.article .content img{max-width:100%;height: auto;display:block;margin:0 auto}
.article .side{width:21%}
.article .side .side-tit{color:#333;font-weight:700;line-height:1;font-size:30px;padding-bottom:24px;border-bottom:1px solid #f1f1f1}
.article .side .item{margin-top:30px;display:block}
.article .side .item picture{height:190px;overflow:hidden;display:block}
.article .side .item .tit{font-size:16px;line-height:24px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:48px;margin-top:15px;transition:color .4s ease}
.article .side .item .date-news{margin-top:10px}
.article .side .item:hover picture img{transform:scale(1.04)}
.article .side .item:hover .tit{color:#005bac}
.article-nav{background:#f7f8fa;border-top:1px solid #e5e5e5;height:99px}
.article-nav a{width:50%;font-size:16px;color:#989898;display:inline-block}
.article-nav a:first-child{padding-right:20px}

/* 技术支持 */
.sup-question{padding:80px 0 100px}
.sup-question .slider{margin-top:60px}
.sup-question .title{display:flex;align-items:center;cursor:pointer;padding:20px 0;border-bottom:1px solid #f6f6f6}
.sup-question ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.sup-question li{width: 48%}
.sup-question .title.on .icon,.sup-question .title:hover .icon{color:#fff;background:#005bac}
.sup-question .title span{color:#333;font-weight:700;font-size:16px;display:block;margin-left:26px;width:85%}
.sup-question .title i{display:block;background:url(../image/plus-icon.png) no-repeat center/100%;width:12px;height:12px;margin-left:auto}
.sup-question .icon{color:#005bac;background:#e3ecf5;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;min-width:28px;transition:color .4s ease,background .4s ease}
.sup-question .content{background:#f6f8fa;display:none;padding:34px 26px}
.sup-question .content .icon{color:#d10e27;background:#f6e7e8}
.sup-question .content .txt{margin-left:15px}
.sup-question .content p{font-size:15px;line-height:24px;color:#696969}
.sup-question .swiper-wrapper{padding-bottom:50px}
.sup-question .swiper-pagination-bullet{background:#e0e0e0}
.sup-question .swiper-pagination-bullet-active{background:#005bac}
.sup-question .swiper-container{max-height:100%}
.sup-fault{padding:110px 0 120px;background:#f6f8fa}
.sup-fault-main{margin-top:50px}
.sup-fault-main table{width:100%;border-collapse:unset;border-spacing:1px;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden}
.sup-fault-main thead{background:#005bac;}
.sup-fault-main thead th{color:#fff;height:68px;font-size:18px}
.sup-fault-main thead th:nth-child(1){width:18%}
.sup-fault-main thead th:nth-child(2),.sup-fault-main thead th:nth-child(3){width:41%}
.sup-fault-main td{background:#fff;color:#777;font-size:16px;text-align:center;padding:16px 43px}
.sup-fault-main tbody tr:nth-child(odd) td:not([rowspan]){background:#f6f8fa}
.sup-down{padding:110px 0 120px}
.sp-down{margin-top:50px}
.sp-down ul{display:flex;align-items:center;padding:0 46px 0 70px}
.sp-down li:not(.op){padding-right:10px}
.sp-down li.tit{width:60%}
.sp-down li.time,.sp-down li.version{width:13%}
.sp-down li.op{width:auto;margin-left:auto}
.sp-down-tit li{font-weight:700;color:#333;font-size:16px}
.sp-down-tit{background:#e5ebf0;padding:20px 0}
.sp-down-item{padding:27px 0;border-bottom:1px solid #f5f5f5}
.sp-down-item li{font-size:15px;color:#333;word-break:break-all}
.sp-down-item li.op a{display:flex;width:40px;height:40px;border-radius:50%;background:#1b74c6;align-items:center;justify-content:center;margin:0 auto;transition:opacity .4s ease}
.sp-down-item li.op a:hover{opacity:.8}
.sp-down-item li.op a i{display:block;background:url(../image/down-icon-white.png) no-repeat center/100%;width:22px;height:22px;transition:transform .4s ease}
.sp-down-item li.op a:active i{transform:scale(.9)}
.sup-down-search input{width:314px;height:46px;padding:0 18px;color:#555;border:1px solid #eaeaea;font-size:15px;transition:border .4s ease}
.sup-down-search input::placeholder{color:#555;font-size:15px}
.sup-down-search input:focus{border-color:#005bac}
.sup-down-search{display:flex;overflow:hidden;justify-content:center;margin-top:30px}
.sup-down-search input{border-right:0}
.sup-down-search button{width:85px;background:#005bac;color:#fff;font-size:16px;transition:opacity .4s ease;cursor:pointer;border-bottom-right-radius:4px;border-top-right-radius:4px}
.sup-down-search button:hover{opacity:.8}

/* 关于我们 */
.about-us{padding:130px 0 124px;background:url(../image/about-us-bg.jpg) no-repeat center/cover}
.about-us .content p{color:#666;font-size:16px;line-height:26px;text-indent:30px}
.about-us .content .txt{width:73%}
.about-us ul{margin-top:70px}
.about-us li{border-radius:20px;overflow:hidden;height:326px;width:20%;margin:0 13px;position:relative;transition:width .6s}
.about-us li:first-child{margin-left:0}
.about-us li:last-child{margin-right:0}
.about-us li .cont{position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;display:flex;align-items:flex-end;transition:background .4s ease}
.about-us li .tit{font-size:20px;font-weight:700;width:100%;padding:30px 20px;position:relative;text-align:center;z-index:1}
.about-us li .tit:after{content:"";height:200%;width:100%;position:absolute;left:0;background:linear-gradient(0deg,#000 0,transparent 100%);opacity:.8;bottom:0;z-index:-1;border-radius:10px;transition:opacity .4s ease}
.about-us li .cont-in{position:absolute;width:100%;left:0;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(20px);opacity:0;transition:all .6s ease}
.about-us li .cont-in p{font-size:16px;line-height:26px;color:#fff}
.about-us li:hover{width:27%}
.about-us li:hover .cont{background:rgba(0,0,0,.5)}
.about-us li:hover .tit:after{opacity:0}
.about-us li:hover .cont-in{opacity:1;transform:translateY(0)}
.data-num{background:url(../image/data-num-bg.jpg) no-repeat center/cover;padding:40px 0}
.about-coo{padding:100px 0 106px}
.about-honor{background:#f3f5f7;padding:100px 0 120px}
.honor-slider{background:url(../image/honor-slider-bg.png) no-repeat bottom/100%;margin-top:80px;padding-bottom:63px}
.honor-slider .swiper-slide{width:auto}
.honor-slider .item{display:block;width:222px;height:327px;background:url(../image/honor-slider-item.png) no-repeat center/100%;padding:7px 7px 28px}
.honor-slider .item:after{content:'';background:#ffc028 url(../image/plus-white-icon.png) no-repeat center/17px;width:50px;height:50px;border-radius:50%;margin:auto;left:0;top:0;right:0;bottom:0;position:absolute;transform:scale(0);opacity:0;visibility:hidden;transition:all .4s ease}
.honor-slider .item:hover:after{transform:scale(1);opacity:1;visibility:visible}
.honor-slider .slider{width:calc(50vw + 800px);margin-left:auto;height:327px;position:relative;overflow:hidden}
.honor-slider .swiper-container{position:static}
.honor-slider .swiper-wrapper{position:absolute;left:0}
.honor-slider .mouse{color:#333;font-size:14px;line-height:1;margin-top:50px}
.honor-slider .mouse i{display:block;background:url(../image/mouse.png) no-repeat center/100%;width:18px;height:26px;margin-right:10px}
.contact-us{padding:110px 0 74px;background:url(../image/map-bg.jpg) no-repeat center}
.contact-intro ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}
.contact-intro li{width:31%;margin-top:50px}
.contact-intro h3{font-size:22px;color:#333;line-height:1;padding-bottom:20px;border-bottom:1px solid #ececec;position:relative}
.contact-intro h3:after{content:'';width:45px;height:1px;position:absolute;left:0;bottom:0;background:#005bac}
.contact-intro p{font-size:20px;line-height:26px}
.contact-intro .phone{font-size:20px;color:#777;line-height:1;margin-bottom:15px}
.contact-intro h3+.phone{margin-top:20px}
.contact-intro h3+p{margin-top:26px}
.sns-list{display:flex;align-items:center;margin-top:40px}
.sns-list a{display:block;position:relative}
.sns-list a+a{margin-left:30px}
.sns-list-icon{width:90px;transition:all .4s ease}
.sns-list a:hover .sns-list-icon{transform:scale(.9)}
.sns-list a:hover .sns-qr-code{opacity:1;visibility:visible}
.sns-qr-code{transition:all .4s ease;opacity:0;visibility:hidden;position:absolute;width:80px;height:80px;padding:5px;background:rgba(0,0,0,.5);z-index:2;left:-22px;top:30px}
.sns-qr-code img{width:100%;height:100%;object-fit:cover}
.contact-intro-qr{max-width:80px;object-fit:cover;display:block;margin-top:10px}
.arr-btn{font-size:15px;color:#777;display:flex;align-items:center;margin-top:20px;transition:all .4s ease}
.arr-btn:hover{color:#333}
.arr-btn i{display:block;background:url(../image/arrGray.svg) no-repeat center/100%;width:15px;height:15px;margin-left:5px;transition:all .4s ease}
.arr-btn:hover i{transform:translateX(5px)}

/* 联系我们 */
.office{padding-top:110px;background:#f9f9f9 url(../image/office-bg.jpg) no-repeat top/100% 83%}
.office-list{padding:33px 48px 96px;background:#fff;margin-top:50px}
.office-list .item{width:20%;padding:0 9px;margin-top:20px}
.office-list .item:first-child{padding-left:0}
.office-list .item:last-child{padding-right:0}
.office-list .item picture{height:216px;display:block}
.office-list .item .tit{font-size:24px;color:#333;line-height:1;margin-top:40px}
.office-list .item i{display:block;background:url(../image/loc-icoin.png) no-repeat center/100%;width:15px;height:18px;min-width:15px;margin-right:10px}
.office-list .item p{font-size:15px;color:#888;display:flex;margin-top:15px}
.contact-msg{padding:110px 0 120px;background:#f9f9f9}
.contact-msg .nav{font-size:0}
.contact-msg .nav a{font-size:16px;color:#777;line-height:1;padding-bottom:5px;transition:color .4s ease,border .4s ease;border-bottom:2px solid transparent}
.contact-msg .nav a+a{margin-left:38px}
.contact-msg .nav a.active,.contact-msg .nav a:hover{border-bottom-color:#005bac;color:#444}
.contact-msg .inline-input{width:32.5%}
.contact-msg .inline-input.row{width:100%;position:relative}
.contact-msg .inline-input{margin-bottom:18px;position:relative}
.contact-msg .inline-input span{display:flex;align-items:center;height:100%;position:absolute;top:0;left:20px;font-weight:500;color:#a1a4b2;pointer-events:none;}
.contact-msg .customSelect-name em,.contact-msg .inline-input span em{font-style:normal;color:#ee1d23;padding-right:2px}
.inline-input input:focus+span,.inline-input textarea:focus+span{opacity:0}
.contact-msg .inline-input.row{width:100%}
.contact-msg .inline-input input,.contact-msg .inline-input textarea{width:100%;background:#fff;padding:20px;height:50px;font-size:16px;color:#888;border:1px solid #e5e3e4;color:#333}
.contact-msg .inline-input textarea{height:160px}
.contact-msg .inline-input textarea+span{height:50px}
.msg-bott{width:100%;justify-content:space-between;display:flex;align-items:center}
.contact-msg .inline-input.code{display:flex;margin:0}
.contact-msg .inline-input.code input{width:60%;background:#fff}
.contact-msg .inline-input.code img{width:40%;object-fit:cover;padding-left:10px;cursor:pointer;height:50px}
.msg-bott .btn{display:flex;width:152px;height:50px;background:#005bac;align-items:center;justify-content:center;color:#fff;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:all .4s ease;border-radius:4px;font-weight:700}
.contact-msg-main{margin-top:40px}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .prodList-nav a{padding-right: 70px}
    .prodList-nav a span{padding-bottom:15px}
    .com-prod{padding:40px 0;margin-top:30px}
    .solutionList-item .txt{padding:80px 40px}
    .solutionList-item .tit{font-size:32px}
    .solutionList-item .view-more{margin-top:10px}
    .prodDetailBanner-cont .tit{font-size:40px}
    .prodDetailBanner-cont a.file{margin-top: 60px}
    .prodDetail-sc-main{height: 720px}
    .com-banner-cont .tit.size-sm,.com-banner-cont .tit{font-size: 44px}
    .honor-slider .slider{width: calc(50vw + 700px)}
    .honor-slider{margin-top: 60px}
    .office-list .item picture{height: 190px}
    .office-list .item .tit{font-size: 22px;margin-top: 20px}
    .newsList-list .item picture{height: 290px}
    .newsList-list .item .info{padding: 20px}
    .newsList-list .item .date-news{margin-top: 20px}
    .newsList-list .item{margin-top: 50px}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .contain.w1400{width: 1200px}
    .prodDetailBanner-cont .tit{font-size: 36px}
    .prodDetailBanner-cont .tip{font-size: 18px}
    .prodDetailBanner-cont a.file{margin-top: 40px}
    .prodDetail-feat li .tit{font-size: 20px;margin-top:20px}
    .prodDetail-feat li{padding: 0 25px;margin-top: 50px}
    .prodDetail-sc-main{height: 660px;margin-top: 40px}
    .prodDetail-sc-main li{padding: 0 20px}
    .prodDetail-sc-main li .tit{font-size: 22px}
    .prodDetail-sc-main li p{font-size: 14px;line-height: 22px;margin-top: 10px}
    .prodDetail-param .list{margin-top: 50px}
    .prodDetail-param .item .tit{font-size: 22px;padding-left: 14px}
    .prodDetail-param .item .tit:after{height: 90%}
    .prodDetail-param li span{font-size: 15px}
    .prodDetail-param li{font-size: 14px}
    .prodDetail-feat li p{font-size: 14px;line-height: 22px}
    .prodDetailBanner-cont .tit{font-size: 32px;margin-top: 15px}
    .banner-label span{font-size: 13px;padding: 1px 5px}
    .prodDetailBanner-cont .tip{font-size: 16px;margin-top: 15px}
    .prodDetailBanner-cont p{font-size: 14px;line-height: 22px}
    a.file span{font-size: 14px}
    i.pdf{width: 18px;height:18px;margin-right:2px;min-width: 18px}
    a.file span{padding: 2px}

    .prodList-nav a{padding-right: 40px;font-size: 15px}
    .com-prod .tit{font-size: 22px}
    .com-prod p{font-size: 15px}
    .com-prod ul{margin-top: 20px}
    .com-prod ul li+li{margin-top: 5px}
    .com-prod .pic{height: 270px}
    .com-prod .info{padding-left: 30px}
    .com-prod{margin-top: 20px;padding: 30px 0}
    .prodList-sup li a{margin-left:0}
    .prodList-sup{padding: 50px 40px}
    .prodList-main{padding-bottom:40px}
    .prodList-sup .sup-tit{font-size: 26px}

    .com-banner-cont .tit.size-sm,.com-banner-cont .tit{font-size: 40px}
    .com-banner-cont p{font-size: 18px;margin-top: 5px}
    .video-btn i{        width: 60px;
        height: 60px;}
    .com-banner-cont .video-btn{margin-top: 20px}
    .about-us .content p{font-size: 15px;line-height: 24px;text-indent:30px}
    .about-us li{height: 270px;margin:0 5px}
    .about-us li .tit{font-size: 18px;padding: 20px 15px}
    .honor-slider .slider{width: calc(50vw + 600px)}
    .honor-slider{margin-top:40px}
    .contact-intro li{margin-top: 30px}
    .contact-intro h3{font-size: 20px}
    .contact-intro .phone{font-size: 20px;margin-bottom: 10px}
    .contact-intro h3+p,.sns-list{margin-top: 20px}

    .sup-question .title{padding: 15px 0}
    .sup-question .title span{font-size: 15px;margin-left: 15px}
    .sup-question .content{padding: 15px}
    .sup-question .content p{font-size: 14px;line-height: 22px}
    .sup-fault-main thead th{font-size: 17px}
    .sup-fault-main td{font-size: 15px;padding: 12px 30px}
    .sup-fault-main thead{height: 48px}
    .sp-down{margin-top: 40px}
    .sp-down-tit{padding: 15px 0}
    .sp-down ul{padding: 0 30px}
    .sp-down-item{padding: 15px 0}
    .sp-down-item li.op a{width: 32px;height: 32px}
    .sp-down-item li.op a i{width: 18px;height: 18px}
    .sp-down-item li{font-size: 14px}

    .solutionList-item .tit{font-size: 30px;line-height: 36px}
    .solutionList-item .num{font-size: 80px}
    .solutionList-item .txt{padding: 60px 30px}
    .solution-adv li i{height: 60px}
    .solution-adv li .tit{font-size: 20px;margin-top: 15px}
    .solution-adv li{margin-top: 60px}
    .solution-sys .item picture{height: 230px}
    .solution-sys .item .tit{padding: 25px}

    .office-list{padding: 30px 40px 60px}
    .office-list .item picture{height: 170px}
    .office-list .item .tit{font-size: 20px;margin-top: 10px}
    .office-list .item p{font-size: 14px;margin-top: 10px}

    .newsList-list .item .tit{font-size: 20px;line-height: 28px}
    .newsList-list .item .info{padding: 20px 15px}
    .newsList-list .item .date-news{margin-top: 15px}
    .newsList-list .item picture{height: 250px}
    .article-heading h1{font-size: 26px}
    .article-heading{padding: 50px 0}
    .article .side .item picture{height: 160px}
    .article .side .side-tit{font-size: 26px;padding-bottom: 15px}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .contain.w1400{width: 960px}
    .prodDetail-feat li .tit{font-size: 18px;margin-top: 10px}
    .prodDetail-feat li i:after{width: 80px;height: 80px}
    .prodDetail-feat li i img{max-width: 50px}
    .prodDetail-feat li p{font-size: 13px;line-height: 20px;margin-top:5px}
    .prodDetail-feat li{margin-top: 30px}
    .prodDetail-sc-main{height: 600px}
    .prodDetail-sc-main li .tit{font-size: 20px}
    .prodDetail-sc-main li{padding: 0 15px}
    .prodDetail-sc-main li p{font-size: 12px;line-height: 20px}
    .prodDetail-param .item .tit{font-size: 20px}
    .prodDetail-param li span{width: 40%;min-width: 40%}
    .prodDetail-param .list{margin-top: 40px}
    .prodDetail-param li{padding: 6px 0}

    .com-prod .tit{font-size:18px}
    .com-prod .pic{height: 250px}
    .com-prod p{font-size: 14px;margin-top: 5px}
    .com-prod ul li{font-size: 13px}
    .com-prod .view-more{margin-top: 30px}
    .prodList-sup li .tit{font-size: 16px}
    .prodList-sup li .tit i img{max-height: 20px}
    .prodList-sup li .tit i{width: 32px}
    .prodList-sup li a{font-size: 13px}
    .prodList-sup{padding:40px 30px}
    .prodList-sup .sup-tit{font-size: 22px}
    .prodList-sup ul{margin-top: 20px}

    .about-us li{height: 220px}
    .about-us li .tit{font-size: 16px;padding: 15px}
    .about-us li .cont-in p{font-size: 15px;line-height: 24px}
    .com-banner-cont .tit.size-sm,.com-banner-cont .tit{font-size: 36px}
    .com-banner-cont p.max-width{font-size: 16px}
    .honor-slider .slider{width: calc(50vw + 480px)}
    .honor-slider .item{width: 190px;height: 290px;padding: 12px 5px 29px}
    .honor-slider{padding-bottom: 0}
    .contact-intro p{font-size: 15px;line-height: 35px}

    .sup-fault-main td{font-size: 14px}
    .sup-question .icon{width: 24px;height: 24px;min-width: 24px;font-size: 13px}
    .sup-question .content p{font-size: 13px;line-height: 20px}
    .sup-down-search input{width: 260px;height: 40px}

    .solutionList-item .tit{font-size: 26px;line-height: 32px}
    .solutionList-item p{font-size: 15px;line-height: 24px;margin-top: 10px}
    .solutionList-item{margin-top: 40px}
    .solution-prod .slider{margin-top: 40px}
    .solution-case .tit{font-size: 18px;padding: 20px}
    .solution-sys .item picture{height: 190px}
    .solution-sys .item .tit{padding: 20px;font-size: 18px}
    .solution-adv li .tit{font-size: 18px}
    .solution-adv li i{height: 50px}
    .solution-overview .txt p{font-size: 15px;line-height: 24px}
    .solution-overview .txt{max-height: 145px}
    .solution-overview .view-more{margin-top: 40px}

    .office-list{padding: 20px 20px 40px}
    .office-list .item{width: 32%}
    .office-list .item picture{height: 200px}

    .newsList-list .item picture{height: 200px}
    .newsList-list .item .tit{font-size: 18px;line-height: 26px}
    .newsList-list .item .info{padding: 15px 10px}
    .newsList-list .item .date-news{margin-top: 10px;font-size: 14px}
    .article-heading h1{font-size: 24px}
    .article-heading{padding: 40px 0}
    .article .side .side-tit{font-size: 22px;padding-bottom: 10px}
    .article .side .item picture{height: 130px}
    .article .side .item .tit{font-size: 15px;line-height: 22px;margin-top: 10px}
    .article .side .item{margin-top: 20px}
    .article-nav a{font-size: 14px}
    .article-nav{height: 80px}
}

@media all and (max-width:1151px) {
    /* 1024 */
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .prodBanner .bg{min-height: 350px}
    .prodList-nav a{margin: 0;padding-right: 25px}
    .com-prod.max .pic{height:300px}
    .com-prod.max .info{justify-content: center}
    .prodList-heading .more .item,.com-prod{width: 100%}
    .prodBanner .swiper-slide-active .banner-label,.prodBanner .swiper-slide-active .com-tit,.prodBanner .swiper-slide-active p,.prodBanner .swiper-slide-active .view-more{animation:none}
    .com-prod .info{padding-left: 20px}
    .prodList-sup li{width: 50%;margin-top: 20px}
    .prodList-sup li .tit{font-size: 15px}
    .prodList-sup li .tit i{width: 35px}
    .prodList-sup li a{margin-top: 5px}
    .prodList-sup ul{margin-top: 10px}
    .prodList-sup .sup-tit{font-size: 22px}
    .prodList-sup{padding: 40px 20px}
    .prodList-main{padding: 30px 0 40px}
    .com-prod .tit{font-size: 18px}
    .prodDetailBanner-cont{padding-right: 20px}
    .prodDetail-feat li .tit{font-size: 16px}
    .prodDetail-feat li{padding: 0 10px;margin-top: 30px}
    .prodDetail-sc-main{height: auto}
    .prodDetail-sc-main li{width: 50%;padding: 20px 4%}
    .prodDetail-sc-main li p{display: block;text-align: center;margin: 10px auto 0}
    .prodDetail-sc-main li:hover .tit{text-align: center}
    .prodDetail-sc-main li + li{border-left: 0;border-top: 1px solid rgba(255, 255, 255, 0.2)}
    .prodDetail-sc-main li:nth-child(even){border-left: 1px solid rgba(255, 255, 255, 0.2)}
    .prodDetail-sc-main{margin-top: 30px}
    .prodDetail-param .item{width: 100%}
    .prodDetail-param .item:not(:first-child){margin-top: 30px}
    .prodDetail-param li span{width: 20%;min-width: 20%}
    .prodDetail-param .list{margin-top: 30px}
    .prodDetail-sc-main{opacity: 1}
    .prodDetailBanner-cont .tit{font-size: 28px;margin-top: 10px}
    .banner-label span{font-size: 12px}
    .prodDetailBanner-cont .tip{font-size: 15px;margin-top: 10px}
    .prodDetailBanner-cont p{font-size: 13px;line-height: 20px;margin-top: 10px}
    .prodDetailBanner{height: auto}
    .prodDetail-feat li i img{max-width: 44px}
    .prodList-heading .more{width: 100%}

    .com-banner .bg{min-height: 500px}
    .solutionList-item .pic{width: 100%}
    .solutionList-item .pic img{position: static;transform: none}
    .solutionList-item{flex-wrap: wrap}
    .solutionList-item .txt{width: 100%;padding: 30px 20px}
    .solutionList-item .txt:after{display: none}
    .solutionList-item .tit {
        font-size: 35px;
    }
	    .solutionList-item p {
        font-size: 25px;
        line-height: 40px;
        margin-top: 20px;
    }
	
	.solutionList-item .view-more {
  
    font-size: 28px;
	
	}
	.solutionList-item .view-more i {
		 
        width: 32px;
        height: 32px;
  
 
    background: #005bac url(../image/arrRW.svg) no-repeat center / 25px;
	}
    .solutionList-item .pic img{width: 100%}
    .com-banner-cont .tit.size-sm,.com-banner-cont .tit{        font-size: 52px;
        text-align: center;
        line-height: 80px;}
    .solution-overview .txt p{font-size: 15px;line-height: 24px}
    .solution-overview .txt{max-height: 142px}
    .solution-adv li i{height: 50px}
    .solution-adv li .tit{font-size: 18px;margin-top: 10px}
    .solution-adv li{margin-top: 40px}
    .solution-sys .item{width: 49%}
    .solution-sys .item picture{height: 210px}
    .solution-sys .swiper-wrapper, .solution-case .swiper-wrapper, .solution-prod .swiper-wrapper{padding-bottom: 30px}
    .solution-prod .slider{margin-top: 30px}

.newsList-nav {
  
    width: 400px;
}
.newsList-nav .year {
 
    height: 55px;
   
    margin-top: -30px;
	}
.newsList-nav a {
    font-size: 25px;
	}

    .newsList-list .item{width: 100%;margin-top: 30px}
    .newsList-list .item picture{height: 360px}
	    .newsList-list .item .tit {
        font-size: 32px;
        line-height: 46px;
		height: 94px;
    }
	.newsList-list .item .date-news {
        margin-top: 20px;
        font-size: 24px;
   
    padding-left: 40px;}
    .contain.w1400{width: 92%}
    .article-heading h1{font-size: 36px}
	
	.article-heading .date-news {
    margin-top: 15px;
}
.com-banner-cont p{font-size: 28px; }
.date-news {
    padding-left: 40px;

    font-size: 25px;
}
.article .content p {
    font-size: 25px;
    line-height: 180%;
}
.article .side .side-tit {
        font-size: 32px;
        padding-bottom: 20px;
    }
    .article-heading{padding: 30px 0}
    .article .content{width: 100%}
    .article .side{width: 100%;margin-top: 30px}
    .side-list{display: flex;flex-wrap: wrap;justify-content: space-between}
    .side-list:after{content: '';width: 32%}
    .side-list .item{width: 100%}
	    .article .side .item picture {
        height: 360px;
    }
	    .article .side .item .tit {
        font-size: 30px;
        line-height: 42px;
        margin-top: 10px;
		height:98px;
    
	}
	    .article-nav a {
        font-size: 25px;
    }

    .sup-question .title{padding: 10px 0}
    .sup-question .title span{font-size: 28px;margin-left: 10px}
    .sup-question .icon{        width: 50px;
        height: 50px;
        font-size: 28px;min-width: 50px}
		 .sup-fault-main thead th{font-size: 26px}
		 
.sup-down-search input::-webkit-input-placeholder {  /* WebKit browsers */
    font-size: 25px;
}
.sup-down-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 25px;
}
.sup-down-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 25px;
}
.sup-down-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 25px;
}
    .sp-down li.time, .sp-down li.version {
        display: none;
    }

    .sup-question .content .txt{margin-left: 10px}
    .sup-question .content{padding: 15px}
    .sup-fault-main{margin-top: 30px}
    .sup-fault-main thead{height: 45px}
    .sup-fault-main td{font-size: 23px;padding: 15px 10px}
    .sup-down-search input{height: 62px;width: 470px}
	.sup-down-search button {
    width: 150px;font-size: 28px;}
    .sp-down-item li{font-size: 13px}
    .sp-down-tit{padding: 10px 0}
    .sp-down-tit li{font-size: 27px}
    .sp-down-item{padding: 15px 0}
	
	a.file span {
        font-size: 26px;
    }
	    i.pdf {
        width: 32px;
        height: 32px;
        margin-right: 4px;
        min-width: 32px;
    }
	       .sp-down-item li.op a {
        width: 42px;
        height: 42px;
    }
	
	    .prodList-nav a {
       
        font-size: 25px;
    }
	.prodList-nav a.active span {
     border-bottom:none  
}
	
	
	    .sp-down-item li.op a i {
        width: 28px;
        height: 28px;
    }
    .sp-down li.time, .sp-down li.version{width: 16%}

    .contact-intro li{width:48%;margin-top:30px}
    .contact-intro h3{font-size:30px;padding-bottom:20px}
    .contact-intro h3+.phone{font-size: 27px}
    .contact-intro p{font-size: 27px}
    .contact-intro h3+p,.sns-list{margin-top: 15px}
    .honor-slider .slider{width: calc(50vw + 46%)}
    .honor-slider{padding-bottom: 30px}
    .honor-slider .mouse{margin-top: 20px;}
    .about-us .content .txt{width: 100%;margin-top: 15px}
    .about-us .content .txt p{        font-size: 25px;
        line-height: 40px;}
    .com-banner-cont .video-btn{margin-top: 20px}
	
	    .about-us ul {
        flex-wrap: wrap;
        margin-top: 30px;
    }
	
	
    .about-us li .tit{padding: 20px;font-size: 28px}
   
	
	  .about-us li{border-radius: 10px;margin: 0;width: 100% !important;height: auto}
	      .about-us li+li {
        margin-top: 5px;
    }
	  
    .about-us li .cont-in p{font-size: 14px;line-height: 20px}


    .arr-btn{font-size:27px;}
    .office{padding-top: 50px}
    .office-list .item{width: 100%}
	    .office-list .item picture {
        height: 400px;
    }
    .office-list{padding: 15px 20px 30px}
    .contact-msg .inline-input{margin-bottom: 10px}
	    .contact-msg .inline-input {
        width: 100%;
    }
	.contact-msg .inline-input span{ font-size:25px;}
	.contact-msg .inline-input input, .contact-msg .inline-input textarea {
   
    height: 80px;}
    .contact-msg .nav a + a{margin-left: 20px}
    .office-list{margin-top: 30px}
    .office-list .item .tit{font-size:35px}
	.office-list .item p{font-size: 25px;margin-top: 15px}
    .article-nav a{width: 100%}
    .article-nav{height: auto;padding: 20px 0}
    .article-nav a+a{margin-top: 15px}
    .com-banner-cont p.max-width{        font-size: 25px;
        line-height: 40px;}
		.contact-msg .inline-input {
        width: 100%;
    }    .msg-bott {
        flex-wrap: wrap;
    }
		.msg-bott .btn {
        width: 100%;
        margin-top: 10px;
    font-size:27px;
	height:70px;
	}
	
.contact-msg .inline-input.code input::-webkit-input-placeholder {  /* WebKit browsers */
    font-size: 25px;
}
.contact-msg .inline-input.code input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 25px;
}
.contact-msg .inline-input.code input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 25px;
}
.contact-msg .inline-input.code input :-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 25px;
}


	.contact-msg .inline-input.code img{ height:80px;}
	
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .prodBanner .bg{min-height: 300px}
    .com-banner .bg{min-height: 300px}
    .prodBanner-cont p{font-size: 15px;line-height: 22px;margin-top: 10px}
    .prodBanner-cont p br{display: none}
    .prodBanner-cont .view-more{margin-top: 20px}
    .prodList-nav a span{padding-bottom: 10px}
    .com-prod{flex-wrap: wrap-reverse;padding: 20px 0}
    .com-prod .pic{width: 100%;height: 200px}
    .com-prod.max .pic{max-height: 300px}
    .com-prod .info{width: 100%;padding: 20px 15px 0}
    .com-prod.max .info{height: auto}
    .com-prod ul{margin-top: 15px}
    .com-prod .view-more{margin-top: 20px}
    .prodList-sup .sup-tit{font-size: 20px}
    .prodList-sup{padding: 30px 20px}
    .prodList-sup li{width: 100%}
    .prodList-sup ul{margin-top: 0}
    .prodList-main{padding: 30px 0}
    .com-prod,.prodList-sup{border-radius: 10px}
    .com-prod.max .pic{height: 250px}
    .prodBanner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 20px}
    .com-prod p{margin-top: 5px;font-size: 14px}
    .com-prod .tit{font-size: 16px}
    .com-prod p{font-size: 13px;margin-top: 2px}
    .com-prod ul li + li{margin-top: 2px}
    .prodDetailBanner-cont{width: 100%;padding: 0}
    .prodDetailBanner-pic{width: 100%;margin-top: 20px}
    .prodDetailBanner-cont .tit{font-size: 28px;padding-bottom: 15px}
    .prodDetailBanner-cont a.file{margin-top: 20px}
    .prodDetailBanner{padding: 40px 0}
    .prodDetail-feat li{width: 50%}
    .prodDetail-feat li p{margin-top: 5px}
    .prodDetail-sc-main li .tit{font-size: 18px}
    .prodDetail-sc-main li p{font-size: 12px;line-height: 18px;margin-top: 5px}
    .prodDetail-param .item .tit{font-size: 18px}
    .prodDetail-param ul{margin-top: 10px}
    .prodDetail-param li span{width: 25%;min-width: 25%}
    .solutionList-item .txt{padding: 20px}
    .solutionList-item p{font-size: 14px;line-height: 22px}
    .solutionList-item{margin-top: 20px}
    .solutionList-item .num{font-size: 50px;bottom: -20px;right: 20px}
    .com-banner-cont .tit.size-sm,.com-banner-cont .tit{font-size: 30px;line-height: 36px}
    .com-banner-cont p{font-size: 16px}
    .solution-overview .view-more{margin-top: 20px}
    .solution-overview .txt p{font-size: 14px;line-height: 20px}
    .solution-adv li{width: 50%}
    .solution-adv li .tit{font-size: 16px;margin-top: 5px}
    .solution-adv li i{height: 45px}
    .solution-sys .item{width: 100%}
    .solution-sys .item picture{height: 200px}

    .newsList-list .item{width: 100%}
    .newsList-list .item picture{height: 210px}
    .article-heading h1{font-size: 22px}
    .article .side .item{width: 100%}
    .article .side .item picture{height: 210px}
    .article-nav a{font-size: 14px}

    .sup-question .slider{margin-top: 20px}
    .sup-fault-main thead th{white-space: nowrap;padding: 0 30px;font-size: 15px}
    .sup-fault-main td{font-size: 13px}
    .sup-fault-main{width: 100%;overflow-x: auto;overflow-y: hidden}
    .sp-down li.time, .sp-down li.version{display: none}
    .sp-down li.tit{width: 88%}
    .sp-down ul{padding: 0 5px}
    .sp-down a.file span{font-size: 13px}
    .sup-down-search input{width: 260px;height: 40px}
    .sp-down{margin-top: 20px}

    .contact-intro li{width: 100%}
    .contact-intro h3+p, .sns-list,.arr-btn{margin-top: 10px}
    .contact-intro{padding-bottom: 40px}
    .about-us li{height: 160px;border-radius: 10px}
    .about-us li .cont-in p{font-size: 14px;line-height: 20px}
    .about-us ul{flex-wrap: wrap;margin-top: 30px}
    .about-us li{margin: 0;width: 100% !important;height: auto}
    .about-us li+li{margin-top: 5px}
    .honor-slider .item{width: 130px;height: 200px}
    .honor-slider .slider{height: 200px}
    .honor-slider{padding-bottom: 16px;margin-top: 20px}
    .honor-slider .mouse{display: none}
    .office-list{padding: 10px 15px 20px}
    .office-list .item{width: 100%}
    .office{padding-top: 40px}
    .office-list .item picture{height: 220px}
    .contact-msg .nav{width: 100%;margin-top: 15px;display: flex;flex-wrap: nowrap;overflow: auto}
    .contact-msg .nav a{white-space: nowrap}
    .contact-msg .inline-input{width: 100%}
    .msg-bott{flex-wrap: wrap}
    .msg-bott .btn{width: 100%;margin-top: 10px}
    .sup-question li{width: 100%}
    .article .content p{font-size: 14px;line-height: 24px}
    .com-banner-cont p.max-width{font-size: 14px;line-height: 22px}
    .newsList-list .item.video-btn i{width: 40px;height: 40px;margin: -20px 0 0 -20px}
}