:root {
    --primary-color: #0d2c52;
    /* Deep Navy */
    --accent-color: #fd7e14;
    /* Orange */
    --text-color: #333;
    --light-bg: #f8f9fa;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-color);
    overflow-x: hidden;
}
*{font-family: sans-serif}
.hdp img{width: 100%;height: auto;}
ul,li{list-style: none;padding: 0;margin: 0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.goog-te-gadget-simple{width: 27px;height: 27px;background: url("../images/yy.png") no-repeat center center;border: none !important;float: right;background-color:rgb(255 255 255 / 0%)  !important;}
    .VIpgJd-ZVi9od-xl07Ob-lTBxed,.goog-te-gadget-icon{display: none;}
/* Navbar */
.top-bar {
    background-color: var(--primary-color);
    font-size: 0.9rem;
}

/* Hero Section Styles Removed/Modified for Carousel */
.carousel-item {
    transition: transform 0.8s ease-in-out;
    /* Slower transition for nicer feel */
}

/* Buttons */
.btn-warning {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.btn-warning:hover {
    background-color: #e66b00;
    border-color: #e66b00;
}

.hover-scale {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Service Cards */
.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
    transform: translateY(-10px);

}
.service-card:hover .cpbt{color: #fc6502}
.service-card:hover .yqq a{background: #fc6502}
.service-card:hover .yqq a i{color: #fff}

/* Dynamic Image Effects */
.img-wrapper {
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

/* Zoom Effect */
.dynamic-img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
    width: 100%;
}

.service-card:hover .dynamic-img {
    transform: scale(1.1);
}

/* News Image Zoom */
.news-card {
    overflow: hidden;
}

.dynamic-img-zoom {
    transition: transform 0.5s ease;
    width: 100%;
    object-fit: cover;
}

.news-card:hover .dynamic-img-zoom {
    transform: scale(1.1) rotate(1deg);
}

/* Lift Effect for About Image */
.dynamic-img-lift {
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.dynamic-img-lift:hover {
    transform: translateY(-15px) rotate(-1deg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
}

/* Icon Box Hover */
.hover-lift {
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
}

.hover-lift:hover {
    transform: translateY(-5px);
    border-bottom: 3px solid var(--accent-color);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

.icon-box i {
    color: var(--primary-color);
    transition: color 0.3s;
}

.hover-lift:hover .icon-box i {
    color: var(--accent-color);
}

/* Section Colors */
.bg-navy {
   background: url("../images/abbg.jpg") no-repeat top center;background-attachment: fixed;
    background-size: cover;
    overflow: hidden;padding: 8rem 0;
}

/* Footer */
footer {
    background-color: #111;
}

footer a:hover {
    color: var(--accent-color) !important;
}

/* AOS Tweaks */
[data-aos] {
    pointer-events: none;
}

[data-aos].aos-animate {
    pointer-events: auto;
}
@media (min-width: 769px) {
    .containerbox{max-width: 1500px !important;margin-right: auto;
        margin-left: auto;    box-sizing: border-box;padding: 0 10px;}
    /*ttop*/
    .ttop{width: 100%;position: fixed; top: 0; left: 0;z-index: 2000; min-height:80px; transition:all ease .3s;background:rgb(17 31 45 / 76%);padding: 10px 0;border-bottom:1px solid rgb(255 255 255 / 20%)}
    .ttop2{width: 100%;background:#fff;padding: 10px 0;border-bottom:1px solid #e6e6e6}
    .ttop2 .navbar-nav>li>a{color: #121212 !important}
    .ttop2 .ljtop li img{height: 20px;}
    .ttop3{position: fixed; top: 0; left: 0;z-index: 2000; min-height:80px; animation: ease-in banner-dh .3s;background:rgb(255 255 255 / 90%);}
    .ttop3 .search-bar-container.active1,.ttop2 .search-bar-container.active1{background: rgb(0 160 234) !important;}
    .ttop3 .search-bar-container,.ttop2 .search-bar-container{background: rgb(237 237 237)}
    @keyframes banner-dh {
        0% {
            transform: translateY(-10px);
            opacity: 0;
        }


        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    .ttops{width: 100%;background:rgb(17 31 45 / 90%);}
    .gzpl{display: flex;justify-content: flex-end;gap: 0 15px;}
    .gztsw{font-size: 14px;color: #fff;line-height:30px;}
    .gzpl ul{display: flex;justify-content: space-between;gap: 0 15px;}
    .gzpl ul li a img{height:16px; }
    .logo{margin-top: 12px;}
    .topdw{position: relative;}
    /*导航*/
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:#fff; border-radius: 2px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ padding:0 !important;}
    .navbar-nav>li>a{
        padding:0 !important; color:#eeefef !important; line-height:90px;font-size: 18px;}

    .zcdh{width: 70%;float: left;}
    .navbar-nav{float: right !important;display: flex;justify-content:space-between;width: 100%;}
    .dhy{padding: 0 !important;}
    .navbar-default{background:rgb(255 255 255 / 0%)!important;border: none !important;}
    .dhht{width: 100%;}
    .nav> li:hover .dropdown-menu {display: block;}


    .yc{display: block}
    .yc0{display: none;}


    .ycdh{width: 30%;display: flex;justify-content: flex-end;}
    .bsbg{padding:7px 15px;border-radius: 8px;margin-top: 34px;}
    .bsbg, .bsbg:hover{background: #fff;}

    .dbright{display: flex;justify-content: flex-end;align-items: center;position: relative}
    .ljtop ul li{float: left;margin-right: 5px;}
    .ljtop{width: 65%;}
    .ljtop ul{width: 100%;display: flex;justify-content: space-between;}
    .ssk{width: 15%;}
    .yytop{width: 15%;}
    .yytop img{float: right;}
/*搜索*/
    .search-bar-container{
        display: flex;
        align-items: center;
        background-color:rgb(255 255 255 / 100%);
        padding:0 0 0 7px;
        width: 300px;height: 36px;border-radius: 50px;
        position:relative;
        transition: width .5s;
        float: right;overflow: hidden;right:0;top:0;z-index: 1000;
    }
    .search-bar-container.active1{background-color:rgb(255 255 255 / 15%);}
    .search-bar-container.active1 .magnifier{filter:invert(100%);}
    .magnifier{
        width:22px;
        cursor: pointer;

        left: 10px;
    }
    .input{
        background-color: transparent;
        border: none;
        margin: 0px 0px 0 10%;
        width: 90%;
        outline: none;
        color: rgb(100,100,100);
        transition: all .3s;
        transition-delay: 0.5s;  position: absolute;
    }
    .input input{width: 75%;float: left;line-height: 36px;font-size: 14px;outline: none;border: none;background:none}
    .ssbutton{width: 25%;height: 37px;font-size: 15px;line-height:36px; border-radius: 42px;
        text-align: center;
        background:#07a6e8;color: #fff;display: block;border: none;float: right;transition:width .3s}
    .active1.search-bar-container{
        width: 36px;;
    }
    .active1 .input input{display: none}
    .active1 .input .ssbutton{display: none;transition:all .3s;}
    .top{display: flex;justify-content: space-between;}
    /*首页标题*/
    .section-title{font-size: 3rem;color: #2a3d54;}
#products{background: url("../images/sycpbg.png") no-repeat center center;background-size: 100%;}
    .py-5{padding: 5rem 0 !important;}
/*首页产品*/
    .card{background: none;border: none;box-shadow: none;}
    .list-unstyled li{font-size: 1rem;line-height: 2;}
    .list-unstyled li a{color: #555;display: flex;align-items: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .list-unstyled li i{font-size: 0.3rem;color:#fc6502;line-height: 2;margin-right: 5px; }
    .cpbt{font-size:1.6rem;line-height:2.5;color: #333;}
    .cptjl{display: flex;justify-content: space-between;align-items: center}
    .list-unstyled{width: 80%;}
    .yqq{width: 20%;}
    .yqq a{width: 46px;height: 46px;background: #f8f9fa;border-radius: 100px;display: flex;align-items: center;justify-content: center}
    .yqq i{font-size: 1rem;color: #333;}
    .swiper-button-prev-custom{position: absolute;left: 0;top: 45%;z-index: 100;}
    .swiper-button-next-custom{position: absolute;right: 0;top: 45%;z-index: 100;}
    .btn-group-sm > .btn, .btn-sm{width: 50px;height: 50px;}
    .py-5 .swiper-slide{position: relative}
    .py-5 .swiper-slide:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 5%; /* 竖线顶部留白，避免贯穿整个高度 */
        bottom:5%; /* 竖线底部留白 */
        right: 15px;
        width: 1px;
        background: #f1ecec; /* 竖线颜色 */
    }
    .cpbtw{width: 85%;}
    .ckgda{width: 15%;}
    .ckgda a{background: #005bac;border-radius: 100px;font-size: 1rem;line-height: 40px;color: #fff;text-align: center;display: block;max-width:160px;}
    .ckgda a:hover{background: #0467bf}
    .btwzk{align-items: center !important;gap: 0 15px;}
    .ckgda a i{font-size: 0.6rem;margin-left:15px;}
    /*关于我们*/
    #about{position: relative}
    .gycft{width: 35%;float: right;position: absolute;top:15%;right: 0;}
    .gybtk{position: relative}
    .gybtk:after{position: absolute;content: '';width: 60px;height: 3px;border-radius: 5px;background: #fc6d0f;left: 0;bottom: 0;}
    .text-warning{color:#fc6d0f !important }
    .syjjwz{font-size: 1rem;line-height:1.6;color: #dfdfdf;margin: 3rem auto;}
    .xwz{font-size: 1rem;line-height:1.6;color: #dfdfdf;}
    .gysz h2{font-size: 4rem;}
    /*为什么选择我们*/
    .why-bg{background: url("../images/wbg.png") no-repeat top center #f8f9fa;padding: 4rem 0;}
    .sybt{font-size: 3rem;line-height:2;}
    .wbt{color: #2a3d54}
    .wlbk{display: flex;justify-content: space-between;gap: 0 20px;}
    .zctb{width:16%;}
    .yswzk{width: 84%;}
    .yswzk h1{font-size: 1.6rem;line-height: 2;color: #333;text-transform: uppercase;font-weight: bold;}
    .yswzk article{font-size: 1rem;line-height: 1.6;color: #555;}
    /*首页新闻*/
    #news{padding-bottom: 0 !important;}
    .card-title{font-size: 1.6rem;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
    .card-text{font-size: 1rem;line-height: 1.6;color: #555;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .xwtp img{aspect-ratio: 6/3;object-fit: cover;width: 100%}
    .text-muted1{font-size: 1rem;line-height: 3;color: #333;}
    .text-muted1 .rqd{font-size: 1.6rem;font-weight: bold;}
    .yqq1{width: 45px;height: 45px;background: #f8f9fa;border-radius: 50px;display: flex;justify-content: center;align-items: center;color: #333;}
    .news-card:hover .card-title{color: #fc6502}
    .news-card:hover .yqq1{background:#fc6502;color: #fff; }
    /*首页联系*/
    .lxsy{background: url("../images/lxbg.jpg") no-repeat top center;background-size: 100%;padding: 5rem 2rem;border-radius: 15px;}
    /*网站底部*/
    #contact{background: #0d2233 !important;padding-top: 3rem;}
    .end{display: flex;justify-content: space-between;gap: 0 4%;}
    .lxewm{margin-top: 20px;}
    .lxewm li{float: left;margin-right: 2%;width: 45%}
    .lxewmk{width: 20%;}
    .lxfsk{width: 30%}
    .dbbt{font-size: 1.8rem;line-height:3;color: #fff;font-weight: bold;margin:0;}
    .lxwzd{width: 100%;display: block;font-size: 1rem;line-height: 2;color: #dcdee0;}
    .lxwzd i{margin-right: 5px;}
    .cpflk{width: 20%;}
    .cpflk li{width: 50%;float: left;}
    .cpflk li a{font-size: 1rem;line-height: 2;color: #dcdee0;}
    .follow{width: 30%;}
    .follow ul{width: 100%;overflow: hidden;}
    .follow li{float: left;margin-right:5%;}
    .follow li a{background: #fff;border-radius: 50px;display: flex;justify-content: center;align-items: center;width: 38px;height: 38px;}
    .dbss{width: 100%;overflow: hidden;margin-top: 20px;float: left;}
    .dbss input{width: 74%;float: left;height: 40px;background: #263948;border: none;outline: none;font-size: 1rem;line-height: 40px;color: #dcdee0;}
    .sbbtn{width: 26%;float: left;height: 40px;background: #fc6502;border: none;outline: none;color: #fff;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
    .bqxx{font-size: 1rem;line-height: 3;color: #bdbdbd;text-align: center;border-top: 1px solid #2c4153;margin-top: 30px;}
    /*内页导分类航*/
    /*内页标题和位置*/

    .fllbkwz{background: #f5f6f9;border-bottom: 1px solid #e5e6eb}
    .wz{font-size: 1rem;line-height:4;color: #555;}
    .wz a{color: #555;}
    /*内页分类*/
    .fllbk{width: 100%;border-bottom: 1px solid #e6e6e6;}
    .fllb ul{display: flex;justify-content: flex-start;align-items: center;padding: 0 10px;}
    .fllb ul li a{font-size:1.2rem;line-height:4;position: relative;display: block;padding: 0 40px;transition: all ease-in .3s;color: #555}
    .fllb ul li a.active{color: #fff;line-height: 4;background:#1671b6}
    .fllb ul li a:hover{color: #fff;background:#1671b6}
    .gsjjk{margin: 3rem auto;}
    .jjbtk{font-size:3rem;line-height: 2;font-weight: bold;color: #333;text-align: center;}
    .jjwzk{margin: 2rem auto;font-size: 1rem;line-height: 1.6;color: #555;}
    .szbg{width: 100%;background:#f5f6f9;padding:1.5rem 0;}
    .gysz{font-size: 4rem;color: #1671b6 !important;}
    .xwz1{font-size: 1.1rem;line-height: 2;color: #555;}
    /*机构环境*/
    .jghj{margin:2rem auto 4rem;background: #fff}
    .cptjnk{margin: 3rem auto;}
    .jgbt h1{font-size: 3rem;line-height: 2;color: #333;text-align: center;font-weight: bold;}
    .jgbt article{font-size: 1rem ;line-height: 2;color: #555;text-align: center;}

    .zzjgk{margin: 4rem auto;}
    .zzjgk img{display: block;max-width: 100%;margin: 0 auto;}
    .cptp img{width: 100%;object-fit: cover;aspect-ratio: 7/5;border-radius: 8px;}
    /*产品列表*/
    .cplbnk{background: #fff;position: relative;margin-top: -80px;z-index: 10;box-shadow: 0px -10px 10px rgb(2 2 2 / 4%);border-top-left-radius: 10px;border-top-right-radius: 10px;padding:30px;margin-bottom: 60px;}
    .cbt{font-size: 30px;font-weight: bold;color: #000;line-height: 80px;border-bottom:3px solid #0b1530}
    .cdh .zxzx{font-size: 16px;line-height: 60px;color: #333;border-bottom: 1px solid #e6e6e6;display: block;width: 100%;background: url("../images/lbjt.png") no-repeat 98% center;padding-right: 10px;cursor: pointer;padding-left:10px;}
    .cdh .zxzx:hover{color: #2b86d7}
    .cdh .zxzx.current{background:url("../images/lbjt.png") no-repeat 98% center #f0f5f9 ;}
    .cdh li ul{display: none;padding:10px;background: #eee;}

    .cdh li ul li a{font-size: 0.9rem;line-height: 2;color: #555;}
    /*当前位置*/
    .dq{font-size:1rem;line-height: 80px;color: #555;text-align: right;}
    .dq a{color: #555;}
    /*右边产品*/
    .cptk{padding-left: 40px;}
    .cptk li{margin-bottom:30px;}
    .cptk li a{display: block;}
    .cptk .cptp{border: 1px solid #e6e6e6;overflow: hidden;}
    .cptk li h1{margin: 0;font-size: 15px;text-align: center;color: #333;padding: 0 5px;line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease .3s;width: 100%;}

    /*产品内容*/
    .cpgs{overflow: hidden;margin: 70px auto;}
    .cptpn{width:45%;float: left;overflow: hidden;}
    .cptpn .swiper {
        width:95%;
        margin-left: auto;
        margin-right: auto;position: relative;;
    }

    .cptpn .swiper-slide {
        background-size: cover;
        background-position: center;border: 1px solid #e6e6e6;
    }
    .cptpn .swiper-slide img {
        width:100%!important;height: auto;
    }

    .cptpn .mySwiper2 {
        width:95%;
    }

    .cptpn .mySwiper {
        box-sizing: border-box;
        padding: 10px 0;
    }

    .cptpn .mySwiper .swiper-slide {
        width: 33%;
        height: auto;
        opacity: 0.4;
    }

    .cptpn  .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
    }

    .cptpn .swiper-slide img {
        display: block;
        width: 100%;
        object-fit: cover;
        cursor:pointer;
    }


    /*产品右边描述*/
    .cpybms{width: 55%;float: right;margin-top: 80px;padding-left: 60px;}
    .cpbtkn{padding:20px 0;border-bottom: 1px solid #e6e6e6;}
    .cpbtkn h1{margin: 0;font-size: 2rem;color: #333;line-height:40px;font-weight: bold;}
    .cpbtkn h2{margin: 0;font-size: 1rem;line-height: 2;color: #de0011;}
    .cpybms article{margin: 40px auto;font-size: 1rem;line-height: 2;color: #555;}
    .lan{width: 100%;overflow: hidden;margin-top: 40px;}

    .zjyx{width: 240px;display:block;font-size: 1.2rem;line-height: 3;text-align: center;background:#005bac;
        color: #fff;border-radius:5px;margin-right: 30px;
        float: left;}
    .lxwm{width: 240px;display:block;font-size:  1.2rem;line-height: 3;text-align: center;background:#f06213;
        color: #fff;border-radius:5px;float: left;}
    .zjyx i,.lxwm i{margin-right: 8px;}
    /*产品详情*/
    .cpxqbtk{width: 100%;overflow: hidden;}
    .btxk{font-size: 2rem;font-weight: bold;color: #005bac;;line-height: 64px;}
    .xqnkk{margin: 2rem auto;font-size: 1rem;line-height: 2;color: #555;overflow: hidden;}
    .xqnkk table{width: 100%;overflow-y: scroll}
    .xqnkk table tr{padding: 0 5px;border-bottom: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6 }
    .xqnkk table td{border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6 ;padding: 0 5px;}
    /*详情页推荐产品*/
    .tjcpnkcp{width: 100%;background:#f8f9fa;padding: 30px 0 ;}
    .tjnbt{font-size: 2rem;color: #555;font-weight: bold;line-height: 20px;}
    .cptjnknn{padding: 30px 0;margin: 3rem auto}
    .tjcpnkcp .cptjk{margin: 30px auto;}
    .cptp{border: 1px solid #e6e6e6;overflow: hidden;}
    .cplbxk h1{font-size: 1.1rem;line-height:3;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    /*新闻资讯*/
    .xwzxk{width: 100%;background: #f5f6f8;padding:20px 0 50px;}
    .news-card{background: #fff}

    .xwzxkm{margin: 0 auto !important;padding: 30px 0 !important}
    .xwzxkm .xwkk{margin-bottom: 15px;}
    .xwlbk{margin:30px auto 50px;}

    .xwbtn{font-size: 2.4rem;line-height: 2;font-weight: bold;color: #333;text-align: center;}
    .xwnk .xwc{margin-bottom: 20px;}
    /*新闻详情*/
    .gybtn1{font-size: 2rem;line-height: 1.6;padding: 15px 0;text-align: center;font-weight: bold;}
    .xwsj{font-size: 14px;text-align: center;background: #fafbff;color: #555;line-height: 50px;}
    .xwsj i{color: #0eaa9d}
    .yjhjsw{margin: 2rem auto;overflow: hidden;font-size: 1rem;line-height: 2;color: #555;}
    .sxp{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 0 30px;margin: 40px auto}
    .sypz{background: url("../images/zjt2.png") no-repeat left center;padding-left: 20px;font-size: 0.9em;color: #3298de;overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(50% - 1px / 2);}
    .sypz a{font-size: 1em;color: #3db0fe;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .sypz1{background: url("../images/yjt2.png") no-repeat right center;padding-right: 20px;border-left: 1px solid #e6e6e6;}
    .gybtn1{color: #1493cd}
    .gyjsk{margin: 3rem auto;}
    /*问答列表*/
    .wdlbk{margin: 3rem auto;padding: 0 15px !important}
    .qatitle{font-size: 1.2rem;line-height:3.5;color: #333;padding: 0 1rem;display: block;width: 100%;border-bottom: 1px solid #e6e6e6}
    .qatitle i{color: #138ae1;margin-right: 8px;}
    .zkbg{background: #f4f7fe;border: none;border-bottom-right-radius: 15px;padding:20px;font-size: 1.2;line-height: 2;color: #333;border-bottom-left-radius: 15px;}
    .qakk:nth-child(even) .qatitle i{color:#ff7c16}
    /*联系表单*/
    .xxk{padding: 0 !important;margin-top: 3rem;}
    .embox{background: #fff;align-items: stretch;display: flex;margin: 90px auto;}
    .zbyx{display: flex;align-items: center}
    .zbyx form{width: 100%;}
    .zbyx{width:60%;float: left;box-shadow: -8PX 6px 18px rgb(0 0 0 / 7%);background: #fff;box-sizing: border-box}
    .srkk h1{margin: 0;font-size: 14px;color: #999;line-height: 30px;padding-left: 10px;}
    .srkk h1 .yswz{color: #4555a9}
    .zywz{font-size: 14px;line-height:20px;text-align: center;color: #132540;padding-bottom: 50px;}
    .bdtp{width: 40%;float:right;box-sizing: border-box;position: relative;overflow: hidden;}
    .bdtp img{ flex-shrink: 0; /* 防止图片缩小 */
        max-height: 100%; /* 确保图片不会超过容器高度 */
        object-fit: cover;}
    .contact-input input{
        padding: 0px 16px;
        font-size: 14px;
        margin-top: 10px;
    }
    .contact-input3{margin: 10px auto !important;}
    .lxz{width: 16%;float: left;}
    .lxwz{width: 84%;float: left;}

    .contact-input{
        width:86%;
        margin:20px auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 14px;
    }

    .contact-input3 {
        width:86%;
        margin-top: 14px;
        position: relative;
        margin:20px auto;
    }
    .contact-input3 textarea {
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        border: none;
        height: 180px;
        line-height: 30px;
        padding: 10px 20px;
        font-size: 14px;
        color:#333;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        border-radius: 6px;
        background: #f8f8f8 !important;
        font-family: 'SourceHanSansCN-Regular', Arial, Helvetica, sans-serif;
        resize: vertical;
    }
    .contact-input input{
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        border:none;
        height: 58px;
        line-height: 58px;
        padding: 0px 20px;
        font-size: 14px;
        color: #333;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        border-radius: 6px;
        background: #f8f8f8 !important;
        font-family:  'SourceHanSansCN-Regular', Arial, Helvetica, sans-serif;
    }
    .contact-input input::placeholder,.contact-input3 textarea ::placeholder{color: #717a89;}
    .contact-input input:focus,.contact-input3 textarea:focus {
        border-color: #007bff; /* 改变边框颜色 */
        outline: none; /* 移除默认的轮廓 */
        box-shadow: 0 0 5px rgba(0,123,255,0.5); /* 添加一个轻微的阴影效果 */
    }
    input.selected {
        border-color: #ffc107; /* 改变边框颜色 */
    }
    .contact-num {
        width: auto;
        position: absolute;
        right: 15px;
        bottom: 15px;
        font-size: 18px;
        color: #bfbfbf;
        z-index: 2;
        font-size: 13px;
    }
    .contact-button {
        width: 86%;
        overflow: hidden;
        cursor: pointer;
        margin: 40px auto 20px;
        border-radius: 100px;
        background: #124b92;
        height: 50px;
        line-height: 50px;
        -webkit-transition: all 0.4s
        ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s
        ease 0s;
    }
    .contact-button span {
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        overflow: hidden;
        font-size: 20px;
        color: #fff;
    }
    .yzmk{margin-top: 50px;}
    .xqnkk table{width: 100% !important;}
}

.yjhjsw img,.xqnkk img,.jjwzk img{max-width: 100%;}
.cptjnknn .swiper-button-prev {
    background: url(../images/zbjt.png) no-repeat center center;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 0% !important;
}
.cptjnknn .swiper-button-next {
    background: url(../images/ybjt.png) no-repeat center center;
    width: 60px;
    height: 60px;
    top: 50%;
    right: 0% !important;
}
.cptjnknn .swiper-button-prev:after, .cptjnknn .swiper-rtl .swiper-button-next:after,.cptjnknn .swiper-button-next:after, .cptjnknn .swiper-rtl .swiper-button-prev:after{display: none}
.navbar-toggler-icon{background-image:url("../images/dhbg.png");}
.navbar-toggler{border: 1px solid #e6e6e6;}
.ttop2 .navbar-toggler{background: #00a0ea}
.navbar-nav>li>a{
    padding:0 !important; color:#eeefef !important; line-height:90px;font-size: 18px;}
.nybanner img{width: 100%;height: auto;}
.fym{display: flex;align-items: center;justify-content: center;margin: 2rem auto;}
.navbar-toggler:focus{box-shadow: none;outline: none}
@media (min-width: 1280px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1240px;}


}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1600px;}
}
@media (max-width: 1440px) {
    .gytwz h1{font-size: 3rem;}
    .fllb ul li a{font-size:0.9rem;}
    .cpybms{padding-left: 20px;}
    .zjyx,.lxwm{width: 45% !important;}
    .cpbtkn h1{font-size: 1.6rem;}
}
@media (max-width: 1024px) {
    .gytwz h1{font-size: 2rem;}
    .top{width: 100% !important;display: flex;justify-content: space-between;}
    .dbright{width: 100% !important;}
    .ljtop ul{justify-content: flex-end;}
    .dbright{position:absolute;top:10px;right: 0;}
    .navbar-nav>li>a{line-height: 30px;margin-top: 50px;}
    .ssk,.yytop{width: 5%;}
    .navbar{justify-content: flex-end;}
    .ljtop li img{width: 24px;}
    .ttop2 .ljtop li img{height: 20px;width: auto !important;margin-right: 10px;}
    .navbar-toggler{margin-right: 10px;}
    .navbar{margin-top: 50px;position: absolute;z-index: 9999;width: 100%;right: 0;}
    .topdw{height: 110px;}
    .navbar-nav>li>a{line-height: 50px;margin-top: 0;}
    .section-title{font-size: 2rem;}
    .sbbtn{font-size: 0.8rem}
    .dbss input::placeholder{font-size: 0.8rem;}

}
.navbar-collapse{padding: 0 15px;}
@media (max-width: 997px) {

    .top{width: 100% !important;display: flex;justify-content: space-between;}
    .dbright{width: 100% !important;}
    .navbar-collapse{margin-top: 10px;background:rgb(21 68 115);}
    .ttop2 .navbar-nav>li>a{color: #fff !important}
}
.topdw .row{padding: 0;--bs-gutter-x:0;}
@media (max-width:768px) {
    .cpdetail{width: 100% !important;overflow-x: scroll!important;}
    /*联系表单*/
    .bdtp{display: none;}
    .xxk{padding: 0 !important;}
    .embox{background: #fff;display: flex;margin: 30px auto;}
    .zbyx{display: flex;align-items: center}
    .zbyx form{width: 100%;}
    .zbyx{width:100%;box-shadow: -8PX 6px 18px rgb(0 0 0 / 7%);background: #fff;box-sizing: border-box}
    .srkk h1{margin: 0;font-size: 14px;color: #999;line-height: 30px;padding-left: 10px;}
    .srkk h1 .yswz{color: #4555a9}
    .zywz{font-size: 14px;line-height:20px;text-align: center;color: #132540;padding-bottom: 50px;}
    .bdtp{width: 40%;float:right;box-sizing: border-box;position: relative;overflow: hidden;}
    .bdtp img{ flex-shrink: 0; /* 防止图片缩小 */
        max-height: 100%; /* 确保图片不会超过容器高度 */
        object-fit: cover;}
    .contact-input input{
        padding: 0px 16px;
        font-size: 14px;
        margin-top: 10px;
    }
    .contact-input3{margin: 10px auto !important;}
    .lxz{width: 16%;float: left;}
    .lxwz{width: 84%;float: left;}

    .contact-input{
        width:96%;
        margin:20px auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 14px;
    }

    .contact-input3 {
        width:96%;
        margin-top: 14px;
        position: relative;
        margin:20px auto;
    }
    .contact-input3 textarea {
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        border: none;
        height: 180px;
        line-height: 30px;
        padding: 10px 20px;
        font-size: 14px;
        color:#333;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        border-radius: 6px;
        background: #f8f8f8 !important;
        font-family: 'SourceHanSansCN-Regular', Arial, Helvetica, sans-serif;
        resize: vertical;
    }
    .contact-input input{
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        border:none;
        height: 58px;
        line-height: 58px;
        padding: 0px 20px;
        font-size: 14px;
        color: #333;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        border-radius: 6px;
        background: #f8f8f8 !important;
        font-family:  'SourceHanSansCN-Regular', Arial, Helvetica, sans-serif;
    }
    .contact-input input::placeholder,.contact-input3 textarea ::placeholder{color: #717a89;}
    .contact-num {
        width: auto;
        position: absolute;
        right: 15px;
        bottom: 15px;
        font-size: 18px;
        color: #bfbfbf;
        z-index: 2;
        font-size: 13px;
    }
    .contact-button {
        width: 86%;
        overflow: hidden;
        cursor: pointer;
        margin: 40px auto 20px;
        border-radius: 100px;
        background: #124b92;
        height: 50px;
        line-height: 50px;
        -webkit-transition: all 0.4s
        ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s
        ease 0s;
    }
    .contact-button span {
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        overflow: hidden;
        font-size: 20px;
        color: #fff;
    }
    .yzmk{margin-top: 50px;}
    /*新闻详情*/
    .gybtn1{font-size:1.4rem;line-height: 1.6;padding: 15px 0;text-align: center;font-weight: bold;}
    .xwsj{font-size: 1rem;text-align: center;background: #fafbff;color: #555;line-height: 50px;}
    .xwsj i{color: #0eaa9d}
    .yjhjsw{margin: 2rem auto;overflow: hidden;font-size: 1rem;line-height: 2;color: #555;}
    .sxp{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 0 30px;margin: 40px auto}
    .sypz{background: url("../images/zjt2.png") no-repeat left center;padding-left: 20px;font-size: 0.9em;color: #3298de;overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(50% - 1px / 2);}
    .sypz a{font-size: 1em;color: #3db0fe;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .sypz1{background: url("../images/yjt2.png") no-repeat right center;padding-right: 20px;border-left: 1px solid #e6e6e6;}
    .gybtn1{color: #1493cd}
    .gyjsk{margin: 1rem auto;}
    /*新闻资讯*/
    .xwzxk{width: 100%;background: #f5f6f8;padding:20px 0 20px;}
    .news-card{background: #fff !important}

    .xwzxkm{margin: 0 auto !important;padding:10px 0 30px!important}
    .xwzxkm .xwkk{margin-bottom: 15px;}
    .xwlbk{margin:30px auto 50px;}

    .xwbtn{font-size: 2rem;line-height: 2;font-weight: bold;color: #333;text-align: center;}
    .xwnk .xwc{margin: 15px auto !important}
    /*产品内容*/
    .cpgs{overflow: hidden;margin: 20px auto;}
    .cptpn{width:100%;overflow: hidden;}
    .cptpn .swiper {
        width:100%;
        margin-left: auto;
        margin-right: auto;position: relative;;
    }

    .cptpn .swiper-slide {
        background-size: cover;
        background-position: center;border: 1px solid #e6e6e6;
    }
    .cptpn .swiper-slide img {
        width:100%!important;height: auto;
    }

    .cptpn .mySwiper2 {
        width:100%;
    }

    .cptpn .mySwiper {
        box-sizing: border-box;
        padding: 10px 0;
    }

    .cptpn .mySwiper .swiper-slide {
        width: 33%;
        height: auto;
        opacity: 0.4;
    }

    .cptpn  .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
    }

    .cptpn .swiper-slide img {
        display: block;
        width: 100%;
        object-fit: cover;
        cursor:pointer;
    }


    /*产品右边描述*/
    .cpybms{width: 100%;margin-top:10px;padding: 0;}
    .cpbtkn{padding:20px 0;border-bottom: 1px solid #e6e6e6;}
    .cpbtkn h1{margin: 0;font-size: 1.4rem;color: #333;line-height:1.5;font-weight: bold;padding: 10px 0;}
    .cpbtkn h2{margin: 0;font-size: 1rem;line-height: 2;color: #de0011;}
    .cpybms article{margin: 1rem auto;font-size: 1rem;line-height: 2;color: #555;}
    .lan{width: 100%;overflow: hidden;margin-top: 40px;}

    .zjyx{width:48%!important;display:block;font-size: 1rem;line-height: 3.5;text-align: center;background: url("../images/yxicon.png") no-repeat 15px center #005bac;
        color: #fff;border-radius:5px;margin-right: 1%;
        float: left;}
    .lxwm{width: 48%!important;display:block;font-size:  1rem;line-height: 3.5;text-align: center;background: url("../images/lxiocn.png") no-repeat 15px center #f06213;
        color: #fff;border-radius:5px;float: left;}
    /*产品详情*/
    .cpxqbtk{width: 100%;overflow: hidden;}
    .btxk{font-size: 2rem;font-weight: bold;color: #005bac;;line-height: 64px;}
    .xqnkk{margin: 1rem auto;font-size: 1rem;line-height: 2;color: #555;overflow: hidden;}
    .xqnkk table{width: 100%;overflow-y: scroll}
    .xqnkk table tr{padding: 0 5px;border-bottom: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6 }
    .xqnkk table td{border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6 }
    /*详情页推荐产品*/
    .tjcpnkcp{width: 100%;background:#f8f9fa;padding: 30px 0 0;}
    .tjnbt{font-size: 2rem;color: #555;font-weight: bold;line-height: 20px;}
    .cptjnknn{padding: 30px 0 10px;margin: 1rem auto 0}
    .tjcpnkcp .cptjk{margin: 30px auto;}
    .cptp{border: 1px solid #e6e6e6;overflow: hidden;}
    .cplbxk h1{font-size: 1.1rem;line-height:3;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    /*产品列表*/
    .cplbnk{background: #fff;margin: 20px auto;}
    .cbt{font-size:1.4rem;font-weight: bold;color: #000;line-height: 3;border-bottom:3px solid #0b1530;text-transform: uppercase;}
    .cdh .zxzx{font-size:1rem;line-height:2;color: #333;border-bottom: 1px solid #e6e6e6;display: block;width: 100%;background: url("../images/lbjt.png") no-repeat 98% center;padding: 15px 10px 15px 10px;}
    .cdh li:last-child .zxzx{border-bottom: none}
    .cdh li ul{display: none;padding:10px;background: #eee;}
    .cdh li ul li a{font-size: 0.9rem;line-height: 2;color: #555;}
    .ssk2,.dq{display: none}
    /*右边产品*/
    .cptk{padding-left: 20px;}
    .cptk li{margin-bottom:20px;padding: 0 5px;}
    .cptk li a{display: block;}
    .cptk .cptp{border: 1px solid #e6e6e6;overflow: hidden;}
    .cptk li h1{margin: 0;font-size: 15px;text-align: center;color: #333;padding: 0 5px;line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all ease .3s;width: 100%;}
    /*内页标题和位置*/
.ttop2{background:rgb(21 68 115) }
    .nybanner img{width: 100%;object-fit: cover;aspect-ratio: 6/2}
    .fllbkwz{background: #f5f6f9;border-bottom: 1px solid #e5e6eb}
    .wz{font-size: 1.1rem;line-height:3;color: #555;}
    .wz a{color: #555;}
    /*内页分类*/
    .fllbk{width: 100%;border-bottom: 1px solid #e6e6e6;}
    .fllb ul{display: flex;justify-content: flex-start;align-items: center;padding: 0 10px;}
    .fllb ul li a{font-size:1.2rem;line-height:4;position: relative;display: block;padding: 0 40px;transition: all ease-in .3s;color: #555}
    .fllb ul li a.active{color: #fff;line-height: 4;background:#1671b6}
    .fllb ul li a:hover{color: #fff;background:#1671b6}
    .gsjjk{margin:2rem auto;}
    .jjbtk{font-size:2rem;line-height: 2;font-weight: bold;color: #333;text-align: center;}
    .jjwzk{margin:1rem auto;font-size: 1rem;line-height: 1.6;color: #555;}
    .szbg{width: 100%;background:#f5f6f9;padding:1rem 0;}
    .gysz{font-size:2.4rem;color: #1671b6 !important;}
    .szk{margin-top: 0 !important;}
    .gysz2{width: 100% !important}
    .xwz1{font-size: 1.1rem;line-height: 2;color: #555;}
    /*机构环境*/
    .jghj{margin:2rem auto 4rem;background: #fff}
    .cptjnk{margin: 3rem auto;}
    .jgbt h1{font-size: 2rem;line-height: 2;color: #333;text-align: center;font-weight: bold;}
    .jgbt article{font-size: 1rem ;line-height: 2;color: #555;text-align: center;}

    .zzjgk{margin: 4rem auto;}
    .zzjgk img{display: block;max-width: 100%;margin: 0 auto;}
    .cptp img{width: 100%;object-fit: cover;aspect-ratio: 6/4;border-radius: 8px;}
    /*首页联系*/
    .lxsy{background: url("../images/lxbg.jpg") no-repeat top center;background-size: cover;padding:3rem 1rem;border-radius: 15px;}
    /*网站底部*/
    #contact{background: #0d2233 !important;padding: 3rem 0 !important;}
    .end{overflow: hidden;}
    .lxewm{margin-top: 20px;}
    .lxewm li{float: left;margin-right: 1%;width: 30%}
    .lxewmk{width:100%;}
    .lxfsk{width: 100%;float: left;}
    .dbbt{font-size: 1.6rem;line-height:3;color: #fff;font-weight: bold;margin:0;}
    .lxwz{width: 100%;display: block;font-size: 1rem;line-height: 2;color: #dcdee0;}
    .lxwz i{margin-right: 5px;}
    .cpflk{display: none}
    .follow{width: 100%;float: left;}
    .follow ul{width: 100%;overflow: hidden;}
    .follow li{float: left;margin-right:5%;}
    .follow li a{background: #fff;border-radius: 50px;display: flex;justify-content: center;align-items: center;width: 38px;height: 38px;}
    .dbss{width: 100%;overflow: hidden;margin-top: 20px;float: left;}
    .dbss input{width: 74%;float: left;height: 40px;background: #263948;border: none;outline: none;font-size: 1rem;line-height: 40px;color: #dcdee0;}
    .sbbtn{width: 26%;float: left;height: 40px;background: #fc6502;border: none;outline: none;color: #fff;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
    .bqxx{display: none;}
    /*为什么选择我们*/
    .why-bg{background: url("../images/wbg.png") no-repeat top center #f8f9fa;padding: 4rem 0;}
    .sybt{font-size:1.6rem;line-height:2;}
    .wbt{color: #2a3d54}
    .wlbk{display: flex;flex-wrap:wrap}
    .zctb{width:100%;}
    .yswzk{width:100%;}
    .yswzk h1{font-size: 1.6rem;line-height: 2;color: #333;text-transform: uppercase;font-weight: bold;}
    .yswzk article{font-size: 1rem;line-height: 1.6;color: #555;}
    /*首页新闻*/
    .card-title{font-size: 1.4rem;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
    .card-text{font-size: 1rem;line-height: 1.6;color: #555;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .xwtp img{aspect-ratio: 6/3;object-fit: cover;width: 100%}
    .text-muted1{font-size: 1rem;line-height: 3;color: #333;}
    .text-muted1 .rqd{font-size: 1.6rem;font-weight: bold;}
    .yqq1{width: 45px;height: 45px;background: #f8f9fa;border-radius: 50px;display: flex;justify-content: center;align-items: center;color: #333;}
    .news-card:hover .card-title{color: #fc6502}
    .news-card:hover .yqq1{background:#fc6502;color: #fff; }
    /*首页简介*/
    .gycft{display: none;}
    /*关于我们*/
    .bg-navy{padding: 2rem 0 !important}
    #about{position: relative}
    .gycft{width: 35%;float: right;position: absolute;top:15%;right: 0;}
    .gybtk{position: relative;line-height: 2;}
    .gybtk:after{position: absolute;content: '';width: 60px;height: 3px;border-radius: 5px;background: #fc6d0f;left: 0;bottom: 0;}
    .text-warning{color:#fc6d0f !important }
    .syjjwz{font-size: 1rem;line-height:1.6;color: #dfdfdf;margin: 2rem auto;}
    .xwz{font-size: 1rem;line-height:1.6;color: #dfdfdf;}
    .gysz h2{font-size: 3rem;}
    /*首页产品*/
    .py-5{padding-top: 2rem !important}
    .section-title{font-size: 1.4rem;line-height: 2;}
    .card{background: none;border: none;box-shadow: none;}
    .list-unstyled li{font-size: 1rem;line-height: 2;}
    .list-unstyled li a{color: #555;display: flex;align-items: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .list-unstyled li i{font-size: 0.3rem;color:#fc6502;line-height: 2;margin-right: 5px; }
    .cpbt{font-size:1.6rem;line-height:2.5;color: #333;}
    .cptjl{display: flex;justify-content: space-between;align-items: center}
    .list-unstyled{width: 80%;}
    .yqq{width: 20%;}
    .yqq a{width: 40px;height: 40px;background: #e6e6e6;border-radius: 100px;display: flex;align-items: center;justify-content: center}
    .yqq i{font-size: 1rem;color: #333;}
    .swiper-button-prev-custom{position: absolute;left: 0;top: 45%;z-index: 100;}
    .swiper-button-next-custom{position: absolute;right: 0;top: 45%;z-index: 100;}
    .btn-group-sm > .btn, .btn-sm{width: 50px;height: 50px;}
    .py-5 .swiper-slide img{border: 1px solid #e6e6e6;border-radius:8px;}

    .cpbtw{width:100%;}
    .ckgda{width: 100%;}
    .ckgda a{background: #005bac;border-radius: 100px;font-size: 1rem;line-height: 40px;color: #fff;text-align: center;display: block;max-width:160px;}
    .ckgda a:hover{background: #0467bf}
    .btwzk{align-items: center !important;flex-wrap: wrap !important;}
    .ckgda a i{font-size: 0.6rem;margin-left:15px;}


    .topdw{position: relative;padding: 0 5px;}
    .ttop{background: #111e2d}

    .dbright{width: 100% !important;}
    .dbright{position:absolute;top:10px;right: 10px;}
    .dbright{display: flex;justify-content: flex-end;align-items: center;}
    .ljtop ul li{float: left;margin-right: 5px;}
    .ljtop{width: 65%;}
    .ljtop ul{width: 100%;display: flex;justify-content: flex-end;}
    .ssk{display: none;}
    .yytop{width:5%;margin-left: 1%}
    .yytop img{float: right;}
    /*搜索*/
    .search-bar-container{
        display: flex;
        align-items: center;
        background-color:rgb(255 255 255 / 100%);
        padding:0 0 0 5px;
        width: 300px;height: 36px;border-radius: 50px;
        position:relative;
        transition: width .5s;
        float: right;overflow: hidden;right:0;top:0;z-index: 1000;
    }
    .search-bar-container.active1{background-color:#0e3a52;}
    .search-bar-container.active1 .magnifier{filter:invert(100%);}
    .magnifier{
        width:22px;
        cursor: pointer;

        left: 10px;
    }
    .input{
        background-color: transparent;
        border: none;
        margin: 0px 0px 0 10%;
        width: 90%;
        outline: none;
        color: rgb(100,100,100);
        transition: all .3s;
        transition-delay: 0.5s;  position: absolute;
    }
    .input input{width: 75%;float: left;line-height: 36px;font-size: 14px;outline: none;border: none;background:none}
    .ssbutton{width: 25%;height: 37px;font-size: 15px;line-height:36px; border-radius: 42px;
        text-align: center;
        background:#07a6e8;color: #fff;display: block;border: none;float: right;transition:width .3s}
    .active1.search-bar-container{
        width: 36px;;
    }
    .active1 .input input{display: none}
    .active1 .input .ssbutton{display: none;transition:all .3s;}
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color: #005bac!important;
    border-color: #005bac !important;}