.home-about{ padding: 65px 0;}

.home-about-left{ width: 51.5%; padding-right: 55px;}
.home-about-left-top{ width: 100%; height: 26px; line-height: 26px;}
.home-about-left-top em{ display: block; background:#9ac84e; border-radius: 6px; color: #FFFFFF;  margin-left: 12px; padding: 0 10px; margin-right: 8px;}


.home-about-left-title{ color: #111111; font-size: 2.6rem; line-height: 54px;  font-family: myFirstFont1; margin-top: 25px; }
.home-about-left-title span{ display: inline-block; color: #9ac84e; background: url(../images/home-aboutline.png) no-repeat center 55px; height: 65px; min-width: 175px;}

.home-about-left-info{ width: 100%; padding: 25px 0; line-height: 22px;}


.home-about-left dl{ background: #FFFFFF; box-shadow: 0px 8px 16px 1px rgba(32,42,101,0.08); border-radius:12px; padding:30px;}
.home-about-left dl dt{ width: 86px; height: 86px;}
.home-about-left dl dt img{ width: 100%; height: auto;}
.home-about-left dl dd{ width: calc(100% - 86px); padding-left: 25px;}
.home-about-left dl dd b{ display: block; font-family: myFirstFont1; font-size: 1.1rem; line-height: 22px;}
.home-about-left dl dd p{ line-height: 20px; margin-top: 5px;}

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


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


.home-spot{ width: 100%; height: auto; background: #FFFFFF; padding-bottom: 80px;}
.home-spot-title{ padding: 50px 0 30px 0;}
.home-spot-title-left{ height: 26px; line-height: 26px;}
.home-spot-title-left em{ display: block; background:#9ac84e; border-radius: 6px; color: #FFFFFF;  margin-left: 12px; padding: 0 10px; margin-right: 8px;}
.home-spot-title a{ display: inline-block; background: #9AC84E; color: #FFFFFF; height: 42px; line-height: 42px; border-radius:30px; padding: 0 35px;}
.home-spot-title a:hover{ background: #2699C8;}

.home-spot-list{}

.main_visual1{ width: 100%; height: 100%; position: relative; }
.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%;height: 100%;  background-repeat: no-repeat; padding: 20px; background: #FFFFFF; border-radius: 6px;border: 1px solid #EEEEEE; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .home-spot-item{ width: 100%; text-align: center;}
.main_visual1 .owl-carousel .home-spot-item img{ width: 150px; height: auto; display: inline-block; }
.main_visual1 .owl-carousel .home-spot-info{ width: 100%; height: auto; padding-top: 15px;}
.main_visual1 .owl-carousel .home-spot-info a.home-spot-links1{ display: block; color: #111111; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden;}
.main_visual1 .owl-carousel .home-spot-info a.home-spot-links1:hover{ color: #9AC84E;}
.main_visual1 .owl-carousel .home-spot-info em{ display: block; color: #666666; height: 21px; line-height: 21px; overflow: hidden;}
.main_visual1 .owl-carousel .home-spot-info a.home-spot-links2{ margin-top: 15px; display: block;  height: 32px; line-height: 32px; background: #F1F1F1; border-radius:18px; text-align: center;}
.main_visual1 .owl-carousel .home-spot-info a.home-spot-links2 img{ width: 15px; height: 15px; display: inline-block; margin-right: 6px;}
.main_visual1 .owl-carousel .home-spot-info a.home-spot-links2:hover{ background: #9AC84E; color: #FFFFFF;}
.main_visual1 .owl-carousel .home-spot-info a.home-spot-links2:hover img{filter: brightness(0) invert(1);}

.main_visual1 .owl-prev,.main_visual1 .owl-next{ display: none; text-indent: -999px; overflow: hidden;}

.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 4px;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 20px; height: 4px; background:#CCCCCC; border-radius: 4px;}
.main_visual1 .owl-dot.active span{ background:#9ac84e; }
.main_visual1 .owl-nav{ display: none; height: 0;}

.home-okd-title{padding: 50px 0 30px 0; text-align: center; }
.home-okd-title-top{}
.home-okd-title-top em{ display: block; background:#9ac84e; border-radius: 6px; color: #FFFFFF;  margin-left: 12px; padding: 0 10px; margin-right: 8px;}



.home-okd-title b{ display: block; color: #111111; font-size: 2.6rem; line-height: 54px;  font-family: myFirstFont1; margin-top: 25px; text-transform: capitalize;}
.home-okd-title b span{ display: inline-block; color: #9ac84e; background: url(../images/home-aboutline1.png) no-repeat center 55px; height: 65px; min-width: 175px;}

.home-okd-list{}
.home-okd-list dl{ width: 48.8%; position: relative; cursor: pointer; margin-bottom: 2.4%; }
.home-okd-list dl:hover dt{ opacity: 1.0;}
.home-okd-list dl dt{opacity: 0; transition: all ease .1s; padding: 20px; width: 100%; height: auto; position: absolute; left: 0; bottom: 0;}
.home-okd-list dl dt .home-okd-dtbox{ width: calc(100% - 31px);  position: relative; background: #FFFFFF; padding: 30px 80px 30px 30px; border-radius: 12px 12px 12px 12px; border-left:6px solid #2699C8;}
.home-okd-list dl dt a{ display: block; color: #111111; font-size: 1.6rem;  font-family: myFirstFont1; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 8px;}
.home-okd-list dl dt a:hover{ color: #9AC84E;}
.home-okd-list dl dt p{ font-size: 1rem; line-height: 24px; height: 48px; overflow: hidden;}
.home-okd-list dl dt span{ display: block; position: absolute; right: -31px; top: 50%; margin-top: -31px; width: 62px; height: 62px; background: url(../images/home-odkicon.png) no-repeat;}
.home-okd-list dl dd img{ width: 100%; height: auto; border-radius: 12px;}



.home-brand-title{padding: 50px 0 30px 0; text-align: center; }
.home-brand-title-top{}
.home-brand-title-top em{ display: block; background:#9ac84e; border-radius: 6px; color: #FFFFFF;  margin-left: 12px; padding: 0 10px; margin-right: 8px;}

.home-brand-title b{ display: block; color: #111111; font-size: 2.6rem; line-height: 54px;  font-family: myFirstFont1; margin-top: 25px; text-transform: capitalize;}
.home-brand-title b span{ display: inline-block; color: #9ac84e; background: url(../images/home-aboutline2.png) no-repeat center 55px; height: 65px; min-width: 100px;}


.home-brand-list a{ display: block; width: 15.66%; background: #FFFFFF; padding:10px 20px; margin-bottom: 1.3%; border-radius: 8px; border: 1px solid rgba(0,122,253,0.2);}
.home-brand-list a img{ width: 100%; height: auto;}

.home-brand-more{ text-align: center; margin-top: 25px;}
.home-brand-more a{display: inline-block; margin: 0 5px;}
.home-brand-more a.brand-more1{ background: #9AC84E; color: #FFFFFF; padding: 0 40px; height: 42px; line-height: 42px; border-radius:30px;}
.home-brand-more a.brand-more1:hover{ background: #2699C8;}
.home-brand-more a.brand-more2{ border:1px solid  #2699C8; color: #2699C8; padding: 0 40px; height: 42px; line-height: 42px; border-radius:30px;}
.home-brand-more a.brand-more2:hover{ background: #2699C8; color: #FFFFFF;}


.home-service{ padding: 50px 0;}
.home-service dl{  padding: 0 80px; background: #FFFFFF; width: 24%; box-shadow: 0px 0px 16px 1px rgba(27,58,125,0.08); border-radius:8px;    padding: 25px;}
.home-service dl dd{ padding-left: 15px;}
.home-service dl dd b{ display: block; line-height: 28px; font-size: 1.2rem;}
.home-service dl dd em{ display: block; line-height: 20px;}


.home-solution{ width: 100%;}
.main_visual2 .owl-carousel,.main_visual2 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%; height: auto;}
.main_visual2 .owl-carousel .item{width: 100%;height: auto; position: relative; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual2 .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual2 .owl-carousel .item .home-iteminfo{ position: absolute; z-index: 333; left: 0; bottom: 0; width: 100%; height: auto; color: #FFFFFF; text-align: center; padding:50px;}
.main_visual2 .owl-carousel .item .home-iteminfo img{ width: 84px; height: 84px; margin: 0 auto;}
.main_visual2 .owl-carousel .item .home-iteminfo b{ display: block; line-height: 52px; height: 52px; margin-top: 25px; overflow: hidden; font-size: 2rem; color: #FFFFFF;}
.main_visual2 .owl-carousel .item .home-iteminfo p{ line-height: 20px; height: 40px; overflow: hidden;}

.main_visual2 .owl-prev,.main_visual2 .owl-next{width:48px;height: 48px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -24px;text-indent: -999px; overflow: hidden;}
.main_visual2 .owl-prev{background-image: url(../images/SL.png);left: 10%;}
.main_visual2 .owl-next{background-image: url(../images/SR.png);right: 10%; }
.main_visual2 .owl-prev:hover{ background-image: url(../images/SLS.png);}
.main_visual2 .owl-next:hover { background-image: url(../images/SRS.png);}


.main_visual2 .owl-carousel .owl-item {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.main_visual2 .owl-carousel .owl-item.active.center {
    transform: scale(1); /* 中间的项目保持正常大小 */
    z-index: 2;
    opacity: 1;
}

.main_visual2 .owl-carousel .owl-item:not(.center) {
    transform: scale(0.9); /* 左右两边的项目缩小一半 */
    opacity: 0.8; /* 让两侧稍微透明 */
}
.main_visual2 .owl-carousel .owl-item:not(.center) .home-iteminfo{opacity: 0; /* 让两侧稍微透明 */}
.main_visual2 .owl-dots{ display: none; text-indent: -99999em;}
.main_visual2 .owl-controls{ height: 0;}



.home-blog-title{padding: 50px 0 30px 0;}
.home-blog-title-left{}
.home-blog-title-left-top{}
.home-blog-title-left-top em{ display: block; background:#9ac84e; border-radius: 6px; color: #FFFFFF;  margin-left: 12px; padding: 0 10px; margin-right: 8px;}

.home-blog-title-left b{ display: block; color: #111111; font-size: 2.6rem; line-height: 54px;  font-family: myFirstFont1; margin-top: 25px; text-transform: capitalize;}
.home-blog-title-left b span{ display: inline-block; color: #9ac84e; background: url(../images/home-aboutline2.png) no-repeat center 55px; height: 65px; min-width: 100px;}

.home-blog-title a{ display: inline-block; background: #9AC84E; color: #FFFFFF; height: 42px; line-height: 42px; border-radius:30px; padding: 0 35px;}
.home-blog-title a:hover{ background: #2699C8;}


.home-blog{}
.home-blog-left{ width: 48.5%;}
.home-blog-left-pic{ width: 100%; height: auto;}
.home-blog-left-pic img{ width: 100%; height: auto; border-radius:8px;}
.home-blog-left-time{ width: 100%; height: 60px; line-height: 58px; border-bottom:2px solid #e3e3e3;}
.home-blog-left-time span{ margin-right: 25px;}
.home-blog-left-time img{ margin-right: 8px;}
.home-blog-left-info{ padding-top: 10px;}
.home-blog-left-info a.home-blog-links1{ display: block; color: #111111; font-size: 1.4rem; line-height: 32px; height: 64px; overflow: hidden;  font-family: myFirstFont1; }
.home-blog-left-info a.home-blog-links1:hover{ color: #9AC84E;}
.home-blog-left-info em{ display: block; line-height: 20px; height: 40px; overflow: hidden; margin-top: 5px;}
.home-blog-left-info a.home-blog-links2{ display: inline-block; height: 42px;border-radius: 25px;border: 1px solid #707070; line-height: 40px; padding: 0 45px; margin-top:10px;}
.home-blog-left-info a.home-blog-links2:hover{ background: #9AC84E; color: #FFFFFF; border-color:#9AC84E;}

.home-blog-right{ width: 48.5%;}
.home-blog-right dl{  border-bottom:2px solid #e3e3e3; width: 100%; padding-bottom: 32px; margin-bottom: 32px;}
.home-blog-right dl:last-child{ border-bottom: none;}
.home-blog-right dl dt{ width:40%; height: 100%;}
.home-blog-right dl dt img{ width: 100%; height: 100%; border-radius:8px;}

.home-blog-right dl dd{ width:60%; padding-left: 25px; height: auto;}
.home-blog-right dl dd div{height: 46px; line-height: 44px; border-bottom:2px solid #e3e3e3;}
.home-blog-right dl dd div span{ margin-right: 25px;}
.home-blog-right dl dd div img{ margin-right: 8px;}
.home-blog-right dl dd a{ margin-top: 5px; display: block; color: #111111; font-size: 1.4rem; line-height: 32px; height: 64px; overflow: hidden;  font-family: myFirstFont1; }
.home-blog-right dl dd a:hover{ color: #9AC84E;}

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


.home-partbg{ width: 100%; height: auto; background:#fff; padding-bottom: 50px; }


.home-part-box-main{ background: #f7f8fc; border-radius:8px;}
.home-part-box{}

.home-part-tab{ height: 75px; border-bottom: 2px solid #EEEEEE;  padding: 30px 30px 0 30px;}
.home-part-tab ul{}
.home-part-tab li{font-size: 1rem; height: 43px; line-height: 43px; font-weight: bold; padding: 0 45px;  background:#FFFFFF;  border-radius: 4px 4px 0 0; margin:0 5px; cursor: pointer;}
.home-part-tab li.thistab{ background:#2699c8; color: #FFFFFF;}

.home-part-list{ padding:20px 30px; }
.home-part-list a{ display: block; width: 20%; height: 26px; line-height: 26px; overflow: hidden;  }
.home-part-list a:hover{ text-decoration: underline;}
.home-part-index{ height: auto; padding: 15px 30px;  border-top: 2px solid #EEEEEE; }
.home-part-index a{ padding: 0 5px; }
.home-part-index a:hover{ text-decoration: underline;}



@media (max-width: 768px) {

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

.home-about-left{ width: 100%; padding-right: 0;}

.home-about-left-title{  font-size:1.6rem; line-height: 32px; margin-top: 15px; }
.home-about-left-title span{ background:none; height: 32px; min-width: auto;}

.home-about-left-info{ padding: 15px 0;}


.home-about-left dl{  padding:20px;}
.home-about-left dl dt{  display: none;}
.home-about-left dl dd{ width: 100%; padding-left: 0;}
.home-about-right{ width: 100%; height: auto; margin-top: 15px;}


.home-spot-title{ padding:30px 0;}
.home-spot-title a{ padding: 0 20px;}


.home-okd-title{padding:30px 0;  }
.home-okd-title b{  font-size: 1.6rem; line-height: 32px; margin-top: 15px; }



.home-okd-list dl{ width: 100%;  }


.home-brand-title{padding: 30px 0; }

.home-brand-title b{  font-size: 1.6rem; line-height: 32px;   margin-top: 15px; }
.home-brand-title b span{ background: url(../images/home-aboutline2.png) no-repeat center 35px; height: 45px; }


.home-brand-list a{ width: 32.3%; }


.home-brand-more{  margin-top: 15px;}
.home-brand-more a{display: inline-block; margin: 0 3px;}
.home-brand-more a.brand-more1{  padding: 0 20px; }
.home-brand-more a.brand-more2{  padding: 0 20px; }



.main_visual2 .owl-carousel .item .home-iteminfo{ padding:30px;}
.main_visual2 .owl-carousel .item .home-iteminfo img{ width: 54px; height: 54px; margin: 0 auto;}
.main_visual2 .owl-carousel .item .home-iteminfo b{ line-height: 42px; height: 42px; margin-top: 15px; font-size: 1.4rem; }


.main_visual2 .owl-prev,.main_visual2 .owl-next{width:30px;height: 30px; margin-top: -15px; background-size:cover;}
.main_visual2 .owl-prev{left: 5%;}
.main_visual2 .owl-next{right: 5%; }


.home-blog-title{padding:30px 0;  }
.home-blog-title-left{ width: 100%; text-align: center;}
.home-blog-title-left-top{ justify-content: center;}
.home-blog-title-left b{ font-size: 1.6rem; line-height: 32px;  margin-top: 15px; }
.home-blog-title-left b span{  background: url(../images/home-aboutline2.png) no-repeat center 45px; height: 55px; }

.home-blog-title a{ display: none; }



.home-blog-left{ width:100%; margin-bottom: 15px;}
.home-blog-left-time{ width: 100%; height: 40px; line-height: 38px;}
.home-blog-left-time span{ margin-right: 15px;}
.home-blog-left-time img{ margin-right: 5px;}
.home-blog-left-info a.home-blog-links1{  font-size: 1.2rem; line-height: 26px; height: 52px; }


.home-blog-right{ width:100%;}
.home-blog-right dl{   padding-bottom: 12px; margin-bottom: 12px;}
.home-blog-right dl dt{ width:100%; height: 100%;}
.home-blog-right dl dd{ width:100%; padding-left: 0; height: auto;}
.home-blog-right dl dd div{height: 36px; line-height: 34px; border-bottom:2px solid #e3e3e3;}
.home-blog-right dl dd div span{ margin-right: 15px;}
.home-blog-right dl dd div img{ margin-right: 5px;}
.home-blog-right dl dd a{ margin-top: 5px; display: block; color: #111111; font-size: 1.2rem; line-height: 26px; height: 52px;}

.home-post-list{ padding-bottom: 20px;}
.home-post-list dl{ width: 100%; }


.home-bom{ display: none;}
.home-service{ display: none;}
.home-partbg{ display: none;}


}