.about-banner{ width: 100%; height: auto; padding:300px 0 200px 0;}
.about-banner-info{ width: 100%; color: #FFFFFF;}
.about-banner-info h1{ color: #FFFFFF; font-size: 2.5rem; line-height: 80px;}
.about-banner-info p{ font-size: 1rem;}

.about-company{ padding: 50px 0;}
.about-company-left{ width: 50%; background: #f2f3f6; padding: 50px 40px;}
.about-company-left h2{ font-size: 2rem; line-height: 46px;}
.about-company-left p{ font-size: 1rem; line-height: 26px; margin-top: 25px;}
.about-company-right{ width: 50%; height: auto;}
.about-company-right img{ width: 100%; height: auto;}


.about-empo{ width: 100%; height: auto; padding: 70px 0; background: url(../images/abempobg.jpg) no-repeat center; background-size:cover;}
.about-empo-title{ color: #FFFFFF;}
.about-empo-title h2{ color: #FFFFFF; font-size: 2rem; line-height: 46px;}
.about-empo-title p{ font-size: 1rem; line-height: 26px; margin-top: 15px;}

.about-empo-list{gap: 25px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid; margin-top: 30px;}
.about-empo-list dl{ width: 100%;}
.about-empo-list dl dt{ width: 100%; height: auto;}
.about-empo-list dl dt img{ width: 100%; height: auto; border-radius:8px;}
.about-empo-list dl dd{ width: 100%; color: #FFFFFF; padding: 0 22px;}
.about-empo-list dl dd img{ margin-top: -21px;}
.about-empo-list dl dd p{ font-size: 1.1rem; line-height: 46px;}

.about-choose{ padding: 70px 0;}
.about-choose h2{ text-align: center; font-size: 2rem; line-height: 62px; margin-bottom: 25px;}
.about-choose-list{gap: 25px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.about-choose-list dl{ width: 100%; background: #f2f7fc; border-radius: 8px; padding: 30px;}
.about-choose-list dl dd{ padding-top: 15px;}
.about-choose-list dl dd b{ display: block; font-size: 1.4rem; line-height: 40px; margin-bottom: 10px;}
.about-choose-list dl dd p{ font-size: 1rem;}

.about-quality{ width: 100%; height: auto; padding: 70px 0; text-align: center; color: #FFFFFF; background: url(../images/abquabg.jpg) no-repeat center; background-size:cover;}
.about-quality-title{}
.about-quality-title h2{ color: #FFFFFF; font-size: 2rem; line-height: 46px;}
.about-quality-title p{ font-size: 1rem; line-height: 26px; margin-top: 15px;}
.about-quality-list{ margin-top: 30px;}
.about-quality-list ul{gap: 30px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid; }
.about-quality-list ul li{ background: #FFFFFF; padding: 40px;}
.about-quality-list ul li img{ max-width: 100%; height: auto;}



.about-info{margin-bottom:30px; width:100%;}
.about-info-content{ padding:30px; line-height:26px; font-size: 1rem; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.about-info-content img{max-width:100%; height:auto;}

.about-info-list{ }
.about-info-list dl{ width:32.3%; margin-bottom:2%;}
.about-info-list dl dt img{ width:100%; height:auto;}
.about-info-list dl dd{ text-align:center; line-height:42px; height:42px; background:#eee;}

/*Quality*/
.quality-end{ padding: 70px 0;}
.quality-end-title h2{  font-size: 2rem; line-height: 46px;}
.quality-end-title p{ font-size: 1rem; line-height: 26px; margin-top: 15px;}

.quality-end-main{ margin-top: 30px;}
.quality-end-main-left{ width: 49%; height: auto;}
.quality-end-main-left img{ width: 100%; height: auto; border-radius:8px;}

.quality-end-main-right{ width: 49%; height: auto; }
.quality-end-main-right dl{ width: 100%; margin-bottom: 18px; cursor: pointer;}
.quality-end-main-right dl dt{ width: 100%; background: #F2F3F6; width: 100%; height: 64px; padding: 0 25px; border-radius:8px;}
.quality-end-main-right dl dt b{ display: inline-block; font-size: 1.1rem; margin-left: 10px;}
.quality-end-main-right dl dt em{ display: block; width: 24px; height: 24px; background: url(../images/quajt.png) no-repeat;}
.quality-end-main-right dl dd{ display: none; width: 100%;  background: #F2F3F6; padding: 25px; border-radius:0 0 8px 8px;}
.quality-end-main-right dl.active dt{ background: #EA001B; border-radius:8px 8px 0 0;}
.quality-end-main-right dl.active dt img{filter: brightness(0) invert(1);}
.quality-end-main-right dl.active dt em{background: url(../images/quajts.png) no-repeat;}
.quality-end-main-right dl.active dt b{color: #FFFFFF;}
.quality-end-main-right dl.active dd{ display: block;}


.quality-part{ width: 100%; padding: 70px 0; background: #f2f3f6;}
.quality-part-title{}
.quality-part-title h2{  font-size: 2rem; line-height: 46px;}

.quality-part-info{}
.quality-part-info-left{ width: 41%; }
.quality-part-info-leftcontent{font-size: 1rem; line-height: 26px;  padding: 25px 0;}

.quality-part-info-leftlist{ width: 100%; gap: 55px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid; }
.quality-part-info-leftlist dl{ border-left: 2px solid #acadae; padding-left: 20px;}
.quality-part-info-leftlist dl dd{ padding-top: 12px; line-height: 32px; font-size: 1.3rem;  font-family: myFirstFont1; color: #111111;}



.quality-part-info-right{ width: 48%; font-size: 1rem; line-height: 26px;  font-family: myFirstFont1; color: #111111; }
.quality-part-info-rightcontent{font-size: 1rem; line-height: 26px;  padding: 25px 0; font-family: myFirstFont1; color: #111111; }
.quality-part-info-rightImg{ width: 100%; height: auto;}
.quality-part-info-rightImg img{ width: 100%; height: auto; border-radius:8px;}



.quality-supply{ width: 100%; height: auto; padding: 70px 0; background: url(../images/quality-supplybg.jpg) no-repeat center; background-size:cover;}
.quality-supply-list{ gap: 25px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid; margin-top:30px;}
.quality-supply-list dl{ width: 100%; border-radius: 12px;border: 1px solid rgba(255,255,255,0.5); color: #FFFFFF; background: rgba(255,255,255,0.1); padding: 35px;}
.quality-supply-list dl dt img{ margin-bottom: 15px;}
.quality-supply-list dl dt h3{ color: #FFFFFF; font-size: 1.1rem; line-height: 32px; margin: 10px 0;}
.quality-supply-list dl dt p{ line-height: 22px; min-height: 44px; margin-bottom: 25px;}
.quality-supply-list dl dd p{ line-height: 22px; background: url(../images/quap.png) no-repeat left center; padding-left: 20px;}


.quality-act{ width: 100%; padding: 70px 0; background: #f2f3f6;}

.quality-act-left{ width: 49%; height: auto;}
.quality-act-left img{ width: 100%; height: auto; border-radius:8px;}

.quality-act-right{ width: 51%; height: auto; padding-left: 50px;}
.quality-act-right-info{ width: 100%;}
.quality-act-right-info h2{ font-size: 2.2rem; line-height: 46px;}
.quality-act-right-info p{ font-size: 1rem; line-height: 26px; margin-top: 15px;}


.quality-blog{ width: 100%; padding: 70px 0;}

.quality-blog-list{ margin-top: 30px; padding-bottom: 60px; overflow: hidden;}


.main_visual1{
    position: relative;
}

.main_visual1 .owl-carousel{
    padding: 20px 0; /* 给阴影空间 */
}

.main_visual1 .owl-stage-outer{
    overflow: visible !important;
}

.main_visual1 .owl-carousel .owl-item{
    height: auto !important;
}

.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%; position: relative; background: #FFFFFF; padding: 20px; box-shadow: 0px 0px 30px 1px rgba(46,106,156,0.12); border-radius: 6px;}
.main_visual1 .owl-carousel .item em{ display: block; color: #EA001B;}
.main_visual1 .owl-carousel .item a.quabloglinks1{ display: block;  font-family: myFirstFont1; font-size: 1.1rem; line-height: 24px; height: 48px; overflow: hidden; color: #111111; margin: 10px 0;}
.main_visual1 .owl-carousel .item a.quabloglinks1:hover{ color: #EA001B;}
.main_visual1 .owl-carousel .item p{ height: 36px; line-height: 36px; overflow: hidden; margin-top: 15px;}
.main_visual1 .owl-carousel .item a.quabloglinks3{ width: 100%; margin-top: 15px; height: 34px;border-radius: 16px; padding: 0 20px; border: 1px solid #CCCCCC;}
.main_visual1 .owl-carousel .item a.quabloglinks3 i{ font-size: 1.2rem;}
.main_visual1 .owl-carousel .item a.quabloglinks3:hover{ background: #EA001B; color: #FFFFFF; border-color:#EA001B;}
.main_visual1 .owl-carousel .item img{ width: 100%; height: auto; border-radius: 6px;}

.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 6px; position:absolute; left: 0; bottom:-40px;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 4px;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 40px; height: 6px; background:#CCCCCC; border-radius: 4px;}
.main_visual1 .owl-dot.active span{ background:#EA001B; }
.main_visual1 .owl-nav{ display: none; height: 0;}



/* 2) 关键：给每个 item 外边距，阴影不会贴边被裁 */
.quality-blog-list .main_visual1 .owl-carousel .owl-item{
  padding: 0 12px; /* 用 padding 做间距更稳，不影响宽度计算 */
  box-sizing: border-box;
}

/* 3) 卡片阴影更自然（商务风） */
.quality-blog-list .main_visual1 .owl-carousel .item{
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 18px 55px rgba(46,106,156,0.12);
  transition: transform .45s cubic-bezier(.2,.8,.2,1),
              box-shadow .45s cubic-bezier(.2,.8,.2,1);
}



/*support*/
.support-left-menu{ display:none;}
.support-left{ width:25%; background:#fff; padding:25px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.support-left h2{ font-size:1.8rem; line-height:36px; margin-bottom:10px;}
.support-left a{ display:block; line-height:32px;}
.support-right{ width:73%; background:#fff; padding:25px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.support-right h3{ font-size:1.8rem; line-height:36px; margin-bottom:10px;}
.support-right-info{ line-height:28px;}


/*Contact-Us*/
.contact-box{ margin-top: 20px; background: #FFFFFF; box-shadow: 0px 8px 16px 1px rgba(39,51,66,0.06);}
.contact-box-left{
    position: relative;
    width: 50%;
    padding: 80px 50px;
    color: #fff;
    overflow: hidden;
    border-radius: 18px 0 0 18px;
    background: linear-gradient(135deg, #EA001B 0%, #c70018 55%, #990012 100%);
    box-shadow: 0 12px 35px rgba(234, 0, 27, 0.18);
}

/* 背景装饰层 */
.contact-box-left::before{
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    background: rgba(255,255,255,0.08);
    border-radius: 50%;
}

.contact-box-left::after{
    content: "";
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 260px;
    height: 260px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
}

/* 保证内容层级在装饰上面 */
.contact-box-left > *{
    position: relative;
    z-index: 2;
}
.contact-box-left h2{ font-size: 1.6rem; text-transform: uppercase; color: #FFFFFF;  font-family: myFirstFont; line-height: 42px;}
.contact-box-left em{ display: block; background: #FFFFFF; width: 40px; height: 5px; margin-top: 20px;}
.contact-box-left-info{ padding-top: 20px; color: #FFFFFF; font-size: 1rem; line-height: 28px;}

.contact-feedback-left{ width: 50%;  padding: 40px;}
.contact-feedback-left h3{ color: #111111; font-size: 1rem; line-height: 32px; margin-top:15px;}
.contact-feedback-left h3 a{ color: #ea001b; text-decoration: underline;}

.contact-box-right-fed1{ width: 100%; margin-top: 10px;} 
.contact-box-right-fed1 dl{ width: 48%;}
.contact-box-right-fed1 dl dt{ line-height: 36px; font-size: 1rem;}
.contact-box-right-fed1 dl dd{ width: 100%;}
.contact-box-right-fed1 dl dd input{ border: none; background: #ebeff2; padding: 0 15px; border-radius: 8px; width: 100%; height: 46px; line-height: 46px;}

.contact-box-right-fed2{ width: 100%; margin-top: 10px;}
.contact-box-right-fed2 em{ line-height: 36px; font-size: 1rem; display: block; width: 100%;}
.contact-box-right-fed2 input{ border: none; background: #ebeff2; padding: 0 15px; border-radius: 8px; width: 100%; height: 46px; line-height: 46px;}
.contact-box-right-fed2 textarea{ border: none; background: #ebeff2; padding: 15px; border-radius: 8px; width: 100%; height: 120px; line-height: 26px;}


.contact-box-right-fed3{ width: 100%; margin-top:25px;}
.contact-box-right-fed3 button{ width: 270px; height: 46px; text-align: center; color: #FFFFFF; line-height: 46px; border-radius: 8px; border: none; color: #FFFFFF; background: #ea001b; font-weight: bold; font-size: 1rem;}
.contact-box-right-fed3 button img{ margin-right: 10px;}

.contact-map{ height: 500px; margin-top: 30px;}


/*Blogs*/
.blog-main{}

.blog-main-left{ width:75%; background:#fff; border-radius:6px; padding:15px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06); float:left;}




.blog-tabs{ width:100%; height:auto; border-bottom:1px solid #eee;}
.blog-tabs li{ cursor:pointer; height:42px; line-height:42px; font-size:1rem; border:1px solid #eee; border-radius:4px 4px 0 0; border-bottom:none; background:#f7f7f7; margin-right:10px; padding:0 15px;}
.blog-tabs li.thistab{ background:#ea001b; color:#fff;}
.blog-tabs li.thistab a{ color:#fff;}


.blog-tab-pane{ padding-top:15px;}


.blog-tab-pane-box{ width:100%;}

.blog-tab-pane-topblog{ width:39%;}
.blog-tab-pane-topblog dl{ width:100%; padding:10px 0; border-bottom:1px solid #eee;}
.blog-tab-pane-topblog dl dt{ width:40%; height:auto;}
.blog-tab-pane-topblog dl dt img{ width:100%; height:auto; border-radius: 6px;}
.blog-tab-pane-topblog dl dd{ width:60%; height:auto; padding-left:10px;}
.blog-tab-pane-topblog dl dd a{ display:block; line-height:20px; height:40px; overflow:hidden;}
.blog-tab-pane-topblog dl dd em{line-height:20px; height:20px; overflow:hidden; color:#999; margin-top:5px;}


.blog-tab-pane-hotblog{ width:59%;}
.blog-tab-pane-hotblog dl{ width:100%; height:auto; position:relative;}
.blog-tab-pane-hotblog dl dt{ width:100%; height:100%;}
.blog-tab-pane-hotblog dl dt img{ width:100%; height:100%; border-radius: 6px;}
.blog-tab-pane-hotblog dl dd{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); padding:15px; z-index:333; width:100%; height:auto; color:#fff; border-radius:0 0 6px 6px;}
.blog-tab-pane-hotblog dl dd a{ height:24px; line-height:24px; display:block; overflow:hidden; color:#fff;}
.blog-tab-pane-hotblog dl dd span i{ margin-right:5px;}

.blog-tab-pane-redblog{ width:100%; height:auto; margin-top:20px;}
.blog-tab-pane-redblog dl{ width: 24%; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1);border-radius: 6px; margin:0.5%;}
.blog-tab-pane-redblog dl dt img{ width: 100%; height: auto; border-radius: 6px 6px 0 0;}
.blog-tab-pane-redblog dl dd{ width: 100%; padding: 25px 15px;}
.blog-tab-pane-redblog dl dd em{  height:22px; line-height:22px; width:100%; color:#666;}
.blog-tab-pane-redblog dl dd em span{ display:block;}
.blog-tab-pane-redblog dl dd em span i{ margin-right:5px;}
.blog-tab-pane-redblog dl dd a{ display: block; font-weight: bold; color: #111111; font-size: 1rem; line-height: 26px; height: 26px; overflow: hidden;}
.blog-tab-pane-redblog dl dd span{ line-height: 18px; height: 36px; overflow: hidden; margin-top: 5px; display: block;}


.blog-all-tab{ width:100%; line-height:26px; padding:5px 0; border-bottom:1px solid #eee; position:relative; margin-top:15px;}


.blog-main-right{ width:23%; height:auto;  float:right;  position:relative; }

.blog-main-right-cate{width:100%; background:#fff; border-radius:6px; padding:15px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06);}
.blog-main-right-cate a{ display:block; line-height:28px; font-size:16px;}
.blog-main-right-cate a i{ margin-right:10px;}


.blog-main-right-parts{ width:100%; background:#fff; border-radius:6px; padding:15px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06); margin-top:15px; }
.blog-main-right-parts-title{ line-height:32px; margin-bottom:10px;}
.blog-main-right-parts-title b{display:block; font-size:1rem; }
.blog-main-right-parts-title a{ color:#ea001b;}
.blog-main-right-parts-title a i{ padding-left:5px;}
.blog-main-right-parts-list{}
.blog-main-right-parts-list dl{ border-bottom:1px solid #eee; padding:10px 0;}
.blog-main-right-parts-list dl dt{ width:60px; height:60px;}
.blog-main-right-parts-list dl dt img{ width:60px; height:60px;}
.blog-main-right-parts-list dl dd{ width: calc(100% - 60px); height:60px; padding-left:15px;}
.blog-main-right-parts-list dl dd a{ display:block; font-weight:bold; color:#111; line-height:21px;}
.blog-main-right-parts-list dl dd em{ display:block;  line-height:21px;}



.blog-list{ width:100%; gap: 20px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.blog-list dl{ width:100%; background:#fff; padding:20px; border-radius:6px;  box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); }
.blog-list dl dt img{ width:100%; height:auto;}
.blog-list dl dd{ padding-top:15px;}
.blog-list dl dd em{  height:24px; line-height:24px; width:100%;}
.blog-list dl dd a{ display:block; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}

.blog-show{ background:#fff; border-radius:6px; padding:30px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.blog-show h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:10px;}
.blog-time{ width:100%; height:24px; line-height:24px; text-align:center; color:#999;}
.blog-info{ width:100%; padding:25px 0; line-height:26px;}
.blog-info img{ max-width:100%; height:auto;}
.next-prev-single{ line-height:32px;}
.next-prev-single p{ height:32px; overflow:hidden;}

.relate-blog{ margin-top:25px;}
.relate-blog h2{font-size:1.6rem; line-height:36px; text-align:center; margin-bottom:10px;}
.relate-blog-list{ width:100%; gap: 20px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.relate-blog-list dl{ width:100%; background:#fff; padding:20px; border-radius:6px;  box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.relate-blog-list dl dt img{ width:100%; height:auto;}
.relate-blog-list dl dd{ padding-top:15px;}
.relate-blog-list dl dd em{  height:24px; line-height:24px;}
.relate-blog-list dl dd a{ display:block; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}

/*brand*/
.brand-feature-box{ position:relative; padding-bottom:30px;}
.brand-feature-box b{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:20px; display:block;}
.home-brand-list{}
.home-brand-list a{ background: #FFFFFF; display: block; width: 15.66%; margin-bottom: 1.2%; padding: 15px 25px; text-align: center; box-shadow: 0px 4px 8px 1px rgba(27,58,125,0.08); border-radius: 6px; border: 1px solid #E7EBF2;}
.home-brand-list a img{ width: 100%; height: auto;}

/*brand*/
.brand-navigation-box{ position:relative;}
.brand-navigation-box h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:10px;}
.brand-navigation{position:sticky; left:0; top:0; z-index:777;}
.brand-navigation ul{ text-align:center; padding:10px 0; width:100%; }
.brand-navigation ul li{ display:inline-block; background:#fff; border-radius:3px; margin:2px 0; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.2);}
.brand-navigation ul li a{ display:block;  padding:5px 12px;}

.brand-navigation-list{ margin-top:15px;}
.brand-navigation-list dl{ width:100%; margin-bottom:10px; background:#fff; border-radius:3px; padding:30px; border:1px solid #eee;}
.brand-navigation-list dl dt{ font-weight:bold; font-size:1.2rem; line-height:28px; margin-bottom:8px;}
.brand-navigation-list dl dd a{ display:block; width:19%;  line-height:38px; overflow:hidden; margin:0.5%; text-align:center;}
.brand-navigation-list dl dd a img{ display:block; border:1px solid #eee; border-radius:6px; padding:10px; width:150px; margin:0 auto;}


.brand-info-box{ padding:30px; background:#fff;  border-radius:6px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.2);}
.brand-info-box-left{ width:15%; height:auto;}
.brand-info-box-left img{ width:100%; height:auto;}
.brand-info-box-right{ width:83%; height:auto;}
.brand-info-box-right h1{ font-size:1.5rem; line-height:30px; margin-bottom:10px;}
.brand-info-box-right-info{ line-height:26px;}


.brand-info-list{ margin-top:15px;}
.brand-info-list dl{ width:100%; margin-bottom:10px; background:#fff; border-radius:3px; padding:30px; border:1px solid #eee;}
.brand-info-list dl dt{ font-weight:bold; font-size:1.2rem; line-height:28px; margin-bottom:8px;}
.brand-info-list dl dd a{ display:block; width:32.3%; height:38px; line-height:38px; overflow:hidden; border-bottom:1px solid #eee; margin:0 0.5%;}

/*brand-pro*/
.brand-pro{ width:100%; height:auto; border:1px solid #eee; border-radius:6px; padding:30px; background:#fff; margin-top:20px;}
.brand-pro dl{ width:15.66%; margin:0.5%; text-align:center; overflow:hidden; border:1px solid #eee; border-radius:3px; padding:20px;}
.brand-pro dl dt img{ width:100%; height:auto;}
.brand-pro dl dd{ padding-top:10px;}
.brand-pro dl dd a{ display:block; line-height:24px; height:24px; overflow:hidden; font-weight:bold;}
.brand-pro dl dd em{ display:block; line-height:24px; height:24px; overflow:hidden; }

.brand-franchised-box{ position:relative;}
.brand-franchised-box h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:30px;}

.brand-franchised-list{}
.brand-franchised-list dl{ width: 49.3%; border-radius: 6px; background: #FFFFFF; margin-bottom: 1.4%; padding: 15px;}
.brand-franchised-list dl dt{ width: 120px; height: auto; text-align: center;}
.brand-franchised-list dl dt img{ width: 100%;height: auto;}
.brand-franchised-list dl dd{ width: calc(100% - 120px); padding-left:15px;}
.brand-franchised-list dl dd a{ display: block; font-weight: bold; font-size: 1rem; line-height: 26px; height: 26px; overflow: hidden; margin-bottom: 5px;}
.brand-franchised-list dl dd p{ line-height: 20px; height: 40px; overflow: hidden;}


/*posts*/
.post-list{}
.post-list dl{ width: 49.5%; box-shadow: 0px 4px 8px 1px rgba(56,60,147,0.1);
border-radius: 4px 4px 4px 4px;
border: 1px solid #E7EAEE; background: #FFFFFF; padding: 20px; margin-top: 1%;}
.post-list dl dt{ width: 100px; height: 100px; overflow: hidden;}
.post-list dl dt img{ width: 100px; height: 100px;}
.post-list dl dd{ width: calc(100% - 100px); padding-left: 20px; padding-top: 8px;}
.post-list dl dd a{ display: block; font-size: 1rem; font-weight: bold; color: #111111; font-family: myFirstFont1; line-height: 26px; height: 26px; overflow: hidden;}
.post-list dl dd a:hover{ color:#ea001b;}
.post-list dl dd p{ line-height: 22px; height: 44px; overflow: hidden; margin-top: 5px;}


.application-menu{ }
/* ===== 解决方案频道列表 ===== */
.solution-channel{ padding: 28px 0 40px 0; }
.solution-channel-head{ margin-bottom: 18px; }
.solution-channel-title{
  font-size: 22px;
  line-height: 1.2;
  margin: 0;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.solution-channel-title i{ font-size: 20px; }
.solution-channel-sub{
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: #666;
  max-width: 860px;
}

/* grid */
.solution-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 18px;
}

/* card */
.solution-card{
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border: 1px solid #eee;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.solution-card:hover{
  transform: translateY(-4px);
  border-color: #e6e6e6;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}
.solution-card:hover span{ color:#ea001b;}
.solution-card-media{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #f6f6f6;
  overflow: hidden;
}
.solution-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .22s ease;
}
.solution-card:hover .solution-card-media img{
  transform: scale(1.05);
}

.solution-card-body{ padding: 14px 14px 16px; }
.solution-card-title{
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  color: #111;
  font-weight: 700;
}
.solution-card-desc{
  margin: 8px 0 12px;
  font-size: 13px;
  line-height: 1.65;
  color: #666;
  min-height: 42px; /* 保证多卡片高度更整齐 */
}

.solution-card-cta{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #222;
  border-top: 1px dashed #eee;
  padding-top: 10px;
}
.solution-card-cta i{ font-size: 16px; }


.application-box{ padding:50px 0}

/* ===== Solutions List Page ===== */
.application-box{ padding: 28px 0 42px; }

/* Header */
.solu-head{
  border: 1px solid #eee;
  background: #fff;
  border-radius: 16px;
  padding: 18px 18px 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
}
.solu-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: .12em;
  font-weight: 700;
  color: #3a3a3a;
  text-transform: uppercase;
}
.solu-kicker i{ font-size: 14px; }

.solu-title{
  margin: 10px 0 8px;
  font-size: 26px;
  line-height: 1.25;
  color: #111;
  font-weight: 800;
}
.solu-intro{
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: #666;
  max-width: 980px;
}

/* List */
.solu-list{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* Card item */
.solu-item{
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 14px;
  border: 1px solid #eee;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.solu-item:hover{
  transform: translateY(-4px);
  border-color: #e6e6e6;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

/* Thumb */
.solu-thumb{
  position: relative;
  display: block;
  height: 100%;
  min-height: 180px;
  background: #f4f6f8;
  overflow: hidden;
}
.solu-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .22s ease;
}
.solu-item:hover .solu-thumb img{ transform: scale(1.05); }

/* Body */
.solu-body{
  padding: 14px 14px 14px 0;
  display: flex;
  flex-direction: column;
  min-height: 180px;
}
.solu-item-title{
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
}
.solu-item-title a{
  color: #111;
  text-decoration: none;
}
.solu-item-title a:hover{ text-decoration: underline; color:#ea001b;}

.solu-meta{
  font-size: 12px;
  color: #777;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.solu-meta i{ font-size: 14px; }

.solu-excerpt{
  margin: 0;
  font-size: 13px;
  line-height: 1.75;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Actions */
.solu-actions{
  margin-top: auto;
  padding-top: 12px;
}
.solu-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  color: #111;
  border-top: 1px dashed #eee;
  padding-top: 10px;
}
.solu-btn i{ font-size: 16px; }

/* ===== Page Background ===== */
.application-show{
  width: 100%;
  padding: 50px 0;
  background: #f5f5f5;
}

/* 外层宽度容器（你已有 auto1280 就不用再写宽度） */
.sd-wrap{ padding: 0 12px; }

/* ===== Main White Panel ===== */
.sd-panel{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 26px 26px 30px;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}

/* ===== Header ===== */
.sd-kicker{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #555;
}

.sd-title{
  margin: 10px 0 10px;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 900;
  color: #111;
}

.sd-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-size: 13px;
  color: #777;
}
.sd-meta i{ font-size: 14px; }
.sd-meta-dot{ color: #c2c2c2; }

.sd-author{
  color: #111;
  font-weight: 800;
  text-decoration: none;
}
.sd-author:hover{ text-decoration: underline; }

/* ===== Abstract ===== */
.sd-abstract{
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 14px;
  background: #fafafa;
  border: 1px solid #eee;
  position: relative;
}
.sd-abstract:before{
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 4px;
  background: #111;
  border-radius: 4px;
}
.sd-abstract-title{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 900;
  color: #111;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-left: 10px;
}
.sd-abstract-text{
  margin: 0;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #555;
}

/* ===== Content ===== */
.sd-content{
  margin-top: 18px;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}
.sd-content h2{
  margin: 26px 0 10px;
  font-size: 18px;
  font-weight: 900;
  color: #111;
}
.sd-content p{ margin: 0 0 14px; }
.sd-content ul,
.sd-content ol{
  padding-left: 20px;
  margin: 0 0 14px;
}
.sd-content li{ margin: 6px 0; }

.sd-content blockquote{
  margin: 16px 0;
  padding: 12px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #eee;
  color: #555;
  position: relative;
}
.sd-content blockquote:before{
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 4px;
  background: #ddd;
  border-radius: 4px;
}

/* ===== Prev / Next ===== */
.sd-nav{
  margin-top: 28px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.sd-nav a{ display:block;}
.sd-nav-box{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 14px 14px 12px;
  box-shadow: 0 10px 28px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sd-nav-box:hover{
  transform: translateY(-3px);
  border-color: #e6e6e6;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
}

.sd-nav-kicker{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.sd-nav-link{
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #111;
  text-decoration: none;
  line-height: 1.55;
}
.sd-nav-link:hover{ text-decoration: underline; }

/* ===== Related Solutions ===== */
.sd-related{
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px dashed #eee;
}

.sd-related-head{ margin-bottom: 12px; }
.sd-related-title{
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  color: #111;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sd-related-sub{
  margin: 8px 0 0;
  font-size: 13px;
  color: #666;
  line-height: 1.7;
}

.sd-related-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 14px;
}

.sd-card{
  display: block;
  text-decoration: none;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sd-card:hover{
  transform: translateY(-4px);
  border-color: #e6e6e6;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
}

.sd-card-media{
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #f4f6f8;
  overflow: hidden;
}
.sd-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .22s ease;
}
.sd-card:hover .sd-card-media img{ transform: scale(1.05); }

.sd-card-body{ padding: 12px 12px 14px; }
.sd-card-body h4{
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 900;
  color: #111;
}

/*Tools*/
.tools-info{ padding:30px; margin-bottom:30px; width:100%; background:#fff; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.tools-info h2{ font-size:1.2rem; line-height:30px;}
.tools-list{ width:100%; gap: 30px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid; padding-bottom:50px;}
.tools-list a{ display:block; width:100%; background:#fff; border-radius: 4px; padding:25px; line-height:26px;
    box-shadow: 0 0 15px -7px #ccc; }
.tools-list a b{ display:block; line-height:32px; font-size:1.2rem; margin-top:15px;}
.tools-list a:hover b{ color:#EA001B;}

.tools-info table.fromTable{ width:100%; border:none}
.tools-info h1{ color:#111; font-weight:bold; font-size:26px; line-height:32px;}
.tools-info h3{ color:#111; font-weight:bold; font-size:20px; line-height:32px;}
.tools-info td b{ color:#111; font-weight:bold; font-size:20px; line-height:32px; margin:0;}
.tools-info table.fromTable tr{ display:flex; flex-wrap: wrap; border:none !important}
.tools-info table.fromTable td{ display:flex; width:100%; align-items:center; border:none !important}
.tools-info table.fromTable1 td{ vertical-align:middle !important;}
.tools-info table.fromTable input[type="submit"] {
  background-color: #A10030; /* 设置背景颜色 */
  color: white; /* 设置文本颜色 */
  padding: 10px 20px; /* 设置内边距 */
  border: none; /* 去掉边框 */
  border-radius: 5px; /* 设置边框圆角 */
  cursor: pointer; /* 设置鼠标光标为指针形状 */
  margin-top:15px;
}

.tools-info table.fromTable input[type="submit"]:hover {
    background-color: #1a3762; /* 鼠标悬停时的背景颜色 */
}

.tools-info table.fromTable input[type="button"] {
  background-color: #A10030; /* 设置背景颜色 */
  color: white; /* 设置文本颜色 */
  padding: 10px 20px; /* 设置内边距 */
  border: none; /* 去掉边框 */
  border-radius: 5px; /* 设置边框圆角 */
  cursor: pointer; /* 设置鼠标光标为指针形状 */
}

.tools-info table.fromTable input[type="button"]:hover {
    background-color: #1a3762; /* 鼠标悬停时的背景颜色 */
}


    .tools-info table.fromTable1 input[type="button"] {
        background-color: #A10030; /* 设置背景颜色 */
        width:100% !important; height:auto !important;
        color: white; /* 设置文本颜色 */
        padding: 10px 20px; /* 设置内边距 */
        border: none; /* 去掉边框 */
        border-radius: 5px; /* 设置边框圆角 */
        cursor: pointer; /* 设置鼠标光标为指针形状 */
    }

    .tools-info table.fromTable1 input{
        border: 1px solid #ccc; /* 设置背景颜色 */
        padding: 5px 10px; /* 设置内边距 */
        width: 100%;
        height: 46px;
        border-radius: 5px; /* 设置边框圆角 */
    }
    .tools-info table.fromTable1 input[type="radio"] {
        border: 1px solid #ccc; /* 设置背景颜色 */
        width: 20px;
        height: 20px;
 
    }
        .tools-info table.fromTable1 input[type="checkbox"] {
            border: 1px solid #ccc; /* 设置背景颜色 */
            width: 24px;
            height: 24px;
        }

        .tools-info table.fromTable1 input[type="button"]:hover {
            background-color: #1a3762; /* 鼠标悬停时的背景颜色 */
        }

    .tools-info table.fromTable button[type="button"] {
        background-color: #A10030; /* 设置背景颜色 */
        color: white; /* 设置文本颜色 */
        padding: 10px 20px; /* 设置内边距 */
        border: none; /* 去掉边框 */
        border-radius: 5px; /* 设置边框圆角 */
        cursor: pointer; /* 设置鼠标光标为指针形状 */
    }

        .tools-info table.fromTable button[type="button"]:hover {
            background-color: #1a3762; /* 鼠标悬停时的背景颜色 */
        }
    .tools-info table.fromTable input[type="text"] {
        border:1px solid  #ccc; /* 设置背景颜色 */
    
        padding:5px 10px; /* 设置内边距 */
        width:80%;
        height:46px;
        border-radius: 5px 0 0 5px; /* 设置边框圆角 */
    }

    .tools-info table.fromTable select {
        border: 1px solid #ccc; /* 设置背景颜色 */
        padding: 5px 10px; /* 设置内边距 */
        width: 80%;
        height: 46px;
        border-radius: 5px 0 0 5px; /* 设置边框圆角 */
    }
    .tools-info table.fromTable1 select {
        border: 1px solid #ccc; /* 设置背景颜色 */
        padding: 5px 10px; /* 设置内边距 */
        width: 100% !important;
        height: 46px !important;
        border-radius: 5px 0 0 5px; /* 设置边框圆角 */
    }

    .tools-info table.fromTable input[type="number"] {
        border: 1px solid #ccc; /* 设置背景颜色 */
        padding: 5px 10px; /* 设置内边距 */
        width: 80%;
        height: 46px;
        border-radius: 5px 0 0 5px; /* 设置边框圆角 */
    }

 .tools-info table.fromTable label{ width:20%; text-align:center; margin:0 !important; border-radius:0 5px 5px 0;  background:#f3f5f8; height:46px; line-height:46px; display:block; font-weight:normal;     border:1px solid  #ccc; border-left:none; }
#inductance{ color:#1a3762 !important; font-weight:bold; font-size:16px;}
.tools-info .col-sm-8{ width:100%;}
#results{ width:100%; height:auto; overflow-x:auto;}
.tools-info sup{ display:inline-block; margin:0;}
.tools-info sub{ display:inline-block; margin:0;}
.tools-info .witdh50{ width:50% !important;}
.tools-info .nowaper{ flex-wrap:nowrap !important;}

/*Services*/
.services-main{ width:100%;}


@media (max-width: 768px) {
	
.home-order-now{ margin-top: 15px;}


/* Banner */
  .about-banner{
     margin-top:81px;
    padding: 50px 0; /* 原来 300/200 太高 */
  }
  .about-banner-info h1{
    font-size: 1.7rem;
    line-height: 46px;
  }
  .about-banner-info p{
    font-size: 0.95rem;
    line-height: 24px;
    margin-top: 8px;
  }

  /* Company */
  .about-company{
    padding: 35px 0;
  }
  /* 如果你的父容器是 flex，这样可直接换行 */
  .about-company .flex,
  .about-company-box,
  .about-company-wrap{
    flex-wrap: wrap;
  }
  .about-company-left,
  .about-company-right{
    width: 100%;
  }
  .about-company-left{
    padding: 22px 18px;
    border-radius: 10px;
  }
  .about-company-left h2{
    font-size: 1.5rem;
    line-height: 36px;
  }
  .about-company-left p{
    margin-top: 12px;
    font-size: 0.95rem;
    line-height: 24px;
  }
  .about-company-right{
    margin-top: 14px;
  }
  .about-company-right img{
    border-radius: 10px;
  }

  /* EMPO */
  .about-empo{
    padding: 44px 0;
  }
  .about-empo-title h2{
    font-size: 1.5rem;
    line-height: 36px;
  }
  .about-empo-title p{
    font-size: 0.95rem;
    line-height: 24px;
    margin-top: 10px;
  }

  .about-empo-list{
    grid-template-columns: repeat(2, 1fr); /* 4列 -> 2列 */
    gap: 14px;
    margin-top: 18px;
  }
  .about-empo-list dl dt img{
    border-radius: 10px;
  }
  .about-empo-list dl dd{
    padding: 0 10px;
  }
  .about-empo-list dl dd img{
    margin-top: -16px; /* 缩小一点避免挤 */
    max-width: 48px;
    height: auto;
  }
  .about-empo-list dl dd p{
    font-size: 1rem;
    line-height: 24px;
  }

  /* Choose */
  .about-choose{
    padding: 44px 0;
  }
  .about-choose h2{
    font-size: 1.5rem;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .about-choose-list{
    grid-template-columns: 1fr; /* 2列 -> 1列 */
    gap: 14px;
  }
  .about-choose-list dl{
    padding: 18px;
    border-radius: 10px;
  }
  .about-choose-list dl dd{
    padding-top: 10px;
  }
  .about-choose-list dl dd b{
    font-size: 1.15rem;
    line-height: 32px;
    margin-bottom: 6px;
  }
  .about-choose-list dl dd p{
    font-size: 0.95rem;
    line-height: 24px;
  }

  /* Quality */
  .about-quality{
    padding: 44px 0;
  }
  .about-quality-title h2{
    font-size: 1.5rem;
    line-height: 36px;
  }
  .about-quality-title p{
    font-size: 0.95rem;
    line-height: 24px;
    margin-top: 10px;
  }
  .about-quality-list{
    margin-top: 18px;
  }
  .about-quality-list ul{
    grid-template-columns: repeat(2, 1fr); /* 4列 -> 2列 */
    gap: 12px;
  }
  .about-quality-list ul li{
    padding: 16px;
    border-radius: 10px;
  }
  .about-quality-list ul li img{
    width: 100%;
    height: auto;
  }


.about-info{ padding:20px;}



.about-info-list dl{ width:100%;}






/*support*/
.support-left-menu{ display:block; width:100%; height:42px; line-height:42px; background:#fff; padding:0 20px; cursor:pointer;}
.support-left-menu b{font-size:1.4rem;}
.support-left-menu i{ line-height:42px; font-size:1.2rem;}
.support-left{ width:100%; display:none; padding:20px;}
.support-left h2{display:none; }
.support-left a{ display:block; line-height:26px;}
.support-right{ width:100%; padding:20px; margin-top:10px;}
.support-right h3{ font-size:1.2rem; line-height:30px; }
.support-right-info{ line-height:26px;}


/*Contact-Us*/
.contact-box{ margin-top: 10px; }
.contact-box-left{ width: 100%; padding: 20px;}
.contact-box-left h2{ font-size: 1.2rem; line-height: 32px;}
.contact-box-left em{ margin-top: 10px;}
.contact-box-left-info{ padding-top: 10px; font-size:0.9rem; line-height: 25px;}

.contact-feedback-left{ width: 100%;  padding: 20px;}
.contact-feedback-left h3{ color: #111111; font-size: 1.2rem; line-height:26px;}


.contact-map{ height: 300px; margin-top: 10px;}


/*Blogs*/
.blog-main-left{ width:100%; float:none;}




.blog-tabs{ border-bottom:none;}
.blog-tabs li{ cursor:pointer; height:32px; line-height:32px; font-size:0.9rem;  border-bottom:1px solid #eee; margin-right:4px; padding:0 5px; margin-bottom:5px;}


.blog-tab-pane{ padding-top:0;}

.blog-tab-pane-topblog{ width:100%;}


.blog-tab-pane-hotblog{ width:100%; margin-top:10px;}

.blog-tab-pane-redblog{ width:100%; height:auto; margin-top:10px;}
.blog-tab-pane-redblog dl{ width: 100%; margin:0.5% 0;}


.blog-list{  gap: 10px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  }
.blog-list dl{  padding:10px;  }
.blog-main-right{width:100%;  float:none; margin-top:15px;}




.blog-show{ padding:20px;}
.blog-show h1{font-size:1.4rem; line-height:26px; }
.blog-info{padding:20px 0; }
.next-prev-single{ line-height:26px;}
.next-prev-single p{ height:26px; overflow:hidden;}

.relate-blog{ margin-top:15px;}
.relate-blog h2{font-size:1.3rem; line-height:26px;}
.relate-blog-list{  gap: 10px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  }
.relate-blog-list dl{ width:100%;}


/*brand*/
.brand-feature-box b{font-size:1.4rem; line-height:30px; }
/*brand*/
.brand-navigation-box h1{font-size:1.4rem; line-height:30px; }
.brand-navigation{top:0;}
.brand-navigation ul{ padding:5px 0;}
.brand-navigation ul li{}

.brand-navigation-list{ margin-top:10px;}
.brand-navigation-list dl{padding:20px;}
.brand-navigation-list dl dt{ font-size:1rem; margin-bottom:5px;}
.brand-navigation-list dl dd a{ width:49%; }


.brand-info-box{ padding:20px; }
.brand-info-box-left{ width:100%; height:auto; text-align:center;}
.brand-info-box-left img{ width:50%; height:auto;}
.brand-info-box-right{ width:100%; height:auto; padding-top:15px;}
.brand-info-box-right h1{ font-size:1.4rem; }
.brand-info-box-right-info{ line-height:24px;}



.brand-info-list dl{ padding:20px; }
.brand-info-list dl dt{  font-size:1.1rem; }
.brand-info-list dl dd a{ width:100%; margin:0;}

.home-brand-list a{ width: 49%; margin-bottom:2%;  }

/*brand-pro*/
.brand-pro{ padding:20px; }
.brand-pro dl{ width:48%; padding:10px;}

.brand-franchised-box h1{font-size:1.4rem; }

.brand-franchised-list{}
.brand-franchised-list dl{ width: 100%;  margin-bottom: 1.4%; padding: 10px;}



/*post*/
.post-list dl{ width: 100%; padding: 10px; margin-top: 1%;}

.application-menu{ padding:30px 0}

 .solution-grid{ grid-template-columns: 1fr; gap: 12px; }
  .solution-card-body{ padding: 12px 12px 14px; }

.application-box{ padding:30px 0}
/* Responsive */

  .solu-list{ grid-template-columns: 1fr; }
  .solu-title{ font-size: 22px; }
  .solu-item{grid-template-columns: 1fr;}
  .solu-thumb{ min-height: 190px; }
  .solu-body{ padding: 12px; min-height: auto; }




  .application-show{ padding: 24px 0; }
  .sd-panel{ padding: 16px 14px 18px; border-radius: 16px; }
  .sd-title{ font-size: 22px; }
  .sd-nav{ grid-template-columns: 1fr; }
  .sd-related-grid{ grid-template-columns: 1fr; }

/* 通用：区块上下留白缩小 */
  .quality-end,
  .quality-part,
  .quality-supply,
  .quality-act,
  .quality-blog{
    padding: 44px 0;
  }

  /* 标题字号调整 */
  .quality-end-title h2,
  .quality-part-title h2,
  .quality-act-right-info h2{
    font-size: 1.5rem;
    line-height: 34px;
  }
  .quality-end-title p,
  .quality-act-right-info p{
    font-size: .95rem;
    line-height: 24px;
    margin-top: 10px;
  }

  /* =========================
     Quality End（左图右手风琴）
  ========================= */
  .quality-end-main{
    margin-top: 18px;
  }
  .quality-end-main-left,
  .quality-end-main-right{
    width: 100%;
  }
  .quality-end-main-left{
    margin-bottom: 14px;
  }

  .quality-end-main-right dl{
    margin-bottom: 12px;
  }
  .quality-end-main-right dl dt{
    height: auto;
    padding: 14px 14px;
    border-radius: 10px;
  }
  .quality-end-main-right dl dt b{
    font-size: 0.8rem;
    margin-left: 10px;
  }
  .quality-end-main-right dl dt em{
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
  }
  .quality-end-main-right dl dd{
    padding: 14px;
    border-radius: 0 0 10px 10px;
    font-size: .95rem;
    line-height: 24px;
  }

  /* active态圆角保持 */
  .quality-end-main-right dl.active dt{
    border-radius: 10px 10px 0 0;
  }

  /* =========================
     Quality Part（左数据/右图文）
  ========================= */
  .quality-part-info-left,
  .quality-part-info-right{
    width: 100%;
  }

  .quality-part-info-leftcontent,
  .quality-part-info-rightcontent{
    padding: 14px 0;
    font-size: .95rem;
    line-height: 24px;
  }

  /* 左侧数据列表：2列->1列（更稳，避免挤） */
  .quality-part-info-leftlist{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .quality-part-info-leftlist dl{
    padding-left: 14px;
  }
  .quality-part-info-leftlist dl dd{
    padding-top: 6px;
    line-height: 28px;
    font-size: 1.15rem;
  }

  .quality-part-info-right{
    margin-top: 12px;
    font-size: .95rem;
    line-height: 24px;
  }

  /* =========================
     Quality Supply（2列->1列）
  ========================= */
  .quality-supply{
    padding: 44px 0;
    background-position: center;
  }
  .quality-supply-list{
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 16px;
  }
  .quality-supply-list dl{
    padding: 18px;
    border-radius: 12px;
  }
  .quality-supply-list dl dt h3{
    font-size: 1.05rem;
    line-height: 28px;
    margin: 8px 0;
  }
  .quality-supply-list dl dt p{
    min-height: 0;
    margin-bottom: 14px;
  }
  .quality-supply-list dl dd p{
    line-height: 22px;
    padding-left: 18px;
    background-position: left 6px;
    background-size: 12px 12px; /* 你的 quap.png 如果太大可缩 */
  }

  /* =========================
     Quality Act（左图右文 -> 上下）
  ========================= */
  .quality-act-left,
  .quality-act-right{
    width: 100%;
  }
  .quality-act-right{
    padding-left: 0;
    margin-top: 14px;
  }

  /* =========================
     Blog Carousel（移动端让卡片更紧凑）
  ========================= */
  .quality-blog-list{
    margin-top: 18px;
    padding-bottom: 46px;
  }

  .main_visual1 .owl-carousel{
    padding: 10px 0; /* 给阴影空间，但不浪费 */
  }

  /* item 间距缩小一点 */
  .quality-blog-list .main_visual1 .owl-carousel .owl-item{
    padding: 0 8px;
  }

  .quality-blog-list .main_visual1 .owl-carousel .item{
    padding: 14px;
    border-radius: 10px;
    box-shadow: 0 14px 36px rgba(46,106,156,0.12);
  }

  .main_visual1 .owl-carousel .item a.quabloglinks1{
    font-size: 1rem;
    line-height: 22px;
    height: 44px;
    margin: 8px 0;
  }
  .main_visual1 .owl-carousel .item p{
    height: auto;
    line-height: 22px;
    margin-top: 10px;
    max-height: 44px;
    overflow: hidden;
  }

  .main_visual1 .owl-carousel .item a.quabloglinks3{
    margin-top: 12px;
    height: 34px;
    border-radius: 18px;
    padding: 0 16px;
  }

  /* dots 位置略上移，避免太靠下 */
  .main_visual1 .owl-dots{
    bottom: -36px;
  }
  .main_visual1 .owl-dots .owl-dot span{
    width: 26px;
    height: 6px;
  }

  /*Tools*/
.tools-info{ padding:20px 0; margin-bottom:10px;}
.tools-info h2{ font-size:1rem; line-height:26px;}


.tools-list{ width:100%; gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid; padding-bottom:50px;}
.tools-list a b{  line-height:28px; font-size:1rem; margin-top:10px;}



}