@charset "utf-8";
/* ===================首页样式========================== */
/* common */
.com-tit{font-size: 42px;font-weight: bold;color: #007f83;text-align: center}
.com-btn{display: inline-flex;align-items: center;justify-content: center;color: #007f83;font-size: 14px;width: 122px;height: 43px;border-radius: 30px;border: 2px solid #007f83;transition: all .4s ease}
.com-btn:hover{color: #fff;background: #007f83}
.com-btn.long{width: auto;padding: 0 28px}
.com-block{overflow: hidden}

/* banner */
.banner{position:relative;height:calc(100vh - 96px)}
.banner .swiper-container,.banner-bg{height:100%}
.banner-bg-pc{width:100%;height:100%;object-fit:cover}
.banner-cont{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%}
.banner-cont .contain-1400{height:100%;display:flex;align-items:center}
.banner-txt{width:687px;background:rgba(0,127,131,.5);padding:66px 70px}
.banner-cont h1{color:#fff;font-size:42px;line-height:1;font-weight:700}
.banner-cont p{font-size:27px;color:#fff;line-height:38px;margin-top:15px}
.banner-video{font-size:21px;font-weight:700;color:#fff;margin-bottom:24px;display:flex;align-items:center}
.banner-video img{padding-left:9px}
.banner-btn{background:#ed6d2a;display:flex;align-items:center;justify-content:center;width:212px;height:43px;color:#fff;font-size:14px;border-radius:30px;margin-top:25px;transition: all .4s ease}
.banner-btn:hover{background: #cf5f25}
.banner-nav{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);z-index:2}
.banner-nav .contain-1760{position:relative}
.banner .swiper-pagination{right:0;display:flex;flex-direction:column}
.banner .swiper-pagination-bullet{background:url(../images/index/banner-nav2.png) no-repeat center/100%;width:14px;height:14px;opacity:1;transition:all .4s ease}
.banner .swiper-pagination-bullet:not(:first-child){margin-top:20px}
.banner .swiper-pagination-bullet-active{background:url(../images/index/banner-nav.png) no-repeat center/100%}
.banner .scroll-bar{z-index:2;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:scroll 1.2s infinite;cursor:pointer}
.banner .scroll-bar p{margin-bottom:15px;color:#fff;font-size:14px}
@keyframes scroll { 0% {transform:translate(0, 0);} 50% {transform:translate(0, 10px);} 100% {transform:translate(0, 0);} }
.banner .swiper-slide-active h1{animation:text-active-animation 1s ease both}
.banner .swiper-slide-active p{animation:text-active-animation 1s ease both .2s}
.banner .swiper-slide-active .banner-btn{animation:text-active-animation 1s ease both .6s}
@keyframes text-active-animation{from{opacity:0;filter:Alpha(opacity=0);-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;filter:Alpha(opacity=100);-webkit-transform:translateY(0);transform:translateY(0)}}

/* 愿景与使命 */
.mission{padding:110px 0 120px;background:#f5f5f5}
.mission-item{position:relative;height:583px;margin-top:50px}
.mission-item-l{width:77%;height:100%}
.mission-item-l img{width:100%;height:100%;object-fit:cover}
.mission-item-r{position:absolute;z-index:2;background:#fff;height:85%;width:41%;right:0;bottom:0;box-shadow:0 5px 40px rgba(17,58,93,.1);display:flex;flex-direction:column;justify-content:center;padding:0 50px 0 60px}
.mission-item-r h3{font-weight:700;font-size:26px;color:#007f83;position:relative;z-index:1;margin-bottom:16px}
.mission-item-r h3 span{color:#efefef;font-size:52px;font-weight:700;line-height:1;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1;text-transform:uppercase}
.mission-item-r p{font-size:20px;line-height:28px;color:#777}
.mission-item-r .com-btn{margin-top:30px}
.mission-item:nth-of-type(even){display:flex;justify-content:flex-end}
.mission-item:nth-of-type(even) .mission-item-r{left:0;right:unset}

/* 公司新闻 */
.news{padding:90px 0 100px}
.innews-items{width:100%;margin-top:46px;height:444px}
.innews-show{width:24%;height:100%;background-position:left top;background-repeat:no-repeat;padding:54px 34px;float:left}
.innews-show h2{font-size:22px;color:#fff;font-weight:700;line-height:28px}
.innews-sitetime{width:100%;margin-top:28px}
.innews-sitetime h6{font-size:15px;color:#fff;font-weight:700;margin-bottom:12px}
.innews-sitetime span{font-size:14px;color:#fff;line-height:20px}
.innews-column{float:right;width:74%;height:100%;display:flex;flex-wrap:wrap}
.innews-record{width:698px;height:100%}
.innews-record .innews-reli{width:100%;position:relative;display:none;overflow:hidden}
.innews-record .innews-reli.active{display:block;height:100%}
.innews-record .innews-reli img{width:100%;height:100%;object-fit:cover;transition:all 1s ease}
.innews-record .innews-reli:hover img{transform:scale(1.04)}
.innews-recont{position:absolute;left:0;top:0;width:100%;height:100%;padding:54px 38px}
.innews-recont h2{font-size:22px;color:#fff;font-weight:700;line-height:28px;margin-bottom:18px}
.innews-recont span{font-size:14px;color:#fff}
.innews-list{width:calc(100% - 698px);height:100%;padding:54px 40px;background-color:#f5f5f5}
.innews-list li{width:100%;margin-bottom:28px}
.innews-content{width:100%;cursor:pointer}
.innews-content h2{display:inline-block;font-size:16px;color:#343333;line-height:26px;margin-bottom:6px;font-weight:400}
.innews-content span{font-size:12px;color:#343333;transition:all .4s ease}
.innews-content a{font-size:16px;color:#333;height:52px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical}
.innews-list li.active h2{color:#007f83;text-decoration:underline;font-weight:700}
.innews-content:hover h2,.innews-list li.active a{color:#007f83}
.innews-content:hover span,.innews-list li.active span{color:#007f83}
.news-btn{text-align:center;margin-top:38px}





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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .com-tit{font-size: 36px}

    .banner-cont h1{font-size: 38px}
    .banner-cont p{font-size:24px;line-height:34px}
   .mission-item{height: 440px}
    .mission-item-r{padding: 0 30px}
    .mission-item-r h3{font-size: 26px}
    .mission-item-r h3 span{font-size: 40px}
    .innews-record{width: 570px}
    .innews-list{width: calc(100% - 570px)}
    .innews-show{padding:30px;background-size: cover;background-position: left 50% top;}
    .innews-show h2{font-size:18px}
    .innews-recont h2{font-size:20px}
    .innews-list,.innews-recont{padding:30px 20px}
    .innews-content a{font-size:15px}
    .innews-items {height: 392px;}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .com-block{padding: 80px 0}
    .com-tit{font-size: 32px}

    .banner{height: 600px}
    .banner-cont h1{font-size: 32px}
    .banner-cont p{font-size: 26px}
    .banner-video{font-size: 18px;margin-bottom: 16px}
    .mission-item-r p{font-size: 15px}
    .innews-show{padding: 30px 20px}
    .innews-show h2{font-size: 18px;line-height: 24px}
    .innews-sitetime{margin-top: 16px}
    .innews-sitetime h6{margin-bottom: 8px;line-height: 1}
    .innews-list{width: calc(100% - 430px);padding: 30px 20px}
    .innews-record{width: 430px}
    .innews-items{height: 390px}
    .innews-content h2{font-size: 15px}
    .innews-recont{padding: 30px}
}

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


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}