a:hover{color:#033266;}
p{line-height: 1.8;}
body{padding-bottom:120px}

/* 定义全局变量 */
:root {
    --main: #033266; /* 主色：靛蓝色 */
}

/*手机导航*/
.mobile_header{
    width:100%;
    background:#f7f7f7;
    height:70px;
    display:flex;
    top:0;
    left:0;
    z-index:99;
    padding: 0;
}
.mobile_header .container{
    width:100%;
    height:100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.mobile_header .container .left{
    display:flex;
    align-items: center;
}
.mobile_header .container .left img{
    width:40px;
    margin-right:15px;
}
.mobile_header .container .left p{
    color:var(--main);
    font-size:18px;
    font-weight: bold;
}
.mobile_header .container i{
    width:35px;
    height:35px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:2px solid var(--main);
    font-size:20px;
}

#nav-phone {
    position:fixed;
    top:0;
    right:-100%;
    width:100%;
    height: 100%;
    background:#f8f8f8;
    z-index:2000;
}
.close {
    display: flex;
    justify-content: flex-end;
    font-size: 20px;
    color: var(--main);
    cursor: pointer;
    margin: 20px 20px 0 0;
    opacity: 1!important;
}
.open_logo{
    display: flex;
    justify-content: center;
    align-items: center;
}
.open_logo img{
    width:87px;
    margin-top:30px
}

.mobile_header .mobile_menu {
    width:92%;
    margin:30px auto 0;
    height:auto;
    z-index:99;
    list-style: none; /* 清除默认列表样式 */
    padding:0; /* 清除默认内边距 */
}
.mobile_header .mobile_menu li{
    width:100%;
    border-bottom:1px #f5f5f5 solid; /* 统一一级菜单下边框 */
}
/* 普通一级菜单链接样式（首页、公司简介等） */
.mobile_header .mobile_menu li a{
    display:block;
    height:100%;
    font-size:16px;
    line-height:48px;
    color:#222;
    text-decoration: none; /* 清除链接下划线 */
}

/* -------------- 新增：产品展示二级菜单相关样式 -------------- */
/* 有二级菜单的一级菜单：整行可点击 */
.mobile_header .mobile_menu li.has-submenu{
    cursor: pointer; /* 鼠标悬浮显示“手”型，提示可点击 */
}
/* 产品展示一级菜单文字容器：模拟链接样式，整行可点击 */
.mobile_header .mobile_menu .menu-item-wrap{
    display:block;
    font-size:16px;
    line-height:48px; /* 与其他一级菜单行高一致 */
    color:#222;
    padding-left: 2px; /* 与其他一级菜单对齐 */
    position: relative;
}
/* 可选：添加“下拉箭头”图标（增强视觉提示） */
.mobile_header .mobile_menu .menu-item-wrap::after{
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    /* 箭头样式（可根据iconfont替换） */
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--main); /* 主题色箭头 */
    transition: transform 0.3s; /* 箭头旋转动画 */
}
/* 下拉展开时，箭头旋转180度（变为“上箭头”） */
.mobile_header .mobile_menu li.has-submenu.selected .menu-item-wrap::after{
    transform: translateY(-50%) rotate(180deg);
}

/* 二级菜单样式：默认隐藏+缩进 */
.mobile_header .mobile_menu .list-item{
    display: none; /* 默认隐藏，JS控制显示/隐藏 */
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fafafa; /* 二级菜单背景（浅于一级菜单，区分层级） */
}
/* 二级菜单链接样式：缩进+调整行高 */
.mobile_header .mobile_menu .list-item li a{
    padding-left: 20px; /* 缩进20px，明确层级关系 */
    line-height: 44px; /* 二级菜单行高略小，避免过于拥挤 */
    color: #666; /* 二级菜单文字颜色（深于背景，保证可读性） */
    border-bottom: 1px solid #eee; /* 二级菜单内部分隔线 */
}
/* 二级菜单最后一项：去除下边框 */
.mobile_header .mobile_menu .list-item li:last-child a{
    border-bottom: none;
}

.banner{width:100%;}

