*{margin:0;padding:0;}

  
html {
    --default-h: 80px;
    --header-small-height: 80px;
    --scroll-w: 4px;
    --vw: 100vw;
    --vwmini: calc(var(--vw) - var(--scroll-w));
    --hvw: clamp(0px, calc(100vw - var(--scroll-w)), 1920px);
    /* --hvw: 100%; */
    --bettwen-pad: 5vw;
    --main-color: #C39F58;
    --main-hover-color: #C39F58;
    --main-color-rgb: 246, 117, 36;
    --main-hover-color-rgb: 10, 76, 154;
    --main-third-color: #C39F58;
    --main-third-hover-color: #C39F58;
    --main-third-color-rgb: 73, 151, 203;
    --main-third-hover-color-rgb: 18, 101, 199;
    --linear-color: linear-gradient(124deg, #ebb13c, #ed7841);
    --linear-color-h: linear-gradient(-124deg, #ebb13c, #ed7841);
    --background: linear-gradient(-34deg, #ed7841 0%, #ebb13c 100%),
    linear-gradient(#f67524, #f67524);
    --background-hover: linear-gradient(-34deg, #ed7841 100%, #ebb13c 0%),
    linear-gradient(#f67524, #f67524);
    --win-width-1920: 100vw;
    --bettwen-full-pad: calc((100vw - var(--wrap-full-width)) / 2);
    --bettwen-1760-pad: calc((100vw - var(--wrap-1760-width)) / 2);
    --bettwen-1680-pad: calc((100vw - var(--wrap-1680-width)) / 2);
    --bettwen-1470-pad: calc((100vw - var(--wrap-1470-width)) / 2);
    --bettwen-1300-pad: calc((100vw - var(--wrap-1300-width)) / 2);
    --bettwen-1200-pad: calc((100vw - var(--wrap-1200-width)) / 2);
}


::-webkit-scrollbar {
    border-radius: 1.5px;
    width: 6px;
    height: 4px;
    background-color: #dfdfdf;
}

::-webkit-scrollbar-track {
    border-radius: 1.5px;
    background-color: #dfdfdf;
}

::-webkit-scrollbar-thumb {
    border-radius: 1.5px;
    background-color: var(--main-color);
}

body{margin:0;padding:0;color:#000;font-size:14px; line-height: 1.6; background:#FFF; font-family: "Hiragino Sans GB", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:inherit;line-height:inherit; font-family: "Hiragino Sans GB", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
ul li{list-style:none;}
input{ -webkit-appearance: none;  font-family: "Hiragino Sans GB", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
textarea{ -webkit-appearance: none; resize:none;}
input::-webkit-input-safebox-button{display: none;}
select{ -webkit-appearance: none; }
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none;}
a{cursor:pointer; color: #000;transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
a:hover{color: #C39F58}
a,a img{border:none;outline:none;cursor:pointer;text-decoration:none;background:none;}
span:focus,img:focus,button:focus{outline:none; border:none;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline:none;}
a:focus,a:hover{text-decoration:none;outline:none; }
/*a:hover{-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
*/select,select:focus,select:active{outline:none;}
input:focus,textarea:focus,select:focus{outline:none; border: #C39F58 solid 1px;}
.form-control::-moz-placeholder{color:#CCC;opacity:1}
.form-control:-ms-input-placeholder{color:#CCC}
.form-control::-webkit-input-placeholder{color:#CCC}
.but_class{font-size: 14px; padding:10px 20px; margin: 0px auto; width: 100%; max-width:200px; text-align: center;  border:#D9D9D9 solid 1px; color: #000;  border-radius:90px; display:block;}
.but_class:hover{background: #C39F58; color: #fff; }

.caretl{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px;}
/**/
.container{max-width:1600px;width: 96%;padding: 0px;margin: 0 auto;}
.title_li{font-size: 48px; font-weight: bold; text-align: center}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after ,.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after{ content:""}
.top{display:inline-block; width: 100%; text-align:center; position:relative; z-index:2; transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}

/* 旧导航样式已迁移至 /porlay/css/nav.css */


.banner{display:block;width: 100%;margin-top: 70px;}
.banner .swiper-container{position: relative;}
.banner_swiper_Pagination{  margin: 0px auto;  position:absolute; top:50%; left:20px; right:20px}
.banner_swiper_Pagination .swiper-button-next.swiper-button-white, .banner_swiper_Pagination .swiper-container-rtl .swiper-button-prev.swiper-button-white{background:url(../images/a_right.png) center center no-repeat; background-size:100% auto; right: 0px;}
.banner_swiper_Pagination .swiper-button-prev.swiper-button-white, .banner_swiper_Pagination .swiper-container-rtl .swiper-button-next.swiper-button-white{background:url(../images/a_left.png) center center no-repeat; background-size:100% auto; left: 0px;}

.banner_swiper_Pagination .swiper-button-next, .banner_swiper_Pagination .swiper-button-prev{ width: 20px; height: 36px; margin-top: -18PX;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom:20px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:5px 3px;}
.banner .swiper-pagination-bullet{ width:10px; height:10px;background:#fff; border-radius:20px;opacity:.5; position: relative}
.banner .swiper-pagination-bullet-active{background:#C39F58; opacity:1;}
.banner .swiper-pagination-bullet-active:after{ position: absolute; border: #fff solid 2px; left: -4px; top: -4px; width: 17px; height: 17px; content:""; display:none; border-radius: 100%}

.banner_ct{display:block;width:100%;padding:0;position:relative;overflow:hidden;}
.banner_ct_txt{display:none;}
.banner_ct_img{display:block;width:100%;}
.banner_ct_img img{width:100%;height:auto;display:block;object-fit:cover;}

.banner_ct .but_class{border-color: #fff; color: #fff;}
.banner_ct .but_class:hover{border-color: #C39F58;}


.swiper-button-next, .swiper-button-prev{ width:26px; height:44px; z-index:9!important}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: .2;}

.home_about{background:url(../images/about_bg.jpg) center top no-repeat #fff; padding:50px 0px 80px; }
.home_about_width{display: table; width: 100%; }
.home_about_txt{display: block; font-size: 16px; text-align: center; padding:20px 40px;}
.home_about_txt_ct{font-size: 18px; color: #666;}
.home_about_txt_but{padding:30px 0px;}
.home_about_video{display: table-cell; vertical-align: middle; width: 500px;}
.home_about_mub{display: block; overflow: hidden; padding:20px 0px;}
.home_about_mub_li{width: 25%; color: #fff; text-align: center; float: left; border-right: 1px solid rgba(255,255,255,0.15);}
.home_about_mub_li:nth-last-child(1){border: none;}
.home_about_mub_li_title{display: block; padding-bottom: 10px;}
.home_about_mub_li b{display:inline-block; line-height: 1;}
.home_about_mub_li .timer{display:inline-block; font-size:52px; line-height: 1;}
.home_about_mub_li b span{font-size: 12px; padding-left:5px; margin-top: 3px; font-weight: normal; float: right;}
.bg_ls{background: #C39F58;}
.bg_ls:hover{background: #0f6d2e;}
.home_about_txt_but .bg_ls{margin-left:10px; display: inline-block;}
.m-video{display: block; position: relative; overflow: hidden; cursor: pointer;}
.m-video .m-video-icon{position: absolute; font-size:70px; color: #fff; left: 0px; text-align: center; right: 0px; top: 50%; margin-top: -55px; display: block;}
.home_about_centent{margin:0px auto; width: 94%; background: #fff; padding: 30px; margin-top: 30px; box-shadow:0 5px 10px rgba(0,0,0,.1);}
.home_about_more{text-align: center; padding:15px 0px 25px;}
.home_about_more a{color: #0f6d2e;font-size: 16px; font-weight: bold; background: #C39F58; display:inline-block; padding:8px 30px; color: #fff; border-radius: 90px;}
.home_about_more i{font-size: 14px; margin-left: 5px;}
.home_about_more a:hover{background: #000;}
.home_about_biao{overflow: hidden; padding: 20px 0px;}
.home_about_biao_li{float: left; width: 25%; text-align: center;}
.home_about_biao_li_img img{height: 43px;}
.home_about_biao_li_txt{display: block; padding-top: 10px;}
.home_about_biao_li_txt b{display: block; font-size: 18px; padding-bottom: 5px;}

.title{font-size:32px; display: block;font-weight:bold; text-align: center;}
.title b{position: relative; display: block;}
.title_txt{font-size: 16px; opacity: .8; padding-top: 5px;font-weight: 300;display: block; max-width: 770px; margin: 0px auto;}

.home_about_cooperate{padding-top: 30px;}
.home_about_cooperate .title{text-align: center;}
.cooperate_with{overflow: hidden; margin: 0px -10px;}
.cooperate_li{float: left; width: 16.6666666%;}
.cooperate_li {padding:10px;}
.cooperate_li img{box-shadow: 0 0px 6px rgb(0 0 0 / 20%); width: 100%;}

.classification_wdith{display: block; text-align: center; padding-bottom:50px;}
.classification_centent{display: inline-block; margin: 0px auto; overflow: hidden; }
.classification_li{display: inline-block; padding: 10px; float: left;}
.classification_li_ct{display: block; background: #C39F58; padding:10px 20px; border-radius: 20px; text-align: center; height: 200px; width: 200px;transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s; }
.classification_li_ct:hover{background: #C39F58;}
.classification_li_img{padding:35px 0px;}
.classification_li_img img{height: 50px;}
.classification_li_txt{font-size: 24px; color: #fff; font-weight: 600;}


.home_product{overflow: hidden; margin: -10px;}
.home_product_li{ width: 20%; padding: 10px;float: left;}
.home_product_ct{display: block;text-align: center;padding:10px;background: #f5f5f5;border-radius: 0px;}
.home_product_txt{padding:10px;}
.home_product_txt span{ color: #999;}
.home_product_txt b{display: block; font-size: 18px; padding:5px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home_product_img{overflow: hidden;}
.home_product_img img{-o-transition:1s ease 0s;transition:1s ease 0s;}

.home_content{  padding:60px 0px;}
.home_content .container{margin: 0px auto;}
.home_content_width{overflow: hidden; margin: 0px -20px; padding-top: 20px;}
.home_content_ct{display: block; background: #fff;}
.home_content_li{width:33.3333333%;float: left; position: relative;}
.home_content_li a{display: block; position: relative; z-index: 2;}
.home_content_img{border-radius:0px; overflow: hidden; position: relative;}
.home_content_img img{width: 100%; -o-transition:1s ease 0s;transition:1s ease 0s;}
.home_content_li .home_product_txt{display: block; padding:30px; font-weight: bold; position: absolute;z-index: 2; color: #fff; left: 0px; bottom: 0px; font-size:24px; text-align: center;}
.home_content .title{ text-align: center; padding-bottom:35px;}
.home_content_li .home_product_txt .home_product_txt_icon{display: block; text-align: left; padding-bottom:8px;}
.home_content_li .home_product_txt .home_product_txt_icon img{height: 65px;}
.home_content_img::after{height: 50%; position: absolute; left: 0px; bottom: 0px; width: 100%; content: ""; display: block; background: -webkit-linear-gradient(top, rgba(0,0,0,0)0%, rgba(0,0,0,0.9)100%);}


.product_tab{display:table; overflow: hidden; height: 100%;}
.product_tab_l{display:table-cell; vertical-align: top; width:70%;}
.product_tab_r{display:table-cell; vertical-align: top; height: 100%; position: relative;}
.product_tab_r .product_tab_li{height: 100%; position: relative; display: inline-block;}
.product_tab_li{display: block; padding:3px;}
.product_tab_r .product_tab_li .banner_ct_img{display: block; width: 100%; }
.product_tab_r .product_tab_li .product_tabr_ct{display: block; height: 100%;}
.product_tab_r .product_tab_li .banner_ct_txt{width: 100%; display: block; padding:10% 0px 20%;}
.product_tab_li .product_tabr_ct{background: #F0F0F0; padding:50px 20px; display: table; width: 100%;}
.product_tab_li .banner_ct_txt{ color: #000;}
.product_tab_li .banner_ct_img{text-align: center;}
.product_tab_li .banner_ct_txt h2{font-size: 14px;}
.product_tab_li h1{font-size: 32px;}

.product_box{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap:30px; padding: 0px !important; margin: 0px !important;}

.case_tab{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:30px; padding-top:50px;}
.case_tab .news_li{background: #f5f5f5;}

.product_box .product_c_li{width: 100% !important; float: none; padding: 0px !important;}
.product_search{float: left; position: relative; overflow: hidden; border-radius:5px; position: absolute; right: 0px; bottom:30px;}
.tsch_txt{padding:10px 15px; font-size: 16px; line-height:26px; border: #ddd solid 1px; float: left; width: 300px; border-radius:5px 0px 0px 5px;}
.tsch_btn{background: #C39F58; color: #fff; font-size: 14px; padding: 10px 20px; font-size: 16px; line-height:28px; display: inline-block; border: none !important;}

.home_product_title{text-align: left; position: relative;}
.home_product_title .title{display: inline-block; text-align: left;}
.home_product_title .title b::after{display: none;}
.home_product_title .title b{margin-bottom: 0px; padding-bottom: 0px;}

.technology_width {padding: 20px 0px 40px;}
.technology_width .home_product_txt{background: #f6f6f6;}



.home_news{background: #F0F0F0; position: relative; color: #000;}
.home_brand_title{position: relative; z-index: 2; }
.home_brand_title .title{display: inline-block; text-align: left;}
.home_brand_title .title b{padding: 0px;}
.home_brand_title .title b::after{display: none;}
.home_brand_title .title_txt{font-weight: 300;}
.home_brand_title .title_more{float: right;padding-top:6px;}
.home_brand_title .title_more .but_class{border: none; background: none; padding-right: 0px;}
.home_brand_title .title_more .but_class i{font-size: 12px;}
.home_brand_title .title_more .but_class:hover{color:#1eadf4 ;}
.home_news_width{overflow: hidden;   position: relative; z-index: 2;}
.home_news_li{float: left; width: 50%; padding: 12px;}
.home_news_li_ct{display: table; width: 100%; background: #fff; }
.home_news_li_img{display: table-cell;width:46%;padding-right: 20px;vertical-align: middle;}
.home_news_li_img img{width: 100%;}
.home_news_li_txt{display: table-cell; color: #999; vertical-align: middle; padding: 15px 0px; padding-right: 20px;}
.home_news_li_title{width: 100%;}
.home_news_li_txt a{font-size: 18px; font-weight: 600; width: 100%;}
.home_news_li_div{ margin: 10px 0px; font-size: 16px; height: 50px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_news_width .swiper-button-white{width: 46px; height:46px; margin-top: -23px; background-color: #000 !important; background-size:20% auto !important; border-radius: 100%;}
.home_news_width{position: relative; overflow: initial;}
.swiper-container{position: initial;}
.home_news_width .banner_swiper_Pagination{right: -23px; left: -23px; top: 50%;}

.other_bg{background: #F0F0F0;}
.other_tab{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:8px;}
.other_tab .product_tab_li{background: #fff;}
.other_tab .product_tab_li .product_tabr_ct{background: none;}

.product_showcase{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:20px; padding-top:5px;}
.product_showcase_li{background: #F8F8F8; border-radius: 8px; overflow: hidden; transition: box-shadow 0.3s ease, transform 0.3s ease;}
.product_showcase_li:hover{box-shadow: 0 8px 25px rgba(0,0,0,0.1); transform: translateY(-3px);}
.product_showcase_li .product_tabr_ct{display: block; padding: 0px; background: #F8F8F8;}
.product_showcase_li .banner_ct_img{padding: 20px 20px 0; text-align: center;}
.product_showcase_li .banner_ct_img img{max-width: 100%; height: auto;}
.product_showcase_li .banner_ct_txt{padding: 20px; color: #000;}
.product_showcase_li .banner_ct_txt h1{font-size: 22px; margin-bottom: 8px;}
.product_showcase_li .banner_ct_txt h2{font-size: 13px; line-height: 1.6; opacity: 0.7; margin-bottom: 15px;}

.company_intro_bg{background: #f8f9fa;}
.company_intro_wrap{display: flex; gap: 40px; align-items: stretch; padding-top: 5px;}
.company_intro_img{flex: 0 0 45%; border-radius: 8px; overflow: hidden;}
.company_intro_img img{width: 100%; height: 100%; object-fit: cover; display: block;}
.company_intro_txt{flex: 1; display: flex; flex-direction: column; justify-content: center;}
.company_intro_txt h2{font-size: 26px; font-weight: bold; margin-bottom: 20px; color: #333;}
.company_intro_txt p{font-size: 15px; line-height: 1.8; color: #666; margin-bottom: 25px;}
.company_intro_content{font-size: 15px; line-height: 1.8; color: #666; margin-bottom: 25px;}
.company_intro_content p{margin-bottom: 10px;}
.company_intro_txt .but_class{display: inline-block; color: #1eadf4; font-size: 15px; font-weight: bold; padding: 8px 24px; background: none; border: 1px solid #1eadf4; border-radius: 4px; transition: all .3s ease;}
.company_intro_txt .but_class:hover{color: #fff; background: #1eadf4;}
.company_intro_txt .but_class i{font-size: 12px; margin-left: 4px;}

.about_bg{background: #262626; color: #fff;}
.about_tab{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:25px; padding-top:5px;}
.news_padding .about_tab{grid-gap:30px;}
.about_tab_li{display: block; background: #fff; color: #000; text-align: center;}
.about_tab_txt{padding:20px;}
.about_tab_txt b{font-size: 24px; display: block; font-weight: normal; padding-bottom: 5px;}

/* 关于我们页面 */
.about_section{padding: 50px 0;}
.about_section_gray{background: #f8f9fa; position: relative; overflow: hidden;}
.about_section_gray::before{content: ''; position: absolute; top: -80px; right: -80px; width: 300px; height: 300px; background: radial-gradient(ellipse, rgba(200,210,220,0.3) 0%, transparent 70%); border-radius: 50%; pointer-events: none;}
.about_section_gray::after{content: ''; position: absolute; bottom: -80px; left: -80px; width: 300px; height: 300px; background: radial-gradient(ellipse, rgba(200,210,220,0.3) 0%, transparent 70%); border-radius: 50%; pointer-events: none;}
.about_block{margin-bottom: 10px;}
.about_block_title{text-align: center; margin-bottom: 35px; position: relative;}
.about_block_title b{font-size: 30px; display: block; font-weight: bold; color: #333;}
.about_block_title span{font-size: 14px; color: #999; text-transform: uppercase; letter-spacing: 2px; margin-top: 6px; display: block;}
.about_block_title::after{content: ''; display: block; width: 60px; height: 3px; background: #1675EA; margin: 15px auto 0; border-radius: 2px;}

.about_intro_wrap{display: flex; gap: 40px; align-items: flex-start;}
.about_intro_img{flex: 0 0 42%; border-radius: 8px; overflow: hidden;}
.about_intro_img img{width: 100%; display: block;}
.about_intro_txt{flex: 1;}
.about_intro_txt h3{font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;}
.about_intro_content{font-size: 15px; line-height: 1.9; color: #555;}
.about_intro_content p{margin-bottom: 12px;}

.about_grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 20px;}
.about_grid_li{background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.06); transition: transform 0.3s ease, box-shadow 0.3s ease;}
.about_grid_li:hover{transform: translateY(-4px); box-shadow: 0 8px 25px rgba(0,0,0,0.12);}
.about_grid_img{overflow: hidden;}
.about_grid_img img{width: 100%; height: 200px; object-fit: cover; display: block; transition: transform 0.3s ease;}
.about_grid_li:hover .about_grid_img img{transform: scale(1.05);}
.about_grid_txt{padding: 15px 18px; font-size: 15px; color: #333; font-weight: 500; text-align: center;}

/* 研发实力布局 */
.rd_wrap{display: grid; grid-template-columns: 1fr 300px 1fr; gap: 30px; align-items: center;}
.rd_side{display: flex; flex-direction: column; gap: 30px;}
.rd_item{display: flex; align-items: flex-start; gap: 16px;}
.rd_num{flex: 0 0 56px; height: 56px; background: linear-gradient(135deg, #6dd5ed, #48b8d0); color: #fff; font-size: 22px; font-weight: bold; display: flex; align-items: center; justify-content: center; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); line-height: 1; position: relative;}
.rd_num::before{content: ''; position: absolute; inset: 2px; background: linear-gradient(135deg, #6dd5ed, #48b8d0); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); z-index: -1;}
.rd_txt{font-size: 15px; line-height: 1.8; color: #444; padding-top: 10px;}
.rd_center{text-align: center;}
.rd_center img{max-width: 100%; height: auto; border-radius: 8px;}

/* ========== 首页研发实力区域（完整设计） ========== */
.home_rd_section{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 20% 0%,rgba(56,178,224,.18),transparent 60%),radial-gradient(900px 600px at 90% 30%,rgba(99,102,241,.18),transparent 60%),linear-gradient(135deg,#eef4fb 0%,#dbe7f3 50%,#c8d6e8 100%);color:#0f2541;padding:0;margin-top:0;}
.home_rd_section .rd_particles{position:absolute;inset:0;z-index:0;pointer-events:none;}
.home_rd_section .rd_bg_decor{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none;}
.home_rd_section .rd_bg_a{width:520px;height:520px;background:radial-gradient(circle,rgba(6,182,212,.25),transparent 70%);top:-120px;left:-120px;animation:rdFloatA 14s ease-in-out infinite;}
.home_rd_section .rd_bg_b{width:620px;height:620px;background:radial-gradient(circle,rgba(99,102,241,.22),transparent 70%);bottom:-180px;right:-180px;animation:rdFloatB 18s ease-in-out infinite;}
@keyframes rdFloatA{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}}
@keyframes rdFloatB{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,-30px)}}
.home_rd_section .rd_container{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:50px 40px 70px;}
.home_rd_section .rd_header{display:flex;align-items:center;gap:24px;margin-bottom:14px;}
.home_rd_section .rd_title{font-size:42px;font-weight:700;letter-spacing:4px;background:linear-gradient(135deg,#0f2541 0%,#1e40af 50%,#1e90ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;padding-left:24px;}
.home_rd_section .rd_title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg,#1e40af,#38bdf8);border-radius:3px;}
.home_rd_section .rd_accent_bar{height:3px;background:linear-gradient(90deg,transparent 0%,#1e40af 25%,#38bdf8 50%,#1e40af 75%,transparent 100%);background-size:200% 100%;border-radius:2px;margin:18px 0 50px;animation:rdMoveBar 3s linear infinite;box-shadow:0 0 18px rgba(56,189,248,.6);}
@keyframes rdMoveBar{0%{background-position:100% 0}100%{background-position:-100% 0}}
.home_rd_section .rd_stage{display:grid;grid-template-columns:1fr 380px 1fr;gap:30px;align-items:stretch;position:relative;}
.home_rd_section .rd_col{display:flex;flex-direction:column;justify-content:space-between;gap:28px;}
.home_rd_section .rd_item{display:flex;align-items:center;gap:16px;padding:18px 18px 18px 0;cursor:default;position:relative;opacity:0;transform:translateX(-30px);transition:all .6s cubic-bezier(.2,.7,.2,1);}
.home_rd_section .rd_col.rd_right .rd_item{transform:translateX(30px);padding:18px 0 18px 18px;flex-direction:row-reverse;text-align:right;}
.home_rd_section .rd_item.rd_in{opacity:1;transform:translateX(0);}
.home_rd_section .rd_hex{flex-shrink:0;width:64px;height:64px;position:relative;display:inline-flex;align-items:center;justify-content:center;color:#1e40af;font-weight:700;font-size:22px;transition:transform .4s ease;}
.home_rd_section .rd_item:hover .rd_hex{transform:rotate(30deg) scale(1.1);}
.home_rd_section .rd_hex svg{position:absolute;inset:0;width:100%;height:100%;}
.home_rd_section .rd_hex .stroke{fill:rgba(255,255,255,.6);stroke:#38bdf8;stroke-width:1.5;transition:all .4s ease;}
.home_rd_section .rd_hex .fill{fill:rgba(56,189,248,.18);opacity:0;transition:opacity .4s ease;}
.home_rd_section .rd_item:hover .rd_hex .stroke{stroke:#1e40af;stroke-width:2;}
.home_rd_section .rd_item:hover .rd_hex .fill{opacity:1;}
.home_rd_section .rd_item:hover .rd_hex .num{transform:scale(1.15);text-shadow:0 0 12px rgba(56,189,248,.8);}
.home_rd_section .rd_hex .num{transition:all .4s ease;}
.home_rd_section .rd_text{font-size:14px;line-height:1.85;color:#334155;letter-spacing:.3px;flex:1;}
.home_rd_section .rd_text strong{color:#0f2541;font-weight:600;}
.home_rd_section .rd_center{position:relative;display:flex;align-items:center;justify-content:center;min-height:540px;}
.home_rd_section .rd_trophy_stage{width:360px;height:380px;position:relative;display:flex;align-items:center;justify-content:center;animation:rdFadeIn 1.2s ease .5s both;}
.home_rd_section .rd_ring{position:absolute;border-radius:50%;border:1px dashed rgba(30,64,175,.35);animation:rdSpin 22s linear infinite;}
.home_rd_section .rd_ring.rd_r1{width:320px;height:320px;}
.home_rd_section .rd_ring.rd_r2{width:260px;height:260px;animation-duration:16s;animation-direction:reverse;border-color:rgba(56,189,248,.3);}
.home_rd_section .rd_ring.rd_r3{width:380px;height:380px;animation-duration:30s;border-color:rgba(99,102,241,.25);}
@keyframes rdSpin{to{transform:rotate(360deg)}}
.home_rd_section .rd_glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(214,176,60,.28) 0%,rgba(214,176,60,.10) 40%,transparent 70%);filter:blur(18px);animation:rdPulse 3.4s ease-in-out infinite;}
@keyframes rdPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}
.home_rd_section .rd_trophy{width:220px;height:280px;position:relative;z-index:2;animation:rdFloatT 4s ease-in-out infinite;filter:drop-shadow(0 18px 30px rgba(15,37,65,.25));}
@keyframes rdFloatT{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-1.5deg)}}
.home_rd_section .rd_trophy:hover{animation-play-state:paused;}
.home_rd_section .spark{animation:rdTwinkle 2.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box;}
.home_rd_section .spark.s2{animation-delay:.9s;}.home_rd_section .spark.s3{animation-delay:1.6s;}.home_rd_section .spark.s4{animation-delay:.4s;}
@keyframes rdTwinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0deg)}50%{opacity:1;transform:scale(1.1) rotate(45deg)}}
@keyframes rdFadeIn{from{opacity:0}to{opacity:1}}
.home_rd_section .rd_lines_svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;}
.home_rd_section .rd_lines_svg path{fill:none;stroke:url(#rdLineGrad);stroke-width:1.5;stroke-dasharray:6 6;stroke-dashoffset:200;opacity:0;animation:rdDrawLine 1.5s ease forwards;}
.home_rd_section .rd_lines_svg path.l1{animation-delay:1s;}.home_rd_section .rd_lines_svg path.l2{animation-delay:1.15s;}.home_rd_section .rd_lines_svg path.l3{animation-delay:1.3s;}
.home_rd_section .rd_lines_svg path.l4{animation-delay:1.45s;}.home_rd_section .rd_lines_svg path.l5{animation-delay:1.6s;}.home_rd_section .rd_lines_svg path.l6{animation-delay:1.75s;}
@keyframes rdDrawLine{to{stroke-dashoffset:0;opacity:.75}}
.home_rd_section .rd_lines_svg .dot{fill:#38bdf8;opacity:0;animation:rdPopDot .5s ease forwards;}
.home_rd_section .rd_lines_svg .dot.d1{animation-delay:2s;}.home_rd_section .rd_lines_svg .dot.d2{animation-delay:2.1s;}.home_rd_section .rd_lines_svg .dot.d3{animation-delay:2.2s;}
.home_rd_section .rd_lines_svg .dot.d4{animation-delay:2.3s;}.home_rd_section .rd_lines_svg .dot.d5{animation-delay:2.4s;}.home_rd_section .rd_lines_svg .dot.d6{animation-delay:2.5s;}
@keyframes rdPopDot{0%{opacity:0;r:0}60%{opacity:1;r:5}100%{opacity:.9;r:3}}
.home_rd_section .rd_badges{position:absolute;inset:0;pointer-events:none;}
.home_rd_section .rd_badge{position:absolute;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border:1px solid rgba(56,189,248,.4);padding:8px 14px;border-radius:999px;font-size:12px;color:#1e40af;font-weight:600;box-shadow:0 6px 20px rgba(30,64,175,.12);opacity:0;animation:rdBadgeIn .8s ease forwards;white-space:nowrap;}
.home_rd_section .rd_badge b{color:#d4a017;font-size:16px;margin-right:4px;}
.home_rd_section .rd_badge.b1{top:8%;left:5%;animation-delay:1.8s;}.home_rd_section .rd_badge.b2{top:44%;left:-8%;animation-delay:2s;}.home_rd_section .rd_badge.b3{top:78%;left:8%;animation-delay:2.2s;}
.home_rd_section .rd_badge.b4{top:8%;right:5%;animation-delay:1.8s;}.home_rd_section .rd_badge.b5{top:44%;right:-8%;animation-delay:2s;}.home_rd_section .rd_badge.b6{top:78%;right:8%;animation-delay:2.2s;}
@keyframes rdBadgeIn{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
.home_rd_section .rd_footer_strip{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;}
.home_rd_section .rd_stat{position:relative;overflow:hidden;padding:30px 20px 26px;background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(255,255,255,.62));border:1px solid rgba(56,189,248,.28);border-radius:16px;backdrop-filter:blur(8px);box-shadow:0 4px 18px rgba(30,64,175,.06);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .4s ease;opacity:0;transform:translateY(24px);}
.home_rd_section .rd_stat.rd_in{opacity:1;transform:translateY(0);}
.home_rd_section .rd_stat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#38bdf8 50%,transparent);opacity:.8;}
.home_rd_section .rd_stat::after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(56,189,248,.12),transparent);transform:skewX(-15deg);transition:left .8s ease;pointer-events:none;}
.home_rd_section .rd_stat:hover{transform:translateY(-8px);border-color:#38bdf8;box-shadow:0 18px 40px rgba(30,64,175,.16);}
.home_rd_section .rd_stat:hover::after{left:130%;}
.home_rd_section .rd_stat_icon{width:54px;height:54px;margin:0 auto 16px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af,#38bdf8);color:#fff;box-shadow:0 8px 20px rgba(30,64,175,.28);transition:transform .4s cubic-bezier(.34,1.56,.64,1);}
.home_rd_section .rd_stat_icon svg{width:26px;height:26px;}
.home_rd_section .rd_stat:hover .rd_stat_icon{transform:translateY(-4px) rotate(-6deg) scale(1.08);box-shadow:0 12px 26px rgba(56,189,248,.4);}
.home_rd_section .rd_stat_num{font-size:38px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#1e40af,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .4s ease;}
.home_rd_section .rd_stat_num::after{content:attr(data-suffix);font-size:18px;margin-left:2px;font-weight:700;}
.home_rd_section .rd_stat:hover .rd_stat_num{transform:scale(1.06);}
.home_rd_section .rd_stat_label{font-size:13px;color:#64748b;margin-top:8px;letter-spacing:2px;font-weight:600;}
.home_rd_section .rd_stat_label::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#38bdf8;margin:0 8px 2px 0;vertical-align:middle;}

/* 组织架构图 */
.org_chart_wrap{text-align: center; padding: 10px 0;}
.org_chart_img{max-width: 100%; height: auto; border-radius: 8px;}

/* ========== 公司能力页面 ========== */
.cap_section{padding:70px 0;}
.cap_section_white{background:#fff;}
.cap_section_quality{background:linear-gradient(180deg,#f7f8fa 0%,#e6f7fd 100%);}
.cap_header{display:flex;align-items:baseline;gap:14px;margin-bottom:42px;}
.cap_title{font-size:clamp(26px,4vw,34px);color:#111827;position:relative;padding-left:18px;font-weight:700;}
.cap_title::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:5px;background:#1eadf4;border-radius:3px;}
.cap_subtitle{color:#6b7280;font-size:15px;text-transform:uppercase;letter-spacing:1px;}

/* 生产能力卡片 */
.cap_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cap_card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:transform .25s,box-shadow .25s;}
.cap_card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(30,173,244,.12);}
.cap_thumb{height:210px;overflow:hidden;}
.cap_thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.cap_card:hover .cap_thumb img{transform:scale(1.05);}
.cap_body{padding:24px;display:flex;align-items:flex-start;gap:12px;}
.cap_num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#1eadf4;color:#fff;font-weight:700;font-size:16px;}
.cap_body p{font-size:15px;color:#374151;line-height:1.7;margin:0;}

/* 快速交付 */
.delivery_layout{display:grid;grid-template-columns:1fr 240px 1fr;gap:28px;align-items:center;}
.delivery_side{display:flex;flex-direction:column;gap:42px;}
.delivery_item{background:#fff;border-radius:14px;padding:26px;box-shadow:0 4px 20px rgba(0,0,0,.06);position:relative;transition:transform .25s,box-shadow .25s;}
.delivery_item:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(30,173,244,.12);}
.delivery_num{position:absolute;top:-16px;left:26px;width:36px;height:36px;background:#1eadf4;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 10px rgba(30,173,244,.25);}
.delivery_item h4{font-size:17px;margin-bottom:8px;color:#111827;margin-top:8px;}
.delivery_item p{font-size:14px;color:#6b7280;line-height:1.7;}
.rocket_center{display:flex;justify-content:center;align-items:center;}
.rocket{width:140px;height:140px;background:#e6f7fd;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(30,173,244,.08);}
.rocket svg{width:72px;height:72px;stroke:#1eadf4;fill:none;stroke-width:2.2;}

/* 品质控制 */
.quality_wrapper{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;}
.quality_left{display:flex;flex-direction:column;gap:26px;}
.iso_badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #dbeafe;color:#0369a5;padding:10px 18px;border-radius:999px;font-weight:700;font-size:15px;width:fit-content;box-shadow:0 4px 12px rgba(30,173,244,.08);}
.iso_badge svg{width:20px;height:20px;stroke:#1eadf4;fill:none;stroke-width:2.5;}
.quality_box{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.06);border-left:4px solid #1eadf4;transition:transform .25s,box-shadow .25s;}
.quality_box:hover{transform:translateX(6px);box-shadow:0 10px 28px rgba(30,173,244,.12);}
.quality_box p{font-size:15px;color:#374151;line-height:1.8;}
.quality_stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.stat_card{background:#fff;border-radius:14px;padding:20px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.06);}
.stat_card strong{display:block;font-size:30px;color:#1eadf4;line-height:1.2;}
.stat_card span{font-size:13px;color:#6b7280;margin-top:6px;display:block;}
.cert_showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px;perspective:1000px;}
.cert_card{background:#fff;border-radius:16px;padding:14px;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:transform .35s,box-shadow .35s;transform-style:preserve-3d;}
.cert_card:first-child{transform:rotateY(-4deg);}
.cert_card:last-child{transform:rotateY(4deg);}
.cert_card:hover{transform:rotateY(0deg) translateY(-8px);box-shadow:0 18px 40px rgba(30,173,244,.15);}
.cert_card img{border-radius:10px;width:100%;transition:transform .4s;}
.cert_card:hover img{transform:scale(1.03);}
.cert_label{text-align:center;margin-top:12px;font-size:13px;color:#6b7280;}

/* 成本控制 */
.cost_wrapper{display:grid;grid-template-columns:440px 1fr;gap:0;align-items:center;position:relative;}
.cost_visual{position:relative;width:440px;height:440px;margin:0 auto;z-index:2;}
.cost_ring{position:relative;width:100%;height:100%;border-radius:50%;padding:16px;background:conic-gradient(from 180deg,#1eadf4,#38bdf8,#0ea5e9,#1eadf4);box-shadow:0 20px 56px rgba(30,173,244,.18),inset 0 0 0 1px rgba(255,255,255,.45);}
.cost_ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:5px solid #fff;background:#fff;box-shadow:inset 0 0 30px rgba(0,0,0,.08);transition:transform .4s;}
.cost_visual:hover .cost_ring img{transform:scale(1.04);}
.cost_orbit{position:relative;display:flex;flex-direction:column;gap:26px;margin-left:-24px;padding:12px 0;}
.cost_node{position:relative;display:flex;align-items:flex-start;gap:16px;max-width:920px;background:#fff;padding:22px 24px;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.08);border:1px solid #f1f5f9;z-index:3;transition:transform .25s,box-shadow .25s,border-color .25s;}
.cost_node:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(30,173,244,.12);border-color:#bae6fd;}
.node_dot{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#e6f7fd;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(30,173,244,.08);}
.node_dot svg{width:22px;height:22px;stroke:#1eadf4;fill:none;stroke-width:2.4;}
.node_body h4{font-size:18px;margin-bottom:6px;color:#111827;}
.node_body p{font-size:14px;color:#6b7280;line-height:1.7;}
.node-effect,.node_effect{display:inline-block;margin-top:10px;background:#ecfdf5;color:#059669;font-size:12px;padding:4px 10px;border-radius:999px;font-weight:600;}
.cost-node.node-1,.cost_node.node-1{align-self:flex-start;margin-left:30px;}
.cost-node.node-2,.cost_node.node-2{align-self:flex-start;margin-left:72px;}
.cost-node.node-3,.cost_node.node-3{align-self:flex-start;margin-left:30px;}

/* 公司能力响应式 */
@media (max-width:1180px){
    .cost_wrapper{grid-template-columns:380px 1fr;}
    .cost_visual{width:380px;height:380px;}
    .cost_orbit{margin-left:-20px;}
    .cost_node{max-width:400px;padding:18px 20px;}
    .cost_node.node-1,.cost_node.node-3{margin-left:28px;}
    .cost_node.node-2{margin-left:50px;}
}
@media (max-width:992px){
    .cap_grid{grid-template-columns:1fr;}
    .quality_wrapper{grid-template-columns:1fr;}
    .cert_showcase{max-width:640px;margin:0 auto;}
    .delivery_layout{grid-template-columns:1fr;}
    .rocket_center{order:-1;margin-bottom:20px;}
    .delivery_side{gap:30px;}
    .cost_wrapper{grid-template-columns:1fr;gap:40px;}
    .cost_visual{width:360px;height:360px;}
    .cost_orbit{margin-left:0;align-items:center;gap:18px;}
    .cost_node{max-width:520px;width:100%;}
    .cost_node.node-1,.cost_node.node-2,.cost_node.node-3{align-self:center;margin-left:0;}
}
@media (max-width:640px){
    .cap_section{padding:50px 0;}
    .cert_showcase{grid-template-columns:1fr;}
    .cert_card:first-child,.cert_card:last-child{transform:none;}
    .quality_stats{grid-template-columns:1fr;}
    .cost_visual{width:280px;height:280px;}
    .cap_title{font-size:24px;}
}

/* 专利展示 */
.patent_grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 20px;}
.patent_li{background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.06); transition: box-shadow 0.3s ease, transform 0.3s ease;}
.patent_li:hover{box-shadow: 0 6px 20px rgba(0,0,0,0.12); transform: translateY(-3px);}
.patent_img{padding: 15px 15px 0; text-align: center;}
.patent_img img{width: 100%; height: auto; display: block;}
.patent_title{padding: 12px 15px 15px; font-size: 13px; line-height: 1.5; color: #444; text-align: center; min-height: 42px; display: flex; align-items: center; justify-content: center;}

/* 产品中心 */
.product_layout{padding: 50px 0;}
.product_layout .container{display: flex; gap: 30px; align-items: flex-start;}

/* 左侧分类导航 */
.product_sidebar{flex: 0 0 220px; position: sticky; top: 80px;}
.sidebar_title{font-size: 20px; font-weight: bold; color: #333; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #1675EA;}
.sidebar_nav{display: flex; flex-direction: column; gap: 0;}
.sidebar_group{margin-bottom: 5px;}
.sidebar_nav_item{display: block; padding: 10px 18px; font-size: 14px; color: #555; text-decoration: none; border-left: 3px solid transparent; transition: all 0.3s ease; background: #f8f9fa; margin-bottom: 2px; cursor: pointer;}
.sidebar_nav_item:hover{color: #1675EA; border-left-color: #1675EA; background: #eef5ff;}
.sidebar_nav_item.active{color: #1675EA; border-left-color: #1675EA; background: #eef5ff; font-weight: bold;}
.sidebar_parent{font-size: 15px; font-weight: 600; color: #333;}
.sidebar_child{padding-left: 32px; font-size: 13px; color: #777;}

/* 右侧产品列表 */
.product_main{flex: 1; min-width: 0;}
.product_category_block{margin-bottom: 40px;}
.product_category_block:last-child{margin-bottom: 0;}
.category_block_title{margin-bottom: 25px; position: relative; padding-left: 15px;}
.category_block_title b{font-size: 24px; font-weight: bold; color: #333;}
.category_block_title::before{content: ''; position: absolute; left: 0; top: 4px; width: 4px; height: 22px; background: #1675EA; border-radius: 2px;}
.product_card_grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 20px;}
.product_card_li{background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.06); transition: box-shadow 0.3s ease, transform 0.3s ease;}
.product_card_li:hover{box-shadow: 0 6px 20px rgba(0,0,0,0.12); transform: translateY(-3px);}
.product_card_li a{display: block; color: inherit; text-decoration: none;}
.product_card_img{padding: 20px 20px 0; text-align: center;}
.product_card_img img{width: 100%; height: auto; display: block;}
.product_card_txt{padding: 15px;}
.product_card_txt h3{font-size: 15px; font-weight: bold; color: #333; margin-bottom: 8px; line-height: 1.4;}
.product_card_txt p{font-size: 13px; color: #888; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.product_empty{text-align: center; padding: 60px 20px; color: #999; font-size: 16px;}

/* 产品详情页 */
.product_detail{padding: 40px 0 60px;}
.detail_breadcrumb{font-size: 14px; color: #999; margin-bottom: 30px;}
.detail_breadcrumb a{color: #1675EA; text-decoration: none;}
.detail_breadcrumb a:hover{color: #0d5bbd;}
.detail_breadcrumb i{font-size: 12px; margin: 0 6px; color: #ccc;}
.detail_breadcrumb .current{color: #333; font-weight: 500;}

.detail_wrap{display: flex; gap: 40px; align-items: flex-start;}
.detail_left{flex: 0 0 45%;}
.detail_main_img{border-radius: 8px; overflow: hidden; background: #f5f5f5;}
.detail_main_img img{width: 100%; height: auto; display: block;}
.detail_thumb_list{display: flex; gap: 10px; margin-top: 12px; overflow-x: auto;}
.detail_thumb_item{flex: 0 0 70px; height: 70px; border-radius: 6px; overflow: hidden; cursor: pointer; border: 2px solid #e8e8e8; transition: border-color 0.3s; opacity: 0.7;}
.detail_thumb_item:hover{border-color: #1675EA; opacity: 1;}
.detail_thumb_item.active{border-color: #1675EA; opacity: 1; box-shadow: 0 0 0 1px #1675EA;}
.detail_thumb_item img{width: 100%; height: 100%; object-fit: cover;}

.detail_right{flex: 1; min-width: 0;}
.detail_title{font-size: 26px; font-weight: bold; color: #333; margin-bottom: 15px; line-height: 1.4;}
.detail_meta{margin-bottom: 20px;}
.meta_tag{display: inline-flex; align-items: center; gap: 4px; padding: 4px 14px; background: #eef5ff; color: #1675EA; font-size: 13px; border-radius: 20px; margin-right: 8px;}
.meta_tag i{font-size: 14px;}
.meta_tag_outline{background: transparent; border: 1px solid #1675EA;}
.detail_desc{font-size: 15px; color: #666; line-height: 1.8; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee;}
/* 产品详情全宽区域 */
.detail_full_content{margin-top: 40px; padding-top: 30px; border-top: 1px solid #eee;}
.detail_section_title{font-size: 20px; font-weight: bold; color: #333; margin-bottom: 25px; padding-left: 15px; position: relative;}
.detail_section_title::before{content: ''; position: absolute; left: 0; top: 2px; width: 4px; height: 22px; background: #1675EA; border-radius: 2px;}
.detail_content{font-size: 15px; color: #555; line-height: 1.9; margin-bottom: 30px;}
.detail_content img{max-width: 100%; height: auto;}
.detail_content p{margin-bottom: 12px;}

/* 参数表格 */
.params_table{width: 100%; border-collapse: collapse;}
.params_table tr{border-bottom: 1px solid #f0f0f0;}
.params_table tr:last-child{border-bottom: none;}
.params_table td{padding: 12px 16px; font-size: 14px; line-height: 1.6;}
.param_label{width: 120px; color: #999; background: #fafafa; font-weight: 500;}

/* 推荐产品 */
.detail_recommend{margin-top: 50px; padding-top: 40px; border-top: 1px solid #eee;}
.recommend_grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 20px;}

/* 上下篇导航 */
.detail_prenext{display: flex; gap: 20px; margin-top: 50px; padding-top: 30px; border-top: 1px solid #eee;}
.prenext_item{flex: 1; display: flex; align-items: center; gap: 12px; padding: 18px 20px; background: #f8f9fa; border-radius: 8px; text-decoration: none; color: inherit; transition: background 0.3s;}
.prenext_item:hover{background: #eef5ff;}
.prenext_item.disabled{opacity: 0.5; cursor: default;}
.prenext_item.disabled:hover{background: #f8f9fa;}
.prenext_item i{font-size: 20px; color: #1675EA; flex-shrink: 0;}
.prenext_label{display: block; font-size: 12px; color: #999; margin-bottom: 4px;}
.prenext_title{display: block; font-size: 14px; color: #333; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.news_date{display: block; overflow: hidden; margin-top:15px; color: #999;}
.news_date span{float: right; color:#C39F58;}
.news_date_meta{font-size: 14px; color: #999; margin-top: 10px;}
.news_date_meta span{margin-right: 15px;}
.news_date_meta span::before{content: ''; display: inline-block; width: 4px; height: 4px; background: #C39F58; border-radius: 50%; margin-right: 6px; vertical-align: middle;}

.newswidth{margin: 0px auto; overflow: hidden; padding-top: 40px; padding-bottom: 10px;}
.news_li{display: block; border-bottom: #D9D9D9 solid 1px; padding-bottom:20px; }
.news_li_img{overflow: hidden; display: block; height: 220px;}
.news_li_img a{display: block; width: 100%; height: 100%;}
.news_li_img img {
    -o-transition: 1s ease 0s;
    transition: 1s ease 0s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news_li:hover .news_li_img img {
    transform: scale(1.08);
    -o-transform: scale(1.08);
}
.news_li_title{margin: 15px 0px 0px; margin-bottom:8px; color: #333; font-size: 18px; font-weight: bold;  overflow:hidden;
	text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;}
.news_li_title a{color: #333;}
.news_li:hover .news_li_title a{color:#C39F58; }
.news_li_txt{overflow:hidden; font-size: 12px; padding:0px; color: #C39F58;
	text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;}


.main{
    position: fixed; right: 10px; bottom: 30px;
    justify-content: center;
    align-items: flex-end;
    width:50px; z-index: 99999;
}
.main img{width: 100%;}
.cd-top{display: inline-block;position:relative;  opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; margin-top: 5PX;
    transition: all 0.3s;
}
.cd-top.cd-is-visible{opacity: 1;}

.mc_img{display: none;}
.Insideb_banner{padding:0px; color: #fff; position: relative;}
.Insideb_banner::after{width: 100%; height: 100%; background: #000; opacity: .6; position: absolute; left: 0px; top: 0px; content: "";}
.Insideb_banner img{width: 100%;}
.Insideb_banner_txt{position: absolute; width: 100%; height: 100%; top: 0px; display: flex; justify-content: center; align-items: center; z-index: 2;}
.Insideb_banner_txt div{display: block; text-align: center;}
.Insideb_banner_txt .title{font-size: 46px; padding-bottom: 10px;}
.Insideb_banner_txt span{display: block; font-weight: normal;}

.product_category{padding:20px 0px 50px;}
.category_li{overflow: hidden; margin-bottom: 30px; display: block;  position: relative;}
.category_li:nth-last-child(1){margin-bottom: 0px;}
.category_li_txt{width: 45%; position:absolute; left: 0px; top: 50%; padding-top:5%; text-align: center; transform: translateY(-50%);}
.category_li_txt .banner_ct_txt{padding:0px 30px; color: #000; display: block; position: relative; width: 100%;}
.category_li_txt .banner_ct_txt .title{font-size: 32px;}
.category_li_img{float: right;width:55%;height: 100%;padding: 30px 40px;position: relative;text-align: center;}
.category_li_img::after{position: absolute; width: 100%; height:78%; content: ""; bottom: 0px; left: 0px; background:#F0F0F0;}
.category_li_img img{width: 80%; max-width:650px; position: relative; z-index: 1;}
.category_li:nth-child(2n) .category_li_txt{right: 0px; left: initial;}
.category_li:nth-child(2n) .category_li_img{float: left;}

.product_width{position: relative;  display: flex;  -webkit-box-pack: justify; justify-content: space-between; padding-bottom: 50px;}
.product_left{display: block;}
.Insideb_title{font-size: 24px; display: block; font-weight: bold; padding-bottom: 30px; display: none;}
.product_left_nav{display:inline-block; padding: 5px;}
.product_left_nav a{border-radius: 5px; border: #e0e0e0 solid 1px; display:block; font-size: 18px; font-weight: bold; padding:10px 25px;}
.product_left_nav.active a{background:#C39F58; color: #fff; border-color: #C39F58;}
.product_left_nav img{height: 20px; margin-right:15px; float: left;}

.product_right{padding:30px 0 0 40px; max-width: calc((100% - 270px));
    position: sticky;
    top: calc(0px);
    align-self: flex-start;
    flex: 0 0 calc((100% - 220px));
}
.product_right_li{display: table; width: 100%; margin-bottom: 20px;}
.product_right_li_img{display: table-cell; width: 250px; overflow: hidden; }
.product_right_li_img img{border-radius:0px; width: 100%;}
.product_right_li_txt{padding-left:40px;display: table-cell;vertical-align: middle;padding: 20px; padding-left: 30px; background: #f5f5f5;}
.product_right_li_txt_title{font-size: 24px; font-weight: bold; padding-bottom: 20px;}
.pic_li{display: inline-block; padding-right:30px;}
.product_right_li_txt_pic{font-size: 16px;}
.pic_li:nth-last-child(1){padding-right: 0px;}
.pic_li span{color: #999;}
.product_right_li_txt_ut{padding: 10px 0px; font-size: 16px;}
.product_right_li_txt_ut span{color: #999;}

.product_right_li_txt_but{padding-top: 10px;}
.but_class_zx{background: #f5f5f5; border-color: #f5f5f5; margin-left:6px;}
.but_class_zx:hover{background: #C39F58; border-color: #C39F58;}

.pagination{text-align: center;  display: block; margin: 0px; padding:20px 0px;}
.pagination a{padding: 0px;}
.pagination>li>a, .pagination>li>span{padding: 0px;}
.pagination ul li >a{ color:#333 !important; width: 46px; height: 46px; cursor: pointer; display: block; line-height: 46px; border-radius:3px!important; font-weight:bold; background:#FFF; border:1px solid #e0e0e0 !important;}
.pagination ul li >a.pagination_but{width: auto; padding: 0px 20px;}
.pagination ul li >span{border:1px solid #C39F58 !important;border-radius:0 !important;  font-weight:bold; color:#333 !important; width: 46px; height: 46px; cursor: pointer; display: block; line-height: 46px; border-radius:3px!important;}
.pagination ul li .fa{ font-weight:bold; font-size:18px; vertical-align:middle; line-height: 46px; display: inline-block; margin-top: -5px;}
.pagination ul li .fa-angle-left{ margin-right:10px;}
.pagination ul li .fa-angle-right{ margin-left:10px;}
.pagination ul li:hover .fa-angle-left, .pagination ul li:hover .fa-angle-right{color:#fff}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background:#C39F58; color:#FFF !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background:#C39F58;color:#FFF !important;}
.pagination > li > a, .pagination > li > span{border:none !important;}
.pagination > li{display:inline-block; margin:0 3px; vertical-align:middle;}


.position_bg{background: #f5f5f5; padding: 15px 0px;}
.position_bg a, .position_bg i{color: #999;}
.position_bg a:hover{color: #C39F58 ;}

.product_video{display: block; text-align: center; margin-top: 40px;}
.product_video_li{width:33%;  max-width:345px; margin: 0px 15px; display: inline-block;}
.product_video_li a{position: relative;}
.product_video_li img{width: 100%; transition:all .5s;}
.product_video_li a::after{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; content: ""; background: #000; opacity: .5;}
.product_video_li span{width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center;  left: 0px; top: 0px; z-index: 2;}
.product_video_li span img{width:20%;}

.product_show{max-width: 800px; margin: 0px auto; margin-top:30px; text-align: center;}
.product_show_but{margin-top: 40px;}
.product_show_but .but_class{background: #C39F58; padding: 12px 20px; color: #fff; border-color: #C39F58; }

.layui-tab-title{text-align: center;}
.product_show_tab{margin-top:50px;}
.layui-tab-title{height: 54px;}
.layui-tab-title li{height: 54px; padding: 0px; max-width: initial; margin: 0px 20px;}
.layui-tab-brief>.layui-tab-title .layui-this{color: #C39F58;}
.layui-tab-title .layui-this:after{height: 54px;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:4px solid #C39F58;}
.product_show_tab .layui-tab-content{padding: 50px 0px;}
.product_show_tab .title{text-align: left;}

.specifications_table{position: relative; margin-top: 30px; padding-left:110px;}
.specifications_th{width: 110px; height: 100%; position: absolute; left:0px; top: 0px; background: #fff; box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.2);}
.specifications_th .specifications_td{border-bottom:#D9D9D9 solid 1px; font-size: 12px; line-height:1.4; color: #999; padding: 10px 0px; height:56px;}
.specifications_th .specifications_td b{display: block; color: #000;}
.specifications_th .specifications_li_title{background: none; height:56px;}

.specifications_ct_x{overflow-x: auto; width: 100%;}
.specifications_ct{display: table; width: 100%; }
.specifications_li{display: table-cell; vertical-align: top; padding-left:20PX; min-width:120px;}
.specifications_li_title{line-height: 56px;height: 56px; background: #F0F0F0; font-size: 16px; font-weight: bold; border-bottom:#D9D9D9 solid 1px; text-align: center;}
.specifications_ct .specifications_td{line-height: 56px; height: 56px; border-bottom: #D9D9D9 solid 1px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:10px;}

.product_show_bg{padding: 50px 0px; background:#F0F0F0;}
.product_show_bg .title{text-align: left;}
.product_show_pr{margin-top:30px; position: relative; overflow: initial;}

.product_show_pr .swiper-button-white{width: 46px; height:46px; margin-top: -23px; background-color: #000 !important; background-size:20% auto !important; border-radius: 100%;}
.product_show_pr .swiper-container{position: initial;}
.product_show_pr .banner_swiper_Pagination{right: -23px; left: -23px; top: 50%;}
.specifications_centent{margin-top: 30px;}

.product_show_news{padding:100px 50px; width: 100%; display: table; background: #fff; margin-top:25px;}
.product_show_news_txt{display: table-cell; vertical-align: middle; width: 55%; padding:0px 5%;}
.product_show_news_txt .title{font-weight: normal; padding-bottom: 10px;}
.product_show_news_img{display: table-cell; vertical-align: middle; text-align: center;}
.product_show_news_img img{width: 70%; max-width:380px;}


.Productshow_width{padding:20px 0px 30px; position:relative; overflow:hidden; border-bottom: #e0e0e0 solid 1px; padding-bottom:60px; margin-bottom: 20px;}
.skin_type_box_left{ width:45%; float:left; position: relative;}
.skin_type_box_left .BestSellers_li_img_icon{right: 1px; top: 1px; font-size: 16px;}
.skin_type_box_left .BestSellers_li_img_icon .BestSellers_top_icon{margin-top: 7px; width: 20px;}
.skin_type_product .swiper-slide img{ width:100%;}
.skin_type_box_left .product-show-buttom{padding:0px 40px; margin-top:10px; position:relative;}
.skin_type_box_left .skin_type_thumbs .swiper-wrapper .swiper-slide img{border: #fff solid 2px; cursor:pointer; border-radius:10px;}
.skin_type_box_left .skin_type_thumbs .swiper-wrapper .swiper-slide-thumb-active img{border: #C39F58 solid 2px;}
.skin_type_box_left .swiper-container{position: initial;}
.skin_type_box_left .swiper-button-next, .skin_type_box_left .swiper-button-prev{background:none; width:30px; height:30px; margin-top:-15px;}
.skin_type_box_left .swiper-button-white i{font-size:28px; line-height:30px;}
.skin_type_box_left .swiper-button-prev, .skin_type_box_left .swiper-container-rtl .swiper-button-next{left:0px;}
.skin_type_box_left .swiper-button-next, .skin_type_box_left .swiper-container-rtl .swiper-button-prev{right:0px;}

.product_nav_two{background: #f6f6f6; padding: 30px 0px; display: block; text-align: center; margin-top:10px;}
.product_nav_two a{padding:12px 30px; background: #fff; border-radius: 5px; margin: 0px 5px; font-size: 18px;}
.product_nav_two a.active{border: #000872 solid 1px; background: #000872; color: #fff;}

.skin_type_box__right{width:55%; float:right; padding-left:60px;}
.product_title{font-size: 36px;display: block;text-align: left;font-weight: bold;padding-bottom:15px;}
.Productshow_right_txt{font-size:16px;line-height: 1.8;padding:5px 0px 40px;}

.Productshow_right_ct{overflow:hidden; border-top:#e0e0e0 solid 1px}
.Productshow_right_txt{position: relative; width: 100%; display: table; font-size: 16px; padding:13px 0px;}
.Productshow_right_txt_title{display: table-cell; width:90px; vertical-align: top; color: #999;}
.Productshow_right_txt_ct{display: table-cell;vertical-align: top;}

.Productshow_right_but{overflow: hidden; border-top: #e0e0e0 solid 1px; padding-top:40px; margin-top:40px; }
.Productshow_right_but_li{width: 50%; float: left; text-align: center; padding-right: 5px;}
.Productshow_right_but_li:nth-last-child(1){ padding: 0px; padding-left: 5px;}
.Productshow_right_but_li a{color: #fff; background:#C39F58; font-size: 18px; font-weight: bold; display: block; padding: 17px 20px; border-radius: 10px;}
.Productshow_right_but_li:nth-last-child(1) a{background: #000872;}

.Productshow_title{font-size: 24px; padding:35px 0px; font-weight: bold; text-align: center;}
.Productshow_parameter{overflow: hidden; margin: 0px -15px;}
.parameter_li_width{display: table; width: 100%; background: #f5f5f5;font-size: 16px; }
.parameter_li_title{display: table-cell; width: 150px; padding: 10px 15px; font-weight: bold;vertical-align: middle; border-right:3px #fff solid;}
.parameter_li_txt{display: table-cell; vertical-align: middle; padding: 10px 15px;}
.parameter_li{width: 50%; float: left; padding:0px 15px;}
.Productshow_parameter:nth-child(2n) .parameter_li_width{background: #fff;}
.Productshow_content{padding:50px 0px; border-bottom: #e0e0e0 solid 1px; margin-bottom: 20px;}
.Productshow_content img{padding: 5px 0px;}

.productshowwidth{padding-bottom:60px;}
.application_width{width: 100%; padding-left: 0px;  padding-top:50px; display: block; max-width:initial; flex:auto}
.application_width .product_right_li_txt_title{padding-bottom: 10px;}
.application_width .product_right_li_img{width:33%;min-width: 349px;}
.application_width .product_right_li{ margin-bottom: 50px;}
.application_width .product_right_li:nth-last-child(3){ margin-bottom: 10px;}

.bottom_border{text-align: center; border-bottom:#D9D9D9 solid 1px; padding-bottom:30px; margin-bottom: 10px;}
.bottom_border .news_li_txt{padding-top: 10px; font-size: 14px;}
.application_show_txt{margin:0px auto; padding:50px 0px; max-width: 1200px;}
.application_show_txt .product_title{text-align: center;}
.application_show{padding: 30px 0px 20px;}
.application_show{font-size: 16px; line-height: 1.6;}
.application_show img{display: block; padding:20px 0px; margin: 0px auto;}
.application_show h2{font-size: 24px; font-weight: bold; display: block; padding: 15px 0px;}
.application_show h3{font-size:18px; font-weight: bold; display: block; padding:15px 0px;}

.border_top{border-top: #e0e0e0 solid 1px;}
.application_width_bor{padding: 0px; padding-bottom: 50px;}
.application_more{display: block; padding-top:40px;}
.application_more a{ display: block; text-align: center;}

.about_content{padding: 60px 0px;}
.about_content_title{font-size:16px;  text-transform: uppercase;font-size: 12px; font-weight: bold; padding-bottom: 20px;}
.about_content_title b{font-size: 36px; display: block; padding-bottom:5px;}
.about_content_txt{display: table; width: 100%; padding-bottom: 30px;}
.about_content_txt_ct{display: block; max-width:810px; text-align: left; margin-bottom:60px;}
.about_content_txt_ct .title{font-weight: normal;  text-align: left; padding-bottom:5px;}

.contact_width{padding: 50px 0px;}
.contact_title{font-size: 18px; color: #999; text-align: center;}
.contact_title b{font-size: 32px; display: block; color: #000; padding-bottom: 10px;}

.contact_table{overflow: hidden;margin-top: 30px; background: #f5f5f7;}
.contact_table_li{width:50%; float: left; padding: 10px;}
.contact_table_li_box{ background: #f6f6f6; padding: 30px; border-radius: 10px;}
.contact_table_li_box_title{font-size: 24px; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #e0e0e0 solid 1px;}
.contact_table_li_box_txt{display: table; width: 100%; padding:5px 0px; font-weight: bold;}
.contact_table_li_box_txt span{display: table-cell; width: 80px; color: #999; font-weight: normal;}
.contact_table_li_box_but{padding-top: 20px;}
.contact_table_li_box.active{background: #C39F58; color: #fff;}
.contact_table_li_box.active .contact_table_li_box_txt span{color: #fff;}
.contact_table_li_box.active .but_class{background: #fff; color: #C39F58;}

.news_padding{padding: 20px 0px 20px;}
.news_padding .about_tab{grid-gap:50px;}

/* 新闻分页 */
.news_pagebar{display:flex;justify-content:center;padding:40px 0 20px;}
.news_pagebar .pagination{display:flex;list-style:none;margin:0;padding:8px 12px;background:#f8f9fa;border-radius:12px;gap:8px;align-items:center;}
.news_pagebar .pagination .page-item{list-style:none;}
.news_pagebar .pagination .pagination_but{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 14px;border:none;border-radius:8px;color:#555;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s ease;background:transparent;cursor:pointer;}
.news_pagebar .pagination a.pagination_but:hover{background:#1eadf4;color:#fff;box-shadow:0 2px 8px rgba(30,173,244,.25);}
.news_pagebar .pagination .active .pagination_but{background:linear-gradient(135deg,#1eadf4,#5ac8f7);color:#fff;box-shadow:0 2px 10px rgba(30,173,244,.3);cursor:default;font-weight:600;}
.news_pagebar .pagination .disabled .pagination_but{opacity:.35;cursor:not-allowed;pointer-events:none;}
.news_pagebar .pagination .page-down .pagination_but{font-size:13px;letter-spacing:.5px;color:#666;}
.news_pagebar .pagination a.page-down.pagination_but:hover{background:#1eadf4;}

.contact_table_li_txt{padding:30px;}
.contact_table_name{font-size:32px; font-weight: bold; line-height: 1.4; border-bottom: #333 solid 3px; padding-bottom: 10px; margin-bottom: 10px;}
.contact_table_name span{font-size:16px; display: block; color: #C39F58;}
.contact_table_txt{display:table; padding:25px 0px; border-bottom: 1px solid #dcdcde; width: 100%;}
.contact_table_txt_icon{display:table-cell; width: 38px; vertical-align: middle;}
.contact_table_txt_icon span{display:inline-block; width: 38px; height: 38px; border-radius: 100%; overflow: hidden; border: 2px solid #1a1a1a;}
.contact_table_txt_ct{display:table-cell; padding-left: 15px; vertical-align: middle; font-size: 18px;}
.contact_table_txt_ct span{display: block; color: #666; font-size: 16px;}

.about_nav{text-align: center; padding: 30px 20px 40px; border-bottom: #ddd solid 1px;}
.about_nav .navbarbox_ul_li{border: 1px #ddd solid; border-radius: 90px; display: inline-block; font-size:18px; padding: 8px 20px; margin: 0px 5px;}
.about_nav .navbarbox_ul_li.active{background: #C39F58; color: #fff; border-color: #C39F58;}
.about_nav .navbarbox_ul_li.active a{color: #fff;}
.BMap_pop, .BMap_shadow{display: none;}
.BMap_Marker{z-index: 9999;}


.technology_ct{margin: 0px -15px; overflow: hidden; padding-top: 30px;}
.technology_ct .product_right_li{width: 50%; float: left; padding: 15px; margin: 0px;}
.contact_map_tab{display: table; padding-top: 30px;}
.contact_map_tab_l{display: table-cell; width: 40%; vertical-align: top;}
.contact_map_tab_r{display: table-cell;  vertical-align: top;}
.contact_map_li{display: block; padding: 5px 0px;}
.contact_map_li span{color: #999; display: block; padding-bottom:5px;}
.contact_map_tab_ct{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:20px;}

/* 联系方式卡片区域 */
.contact_info_section{padding: 60px 0; background: #f8f9fa;}
.contact_info_grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 24px;}
.contact_info_card{background: #fff; border-radius: 8px; padding: 30px 20px; text-align: center; transition: all .3s; box-shadow: 0 2px 12px rgba(0,0,0,.06);}
.contact_info_card:hover{transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.1);}
.contact_info_icon{width: 56px; height: 56px; line-height: 56px; border-radius: 50%; background: linear-gradient(135deg, #1eadf4, #5ac8f7); color: #fff; font-size: 22px; margin: 0 auto 16px;}
.contact_info_label{font-size: 14px; color: #999; margin-bottom: 8px;}
.contact_info_value{font-size: 15px; color: #333; font-weight: 600; line-height: 1.6;}

/* 在线留言区域 */
.contact_message_section{padding: 60px 0;}
.contact_message_layout{display: flex; gap: 40px; align-items: center;}
.contact_message_img{flex: 0 0 38%; max-width: 38%;}
.contact_message_img img{width: 100%; border-radius: 12px;}
.contact_message_right{flex: 1; min-width: 0;}
.contact_section_title{text-align: center; margin-bottom: 30px;}
.contact_section_title h2{font-size: 28px; font-weight: bold; color: #333; margin: 0 0 10px;}
.contact_section_title p{font-size: 14px; color: #999; margin: 0;}
.contact_form_box{background: #f8f9fa; border-radius: 12px; padding: 30px; position: relative;}
.contact_msg{position: relative;}
.contact_form_row{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px;}
.contact_form_group label{display: block; font-size: 14px; color: #333; font-weight: 600; margin-bottom: 8px;}
.contact_form_group label em{color: #ff4d4f; font-style: normal;}
.contact_form_group .form-control{display: block; width: 100%; padding: 10px 14px; border: 1px solid #dcdfe6; border-radius: 6px; font-size: 14px; background: #fff; transition: border-color .3s; outline: none;}
.contact_form_group .form-control:focus{border-color: #1675EA; box-shadow: 0 0 0 2px rgba(22,117,234,.12);}
.contact_captcha_wrap{display: flex; gap: 12px;}
.contact_captcha_wrap .form-control{flex: 1;}
.contact_captcha_img{height: 40px; border-radius: 6px; cursor: pointer; border: 1px solid #dcdfe6;}
.contact_form_full{margin-bottom: 24px;}
.contact_form_full label{display: block; font-size: 14px; color: #333; font-weight: 600; margin-bottom: 8px;}
.contact_form_full .form-control{display: block; width: 100%; padding: 10px 14px; border: 1px solid #dcdfe6; border-radius: 6px; font-size: 14px; background: #fff; transition: border-color .3s; outline: none; min-height: 120px; resize: vertical;}
.contact_form_full .form-control:focus{border-color: #1675EA; box-shadow: 0 0 0 2px rgba(22,117,234,.12);}
.contact_form_submit{text-align: center; padding-top: 10px;}
.contact_form_submit .but_class{background: #1eadf4; color: #fff; border: none; border-radius: 6px; padding: 12px 60px; font-size: 16px; cursor: pointer; transition: background .3s;}
.contact_form_submit .but_class:hover{background: #17a3d9;}

.banner_top{padding-top: 85px;}
.column_nav{display: block; border-bottom: #D9D9D9 solid 1px; text-align: center; padding: 18px 0;}
.column_nav_li{margin: 0px 15px; display: inline-block; position: relative;}
.column_nav .swiper-slide a.on::after{display:none;}
.column_nav a.on{color:#C39F58 ;}
.column_nav a{padding:12px 10px; display: block;}
.column_nav .swiper-slide{display: inline-block; width: initial;}
.column_nav .swiper-slide a{display: inline-block; border-radius: 20px; padding: 8px 22px; margin: 0 4px; transition: all .3s ease; background: #f0f0f0; color: #555;}
.column_nav .swiper-slide a.on{background: #1eadf4; color: #fff;}
.column_nav .swiper-slide a:hover{background: #1eadf4; color: #fff;}
.column_nav .swiper-container{display: inline-block; margin: 0px auto; max-width: 100%;}


.Solution_title{padding:40px 0px;}
.Solution_title .title{text-align: left;}
.Solution_txt{max-width:600px; padding: 20px 0px 40px;}
.Solution_parameter{display: block; overflow: hidden;}
.Solution_parameter_li{display: inline-block; color: #999; float: left; padding-right: 10%;}
.Solution_parameter_li span{display: block; font-size: 24px; color: #000; padding-bottom: 5px;}
.Solution_parameter_li:nth-last-child(1){padding-right: 0px;}

.Solution_lan{display: table; width: 100%;}
.Solution_lan_l{display: table-cell; vertical-align: top;}
.Solution_lan_r{display: table-cell; width:315px; vertical-align: top;}
.Solution_lan_li{display: table; width: 100%;}
.Solution_lan_li_icon{width:60px; display: table-cell; vertical-align: top; padding:30px 0px; padding-right: 20px;}
.Solution_lan_li_txt{display: table-cell; font-size: 14px;  vertical-align: top; padding:25px 0px; border-top: #D9D9D9 solid 1px;}
.Solution_lan_li_txt b{font-size: 16px; display: block; padding-bottom:5px; font-weight: normal;}
.Solution_ct{padding: 30px; background: #fff;}
.Solution_ct_title{display: block; padding-top: 20px;}
.Solution_ct_title b{display: block; font-size: 20px; padding-bottom: 10px; font-weight: normal;}
.product_show_pr .Solution_ct{position: relative; height: 100%;}

.foot{background: #000; color: #fff;}
.foot a{color: #fff;}
.foot a:hover{color: #C39F58;}
.foot_width{padding:40px 0px;overflow: hidden;color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2);}
.foot_logo{float: left;width:50%;}
.foot_logo img{height: 40px;}
.foot_logo_but{float: left; color: #C39F58; padding-top:10px; width: 50%; text-align: right; font-size: 14px; font-weight: bold;}
.foot_nav{overflow: hidden; display: table; width: 100%; padding: 40px 0px;  border-bottom: 1px solid rgba(255,255,255,0.2);}
.foot_nav_l{display: table-cell; vertical-align: top; width:360px; overflow: hidden;}
.foot_nav_li{float: left; width: 33.33333%;}
.foot_nav_li a{color: #fff; display: block; margin-bottom:20px;}
.foot_nav_li a:nth-last-child(1){margin-bottom: 0px;}
.foot_nav_li a:hover{color: #C39F58;}
.foot_nav_r{display: table-cell; vertical-align: top; width:80px; overflow: hidden; text-align: center;}
.foot_nav_r span{display: block; padding-top:8px;}
.foot_nav_c{display: table-cell; vertical-align: top; padding: 0px 10%; overflow: hidden;}
.foot_nav_bor{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap:40px; padding-bottom:20px;}
.foot_nav_bor_li{display: block;}
.foot_nav_bor_li span{display: block; color: #999; padding-bottom: 5px;}
.foot_bottom{display: block; padding: 30px 0px;}


.product_c{padding:40px 0px; overflow: hidden; margin: 0px -20px; -webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.product_c_li{background:#FFF;/* padding:15px; */text-align:center;/* width: 25%; *//* float: left; */}
.BestSellers_but{padding: 10px 0px;}
.BestSellers_li{border: #ddd solid 1px;transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;}
.BestSellers_title{padding:5px  20px; font-size:20px;  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.BestSellers_id{text-align: center; opacity: .5; padding-bottom: 20px;}    

.technology_txt{padding: 40px 0px 10px; font-size: 18px;}

.Solution{padding:60px 0px;  margin: 0px auto;}
.Solution_li{display: table; width: 100%; background: #f2f2f2;}
.Solution_li_img{display: table-cell; width: 50%; vertical-align: middle;}
.Solution_li_txt{display: table-cell;width: 50%;vertical-align: middle;padding: 40px;font-size: 18px;line-height: 1.6;}
.Solution_li_txt b{display: block; padding-bottom: 10px; font-size: 24px;}

.fMessageBoard{background-color: #C39F58; color: #fff; background-image: url(../images/bgf-messageBoard.png); padding: 30px 0px 20px;}
.fMessageBoard_tr_4{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap:15px;}
.fMessageBoard .input_class{padding: 12px 20px; border: none; width: 100%; background: #fff; color: #000;}
.fMessageBoard .input_class:focus{box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.fMessageBoard .title{text-align: left; padding-bottom: 0px;}
.fMessageBoard_txt{font-size: 16px; opacity: .8; padding-bottom: 20px;}
.fMessageBoard_tr_2{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:15px; padding-top: 15px;}
.fMessageBoard_but{padding: 30px 0px; text-align: center;}
.fMessageBoard_but .enter{padding: 10px 40px; background:#ff0; color: #000; font-size: 16px; font-weight: bold;}

.consult_contact{position:fixed;bottom:22%;right:0;width:114px;height:114px;cursor:pointer; z-index: 99;}
.consult_wrap{position:relative;width:114px;height:114px;}
.consult_wrap .tip{position:absolute;right:95px;top:45px;display:none;width:150px;height:24px;border-radius:3px;font-size:14px;line-height:24px;text-align:center;background:#C39F58;color:#fff;-webkit-transition:display 1s ease;transition:display 1s ease;}
.consult_wrap .tip:after{position:absolute;right:-8px;top:50%;content:"";width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #C39F58;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.consult_contact img{position:absolute;left:50%;top:50%;width:auto;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);}
.consult_contact .staff_img{z-index:999;}
@keyframes ballRotate{0%{transform:rotate(0);}
 100%{transform:rotate(360deg);}
}
.consult_contact .ball{top:20px;width:auto;transform-origin:0 38px;animation:ballRotate 2.5s infinite linear;z-index:9999;}
@keyframes bg2Animation{0%{opacity:0;}
 50%{opacity:1;}
 100%{opacity:0;}
}
.consult_contact .bg-2{animation:bg2Animation 2.5s infinite linear;}
.consult_contact:hover .tip{display:block;}

.product_search_tab{position:relative;  display: block; margin-top:65px; padding-right: 72px;  float: none;}
.product_search_tab .tsch_txt{width: 100%;}
.product_search_tab .tsch_btn{position: absolute; right: 0px; top: 0px;}

.category_nav{background: #F9F9F9; padding:15px 0px;}
.category_banner{background: #000; padding: 50px 20px; color: #fff;}
.category_banner .Insideb_banner_txt{position: initial;}
.category_tab{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap:20px; padding:40px 0px; }
.category_tab_li{display: block; background: #F0F0F0; transition:all .5s;}
.category_tab_li a{display: block; padding:25px; color: #000;}
.category_tab_name{font-size: 20px; display: block; font-weight: bold;}
.category_tab_txt{padding:5px 0px;}
.category_tab_img{padding:30px 20px 10px; text-align: center;}
.category_tab_img img{width:90%;}

.category_lie{display: none;}
.case_li{padding-bottom: 30px;}
.case_li:nth-last-child(1){padding-bottom: 0px;}
.case_ct{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:30px; padding:30px 0px; }

/* 应用领域交替布局 */
.app_area{padding:40px 0 60px;}
.app_group{margin-bottom:50px;}
.app_group:last-child{margin-bottom:0;}
.app_group_title{font-size:24px;font-weight:700;color:#0f2541;text-align:center;margin-bottom:40px;position:relative;padding-bottom:16px;}
.app_group_title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background:linear-gradient(90deg,#1e40af,#38bdf8);border-radius:2px;}
.app_row{display:flex;align-items:center;gap:50px;margin-bottom:50px;}
.app_row:last-child{margin-bottom:0;}
.app_row:nth-child(even){flex-direction:row-reverse;}
.app_row_img{flex:0 0 46%;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.08);transition:transform .4s ease,box-shadow .4s ease;}
.app_row:hover .app_row_img{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.12);}
.app_row_img img{width:100%;height:auto;display:block;transition:transform .5s ease;}
.app_row:hover .app_row_img img{transform:scale(1.05);}
.app_row_text{flex:1;min-width:0;}
.app_row_title{font-size:26px;font-weight:700;color:#0f2541;margin-bottom:14px;line-height:1.4;}
.app_row_title a{color:inherit;transition:color .3s ease;}
.app_row_title a:hover{color:#1eadf4;}
.app_row_desc{font-size:14px;line-height:1.9;color:#888;margin-bottom:20px;}
.app_row_desc *{color:#888 !important;}
.app_row_more{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#1eadf4;transition:all .3s ease;padding:8px 20px;border:1px solid #1eadf4;border-radius:4px;}
.app_row_more:hover{background:#1eadf4;color:#fff;}

.service_ct{padding:50px 0px;}
.service_ct_img{display: block;}
.service_ct_img img{width: 100%;}
.service_ct_txt{max-width:800px; text-align: center; padding:40px 0px; margin: 0px auto;}
.service_ct_txt .title{font-weight: normal; padding-bottom: 20px;}
.service_tab{padding: 15px 0px; display: table; width: 100%;}
.service_tab_img{display: table-cell; vertical-align:middle; width: 45%;}
.service_tab_img img{width: 100%;}
.service_tab_txt{display: table-cell; vertical-align:middle; text-align: center; padding: 20px 10%;}
.service_tab_txt  .title{font-weight: normal; padding-bottom: 20px;}

.Frequently_width{display: block; padding: 20px 0px 50px;}
.filter{display:none; padding:20px; background: #F0F0F0; }
.filter ul{padding-left: 20px;}
.filter ul li{ padding: 5px 0px; list-style: disc;}
.panel-defalt{border-bottom:1px solid #D9D9D9;}
.panel-defalt .filter ul li:nth-last-child(1){ margin-bottom: 0px;}
.panel-defalt h3{cursor: pointer; cursor:pointer; font-size:20px;   line-height: 26px; padding:25px 50px; padding-left: 0px; position:relative; }
.panel-defalt h3 i{  font-size:16px; line-height: 24px; position: absolute; top:25px; right:0px;}
.panel-defalt h3.active .layui-icon-down:before{content: "\e619"}
.panel-defalt h3.active span{background: #fff; color: #0069AA;}
.panel-defalt h3 span{width: 26px; position:absolute; left: 20px; top:20px; height: 26px; background:#212121; font-weight: 300; margin-right:8px; color: #fff; display: inline-block; border-radius: 4px; text-align: center;}
.panel-defalt h3 span i{font-size: 20px; line-height: 26px;}

.contact_top{background:#F0F0F0; padding: 50px 0px;}
.contact_top_tab{position: relative; width: 100%; display: table;}
.contact_top_tab_l{display: table-cell; vertical-align: top; padding-right:30px;}
.contact_top_tab_l .title{text-align:left; display: block; padding-bottom:15px;}
.contact_top_tab_r{display: table-cell; width: 40%; vertical-align: top; min-width:360px;}
.contact_top_form{display: block;}
.contact_top_form_li{padding-bottom: 30px;}
.contact_top_form_title b{color:#FF6600;}
.contact_top_form_txt{display: block;}
.contact_top_form_txt .form-control{display: block; background: none; border-radius: 0px; width: 100%; padding: 10px 0px; height: initial; line-height: 24px; border: none; border-bottom: #000 solid 1px;}
.contact_top_form_txt .form-control:focus{border-color: #C39F58;}
.contact_top_form_txt .form-control.textarea{height: 120px;}
.contact_top_form_but .but_class{background: #000; border-color: #000; max-width: 100%; width: 100%; color:#fff;}
.contact_top_form_but .but_class:hover{background: #C39F58; border-color: #C39F58;}
.contact_top_form_em{position: absolute; left: 0px; bottom: 0px; display: table;}
.contact_top_em_iocn{display: table-cell; vertical-align: middle; width: 40px;}
.contact_top_em_txt{display: table-cell; vertical-align: middle; padding-left: 15px;}
.contact_top_em_txt span{display: block; color: #999;}
.contact_map{padding: 50px 0px;}
.contact_map .map #allmap {
    height: 480px;
  }
@media (min-width:1000px) {
    .home_news_li:nth-child(1) .home_news_li_ct{display: block;}
    .home_news_li:nth-child(1) .home_news_li_ct .home_news_li_img{width: 100%; display: block; padding: 0px;}
    .home_news_li:nth-child(1) .home_news_li_ct .home_news_li_txt{width: 100%; display: block; padding:3% 1%;}
    .home_news_li:nth-child(1) .home_news_li_ct .home_news_li_txt a{font-size: 24px;}
   .category_tab_li:hover{box-shadow: 0 0px 15px rgba(0,0,0,.2);
    -webkit-box-shadow:  0 0px 15px rgba(0,0,0,.2);
    -moz-box-shadow:  0 0px 15px rgba(0,0,0,.2); -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0)}
   .product_c_li:hover .BestSellers_li{box-shadow: 0 0px 10px rgba(0,0,0,.2);
        -webkit-box-shadow:  0 0px 10px rgba(0,0,0,.2);
        -moz-box-shadow:  0 0px 10px rgba(0,0,0,.2); -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0)}
     
}

@media (min-width:768px) {
    .home_product_ct:hover .home_product_img img{transform:scale(1.08);-o-transform:scale(1.08);}
    .home_content_ct:hover .home_content_img img{transform:scale(1.08);-o-transform:scale(1.08);}
    .product_video_li:hover img{transform:scale(1.08);-o-transform:scale(1.08);}
}
@media (max-width:1440px) {
    .classification_centent{display: block;}
    .classification_li{width: 16.6666666%;}
    .classification_li_ct{width: auto; height: auto;}
    .classification_li_txt{padding-bottom: 30px;}
    .top_nav li a{ margin: 0px 20px;}
}
@media (max-width:1100px) {
    .top_header{padding:0px;}
    .banner_ct_txt h1{font-size: 36px;}
    .product_tab_li h1{font-size: 24px;}
    .top_nav li a{margin: 0px 25px; padding:30px 0px; line-height: 26px;}
    .top_logo{padding:23px 0px;}
    .top_right_padding{width: 40px; height: 40px;     background-size:18px auto;}
    .top_right_qr_box {top: 63px;}
    .banner{margin-top: 0px;}
    .top_logo .logo_p{display: none;}
    .top_logo .logo_m{display: block;}
    .top_logo img{/* height: 53px; */}
    .top_language .layui-unselect{color: #333;}

    .product_tab_li{display: block;}
    .product_box{grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap:15px;}
    .product_tab_li_img{display:block; width: 100%; margin-bottom: 20px;}
    .product_tab_li_txt{display:block; padding: 0px;}
    .product_tab_li_img span{position: initial; width: 100%; font-size: 20px; padding: 20px 0px;}

    .title{font-size:26px;/* padding-bottom: 20px; *//* padding: 20px 0px; *//* padding-bottom: 20px; */}
    .title_txt{font-size:16px; }

    .classification_li_txt{font-size: 20px;}

    .contact_map_tab{display: block;}
    .contact_map_tab_l{display: block; width: 100%;}
    .contact_map_tab_r{display: block; width: 100%; padding-top: 20px;}


    .banner{padding-top: 57px;}
    .top_nav .nav_a_mobi{display:block}
    .top_nav .nav_a_pc{display:none}
    .top_logo{padding: 8px 0px;}
    .top_left{display: none}
    .top{background: #FFF; text-align: left;}
    .top_header .top_logo{position: relative;}
    .top_nav_icon{position:absolute;right: 20px;top: 8px;display:block;cursor:pointer;z-index: 2;}
    .top_nav_icon span{width:30px; height:3px; background:#000; display:block; margin:8px 0px; border-radius: 10px;}
    .top_nav_icon span:nth-child(2){width: 80%;}
    .top_icon .top_icon_li{display: none;}
    .top_icon{top: 5px;}
    .top.fixed .top_logo{display: inline-block; position: relative; }
    .top.fixed .top_icon{top: 1px}
    .top:after{height: 90px;}
    .top.fixed .top_nav_icon span{background:#333; }
    .top_nav li:hover .arrowDG_menu{display: block;}
    .top_nav li a{text-align: left;}
    .top_nav li a i{float: right; font-size:24px;}
    .top_nav_width{position:fixed;  top:0px; left:-100%;  height:100%;  padding:0px; width:100%; max-width: 420px; padding:20px 0px; z-index:99; opacity:1; overflow:auto;
        -webkit-transition:all .5s;
        -moz-transition:all .5s;
        -ms-transition:all .5s;
        -o-transition:all .5s;
        transform:all .5s;
    }
    .top_nav li>a{ color: #333;}
    .top_nav li{display: block; float: none;}
    .top_nav{display: block; text-align: center;}
    .top_nav li>a{display: block;}
    .top_nav li:hover>a:before{display: none;}
    .arrowDG_menu{ position: relative; height:auto; display: none; opacity:1; background: #eee!important;}

    .navbarbox_li{width: 100%; padding: 10px!important;}
    .navbarbox_li_txt{width: 50%;}
    .top_nav .navbarbox_li_txt a{font-size: 12px; line-height: 20px;}
    .top_nav .navbarbox_li_txt img{margin-right: 5px; height: 20px;}
    .navbarbox_li:nth-child(2) .navbarbox_li_txt{width: 50%;}
    .top_nav li{border-bottom: #ddd solid 1px;}
    .top_nav li a{padding:20px 0px; font-size: 18px;}
    .cor_ls{ color: #4eb6c0}
    .cor_hs{ color: #ea618b}
    .top_nav_width_logo{display: block; padding:20px 20px 15px; text-align:center;}
    .top_nav_width_logo img{width:40%;}
    .top_nav_Close{display: block;padding:5px; color: #fff; font-size: 30px; position: absolute; top: 10px; right:-40px; background: #C39F58; cursor: pointer;}
    .top_nav_Close i{font-size: 30px; }
    .top_nav_width_bg{position: absolute; padding-bottom: 10px; height: 100%; width:80%; background: #fff; z-index: 9; top: 0px; left: 0px;}
    .top_nav_width:before{background:#000; background:rgba(0, 0, 0, 0.8)!important; filter:Alpha(opacity=80); width: 100%; position: fixed; z-index:1; left: -100%; top:0px; height: 100%; content:""; display: block;}

    .top_nav_mobile{left: 0px;}
    .top_nav_mobile.top_nav_width:before{left: 0px;}

    .Inner_banner_title h1{font-size: 56px;}

    .product_width_li_ct_title h2{font-size:24px; line-height: 1.3; margin: 2px 0px;}

    .arrowDG_menu_w .arrowDG_menu{width: 100%;}

    .top_nav li{position: relative;}
    .arrowDG_menu_icon{position: absolute; right: 0px; top:6px; padding: 0px 10px; right: 10px; z-index: 2;}
    .arrowDG_menu_icon:after{ content: "+"; display: block; font-size: 30px; color:#333!important; line-height: 1.2;}
    .arrowDG_menu_w .navbarbox_ul_li a{color:#333}
    .top_nav li .arrowDG_menu_icon:hover .arrowDG_menu{ display: block;}
    .arrowDG_menu_w .navbarbox_ul_li{text-align: center;}
    .arrowDG_menu_icon_j:after{ content: "-";}
    .top_icon .top_icon_block{display: inline-block; padding:14px 5px;}
    .top_language, .top_right_user, .top_right_Collection{float: right;}
    .top_language{margin-top: 22px;line-height: 20px;padding: 2px 10px;width:65px;padding-right: 0px;}
    .top_right_padding{ margin:15px 5px;}
    .fixed_top .top_language .layui-form-select{background: url(../images/cn_icon.png) left bottom no-repeat; background-size:20px auto;}
    .top_icon{padding-right: 0px;}
    .top_language .layui-form-select{padding-left: 25px;}

    .classification_wdith{padding-bottom: 30px;}
    .classification_centent{width:90%;}
    .classification_li{width:33.333333%;}
    .classification_li_txt{padding-bottom: 30px;}

    .case_tab{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:20px; padding-top:50px;}

    .home_product_li{width:33.33333%;}

    .home_content{padding: 40px 0px;}


    .product_right_li_img{width: 230px; border-radius: 0px;}
    .product_right_li_img img{/* border-radius: 10px; */}
    .home_about_txt_but{padding: 20px 0px;}
    .home_content_li .home_product_txt{font-size: 24px; padding: 20px;}


    .product_title{font-size: 30px;}
    .product_title{padding-bottom: 10px;}
    .Productshow_right_txt{font-size: 14px;}
    .skin_type_box__right{padding-left: 40px;}
    .Productshow_right_txt{padding: 10px 0px;}
    .Productshow_right_but{padding-top: 30px; margin-top: 30px;}
    .parameter_li_width{font-size: 14px;}
    .Productshow_content{padding: 30px 0px;}
    .Productshow_title{padding: 30px 0px;}
    .Productshow_content{margin-bottom: 10px;}

    .product_right_li_txt{padding-left: 25px;}

    .contact_table_li{width: 50%;}

    .category_tab{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:20px; padding:40px 0px; }
    .product_show_pr .banner_swiper_Pagination{right:-10px; left: -10px;}
}
@media (max-width:1000px) {
    .product_width{display: block;}
    .product_right{display: block; width: 100%; max-width:inherit; padding:20px 0px;}
    .visible-lg, .visible-md, .visible-sm, .visible-xs{display: block !important;}
    .product_left{width: 100%;position: fixed;height: 100%;background: #fff;border: none;z-index: 99;opacity: 1;top: 0px;right: 0px;left: -100%;padding:15px; transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
    .column_left_Close{float:right; top:20px; display:block !important; border-radius: 100%; font-size:26px; color:#fff; background: #C39F58; line-height:30px; text-align: center; position: absolute;width: 30px;height: 30px;right:20px;}
    .column_left_Close i{display: inline-block; line-height: 30px;}
    .blog_empty_centent .panel-defalt h3{margin-bottom: 20px;}
    .product_left.calendar_left_auto{left: 0px;z-index: 99999;opacity: 1;padding:20px; overflow-x: auto; right: 81px;}
    .calendar_m_nav{font-size:18px; display:none; cursor:pointer; background:#C39F58; color:#fff; padding:10px 15px; margin-bottom: 10px; font-weight: bold;}
    .calendar_m_nav i{margin-right: 5px;}
    .Insideb_banner{padding:0px;}
    .product_width{padding: 0px 5px; padding-bottom: 30px;}

    .home_about_width{display: block;}
    .home_about_txt{display: block; padding: 0px; padding-bottom: 20px;}
    .home_about{padding: 10px 0px 50px;}
    .home_about_video{display: block; width: 100%;}
    .home_about_video img{width: 100%;}
    .foot_logo_txt{display: inline-block;}

    .product_c{padding: 20px 0px;}
    .product_c .product_c_li{width: 33.33333%;}

    .home_news_width{padding-top:10px; margin: 0px;}
    .home_news_li{width: 100%; padding:10px 0px; }
    .home_news_li_txt{ padding: 15px;}
    .home_news_li_img{padding: 0px;}
    .home_news_li_img img{width: 100%;}
    .home_news{padding:20px 0px 40px;}
    .product_left_nav{display: block;}
    .Insideb_title{display: block;}
    .about_nav{padding: 0px 10px; border: none; margin: 0px; margin-top: 10px; text-align: left;}


    .product_nav_two{padding:5px;}
    .product_nav_two a{margin:10px; display: block; font-size: 16px;}

    .home_about_mub_li .timer{font-size: 42px;}   
    .about_tab_txt b{/* font-size: 18px; */}
    .home_news_width .banner_swiper_Pagination{left: 5px; right:5px;}

    .category_li_txt .banner_ct_txt .title{font-size: 24px;}
    .Insideb_banner_txt .title{font-size:32px;}
    .Insideb_banner_txt div{font-size: 16px; padding: 0 15px;}
    .Insideb_banner>img{width: 140%; margin-left: -20%; max-width: initial;}
    .banner_ct_txt h2{padding: 10px 0px 20px;}
    .but_class{padding: 8px 20px;}
    .product_showcase{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:15px;}
    .company_intro_wrap{gap: 25px;}
    .company_intro_img{flex: 0 0 40%;}
    .about_section{padding: 35px 0;}
    .about_block_title b{font-size: 26px;}
    .about_block_title span{font-size: 12px;}
    .about_grid{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 15px;}
    .about_intro_wrap{gap: 25px;}
    .about_intro_img{flex: 0 0 38%;}
    .about_intro_txt h3{font-size: 20px;}
    .rd_wrap{grid-template-columns: 1fr; gap: 20px;}
    .rd_center{order: -1;}
    .rd_center img{max-width: 220px;}
    .rd_num{flex: 0 0 48px; height: 48px; font-size: 18px;}
    .rd_txt{font-size: 14px;}
    .home_rd_section .rd_stage{grid-template-columns:1fr;}
    .home_rd_section .rd_center{order:-1;min-height:420px;}
    .home_rd_section .rd_badges{display:none;}
    .home_rd_section .rd_lines_svg{display:none;}
    .home_rd_section .rd_footer_strip{grid-template-columns:1fr;}
    .home_rd_section .rd_col.rd_right .rd_item{flex-direction:row;text-align:left;padding:18px 18px 18px 0;transform:translateX(-30px);}
    .org_chart_img{max-width: 90%;}
    .app_row{gap:30px;margin-bottom:35px;}
    .app_row_img img{height:auto;}
    .app_group{margin-bottom:35px;}
    .app_group_title{font-size:20px;margin-bottom:28px;}
    .patent_grid{grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 15px;}
    .product_card_grid{grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 15px;}
    .product_layout{padding: 35px 0;}
    .product_sidebar{flex: 0 0 180px;}
    .sidebar_title{font-size: 18px;}
    .sidebar_nav_item{padding: 8px 14px; font-size: 13px;}
    .sidebar_parent{font-size: 14px;}
    .sidebar_child{padding-left: 28px; font-size: 12px;}
    .category_block_title b{font-size: 20px;}
    .detail_wrap{gap: 25px;}
    .detail_title{font-size: 22px;}
    .detail_left{flex: 0 0 42%;}
    .detail_thumb_item{flex: 0 0 60px; height: 60px;}
    .detail_tab_nav .tab_item{padding: 8px 18px; font-size: 14px;}
    .detail_section_title{font-size: 18px;}
    .recommend_grid{grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 16px;}
    .contact_info_grid{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 16px;}
    .contact_info_section{padding: 40px 0;}
    .contact_message_section{padding: 40px 0;}
    .contact_message_layout{flex-direction: column; gap: 24px;}
    .contact_message_img{flex: none; max-width: 100%; width: 100%;}
    .contact_message_img img{max-width: 400px; margin: 0 auto; display: block;}
    .contact_message_right{width: 100%;}
    .contact_form_box{padding: 30px;}
    .contact_form_row{grid-template-columns: 1fr; gap: 16px; margin-bottom: 16px;}
    .contact_map_tab{display: block;}
    .contact_map_tab_l{display: block; width: 100%;}
    .contact_map_tab_r{display: block; padding-top: 20px;}
    .contact_map_tab_ct{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width:800px) {
    .container{width: 100%; padding: 0px 20px;}
    .home_content{margin: 0px -10px;}
    .home_content_li{/* padding: 10px; */}
    .home_content_li .home_product_txt{padding-top: 20px;}

    .product_video{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:15px;}
    .product_video_li{display: block; float: none; margin: 0px; width: 100%; max-width: initial;}
    .specifications_li{padding-left: 15px;}
    .product_show_tab .layui-tab-content{padding: 30px 0px;}
   
    .product_show_news{padding: 50px 30px;}

    .home_brand_title .title_more .but_class{padding-top: 0px;}
    .home_content .title{padding-bottom: 20px;}
    .Insideb_title{font-size: 22px; padding-bottom:20px;}
    .product_right_li_txt_title{font-size:20px; padding-bottom: 10px;}
    .but_class{/* font-size: 16px; *//* padding: 10px 30px; */}
    .product_right_li_img{width:200px;}

    .Productshow_width{padding:0px 10px; overflow: hidden; display: block;}
    .skin_type_box_left{width: 100%;}
    .skin_type_box__right{width: 100%; padding: 0px; padding-top:30px;}
    .position_bg{padding:10px 5px;}
    .Productshow_width{padding-bottom: 40px; margin-bottom: 0px;}

    .Productshow_title{padding: 25px 0px; font-size:20px;}
    .Productshow_parameter{margin: 0px;}
    .parameter_li{width: 100%; padding: 0px;}
    .Productshow_parameter:nth-child(2n) .parameter_li_width{background:#f5f5f5;}
    .parameter_li:nth-child(2n) .parameter_li_width{background: #fff;}
    .Productshow_content{margin-bottom: 0px;}
    .productshowwidth{padding-bottom: 30px;}

    .about_content{padding: 20px 10px;}
    .about_content_txt{display: block;}
    .about_content_txt_img{display: block; width: 100%; padding: 0px;}
    .about_content_txt_ct{display: block; width: 100%; padding: 0px; padding-top: 30px;}
    .about_content_title b{font-size:30px;}

    .contact_width{padding: 30px 0px;}
    .contact_title{font-size: 16px;}
    .contact_title b{font-size: 26px; padding-bottom: 5px;}
    .contact_table{padding-top: 30px; margin: 0px;}
    .contact_table_li_box{border-radius: 10px; padding: 20px;}
    .contact_table_li_box_title{font-size: 20px; padding-bottom:15px; margin-bottom: 15px;}
    
    .foot_nav{display: block;}
    .foot_nav_l{display: block; width: 100%;}
    .foot_nav_c{display: block; width: 100%; padding: 0px; padding: 30px 0px;}
    .foot_nav_bor{grid-gap:20px;}
    .foot_nav_r{margin: 0px auto; display: block;}

    .category_ct{position: relative;  display: flex; width: 100%;  -webkit-box-pack: justify; justify-content: space-between;}
    .category_container{float: left;}
    .category_tab{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:20px; padding:30px 0px;}
    .category_nav{padding: 10px 0px; position: relative; z-index: 6;}

    .category_ct::after{width: 140px; position: absolute; background: #F9F9F9; left: 0px; top: 0px; content: ""; height: 100%;}
    .category_lie{height: 100%; width:140px;  flex: 0 0 140px; background: #F9F9F9; display: grid; position: sticky; z-index: 2; top: calc(50px); align-self: flex-start;}

    .category_lie_li a{padding:20px; font-size: 14px; display: block;}
    .category_lie_li.on a{background: #fff; color:#C39F58; font-weight: bold;}
    .category_banner{ padding:20px; text-align: left;}
    .category_banner .Insideb_banner_txt{display: block; text-align: left;}
    .category_banner .Insideb_banner_txt div{text-align: left;}
    .category_banner .Insideb_banner_txt .title{text-align: left;}
    .category_banner{margin: 20px; margin-bottom: 0px;}
    

}

@media (max-width:640px) {
    .category_lie_li a{padding: 15px; font-size: 14px; display: block;}
    .category_tab{ grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:10px; padding:10px 0px 20px;}
    .category_banner{margin:10px; margin-bottom: 0px;}
    .category_banner{padding: 15px;}
    .category_banner .Insideb_banner_txt .title{font-size: 20px;}
    .category_tab_li a{padding: 15px ;}
    .specifications_table{margin-top: 20px;}
    .product_show_bg{padding: 30px 0px;}
    .product_show_pr{margin-top:20px;}
    .product_show_pr .swiper-slide{width: 80%;}
    .product_show_news{padding:25px; display: block; margin-top: 20px;}
    .product_show_news_txt{display: block; width: 100%; padding: 0px;}
    .product_show_news_img{display: block; padding-top:20px;}
    .two_product{flex-wrap: wrap; display: flex;}
    .two_product .product_show_news_txt{order: -1;}
    .product_show_tab{margin-top: 40px;}

    .contact_top{padding: 30px 0px;}
    .contact_top_tab{display: block;}
    .contact_top_tab_l{display: block; padding: 0px;}
    .contact_top_tab_r{display: block; padding: 0px; padding-top: 20px;}
    
    .service_ct{padding:40px 0px;}
    .contact_map{padding: 30px 0px;}
    .service_ct_txt{padding: 30px 0px;}
    .service_tab{display: block;}
    .service_tab.two_product{flex-wrap: wrap; display: flex;}
    .service_tab_img{display: block; width: 100%;}
    .service_tab_txt{display: block; width: 100%;}
    .service_tab_txt .title{padding-bottom: 10px;}
    .two_product .service_tab_img{order: -1;}
    .contact_info_grid{grid-template-columns: 1fr; grid-gap: 12px;}
    .contact_info_card{padding: 20px 16px;}
    .contact_info_icon{width: 44px; height: 44px; line-height: 44px; font-size: 18px; margin-bottom: 10px;}
    .contact_info_section{padding: 30px 0;}
    .contact_message_section{padding: 30px 0;}
    .contact_message_layout{gap: 16px;}
    .contact_message_img img{max-width: 100%;}
    .contact_message_wrap{max-width: 100%;}
    .contact_section_title h2{font-size: 22px;}
    .contact_form_box{padding: 20px; border-radius: 8px;}
    .contact_form_row{gap: 12px; margin-bottom: 12px;}
    .contact_map_tab{padding-top:5px;}
    .contact_map_tab_ct{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:10px;}

    .case_li{padding-bottom:10px;}
.case_ct{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:10px; padding:10px 0px; }

    .Insideb_banner>img{width: 100%; margin-left:0%; max-width: initial;}
    .mc_img{display: block;}
    .pc_img{display: none;}
    .banner{padding-top:49px;}
    .top_header{/* padding: 0px 10px; */}
    .top_logo{padding: 10px 0px;}
    .top_logo img{height: 30px;}
    .top_nav_icon{right: 10px;top:8px;}
    .top_icon{/* padding-right:28px; */}
    .top_right_padding{width: 28px; height: 28px; margin:11px 3px; background-size: 13px auto;}
    .top_nav_icon span{width: 22px; margin: 6px 0px;}
    .top-txt-search{width: 100%;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom: 15px;}
    .top_right_qr_box{top: 42px;}
    .top_right_tel .top_right_qr_box{right: 40px; padding: 10px;}
    .top_right_qr_box{width: 130px;}
    .top_right_tel .top_right_qr_box{ font-size: 14px; width: 200px; right: -40px;}
    .top_right_qr_box_li span{width: 70px;}
    .top_right_qr_box_li{padding: 5px;}


    .banner_ct{padding:0; display: block;}
    .banner_ct_txt{display: none;}
    .banner_ct_img{padding:0; text-align: center; display: block; width: 100%;}
    .banner_ct_img img{width:100%;height:auto;}

    .classification_centent{width: 100%;}
    .classification_li{width: 50%;}
    .banner .news_swiper_Pagination{display: none;}
    .product_tab{display: block; padding: 10px 0px;}
    .product_tab_l{display: block; width: 100%;}
    .product_tab_li .product_tabr_ct{padding: 30px 20px;}
    .product_tab_li .banner_ct_img{padding: 0px; padding-top: 30px;}
    .product_tab_li{padding: 5px 0px;}
    .title{font-size:30px;/* padding: 20px 0px; */}
    .product_tab_r .product_tab_li .banner_ct_txt{padding: 0px;}

    .case_tab{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:15px; padding-top:30px;}

    .classification_li{padding: 5px;}
    .classification_li_ct{border-radius: 10px;}
    .classification_li_img{padding: 30px 0px;}
    .classification_li_txt{padding-bottom: 20px;}

    .panel-defalt h3{font-size: 18px;}
    .panel-defalt h3{padding:20px 50px; padding-left: 0px; }
    .panel-defalt h3 i{top: 20px;}
    .filter{padding:15px;}

    .home_product_ct{border-radius: 10px;}
    .home_product{overflow: hidden; margin: 0px;}
    .home_product_li{width: 50%; padding: 5px;}
    .top_language{margin-top: 12px;}
    .banner_swiper_Pagination{display: none;}
    .home_product_li:nth-child(n+15){display: none;}
    .home_content{margin: 0px; padding: 20px 0px;}
    .home_content_li{padding: 5px;}

    .foot_er_app a img{height: 18px; margin-top: 5px;}

    .foot_logo img{height:35px;}
    .foot_logo_but{text-align: center; display: block; width: 100%; padding-top: 0px;}
    .foot_nav{width: 100%;padding:30px 0px;}
    .foot_nav_li a{margin-bottom: 15px;}
    .foot_nav_txt{padding: 8px 0px;}
    .foot .container{position: relative;}
    .foot_logo{padding-bottom:10px;/* padding-left:10px; */}
    .foot_er{position: absolute;right: 15px;top: 30px;width: 110px;}
    .foot_nav:nth-child(2){width: 100%;}
    .foot_width{ padding: 30px 0px;}
    .foot_bottom{font-size: 12px;}
    .classification_li_img img{height: 45px;}
    .product_tab{margin-top:-20px;}
    .classification_li_txt{font-size: 18px;}
    .foot_nav_bor{grid-template-columns: repeat(2, minmax(0, 1fr));}

    .main{width: 30px; right: 5px; bottom: 20px;}
    .pagination ul li >a{line-height: 36px; width: 36px; height: 36px; text-align: center;}
    .pagination ul li >a.pagination_but{padding: 0px 10px;}
    .pagination ul li >span{line-height: 36px; width: 36px; height: 36px;}
    .pagination ul li .fa{line-height: 36px; margin-top: -1px;}
    .pagination ul li >a.pagination_but{width: 36px;}
    .pagination ul li .fa{margin: 0px;}
    .pagination > li{margin:0px 1px;}
    .pagination{ padding:10px 0px; margin: 0px;}
    .about_tab_txt b{font-weight: normal;}

    .product_right{padding: 10px 0px;}
    .product_right_li_img{width: 100%; display: block;}
    .product_right_li_txt{padding-left: 20px;}
    .product_right_li{display: block;border:#e0e0e0 solid 1px;padding:0px;/* border-radius: 10px; */overflow: hidden;}
    .product_right_li_txt{padding:20px; background: #fff;}
    .but_class{padding: 6px 20px;}
    .m-video .m-video-icon{font-size: 60px; margin-top: -45px;}
    .home_about_cooperate{padding-top: 0px;}
    .cooperate_with{margin: 0px;}

    .cooperate_li{padding: 5px; width: 33.333333%;}

    .Productshow_width{padding:0px; padding-bottom: 30px;}
    .Productshow_right_but{padding-top: 25px; margin-top: 20px;}
    .Productshow_right_but_li a{font-size: 16px; border-radius:5px;}
    .product_title{font-size: 24px;}
    .application_width{padding-bottom: 20px;}
    .application_width .product_right_li_img{width: 100%; min-width: initial;}
    .product_right_li_img img{border-radius:0px;}
    .application_width .product_right_li:nth-last-child(2){margin: initial;}
    .application_width .product_right_li{margin-bottom: 20px !important;}


    .application_content{padding-top:5px;padding-bottom: 10px;}
    .application_show{padding-top: 15px; font-size: 14px; }
    .application_show h2{font-size: 20px; padding: 10px 0px;}
    .application_show h3{font-size: 16px; padding: 5px 0px;}
    .application_more{padding: 10px 0px;}

    .about_content{padding:0px;}
    .about_content_txt{padding-bottom: 20px;}
    .about_content{padding-bottom: 20px;}
    .Insideb_banner_txt .title{font-size: 32px;}
    .Insideb_banner_txt div{font-size: 14px; padding: 0 20px; line-height: 1.5;}
    .about_content_txt_ct{padding: 0px 20px; padding-top: 30px; margin-bottom: 30px;}
    .about_content_title b{font-size:28px; padding-bottom:0px;}

    /* 新关于页面响应式 */
    .about_section{padding: 25px 0;}
    .about_block_title{margin-bottom: 20px;}
    .about_block_title b{font-size: 22px;}
    .about_block_title span{font-size: 11px;}
    .about_block_title::after{width: 40px; height: 2px; margin-top: 10px;}
    .about_intro_wrap{flex-direction: column; gap: 20px;}
    .about_intro_img{flex: none; width: 100%;}
    .about_intro_txt h3{font-size: 18px; margin-bottom: 12px;}
    .about_intro_content{font-size: 14px; line-height: 1.7;}
    .rd_side{gap: 18px;}
    .rd_item{gap: 10px;}
    .rd_num{flex: 0 0 42px; height: 42px; font-size: 16px;}
    .rd_txt{font-size: 13px; line-height: 1.6; padding-top: 6px;}
    .rd_center img{max-width: 180px;}
    .home_rd_section .rd_title{font-size:28px;padding-left:16px;letter-spacing:2px;}
    .home_rd_section .rd_container{padding:40px 18px;}
    .home_rd_section .rd_trophy_stage{transform:scale(.8);}
    .home_rd_section .rd_footer_strip{grid-template-columns:1fr;gap:12px;margin-top:25px;}
    .home_rd_section .rd_stat{padding:20px 16px 18px;}
    .home_rd_section .rd_stat_num{font-size:30px;}
    .org_chart_img{max-width: 100%;}
    .app_row{flex-direction:column !important;gap:20px;margin-bottom:30px;}
    .app_row_img{flex:none;width:100%;}
    .app_row_img img{height:auto;}
    .app_row_text{text-align:center;}
    .app_row_desc{font-size:13px;}
    .app_group{margin-bottom:25px;}
    .app_group_title{font-size:18px;margin-bottom:22px;}
    .patent_grid{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 12px;}
    .patent_title{font-size: 12px; min-height: 36px; padding: 10px 10px 12px;}
    .product_card_grid{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 12px;}
    .product_layout .container{flex-direction: column; gap: 20px;}
    .product_sidebar{flex: none; width: 100%; position: static;}
    .sidebar_nav{flex-direction: row; flex-wrap: wrap; gap: 8px;}
    .sidebar_group{margin-bottom: 0; display: contents;}
    .sidebar_nav_item{border-left: none; border-bottom: 3px solid transparent; margin-bottom: 0; padding: 8px 14px;}
    .sidebar_nav_item:hover{border-left-color: transparent; border-bottom-color: #1675EA;}
    .sidebar_nav_item.active{border-left-color: transparent; border-bottom-color: #1675EA;}
    .sidebar_parent{font-size: 14px;}
    .sidebar_child{padding-left: 14px; font-size: 12px;}
    .category_block_title b{font-size: 18px;}
    .detail_wrap{flex-direction: column; gap: 20px;}
    .detail_left{flex: none; width: 100%;}
    .detail_title{font-size: 20px;}
    .detail_prenext{flex-direction: column; gap: 12px; margin-top: 30px;}
    .detail_thumb_item{flex: 0 0 56px; height: 56px;}
    .detail_tab_nav .tab_item{padding: 8px 16px; font-size: 13px;}
    .detail_section_title{font-size: 17px; margin-bottom: 18px;}
    .params_table td{padding: 10px 12px; font-size: 13px;}
    .param_label{width: 100px;}
    .recommend_grid{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 12px;}

    .contact_width{padding: 10px 0px;}
    .contact_table{padding-top:15px;}
    .contact_title b{font-size: 24px;}
    .contact_table_li{width: 100%;}

    .about_nav{padding:0px 15px 10px; }
    .about_nav .navbarbox_ul_li{float: left; margin: 5px 1%; font-size: 16px; min-width: 31.333333%; padding: 8px 15px;}
    .about_nav{overflow:hidden;}
    .about_content_title{padding-bottom: 10px;}

    .fMessageBoard{padding: 10px 0px 0px;}



    .home_product_title .title{display: block; text-align: center; width: 100%;}
    .product_search{position: initial; margin-top:0px;}
    .product_box{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 10px;}
    .fMessageBoard_tr_4{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 10px;}
    .fMessageBoard_tr_2{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 10px; padding-top: 10px;}
    .foot_er_app a{height: 30px; width: 30px; margin: 0px 1px;}
    .foot_er_app a i{font-size: 18px; line-height: 32px;}

    .container{padding: 0px 10px;width: 100%;}
    .home_about{padding: 0px;}
    .title{font-size: 24px;}
    .home_about_txt_ct{font-size: 16px;}
    .cooperate_with{padding-bottom: 30px;}
    .home_about_cooperate{padding-top: 10px;}
    .home_content{padding: 30px 0px;}
    .home_content_width{margin: 0px; padding-top: 0px;}
    .home_content_li .home_product_txt{font-size: 20px; padding:20px;}
    .home_content_li .home_product_txt .home_product_txt_icon img{height: 50px;}
    .home_brand_title{padding-bottom: 0px;}
    .home_news{/* padding-top: 5px; */}
    .foot_logo_but{font-size: 14px;}
    .home_news_li_ct{display: block;}
    .home_news_li_img{display: block; width: 100%;}
    .home_news_li_txt{padding:15px; box-shadow: 0 5px 5px rgb(0 0 0 / 10%);}
    .home_news_width{background:none; box-shadow: 0 0px 0px rgb(0 0 0 / 10%); padding: 0px;}
    .home_content_li{width: 100%; padding: 5px 0px;}
    .home_news::after{height:200px;}
    .foot_er span{padding-top: 3px;}
    .foot_er_app{padding-top:8px;}
    .title b::after{width:60px; height: 3px;}
    .title_txt{/* font-size: 14px; */padding-top: 0px;}
    .news_padding{padding:30px 0px;}

    .calendar_m_nav {margin: 0px;}
    .consult_contact{transform: scale(0.6); right: -7%;}

    .product_search_tab{position:relative;  display: block; margin-top:45px; margin-bottom:0px; padding-right: 72px;  float: none;}
.product_search_tab .tsch_txt{width: 100%;}
.product_search_tab .tsch_btn{position: absolute; right: 0px; top: 0px;}
    
    .product_tab{padding-bottom: 0px;}
    .product_c{padding:5px 0px; margin: 0px -7px;}
    .product_c .product_c_li{width: 50%; padding: 7px;}
    .BestSellers_li{padding: 10px;}
    .BestSellers_title{
        font-size: 18px;
        /* font-weight: 300; */
        /* height: 50px; */
        line-height: 1.4;
        padding: 0px;
        margin:10px 0px;
        -webkit-line-clamp: 2;
        display:block;
        white-space:normal;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .technology_width {padding: 0px 0px 20px;}

    .technology_txt{padding: 0px 0px 10px; font-size: 18px;}

    .Insideb_banner span{font-size: 16px;}

    .home_about_mub_li{width: 50%; padding: 20px 0px;}
    .home_about_mub_li:nth-child(2n) {border: none;}
    .home_about_biao_li{width: 50%; padding:15px 10px;}
    .home_about_biao{padding: 0px;}
    .home_about_centent{margin-bottom: 30px;}
    .home_about_txt{font-size: 14px;}
    .home_about_more{padding: 10px 0px 15px;}
    .home_about_biao_li_txt b{font-size: 18px;}
    .home_about_centent{padding:5px 20px;}
    .home_about_biao_li_txt{min-height:90px;}
    .home_about_biao_li_img img{height: 35px;}

    .Solution{padding: 30px 0px;}
    .Solution_li{margin-bottom: 15px; padding: 15px; flex-wrap: wrap; display: flex;}
    .Solution_li_img{display: block; width: 100%; order: -1;}
    .Solution_li_txt{font-size: 14px; line-height: 1.6; display: block; width: 100%; padding:20px 0px 0px;}
    .Solution_li_txt b{font-size: 20px; padding-bottom: 5px;}

    .contact_table_txt{padding: 20px 0px;}
    .contact_table{margin-top: 20px;}
    .contact_width{padding-top: 20px;}
    .contact_table_li_txt{padding:20px; padding-top:10px;}
    .contact_table_txt_ct{font-size: 16px;}
    .contact_table_name{font-size: 24px;}
    .contact_table_name span{font-size: 12px;}
    .map{height:500px;}
    .other_tab{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 10px;}
    .product_showcase{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:15px;}
        .company_intro_wrap{flex-direction: column; gap: 20px;}
        .company_intro_img{flex: none; width: 100%;}
        .company_intro_txt h2{font-size: 22px;}
        .about_intro_wrap{flex-direction: column; gap: 20px;}
        .about_intro_img{flex: none; width: 100%;}
        .about_grid{grid-template-columns: repeat(1, minmax(0, 1fr));}
        .about_block_title b{font-size: 24px;}
    .about_tab{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:20px;}
    .news_padding .about_tab{grid-gap:20px;}
    .about_bg .title_txt{padding:15px 10px 10px;}

    .home_news_width .swiper-wrapper{display: block; transform:initial !important}
    .news_li{margin-bottom: 20px;}
    .home_brand_title{position: initial;}
    .home_news{padding-bottom:60px;}
    .title_more{position: absolute; font-weight: bold; width: 100%; text-align: center; left: 0px; bottom: 20px;}
    
    .news_content{padding-bottom:60px; position: relative;}
    
    .foot_logo{display: block; text-align: center; width: 100%;}

    .category_li_txt{position: initial; width: 100%; display: block; transform:initial}
    .category_li_img{display: block; width: 100%;float: none; padding: 20px 30px; margin-top: 10px;}

    .Solution_txt{padding:10px 0px 20px;}
    .Solution_parameter{overflow: hidden;}
    .Solution_parameter_li:nth-child(1){width: 100%;}
    .Solution_parameter_li{width: 50%; padding:8px 0px;}
    .Solution_lan{display: block; width: 100%;}
    .Solution_lan_l{display: block; width: 100%;}
    .Solution_lan_r{width: 100%; display: block; padding-top:30px;}
}

.form_button {
    width: auto;
    vertical-align: middle;
    border: 0 none;
}
.btn {
    background-color: #2b2b2b;
    color: #fff;
}


.joblist li {
    overflow: hidden;
}

table.job_table {
    margin: 8px 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
    border-collapse: collapse;
}

table.job_table td {
    padding: 8px 5px;
    border: 1px solid #DADBD6;
}

table.job_table .Requirement {
    text-align: left;
    padding: 8px 5px;
    line-height: 1.5em;
}

table.job_table th {
    color: #333;
    font-weight: bold;
    text-align: center;
    border: 1px solid #DADBD6;
}

table.job_table .t1 {
    font-weight: bold;
    padding: 5px 0;
    width: 20%;
}

table.job_table .t2 {
    text-align: left;
    width: 25%;
}

table.job_table .t3 {
    font-weight: bold;
    width: 25%;
}

table.job_table .t4 {
    text-align: left;
    width: 25%;
}

table.job_table .operation {
    text-align: center;
    margin: 0 auto;
}


table.resume_table {
    margin: 3px;
    text-align: center;
    width: 97%;
    border-collapse: collapse;
}

table.resume_table th {
    font-weight: bold;
    text-align: left;
    width: 100px;
}

table.resume_table td {
    text-align: left;
}

table.resume_table .operation {
    text-align: center;
}

table.resume_table #Detail {
    height: 200px;
}
.videolist {
    margin-top: 5px;
}

.videolist li {
    float: left;
    width: 25%;
    margin-bottom: 10px;
    text-align: center;
    overflow: hidden;
    transition: all .2s linear
}

.videolist li:hover {
    transform: translate3d(0, -4px, 0);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.videolist li.n0 {
    margin-left: 0;
}

.videolist li img {
    border: 1px solid #fff;
    width: 100%;
    height: 190px
}

.videolist li a {
    display: block;
    position: relative;
    padding: 5px;
}

.videolist li .InfoTitle {
    display: block;
    padding: 10px 0;
}

.videolist li .InfoTitle a {
    white-space: nowrap;
}

.videolist li i {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/play.png) center center no-repeat;
    cursor: pointer;
}


/* ===================== 新版页脚（左信息右栏目导航布局） ===================== */
footer .foot{background:#0D4A8A;color:#fff;}
.foot_main{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding:50px 0 40px;flex-wrap:wrap;}
.foot_info{flex:0 0 260px;max-width:260px;}
.foot_info_logo img{max-width:160px;height:auto;display:block;margin-bottom:24px;}
.foot_info_li{font-size:14px;color:rgba(255,255,255,.85);padding:6px 0;}
.foot_info_li .fa{width:22px;color:#fff;}
.foot_info_qr{margin-top:20px;display:flex;align-items:center;gap:10px;}
.foot_info_qr img{width:76px;height:76px;background:#fff;padding:4px;border-radius:4px;display:block;}
.foot_info_qr span{font-size:12px;color:rgba(255,255,255,.7);}
.foot_cols{flex:1;min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;}
.foot_col{min-width:0;}
.foot_col_title{font-size:15px;font-weight:bold;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.25);}
.foot_col_title a{color:#fff;}
.foot_col_links a{display:block;font-size:13px;color:rgba(255,255,255,.65);padding:5px 0;transition:color .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.foot_col_links a:hover{color:#fff;}
.foot_bottom{border-top:1px solid rgba(255,255,255,.2);padding:20px 0;text-align:center;font-size:13px;color:rgba(255,255,255,.7);}
.foot_bottom a{color:rgba(255,255,255,.7);transition:color .3s;}
.foot_bottom a:hover{color:#fff;}

@media (max-width:1200px){
    .foot_cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;}
}
@media (max-width:992px){
    .foot_main{padding:40px 0 30px;gap:30px;}
    .foot_info{flex:0 0 100%;max-width:100%;}
    .foot_info_logo img{margin-bottom:16px;}
}
@media (max-width:640px){
    .foot_cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px;}
    .foot_main{padding:30px 0 20px;}
    .foot_bottom{padding:15px 0;font-size:12px;}
}

/* ===================== 首页动效系统（滚动入场 + banner 入场） ===================== */
/* 滚动入场基础类：加 .reveal 即启用，进入视口时淡入上移 */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;will-change:opacity,transform;}
.reveal.reveal-left{transform:translateX(-40px);}
.reveal.reveal-right{transform:translateX(40px);}
.reveal.reveal-zoom{transform:scale(.92);}
.reveal.reveal-in{opacity:1;transform:none;}

/* Banner 首屏入场动画 */
@keyframes bannerFadeUp{from{opacity:0;transform:translateY(36px);}to{opacity:1;transform:translateY(0);}}
@keyframes bannerFadeZoom{from{opacity:0;transform:scale(.9);}to{opacity:1;transform:scale(1);}}
@keyframes bannerFloat{0%{transform:translateY(0);}100%{transform:translateY(-12px);}}
.banner_ct_txt h1{animation:bannerFadeUp .9s ease both;}
.banner_ct_txt h2{animation:bannerFadeUp .9s ease .18s both;}
.banner_ct_txt .but_class{animation:bannerFadeUp .9s ease .36s both;}
.banner_ct_img img{animation:bannerFadeZoom 1s ease .2s both, bannerFloat 5s ease-in-out 1.4s infinite alternate;}

/* ========== 在线询盘浮动按钮 ========== */
.inquiry_fab{position:fixed;bottom:100px;right:24px;z-index:999;display:flex;align-items:center;gap:8px;padding:12px 22px;background:linear-gradient(135deg,#1e40af,#38bdf8);color:#fff;border-radius:50px;cursor:pointer;box-shadow:0 4px 20px rgba(30,64,175,.35);transition:all .3s ease;user-select:none;}
.inquiry_fab:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(30,64,175,.45);}
.inquiry_fab span{font-size:14px;font-weight:600;letter-spacing:1px;}
@keyframes inquiryPulse{0%{box-shadow:0 0 0 0 rgba(30,64,175,.4);}70%{box-shadow:0 0 0 15px rgba(30,64,175,0);}100%{box-shadow:0 0 0 0 rgba(30,64,175,0);}}
.inquiry_fab{animation:inquiryPulse 2.5s infinite;}

/* ========== 询盘弹窗 ========== */
.inquiry_modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;}
.inquiry_modal.active{display:flex;}
.inquiry_mask{position:absolute;inset:0;background:rgba(0,0,0,.5);animation:inquiryFadeIn .3s ease;}
.inquiry_box{position:relative;z-index:1;width:560px;max-width:92vw;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);animation:inquirySlideUp .35s ease;}
.inquiry_box_head{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #f0f0f0;}
.inquiry_box_head h3{font-size:20px;font-weight:700;color:#0f2541;margin:0;}
.inquiry_close{font-size:26px;color:#999;cursor:pointer;line-height:1;transition:color .2s;}
.inquiry_close:hover{color:#333;}
.inquiry_box_body{padding:24px 28px 28px;}
.inquiry_tip{font-size:14px;color:#888;margin:0 0 20px;}
.inquiry_row{display:flex;gap:16px;margin-bottom:16px;}
.inquiry_field{flex:1;display:flex;flex-direction:column;}
.inquiry_field_full{margin-bottom:16px;}
.inquiry_field label{font-size:13px;color:#555;margin-bottom:6px;font-weight:500;}
.inquiry_field em{color:#e53e3e;font-style:normal;}
.inquiry_field input,.inquiry_field textarea{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#333;outline:none;transition:border-color .2s;box-sizing:border-box;font-family:inherit;resize:vertical;}
.inquiry_field input:focus,.inquiry_field textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.12);}
.inquiry_submit{width:100%;padding:13px;background:linear-gradient(135deg,#1e40af,#38bdf8);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s;letter-spacing:2px;}
.inquiry_submit:hover{opacity:.9;}
@keyframes inquiryFadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes inquirySlideUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}

/* 询盘响应式 */
@media(max-width:640px){
    .inquiry_fab{bottom:70px;right:12px;padding:10px 16px;}
    .inquiry_fab span{font-size:12px;}
    .inquiry_row{flex-direction:column;gap:0;}
    .inquiry_field{margin-bottom:12px;}
    .inquiry_box_head{padding:16px 20px;}
    .inquiry_box_body{padding:16px 20px 20px;}
}

/* 区块标题入场后下划线伸展 */
@keyframes titleLineGrow{from{width:0;}to{width:60px;}}
.reveal.reveal-in.title b::after{animation:titleLineGrow .8s ease .3s both;}

/* 新闻/案例卡片悬浮效果 */
.home_news .news_li{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);transition:transform .35s ease,box-shadow .35s ease;}
.home_news .news_li:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.13);}

/* 公司简介图片视差式轻悬浮 */
.company_intro_img{transition:transform .5s ease;}
.company_intro_img:hover{transform:translateY(-4px);}

/* 动效关闭偏好：全部直接呈现 */
@media (prefers-reduced-motion: reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    .banner_ct_txt h1,.banner_ct_txt h2,.banner_ct_txt .but_class,.banner_ct_img img{animation:none;}
    .home_news .news_li:hover{transform:none;}
}

/* 响应式补漏：小屏产品展示单列 */
@media (max-width:640px){
    .product_showcase{grid-template-columns:repeat(1,minmax(0,1fr));}
    .banner_ct_txt h1{font-size:28px;}
    .home_content{padding:30px 0px;}
    .series_top_title .title b{font-size:24px;}
    .company_intro_content{font-size:14px;line-height:1.7;}
    .news_li_img{height:180px;}
}
/* 产品卡片入场完成后恢复自身 hover 过渡节奏 */
.product_showcase_li.reveal-in{transition:box-shadow .3s ease,transform .3s ease;}

/* ===================== 内页动效（banner 入场 + 卡片入场） ===================== */
/* 内页 banner 文案入场：所有内页共享 Insideb_banner 结构，自动生效 */
@keyframes insideBannerUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.Insideb_banner_txt > div{animation:insideBannerUp .9s ease .15s both;}
@keyframes insideBannerImg{from{transform:scale(1.06);}to{transform:scale(1);}}
.Insideb_banner > img{animation:insideBannerImg 1.4s ease-out both;}

/* 带自身悬浮过渡的卡片：入场时用 reveal 节奏，入场后恢复悬浮节奏 */
.patent_li.reveal,.product_card_li.reveal{transition:opacity .8s ease,transform .8s ease,box-shadow .35s ease;}
.patent_li.reveal-in,.product_card_li.reveal-in{transition:box-shadow .3s ease,transform .3s ease;}
.contact_info_card.reveal{transition:opacity .8s ease,transform .8s ease,box-shadow .35s ease;}
.contact_info_card.reveal-in{transition:all .3s;}
.home_news .news_li.reveal{transition:opacity .8s ease,transform .8s ease,box-shadow .35s ease;}
.home_news .news_li.reveal-in{transition:transform .35s ease,box-shadow .35s ease;}
.case_ct .news_li.reveal{transition:opacity .8s ease,transform .8s ease;}
.case_ct .news_li.reveal-in{transition:none;}

/* 卡片悬浮升级：应用领域/新闻列表卡片 */
.case_ct .news_li{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.case_ct .news_li:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.13);}
.about_tab .news_li{background:#fff;border-radius:10px;padding:0 0 16px;box-shadow:0 2px 12px rgba(0,0,0,.05);transition:transform .35s ease,box-shadow .35s ease;}
.about_tab .news_li:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.12);}
.about_tab .news_li .news_li_img{border-radius:10px 10px 0 0;}

/* 侧栏/分类导航入场 */
.column_nav.reveal{transition:opacity .8s ease,transform .8s ease;}

/* 响应式补充：小屏下研发条目与联系卡片间距 */
@media (max-width:640px){
    .rd_wrap{gap:15px;}
    .rd_item{padding:10px 12px;}
    .contact_info_grid{grid-gap:12px;}
    .about_tab .news_li{margin-bottom:15px;}
    .case_ct{grid-gap:15px;}
    .service_ct{padding:30px 0px;}
}

/* ===================== 新闻卡片图片完整显示 + 内边距（通用） ===================== */
.about_tab .news_li_img{height:auto;}
.about_tab .news_li_img a{height:auto;}
.about_tab .news_li_img img{height:auto;object-fit:contain;background:#f5f5f5;}
.about_tab .news_li{padding:0 16px 16px;}

/* ===================== 首页产品卡片按钮悬停效果 ===================== */
.product_showcase_li .but_class:hover{background:#1eadf4;color:#fff;border-color:#1eadf4;}

/* ===================== 首页公司简介按钮改为圆角椭圆胶囊 ===================== */
.company_intro_txt .but_class{padding:12px 36px;border-radius:90px;border:#1675EA solid 1px;color:#1675EA;transition:background .3s,color .3s,border-color .3s;}
.company_intro_txt .but_class:hover{background:#1675EA;color:#fff;border-color:#1675EA;}

/* ===================== 研发实力六边形数字视觉优化 ===================== */
/* 品牌蓝渐变六边形 + 白色描边 + 悬浮微动效 */
.rd_num{
    background:linear-gradient(135deg,#1eadf4 0%,#1675EA 100%);
    box-shadow:0 4px 12px rgba(22,117,234,.28);
    transition:transform .35s ease,box-shadow .35s ease;
}
.rd_num::before{display:none;} /* 去掉旧的双层描边实现 */
.rd_item:hover .rd_num{transform:scale(1.12) rotate(8deg);box-shadow:0 6px 18px rgba(22,117,234,.4);}

/* ===================== 研发实力六边形尺寸调小 ===================== */
.rd_num{flex:0 0 44px;height:38px;font-size:18px;}
/* 响应式断点下同步缩小 */
@media (max-width:1000px){.rd_num{flex:0 0 40px;height:40px;font-size:16px;}}
@media (max-width:640px){.rd_num{flex:0 0 36px;height:36px;font-size:14px;}}

/* ===================== 首页卡片悬停：蓝色描边+蓝色阴影 ===================== */
/* 产品展示卡片 */
.product_showcase_li{border:1px solid transparent;transition:border-color .35s ease,box-shadow .35s ease,transform .3s ease;}
.product_showcase_li:hover{border-color:#1eadf4;box-shadow:0 8px 25px rgba(30,173,244,.25);transform:translateY(-3px);}

/* ===================== 产品中心卡片悬停：蓝色描边+蓝色阴影 ===================== */
.product_card_li{border:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;}
.product_card_li:hover{border-color:#1eadf4;box-shadow:0 8px 25px rgba(30,173,244,.25);transform:translateY(-3px);}

/* ===================== 首页产品区块：与产品中心同布局 ===================== */
/* 复用 product_layout/product_sidebar/product_card_grid 样式，仅微调间距 */
.home_product_section .product_layout{padding:10px 0 0;}
.home_product_section .product_card_grid{grid-template-columns:repeat(4,minmax(0,1fr));}
@media (max-width:1000px){
    .home_product_section .product_card_grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:640px){
    .home_product_section .product_card_grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ===================== 首页产品区块左右布局修正 ===================== */
/* 首页结构为 .container > .product_layout > (sidebar + main)，flex 加在 product_layout 上 */
.home_product_section .product_layout{display:flex;gap:30px;align-items:flex-start;}
@media (max-width:1000px){
    .home_product_section .product_layout{flex-direction:column;gap:20px;}
}

/* ===================== 企业文化区块 ===================== */
.culture_wrap{display:flex;gap:40px;align-items:stretch;}
.culture_img{flex:0 0 45%;border-radius:10px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.08);}
.culture_img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.culture_img:hover img{transform:scale(1.05);}
.culture_txt{flex:1;display:flex;flex-direction:column;justify-content:center;gap:30px;}
.culture_item{background:#fff;border-radius:10px;padding:28px 30px;box-shadow:0 2px 12px rgba(0,0,0,.05);border-left:4px solid #1675EA;transition:transform .35s ease,box-shadow .35s ease;}
.culture_item:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(30,173,244,.15);}
.culture_item_title{font-size:18px;font-weight:bold;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.culture_item_title .fa{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1eadf4,#1675EA);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.culture_item_desc{font-size:15px;line-height:1.9;color:#555;}
@media (max-width:1000px){
    .culture_wrap{flex-direction:column;gap:20px;}
    .culture_img{flex:none;width:100%;max-height:320px;}
}
@media (max-width:640px){
    .culture_item{padding:20px;}
    .culture_item_title{font-size:16px;}
    .culture_item_desc{font-size:14px;}
    .culture_txt{gap:15px;}
}

/* ===================== 服务支持左侧栏布局（参照mupconnector） ===================== */
.service_layout{padding:40px 0 60px;}
.service_layout .container{display:flex;gap:30px;align-items:flex-start;}
.service_sidebar{flex:0 0 220px;position:sticky;top:80px;}
.service_main{flex:1;min-width:0;}
.service_main_full{padding: 10px 0 40px;}
.service_layout .sidebar_title{font-size:20px;font-weight:bold;color:#333;padding-bottom:15px;margin-bottom:15px;border-bottom:2px solid #1675EA;}
.service_layout .sidebar_nav{display:flex;flex-direction:column;}
.service_layout .sidebar_nav_item{display:block;padding:12px 18px;font-size:14px;color:#555;text-decoration:none;border-left:3px solid transparent;background:#f8f9fa;margin-bottom:2px;transition:all .3s ease;cursor:pointer;}
.service_layout .sidebar_nav_item:hover{color:#1675EA;border-left-color:#1675EA;background:#eef5ff;}
.service_layout .sidebar_nav_item.active{color:#1675EA;border-left-color:#1675EA;background:#eef5ff;font-weight:bold;}

/* ===================== 资料下载列表 ===================== */
.download_wrap{display:flex;flex-direction:column;gap:35px;}
.download_group_title{font-size:20px;font-weight:bold;color:#333;padding-left:15px;position:relative;margin-bottom:18px;}
.download_group_title::before{content:'';position:absolute;left:0;top:4px;width:4px;height:20px;background:#1675EA;border-radius:2px;}
.download_list{display:flex;flex-direction:column;gap:12px;}
.download_li{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:18px 22px;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;}
.download_li:hover{border-color:#1eadf4;box-shadow:0 8px 22px rgba(30,173,244,.15);transform:translateY(-2px);}
.download_li_icon{flex-shrink:0;width:52px;height:52px;border-radius:8px;background:#f0f8ff;display:flex;align-items:center;justify-content:center;}
.download_li_icon .fa{font-size:26px;color:#e74c3c;}
.download_li_info{flex:1;min-width:0;}
.download_li_name{font-size:16px;font-weight:bold;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.download_li_meta{font-size:13px;color:#999;display:flex;align-items:center;gap:6px;}
.download_li_meta .fa{color:#1eadf4;}
.download_li_ops{display:flex;gap:10px;flex-shrink:0;}
.download_li_btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:90px;border:1px solid #d9d9d9;color:#555;font-size:13px;text-decoration:none;transition:all .3s ease;}
.download_li_btn:hover{border-color:#1675EA;color:#1675EA;}
.download_li_btn_main{border-color:#1675EA;color:#fff;background:linear-gradient(135deg,#1eadf4,#1675EA);}
.download_li_btn_main:hover{opacity:.88;color:#fff;box-shadow:0 4px 12px rgba(22,117,234,.3);}
.download_empty{color:#999;font-size:15px;text-align:center;padding:50px 0;background:#f8f9fa;border-radius:8px;}
@media (max-width:1000px){
    .service_layout .container{flex-direction:column;gap:20px;}
    .service_sidebar{flex:none;width:100%;position:static;}
    .service_layout .sidebar_nav{flex-direction:row;flex-wrap:wrap;gap:8px;}
    .service_layout .sidebar_nav_item{margin-bottom:0;border-left:none;border-radius:90px;padding:9px 20px;}
}
@media (max-width:640px){
    .download_li{flex-wrap:wrap;gap:12px;padding:15px 16px;}
    .download_li_info{flex:1 1 100%;order:-1;}
    .download_li_ops{width:100%;justify-content:flex-end;}
    .download_group_title{font-size:18px;}
}

/* ===================== 新闻资讯列表卡片：统一图幅+缩小+蓝色悬停 ===================== */
/* 图片统一比例裁切，保证每张图大小一致 */
.news_padding .about_tab .news_li_img{height:200px;}
.news_padding .about_tab .news_li_img img{height:100%;object-fit:cover;}
/* 卡片整体调小收紧 */
.news_padding .about_tab{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;}
.news_padding .about_tab .news_li_title{font-size:15px;-webkit-line-clamp:2;padding:0 14px;}
.news_padding .about_tab .news_date{font-size:13px;margin-top:8px;padding:0 14px;}
.news_padding .about_tab .news_li{padding:0 0 14px;}
/* 悬停蓝色描边+蓝色阴影 */
.news_padding .about_tab .news_li{border:1px solid transparent;transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease;}
.news_padding .about_tab .news_li .news_li_title a{transition:color .35s ease;}
.news_padding .about_tab .news_li:hover{border-color:#1eadf4;box-shadow:0 12px 28px rgba(30,173,244,.28);transform:translateY(-5px);}
.news_padding .about_tab .news_li:hover .news_li_title a{color:#1eadf4;}
/* 响应式列数 */
@media (max-width:1200px){
    .news_padding .about_tab{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:800px){
    .news_padding .about_tab{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
    .news_padding .about_tab{grid-template-columns:repeat(1,minmax(0,1fr));}
    .news_padding .about_tab .news_li_img{height:180px;}
    .news_pagebar{padding:25px 0 10px;}
    .news_pagebar .pagination{gap:4px;padding:6px 8px;border-radius:10px;}
    .news_pagebar .pagination .pagination_but{min-width:34px;height:34px;padding:0 10px;font-size:13px;}
}


/* ===================== 专利展示卡片悬停：蓝色描边+蓝色阴影 ===================== */
.patent_li{border:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;}
.patent_li:hover{border-color:#1eadf4;box-shadow:0 8px 22px rgba(30,173,244,.25);transform:translateY(-4px);}

/* ===================== 页脚二维码栏目（替代联系我们位置） ===================== */
.foot_col_qr .foot_col_qr_img{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.foot_col_qr .foot_col_qr_img img{width:90px;height:90px;background:#fff;padding:5px;border-radius:6px;display:block;}
.foot_col_qr .foot_col_qr_img span{font-size:12px;color:rgba(255,255,255,.65);}

/* ===================== 联系页微信二维码卡片（后台公司信息） ===================== */
.contact_info_qr{display:flex;flex-direction:column;align-items:center;gap:10px;}
.contact_info_qr img{width:110px;height:110px;background:#fff;padding:6px;border-radius:8px;border:1px solid #eee;display:block;}
.contact_info_qr span{font-size:13px;color:#999;}

/* ===================== 新闻详情：上一篇/下一篇/返回列表 ===================== */
.news_prenext{display:flex;align-items:stretch;gap:15px;margin-top:40px;padding-top:30px;border-top:1px solid #eee;flex-wrap:wrap;}
.news_prenext_item{flex:1;min-width:200px;}
.news_prenext_item a{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#f8f9fa;border:1px solid transparent;border-radius:10px;text-decoration:none;color:inherit;transition:all .3s ease;}
.news_prenext_item a:hover{border-color:#1eadf4;box-shadow:0 6px 18px rgba(30,173,244,.15);background:#fff;transform:translateY(-2px);}
.news_prenext_item .layui-icon{font-size:22px;color:#1675EA;flex-shrink:0;}
.prenext_info{min-width:0;}
.prenext_info span{display:block;font-size:12px;color:#999;margin-bottom:4px;}
.prenext_info b{display:block;font-size:14px;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;}
.prenext_next a{justify-content:flex-end;text-align:right;}
.news_prenext_back{display:inline-flex;align-items:center;gap:8px;padding:0 24px;border-radius:10px;background:linear-gradient(135deg,#1eadf4,#1675EA);color:#fff;font-size:14px;text-decoration:none;transition:all .3s ease;}
.news_prenext_back:hover{opacity:.88;color:#fff;box-shadow:0 4px 14px rgba(22,117,234,.35);}
.news_prenext_back .layui-icon{font-size:18px;}
@media (max-width:640px){
    .news_prenext{flex-direction:column;}
    .news_prenext_back{justify-content:center;padding:12px;}
    .prenext_info b{max-width:100%;}
}

/* ===================== 详情页"更多新闻"复用新闻列表样式 ===================== */
/* news_padding默认上下padding过大，详情页区块内收敛 */
.news_more_wrap{padding:5px 0 0 !important;}