﻿.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%;  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-prev,.main_visual .owl-next{ display: none; text-indent: -999px; overflow: hidden;}

.main_visual .owl-dots{ width: 100%; text-align: center; height: 17px; position:absolute; left: 0; bottom:30px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 8px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 17px; height: 17px;  background:  url(../images/ba.png) no-repeat; background-size:cover;}
.main_visual .owl-dot.active span{ background:  url(../images/bas.png) no-repeat; background-size:cover;}
.main_visual .owl-nav{ display: none; height: 0;}


.home-about{ padding-bottom: 80px; width: 100%; background: url(../images/home-about.jpg) no-repeat center; background-size:cover;}
.home-about-title{ padding: 60px 0; text-align: center;}
.home-about-title h2{ font-size: 2.4rem; color: #0C6E87; line-height: 72px; margin-bottom: 15px;}
.home-about-title p{ font-size: 1rem; line-height: 26px;}
.home-about-title em{ display: block; width: 33px; height: 26px; background: url(../images/home-title.png) no-repeat; margin: 0 auto; margin-top: 25px;}

.home-about-menu{}

.home-about-menu-item{ width: 31.3%; height: auto; position: relative;}
.home-about-menu-item-info{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 333; padding: 50px; text-align: center;   flex-direction: column;
  justify-content: space-between; /* 上下对齐 */
  align-items: center; /* 水平居中 */ display: flex;}
.home-about-menu-item-info-top{ color: #FFFFFF;}
.home-about-menu-item-info-top a{ font-weight: bold; display: block; font-size: 1.6rem; color: #FFFFFF; line-height: 40px; margin-bottom: 10px;}
.home-about-menu-item-info-top a:hover{ text-decoration: underline;}
.home-about-menu-item-info-top p{ font-size: 1rem; line-height: 26px; padding: 0 30px;}
.home-about-menu-item-info a.home-links{ display: block; width: 48px; height: 48px; background: url(../images/homeabjt.png) no-repeat; margin: 0 auto;}
.home-about-menu-item-info a.home-links:hover{  background: url(../images/homeabjts.png) no-repeat;}
.home-about-menu-item-info a.home-links1{ display: inline-block; font-size: 1rem; font-weight: bold;  height: 48px; line-height: 48px; border-radius:30px ; background: #00ae9b; color: #FFFFFF; padding: 0 25px; margin: 0 auto;}
.home-about-menu-item-info a.home-links1 img{ width: 18px; height: 18px; margin-right: 5px;}
.home-about-menu-item-pic{ width: 100%; height: auto;}
.home-about-menu-item-pic img{ width: 100%; height: auto; border-radius:16px;}

.home-title{ padding: 80px 0 45px 0; text-align: center;}
.home-title em{ display: inline-block; width: 33px; height: 26px; background: url(../images/home-title.png) no-repeat; margin-bottom: 15px;}
.home-title h2{ font-size: 2.4rem; color: #0C6E87; line-height: 62px; margin-bottom: 15px;}
.home-title p{ font-size: 1rem;}



.home-ad{ margin-bottom: 80px; color: #FFFFFF;}
.home-ad-left{ width: 67%; height: auto; background: url(../images/home-adleft.jpg) no-repeat center; background-size:cover; padding: 65px 50px;}
.home-ad-left-info{ width: calc(100% - 346px); flex-direction: column; justify-content: space-between; /* 上下对齐 */display: flex;}
.home-ad-left-info-top{}
.home-ad-left-info-top em{ display: block; font-size:1rem; line-height: 36px;}
.home-ad-left-info-top h3{ color: #FFFFFF; font-size: 2.2rem; line-height: 56px;}
.home-ad-left-info-top ul{ padding-top: 5px;}
.home-ad-left-info-top ul li{ border-radius: 17px; border:1px solid #FFFFFF; height: 31px; line-height: 29px; color: #FFFFFF; padding: 0 20px; margin-right: 12px;}
.home-ad-left-info-top strong{ display: block; color: #FFFFFF; font-size:1rem; font-weight: normal; line-height: 36px; margin-top: 15px;}
.home-ad-left-info a{ display: block; color: #FFFFFF;}
.home-ad-left-info a img{ margin-left: 10px;}
.home-ad-left-info a:hover{ text-decoration: underline;}

.home-ad-left-img{ width: 346px; height: auto;}
.home-ad-left-img img{ width: 100%; height: auto;}

.home-ad-right{ width: 33%; height: auto; background: url(../images/home-adright.jpg) no-repeat center; text-align: center; background-size:cover; text-align: center; color: #FFFFFF;}
.home-ad-right em{ display: block; font-size:1rem; line-height: 36px;}
.home-ad-right h3{ color: #FFFFFF; font-size: 2.2rem; line-height: 56px;}
.home-ad-right img{ width: 256px; height: 256px;}
.home-ad-right a{ display: block; color: #FFFFFF;}
.home-ad-right a img{ margin-left: 10px; width: 18px; height: 18px;}
.home-ad-right a:hover{ text-decoration: underline;}

.home-brand{ width: 100%; height: auto; background: url(../images/home-brandbg.png) no-repeat center; background-size:cover; padding-bottom: 130px;}
.home-brand-list{ padding: 0 25px;}

.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: #FFFFFF; border-radius:30px 0 30px 0 ; padding: 25px 30px;  background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item img{ width: 200px; height: auto; }
.main_visual1 .owl-carousel .brand-item{ height: 40px; line-height: 40px; overflow:hidden;}
.main_visual1 .owl-carousel .brand-item em{ display: block; height: 40px; background: #e5eff6; color: #0C6E87; padding: 0 20px; overflow:hidden;}
.main_visual1 .owl-carousel .brand-item span{ display: block; background: url(../images/hbr.png) no-repeat left center; padding-left: 18px;}
.main_visual1 .owl-carousel .item  p{ line-height: 20px; height: 40px; overflow: hidden; margin-top: 15px;}


.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: 17px; position:absolute; left: 0; bottom:-50px;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 8px;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 17px; height: 17px;  background:  url(../images/bab.png) no-repeat; background-size:cover;}
.main_visual1 .owl-dot.active span{ background:  url(../images/babs.png) no-repeat; background-size:cover;}
.main_visual1 .owl-nav{ display: none; height: 0;}


.home-products{ width: 100%; height: auto; background: url(../images/home-probg.png) no-repeat center; background-size:cover; padding-bottom: 65px;}
.home-products-item{ width: 19%; margin-bottom: 2%; background: #FFFFFF; background: #FFFFFF;box-shadow: 0px 8px 16px 1px rgba(0,48,119,0.08);border-radius: 6px; padding: 20px;}
.home-products-item-pic{ width: 100%; height: auto; text-align: center;}
.home-products-item-pic img{ width: 150px; height: 150px;}
.home-products-item-info{}
.home-products-item-info a{ display: block; height: 28px; line-height: 28px; overflow: hidden; color: #111111; font-weight: bold;}
.home-products-item-info em{ display: block; height: 20px; line-height: 20px; color: #666666; overflow: hidden; }
.home-products-item-cart{ cursor: pointer; background: #E5EFF6; border-radius: 18px; margin-top: 10px; height: 34px; line-height: 34px; padding: 0 25px;}
.home-products-item-cart span{ display: block;}
.home-products-item-cart i{ display: block;}
.home-products-item-cart i img{ }
.home-products-item-cart:hover{ background: #0C6E87; color: #FFFFFF;}
.home-products-item-cart:hover img{filter: brightness(0) invert(1);}

.home-solutions{}
.home-solutions dl{ width: 25%; position: relative;}
.home-solutions dl dd img{ width: 100%; height: auto;}
.home-solutions dl dt{ width: 100%; height: auto; position: absolute; left: 0; bottom: 0; padding: 35px;}
.home-solutions dl dt a{ display: block; height: 26px; line-height: 26px; margin-top: 12px; font-size: 1.3rem; color: #FFFFFF; font-weight: bold; background: url(../images/homesoujt.png) no-repeat right center;}
.home-solutions dl dt a:hover{background: url(../images/homesoujts.png) no-repeat right center;}


.home-blog-list-top{ width: 100%;}
.home-blog-list-top-left{ width: 66%; height: auto; position: relative;}
.home-blog-list-top-left img{ width: 100%; height: 100%; border-radius: 8px;}
.home-blog-list-top-left-info{ color: #FFFFFF; position: absolute; left: 0; bottom: 0; padding: 25px 30px; z-index: 666;}
.home-blog-list-top-left-info em{ display: block; line-height: 26px;}
.home-blog-list-top-left-info a{ display: block; font-weight: bold; font-size: 1.5rem; font-weight: bold; color: #FFFFFF; line-height: 42px; height: 42px; overflow: hidden;}
.home-blog-list-top-left-info a:hover{ text-decoration: underline;}

.home-blog-list-top-right{ width: 32%; height: auto; position: relative;}
.home-blog-list-top-right img{width: 100%; height: 100%; border-radius: 8px; object-fit: cover;}
.home-blog-list-top-right-info{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; color: #FFFFFF; padding: 45px;}
.home-blog-list-top-right-info em{ display: block; line-height: 26px;}

.home-blog-list-top-right-info a.blog-links1{ margin-top: 10px; display: block; font-weight: bold; font-size: 1.5rem; font-weight: bold; color: #FFFFFF; line-height: 42px; height: 84px; overflow: hidden;}
.home-blog-list-top-right-info a.blog-links1:hover{ text-decoration: underline;}
.home-blog-list-top-right-info a.blog-links2:hover{ text-decoration: underline;}
.home-blog-list-top-right-info p{ font-size: 0.9rem; line-height: 24px; height: 48px; overflow: hidden; margin-top: 25px;}
.home-blog-list-top-right-info a.blog-links2{ display: block; color: #FFFFFF; font-size: 0.9rem; margin-top: 35px;}
.home-blog-list-top-right-info img{ display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-left: 10px;}


.home-blog-list-bot{ width: 100%; margin-top: 20px;}
.home-blog-list-bot dl{ width: 32.2%; background: #f3f8ff; border-radius: 8px; padding: 30px;}
.home-blog-list-bot dl dt em{display: block; line-height: 26px;}
.home-blog-list-bot dl dt a{ margin-top: 10px; display: block; font-weight: bold; font-size: 1.5rem; font-weight: bold; color: #111; line-height: 32px; height: 64px; overflow: hidden;}
.home-blog-list-bot dl dd{ padding-top: 20px;}
.home-blog-list-bot dl dd a{display: block; color: #111; font-size: 0.9rem; margin-top: 20px;}
.home-blog-list-bot dl dd a img{ display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-left: 10px;}
.home-blog-list-bot dl dt a:hover{ color: #0C6E87;}
.home-blog-list-bot dl dd a:hover{ color: #0C6E87;}

.home-blog-more{ width: 200px; height: 52px; margin-top: 50px; }
.home-blog-more:hover img{ filter: grayscale(100%);}

.home-post{ margin-top: 65px; background: #f3f8ff; padding-bottom: 130px;}


.main_visual2{ width: 100%; height: 100%; position: relative; }
.main_visual2 .owl-carousel,.main_visual2 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual2 .owl-carousel .item{width: 100%;height: 100%; background: #FFFFFF; border-top:9px solid #0C6E87; padding: 40px 25px;   background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual2 .owl-carousel .item img{ width: 150px; height: auto; margin:0 auto; }
.main_visual2 .owl-carousel .homepost-item{ margin-top: 15px;}
.main_visual2 .owl-carousel .homepost-item a{ display: block; color: #111111; line-height: 24px; height: 48px; overflow: hidden; font-weight: bold;}
.main_visual2 .owl-carousel .homepost-item p{ display: block;  line-height: 20px; height: 40px; overflow: hidden; margin-top: 5px;}
.main_visual2 .owl-carousel a.homepostlinks{ display: block; color: #111; font-size: 0.9rem; margin-top: 20px;}
.main_visual2 .owl-carousel a.homepostlinks img{ display: inline-block; width:18px; height: 18px; vertical-align: middle; margin-left: 10px;}
.main_visual2 .owl-carousel a:hover{ color: #0C6E87;}



.main_visual2 .owl-prev,.main_visual2 .owl-next{ display: none; text-indent: -999px; overflow: hidden;}

.main_visual2 .owl-dots{ width: 100%; text-align: center; height: 17px; position:absolute; left: 0; bottom:-50px;  z-index: 999;}
.main_visual2 .owl-dots .owl-dot{display: inline-block;  margin:0 8px;}
.main_visual2 .owl-dots .owl-dot span{  display: inline-block; width: 17px; height: 17px;  background:  url(../images/bab.png) no-repeat; background-size:cover;}
.main_visual2 .owl-dot.active span{ background:  url(../images/babs.png) no-repeat; background-size:cover;}
.main_visual2 .owl-nav{ display: none; height: 0;}




@media (max-width: 768px) {

.main_visual .owl-dots{ height: 12px;  bottom:10px; }
.main_visual .owl-dots .owl-dot{ margin:0 3px;}
.main_visual .owl-dots .owl-dot span{ width: 12px; height: 12px;  }


.home-about{ padding-bottom: 30px; }
.home-about-title{ padding:20px 0; text-align: center;}
.home-about-title h2{ font-size: 1.3rem; line-height: 42px;}
.home-about-title p{ font-size: 0.9rem; line-height: 24px;}
.home-about-title em{ margin-top: 15px;}

.home-about-menu{ display: none;}


.home-title{ padding: 30px; text-align: center;}
.home-title h2{ font-size: 1.3rem; line-height: 42px; }
.home-title p{ font-size: 0.9rem;}


.home-titlead{ display: none;}
.home-ad{ display: none;}

.home-products{ padding-bottom: 50px;}
.home-products-item{ width: 49%;}
.home-solutions{ display: none;}

.home-blog{ padding-bottom: 30px;  }


.home-blog-title{ padding:30px 0; display: block !important;}
.home-blog-title-left{ text-align: center;}
.home-blog-title-left b{  line-height: 30px; font-size: 1.4rem; background:none; padding-left: 0;}
.home-blog-title-left em{padding-left: 0;}

.home-blog-title ul{ text-align: center; align-items: center; justify-content: center;}
.home-blog-title li{  margin: 0 10px; }

.home-blog-title a{ display: none;}




.home-blog-list-top-left{ width: 100%; }
.home-blog-list-top-left-info{  padding: 20px; }
.home-blog-list-top-left-info em{ line-height: 24px;}
.home-blog-list-top-left-info a{ font-size: 1.2rem;  line-height: 32px; height: 32px; }


.home-blog-list-top-right{ width:100%; margin-top: 10px;}
.home-blog-list-top-right-info{  padding: 20px;}
.home-blog-list-top-right-info em{ display: block; line-height: 24px;}

.home-blog-list-top-right-info a.blog-links1{ font-size: 1.2rem;line-height: 32px; height: 32px; }
.home-blog-list-top-right-info p{  margin-top: 10px; height: 24px; overflow: hidden;}
.home-blog-list-top-right-info a.blog-links2{  margin-top: 10px;}

.home-blog-list-bot{margin-top: 10px;}
.home-blog-list-bot dl{ width: 100%;  padding: 20px; margin-bottom: 10px;}
.home-blog-list-bot dl dt em{ line-height: 24px;}
.home-blog-list-bot dl dt a{ font-size: 1.2rem; line-height: 32px; height: 32px; overflow: hidden;}
.home-blog-list-bot dl dd{ padding-top: 10px;}


.home-blog-more{ margin-top:20px; }

.home-post{ margin-top: 25px; padding-bottom:80px;}






}