/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
body {
	background-color: #ffffff;
	background-position: center top;
	font-family:'RegularYZ';
	font-size: 14px;
	line-height: 1.5;
	color: #1d1d1d;
}
a {
	color: #1d1d1d;
}
a:hover {
	color: #0084e9;
}
:focus-visible{
    outline: none;
}
/*发电机专题*/
.common_style{margin:0 auto;min-width:1200px;}
.common_style img{width:100%;}
.nine_advantage{background:url(../skin/images/nine_advantage_bg.jpg) no-repeat center;padding:60px 0;background-size:cover;}
.adv_tit{width:1200px;margin:0 auto;text-align:center;}
.adv_tit h2{font-size:50px;margin-bottom:20px;font-weight: 600;}
.adv_tit span{font-size:20px;color:#9b9797;}
.nine_advantage ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:1200px;margin:60px auto;}
.nine_advantage ul li{width:29%;background:url(../skin/images/nine_advantage_item.jpg) no-repeat center;padding:40px 20px;background-size:100% 100%;}
.nine_advantage ul li:nth-child(n+4) {
    margin-top: 20px;
}
.nine_advantage ul li img{vertical-align: middle;}
.nine_advantage .fdj_item {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 90px);
}
.nine_advantage .fdj_item span{
    font-size: 28px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}
.nine_advantage .fdj_item i{
    font-style: normal;
    font-size: 16px;
    color: #9b9797;
    display: block;}
