html, body {margin: 0;padding: 0;}
IMG {border-width:0;}
* {list-style-type: none;margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;}
a { text-decoration: none !important;}
/*about*/
.titleBox {
    width: 100%;
    margin: 0 auto;
    padding-top:1.5rem;
    background: url(../images/pro-bg.jpg) no-repeat top center;
    background-size: cover
}
.inner-title {
    font-size: 2.2rem;
    text-align: center;
    border-bottom: solid 1px #dedede;
    margin: 10px auto;
    padding: 10px 0 0;
    color: #000;
    /*text-transform: uppercase;*/
    font-weight: bold
}

.inner-title::after {
    content: "";
    width: 70px;
    height: 6px;
    border-radius: 10px;
    display: block;
    margin: 20px auto -3px;
    background: #0c4bb7
}

.inner-article {
    margin: 55px auto;
    color: #555;
    line-height:1.8;
    font-size: 1rem;
    overflow: hidden
}

.inner-article h3 {
    word-break: break-all;
    line-height:1.8;
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
}

.inner-article img {
    max-width: 100%;
    height: auto
}
.inner-flex {
    display: flex;
    justify-content: center;
    align-items: center
}
/*number*/
.jsbox{width: 100%;background:linear-gradient(135deg, rgb(0, 51, 153) 0%,  rgb(14 74 159) 50%, rgb(0, 51, 153) 100%);;background-size: cover;
    padding: 25px 0;border-left:none;border-right:none;    box-shadow: 0 0 15px #ccc;
    border-radius: 10px;}
