@charset "utf-8";
/* ===================首页样式========================== */
.Header-wrapper{background:#fcfcfc!important}

/* banner */
.banner{position:relative;padding-bottom:30px}
.banner-bg img{height:calc(100vh - 112px);width:100%;object-fit:cover}
.banner-bg-mb{display:none}
.banner .swiper-pagination{bottom:0;left:50%;transform:translateX(-50%);font-size: 0}
.banner .swiper-pagination-bullet{width:10px;height:10px;background:0 0;border:2px solid #15484f;transition:all .4s ease;opacity:1}
.banner .swiper-pagination-bullet-active{border-color:#bc5d5b;background:#bc5d5b}
.banner .swiper-pagination-bullet:not(:first-of-type){margin-left:15px}

/* index-intro */
.index-intro{padding:88px 0 106px}
.index-intro .contain{display:flex;justify-content:space-between;align-items:center}
.index-intro-txt{width:47%}
.index-intro-txt h2{font-size:60px;color:#bf4f51}
.index-intro-txt h2 span{display:block}
.index-intro-nav{font-size:28px;color:#265f67;;display:flex;align-items:center;margin:80px 0 40px}
.index-intro-nav i{background:url(../images/index/index-intro-txt-icon.png) no-repeat center/100%;width:32px;height:37px;display:block;margin:0 22px 0 24px}
.index-intro-nav a.active{color:#b85f5f}
.index-intro-txt-cell:not(:first-child){display: none}
.index-intro-txt p{;color:#265f67;font-size:27px;line-height:35px}
.index-intro-pic{width:41.5%}
.index-intro-pic img{width:100%;object-fit:cover}
.index-intro-pic img:not(:first-child){display: none}

/* product */
.product .contain{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-82px}
.product-item{width:49.5%;display:flex;justify-content:space-between;height:542px;position:relative;margin-top:82px}
.product-item:nth-child(odd){background:linear-gradient(90deg,#f7e2dc 0,#e8e7e2 80%)}
.product-item:nth-child(even){background:linear-gradient(90deg,#fce1db 0,#eee6df 80%)}
.product-txt{padding:66px 0 0 50px;width:47%}
.product-txt h3{font-size:45px;color:#b85f5f}
.product-txt h4{font-size:28px;color:#b85f5f;;line-height:1;margin-bottom:24px}
.product-txt p{font-size:18px;;line-height:1}
.product-txt p.product-tip{margin-bottom:26px}
.product-txt p+p{margin-top:10px}
.product-btn{margin-top:100px;font-size:0}
.product-txt a+a{margin-left:10px}
.product-txt a{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;padding:0 15px;height:46px;font-size:14px;transition:all .4s ease;}
.product-txt a:hover{box-shadow:0 10px 18px rgba(35,95,103,.5)}
.product-txt a:nth-of-type(1){background:#235f67;color:#fed4b4}
.product-txt a:nth-of-type(2){border:2px solid #235f67;color:#235f67}
.product-pic{width:362px;position:absolute;bottom:30px;right:15px;height:100%;display:flex;align-items:flex-end;justify-content:center}
.product-pic img{max-width:100%;object-fit:cover;display:block;transition:all .6s ease}
.product-item:hover .product-pic img{transform:translateY(-10px)}

/* 动态 */
.news{padding:146px 0 136px}
.news-nav{display:flex;justify-content:center;margin-bottom:100px}
.news-nav-inner{display:flex;border-top:2px solid #235f67;position:relative}
.news-nav-inner .line{display:block;width:160px;height:4px;background:#ba5e5d;position:absolute;left:0;top:-3px}
.news-nav a{font-size:28px;color:#265f66;line-height:1;min-width:160px;padding:20px 10px 0;text-align:center;position:relative;cursor:pointer;transition:all .4s ease}
.news-nav a.active{color:#ba5e5d}
.news-item{display:flex;justify-content:space-between;flex-wrap:wrap}
.news-item:not(:first-child){display:none}
.news-item:after{content:'';width:32%}
.news-item a{display:block;width:32%}
.news-pic{width:100%;height:214px;overflow:hidden}
.news-pic img{width:100%;height:100%;object-fit:cover;transition:all .6s ease}
.news-item a:hover img{transform:scale(1.04)}
.news-txt{margin-top:30px}
.news-txt h3{color:#265f66;font-size:30px;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:16px;transition:all .4s ease}
.news-txt p{;font-size:18px;color:#265f66;transition:all .4s ease}
.news-item a:hover h3,.news-item a:hover p{color:#b85f5f}


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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .index-intro-txt h2{font-size:46px}
    .index-intro-nav{font-size:20px;margin:20px 0}
    .index-intro-txt p{font-size: 18px;line-height:24px}
    .product-item{margin-top:40px;height:100%}
    .product .contain{margin-top: -40px}
    .product-txt{padding:40px 0 40px 30px}
    .product-txt h3{font-size:40px}
    .product-txt h4{font-size: 24px;margin-bottom: 16px}
    .product-pic{right: 10px;bottom:20px;width:260px}
    .product-pic img{max-height:100%}
    .product-txt p{font-size:16px}
    .product-txt p.product-tip{margin-bottom:16px}
    .product-txt a{height:40px;padding: 0 12px;font-size:12px}
    .product-txt a+a{margin-left:6px}
    .news-nav a{font-size:22px;padding:14px 10px 0}
    .news-nav{margin-bottom: 80px}
    .news-pic{height:180px}
    .news-txt h3{font-size:20px}
    .news-txt{margin-top:20px}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .index-intro-txt h2{font-size:40px;line-height:50px}
    .index-intro-nav{font-size:18px}
    .index-intro-nav i{margin: 0 10px;width:20px}
    .banner .swiper-pagination-bullet:not(:first-of-type){margin-left:15px}
    .index-intro-txt p{font-size:16px;line-height:24px}
    .index-intro-nav{margin:30px 0 20px}
    .index-intro-txt{width:50%}
    .product-item{width: 100%}
    .product-txt{width: 50%}
    .product-pic{width: 45%}
    .news-nav a{font-size: 22px;padding: 10px 10px 0}
    .news-pic{height:140px}
    .news-txt h3{font-size: 22px;margin-bottom: 10px}
    .news-txt{margin-top:10px}
    .news-txt p{font-size: 16px}
    .news-nav{margin-bottom: 50px}
    .product-btn{margin-top: 60px}
}

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


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-bg img{height: auto;min-height:360px}
    .banner{padding-bottom: 25px}
    .index-intro-txt h2{font-size: 40px;line-height: 40px}
    .index-intro-nav i{margin: 0 10px}
    .index-intro-nav{font-size: 22px;margin:20px 0 10px}
    .index-intro-txt p{font-size: 18px;line-height: 24px}
    .product-pic{right: 0;bottom: 0;display: flex;align-items: center;justify-content: center}
    .product-pic img{max-width: 90%;max-height: 90%}
    .product-txt{padding:30px 0 30px 30px}
    .product-txt h3{font-size:34px}
    .product-btn{margin-top: 60px}
    .news-item a{width: 100%}
    .news-pic{height: auto}
    .news-nav{margin-bottom: 40px}
    .news-nav a{font-size: 20px}
    .news-item a+a{margin-top: 30px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-bg-mb{display: block}
    .banner-bg-pc{display: none}
    .banner-bg img{min-height:250px}
    .banner .swiper-pagination-bullet{width:8px;height: 8px}
    .banner .swiper-pagination-bullet:not(:first-of-type){margin-left:10px}
    .banner{padding-bottom: 20px}
    .index-intro .contain{flex-wrap: wrap-reverse}
    .index-intro-txt{width: 100%;margin-top: 30px}
    .index-intro-pic{width: 100%}
    .index-intro-txt h2{font-size: 30px;line-height: 30px}
    .index-intro-nav{margin: 10px 0;font-size: 20px}
    .index-intro-nav i{width: 20px;margin: 0 5px}
    .product-txt{padding: 15px 0 15px 15px}
    .product-txt h3{font-size: 26px}
    .product-txt h4{font-size: 20px;margin-bottom: 10px}
    .product-txt p{font-size: 15px}
    .product-txt p+p{margin-top:5px}
    .product-txt a{width: 100%;height: 30px}
    .product-txt a+a{margin:5px 0 0}
    .product-btn{margin-top: 20px}
    .product-item{margin-top: 20px}
    .product .contain{margin-top: -20px}
    .news-nav a{min-width:unset;width: 33.33%;font-size: 18px}
    .news-nav-inner{width: 100%}
    .news-nav-inner .line{width: 33.33%}
}