.gradient-text {
    background: linear-gradient(to bottom, #a9daa9, #18cecc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    font-weight: bold;
}

.de_about{padding:25px 0;}
.de_title{display: flex;justify-content: space-between;align-items: center;}
.de_title .de_title_txt{position: relative;font-size:20px;padding:0 15px;}
.de_title .de_title_txt::before{content:"";display: block;width:4px;height:20px;background: linear-gradient(to bottom, #1E90FF, #32CD32);position: absolute;left:0;top:0;border-radius: 4px;}
.de_title .de_title_btn{display: flex;justify-content: space-between;align-items: center;width:100px;height:20px;border:1px solid #033266;border-radius: 20px;padding:15px 10px;opacity: .6;}
.de_title .de_title_btn span{font-size:14px;color:#033266;}
.de_title .de_title_btn .iconfont{font-size:18px;color:#033266;}
.de_about .content{color:var(--main);margin:20px 0 30px 0;}
.de_about p{font-size:16px;text-align: justify;}
.de_about .de_about_img{width:100%;border-radius: 10px}

.de_title_honor{margin:30px 0;}
.honor_imgs{display:flex;justify-content:space-between;width:100%}
.honor_imgs a{width:49%}
.honor_img{width:100%}

.de_pdt{background: #f7f7f7;padding:30px 0;}
.de_sub{color:#696969;font-size:16px;margin:12px 0;line-height: 1.5;}
.de_pdt .list{width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;}
.de_pdt .item{width:48%;}
.de_pdt .imgbox{width:100%;overflow: hidden;border-radius: 10px;border:1px solid #c5c5c5;aspect-ratio:800/640;}
.de_pdt .imgbox img{width:100%;height:100%;object-fit: cover}
.de_pdt .item p{font-size:16px;color:var(--main);padding:10px 0;text-align: center;}

.de_contact{background: #313131;padding:30px 0}
.de_contact .list{margin:20px 0;}
.de_contact .item{display: flex;align-items: center;margin-bottom:25px;}
.de_contact .iconfont{width:40px;height:40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size:18px;color:#fff;border:1px solid #fff;margin-right:10px;}
.de_contact .txt{}
.de_contact .txt_title{color:#b9b9b9;line-height: 1.5;}
.de_contact .txt_content{color:#fff;line-height: 1.5;}
.de_contact .txt a{color:#fff;}

.de_contact .codes{display: flex;justify-content: center;}
.de_contact .codes .code{width:40%;margin:0 10px;}
.de_contact .codes img{border-radius: 10px;width:100%;}
.de_contact .codes p{color:#fff;text-align: center}

/* 底部 */
footer{position: fixed;left:0;bottom:0;z-index:99;width:100%;}
footer .copyright{color:#b0b0b0;text-align: center;padding:14px 0;width:100%;background: #fff}
footer .items{display: flex;width:100%;box-shadow: 0 0 10px rgba(0,0,0,.2);}
footer .item{width:25%;display: flex;flex-direction: column;align-items: center;background: #f7f7f7;padding:15px 0 10px;}
footer .iconfont{color:var(--main);font-size:20px;}
footer p{color:var(--main);}
footer .item.active{background: #fff;}
footer .item.active .iconfont{background: linear-gradient(to right, #a9daa9, #18cecc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
footer .item.active p{color:#06cdd0;}

.equipment{background: #f7f7f7;padding:30px 0 10px;}
.equipment .list{margin-top:20px;}
.equipment img{width:100%;margin-bottom:15px;}

.page_contact{background: #fff;padding-bottom:0;}
.page_contact .iconfont{color:var(--main);border:1px solid var(--main);}
.page_contact .txt_title{color:var(--main);}
.page_contact .txt_content{color:var(--main);}
.page_contact .txt a{color:var(--main);}

.page_contact .codes p{color:var(--main);}
.ditu{width:100%;margin-top:20px;}

.page_pdt{background: #fff}
.page_pdt .list{margin-top:30px}

.page{width:100%;display:flex;justify-content: center;align-items: center;}
.pagination{line-height:0;margin-top:30px;}
.pagination a,.pagination span{color:#fff;font-size:14px;}
.pagination li{width:20px;height:20px;background: var(--main);display: flex;justify-content: center;align-items: center;margin:0 2px}
.pagination li.active{background:#18cecc;cursor:pointer;}
.pagination li.active a,.pagination li.active span{color:#fff;}
.pagination li:hover a{color:#18cecc;cursor:pointer;}

.page_productview{padding:30px 0;}
.page_productview .pdt_name{text-align: center;font-size:20px;font-weight: bold;color:var(--main);margin-bottom:30px;}
.page_productview .pdt_img{width:100%;}

.page_productview_other{margin-top:30px;color:#333;}
.page_productview_other a{display: block;color:#333;margin-bottom:20px;}

/* 新闻列表 */
.page_news{margin-top:5.13rem;z-index: 10;position: relative;background:#fff;}
.page_news .intro{padding:.2rem .5rem 0 .5rem;}
.page_news h2{font-size:.52rem;color:#3d84d9;font-weight:bold;text-align: center;margin:0 .5rem;border-bottom:1px solid #e5e5e5;padding:.3rem 0 .5rem 0;}
.page_news .page_news1{padding:.5rem 0;border-bottom:1px solid #e5e5e5;}
.page_news .page_news_link{background:#f6f6f6;display: block;padding:0 .2rem;}
.page_news .time{font-size:.34rem;color:#999;padding:.3rem 0;}
.page_news .title{font-size:.28rem;color:#222;padding-bottom:.35rem;}
.page_news .content{font-size:13px;color:#999;line-height: 2;margin-bottom:.3rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.page_news .news1_pic{width:100%;margin-bottom:.2rem;}
.page_news .news_item{border-bottom:1px solid #e5e5e5;padding:.5rem 0 .5rem .3rem;position: relative;display: block;}
.page_news .news_circle{width:.1rem;height:.1rem;background:#356db4;border-radius:50%;position: absolute;top: .63rem;
    left: .05rem;}
.page_news .news_content{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.page_news .news_content .time{padding-top:.4rem;}
.page_news .news_content .title{padding-bottom:0;}
.page_news .news_content img{width:.46rem;}
.page_news .pag{margin-top:.3rem;}

/* 新闻详情 */
.page_newsview{color:#666;}
.page_newsview .wrap{padding:0 .5rem;}
.page_newsview .time{display: flex;justify-content: flex-start;align-items: center;margin-bottom:.3rem;}
.page_newsview .time img{margin-right:.2rem;width:13px;height:13px;}
.page_newsview .time span{color:#3d84d9;font-size:13px;}
.page_newsview .content{padding:.45rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;color:#666;line-height: 2;}
.page_newsview .content p{font-size:14px;color:#666;text-indent:2em;}
.page_newsview .content img{width:100%;margin:.2rem 0;}
.page_newsview h3{font-size:.34rem;color:#222;font-weight:bold;margin:.6rem 0 .3rem 0;line-height: 1.5;}
.newsview_others{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding:.3rem 0;margin-bottom:.3rem;}
.newsview_others a{font-size:13px;margin:.1rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}