/* 核心功能：全站基础布局与组件样式，含移动端页脚与导航适配 */
*{ margin:0; padding: 0;outline: none;box-sizing: border-box; }
ul,li{ list-style: none; }
i,em{ font-style: normal; }
.pic{ display: flex; justify-content: center; align-items: center; overflow: hidden;}
.pic img{ width: 100%;  transition: 0.5s; }
.pic:hover img{ transform: scale(1.1); }
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:70%;max-height:70%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

.row:after,.row:before{content:"";display:block;clear:both}
.lg1,.lg10,.lg11,.lg12,.lg2,.lg3,.lg4,.lg5,.lg6,.lg7,.lg8,.lg9,.md1,.md10,.md11,.md12,.md2,.md3,.md4,.md5,.md6,.md7,.md8,.md9,.sm1,.sm10,.sm11,.sm12,.sm2,.sm3,.sm4,.sm5,.sm6,.sm7,.sm8,.sm9,.xs1,.xs10,.xs11,.xs12,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9{position:relative;display:block;box-sizing:border-box}
.xs1,.xs10,.xs11,.xs12,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9{float:left}
.xs1{width:8.33333333%}
.xs2{width:16.66666667%}
.xs3{width:25%}
.xs4{width:33.33333333%}
.xs5{width:41.66666667%}
.xs6{width:50%}
.xs7{width:58.33333333%}
.xs8{width:66.66666667%}
.xs9{width:75%}
.xs10{width:83.33333333%}
.xs11{width:91.66666667%}
.xs12{width:100%}
.xs-offset1{margin-left:8.33333333%}
.xs-offset2{margin-left:16.66666667%}
.xs-offset3{margin-left:25%}
.xs-offset4{margin-left:33.33333333%}
.xs-offset5{margin-left:41.66666667%}
.xs-offset6{margin-left:50%}
.xs-offset7{margin-left:58.33333333%}
.xs-offset8{margin-left:66.66666667%}
.xs-offset9{margin-left:75%}
.xs-offset10{margin-left:83.33333333%}
.xs-offset11{margin-left:91.66666667%}
.xs-offset12{margin-left:100%}
.mobile-menu {
    display: none;
}
.mobile-toggle {
    display: none;   
    padding: 10px;
    font-size: 16px;
     color: #5b9bf3;
}
.sermenu{ display: none; }
.sermenu a{ margin-left: 10px; font-size: 16px; color: #5b9bf3; display: block;}
.sermenu i{ margin-right: 4px; }
.footer-fix {
    display: none;
}
@media screen and (max-width:768px){
    .container {
        padding: 0 15px;
    }
    .section-sub {
        background-color: #fff;
    }
    .xs1{width:8.33333333% !important;}
    .xs2{width:16.66666667% !important;}
    .xs3{width:25% !important;}
    .xs4{width:33.33333333% !important;}
    .xs5{width:41.66666667% !important;}
    .xs6{width:50% !important;}
    .xs7{width:58.33333333% !important;}
    .xs8{width:66.66666667% !important;}
    .xs9{width:75% !important;}
    .xs10{width:83.33333333% !important;}
    .xs11{width:91.66666667% !important;}
    .xs12{width:100% !important;}
    .sermenu{ display: flex; }
    .hide-xs{display:none!important}
    .show-xs-block{display:block!important}
    .show-xs-inline{display:inline!important}
    .show-xs-inline-block{display:inline-block!important}
    .mobile-toggle {
        display: block;
    }
    .mobile-menu {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .header-con {
        padding: 0 15px;
    }
    .header-con .logo img {
        height: 32px;
    }
    .sertel {
        display: none;
        flex-direction: column;
        position: absolute;
        left: 0;
        right: 0;
        top: 66px;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
        padding: 16px;
        background-color: #fff;
    }
    .sertel.active {
        display: flex;
        gap: 16px;
    }
    .sertel .search {
        display: block;
        margin-right: 0;
    }
    .sertel .tel {
        display: flex;
    }
    .nav {
        display: none;
        position: absolute;
        top: 66px;
        background: #fff;
        left: 0;
        right: 0;
        flex-direction: column;
        /* display: flex; */
        height: auto;
        max-height: calc(100vh - 66px);
        overflow-y: auto;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    }
    .nav.active {
        display: flex;
    }
    .nav li a {
        color: #86909c;
    }
    .nav li.active>a:before {
        display: none;
    }
    .sub-nav2 > li {
        width: auto;
    }
    .sub-nav2,.sub-nav3 {
        position: relative;
        left: 0;
    }
    .sub-nav3.has-many-items {
        width: auto;
    }
    .sub-nav3.has-more-items {
        columns: 2;
        width: auto;
    }
    .sub-nav2 > li:hover > .sub-nav3 {
        margin-top: 5px;
    }
    .section {
        padding: 50px 0;
    }

    .banner {
        text-align: center;
    }
    .banner .swiper-slide {
        height: 300px;
    }
    .banner .swiper-button-prev {
        left: 10px;
    }
    .banner .swiper-button-next {
        right: 10px;
    }
    .banner h2 {
        font-size: 24px;
    }
    .banner h3 {
        font-size: 14px;
    }
    .banner .btns a {
        line-height: 38px;
        font-size: inherit;
    }

    .in-lanmu li a {
        padding: 0;
        box-shadow: none;
    }
    .in-lanmu li .text {
        font-size: inherit;
    }
    .pic img {
        object-fit: contain;
    }
    .in-lanmu li .pic img {
        height: 80px;
    }
    .in-search {
        padding: 24px 15px;
    }
    .in-pro-con li .pic {
        height: 140px;
    }
    .in-pro-con li a {
        margin: 0 0 15px 15px;
    }
    .in-pro-con li .text {
        font-size: 12px;
        padding: 10px;
        height: auto;
    }
    .in-pro-con li .text h2 {
        font-size: 16px;
    }
    .in-pro-con li .text .canshu {
        display: none;
    }
    .quanbu dl {
        height: 250px;
    }
    .quanbu dl dd {
        height: 220px;
    }
    .quanbu dl dt {
        font-size: 18px;
    }
    .quanbu dl dd p {
        font-size: 14px;
    }
    .in-contact ul {
        flex-direction: column;
        gap: 10px;
    }
    .in-contact li .items {
        padding: 15px;
    }
    .in-about .img-center {
        display: none;
    }
    .in-about .text h2 {
        text-align: center;
    }
    .in-about .text li h3 {
        font-size: 20px;
    }
    .in-about .text li p {
        font-size: 12px;
    }
    .in-about .text li {
        margin-bottom: 20px;
    }
    .in-about .text .btns {
        margin-top: 10px;
        text-align: center;
    }
    .list-news-new li {
        margin-bottom: 15px;
        margin-left: auto;
    }
    .list-news-new li a {
        padding-bottom: 10px;
    }
    .list-news-new li:nth-child(n+6) {
        display: none;
    }
    .links-con {
        width: auto;
    }

    .banner-sub {
        height: auto;
        background-size: cover;
    }
    .banner-sub .text h2 {
        font-size: 24px;
    }
    .banner-sub .text p {
        font-size: 16px;
    }
    .banner-sub .pic {
        display: none;
    }
    .banner-sub .mask {
        padding: 15px;
        position: relative;
    }
    .main-container {
        position: relative;
    }
    .ct-sd {
        width: 100%;
        float: inherit;
    }
    .paned-sd .search {
        display: none;
    }
    .lanmu3 {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
        font-size: 0;
        position: initial;
    }
    .lanmu3::-webkit-scrollbar{ display: none;}
    .lanmu3 li {
        display: inline-block;
        position: initial;
    }
    .lanmu3>li>a {
        display: inline-block;
        padding: 0 20px;
        font-size: 14px;
        background: #f3f4f6;
        margin: 0 10px 0 0;
        line-height: 38px;
        border-radius: 19px;
    }
    .lanmu3>li.active>a {
        background: #5b9bf3;
        color: #FFF;
    }
    .lanmu3>li i {
        display: none;
    }
    .lanmu3 .submenu {
        position: absolute;
        top: 120px;
        left: -15px;
        right: -15px;
        z-index: 20;
        background-color: #fff;
        padding-left: 15px;
        padding-right: 15px;
        display: none !important;
        padding-bottom: 20px;
        border-bottom: 1px solid #f8f9fa;
    }
    .lanmu3 .submenu::before,.lanmu3 .submenu::after {
        display: none;
    }
    .parent-menu.mobile-active .submenu {
        display: grid !important;
        gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
    .lanmu3 li ul li a {
        padding: 10px 20px;
        background-color: #f8f9fa;
        border-radius: 20px;
        white-space: normal;
        line-height: 20px !important;
    }
    .paned-sd {
        border: none;
        box-shadow: none;
    }
    .paned-sd-tits {
        background-color: #fff !important;
    }
    .ct-mn {
        margin-left: 0;
    }
    .list-4 {
        padding: 7.5px;
    }
    .list-4 li {
        padding: 0 7.5px;
    }
    .list-4 li .pic {
        height: 120px;
    }
    .list-4 li .text {
        font-size: 12px;
    }
    .list-4 li .text .canshu {
        gap: 0;
    }
    .list-4 li .text h2 {
        font-size: 14px;
        font-weight: normal;
    }
    .list-4 .canshu .p-item .val {
        font-weight: normal;
    }
    .list-4 li .text .btns {
        line-height: 38px;
    }
    .pagination .page-total,.pagination .page-last {
        display: none;
    }
    .section-title3 {
        padding-bottom: 15px;
        font-size: 18px;
    }
    .list-faq dl dt {
        font-size: 15px;
        height: 40px;
    }
    .list-canshu{ overflow-x: scroll; }
    .list-canshu::-webkit-scrollbar{ display: none;}
    .list-canshu table{  min-width: 700px; border-collapse: collapse;  }
    .list-canshu table th{background-color: #fff; text-align: left; border-bottom: 1px solid #ddd; height: 50px; padding-left: 10px; padding-right: 10px; }
    .list-canshu table td{ background: #FFF; border-bottom: 1px solid #ddd; height: 50px; padding-left: 10px; padding-right: 10px; }

    .zixun {
        flex-direction: column;
    }
    .zixun .text h2 {
        font-size: 18px;
    }
    .zixun .text p {
        font-size: 14px;
    }
    .zixun a {
        flex: 0;
        margin-top: 20px;
        padding: 10px 20px;
    }

    .show-pro {
        box-shadow: none;
        border-radius: 0;
    }
    .show-pro-pic {
        width: auto;
        float: initial;
        padding: 0;
    }
    .pc-slide {
        width: 100%;
    }
    .view .swiper-slide .img-center {
        height: 300px;
        line-height: 300px;
    }
    .img-center img {
        max-width: 100%;
        width: 100%;
        max-height: 100%;
    }
    .show-pro-text {
        float: inherit;
        width: auto;
        padding: 15px 0;
    }
    .show-pro-text h1 {
        font-size: 20px;
    }
    .show-pro-text h2 {
        font-size: 14px;
    }
    .show-pro-text .canshu {
        gap: 5px 10px;
    }
    .show-pro-text .canshu .p-item {
        font-size: 14px;
        width: auto;
        font-weight: normal;
    }
    .show-pro-text .canshu .p-item .val {
        font-weight: normal;
    }
    .show-pro-text .canshu .core-params-tags span {
        font-size: 12px;
    }
    .show-pro-text .lxfs {
        gap: 15px;
    }
    .show-pro-text .lxfs li {
        flex: 1;
    }
    .show-pro-text .lxfs li a {
        width: 100%;
        margin: 0;
        font-size: 14px;
        white-space: nowrap;
    }
    .show-pro-text .fukuan {
        display: flex;
        align-items: center;
        color: #86909c;
        margin-top: 15px;
        flex-wrap: wrap;
        white-space: nowrap;
        padding: 10px 0;
    }
    .show-pro-text .fukuan p {
        flex: 0 0 45%;
        display: flex;
        align-items: center;
        height: 20px;
        font-size: 12px;
    }
    .show-pro-con {
        border-radius: 0;
        box-shadow: none;
    }
    .pro-menu li {
        flex: 1;
        text-align: center;
    }
    .pro-con .con h2 {
        font-size: 18px;
    }
    .pro-con .con .desc {
        font-size: 14px;
    }
    .pro-con .con .tedian p {
        font-size: 14px;
        display: flex;
        margin-bottom: 15px;
        height: auto;
    }
    .changjing li {
        margin-bottom: 15px;
    }
    .pro-con {
        padding: 20px 0;
    }
    .jishu i {
        white-space: nowrap;
    }
    .jishu p {
        margin-bottom: 10px;
        height: auto;
        gap: 10px;
        align-items: start;
        font-size: 12px;
    }
    .jishu p span {
        word-break: break-all;
    }
    .info-content-exp {
        flex-direction: column;
    }
    .xgcptj {
        box-shadow: none;
        border-radius: 0;
        padding: 0;
    }
    .xgcptj li a {
        margin-bottom: 15px;
    }
    .list-news-new li a {
        margin-left: 0;
        margin-bottom: 0;
    }
    .xgcptj li .pic {
        height: 130px;
    }
    .xgcptj li .text {
        font-size: 12px;
    }
    .xgcptj li .text h2 {
        font-size: 14px;
    }
    .xgcptj li .text .desc {
        height: auto;
    }
    .mobile-nav-toggle, .toc {
        display: none;
    }
    .content h1 {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .article-info p {
        color: #86909c;
        font-size: 13px;
    }
    .tag-item {
        margin-bottom: 0;
    }
    .content {
        padding: 0;
        margin: 0;
        box-shadow: none;
        width: calc(100vw - 30px);
    }
    .content table {
        font-size: 13px;
    }
    .content th, .content td {
        white-space: normal;
        word-break: break-all;
    }
    .info-content-body {
        font-size: 14px;
    }
    .content p {
        font-size: 14px;
    }
    .list-canshu-con p {
        height: auto;
        margin-bottom: 8px;
    }
    .about-banner {
        height: 360px;
    }
    .about-banner h1 {
        font-size: 28px;
    }
    .list-1 li a {
        padding: 15px 0;
    }
    .list-1 li .text h2 {
        font-size: 16px;
    }
    .list-1 li .pic {
        margin-right: 15px;
        flex: 0 0 120px;
        height: 82px;
    }
    .list-1 li .text .desc {
        display: none;
    }
    .list-1 li .text .date p:nth-child(2) {
        display: none;
    }
    .list-tuijian li a {
        margin-left: 0px;
    }
    .list-tuijian li .text h2 {
        font-size: 16px;
    }
    .list-video .swiper-button-next {
        right: 5px;
    }
    .list-pic .swiper-button-next, .list-tuijian-wrapper .swiper-button-next {
        right: 5px;
    }
    /* .tupian .swiper-slide img {
        height: auto;
    } */
    .peizhi li {
        width: 100% !important;
        height: auto;
    }
    .tupian .pic {
        height: 140px;
        object-fit: contain;
    }
    .tupian .text {
        font-size: 14px;
    }
    .tupian .text h2 {
        font-size: 16px;
    }
    .no-result-tip .lxfs {
        flex-direction: column;
        gap: 20px;
    }
    .footer {
        background: #f3f4f6;
        color: #4b5563;
        text-align: center;
        line-height: 1.5;
        padding-bottom: 73px;
        padding-top: 20px;
    }
    .footer a {
        color: #4b5563;
    }
    .footer-con {
        display: none;
    }

    /* 移动端免责声明：保持纯文本视觉，不加背景边框，弱化但清晰 */
    .shengming {
        max-width: 92%;
        margin: 6px auto 10px;
        padding: 0;
        color: #e5e7eb;
        font-size: 12px;
        line-height: 1.65;
        letter-spacing: .2px;
    }
    /* 移动端版权区：使用两行排版，第一行为版权，第二行为备案号 */
    .copyright {
        margin-top: 0;
        border-top: none;
        height: auto;
        display: block;
        padding: 2px 0 0;
    }
    .copyright p {
        margin: 0;
        color: #6b7280;
        font-size: 12px;
        line-height: 1.7;
    }
    .copyright .copyright-main {
        display: block;
        line-height: 1.8;
    }
    .copyright .copyright-main .copy-year,
    .copyright .copyright-main .copy-site,
    .copyright .copyright-main .copy-rights {
        display: inline;
    }
    .copyright .copyright-main .copy-year,
    .copyright .copyright-main .copy-site {
        margin-right: 4px;
    }
    .copyright .copyright-main .copy-icp {
        display: block;
        margin-top: 2px;
        /* 备案号按正文同色显示，不使用强调蓝色 */
        color: #6b7280;
        text-decoration: none;
    }
    .copyright .copyright-main .copy-icp:hover {
        color: #6b7280;
    }

    .copyright .sitemap {
        display: none;
    }
    /* 移动端微信复制提示：微信风格绿色，正中弹出 */
    .copy-toast {
        top: 50%;
        left: 50%;
        bottom: auto;
        transform: translate(-50%, -50%) scale(.96);
        width: calc(100% - 32px);
        max-width: 360px;
        padding: 12px 14px;
        border-radius: 10px;
        border: 1px solid rgba(7, 193, 96, 0.95);
        background: linear-gradient(135deg, #07c160, #06ad56);
        color: #ffffff;
        font-size: 13px;
        line-height: 1.55;
        letter-spacing: .2px;
        box-shadow: 0 10px 24px rgba(7, 193, 96, 0.34);
        text-align: center;
    }
    .copy-toast.active {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    .footer-fix{ display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; background: rgba(255,255,255,1); box-shadow: 0 0 5px rgba(0,0,0,0.1); }
    .footer-fix li a{ display: block; text-align: center; padding: 15px 0; color: #4b5563; }
    .footer-fix li i{ display: block; font-size: 18px; margin-bottom: 5px; }
    .footer-fix li.active a{ color: #3b82f6; }

}
@media screen and (min-width:768px){
.hide-sm{display:none!important}
.show-sm-block{display:block!important}
.show-sm-inline{display:inline!important}
.show-sm-inline-block{display:inline-block!important}
.sm1,.sm10,.sm11,.sm12,.sm2,.sm3,.sm4,.sm5,.sm6,.sm7,.sm8,.sm9{float:left}
.sm1{width:8.33333333%}
.sm2{width:16.66666667%}
.sm3{width:25%}
.sm4{width:33.33333333%}
.sm5{width:41.66666667%}
.sm6{width:50%}
.sm7{width:58.33333333%}
.sm8{width:66.66666667%}
.sm9{width:75%}
.sm10{width:83.33333333%}
.sm11{width:91.66666667%}
.sm12{width:100%}
.sm-offset1{margin-left:8.33333333%}
.sm-offset2{margin-left:16.66666667%}
.sm-offset3{margin-left:25%}
.sm-offset4{margin-left:33.33333333%}
.sm-offset5{margin-left:41.66666667%}
.sm-offset6{margin-left:50%}
.sm-offset7{margin-left:58.33333333%}
.sm-offset8{margin-left:66.66666667%}
.sm-offset9{margin-left:75%}
.sm-offset10{margin-left:83.33333333%}
.sm-offset11{margin-left:91.66666667%}
.sm-offset12{margin-left:100%}
}
@media screen and (min-width:992px){

.hide-md{display:none!important}
.show-md-block{display:block!important}
.show-md-inline{display:inline!important}
.show-md-inline-block{display:inline-block!important}
.md1,.md10,.md11,.md12,.md2,.md3,.md4,.md5,.md6,.md7,.md8,.md9{float:left}
.md1{width:8.33333333%}
.md2{width:16.66666667%}
.md3{width:25%}
.md4{width:33.33333333%}
.md5{width:41.66666667%}
.md6{width:50%}
.md7{width:58.33333333%}
.md8{width:66.66666667%}
.md9{width:75%}
.md10{width:83.33333333%}
.md11{width:91.66666667%}
.md12{width:100%}
.md-offset1{margin-left:8.33333333%}
.md-offset2{margin-left:16.66666667%}
.md-offset3{margin-left:25%}
.md-offset4{margin-left:33.33333333%}
.md-offset5{margin-left:41.66666667%}
.md-offset6{margin-left:50%}
.md-offset7{margin-left:58.33333333%}
.md-offset8{margin-left:66.66666667%}
.md-offset9{margin-left:75%}
.md-offset10{margin-left:83.33333333%}
.md-offset11{margin-left:91.66666667%}
.md-offset12{margin-left:100%}
}
@media screen and (min-width:1200px){

.hide-lg{display:none!important}
.show-lg-block{display:block!important}
.show-lg-inline{display:inline!important}
.show-lg-inline-block{display:inline-block!important}
.lg1,.lg10,.lg11,.lg12,.lg2,.lg3,.lg4,.lg5,.lg6,.lg7,.lg8,.lg9{float:left}
.lg1{width:8.33333333%}
.lg2{width:16.66666667%}
.lg3{width:25%}
.lg31{width:20%}
.lg4{width:33.33333333%}
.lg5{width:41.66666667%}
.lg6{width:50%}
.lg7{width:58.33333333%}
.lg8{width:66.66666667%}
.lg9{width:75%}
.lg10{width:83.33333333%}
.lg11{width:91.66666667%}
.lg12{width:100%}
.lg-offset1{margin-left:8.33333333%}
.lg-offset2{margin-left:16.66666667%}
.lg-offset3{margin-left:25%}
.lg-offset4{margin-left:33.33333333%}
.lg-offset5{margin-left:41.66666667%}
.lg-offset6{margin-left:50%}
.lg-offset7{margin-left:58.33333333%}
.lg-offset8{margin-left:66.66666667%}
.lg-offset9{margin-left:75%}
.lg-offset10{margin-left:83.33333333%}
.lg-offset11{margin-left:91.66666667%}
.lg-offset12{margin-left:100%}
}
.space1{margin:-.5px}
.space1>*{padding:.5px}
.space2{margin:-1px}
.space2>*{padding:1px}
.space4{margin:-2px}
.space4>*{padding:2px}
.space5{margin:-2.5px}
.space5>*{padding:2.5px}
.space6{margin:-3px}
.space6>*{padding:3px}
.space8{margin:-4px}
.space8>*{padding:4px}
.space10{margin:-5px}
.space10>*{padding:5px}
.space12{margin:-6px}
.space12>*{padding:6px}
.space14{margin:-7px}
.space14>*{padding:7px}
.space15{margin:-7.5px}
.space15>*{padding:7.5px}
.space16{margin:-8px}
.space16>*{padding:8px}
.space18{margin:-9px}
.space18>*{padding:9px}
.space20{margin:-10px}
.space20>*{padding:10px}
.space22{margin:-11px}
.space22>*{padding:11px}
.space24{margin:-12px}
.space24>*{padding:12px}
.space25{margin:-12.5px}
.space25>*{padding:12.5px}
.space26{margin:-13px}
.space26>*{padding:13px}
.space28{margin:-14px}
.space28>*{padding:14px}
.space30{margin:-15px}
.space30>*{padding:15px}
