@charset "utf-8";
/* ===================首页样式========================== */
/* banner */
.banner{width: 100%;position:relative;background: #a3b8c0;}
.banner-bg{width: 100%;overflow: hidden;}
.banner-bg img{width:100%;object-fit:cover}
.banner-bg img.banner-bg-pc{height: 100vh;}
.banner-bg img.banner-bg-mb{display:none}
.banner .hasVideo video{position: absolute;width: 100%;height: 100%;object-fit: cover;z-index: 4;top: 0;left: 0;}
.banner-cont{width:100%;height:100%;position:absolute;left:0;top:0;z-index: 10;}
.banner-cont .contain{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.banner-cont-title{color:#fff;text-align:center;font-size:60px;font-family: "思源黑体 CN", "Source Han Sans CN", "noto sans";font-weight: 500;}
.banner-cont-title p{display:block}
.banner-nav{position:absolute;left:50%;bottom:70px;z-index:2;display:flex;transform:translateX(-50%);align-items:center}
.banner .swiper-pagination{position:static;display:flex;align-items:center}
.banner .swiper-pagination-bullet{border-radius:0;background:0 0;color:#fff;font-size:14px;font-family: "Montserra";width:auto;height:auto;opacity:.5;line-height:1;display:flex;align-items:center;transition:all .8s ease;position:relative;margin-left:22px}
.banner .swiper-pagination-bullet:last-child{margin-right:22px}
.banner .swiper-pagination-bullet:after{content:'';position:absolute;left:22px;height:2px;width:0;background:#c41218;margin-left:22px;transform-origin:left top}
.banner .swiper-pagination-bullet.active:after{width:66px;transition:width 4s linear .4s}
.banner .swiper-pagination-bullet-active+.swiper-pagination-bullet{margin-left:0}
.banner .swiper-pagination-bullet-active{opacity:1;color:#fff;margin-right:120px!important}
.banner-btn{display:flex;align-items:center;transition:all .4s ease}
.banner-btn.prev:hover{transform:translateX(-5px)}
.banner-btn.next:hover{transform:translateX(5px) rotate(180deg)}
.banner-btn img{width:18px;height:18px}
.banner-btn.next{transform:rotate(180deg)}
.banner-play{box-sizing:border-box;width:0;height:12px;border-style:solid;border-width:6px 0 6px 12px;border-color:transparent transparent transparent #fff;cursor:pointer;will-change:border-width;transition:all .2s ease;margin-left:30px}
.banner-play.paused{border-style:double;border-width:0 0 0 12px}
.banner-cont-title p{opacity: 0;}
.banner-cont-title p:nth-child(1){animation: indbanRunL 1s ease both .2s;}
.banner-cont-title p:nth-child(2){animation: indbanRunR 1s ease both .2s;}
@keyframes indbanRunL{0%{transform: translateX(-200px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
@keyframes indbanRunR{0%{transform: translateX(200px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}

/* banner视频 */
.banner .hasVideo .banner-img img.banner-bg-pc{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner .hasVideo video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1151px) {.hasVideo .banner-bg img.banner-bg-pc{animation: none;}.hasVideo video{display: none;}}

.index-tit{font-size:42px;color:#1a1a1a;font-weight:700;text-align:center;padding-bottom:26px;margin-bottom:22px;position:relative}
.index-tit:after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%);height:4px;width:80px;background:#c41218}
.index-tit.white{color:#fff}
.index-tit.white:after{background:#fff}
.index-tip{font-size:16px;text-align:center;color:#666;line-height: 26px}
.index-tip.white{color:#fff}
.index-tip b, .index-tip strong{font-weight: normal;}

.industry{padding:94px 0 100px}
.industry .index-tip{margin-bottom:38px}
.industry-cell{display:flex;flex-wrap:wrap;justify-content:space-between}
.industry-item{display:flex;flex-direction:column;justify-content:flex-end;height:360px;width:32.5%;transition:width .4s ease;background-position:center;margin-top:20px;background-repeat:no-repeat;background-color:#595959;background-size:cover;padding:30px;position:relative}
.industry-item:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);transition:all .4s ease}
.industry-cell.on .industry-item{width:27.5%}
.industry-cell.on .industry-item.active{width:42.5%}
.industry-cell.on .industry-item.active:after{opacity:0}
.industry-item p{color:#fff;font-size:20px;text-transform:uppercase;font-weight:700;opacity:.5;font-family: "Samsung";position: relative;z-index: 2;}
.industry-item-title{font-size:20px;color:#fff;font-weight:700;margin-top:10px;position: relative;z-index: 2;}
.intro{position:relative;z-index:1;padding-top:86px}
.intro-cont{margin-top:72px;display:flex;z-index: 2}
.intro-l{width:50%;height:560px}
.intro-l img{width:100%;height:100%;object-fit:cover}
.intro-r{width:50%;background:#f0f0f0;padding:82px 100px;display:flex;flex-direction:column;justify-content:center}
.intro-r h3, .intro-r h1{font-size:24px;color:#c41218;font-weight:700;margin-bottom: 20px}
.intro-r p{font-size:16px;line-height:28px;color:#666}
.intro-r p b, .intro-r p strong{font-weight: normal;}
.intro-r p br{content: "";display: block;height: 24px;}
.intro-r a{display:flex;align-items:center;justify-content:center;width:156px;height:46px;background:#c41218;color:#fff;font-size:16px;margin-top:44px;transition:all .4s ease}
.intro-r a:hover{box-shadow:2px 10px 24px rgba(196,18,24,.6)}
.intro-r a i{display:block;background:url("../images/common/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:28px;transition:all .4s ease}
.intro-bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;background: url('../images/index/introBg.jpg') no-repeat top center/100% auto}
.world{padding:140px 0}
.world-tit{font-size:32px;font-weight:700;text-align:left;color:#333;line-height:48px}
.world .contain{display:flex;justify-content:space-between;align-items:center}
.world-l{width:26.5%}
.world-l ul{display:flex;flex-wrap:wrap;margin-top:60px}
.world-l li{width:50%;margin-bottom:30px;padding-bottom:28px;border-bottom:1px solid #e5e5e5}
.world-num{font-size:44px;font-weight:700;color:#c41218;font-family: "Samsung";display:flex;align-items:flex-start;line-height:1}
.world-num em{font-style:normal}
.world-num span{font-size:16px;font-weight:400;padding-top:10px;padding-left:10px}
.world-l li p{font-size:16px;color:#666;margin-top:8px}
.world-l li:nth-last-child(1), .world-l li:nth-last-child(2){border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.world-r{width: 71%;text-align: right;}
.world-r img{max-width: 100%;}

.news{padding:94px 0;background:#f0f0f0}
.news .contain{width: 1460px;}
.news .swiper-container{padding: 0 10px 90px}
.news .index-tit{margin-bottom:50px}
.news a{display:block;width:100%;box-shadow:0 6px 10px 2px rgba(0,0,0,.1);transition:all .4s ease;position: relative;}
.news-pic{width:100%;overflow:hidden}
.news-pic img{width:100%;object-fit:cover;transition:all .8s ease}
.news a:hover img{transform:scale(1.06)}
.news-info{background:#fff;display:flex;padding:34px 30px 41px;z-index: 1;position: relative;transition: all .4s ease}
.news a:hover .news-info{transform: translateY(-40px)}
.news-time{font-size:14px;color:#888;font-family: "Samsung";text-align:center}
.news-time span{font-weight:700;font-size:36px;color:#333;display:block;width:60px;line-height:1}
.news-txt{width:calc(100% - 60px);padding-left:28px}
.news-txt-title{font-size:18px;color:#333;font-weight:700;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt p{font-size:14px;line-height:24px;color:#888;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news .swiper-pagination-bullet{width:12px;height:12px;opacity:1;background:#ccc}
.news .swiper-pagination-bullet-active{background:#c41218}
.news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px}
.news-more{position:absolute;z-index:0;width:100%;background:#c41218;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;left:0;bottom:0;font-size:16px}
.news-more i{display:block;background:url("../images/common/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:20px}


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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner-cont-title{font-size: 48px}
    .index-tit{font-size: 36px}
    .world-tit{font-size: 28px;line-height: 40px;}
    .index-tit:after{width: 70px}
    .industry-item{height: 300px}
    .intro-cont{margin-top: 60px}
    .intro-r{padding: 40px}
    .intro-r h3, .intro-r h1{font-size: 22px}
    .intro-r p br{height: 18px;}
    .world-l ul{margin-top: 50px}
    .news-info{padding: 30px 20px}
    .news-time span{font-size: 30px}
    .news-txt{padding-left: 20px}
    .news-txt-title{font-size: 16px;margin-bottom: 10px}
    .intro-l{height: 500px}
    .world-num{font-size: 36px}
    .world {padding: 120px 0;}
    .news .contain{width: 1220px;}
    .news {padding: 80px 0;}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .industry.news{padding: 80px 0}
    .banner-cont-title{font-size: 36px}
    .index-tit{font-size: 32px}
    .industry .index-tip{margin-bottom: 30px}
    .industry-item{height: 250px;margin-top: 10px;padding: 15px}
    .industry-item p{font-size: 18px}
    .industry-item-title{font-size: 18px;margin-top: 5px}
    .intro-cont{margin-top: 45px}
    .intro-l{height: 450px}
    .intro-r{padding: 20px}
    .intro-r h3, .intro-r h1{font-size: 20px}
    .intro-r p br{height: 14px;}
    .intro-r p{font-size: 14px;line-height: 24px}
    .intro-r a{width: 140px;height: 42px;font-size: 14px}
    .world{padding: 100px 0}
    .world-tit{font-size: 23px;line-height: 36px}
    .world-l ul {margin-top: 40px;}
    .world-num{font-size: 30px}
    .world-num span{padding-left: 6px;padding-top: 6px}
    .world-l li p {font-size: 14px;margin-top: 6px;}
    .news-time{font-size: 12px}
    .news-time span{font-size: 26px}
    .news-info{padding: 20px 15px}
    .news-txt{padding-left: 15px}
    .news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px}
    .news .swiper-pagination-bullet{width: 8px;height: 8px}
    .news .contain{width: 980px;}
    .news .swiper-container {padding: 0 10px 70px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-bg img.banner-bg-pc{height: 50vh;}
    @keyframes indbanRunL{0%{transform: translateX(-100px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
    @keyframes indbanRunR{0%{transform: translateX(100px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
    .news-more{display: none;}
    .news a:hover .news-info {transform: translateY(0);}
    .intro-bg{background-size: 120% auto;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .index-tit{font-size: 26px;padding-bottom: 15px;margin-bottom: 15px}
    .industry,.news{padding: 60px 0}
    .industry .index-tip{margin-bottom: 20px}
    .industry-item p,.industry-item h3{font-size: 16px}
    .industry-item{height: 200px}
    .intro{padding-top: 60px}
    .intro-cont{margin-top: 35px;flex-wrap: wrap;}
    .intro-bg{background-size: 300% auto;}
    .intro-l{width: 100%;height: auto;}
    .intro-r h3, .intro-r h1{font-size: 18px}
    .intro-r{padding: 28px 20px;width: 100%;}
    .intro-r a{margin-top: 25px;width: 120px;height: 36px}
    .intro-r a i{margin-left: 10px}
    .world .contain{flex-wrap: wrap;}
    .world-l{width: 100%}
    .world-l li{text-align: center}
    .world-num{justify-content: center}
    .world-tit{font-size: 20px;text-align: center;line-height: normal;}
    .world-l ul{margin-top: 40px}
    .world-l li{width: 33.3333%}
    .world-r{width: 100%;margin-top: 40px;}
    .world{padding: 80px 0}
    .news .index-tit{margin-bottom: 40px}
    .news .contain{width: 92%;}
    .news .swiper-container{padding: 0 0 50px;}
    .news a{box-shadow: none;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-bg img.banner-bg-pc{display:none}
    .banner-bg img.banner-bg-mb{display:block;min-height: 320px;}
    .banner-nav{bottom: 20px}
    .banner-cont-title{font-size: 22px;line-height: 1.6;}
    .banner-cont-title p{animation: none !important;opacity: 1;}
    .banner .swiper-pagination-bullet{font-size: 12px;margin-left: 10px}
    .banner .swiper-pagination-bullet:last-child{margin-right: 10px}
    .banner .swiper-pagination-bullet-active{margin-right: 80px!important}
    .banner .swiper-pagination-bullet:after{left: 0}
    .banner .swiper-pagination-bullet.active:after{width: 40px}
    .banner-btn img{width: 14px}
    .banner-play{border-width:5px 0 5px 10px;height: 10px;margin-left: 20px}
    .banner-play.paused{border-width: 0 0 0 10px}
    .index-tit{font-size: 22px}
    .index-tip{font-size: 14px;line-height: 22px;}
    .industry .index-tip{line-height: 22px}
    .index-tit:after{height: 2px;width: 60px}
    .industry-cell.on .industry-item.activ,.industry-cell.on .industry-item,.industry-cell.on .industry-item.active,.industry-item{width: 100%}
    .industry{padding: 40px 0}
    .intro-cont{margin-top: 30px;flex-wrap: wrap}
    .intro {padding-top: 40px;}
    .intro-r {padding: 24px 12px;}
    .world {padding: 44px 0;}
    .world-l li{width: 50%;margin-bottom: 20px;padding-bottom: 20px;}
    .world-l ul{margin-top: 30px}
    .world-num{font-size: 26px}
    .world-l li p{font-size: 14px;margin-top: 5px}
    .world-r {margin-top: 28px;}
    .news{padding: 40px 0 24px;}
    .news-info{flex-wrap: wrap;}
    .news-time{width: 100%;text-align: left;}
    .news-time span{display: inline-block;width: auto;margin-right: 10px;}
    .news-txt{width: 100%;padding: 0;margin-top: 12px;}
    .news .index-tit{margin-bottom: 30px}
    .intro-bg {background-size: 500% auto;}
    .intro-r p br{height: 10px;}
    .world-l li:nth-last-child(3){margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
}