@charset "utf-8";
/* CSS Document */
img{ max-width:100%; height:auto!important;}
ul{ padding:0; margin:0; overflow:hidden;}
li{ list-style-type:none;}
.sjd{ display:none!important;}
.pd85{ padding:80px 0;    overflow: hidden;}
.wp{max-width: 1400px; margin:0 auto;}
.crumb{clear: both;margin: 0px  0px 80px auto;padding: 15px 0px;background-color: #F7F8F9;}
.crumb-title{color: #11418b;font-size: 26px;line-height: 1.4;font-weight: bold;}
.aboutl h1{ font-size:38px;color: #003e7e; font-weight:bold;}
.crumb-nav{ color:#444;}
.crumb-nav a{ font-size:14px;}
.crumb-nav span{margin: 0px 5px;}
.newslist-0 li{margin-bottom:30px;padding:0px;overflow:hidden;box-sizing:border-box;transition:transform .3s ease-out}
.newslist-0 li .left-box{float:left;padding:20px;text-align:center;border-right:1px solid #EEEEEE}
.newslist-0 li .right-box{margin:15px;margin-left:120px}
.newslist-0 li .info h4{font-size:18px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color.3s ease; font-weight:bold; color:#000;}
.newslist-0 li .info p{margin-top:5px;font-size: 14px;color:#444444;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newslist-0 li .info p:after{content:"..."}
.newslist-0 li .time em{display:block;font-size:22px;font-weight: bold; color:#111111;}
.newslist-0 li .time span{display:block;font-size: 12px;}
.newslist-0 li:nth-of-type(2n){background-color:#F7F8F9}
.newslist-0 li:hover{background:#EFEFEF;transform:translateY(-3px);box-shadow:0 7px 7px -7px rgba(0,0,0,.2)}
.newslist-0 li:hover h4{color:#3f77d1;}
.newslist-0 li:nth-of-type(2n){background-color:#F7F8F9}
.newslist-0 li:nth-of-type(4n){background-color:#F7F8F9}
.newslist-0 li:nth-of-type(6n){background-color:#F7F8F9}
.newslist-0 li:nth-of-type(8n){background-color:#F7F8F9}
.newslist-0 li:nth-of-type(10n){background-color:#F7F8F9}
.footerlogo{ width:200px; margin-bottom:20px;}
.common-content .content-title{font-size:30px;color:#000;line-height:1.4}
.common-content .content-top{display:flex;margin:10px 0px;align-items:center;font-size:14px;color:#444;}
.common-content .content-date{margin-left:5px}
.common-content article p{font-size: 16px;}
.common-content article{padding-bottom:50px;margin-bottom:30px;border-bottom:1px solid #EEEEEE;color: #333;font-size: 16px;}
.pt80{margin-top: 80px;margin-bottom: 0!important;}
.common-content .pages-list span{color:#3f77d1;}
.common-content .pages-list div{margin-top:10px}
.common-content .pages-list a:hover{text-decoration:underline;color:#3f77d1;}
.workshop{display: flex;margin: 0px 120px 50px;}
.workshoplist{width: 200px;height: 200px;background-color: #12438d;color: #fff;text-align: center; border-radius: 200px; font-size:16px;display: grid;place-items: center; margin:0 auto;}
.workshoplist b{font-size: 26px;display: block;}
.interested{text-align: center;padding-top: 30px;}
.interested a{text-decoration: underline;
    color: #11418b;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    text-align: center;}
.aboutbankuai{background-color: #f4f4f4;padding: 60px 0;}
.xiaobankuai{ background-color:#fff;overflow: hidden;}
.xiaobankuaittu{ width:30%; float:left;}
.xiaobankuaitwz{ width:70%; float:left;  padding: 50px;}
.xiaobankuaitwz h4{font-size: 24px;color: #000; padding-bottom:10px;font-weight: bold;}
.xiaobankuaitwz p{font-size: 20px;color: #4b4f54;}
.sylj{text-align: center;margin: 30px auto;}
.sylj a{color: #003e7e;border: 1px solid #003e7e; padding: 13px 37px;font-size: 16px;font-weight: bold; display: inline-block;}
.sylj a:hover{ background-color:#003e7e; color:#fff;}
.xiaobankuaia{    text-align: center;margin: 50px auto;}
.xiaobankuaia a{color: #4b4f54; border: 1px solid #8a8a8a;padding: 13px 37px; font-size:16px; font-weight:bold;display: inline-block;}
.xiaobankuaia a:hover{ background-color:#4b4f54; color:#fff;}
.content-views{margin-left: 14px;}
.aboutl{float:left; width: 50%;min-height: 406.44px;}
.aboutl p{ line-height:35px; font-size:18px;    width: 90%;}
.nybanner{ overflow:hidden;}
.aboutr{ float:left; width:50%;}
.bktitle h1{color: #003e7e;font-size: 34px;font-weight: 600; }
.bktitle span{  color:#000; font-size:16px;}
.bktitle{ padding-bottom:50px; text-align:center;}
.aboutbt{font-size: 38px;color: #12448e;font-weight: bold;margin-bottom: 30px;}
.aboutbt b{ margin-right:10px;}
.aboutbt span{ color:#000;}
.about2 ul li{ width:25%; float: left; padding:10px; }
.hzhb{display: grid;grid-template-columns: repeat(5, 1fr);}
.hblb{ margin:5px;}
.huobang{ margin-bottom:50px;}
.about2 ul li img{ max-width:100%;}
.about2 ul{ overflow: hidden;}
.mt85{ margin-top:85px;}
.footer{background: #062e58;color: #fff;overflow: hidden; padding:85px 0 20px;}
.footerz{ width:30%; float:left;}
.fenxiang{ overflow:hidden;margin-top: 40px;}
.fenxiang ul li{ width:32px; margin-right:15px; float:left;}
.footery{ width:65%; float:left; }
.pdt80{ padding-top:80px; overflow: hidden;}
.pdt30 { padding-top:80px; overflow:hidden;}
.footerjj{ width:65%; float:left;}
.xunpan2{width: 680px;margin: 90px auto;background-color: #fff;padding: 50px;}
.xp2bt{color: #003e7e;font-size: 34px;padding-bottom: 15px;font-weight: 600;}
.iput2 span{    display: block;color: #003e7e; line-height:35px;font-weight: bold;font-size: 16px;}
.shurukuang{width: 100%;border: 1px solid #003e7e;line-height: 35px;padding-left: 15px;}
.iput2 label{color: #003e7e;line-height: 35px;font-weight: bold;font-size: 16px;}
.xunpan2 textarea{ width:100%;width: 100%;padding: 15px;border: 1px solid #003e7e;}
#cars{width: 100%; line-height:35px;height: 35px;padding-left: 15px;color: #003e7e;font-weight: bold;}
.iput2{margin-bottom: 15px;}
.aboutfbt{    font-size: 16px;color: #666;font-weight: 400;}
.columns-7{display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.col-sm-3{position: relative; width: 100%;padding-right: 15px;padding-left: 15px;flex: 0 0 25%;max-width: 25%;}
.spotlight.bm3 {box-shadow: 0px 2px 8px rgb(117 117 117 / 10%);margin: 0 0 30px;margin-bottom: 30px;display: block;}
.spotlight.bm3:hover{box-shadow: 0px 5px 10px rgb(117 117 117 / 20%);}
.image-wrapper {overflow: hidden;position: relative;}
.image-wrapper img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.spotlight:hover .image-wrapper img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
 .spot-content {
    border: none;
    padding: 27px 12px 35px 18px;
}
 .spot-title {
    font-size: 1.25rem;
    line-height: 23px;
    font-weight: 700;
    color: #262626;
    margin-bottom: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 46px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 46px;
}
 .spot-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 100px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height: 100px;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 400;
    color: #4b4f54;
    margin-bottom: 29px;
}
.spot-content .btn {
    color: #4b4f54;
}
.btn-arrow {
    font-size: .8125rem;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0;
    padding-right: 54px;
    position: relative;
    display: inline-block;
    color: #4b4f54;
}
.btn-arrow:after {
    background: url(/xuancheng/images/sprite-v2.svg) 52.52918% 7.14286% no-repeat;
    width: 25px;
    height: 10px;
    content: "";
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease-in-out;
}
a.spotlight.bm:hover .spot-content .btn-arrow:after {
    right: -2px;
}
  .stats-panel {
            display: flex;
            flex-wrap: wrap;
           margin-top: 30px;
            align-items: stretch;
           
        }

        /* 单个统计卡片 */
        .stat-item {min-width: 210px;}

        /* 数字主体：粗重、现代 */
        .stat-number {font-size: 32px;font-weight: 600;color: #134c95;}

        /* 单位/后缀 (个/项/亿) 保留设计感 */
        .stat-suffix {font-size: 16px;font-weight: 500;color: #666;}

        /* 描述标签：集团荣誉证书 / 专利证书 / 资产规模 */
        .stat-label {font-size: 16px;color: #666;        }

        /* 让数字内部的整数部分与后缀和谐 */
        .digit-wrapper {
            display: inline-flex;
            align-items: baseline;
        }

        /* 简单响应式：如果太窄就堆叠并缩小字体 */
        @media (max-width: 800px) {
            .stats-panel {
                padding: 2rem 1.5rem;
                gap: 2rem;
                border-radius: 40px;
            }
            .stat-number {
                font-size: 4rem;
            }
            .stat-suffix {
                font-size: 1.8rem;
            }
            .stat-label {
                font-size: 1.3rem;
            }
        }

        @media (max-width: 500px) {
            .stat-number {
                font-size: 3.4rem;
            }
            .stat-suffix {
                font-size: 1.5rem;
            }
            .stat-label {
                font-size: 1.1rem;
            }
        }

.lanmuliebiao{ width:35%; float:left;}
.footerx{overflow: hidden;float: left;width: 100%;padding-top: 85px;}
.lanmuliebiao h2{ color:#fff; font-size: 18px;display: block;margin-bottom: 15px;}
.lanmuliebiao ul li a{display: block;font-size: 14px;color: #cccccc;line-height: 34px;}
.footerzlx{font-size: 14px;color: #ccc;line-height: 18px;display: block;margin-top: 15px;}
.wenhual h3{    color: #003e7e;font-size: 34px;font-weight: 600;margin-bottom: 50px;margin-top: 50px;}
.footerzlx img{ padding-right:5px; width:24px;}
.aboutbanner{background-image: url(/xuancheng/images/aboutbg.jpg);   background-repeat: no-repeat;background-size: cover;background-blend-mode: multiply;background-position: 50%; text-align:center;}
.aboutbanner p{  color: #fff;font-size: 16px;padding: 30px;}
.aboutbanner h2{font-size: 50px;font-weight: bold;color: #fff;text-transform: uppercase;padding-top: 80px;}
.xunpanl{ width:45%; margin-right:5%; float:left;}
.xunpanr{ width:50%; float:left;}
.xunpan { overflow:hidden;    border-top: 1px solid #ccc; padding-top: 50px;}
.wenhual{float: left;width: 50%;font-size: 16px;line-height: 32px;}
.wenhual strong{font-size: 20px;color: #000;}
.wenhuar{float: left;width: 50%;}
.xunpan .bktitle{ padding-top:65px;}
.xunpan .bktitle h1{ color:#fff;}
.xunpan .bktitle span{ color:#fff;}  
.xunpan form{ margin:0 auto;padding-bottom: 60px;}
.xunpanr h4{font-size: 30px;font-weight: bold;color: #000;}
.xunpanr p{ margin-bottom:20px;}
.formbt{font-size: 30px;font-weight: bold;color: #000;}
.formfbt{ margin-bottom:20px;}
.wenhua{ font-size:18px; color:#000; line-height:32px;}
.breadcrumb{border-bottom: 1px solid #e0e0e0;padding: 17px 0;margin-bottom: 80px;}
.breadcrumb li {
    line-height: 21px;
    font-weight: 400;
    color: #000;display: initial;
}
.breadcrumb li a {
    color: #000;
    text-decoration: underline;
}
.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "";
    background: url(/xuancheng/images/sprite-v2.svg) 65.77947% 50.89606% no-repeat;
    width: 7px;
    height: 11px;
    margin-left: 12px;
    margin-top: 4px;
    margin-right: 18px;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 8px;
    color: #8a8a8a;
    content: ">";
}
.xunpan form input{padding: 10px 20px;line-height: 21px;font-size: 14px; border: 1px solid #ccc;width: 98%;float: left; margin-bottom:15px;}
.xunpan form textarea{ width:98%; min-height:100px;padding: 10px 20px;line-height: 21px;font-size: 14px;    border: 1px solid #ccc;}
.bitian{ color:#FF0000; padding-left:5px;float: left;}
.iput{ overflow:hidden;}
.c-t-m-btn button{background-color: #fff;padding: 10px;font-size: 16px;    cursor: pointer;width: 160px;position: relative; border: 1px solid #ccc; margin-top:10px; border-radius: 5px;}
.c-t-m-btn button:hover{ background-color:#062e58; color:#fff;}
.contactz h2{color: #003e7e;font-size: 34px; padding-bottom:15px;font-weight: 600;}
.contactz p{ color:#000; font-size:16px;padding-bottom: 20px;}
.contactz{ width:50%; float:left;}
.contactzj{ background-color:#f3f3f3; padding:50px; overflow:hidden;}
.contacty{ width:45%; float:left; margin-left:5%;}
.contactlx{ margin-top:15px; border-bottom: 1px dotted; padding-bottom:5px;}
.contactlx a{ font-size:16px; line-height:35px;}
.contactlx img{ padding-right:10px;}
.contacty input{width: 98%;border: 0;padding: 10px 20px;float: left; margin-bottom:15px;}
.contacty textarea{ width:98%; border:0;padding: 10px 20px;}
.caselist ul li{ width:33.33%; float:left; padding:15px;}
.caselist ul li a{background-color: #eaf0f6;display: block;color: #0a3161;}
.caselist ul li:hover a{color: #fff;background-color: #013771;}
.caselist ul li a span{ font-size:18px;padding: 15px;display: block;}
.caselist2 ul li{ width:33.33%; float:left; padding:15px; overflow:hidden;}
.caselist2 ul li:hover img {transform: scale(1.05);transition: all .6s; }
.caselist2 ul li p{ overflow:hidden;}
.wpp{max-width: 1200px;margin: 0 auto;}
.wppp{max-width: 1140px;margin: 0 auto;}
.swiper-container {
        width: 100%;
        height: 100%;
    }
.features ul li {
font-size: 16px;
    line-height: 30px;
    position: relative;
    color: #262626;}
.features ul li span{color: #134f97;margin-right: 10px;}
.swiper-slide .col-sm-3{max-width: 100%;}
.featuresl h2{color: #262626;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    padding-bottom: 10px;
}

.featuresl{padding: 40px 50px 46px 52px;box-shadow: 5px 10px 20px rgba(117, 117, 117, .54); width:50%;}
.featuresr{box-shadow: 5px 10px 20px rgba(117, 117, 117, .54); width:50%;}
.features{display: flex;gap: 40px;}

.prony1z{ width:50%; padding-left:5%; float:left;}
.prony1y{ width:49%; float:left;}
.prony1z h1{letter-spacing: normal;color: #003e7e;font-size: 38px;font-weight: bold;line-height: 40px;margin-bottom: 15px;padding-top: 30px;}
.prony1z h2{    font-size: 16px;margin-bottom: 10px;color: #000;font-weight: 600;}
.projj{line-height: 30px;font-size: 16px;color: #666;}
.prony1{ padding-bottom: 30px;overflow: hidden; padding-top:40px;}
/*.xqdbt{font-size: 32px;line-height: 64px;font-weight: 700;color: #fff; background-color: #11418b;padding-left: 15px;clear: both; margin-bottom:35px;}*/
.xqdbt{font-size: 32px;line-height: 64px;font-weight: 700;color: #000; clear: both; }

.cpxq { padding-top:80px;overflow: hidden;}
.cpxqyjj{box-shadow: 0 2px 8px rgb(0 0 0 / 10%);border-radius: 8px;}
.wrapped li {color: #4b4f54;font-size: 16px;padding: 5px 0px 5px;}
.wrapped li span {color: #11428c; font-weight:bold;display: inline-block;vertical-align: top;    font-size: 18px; width: 200px;}
.xqbk{box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    border-radius: 8px;
    padding: 50px 0;}
.yingyong {display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}
.yingyong .spotlight.bm3{ background-color:#fff;}
.yingyong .spot-content p{min-height: auto;}
.colour{display: grid;gap: 15px;text-align: center;grid-template-columns: repeat(4, 1fr);}
.wu{grid-template-columns: repeat(5, 1fr);}
.colour li{font-size: 16px;border: 1px solid #eeeeee;}
.colour li span{ line-height:60px;}
.xqbkms{ padding-bottom:35px;font-size: 16px;line-height: 30px;font-weight: 400;color: #4b4f54; }
.packaging{display: flex;gap: 25px;}
.packaging li{box-shadow: 5px 10px 20px rgb(117 117 117 / 54%);}
.xqyfactory{display: flex;gap: 25px;}
.xqyfactory li{box-shadow: 5px 10px 20px rgb(117 117 117 / 54%);}
.juzhong{ text-align:center; width:90%; margin:0 auto;}
.hui{    background-color: #eeeeee;}
.pd50{ padding:50px;}
.solid {background: url(/xuancheng/images/solid.jpg) no-repeat bottom right;}
.corrugated {background: url(/xuancheng/images/corrugated.jpg) no-repeat bottom right;}
.locked {background: url(/xuancheng/images/locked.jpg) no-repeat bottom right;}
.hollow {background: url(/xuancheng/images/hollow.jpg) no-repeat bottom right;}
.thermoclick {background: url(/xuancheng/images/thermoclick.jpg) no-repeat bottom right;}

.bai{box-shadow: 5px 10px 20px rgb(117 117 117 / 54%);width: 100%;
    min-height: 400px;    background-size: 400px auto; background-color: #fff;}
.page{display: flex;flex-wrap: wrap;margin: auto;}
.page b{    background-color: #113e89;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;}
.page a{width: 40px;
    height: 40px;
    border: 1px solid #113e89;
    line-height: 40px;
    text-align: center;}
.page a:hover{background-color: #113e89; border:0px; color:#fff;}
.appy p{ margin:0!important;    color: #12448e;}
.appwzr{width: 25%;float: left;margin-left: 5%;}
.appwzl{width: 65%;float: left; border-right: 1px solid #e0e0e0;padding-right: 5%;}
.appwzl ul li{list-style: none; /* 移除默认标记 */
  position: relative;
  padding-left: 20px;}
.appwzl ul  li::before {
  content: "•";  /* 实心圆点 */
  /* 或使用 content: "·"; */
  /* 或使用 content: "◦"; 空心圆点 */
  position: absolute;
  left: 0;
  color: #113e89;
  font-size: 1.2em;
}
.appy a{line-height: 27px;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 22px;
    display: block;
    color: #4b4f54;
    border-bottom: 1px solid #e0e0e0;}

.swiper-container2 {width: 100%; overflow:hidden;height: 100%;}
.swiper-container3 {width: 100%; overflow:hidden;height: 100%;}
#applications{ background-color:#dae0e7;}
#options{ background-color:#dae0e7;}
.btn-arrow-back {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #8a8a8a;
    padding-left: 44px;
    margin-top: 15px;
    display: block;
}

.btn-arrow-back:before {
    background: url(/xuancheng/images/sprite-v2.svg) 64.07263% 50.89606% no-repeat;
    width: 25px;
    height: 11px;
    content: "";
    position: relative;
    left: -40px;
    top: 0;
    bottom: 0;display: inline-block;
    margin: auto;
}
.benefitsz ul li{ width:33.333%; float:left; text-align:center; margin-bottom:45px;list-style-type:none;}
.benefitsimg img{ width:100px; height:100px;border-radius: 50px; margin-bottom:20px;}
.dimensions  { text-align:center;}
.colorlist ul li{ width: 11.5%;float: left;margin-right: 1%;background-color: #fff;}
.color{background-color: #dae0e7;}
.colorimg{ width:100%; height:140px; }
.blue{ background-color:blue; }
.bronze{ background-color:#ac752f; }
.clear{ background-color:#f8f8f8; }
.green{ background-color:green; }
.red{ background-color:#d53138; }
.silver{ background-color:#858788; }
.smoky{ background-color:#8e8573; }
.yellow{ background-color:yellow; }
.colortext h2{ font-size:16px; color:#000; font-weight:bold; }
.colortext{ padding:15px;}
.benefitsz{ width:50%; float:left;}
.benefitsy{ width:45%; padding-left:5%; float:left;}
.app5{background-color: #dae0e7;}
.app7{background-color: #dae0e7;}
.app9{background-color: #dae0e7;}
.app14{background-color: #dae0e7;}
.app16{background-color: #dae0e7;}
.syabout{background: url(/xuancheng/images/syaboutbg.jpg) ;background-attachment: fixed;max-width: 100%;max-height: 100%;text-align:center;}
.syabout h2{ font-size:32px; color:#fff; font-weight:bold; margin-bottom: 20px;}
.syabout p{ color:#fff; font-size:16px; text-align:left;    margin-bottom: 20px;line-height: 30px;}
.syabout  a{padding: 10px 50px;
    background-color: #003e7e;
    border-radius: 25px;
    color: #fff;
    margin-top: 15px;
    display: inline-block;}
.sk{ float:left; width:25%; text-align:center;}
.aboutsk{ width:60%; margin:60px auto; }
.syabout  a:hover{ background-color:#b2d829; color:#fff;}
.skwz{ color:#fff;}
.skimg{ width:30%; margin:0 auto;}
.sk:hover .skimg {transform: rotateY(180deg);transition: all 0.5s;cursor: pointer;   }
.syaboutl{ width:44%; float: left;}
.syaboutr{ width:50%; float:right;}
.syaboutr:hover img {transform: scale(1.1);}
.syaboutr img {transition: all 0.5s ease;height: auto;width: 100%;object-fit: cover;display: block;}
.syaboutr{ overflow:hidden;}
.syaboutl h1{color: #003e7e; font-size: 36px;font-weight: bold;margin-bottom: 30px;}
.syaboutltext{line-height: 36px;font-size: 18px;color: #003e7e;margin-bottom: 30px;}
.syaboutl a{ color:#fff;padding: 10px 40px;background-color: #11428c; }
.syaboutl a:hover{    background: #3f77d1;}
.youshi{background: #f3f3f3;}
.youshi ul li{ width:24%; margin-right:1%; padding: 55px 20px; background-color:#fff; float:left;}
.youshitext p{ font-size:18px; font-weight: bold;margin: 20px 0; color:#000;}
.appwz{ margin:60px auto;color: #333;overflow: hidden;
    font-size: 16px;
    line-height: 30px;}
.appwz h3{border-bottom: 1px solid #e0e0e0;
    color: #262626;
    margin-bottom: 35px;
    margin-top: 25px;
    padding-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase;}
.youshitext span{color: #003e7e;}
.youshitext{ text-align:center;}
.youshiimg{ text-align:center;}
.youshi ul li:hover img {
    -webkit-transform: rotatey(360deg);
    -moz-transform: rotatey(360deg);
}
.youshi ul li img {
    -webkit-transition: 2s ease;
    -moz-transition: 2s ease;
}
.gallery-container {
      padding: 60px 0;
    }
	
.apphui{background-color: #f4f4f4;}
	
.gallery-container h1{margin-bottom: 35px; font-size:32PX; font-weight:bold; color:#000;}
.cpxqy{display: flex;}
    .main-image-container {
      width: 100%;
      background-color: #f4f4f4;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      margin-bottom: 30px;
    }

    .main-image {
      max-width: 100%;
      max-height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
    }

    .control-panel {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px 20px 10px;
    }

    .image-title {
      font-size: 18px;
      font-weight: 400;
      color: #666;
    }

    .navigation-buttons {
      display: flex;
      gap: 10px;
    }

    .nav-button {
      width: 40px;
      height: 40px;
      border: 1px solid #f3f4f6;
      background: white;
      border-radius: 4px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.2s;
    }

    .nav-button:hover {
      background: #f3f4f6;
      border-color: #9ca3af;
    }

    .nav-button:active {
      background: #e5e7eb;
    }

    .nav-button svg {
      width: 20px;
      height: 20px;
      fill: #666;
    }

    .thumbnails-container {
      display: flex;
      justify-content: left;
      gap: 10px;
      padding: 10px;
    }

    .thumbnail {
      width: 80px;
      height: auto;
      border-radius: 4px;
      cursor: pointer;
      overflow: hidden;
      border: 2px solid transparent;
      transition: all 0.2s;
    }

    .thumbnail:hover {
      border-color: #9ca3af;
    }

    .thumbnail.active {
      border-color: #12448e;
      border-bottom-color: #12448e;
      border-bottom-width: 3px;
    }

    .thumbnail img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }

    @media (max-width: 768px) {
      .main-image-container {
        height: auto;
      }

      .control-panel {
        flex-direction: column;
        gap: 15px;
      }

      .navigation-buttons {
        width: 100%;
        justify-content: center;
      }

      .thumbnails-container {
        flex-wrap: wrap;
      }

      .thumbnail {
        width: 70px;
        height: 50px;
      }
    }
.sypro  ul li{ width: 24%;float: left;text-align: center;border: 1px solid #EAEAEA;margin: 0.5%;}
.syprotext{padding: 15px 10px;background-color: #f3f3f3;font-size: 16px;}
.sypro  ul li:hover {
	 
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	transform:translateY(-10px);
	background:#005A3F;
	color:white;
}
.sypro ul{ overflow:visible;}
.sypro  ul li:hover .syprotext{background-color: #12438d; color:#fff;}
.sycase { padding-top:85px;}
   .swiper {
      width: 100%;
      height: 100%;
    }
.three ul li{ width:33.33%!important;}
.swiper2text{ font-size:14px;}
#applications .swiper-slide{ padding:10px;}
#options .swiper-slide a{ margin: 10px;display: block; background-color:#fff;}
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	
.banner{ padding-top:80px; overflow: hidden;}
.md{ display:none;}
.pcd{ display:block;}
.prolist ul li { width:25%; float:left; padding:10px;}
.prolist ul li:hover img {
    transform: scale(1.1);
}
.proimg{ overflow:hidden;}
.prolist ul li img {
    transition: all 0.5s ease;
    height: auto;
    width: 100%;
    object-fit: cover;
    display: block;
}
.protext{background-color: #eeeeee;padding: 10px 15px; text-align:center; font-weight:bold;}
.prolist ul li:hover .protex{ background-color:#003e7e;}
.appfl ul li{ width: calc(33% - 30px);
    margin-right: 34px;
    margin-bottom: 40px;
    box-sizing: border-box;
    transition: all .3s ease; background-color:#fff;
    box-shadow: 0px 2px 8px rgb(117 117 117 / 10%);}
.appfl ul{display: flex;
    flex-wrap: wrap;}
.appflimg{ overflow:hidden;}
.appfltext{padding: 15px 15px; text-align:left; color:#000; font-size: 18px;}
.appfltext span{ font-weight:400;display: block;    padding: 5px 0;font-size: 14px;}
.appflimg img {
    transition: all 0.5s ease;
    height: auto;
    width: 100%;
    object-fit: cover;
    display: block;
}
.appfl ul li:hover span{padding-left: 8px;transition: all .3s ease; color:#3f77d1;}
.appfl ul li:hover span a{color:#3f77d1;}
.appfl ul li:hover{box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);
    transform: translateY(-3px);}
.applicationfl{background-color: #11428c;}
.applicationfl ul li{ width:25%; float:left;text-align: center;line-height: 70px;}
.applicationfl ul li a{ color:#fff; display:block; font-size:16px;font-weight: bold;}
.applicationfl ul li:hover a{ background-color:#f4f5f87d; color:#fff;}
.now{ background-color:#f4f5f87d; color:#fff;}

@media only screen and (max-width:1369px){.wp{ width:95%;}
.aboutl{ padding:35px; min-height:375.44px;}
.projj{ line-height:24px;}
.prony1z h1{ font-size:30px;}}

@media only screen and (max-width:1024px){.top_other{ display:none;}
.swiper-button-next, .swiper-button-prev{ display:none;}
.syaboutr{ margin-top:30px; width:100%;}
.wp{ width:95%;}
.wpp{ width:95%;}
.aboutsk{ width:80%;}
.sk{ width:50%; margin-bottom:30px;}
.wppp{ width:95%;}
.appfl ul li{width: calc(50% - 8px);margin-right: 8px;}
.banner{ padding-top:60px;}
.pd85{ padding: 60px 0;}
.breadcrumb{ margin-bottom: 30px;}
.xunpanl{ width:100%; margin-right: 0;}
.xunpanr{ width:100%;}
.pt80{    margin-top: 60px;}
.breadcrumb li:nth-child(4){ display:none;}
.tanchuang{bottom: 5%;right: 2%;width: 96%;}
.dforml{ display:none;}
.dformr{ width:100%;}
.aboutbt{ font-size:24px;}
.pdt30{padding-top: 30px;}
.xiaobankuaittu{ width:100%;}
.xiaobankuaitwz{ width:100%; padding:30px;}
.gallery-container{padding: 30px 0;}
.gallery-container h1{ font-size:20px; margin-bottom:15px;}
.image-title{ display:none;}
.appwzr{ width:100%;margin-left: 0;}
.xunpanr h4{font-size: 24px;margin: 10px auto;}
.appwzl{ width:100%; border:0px;padding-right:0;}
.col-sm-3{padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 50%;
    max-width: 50%;}
.columns-7{ margin-left:0; margin-right:0;}
.spotlight.bm3{margin: 0 0 15px;margin-bottom: 15px;}
.pd50{ padding:15px;}
.wrapped li span{ display:block;}
.bai{ background:none!important;box-shadow:none;}
.sjd{ display:block!important;}
.hui{ background-color:#fff;}
.colour{gap: 10px;grid-template-columns: repeat(2, 1fr);}
.features{ display:block;}
.featuresl{ width:100%;}
.yingyong{ margin-left:0; margin-right:0;}
.xqyfactory{gap: 5px;}
.packaging{gap: 5px;}
.featuresr{ width:100%;}
.xqbk{padding: 30px 0;}
.sypro ul li{ width:48%; margin:1%;}
.syprotext{ font-size:14px;height: 74px;}
.syaboutl{ width:100%;}
.youshi ul li{ width:100%; margin-right:0; margin-bottom:15px;}
.xunpan form{ width:100%;}
.aboutl{ width:100%; padding:15px;}
.aboutr{ width:100%;}
.about2 ul li{ width:50%; padding:5px;}
.footerz{ width:100%;}
.footery{ display:none;}
.nybanner{ padding-top:60px;}
.prony1z{ width:100%; padding-right:0;padding-bottom:15px; padding-left:0;}
.prony1y{ width:100%;}
.colorlist ul li{ width:49%; margin-bottom:15px; }
.benefitsz{ width:100%;}
.benefitsy{ display:none;}
.benefitsimg img{ width:50px; height:50px; margin-bottom:15px;}
.swiper-slide{ font-size:10px; font-weight:100; line-height:normal;}
.bktitle h1{ font-size:30px;}
.contactzj{ padding:15px;}
.contactz{ width:100%;}
.contacty{ margin-left:0; width:100%;}
.contacty form{ margin-top:50px;}
.bktitle{ padding-bottom:30px;}
.md{ display:block;}
.pcd{ display:none;}
.prolist ul li{ width:50%;}
.three ul li{ width:50%!important;}
.sycase{ padding-top:35px;}
}