/**banner**/
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; margin: 0 auto;}
.main_visual .owl-carousel .item a{ display: block;  width: 100%;height: 100%;}
.main_visual .owl-carousel .item img{ width: 100%;height: 100%; display: block;}
.main_visual .owl-prev,.main_visual .owl-next{display: none; text-indent: -9999em;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 30px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 10px; height: 10px; background:#FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 32px; height: 10px; background:#FFFFFF; border-radius: 10px;}
.main_visual .owl-controls{ height: 0;}
.main_visual .owl-nav{ height: 0;}

.main_visual .owl-carousel .item img.Bpic{ display: block;}
.main_visual .owl-carousel .item img.Bmpic{ display: none;}


.home-title{ padding: 80px 0 25px 0;}
.home-title-left{ width: 48.5%;}
.home-title-left em{ display: inline-block; background: #e5f3f0; border-radius: 6px; height: 40px; line-height: 40px; color: #00876D; font-size: 0.9rem; padding: 0 40px;}
.home-title-left h2{ font-size: 2.1rem; line-height: 50px; margin-top: 10px;}

.home-title a{ display: inline-block; height: 60px; line-height: 60px; color: #FFFFFF; padding: 0 40px; font-size: 1.1rem; background: #00876D;border-radius: 12px;}
.home-title a:hover{ background: #111111;}


.home-about{}
.home-about-left{ width: 48.5%;}
.home-about-left p{ line-height: 30px; margin-bottom: 35px;}
.home-about-left img{ width: 100%; height: auto; margin-top:25px;}

.home-about-right{ width: 48.5%;  gap: 16px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}
.home-about-right dl{ border: 1px solid #DDDDDD; border-radius: 12px; cursor: pointer;}
.home-about-right dl dt{ color: #111111; padding: 0 30px; height: 64px; line-height: 64px;}
.home-about-right dl dt img{ margin-right: 10px;}
.home-about-right dl dt b{ font-size: 1.2rem;}
.home-about-right dl dt span{ display: block; width: 24px; height: 24px; background: url(../images/abspan1.png) no-repeat;}
.home-about-right dl dd{ padding:10px 30px; display: none;}

.home-about-right dl.active{ border-color:#00876D;}
.home-about-right dl.active dd{ display: block;}
.home-about-right dl.active dt{ background: #00876D; border-radius: 12px 12px 0 0;}
.home-about-right dl.active dt b{ color: #FFFFFF;}
.home-about-right dl.active dt span{  background: url(../images/abspan1s.png) no-repeat;}
.home-about-right dl.active dt img{filter: brightness(0) invert(1);}



.home-advan{ padding: 80px 0;}
.home-advan-left{ width: 48.5%;}
.home-advan-left-info{ width: 100%;}
.home-advan-left-info h2{ font-size: 2.2rem; line-height: 50px; margin-top: 10px;}
.home-advan-left-info p{ line-height: 30px; margin-bottom: 35px; margin-top: 15px;}

.home-advan-left-num{ padding: 15px; border-radius: 12px; width: 100%; height: auto; background: #00876D; gap: 15px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.home-advan-left-num dl{ background: #FFFFFF; border-radius: 8px; padding:30px 22px;}
.home-advan-left-num dl dt{ width: 60px; height: 60px; }
.home-advan-left-num dl dd{ width: calc(100% - 60px); padding-left: 20px;}
.home-advan-left-num dl dd h3{ font-size: 2rem; margin-bottom: 14px;}
.home-advan-left-num dl dd p{ font-size: 0.9rem; line-height: 18px;}

.home-advan-right{ width: 48.5%;}
.home-advan-right img{ width: 100%; height: auto;}


.home-solution{ width: 100%; height: auto; background: url(../images/home-soubg.jpg) no-repeat center; background-size:cover; padding: 80px 0;}

.home-solution-title{ text-align: center;}
.home-solution-title em{ display: inline-block; background: rgba(0,135,109,0.1); border-radius: 6px; height: 40px; line-height: 40px; color: #00876D; font-size: 0.9rem; padding: 0 40px;}
.home-solution-title h2{ font-size: 2.4rem; line-height: 70px; margin-bottom: 15px;}


.home-solution-tab{ background: #FFFFFF; height: 68px; border-radius:12px;   }
.home-solution-tab ul{ width: 100%; height: 100%;  }
.home-solution-tab ul li{cursor: pointer; padding: 0 10px; font-size: 0.9rem; width: calc(100% / 6); height: 100%; position: relative; overflow: hidden;}
.home-solution-tab ul li img{ margin-right: 10px;}
.home-solution-tab ul li:after{ content: ""; width: 2px; height: 30px; background: #DDDDDD; margin: 0 10px; position: absolute; right: 0;}
.home-solution-tab ul li:last-child:after{ content: ""; width: 0; height: 0; background:none; margin: 0 0;}
.home-solution-tab ul li.thistab{ background: #00876D; color: #FFFFFF;}
.home-solution-tab ul li.thistab:first-child{border-radius:12px 0 0 12px; }
.home-solution-tab ul li.thistab:last-child{border-radius:0 12px 12px 0 ; }
.home-solution-tab ul li.thistab img{filter: brightness(0) invert(1);}
.home-solution-tab ul li.thistab:after{ content: ""; width: 0; height: 0; background:none; margin: 0 0;}

.home-solution-box{ padding-top: 40px;}

.home-solution-left{ width: calc(100% - 640px); padding: 20px 70px 20px 0;}
.home-solution-left h3{ font-size: 2rem; line-height: 42px; margin-bottom: 15px;}
.home-solution-left p{ line-height: 30px;}

.home-solution-left ul{ padding: 25px 0;}
.home-solution-left ul li{ height: 24px; line-height: 24px; overflow: hidden; background: url(../images/souli.png) no-repeat left center; padding-left: 33px; font-size: 1.1rem; margin-bottom: 12px;}

.home-solution-left a.soumore{ display: inline-block; background: #00876D; color: #FFFFFF; border-radius: 12px; height: 60px; line-height: 60px; padding: 0 40px; font-size: 1.1rem; margin-top: 40px;}
.home-solution-left a.soumore:hover{ background: #111111;}

.home-solution-right{ width: 640px; height: auto;}
.home-solution-right img{ width: 100%; height: auto; border-radius:16px;}

.home-brandbg{ width: 100%; height: auto; background: url(../images/homebrandbg.jpg) no-repeat center; background-size:cover; padding: 80px 0;}


.home-brand-title{ text-align: center;}
.home-brand-title em{ display: inline-block; background: rgba(255,255,255,0.1); border-radius: 6px; height: 40px; line-height: 40px; color: #FFFFFF; font-size: 0.9rem; padding: 0 40px;}
.home-brand-title h2{ font-size: 2.4rem; line-height: 70px; margin-bottom: 25px; color: #FFFFFF;}

.home-brand-box{}
.home-brand-box img{ width: 100%; height: auto;}

.home-brand-more{ text-align: center; margin-top: 50px;}
.home-brand-more a{ display: inline-block; color: #FFFFFF; margin: 0 10px; height: 60px; line-height: 60px; padding: 0 55px; font-size: 1.1rem; border-radius: 12px;}
.home-brand-more a:first-child{ background: #00876D; }
.home-brand-more a:last-child{ background: #efc700; }
.home-brand-more a:hover{ background: #111111;}



.home-quality{ width: 100%; height: auto; background: url(../images/homequabg.jpg) no-repeat center; background-size:cover; padding: 80px 0 125px 0;}
.home-quality-info{ text-align: center; line-height: 30px; padding: 0 5%;}

.home-quality-list{ margin-top: 30px;}
.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; margin: 0 auto; background: #FFFFFF; border:1px solid #DDDDDD; border-radius: 12px; padding: 20px 60px;}
.main_visual1 .owl-carousel .item img{ width: 100%;height: 100%; display: block;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{display: none; text-indent: -9999em;}
.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom: -40px;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 3px ;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 28px; height: 4px;background: #00A980; }
.main_visual1 .owl-dot.active span{background:#00876D;}
.main_visual1 .owl-controls{ height: 0;}
.main_visual1 .owl-nav{ height: 0;}

.home-blog{ width: 100%; padding:0 0 80px 0; background: #f7f8fa;}

.home-blog-box{}
.home-blog-left{ width: 48.5%; background: #ffffff; border-radius:16px;}
.home-blog-left-pic{ width: 100%; height: auto; overflow: hidden; border-radius:16px 16px 0 0;}
.home-blog-left-pic img{ border-radius:16px 16px 0 0; width: 100%; height: auto;}
.home-blog-left-pic a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-blog-left-info{ width: 100%; padding: 25px;}
.home-blog-left-time{ width: 123px; height: 120px; position: relative; z-index: 333; margin-top: -90px; background: url(../images/blogtime.png) no-repeat; text-align: center;}
.home-blog-left-time div{ width: 100%;}
.home-blog-left-time div b{ display: block; font-size: 2.8rem; line-height: 46px;}
.home-blog-left-info h3{ font-size: 1.4rem; line-height: 40px; height: 40px; margin-bottom: 15px; overflow: hidden;}
.home-blog-left-info a img{ margin-left: 10px;}

.home-blog-right{ width: 48.5%;}
.home-blog-right dl{ width: 100%; border-bottom:2px solid #DDDDDD; padding: 26px 0;}
.home-blog-right dl:first-child{ padding-top: 0;}
.home-blog-right dl dt{width: 123px; height: 120px;  background: url(../images/blogtime.png) no-repeat; text-align: center;}
.home-blog-right dl dt div{ width: 100%;}
.home-blog-right dl dt div b{ display: block; font-size: 2.8rem; line-height: 46px;}
.home-blog-right dl dd{ width: calc(100% - 123px); padding-left: 30px;}
.home-blog-right dl dd h3{ font-size: 1.4rem; line-height: 30px; height: 60px; overflow: hidden; margin-top: 10px;}
.home-blog-right dl dd a {  margin-top: 10px;}
.home-blog-right dl dd a img{ margin-left: 10px;}

@media (max-width: 768px) {

.main_visual{margin-top: 61px;}
.main_visual .owl-prev,.main_visual .owl-next{}
.main_visual .owl-dots{  bottom: 15px;}

.main_visual .owl-carousel .item img.Bpic{ display: none;}
.main_visual .owl-carousel .item img.Bmpic{ display:block;}



.home-title{ padding: 20px 0;}
.home-title-left{ width: 100%;}
.home-title-left h2{ font-size: 1.4rem; line-height: 30px; margin-top: 10px;}

.home-title a{display: none;}



.home-about{}
.home-about-left{ width: 100%;}
.home-about-left p{ line-height: 26px; margin-bottom: 15px;}


.home-about-right{ width:100%;  gap: 10px; margin-top: 20px;}
.home-about-right dl dt{  padding: 0 10px; height: 54px; line-height: 54px;}
.home-about-right dl dt img{ margin-right: 3px; width: 15px; height: 15px;}
.home-about-right dl dt b{ font-size: 0.9rem;}
.home-about-right dl dt span{ display: block; width: 24px; height: 24px; background: url(../images/abspan1.png) no-repeat;}
.home-about-right dl dd{ padding:10px; display: none;}


.home-advan{ padding: 30px 0;}
.home-advan-left{ width: 100%;}
.home-advan-left-info h2{ font-size: 1.4rem; line-height: 30px; margin-top: 10px;}
.home-advan-left-info p{ line-height: 26px; margin-bottom: 25px; margin-top: 10px;}

.home-advan-left-num{ padding: 10px; gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}
.home-advan-left-num dl{padding:15px;}
.home-advan-left-num dl dd h3{ font-size: 1.4rem; margin-bottom: 10px;}


.home-advan-right{ width: 100%; margin-top: 20px;}

.home-solution{ padding: 30px 0;}
.home-solution-title h2{ font-size: 1.4rem; line-height: 40px; margin-bottom: 10px;}

.home-solution-tab{ background: #FFFFFF; height: auto; border-radius:12px;   }
.home-solution-tab ul li{ width: calc(100% / 2); height: 100%; padding: 10px; position: relative; overflow: hidden; background: #DDDDDD; text-align: center;}
.home-solution-tab ul li img{ margin-right: 10px;}
.home-solution-tab ul li:after{ content: ""; width: 0; height: 0; background: none; margin: 0 ; position: absolute; right: 0;}


.home-solution-tab ul li.thistab:first-child{border-radius:0 0 0 0; }
.home-solution-tab ul li.thistab:last-child{border-radius:0 0 0 0 ; }


.home-solution-box{ padding-top: 0;}

.home-solution-left{ width: 100%; padding: 20px 0;}
.home-solution-left h3{ font-size: 1.4rem; line-height: 32px; margin-bottom: 15px;}
.home-solution-left p{ line-height: 26px;}

.home-solution-left ul{ padding: 15px 0;}
.home-solution-left ul li{ font-size: 0.9rem; margin-bottom: 5px;}

.home-solution-left a.soumore{  margin-top:10px;}


.home-solution-right{ width: 100%; height: auto;}


.home-brandbg{ padding: 30px 0;}
.home-brand-title h2{ font-size: 1.4rem; line-height: 32px; margin-bottom: 15px; }

.home-brand-more{  margin-top: 20px;}
.home-brand-more a{ margin: 0 5px; height: 42px; line-height: 42px; padding: 0 25px; font-size: 1rem; }


.home-quality{  padding: 30px 0 60px 0;}
.home-quality-info{ line-height: 26px; padding: 0 2%;}

.home-quality-list{ margin-top: 20px;}

.home-blog{ padding:0 0 30px 0; }


.home-blog-left{ width: 100%; background: #ffffff; border-radius:16px; margin-bottom: 15px;}
.home-blog-left-info{ width: 100%; padding: 25px;}
.home-blog-left-info h3{ font-size: 1.2rem; }
.home-blog-left-info a img{ margin-left: 5px;}

.home-blog-right{ width:100%;}
.home-blog-right dl{ width: 100%; border-bottom:2px solid #DDDDDD; padding: 20px 0;}
.home-blog-right dl dd{ width: calc(100% - 123px); padding-left: 20px;}
.home-blog-right dl dd h3{ font-size: 1.2rem; line-height: 30px; height: 60px; overflow: hidden; margin-top: 10px;}



}