@charset "utf-8";
/* =====================内页样式======================== */
/*公共样式*/

/*分页*/
.pagination{display:flex;justify-content:center;align-items:center}
.pagination-lft{display:flex}
.pagination a{display:flex;height:36px;line-height:36px;align-items:center;font-size:16px;color:#666;background: #fff;width: 36px;justify-content: center}
.pagination a:not(:first-child){margin-left:8px}
.pagination a.active,.pagination a:hover{background:#0079cb;color:#fff}
.pagination-nav{display:block;margin:0 10px;font-size:16px}
.pagination-nav span{color:#0079cb}
.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:#0079cb}
.pagination.startAnimate{animation: to-upB 2s ease both}
.page-rgt{margin-left:8px}
.page-go{display:flex;align-items:center}
.page-go input{height:36px;width:40px;text-align:center;transition:all .4s ease;border:1px solid transparent}
.page-go input:focus{border-color:#0079cb}
.pagination a.go-btn{width:40px}
.pagination a.page-num{padding-top:3px}

.com-banner{height:432px;color:#fff;position:relative;z-index:1}
.com-banner-bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1}
.com-banner-bg .mb{display:none}
.com-banner .container{height:100%;display:flex;flex-direction:column;justify-content:center}
.com-banner .tit{font-size:60px;font-weight:700}
.com-banner .tip{font-size:24px;margin-top:10px}
.com-tit{font-size:30px;color:#333}
.com-nav{font-size:16px;color:#999}
.com-tit+.com-nav{margin-top:10px}
body.PC .com-banner .tit{animation: to-down 1.5s ease both}
body.PC .com-banner .tip{animation: to-up 1.5s ease both .2s}

body.PC .details-menu .container,body.PAD .details-menu .container{width: 100%!important}

/* 产品 */
main.gray{background:#f5f8fa}
.prod-center{padding:50px 0}
.prod-top{display:flex;align-items:center;justify-content:space-between}
.prod-center-search{position:relative;width:360px;height:48px}
.prod-center-search form{height:100%}
.prod-center-search input{width:100%;height:100%;background:0 0;border:1px solid #e3e3e3;border-radius:8px;padding:0 20px;font-size:16px;transition: all .4s ease}
.prod-center-search input:focus{border-color: #0079cb}
.prod-center-search input::placeholder{font-size:16px;color:#999}
.prod-center-search a{position:absolute;height:100%;width:50px;display:flex;align-items:center;justify-content:center;right:0;top:0;color:#666}
.prod-center-search a:hover{color:#0079cb}
.prod-nav{display:flex;flex-wrap:wrap;margin-top:45px;margin-left:-24px}
.prod-nav-item{display:flex;align-items:center;width:208px;height:64px;background:#fff;border-radius:8px;font-size:18px;color:#333;padding:0 20px;margin-left:24px;margin-bottom:24px;transition:all .4s ease}
.prod-nav-item i{width:32px;height:32px;margin-right:18px;display:flex;align-items:center;justify-content:center}
.prod-nav-item i img{max-width:100%;max-height:100%;object-fit:cover}
.prod-nav-item i img.white,.prod-nav-item:hover i img.color,.prod-nav-item.active i img.color{display:none}
.prod-nav-item:hover,.prod-nav-item.active{background:#0079cb;color:#fff;/* box-shadow:0 10px 18px rgba(0,121,203,.3) */}
.prod-nav-item:hover{transform:translateY(-5px)}
.prod-nav-item:hover i img.white,.prod-nav-item.active i img.white{display:block}
.prod-list{margin-top:64px;width:100%;position:relative}
.prod-list .container{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative}
.prod-item{width:49%;background:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 40px rgba(17,58,93,.1);border-radius:8px;padding:24px;transition:all .4s ease;margin-bottom:30px}
.prod-item:hover{box-shadow:0 8px 40px rgba(17,58,93,.3)}
.prod-item img{transition: all .6s ease}
.prod-item:hover img{transform: scale(1.1)}
.prod-item:nth-child(odd).startAnimate,.tss-item:nth-child(odd).startAnimate{animation: to-up 1.5s ease both}
.prod-item:nth-child(even).startAnimate,.tss-item:nth-child(even).startAnimate{animation: to-up 1.5s ease both .2s}
.prod-info{width:60%}
.prod-info h3{font-size:24px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.prod-info .model{font-size:18px;color:#0079cb;margin:20px 0 22px}
.prod-info p{font-size:16px;color:#999;line-height:26px;overflow: hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.prod-picture{width:180px;height:240px;display:flex;align-items:center;justify-content:center;overflow: hidden}
.prod-picture img{max-width:90%;max-height:90%;object-fit:cover}
.prod-btn{margin-top:50px;display:flex;align-items:center}
.compared{display:flex;align-items:center;margin-left:20px;color:#999;user-select:none}
.compared svg{margin-right:5px}
.prod-center .pagination{margin-top:50px}
.prod-compared{position:absolute;right:50px;top:0;box-shadow:0 5px 40px rgba(17,58,93,.1);width:248px;background:#fff;padding:24px;border-radius:8px;display: none}
.prod-compared.prod-compared-fixed{position:fixed;top:90px}
.prod-compared.fiesd-top{position:fixed;right:0;top:0}
.compared-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.compared-top h6{font-size:18px;color:#0079cb}
.compared-close{color:#999}
.prod-compared ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.prod-compared li{width:48%;margin-bottom:18px;text-align:center}
.compared-model{color:#666}
.compared-picture{width:100%;height:120px;display:flex;align-items:center;margin-bottom:10px;border:1px solid #e4e4e4;border-radius:8px;position:relative}
.compared-picture .com-sm-close{position:absolute;right:5px;top:0;display:none}
.compared-picture p{font-size:14px;color:#999;line-height:24px;width:70%;margin:0 auto}
.compared-picture img{max-width:90%;max-height:90%;object-fit:cover;margin:0 auto;display:none}
.prod-compared-btn{margin-top:20px;text-align:center}
.prod-compared-btn p{margin-top:20px;color:#999}
.prod-item.selected .compared{pointer-events:none}
.prod-compared.bott{position:absolute}
.prod-compared.out{display: none}
.aside-bar .compared-bar.active{animation: to-down 1s ease both}
.aside-bar .compared-bar.out{animation: compared-bar 1s ease both}
@keyframes compared-bar{0%{opacity: 1;transform: translate3d(0, 0, 0);}100%{opacity: 0;transform: translate3d(0, -50px, 0);}}

/* 产品详情 */
.details-top{background:#f5f8fa;padding:50px 0 65px}
.details-info-lft{width:47%}
.details-info{margin-top:55px;display:flex;justify-content:space-between}
.details-swiper{width:57%;background:#fff;margin:0;height:424px;border-radius:10px;box-shadow:0 5px 5px rgba(192,198,204,.1)}
.details-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}
.details-swiper .swiper-slide img{max-width:90%;max-height:90%;margin:0 auto;object-fit:cover}
.details-info-lft{display:flex;justify-content:space-between}
.details-swiper-list{width:36%;display:flex;justify-content:space-between}
.details-nav{width:150px;height:424px}
.details-nav .swiper-container{height: 100%}
.details-nav .swiper-slide{background:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 5px 5px rgba(192,198,204,.1);transition:all .6s ease;border:1px solid transparent;cursor:pointer}
.details-nav .swiper-slide.active,.details-nav .swiper-slide:hover{border-color:rgba(0,121,203,.3)}
.details-nav img{max-width:90%;max-height:90%;object-fit:cover;margin:0 auto}
.details-swiper-nav{width:32px;height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index: 2}
.details-swiper-nav a{width:100%;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666}
.details-swiper-nav a:hover{background:#0079cb;color:#fff}
div.zoomDiv{z-index:999;position:absolute;top:0;left:0;width:440px;height:514px;background:#fff;display:none;text-align:center;overflow:hidden;border-radius:8px;box-shadow:0 5px 5px rgba(192,198,204,.1)}
div.zoomMask{position:absolute;background:url(http://www.jq22.com/demo/jquery-fdj-150220102655/images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1}
.details-info-rgt{width:42%}
.details-info-rgt h1{font-size:30px;font-weight:700;color:#333}
.details-info-rgt h3{font-size:30px;color:#333;margin-top:10px;margin-bottom:40px}
.details-info-rgt p{font-size:18px;color:#666;line-height: 30px}
.details-info-btn{margin-top:40px}
.details-info-re{margin-top:60px;background:#fff;box-shadow:0 5px 5px rgba(192,198,204,.1);border-radius:8px;padding:20px}
.details-info-re h6{font-size:16px;color:#0079cb;margin-bottom:15px}
.details-info-re li{position:relative;color:#999;line-height:30px;padding-left:20px}
.details-info-re li:after{content:'';width:6px;height:6px;background:#999;border-radius:50%;position:absolute;left:0;top:12px}
.details-menu{height:88px;border-bottom:2px solid #f7f7f7}
.details-menu .container{display:flex;height:100%;align-items:center}
.details-menu a{padding:0 20px;line-height:88px;font-size:20px;color:#999}
.details-menu a span{position: relative;display: block;line-height: 88px}
.details-menu a span:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 4px;background: #0079cb;transition: width .4s ease}
.details-menu a:first-child{padding-left:0}
.details-menu a.active,.details-menu a:hover{color:#333}
.details-menu a.active span:after{width: 100%}
.details-cont{padding:24px 0 94px}
.details-content p{line-height:32px;color:#333;font-size:14px}
.details-content:first-child{padding-top:20px}
.details-content img{max-width:100%;object-fit:cover}
.parameter li:nth-child(odd){background:#f5f8fa}
.parameter li{display:flex;align-items:center;padding:18px 20px;font-size:16px;color:#333}
.parameter p{font-size:16px}
.parameter li span{min-width:250px}
.details-content:not(:first-child){display:none}

/* 解决方案 */
.solution{padding:60px 0 88px}
.solution-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:64px}
.solution-list:after{content:'';width:32%}
.solution-item{display:block;width:32%;box-shadow:0 5px 40px rgba(17,58,93,.1);background:#fff;border-radius:8px;overflow:hidden;margin-bottom:30px;opacity: 0}
.solution-item.startAnimate{animation: to-up 1.5s ease both}
.solution-item:hover{box-shadow:0 8px 40px rgba(17,58,93,.3)}
.solution-picture{height:210px;overflow:hidden;width:100%}
.solution-picture img{transition:all .8s ease}
.solution-item:hover img{transform:scale(1.1)}
.solution-info{padding:24px 20px 34px}
.solution-info h3{font-size:24px;color:#333;margin-bottom:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.solution-info p{font-size:16px;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.solution-info .btn{margin-top:30px}
.solution-item:hover .btn{box-shadow:inset 0 0 0 2px #0079cb;background:0 0;color:#0079cb}
.solution .pagination{margin-top:50px}

/* 搜索 */
.search-main{padding:86px 0 116px}
.search-item{display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #ddd;font-size:18px;color:#333}
.search-item:hover{color:#0079cb}
.search-item i{font-style:normal;font-size:16px;color:#999}
.search-main .color-red{color:#f80000}
.search-main .pagination{margin-top:70px}

/* 产品对比 */
.verus{padding:60px 0 80px}
.verus-prod-list{padding-left:200px;display:flex;margin-top:56px;justify-content:space-between}
.verus-prod{width:18.5%;text-align:center}
.verus-picture{height:240px;background:#f5f8fa;border-radius:10px;color:#c8d7e3;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:22px}
.verus-picture img{max-width:90%;max-height:90%;object-fit:cover}
.verus-prod img{display:none}
.verus-prod p{color:#999}
.verus-cont{margin-top:36px}
.verus-cont li{display:flex;padding:18px 0;font-size:16px;color:#333}
.verus-cont li.toColor{background:#f5f8fa}
.vs-th{min-width:200px;padding:0 32px}
.vs-rgt{width:calc(100% - 200px);display:flex;justify-content:space-between}
.vs-rgt span{width:18.5%}
.verus-pop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);display:none;align-items:center;justify-content:center;z-index:999999}
.verus-pop-cont{width:640px;padding:30px 40px;background:#fff;border-radius:8px;box-shadow:0 5px 40px rgba(17,58,93,.1)}
.verus-pop-cont h6{font-size:20px;color:#333}
.verus-pop-list{height:180px;padding-right:10px;overflow-x:auto;margin-top:20px}
.verus-pop-list::-webkit-scrollbar{width:3px;height:100%;background:#ddd}
.verus-pop-list::-webkit-scrollbar-thumb{background:#0079cb;border-radius:30px}
.verus-pop-list::-webkit-scrollbar-track{border-radius:30px}
.verus-pop-list a{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #f7f7f7;color:#999}
.verus-pop-list a:first-child{padding-top:10px;border-top:2px solid #f7f7f7}
.verus-pop-list a:last-child{margin-bottom:0}
.verus-pop-list i{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f7f7f7;transition:all .4s ease}
.verus-pop-cont a.selected i .on,.verus-pop-list i .off{display:none}
.verus-pop-list a.selected i .off{display:block}
.verus-pop-list a.selected i,.verus-pop-list a:hover i{background:#0079cb;color:#fff}
.verus-pop-top{display:flex;align-items:center;justify-content:space-between}
.verus-close{width:16px;height:16px;color:#999}
.verus-prod-bott{display:none;justify-content:space-between;align-items:center}
.verus-prod-bott h6{font-size:16px;line-height: 26px;text-align: left;color:#0079cb;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width:80%}
.verus-prod-bott a{font-size:13px;color:#999}
.verus-prod.has p,.verus-prod.has svg{display: none;}
.verus-prod.has img,.verus-prod.has .verus-prod-bott{display: block;}

/* 解决方案详情 */
.solution-top{background:#f5f8fa;padding:80px 0 64px}
.solution-top-cont{margin-top:60px;display:flex;justify-content:space-between}
.solution-top-lft{width:50%;overflow:hidden;border-radius:10px}
.solution-top-rgt{width:42%}
.solution-top-rgt br{height: .5em}
.solution-top-rgt h1{color:#333;font-size:30px;margin-bottom: 30px}
.solution-top-rgt p{font-size:18px;color:#999;line-height:30px}
.details-cont.has-rgt .container{display:flex;justify-content:space-between}
.details-cont.has-rgt .details-list{width:68%}
.slide-rgt{width:26%;background:#f5f8fa;height:100%;padding:30px 30px 14px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.slide-rgt h6{font-size:16px;color:#0079cb;margin-bottom:16px;width:100%}

.slide-item{display:block;width:47%;text-align:center;margin-bottom:18px;transition:all .4s ease}
.slide-item:hover{transform:translateY(-3px)}
.slide-picture{background:#fff;height:160px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .4s ease;overflow: hidden}
.slide-item:hover .slide-picture{box-shadow:0 10px 10px rgba(192,198,204,.1)}
.slide-picture img{max-width:90%;max-height:90%;object-fit:cover;transition: all .6s ease}
.slide-item:hover img{transform: scale(1.1)}
.slide-item p{margin-top:15px;color:#333}
.details-cont h2{font-size:20px;color:#333;font-weight:700}

/* 技术文档 */
.tss-top{padding:50px 0}
.tss-list{padding:60px 0 65px;background:#f5f8fa}
.tss-cell,.download-cell{display:flex;justify-content:space-between;flex-wrap:wrap}
.tss-item{width:49%;background:#fff;box-shadow:0 5px 5px rgba(192,198,204,.1);display:block;padding:20px 28px;border-radius:8px;margin-bottom:35px;transition:all .4s ease}
.tss-item:hover{box-shadow:0 5px 10px rgba(192,198,204,.5)}
.tss-item h2{display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#333}
.tss-item h2 span{width:calc(100% - 46px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.tss-item i{display:block;background:#f7f7f7 url(../images/pages/icon/download-icon-gray.png) no-repeat center/15px 17px;width:36px;height:36px;border-radius:50%;transition:all .4s ease}
.tss-item:hover i{background:#0079cb url(../images/pages/icon/download-icon-white.png) no-repeat center/15px 17px}
.tss-item .tip{font-size:16px;color:#999;display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.tss-item .time{font-size:14px}
.tss-list .pagination{margin-top:25px}

/* 软件下载 */
.download-cell:after{content:'';width:32%}
.download-item{width:32%;background:#fff;padding:24px;box-shadow:0 5px 5px rgba(192,198,204,.1);border-radius:8px;margin-bottom:36px;transition:all .4s ease;cursor: pointer}
.download-item:hover{box-shadow:0 5px 10px rgba(192,198,204,.5)}
.down-picture{border-radius:8px;overflow:hidden;height: 186px}
.down-picture img{transition:all .6s ease}
.download-item:hover img{transform:scale(1.1)}
.down-info{margin-top:20px;position:relative}
.down-info h2{font-size:20px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.down-info p{font-size:16px;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px}
.down-info .time{color:#999;margin-top:18px}
.down-info:after{content:'';width:36px;height:36px;position:absolute;right:0;bottom:0;border-radius:50%;background:#f7f7f7 url(../images/pages/icon/download-icon-gray.png) no-repeat center/15px 17px;transition:all .4s ease}
.download-item:hover .down-info:after{background:#0079cb url(../images/pages/icon/download-icon-white.png) no-repeat center/15px 17px}
.verus-pop-list.download a{font-size: 16px}
.verus-pop-list.download a i{background:#f7f7f7 url(../images/pages/icon/download-icon-gray.png) no-repeat center/15px}
.verus-pop-list.download a:hover i{background:#0079cb url(../images/pages/icon/download-icon-white.png) no-repeat center/15px}

/* 常见问题 */
.tss-list.problem .tss-item i{background:#f7f7f7 url(../images/pages/icon/arrow-rgt-icon.png) no-repeat center/10px 20px}
.tss-list.problem .tss-item:hover i{background:#0079cb url(../images/pages/icon/arrow-rgt-icon-white.png) no-repeat center/10px 20px}

/* 常见问题 */
.articles-top{background:#f5f8fa;padding:80px 0 42px}
.articles-top h2{font-size:30px;color:#333;margin-bottom:14px}
.articles{padding:70px 0 60px}
.articles-cont{display:flex;justify-content:space-between;margin-top:40px}
.articles h1{font-size:24px;color:#0079cb;line-height: 28px}
.articles-text{width:65%}
.articles-text img{max-width:100%;object-fit:cover;margin:0 auto}
.articles-text p{font-size:14px;color:#333;line-height:30px}
.articles-side{width:26%;background:#f5f8fa;height:100%;padding:30px 30px 14px;border-radius:8px}
.articles-side h6{font-size:16px;color:#0079cb;margin-bottom:16px;width:100%}
.articles-side li{font-size:14px;line-height:30px;color:#333;position:relative;padding-left:20px}
.articles-side li:after{content:'';width:6px;height:6px;border-radius:50%;background:#999;position:absolute;left:0;top:12px;transition: all .4s ease}
.articles-side li:hover:after{background: #0079cb}
.news-source{display: flex;align-items: center;margin-top:15px;font-size:14px;color:#999}
.news-source .author{padding-left: 30px}

/* 联系支持 */
.support{padding:60px 0 126px}
.support-list{margin-top:70px}
.support-cell{display:flex;flex-wrap:wrap;justify-content:space-between}
.support-cell h3{position:relative;font-size:20px;font-weight:700;color:#0079cb;padding-left:25px;width:100%;margin-bottom:18px}
.support-cell h3:after{content:'';width:16px;height:16px;background:0 0;border:2px solid #0079cb;border-radius:50%;position:absolute;left:0;top:5px}
.support-item{background:#fff;width:48%;box-shadow:0 5px 5px rgba(192,198,204,.1);padding:25px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;transition:all .4s ease}
.support-item:hover{box-shadow:0 10px 5px rgba(192,198,204,.5)}
.support-item h6{font-size:20px;color:#333;margin-bottom:16px}
.support-item a{display:block;font-size:16px;color:#999;line-height:30px;width:100%}
.support-item a span{transition:all .4s ease}
.support-item a:hover span{color:#333;box-shadow:inset 0 -10px 0 rgba(0,121,203,.5)}
.support-rgt{width:120px;height:120px}
.support-cell:not(:first-child){margin-top:20px}

/* 资讯中心 */
.news-top{padding-top:60px}
.news{background:#f5f8fa;padding:60px 0 100px;margin-top:70px}
.news-cell{display:flex;justify-content:space-between;flex-wrap:wrap}
.news-cell:after{content:'';width:31%}
.news-item{width:31%;display:block;border-radius:10px;overflow:hidden;margin-bottom:36px;box-shadow:0 5px 40px rgba(17,58,93,.1);background:#fff;opacity: 0}
.news-item.startAnimate{animation: to-up 1.5s ease both}
.news-item:hover{box-shadow:0 5px 10px rgba(192,198,204,.5)}
.news-picture{height:210px;overflow:hidden;position:relative}
.news-picture img{transition:all .6s ease}
.news-item:hover img{transform:scale(1.1)}
.news-item.video .news-picture i{display:block;background:url(../images/pages/icon/video-icon.png) no-repeat center/100%;width:80px;height:80px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.news-item:hover .btn{box-shadow:inset 0 0 0 2px #0079cb;background:0 0;color:#0079cb}
.news-info{padding:24px;background:#fff;position:relative}
.news-info h3{font-size:24px;color:#333;margin-bottom:10px;line-height:32px;transition:all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-info p{font-size:14px;color:#333;line-height:28px;height:56px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-bott{display:flex;justify-content:space-between;margin-top:20px}
.news-info .time{color:#999}
.news-info .btn{padding:6px 18px}
.news-list .pagination{margin-top:20px}

/* com-title */
.com-title{font-size:36px;text-align:center;position:relative;opacity: 0}
.com-title:after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-18px;width:0;height:6px;background:#0079cb;border-radius:5px;transition: all 1.5s ease}
.com-title.startAnimate:after{width: 80px;opacity: 1}
.com-title.startAnimate{animation: fontB 1.5s ease both}

/* 公司概况 */
.about-intro{padding-top:66px}
.about-intro-cont{height:416px;position:relative;margin-top:90px}
.about-intro-lft{width:50%;background:#fff;position:absolute;height:80%;top:10%;left:0;border-radius:10px;padding:30px;display:flex;flex-direction:column;justify-content:center;z-index:1}
.about-intro-lft.startAnimate{animation: to-lft 1.5s ease both}
.about-intro-lft h3{font-size:24px;color:#0079cb}
.about-intro-lft .tip{font-size:16px;color:#999;margin:10px 0 34px}
.about-intro-lft p{font-size:14px;line-height:30px;color:#333}
.about-intro-rgt{width:60%;margin-left:auto;height:100%;position:relative;cursor:pointer;transform-origin: right top;transform: scale(0.8);transition: all 1.5s ease-out;opacity: 0}
.about-intro-rgt.startAnimate{opacity: 1;transform: scale(1)}
.about-intro-rgt:after{content:'';background:#000;opacity:.3;position:absolute;width:100%;height:100%;left:0;top:0;z-index:0;transition:all .4s ease}
.about-intro-rgt:hover:after{opacity:0}
.about-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}
.about-video i{display:block;width:80px;height:80px;background:url(../images/pages/icon/video-icon.png) no-repeat center/100%}
.about-history{padding-top:115px}
.abolc-item{width:100%;margin-top:80px;position:relative}
.abolc-year{width:100%;position:relative}
.abolc-year .swiper-container{z-index:3}
.abolc-year-link{width:100%;text-align:center;height:140px;position:relative;cursor:pointer}
.swiper-slide-next .abolc-year-link p,.swiper-slide-prev .abolc-year-link p{top:-30px;transform:translateY(0)}
.abolc-year-link i{width:155px;height:140px;position:absolute;top:0;left:50%;z-index:3;transform:translate(-50%)}
.abolc-year-link i:before{position:absolute;width:40px;height:24px;content:"";top:50%;left:50%;transform:translate(-50%,-50%);background:#f5f8fa}
.abolc-year-link i:after{position:absolute;width:24px;height:24px;content:"";background:#0079cb;transition:all .8s ease;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.abolc-year-link p{font-size:24px;color:#333;z-index:4;transition:all 1s ease;font-family:Arial;width:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);margin-top:50px}
.swiper-slide-active .abolc-year-link p{color:#fff;font-size:36px;font-weight:700;margin:0!important}
.swiper-slide-active .abolc-year-link i{background:#f5f8fa}
.swiper-slide-active .abolc-year-link i:after{width:140px;height:100%;border:8px solid #c4dff1}
.swiper-slide-active .abolc-year-link:after{opacity:1;transition:all .1s ease}
.abolc-next,.abolc-prev{width:18px;height:40px;position:absolute;background:#f5f8fa url(../images/pages/icon/arrow-lft-icon.png) no-repeat center /100%;z-index:4;top:calc(50% - 20px);cursor:pointer;transition:all .4s ease;transform:translate(-50%)}
.abolc-prev{left:0}
.abolc-next{right:0;transform:rotate(180deg)}
.abolc-year:after{content:"";position:absolute;z-index:2;width:100%;height:6px;background:rgba(0,121,203,.3);left:0;top:50%;margin-top:-3px;transform-origin: 50% 0%;transform: scale(0.01,1);transition: all 1.5s linear}
.startAnimate .abolc-year:after{transform: scale(1)}
.abolc-wdbox{background:#fff;width:264px;padding:24px;border-radius:8px;margin:15px auto 0;box-shadow:0 5px 40px rgba(17,58,93,.1)}
.abolc-wdbox li{width:100%;display:none}
.abolc-wdbox li.ontrue{display:block}
.abolc-wd{width:100%;transition:all 4s ease;opacity:0;text-align:center}
.abolc-wd h3{font-size:24px;color:#333;font-weight:700;margin-bottom:10px}
.abolc-wd p{font-size:16px;color:#333;line-height:30px}
.abolc-wdbox li.ontrue .abolc-wd{animation:aboMs 1s ease both .2s}
.abolc-item .swiper-slide-active .abolc-year-link i:before{display:none}
@keyframes aboMs{0%{opacity:0;transform:translateY(20px)} 100%{opacity:1;transform:translateY(0)}}
@-webkit-keyframes aboMs{0%{opacity:0;transform:translateY(20px)} 100%{opacity:1;transform:translateY(0)}}
.about-culture{width:100%;margin-top:128px}
.about-culture li{width:19%;position:relative;transition:all .6s ease;float:left}
.about-culture li.ontrue{width:43%;transition:all .6s ease}
.about-culmenu{display:block;width:100%}
.about-culcont{width:100%;position:absolute;top:0;left:0;padding:72px 68px}
.about-culcont h2{font-size:26px;color:#fff;font-weight:700}
.about-culcont p{font-size:15px;color:#fff;line-height:24px;margin-top:34px;transform:translateY(30px);opacity:0;transition:all .4s ease .2s}
.about-culture li.ontrue p{transform:translateY(0);opacity:1}
.about-industry{padding-top:120px}
.industry-list{margin-top:70px;display:flex;justify-content:space-between}
.industry-item{width:32%;border-radius:8px;background:#fff;height:300px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 5px 5px rgba(17,58,93,.1);transition:all .4s ease}
.industry-item:nth-child(1).startAnimate{animation: to-upB 1.5s ease both}
.industry-item:nth-child(2).startAnimate{animation: to-upB 1.5s ease both .2s}
.industry-item:nth-child(3).startAnimate{animation: to-upB 1.5s ease both .4s}
.industry-item:hover{box-shadow:0 5px 20px rgba(17,58,93,.3)}
.industry-item .num{font-family:ROBOTOCONDENSED;font-size:60px;color:#0079cb;line-height:1}
.industry-item h5{color:#333;font-size:24px;font-weight:700;margin:18px 0 24px}
.industry-item p{font-size:16px;line-height:30px;color:#333}
.about-partner{padding:106px 0}
.about-partner ul{display:flex;justify-content:space-between;margin-top:50px;flex-wrap: wrap}
.about-partner li{width:14.5%;background:#fff;border-radius:8px;box-shadow:0 5px 5px rgba(17,58,93,.05);height:80px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;margin-top: 24px}
.about-partner li:hover{box-shadow:0 5px 20px rgba(17,58,93,.3)}
.about-partner li.startAnimate{animation:zoom-icon 1.5s ease both}

/* 资质荣誉 */
.honor{background:#f5f8fa;padding:60px 0 65px}
.honor-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.honor-list:after{content:'';width:23%}
.honor-item{display:block;width:23%;border-radius:8px;overflow:hidden;box-shadow:0 5px 5px rgba(17,58,93,.1);margin-bottom:36px;opacity: 0}
.honor-item.startAnimate{animation: to-up 1.5s ease both}
.honor-item:hover{box-shadow:0 5px 10px rgba(17,58,93,.3)}
.honor-picture{height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.honor-picture img{transition:all .6s ease;max-width:100%;max-height:100%}
.honor-item:hover img{transform:scale(1.1)}
.honor-info{padding:18px 0;background:#fff;text-align:center}
.honor-info h3{font-size:16px;color:#333;height:48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height:24px}
#spotlight .header{max-width:100%;display:unset}
.honor .pagination{margin-top:40px}

/* 加入我们 */
.jobs{background:#f5f8fa;padding:60px 0 66px}
.jobs-item{background:#fff;padding:26px 22px;border-radius:8px;box-shadow:0 5px 5px rgba(192,208,204,.1);margin-bottom:24px}
.jobs-item.startAnimate{animation: to-up 1.5s ease both}
.jobs-tit{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.jobs-name{font-size:24px;color:#0079cb}
.jobs-detail{display:flex}
.jobs-detail span{font-size:16px;color:#999}
.jobs-detail span:not(:first-child){margin-left:30px}
.jobs-unfold{margin-left:50px;display:flex;align-items:center;justify-content:center}
.jobs-unfold i{display:block;width:16px;height:3px;background:#bbb;position:relative}
.jobs-unfold i:after{content:'';height:16px;width:3px;background:#bbb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition: all .6s ease}
.jobs-item.active .jobs-unfold i:after{opacity: 0}
.jobs-cont{margin-top:20px;display:none;position:relative}
/* .jobs-cont .inner-cont{max-width:310px} */
.jobs-cont .btn{position:absolute;right:0;bottom:0}
.jobs-cont br{content:'';display:block;height:.6em}
.jobs-cont h3{font-size:18px;color:#333}
.jobs-cont p{font-size:14px;color:#666;line-height:24px}
.jobs .pagination{margin-top:60px}

/* 联系我们 */
.contact-i{padding-top:70px}
.contact-i-list{display:flex;justify-content:space-between;margin-top:70px}
.contact-i-item{text-align:center;background:#fff;box-shadow:0 5px 5px rgba(192,208,204,.1);width:24%;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;transition:all .4s ease;opacity: 0}
.contact-i-item:nth-child(1).startAnimate{animation: to-up 1.5s ease both}
.contact-i-item:nth-child(2).startAnimate{animation: to-up 1.5s ease both .2s}
.contact-i-item:nth-child(3).startAnimate{animation: to-up 1.5s ease both .4s}
.contact-i-item:nth-child(4).startAnimate{animation: to-up 1.5s ease both .6s}
.contact-i-item:hover{box-shadow:0 5px 20px rgba(192,208,204,.5)}
.contact-i-picture{width:48px;height:48px;display:flex;justify-content:center;align-items:center;margin:0 auto;color:#9b9b9b;transition:all .4s ease}
.contact-i-picture svg{width:100%;height:100%}
.contact-i-item:hover .contact-i-picture{transform:translateY(-10px);color:#0079cb}
.contact-i-item h6{font-size:22px;color:#333;margin:20px 0 10px}
.contact-i-item p{color:#999;font-size:16px}
.contact-i-qr{width:104px;height:104px;margin-bottom:18px}
.address{padding-top:95px}
.address .container{display:flex}
.address-lft{background:#fff;width:34%;padding:44px 20px;height:540px}
.address-lft br{display:block;content:'';height:.5em}
.address-list{overflow:auto;height:calc(100% + 10px);padding:0 30px}
.address-list::-webkit-scrollbar{width:3px;height:100%;background:#ddd}
.address-list::-webkit-scrollbar-thumb{background:#0079cb;border-radius:30px}
.address-list::-webkit-scrollbar-track{border-radius:30px}
.address-item h3{font-size:24px;color:#0079cb;margin-bottom:30px}
.address-item p{font-size:16px;line-height:30px;color:#333}
.address-item:not(:last-child){margin-bottom:34px;padding-bottom:34px;border-bottom:1px solid #e7e7e7}
#map{height:540px;width:66%}
.amap-copyright,.amap-logo{display:none!important}
.contact-msg{padding:114px 0 140px}
.ol-msg{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:80px}
.msg-box{width:49%;height:60px;margin-bottom:16px}
.msg-box.entire{width:100%}
.msg-box.cont{height:120px}
.msg-box input,.msg-box textarea{width:100%;height:100%;padding:20px 25px;font-size:16px;border:0;border-radius:8px;transition:all .4s ease;border:1px solid transparent}
.msg-box input:focus,.msg-box textarea:focus{border-color:#0079cb}
.msg-box input::placeholder,.msg-box textarea::placeholder{color:#999;font-size:16px}
.msg-box.bott{padding-left:96px;display:flex;justify-content:space-between}
.msg-box.bott a{display:block;border-radius:8px;height:100%;font-size:18px;width:180px;background:#0079cb;color:#fff;text-align:center;line-height:60px}
.msg-box.bott a:hover{filter:contrast(80%)}
.veri-code{position:relative;width:calc(100% - 196px)}
.veri-code img{width:120px;height:46px;position:absolute;right:8px;top:7px}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .prod-compared{right: 10px;padding: 15px}

}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */

}

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

}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */

}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .details-info-lft{width: 55%}
    .solution-picture{height: 190px}
    .solution-info h3{font-size: 22px}
    .verus-prod,.vs-rgt span{width: 22%}
    .slide-picture{height: 140px}
    .articles-side{width: 30%}
    .news-picture{height: 190px}
    .news-info h3{font-size: 20px;margin-bottom: 5px}
    .about-intro-rgt{width: 70%}
    .honor-picture{height: 175px}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .prod-picture{width: 140px;height: 200px}
    .prod-info h3{font-size: 20px}
    .prod-info .model{margin: 10px 0 14px}
    .prod-info p{font-size: 14px}
    .prod-btn{margin-top: 30px}
    .prod-btn .btn{padding: 6px 25px;font-size: 15px}
    .prod-compared{position: fixed;top: unset;width: 92%;left: 4%;bottom: 10px;z-index: 99999}
    .prod-compared li{width: 23%}
    .prod-compared-btn{margin-top: 0}
    .details-swiper-list{width: 38%}
    .solution-picture{height: 170px}
    .verus-picture{height: 190px}
    .solution-top-rgt{width: 45%}
    .slide-rgt{padding: 20px 20px 4px}
    .news-item{width: 32%;margin-bottom: 20px}
    .news-cell:after{width: 32%}
    .honor-picture{height: 155px}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .prod-item,.details-info-lft,.details-info-rgt,.solution-top-rgt,.solution-top-lft,.details-cont.has-rgt .details-list,.slide-rgt,.support-item,.about-intro-lft,.about-intro-rgt,
    .address-lft,#map{width: 100%}
    .prod-list .container,.details-info,.solution-top-cont,.details-cont.has-rgt .container,.about-partner ul,.contact-i-list{flex-wrap: wrap}
    .solution,.verus,.solution-top,.support,.about-partner,.contact-msg{padding: 60px 0}
    .zoomDiv,.zoomMask{display: none!important}
    .com-banner .tit{font-size: 40px}
    .com-banner .tip{font-size: 18px}
    .prod-nav-item{margin-left: 0}
    .prod-list{margin-top: 40px}
    .prod-center .pagination,.solution .pagination{margin-top: 20px}
    .com-banner .tit,.com-banner .tip{text-align: center}
    .prod-nav{margin-left: 0;justify-content: space-between}
    .prod-nav:after{content: '';width: 208px}
    .details-swiper-list{height: 424px}
    .details-nav{width: calc(100% - 50px)}
    .details-info-rgt,.solution-top-rgt{margin-top: 40px}
    .parameter li span{min-width: 180px}
    .solution-list{margin-top: 40px}
    .solution-item{width: 49%;opacity: 1}
    .verus-prod-list{padding-left: 0;margin-top: 40px}
    .verus-cont li{font-size: 14px;padding: 12px 0}
    .vs-th{min-width: 140px;padding: 0 15px}
    .vs-rgt{width: calc(100% - 140px);font-size: 13px}
    .slide-rgt{margin-top: 50px;position: relative;background: transparent;padding: 20px 0 4px}
    .slide-rgt:after{content: '';width: calc(100% + 8%);height: 100%;position: absolute;left: -4%;top: 0;background: #f5f8fa;z-index: -1;}
    .slide-item{width: 31%}
    .slide-rgt h6{color: #333}
    .solution-top .prod-top{display: none}
    .solution-top-cont{margin-top: 0}
    .download-item{width: 48%;padding: 15px}
    .down-picture{height: 150px}
    .news-item{width: 48.5%}
    .about-intro,.about-history,.about-industry{padding-top: 60px}
    .com-title{font-size: 30px;opacity: 1}
    .com-title:after {opacity: 1;width: 60px}
    .about-intro-cont{margin-top: 70px;display: flex;flex-direction: column-reverse;height: auto}
    .about-intro-lft{position: static;background: transparent;padding: 30px 0 0}
    .about-intro-lft h3,.about-intro-lft .tip{text-align: center}
    .about-intro-lft .tip{margin: 10px 0 20px}
    .about-intro-rgt{height: 360px}
    .abolc-year-link i{width: 140px;height: 125px}
    .swiper-slide-active .abolc-year-link i:after{height: 125px;width: 125px}
    .swiper-slide-active .abolc-year-link p{font-size: 30px}
    .abolc-year-link{height: 125px}
    .abolc-year-link p,.abolc-wd h3{font-size: 20px}
    .abolc-wd p{font-size: 15px}
    .industry-item{padding: 10px;height: 250px}
    .industry-item .num{font-size: 40px}
    .industry-item h5{margin: 10px 0 12px;font-size: 18px}
    .industry-item p{font-size: 14px;line-height: 26px}
    .about-partner li{width: 31.5%}
    .honor-item{width: 32%}
    .jobs-name{font-size: 18px}
    .jobs-detail span{font-size: 14px}
    .jobs-detail span:not(:first-child){margin-left: 20px}
    .jobs-unfold{margin-left: 30px}
    .jobs-cont h3{font-size: 16px}
    .jobs .pagination{margin-top: 40px}
    .contact-i-item{width: 48%;margin-bottom: 15px;opacity: 1}
    .address{padding-top: 40px}
    .address-lft,#map{height: 300px}
    .address .container{flex-wrap: wrap-reverse}
    .address-lft{padding:20px}
    .address-list{padding: 0}
    .address-item h3{margin-bottom: 10px;font-size: 20px}
    .address-item:not(:last-child){margin-bottom: 20px;border: 0;padding: 0}
    .address-item p{font-size: 15px;line-height: 24px}
    .ol-msg,.contact-i-list{margin-top: 60px}
    .msg-box.bott{width: 100%;padding: 0}
    .contact-i-picture{color: #0079cb}
    .abolc-year:after,.about-intro-rgt{transform: scale(1);opacity: 1}
    .honor-item,.news-item,.download-item{opacity: 1}
    .solution-top-rgt h1{font-size: 28px}
    .prod-compared.prod-compared-fixed{position: fixed;top:unset}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .prod-center,.details-top,.search-main,.verus,.solution-top,.tss-top,.tss-list,.support,.honor,.jobs,.contact-msg,.about-partner{padding: 40px 0}
    .prod-picture,.prod-info,.details-nav,.solution-item,.tss-item,.articles-text,.articles-side,.news-item,.industry-item,.jobs-name{width: 100%}
    .com-tit+.com-nav,main.details .prod-top,.articles-top{display: none}
    .verus-prod-list,.articles-cont{flex-wrap: wrap}
    .com-banner{height: 350px}
    .com-banner-bg .mb{display:block}
    .com-banner-bg .pc{display:none}
    .com-banner .tit{font-size: 28px}
    .com-banner .tip{font-size: 14px}
    .com-banner .container{justify-content: flex-end;padding-bottom: 35px}
    .prod-top{flex-direction: column}
    .com-tit{font-size: 24px;position: relative}
    .com-tit:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: -10px;height: 4px;background: #0079cb;border-radius: 5px;transition: all 1.5s ease;width: 60px}
    .prod-center-search{width: 85%;height: 40px;margin-top: 30px}
    .prod-center-search input{font-size: 14px;padding: 0 6px;border: 1px solid #cdcdcd}
    .prod-center-search input::placeholder{font-size: 14px}
    .prod-center-search a svg{width: 18px;height: 18px}
    .prod-center-search a{width: 35px}
    .aside-bar{bottom: 30px;right: 30px}
    .prod-nav-item{width: 49%;height: 40px;padding: 0 10px;margin-bottom: 10px;font-size: 15px}
    .prod-nav-item i{width: 20px;height: 20px;margin-right: 10px}
    .prod-nav{margin-top: 30px;}
    .prod-list{margin-top: 20px}
    .prod-item{flex-direction: column-reverse;padding: 15px}
    .prod-info{margin-top: 15px}
    .prod-info h3{font-size: 18px}
    .prod-btn{margin-top: 20px}
    .aside-bar a{width: 40px;height: 40px}
    .compared-picture{height: 90px}
    .compared-picture p{font-size: 12px}
    .prod-nav:after{content: '';width: 158px}
    .details-info{margin-top: 0}
    .details-swiper{height: 350px;width: 64%}
    .details-swiper-list{height: 350px;position: relative;width: 32%}
    .details-swiper-nav{position: absolute;left: 50%;transform: translateX(-50%);height: calc(100% + 30px);top: -15px}
    .details-swiper-nav a{box-shadow: 0 5px 20px rgba(192,198,204,.3)}
    .details-info-rgt h1{font-size: 26px}
    .details-info-rgt h3{font-size: 24px;margin-bottom: 20px}
    .details-info-rgt p{font-size: 15px}
    .details-info-btn{margin-top: 30px}
    .details-info-re{margin-top: 40px}
    .details-menu{height: 60px;overflow-y: hidden;overflow-x: auto}
    .details-menu a span,.details-menu a,.details-menu a.active span{line-height: 60px}
    .details-menu a{font-size: 18px;white-space: nowrap}
    .parameter li,.parameter p{font-size: 14px}
    .parameter li span{min-width: 135px}
    .parameter li{padding: 10px}
    .prod-center .pagination,.solution .pagination{margin-top: 0}
    .pagination a{width: 30px;line-height: 30px;height: 30px;font-size: 14px}
    .solution-list{margin-top: 20px}
    .solution-info{padding: 20px 15px}
    .solution-info h3{font-size: 18px;margin-bottom: 10px}
    .solution-info p{font-size: 15px}
    .solution-info .btn{margin-top: 20px}
    .search-main .pagination{margin-top: 30px}
    .search-item{font-size: 15px}
    .search-item i{font-size: 14px}
    .verus-prod{width: 48%;margin-bottom: 20px}
    .verus-cont{margin-top: 20px}
    .verus-cont li{overflow: hidden;width: 700px}
    .verus-cont{overflow: auto}
    .solution-top-rgt h1{font-size: 24px;margin-bottom: 20px}
    .solution-top-rgt p{font-size: 16px}
    .slide-picture{height: 110px}
    .details-content p{line-height: 28px}
    .details-cont{padding-bottom: 40px}
    .tss-item{margin-bottom: 20px;padding: 10px 15px;position: relative}
    .tss-item h2{font-size: 16px}
    .tss-item .tip{margin-top: 5px;font-size: 14px;flex-direction: column;justify-content: flex-start;width: calc(100% - 40px)}
    .tss-item .tip span{display: block;width: 100%}
    .tss-item .tip .time{margin-top: 10px}
    .tss-item i{position: absolute;right: 15px;top: 50%;transform: translateY(-50%)}
    .tss-list .pagination{margin-top: 10px}
    .download-item{width: 100%;margin-bottom: 20px}
    .down-info h2{font-size: 16px}
    .down-info p{font-size: 14px}
    .down-info .time{font-size: 13px}
    .articles-tit{padding: 40px 0;position: relative}
    .articles-tit:after{content: '';width: calc(100% + 8%);height: 100%;position: absolute;left: -4%;top: 0;background: #f5f8fa;z-index: -1}
    .articles{padding: 0 0 40px}
    .articles h1{font-size: 20px}
    .news-source{color: #333}
    .articles-cont{margin-top: 20px}
    .articles-side{background: transparent;padding: 0;margin-top: 40px}
    .articles-side li{color: #999}
    .articles-text p{line-height: 26px}
    .support-list{margin-top: 50px}
    .support-cell h3{font-size: 18px}
    .support-item h6{font-size: 16px;margin-bottom: 10px}
    .support-item a{font-size: 14px;line-height: 22px}
    .support-rgt{width: 80px;height: 80px}
    .support-item{padding: 20px}
    .news-top{padding-top: 40px}
    .news{margin-top: 40px;padding: 40px 0}
    .news-info{padding: 16px}
    .com-title{font-size: 24px}
    .com-title:after {width: 50px;height: 4px;bottom: -10px}
    .about-intro, .about-history, .about-industry{padding-top: 40px}
    .about-intro-cont,.abolc-item,.industry-list,.about-partner ul{margin-top: 30px}
    .about-intro-rgt{height: 190px}
    .about-video i{width: 60px;height: 60px}
    .about-intro-lft h3{font-size: 18px}
    .about-intro-lft .tip{font-size: 14px;margin: 5px 0 10px}
    .about-intro-lft p{line-height: 26px;padding: 0 10px}
    .abolc-year-link i{width: 100px;height: 85px}
    .swiper-slide-active .abolc-year-link i:after{width: 85px;height: 85px;border: 4px solid #c4dff1}
    .abolc-year-link{height: 85px}
    .swiper-slide-active .abolc-year-link p{font-size: 20px}
    .swiper-slide-next .abolc-year-link p, .swiper-slide-prev .abolc-year-link p{top: -40px;font-size: 16px}
    .abolc-year-link i:before{width: 30px;height: 14px}
    .abolc-year-link i:after{width: 14px;height: 14px}
    .abolc-wdbox{padding: 15px 10px}
    .industry-list{flex-wrap: wrap}
    .industry-item{margin-bottom: 20px;height: auto;flex-direction: row;align-items: center;justify-content: space-between}
    .industry-item .num{width: 30%;font-size: 32px}
    .industry-item .cont{text-align: left;width: 70%}
    .industry-item h5{margin: 0 0 5px}
    .about-partner li{width: 48%}
    .abolc-next, .abolc-prev{width: 14px}
    .abolc-year:after{height: 4px;margin-top: -2px}
    .industry-item p{font-size: 13px}
    .honor-item{width: 48%;margin-bottom: 20px}
    .honor-picture{height: 110px}
    .honor-info{padding: 12px 0}
    .honor .pagination{margin-top: 20px}
    .jobs-tit{flex-direction: column}
    .jobs-detail span:not(:first-child){margin-left: 0}
    .jobs-detail{flex-wrap: wrap;margin-top: 10px}
    .jobs-detail span{width: 40%;line-height: 26px}
    .jobs-item{padding: 15px;margin-bottom: 15px}
    .jobs .pagination{margin-top: 20px}
    .jobs-cont .btn{position: static;margin-top: 20px}
    .contact-i-item h6{font-size: 16px}
    .contact-i-item p{font-size: 12px}
    .contact-i-item{height: 150px}
    .contact-i-picture{width: 38px;height: 38px}
    .contact-i-item h6{margin: 15px 0 10px}
    .contact-i-qr{width: 80px;height: 80px;margin-bottom: 10px}
    .address{padding-top: 20px}
    .address-item h3{font-size: 16px;margin-bottom: 5px}
    .address-item p{font-size: 14px;line-height: 20px}
    .ol-msg,.contact-i-list{margin-top: 40px}
    .contact-i{padding-top: 40px}
    .msg-box{width: 100%;margin-bottom: 10px;height: 45px}
    .msg-box input, .msg-box textarea{padding: 10px 15px;font-size: 14px}
    .msg-box input::placeholder, .msg-box textarea::placeholder{font-size: 14px}
    .msg-box.bott a{line-height: 45px;font-size: 14px;width: 100%;margin-top: 15px}
    .veri-code{width: 100%;height: 45px}
    .veri-code img{width: 90px;height: 35px;position: absolute;right: 7px;top: 5px}
    .msg-box.bott{flex-direction: column;height: auto}
    .details-nav{height: 350px}
    .details-content:first-child table{width: auto!important}
    .page-rgt{display:none}
}