/* ===================首页样式========================== */
/* common */
.com-block{overflow:hidden}
.com-tit{font-family:Rubik-medium;color:#111;font-size:35px;text-align:center;line-height: 1;text-transform: uppercase}
.com-tit.white{color:#fff}
.com-btn{display:flex;align-items:center;justify-content:center;width:194px;height:48px;border-radius:30px;font-size:15px;color:#fff;border:1px solid #9ebed3;text-transform:uppercase;transition:all .4s ease}
.com-btn.black{color:#111;border-color:#dadbdc}
.com-btn:hover,.com-btn.color{color:#fff;background:#036eb8;border-color:#036eb8}
.com-btn.color:hover{background:#fff;color:#036eb8}

/* banner */
.banner{position:relative}
.banner-bg-mb{display:none}
.banner-bg img{height:calc(100vh - 90px);width:100%;object-fit:cover}
.banner-cont{position:absolute;width:100%;height:100%;left:0;top:0;z-index:11;padding-top:10%}
.banner-cont h1{color:#fff;font-size:66px;line-height:1;font-family:Rubik-medium;max-width:40%}
.banner-cont .com-btn{margin-top:30px}
.banner-nav{position:absolute;width:100%;left:0;bottom:66px;z-index:2}
.banner-nav .swiper-num{font-size:16px;color:#fff;font-family:Rubik-Light}
.banner .swiper-slide .link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:20}
.banner .swiper-pagination-bullet:first-child{margin-left:0}
.banner .swiper-pagination-bullet{border-radius:0;width:41px;height:1px;background:#fff;position:relative;overflow:hidden;margin-left:19px;transition:all .4s linear}
.banner .swiper-pagination>span:after{content:'';width:100%;height:100%;position:absolute;left:-100%;background:#009ee6;z-index:1}
.banner .swiper-pagination>span.active:after{left:0;transition:all 4s linear}
@keyframes to-lft{0%{opacity: 0;transform: translate3d(-50px, 0, 0);}100%{opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes to-up{0%{opacity: 0;transform: translate3d(0, 50px, 0);}100%{opacity: 1;transform: translate3d(0, 0, 0);}}
.banner .swiper-slide-active h1{animation:to-lft 1.5s ease both .2s}
.banner .swiper-slide-active .com-btn{animation:to-up 1.5s ease both .5s}
#banner-video{position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;text-align: center;z-index: 3;top: 0;left: 0;object-fit:cover;background:#fff;z-index:5}
.banner-video:after{content:'';width:100%;height:100%;background:#fff;left:0;top:0;position:absolute;z-index:3}
/* loading */
.ul{align-items:center;width:100%;height:100%;background:#fff;position:absolute;z-index:3;justify-content:center;display:none}
.ul .li{list-style:none;width:10px;height:60px;background:#036eb8;margin:0 5px;border-radius:5px}
.ul .li-1{animation:move .95s ease-in-out .1s infinite}
.ul .li-2{animation:move .95s ease-in-out .2s infinite}
.ul .li-3{animation:move .95s ease-in-out .3s infinite}
.ul .li-4{animation:move .95s ease-in-out .4s infinite}
.ul .li-5{animation:move .95s ease-in-out .5s infinite}
.ul .li-6{animation:move .95s ease-in-out .6s infinite}
@keyframes move{0%{transform:scaleY(1.2)}75%{transform:scaleY(.7)}100%{transform:scaleY(1)}}

/* product */
.product{padding:118px 0 114px;background:#f2f5f7 url(../image/product-bg.png) no-repeat bottom}
.product-nav{display:flex;justify-content:center;align-items:center;margin-top:20px}
.product-nav a{display:flex;align-items:center;position:relative;font-size:16px;color:#666;transition:all .4s ease}
.product-nav a.active,.product-nav a:hover{color:#036eb8}
.product-nav a+a{margin-left:44px;padding-left:40px}
.product-nav a+a:after{content:'';height:40px;width:1px;background:#dedede;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.product-nav i{margin-right:14px}
.prod-icon-hover,.product-nav a:hover .prod-icon,.product-nav a.active .prod-icon{display:none}
.product-nav a:hover .prod-icon-hover,.product-nav a.active .prod-icon-hover{display:block}
.product-cell{margin-top:30px;position:relative}
.product-cell:not(:first-of-type){display:none}
.prod-item a{display:block;background:#fff;overflow:hidden;border-radius:10px}
.prod-img{height:362px;overflow:hidden;display:flex;justify-content:center;align-items:center}
.prod-img img{max-width:90%;object-fit:cover;max-height: 90%}
.prod-info{padding:0 50px 50px}
.prod-info h3{font-size:18px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;text-align:center}
.prod-item a:hover h3{color: #036eb8}
.prod-info p{color:#999;font-size:14px;line-height:22px;height:44px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:20px;text-align:center}
.prod-btn,.swiper-btn{display:flex;justify-content:center;align-items:center;width:66px;height:66px;border-radius:50%;background:rgba(42,42,42,.2);transition:all .4s ease;position:absolute;top:50%;transform:translateY(-50%);z-index: 2}
.swiper-btn:hover{background:#1a7bbe}
.prod-btn.prev{left:-125px}
.prod-btn.next{right:-125px}
.product-main .com-btn{margin:43px auto 0}

/* solutions */
.solutions{padding:114px 0 106px}
.solutions-nav{display:flex;justify-content:center;margin-top:30px}
.solutions-nav a{color:#666;font-size:16px;transition:all .4s ease}
.solutions-nav a.active,.solutions-nav a:hover{color:#036eb8}
.solutions-nav a+a{margin-left:42px}
.solutions-cell{margin-top:44px;position:relative}
.solutions-cell:not(:first-of-type){display:none}
.solutions-item{width:900px;height:510px;z-index:1}
.solutions-item img{width:100%;height:100%;object-fit:cover}
.solutions-item:after{content:'';top:0;left:0;height:100%;width:100%;position:absolute;background:rgba(255,255,255,.8);z-index:0;transition:all .6s ease;opacity:0}
.solutions-item.swiper-slide-next:after,.solutions-item.swiper-slide-prev:after{opacity:1}
.solutions-item.active,.solutions-item.swiper-slide-next+.solutions-item{pointer-events:none}
.solutions-btn.prev{left:calc(50% - 507px)}
.solutions-btn.next{right:calc(50% - 507px)}
.solutions-txt{background:rgba(255,255,255,.9);position:absolute;left:64px;bottom:61px;width:383px;padding:60px;box-shadow:10px 12px 26px 0 rgba(0,0,0,.12);z-index:1;opacity:0;transition:all .8s ease;visibility:hidden}
.solutions-item.swiper-slide-active .solutions-txt{opacity:1;visibility:visible}
.solutions-txt h3{color:#222;font-size:20px}
.solutions-txt p{color:#999;font-size:14px;line-height:22px;margin-top:25px}
.solutions-txt span{margin-top:50px;display:block;z-index:2}
.solutions-txt a{position:absolute;display:block;left:0;top:0;width:100%;height:100%}
.solutions-txt span i{display:block;background:url(../image/arrow-rgt.png) no-repeat center/100%;width:23px;height:11px;transition:all .4s ease}
.solutions-txt:hover span i{background:url(../image/arrow-white.png) no-repeat center/100%}
.solutions-txt:hover{background:rgba(3,110,184,.9);transition:all .4s ease}
.solutions-main .com-btn{margin:54px auto 0}
.solutions-txt:hover h3,.solutions-txt:hover p{color:#fff}

/* trust */
.trust{padding:100px 0 92px;background-image:url(../image/trust-bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom}
.trust-tit{font-size:40px;font-family:Rubik-medium;color:#fff;line-height:1;text-align:center;font-weight:bold}
.trust ul{display:flex;margin-top:109px}
.trust li{width:50%;text-align:center;color:#fff;position:relative}
.trust li+li:after{content:'';opacity:.5;left:0;top:50%;transform:translateY(-50%);border-left:1px dashed #fff;height:48px;width:1px;position:absolute}
.trust li span{font-family:Rubik-medium;font-size:56px;line-height:1}
.trust li p{font-size:18px;font-family:Rubik-Light;margin-top:10px}

/* about */
.about{padding:134px 0 158px;background:url(../image/about-bg.jpg) no-repeat center right}
.about .contain{display:flex;align-items:center;justify-content:space-between}
.about-lft{width:50.5%}
.about-lft h3{font-size:30px;color:#111;font-family:Rubik-medium;margin-bottom:40px}
.about-lft p{font-size:16px;line-height:36px;color:#888}
.about-lft .com-btn{margin-top:60px}
.about-rgt{width:42%;position:relative}
.about-rgt img.bg{width:100%;object-fit:cover}
i.video-btn{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.9);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .4s ease}
i.video-btn:hover{background:#fff}

/* news */
.news{height:620px;background-image:url(../image/news-bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom;padding-top:120px}
.news-main{position:relative;margin-top:-410px}
.news-main .contain{background:#fff;padding:52px 56px 106px;display:flex;justify-content:space-between;box-shadow:0 0 127px 0 rgba(0,0,0,.06)}
.news-lft{width:31%}
.news-tit{color:#222;font-size:20px;font-family:Rubik-medium;margin-bottom:26px;line-height:1}
.news-pic{position:relative;overflow:hidden;margin-bottom:28px;z-index:1}
.news-rgt .news-pic:after{content:'';    position: absolute;z-index: 4;padding: 48px;bottom: 0;left: 0;width: 100%;background: linear-gradient(180deg,transparent,rgba(0,0,0,.6) 80% 100%);z-index:0}
.news-pic img{width:100%;object-fit:cover;transition:all 1s ease}
.news-lft a:hover img{transform:scale(1.04)}
.news-lft a{display:block}
.news-name{font-size:14px;line-height:20px;color:#222;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:40px;transition:all .4s ease}
.news-desc{color:#999;font-size:14px;line-height:22px;max-height:44px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news-lft .news-desc{margin-top:20px}
.news-lft .com-btn{margin-top:28px}
.news-lft a:hover .com-btn{background:#036eb8;color:#fff;border-color:#036eb8}
.news-mid{width:31%;padding-top:44px}
.news-mid .news-desc{margin-top:15px}
.news-mid a{display:block}
.news-time{display:flex;align-items:center;font-size:14px;color:#999;margin-top:15px}
.news-time i{display:block;background:url(../image/time.png) no-repeat center/100%;width:17px;height:15px;margin-right:6px}
.news-mid a+a{padding-top:25px;margin-top:25px;border-top:1px solid #e9e9e9}
.news-main a:hover .news-name{color:#036eb8}
.news-rgt{width:31%}
.news-pic-txt .news-name,.news-pic-txt .news-time{color:#fff!important}
.news-pic-txt{position:absolute;left:24px;bottom:20px;z-index:2}
.news-pic-txt .news-name{font-size:18px}
.news-pic-txt .news-time{margin-top:0}
.news-pic-txt .news-time i{background:url(../image/time-white.png) no-repeat center/100%}
.news-rgt a:not(.com-btn){display:block}
.news-rgt a+a{margin-top:18px;padding-top:18px;border-top:1px solid #e9e9e9}
.news-rgt a .news-time{margin-top:5px}
.news-rgt .com-btn{padding:0;margin-top:28px}
.news-rgt a:hover .news-pic img{transform:scale(1.04)}

/* webinar */
.webinar{padding-top:116px}
.webinar-go{display:flex;align-items:center;font-size:16px;color:#888;font-family:Rubik-Light;justify-content:center;margin-top:10px;transition: all .5s ease}
.webinar-go i{margin-left:6px;background:url(../image/webinar-go.png) no-repeat center/100%;width:19px;height:19px;display:block;transition: all .5s ease}
.webinar-go:hover{color:#036eb8}
.webinar-go:hover i{transform:translateX(5px)}
.webinar ul{display:flex;margin-top:40px}
.webinar li{position:relative;width:33.33%}
.webinar img.bg{width:100%;object-fit:cover}
.webinar li p{position:absolute;left:0;text-align:center;bottom:36px;width:100%;color:#fff;font-size:18px;padding: 0 10px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;height:46px}
.webinar li .video-btn{width:62px;height:62px;top:40%}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1800px) {
    /* 1600 × (900) */
    .prod-btn.next{right:10px}
    .prod-btn.prev{left:10px}
}

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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .com-tit{font-size: 32px}
    .banner-cont h1{font-size: 55px}
    .prod-info{padding:0 40px 40px}
    .swiper-btn{width:60px;height: 60px}
    .prod-img{height: 340px}
    .solutions-btn.next{right:calc(50% - 500px)}
    .solutions-btn.prev{left:calc(50% - 500px)}
    .solutions-txt{padding: 50px}
    .trust-tit{font-size: 36px}
    .trust li span{font-size: 50px}
    .about-lft h3{font-size: 28px;margin-bottom: 30px}
    .about-lft .com-btn{margin-top: 50px}
    .about-rgt{width: 45%}
    i.video-btn{width: 66px;height: 66px}
    .news-lft .news-desc{margin-top: 15px}
    .news-mid a+a{margin-top: 20px;padding-top: 20px}
    .news-main .contain{padding: 50px 50px 80px}
    .webinar li .video-btn{width: 60px;height: 60px}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .swiper-btn{width: 50px;height: 50px}
}

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .com-tit{font-size: 30px}
    .com-btn{width: 160px;height: 44px}
    .com-block{padding: 80px 0}
    .banner-cont h1{font-size: 40px}
    .product-nav i img{max-width:80%}
    .product-nav i{margin-right: 5px}
    .prod-img{height: 250px}
    .prod-info{padding: 0 30px 30px}
    .prod-info p{margin-top: 10px}
    .solutions-item{width: 700px;height: 400px}
    .solutions-btn.next{right:calc(50% - 395px)}
    .solutions-btn.prev{left:calc(50% - 395px)}
    .solutions-txt{left: 40px;bottom: 40px;padding: 30px}
    .solutions-txt p{margin-top: 20px}
    .solutions-txt span{margin-top: 30px}
    .trust-tit{font-size: 34px}
    .trust ul{margin-top: 70px}
    .trust li span{font-size:45px}
    .about-lft h3{font-size: 26px;margin-bottom: 20px}
    .about-lft p{font-size: 14px;line-height: 28px}
    .about-lft .com-btn{margin-top: 40px}
    i.video-btn{width: 58px;height: 58px}
    .news-main .contain{padding: 30px}
    .news-tit{font-size: 18px;margin-bottom: 18px}
    .news-pic-txt{left: 15px;bottom: 15px}
    .news-pic-txt .news-name{font-size: 16px}
    .news{padding-top: 80px;height: 570px}
    .webinar{padding-top: 80px}
    .webinar li p{font-size: 16px}
    .webinar li p{bottom: 20px}
    .webinar li .video-btn{width: 50px;height: 50px}
    .news-rgt{width: 32%}
    .news-mid .news-desc{margin-top: 10px}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .swiper-btn{display: none}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .com-block{padding: 60px 0}
    .com-tit{font-size: 26px}
    .com-btn{width: 140px;height: 42px}
    .banner-bg img{height: auto}
    .banner-cont{padding-top: 10%}
    .banner-cont h1{font-size:30px;max-width: 100%}
    .banner-nav{bottom:40px}
    .banner-cont .com-btn{margin-top: 20px}
    .banner-nav .swiper-num{font-size: 14px}
    .product-nav a+a{margin-left: 20px;padding-left: 20px}
    .product-nav i{display: none}
    .product-nav a+a:after{height: 15px}
    .product-main .com-btn{margin-top: 40px}
    .banner .swiper-pagination-bullet{margin-left:10px}
    .solutions-item{width: 92%;height: auto}
    .solutions-txt{left: 20px;bottom: 20px}
    .solutions-txt h3{font-size: 18px}
    .solutions-txt p{margin-top: 10px}
    .solutions-cell,.solutions-main .com-btn{margin-top: 40px}
    .trust-tit{font-size: 30px}
    .trust ul{margin-top: 50px}
    .trust li span{font-size: 40px}
    .about .contain{flex-wrap: wrap-reverse}
    .about-lft{width: 100%;margin-top: 30px}
    .about-rgt{width: 100%}
    .about-lft h3{font-size: 24px;margin-bottom: 10px}
    .about-lft .com-btn{margin-top: 20px}
    .news{padding-top: 60px}
    .news-main{margin-top: -455px}
    .news-lft{width: 100%}
    .news-mid{width: 100%}
    .news-rgt{width: 100%;margin-top: 40px}
    .news-main .contain{padding: 30px 20px;flex-wrap: wrap}
    .news-tit{margin-bottom: 10px}
    .webinar{padding: 60px 0}
    .webinar li{width: 92%;margin-left: 4%}
    .webinar ul{flex-wrap: wrap}
    .webinar li+li{margin-top: 20px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .com-block,.webinar{padding: 40px 0}
    .com-btn{width: 120px;height: 40px}
    .com-tit{font-size: 24px}
    .banner-bg-mb{display: block;min-height: 300px}
    .banner-bg-pc{display: none}
    .banner-cont h1{font-size: 28px}
    .banner-cont{padding-top: 20%}
    .product-nav a{white-space: nowrap}
    .product-nav{overflow: auto;justify-content: flex-start}
    .product-nav a+a{padding-left: 10px;margin-left: 10px}
    .prod-info{padding: 0 20px 20px}
    .prod-info h3{font-size: 16px}
    .product-main .com-btn{margin-top: 30px}
    .solutions-nav a{font-size: 14px;white-space: nowrap}
    .solutions-nav a+a{margin-left: 20px}
    .solutions-nav{overflow: auto;justify-content:center;margin-top: 20px;width: 92%;margin-left: 4%}
    .solutions-cell{margin-top: 30px}
    .solutions-main .com-btn{margin-top: 0}
    .solutions-txt{position: static;width: 100%;opacity: 1;visibility: visible;padding: 20px}
    .solutions-txt h3{font-size: 16px}
    .solutions-cell .swiper-wrapper{padding-bottom: 30px}
    .solutions-item{height: 100%}
    .trust-tit{font-size: 22px}
    .trust ul{margin-top: 30px}
    .trust li span{font-size: 26px}
    .trust li p{font-size: 14px}
    .trust li+li:after{display: none}
    .about-lft h3{font-size: 20px}
    .webinar ul{margin-top: 30px}
    .webinar li p{font-size: 14px;bottom: 10px}
    .ul,.banner-video:after{display:none}
}