﻿/**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: 60px 0 40px 0;}
.home-title .container{ height: 63px; line-height: 63px; border-bottom:3px solid #006FA4;}
.home-title .container h1{font-family: myFirstFont1; font-size: 2rem; color: #006FA4; display: block;}
.home-title .container h2{font-family: myFirstFont1; font-size: 2rem; color: #006FA4; display: block;}
.home-title .container a{ display: inline-block; background: #006FA4; color: #FFFFFF; font-size: 1.1rem; padding: 0 30px;}
.home-title .container a i{ margin-left: 12px;}
.home-title .container a:hover{ background: #003a5f;}


.home-best{gap: 10px; grid-template-columns: repeat(6, 1fr); /* 3 列 */  display: grid;}
.home-best-item:hover{transform: translateY(-5px); transition: transform 0.5s ease;}
.home-best-item{ width: 100%; background: #FFFFFF; padding: 30px 15px; border-radius:8px; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1); }
.home-best-item-pic{ width: 100%; height: auto; text-align: center;}
.home-best-item-pic img{ width: 100%; height: auto; max-width: 120px;}
.home-best-item-info{ text-align:center;}
.home-best-item-info a{ display: block; font-family: myFirstFont1; font-size: 1rem; height: 28px; line-height: 28px; overflow: hidden;}
.home-best-item-info p{ line-height: 26px; height: 26px; overflow: hidden; }


.home-service{ gap: 20px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}
.home-service dl{ text-align: center; background: #FFFFFF; box-shadow: 0px 6px 30px 1px rgba(0,40,120,0.12);border-radius: 15px; width: 100%; padding: 60px 50px;}
.home-service dl b{ color: #111111; text-transform: uppercase; font-size: 1.2rem; line-height: 42px; margin-top: 25px; display: block;}
.home-service dl p{ line-height: 24px;}

.home-solutions-list{gap: 20px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}
.home-solutions-Item{ width:100%; height:100%; position:relative;}
.home-solutions-Item img{ width:100%; height:auto; border-radius:8px;}
.home-solutions-Item .home-solutions-Item-info{ z-index:333; position:absolute; left:0; top:0; color:#fff; text-align:center; width:100%; height:100%;}
.home-solutions-Item .home-solutions-Item-info img{ width:48px; height:48px; border-radius:0;}
.home-solutions-Item .home-solutions-Item-info a{ display:block; color:#fff; font-size:1.2rem; line-height:32px; margin-top:10px;}


.home-blog{gap: 25px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}

.home-blog-item{ width: 100%; height: auto; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1); border-radius:8px;}
.home-blog-item-pic{ width: 100%; height: auto; border-radius: 8px 8px 0px 0px;}
.home-blog-item-pic img{ width: 100%; height: auto; border-radius: 8px 8px 0px 0px;}
.home-blog-item-info{ width: 100%; height: auto; padding: 25px;}
.home-blog-item-info em{ display: block; line-height: 32px;}
.home-blog-item-info a{ display: block; height: 32px; line-height: 32px; overflow: hidden; margin-bottom: 5px; font-family: myFirstFont1; font-size: 1.2rem; color: #111111;}
.home-blog-item-info a:hover{ color: #0056A6;}
.home-blog-item-info p{ line-height: 20px; height: 40px; overflow: hidden;}


.home-post-list{gap: 15px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}
.home-post-list dl{ width: 100%; height: auto; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1); border-radius: 6px; padding: 20px;}
.home-post-list dl dt{ width: 110px; height: 110px; overflow: hidden;}
.home-post-list dl dt img{ width: 110px; height: 110px; }
.home-post-list dl dd{ width: calc(100% - 110px); padding-left: 20px;}
.home-post-list dl dd a.postlinks1{display: block;  font-family: myFirstFont1; font-size: 1rem; color: #111111; line-height: 30px; height:30px; overflow: hidden;}
.home-post-list dl dd a.postlinks1:hover{ color: #006FA4;}
.home-post-list dl dd p{ line-height: 20px; height: 40px; overflow: hidden;}
.home-post-list dl dd a.postlinks2{ margin-top: 10px; display: block;}


.home-brandbg{ width: 100%; height: auto; background: url(../images/home-brandbg.png) no-repeat center; background-size:cover; padding-bottom: 50px; margin-top:50px;}
.home-title ul li{ font-weight: bold; cursor: pointer; margin-right: 40px; font-family: myFirstFont1; font-size:1.4rem; color: #666; display: block;}
.home-title ul li.thistab{color: #1B2430; }

.home-brand{ }
.home-brand .container{gap: 15px; grid-template-columns: repeat(6, 1fr); /* 3 列 */  display: grid;}
.home-brand a{ display: block; width: 100%;  background: #FFFFFF; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.08); border-radius: 6px; padding: 5px;}
.home-brand a img{ width: 100%; height: auto;} 

@media (max-width: 768px) {

.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 .container{ height: 43px; line-height: 43px; border-bottom:1px solid #006FA4;}
.home-title .container h1{ font-size: 1.2rem; }
.home-title .container h2{ font-size: 1.2rem; }
.home-title .container a{ font-size: 0.9rem; padding: 0 6px;}
.home-title .container a i{ margin-left: 5px;}

.home-best{gap: 5px; grid-template-columns: repeat(2, 1fr); /* 3 列 */ }

.home-service{ gap: 20px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}
.home-service dl{ padding: 30px;}


.home-solutions-list{gap: 10px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.home-solutions-Item .home-solutions-Item-info a{font-size:1rem; }


.home-blog{gap: 15px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}


.home-blog-item-info{  padding: 15px;}
.home-blog-item-info a{ font-size: 1.1rem; color: #111111;}

.home-post-list{gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  }


.home-brandbg{ padding-bottom: 20px; margin-top:20px;}
.home-title ul li{ margin-right: 5px; font-size:0.9rem;}


.home-brand{ }
.home-brand .container{gap: 5px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}



}