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

/* 视频弹窗 */
.popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}

/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;margin-top:50px;user-select: none;}
.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 44px;height: 44px;line-height: 44px;border: 1px solid #f3f3f3;margin:2.5px;font-size: 18px;color: #555;transition: all .4s ease;border-radius: 50%;background-color: #fff}
.paging-menu a:first-child, .paging-menu a:last-child{width: 110px;border-radius: 30px}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #00a2ea;background-color: #00a2ea;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: #00a2ea;}
.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: #00a2ea;color: #fff;border-color: #00a2ea;}
.paging-hint span{color: #00a2ea;}
@media all and (max-width:1599px) {.paging{margin-top: 45px;}}
@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}.paging-skip{width: 100%;margin-left: 0;}}
@media all and (max-width:640px) {.paging{margin-top: 20px;}.paging-menu a{margin: 2px;font-size: 14px;width:35px;height: 35px;line-height: 35px}.paging-menu a:first-child, .paging-menu a:last-child{width: 64px}}

/* 搜索页面 */
.search{width: 100%;padding: 80px 0;}
.search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;}
.search-info span{color: #00a2ea;}
.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: #00a2ea !important;}
.search-link:hover h2{color: #00a2ea;}
@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;}}



/* common */
.full-banner .bg{height:100vh;transition:none}
.com-banner{position:relative}
.com-banner .content{position:absolute;left:0;top:0;width:100%;height:100%}
.com-banner .contain{height:100%}
.com-banner .heading{position:absolute;left:0;bottom:0;width:50%;background:#00a2ea;padding:38px 20px 38px 100px}
.com-banner .heading .tit{color:#fff;font-weight:700;font-size:28px;line-height:1}
.com-banner .in{display:flex;flex-direction:column;justify-content:center;color:#fff;height:100%}
.com-banner .in .tit{font-weight:700;font-size:42px;margin-bottom:20px;line-height:1;animation:fadeInUp 1s ease both}
.com-banner .in ul{display:flex;align-items:center;flex-wrap:wrap;margin-top:20px}
.com-banner .in li{position:relative;padding-left:20px;font-weight:500;font-size:18px}
.com-banner .in p{line-height:26px;font-weight:500;font-size:18px;animation:fadeInUp 1s ease both 0.4s}
.com-banner .in li+li{margin-left:24px}
.com-banner .in li:after{content:'';width:11px;height:11px;border-radius:50%;position:absolute;left:0;top:8px;border:2px solid #fff}
.crumbs{background:#f3f6f7;padding:18px 0;line-height:1}
.crumbs .contain{display:flex;align-items:center}
.crumbs a{display:block;padding:5px;color:#444;font-size:14px;line-height:1;transition:background .4s ease;border-radius:4px}
.crumbs .home{display:flex;align-items:center}
.crumbs .home i{margin-right:8px}
.crumbs a:hover{background:#e5e5e5}
.crumbs a i{display:block;background:url(../images/pages/home-icon.png) no-repeat center/100%;width:16px;height:15px}
.crumbs span i{display:block;background:url(../images/common/arrR.svg) no-repeat center/100%;width:15px;height:15px}
.popMain{width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:99999;display:none}
.pop-bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:99991;background:rgba(0,0,0,.7)}
.com-banner .content{position:absolute;padding-top:80px;height:100%;width:100%;left:0;top:0}
.com-banner .txt{width:49%}
.com-banner .txt .tit{color:#fff;font-size:42px;font-weight:700;line-height:1;margin-bottom:15px;animation:fadeInUp 1s ease both}
.com-banner .txt p{font-size:14px;color:rgba(255,255,255,.7);line-height:22px;animation:fadeInUp 1s ease both .4s}
.com-banner .txt p.max{font-size:18px;color:#fff;font-weight:500;animation:fadeInUp 1s ease both .4s}
.com-banner .txt .btn{margin-top:35px;animation:fadeInUp 1s ease both .6s}
.com-navigation{background:#eff1f5}
.com-navigation .lft{display:flex;flex-wrap: wrap;}
.com-navigation .lft a{display:flex;align-items:center;white-space:nowrap;height:62px;font-weight:500;font-size:16px;color:#444;padding:0 36px;transition:background .4s ease,color .4s ease}
.com-navigation .lft a:hover{color:#00a2ea}
.com-navigation .lft a.active{background:#e0e4ed;color:#00a2ea}
.com-navigation .rgt .crumbs{background:0 0;display:flex;align-items:center}
.com-tip{color:#444;font-size:16px;margin-top:15px;font-weight:500}
.author-font{font-size:14px;color:#9b8d8d}

/* 金沙js2004线路主页 */
.about-intro{padding-top:140px;background:url(../images/pages/about-intro-bg.jpg) no-repeat left top 80px}
.about-intro .rgt{width:77%}
.about-intro .txt p{font-size:16px;line-height:26px;color:#666;text-indent:2em}
.about-intro .mission{margin-top:70px}
.about-intro .mission ul{display:flex}
.about-intro .mission ul li{min-width:28%}
.about-intro .mission .tit{font-size:32px;font-weight:700;color:#333;line-height:1;margin-bottom:15px}
.about-intro .mission p{color:#666;font-size:16px;line-height:30px}
.about-develop{padding-top:60px;background:url(../images/pages/about-develop-bg-top.jpg) no-repeat right top 30px}
.about-develop .content{padding:100px 0;margin-top:40px}
.develop-main{width:calc(50vw + 700px)}
.develop-main .item{width:21.5%;padding:40px 20px 40px 38px;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);height:auto}
.develop-main .item:hover .year{color:#00a2e9}
.develop-main .item:first-of-type{border-left:0;padding-left:0}
.develop-main .item+.item{border-left:0}
.develop-main .item .year{font-family:DINCond;font-size:54px;color:#fff;line-height:1;transition:color .4s ease}
.develop-main .item .cont{margin-top:30px;padding-right:18px;height:290px;overflow-y:auto;overflow-x:hidden}
.develop-main .item .cont p{color:#fff;font-size:16px;line-height:26px;position:relative}
.develop-main .item .cont p+p{margin-top:10px}
.develop-main .cont::-webkit-scrollbar{width:2px;height:100%;background:rgba(255,255,255,.5)}
.develop-main .cont::-webkit-scrollbar-thumb{background:#00a2e9}
.about-develop .swiper-wrapper{padding-bottom:45px}
.about-develop .swiper-pagination-progressbar{top:auto;bottom:0;height:2px;background:rgba(255,255,255,.2)}
.about-develop .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#00a2e9}
.about-develop .swiper-btn{width:40px;height:40px;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .36s;background:0 0;top:calc(50% - 40px);z-index:2;cursor:pointer;border-radius:50%;position:absolute;opacity:0;visibility:hidden}
.about-develop .contain:hover .swiper-btn{opacity:1;visibility:visible}
.about-develop .swiper-btn:not(.swiper-button-disabled):hover{background:#fff;color:#00a2e9;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.about-develop .swiper-btn.swiper-button-disabled{opacity:0!important;visibility:hidden;cursor:default!important}
.about-develop .swiper-btn.prev{left:-60px}
.about-develop .swiper-btn.next{right:-60px}
.about-adv{padding-bottom:0}

/* 荣誉 */
.about-honor{padding:90px 0 110px}
.about-honor .nav a{font-size:22px;color:#333;line-height:1;position:relative}
.about-honor .nav a+a{margin-left:38px}
.about-honor .nav a:first-of-type{padding-left:0}
.about-honor .nav a:last-of-type{padding-right:0}
.about-honor .nav a span{padding:5px;transition:all .4s ease;border-radius:5px}
.about-honor .nav a:not(.active):hover span{background:rgba(0,0,0,.1)}
.about-honor .nav a:after{content:"";position:absolute;bottom:-10px;background:#00a2ea;height:2px;left:100%;width:0;transition:.2s all linear}
.about-honor .nav a.active:after{width:100%;left:0;transition-delay:.1s;border-bottom-color:#000;z-index:-1}
.about-honor .nav a.active~a:after{left:0}
.about-honor .slider{margin-top:40px}
.about-honor .slider a{position:relative;background:url(../images/pages/photo-frame.png) no-repeat center/100%;height:370px;width:100%;padding:40px;display:block}
.about-honor .slider a .in{border:5px solid #d9d9d9;height:100%;display:flex;align-items:center;justify-content:center}
.about-honor .slider a img{max-width:90%;max-height:90%;object-fit:cover}
.about-honor .slider a:hover:after{transform:scale(1)}
.about-honor .slider a:after{content:'';width:62px;height:62px;border-radius:50%;background:#00a2e9 url(../images/pages/magnifier-icon.png) no-repeat center/29px 30px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;transform:scale(0);transition:transform .4s ease}
.about-honor .slider .tit{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#555;padding:28px 10px 15px;border-bottom:2px solid #eee;text-align:center;transition:color .4s ease,border .4s ease}
.about-honor .slider .item:hover .tit{color:#00a2ea;border-bottom-color:#00a2ea}
.about-honor .slider .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.about-honor .slider .swiper-wrapper{padding-bottom:50px}
.about-honor .slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
.about-honor .slider .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:0 0;border:2px solid #9f9f9f;transition:border .4s ease,background .4s ease}
.about-honor .slider .swiper-pagination-bullet-active{background:#e62129;border-color:#e62129}
.about-honor .slider .swiper-container:not(:first-child){display:none}
.about-team{padding:90px 0 100px;background:#eef4f7}
.about-team .content{margin-top:40px;padding:0 40px}
.about-team .person .item{position:relative;padding:0 40px 30px;background:#fff;display:flex}
.about-team .person .item .pic{height:288px;width:288px;position:relative;z-index:1;background:#fff}
.about-team .person .item .info{width:calc(100% - 288px);z-index:1}
.about-team .person .item .tit{font-size:26px;font-weight:700;color:#333;line-height:1}
.about-team .person .item .heading{display:flex;align-items:center;height:90px;padding-left:38px}
.about-team .person .item .heading .sub{color:#555;font-size:16px;font-weight:500;margin-left:15px}
.about-team .person .item .txt{position:relative;padding:50px 50px 30px 186px}
.about-team .person .item .txt .tit{font-weight:500;margin-bottom:10px}
.about-team .person .item .txt p{font-size:16px;line-height:30px;color:#666;font-weight:500}
.about-team .person .item .txt:after{content:'';background:url(../images/pages/about-team-dot.png) no-repeat center/100%;width:58px;height:51px;position:absolute;left:70px;top:50px}
.about-team .person .item:after{content:'';background:#eef4f7;height:90px;position:absolute;left:0;top:0;z-index:0;width:100%}
.about-team .list{position:relative;margin-top:28px}
.about-team .list .item{width:134px;height:134px;cursor:pointer;transition:all .6s ease;display:flex;align-items:center}
.about-team .list .item.active{width:320px;padding:6px;background:#00a2ea}
.about-team .list .item.active .pic{width:134px;height:100%}
.about-team .list .item.active .pic img{transition:none}
.about-team .list .item.active .info{width:calc(100% - 134px);padding-left:20px;visibility:visible;opacity:1}
.about-team .list .pic{width:100%;height:100%}
.about-team .list .info{color:#fff;overflow:hidden;opacity:0;width:0;visibility:hidden;transition:opacity .4s ease}
.about-team .list .info .tit{font-size:26px;line-height:1;font-weight:700;white-space:nowrap}
.about-team .list .info .sub{font-size:16px;font-weight:500;margin-top:4px;white-space:nowrap}
.about-team .list .swiper-btn{width:70px;height:46px;position:absolute;transform:translateY(-50%);z-index:2;background:#525759;color:#fff;top:50%;transition:background .4s ease,color .4s ease,opacity .4s ease;cursor:pointer}
.about-team .list .swiper-btn:not(.swiper-button-disabled):hover{background:#00a2ea}
.about-team .list .swiper-btn.prev{left:-40px}
.about-team .list .swiper-btn.next{right:-40px}
.coop-banner{padding:80px 0}
.coop-banner p{margin-top:10px;color:#fff;font-size:18px;font-weight:500}

/* 渠道合作 */
.cooperate{background:#f1f4f5;padding:90px 0 100px}
.cooperate .in{background:#fff;padding:80px 50px}
.cooperate .pic{width:45.5%}
.cooperate .heading{color:#444;font-weight:500;line-height:1;font-size:48px}
.cooperate .content{margin-top:30px}
.cooperate .form{width:48.5%}
.cooperate .form ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.cooperate .form li{width:100%;display:flex}
.cooperate .form li+li{margin-top:20px}
.cooperate .form li .tit{min-width:128px;width:128px;text-align:right;font-size:16px;color:#444;margin-top:8px}
.cooperate .form li input,.cooperate .form li select,.cooperate .form li textarea{width:calc(100% - 140px);margin-left:12px;padding:0 18px;border:1px solid #ececec;height:40px;transition:border .4s ease,box-shadow .4s ease}
.cooperate .form li input::placeholder,.cooperate .form li select::placeholder,.cooperate .form li textarea::placeholder{color:#adadad;font-size:14px}
.cooperate .form li input:focus,.cooperate .form li select:focus,.cooperate .form li textarea:focus{border-color:#00a2ea;box-shadow:0 2px 18px 0 rgba(0,162,234,.27)}
.cooperate .form li textarea{height:138px;padding:18px}
.cooperate .form li select{color:#adadad}
.cooperate .form li select option{color:#333}
.cooperate .form li.w50{width:50%}
.cooperate .form li.w50 input{width:197px}
.cooperate .form li.w50+.w50 .tit{min-width:unset}
.cooperate .form li .btn{width:176px;margin-left:12px;margin-top:10px}

/* 产品主页 */
.prod-home{background:#f3f6f7;padding:80px 0 100px}
.prod-home-tab .com-tab{width:100%}
.prod-home-tab-list{margin-top:60px}
.prod-home-tab-cell:not(:first-child){display:none}
.prod-home-tab-cell .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:-30px}
.prod-home-cell.active .item.wow,.prod-home-tab-cell.active .item.wow{animation:none!important}
.prod-home-tab-cell .item{background:#fff;width:49%;display:flex;align-items:center;justify-content:space-between;position:relative;padding:40px 0;margin-top:30px}
.prod-home-tab-cell .item .label{position:absolute;left:0;top:0;width:140px;height:40px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:#fff;font-weight:500;background:#343434}
.prod-home-tab-cell .item .label.red{background:#e62129}
.prod-home-tab-cell .item .info{width:49%;padding-left:50px}
.prod-home-tab-cell .item .info .tit{display:block;font-weight:700;color:#333;position:relative;font-size:24px;padding-bottom:18px;transition:color .4s ease}
.prod-home-tab-cell .item .info .tit:hover{color:#00a2ea}
.prod-home-tab-cell .item .info .tit:after{content:'';width:100%;height:2px;background:#e5e5e5;left:0;bottom:0;position:absolute}
.prod-home-tab-cell .item .info .tit:before{content:'';width:24%;height:2px;background:#00a2ea;left:0;bottom:0;position:absolute;z-index:2;transition:width .4s ease}
.prod-home-tab-cell .item .info .tit:hover:before{width:100%}
.prod-home-tab-cell .item .info p{color:#444;font-size:15px;line-height:26px;margin-top:30px;overflow: hidden; -webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;font-weight:300}
.prod-home-tab-cell .item .info ul{margin-top:50px}
.prod-home-tab-cell .item .info li{font-size:14px;line-height:26px;color:#777;font-weight:300}
.prod-home-tab-cell .item .pic{width:51%;height:370px}
.prod-home-tab-cell .item .pic:hover img{transform:scale(.95)}
.prod-home-list{margin-top:80px}
.prod-home-list .nav a{white-space:nowrap;color:#444;font-size:18px;font-weight:300;line-height:1;padding:5px;transition:background .4s ease,color .4s ease;border-radius:5px}
.prod-home-list .nav a+a{margin-left:40px}
.prod-home-list .nav a.active,.prod-home-list .nav a:hover{color:#00a2ea}
.prod-home-than{margin-top:50px}
.prod-home-cell:not(:first-child){display:none}
.prod-home-cell .list{margin-top:-30px;display:flex;flex-wrap:wrap;justify-content:space-between}
.prod-home-cell .list:after{content:'';width:24%}
.prod-home-cell .item{background:#fff;width:24%;margin-top:30px}
.prod-home-cell .item picture{height:320px}
.prod-home-cell .item .info{height:142px;text-align:center;border-top:1px solid #f3f6f7;display:flex;flex-direction:column;justify-content:center}
.prod-home-cell .item .info .tit{font-weight:700;font-size:24px;color:#2e2e2e;padding:0 10px;transition:color .4s ease}
.prod-home-cell .item .info p{font-size:15px;line-height:26px;margin-top:5px;font-weight:300;padding:0 10px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;height:52px}
.prod-home-cell .item:hover .tit{color:#00a2ea}
.prod-home-cell .item:hover picture img{transform:scale(.95)}

/* 产品详情 */
.prod-info{padding:80px 0 70px}
.prod-info .contain{display:flex;align-items:center}
.prod-picture{width:49%}
.prod-banner-top{height:350px;position:relative;padding:0 40px}
.prod-banner-top .swiper-container{height:100%}
.prod-banner-top .swiper-slide{display:flex;align-items:center;justify-content:center}
.prod-banner-top img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:cover}
.prod-banner-thumbs{margin:30px auto 0;width:410px}
.prod-banner-thumbs .thumbs{height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;cursor:pointer;transition:border .4s ease}
.prod-banner-thumbs .thumbs.active,.prod-banner-thumbs .thumbs:hover{box-shadow:inset 0 0 0 1px #00a2ea;border-color:#00a2ea}
.prod-banner-thumbs img{max-width:80%;object-fit:cover;max-height:80%;width:auto;height:auto}
.prod-info-txt{width:51%;padding-left:78px;position:relative}
.prod-btn{display:flex;width:36px;height:36px;background:#00a2ea;align-items:center;justify-content:center;border-radius:50%;z-index:2;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s ease}
.prod-btn.swiper-button-disabled{background:#eaeaea;pointer-events:none}
.prod-btn:hover{background:#757b85}
.prod-btn.prev{left:0}
.prod-btn.next{right:0}
.prod-info-txt h1{font-size:32px;font-weight:700;color:#333}
.prod-info-txt h2{font-size:16px;color:#444;line-height:22px;margin-top:5px;font-weight:300}
.prod-info-txt .txt{margin-top:20px}
.prod-info-txt p{font-size:14px;line-height:28px;color:#444;position:relative;padding-left:18px;font-weight:300}
.prod-info-txt p:after{content:'';width:6px;height:6px;background:#858585;border-radius:50%;position:absolute;left:0;top:11px}
.prod-info-btn{margin-top:30px}
.prod-info-btn a{display:inline-flex;align-items:center;justify-content:center;width:149px;height:47px;border:1px solid transparent;font-size:16px;font-weight:500;transition:all .4s ease}
.prod-info-btn a:nth-child(1){background:#00a2ea;color:#fff}
.prod-info-btn a:nth-child(2){background:0 0;border-color:#00a2ea;color:#00a2ea;margin-left:10px}
.prod-info-btn a:hover{background:#00a2ea;color:#fff;border-color:#00a2ea}
.prod-shop{position:absolute;right:0;top:0}
.prod-shop a{display:flex;align-items:center;color:#444;font-weight:700;line-height:1;font-size:14px}
.prod-shop i{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:10px;border:1px solid #e81919;transition:color .4s ease,border .4s ease,background .4s ease;color:#e81919}
.prod-shop:hover i{background:#e81919;color:#fff}
.prodDetail{background:#f3f6f7}
.prodDetail .nav{background:#fff;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3}
.prodDetail .nav .list{display:flex}
.prodDetail .nav a{display:flex;align-items:center;justify-content:center;width:152px;color:#444;font-size:18px;font-weight:500;height:70px;border-left:1px solid #f3f3f3;transition:color .4s ease;position:relative}
.prodDetail .nav a.active,.prodDetail .nav a:hover{color:#00a2ea}
.prodDetail .nav a:after{content:"";position:absolute;background:#00a2ea;height:2px;left:100%;width:0;transition:.2s all linear;bottom:0}
.prodDetail .nav a.active:after{width:100%;left:0;transition-delay:.1s;border-bottom-color:transparent}
.prodDetail .nav a.active~a:after{left:0}
.prodDetail .main{padding:50px 0 100px}
.prodDetail .content{background:#fff;width:70%;padding: 60px 50px;}
.prodDetail .content .txt{opacity: 0;visibility: hidden;height: 0;overflow: hidden;}
.prodDetail .content .txt.active{opacity: 1;visibility: visible;height: auto;}
.prodDetail .content .txt.detail p{font-size: 16px;color: #444;line-height: 22px;}
.prodDetail .content .txt.detail iframe{max-width: 100%;}
.prodDetail .content .txt.detail img{max-width:100%;height: auto;display:block;margin:0 auto}
.prodDetail .content .txt.videoList .video-item{display:flex;height:360px}
.prodDetail .content .txt.videoList .video-item+.video-item{margin-top:40px}
.prodDetail .content .txt.videoList .video-item .rgt{width:29.5%;padding:20px 0 12px 38px}
.prodDetail .content .txt.videoList .video-item .rgt .tit{color:#333;font-weight:700;font-size:20px;line-height:24px;margin-bottom:10px}
.prodDetail .content .txt.videoList .video-item .rgt p{color:#666;font-size:14px;line-height:24px}
.prodDetail .content .txt.videoList .video-item .rgt .in{height:100%;overflow-y:auto;padding-right:32px}
.prodDetail .content .txt.videoList .video-item .rgt .in::-webkit-scrollbar{width:2px;height:100%;background:#f1f1f1}
.prodDetail .content .txt.videoList .video-item .rgt .in::-webkit-scrollbar-thumb{background:#00a2ea}
.prodDetail .content .txt.download li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f1f1;padding:25px 0}
.prodDetail .content .txt.download li:first-child{padding-top:0}
.prodDetail .content .txt.download li:hover .tit{color:#00a2ea}
.prodDetail .content .txt.download li .tit{transition:color .4s ease;font-size:15px;color:#666;width:80%}
.prodDetail .content .txt.download li .op{font-size:15px;line-height:1;transition:background .4s ease;padding:2px 4px;border-radius:5px;display:inline-flex;align-items:center}
.prodDetail .content .txt.download li .op i{display:block;background:url(../images/pages/download-icon.png) no-repeat center/100%;width:16px;height:17px;margin-right:12px}
.prodDetail .content .txt.download li .op:hover{background:#f9f4f4}
.com-video{width:71.5%;position:relative}
.com-video video{width:100%;height:100%;object-fit:contain}
.com-video .bg{position:absolute;left:0;top:0}
.com-video .btn{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:2;color:#fff}
.com-video .btn2{width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:2;color:#fff;padding-left:2px;transition:all .4s ease}
.com-video .btn2:hover{background:#000}
.com-video .btn img.btn-img{z-index:3}
.com-video .btn:hover img.btn-img{transform:scale(.95)}
.com-video .btn:hover .bg{transform:scale(1.04)}
.prodDetail .content .table-heading{display: inline-block;padding: 2px 30px;background: linear-gradient(90deg,#00a2ea 0%, #52bae4 100%);font-size: 18px;border-radius: 30px;color: #fff;margin-bottom: 20px;font-weight: lighter;letter-spacing: 2px}
.param-table table{width:100%}
.param-table td{border:1px solid #dce7eb;font-size:16px;color:#444;padding:16px 30px}
.param-table td.tit{background:#e5eef1;text-align:center;width:155px}
.widget{width:27.2%}
.widget .side-item{background:#fff}
.widget .side-item+.side-item{margin-top:20px}
.widget .side-item .heading{font-weight:700;font-size:24px;color:#333;padding:24px 36px;border-bottom:1px solid #f3f6f7;line-height:1}
.widget .side-item .heading.style2{border-bottom:0;font-size:22px}
.widget .side-solution{padding:24px 36px}
.widget .side-solution picture{display:block;height:188px;overflow:hidden}
.widget .side-solution .tit{font-size:20px;font-weight:700;color:#333;margin-top:20px;transition:color .4s ease}
.widget .side-solution p{font-size:14px;color:#777;line-height:22px;font-weight:500}
.widget .side-solution a:hover picture img{transform:scale(1.04)}
.widget .side-solution a:hover .tit{color:#00a2ea}
.widget .side-list{padding:0 36px 26px}
.widget .side-list li.active a{color:#00a2ea}
.widget .side-list li a{font-size:16px;color:#666;font-weight:300;position:relative;display:block;width:100%;padding:10px 0;border-bottom:1px solid rgba(243,243,243,.5);transition:color .4s ease}
.widget .side-list li a:hover{color:#00a2ea}
.widget .side-list li a:after{content:'';background:url(../images/common/arr-gray.svg) no-repeat center/100%;width:15px;height:15px;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.widget .side-list li:nth-last-child(1) a{border-bottom:0}
.widget .side-prod picture{height:258px}
.widget .side-prod .info{border-top:1px solid #f7f7f7;padding:50px 20px}
.widget .side-prod a:hover picture img{transform:scale(.95)}
.widget .side-prod a:hover .title{color:#00a2ea}
.widget .side-prod a:hover .title+.label{border-color:#00a2ea;color:#fff;background:#00a2ea}
.widget .side-caseList{padding:26px 36px 34px}
.widget .side-caseList ul{padding-right:45px}
.widget .side-caseList li+li{margin-top:5px}
.widget .side-caseList li a{font-size:14px;color:#777;font-weight:300;position:relative;padding-left:16px;-webkit-box-decoration-break:clone;line-height:24px;transition:color .4s ease}
.widget .side-caseList li a:after{content:'';width:3px;height:3px;border-radius:50%;background:#ccc;position:absolute;left:0;top:6px;transition:background .4s ease}
.widget .side-caseList li a:hover{color:#00a2ea}
.widget .side-caseList li a:hover:after{background:#00a2ea}
.widget .side-caseList .go-link{color:#00a2ea;margin-top:18px;font-weight:300;font-size:16px;display:inline-block;border-radius:5px;margin-left:14px;padding:2px;transition:background .4s ease}
.widget .side-caseList .go-link:hover{background:#f9f4f4}
.com-prod-tit{display:flex;justify-content:center;position:relative;align-items:center}
.com-prod-tit .title{color:#333;font-weight:700;font-size:24px;transition:color .4s ease}
.com-prod-tit .label{font-size:12px;font-weight:500;color:#b5b5b5;border:1px solid #b5b5b5;padding:2px;border-radius:3px;margin-left:10px;line-height:1;transition:color .4s ease,border .4s ease,background .4s ease}
.com-prod-list{display:flex;flex-wrap:wrap;margin-top:6px}
.com-prod-list li{padding-left:34px;color:#444;font-size:13px;width:50%;position:relative;margin-top:8px}
.com-prod-list li:after{content:'';background:url(../images/pages/yes-icon.png) no-repeat center/100%;width:11px;height:8px;position:absolute;left:10px;top:4px}
.pop-contact{background:#fff;z-index:99992;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:408px;border-radius:10px;padding:30px 30px 0}
.pop-contact .heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #ebebeb}
.pop-contact .heading .tit{color:#000;font-size:20px;font-weight:700;line-height:1}
.pop-contact .heading .close{display:block;width:18px;height:18px;background:0 0;transition:background .4s ease;cursor:pointer;border-radius:3px}
.pop-contact .heading .close:hover{background:#f0f0f0}
.pop-contact .heading .close:hover i{transform:scale(.8)}
.pop-contact .heading .close i{display:block;background:url(../images/common/close-gray.svg) no-repeat center/100%;width:100%;height:100%;transition:transform .4s ease}
.pop-contact .cont{padding:30px 0;background:url(../images/pages/pop-contact-bg.jpg) no-repeat bottom}
.pop-contact .qr-code{width:160px;height:160px;border:1px solid #efefef;padding:10px;margin:0 auto}
.pop-contact .name{margin-top:18px;font-size:20px;font-weight:500;color:#333;line-height:1}
.pop-contact .phone{line-height:1;color:#333;font-weight:500;font-size:14px;margin-top:10px}
.pop-contact .swiper-wrapper{padding-bottom:40px}

/* 方案 */
.case-video{padding-top:90px}
.case-video .slider{margin-top:40px}
.case-video .swiper-pagination{display:flex;justify-content:center;width:100%;height:2px;bottom:38px}
.case-video .swiper-pagination-bullet{width:16px;height:2px;border-radius:0;opacity:.25;background:#fff;margin:0 2px}
.case-video .swiper-pagination-bullet-active{opacity:1}
.case-video .txt{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;padding-top:20px}
.case-video .txt .tit{font-weight:700;font-size:36px;line-height:1}
.case-video .item{width:1200px;overflow:hidden}
.case-video .item img{position:relative;z-index:2;transition:opacity .4s ease}
.case-video .video{position:absolute;object-fit:cover;width:100%;height:100%;left:0;top:0;background:#ccc;display:flex;align-items:center;justify-content:center}
.case-video .video video{max-height:100%;width:auto}
.case-video .swiper-btn{width:1200px;top:50%;transform:translate(-50%,-50%);position:absolute;left:50%;padding:0 40px;z-index:2}
.case-video .swiper-btn a{color:#fff;z-index:2;position:absolute;transition:color .4s ease,background .4s ease;border-radius:8px}
.case-video .swiper-btn a.prev{left:40px}
.case-video .swiper-btn a.next{right:40px}
.case-video .swiper-btn a:hover{background:#fff;color:#00a2ea}
.case-video-btn{width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:2;color:#fff;padding-left:2px;transition:all .4s ease}
.case-video-btn:hover{background:rgba(0,0,0,1)}
.case-adv{padding:90px 0 110px}
.case-adv .list{margin-top:68px}
.case-adv .list .cell:not(:first-child){display:none}
.case-adv-nav{margin-top:25px}
.case-adv-nav a{display:flex;align-items:center;font-size:20px;font-weight:500;color:#434343;padding-bottom:10px;border-bottom:2px solid transparent;transition:border .4s ease,color .4s ease}
.case-adv-nav a:not(.active):hover{color:#00a2ea}
.case-adv-nav a i{margin-right:12px}
.case-adv-nav a+a{margin-left:50px}
.case-adv-nav a.active{border-color:#00a2ea}
.case-adv .list .cell.active li.wow{animation:none!important}
.case-adv ul{display:flex;flex-wrap:wrap;margin-top:-30px}
.case-adv ul li{width:20%;text-align:center;margin-top:30px;padding:0 20px}
.case-adv ul.num3 li{width:33.33%}
.case-adv ul.num4 li{width:25%}
.case-adv ul.num5 li{width:20%}
.case-adv ul.num6 li{width:16.66%}
.case-adv ul li:hover i{border-radius:50%}
.case-adv ul i{width:79px;height:79px;border-radius:30px;background:#00a1fd;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:border-radius .4s ease}
.case-adv ul .tit{font-size:22px;font-weight:500;color:#333;margin-top:24px}
.case-adv ul .desc{font-size:16px;line-height:22px;color:#777;margin-top:15px}
.case-arc{padding:80px 0 100px;background:#e9f0f3;position:relative;overflow:hidden}
.case-arc .bg1{position:absolute;left:-10px;top:-50px;z-index:0}
.case-arc .bg2{position:absolute;right:0;bottom:0;z-index:0}
.case-arc .nav{display:flex;align-items:center;margin-top:28px;justify-content:center;position:relative}
.case-arc .nav .in{background:#fff;border-radius:30px;position:relative}
.case-arc .nav a{display:flex;height:48px;align-items:center;padding:0 54px;color:#444;font-size:20px;line-height:1;z-index:1;position:relative;transition:color .4s ease .2s}
.case-arc .nav a.active{color:#fff}
.case-arc .nav .blk{border-radius:30px;position:absolute;width:0;height:100%;background:#00a2ea;z-index:0}
.case-arc-cell{position:relative;z-index:2;background:#fff;margin-top:40px}
.case-arc-cell:not(:first-child){display:none}
.case-arc-cell .pic{padding:30px;width:74.5%;border-right:1px solid #f1f3f4}
.case-arc-cell .txt{width:25.5%;padding:70px 30px}
.case-arc-cell .txt .tit{color:#333;font-weight:700;line-height:32px;position:relative;padding-bottom:18px;font-size:24px}
.case-arc-cell .txt .tit:after{content:'';width:100%;height:2px;background:#f5f5f5;position:absolute;bottom:0;left:0}
.case-arc-cell .txt .tit:before{content:'';width:34px;height:2px;background:#e62129;position:absolute;left:0;bottom:0;z-index:2}
.case-arc-cell .txt .in{margin-top:50px;height:500px;overflow-y:auto}
.case-arc-cell .txt p{color:#777;font-size:15px;line-height:26px}
.case-prod{padding:90px 0 110px}
.tab-com-nav{display:flex;align-items:center;justify-content:center;margin-top:30px}
.tab-com-nav .item,.tab-com-nav a{font-size:20px;color:#666;font-weight:500;display:inline-block;padding-bottom:15px;cursor:pointer}
.tab-com-nav .item{width:auto}
.tab-com-nav .item+.item,.tab-com-nav a+a{margin-left:35px}
.tab-com-nav .in.onSlider .item+.item{margin-left:0!important}
.tab-com-nav .in.onSlider .item{text-align:center}
.tab-com-nav .in.onSlider{margin: 0 20px;}
/*新增*/
.tab-com-nav .in.onSlider .swiper-slide:last-child{margin-right: 0px!important;}
.tab-com-nav .in{margin: 0 20px;}
.tab-com-nav .in.onSlider.innet{margin: 0 20px;width:auto!important;}
/*----*/
.tab-com-nav .swiper-btn{width:30px;height:30px;cursor:pointer;border-radius:5px;;display:block;background:transparent;color:#00a2e9}
.tab-com-nav .swiper-btn:not(.swiper-button-disabled):hover{background:#00a2e9;color:#fff}
.tab-com-nav .in{border-bottom:2px solid #d2e2e9;position:relative}
.tab-com-nav .line{content:'';width:0;background:#00a2ea;height:2px;position:absolute;left:0;border-bottom:0}
.tab-com-nav .item:after{content:'';width:100%;background:#00a2ea;height:2px;position:absolute;left:0;bottom:0;transition:all .4s ease;opacity:0}
.tab-com-nav .item.active:after{opacity:1}
.tabSlider .in{border:0}
.tabSlider .in .swiper-container{width:100%}
.tabSlider .in:after{content:'';width:100%;height:2px;position:absolute;left:0;bottom:0;border-bottom:2px solid #d2e2e9}
.case-prod-main{margin-top:46px}
.case-prod-main .cell:not(:first-child){display:none}
.case-prod-main .item{border:1px solid #f7f7f7;display:block}
.case-prod-main .item picture{height:326px}
.case-prod-main .item .info{background:#f1f6f8;padding:50px}
.case-prod-main .item:hover .title{color:#00a2ea}
.case-prod-main .item:hover picture img{transform:scale(.95)}
.case-prod-main .item:hover .label{border-color:#00a2ea;color:#fff;background:#00a2ea}
.case-prod-main .swiper-btn{width:84px;height:84px;background:0 0;color:#898989;position:absolute;z-index:2;top:50%;transform:translateY(-50%);transition:color .4s ease;cursor:pointer}
.case-prod-main .swiper-btn.prev{left:-84px}
.case-prod-main .swiper-btn.next{right:-84px}
.case-prod-main .swiper-btn:not(.swiper-button-disabled):hover{color:#00a2ea}
.case-sw{padding:100px 0 90px;background:url(../images/pages/case-sw-bg.jpg) no-repeat center/cover}
.case-sw-main{margin-top:40px;display:flex}
.case-sw-tab{width:208px;overflow-y:scroll}
.case-sw-tab a{font-size:18px;color:#fff;font-weight:500;width:122px;padding:6px 0;border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;transition:background .4s ease}
.case-sw-tab a+a{margin-top:15px}
.case-sw-tab a.active,.case-sw-tab a:hover{background:#00a2ea}
.case-sw-tab::-webkit-scrollbar{width:4px;height:100%;background:rgba(217,223,226,.5)}
.case-sw-tab::-webkit-scrollbar-thumb{background:#00a2ea}
.case-sw-txt{width:calc(100% - 208px);padding-left:90px;color:#fff}
.case-sw-txt .heading{padding-bottom:24px;border-bottom:1px solid rgba(174,174,174,.2)}
.case-sw-txt .heading .txt{width:80%}
.case-sw-txt .tit{font-weight:700;font-size:26px;line-height:1}
.case-sw-txt p{font-weight:500;font-size:18px;margin-left:20px}
.case-sw-txt ul{margin-top:10px;margin-left:-25px;height:34px;overflow:hidden}
.case-sw-txt ul li{font-size:15px;padding-left:26px;margin-left:25px;position:relative;margin-top:10px}
.case-sw-txt ul li:after{content:'';background:url(../images/pages/ok-icon.png) no-repeat center/100%;width:16px;height:16px;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.case-sw-txt .view{margin-top:15px;line-height:1;font-size:15px;align-items:center;display:none}
.case-sw-txt .view.on i{transform:rotate(180deg)}
.case-sw-txt .view i{display:block;background:#00a2ea url(../images/common/arrDW.svg) no-repeat center/12px;width:30px;height:30px;border-radius:50%;margin-right:10px;transition:transform .4s ease}
.case-sw-txt .pic{margin-top:30px}
.case-list{padding:90px 0 100px;background:#f3f3f3}
.case-listM{background:#fff;}
.case-list-main{margin-top:50px}
.case-list-main section:not(:first-child){display:none}
.case-list-main .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.case-list-main .swiper-wrapper{padding-bottom:48px}
.case-list-main .swiper-pagination-bullet{width:10px;height:10px;border:2px solid #8c8c8c;background:0 0;opacity:1}
.case-list-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
.case-list-main .swiper-pagination-bullet-active{background:#00a2ea;border-color:#00a2ea}
.case-list .item{display:block}
.case-list .item picture{height:312px;overflow:hidden;display:block}
.case-list .item .info{background:#fff;padding:30px}
.case-list .item .info .tit{font-size:20px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;transition:color .4s ease}
.case-list .item .info p{color:#999;font-size:14px;line-height:20px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:40px;margin-top:5px}
.case-list .item:hover .tit{color:#00a2ea}
.case-banner{padding:50px 0;color:#fff}
.case-banner .tit{font-size:33px;font-weight:500;line-height:1}
.case-banner p{font-size:16px;margin-top:10px}
.mc_aside_navbox{position:fixed;left:0;padding-left:52px;top:50%;transform:translateY(-50%) translateX(-100%);z-index:99;transition:all .36s ease-out}
.mc_aside_navbox.show{transform:translateY(-50%) translateX(0)}
.mc_aside_li{position:relative;z-index:1;padding-left:20px;font-size:14px;line-height:20px;color:#777;margin:30px 0;border-top:1px solid transparent;border-bottom:1px solid transparent;cursor:pointer;transition:all .36s}
.mc_aside_li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:#00a2ea;border:1px solid #fff;transition:all .36s}
.mc_aside_li::after{display:none;content:"";position:absolute;left:4px;top:50%;width:1px;height:65px;border-radius:50%;background:#d4dbf1;z-index:-1;transition:all .36s}
.mc_aside_li:last-child::after{display:none}
.mc_aside_li.on{color:#333}
.mc_aside_li.on::before{box-shadow:0 0 8px 0 rgba(79,115,233,.75)}
.mc_aside_li.on::after{background:#00a2ea}
.mc_aside_nav{position:relative}
.mc_aside_nav::before{content:"";position:absolute;left:4px;top:11px;z-index:-2;width:1px;height:calc(100% - 22px);background:#d4dbf1;transition:all .36s}
.mc_aside_navline{display:block;position:absolute;left:4px;top:11px;z-index:-1;width:1px;max-height:calc(100% - 22px);background:#00a2ea;transition:all .3s}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/pages/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1}

/* 案例 */
.case-page{background:url(../images/pages/case-page-bg.jpg) no-repeat bottom right;padding:70px 0 110px}
.case-page .select select{padding:0 22px 0 10px;color:#3c3c3c;font-size:18px;line-height:18px;background-position:right;background-size:10px;position:relative;z-index:2}
.case-page-list{margin-top:-25px;display:flex;flex-wrap:wrap;justify-content:space-between}
.case-page-list:after{content:'';width:32%}
.case-page-list .item{display:block;width:32%;margin-top:60px}
.case-page-list .item picture{height:312px;overflow:hidden;display:block}
.case-page-list .item:hover picture img{transform:scale(1.04)}
.case-page-list .item .info{padding:34px 0 30px;border-bottom:2px solid #ececec;transition:border .4s ease}
.case-page-list .item:hover .info{border-bottom-color:#00a2ea}
.case-page-list .item .tit{color:#333;font-size:24px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .4s ease}
.case-page-list .item:hover .tit{color:#00a2ea}
.case-page-list .item p{color:#777;font-size:14px;line-height:22px;margin-top:5px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:44px}
.case-partner{padding:90px 0 110px;background:#f8f8f8}
.case-partner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.case-partner .swiper-wrapper{padding-bottom:40px}
.case-partner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
.case-partner .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:0 0;border:2px solid #9f9f9f;transition:border .4s ease,background .4s ease}
.case-partner .swiper-pagination-bullet-active{background:#e62129;border-color:#e62129}
.case-partner .swiper-container:not(:first-child){display:none}
.case-partner .slider{margin-top:40px}
.case-partner ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-18px}
.case-partner ul:after{content:'';width:19%}
.case-partner li{width:19%;background:#fff;border:1px solid #e9ecf1;height:100px;margin-top:18px}
.case-partner li img:hover{transform:scale(1.04)}

/* 案例详情 */
.case-detail{padding:90px 0 110px;background:#f3f6f7}
.case-detail-cont .content{width:70%;background:#fff;padding:80px 75px}
.case-detail-cont .content p{color:#666;font-size:15px;line-height:26px}
.case-detail-cont .content .sub-tit{font-weight:700;font-size:24px;color:#333;padding-left:20px;position:relative}
.case-detail-cont .content .sub-tit:after{content:'';width:3px;height:80%;background:#e62129;left:0;top:10%;position:absolute}
.case-detail-cont .content img{max-width:100%!important;display:block;margin:0 auto;height:auto!important;width:auto!important}
.case-detail-cont .com-video{width:auto;max-width:100%;margin:0 auto}
.widget-case-btn{font-size:16px;line-height:1;background:#00a2ea;color:#fff;padding:20px 0;margin-bottom:10px}
.widget-case-btn i{display:block;background:url(../images/pages/kf-icon.png) no-repeat center/100%;width:15px;height:15px;margin-right:10px}

/* 线上购买 */
.svc-buy{background:#f9f9f9;padding:90px 100px}
.svc-buy .list{margin-top:-40px}
.svc-buy .list:after{content:'';width:31%}
.svc-buy .item{width:23%;margin-top:40px;transition:box-shadow .4s ease}
.svc-buy .item:hover{box-shadow:0 0 10px 0 rgba(70,70,70,.09)}
.svc-buy .item .pic{height:170px;overflow:hidden;background:#f3f3f3}
.svc-buy .item .tit{font-size:26px;font-weight:500;line-height:1;color:#14181d}
.svc-buy .item .go{margin:22px auto 0}
.svc-buy .item .go:hover{background:#e62129;color:#fff;border-color:#e62129}
.svc-buy .info{text-align:center;background:#fff;padding:40px 0 56px}

/* 售后服务 */
.svc-after .item{padding:50px 0}
.svc-after .item .picture{text-align:center}
.svc-after .item.max .pic{width:100%}
.svc-after .item .contain{display:flex;align-items:center}
.svc-after .item .pic{display:flex;align-items:center;justify-content:center;width:72%}
.svc-after .item .arrow{margin:0 90px}
.svc-after .item .txt{width:28%;padding-left:90px}
.svc-after .item .txt .num{font-size:60px;line-height:1;font-family:DINCond;color:#00a2ea;margin-bottom:30px}
.svc-after .item .txt .num span{border-bottom:5px solid #00a2ea}
.svc-after .item .txt p{color:#575757;font-size:16px;font-weight:500;line-height:26px}
.svc-after .item .txt span{color:#00a2ea}
.svc-after .item .desc{text-align:left;font-weight:500;color:#000;font-size:16px;line-height:24px;max-width:180px;margin:20px auto 0}
.svc-after .item .desc span{color:#00a2ea}
.svc-after .item:not(.max):nth-child(even){background:#f4f7f8}
.svc-after .item:not(.max):nth-child(even) .contain{flex-direction:row-reverse}
.svc-after .item:not(.max):nth-child(even) .arrow:nth-of-type(1){margin-left:0}

/* 自助咨询 */
.svc-consult{background:#f9f9f9;padding:80px 0 90px}
.sp-faq{margin-top:30px}
.sp-faq:not(:first-child){display:none}
.sp-faq-item .title{display:flex;align-items:center;position:relative;cursor:pointer;padding:24px 0;border-bottom:1px solid #f5f5f5}
.sp-faq-item .title:after{content:'';background:url(../images/pages/plus-icon.png) no-repeat center/12px;border-radius:2px;height:20px;width:20px;position:absolute;right:0;top:26px;transition:all .4s ease}
.sp-faq-item .title:not(.on):hover:after{background-color:#fff6f6}
.sp-faq-item .title.on:after{transform:rotate(45deg)}
.sp-faq-item .title em{font-style:normal;width:56px;font-size:18px;font-weight:700;color:#333;line-height:1}
.sp-faq-item .title span{font-size:16px;font-weight:700;color:#333;display:block;width:calc(100% - 56px);padding-right:30px}
.sp-faq-item .title:hover span{text-decoration:underline}
.sp-faq-item .txt{background:#f5f5f5;padding:50px 36px;display:none;opacity:1!important;visibility: inherit!important;height:auto!important;}
.sp-faq-item .txt p{font-size:15px;line-height:24px;color:#555}
.svc-consult-cont{padding:76px 0 90px;background:#fff}
.svc-consult-cont section.ask{padding:0 180px;margin-top:30px}
.svc-consult-cont section.ask .ask-nav{display:flex;justify-content:center}
.svc-consult-cont section.ask .ask-nav a{color:#666;font-size:16px;font-weight:500;line-height:1;padding-bottom:10px;border-bottom:2px solid transparent;transition:color .4s ease,border .4s ease}
.svc-consult-cont section.ask .ask-nav a+a{margin-left:50px}
.svc-consult-cont section.ask .ask-nav a.active{border-bottom-color:#00a2ea}
.svc-consult-cont section.ask .ask-nav a:hover{color:#00a2ea}
.svc-consult-cont section.ask .ask-search{margin-top:25px;display:flex;justify-content:center}
.svc-consult-cont section.ask .ask-search input{width:314px;border:1px solid #eaeaea;border-right:0;padding:0 18px;height:46px}
.svc-consult-cont section.ask .ask-search input::placeholder{font-size:15px;color:#555}
.svc-consult-cont section.ask .ask-search .go{background:#00a2ea;font-size:16px;width:85px;color:#fff;cursor:pointer;border-top-right-radius:5px;border-bottom-right-radius:5px}
.svc-consult-cont section.ask .btn{margin-top:15px}
.svc-consult-cont section.msg{margin-top:30px;padding-top:40px;background:url(../images/pages/svc-consult-bg.png) no-repeat top/contain;display:flex;justify-content:center}
.svc-consult-cont section.msg .inline-input{display:flex;margin-bottom:18px}
.svc-consult-cont section.msg .inline-input.code input{width:340px}
.svc-consult-cont section.msg .inline-input.code img{width:100px;object-fit:cover;cursor:pointer;margin-left:auto}
.svc-consult-cont section.msg .inline-input p{width:80px;padding-top:14px;text-align:right;line-height:1;font-size:16px;color:#444}
.svc-consult-cont section.msg .inline-input p b{color:#e62129}
.svc-consult-cont section.msg .inline-input input,.svc-consult-cont section.msg .inline-input textarea{width:448px;height:46px;background:#fff;border:1px solid #ececec;margin-left:10px;padding:10px 18px;transition:border .4s ease,background .4s ease,box-shadow .4s ease}
.svc-consult-cont section.msg .inline-input input:focus,.svc-consult-cont section.msg .inline-input textarea:focus{background:#fff;border-color:#00a2ea;box-shadow:0 2px 18px 0 rgba(0,162,234,.27)}
.svc-consult-cont section.msg .inline-input input::placeholder,.svc-consult-cont section.msg .inline-input textarea::placeholder{font-size:14px;color:#adadad}
.svc-consult-cont section.msg .inline-input textarea{height:138px}
.svc-consult-cont section.msg .btn{margin-left:10px;width:176px}
.svc-consult-nav{display:flex;justify-content:center}
.svc-consult-nav a{height:92px;width:390px;align-items:center;padding:0 88px;font-weight:700;font-size:30px;line-height:1;color:#72b3cc;display:flex;background:#e8f0f3;position:relative;overflow:hidden;z-index:2;transition:background .4s ease,color .4s ease}
.svc-consult-nav a+a{margin-left:30px}
.svc-consult-nav a:after{content:'';position:absolute;left:0;bottom:-50px;z-index:-1;transition:background .4s ease}
.svc-consult-nav a.ask:after{background:url(../images/pages/svc-consult-nav-ask.png) no-repeat center/100%;width:128px;height:116px}
.svc-consult-nav a.msg:after{background:url(../images/pages/svc-consult-nav-msg.png) no-repeat center/100%;width:127px;height:122px;left:-10px}
.svc-consult-nav a.ask.active:after,.svc-consult-nav a.ask:hover:after{background-image:url(../images/pages/svc-consult-nav-ask-color.png)}
.svc-consult-nav a.active,.svc-consult-nav a:hover{background:#00a2ea;color:#fff}

/* 工具软件下载 */
.svc-download{background:#fff;padding:60px 50px}
.svc-download .heading{display:flex;align-items:center;color:#444;font-size:32px;line-height:1;font-weight:500}
.svc-download .heading i{display:block;background:url(../images/pages/svc-download-icon.png) no-repeat center/100%;width:39px;height:39px;margin-right:16px}
.svc-download .nav{margin-top:25px;display:flex;align-items:center}
.svc-download .nav .item p{font-size:14px;color:#919191;font-weight:300;line-height:1;margin-bottom:15px}
.svc-download .nav .item+.item{margin-left:16px}
.svc-download .nav input,.svc-download .nav select{width:300px;height:46px;padding:0 20px;color:#555;border:1px solid #ddd;border-radius:4px;font-size:16px}
.svc-download .nav input::placeholder,.svc-download .nav select::placeholder{color:#555;font-size:16px}
.svc-download .nav .form{display:flex;border-radius:4px;overflow:hidden}
.svc-download .nav .form input{border-right:0}
.svc-download .nav button{width:85px;background:#00a2ea;color:#fff;font-size:16px;transition:opacity .4s ease;cursor:pointer}
.svc-download .nav button:hover{opacity:.8}
.svc-download .list{margin-top:25px}
.svc-download .list ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.svc-download .list li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f1f1;padding:25px 0;width:49%}
.svc-download .list li:hover .tit{color:#00a2ea}
.svc-download .list li .tit{transition:color .4s ease;font-size:15px;color:#666;width:80%}
.svc-download .list li .op{font-size:15px;line-height:1;transition:background .4s ease;padding:2px 4px;border-radius:5px;display:inline-flex;align-items:center}
.svc-download .list li .op i{display:block;background:url(../images/pages/download-icon.png) no-repeat center/100%;width:16px;height:17px;margin-right:12px}
.svc-download .list li .op:hover{color:#00a2ea}
.svc-download .list li .op:hover i{background-image:url(../images/pages/download-icon-blue.png)}

/* 人才 */
.talents-idea{padding:90px 0 60px;background:url(../images/pages/talents-idea-bg.jpg) no-repeat bottom left}
.talents-idea .main{margin-top:50px}
.talents-idea .txt{width:45%}
.talents-idea .txt .tit{color:#444;font-size:30px;font-weight:500;line-height:1}
.talents-idea .txt .content{margin-top:20px}
.talents-idea .txt p{color:#777;font-size:16px;line-height:26px}
.talents-idea .pic{text-align:center;width:45%}

/* 人才理念图片 */
.talents-idea .pic .col{width:21.43%;display:flex;flex-wrap:wrap;justify-content:space-between;height:100%}
.talents-idea .pic .r{margin-left:auto}
.talents-idea .pic .t{margin-top:6px}
.talents-idea .pic .w3{width:32%}
.talents-idea .pic .w5{width:48.5%}
.talents-idea .pic .w6{width:65.5%}
.talents-idea .pic .w10{width:100%}
.talents-idea .pic .h5{height:65px}
.talents-idea .pic .h10{height:135px}
.talents-idea .pic .col.max{width:32.54%}
.talents-idea .pic span{border-radius:5px;display:flex;color:#fff;font-size:26px;overflow:hidden}
.talents-idea .pic span.red{background:#c61200}
.talents-idea .pic span.blue{background:#00a2e9}
.talents-idea .pic span.transparent{background:0 0}
.talents-idea .pic .img{display:block;border-radius:5px;overflow:hidden}
.talents-idea .pic .img img{transition: all .4s ease;width: 100%;height: 100%;object-fit: cover;}
.talents-idea .pic .img:hover img{transform: scale(1.2);}
.talents-idea .pic .p-lft{position:relative;left:-53%}
.talents-idea .pic .p-rgt{position:relative;right:-32%}

.join-style{padding:90px 0 116px}
.join-style .slider{margin-top:36px}
.join-style .item{display:flex;justify-content:space-between;flex-wrap:wrap}
.join-style .item .lft{width:66%}
.join-style .item .rgt{display:flex;flex-direction:column;justify-content:space-between;width:32%}
.join-style .item a{display:block;position:relative;overflow:hidden}
.join-style .item a:hover img{transform:scale(1.04)}
.join-style .item a .tit{position:absolute;left:0;bottom:0;height:64px;display:flex;align-items:center;width:100%;background:rgba(0,0,0,.5);color:#fff;font-weight:700;font-size:18px;line-height:1;padding:0 30px;transition:background-color .8s ease}
.join-style .item a:hover .tit{background:#000}
.join-style .item a .tit span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.join-style .swiper-btn{position:absolute;top:50%;transform:translateY(-50%);color:#fff;z-index:2;background-color:transparent;cursor:pointer;transition:color .4s ease,background-color .4s ease;display:flex;align-items:center;justify-content:center}
.join-style .swiper-btn:not(.swiper-button-disabled):hover{background:rgba(27,116,198,.3);color:#1b74c6}
.join-style .swiper-btn.prev{left:-58px}
.join-style .swiper-btn.next{right:-58px}
.join-jobs{padding:86px 0 80px}
.join-jobs-select{padding:50px;background:#fff;box-shadow:0 0 43px 0 rgba(153,153,153,.14);margin-top:38px}
.join-jobs-select .item{display:flex}
.join-jobs-select .item+.item{margin-top:25px}
.join-jobs-select .item .tit{width:62px;font-weight:700;color:#333;line-height:1;font-size:16px;min-width:62px}
.join-jobs-select .item .list{display:flex;flex-wrap:wrap;margin:-10px 0 0 -28px}
.join-jobs-select .item .list a{color:#777;font-size:16px;line-height:1;margin:6px 0 0 24px;transition:color .4s ease,background-color .4s ease;padding:4px;border-radius:4px;position:relative}
.join-jobs-select .item .list a:after{content:'';width:calc(100% - 8px);left:4px;bottom:0;position:absolute;background:0 0;height:1px}
.join-jobs-select .item .list a.active{color:#e62129}
.join-jobs-select .item .list a.active:after{background:#e62129}
.join-jobs-select .item .list a:not(.active):hover{background:#eaeaea}
.join-jobs-select .item-search{height:46px;display:flex}
.join-jobs-select .item-search input{width:314px;border:1px solid #eee;padding:0 18px;transition:all .4s ease;border-right:0}
.join-jobs-select .item-search input:focus{background:#fff;border-color:#00a2ea;box-shadow:0 2px 18px 0 rgba(0,99,180,.27)}
.join-jobs-select .item-search input::placeholder{font-size:15px;color:#555}
.join-jobs-select .item-search button{width:84px;background:#00a2ea;color:#fff;font-size:16px;border-top-right-radius:4px;border-bottom-right-radius:4px;cursor:pointer;transition:opacity .4s ease}
.join-jobs-select .item-search button:hover{opacity:.8}
.jobs-list{margin-top:70px}
.jobs-item{padding:22px 46px 22px 58px;display:flex;border-bottom:1px solid #ececec;cursor:pointer;transition:background-color .4s ease}
.jobs-item:not(:first-of-type):hover{background:#f7f7f7}
.jobs-item:first-of-type{border-top:1px solid #ececec}
.jobs-item.jobs-header{padding:0 46px 30px 58px;border-top:0;cursor:default}
.jobs-tit{width:10%;color:#555;font-size:16px}
.jobs-item.jobs-header .jobs-tit{font-weight:700}
.jobs-tit:nth-child(1){width:28%}
.jobs-tit:nth-child(2){width:20%}
.jobs-tit:nth-child(3){width:18%}
.jobs-tit:nth-child(4){width:18%}
.jobs-tit span{display:block;width:90%}
.jobs-arrow{width:1%;text-align:right;display:flex;align-items:center;margin-left:auto}
.jobs-arrow i{margin-left:auto;display:block;background:url(../images/pages/arrow-bottom.png) no-repeat center/100%;width:14px;height:7px}
.jobs-arrow i.on{transform:rotate(180deg)}
.jobs-item-cont{background:#fafafa;padding:60px 58px 70px;display:none}
.jobs-item-cont h4{font-weight:700;font-size:18px;color:#333;margin-bottom:10px}
.jobs-item-cont p{font-size:14px;line-height:28px;color:#666}
.jobs-item-cont a{display:flex;align-items:center;justify-content:center;width:150px;height:42px;margin-top:26px;color:#fff;font-size:16px;transition:all .4s ease;background:#00a2ea}
.jobs-item-cont a i{display:block;background:url(../images/pages/jobs-icon.png) no-repeat center/100%;width:18px;height:17px;margin-right:8px;transition:all .4s ease}
.jobs-item-cont a:hover i{width:0;margin:0}
.call-btn{display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:700;position:relative}
.call-btn .code{background:#fff;z-index:999;box-shadow:0 5px 40px rgba(17,58,93,.1);position:absolute;bottom:50px;left:-24px;width:120px;height:120px;padding:4px;opacity:0;visibility:hidden;transform:translateY(-10px)}
.call-btn:hover .code{transition:all .5s ease;opacity:1;transform:translateY(0);visibility:visible}
.call-btn b{display:block}
.call-btn i{width:40px;height:40px;border:2px solid #fff;border-radius:50%;margin-right:10px;transition:background .4s ease,color .4s ease;color:#fff}
.call-btn:hover i{background:#fff;color:#07c160}

/* 公司新闻 */
.news{padding:84px 0 86px;background:#f7f7f7}
.news-start .pic{width:64.5%;overflow:hidden;position:relative}
.news-start .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}
.news-start:hover .info{transform:translateX(-5px)}
.news-start:hover .pic img{height:110%}
.news-start .info{width:35.5%;background:#fff;padding:72px 50px 90px 42px;transition:all .2s ease}
.news-start .tit{color:#333;font-size:25px;font-weight:500;line-height:30px;margin-top:20px;display:block;transition:color .4s ease}
.news-start .tit:hover{color:#00a2ea}
.news-start p{color:#777;font-size:14px;line-height:22px;margin-top:20px}
.news-start .btn{margin-top:20px}
.news-time{width:84px;min-width:84px;height:84px;background:#f0f0f0;font-family:DINCond;font-size:14px;line-height:1;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .4s ease,color .4s ease}
.news-time span{display:block;font-size:35px;font-weight:700;line-height:1;margin-top:5px}
.news-list{margin-top:30px}
.news-list .item{display:flex;align-items:center;padding:14px 18px;width:49%;border-top:1px solid transparent;transition:border .4s ease;background:#fff;margin-top:30px}
.news-list .item .tit{color:#333;font-weight:500;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:18px}
.news-list .item:hover{border-top-color:#00a2ea}
.news-list .item:hover .news-time{background:#00a2ea;color:#fff}

/* 行业资讯 */
.ind-list{padding:70px 0 110px;background:#f7f7f7}
.ind-list .contain:after{content:'';width:32%}
.ind-list .list{margin-top:-28px}
.ind-item-start{width:32%;display:block;margin-top:28px}
.ind-item-start .ind-item{width:100%;margin-top:0}
.ind-item-start picture{height:306px;display:block;overflow:hidden}
.ind-item-start:hover picture img{transform:scale(1.04)}
.ind-item-start:hover .news-time{background:#00a2ea;color:#fff}
.ind-item-start:hover .ind-item{box-shadow:inset 0 0 0 2px #00a2ea}
.ind-item{width:32%;display:flex;background:#fff;padding:38px 28px;align-items:center;transition:box-shadow .4s ease;margin-top:28px}
.ind-item .info{padding-left:18px;width:calc(100% - 84px)}
.ind-item .info .tit{font-size:19px;color:#333;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ind-item .info p{color:#666;font-size:14px;line-height:22px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:44px;margin-top:5px}
.ind-item:hover{box-shadow:inset 0 0 0 2px #00a2ea}

/* 新闻详情 */
.article{padding:77px 0 120px;background:#f1f4f5}
.article-cont{padding:50px 60px;background:#fff;width:70.5%}
.article-cont .title-info{font-size:12px;color:#888;font-weight:300;padding-left:30px;height:20px;line-height:20px;background:url(../images/pages/news_icon.png) no-repeat left center;margin:15px 0 30px}
.article-cont h1{color:#333;font-weight:700;font-size:28px}
.article-cont p{color:#666;font-size:15px;line-height:26px}
.article-cont img{max-width:100%!important;display:block;margin:0 auto;height:auto!important;width:auto!important;}
.article-nav{padding:0 36px 34px}
.article-nav a{color:#555;font-size:16px;line-height:24px;transition:color .4s ease}
.article-nav a:hover{color:#00a2ea}
.article-nav p{font-size:14px;font-weight:700;color:#888;margin-top:10px}
.article-btn{padding:26px 34px}
.article-btn a{background:#d6000f;color:#fff;height:44px;font-size:16px;transition:all .4s ease;border:1px solid transparent}
.article-btn a:hover{background:0 0;border:1px solid #d6000f;color:#d6000f}

/* 联系 */
.contact-principal{padding:90px 0;background:#eef4f7}
.contact-principal-main{margin-top:38px}
.contact-principal-main .cell:not(:first-child){display:none}
.contact-principal-main .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-20px}
.contact-principal-main .list:after{content:'';width:24%}
.contact-principal-main .item{background:#fff;width:24%;padding:36px 40px;margin-top:20px}
.contact-principal-main .item:hover picture{border-color:#00a2ea}
.contact-principal-main .item:hover .name{color:#00a2ea}
.contact-principal-main picture{margin:0 auto;width:188px;height:188px;border-radius:50%;background:#fff;border:6px solid #f3f7f9;overflow:hidden;padding-top:15px;transition:border .4s ease}
.contact-principal-main .name{text-align:center;color:#444;font-weight:700;line-height:1;padding-bottom:12px;position:relative;font-size:18px;margin-top:15px;transition:color .4s ease}
.contact-principal-main .name:after{content:'';width:20px;height:2px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#00a2ea}
.contact-principal-main .info{padding:15px;border:1px solid #eef4f7;border-radius:4px;display:flex;align-items:center;margin-top:14px}
.contact-principal-main .info .code{width:78px;height:78px}
.contact-principal-main .info .rgt{margin-left:15px}
.contact-principal-main .info p{font-size:15px;line-height:24px;color:#777}
.contact-principal-main .info p:first-child{font-size:16px;font-weight:700;color:#000}
.contact-info{padding:80px 0 145px}
.contact-info-main{background:rgba(0,162,233,.85);color:#fff;margin-top:40px;padding:110px 30px 110px 0}
.contact-info-main .in{padding:0 32px 0 36px;max-height:406px;overflow-x:hidden;overflow-y:auto}
.contact-info-main .in::-webkit-scrollbar{width:2px;height:100%;background:rgba(255,255,255,.5)}
.contact-info-main .in::-webkit-scrollbar-thumb{background:rgba(255,255,255,.5)}
.contact-info-main .inner{margin-top:-50px}
.contact-info-main .item{width:49%;margin-top:50px}
.contact-info-main .tit{font-size:24px;font-weight:500;position:relative;padding-left:28px}
.contact-info-main .tit:after{content:'';width:18px;height:18px;border:4px solid #fff;position:absolute;left:0;top:10px;border-radius:50%}
.contact-info-main table{width:100%;margin-top:15px}
.contact-info-main td{font-size:15px;padding:5px 0}
.contact-info-main .map{display:inline-block;margin-left:8px;position:relative;top:4px}
.contact-info-main .map i{display:block;background:url(../images/pages/loc-icon.png) no-repeat center/100%;width:14px;height:19px}
.many-tab.on li i{margin-right:0}
.many-tab.on li a span{white-space:nowrap;transition:all .4s ease;width:0;overflow:hidden}
.many-tab.on li.active a span{width:88px;margin-left:18px}

/* 方案图片 */
.case-pic{padding:100px 0;background:#f8f8f8}
.case-pic .slider{margin-top:45px}
.case-pic-top .item{width:558px;transition:all 1s ease;height:388px}
.case-pic-top .item .in{margin-top:52px;height:314px;padding:12px;border:1px solid #efefef;background:#fff;transition:all 1s ease}
.case-pic-top .item.swiper-slide-active{z-index:99}
.case-pic-top .item.swiper-slide-active .in{height:388px;box-shadow:0 19px 30px 0 rgba(84,84,84,.18);margin-top:0}
.case-pic-top .item.swiper-slide-next{transform:translateX(-140px)}
.case-pic-top .item.swiper-slide-prev{transform:translateX(140px)}
.case-pic-top .swiper-wrapper{padding-bottom:50px}
.case-pic-list{padding:0 40px;position:relative}
.case-pic-list .item{height:93px;border:1px solid #ececec;padding:3px;background:#fff;cursor:pointer;width:93px}
.case-pic-list .item.active,.case-pic-list .item:hover{border-color:#00a2e9}
.case-pic-list button{height:93px;width:31px;background:#fff;cursor:pointer;color:#000;position:absolute;top:0;cursor:pointer}
.case-pic-list button:hover{background:#00a2e9;color:#fff}
.case-pic-list button.prev{left:0}
.case-pic-list button.next{right:0}

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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .com-banner .in .tit{font-size: 40px}
    .com-banner .bg{min-height: 450px}
    .com-banner .txt .tit{font-size: 36px}
    .com-banner .txt .btn{margin-top: 30px}
    .com-banner .txt{width: 55%}
    .com-navigation .lft a{padding: 0 24px;height: 56px}
    .com-banner .heading{padding: 30px 20px 30px 80px}
    .com-banner .heading .tit{font-size: 24px}
    .many-tab.on li.active a span{margin-left: 10px}

    .about-intro{padding-top: 80px}
    .about-intro .mission{margin-top: 50px}
    .about-intro .mission .tit{font-size: 28px;margin-bottom: 10px}
    .about-intro .mission ul li{min-width: 32%}
    .develop-main{width: calc(50vw + 600px)}
    .develop-main .item{padding: 30px 15px 30px 30px;width: 23%}
    .develop-main .item .cont{padding-right: 15px;height: 280px;margin-top: 20px}
    .develop-main .item .cont p{font-size: 15px;line-height: 22px}
    .develop-main .item .cont p + p{margin-top: 8px}
    .about-develop .swiper-wrapper{padding-bottom: 40px}
    .develop-main .item .year{font-size: 48px}
    .about-adv{padding-top: 80px}
    .about-honor .slider a{height: 350px;padding: 30px}
    .about-honor .slider .tit{padding: 20px 10px 15px}
    .about-team .content{padding: 0}
    .about-team .list .item{width: 136px}
    .about-team .list{margin-top: 20px}
    .about-team .person .item .tit{font-size: 24px}
    .about-team .person .item .heading .sub{margin-left: 10px}
    .about-team .list .info .tit{font-size: 22px}
    .about-team .list .info .sub{font-size: 15px}
    .about-team .list .swiper-btn{width: 60px}
    .about-team .list .swiper-btn.next{right: -30px}
    .about-team .list .swiper-btn.prev{left: -30px}

    .cooperate .in{padding: 60px 40px}
    .cooperate .heading{font-size: 42px}
    .cooperate .form{width: 54%}
    .cooperate .pic{width: 42%}
    .cooperate .form li.w50 input{width: 186px}

    .prod-home-tab-list{margin-top: 40px}
    .prod-home-tab-cell .list,.prod-home-cell .list{margin-top: -20px}
    .prod-home-cell .item{margin-top: 20px}
    .prod-home-tab-cell .item{margin-top: 20px;padding: 20px 0}
    .prod-home-tab-cell .item .info .tit{font-size: 22px;padding-bottom: 15px}
    .prod-home-tab-cell .item .info{padding-left: 30px}
    .prod-home-tab-cell .item .info p{margin-top: 20px}
    .prod-home-tab-cell .item .info ul{margin-top: 30px}
    .prod-home-tab-cell .item .pic{height: 320px}
    .prod-home-than{margin-top: 40px}
    .prod-home-list .nav a + a{margin-left: 30px}
    .prod-home-cell .item picture{height: 270px}
    .prod-home-cell .item .info .tit{font-size: 20px;line-height: 26px}
    .prod-home-cell .item .info{height: 120px}
    .prod-home-cell .item .info p{line-height: 24px;height:48px}

    .prodDetail .nav a{height: 66px}
    .prod-info-txt{padding-left: 60px}
    .prod-info-txt h1{font-size: 28px}
    .prod-info-btn a{width: 140px;height: 44px}
    .prodDetail .main{padding-bottom: 80px}
    .prodDetail .content{padding: 50px 40px}
    .prodDetail .content .txt.videoList .video-item{height: 318px}
    .prodDetail .content .txt.videoList .video-item .rgt{padding: 0 0 0 20px}
    .prodDetail .content .txt.videoList .video-item .rgt .in{padding-right: 20px}
    .prodDetail .content .txt.videoList .video-item .rgt .tit{font-size: 18px;line-height: 22px}
    .widget .side-item .heading{font-size: 22px;padding: 20px 30px}
    .widget .side-solution,.widget .side-caseList{padding: 20px 30px}
    .widget .side-solution picture{height: 162px}
    .widget .side-solution .tit{font-size: 18px;margin-top: 10px}
    .widget .side-list{padding: 0 30px 20px}
    .widget .side-prod picture{height: 230px}
    .widget .side-prod .info{padding: 30px 15px}
    .com-prod-tit .title{font-size: 22px}
    .widget .side-caseList ul{padding-right: 0}
    .param-table td{padding: 14px 20px}
    .param-table td.tit{width: 140px}

    .case-video{padding-top: 80px}
    .case-video .txt .tit{font-size: 32px}
    .case-video .item,.case-video .swiper-btn{width: 1000px}
    .case-adv .list{margin-top: 50px}
    .case-adv ul .tit{font-size: 20px;margin-top: 15px}
    .case-adv ul .desc{font-size: 15px;margin-top: 5px}
    .case-arc-cell .txt{padding: 50px 20px}
    .case-arc-cell .txt .in{margin-top: 30px}
    .case-arc-cell .txt .tit{font-size: 22px}
    .tab-com-nav a,.tab-com-nav .item{padding-bottom: 10px}
    .case-prod-main .item picture{height: 300px}
    .case-prod-main .item .info{padding: 40px 20px}
    .case-prod-main .swiper-btn{width: 60px;height: 60px}
    .case-prod-main .swiper-btn svg{width: 20px;height: 20px}
    .case-prod-main .swiper-btn.next{right: -60px}
    .case-prod-main .swiper-btn.prev{left: -60px}
    .case-sw-tab{width: 170px}
    .case-sw-txt{width: calc(100% - 170px);padding-left: 70px}
    .case-sw-txt .tit{font-size: 24px}
    .case-sw-txt .view i{width: 25px;height: 25px}
    .case-list .item picture{height: 266px}
    .case-list .item .info{padding: 25px 20px}
    .case-list-main .swiper-wrapper{padding-bottom: 40px}
    .case-banner .tit{font-size: 30px}
    .case-adv ul li{padding: 0 10px}
    .case-page-list .item picture{height: 270px}
    .case-page-list .item .info{padding: 20px 0}
    .case-page-list .item .tit{font-size: 22px}
    .case-page-list .item{margin-top: 40px}
    .case-page-list{margin-top: 0}
    .case-partner li{height: 90px;margin-top: 16px}
    .case-partner ul{margin-top: -16px}
    .widget{width:28%}
    .case-detail-cont .content{padding: 60px 50px}
    .case-detail-cont .content .sub-tit{font-size: 22px}

    .svc-buy .info{padding: 40px 0}
    .svc-buy .item .tit{font-size: 22px}
    .svc-consult-cont{padding: 70px 0}
    .svc-consult-nav a{height: 80px;width: 360px;font-size: 26px;padding: 0 60px}
    .sp-faq-item .txt{padding: 40px 30px}
    .svc-consult-cont section.ask{padding: 0 120px}
    .svc-consult-cont section.msg{padding-top: 20px}
    .svc-download{padding: 50px 40px}
    .svc-download .heading{font-size: 28px}

    .join-style .item a .tit{height: 56px;padding: 0 20px}
    .join-jobs-select{padding: 40px}
    .jobs-list{margin-top: 50px}
    .jobs-item.jobs-header{padding-bottom: 20px}
    .jobs-item-cont{padding: 50px}
    .join-jobs-select .item-search{height: 42px}
    .join-jobs-select .item-search input{width: 280px}
    .join-jobs-select .item .list a{margin-left: 20px}
    .join-jobs-select .item .list{margin-left: -24px}
    .talents-idea .txt .tit{font-size: 26px}
    .talents-idea .txt{width: 50%}
    .talents-idea .pic .h10{height:110px}
    .talents-idea .pic .h5{height:52px}
    .talents-idea .pic span{font-size:22px}
    .talents-idea{padding-top: 80px}

    .news-time{width: 78px;height: 78px;min-width: 78px}
    .news-time span{font-size: 32px}
    .news-start .tit{font-size: 22px;line-height: 26px}
    .news-start p{margin-top: 15px}
    .news-start .info{padding: 55px 40px}
    .news-list .item{margin-top: 20px;padding: 14px 10px}
    .news-list .item .tit{margin-left: 14px}
    .ind-list{padding: 70px 0 80px}
    .ind-item-start picture{height: 260px}
    .ind-item{padding: 30px 20px}
    .ind-item .info .tit{font-size: 18px}
    .ind-item .info p{margin-top: 0}
    .ind-item{margin-top: 20px}
    .ind-list .list{margin-top: -20px}
    .article-cont h1{font-size: 26px}
    .article-cont{padding: 50px}
    .article-nav{padding: 0 30px 20px}
    .article-btn{padding: 26px 20px}

    .contact-principal-main .item{padding: 30px 20px}
    .contact-principal-main .info{padding: 10px}
    .contact-info-main{padding: 70px 30px 70px 0}
    .contact-info-main table{margin-top: 5px}
    .contact-info-main .tit{font-size: 22px}
    .contact-info-main .tit:after{top: 7px}
    .contact-info-main .item{width: 100%;margin-top: 30px}
    .contact-info-main td{padding: 2px 0}
    .contact-info-main .in{max-height: 450px}
    .contact-info-main .inner{margin-top: -30px}

    .case-pic-top .item.swiper-slide-next{transform: translateX(-240px)}
    .case-pic-top .item.swiper-slide-prev{transform: translateX(240px)}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .com-banner .in .tit{font-size: 38px}
    .com-banner .bg{min-height: 400px}
    .com-banner .txt .tit{font-size: 32px}
    .com-banner .txt p{line-height: 20px}
    .com-navigation .lft a{padding: 0 14px}
    .com-banner .txt p.max{font-size: 16px}
    .com-banner .heading{padding: 24px 20px 24px 60px}
    .com-banner .heading .tit{font-size: 22px}
    .many-tab.on li.active a span{width: 78px}
    .many-tab li+li{margin-left: 30px}

    .about-intro .txt p{font-size: 15px;line-height: 22px}
    .about-intro .rgt{width: 80%}
    .about-intro .mission .tit{font-size: 24px}
    .about-intro .mission p{font-size: 14px;line-height: 24px}
    .about-intro,.about-adv{padding-top: 60px}
    .about-develop{padding-top: 60px}
    .develop-main .item .cont p{font-size: 14px;line-height: 20px}
    .develop-main{width: calc(50vw + 500px)}
    .develop-main .item{width: 26%}
    .develop-main .item .year{font-size: 44px}
    .develop-main .item .cont{height: 240px;margin-top: 15px}
    .about-develop .swiper-wrapper{padding-bottom: 30px}
    .about-honor .slider a{height: 288px;padding: 20px}
    .about-honor .nav a{font-size: 20px}
    .about-honor .slider .tit{padding: 15px 10px}
    .about-honor .slider .swiper-wrapper{padding-bottom: 40px}
    .about-team .person .item .pic{width: 250px;height: 250px}
    .about-team .person .item{padding: 0 20px}
    .about-team .person .item:after,.about-team .person .item .heading{height: 60px}
    .about-team .person .item .txt{padding: 30px 30px 60px 140px}
    .about-team .person .item .info{width: calc(100% - 250px)}
    .about-team .person .item .txt:after{width: 40px;left: 40px;top: 20px}
    .about-team .list .swiper-btn{width: 40px;height: 40px}
    .about-team .list .swiper-btn.next{right: -20px}
    .about-team .list .swiper-btn.prev{left: -20px}
    .about-team .list .swiper-btn svg{width: 18px;height: 18px}
    .about-team .list{margin-top: 10px}
    .about-team .list .item{height: 110px}
    .about-team .list .item.active{width:300px}
    .about-team .list .item.active .pic{width:130px}
    .about-team .list .item{width:130px;height:130px}
    .about-team .list .item.active .info{width:calc(100% - 130px)}
    .about-team .list .info .tit{font-size: 20px}


    .cooperate .in{padding: 50px 40px}
    .cooperate .heading{font-size: 36px}
    .cooperate .form li .tit{font-size: 15px}
    .cooperate .form li .tit,.cooperate .form li.w50 + .w50 .tit{width: 120px;min-width: 120px}
    .cooperate .form li.w50{width: 100%}
    .cooperate .form li.w50 input,.cooperate .form li input, .cooperate .form li select, .cooperate .form li textarea{width: calc(100% - 130px);margin-left: 10px}
    .cooperate .form li .btn{margin:0 0 0 10px}

    .prod-home-tab-cell .item .label{width: 120px;height: 36px}
    .prod-home-tab-cell .item .info{padding-left: 20px;width: 55%}
    .prod-home-tab-cell .item .pic{width: 45%;height: 280px}
    .prod-home-tab-cell .item .info .tit{font-size: 20px}
    .prod-home-tab-cell .item .info p{line-height: 24px}
    .prod-home-tab-cell .item .info ul{margin-top: 20px}
    .prod-home-list{margin-top: 60px}
    .prod-home-list .nav a + a{margin-left:20px}
    .prod-home-list .nav a{font-size: 16px}
    .prod-home-than{margin-top: 20px}
    .prod-home-cell .item,.prod-home-cell:after{width: 32%}

    .prod-info-txt h1{font-size: 26px}
    .prod-picture{width: 45%}
    .prod-info-txt{width: 55%}
    .prod-banner-top{padding: 0}
    .prod-shop i{width: 30px;height: 30px;margin-right: 5px}
    .prodDetail .nav a{height: 60px;font-size: 16px}
    .prodDetail .content .txt.videoList .video-item{height: auto;flex-wrap: wrap}
    .com-video{width: 100%}
    .prodDetail .content .txt.videoList .video-item .rgt{width: 100%;padding-left: 0;margin-top: 20px;max-height: 200px}
    .param-table td{font-size: 14px}
    .param-table td.tit{width: 120px}
    .param-table td{font-size: 14px;padding: 10px 15px}
    .prodDetail .content .txt.download li{padding: 20px 0}
    .widget .side-item .heading{font-size: 20px;padding: 15px 20px}
    .widget .side-solution, .widget .side-caseList{padding: 20px}
    .widget .side-solution picture{height: 140px}
    .widget .side-solution .tit{font-size: 16px;margin-top: 5px}
    .widget .side-solution p{font-size: 13px;line-height: 18px;font-weight: 300}
    .widget .side-item + .side-item{margin-top: 15px}
    .widget .side-item .heading.style2{font-size: 20px}
    .widget .side-list{padding: 0 20px 20px}
    .widget .side-list li a{font-size: 14px;padding: 8px 0}
    .widget .side-prod picture{height: 200px}
    .widget .side-prod .info{padding: 20px}
    .com-prod-list li{width: 100%}
    .com-prod-tit .title{font-size: 20px}
    .widget .side-caseList li a{line-height: 22px}
    .prodDetail .main{padding: 50px 0 60px}

    .case-video .item, .case-video .swiper-btn{width: 800px}
    .case-video .txt .tit{font-size: 28px}
    .case-adv ul i{width: 70px;height: 70px;border-radius: 20px}
    .case-adv ul .tit{font-size: 16px}
    .case-adv ul .desc{font-size: 14px;line-height: 20px}
    .case-adv-nav a{font-size: 18px;padding-bottom: 6px}
    .case-adv ul li{padding: 0 5px}
    .case-arc .nav a{height: 40px;padding: 0 40px;font-size: 18px}
    .case-arc-cell .pic{width: 65%}
    .case-arc-cell .txt{width: 35%}
    .case-arc-cell .txt .tit{padding-bottom: 10px;font-size: 20px}
    .case-arc-cell .txt p{font-size: 14px;line-height: 22px}
    .mc_aside_navbox{padding-left: 10px}
    .mc_aside_li{font-size: 12px;padding-left: 15px}
    .case-arc-cell .txt .in{margin-top: 20px}
    .tab-com-nav a + a,.tab-com-nav .item+.item{margin-left: 20px}
    .tab-com-nav a,.tab-com-nav .item{padding-bottom: 10px;font-size: 18px}
    .tab-com-nav{margin-top: 20px}
    .case-prod-main .item picture{height: 250px}
    .case-prod-main .item .info{padding: 20px}
    .case-sw-tab a{font-size: 16px;width: 110px}
    .case-sw-tab{width: 150px}
    .case-sw-txt{width: calc(100% - 150px);padding-left: 60px}
    .case-sw-txt ul{margin-top: 5px;margin-left: -10px}
    .case-sw-txt ul li{margin-left: 15px;margin-top: 10px;padding-left: 20px}
    .case-list .item picture{height: 220px}
    .case-list .item .info{padding: 20px 15px}
    .case-list .item .info .tit{font-size: 18px}
    .case-list-main{margin-top: 40px}
    .case-banner{padding: 40px 0}
    .case-banner .tit{font-size: 28px}
    .case-video{padding-top: 60px}
    .case-prod-main{margin-top: 40px}
    .case-sw-txt .tit{font-size: 22px}
    .case-sw-txt p{font-size: 16px;margin-left: 15px}
    .case-page-list .item picture{height: 230px}
    .case-page-list .item .tit{font-size: 20px}
    .case-partner li{height: 80px;margin-top: 10px}
    .case-partner ul{margin-top: -10px}
    .case-partner .slider{margin-top: 30px}
    .case-detail-cont .content{padding: 40px 30px}
    .widget-case-btn{padding: 14px 0;font-size: 15px}
    .case-detail-cont .content .sub-tit{font-size: 20px;padding-left: 15px}

    .svc-after .item:nth-child(even) .txt{padding-left:0}
    .svc-after .item .arrow{margin: 0 60px}
    .svc-after .item .txt .num{font-size: 50px;margin-bottom: 20px}
    .svc-after .item .desc{margin-top: 10px}
    .svc-after .item .txt p{font-size: 15px;line-height: 24px}
    .svc-buy .item .pic{height: 140px}
    .svc-buy .item .tit{font-size: 20px}
    .svc-buy .info{padding: 20px 0}
    .svc-buy .item{margin-top: 20px}
    .svc-buy .list{margin-top: -20px}
    .svc-consult-cont{padding: 50px 0}
    .sp-faq-item .title{padding: 20px 0}
    .sp-faq{margin-top: 20px}
    .svc-consult-cont section.ask .ask-search input{height: 42px;width: 280px}
    .sp-faq-item .title em{width: 40px}
    .sp-faq-item .title span{width:calc(100% - 40px)}
    .sp-faq-item .title:after{top: 22px}
    .svc-consult-cont section.ask{padding: 0 100px}
    .svc-consult-nav a{width: 340px;font-size: 22px;padding: 0 40px;height: 70px}
    .svc-consult-nav a + a{margin-left: 20px}
    .svc-download .list li{width: 100%;padding: 22px 0}
    .svc-download .list{margin-top: 20px}
    .svc-download .nav select, .svc-download .nav input{width: 280px;height: 42px}
    .svc-download .nav .item p{margin-bottom: 10px}
    .svc-download .heading{font-size: 24px}
    .svc-download .heading i{width: 32px;height: 32px;margin-right: 10px}
    .svc-download{padding: 40px 30px}

    .join-style .item a .tit{height: 45px;font-size: 16px;padding: 0 15px}
    .join-style .swiper-btn.next{right: -40px}
    .join-style .swiper-btn.prev{left: -40px}
    .join-jobs-select .item .list a{font-size: 15px}
    .jobs-item.jobs-header{padding: 0 30px 20px}
    .jobs-item{padding: 20px 30px}
    .jobs-item-cont{padding: 40px}
    .jobs-item-cont a{font-size: 15px;width: 130px;height: 38px}
    .talents-idea .txt .tit{font-size: 24px}
    .talents-idea .txt p{font-size: 15px;line-height: 22px}
    .talents-idea{padding-top: 60px}

    .news-start .tit{font-size: 20px;margin-top: 15px}
    .news-time{width: 72px;height: 72px;min-width: 72px}
    .news-time span{font-size: 28px}
    .news-start .info{padding: 50px 30px}
    .news-list .item .tit{font-size: 16px;margin-left: 10px}
    .ind-item-start picture{height: 220px}
    .ind-item{padding: 20px 15px}
    .ind-item .info{padding-left: 10px;width: calc(100% - 72px)}
    .ind-item{width: 49%}
    .ind-list{padding: 60px 0}
    .article-cont{padding: 40px}
    .article-cont h1{font-size: 24px}
    .article-cont .title-info{margin-bottom: 20px}
    .article-nav a{font-size: 14px}
    .article-nav{padding: 0 20px 20px}
    .article-nav p{font-size: 13px;margin-top: 5px}
    .article-btn a{height: 40px;font-size: 15px}
    .article-btn{padding:20px}

    .contact-principal-main .item,.contact-principal-main .list:after{width: 32%}
    .contact-info-main{padding: 50px 30px 50px 0}
    .contact-info-main .tit{font-size: 20px;padding-left: 20px}
    .contact-info-main .tit:after{width: 15px;height: 15px;border-width: 3px;top: 9px}

    .talents-idea .pic .h10{height:100px}
    .talents-idea .pic .h5{height:46px}
    .talents-idea .pic span{font-size:20px}

    .case-pic-top .item.swiper-slide-next{transform: translateX(-340px)}
    .case-pic-top .item.swiper-slide-prev{transform: translateX(340px)}
    .case-pic-list .item{width: 84px;height: 84px}
    .case-pic-list button{height: 84px}
}

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


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .com-banner .in .tit{font-size: 34px}
    .com-banner .bg{min-height:350px}
    .com-banner .in li{font-size: 16px;padding-left: 15px}
    .com-banner .in li + li{margin-left: 15px}
    .com-banner .in li:after{width: 8px;height: 8px}
    .com-banner .content{padding: 0}
    .com-banner .bg{min-height: 300px}
    .com-banner .txt .tit{font-size: 28px;margin-bottom: 10px}
    .com-banner .txt .btn{margin-top: 20px}
    .com-navigation .lft a{font-size: 16px;}
    .com-banner .in .tit,.com-banner .in p,.com-banner .txt .tit,.com-banner .txt p,.com-banner .txt .btn{animation:none!important}
    .many-tab li+li{margin-left: 20px}
    .many-tab.on li.active a span{width:66px}

    .full-banner .bg{height:300px}
    .about-intro .heading{width: 100%}
    .about-intro .rgt{width: 100%;margin-top: 20px}
    .about-intro .mission .tit{font-size: 20px}
    .about-intro .mission ul{justify-content: space-between}
    .about-intro .mission ul li{min-width: unset}
    .about-intro .mission{margin-top: 40px}
    .about-develop .content{margin-top: 20px}
    .develop-main{width: 100%}
    .develop-main .item{width: 33.33%;padding: 20px 10px 20px 20px}
    .develop-main .item .cont{height: 210px}
    .about-develop .swiper-wrapper{padding-bottom: 20px}
    .develop-main .item .year{font-size: 38px}
    .about-develop,.about-intro,.about-adv{padding-top: 50px}
    .about-intro{background-size: 40%}
    .about-honor .nav a{font-size: 18px}
    .about-honor .nav a + a{margin-left: 20px}
    .about-honor .slider a{background: none;padding: 0}
    .about-honor .slider a .in{border-width:3px}
    .about-honor .slider .tit{padding: 10px}
    .about-honor .slider .swiper-wrapper{padding-bottom: 30px}
    .about-honor .slider{margin-top: 30px}
    .about-team .person .item .tit{font-size: 22px}
    .about-team .person .item .heading .sub{font-size: 15px}
    .about-team .person .item .heading{padding-left: 25px}
    .about-team .person .item .pic{width: 220px;height: 220px}
    .about-team .person .item .txt{padding: 30px 30px 50px 30px}
    .about-team .person .item .info{width: calc(100% - 220px)}
    .about-team .person .item .txt:after{width: 16px;left: 8px;top: 14px}
    .about-team .person .item .txt p{font-size: 15px;line-height: 26px}
    .coop-banner p{font-size: 16px}
    .about-team .person .item .txt .tit{font-size: 20px;margin-bottom: 5px}
    .about-team .content{margin-top: 30px}

    .cooperate .in{padding: 40px 30px}
    .cooperate .heading{font-size: 32px}
    .cooperate .content{margin-top: 20px}
    .cooperate .form{width: 100%}
    .cooperate .pic{width: 50%;text-align: center;margin: 30px auto 0}
    .cooperate .pic img{max-width: 100%;width: auto}
    .cooperate .form li .btn{width: 140px}

    .prod-home-tab-cell .item{width: 100%}
    .prod-home-list .nav{overflow-x: auto;overflow-y: hidden;width: 100%;justify-content: flex-start}
    .prod-home-list{margin-top: 50px}
    .prod-home-cell .item{width: 49%}
    .prod-home-cell .item .info{height: 100px}
    .prod-home-cell .item .info .tit{font-size: 18px;line-height: 24px}
    .prod-home-cell .item .info p{line-height: 22px;height:44px}
    .prod-home-tab-list{margin-top: 20px}

    .prod-banner-thumbs{width: 100%;margin-top: 20px}
    .prod-btn{display: none}
    .prod-shop{position: static;width: 100%;margin-top: 20px}
    .prod-info-btn a{width: 120px;height: 40px;font-size: 14px}
    .prod-banner-top{height: 320px}
    .prod-info-txt h1{font-size: 24px}
    .prod-info-txt h2{font-size: 15px}
    .prod-info-txt{padding-left: 40px}
    .prod-info-btn{margin-top: 20px}
    .prod-info-txt p{line-height: 24px}
    .prodDetail .nav a{height: 50px;width: 25%}
    .prodDetail .main{padding: 50px 0}
    .prodDetail .content{width: 100%}
    .widget{width: 100%;margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap}
    .widget .side-item{width: 49%;margin-top: 15px}
    .widget .side-solution picture{height: auto}

    .mc_aside_navbox{display: none}
    .case-video{padding-top: 50px}
    .case-video .item, .case-video .swiper-btn{width: 100%}
    .case-video .txt .tit{font-size: 24px}
    .case-video .swiper-pagination{bottom: 20px}
    .case-video .slider{margin-top: 30px}
    .case-adv-nav a + a{margin-left: 40px}
    .case-adv ul li{width: 33.33%!important}
    .case-arc-cell .pic{width: 100%;border-right: 0;border-bottom: 1px solid #f1f3f4}
    .case-arc-cell .txt{width: 100%;padding: 30px 20px}
    .case-arc-cell{margin-top: 30px}
    .tab-com-nav .in{white-space: nowrap;margin:0 auto}
    .tab-com-nav .in.onSlider{width:100%}
    .tab-com-nav{overflow-x: auto;overflow-y: hidden;justify-content:flex-start}
    .case-prod-main .swiper-btn{display: none}
    .case-arc .nav a{padding:0 25px}
    .case-prod-main{margin-top: 30px}
    .case-sw-main{flex-wrap: wrap}
    .case-sw-tab{width: 100%;display: flex;overflow-y: hidden;overflow-x: auto}
    .case-sw-tab a + a{margin: 0}
    .case-sw-tab a{white-space: nowrap;width: auto;padding:4px 15px}
    .case-sw-txt{width: 100%;padding: 0;margin-top: 40px}
    .case-sw-txt p{margin-left: 10px}
    .case-sw-txt ul li{font-size: 14px}
    .case-list-main .swiper-wrapper{padding-bottom: 30px}
    .case-banner .tit{font-size: 26px}
    .case-arc-cell .pic{padding: 20px}
    .case-page-list .item{margin-top: 20px;width: 49%}
    .case-page-list .item .info{padding: 15px 0 20px}
    .case-partner li{width: 32%}
    .case-arc-cell .txt .in{height:auto;max-height:200px}

    .case-detail-cont .content{width: 100%}
    .com-banner .heading{width: 100%;padding: 20px;text-align: center}
    .com-banner .heading .tit{font-size: 20px}
    .case-detail-cont .content{padding: 30px}
    .widget-case-btn{width: 100%;margin-bottom: 0}

    .svc-after .item .pic{width: 100%;justify-content: space-between}
    .svc-after .item .contain{flex-wrap: wrap}
    .svc-after .item .desc{font-size: 15px;line-height: 22px}
    .svc-after .item .txt{width: 100%;padding: 0;text-align: center;margin-top: 20px}
    .svc-after .item:not(.max):nth-child(even) .arrow:nth-of-type(1){display: none}
    .svc-after .item .arrow{margin: 0 30px}
    .svc-after .item .txt .num{font-size: 40px;margin-bottom: 15px}
    .svc-buy .item{width: 48.5%}
    .svc-consult-nav a{width: 280px;font-size: 20px}
    .svc-consult-cont{padding: 30px 0}
    .svc-consult-cont section.ask{padding: 0 40px}
    .sp-faq-item .title{padding: 18px 0}
    .sp-faq-item .title em{font-size: 16px;width: 35px}
    .sp-faq-item .title span{width: calc(100% - 35px)}
    .sp-faq-item .txt{padding: 30px}
    .sp-faq-item .txt p{font-size: 14px;line-height: 20px}
    .svc-download{padding: 30px}
    .svc-download .heading{font-size: 22px}
    .svc-download .nav select, .svc-download .nav input{width: 250px;height: 40px;padding: 0 10px;font-size: 14px}
    .svc-download .nav .form input::placeholder{font-size: 14px}
    .svc-download .list li{padding: 20px 0}

    .join-style .swiper-btn.next{right: 10px}
    .join-style .swiper-btn.prev{left: 10px}
    .join-style .item a .tit{height: 40px;font-size: 14px;padding: 0 10px}

    .jobs-tit{font-size: 15px}
    .jobs-item.jobs-header{padding: 0 20px 10px}
    .jobs-item{padding: 15px 20px}
    .jobs-item-cont{padding: 30px}
    .jobs-item-cont h4{font-size: 16px}
    .talents-idea .txt .tit{font-size: 22px}
    .talents-idea .txt .content{margin-top: 10px}
    .talents-idea .txt p{font-size: 14px;line-height: 20px}
    .talents-idea .txt{width: 52%}
    .talents-idea{padding: 50px 0}
    .talents-idea .main{margin-top: 40px}

    .news-start .pic{width: 100%}
    .news-start:hover .info{transform:none}
    .news-start .pic img{position: static;transform: none}
    .news-start .info{width: 100%;padding: 30px;display: flex}
    .news-start p{margin-top: 10px}
    .news-start .tit{margin-top: 0;font-size: 18px}
    .news-start .cont{margin-left: 20px}
    .news-time{width: 65px;height: 65px;min-width: 65px}
    .news-list .item{width: 100%;margin-top: 10px}
    .ind-item-start{width: 100%}
    .ind-list{padding: 50px 0}
    .ind-item-start picture{height: 400px}
    .ind-item{width: 100%}
    .ind-item .info{width: calc(100% - 65px)}
    .article-cont{width: 100%;padding: 40px 30px}
    .article-cont h1{font-size: 22px}
    .article .widget .side-item:nth-child(1),.article .widget .side-item:last-child{width: 100%}

    .contact-info-main{margin-top: 30px;padding: 40px 30px 40px 0}
    .contact-principal-main .item{width: 49%;margin-top: 15px}
    .contact-principal-main .list{margin-top: -15px}
    .contact-info-main td{display: block}
    .contact-info-main .in{max-height: 410px}
    .contact-info-main .tit:after{top: 5px}

    .talents-idea .pic{width:450px;margin:30px auto 0}
    .talents-idea .txt{width:100%}

    .case-pic-top .item.swiper-slide-active .in{height:auto}
    .case-pic-top .item{height:auto;width:100%;transform:none!important;width:100%}
    .case-pic-top .item .in{height: auto;margin: 0}
    .case-pic-top .item.swiper-slide-active .in{box-shadow: none}
    .case-pic-top .swiper-wrapper{padding-bottom: 30px}
    .case-pic-list .item{width: 78px;height: 78px}
    .case-pic-list{padding: 0 35px}
    .case-pic-list button{height: 78px;width: 20px}
    .case-pic-list button svg{width: 15px;height: 15px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .com-banner .in li{margin-left: 0!important;min-width: 50%;margin-top: 5px}
    .com-banner .in .tit{font-size: 30px}
    .com-banner .bg{min-height: 280px}
    .com-banner .txt .tit{font-size: 24px}
    .com-banner .txt{width: 100%;padding: 10px;background: rgba(0,0,0,.3)}
    .com-navigation .rgt{display: none}
    .com-banner .txt p{color: #fff}
    .com-navigation .lft a{height: 50px}
    .com-navigation .contain{width: 100%;overflow-x: auto;overflow-y: hidden}
    .com-tip{font-size: 14px;margin-top: 10px}
    .many-tab.on li.active a span{width:60px;margin-left: 5px}

    .full-banner .bg{height: 250px}
    .about-develop, .about-intro,.about-adv{padding-top: 40px}
    .about-intro .txt p{font-size: 14px;line-height: 20px}
    .about-intro .mission ul{flex-wrap: wrap;margin-top: -15px}
    .about-intro .mission ul li{width: 100%;margin-top: 15px}
    .about-intro .mission{margin-top: 30px}
    .develop-main .item{width: 100%}
    .develop-main .item .year{font-size: 34px}
    .develop-main .item .cont p{font-size: 13px}
    .develop-main .item .cont{height: 200px}
    .about-honor .slider a{height: 200px}
    .about-honor .slider a:after{width: 50px;height: 50px;background-size:20px}
    .about-honor .slider .tit{font-size: 15px;padding: 10px 5px}
    .about-honor .nav{width: 100%;margin-top: 20px;justify-content: center}
    .about-honor .slider{margin-top: 25px}
    .about-team .person .item:after{display: none}
    .about-team .person .item{padding: 20px 15px;flex-wrap: wrap}
    .about-team .person .item .info{width: 100%;margin-top: 20px}
    .about-team .person .item .pic{width: 150px;height: 150px;margin: 0 auto}
    .about-team .person .item .heading{padding: 0;height: auto;justify-content: center}
    .about-team .person .item .txt{padding:0;margin-top: 15px}
    .about-team .person .item .txt:after{display: none}
    .about-team .person .item .tit{font-size: 20px}
    .about-team .person .item .txt .tit{font-size: 18px}
    .about-team .person .item .txt p{font-size: 14px;line-height: 22px;font-weight: normal}
    .about-team .list .item{height: 90px}
    .about-team .list .item.active .pic{width: 100%}
    .about-team .list .item.active .info{display: none}
    .about-team .list .item.active{padding: 3px}
    .about-team .list .info .tit{font-size: 18px}
    .about-team .list .swiper-btn{display: none}
    .coop-banner .txt{text-align: center;width: 100%}
    .coop-banner p{font-size: 14px;margin-top: 5px}
    .coop-banner a{margin: 15px auto 0}

    .cooperate .in{padding: 20px 15px}
    .cooperate .heading{font-size: 28px;text-align: center}
    .cooperate .form li{flex-wrap: wrap}
    .cooperate .form li .tit{font-size: 14px}
    .cooperate .form li .tit, .cooperate .form li.w50 + .w50 .tit{width: 100%;min-width: 100%;text-align: left;margin-bottom: 5px;margin-top: 0}
    .cooperate .form li.w50 input, .cooperate .form li input, .cooperate .form li select, .cooperate .form li textarea{width: 100%;margin: 0;padding: 10px}
    .cooperate .form li + li{margin-top: 15px}
    .cooperate .form li .btn{width: 100%;height: 36px;margin: 0}
    .cooperate .pic{width: 100%}

    .prod-home-tab-cell .item .label{width: 100px;height: 32px;font-size: 13px}
    .prod-home-tab-cell .item{flex-wrap: wrap-reverse;padding-top: 32px}
    .prod-home-tab-cell .item .info{width: 100%;margin-top: 20px;padding: 0 15px}
    .prod-home-tab-cell .item .pic{width: 100%}
    .prod-home-tab-cell .item .info .tit{font-size: 18px;padding-bottom: 10px}
    .prod-home-tab-cell .item .info p{font-size: 14px;line-height: 22px;margin-top: 15px}
    .prod-home-list .nav a + a{margin-left: 15px}
    .prod-home-list{margin-top: 40px}
    .prod-home-cell .item{width: 100%}
    .prod-home-cell .item picture{height: 220px}
    .prod-home-cell .item .info{height: 90px}
    .prod-home-cell .item .info p{font-size: 14px}

    .crumbs{padding: 10px 0}
    .crumbs .contain{flex-wrap: wrap}
    .prod-picture{width: 100%}
    .prod-info-txt{width: 100%;padding: 0;margin-top: 25px}
    .prod-info .contain{flex-wrap: wrap}
    .prod-banner-top{height: 300px}
    .prod-info-txt h1{font-size: 22px}
    .prod-info-txt .txt{margin-top: 15px}
    .prodDetail .main{padding: 40px 0}
    .prodDetail .content{padding: 30px 20px}
    .com-video .btn img.btn-img{width: 40px}
    .prodDetail .content .txt.videoList .video-item .rgt .tit{margin-bottom: 5px}
    .prodDetail .content .txt.videoList .video-item .rgt{margin-top: 10px}
    .prodDetail .content .txt.videoList .video-item + .video-item{margin-top: 20px}
    .prodDetail .content .txt.videoList .video-item .rgt p{font-size: 13px;line-height: 20px}
    .prodDetail .nav a{font-size: 14px}
    .param-table td{white-space: nowrap}
    .param-table{overflow-x: auto}
    .prodDetail .content .txt.download li{flex-direction: column;align-items: flex-start}
    .prodDetail .content .txt.download li .tit{width: 100%}
    .prodDetail .content .txt.download li .op{margin-top: 10px}
    .prodDetail .content .txt.download li .tit{font-size: 14px;line-height: 22px}
    .prodDetail .content .txt.download li{padding: 10px 0}
    .widget .side-item{width: 100%}
    .widget{margin-top: 0}
    .widget .side-item .heading{font-size: 18px;padding: 15px}
    .widget .side-solution, .widget .side-caseList{padding: 15px}
    .widget .side-list{padding: 0 15px 15px}
    .widget .side-prod picture{height: 160px}
    .com-prod-tit .title{font-size: 18px}
    .widget .side-caseList .go-link{font-size: 14px;margin-top: 10px}
    .pop-contact{width: 92%;padding: 20px 20px 0}
    .prodDetail .content .table-heading{padding:2px 20px;font-size:15px;margin-bottom:10px}

    .case-video .item.swiper-slide-active img{opacity: 1}
    .case-video .txt{z-index: 2}
    .case-video{padding-top: 40px}
    .case-video .txt .tit{font-size: 22px}
    .case-video .swiper-btn{display: none}
    .case-adv-nav a + a{margin-left: 30px}
    .case-adv-nav a{font-size: 16px}
    .case-adv ul li{width: 50%!important}
    .case-adv ul i{width: 60px;height: 60px;border-radius: 15px}
    .case-adv ul .desc{font-size: 13px;line-height: 18px;font-weight: normal}
    .case-adv ul .tit{margin-top: 10px}
    .case-adv ul i img{max-width: 28px}
    .case-arc .nav a{white-space: nowrap;font-size: 16px;padding: 0 20px}
    .case-arc-cell{margin-top: 20px}
    .case-arc-cell .txt{padding: 20px}
    .tab-com-nav a,.tab-com-nav .item{font-size: 16px;padding-bottom: 3px}
    .case-prod-main .item picture{height: 220px}
    .case-sw-txt .heading .btn{width: 100%;margin-top: 20px}
    .case-sw-txt .tit{font-size: 20px}
    .case-sw-txt p{font-size: 14px;font-weight: normal;margin-left: 0;margin-top: 15px}
    .case-sw-txt{margin-top: 30px}
    .case-list-main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px}
    .case-list-main .swiper-wrapper{padding-bottom: 20px}
    .case-list-main{margin-top: 30px}
    .case-banner p{font-size: 14px;margin-top: 10px}
    .case-banner .tit{font-size: 22px}
    .case-banner .btn{width: 100%;margin-top: 15px}
    .case-page-list .item{width: 100%}
    .case-page-list .item .tit{font-size: 18px}
    .case-page-list .item p{margin-top: 0}
    .case-partner li{width: 49%;margin-top: 5px}
    .case-partner ul{margin-top: -5px}
    .case-partner .slider{margin-top: 20px}
    .com-banner .heading .tit{font-size: 18px}
    .com-banner .heading{padding: 15px}
    .case-detail-cont .content{padding: 20px 15px}
    .widget-case-btn{margin-top: 20px;font-size: 14px}
    .case-banner .txt{width:100%}
    .call-btn{margin-top:15px;font-size:16px;line-height:22px}
    .call-btn .code{bottom:-90px;left:0}
    .case-arc .nav{overflow-x:auto;overflow-y:hidden;justify-content:flex-start}

    .svc-after .item.max .pic{flex-direction: column}
    .svc-after .item.max .arrow{margin: 30px 0}
    .svc-after .item.max .arrow img{transform: rotate(90deg)}
    .svc-after .item .desc{max-width: 100%}
    .svc-buy .item{width: 100%}
    .svc-buy .item .tit{font-size: 18px}
    .svc-buy .item .go{margin-top: 15px}
    .svc-consult-nav a{width: 40%;height: 60px;font-size: 18px;padding: 0 20px}
    .svc-consult-nav a.msg:after,.svc-consult-nav a.ask:after{width: 75px}
    .svc-consult-cont section.ask{padding: 0 20px}
    .svc-consult-cont section.ask .ask-nav a + a{margin-left: 30px}
    .svc-consult-cont section.ask{margin-top: 20px}
    .svc-consult-cont section.ask .ask-search{margin-top: 15px}
    .sp-faq-item .title span{font-size: 14px}
    .sp-faq-item .title em{font-size: 12px;width: 25px;margin-top: -5px}
    .sp-faq-item .title span{width: calc(100% - 25px)}
    .sp-faq-item .title{padding: 15px 0}
    .sp-faq-item .txt{padding: 20px}
    .sp-faq-item .title:after{top: 14px}
    .svc-consult-cont section.msg .inline-input p{width: 100%;margin-bottom: 10px;text-align: left;font-size: 14px}
    .svc-consult-cont section.msg .inline-input{flex-wrap: wrap}
    .svc-consult-cont section.msg .inline-input input, .svc-consult-cont section.msg .inline-input textarea{width: 100%;margin-left: 0;height: 40px;padding: 10px}
    .svc-consult-cont section.msg{padding: 0 15px}
    .svc-consult-cont section.msg form{width: 100%}
    .svc-consult-cont section.msg .inline-input.code input{width: 65%}
    .svc-consult-cont section.msg .inline-input.code img{width: 33%}
    .svc-consult-cont section.msg .inline-input{margin-bottom: 0}
    .svc-consult-cont section.msg .inline-input textarea{height: 80px}
    .svc-consult-cont section.msg .btn{margin: 0;height: 40px;width: 100%}
    .svc-consult-cont section.msg{margin-top: 20px}
    .svc-download{padding: 20px 15px}
    .svc-download .nav{flex-wrap: wrap}
    .svc-download .nav select, .svc-download .nav input{width: 100%}
    .svc-download .nav .item + .item{margin: 15px 0 0}
    .svc-download .nav .item{width: 100%}
    .svc-download .nav .item p{margin-bottom: 5px}
    .svc-download .list li{flex-direction: column;align-items: flex-start}
    .svc-download .list li .tit{width: 100%}
    .svc-download .list li .op{margin-top: 10px}
    .svc-download .list li .tit{font-size: 14px;line-height: 22px}
    .svc-download .list li{padding: 10px 0}

    .join-style .slider{margin-top: 25px}
    .join-style .item .lft{width: 100%}
    .join-style .item .rgt{width: 100%;flex-direction: row}
    .join-style .item .rgt a{width: 49%;margin-top: 5px}
    .join-style .item a .tit{font-size: 13px;height: auto;padding: 10px}
    .join-style .swiper-btn svg{width: 20px;height: 20px}
    .join-jobs-select{padding: 20px 15px;margin-top: 20px}
    .join-jobs-select .item{flex-wrap: wrap}
    .join-jobs-select .item .tit{width: 100%;font-size: 15px}
    .join-jobs-select .item .list{margin-top: 3px;margin-left: -19px}
    .join-jobs-select .item .list a{font-size: 14px}
    .join-jobs-select .item .list a{margin-left: 15px}
    .join-jobs-select .item-search input{width: 80%}
    .join-jobs-select .item-search{height: 38px;margin-top: 15px}
    .join-jobs-select .item-search button{font-size: 15px}
    .jobs-tit:nth-child(2),.jobs-arrow,.jobs-tit.num{display: none}
    .jobs-tit{font-size: 14px}
    .jobs-tit:nth-child(1){width: 50%}
    .jobs-tit:nth-child(3),.jobs-tit:nth-child(4){width: 25%;text-align: center}
    .jobs-item.jobs-header{padding: 0 10px 15px}
    .jobs-item{padding: 10px}
    .jobs-item-cont{padding: 20px 15px}
    .jobs-item-cont h4{font-size: 15px;margin-bottom: 10px}
    .jobs-item-cont p{font-size: 13px;line-height: 24px}
    .jobs-item-cont a{font-size: 14px;width: 120px;height: 36px}
    .talents-idea .main{margin-top: 30px}
    .talents-idea .pic{margin-top: 20px;width:300px}
    .talents-idea .pic span{font-size:18px}
    .talents-idea .pic .h10{height:60px}
    .talents-idea .pic .h5{height:32px}
    .talents-idea{padding: 40px 0}

    .news-start .info{flex-wrap: wrap;padding: 20px 15px}
    .news-start .cont{width: 100%;margin-top: 10px;margin-left: 0}
    .news-start .btn{margin-top: 15px}
    .news-list .item .tit{font-size: 15px;margin: 10px 0 0}
    .news-time{width: 60px;height: 60px;min-width: 60px}
    .news-list .item{flex-wrap: wrap;}
    .ind-list{padding: 40px 0}
    .ind-item{padding: 15px 10px}
    .ind-item .info{width: calc(100% - 60px)}
    .ind-item-start picture{height: 220px}
    .ind-item .info .tit{font-size: 16px}
    .ind-item .info p{font-size: 13px;line-height: 20px;height: 40px}
    .article-cont h1{font-size: 20px}
    .article-cont{padding: 30px 20px}
    .article-nav{padding: 0 15px 15px}
    .article-btn{padding: 15px}
    .article-btn a{height: 36px;font-size: 14px}

    .contact-principal .com-tab{margin-top: 20px}
    .contact-principal-main .item{width: 100%}
    .contact-principal-main{margin-top: 30px}
    .contact-principal-main picture{width: 160px;height: 160px}
    .contact-info-main{padding: 30px 15px 30px 0}
    .contact-info-main .in{padding: 0 15px}
    .contact-info-main .tit{font-size: 16px;padding-left: 15px}
    .contact-info-main td{font-size: 14px}
    .contact-info-main .map i{width: 10px;height: 16px}
    .contact-info-main .map{margin-left: 3px;top: 2px}
    .contact-info-main .tit:after{width: 10px;height: 10px;border-width: 2px;top: 7px}

    .case-pic-top .item .in{padding:5px}
    .case-pic-top .swiper-wrapper{padding-bottom: 20px}
    .case-sw-txt .heading .txt{width:100%}

    .prodDetail .content .txt.detail iframe{height: 200px;}
}