.nine_advantage ul li p{
    color: #9b9797;
    font-size: 18px;
    text-align: justify;
    margin: 20px 10px 0;
}
.fdj_pro1_bg{margin:20px auto;background:url(../images/fdj_pro1.jpg) no-repeat center;background-size: cover;padding:60px 0;}
.fdj_pro2_bg{margin:20px auto;background:url(../images/fdj_pro2.jpg) no-repeat center;background-size: cover;padding:60px 0;}
.fdj_pro3_bg{margin:20px auto;background:url(../images/fdj_pro3.jpg) no-repeat center;background-size: cover;padding:60px 0;}
.fdj_pro4_bg{margin:20px auto;background:url(../images/fdj_pro4.jpg) no-repeat center;background-size: cover;padding:60px 0;}
.fdj_pro,.fdj_main{width:1200px;margin:0 auto;}
.fdj_pro h2,.fdj_main .problem_tit h2{font-size:50px;font-weight: 600;}
.fdj_pro>span,.fdj_main .problem_tit span{margin:20px 0;font-size:24px;color:#0e4878;display: block;}
.fdj_pro ul{display:flex;flex-wrap:wrap;width:50%;}
.fdj_pro ul li{width:22%;margin:20px 0;text-align: center;}
.fdj_pro ul li span{    
    display: block;
    width: 75%;
    font-size: 20px;
    margin: 10px auto 0;
}
.fdj_pro a{display: inline-block;
    background-color: #d8e1e0;
    font-size: 24px;
    padding: 10px 30px;
    border-radius: 25px;}
.fdj_problem_bg{background:url(../images/problem_bg.jpg) no-repeat center;background-size: cover;padding:60px 0;}
.fdj_main .problem_tit{text-align:center;}
.fdj_problem_bg .fdj_main .problem_tit span{color: #9b9797;font-size:20px;}
.fdj_main ul li{margin:60px 0;background-color:#fff;padding-bottom: 40px;border-radius: 20px;box-shadow: 5px 10px 8px #b1b4b9;}
.fdj_main ul li h3{font-size:24px;background-color:#2a4dff;color:#fff;padding:15px 30px;display:inline-block;margin-bottom:40px;border-radius: 20px 5px 80px 0;}
.fdj_main ul li p{font-size:20px;margin:0 30px;line-height: 32px;}
.m_fdj,.m_main_xdjcj,.m_main_sdjcj,.m_main_sxjcj{display:none;}
@media (max-width: 1200px){
    .pc_fdj,.main_xdjcj,.main_sdjcj,.main_sxjcj{display:none;}.m_fdj{display:block;margin:0 auto;}.m_fdj>*{display:block;width:100%;}.m_fdj a>img{width:100%;}
    .m_main_xdjcj{display:block;margin:0 auto;}.m_main_xdjcj img,.m_main_sdjcj img{width:100%;}.m_main_xdjcj *{display:block;}.m_main_xdjcj a{width:100%;}.m_main_xdjcj ul{display:flex;flex-wrap:wrap;}.m_main_xdjcj ul li{width:50%;}
    .m_main_sdjcj{display:block;margin:0 auto;}.m_main_sdjcj *{display:block;}.m_main_sdjcj a{width:100%;}.m_main_sdjcj ul{display:flex;flex-wrap:wrap;}.m_main_sdjcj ul li{width:33.33%;}
    .m_main_sxjcj{display:block;margin:0 auto;}.m_main_sxjcj img{width:100%;}.m_main_sxjcj *{display:block;}.m_main_sxjcj a{width:100%;}.m_main_sxjcj ul{display:flex;flex-wrap:wrap;}.m_main_sxjcj ul li{width:50%;}
}
/*发电机专题*/
/*首页产品专区*/
.cpzq,.zt_video{
    max-width: 1200px;
    margin: 60px auto;
}
.zt_video ul{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
.zt_video ul li{
    width:23.5%;
}
.zt_video ul li video{
    cursor: pointer;
}
.zt_video ul li a{display:block;}
.zt_video ul li img{width:100%;}
.cpzq_tit h2{
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    border-bottom: 2px #d5d5d5 solid;
    padding-bottom: 20px;
}
.cpzq_tit i {
    content: "";
    display: block;
    height: 2px;
    background-color: #ff0000;
    width: 15%;
    margin: 0 auto;
    position: relative;
    top: -3px;
}
.cpzq ul {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    margin-top: 60px;
}
.cpzq ul li:nth-child(-n+2) {
    width: 48%;
    margin-bottom: 30px;
}
.cpzq ul li {
    width: 17.5%;
}
.cpzq ul li * {
    display: block;
}
.cpzq ul li img {
    width: 100%;
}
/*首页产品专区*/
/*洗地机专题开始*/
.main_xdjcj{min-width:1200px;margin:0 auto;letter-spacing: 1px;}
.main_xdjcj a:hover{color:#000;}
.xdjcj_banner img,.bigimg_common img{width:100%;}
.bigimg_common{position:relative;}
.pro_js{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 1200px;}
.pro_js h3{font-size:32px;background:#e20000;padding:2px 20px;color:#fff;border-radius:25px;display:inline-block;}
.pro_js a.kuandu{width:420px;background:#ddddddde;padding:60px 40px;border-radius: 5px;box-shadow: 1px 1px 2px #f9f9f9;display:block;}
.pro_js span{display:block;}
.pro_js span:first-child{font-size:32px;margin:40px 0 20px;}
.pro_js span:last-child{font-size:50px;font-weight:600;color:#e20000;}
.pro_js p::after{content:"";height:2px;background:#000;width:315px;display:block;margin-top:10px;}
.pro_js ul{margin-top:40px;font-size:26px;}
.pro_js ul li::before{content:"";background:#e20000;width:12px;height:12px;display:inline-block;border-radius:50%;margin-right:8px;vertical-align:middle;}
.pro_js ul li:nth-child(n+2){margin-top:10px;}
.smallimg_common{display:flex;flex-wrap: wrap;justify-content:space-between;width:1200px;margin: 60px auto;}
.smallimg_common li{width:45%;background-color:#dcdcdc;border-radius: 10px;}
.smallimg_common li a{display:block;padding:40px 20px;position:relative;}
.smallimg_common li:nth-child(n+3){margin-top:60px;}
.smallimg_common li a p{font-weight:600;font-size:26px;line-height:36px;width:67%;}
.smallimg_common li a span{font-size:16px;margin-top:20px;display:block;}
.smallimg_common li a span::after{content:"";background-color:#000;height:2px;display:block;margin-top: 20px;}
.smallimg_common li a h3{margin-top:20px;font-size:26px;font-weight:400;color:#fff;background-color:#e20000;padding:2px 12px;display:inline-block;border-radius: 25px;}
.smallimg_common li a img{position:relative;bottom:0px;width:100%;}
.smallimg_common li a i{right:0;bottom:0;border-top: 120px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent;border-right: 120px solid #e20000;display:block;width:0;height:0;position: absolute;z-index:1;border-radius: 0 0 10px 0;}
.smallimg_common li a::after {background: url(../images/shopping_cart.png) no-repeat center;position: absolute;z-index: 9;right: 5px;bottom: 8px;content: "";display: block;width: 50px;height: 50px;background-size: cover;}
.xdj_advantage{width:1200px;margin:60px auto;background:url(../images/xdjys_bg.png) no-repeat;background-position: -30px 50px;background-size: 105%;}
.xdj_advantage .youshi_head{text-align:center;border-bottom:3px solid #c7c7c7;padding-bottom:10px;font-weight:400;}
.xdj_advantage .youshi_head h2{font-size:50px;}
.xdj_advantage .youshi_head::after{width:100px;height:5px;background-color:#e20000;margin: 0 auto;content:"";display: block;position: relative;top: 14px;}
.xdj_advantage ul{background: url(../images/X5-1.png) no-repeat;background-size:235px;margin-top:60px;background-position: 500px 170px;}
.xdj_advantage ul li{display:flex;justify-content:space-between;width:1000px;margin: 0 auto;height: 145px;align-items: center;}
.xdj_advantage ul li:nth-child(n+2){margin-top:60px;}
.xdj_advantage ul li:nth-child(even){width:1200px;}
.xdj_advantage ul li div:first-child{text-align:right;}
.xdj_advantage ul li div:first-child p{margin-right:40px;}
.xdj_advantage ul li div:last-child p{margin-left:40px;}
.xdj_advantage ul li div img{vertical-align:middle;width: 120px;}
.xdj_advantage ul li div p{display:inline-block;vertical-align: middle;width: 270px;}
.xdj_advantage ul li div p span{font-weight:600;font-size:20px;margin-bottom:20px;display:block;}
.xdj_advantage ul li div p i{font-size:16px;display:block;font-style:normal;line-height: 22px;}
.shili {position:relative;}
.shili ul{position:relative;display:flex;justify-content:space-around;min-width:1200px;top:-60px;}
.shili ul li{padding:20px;color:#fff;background-color:#e20000;text-align:center;flex-basis: 190px;flex-shrink: 0;position: relative;}
.shili ul li::after{
    content:"";
    right: 0;
    bottom: 0;
    border-top: 30px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 30px solid #fff;
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    border-radius: 0 0 10px 0;}
.shili ul li h4{font-size:26px;}
.shili ul li span{font-size:14px;margin-top:5px;display:block;}
.shili ul li p{text-align:justify;font-size:18px;line-height:26px;margin-top:20px;}
.shili img,.manufactor ul li img{width:100%;}
.shili_txt{position:absolute;top:60px;right:60px;width: 800px;text-align:center;}
.shili_txt h3{font-size:50px;}
.shili_txt span{font-size:16px;display:block;margin-top:5px;}
.shili_txt div{margin-top: 20px;}
.shili_txt p{font-size:26px;line-height:42px;}
.shili_txt p:first-child{margin-bottom:10px;}
.manufactor ul{display:flex;justify-content:space-around;flex-wrap:wrap;}
.manufactor ul li{width:32%;}
.manufactor ul li:first-child{width:100%;margin-bottom:20px;}
/*洗地机专题结束*/
/*扫地机专题开始*/
.main_sdjcj{background:url(../images/sdjzt_bg.jpg);background-size:cover;letter-spacing: 1px;}
.sdjcj_banner img{width:100%;} 
.pro_type{color:#fff;margin: 60px auto;width: 1200px;}
.pro_type .rxcp-tit{text-align:center;background:url(../images/sdjcpfl1.png) no-repeat left;border-bottom:1px solid #d5d5d5;background-size: 50px;}
.pro_type .rxcp-tit h2{font-size:50px;}
.pro_type .rxcp-tit h2 span{font-weight:400;}
.pro_type .rxcp-tit p{text-align:right;font-size:16px;color: #d5d5d5;margin-bottom: 10px;}
.pro_type .rxcp-tit::after {content: "";display: block;background-color: #a82c2c;height: 4px;width: 150px;margin: -2px auto;border-radius: 30px;}
.pro_type ul{display:flex;justify-content:space-evenly;margin: 60px auto;}
.pro_type ul li{width:30%;background-color:#e4e4e4;}
.pro_type ul li a{color:#fff;display:block;}
.pro_type ul li a img{width:100%;}
.pro_type .sdjpro_tit{background-color:#0947b4;padding: 20px;position:relative;}
.pro_type .sdjpro_tit h3 {font-size: 26px;font-weight: 400;}
.pro_type .sdjpro_tit h3::after {content: "";display: block;background-color: #e19300;height: 3px;width: 60px;margin: 5px 0 20px;border-radius: 30px;}
.pro_type .sdjpro_tit p {font-size: 16px;line-height: 24px;}
.pro_type .sdjpro_tit .djck{text-align:center;background:url(../images/sdjcpfl2.png) #d40c0c no-repeat bottom;width:60px;padding:20px 10px;background-size:10px;}
.pro_type .sdjpro_tit .djck {text-align: center;background: url(../images/sdjcpfl2.png) #d40c0c no-repeat;width: 45px;padding: 20px 10px 50px;background-size: 30px;font-size: 16px;position: absolute;top: -30px;right: 20px;background-position: center 70px;box-shadow: 1px 2px 3px #000;}
.pp_ad{position: relative;min-width: 1200px;margin: 0px auto;overflow: hidden;height: 190px;}
.pp_ad .pp_left{position: absolute;left: 0;background-color: #e4e4e4;z-index: 10;width: 40%;padding: 20px 0;height: 150px;top: 40px;box-sizing: border-box;}
.pp_ad .pp_left .right_txt{position:absolute;right:10%;}
.pp_ad .pp_left .right_txt img{display:block;width: 150px;}
.pp_ad .pp_left .right_txt p{font-size:26px;margin:10px 0;}
.pp_ad .pp_left .right_txt span{color:#999;}
.pp_ad .pp_right{background-color: #0947b4;position: absolute;right: 0;width: 80%;z-index: 9;height: 150px;}
.pp_ad .pp_right ul{position: absolute;left: 28%;width: 60%;bottom: 20px;top: 20px;}
.pp_ad .pp_right ul li{float: left;margin: 0 3%;text-align: center;width: 12%;}
.pp_ad .pp_right ul li img{display: block;width: 65px;margin: 0 auto;}
.pp_ad .pp_right ul li span{color: #fff;display: block;margin: 5px 0;font-size: 16px;}
.pp_ad .pp_right ul li i{color:#999;font-size:12px;font-style:normal;}
.company_profile,.factory_show{width:1200px;margin:60px auto 0;color: #fff;}
.company_profile .introduce_tit{width:48%;}
.company_profile .introduce_tit span{font-size:26px;display:block;}
.company_profile .introduce_tit span i{display:block;font-size:50px;font-weight:600;font-style: normal;}
.company_profile .introduce_tit span:first-child{margin-bottom:10px;}
.company_both .company_left,.company_both .company_right{float:left;}
.company_both .company_left{line-height:26px;font-size:16px;width:48%;}
.company_both .company_left p{margin:10px 0;text-indent: 2em;text-align:justify;}
.company_both .company_right{margin-left:4%;width:48%;}
.company_both .company_right img{width:100%;}
.company_both .company_left p:first-child {margin-top: 60px;}
.factory_head{text-align:center;}
.factory_head span:first-child{font-size:26px;margin-bottom:30px;}
.factory_head span{display:block;font-size:50px;}
.factory_head span i{font-weight:600;font-style:normal;}
.factory_head span:last-child{font-size:18px;margin-top:5px;}
.factory_show ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px;}
.factory_show ul li{width:32%;}
.factory_show ul li:nth-child(n+4){margin-top:20px;}
.factory_show ul li img{width:100%;}
section.pro_show {padding-bottom: 60px;}
.bigpro{position:relative;margin: 60px 0;}
.bigpro img{width:100%;}
.width_size{width:1200px;padding:60px 0;position:absolute;top: 0;left: 50%;transform: translate(-50%);}
.width_size .img_txt{width:55%;right:0;position:absolute;text-align: right;}
.width_size .img_txt1{width:55%;left:0;position:absolute;text-align: left;}
.width_size .img_txt h2{color:#f4be06;font-size:50px;}
.width_size .img_txt p{font-size:32px;color:#dbdbdb;line-height:42px;margin:20px 0;font-weight:600;}
.width_size .img_txt ul{display:flex;flex-direction: row-reverse;margin:30px 0;}
.width_size .img_txt1 ul{flex-direction:row;}
.width_size .img_txt ul li{width:75px;text-align:center;color:#000;font-size:16px;padding:20px 5px;background:linear-gradient(to right, #2f7df6 0%, #fff 100%);margin-left:10px;border-radius:5px;}
.width_size .img_txt1 ul li{margin-left:0px;margin-right:10px;}
.width_size .img_txt a{display:inline-block;text-align:center;color:#fff;padding:5px 20px;font-size:16px;background-color: #f9970a;border-radius: 25px;}
.smallpro{display:flex;justify-content:space-evenly;width: 1200px;margin: 0 auto;flex-wrap:wrap;}
.smallpro li{width:30%;background-color:#e4e4e4;}
.smallpro li:nth-child(n+4){margin-top:20px;}
.smallpro li a{display:block;}
.smallpro .bt_txt{background-color:#0947b4;text-align:center;padding-top:20px;}
.smallpro li img{width:100%;display:block;}
.smallpro .bt_txt h3{color:#fff;font-size:18px;font-weight:400;}
.smallpro .bt_txt span{background-color:#fff;color:#0947b4;display:inline-block;margin:20px auto 15px;padding:5px 20px;font-size:16px;font-weight:600;}
/*扫地机专题结束*/
/*首页新关于我们版块*/
.new_gywm{margin:60px auto;line-height: normal;max-width:1200px;}
.new_gywm ul li:first-child{width:35%;}
.new_gywm ul{margin-top: 60px;display:flex;justify-content:space-between;align-items: center;}
.new_gywm ul li:first-child span{font-size: 22px;font-weight: bold;}
.new_gywm ul li:first-child a{background-color:#0689db;color:#fff;padding:10px 0px;font-size:16px;width:120px;display:block;text-align: center;border: 1px solid #0689db;}
.new_gywm ul li:first-child a:hover {
    background-color: #fff;
    color: #666;
    border: 1px solid;
}
.new_gywm .aboutus_des{text-align:justify;line-height:24px;margin:30px 0;color: #666;font-size: 16px;}
.new_gywm ul li:last-child{width:60%;}
.new_gywm .aboutus_des p:nth-child(n+2) {margin-top: 10px;}
.new_gywm ul li:last-child img{width:100%;}
.top_tit{text-align:center;}
.top_tit span:after, .chanpingtitle:after{content:"";display:block;background-color:#cccccc;height:2px;width:30px;margin:10px auto;}
.top_tit span{display:block;font-size: 36px;font-weight: 500;}
.top_tit i{display:block;color: #666;font-style:normal;}

@media screen and (max-width: 960px) {
    .new_gywm{margin:30px auto;}
   .new_gywm ul li:first-child{width:100%;padding: 0 1%;box-sizing: border-box;}
   .new_gywm ul li:last-child{width:100%;}
   .new_gywm ul li:first-child span{display:none;}
   .new_gywm ul{margin:0px;flex-direction: column-reverse;}
   .new_gywm ul li:first-child a{margin:0 auto;}
}
@media screen and (max-width: 479px){
    .new_gywm ul li:first-child a{width:100%;}
    .switch{display:flex;font-size: 14px;}
}
/*首页新关于我们版块*/
/*首页新新闻资讯*/
.new_bg{line-height:normal;margin: 60px 0;}
.zxzx .both_news{display:flex;justify-content:space-between;margin:60px 0;align-items:center;flex-wrap:wrap;height:570px;}
.zxzx .both_news>li:first-child{width:40%;}
.zxzx .both_news>li:first-child a{display:block;}
.newsimg_hid {height:400px;width:100%;}
.zxzx .both_news>li:first-child a img{width:100%;border-radius:5px;height:100%;object-fit:cover;}
.zxzx .both_news .first_article h3{font-size:16px;margin:20px 0 10px;}
.zxzx .both_news .first_article p{line-height:24px;font-size:14px;color:#999999;}
.zxzx .both_news>li:last-child{width:55%;height:100%;}
.news_column span{display:block;width:15%;text-align:center;font-size:16px;padding:10px 20px;float:left;cursor: pointer;}
.news_column>span{color:#fff;background-color:#0689db;}
.news_column>span:nth-child(n+2){color:#1d1d1d;background-color:transparent;}
.news_column a{float:right;display:block;width:15%;text-align:center;color:#999999;padding: 10px 0;}
.article_column{margin-top:30px;}
.article_column li{display:flex;justify-content:space-between;flex-direction: row-reverse;}
.article_column li:nth-child(n+2){margin-top:30px;}
.article_column li a{width:75%;display:block;border-left: 1px solid #cccccc;padding-left: 5%;}
.article_column li h3{font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article_column li p{color:#999999;margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;text-indent:15px;}
.article_column li span{color:#999999;width:15%;text-align:right;display: flex;flex-flow: column;justify-content: center;}
.article_column li span i{display:block;font-size:26px;color:#1d1d1d;font-style:normal;}
.article_column ul:nth-child(n+2){display:none;}
@media screen and (max-width: 960px) {
   .zxzx .both_news>li:first-child{display:none;}
   .zxzx .both_news>li:last-child{width:100%;}
}
@media screen and (max-width: 479px){
    .news_column a{display:none;}
    .new_bg{margin:0px;}
}
/*首页新新闻资讯*/
/*新案例展示*/
.index_case{margin:60px auto;}
.index_case ul{display:flex;justify-content:space-between;margin-top:60px;flex-wrap:wrap;}
.case_img{width:30%;}
.index_case ul li{width:42%;}
.index_case ul li:nth-child(n+3){margin-top:30px;}
.case_imgcon{display:flex;justify-content:space-between;align-items:center;height:120px;overflow:hidden;}
.index_case ul li a{display:block;}
.index_case ul li a img{width:100%;}
.case_con{width:65%;}
.index_case ul li a span{display:block;margin-bottom:10px;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_case ul li a p{color:#999999;text-align:justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
@media screen and (max-width: 767px){
    .index_case ul li{width: 100%;}
    .index_case ul li:nth-child(n+2){margin-top:30px;}
}
/*新案例展示*/
.lanmu_zt{max-width:1200px;margin:2% auto;padding: 0 2%;box-sizing: border-box;}
.lanmu_zt ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.lanmu_zt ul li:nth-child(-n+2) {
    width: 48%;
}
.lanmu_zt ul li:nth-child(n+3) {
    width: 22%;
    margin-top: 2.5%;
}
.lanmu_zt ul li a {
    display: block;
}
.lanmu_zt ul li img {
    width: 100%;
}
.cc_zone ul li:nth-child(-n+4) {
    width: 25%;
    margin-top: 0;
}
.gyqxj_zone ul li:nth-child(-n+5) {
    width: 20%;
    margin-top: 0;
}
.lanmu_zt.sxj_zone ul li {
    width: 22%;
}
.lanmu_zt.sxj_zone ul li:nth-child(n+3){
   margin: 0; 
}
.lanmu_zt.sxj_zone ul li:nth-child(n+5){
   margin-top: 2.5%; 
}
.new_old {
    margin-bottom: 20px;
}
/*百度地图css代码*/
#map-container {
    width: 100%;
    height: 300px;
    position: relative;
}
.com_email{
    width:33.33333333%;
    text-align:right;
    font-size: 12px;
    color: #999999;
    float: right;
    white-space: nowrap;
}
/*首页横图广告*/
.ban_ad1{background:url(/skin/images/ban_adimg1.jpg) no-repeat;background-size:100% 100%;}
.ban_ad1 ul,.ban_ad2 ul{max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content:space-between;color:#fff;padding: 20px 0;flex-wrap:wrap;}
.ban_ad1 ul li{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;}
.ban_ad1 ul li:first-child{width:60%;border-right:2px solid #fff;padding:0 20px;}
.ban_ad1 ul li:first-child img{width:20%;}
.ban_ad1 ul li:first-child div{width:78%;}
.ban_ad1 ul li:first-child div span{font-size:18px;display:block;margin-bottom:10px;}
.ban_ad1 ul li:first-child div p{font-size:26px;font-weight:bold;}
.ban_ad1 ul li:last-child{width:40%;padding:0 20px;}
.ban_ad1 ul li:last-child>img{width:30%}
.ban_ad1 ul li:last-child div{width:65%;text-align:center;}
.ban_ad1 ul li:last-child div span{display:block;}
.ban_ad1 ul li:last-child div span img{vertical-align:middle;width:35px;}
.ban_ad1 ul li:last-child div span i{vertical-align:middle;font-size:18px;font-style:normal;}
.ban_ad1 ul li:last-child div h4{font-weight:bold;font-size:26px;}
.ban_ad1 ul li:last-child div p{font-size:18px;}
.ban_ad2{background:url(/skin/images/ban_adimg6.jpg) no-repeat;background-size:100% 100%;}
.ban_ad2 ul li{width:33.33%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap;}
.ban_ad2 ul li:nth-child(n+2){border-left:2px solid #fff;}
.ban_ad2 ul li{padding:0 20px;}
.ban_ad2 ul li div{width:55%;color:#fff;}
.ban_ad2 ul li img{width:45%;}
.ban_ad2 ul li div h4{font-weight:bold;font-size:18px;}
.ban_ad2 ul li div p{font-size:14px;margin-top:10px;line-height:22px;text-align: justify;}
.linemargin p video {
    background-size: cover;
    width: 100%;
    height: auto;
}
/*首页无人机版块*/
/*.intel_cle{background-color:#f5f5f5;padding:60px 0;}*/
.intel_cle_main{max-width:1200px;margin:0 auto;background-color:#fff;border-radius:15px;box-sizing:border-box;padding:30px;display:flex;justify-content:space-between;align-items:center;}
.intel_cle_main>li:first-child{width:40%;background:url(/skin/images/znxdjbj.png) no-repeat;background-size:100% 100%;}
.intel_cle_main>li:last-child{width:55%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.intel_cle_main>li>img{width:48%;}
.intel_cle_main>li h3{font-size: 26px;height: 76px;line-height: 76px;color: #0084e9;padding-left:50px;}
.intel_cle_main>li>img:nth-child(n+3){margin-top:40px;}
.unman_des li{margin: 20px 0;display: flex;justify-content: space-between;align-items: center;padding: 0 50px;}
.unman_des li img{width: 18%;background: #0689db;border-radius: 100%;padding: 5px;box-sizing: border-box}
.unman_des li div{width:80%;}
.unman_des li div span{font-weight:bold;font-size:18px;display:block;}
.unman_des li div i{font-style:normal;font-size:16px;display:block;}
/*底部网点版块*/
.fwwd{max-width:1200px;margin:30px auto 0;text-align:center;}
.fwwd:before{content:"";border:1px solid #959292;border-bottom:none;height:5px;display:block;}
.fwwd:after{content:"";border:1px solid #959292;border-top:none;height:5px;display:block;}
.fwwd .fwwd_tit{text-align:center;display:flex;justify-content:center;line-height: 14px;margin-top: 15px;}
.fwwd .fwwd_tit span{padding:0 10px;}
.fwwd .fwwd_tit span:first-child{border-right:2px solid #959292;}
.fwwd ul li{margin:10px 0;}
.fwwd .all_phone{margin-bottom: 15px;font-weight: bold;}
/*底部友情链接版块*/
.yqlj_bg{background: #cccccc;}
.yqlj{display: flex;padding: 10px 0;width: 96%;margin: 0 auto;}
.yqlj span {width: 85px;}
.yqlj ul {display: flex;flex-wrap: wrap;}
.yqlj ul li {margin: 0 10px;}
@media screen and (max-width: 767px){.yqlj_bg,.fwwd{display:none;}}
/*首页资质证书版块样式*/
.quali_honor{margin:60px 0;}
/*.quali_honor .zzry_tit span{background:url(/skin/images/zhengshu_red.png) no-repeat left top;}*/
.quali_honor .zzry_five{display:flex;justify-content:space-between;align-items:end;margin-top:30px;}
.quali_honor .zzry_five li:nth-child(4n+1){width:16%;}
.quali_honor .zzry_five li:nth-child(2n){width:20%;}
.quali_honor .zzry_five li:nth-child(3n){width:24%;}
.quali_honor .zzry_five li img{width:100%;}
.quali_honor .zzry_five li span {
    text-align: center;
    display: block;
    margin-top: 5px;
    height: 30px;
    line-height: 18px;
}
@media screen and (max-width: 767px){.quali_honor .zzry_five{flex-wrap:wrap;}.quali_honor .zzry_five li:nth-child(-n+2){width:48%;}.quali_honor .zzry_five li:nth-child(n+3){width:30.66%;margin-top:30px;}.intel_cle_main{padding-top:0;padding-bottom: 0;}.quali_honor,.zxzx .both_news,.new_bg{margin:30px 0;}.index_case ul li:nth-child(n+2){margin-top:5px;}.index_case ul{margin-top:30px;}.sms{margin-top:10px;}#roll{display:none;}}
.index_tag{width:100%;}
/*.pluginContent table td, .pluginContent table th {
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
}*/
.pluginContent.cg_sms {font-size: 0;color: #333;margin:10px 0;}
.cg_sms span {margin-right: 10px;display: inline-block;font-size: 16px;vertical-align: middle;text-decoration: underline;}
.pluginContent.cg_sms img {vertical-align: middle;width: 40px;margin-right: 10px;}
.cg_sms span:nth-child(n+3) {color: #333;}
.cg_sms i {font-style: normal;vertical-align: middle;}
.cg_sms span img {vertical-align: middle;margin-right: 5px;}
.cg_sms span:last-child img {margin: 0;}
.sms{width:100%;}
.sms img{width:100%;display:block;}
a.Compare_btn{margin-top:5px;}
.pro_price{font-size:0;}
.pro_price span{font-size:22px;font-weight:bold;display:inline-block;}
.pro_price span:first-child{color: #ce0606;}
.pro_price span i{font-style:normal;font-size:14px;margin-right: 3px;}
.pro_price span em{font-style:normal;font-size: 26px;}
.pro_price span:last-child{font-size:14px;margin-left: 3px;}
.switch{overflow:hidden;}
.switch span{float:left;display:block;width:120px;text-align:center;cursor:pointer;font-weight: normal;}
.switch .active{background:#3eadf2;color:#fff;}
.sh_bz * {margin: 0 auto;display: block;}
.singPro_Introduce ul {display: flex;flex-wrap: wrap;}
.singPro_Introduce ul li {margin: 10px;}
.product_parameter {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
        /* 包裹层：实现四列网格布局 + 手机端横向滚动 */
        .table-grid-wrapper {
            display: grid;
            grid-template-columns: repeat(4, 1fr); /* 核心：设置为4列，等宽分配 */
            gap: 1px; /* 列/行之间的间距（模拟表格边框） */
            background-color: #ddd; /* 间距背景色（模拟表格边框颜色） */
            margin: 0 auto;
            box-shadow: 0 0 5px rgba(0,0,0,0.1);
            overflow: hidden;
        }
        /* 单元格样式（对应原有的td，每行2个td，自动填充四列） */
        .grid-item {
            background-color: #fff;
            padding: 12px 10px;
            box-sizing: border-box;
            font-size: 14px;
            color: #333;
            text-align: left;
            vertical-align: middle;
        }
        /* 优化第1、5、9...列（对应参数名称列，每四列循环一次） */
        .grid-item:nth-child(4n+1) {
            background-color: #f5f5f5;
            font-weight: 500;
        }
        /* 偶数行（每4个为一组，第2、4组...）背景色优化 */
        .grid-item:nth-child(n+5):nth-child(-n+8),
        .grid-item:nth-child(n+13):nth-child(-n+16) {
            background-color: #fafafa;
        }
        .grid-item:nth-child(n+5):nth-child(-n+8):nth-child(4n+1),
        .grid-item:nth-child(n+13):nth-child(-n+16):nth-child(4n+1) {
            background-color: #eeeeee;
        }
        /* 手机端适配 */
        @media screen and (max-width: 768px) {
            /* 保留四列结构，添加横向滚动 */
            .table-grid-wrapper {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch; /* 苹果手机顺滑滚动 */
                grid-template-columns: repeat(4, 200px); /* 固定每列宽度，避免挤压 */
            }
            .grid-item {
                font-size: 12px;
                padding: 10px 5px;
            }
        }
.singPro_Introduce ul li span:first-child {
    font-weight: bold;
}
/*产品多张主图样式*/
.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
    }

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

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
}
/*产品多张主图样式*/
 /* 无人智净版块容器 - 适配官网首页布局 */
 .yangzi-robot-section * {
    box-sizing: border-box;
}
.yangzi-robot-section {
            width: 100%;
            background-color: #ffffff;
            position: relative;
            overflow: hidden;
}
        /* 视频容器 - 官网风格的圆角+阴影 */
.yangzi-video-container {
            max-width: 1200px;
            margin: 60px auto 0;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            position: relative;
}
        /* 响应式视频 - 适配官网不同屏幕尺寸 */
.yangzi-video {
            width: 100%;
            height: auto;
            min-height: 550px;
            object-fit: cover;
}
/* 视频控制区 - 匹配官网按钮风格 */
.video-control-wrapper {
            max-width: 1200px;
            margin: 30px auto 0;
            text-align: center;
        }
.yangzi-btn {
            background-color: #0066cc;
            color: #ffffff;
            border: none;
            padding: 12px 30px;
            border-radius: 50px;
            font-size: 16px;
            font-weight: 500;
            margin: 0 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-block;
}
.yangzi-btn:hover {
            background-color: #0052a3;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 98, 204, 0.3);
}
/* 核心卖点 - 匹配官网卡片布局 */
.yangzi-features {
            max-width: 1200px;
            margin: 60px auto 20px;
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: center;
}
.feature-card {
            width: calc(30% - 20px);
            padding: 30px 20px;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            text-align: center;
            transition: all 0.3s ease;
}
.feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.feature-icon {
            font-size: 48px;
            color: #0066cc;
            margin-bottom: 25px;
}
.feature-card h3 {
            font-size: 22px;
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 15px;
}
.feature-card p {
            font-size: 16px;
            color: #666666;
            line-height: 1.6;
}
/* 响应式适配 - 完全匹配官网移动端展示 */
@media (max-width: 768px) {
.yangzi-video { min-height: 350px;}
.yangzi-btn {padding: 10px 20px;margin: 5px;font-size: 14px;}
.feature-card p{font-size:14px;}
.yangzi-robot-section,.yangzi-video-container,.yangzi-features{margin-top:30px;}
.feature-card h3{font-size:16px;margin-bottom: 10px;}
.feature-icon{margin-bottom: 10px;}
.feature-card{padding:20px 10px;}
}
@media (max-width: 576px) {
.yangzi-video {min-height: 250px;}
.feature-card { width: 100%;}
.yangzi-features {gap: 20px;}
}
/* 适配官网工业风，优化视觉层次，提升精致感，保留核心交互 */
/* 全局基础样式，贴合网页整体调性 */
/* 案例标题样式 - 强化视觉焦点，工业风更突出 */
#caseTitle {
  font-size: 19px;
  color: #222;
  font-weight: 700;
  margin: 20px 0 15px;
  border-left: 4px solid #2578d1; /* 微调主色，更显沉稳，贴合工业风 */
  padding-left: 12px;
  letter-spacing: 0.5px; /* 优化字间距，提升可读性 */
  line-height: normal;
}

/* 基础信息样式（客户名称、采购背景、采购信息）- 优化间距和色块区分 */
#customerName, #purchaseBackground, #purchaseInfo {
  font-size: 14px;
  color: #383838;
  line-height: 1.8;
  margin: 6px 0;
  padding: 6px 10px;
  box-sizing: border-box;
  border-radius: 3px;
  transition: background-color 0.2s ease;
}
#customerName:hover, #purchaseBackground:hover, #purchaseInfo:hover {
  background-color: #fafafa; /* hover轻微色块，提升交互感 */
}
#customerName strong, #purchaseBackground strong, #purchaseInfo strong {
  color: #2578d1;
  margin-right: 6px;
  font-weight: 600;
}

/* 折叠模块样式 - 优化边框和圆角，更显精致 */
#feedbackDetails {
  margin: 12px 0 18px;
  border: 1px solid #e0e0e0; /* 微调边框色，更柔和不突兀 */
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03); /* 轻微阴影，提升层次感，不浮夸 */
  transition: box-shadow 0.2s ease;
}
#feedbackDetails:hover {
  box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* hover阴影加深，提升质感 */
}

/* 折叠标题样式 - 优化背景和交互，贴合工业风简洁感 */
#feedbackSummary {
  font-size: 14px;
  color: #222;
  font-weight: 600;
  padding: 12px 18px;
  box-sizing: border-box;
  background-color: #f5f7fa; /* 微调背景色，更显沉稳 */
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#feedbackSummary:hover {
  background-color: #ebf0f5;
  color: #2578d1; /* hover字体变色，强化交互反馈 */
}
/* 折叠标题箭头优化（默认自带箭头，无需额外添加，优化对齐） */
#feedbackSummary::after {
  content: "▼";
  font-size: 12px;
  color: #666;
  transition: transform 0.2s ease;
}
#feedbackDetails[open] #feedbackSummary::after {
  transform: rotate(180deg); /* 展开时箭头旋转，提升交互体验 */
  color: #2578d1;
}

/* 折叠列表样式 - 优化间距和文字层次 */
#feedbackList {
  padding: 15px 28px;
  box-sizing: border-box;
  margin: 0;
  background-color: #fff;
  list-style-position: inside; /* 列表项对齐更整齐 */
}
#feedbackList li {
  font-size: 14px;
  color: #383838;
  line-height: 2.0;
  margin: 4px 0;
  padding-left: 8px;
  border-left: 2px solid #e0e0e0;
}
#feedbackList li strong {
  color: #2578d1;
  margin-right: 5px;
  font-weight: 600;
}
/* 列表项hover效果，提升细节 */
#feedbackList li:hover {
  color: #2578d1;
  border-left-color: #2578d1;
}

/* 佐证说明样式 - 优化色块和文字，更贴合官网工业风 */
#proofNote {
  margin: 15px 0 20px;
  padding: 12px 18px;
  box-sizing: border-box;
  font-size: 14px;
  color: #383838;
  background-color: #f8f9fa; /* 微调背景色，更沉稳不刺眼 */
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
#noteContent {
  margin: 0;
  line-height: 1.8;
}

/* 适配网页响应式，优化移动端显示，避免错乱 */
@media (max-width: 768px) {
  #caseTitle {
    font-size: 16px;
    margin: 15px 0 12px;
    padding-left: 10px;
  }
  #customerName, #purchaseBackground, #purchaseInfo, #feedbackSummary {
    font-size: 14px;
    padding: 8px 12px;
  }
  #feedbackList {
    padding: 12px 20px;
  }
  #feedbackList li, #noteContent {
    font-size: 12px;
    line-height: 1.8;
  }
  #proofNote {
    padding: 10px 15px;
  }
}
/* 页面容器，限制宽度，居中对齐 */
.pro-detail *{box-sizing:border-box;}
.pro-detail {
max-width: 100%;
margin: 10px auto 30px;
position: relative; /* 为左右箭头定位做准备 */
}
/* 单行滑动容器核心样式 */
        .detail-slide-wrap {
            width: 100%;
            overflow: hidden;
            position: relative;
        }

        /* 滑动列表 - 横向排列，可拖动 */
        .detail-slide-list {
            display: flex;
            gap: 20px;
            transition: transform 0.3s ease;
            cursor: grab;
        }

        .detail-slide-list:active {
            cursor: grabbing;
        }

        /* 细节图缩略图样式（无固定高度，保持宽高比） */
        .detail-thumb-img {
            width: 280px; /* 保留宽度控制，高度自适应保持宽高比 */
            flex-shrink: 0; /* 禁止压缩，保持宽度稳定 */
            object-fit: cover; /* 保持图片内容完整，裁剪多余部分（可选，可改为contain） */
            border-radius: 8px;
            border: 1px solid #e9ecef;
            cursor: pointer;
            transition: all 0.3s ease;
            /* 移除固定height，让图片自适应自身宽高比 */
        }

        /* 悬浮轻微放大，增强交互感 */
        .detail-thumb-img:hover {
            transform: scale(1.03);
            border-color: #3498db;
            box-shadow: 0 4px 8px rgba(52, 152, 219, 0.2);
        }

        /* 左右滑动箭头样式 - 适配自适应场景 */
        .slide-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 48px;
            height: 48px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid #e9ecef;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
        }

        .prev-btn {
            left: 10px;
        }

        .next-btn {
            right: 10px;
        }

        .slide-btn:hover {
            background: #3498db;
            color: #ffffff;
            border-color: #3498db;
        }

        /* 图片放大弹窗样式（核心保留） */
        .img-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.85);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        .modal-img {
            max-width: 90%;
            max-height: 90%;
            border-radius: 8px;
            box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
        }

        .close-modal {
            position: absolute;
            top: 20px;
            right: 30px;
            color: #ffffff;
            font-size: 40px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .close-modal:hover {
            color: #3498db;
        }

        /* 小屏幕适配（仅调整宽度，高度自适应） */
        @media (max-width: 768px) {
            .detail-thumb-img {
                width: 200px; /* 仅缩小宽度，高度随宽高比自适应 */
            }
            .slide-btn{width:30px;height:30px;}
        }

        @media (max-width: 480px) {
            .detail-thumb-img {
                width: 150px; /* 仅缩小宽度，高度随宽高比自适应 */
            }
        }
        /* 头部容器：整体沉稳大气，无冗余阴影 */
        .header-container *{ box-sizing: border-box;}
        .header-container a {
            -webkit-tap-highlight-color: transparent;
            tap-highlight-color: transparent;
            text-decoration: none;
        }
        .header-container button {
            border: none;
            outline: none;
            cursor: pointer;
            background: transparent;
        }
        .header-container ul, .header-container li {
            list-style: none;
        }

        /* 头部容器：整体沉稳大气，无冗余阴影 */
        .header-container {
            width: 100%;
            background-color: #fff;
            position: sticky;
            top: 0;
            z-index: 999;
            border-bottom: 1px solid #f0f2f5;
        }

        /* 顶部电话栏：浅色系品牌蓝，哑光渐变，充足留白 */
        .top-bar {
            width: 100%;
            height: auto;
            background: linear-gradient(90deg, #0088dd 0%, #0099ee 100%);
            color: #ffffff;
            padding: 12px 0;
        }
        .top-bar .container {
            width: 100%;
            max-width: 1440px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            padding: 0 16px;
            align-items: center;
            justify-content: center;
        }

        /* 电话区域包裹层 */
        .top-bar .contact-wrapper {
            display: flex;
            align-items: center;
            width: auto;
            overflow: visible;
            justify-content: center;
        }
        .top-bar .contact-info {
            display: flex;
            gap: 32px;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            min-height: 40px;
            overflow: visible;
        }
        .top-bar .contact-info .contact-item {
            display: flex;
            align-items: center;
            color: #ffffff !important;
            letter-spacing: 0.8px;
            font-size: 15px;
            transition: all 0.3s ease-in-out;
            white-space: nowrap;
            justify-content: center;
            overflow: visible;
            text-overflow: clip;
        }
        .top-bar .contact-info i {
            font-size: 16px;
            margin-right: 8px;
            color: #f0f8ff;
            line-height: 1;
            flex-shrink: 0;
        }

        /* 采购电话 */
        .top-bar .contact-info .purchase-phone {
            font-weight: 600;
            padding: 8px 20px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            backdrop-filter: blur(4px);
            flex-shrink: 0;
            min-width: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
        }
        .top-bar .contact-info .purchase-phone:hover {
            background-color: rgba(255, 255, 255, 0.15);
            transform: translateY(-1px);
        }

        /* 售后电话 */
        .top-bar .contact-info .aftersale-phone {
            font-weight: 500;
            opacity: 0.95;
            flex-shrink: 0;
            min-width: 160px;
        }
        .top-bar .contact-info .aftersale-phone:hover {
            opacity: 1;
            transform: translateY(-1px);
        }

        /* 邮箱 */
        .top-bar .contact-info .email {
            font-size: 14px;
            color: #e6f7ff;
            font-weight: 400;
            opacity: 0.9;
            flex-shrink: 0;
            min-width: 220px;
        }

        /* 在线咨询按钮：精致缩放动画 */
        .top-bar .consult-btn {
            background: linear-gradient(90deg, #ff8c00 0%, #ff9900 100%);
            padding: 10px 28px;
            border-radius: 8px;
            white-space: nowrap;
            font-weight: 600;
            color: #ffffff;
            font-size: 15px;
            letter-spacing: 0.8px;
            line-height: 1;
            min-width: 160px;
            flex-shrink: 0;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: scale(1);
            transform-origin: center center;
            box-shadow: 0 2px 8px rgba(255, 140, 0, 0.2);
            transition: 
                transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.3s ease-in-out,
                background 0.3s ease-in-out;
        }
        .top-bar .consult-btn:hover {
            background: linear-gradient(90deg, #ff7f00 0%, #ff8c00 100%);
            transform: translateY(-3px) scale(1.1);
            box-shadow: 0 6px 20px rgba(255, 140, 0, 0.4);
        }
        .top-bar .consult-btn:active {
            transform: translateY(-1px) scale(1.05);
            box-shadow: 0 3px 12px rgba(255, 140, 0, 0.3);
            transition: all 0.1s ease-in-out;
        }
        .top-bar .consult-btn:not(:hover):not(:active) {
            transition: 
                transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55),
                box-shadow 0.2s ease-in-out,
                background 0.3s ease-in-out;
        }

        /* 导航栏：重新优化垂直对齐，为LOGO适配打下基础 */
        .nav-bar {
            width: 100%;
            height: 88px;
            background-color: #ffffff;
            /* 确保导航栏内元素垂直居中 */
            display: flex;
            align-items: center;
        }
        .nav-bar .container {
            width: 100%;
            max-width: 1440px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center; /* 垂直居中，关键！ */
            height: 100%;
            padding: 0 24px;
        }

        /* ====================================== */
        /* LOGO：重新编写，核心优化移动端适配（重点） */
        /* ====================================== */
        .logo {
            /* 1. 限制最大宽度，桌面端不溢出 */
            max-width: 220px;
            /* 2. 限制最小宽度，移动端不致过小 */
            min-width: 120px;
            /* 3. 宽度自适应，占可用空间但不超出最大/最小宽度 */
            width: 100%;
            /* 4. 确保LOGO容器内图片居中 */
            display: flex;
            align-items: center;
            justify-content: flex-start; /* 桌面端左对齐，移动端自动适配 */
        }
        .logo a {
            /* 继承容器的对齐方式，确保图片不偏移 */
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%;
        }
        .logo img {
            /* 1. 核心：高度跟随导航栏，垂直居中无偏移 */
            height: 70%; /* 改为70%，预留更多上下边距，视觉更舒适 */
            /* 2. 自动保持宽高比，永不拉伸变形（核心） */
            width: auto;
            /* 3. 确保图片完整显示，不裁剪、不溢出 */
            object-fit: contain;
            /* 4. 限制最大宽度，防止超出容器 */
            max-width: 100%;
            /* 5. 限制最小高度，小屏手机上清晰可识别 */
            min-height: 35px;
            /* 6. 微交互保留，不影响适配 */
            transition: all 0.3s ease-in-out;
        }
        .logo img:hover {
            transform: scale(1.03);
        }

        /* 电脑端导航菜单 */
        .nav-menu {
            display: flex;
            gap: 40px;
        }
        .nav-menu li {
            position: relative;
        }
        .nav-menu li a {
            color: #333333;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0.5px;
            padding: 8px 0;
            position: relative;
            transition: all 0.3s ease;
        }
        .nav-menu li a::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #0099ee;
            transition: width 0.3s ease;
        }
        .nav-menu li a:hover,
        .nav-menu li a.active {
            color: #0099ee;
        }
        .nav-menu li a:hover::after,
        .nav-menu li a.active::after {
            width: 100%;
        }

        /* 电脑端二级菜单 */
        .nav-menu li .sub-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            background-color: #ffffff;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            border-radius: 8px;
            width: 220px;
            padding: 16px 0;
            z-index: 999;
        }
        .nav-menu li .sub-menu li {
            padding: 0 24px;
        }
        .nav-menu li .sub-menu li a {
            display: block;
            font-size: 14px;
            padding: 8px 0;
        }
        .nav-menu li .sub-menu li a::after {
            display: none;
        }
        .nav-menu li .sub-menu li a:hover {
            color: #0099ee;
            background-color: #f5f9ff;
            padding-left: 8px;
            margin-left: -8px;
            margin-right: -8px;
            border-radius: 4px;
        }
        .nav-menu li:hover .sub-menu {
            display: block;
            animation: fadeIn 0.3s ease;
        }
        @keyframes fadeIn {
            from {opacity: 0; transform: translateX(-50%) translateY(8px);}
            to {opacity: 1; transform: translateX(-50%) translateY(0);}
        }

        /* 移动端汉堡按钮：确保图标正常显示 */
        .hamburger-btn {
            display: none;
            font-size: 28px;
            color: #0099ee;
            transition: all 0.3s ease;
            z-index: 1000;
            padding: 4px;
        }
        .hamburger-btn:hover {
            color: #0088dd;
            transform: scale(1.05);
        }
        /* 汉堡/关闭图标样式保障 */
        .hamburger-btn i {
            font-size: 28px !important;
            color: #0099ee !important;
            line-height: 1;
        }
        .hamburger-btn i.fa-times {
            color: #ff7f00 !important;
        }

        /* 移动端折叠菜单 */
        .mobile-nav {
            display: none;
            width: 100%;
            background-color: #ffffff;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            padding: 16px 0;
            border-bottom: 1px solid #f0f2f5;
        }
        .mobile-nav ul {
            width: 100%;
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .mobile-nav ul li {
            border-bottom: 1px solid #f5f7fa;
            padding: 16px 0;
            position: relative;
        }
        .mobile-nav ul li:last-child {
            border-bottom: none;
        }
        .mobile-nav ul li a {
            color: #333333;
            font-size: 16px;
            font-weight: 500;
            display: block;
            transition: color 0.3s ease;
        }
        .mobile-nav ul li a:hover,
        .mobile-nav ul li a.active {
            color: #0099ee;
        }

        /* 移动端二级菜单 */
        .mobile-nav ul li .has-sub::after {
            content: "\f107";
            font-family: "FontAwesome";
            position: absolute;
            right: 0;
            top: 10px;
            color: #666666;
            font-size: 24px;
            transition: all 0.3s ease;
        }
        .mobile-nav ul li .has-sub.active::after {
            transform: rotate(180deg);
            color: #0099ee;
        }
        .mobile-nav ul li .mobile-sub-menu {
            display: none;
            margin-top: 12px;
            padding-left: 16px;
        }
        .mobile-nav ul li .mobile-sub-menu li {
            border-bottom: none;
            padding: 8px 0;
        }
        .mobile-nav ul li .mobile-sub-menu li a {
            font-size: 14px;
            color: #666666;
            font-weight: 400;
        }
        .mobile-nav ul li .mobile-sub-menu li a:hover {
            color: #0099ee;
            padding-left: 8px;
        }

        /* 媒体查询1：大屏适配（1440px以上） */
        @media (min-width: 1441px) {
            .top-bar .container,
            .nav-bar .container,
            .mobile-nav ul {
                padding: 0 40px;
            }
            .nav-menu {
                gap: 48px;
            }
            .top-bar .contact-info {
                gap: 40px;
            }
            .top-bar .contact-info .purchase-phone {
                min-width: 220px;
            }
            .top-bar .consult-btn {
                min-width: 180px;
            }
            .top-bar .consult-btn:hover {
                transform: translateY(-4px) scale(1.12);
                box-shadow: 0 8px 24px rgba(255, 140, 0, 0.45);
            }
        }

        /* 媒体查询2：平板端（769px ~ 992px） */
        @media (max-width: 992px) and (min-width: 769px) {
            .top-bar .contact-info {
                gap: 20px;
            }
            .top-bar .consult-btn {
                min-width: 140px;
                padding: 8px 24px;
                font-size: 14px;
            }
            .top-bar .contact-info .contact-item {
                font-size: 14px;
            }
            .top-bar .contact-info .purchase-phone {
                min-width: 180px;
                padding: 6px 16px;
            }
            .top-bar .contact-info .aftersale-phone {
                min-width: 140px;
            }
            .top-bar .contact-info .email {
                min-width: 200px;
                font-size: 13px;
            }
            .nav-menu {
                gap: 24px;
            }
            .nav-menu li a {
                font-size: 15px;
            }
            /* LOGO：平板端微调，保持协调 */
            .logo {
                max-width: 200px;
                min-width: 110px;
            }
            .nav-bar {
                height: 72px;
            }
            .top-bar .consult-btn:hover {
                transform: translateY(-2px) scale(1.07);
                box-shadow: 0 4px 16px rgba(255, 140, 0, 0.35);
            }
        }

        /* 媒体查询3：移动端（768px以下）- LOGO适配核心微调 */
        @media (max-width: 768px) {
            .top-bar {
                padding: 12px 0;
            }
            .top-bar .container {
                padding: 0 16px;
                gap: 12px;
            }
            .top-bar .contact-info .aftersale-phone,
            .top-bar .contact-info .email {
                display: none !important;
            }
            .top-bar .contact-info {
                gap: 0;
                justify-content: center;
                width: 100%;
                min-height: 44px;
            }
            .top-bar .consult-btn {
                min-width: 140px;
                padding: 10px 24px;
                font-size: 14px;
                width: 100%;
            }
            .top-bar .contact-info .contact-item {
                font-size: 14px;
                width: 100%;
            }
            .top-bar .contact-info .purchase-phone {
                padding: 8px 20px;
                min-width: unset;
                width: 100%;
            }
            .nav-bar {
                height: 72px; /* 移动端导航栏高度 */
            }
            .nav-bar .container {
                padding: 0 16px; /* 移动端内边距缩小，给LOGO更多空间 */
            }
            /* LOGO：移动端核心适配，确保不拥挤、不偏小 */
            .logo {
                max-width: 180px; /* 移动端最大宽度 */
                min-width: 100px; /* 移动端最小宽度，防止过小 */
            }
            .logo img {
                height: 65%; /* 移动端微调高度，视觉更协调 */
                min-height: 30px; /* 小屏手机最小高度，清晰可识别 */
            }
            .nav-menu {
                display: none !important;
            }
            .hamburger-btn {
                display: block !important;
            }
            .top-bar .consult-btn:hover {
                transform: translateY(-2px) scale(1.03);
                box-shadow: 0 3px 12px rgba(255, 140, 0, 0.3);
            }
        }

        /* 媒体查询4：极端小屏（375px以下）- LOGO最终适配保障 */
        @media (max-width: 375px) {
            .top-bar .container {
                flex-direction: column;
                padding: 16px 16px;
                gap: 12px;
            }
            .top-bar .contact-info {
                width: 100%;
                justify-content: center;
                min-height: 44px;
            }
            .top-bar .contact-info .purchase-phone {
                padding: 10px 20px;
                font-size: 14px;
                width: 100%;
                text-align: center;
            }
            .top-bar .consult-btn {
                width: 100%;
                padding: 12px 0;
                font-size: 14px;
                text-align: center;
            }
            /* LOGO：极端小屏最终微调，确保无偏移、清晰可见 */
            .logo {
                max-width: 150px; /* 极端小屏最大宽度 */
                min-width: 90px; /* 极端小屏最小宽度 */
            }
            .logo img {
                height: 60%; /* 极端小屏高度微调，避免拥挤 */
                min-height: 28px; /* 极端小屏最小高度保障 */
            }
            .nav-bar {
                height: 64px; /* 极端小屏导航栏高度缩小 */
            }
            .top-bar .consult-btn:hover {
                transform: translateY(-1px) scale(1.01);
                box-shadow: 0 2px 8px rgba(255, 140, 0, 0.25);
            }
        }

        /* 通用显隐类 */
        .mobile-nav.show {
            display: block;
            animation: fadeIn 0.3s ease;
        }
        /* 底部整体容器 - 纯黑背景+显眼亮蓝点缀 */
        .yz-footer {
            background: linear-gradient(180deg, #111111 0%, #000000 100%); /* 纯黑渐变背景，增强对比 */
            color: #F5F5F5; /* 浅灰白文字，基础可读性 */
            font-size: 14px;
            padding: 60px 0 30px;
            margin-top: auto;
            border-top: 3px solid #0099FF; /* 显眼亮蓝顶边，视觉焦点 */
            box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5);
        }
        /* 底部内容容器 - 1200px居中，统一全站布局 */
        .yz-footer *{
            box-sizing: border-box;
        }
        .yz-footer-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* 底部模块通用间距 - 大气统一 */
        .yz-footer-module {
            margin-bottom: 40px;
        }

        /* 模块标题 - 亮蓝工业风排版（通用样式） */
        .yz-foot-module-title {
            font-size: 20px;
            color: #FFFFFF; /* 纯白标题，对比鲜明 */
            font-weight: 600;
            margin-bottom: 30px;
            padding-bottom: 15px;
            letter-spacing: 1px;
            position: relative;
            cursor: default;
        }
        .yz-foot-module-title::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background-color: #0099FF;
            border-radius: 1px;
        }

        /* 总部直营标识 - 显眼亮蓝，自然不堆砌 */
        .yz-foot-hq-tag {
            display: inline-block;
            font-size: 12px;
            color: #FFFFFF;
            background-color: #0099FF;
            padding: 10px;
            border-radius: 4px;
            margin-left: 10px;
            font-weight: 500;
            opacity: 0.95;
        }

        /* 通用列表样式 - 统一全站间距与排版 */
        .yz-foot-list {
            display: flex;
            flex-wrap: wrap;
            gap: 16px 24px;
            list-style: none;
        }

        .yz-foot-list-item {
            flex: 0 0 calc(11.11% - 21px);
            white-space: nowrap;
            line-height: 2;
        }

        /* 联系我们模块 - 亮蓝点缀，自然体现直营 */
        .yz-foot-contact-wrap {
            display: flex;
            align-items: flex-start;
            gap: 60px;
            flex-wrap: wrap;
            max-height: none !important;
            overflow: visible !important;
        }

        .yz-foot-contact-info {
            flex: 1;
            min-width: 300px;
        }

        .yz-foot-contact-list {
            flex-direction: column;
            gap: 18px 0;
        }

        .yz-foot-contact-item {
            font-size: 15px;
            color: #F5F5F5; /* 浅灰白文字，清晰可读 */
            display: flex;
            align-items: center;
            gap: 15px;
        }

        /* 直营标语 - 显眼亮蓝边框，自然突出 */
        .yz-foot-direct-tip {
            font-weight: 500;
            color: #0099FF; /* 显眼亮蓝，突出重点 */
            border-left: 3px solid #0099FF;
            padding-left: 12px;
            margin-bottom: 8px;
            font-size: 14px;
            opacity: 0.95;
        }

        .yz-foot-contact-item .yz-foot-label {
            color: #FFFFFF; /* 纯白标签，对比鲜明 */
            min-width: 90px;
            display: inline-block;
            font-weight: 600;
        }

        /* 电话链接 - 显眼亮蓝，移动端可点击突出 */
        .yz-foot-contact-item a.yz-foot-tel-link {
            font-size: 16px;
            font-weight: 600;
            color: #0099FF; /* 显眼亮蓝，与黑底强对比 */
            text-decoration: none;
            transition: all 0.3s ease;
        }

        /* 邮箱链接 - 同电话链接的显眼亮蓝 */
        .yz-foot-contact-item a[href^="mailto"] {
            font-size: 15px;
            font-weight: 500;
            color: #0099FF; /* 显眼亮蓝，与黑底强对比 */
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative;
        }

        /* 通用链接 - 亮蓝hover，全站统一交互（排除城市/友情链接） */
        .yz-foot-list-item a:not(.yz-foot-city-link):not(.yz-foot-friend-link) {
            color: #F5F5F5;
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative;
        }

        .yz-foot-list-item a:not(.yz-foot-city-link):not(.yz-foot-friend-link):hover,
        .yz-foot-contact-item a[href^="mailto"]:hover {
            color: #0099FF;
        }

        .yz-foot-list-item a:not(.yz-foot-city-link):not(.yz-foot-friend-link)::after,
        .yz-foot-contact-item a[href^="mailto"]::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 1px;
            background-color: #0099FF;
            transition: width 0.3s ease;
        }

        .yz-foot-list-item a:not(.yz-foot-city-link):not(.yz-foot-friend-link):hover::after,
        .yz-foot-contact-item a[href^="mailto"]:hover::after {
            width: 100%;
        }

        /* 电话链接hover - 亮蓝背景，移动端突出 */
        .yz-foot-contact-item a.yz-foot-tel-link:hover {
            color: #FFFFFF;
            background-color: #0099FF;
            padding: 2px 8px;
            border-radius: 4px;
        }

        /* 二维码容器 - 工业风+亮蓝协调 */
        .yz-foot-qrcode-wrap {
            display: flex;
            gap: 30px;
            flex-wrap: wrap;
            align-items: center;
        }

        .yz-foot-qrcode-item {
            text-align: center;
        }

        .yz-foot-qrcode-img {
            width: 100px;
            height: 100px;
            background-color: #FFFFFF;
            border-radius: 4px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000000;
            font-size: 12px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(0, 153, 255, 0.2);
            transition: transform 0.3s ease;
        }

        .yz-foot-qrcode-img:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 16px rgba(0, 153, 255, 0.25);
        }

        .yz-foot-qrcode-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .yz-foot-qrcode-desc {
            font-size: 13px;
            color: #FFFFFF;
            line-height: 1.5;
        }

        /* 备案信息模块 - 亮蓝协调，自然体现身份 */
        .yz-foot-record-info {
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            text-align: center;
            font-size: 13px;
            color: #B0B7C3; /* 浅灰文字，清晰不刺眼 */
            line-height: 2.2;
            margin-top: 30px;
        }

        .yz-foot-direct-desc {
            font-size: 14px;
            color: #0099FF;
            margin-bottom: 10px;
            font-weight: 500;
            opacity: 0.95;
        }

        .yz-foot-record-info p {
            margin-bottom: 10px;
        }

        .yz-foot-record-info a {
            color: #B0B7C3;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .yz-foot-record-info a:hover {
            color: #0099FF;
        }

        /* 网站地图标注 - 亮蓝辅助色 */
        .yz-foot-sitemap-link {
            margin: 0 10px;
        }

        .yz-foot-sitemap-type {
            font-size: 12px;
            color: #8A94A6;
            margin-left: 5px;
        }

        /* 公安备案图标 - 适配亮蓝体系 */
        .yz-foot-police-record {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            vertical-align: middle;
        }

        .yz-foot-police-record img {
            width: 18px;
            height: 18px;
            display: inline-block;
        }

        /* -------- 城市分站模块（独立样式，不受干扰） -------- */
        .yz-foot-city-module {
            margin: 0 0 40px 0 !important; /* 恢复通用模块间距 */
            padding: 0 !important; /* 取消额外内边距 */
            border-top: none !important; /* 取消多余边框 */
            text-align: left !important; /* 恢复左对齐，与其他模块统一 */
        }
        /* 城市分站标题 - 恢复通用样式，不弱化 */
        .yz-foot-city-module .yz-foot-module-title {
            font-size: 20px !important; /* 恢复原尺寸 */
            color: #FFFFFF !important; /* 恢复纯白 */
            margin-bottom: 30px !important; /* 恢复原间距 */
            padding-bottom: 15px !important; /* 恢复原间距 */
            letter-spacing: 1px !important; /* 恢复原间距 */
            text-align: left !important; /* 恢复左对齐 */
        }
        /* 城市分站标题装饰线 - 恢复通用样式 */
        .yz-foot-city-module .yz-foot-module-title::before {
            width: 40px !important; /* 恢复原宽度 */
            background-color: #0099FF !important; /* 恢复亮蓝 */
        }
        /* 城市分站列表 - 恢复通用样式 */
        .yz-foot-city-module .yz-foot-list {
            justify-content: flex-start !important; /* 恢复左对齐 */
            gap: 16px 24px !important; /* 恢复通用间距 */
        }
        .yz-foot-city-module .yz-foot-list-item {
            flex: 0 0 calc(11.11% - 21px) !important; /* 恢复固定宽度 */
            font-size: 14px !important; /* 恢复原字体大小 */
            line-height: 2 !important; /* 恢复原行高 */
        }
        /* 城市分站链接 - 独立样式，不受友情链接干扰 */
        .yz-foot-city-link {
            color: #F5F5F5 !important; /* 浅灰白，与通用链接一致 */
            text-decoration: none !important;
            transition: color 0.3s ease !important;
        }
        .yz-foot-city-link:hover {
            color: #0099FF !important; /* hover亮蓝，保持交互统一 */
        }
        .yz-foot-main-site-link {
            font-weight: 600 !important; /* 加粗突出主站 */
        }
        /* -------- 友情链接模块（优化后弱化样式，仅自身生效） -------- */
        .yz-foot-friend-link-wrap {
            margin: 40px 0 0 0;
            padding: 20px 0 0 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        /* 友情链接标题 - 更低调的样式 */
        .yz-foot-friend-link-title {
            font-size: 13px;
            color: #707A8A;
            font-weight: 400;
            margin-bottom: 12px;
            text-align: center;
            letter-spacing: 0;
            position: relative;
        }
        .yz-foot-friend-link-title::before {
            display: none; /* 移除装饰线，进一步弱化 */
        }
        /* 友情链接列表 - 更紧凑、更低调 */
        .yz-foot-friend-link-list {
            justify-content: center;
            gap: 6px 18px !important;
            font-size: 12px;
        }
        .yz-foot-friend-link-list .yz-foot-list-item {
            flex: 0 0 auto !important;
            line-height: 1.7 !important;
        }
        /* 友情链接 - 极致弱化，仅自身生效 */
        .yz-foot-friend-link {
            color: #5A6678 !important;
            text-decoration: none !important;
            transition: color 0.2s ease !important;
            position: relative;
        }
        .yz-foot-friend-link:hover {
            color: #707A8A !important; /* hover仅轻微变亮，不突兀 */
        }
        .yz-foot-friend-link::after {
            display: none !important; /* 移除hover下划线，彻底弱化 */
        }

        /* 响应式 - 平板端 */
        @media (max-width: 1024px) {
            .yz-foot-list-item {
                flex: 0 0 calc(16.66% - 20px);
            }
            .yz-foot-contact-wrap {
                gap: 40px;
            }
            /* 城市分站平板端 - 保持独立样式 */
            .yz-foot-city-module .yz-foot-list-item {
                flex: 0 0 calc(16.66% - 20px) !important;
            }
        }

        /* 响应式 - 手机端（核心调整：电话可点击+隐藏非核心模块） */
        @media (max-width: 768px) {
            /* 移动端隐藏友情链接，城市分站也隐藏（保持原逻辑） */
            .yz-foot-friend-link-wrap,
            .yz-foot-city-module {
                display: none !important;
            }

            .yz-footer {
                padding: 40px 0 20px;
                background: #000000; /* 移动端纯黑背景，提升对比 */
            }

            .yz-footer-module {
                margin-bottom: 30px;
            }

            .yz-foot-module-title {
                font-size: 18px;
                margin-bottom: 20px;
                padding-bottom: 12px;
            }

            .yz-foot-contact-wrap {
                flex-direction: column;
                gap: 30px;
            }

            .yz-foot-contact-info {
                min-width: 100%;
            }

            .yz-foot-contact-list {
                gap: 15px 0;
            }

            .yz-foot-contact-item {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;
            }

            /* 移动端电话链接：放大+亮蓝突出，可直接拨号 */
            .yz-foot-contact-item a.yz-foot-tel-link {
                font-size: 18px;
                display: block;
                width: 100%;
                text-align: center;
                padding: 10px;
                border: 2px solid #0099FF;
                border-radius: 6px;
                color: #0099FF;
                background-color: rgba(0, 153, 255, 0.1);
            }

            .yz-foot-contact-item a.yz-foot-tel-link:hover {
                background-color: #0099FF;
                color: #FFFFFF;
            }

            /* 移动端邮箱链接也放大，保持显眼 */
            .yz-foot-contact-item a[href^="mailto"] {
                font-size: 16px;
                width: 100%;
                display: block;
            }

            .yz-foot-contact-item .yz-foot-label {
                min-width: auto;
                font-size: 15px;
            }

            .yz-foot-direct-tip {
                padding-left: 10px;
                font-size: 15px;
            }

            .yz-foot-qrcode-wrap {
                justify-content: flex-start;
            }

            .yz-foot-qrcode-img {
                width: 90px;
                height: 90px;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            }

            .yz-foot-record-info {
                font-size: 12px;
                padding-top: 20px;
                margin-top: 20px;
                line-height: 2;
                margin-bottom: 60px;
            }

            .yz-foot-police-record img {
                width: 16px;
                height: 16px;
            }
        }

        /* 响应式 - 小屏手机 */
        @media (max-width: 480px) {
            .yz-foot-list-item {
                flex: 0 0 calc(50% - 12px);
            }
        }
/* 全局基础样式（仅适配证书版块） */
.carousel-container * {
            box-sizing: border-box;
        }
        /* 轮播容器 */
        .carousel-container {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            width: 100%;
            max-width: 1200px;
            padding: 0 20px;
            margin: 50px auto;
            box-sizing: border-box;
        }

        /* 轮播内容 */
        .carousel-content {
            display: flex;
            transition: transform 0.5s ease;
            width: 100%;
        }

        /* 轮播项 - 自适应宽度 */
        .carousel-item {
            flex: 0 0 auto;
            width: 100%; /* 默认移动端全屏 */
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #fff;
            /* 适配竖图 - 限制最小高度 */
            min-height: 500px;
        }

        /* 资质图片样式 - 适配竖图 */
        .qualification-img {
            max-width: 100%;
            /* 竖图优先限制宽度，保证高度完整展示 */
            max-height: 450px; 
            width: auto;
            cursor: pointer;
            transition: transform 0.3s ease;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
        }

        .qualification-img:hover {
            transform: scale(1.02);
        }

        /* 轮播箭头 */
        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: rgba(42, 92, 170, 0.8); /* 主色调半透明 */
            color: #fff;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10;
            transition: background-color 0.3s ease;
        }

        .carousel-arrow:hover {
            background-color: #2a5caa; /* 主色调 */
        }

        .arrow-left {
            left: 15px;
        }

        .arrow-right {
            right: 15px;
        }

        /* 图片放大遮罩层 - 默认不显示 */
       div#imgPreviewOverlay{display:none;}
        .modal-content {
            /* 竖图放大时优先限制高度，保证完整展示 */
            max-height: 90vh;
            max-width: 90%;
            width: auto;
        }
        /* 响应式适配 - 不同宽度展示调整 */
        @media (min-width: 768px) {
            .carousel-item {
                width: 50%; /* 平板端一行2个 */
                min-height: 400px;
            }
        }

        @media (min-width: 992px) {
            .carousel-item {
                width: 33.333%; /* 桌面端一行3个 */
                min-height: 350px;
            }
        }

        @media (min-width: 1200px) {
            .carousel-item {
                width: 25%; /* 大屏端一行4个 */
                min-height: 300px;
            }
        }
/* 搜索关键词模块整体容器 - 贴合官网留白和边框风格 */
.search-keyword-module *{box-sizing: border-box;}
 /* 搜索关键词模块整体容器 - 贴合官网留白和边框风格 */
.search-keyword-module {
            width: 100%;
            max-width: 1200px;
            margin: 15px auto;
            padding: 20px;
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            border-radius: 0;
            box-sizing: border-box;
        }
        .keyword-title {
            font-size: 16px;
            color: #333333;
            margin: 0 0 12px 0;
            font-weight: 600;
            line-height: 1.4;
        }
        .hot-keywords {
            list-style: none;
            padding: 0;
            margin: 0 0 20px 0;
            display: flex;
            flex-wrap: wrap;
            gap: 8px 12px;
            width: 100%;
        }
        .hot-keywords li {
            margin: 0;
            flex-shrink: 0;
        }
        .hot-keywords a {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 15px;
            background-color: #f5f5f5;
            border: 1px solid #dddddd;
            color: #333333;
            text-decoration: none;
            font-size: 14px;
            line-height: 1;
            transition: all 0.2s linear;
            white-space: nowrap;
        }
        .hot-keywords a.special-keyword {
            background-color: #e8f4ff;
            border-color: #0056b3;
            color: #0056b3;
            font-weight: 500;
            box-shadow: none;
            padding: 7px 15px;
            border-radius: 0;
        }
        .hot-keywords a.special-keyword::before {
            font-size: 14px;
            line-height: 1;
        }
        .hot-keywords a.download-keyword::before { content: "📁"; }
        .hot-keywords a.video-keyword::before { content: "🎬"; }
        .hot-keywords a.solution-keyword::before { content: "🔧"; } 
        .hot-keywords a:hover {
            background-color: #0056b3;
            border-color: #0056b3;
            color: #ffffff;
        }
        .hot-keywords a.special-keyword:hover {
            background-color: #0056b3;
            border-color: #004085;
            color: #ffffff;
            transform: none;
            box-shadow: 0 2px 4px rgba(0, 86, 179, 0.1);
        }
        .search-form {
            display: flex;
            align-items: center;
            gap: 10px;
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 15px;
            box-sizing: border-box;
            position: relative; /* 必须保留，下拉列表定位用 */
        }
        #product-search-input {
            flex: 1;
            height: 42px;
            padding: 0 15px;
            border: 1px solid #e6e6e6;
            color: #333;
            font-size: 14px;
            outline: none;
            transition: border-color 0.2s linear;
        }
        #product-search-input:focus { border-color: #0056b3; }
        #product-search-input::placeholder { color: #999999; font-size: 13px; }
        #search-btn {
            height: 42px;
            min-width: 100px;
            padding: 0 25px;
            background-color: #0056b3;
            color: #ffffff;
            border: none;
            font-size: 14px;
            cursor: pointer;
            transition: background-color 0.2s linear;
        }
        #search-btn:hover { background-color: #004085; }
        
        /* 搜索历史/联想列表核心样式（必须保留） */
        .search-suggest-list {
            position: absolute;
            top: 100%;
            left: 15px;
            right: 15px;
            margin-top: 5px;
            background: #fff;
            border: 1px solid #e6e6e6;
            list-style: none;
            max-height: 200px;
            overflow-y: auto;
            z-index: 999;
            display: none;
        }
        .search-suggest-list.show { display: block; }
        .search-suggest-list li {
            padding: 10px 15px;
            font-size: 14px;
            color: #333;
            cursor: pointer;
            transition: background-color 0.2s;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .search-suggest-list li:hover { background-color: #e8f4ff; }
        .clear-history {
            font-size: 12px;
            color: #0056b3;
            cursor: pointer;
            padding: 5px;
        }
        .clear-history:hover { color: #004085; text-decoration: underline; }
        .history-title, .suggest-title {
            font-weight: 500;
            color: #999;
            border-bottom: 1px solid #f5f5f5;
        }

        /* 移动端适配样式（保留） */
        @media (max-width: 768px) {
            .search-keyword-module {
                padding: 15px;
                margin: 10px auto;
                width: calc(100% - 20px);
                max-width: none;
            }
            .hot-keywords { gap: 6px 8px; margin: 0 0 15px 0; justify-content: flex-start; }
            .hot-keywords a { padding: 6px 10px; font-size: 13px; gap: 4px; }
            .hot-keywords a.special-keyword { padding: 6px 10px; }
            .search-form {
                flex-direction: column;
                gap: 10px;
                max-width: 100%;
                padding: 0 15px;
                margin: 0;
            }
            #product-search-input, #search-btn { width: 100%; height: 40px; }
            #search-btn { min-width: unset; }
            .search-suggest-list { left: 15px; right: 15px; font-size: 13px; }
            .search-suggest-list li { padding: 8px 12px; }
        }
        @media (max-width: 375px) {
            .keyword-title { font-size: 15px; }
            .hot-keywords { gap: 5px 6px; }
            .hot-keywords a { padding: 5px 8px; font-size: 12px; }
            .hot-keywords a.special-keyword { padding: 5px 8px; font-size: 12px; }
            .search-form { padding: 0 10px; }
            .search-suggest-list { left: 10px; right: 10px; font-size: 12px; }
            .search-suggest-list li { padding: 7px 10px; }
        }
.solution-scene img {
    width: 100%;
}
/*新闻版块首页版本二*/
/* 容器 */
.nb-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 新闻模块 */
.nb-news *{
box-sizing: border-box;
}
.nb-news__header {
  text-align: center;
  margin-bottom: 50px;
}
.nb-news__title {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 12px;
  letter-spacing: 1px;
}
.nb-news__title:after {
    content: "";
    display: block;
    background-color: #cccccc;
    height: 2px;
    width: 30px;
    margin: 10px auto;
}
.nb-news__desc {
  color: #666;
}

/* 标签 */
.nb-news__tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.nb-tab {
  padding: 14px 32px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #e2e8f0; /* 浅灰边框，适配整体 */
  font-size: 16px;
  color: #4a5568; /* 标签默认文字色 */
  cursor: pointer;
  transition: all 0.3s ease;
}
.nb-tab.active {
  background: #4299e1; /* 主色调：柔和商务蓝，不突兀 */
  color: #fff;
  border-color: #4299e1;
}
.nb-tab:hover:not(.active) {
  border-color: #cbd5e0; /* 悬浮浅灰蓝，不刺眼 */
  color: #2d3748;
}

/* 内容 */
.nb-news__panel {
  display: none;
}
.nb-news__panel.active {
  display: block;
  animation: nbFade 0.4s forwards;
}
@keyframes nbFade {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 文章网格 */
.nb-news__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .nb-news__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .nb-news__grid {
    grid-template-columns: 1fr;
  }
}

/* 文章卡片（适配整体色调） */
.nb-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03); /* 更浅的阴影，不突兀 */
  border: 1px solid #f0f4f8; /* 极浅边框，和网站融合 */
  transition: all 0.3s ease;
}
.nb-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(66, 153, 225, 0.08); /* 悬浮带轻微主色调阴影 */
  border-color: #e8f4f8;
}
.nb-card__media {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.nb-card__body {
  padding: 26px;
}
.nb-card__date {
  font-size: 14px;
  color: #a0aec0; /* 浅灰蓝日期色 */
  margin-bottom: 10px;
}
.nb-card__title {
  font-size: 16px;
  font-weight: 500;
  color: #2d3748; /* 深灰蓝标题 */
  margin-bottom: 12px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.nb-card__excerpt {
  font-size: 14px;
  color: #718096; /* 浅灰蓝摘要 */
  line-height: 1.6;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.nb-card__more {
  font-size: 14px;
  color: #4299e1; /* 主色调：商务蓝 */
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.nb-card__more::after {
  content: "→";
  transition: transform 0.2s;
}
.nb-card__more:hover::after {
  transform: translateX(3px);
}

/* 更多按钮 */
.nb-news__more {
  text-align: right;
  margin-bottom: 50px;
}
.nb-news__more a {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 50px;
  border: 1px solid #4299e1; /* 主色调边框 */
  color: #4299e1; /* 主色调文字 */
  font-size: 14px;
  transition: all 0.3s;
}
.nb-news__more a:hover {
  background: #4299e1;
  color: #fff;
  box-shadow: 0 4px 12px rgba(66, 153, 225, 0.2);
}

/* 底部总入口 */
.nb-news__footer {
  text-align: center;
  padding-top: 30px;
  border-top: 1px solid #e2e8f0; /* 浅灰分隔线 */
}
.nb-news__all {
  display: inline-block;
  padding: 14px 40px;
  border-radius: 50px;
  background: #4299e1; /* 主色调背景 */
  color: #fff;
  font-size: 15px;
  transition: all 0.3s;
  box-shadow: 0 4px 12px rgba(66, 153, 225, 0.15);
}
.nb-news__all:hover {
  background: #3182ce; /* 主色调加深，hover效果 */
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(66, 153, 225, 0.2);
  color:#fff;
}