.xjt{max-width: 1300px;display: block; overflow: hidden; margin:1.2rem auto;}
.xjt li{text-align:center; color:#fff!important;}
.xjt li::before{content: "";background:rgba(255,255,255,.2);display:inline-block;float: left;width: 1px;height:100px}
.xjt li:first-child:before{display: none}
.xjt h3{font-family:"Open Sans"; font-size:3rem; font-weight:normal; color: #fff;font-weight: 700 }
.xjt p{ font-family:"Open Sans"; font-size:.9rem; font-weight:normal; color: #fff }
.xjt sup{font-size:1rem;top:-20px!important; line-height: 0;olor: #fff }
/*develop*/
.about-develop{margin:2rem auto;display: flex;justify-content:space-between;align-items: center}
.about-l{width:40%}
.about-r{width: 58%;font-size: 1rem;}
.about-r h2{font-size: 2rem;font-weight: 700;margin-bottom: 2rem}
.about-r p{line-height: 1.8;font-size: 1rem}

/*product*/
.product-box {
    margin: 30px auto;
    overflow: hidden;
}
.rightfl ul{padding: 0;text-align: center}
.rightfl li{width: 22%;margin:0 1%;background:#ededed;border: solid 1px #8e8e8e;
    color: #333;display: inline-block;border-radius: 5px;margin-bottom:10px;
    line-height:1.5;text-align: center;font-size: 1.05rem;}
.rightfl li a{display: block;border-radius: 5px;padding:.8rem 0;color: #333}
.rightfl li a.active{background:linear-gradient(145deg, #1b5fbd, #004098);color: #fff;}
.pro-sort{overflow: hidden;text-align: center;padding-top:1.2rem;padding-bottom:1.2rem}
.pro-sortdec{width:94%;margin:10px auto;padding:1rem 2rem;text-align: left;
    border-radius: 8px;font-size: .95rem ;color: #444;line-height:1.;
    border: solid 1px rgba(0,64,152,.4);background:rgb(255 255 255 / 20%);border-left:solid 4px #004098}
/*    right-product*/

.right-product{width: 100%}
.right-product h3 {
    margin-top: 1rem;
    color: #333;
    font-size:1.05rem;
    line-height:1.6;
    font-weight: normal;
}
.right-product ul {
    display: grid;
    grid-template-columns:repeat(4,1fr);
    gap:2rem;
    padding:0;
    overflow: hidden;
}
.right-product li {
    width: 100%;
}
.right-product .imgk {
    height: auto;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
}
.right-product .imgk img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    height: auto;
    transition: all .4s;
    filter: none; /* 补全原代码缺失的filter值，避免解析错误 */
}
.right-product li:hover .imgk img {
    transform: scale(1.2);
}
.right-product li:hover h3 {
    color: #004098;
}

/*product article*/
.product-inner{width: 100%;display: flex;justify-content: space-between;margin:2rem auto}
.product-introduce{width: 50%}
.product-h2{font-size: 2rem;color:#222;font-weight: 700;margin-top:1.5rem}
.product-h3{font-size: 1.3rem;color: #222;line-height: 1.5;font-weight: 700;margin:.2rem auto 2rem}
.product-li{font-size: 1rem;line-height: 1.6;}
.product-consult{width: 100%;margin:3rem auto 1rem;display: flex;justify-content: space-between;font-size: 1.1rem}
.product-consult button{border: none}
.product-consult .bi{margin-right: .5rem}
.product-consult .consult1{width:48%;background: #ce232c;display: block;border-radius: .5rem;text-align: center;color: #fff;padding:.8rem 0}
.product-consult .consult2{width:48%;background: #333;color: #fff;display: block;border-radius: .5rem;text-align: center;padding: .8rem 0}
.pro-pic{width:35%;}
.pro-pic img{width: 100%;aspect-ratio:1/1;object-fit: cover;border-radius: 10px}
.product-mid{width: 100%;background: #ededed;text-align: center;padding: 1rem 0;margin:1rem auto;font-size: 1.1rem }
.product-mid .menu{display: inline-block;padding:.7rem 3rem;background: #fff;border: solid 1px #dddddd;color: #333;margin-left: 1rem;
    border-radius: .5rem;text-align: center}
.product-mid .menu a{color: #333}
.product-mid .menu.active{background: #004098;border: solid 1px #004098;text-align: center;color: #fff}
.product-data{margin:2.5rem auto;font-size: 1rem;line-height: 1.8}
.product-data p{margin-bottom: 0}
.product-data img{max-width: 100%;height: auto}
/* 表格样式优化 */
.table-custom thead th {
    background-color: #f1f1f1;
    border-bottom: 2px solid #ddd;
    vertical-align: middle;
    text-align: center;
    font-size:1rem;
}
.table-custom tbody td {
    vertical-align: middle;
    text-align: center;
    font-size: 1rem;
}
.table-custom tbody tr td:first-child{min-width:150px}
/* 确保表格在小屏幕横向滚动 */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/*similar*/
.similar-box{
    width: 100%; background:#fafafa;padding:2rem 0 1rem;
    background-size: cover;border-bottom: solid 1px #eee;border-top: solid 1px #eee;overflow: hidden;
    margin-top: 2rem;
}
.similar-box .swiper-wrapper{height: auto}
.similar-h2{text-align: center;font-size: 1.8rem;font-weight: 700;}
.similar-scroll{margin:2rem auto;max-width:1500px;padding: 0 2%}
.similar-pro{background: #fff;box-shadow: 0 0 8px 1px #ccc;border-radius: 10px}
.similar-pro .img{width:100%;display: flex;align-items: center;aspect-ratio:1/1;overflow: hidden;border-radius: 10px}
.similar-pro .img img{width: 100%;height: auto;display: block;transition: all .3s;aspect-ratio:1/1;object-fit: cover;border-radius: 10px}
.similar-pro .title-box{width: 92%;margin: 0.5rem auto;padding: .5rem 0 1rem;}
.similar-pro .title{font-size: 1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #555}
.similar-pro .subtitle{font-size: 1rem;color: #555}
.similar-box .wrapper-box{width:calc(100% - 120px);margin:0 auto;position: relative;overflow: hidden}
.similar-box .swiper-slide{height: auto!important;border-radius:1rem}
.similar-box .swiper-button-next{width: 43px;height: 43px;background:url(../images/arrow-r.png) no-repeat center center;background-size: 100%}
.similar-box .swiper-button-prev{width: 43px;height: 43px;background:url(../images/arrow-l.png) no-repeat center center;background-size: 100%}
.similar-box .swiper-button-next:after, .swiper-button-prev:after{display: none}
.similar-pro:hover .img img{transform:scale(1.05)}
.similar-pro:hover .title{color: #004098}
/*form*/
.pro-contact-form{margin:1rem auto}
.pro-contact-form .input-gray{width: 100%;border: solid 1px #dedede;color: #555;font-size: 1rem;padding:.5rem 1rem;margin:.3rem 0}
.pro-contact-form .textarea-gray{width: 100%;border: solid 1px #dedede;color: #555;font-size: 1rem;height:6rem;
    padding-left: 1rem;margin:.3rem 0}
.pro-contact-form .vertical-box{width: 100%;display: flex}
.pro-contact-form .vertical{width: 60%;border: solid 1px #dedede;padding:.5rem 1rem}
.vertical-box img{height:2.5rem;width: auto}
.pro-contact-form button{margin:1.5rem auto;color: #fff;font-size: 1.1rem;border: none;
    background: #004098;text-align: center;padding: .5rem 0;display:block;width: 100%;border-radius: .5rem}
/*news*/
.news-box{background:#f7f7f7;border-radius: 15px;overflow: hidden;padding-top: 1rem;padding-bottom:1rem;margin:1.5rem auto}
.news-box .left{float: right;width:60%;margin-right: 2%;
    height: 280px;display: flex;justify-content: center;
    flex-direction:column;}
.news-box .left h2{font-size: 1.3rem;color: #22357a;margin:.4rem 0;
    text-overflow:ellipsis;white-space:nowrap;overflow: hidden;line-height: 2.3rem}
.news-box .left time{font-size: 1.3rem;color: #666}
.news-box .left article{font-size: 1rem;color: #777;line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;}
.news-box  .right{width: 35%;float: left;}
.news-box  .right img{width: 100%;height: 280px;object-fit: cover;border-radius: 15px}
.news-list{ margin:1.5rem auto;}
.news-list  ul{padding: 0}
.news-list li{padding:1em 1rem 2rem;border-bottom:solid 1px #eee;overflow: hidden;}
.news-list a{display: flex;justify-content: space-between;align-items: center; }
.news-list a .time{width:143px;text-align:center;color: #22357a;border-right: solid 1px #eee;transition: all .3s;}
.news-list a .time .day{font-size: 2rem;margin-top:3px;}
.news-list a .time .year{font-size:1.2rem;font-weight: lighter}
.news-list a .mid{width: calc(100% - 230px);transition: all .3s;}
.news-list a .mid  h2{font-size: 1.2rem;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;line-height: 2rem;color: #444;margin:.5rem auto; }
.news-list a .mid p{font-size: 1rem;color: #666;margin: 0;    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical}
.news-list a .arrow{width: 45px;height: 45px;background: #22357d;color:#fff;transition: all .3s;
    border-radius: 48px;font-size: 1.2rem;display: flex;justify-content: center;align-items: center}
.news-list  li:nth-child(even){border-bottom:solid 1px #eee;background: #fbfbfb}
.news-list li:hover  .arrow {
    transform: translateX(5px)}

.news-list li:hover  .time {
    transform: translateX(8px)
}
.news-list li:hover  h2 {
    color: #22357a;
}
.contact-box{
    width: 100%;
    background: linear-gradient(to right, #f8f8f8 50%, #ffffff 50%);}
.contact-box1{display: flex;justify-content: space-between}
.contact-l {
    padding:2rem 1rem;

    width: 46%;
}
.contact-l h2{font-size: 1.4rem}
.contact-l h3{font-size: 1rem;font-weight: normal}
.contact-l input,.contact-l textarea{box-shadow: 0 0 5px #eee;border-radius: 5px}{box-shadow: 0 0 5px #eee;border-radius: 5px}
.contact-r {
    padding:2rem 1rem;

    width: 46%;
}
.contact-r h2{font-size: 1.6rem}
.contact-r h3{font-size: 1rem;font-weight: normal}
.contact-content ul{padding: 1rem 0}
.contact-content li{padding:1.2rem 0;line-height: 1.5;color: #333;font-size: 1.1rem;border-bottom: solid 1px #ddd;display: flex;align-items: center}
.contact-content li .bi{background: #004098;border-radius: 30px;color: #fff;width: 30px;height: 30px;margin-right: .5rem;display: flex;justify-content: center;align-items: center}
.contact-content .info{width: calc(100% - 40px)}
.map-box{max-width: 1300px;margin:2rem auto;border-radius: 15px;background: #eee;overflow: hidden}

/*app*/
.app-product{width: 100%}
.app-product h3 {
    margin-top: 1rem;
    color: #333;
    font-size:1.05rem;
    line-height:1.6;
    font-weight: normal;
}
.app-product ul {
    display: grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;
    padding:0;
    overflow: hidden;
}
.app-product li {
    width: 100%;
}
.app-product .imgk {
    height: auto;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
}
.app-product .imgk img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    height: auto;
    transition: all .4s;
    filter: none; /* 补全原代码缺失的filter值，避免解析错误 */
}
.app-product li:hover .imgk img {
    transform: scale(1.2);
}
.app-product li:hover h3 {
    color: #004098;
}

.news-title {
    font-size: 1.8rem;
    text-align: center;
    border-bottom: solid 1px #dedede;
    margin: 10px auto;
    padding: 10px 0 0;
    color: #000;
    /*text-transform: uppercase;*/
    font-weight: bold
}

.news-title::after {
    content: "";
    width: 70px;
    height: 6px;
    border-radius: 10px;
    display: block;
    margin: 20px auto -3px;
    background: #0c4bb7
}
.news-inner-time{font-size: 1rem;text-align: center;padding:.5rem}
.page-turn{background: #f8f8f8;padding: 1rem;margin:1.5rem auto}
.page-turn ul{padding: 1rem 0}
.page-turn li{width: 100%;padding: .5rem 1rem;font-size: 1rem;}
.page-turn a{color: #333}

/*  top-search*/
#aa{
    cursor:pointer;border: none;background: none;
}
.searchBox{
    display:none;}
.pro-top{margin-top: 3rem}
/*honor*/
.honor-box{margin:1.5rem auto 2rem; display: grid;grid-template-columns: repeat(4, 1fr);grid-gap:2.5rem;overflow: hidden;min-height: 400px}
.honor-box .honor{border-radius: .5rem;background: #f8f8f8;box-shadow: 0 0 5px 3px #eee;padding:.5rem; margin: .3rem}
.honor-box .honor a{display: flex;align-items: flex-end;flex-flow: row wrap;height: 100%}
.honor-box  .img-box{width: 100%;overflow: hidden;transition: all .3s;padding:.2rem 0}
.honor-box  .honor .img-box img{max-width: 100%;height: auto;transition: all .3s}
.honor-box  .news-info{padding:.5rem 1rem 0;width: 100%}
.honor-box   h2{font-size: 1rem;font-weight: normal;line-height: 1.6;font-weight: 700;
    display: -webkit-box;overflow: hidden;color: #222;text-align: center;
    -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
.honor-box .honor:hover .img-box img{transform: scale(1.05)}
.nav-item a.active{color: #004098;!important;}

/*honor*/
.app-box{margin:1.5rem auto 2rem; display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:2.5rem;overflow: hidden;}
.app-box .app{border-radius: .5rem;background: #f8f8f8;box-shadow: 0 0 5px 3px #eee;padding:1rem; margin: .5rem}
.app-box  .app a{display: flex;align-items: flex-end;flex-flow: row wrap;height: 100%}
.app-box  .img-box{width: 100%;overflow: hidden;transition: all .3s;padding:.2rem 0}
.app-box  .app .img-box img{max-width: 100%;height: auto;transition: all .3s}
.app-box  .news-info{padding:0;width: 100%}
.app-box   h2{font-size: 1rem;font-weight: normal;line-height: 1.6;margin-top: .5rem;
    display: -webkit-box;overflow: hidden;color: #222;text-align: left;
    -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;}
.app-box .app:hover .img-box img{transform: scale(1.05)}
.nav-item a.active{color: #004098;!important;}

/* Media Queries */
@media (max-width: 991.98px) {
    .jsbox{padding: 5px }
    .jsbox ul{padding: 0}
    .xjt{margin: 1rem auto .8rem}
    .xjt h3{font-family:"Open Sans"; font-size:1.6rem; font-weight:normal; color: #fff;font-weight: 700 }
    .xjt p{ font-family:"Open Sans"; font-size:.9rem; font-weight:normal; color: #fff;margin:.5rem 0 }
    .xjt li::before{content: "";background:rgba(255,255,255,.2);display:inline-block;float: left;width: 1px;height:60px}
    .xjt li:nth-child(odd):before{display: none}
    .xjt sup {
        font-size: 1rem;
        top: 0px !important;
    }
    .inner-title {
        font-size: 1.3rem;
        text-align: center;
        border-bottom: solid 1px #dedede;
        margin: 0 auto;
        padding: 5px 0 0;
        color: #000;
        /*text-transform: uppercase;*/
        font-weight: bold
    }

    .inner-title::after {
        content: "";
        width: 40px;
        height: 4px;
        border-radius: 10px;
        display: block;
        margin: 10px auto -3px;
        background: #0c4bb7
    }

    .inner-article {
        margin: 1.2rem auto;
        color: #555;
        line-height:1.6;
        font-size:.9rem;
        overflow: hidden
    }

    .inner-article h3 {
        word-break: break-all;
        line-height: 1.8;font-size: 1rem;
    }

    .inner-article img {
        max-width: 100%;
        height: auto
    }
    .inner-flex {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .titleBox {
        width: 100%;
        margin: 0 auto;
        padding-top:.5rem;
        background: url(../images/pro-bg.jpg) no-repeat top center;
        background-size: cover
    }
    /*develop*/
    .about-develop{margin:2rem auto;display: flex;justify-content:space-between;align-items: center}
    .about-l{width:40%;display: none}
    .about-r{width: 100%;font-size: 1rem;}
    .about-r h2{font-size: 1.3rem;font-weight: 700;margin-bottom: 1rem}
    .about-r p{line-height: 1.6;font-size: .9rem;color: #333}
    /*product*/
    .product-box {
        margin: 30px auto;
        overflow: hidden;
    }
    .rightfl ul{padding: 0;display: grid;width:96%;margin:0 auto .5rem;
        grid-template-columns:repeat(2,1fr);gap: .5rem}
    .rightfl li{width: 100%;margin-bottom: 0}
    .rightfl li a{display: block;border-radius: 5px;padding:.5rem 0;color: #333;font-size: .9rem;line-height: 1.2}
    .rightfl li a.active{background:linear-gradient(145deg, #1b5fbd, #004098);color: #fff;height:100%;display: flex;justify-content: center;align-items: center;}
    .pro-sort{overflow: hidden;text-align: center;padding:0 0}
    .pro-sortdec{display: none}
    /*    right-produdt*/
    /* 右侧产品样式 */
    .right-product{width: 100%}
    .right-product h3 {
        margin-top: 1rem;
        color: #333;
        font-size:.9rem;
        line-height:1.2;
        font-weight: normal;
    }

    .right-product ul {
        display: grid;
        grid-template-columns:repeat(2,1fr);
        gap:1rem;
        padding:0;
        overflow: hidden;
    }
    /*product article*/
    .product-inner{width: 100%;display: flex;justify-content: space-between;margin:2rem auto 0;flex-wrap: wrap}
    .product-introduce{width: 100%}
    .product-h2{font-size: 1.3rem;color:#222;font-weight: 700;margin-top:1.5rem;line-height: 1.2}
    .product-h3{font-size: 1rem;color: #444;line-height: 1.5;font-weight: 700;margin:.2rem auto .5rem}
    .product-li{font-size: .9rem;line-height: 1.6;}
    .product-consult{width: 100%;margin:.5rem auto;display: flex;justify-content: space-between;font-size: .85rem}
    .product-consult button{border: none}
    .product-consult .bi{margin-right: .2rem}
    .product-consult .consult1{width:48%;background: #ce232c;display: block;border-radius: .5rem;text-align: center;color: #fff;padding:.8rem 0}
    .product-consult .consult2{width:48%;background: #333;color: #fff;display: block;border-radius: .5rem;text-align: center;padding: .8rem 0}
    .pro-pic{width:92%;order: -1;margin:0 auto  }
    .pro-pic img{width: 100%;aspect-ratio:1/1;object-fit: cover;border-radius: 10px}
    .product-mid{width: 100%;background: #ededed;display: flex;align-items: center;justify-content: center}
    .product-mid .menu{padding:.7rem;background: #fff;border: solid 1px #dddddd;color: #333;font-size: .9rem;
        border-radius: .5rem;text-align: center;margin: 0 .5rem;width: 48%}
    .product-mid .menu a.active{background: #004098;border: solid 1px #004098;}
    .product-data{margin:1rem auto;font-size: .9rem;line-height: 1.6}
    .product-data img{max-width: 100%;height: auto}
    /* 表格样式优化 */
    .table-custom thead th {
        background-color: #f1f1f1;
        border-bottom: 2px solid #ddd;
        vertical-align: middle;
        text-align: center;
        font-size:1rem;
    }
    .table-custom tbody td {
        vertical-align: middle;
        text-align: center;
        font-size: 1rem;
    }
    .table-custom tbody tr td:first-child{min-width:150px}
    /* 确保表格在小屏幕横向滚动 */
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    /*similar*/
    .similar-box{
        width: 100%; background:#fafafa;padding:2rem 0 1rem;
        background-size: cover;border-bottom: solid 1px #eee;border-top: solid 1px #eee;overflow: hidden;
        margin-top: 2rem;
    }
    .similar-box .swiper-wrapper{height: auto}
    .similar-h2{text-align: center;font-size: 1.6rem;font-weight: 700;}
    .similar-scroll{margin:1rem auto;max-width:1500px;padding: 0}
    .similar-pro{background: #fff;box-shadow: 0 0 8px 1px #ccc;border-radius: 10px}
    .similar-pro .img{width:100%;display: flex;align-items: center;aspect-ratio:1/1;overflow: hidden;border-radius: 10px}
    .similar-pro .img img{width: 100%;height: auto;display: block;transition: all .3s;aspect-ratio:1/1;object-fit: cover;border-radius: 10px}
    .similar-pro .title-box{width: 92%;margin: 0.5rem auto;padding: .5rem 0 1rem;}
    .similar-pro .title{font-size: 1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #555}
    .similar-pro .subtitle{font-size: 1rem;color: #555}
    .similar-box .wrapper-box{width:calc(100% - 60px);margin:0 auto;position: relative;overflow: hidden}
    .similar-box .swiper-slide{height: auto!important;border-radius:1rem}
    .similar-box .swiper-button-next{width: 30px;height: 30px;background:url(../images/arrow-r.png) no-repeat center center;background-size: 100%}
    .similar-box .swiper-button-prev{width: 30px;height: 30px;background:url(../images/arrow-l.png) no-repeat center center;background-size: 100%}
    .similar-box .swiper-button-next:after, .swiper-button-prev:after{display: none}
    .similar-pro:hover .img img{transform:scale(1.05)}
    .similar-pro:hover .title{color: #004098}
    /*form*/
    .pro-contact-form{margin:.5rem auto}
    .pro-contact-form .input-gray{width: 100%;border: solid 1px #dedede;color: #555;font-size: .9rem;padding:.3rem 1rem;margin:.3rem 0}
    .pro-contact-form .textarea-gray{width: 100%;border: solid 1px #dedede;color: #555;font-size: .9rem;height:5rem;
        padding-left: 1rem;margin:.3rem 0}
    .pro-contact-form .vertical-box{width: 100%;display: flex}
    .pro-contact-form .vertical{width: 60%;border: solid 1px #dedede;padding:.5rem 1rem;font-size: .9rem}
    .vertical-box img{height:2.5rem;width: auto}
    .pro-contact-form button{margin:1.5rem auto;color: #fff;font-size: 1.1rem;border: none;
        background: #004098;text-align: center;padding: .5rem 0;display:block;width: 100%;border-radius: .5rem}
    /*news*/
    .news-box{background:#f7f7f7;border-radius: 15px;overflow: hidden;padding-top: 1rem;padding-bottom:1rem;margin:0 auto}
    .news-box .left{width:98%;margin:1rem auto;
        height:auto;display: flex;justify-content: center;
        flex-direction:column;}
    .news-box .left h2{font-size: 1.1rem;color: #22357a;margin:.4rem 0;
        text-overflow:ellipsis;white-space:nowrap;overflow: hidden;line-height: 2rem}
    .news-box .left time{font-size: 1rem;color: #666}
    .news-box .left article{font-size: .85rem;color: #777;line-height: 1.5;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .news-box  .right{width: 100%;margin:0 auto}
    .news-box  .right img{width: 100%;height: 220px;object-fit: cover;border-radius: 15px}
    .news-list{ margin:.5rem auto;}
    .news-list  ul{padding: 0}
    .news-list li{padding:.5rem 0 1rem;border-bottom:solid 1px #eee;overflow: hidden;}
    .news-list a{display: flex;justify-content: space-between;align-items: center; }
    .news-list a .time{width:80px;text-align:center;color: #22357a;border-right: solid 1px #eee;transition: all .3s;}
    .news-list a .time .day{font-size: 1.2rem;margin-top:3px;}
    .news-list a .time .year{font-size:1rem;font-weight: lighter}
    .news-list a .mid{width: calc(100% - 95px);transition: all .3s;}
    .news-list a .mid  h2{font-size: 1rem;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;line-height: 1.5;color: #444;margin:.5rem auto; }
    .news-list a .mid p{font-size: .85rem;color: #666;margin: 0;    overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical}
    .news-list a .arrow{display: none}
    .news-list  li:nth-child(even){border-bottom:solid 1px #eee;background: #fbfbfb}
    .news-list li:hover  .arrow {
        transform: translateX(5px)}

    .news-list li:hover  .time {
        transform: translateX(8px)
    }
    .news-list li:hover  h2 {
        color: #22357a;
    }
    /*contact*/
    .contact-box{
        width: 100%;
        background: #f8f8f8}
    .contact-box1{display: flex;justify-content: space-between;flex-wrap: wrap}
    .contact-l {
        padding:1rem .5rem;
        width: 100%;
    }
    .contact-l h2{font-size: 1.3rem}
    .contact-l h3{font-size: .9rem;font-weight: normal}
    .contact-l input,.contact-l textarea{box-shadow: 0 0 5px #eee;border-radius: 5px}
    .contact-r {
        padding:0 .5rem;
        width: 100%;
    }
    .contact-r h2{font-size: 1.3rem}
    .contact-r h3{font-size: .9rem;font-weight: normal}
    .contact-content ul{padding: .5rem 0}
    .contact-content li{padding:.5rem 0;line-height: 1.5;color: #333;font-size: .9rem;border-bottom: solid 1px #ddd;display: flex;align-items: center}
    .contact-content li .bi{background: #004098;border-radius: 30px;color: #fff;width: 28px;height: 28px;margin-right: .5rem;display: flex;justify-content: center;align-items: center}
    .contact-content .info{width: calc(100% - 35px)}
    .map-box{width: 92%;margin:1.5rem auto;border-radius: 15px;background: #eee;overflow: hidden}

    .news-title {
        font-size: 1.1rem;
        text-align: center;
        border-bottom: solid 1px #dedede;
        margin: 5px auto;
        padding: 5px 0 0;
        color: #000;
        /*text-transform: uppercase;*/
        font-weight: bold
    }

    .news-title::after {
        content: "";
        width: 50px;
        height: 4px;
        border-radius: 10px;
        display: block;
        margin: 10px auto -3px;
        background: #0c4bb7
    }
    .news-inner-time{font-size:.9rem;text-align: center;padding:.5rem}
    .searchBox{
        display:none;
        position:fixed;
        width: 100%;
        background: linear-gradient(180deg, rgb(243 243 243), rgb(255 255 255 / 95%)) !important;
        padding: 1.5rem 0 0;
        border-radius:6px;
        box-shadow:0 4px 5px rgba(0,0,0,.05);
        z-index: 10;
    }
    .search-content{position: relative}
    .searchBox   .search-content .close{
        position:absolute;
        right:5px;
        top:-2rem;
        background:none;
        border:none;
        color:#000;
        font-size:2.8rem;
        line-height: 1.1;
        cursor:pointer;
        /*width: 35px;height: 35px;border-radius: 35px;*/
    }
    .search-form{width: 100%;}
    .search-form .search{height:2.3rem;text-align: center;font-size: .9rem;background: #004098;color: #fff;border: none;border-radius: 10px;padding: 0 .5rem}
    .search-form .input-box{width: 90%;height:2.3rem; border-bottom: solid 1px #555;display: flex;align-items: center;font-size: .9rem}
    .search-form .input-box input{width: 100%;background: none;height:2rem;outline:none;border: none;font-size: 1rem;}
    .search-form .input-box input:focus{outline: none;--tw-ring-color:none!important}
    .search-info{margin:1rem auto .5rem;display: flex;justify-content: space-between}

    .search-info-l{width:100%; margin:0 auto}
    .search-info-l h2{font-size: 1rem}
    .search-info ul{padding: 0;grid-template-columns: repeat(2,1fr);display: grid;gap: .8rem}
    .search-info-l li{font-size: .85rem;line-height:1.5;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap}
    .search-info-l li a{color: #444;padding: .3rem 0;display: block;overflow: hidden;text-overflow: ellipsis;white-space:nowrap}
    /*honor*/
    .honor-box{margin:1.5rem auto; display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:1.5rem;overflow: hidden;
        min-height: 400px}
    .honor-box .honor{border-radius: .5rem;background: #f8f8f8;box-shadow: 0 0 5px 3px #eee;padding:1rem .5rem;}
    .honor-box .honor a{display: flex;align-items: flex-end;flex-flow: row wrap;height: 100%}
    .honor-box  .img-box{width: 100%;overflow: hidden;transition: all .3s;padding:.5rem 0}
    .honor-box  .honor .img-box img{max-width: 100%;height: auto;transition: all .3s}
    .honor-box  .news-info{padding:.5rem 1rem 0;width: 100%}
    .honor-box   h2{font-size: .9rem;font-weight: normal;line-height: 1.6;
        display: -webkit-box;overflow: hidden;color: #555;text-align: center;
        -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
}