
@charset "utf-8"; html, body {
    margin: 0px;
    padding: 0px;
}

IMG {
    border-width: 0px;
}

* {
    list-style-type: none;
    margin: 0;
    padding: 0;
font-family: 'Open Sans', sans-serif;
}
a {
    text-decoration: none !important;
    color: #555
}

a:hover {
    text-decoration: none;
}

.banner,.nytp img{width: 100%;margin:0 auto}
.dtbanner{display: block;width: 100%;height: auto}
ul,li{list-style: none;padding: 0;margin: 0;}


@media (min-width: 768px) {
    .navbar-nav{font-size: 1.125rem;
        display: flex;justify-content: space-between;width: 100%;margin-left:2rem}
    .navbar-nav a{color:#333;text-transform: uppercase;}
    .navbar-nav a.active{color: #ff9900 !important;border-bottom: 1px solid #ff9900;}
    .dropdown-menu {font-size: 1rem;
        --bs-dropdown-link-active-bg:#fff!important;}
    .indbg{width: 100%;position: fixed;background:#fff;padding:5px 0;z-index: 99}
    .indbg.xz{background:rgba(255,255,255,.8);}
    .logo{height: 4rem;width: auto}
    .container-box{max-width: 1460px;margin:0 auto; --bs-gutter-y: 0;
        width: 100%;
        padding: 0 1rem;

    }
    /*搜索*/
    .ssk{position: relative;width: 4%;float: right}
    .search-bar-container{
        display: flex;
        align-items: center;
        background-color:#dfe4ed;
        padding:0 0 0 5px;
        width: 300px;height: 35px;border-radius: 50px;
        position:relative;
        transition: width .5s;
        float: right;overflow: hidden;right:0;top:0;z-index: 1000;
    }
    .magnifier{
        width:15px;
        cursor: pointer;
        position: absolute;
        left: 10px;
    }
    .input{
        background-color: transparent;
        border: none;
        margin: 0px 0px 0 40px;
        width: 100%;
        outline: none;
        color: rgb(100,100,100);
        transition: all .3s;
        transition-delay: 0.5s;
    }
    .input input{width: 78%;float: left;line-height: 35px;font-size: 14px;outline: none;border: none;background:none}
    .ssbutton{width: 22%;height: 35px;font-size: 14px;line-height:35px; border-radius: 35px;
        text-align: center;
        background:#013592;color: #fff;display: block;border: none;float: right;transition:width .3s}
    .active1.search-bar-container{
        width: 35px;;
    }
    .active1 .input input{display: none}
    .active1 .input .ssbutton{display: none;transition:all .3s;}
    .dhgd{height: 100px;}
    .bandt{width: 100%;position: relative;}
    .dtwzk{position: absolute;z-index: 10;width:50%;display: flex;top: 0;left: 0;height: 100%;flex-shrink: 0;flex-direction: column }
    .dtwzbg{background: url("../images/dtbg.png") no-repeat right center;height: 174px;margin-top: 20%;display: flex;align-items: center;flex-direction: column;padding-right:70px;justify-content: center;}
    .dtwzbg h1{margin: 0;font-size: 1.6rem;color: #fff;font-weight: lighter;text-transform: uppercase;width: 100%;text-align: right;line-height:3rem;}
    .dtwzbg h2{margin: 0;font-size: 2rem;color: #fff;font-weight: 700;text-transform: uppercase;width: 100%;text-align: right;line-height:3rem;justify-content: center;}
    .dtmswz{font-size: 1rem;color: #f3fbff;margin: 2rem auto;padding:10px 70px 10px 15px;line-height: 1.5rem;}
    .wlan{width: 100%;display: flex;justify-content: flex-start;gap: 0 20px;padding-left: 15px;}
    .wlan a{background: #fff;border-radius: 5px;padding: 15px 40px;color: #1b3c68;transition: all ease .3s;}
    .wlan a:hover{padding-left: 50px;}
    .wlan a:nth-child(2){background: no-repeat;border: 1px solid #fff;color: #fff}
    /*首页电话搜索*/
    .syssdk{width: 100%;background: #e3e3e3;padding:40px 0;}
    .syss{background: linear-gradient(to right,#297dba,#3fb1e4);border-radius: 5px;display: flex;justify-content:space-between;align-items: center;padding: 30px;}
    .ssleft{width: 50%;display: flex;justify-content: flex-start;gap: 0 50px;}
    .ssdh{background: url("../images/dhicon.png") no-repeat left center;padding-left: 70px;}
    .ssdh1{background: url("../images/yxicon.png") no-repeat left center;padding-left: 70px;}
    .ssdh h1,.ssdh1 h1{margin: 0;font-size:1.1rem;line-height:2rem;color: #fff;}
    .ssdh h2,.ssdh1 h2{margin: 0;font-size:1.5rem;line-height:2rem;color: #fff;}
    .ssright{width: 40%;overflow:hidden;}
    .ssright input{width: 75%;float: left;background: #fff;border: none;outline: none;border-top-left-radius: 5px;border-bottom-left-radius: 5px;line-height:46px;height: 46px;padding-left: 15px;}
    .ssright button{border: none;background: #ff9900;height: 46px;line-height: 46px;text-align: center;font-size: 1.1rem;color: #fff;text-transform: uppercase;width:25%;float: right;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
    /*首页简介*/
    .syjjk{width: 100%;background: #f5f5f5;padding: 120px 0;overflow:hidden;position: relative}
    .ycsylxwz{width: 50%;float: right;background:#f5f5f5;padding: 15px;}
    .ycsylxwz h1{font-size: 2.6rem;color: #2a85be;font-weight: bold;line-height: 3rem;}
    .ycsylxwz article{margin:30px auto;font-size: 1rem;line-height: 1.8rem;color: #333;}
    .sygyk{overflow: hidden;margin-top: 70px;}
    .gylefttp{width:50%;float: left;position: absolute;}
    .gyxw{width: 50%;background: linear-gradient(to right,#297dba,#3fb1e4);padding: 30px 0 30px 30px;float: right;border-top-left-radius: 5px;border-bottom-left-radius: 5px;display: flex;justify-content: flex-start;gap: 0 40px;}
    .gywzgd h1{margin: 0;font-size: 1.6rem;line-height:4rem;color: #fff;font-weight: bold;text-transform: uppercase;}
    .gywzgd a{width: 200px;line-height: 46px;border: 1px solid #9fc0cf;border-radius: 5px;font-size: 1rem;text-align: center;color: #fff;display: block;margin-top:15px;}
    .gywzgd a:hover{background: #fff;color: #297dba;border: 1px solid #fff;}
    /*why*/
    .whykk{margin: 60px auto;overflow: hidden;}
    .wlbk{margin: 50px auto;overflow: hidden;display: flex;justify-content: space-between;gap:40px 20px;flex-wrap: wrap}
    .whybt h1{font-size: 2.6rem;color: #2a85be;font-weight: bold;line-height: 3rem;text-transform: uppercase}
    .whybt article{margin:20px auto;font-size: 1rem;line-height: 1.8rem;color: #333;}
    .wlbxk{ width: calc(50% - 20px);;background: #fff;border: 1px solid #e6e6e6;border-left: 6px solid #2a7fbc;border-radius: 10px;padding: 20px 20px 0px 0; }
    .wlbxk:nth-child(2),.wlbxk:nth-child(3){border-left: 6px solid #ff9900;}
    .whxbt{width: 90%;background:linear-gradient(to right,#297dba,#3fb1e4);;border-bottom-right-radius: 50px;border-top-right-radius: 50px;padding: 0 15px 0 50px;font-size: 1.6rem;font-weight: bold;color: #fff;line-height: 60px; }
    .whwzk{width: 100%;padding:20px 15px;display: flex;justify-content: flex-start;align-items: center}
    .wzhtp{width: 20%;}
    .wzhwz{width: 80%;font-size: 1.1rem;line-height: 2rem;color: #333;}
    /*首页产品*/
    .syprok{width: 100%;background:linear-gradient(to bottom,#297dba,#3fb1e4);padding: 70px 0;}
    .prosyt{display: flex;justify-content: space-between;align-items: center}
    .prosyt a{font-size: 1.1rem;color: #fff;padding: 10px 30px;border-radius:5px;border: 1px solid #fff;}
    .sycpt h1{font-size: 2.6rem;color: #fff;font-weight: bold;line-height: 3rem;text-transform: uppercase}
    .sycpt article{margin:20px auto;font-size: 1rem;line-height: 1.8rem;color:#f6fcff;}
    .sycpgd{margin: 70px auto;}
    .cptopk a{display: block;background: #fff;border-radius: 5px;overflow: hidden;}
    .cpwzk{padding: 15px;}
    .cpwzk h1{font-size: 1.4rem;color: #2a7ebb;font-weight: bold;height: 60px;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;line-height: 2rem;}
    .cpwzk article{font-size: 1rem;color: #555;line-height: 1.8rem;margin: 15px auto;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .djgdan{width: 100%;border-radius: 5px;background: #2ea2d3;font-size: 1rem;line-height: 50px;color: #fff;text-align:center;position: relative;transition: all ease .3s;}
    .cptopk:nth-child(even)  .djgdan{background: #ff9900}
    .djgdan:hover{padding-left: 15px;}
    .xmtsj{width: 88%;margin: 0 auto;overflow: hidden;}
    .cptp{overflow: hidden;height: 292px;}
    .cptp img{
        position: relative;transition: all ease .5s;}
    .cptp:hover img{transform: scale(1.1);}
    .syprok .swiper-button-prev{background: url("../images/zbjt.png") no-repeat center center;height: 68px;width: 68px;left: 0;}
    .syprok .swiper-button-next{background: url("../images/ybjt.png") no-repeat center center;height: 68px;width: 68px;right: 0;}
    .swiper-button-next:after, .swiper-button-prev:after{display: none}
    /*news*/
    .newsdk{background: #f5f5f5;padding: 70px 0;}
    .xwdk{margin: 50px auto;overflow: hidden;}
    .xwleft{width: 55%;float: left;margin-top: 40px;}
    .xwwz{background: #fff;border-radius: 8px;padding: 30px 40px;border-left: 6px solid #297dba;margin-bottom: 30px;box-shadow: 5px 5px 10px #e6e6e6;position: relative;top: 0;transition: all ease .3s;}
    .xwwz:hover{top: -10px;}
    .xwwz:nth-child(even){border-left: 6px solid #f89502;}
    .xwwz h1{margin:0 ;font-size:1.2rem;line-height: 3rem;color: #297dba}
    .xwwz h1 .sjd{font-size: 2.8rem;font-weight: bold;}
    .xwwz h2{margin: 0;font-size: 1.4rem;line-height: 3rem;color: #333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .xwwz article{font-size: 1rem;line-height: 2rem;color: #555;}
    .xwgdk{width: 240px;background:linear-gradient(to right,#297dba,#3fb1e4);font-size: 1rem;line-height: 50px;border-radius: 5px;text-align: center;color: #fff;margin-top:30px;}
    .xwgdk a{color: #fff;display: block;width: 100%;}
    .xwrightt{width: 40%;float: right;}
    /*footer*/
    .footer{background:#2b83bf;padding: 70px 0 10px 0;}
    .end{overflow: hidden;}
    .cata{width: 20%;float: left;}
    .cata h1,.contc h1{margin: 0;font-size: 1.6rem;line-height: 4rem;color: #fff;font-weight: bold;text-transform: uppercase;position: relative;margin-bottom: 20px;}
    .cata h1:after,.contc h1:after{position: absolute;bottom: 0;left: 0;content: '';width:30px;height: 4px;border-radius: 5px;background: #fff;}
    .cata li{width: 50%;float: left;}
    .cata li a{font-size: 1rem;line-height:2.4rem;color: #fff;}
    .contc{width: 44%;float: left;margin: 0 8%;}
    .contc article{font-size: 1rem;line-height:2.4rem;color: #fff;}
    .dbss{width: 20%;float: right;}
    .dhyj{margin:20px auto;border-radius: 5px;border: 1px solid #d4d4d4;padding: 10px;}
    .dhyj a{;font-size: 1rem;color: #fff;gap: 0 20px;padding-left:20px;}
    .dbwl{width: 100%;display: flex;justify-content: space-between}
    .bqxx{border-top: 1px solid #d4d4d4;font-size: 1rem;line-height: 3rem;color: #d4d4d4;text-align: right;margin-top: 30px;}
    /*公司简介*/
    .gynkk{margin: 60px auto;overflow:hidden;}
    .jjwzkk{margin: 20px auto;width: 50%;float: left;}
    .jjwzkk h1{margin: 0;font-size:2rem;line-height:6rem;color: #010101;font-weight: bold; margin-top:40px;}
    .jjwzkk article{font-size: 1rem;line-height: 2rem;color: #6c757b;float: left;margin-top: 20px;}
    .qyyjkk{background: #f7f8fa;padding: 50px 0;}
    .gsnyt{width: 45%;float: right;}
    .yjbt{font-size:2rem;line-height:6rem;color: #010101;font-weight: bold;}
    .yjkk{margin: 20px auto;overflow:hidden;}
    .yjkk ul{display: flex;justify-content: space-between;gap: 0 30px;}
    .yjkk ul li{background:linear-gradient(to right,#297dba,#3fb1e4);;padding:40px 20px;border-radius: 10px;display: flex;justify-content: flex-start;gap:0 30px;align-items: center;width: 50%}
    .yjzbt{width: 18%;}
    .yjybwz{width:82%;}
    .yjybwz h1{margin: 0;font-size: 1.4rem;font-weight: bold;color: #fff;line-height:3rem;}
    .yjybwz article{font-size: 0.9rem;line-height: 1.4rem;color: #fff;}
        /*首页pps*/
    .ppsjs{margin: 50px auto;overflow:hidden;}
    .zbms{width:46%;float: left;}
    .zbms h1{margin: 0;font-size: 1.6rem;color: #333;line-height:2.4rem;font-weight: 500;margin-top: 30px;}
    .zbms article{margin: 20px auto;font-size: 1rem;line-height: 2rem;color: #666;}
    .wdlb{width: 100%;overflow:hidden;margin: 30px auto;}
    .wdlb ul{display: flex;justify-content: space-between;gap: 0 20px;align-items: center}
    .wdlb ul h2{font-size: 2rem;font-weight: 700;color: #297dba;text-align: center;}
    .wdlb ul h2 .ssd{font-size: 1.2rem;font-weight: lighter;}
    .wdlb ul .wdwz{font-size: 1rem;line-height: 2rem;color: #666;}
    .ybpst{width:45%;float: right;}
    /*当前位置*/
    .dq{width: 100%;background: #f7f8fa;}
    .wz{font-size: 1rem;line-height: 3.6rem;color: #758693;}
    .wz a{color: #758693;}
    /*产品列表*/
    .gynkk{margin: 50px auto;}
    .cpwzkk h1{margin: 0;font-size:2rem;line-height:4rem;color: #334a53;font-weight: bold;}
    .cplbwz{font-size: 1rem;line-height: 3.6rem;color: #758693;}
    .cplbdk{width: 100%;background: #f7f8fa;padding:80px 0;}
    .cplbdk .lbnkk ul{display: grid;grid-template-columns: repeat(4, 23%);
        gap: 30px 2%;
        align-items: stretch;}
    .cplbdk .cptp1 img{width: 100%;aspect-ratio:4 / 3;}
    .cplbdk .cpwzk h2{font-size: 1.2rem;color:#334a53;line-height: 2.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .cplbdk .cplbd li{margin-bottom: 20px;}
    .cplbdk .cpwzk article{font-size: 0.9rem;line-height: 1.4rem;margin-top: 0;}
    .cplbdk .cptopk:nth-child(even) .djgdan{background: #2ea2d3;}
    .ymkk{margin-top: 50px !important;}
    /*产品详情*/
    .cpxqkk{margin:70px auto !important;overflow: hidden;}
    .cptpn{width: 42%;float: left;}
    .cptpn .swiper-slide a{border: 1px solid #e6e6e6;display: block;overflow: hidden;}
    .cpxwkk .mySwiper{margin: 20px auto;}
    .xmtsj{width:90%;margin: 0 auto;}
    .cptpn .swiper-button-next{background: url("../images/xqyjt.png") no-repeat right center;}
    .cptpn .swiper-button-prev{background: url("../images/xqzjt.png") no-repeat left center;}
    .xmxcp{margin-top: 20px;}
    /*右边产品描述*/
    .ybcpms{width:50%;float: right;}
    .cpxqbt{font-size: 1.6rem;line-height: 1.8rem;color: #334a53;font-weight: bold;text-transform: uppercase;padding: 15px 0;}
    .cpmsf{margin: 20px auto;font-size: 1.1rem;line-height: 2rem;color: #666;padding:30px 0;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
    .lganxq{width: 100%;overflow: hidden;margin-top: 50px;}
    .lganxq a{width: 34%;float: left;margin-right: 4%;background: linear-gradient(to right,#297dba,#3fb0e3);text-align: center;line-height:54px;border-radius: 5px;color: #fff;border: 1px solid #297dba;}
    .lganxq a:nth-child(2){background: #fff;color: #297dba;}
    .cpxqdk{width: 100%;background:#f7f8fa;padding-bottom: 60px; }
    .xqbtt{font-size:1.8rem;line-height:6rem;color: #2c84c0;font-weight: bold;text-transform: uppercase;padding: 0;}
    .cpmswd{font-size: 1rem;line-height: 2rem;color: #666;padding: 30px 0 50px 0;}
    .cpxqdk .swiper-button-prev{background: url("../images/zjt.png") no-repeat center center;height: 68px;width: 68px;left: 0;}
    .cpxqdk .swiper-button-next{background: url("../images/yjt.png") no-repeat center center;height: 68px;width: 68px;right: 0;}
    /*技术详情框*/
    .jsxqkk{margin: 70px auto;}
    .jsxqbt h1{font-size:2rem;line-height:2rem;color: #334a53;font-weight: bold;margin: 40px auto;}
    .jsxqwz{font-size: 1rem;line-height: 1.6rem;color: #758693;}
    /*新闻列表*/
    .xwlbnk{margin: 70px auto;overflow: hidden;}
    .xwlbnk ul li{margin: 60px auto;}
    .xwlbnk ul li a{display: flex;justify-content:space-between;align-items: center;}
    .xwtpk{width: 34%;border-radius: 10px;overflow: hidden;}
    .xwtpk img{transition: all ease .5s;}
    .xwwzlb{width: 62%;transition: all ease .5s;}
    .xwwzlb h1{margin: 0;font-size: 1.8rem;line-height: 2rem;color: #243a41;font-weight: bold;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;}
    .xwwzlb article{margin:30px auto;font-size: 1rem;line-height: 1.6rem;color: #666;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .sjd{font-size: 2.4rem;color: #243a41;font-weight: bold;position: relative}
    .sjd:after{position: absolute;content: '';width: 20px;height: 1px;background: #333;left: 0;bottom: 0;}
    .xwsj .sjx{font-size: 1rem;line-height: 2rem;color: #777;}
    .xwlbnk ul li a:hover .xwwzlb{padding-left: 15px;}
    .xwlbnk ul li a:hover .xwtpk img{transform: scale(1.1)}
    .xwlbnk ul li a:hover .xwwzlb h1{color: #297dba;}
    .ymkk1{margin: 70px auto !important}
    /*新闻详情*/
    .xwfbsj{font-size: 1rem;line-height: 3rem;color: #777;border-bottom: 1px solid #e6e6e6;margin-bottom: 30px;position: relative;}
    .xwfbsj:after{position: absolute;content: '';width: 60px;height: 2px;background: #297dba;left: 0;bottom:-1px;}
    .sxp{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 0 30px;margin:70px auto;}
    .sypz{background: url("../images/zjt1.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/yjt1.png") no-repeat right center;padding-right: 20px;border-left: 1px solid #e6e6e6;}
    /*联系我们*/
    /*联系表单*/
    .lxbdkk{max-width: 1100px;margin: 20px auto !important;padding: 0 10px !important;}
    .lxbdkk input::placeholder,.lxbdkk textarea::placeholder{font-size: 1rem;}
    .lxbdbt h1{margin: 0;font-size:1.6rem;font-weight: 700;
        color: #0d4e95;
        line-height:3rem;text-align: center;}
    .lxbdbt article{font-size: 1.1rem;line-height:2rem;color: #555;text-align: center;}
    .lxbdnk{margin:60px auto 80px;overflow: hidden;}
    .dnhkk{width: 48%;background: #fff;border: 1px solid #bdbdbd;border-radius:5px;padding: 0 10px;display: flex;justify-content: flex-start;margin-bottom: 20px;float: left;margin-right: 2%;}
    .dnhkk1{width: 98%;background: #fff;border: 1px solid #bdbdbd;border-radius:5px;padding: 0 10px;display: flex;flex-direction: column;margin-bottom: 20px;}
    .bdxmm{width:15%;font-size: 1rem;color: #333;line-height: 50px;}
    .bdxmm1{width: 25%;font-size: 1rem;color: #333;line-height: 50px;}
    .bdxmm .hsbt, .bdxmm1 .hsbt{color: #ed0000;}
    .lxsrk{width: 85%;border: none;outline: none;height: 50px;font-size: 1.1rem;line-height: 50px;}
    .lxsrk1{width:100%;border: none;outline: none;min-height: 120px;font-size: 1.1rem;line-height: 50px;}
    .lxsrk2{width: 50%;border: none;outline: none;height: 50px;font-size: 1.1rem;line-height: 50px;}
    .yzmktp img{margin-top: 8px;}
    .jttjan{width: 48%;margin:30px auto;float: left;color: #fff}
    .jttjan a{width:100%;display: block;background:linear-gradient(to right,#2a7fbc,#39a4d9);border-radius: 5px;font-size: 1.1rem;color: #fff;text-align: center;line-height: 3.5rem;color: #fff}
    /*搜索结果*/
    .ssjklb{margin: 50px auto;}
    .ssjklb li a{font-size: 1.1rem;line-height: 4rem;color: #555;}
    .ssjklb li{border-bottom: 1px dashed #e6e6e6;}
}
.pagekk{margin: 30px auto !important}
.nybanner img,.abcontent img,.xwxqms img{display: block;
    width: 100%;
    height: auto;}

@media (min-width: 1700px) {
    .dtwzbg h1{margin: 0;font-size: 2rem;color: #fff;font-weight: lighter;text-transform: uppercase;width: 100%;text-align: right;line-height: 4rem;}
    .dtwzbg h2{margin: 0;font-size: 2.8rem;color: #fff;font-weight: 700;text-transform: uppercase;width: 100%;text-align: right;line-height: 4rem;justify-content: center;}
    .dtmswz{font-size: 1.2rem;color: #f3fbff;margin: 2rem auto;padding-right:70px;padding-left: 15%;line-height: 2rem;}
    .wlan{padding-right:70px;padding-left: 15%;}
}
@media (max-width: 1500px) {.gyxw{width: 100%;position: relative;z-index: 200}
    .sygyk{margin-top: 40px;}
}

@media (max-width: 1024px) {
    .dtwzbg h1{margin: 0;font-size: 1.2rem;color: #fff;font-weight: lighter;text-transform: uppercase;width: 100%;text-align: right;line-height: 2rem;}
    .dtwzbg h2{margin: 0;font-size: 1.4rem;color: #fff;font-weight: 700;text-transform: uppercase;width: 100%;text-align: right;line-height: 3rem;justify-content: center;}
    .dtmswz{font-size: 0.8rem;line-height: 1.1rem;margin: 1rem auto}
    .wlan a{padding: 15px 20px;}
    .dtwzbg{margin-top: 0;}

    .navbar-nav{font-size: 1rem;
        display: flex;justify-content: space-between;}
    .navbar-nav  li{width: 100%;text-align: center}
    .indbg .container-xxl{padding: 0}
    .indbg{width: 100%;background: rgba(255,255,255);display: flex}
    .indbg.xz{background:rgba(255,255,255)}
    .indbg.xz .topnav{background: #fff}
    .navbar-toggler{padding-right: 1.5rem}
    .logo{width: 75%;height: auto;margin-left: 1rem}

}
@media (max-width: 767.98px) {
    /*联系表单*/
    .lxbdkk{max-width: 1100px;margin: 70px auto;}
    .lxbdbt h1{margin: 0;font-size: 2rem;font-weight: 700;
        color: #0d4e95;
        line-height: 5rem;text-align: center;}
    .lxbdbt article{font-size: 1.1rem;line-height:2rem;color: #555;text-align: center;}
    .lxbdnk{margin: 50px auto;padding: 0 10px;}
    .dnhkk{width: 100%;background: #fff;border: 1px solid #bdbdbd;border-radius:5px;padding: 0 15px;display: flex;justify-content: flex-start;margin-bottom: 20px;}
    .dnhkk1{width: 100%;background: #fff;border: 1px solid #bdbdbd;border-radius:5px;padding: 0 10px;display: flex;flex-direction: column;margin-bottom: 20px;}
    .bdxmm{width:25%;font-size: 1.1rem;color: #333;line-height: 50px;}
    .bdxmm1{width: 36%;font-size: 1rem;color: #333;line-height: 50px;}
    .bdxmm .hsbt{color: #ed0000;}
    .lxsrk{width: 70%;border: none;outline: none;height: 50px;font-size: 1.1rem;line-height: 50px;}
    .lxsrk1{width: 100%;border: none;outline: none;min-height: 120px;font-size: 1.1rem;line-height: 50px;}
    .lxsrk2{width: 30%;border: none;outline: none;height: 50px;font-size: 1.1rem;line-height: 50px;}
    .yzmktp{width: 30%;}
    .yzmktp img{margin-top: 8px;}
    .jttjan{width: 320px;margin:20px 0;color: #fff;}
    .jttjan a{width:100%;display: block;background: #0d4e95;border-radius: 5px;font-size: 1.1rem;color: #fff;text-align: center;line-height: 3.5rem;}
    /*新闻详情*/
    .xwfbsj{font-size: 1rem;line-height: 3rem;color: #777;border-bottom: 1px solid #e6e6e6;margin-bottom: 20px;position: relative;padding: 0 10px;}
    .xwfbsj:after{position: absolute;content: '';width: 60px;height: 2px;background: #297dba;left: 10px;bottom:-1px;}
    .sxp{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 0 30px;margin:30px auto;}
    .sypz{background: url("../images/zjt1.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/yjt1.png") no-repeat right center;padding-right: 20px;border-left: 1px solid #e6e6e6;}
    /*新闻列表*/
    .xwlbnk{margin:20px auto !important;overflow: hidden;padding: 10px !important}
    .xwlbnk ul li{margin-bottom:30px;}
    .xwlbnk ul li a{display: block;overflow: hidden;}
    .xwtpk{width: 100%;border-radius: 10px;overflow: hidden;}
    .xwtpk img{transition: all ease .5s;}
    .xwwzlb{width: 100%;transition: all ease .5s;}
    .xwwzlb h1{margin: 0;font-size: 1.4rem;line-height:3rem;color: #243a41;font-weight: bold;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;}
    .xwwzlb article{margin:0px auto;font-size: 1rem;line-height: 1.6rem;color: #666;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .sjd{font-size: 2.4rem;color: #243a41;font-weight: bold;position: relative}
    .sjd:after{position: absolute;content: '';width: 20px;height: 1px;background: #333;left: 0;bottom: 0;}
    .xwsj .sjx{font-size: 1rem;line-height: 2rem;color: #777;}
    .xwlbnk ul li a:hover .xwwzlb{padding-left: 15px;}
    .xwlbnk ul li a:hover .xwtpk img{transform: scale(1.1)}
    .xwlbnk ul li a:hover .xwwzlb h1{color: #297dba;}
    .ymkk1{margin: 30px auto !important}
    /*技术详情框*/
    .jsxqkk{margin: 40px auto !important;}
    .jsxqbt h1{font-size:1.4rem;line-height:1.6rem;color: #334a53;font-weight: bold;margin:20px auto;padding: 10px;}
    .jsxqwz{font-size: 1rem;line-height: 1.8rem;color: #758693;padding: 10px;}
    /*产品详情*/
    .cpxqkk{margin:20px auto !important;overflow: hidden;padding: 10px;}
    .cptpn{width: 100%;padding: 10px;}
    .cptpn .swiper-slide a{border: 1px solid #e6e6e6;display: block;overflow: hidden;}
    .cpxwkk .mySwiper{margin: 20px auto;}
    .xmtsj{width:90%;margin: 0 auto;}
    .cptpn .swiper-button-next{background: url("../images/xqyjt.png") no-repeat right center;}
    .cptpn .swiper-button-prev{background: url("../images/xqzjt.png") no-repeat left center;}
    .xmxcp{margin-top: 20px;}
    /*右边产品描述*/
    .ybcpms{width:100%;padding: 10px;}
    .cpxqbt{font-size: 1.4rem;line-height: 1.8rem;color: #334a53;font-weight: bold;text-transform: uppercase;padding: 15px 0;}
    .cpmsf{margin: 20px auto;font-size: 1.1rem;line-height: 2rem;color: #666;padding:30px 0;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
    .lganxq{width: 100%;overflow: hidden;margin-top:20px;}
    .lganxq a{width: 48%;float: left;margin-right:1%;background: linear-gradient(to right,#297dba,#3fb0e3);text-align: center;line-height:54px;border-radius: 5px;color: #fff;border: 1px solid #297dba;}
    .lganxq a:nth-child(2){background: #fff;color: #297dba;}
    .cpxqdk{width: 100%;background:#f7f8fa;padding: 30px 10px;}
    .xqbtt{font-size:1.8rem;line-height:6rem;color: #2c84c0;font-weight: bold;text-transform: uppercase}
    .cpmswd{font-size: 1rem;line-height: 2rem;color: #666;padding:10px 0 50px 0;}
    .cpxqdk .swiper-button-prev{background: url("../images/zjt.png") no-repeat center center;height: 68px;width: 68px;left: 0;}
    .cpxqdk .swiper-button-next{background: url("../images/yjt.png") no-repeat center center;height: 68px;width: 68px;right: 0;}
    /*当前位置*/
    .dq{width: 100%;background: #f7f8fa;}
    .wz{font-size: 1rem;line-height: 2.6rem;color: #758693;}
    .wz a{color: #758693;}
    /*产品列表*/
    .gynkk{margin:20px auto;padding: 10px !important}
    .cpwzkk h1{margin: 0;font-size:1.4rem;line-height:2rem;color: #334a53;font-weight: bold;}
    .cplbwz{font-size: 1rem;line-height: 1.4rem;color: #758693;margin-top: 15px;}
    .cplbdk{width: 100%;background: #f7f8fa;padding:40px 10px;}
    .cplbdk .lbnkk ul{display: grid;grid-template-columns: repeat(2, 48%);
        gap: 30px 2%;
        align-items: stretch;}
    .cplbdk .cptp1 img{width: 100%;aspect-ratio:4 / 3;}
    .cplbdk .cpwzk h2{font-size: 1.2rem;color:#334a53;line-height: 2.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .cplbdk .cplbd li{margin-bottom: 20px;}
    .cplbdk .cpwzk article{font-size: 0.9rem;line-height: 1.4rem;margin-top: 0;}
    .cplbdk .cptopk:nth-child(even) .djgdan{background: #2ea2d3;}
    .ymkk{margin-top: 50px !important;}
    /*公司简介*/
    .gynkk{margin:20px auto;overflow:hidden;}
    .jjwzkk{margin: 20px auto;width: 100%;padding: 10px;}
    .jjwzkk h1{margin: 0;font-size:1.6rem;line-height:3rem;color: #010101;font-weight: bold;}
    .jjwzkk article{font-size: 0.9rem;line-height:1.6rem;color: #6c757b;float: left;margin-top: 20px;}
    .qyyjkk{background: #f7f8fa;padding:30px 10px;}
    .gsnyt{width: 100%;}
    .yjbt{font-size:1.6rem;line-height:3rem;color: #010101;font-weight: bold;}
    .yjkk{margin: 20px auto;overflow:hidden;}
    .yjkk ul{display: flex;justify-content: space-between;gap:10px 0px;flex-wrap: wrap}
    .yjkk ul li{background:linear-gradient(to right,#297dba,#3fb1e4);;padding:20px 10px;border-radius: 10px;display: flex;justify-content: flex-start;gap:10px 0;align-items: center;;flex-wrap: wrap}
    .yjzbt{width:100%;}
    .yjzbt img{display: block;margin: 0 auto;}
    .yjybwz{width:100%;text-align: center;}
    .yjybwz h1{margin: 0;font-size: 1.4rem;font-weight: bold;color: #fff;line-height:3rem;}
    .yjybwz article{font-size: 0.9rem;line-height: 1.4rem;color: #fff;}
    /*首页pps*/
    .ppsjs{margin:20px auto;overflow:hidden;}
    .zbms{width:100%;}
    .zbms h1{margin: 0;font-size: 1.4rem;color: #333;line-height:1.8rem;font-weight: 500;margin-top: 10px;}
    .zbms article{margin: 20px auto;font-size: 1rem;line-height: 2rem;color: #666;}
    .wdlb{width: 100%;overflow:hidden;margin: 30px auto;}
    .wdlb ul{display: flex;justify-content: space-between;gap: 0 20px;align-items: center}
    .wdlb ul h2{font-size: 2rem;font-weight: 700;color: #297dba;text-align: center;}
    .wdlb ul h2 .ssd{font-size: 1.2rem;font-weight: lighter;}
    .wdlb ul .wdwz{font-size: 1rem;line-height: 1.4rem;color: #666;}
    .ybpst{width:100%;margin-bottom: 15px;}
    /*footer*/
    .footer{background:#2b83bf;padding:30px 10px;}
    .end{overflow: hidden;}
    .cata{display: none}
   .contc h1{margin: 0;font-size: 1.6rem;line-height: 4rem;color: #fff;font-weight: bold;text-transform: uppercase;position: relative;margin-bottom: 20px;}
   .contc h1:after{position: absolute;bottom: 0;left: 0;content: '';width:30px;height: 4px;border-radius: 5px;background: #fff;}

    .contc{width: 100%;margin-bottom: 20px;}
    .contc article{font-size: 1rem;line-height:2.4rem;color: #d4d4d4;}
    .dbss{width: 100%;}
    .dhyj{margin:20px auto;border-radius: 5px;border: 1px solid #d4d4d4;padding: 10px;width: 80%;float: left;}
    .dhyj a{;font-size: 1rem;color: #d4d4d4;gap: 0 20px;padding-left:20px;}
    .dbwl{width: 100%;display: flex;justify-content:flex-start;margin-top: 15px;gap: 0 20px;}
    .bqxx{display: none;}
    /*news*/
    .newsdk{background: #f5f5f5;padding:30px 10px;}
    .xwdk{margin:20px auto !important;overflow: hidden;}
    .xwleft{width: 100%;padding: 0;margin-top:10px;}
    .xwwz{background: #fff;border-radius: 8px;padding: 10px 10px;border-left:4px solid #297dba;margin-bottom:20px;box-shadow: 5px 5px 10px #e6e6e6;}

    .xwwz:nth-child(even){border-left:4px solid #f89502;}
    .xwwz h1{margin:0 ;font-size:1rem;line-height: 3rem;color: #297dba}
    .xwwz h1 .sjd{font-size: 2rem;font-weight: bold;}
    .xwwz h2{margin: 0;font-size: 1.2rem;line-height:2rem;color: #333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .xwwz article{font-size: 1rem;line-height: 2rem;color: #555;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .xwgdk{width:100%;background:linear-gradient(to right,#297dba,#3fb1e4);font-size: 1rem;line-height: 50px;border-radius: 5px;text-align: center;color: #fff;margin-top:20px;}
    .xwgdk a{color: #fff;display: block;width: 100%;}
    .xwrightt{display: none;}
    /*首页产品*/
    .syprok{width: 100%;background:linear-gradient(to bottom,#297dba,#3fb1e4);padding:20px 10px;}
    .prosyt{overflow: hidden;}
    .prosyt a{font-size: 1.1rem;color: #fff;padding: 10px 10px;border-radius:5px;border: 1px solid #fff;float: left;}
    .sycpt h1{font-size: 2rem;color: #fff;font-weight: bold;line-height: 3rem;text-transform: uppercase}
    .sycpt article{margin:10px auto;font-size: 1rem;line-height: 1.8rem;color:#f6fcff;}
    .sycpgd{margin: 30px auto !important;}
    .cptopk a{display: block;background: #fff;border-radius: 5px;overflow: hidden;}
    .cpwzk{padding: 15px;}
    .cpwzk h1{font-size: 1.2rem;color: #2a7ebb;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .cpwzk article{font-size: 1rem;color: #555;line-height: 1.8rem;margin: 15px auto;overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .djgdan{width: 100%;border-radius: 5px;background: #2ea2d3;font-size: 1rem;line-height: 50px;color: #fff;text-align:center;}
    .cptopk:nth-child(even)  .djgdan{background: #ff9900}
    .xmtsj{width:100%;margin: 0 auto;overflow: hidden;}
    /*why*/
    .whykk{margin:20px auto !important;overflow: hidden;padding: 10px !important;}
    .wlbk{margin:20px auto;overflow: hidden;}
    .whybt h1{font-size: 2rem;color: #2a85be;font-weight: bold;line-height: 2rem;}
    .whybt article{margin:10px auto;font-size: 1rem;line-height: 1.8rem;color: #333;}
    .wlbxk{ width:100%;background: #fff;border: 1px solid #e6e6e6;border-left: 6px solid #2a7fbc;border-radius: 10px;padding: 10px 10px 0px 0;margin-bottom: 15px; }
    .wlbxk:nth-child(2),.wlbxk:nth-child(4){border-left: 6px solid #ff9900;}
    .whxbt{width: 98%;background:linear-gradient(to right,#297dba,#3fb1e4);;border-bottom-right-radius: 50px;border-top-right-radius: 50px;padding: 0 10px 0 10px;font-size: 1.4rem;font-weight: bold;color: #fff;line-height: 50px; }
    .whwzk{width: 100%;padding:20px 5px;display: flex;justify-content: flex-start;align-items: center;gap: 0 15px;}
    .wzhtp{width: 24%;}
    .wzhwz{width:76%;font-size: 0.9rem;line-height: 1.8rem;color: #333;}
    /*首页简介*/
    .syjjk{width: 100%;background:#f5f5f5;padding: 30px 0;overflow:hidden;}
    .ycsylxwz{width:100%;padding: 10px;}
    .ycsylxwz h1{font-size: 2rem;color: #2a85be;font-weight: bold;line-height:2rem;}
    .ycsylxwz article{margin:20px auto;font-size: 1rem;line-height: 1.8rem;color: #333;}
    .sygyk{overflow: hidden;margin-top: 70px;}
    .gyxw{width: 100%;background: linear-gradient(to right,#297dba,#3fb1e4);padding: 30px 0 30px 10px;float: right;border-top-left-radius: 5px;border-bottom-left-radius: 5px;display: flex;justify-content: flex-start;gap: 0 10px;}
    .gywzgd h1{margin: 0;font-size: 1.2rem;line-height:2rem;color: #fff;font-weight: bold;text-transform: uppercase;}
    .gywzgd a{width: 200px;line-height: 46px;border: 1px solid #9fc0cf;border-radius: 5px;font-size: 1rem;text-align: center;color: #fff;display: block;margin-top:15px;}
    .gywzgd a:hover{background: #fff;color: #297dba;border: 1px solid #fff;}
    /*why*/
    .whykk{margin: 60px auto;overflow: hidden;}
    /*首页电话搜索*/
    .syssdk{width: 100%;background: #e3e3e3;padding: 30px 0;}
    .syss{background: linear-gradient(to right,#297dba,#3fb1e4);border-radius: 5px;display: flex;justify-content:space-between;align-items: center;padding: 15px !important;}
    .ssleft{display: none;}
    .ssright{width: 100%;overflow:hidden;}
    .ssright input{width: 75%;float: left;background: #fff;border: none;outline: none;border-top-left-radius: 5px;border-bottom-left-radius: 5px;line-height:42px;height: 42px;padding-left: 15px;}
    .ssright button{border: none;background: #ff9900;height: 42px;line-height: 42px;text-align: center;font-size: 1.1rem;color: #fff;text-transform: uppercase;width:25%;float: right;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}

    .bandt{width: 100%;position: relative;}
    .dtwzk{position: absolute;z-index: 10;width:90%;display: flex;top: 0;left: 0;height: 100%;flex-shrink: 0;flex-direction: column }
    .dtwzbg{background: url("../images/dtbg.png") no-repeat right center;height:74px;margin-top:8%;display: flex;align-items: center;flex-direction: column;padding-right:50px;justify-content: center;}
    .dtwzbg h1{margin: 0;font-size: 1rem;color: #fff;font-weight: lighter;text-transform: uppercase;width: 100%;text-align: right;line-height:2rem;}
    .dtwzbg h2{margin: 0;font-size: 1.2rem;color: #fff;font-weight: 700;text-transform: uppercase;width: 100%;text-align: right;line-height:2rem;justify-content: center;}
    .dtmswz{display: none;}
    .wlan{width: 100%;display: flex;justify-content: flex-start;gap: 0 20px;padding-left: 15px;margin-top: 5px;}
    .wlan a{background: #fff;border-radius: 5px;padding: 10px 15px;color: #1b3c68;transition: all ease .3s;font-size: 0.9rem}

    .wlan a:nth-child(2){background: no-repeat;border: 1px solid #fff;color: #fff}
/*导航搜索*/
.ssk{display: none;}
    ..dhgd{display: none;}

    .container-box{max-width: 1600px;margin:0 auto; --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .title{font-size: 1.4rem;line-height: 1.5rem;text-align: center;margin:1.5rem auto;font-weight: 700}
    .navbar-expand-lg{padding-right: 1rem}
    .navbar-toggler{margin-right: 1rem}
    .navbar-collapse{background: #fafafa;padding: 1rem 0}
    .navbar-nav{align-items: center;text-align: center}
    .navbar-nav  li{width: 100%}
    .nav-item {border-bottom: solid 1px #eee;font-size:.9rem}
    .logo{max-width:100%;height: auto;float: left;margin-left: 1rem}
    /*.indbg  .navbar-collapse{background: #fafafa;padding: .8rem 0;margin: 0 -1rem}*/


}

/*页码*/
.list-page {
    text-align: center;
    width: 98%;
    margin: 0 auto 1rem;display: flex;justify-content: center;
}

.pagination a {

    color: #0b112a !important
}

.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: #2ea2d3 !important;
    border-color: #2ea2d3 !important;
}

/*顶部*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(230, 0, 18, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border-radius: 5px;
    z-index: 28;
    background: rgba(230, 0, 18) url(../images/cd-top-arrow.svg) no-repeat center 50%;

    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .8;
}
.no-touch .cd-top:hover {
    background-color:#06C;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 55px;
        width: 55px;
        right: 30px;
        bottom: 30px;
        border-radius: 10px;
    }
}
