@charset "utf-8";
*{box-sizing: border-box;}
body{ margin:0px; padding:0px; font-size:14px;  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; color:#555;}
h1,h2,h3,h4,h5,h6,ul,dl,dd,dt,ol,div,form,img,p{ margin:0px; padding:0px; border:0px;}
li{ list-style-type:none;}
a{color:#111; text-decoration:none;}
a:hover{ color:#068043; text-decoration:none;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}

:root {
    --nav-blue: #0059AB;
    --home-green: #46B036;
    --title-dark: #343434;
    --logi-blue: #0B6EC3;
    --cn-blue: #1249A6;
    --gold: #e6c25e;
    --gray-bg: #F7F7F7;
    --footer-bg: #27282C;
    --text-color: #3a3a3a;
}

/*头部*/
.navbar{height: auto; padding:20px 0;}
.navbar_c{width: 100%; max-width:1200px; margin: 0 auto; display:flex; justify-content:space-between; align-items:center; padding:0 20px;}
.logoc img{max-height:70px; max-width:100%;}

/* 移动端汉堡按钮 */
.hamburger{display:none; flex-direction:column; gap:5px; cursor:pointer;}
.hamburger span{width:30px; height:3px; background:#0059ab; border-radius:2px;}

.navb{height: auto; background: #0059ab;}
.navb_c{width:100%; max-width:1200px; margin:0 auto; font-size:18px; text-transform: uppercase; padding:0 20px;}
.nav-list{display:flex;}
.nav-list li{flex:1; text-align:center; margin-right:5px;}
.nav-list li a{color: #fff; display: block; height: 50px; line-height: 50px;}
.nav-list li a:hover{color: #fff; background: #45af35;}
.nav-list li.active{ background: #45af35;}

/*banner*/
.swiper{width:100%;}
.swiper-slide {text-align: center;  display: flex; justify-content: center; align-items: center;}
.swiper-slide img { width:100%; height:auto; object-fit: cover;}

/*公司介绍*/
.container {width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px;}
.profile {padding: 60px 0 50px; position: relative; }
.profile .sec-title { margin-bottom: 40px; }
.profile-wrap {display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; align-items: stretch;}
.profile-text p {font-size: 14.5px; color: #444; text-align: justify; margin-bottom: 18px; letter-spacing: .5px; line-height: 2.2; text-indent: 2em;}
.profile-img img { width: 100%; height: 100%; object-fit: cover; min-height: 420px;}
.plus-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--logi-blue);
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-top: 26px;
    box-shadow: 0 6px 16px rgba(11,110,195,.35);
    cursor: pointer;
    user-select: none;
    /* 新增过渡，所有动画顺滑 */
    transition: all 0.3s ease;
}
/* hover悬浮特效 */
.plus-btn:hover {
    /* 轻微放大 */
    transform: scale(1.08);
    /* 阴影加深向外扩散 */
    box-shadow: 0 10px 22px rgba(11,110,195,.45);
    /* 颜色稍微提亮 */
    filter: brightness(1.1);
}
/* 点击按下效果 */
.plus-btn:active {
    transform: scale(0.96);
    box-shadow: 0 3px 10px rgba(11,110,195,.3);
}


/* ============ 板块标题 ============ */
.sec-title {text-align: center; font-size: 34px; font-weight: 700; letter-spacing: 3px; color: var(--title-dark); text-transform: uppercase;}
.sec-title.blue { color: var(--logi-blue); }
.sec-title.left { text-align: left; font-size: 40px; }

/* ============ 产品介绍 ============ */
.products { background: url(../images/cpbg.jpg) no-repeat top center; background-size:cover; padding: 90px 0; margin-top: 30px;}
.products-titlebar {text-align: center; padding-bottom: 80px;}
.products-titlebar span { color: #fff; font-size: 40px; font-weight: 700; letter-spacing: 2px;}
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px; padding-top: 100px;}
.product-item { text-align: center; }
.product-frame {background: #fff; border: 5px solid var(--gold);padding: 10px; box-shadow: 0 6px 18px rgba(0,89,171,.10);}
.product-frame img { width: 100%; height: 220px; object-fit:cover;}
.product-label { margin-top: 18px; text-transform: uppercase;}
.product-label strong {display: block; font-size: 24px; color: #111; font-weight: 700; letter-spacing: 1px;}
.product-label span {display: block;font-size: 20px;color: #111; margin-top: 5px;letter-spacing: 1px;font-weight: 700;}
.product-item:hover strong{color: #0059ab;}
.product-item:hover .product-frame{border: 5px #0059ab solid;}


/* ============ 物流运输 ============ */
.logistics { background: #fff; padding: 60px 0 0; }
.logistics .sec-title { margin-bottom: 36px; font-size: 40px;}
.logistics-text { max-width: 1200px; margin: 0 auto 40px; }
.logistics-text p {font-size: 14.5px; color: #444;text-align: justify; margin-bottom: 16px;line-height: 2.2;letter-spacing: .4px;}
.logistics img { max-width: 100%; height: auto; display: block; margin: 0 auto;}

/* ============ 厂区展示 ============ */
.plant { background: var(--gray-bg); padding: 60px 0 0; margin-top: 80px;}
.plant .sec-title { margin-bottom: 40px; font-size: 40px; }
.plant img { max-width: 100%; height: auto; display: block; margin: 0 auto;}

/* ============ 实验室 ============ */
.lab { background: var(--gray-bg); padding: 60px 0 80px 0;}
.lab .sec-title { margin-bottom: 40px;  font-size: 40px; }
.lab img { max-width: 100%; height: auto; display: block; margin: 0 auto;}

/* ============ 页脚 ============ */
.footer { background: var(--footer-bg); color: #cfd8e6; padding: 46px 0 30px; }
.footer .container{padding:0 20px;}
.footer-logo { display: flex; align-items: center; gap: 14px; }
.footer-logo img{max-height:60px; max-width:100%;}
.footer-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 60px 0 26px; text-transform: uppercase;}
.footer-nav a { color: #aeaeae; font-size: 16px; padding: 0 20px; border-right: 1px solid rgba(255,255,255,.18);}
.footer-nav a:last-child { border-right: none; }
.footer-nav a:hover { color: #fff; }
.copyright { text-align: center; font-size: 15px; color: #aeaeae; line-height: 2;  border-top: 1px solid rgba(255,255,255,.1); padding-top: 20px;}

/*====================响应式媒体查询====================*/
@media screen and (max-width:1199px){
    .product-grid{grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width:992px){
    .sec-title.left{font-size:32px;}
    .sec-title{font-size:28px;}
    .products-titlebar span{font-size:32px;}
    .profile-wrap{grid-template-columns:1fr;}
    .profile-img img{min-height:280px;}
    .product-grid{grid-template-columns: repeat(2,1fr);}
    .nav-list{flex-wrap:wrap;}
    .nav-list li{flex:none; width:calc(50% - 5px); margin-bottom:5px;}
}

@media screen and (max-width:768px){
    .hamburger{display:flex;}
    .navb{height:auto;}
    .nav-list{display:none; flex-wrap:wrap;}
    .nav-list.open{display:flex;}
    .nav-list li{width:100%; margin-right:0;}
    .nav-list li a{text-align:left; padding-left:20px;}

    .profile{padding:40px 0;}
    .plus-btn{width:44px;height:44px;font-size:28px;}
    .products{padding:50px 0;}
    .products-titlebar{padding-bottom:40px;}
    .product-grid{grid-template-columns: 1fr; gap:24px; padding-top:40px;}
    .product-frame img{height:180px;}
    .product-label strong{font-size:20px;}
    .product-label span{font-size:16px;}

    .footer-nav a{padding:0 10px; font-size:14px;}
    .footer-nav{margin:30px 0 20px;}
}

@media screen and (max-width:480px){
    .sec-title{font-size:22px; letter-spacing:1px;}
    .sec-title.left{font-size:24px;}
    .products-titlebar span{font-size:24px;}
    .profile-text p{line-height:1.8; text-indent:1em;}
}

/*内页css*/
.ny_banner{width:100%; height:380px;}
/* 面包屑导航 */
.ny_dh{
    height: auto;
    line-height: 50px;
    border-bottom: 1px #eee solid;
    text-transform: uppercase;
}
.ny_dh_c{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    padding:0 20px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}
.ny_dh_l{
    display:flex;
    align-items:center;
    gap:6px;
}
.ny_dh_l .fa-home{
    color:#0059AB;
}
.ny_dh_r{
    text-align:right;
    flex-grow:1;
}

/* 内页内容区域 */
.ny_con{width: 100%; max-width: 1200px; margin: 0 auto;padding: 30px 20px 50px 20px;}
.ny_con p { font-size: 14.5px; color: #444;text-align: justify; letter-spacing: .5px; line-height: 2.2;}
.ny_con img { max-width: 100%;height: auto;display: block;margin: 10px auto;}

/*====================内页响应式媒体查询====================*/
@media screen and (max-width:992px){
    .ny_banner{
        height:280px;
    }
}
@media screen and (max-width:768px){
    .ny_banner{ height:200px;}
    /* PC：左右分开；手机不改成上下排列，保持一行，空间不够自动换行 */
    .ny_dh_c{
        flex-direction: row;
        flex-wrap: wrap;
        align-items:center;
        line-height:2;
        padding:10px 20px;
    }
    .ny_dh_r{text-align:right;}
    .ny_con{padding:20px 20px 40px;}
    .ny_con p{line-height:1.8;}
}
@media screen and (max-width:480px){
    .ny_banner{
        height:160px;
    }
    .ny_dh_c{
        font-size:14px;
    }
}
/*联系模块*/
.contact-wrap{ padding:60px 0;}
/*顶部三栏*/
.contact-top{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:30px;
    margin-bottom:50px;
    text-align:center;
}
.contact-item .contact-icon{ font-size:32px; color:#0059ab; margin-bottom:12px;}
.contact-item h3{
    font-size:22px;
    color:#222;
    margin-bottom:8px;
    font-weight:600;
}
.contact-item p{ color:#ff6b4a; font-size:16px; line-height:1.6;}
/*左图右表单*/
.contact-form-area{ display:grid; grid-template-columns: 1fr 1.6fr;}
.contact-img img{ width:100%; height:100%; object-fit:cover; display:block;}
.contact-form{ background:#f4f4f6; padding:45px 40px;}
.contact-form h2{ font-size:32px; color:#222; margin-bottom:8px;}
.contact-form h2 span{color:#0059ab;}
.form-sub{ color:#444; margin-bottom:28px; font-size:16px;}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px;}
.form-col input{
    width:100%;
    height:48px;
    border:1px solid #ddd;
    padding:0 14px;
    font-size:15px;
    background:#fff;
}
.form-full textarea{
    width:100%;
    min-height:160px;
    border:1px solid #ddd;
    padding:14px;
    font-size:15px;
    resize:none;
    background:#fff; font-family:"Microsoft YaHei";
}
.btn-wrap{ margin-top:24px; text-align:center;}
.submit-btn{
    background:#111111;
    color:#fff;
    border:none;
    padding:14px 36px;
    border-radius:50px;
    font-size:16px;
    cursor:pointer;
    transition:0.3s;
}
.submit-btn:hover{ background:#ff6b4a;}
/*响应式*/
@media screen and (max-width:992px){
    .contact-top{grid-template-columns: repeat(2,1fr);}
    .contact-form-area{grid-template-columns:1fr;}
    .contact-img{ order:2; }
    .contact-form{order:1; }
}
@media screen and (max-width:768px){
    .contact-wrap{ padding:40px 0;}
    .contact-top{ grid-template-columns:1fr;gap:35px; }
    .form-row{ grid-template-columns:1fr;}
    .contact-form{ padding:30px 20px;}
    .contact-form h2{ font-size:26px;}
}
@media screen and (max-width:480px){
    .contact-form h2{ font-size:22px; }
}

/*产品列表页面*/
.ny_pic{width:100%;max-width:1200px; margin:0 auto 20px auto; }
.ny_pic_title { text-align: center; font-size: 24px; color: #111; font-weight: 700; letter-spacing: 1px; padding: 0 20px;margin: 20px 0;}
.ny_pic_img {text-align: center; padding: 20px 20px;}
.ny_pic_img img {max-width: 100%; max-width: 800px; height: auto; display: block; margin: 0 auto;}
.ny_pic_con { padding: 0 20px 40px 20px;}
.ny_pic_con p {font-size: 15px; line-height: 2; color:#444; text-align:justify;}
/*响应式媒体查询*/
@media screen and (max-width:768px) {
    .ny_pic_title{ font-size: 20px; margin:15px 0; }
    .ny_pic_img{ padding:15px 20px; }
}
@media screen and (max-width:480px) {
    .ny_pic_title{ font-size:18px;  letter-spacing:0px;}
}

/*上一页 下一页*/
.pagebar .pagination{display: flex; justify-content: center; margin: 35px 0;}
.pagination a {background: #fff; border: 1px solid #ccc; color: #333; font-size: 14px; padding: 5px 12px; margin: 0 5px; border-radius: 3px;}
.pagination span {color: #333; font-size: 14px; padding: 5px 2px; margin: 0 5px; border-radius: 3px;}
.pagination a:hover { color: #0059ab; border: 1px solid #0059ab;}
.pagination a.page-num-current { color: #fff; background: #0059ab; border: 1px solid #0059ab;}
/*新闻页面*/
.news-list-wrap{ padding:60px 0;}
.news-item{
    margin-bottom:30px;
    box-shadow: 0 2px 14px rgba(0,0,0,0.08);
    border-radius:4px;
    overflow:hidden;
}
.news-item-inner{
    display:grid;
    grid-template-columns: 280px 1fr 60px;
    align-items:stretch;
    text-decoration:none;
    color:inherit;
}
.news-img{ overflow:hidden;}
.news-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition: transform 0.4s ease;
}
.news-item-inner:hover .news-img img{ transform: scale(1.06);}
.news-item-inner:hover .news-title{color:#ff6b4a;}
.news-item-inner:hover .news-arrow{ transform: translateX(4px);}
.news-text{padding:30px 25px;}
.news-date{ font-size:16px;color:#777; margin-bottom:14px;}
.news-date i{ margin-right:6px;}
.news-title{ font-size:24px; color:#111;  margin:0 0 16px 0; font-weight:600; line-height:1.4;}
.news-desc{ font-size:17px;color:#666; line-height:1.7;}
.news-arrow{ display:flex;  align-items:center; justify-content:center; font-size:24px; color:#ff6b4a;}
/*响应式*/
@media screen and (max-width:992px){
    .news-item-inner{grid-template-columns:220px 1fr 50px; }
    .news-text{ padding:22px 18px; }
    .news-title{ font-size:20px; }
}
@media screen and (max-width:768px){
    .news-item-inner{ grid-template-columns: 1fr; }
    .news-arrow{ display:none; }
    .news-img{ height:220px;}
    .news-text{padding:20px;}
    .news-title{ font-size:19px; }
    .news-list-wrap{ padding:35px 0;}
    /*手机端关闭上浮效果，避免体验奇怪*/
    .news-item-inner:hover{  transform:none;}
}
@media screen and (max-width:480px){
    .news-img{height:180px; }
    .news-title{ font-size:17px;}
    .news-desc{ font-size:15px;}
}
.news-detail-wrap{ padding:60px 0;}

/*新闻标题*/
.news-detail-title{
    font-size:42px;
    color:#111;
    line-height:1.35;
    font-weight:700;
    text-align:center;
    margin:0 0 24px 0;
}
/*头部元信息行*/
.news-detail-meta{
    text-align:center;
    font-size:20px;
    color:#333;
    margin-bottom:40px;
}
.news-detail-meta span{
    display:inline-block;
    margin:0 22px;
}
.news-detail-meta i{
    margin-right:6px;
}
/*新闻正文*/
.news-detail-content{
    font-size:20px;
    line-height:1.85;
    color:#222;
}
.news-detail-content p{
    margin-bottom:22px;
}
.news-detail-content img{
    max-width:100%;
    height:auto;
    display:block;
    margin:24px auto;
}

/*====响应式适配====*/
@media screen and (max-width:992px){
    .news-detail-title{
        font-size:34px;
    }
    .news-detail-content{
        font-size:18px;
    }
}
@media screen and (max-width:768px){
    .news-detail-wrap{
        padding:35px 0;
    }
    .news-detail-title{
        font-size:26px;
    }
    .news-detail-meta{
        font-size:16px;
    }
    .news-detail-meta span{
        margin:0 8px;
    }
    .news-detail-content{
        font-size:17px;
        line-height:1.8;
    }
}
@media screen and (max-width:480px){
    .news-detail-title{
        font-size:22px;
    }
    .news-detail-meta{
        /*手机元信息换行，防止拥挤*/
        display:flex;
        flex-direction:column;
        gap:8px;
    }
    .news-detail-meta span{
        margin:0;
    }
}