.banner{}
.main_visual{ width: 100%; height: 100%; position: relative;}
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; position: relative;  background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ width: 100%; height: auto;}

.main_visual .owl-carousel .item .banner-item-info{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 70px; z-index: 666;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text{}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text h2{ color: #FFFFFF; font-size: 2rem; line-height: 46px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text p{ color: #FFFFFF; margin-top: 10px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text a{ display:inline-block;  color: #fff; height: 45px; line-height: 45px; border-bottom:4px solid #056eb7; font-size: 1.3rem;  margin-top: 45px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text a:hover{ color: #056eb7;}
.main_visual .owl-prev,.main_visual .owl-next{ display: none; text-indent: -999px; overflow: hidden;}

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




.home-fast-links{gap: 25px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid; margin-top: 35px;}
.home-fast-links dl{ width: 100%; cursor: pointer; border-radius:12px; padding: 30px; color: #FFFFFF;  transition: transform .22s ease;}
.home-fast-links dl dt{ width: 100%; text-align: right;}
.home-fast-links dl dd{ margin-top: 40px;}
.home-fast-links dl dd b{ display: block; color: #FFFFFF; font-size: 1.5rem; line-height: 36px;}
.home-fast-links dl dd p{ font-size: 1rem; line-height: 32px;}
.home-fast-links dl dd a{ display:inline-block; color: #FFFFFF; border:1px solid #FFFFFF; border-radius: 23px; height: 40px; line-height: 38px; padding: 0 40px; margin-top: 20px;}
.home-fast-links dl dd a i{ margin-left: 20px;}


.home-fast-links dl:hover{ transform: translateY(-4px);  box-shadow: 0 18px 40px rgba(0,0,0,.12);}
.home-fast-links dl:hover a{ background: #FFFFFF; color: #182987;}


.home-fast-links dl:nth-child(1){ background: url(../images/homefastbg1.jpg) no-repeat center; background-size:cover;}
.home-fast-links dl:nth-child(2){ background: url(../images/homefastbg1.jpg) no-repeat center; background-size:cover;}
.home-fast-links dl:nth-child(3){ background: url(../images/homefastbg1.jpg) no-repeat center; background-size:cover;}


.home-title{ padding: 60px 0 30px 0;}
.home-title h2{ font-size: 2rem;}
.home-title a{ display: inline-block; background: linear-gradient( 95deg, #182987 0%, #056EB7 100%); height: 50px; line-height: 50px; color: #FFFFFF; border-radius: 25px; font-size: 1rem; padding: 0 30px;}
.home-title a i{ margin-left: 15px;}
.home-title a:hover{background: linear-gradient( 95deg, #056EB7 0%, #182987 100%); }


.home-supply{}
.home-supply-left{ width: 320px; position: relative;}
.home-supply-left img{ width: 100%; height: auto; border-radius: 8px;}
.home-supply-left-info{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 333; color: #FFFFFF; padding: 35px 25px;}
.home-supply-left-info p{ font-size: 0.8rem; line-height: 28px;}
.home-supply-left-info h3{ color: #FFFFFF; margin-top: 10px; font-size: 1.3rem;}
.home-supply-left-info a{ transition: padding .18s ease; display: inline-block; height: 42px; line-height: 42px; margin-top: 15px; padding: 0 25px; border-radius: 24px;border: 1px solid #FFFFFF; color: #FFFFFF;}
.home-supply-left-info a:hover{ background: #E50012; border-color:#E50012;  padding: 0 35px;}


.home-supply-right{ width: calc(100% - 345px); position: relative; gap: 16px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.home-supply-right-item{transition: transform .22s ease; width: 100%; border-radius: 8px; border: 1px solid #CCCCCC; padding: 15px;}
.home-supply-right-item a.homeprolinks1{ display: block;  font-family: myFirstFont1; font-size: 1rem; height: 26px; line-height: 26px; overflow: hidden;}
.home-supply-right-item p{ color: #666666; line-height: 22px;}
.home-supply-right-item a.homeprolinks2{ width: 100%; display: block; text-align: center; margin: 10px 0;}
.home-supply-right-item-info{ width: 100%; height: 30px; line-height: 30px; font-size: 0.8rem;}
.home-supply-right-item-info a.homeprolinks3{ background: #f9f9f9; border-radius: 6px; height: 30px; padding: 0 12px; display: inline-block;}
.home-supply-right-item-info a.homeprolinks3 img{ margin-right: 3px;}
.home-supply-right-item-info span{ color: #182987;}

.home-supply-right-item:hover{transform: translateY(-5px);box-shadow: 0 12px 30px rgba(0,0,0,.08); border-color:#182987;}
.home-supply-right-item:hover a.homeprolinks1{ color: #182987;}
.home-supply-right-item:hover a.homeprolinks3{ background: #182987; color: #fff;}
.home-supply-right-item:hover a.homeprolinks3 img{filter: brightness(0) invert(1);}



.home-brand-title{ padding: 60px 0 30px 0;}
.home-brand-left{ line-height: 32px;}
.home-brand-left em{ display: block; line-height: 32px;}
.home-brand-left h2{ font-size: 2.2rem; line-height: 52px;}

.home-brand-right{ width: 560px; line-height: 26px;}

.home-brand-num{background: linear-gradient( 126deg, #182987 0%, #056EB7 100%); border-radius:8px 8px 0 0; padding: 25px 60px; margin-top: 30px; color: #FFFFFF;}
.home-brand-num dt{ font-size: 1.5rem; line-height: 30px; font-family: myFirstFont1; }
.home-brand-list{ background: #FFFFFF; gap: 0; grid-template-columns: repeat(7, 1fr); /* 3 列 */  display: grid; box-shadow: 0px 6px 16px 1px rgba(0,48,119,0.08);}
.home-brand-list a{ display: block; width: 100%; height: auto; border:1px solid #EEEEEE; padding: 10px;}
.home-brand-list a img{ width: 100%; height: auto;  transition: filter .28s ease;}
.home-brand-list a:hover img{filter: grayscale(100%) brightness(1.08);}


.home-send{ width: 100%; margin-top: 60px; color: #FFFFFF; background: url(../images/homesupbg.jpg) no-repeat center; background-size:cover; padding: 50px 0;}
.home-send-box{ width: 80%; border:2px dotted #FFFFFF; padding: 35px 50px; text-align: center; margin: 0 auto; border-radius: 6px;}
.home-send-box h2{ color: #FFFFFF; font-size: 2rem; line-height: 46px;}
.home-send-box p{ font-size: 1.2rem; line-height: 32px;}
.home-send-box a{ display: inline-block; height: 50px; background: #056EB7;border-radius: 25px; line-height: 50px; color: #FFFFFF; margin-top: 30px; padding: 0 40px; font-size: 1rem;}
.home-send-box a:hover{transform: translateY(-5px);box-shadow: 0 12px 30px rgba(0,0,0,.08);  background: #182987;}



.home-blogbg{ width: 100%; height: auto; background: url(../images/blogbg.jpg) no-repeat center; padding-bottom: 120px;}
.home-blog-list{}
.main_visual1{ width: 100%; height: 100%; position: relative;}
.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%; cursor: pointer; background: #FFFFFF;  border-radius:6px;}
.main_visual1 .owl-carousel .item img{ width: 100%; height: auto; border-radius:6px 6px 0 0;}
.main_visual1 .owl-carousel .item a.homebloglinks1{ display: block; width: 100%; height: auto; overflow: hidden;  border-radius:6px 6px 0 0;}
.main_visual1 .owl-carousel .item:hover img{  transform: scale(1.06);}
.main_visual1 .owl-carousel .item .homebloginfo{ padding: 35px 25px;}
.main_visual1 .owl-carousel .item .homebloginfo em{ display: block; line-height: 32px;}
.main_visual1 .owl-carousel .item .homebloginfo a{ display: block;font-family: myFirstFont1; color: #111111; font-size: 1.2rem; height: 30px; line-height: 30px; overflow: hidden; margin-top: 10px;}
.main_visual1 .owl-carousel .item .homebloginfo p{ line-height: 20px; height: 40px; overflow: hidden; margin-top: 5px;}
.main_visual1 .owl-carousel .item:hover a{ color: #182987;}
.main_visual1 .owl-prev,.main_visual2 .owl-next{ display: none; text-indent: -999px; overflow: hidden;}

.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 24px; position:absolute; left: 0; bottom:-60px;  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: 24px; height: 24px; background:url(../images/blogar.png) no-repeat;}  
.main_visual1 .owl-dot.active span{ background:url(../images/blogars.png) no-repeat;}
.main_visual1 .owl-nav{ display: none; height: 0;}


.home-about{ width: 100%; margin-top: 60px;}
.home-about-item{ width: 19%; height: auto; position: relative; color: #FFFFFF; }
.home-about-item.active{ width: 62%;}
.home-about-item img{ width: 100%; height: 100%; object-fit: cover;}
.home-about-item-info{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 333;}
.home-about-item-info-head{ width: 100%; height: 80%; padding: 0 280px; opacity: 0;}
.home-about-item-info-head-info{ width: 100%;}
.home-about-item-info-head-info h2{ color: #FFFFFF; margin-bottom: 20px; font-size: 2.5rem; line-height: 50px;}
.home-about-item-info-head-info p{ font-size: 1rem; line-height: 26px;}
.home-about-item-info-head-info a{ display:inline-block;  color: #fff; height: 45px; line-height: 45px; border-bottom:4px solid #056eb7; font-size: 1.3rem;  margin-top: 45px;}
.home-about-item-info-head-info a:hover{ color: #056eb7;}
.home-about-item-info-bot{ width: 100%; height: 20%; align-items: center; display: flex; background: rgba(0,0,0,0.75); padding: 0 40px;}
.home-about-item-info-bot a{ display: block; color: #FFFFFF; font-family: myFirstFont1; font-size: 1.5rem;}
.home-about-item-info-bot a i{ margin-left: 20px;}
.home-about-item.active .home-about-item-info-head{  opacity: 1.0;}
.home-about-item.active .home-about-item-info-bot{  padding: 0 280px;}

@media (max-width: 768px) {





.main_visual .owl-carousel .item .banner-item-info{ padding: 30px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text h2{  font-size: 1.2rem; line-height: 32px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text p{ margin-top: 5px;}
.main_visual .owl-carousel .item .banner-item-info .banner-item-info-text a{  padding: 0 10px; margin-top: 15px;}


.main_visual .owl-dots{ width: 100%; text-align: center; height: 3px; position:absolute; left: 0; bottom:20px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 3px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 20px; height: 3px; background:#CCCCCC; border-radius: 4px;}




.home-fast-links{
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 20px;
  }
  .home-fast-links dl{
    padding: 20px 18px;
    border-radius: 10px;
  }
  .home-fast-links dl dt{
    text-align: left;
  }
  .home-fast-links dl dt img{
    max-width: 56px;
    height: auto;
  }
  .home-fast-links dl dd{
    margin-top: 18px;
  }
  .home-fast-links dl dd b{
    font-size: 1.1rem;
    line-height: 28px;
  }
  .home-fast-links dl dd p{
    font-size: 0.92rem;
    line-height: 24px;
  }
  .home-fast-links dl dd a{
    height: 36px;
    line-height: 34px;
    padding: 0 18px;
    margin-top: 14px;
    font-size: 0.9rem;
  }
  .home-fast-links dl dd a i{
    margin-left: 10px;
  }

  .home-title{
    padding: 36px 0 18px 0;
  }
  .home-title h2{
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .home-title a{
    margin-top: 12px;
    height: 42px;
    line-height: 42px;
    font-size: 0.92rem;
    padding: 0 20px;
  }
  .home-title a i{
    margin-left: 10px;
  }

  .home-supply{
    display: block !important;
  }
  .home-supply-left img{ width: 100%; height: auto; max-height:300px; object-fit:cover;}
  .home-supply-left{
    width: 100%;
    margin-bottom: 16px;
  }
  .home-supply-left-info{
    padding: 24px 18px;
  }
  .home-supply-left-info p{
    font-size: 0.85rem;
    line-height: 24px;
  }
  .home-supply-left-info h3{
    margin-top: 8px;
    font-size: 1.1rem;
  }
  .home-supply-left-info a{
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    margin-top: 12px;
    font-size: 0.9rem;
  }
  .home-supply-right{
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .home-supply-right-item{
    padding: 14px 14px;
  }
  .home-supply-right-item a.homeprolinks1{
    font-size: 0.95rem;
    line-height: 24px;
    height: 24px;
  }
  .home-supply-right-item p{
    font-size: 0.85rem;
    line-height: 20px;
  }
  .home-supply-right-item-info{
    height: auto;
    line-height: 24px;
    font-size: 0.78rem;
  }
  .home-supply-right-item-info a.homeprolinks3{
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
  }

  .home-brand-title{
    padding: 36px 0 18px 0;
    display: block !important;
  }
  .home-brand-left,
  .home-brand-right{
    width: 100%;
  }
  .home-brand-left{
    line-height: 28px;
  }
  .home-brand-left em{
    line-height: 28px;
  }
  .home-brand-left h2{
    font-size: 1.5rem;
    line-height: 36px;
  }
  .home-brand-right{
    margin-top: 10px;
    line-height: 24px;
  }
  .home-brand-num{
    margin-top: 20px;
    padding: 18px 16px;
  }
   .home-brand-num dl{ width:100%; border-bottom:1px solid rgba(255,255,255,0.5); padding:10px 0;}
  .home-brand-num dt{
    font-size: 1.2rem;
    line-height: 26px;
  }
  .home-brand-list{
    grid-template-columns: repeat(3, 1fr);
  }
  .home-brand-list a{
    padding: 8px;
  }

  .home-send{
    margin-top: 36px;
    padding: 30px 0;
  }
  .home-send-box{
    width: 100%;
    padding: 22px 16px;
    border-width: 1px;
  }
  .home-send-box h2{
    font-size: 1.35rem;
    line-height: 32px;
  }
  .home-send-box p{
    font-size: 0.95rem;
    line-height: 24px;
    margin-top: 8px;
  }
  .home-send-box a{
    height: 42px;
    line-height: 42px;
    margin-top: 18px;
    padding: 0 22px;
    font-size: 0.92rem;
  }

  .home-blogbg{
    padding-bottom: 70px;
    background-size: cover;
  }
  .main_visual1 .owl-carousel .item .homebloginfo{
    padding: 22px 16px;
  }
  .main_visual1 .owl-carousel .item .homebloginfo em{
    line-height: 24px;
    font-size: 0.85rem;
  }
  .main_visual1 .owl-carousel .item .homebloginfo a{
    font-size: 1rem;
    line-height: 26px;
    height: 26px;
    margin-top: 6px;
  }
  .main_visual1 .owl-carousel .item .homebloginfo p{
    line-height: 22px;
    height: 44px;
  }
  .main_visual1 .owl-dots{
    bottom: -45px;
  }
  .main_visual1 .owl-dots .owl-dot span{
    width: 16px;
    height: 16px;
    background-size: contain !important;
  }


.home-about{
    margin-top: 30px;
  }

  .home-about-item,
  .home-about-item.active{
    width: 100%;
    margin-bottom: 16px;
    border-radius: 12px;
  }

  .home-about-item img{
    min-height: 300px;
  }

  .home-about-item-info-head{
    height: calc(100% - 64px);
    padding: 24px 20px 14px;
  }

  .home-about-item-info-head-info h2{
    font-size: 1.35rem;
    line-height: 30px; height: 30px;   overflow: hidden;
    margin-bottom: 12px;
  }

  .home-about-item-info-head-info p{
    font-size: 0.9rem;
    line-height: 22px; height: 110px; overflow: hidden;
  }

  .home-about-item-info-head-info a{
    margin-top: 10px;
    font-size: 0.95rem;
    height: 36px;
    line-height: 36px;
    border-bottom-width: 3px;
  }

  .home-about-item-info-bot,
  .home-about-item.active .home-about-item-info-bot{
    height: 64px;
    padding: 0 18px;
  }

  .home-about-item-info-bot a{
    font-size: 1rem;
  }

  .home-about-item-info-bot a i{
    margin-left: 10px;
    font-size: 0.95rem;
  }

}