.main-content {margin: 30px auto !important;}
.main-content h2{text-align: center;font-size: 25px;color: #1d50a2;line-height: 60px;}
.main-content #list-span{width: 60px;height: 3px;background: #ffab17;display: block;margin: 0 auto 40px;}


/*  */
.pro-nav{ overflow: hidden;margin-bottom: 20px;}
.pro-nav ul{display: flex;flex-direction:row;margin: 0 auto;justify-content: center;flex-wrap: wrap;}
.pro-nav ul li{width: 15%;border: 1px solid #1b264c;margin: 5px 5px;}
.pro-nav ul li a{font-size: 14px; line-height: 55px; color: #152350;text-align: center;display: block;}
.sub-two{padding: 20px 0;}
.sub-two ul {}
.sub-two ul li{border: none;background: #1c4fa2;border-radius: 100px;width: 13%;}
.sub-two ul li a{color: white;line-height: 35px;}
.sub-two ul li:hover a{}
/* 产物列表部分 */
.pro-list{display: flex;flex-flow: row wrap;justify-content: center;gap: 20px;margin: 0 auto;}
.pro-list .pro-ul{width: calc(25% - 40px);/* min-width: 280px; */box-shadow: 1px 5px 10px #d9d9d9;margin: 0;padding: 20px;box-sizing: border-box;transition: all 0.3s ease;}
.pro-list .pro-img{width: 100%; height: auto;overflow: hidden;}
.pro-list .pro-img img{width: 100%;height: 100%;object-fit: cover;transition: all linear .5s;}
.pro-list .pro-ul:hover .pro-img img{transform: scale(1.1);}
.pro-list .pro-ul a{color: black;text-decoration: none;display: block;margin-top: 15px;}
.pro-list .pro-ul a h2{font-size: 16px; line-height: 24px;font-family: '微软雅黑';margin-bottom: 8px;color: #333;}
.pro-list .pro-ul a p{font-size: 14px; line-height: 22px; color: #666;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
}
/* end */
/* 新闻列表 */
.news-list{width: 100%; padding: 20px; }
.news-list ul {overflow: hidden;}
.news-list ul li{overflow: hidden;}
.newsdate{width: 20%;float: left;padding: 30px;border-right: 1px solid #ddd;box-sizing: border-box;}
.newsdate span{color: #00428e;font-weight: bold;font-size: 18px;float: right;}
.newsdate span::before{display: none;}
.newsdate img{background: transparent;margin: 20px 0 36px;width: 100%;transition: all linear .5s}
.news-list ul li:hover .newsdate img{transform: scale(1.1);}
.newscont{float: right;width: 80%;padding: 0 30px;box-sizing: border-box;position: relative;}
.newscont:before{content: "";display: block;width: 16px;height: 16px;border-radius: 10px;position: absolute;top: 34px;left: -8.5px;background-color: #ddd;}
.newscont h2{font-size: 18px;line-height: 25px;color: #515151;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}
.newscont h2 a{font-size: 18px;line-height: 25px;color: #515151;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;
    white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-list ul li:hover .newscont h2 a{color:rgb(3, 3, 88);transform: scale(1.01);}
.newscont span{line-height: 50px;padding-right: 10px;color: #333;font-size: 14px !important;}
.newscont span::before{display: none;}
.newscont h1{font-size: 14px;}
.newscont h2{font-size: 14px;}
.newscont p{font-size: 14px;}
.newscont p span{font-style: normal;}
.newscont p strong{font-style: normal;}
.newscont p h2{font-style: normal;}
.newscont p h3{font-style: normal;}
.newscont p h4{font-style: normal;}
.newscont p h5{font-style: normal;}


/* .newscont p{font-size: 14px;font-family: Microsoft YaHei;color: #666666;margin-top: 15px;line-height: 28px;height: 56px;overflow: hidden;} */
.news-list ul li:hover .newscont p{transform: scale(1.01);}
.newscont i{font-style: normal;line-height: 50px;color: #333;font-size: 14px;font-family: Microsoft YaHei;}
.show_all{width: 100%;padding-bottom: 36px;margin-top: 25px;}
.show_all a{background: #1d50a2 !important;margin-bottom: 10px;font-size: 14px;line-height: 36px;color: white;text-align: center;
    border-width: 1px;border-style: solid;border-color: #f7f7f7;display: inline-block;padding: 0 50px;}
.show_all:hover a{background: #1c4fa2; color: white;}
/* end */
/* 产物内容页 */
.container {max-width: 1400px;margin: 20px auto;padding: 0 15px;display: flex;}
        /* 左侧栏样式 */
        .sidebar {width: 250px;background: #fff;border-radius: 5px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);padding: 20px;margin-right: 20px;}
        .sidebar h3 {font-size: 18px;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
        .sidebar ul {list-style: none;}
        .sidebar li {margin-bottom: 10px;} 
        .sidebar a {color: #fff;text-decoration: none;transition: color 0.3s;font-size: 15px;font-weight: bold;line-height: 35px;background: #06c;display: block;padding: 5px;border-radius: 0 50px 50px 0;}
        .sidebar a:hover {color: #e3e3e3;}
        .sidebar ul li ul li{background: white;}
        .sidebar ul li ul li a{color: black;font-size: 14px;font-weight: normal;background: white;line-height: 20px;}
        
        /* 右侧内容区域 */
        .content {flex: 1;background: #fff;border-radius: 5px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);padding: 20px;} 
        /* 产物展示区域 */
        .product-display {display: flex; margin-bottom: 30px;}
        .product-info {flex: 1;padding-right: 20px;}
        .product-info h1 {font-size: 24px;margin-bottom: 15px;color: #222;}
        .product-info .price{margin: 15px 0;}
        .product-info .price a {font-size: 22px;color: #e74c3c;font-weight: bold;}
        .product-info .description {color: #666; margin-bottom: 20px;line-height: 1.5;}
        .product-info .specs {margin-bottom: 20px;}
        .product-info .specs li { margin-bottom: 8px;display: flex;}
        .product-info .specs span:first-child {width: 100px;color: #888;}
        .product-info .specs span::before{display: none;}
        .product-info .btn {display: inline-block;background: #0066cc;color: #fff;padding: 10px 20px;border-radius: 4px;text-decoration: none;
            margin-top: 10px;transition: background 0.3s;}
        .product-info .btn:hover { background: #0055aa;}
        
        #xj_tel{display: none;}
        /* 产物图片区域 */
        .product-gallery { width: 400px;}
        .main-image {width: 100%; height: 300px;background: #f9f9f9;margin-bottom: 10px;display: flex;align-items: center;justify-content: center;
            border: 1px solid #eee;overflow: hidden;}
        .main-image img {max-width: 100%;max-height: 100%;object-fit: contain;}
        .thumbnail-container { display: flex;gap: 10px;}
        .thumbnail {width: 70px;height: 70px;border: 1px solid #ddd;cursor: pointer;overflow: hidden;}
        .thumbnail img {width: 100%; height: 100%;object-fit: cover;transition: opacity 0.3s;}
        .thumbnail:hover img {opacity: 0.8;}
        
        /* 产物详情内容 */
        .product-details {padding-top: 20px;border-top: 1px solid #eee;min-height: 500px;overflow: hidden;}
        .product-details h2 {font-size: 20px;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
        .product-details p {margin-bottom: 15px;color: #555;line-height: 1.75;}
        .product-details ul { margin-left: 20px;margin-bottom: 20px;}
/* end */
/* 内容页 */


        /* 面包屑导航 */
        .breadcrumb {padding: 15px 0 0 10px;font-size: 14px;color: #666;width: 1400px;}
        .breadcrumb a { color: #1e50a2;text-decoration: none;}
        .breadcrumb a:hover {text-decoration: underline;}
        .breadcrumb span {margin: 0 5px;color: #999;}
        
        /* 主体内容 */
        .news-container {display: flex;}
        
        /* 新闻内容区域 */
        .news-content {flex: 1;background: white;border-radius: 5px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);padding: 30px;margin-right: 20px;overflow: hidden;line-height: 2;}
        .news-title {font-size: 28px;font-weight: bold;margin-bottom: 15px;line-height: 1.4;color: #222;}
        .news-meta { color: #666;font-size: 14px;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #eee;}
        .news-meta span {margin-right: 15px;}
        .news-source {color: #1e50a2;}
        .news-body {min-height: 500px;}
        .news-tags {margin: 30px 0; padding-top: 20px;border-top: 1px solid #eee;}
        .news-tags a {display: inline-block;background: #f0f0f0;color: #555;padding: 5px 10px; border-radius: 2px;margin-right: 10px;margin-bottom: 10px;
            font-size: 12px;text-decoration: none;
font-weight: normal;
}
        .news-tags a:hover { background: #e0e0e0;color: #4e597c;}
        
        /* 右侧边栏 */
        .sidebar { width: 250px;}
        .sidebar-section {background: white; border-radius: 5px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);padding: 20px;margin-bottom: 20px;overflow: hidden;}
        .sidebar-title {font-size: 18px;font-weight: bold;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #eee;color: #222;}
        .related-news {list-style: none;}
        .related-news li { margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed #eee;}
        .related-news li:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
        .related-news a {color: #333;text-decoration: none;font-size: 15px;line-height: 1.5;display: block;background: none;font-size: 13px;font-weight: normal;padding: 0;float: left;}
        .related-news a:hover { color: #1e50a2;}
        .related-news .date {font-size: 11px;color: #999;margin-top: 5px;float: right;}
        /* end */
        /* page分页 */
        .page{margin: 30px auto 0;width: 80%;text-align: center;}
        .page span{padding: 10px;background: #ffad30;margin: 0 5px;color: white;}
        .page .page-status{}
        .page .page-index{background: #e6e6e6;}
        .page .page-pre{background: no-repeat;border: 1px solid #e6e6e6;}
        .page .page-numbar{background: none;}
        .page .page-numbar a{display: inline-block;border: 1px solid #333;padding: 8px 13px;margin: 0 5px;}
        .page .page-num-current {background: #ffad30;color: white;border:  1px solid #ffad30 !important;}
        .page .page-next{background: no-repeat;border: 1px solid #e6e6e6;}
        .page .page-last{background: #e6e6e6;}
        .page ul{display: flex;flex-direction: row;width: 100%;}
        .page ul li{width: 35%;line-height: 30px;border: 1px solid #a6a6a6;margin: 0 auto;padding: 2px 20px;border-radius: 10px;}
        
/* 在线留言 */
    .contact-r{width: 40%; }
    :root {--primary-color: rgb(18, 73, 192);--secondary-color: rgba(9, 53, 144, 1);--white: #ffffff;--light-gray: #e0e0e0;--dark-gray: #333333; --error-color: red;}
    .message-container {background-color: rgb(49, 80, 160);background-size: cover;background-repeat: no-repeat;background-position: center center;border-radius: 20px;
        padding: 40px 30px; margin: ; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
    .message-container h2 {color: var(--white);font-size: 2.5rem;text-align: left;margin-bottom: 30px;font-weight: 600;}
    .message-form .form-group {margin-bottom: 20px;}
    .form-label {display: flex;align-items: center;margin-bottom: 8px;}
    .form-label span {font-size: 1rem;color: var(--white);}
    .required-icon {color: #ff7725 !important;margin-left: 5px;}
    .form-input input,
    .form-input textarea,
    .form-control {width: 100%;padding: 12px 14px;font-size: 1rem;border: 1px solid var(--light-gray);border-radius: 4px;box-sizing: border-box;transition: border-color 0.3s;}
    .form-input input:focus,
    .form-input textarea:focus,
    .form-control:focus {border-color: var(--secondary-color);outline: none;box-shadow: 0 0 0 2px rgba(18, 73, 192, 0.2);}   
    .form-input textarea,#content {height: 120px;resize: vertical;line-height: 1.5;}
    .form-submit {margin-top: 30px;}
    .submit-button {width: 100%;padding: 15px;background-color: rgb(0, 31, 113);color: var(--white);border: none;border-radius: 4px;font-size: 1.1rem;
        cursor: pointer;transition: background-color 0.3s, transform 0.2s;}
    .submit-button:hover {background-color: rgba(9, 53, 144, 0.9);}
    .submit-button:active {transform: scale(0.98);}


@media (max-width: 768px) {
        .message-container {padding: 30px 20px;border-radius: 15px;}       
        .message-container h2 {font-size: 2rem;}


        /* 在线留言 */
     .news-container {display: flex;flex-direction: column;}
    
    .news-content {width: 100% !important;margin-bottom: 30px;}
    
    .contact-r.pages {width: 100% !important;order: 2; /* 确保留言板在内容下方 */}
    
    .message-container {padding: 25px 20px;margin-top: 0;}
    
    .message-container h2 {font-size: 2rem;text-align: center;}
    
    /* 如果需要还可以调整其他元素的样式 */
    .container {padding-left: 15px;padding-right: 15px;}   
    }
    .col-6{margin-top: 20px;}
        /*  */


/* 响应式调整 */
@media screen and (max-width: 1024px) {
    .pro-list .pro-ul {width: calc(50% - 30px);}
}
@media screen and (max-width: 992px) {
    /* 产物 */
    .container {flex-direction: column;}
    .sidebar {width: 100%;margin-right: 0;margin-bottom: 20px;}
    .product-display {flex-direction: column;}
    .product-info {padding-right: 0;margin-bottom: 20px;}
    .product-gallery {width: 100%;}
    /* .sidebar {width: 200px;}
    .product-gallery {width: 350px;} */
    /* 新闻 */
        .news-content {/*! margin-right: 0; */width: 67%;}
    .sidebar {width: 32%;display: flex;flex-wrap: wrap;gap: 20px;}
    .sidebar-section {flex: 1;min-width: 279px;}
    /* 产物列表 */
     .main-content h2 {font-size: 22px;line-height: 40px;}   
    .pro-nav ul li {width: 22%;min-width: 100px;}
    .pro-list .pro-ul {/*! max-width: 400px; */}
    /* 新闻列表页 */
    .newsdate {padding: 15px;}
    .newscont {padding: 15px;}

}

@media screen and (max-width: 768px) {
    /* 产物 */
    
.container {flex-direction: column;}
.sidebar {margin-right: 0;order: 2;display: none;}
.content {order: 1;margin-bottom: 20px;}
.product-info {padding-right: 0;}
.product-gallery {width: 100%;margin-top: 20px;}
.main-image {height: 250px;}

    /* 新闻 */
    .news-title {font-size: 20px;}
    .news-meta {flex-direction: column;gap: 8px;}
    .news-body {min-height: 200px;font-size: 15px;}
    .sidebar-section { min-width: 100%;}
    .show_all{padding: 0;}
    .news-content{
    margin: 0 auto;
}
    /* 产列表 */
    .main-content h2 {font-size: 22px;line-height: 40px;}  
    .main-content h2 a{font-size: 15px;}
    .newscont span{font-size: 13px;}
    .newscont p span{line-height: 25px;}
    .pro-nav ul li {width: 22%;min-width: 100px;}
    .pro-list .pro-ul {width: 46%;max-width: 400px;}
    .newsdate {width: 100%;float: none;border-right: none;padding: 15px;}
    .newscont {width: 100%;float: none;padding: 15px;margin: 0 auto;}
    .newscont:before {display: none;}
    .pro-nav ul li a{font-size: 13px;line-height: 30px;}
    /* 新闻列表 */
    .newsdate {width: 100%;float: none;border-right: none;border-bottom: 1px solid #ddd;padding: 15px;text-align: left;}
    .newsdate span {display: inline-block;margin-right: 15px;margin-bottom: 0;margin-top: 30px;font-size: 14px;line-height: 30px;}
    .newsdate img {display: none;}
    .newscont:before {display: none;}
    .news-list{
    padding: 0;
}
    .pro-nav li {margin-right: 10px;}
    .pro-nav a {/*! padding: 6px 15px; */}
    .page{margin: 29px auto 0;width: 100%;text-align: center;}
    .page span{padding: 3px;background: #ffad30;margin: 0 3px;color: white;}
    .page .page-status{}
    .page .page-index{background: #e6e6e6;}
    .page .page-pre{background: no-repeat;border: 1px solid #e6e6e6;}
    .page .page-numbar{background: none;}
    .page .page-numbar a{display: inline-block;border: 1px solid #333;padding: 4px 6px;margin: 0 5px;}
    .page .page-num-current {background: #ffad30;color: white;border:  1px solid #ffad30 !important;}
    .page .page-next{background: no-repeat;border: 1px solid #e6e6e6;}
    .page .page-last{background: #e6e6e6;}
    .page ul{display: flex;flex-direction: row;width: 100%;}
    .page ul li{width: 35%;line-height: 30px;border: 1px solid #a6a6a6;margin: 0 auto;padding: 2px 20px;border-radius: 10px;}

}

@media screen and (min-width: 768px)  {

}
 @media screen and (max-width: 576px) {
    /* 产物 */

    .product-info .btn {display: block;width: 83%;text-align: center;margin: 10px auto;}
    .thumbnail {width: 60px;height: 60px;}
    .main-image {height: 200px;}
    .pro-list .pro-ul {width: 46%;margin: 10px 0;}
    .pro-nav ul li {border: none;margin: 2px 2px;background-color: #e9e9e9;}
    .product-info h1 {font-size: 20px;}
    .product-info .price a {display: none;}
    .thumbnail {width: 60px;height: 60px;}
    #xj_tel{display: block;font-size: 18px;}
    /* 新闻内页  */
    .breadcrumb a {max-width: 80px;}
    .news-content {padding: 10px;margin: 0 auto;}
    .news-title {font-size: 18px;}
    .news-tags a {margin-right: 8px;margin-bottom: 8px;font-size: 13px;padding: 4px 8px;}
    .related-news a {font-size: 14px;}
    /* 新闻列表页 */
    .main-content h2 {font-size: 20px;}
    .newscont h2 {font-size: 16px;}
    .news-meta {font-size: 12px;}
    .newscont p {font-size: 13px;-webkit-line-clamp: 2;line-height: 25px;}
    .show_all a {padding: 5px 15px;font-size: 13px;}
    .pro-nav ul {flex-wrap: wrap;justify-content: center;}
    .pro-nav li {margin-right: 0;flex: 1;text-align: center;}
    .pro-nav ul li a{font-size: 13px;padding: 0;line-height: 35px;}
    /* 分页器 */
    .page{margin: 20px auto 0;width: 100%;text-align: center;}
    .page span{padding: 1px;background: #ffad30;margin: 0 3px;color: white;}
    .page .page-status{}
    .page .page-index{background: #e6e6e6;}
    .page .page-pre{background: no-repeat;border: 1px solid #e6e6e6;}
    .page .page-numbar{background: none;}
    .page .page-numbar a{display: inline-block;border: 1px solid #333;padding: 1px 2px;margin: 0px 2px;}
    .page .page-num-current {background: #ffad30;color: white;border:  1px solid #ffad30 !important;}
    .page .page-next{background: no-repeat;border: 1px solid #e6e6e6;}
    .page .page-last{background: #e6e6e6;}
    .page ul{display: flex;flex-direction: row;width: 100%;}
    .page ul li{width: 35%;line-height: 30px;border: 1px solid #a6a6a6;margin: 0 auto;padding: 2px 20px;border-radius: 10px;}
    .foot-nav ul li{line-height: 20px;margin-bottom: 7px;}
    .foot-nav ul li a{font-size: 12px;line-height: 20px;}
    .foot-logo img{display: block;margin: 0 auto;float: none;}
    .foot-logo p{font-size: 18px;text-align: center;width: 100%;}
    .foot-logo{width: 90%;}
}
    /*
@media screen and (max-width: 480px) {
    .main-content h2 {font-size: 20px;}    
    .pro-nav ul li {width: 45%;margin: 0 2% 10px;}
    .pro-nav ul li a {font-size: 13px;line-height: 40px;}
    .pro-list .pro-ul { padding: 15px;}
    .pro-list .pro-img {height: 200px;}
    .pro-list .pro-ul a h2 {font-size: 15px;}
    .pro-list .pro-ul a p {font-size: 13px;}
} */