@charset "UTF-8";
/* ===================首页样式========================== */
/* common */
.com-tit{color:#212121;font-weight:500;line-height:1.1;text-align:center;letter-spacing:1px}
.com-tip{color:#454545;text-align:center;letter-spacing:1px}

/* banner */
.banner{overflow:hidden}
.banner .bg{height:100vh;display:block;transition:transform 4s ease;transform:scale(1.1)}
.banner picture{width:100%;height:100%;display:block;overflow:hidden}
.banner .swiper-pagination-bullet{background:#d8d7d6;width:11px;height:11px;opacity:1;transition:background-color .4s ease}
.banner .swiper-pagination-bullet:not(:first-child){margin-left:15px}
.banner .swiper-pagination-bullet-active{background:#f13644}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12.5px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:60px}
.banner .swiper-slide-active .bg{transform:scale(1)}
.banner .swiper-slide-active:not(:first-child) .banner-cont{animation: com-animate 1.5s ease both .8s}
.banner .swiper-slide:first-child.swiper-slide-active .banner-cont{animation: com-animate 1.5s ease both .2s}
.banner-cont{position:absolute;left:0;top:0;padding-top:80px;width:100%;height:100%;color:#fff;z-index:1}
.banner-cont .title{font-weight:500;line-height:1.1}
.banner-cont .more-btn{display:flex;color:#fff}
.banner-cont .more-btn span{display:block;line-height:1;font-weight:500;padding-bottom:6px;position:relative}
.banner-cont .more-btn span:after{content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:0;transition:all .4s ease}
.banner-cont .more-btn svg{transition:all .4s ease}
.banner-cont .more-btn:hover{color:#ff2828}
.banner-cont .more-btn:hover span:after{bottom:-3px;background:#ff2828}
.banner-cont .more-btn:hover svg{transform:translateX(5px);color:#ff2828}
.banner video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0}
.banner-video .bg{opacity:0}
.banner-tab{position:absolute;width:100%;left:0;bottom:40px;z-index:2}
.banner-tab .swiper-pagination{right:0}
.banner-tab button{background:transparent;color:#fff;animation:toggleMove 1.5s ease both infinite}
@keyframes toggleMove{0%{transform:translateY(10px)}50%{transform:translateY(0);opacity:1}to{transform:translateY(10px)}}

/* intro */
.intro .content{padding-right:5%}
.intro .txt{width:59%}
.intro .txt .title{color:#131313;font-weight:700;line-height:86px}
.intro .txt .desc{color:#131313}
.intro .txt .desc b{font-weight:400;display:inline}
.intro .num{font-family:paralines;color:#131313;text-transform:uppercase;width:13%;text-align:center;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:url(/static/p_index/images/index/number-bg.jpg);animation:numRun 10s ease-out infinite}
.intro .num .max{font-size:0;line-height:.8}
.intro .num .min{line-height:1}
.intro .more-btn{display:inline-block;color:#ff2828;position:relative}
.intro .more-btn:after{content:'';bottom:-1px;left:0;background:#ff2828;width:100%;height:1px;position:absolute;transition:all .4s ease}
.intro .more-btn:hover:after{bottom:-5px}
.intro .more-btn .in{position: relative;padding-right:40px}
.intro .more-btn span{display:block;line-height:1;padding-left:21px;position:relative;padding-top:5px;padding-bottom:5px;transition:all .4s ease}
.intro .more-btn span:after{content:'';width:11px;height:1px;left:1px;top:12px;position:absolute;background-color:#ff2828;transition:all .4s ease;z-index:-1}
.intro .more-btn .in:after{content:'';width:1px;height:9px;background-color:#ff2828;position:absolute;top:7px;right:6px;transition:all .4s ease}
.intro .more-btn .in:before{content:'';width:9px;height:1px;background-color:#ff2828;position:absolute;top:11px;right:2px;transition:all .4s ease}
.intro .more-btn:hover span{transform:translateX(-15px)}
.intro .more-btn:hover span:after{width:30px;left:calc(100% + 20px)}
.intro .more-btn:hover .in:before{transform:rotate(43deg);top:9px}
.intro .more-btn:hover .in:after{transform:rotate(43deg);top:11px}
@keyframes numRun{0%{background-position:300px 32px}60%{background-position:480px 68px}100%{background-position:300px 32px}}

/* 空间 */
/*.space .slider .swiper-slide{padding:0 2px}
.space .slider .item{display:block;position:relative;padding-top:161.607%;color:#fff;overflow:hidden}
.space .slider .item:hover .bg{transform:scale(1.1)}
.space .slider .item:hover .title{color:#ff2828}
.space .slider .item .txt{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 36px;transition:all .4s ease;letter-spacing: 1px}
.space .slider .item .txt .title{transition:all .8s ease;line-height:1.1}
.space .slider .item .txt .desc{text-align:justify}*/


/* 空间 */
/*.space .slider .swiper-slide{padding:0 0.5vw; width:31vw !important;height:100% !important;}
.space .slider .swiper-slide .xytzg_space_div{width:31vw !important;height:100% !important;}*/

.space .slider .swiper-slide{padding:0 1%; width:33% !important;}

.space .slider .item{display:block;position:relative;padding-top:51.607%;color:#fff;overflow:hidden}
.space .slider .item:hover .bg{transform:scale(1.1)}
.space .slider .item:hover .title{color:#ff2828}
.space .slider .item .txt{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 36px;transition:all .4s ease;letter-spacing: 1px}
.space .slider .item .txt .title{transition:all .8s ease;line-height:1.1}
.space .slider .item .txt .desc{text-align:justify}

/* 空间 */
/*.space .slider .swiper-slide{padding:0 2px; width:399px !important;height:100% !important;}*/
/*.space .slider .item{display:block;position:relative;padding-top:161.607%;color:#fff;overflow:hidden}*/
/*.space .slider .item:hover .bg{transform:scale(1.1)}*/
/*.space .slider .item:hover .title{color:#ff2828}*/
/*.space .slider .item .txt{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 36px;transition:all .4s ease;letter-spacing: 1px}*/
/*.space .slider .item .txt .title{transition:all .8s ease;line-height:1.1}*/
/*.space .slider .item .txt .desc{text-align:justify}*/


/* 领域 */
.field .list{padding:0 36px}
.field .list .item{width:24.8%;margin-top:20px}
.field .list .item picture{padding-top:59.252%;overflow:hidden}
.field .list .item .title{font-weight:700;color:#212121;transition:all .8s ease;display:inline-block;line-height:1.1;letter-spacing:1px}
.field .list .item .desc{color:rgba(17,17,17,0.5);letter-spacing:1px}
.field .list .item:hover picture img{transform:scale(1.1)}
.field .list .item:hover .title{color:#ff2828}


/* 服务 */
.service .list li{width:16.66%;padding:0 2.5px}
.service .list .pic{padding-top:230.99%;overflow:hidden}
.service .list .pic:hover img{transform:scale(1.1)}
.service .list .title{font-weight:700;line-height:1.1;color:#212121;transition:all .4s ease;letter-spacing:1px}
.service .list .title:hover{color:#ff2828}
.service .list .text p{color:rgba(17,17,17,0.8);margin-top:5px;letter-spacing:1px}

/* 新闻 */
.news-nav{position: relative;z-index: 2}
.news-nav a{background-color:#dadada;color:#4b4b4b;transition:background-color .4s ease,color .4s ease;padding:4px 14px}
.news-nav a.active,.news-nav a:hover{background-color:#080808;color:#fff}
.news-tab{padding:0 36px;margin-top:-28px}
.news-tab a{display:block;width:24.2%;margin-top:48px;opacity:0;transition:opacity 1.5s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1);transform:scale(.9) translateY(40px)}
.news-tab a .pic{overflow:hidden;padding-top:62.343%}
.news-tab a .pic .time{position:absolute;left:44px;background:#ff1d1d;color:#fff;top:0;width:84px;text-align:center;line-height:1;padding:6px 0;transition:background-color .8s ease}
.news-tab a .pic .time span{display:block;line-height:.9;font-weight:500}
.news-tab a .pic .time em{font-style:normal;transform:scale(.833);display:block;font-weight:300;margin-top:5px}
.news-tab a .info{background-color:#f3f3f3;padding:14px 20px 24px}
.news-tab a .info .title{color:#212121;font-weight:500;transition:all .8s ease;display:inline-block;line-height:1.1;max-width: 100%}
.news-tab a .info .desc{color:#454545;font-weight:300;letter-spacing:1px}
.news-tab a:hover .pic img{transform:scale(1.1)}
.news-tab a:hover .pic .time{background:rgba(255,29,29,.85)}
.news-tab a:hover .title{color:#ff2828}
.news-tab section{height:auto}
.news-tab section:not(.active){opacity:0;overflow:hidden;height:0}
.news-tab section.active a{opacity:1;transform:scale(1) translateY(0)}

/* 合作伙伴 */
.partner .text{background:#f0f0f0}
.partner .text .txt{width:58%}
.partner .text .txt .sm-tit{color:#ff1717;line-height:1;font-weight:500;position:relative;padding-left:60px}
.partner .text .txt .sm-tit:after{content:'';width:41px;height:2px;background:#ff1717;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.partner .text .txt .title{color:#212121;line-height:76px}
.partner .text .txt .cont{max-width:650px;text-align:justify;color:#757575}
.partner .text .data .number{font-family:agencyr;line-height:.8;color:#ff1d1d;display:flex;align-items:center}
.partner .text .data .number span{display:block;line-height:.8;font-weight:bold}
.partner .text .data .tip{color:#757575;font-weight:500}
.partner .text .data li+li{margin-left:70px}
.partner .list .logo-list:not(:first-child){margin-top:24px}

.partner .more-btn{display:inline-block;color:#ff2828;position:relative}
.partner .more-btn:after{content:'';bottom:-1px;left:0;background:#ff2828;width:100%;height:1px;position:absolute;transition:all .4s ease}
.partner .more-btn:hover:after{bottom:-5px}
.partner .more-btn .in{position: relative;padding-right:40px}
.partner .more-btn span{display:block;line-height:1;padding-left:21px;position:relative;padding-top:5px;padding-bottom:5px;transition:all .4s ease}
.partner .more-btn span:after{content:'';width:11px;height:1px;left:1px;top:12px;position:absolute;background-color:#ff2828;transition:all .4s ease;z-index:-1}
.partner .more-btn .in:after{content:'';width:1px;height:9px;background-color:#ff2828;position:absolute;top:7px;right:6px;transition:all .4s ease}
.partner .more-btn .in:before{content:'';width:9px;height:1px;background-color:#ff2828;position:absolute;top:11px;right:2px;transition:all .4s ease}
.partner .more-btn:hover span{transform:translateX(-15px)}
.partner .more-btn:hover span:after{width:30px;left:calc(100% + 20px)}
.partner .more-btn:hover .in:before{transform:rotate(43deg);top:9px}
.partner .more-btn:hover .in:after{transform:rotate(43deg);top:11px}

@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .intro .txt .title{line-height: 64px}
    .intro .num .max{font-size: 260px}
    .space .slider .item .txt{padding: 0 30px}
    .news-tab a{margin-top: 30px}
    .news-tab{margin-top: 0}
    .partner .text .data .number span{line-height: .9}
    .partner .text .txt .title{line-height: 60px}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px}
    .intro .txt .title{line-height: 60px}
    .intro .num .max{font-size: 230px}
    .intro .num{width: 14%}
    .partner .text .txt .title{line-height: 56px}
    .partner .text .data li+li{margin-left: 40px}
    .partner .text .data .tip{font-size:16px}
    .news-tab a .info{padding: 14px 10px 24px}
    .news-tab a .pic .time{width: 70px;left: 30px}
    .field .list,.news-tab{padding: 0}
}


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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .intro .txt .title{line-height: 54px}
    .intro .num .max{font-size: 196px}
    .space .slider .item .txt{padding: 0 20px}
    .space .slider .item .txt .desc{font-size: 16px;line-height: 24px;height: 72px}
    .news-tab a{margin-top: 20px}
    .field .list .item .title{font-size: 16px;margin-top: 10px}
    .news-tab a .info .title{font-size: 16px}
    .partner .text .txt .title{line-height: 52px}
    .partner .text .txt .cont{font-size: 16px;line-height: 24px;margin-top: 10px}
    .partner .text .data li+li{margin-left: 40px}
    .intro .txt{width: 70%}
    .news-tab a .pic .time span{font-size: 22px}
    .news-tab a .pic .time{left: 20px;width: 50px}
    .space .slider .item .txt .title{font-size: 24px}
    .partner .text .data{flex-wrap:wrap;text-align:center}
    .partner .text .data .number{justify-content:center}
    .partner .text .data li{width:50%;margin:20px 0 0!important}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-video .bg{opacity:1}
}