﻿.home-service{ background: #FFFFFF; box-shadow: 0px 8px 16px 1px rgba(39,51,66,0.06); border-radius: 8px; padding: 20px 30px; margin-top: 30px;}
.home-service dl{ background: url(../images/home-serline.jpg) no-repeat right center; width: 25%; padding-left: 50px;}
.home-service dl:first-child{ padding-left: 0;}
.home-service dl:last-child{ background: none;}
.home-service dl:last-child{ padding-right: 0;}
.home-service dl dt{ width: 56px; height: 56px;}
.home-service dl dd{ width: calc(100% - 56px); font-size: 1rem; line-height: 20px; padding: 0 40px 0 15px;}




.home-title{ padding: 35px 0 20px 0;}
.home-title b{  display: block; font-size: 1.4rem;   line-height: 34px;}
.home-title b img{ margin-right: 12px; }
.home-title a{ background: #384da9; color: #FFFFFF; border-color: #384da9; display: inline-block; border-radius: 4px;  width: 89px; height: 34px; text-align: center; line-height: 34px;}
.home-title a:hover{ background: #DDDDDD; color: #384da9; border-color: #DDDDDD;}





.home-best{}
.home-best-items{ background: #FFFFFF; box-shadow: 0px 8px 16px 1px rgba(15,96,204,0.08);  border-radius: 6px; width: 15.9%; margin-bottom: 1%; padding: 20px 15px;}
.home-best-items-img{ width: 100%; text-align: center;}
.home-best-items-info{}
.home-best-items-info a{ display: block; color: #111111; font-size: 1rem; line-height: 28px; height: 28px; overflow: hidden;}
.home-best-items-info a:hover{ color: #00B7FF;}
.home-best-items-info em{ display: block; line-height: 22px; height: 22px; overflow: hidden;}
.home-best-items-links{ height: 30px; line-height: 30px;  margin-top: 10px;}
.home-best-items-links a{  border-radius:18px; background: #f1f1f1;  padding: 0 15px; height: 32px; line-height: 32px;}
.home-best-items-links a img{ margin-top: 8px;}
.home-best-items-links a:hover{ background: #384DA9; color: #FFFFFF;}
.home-best-items-links a:hover img{filter: brightness(0) invert(1);}


.home-brand{ background: #FFFFFF; box-shadow: 0px 8px 16px 1px rgba(15,96,204,0.08);  border-radius: 6px; padding: 15px;}
.home-brand-list{}
.home-brand-list a{ display: block; width: 13.33%; margin-bottom: 1.2%; box-shadow: 0px 4px 8px 1px rgba(27,58,125,0.1); border-radius: 6px; border: 1px solid rgba(27,58,125,0.08); padding: 10px;}
.home-brand-list a img{ width: 100%; height: auto;}

.home-brand-more{ text-align: center; margin-top: 10px;}
.home-brand-more a{ display: inline-block; margin: 0 5px; padding: 0 30px; height: 42px; line-height: 42px; border-radius:8px; color: #FFFFFF;}
.home-brand-more a.homebranda1{ background: #00a2e9;}
.home-brand-more a.homebranda2{ background: #384DA9;}
.home-brand-more a:hover{ text-decoration: underline;}

.home-advan{ margin-top: 30px;}
.home-advan-left{ width: 32.5%; padding: 25px 50px; height: auto; background:url(../images/home-advan-left.jpg) no-repeat center; background-size:cover; text-align: center; color: #FFFFFF; }
.home-advan-left b{ display: block; font-family: myFirstFont1; color: #FFFFFF; font-size: 1.8rem; line-height: 34px; margin-top: 8px;}
.home-advan-left p{ line-height: 20px; margin-top: 25px;}
.home-advan-left a{ display: inline-block; color: #FFFFFF; height: 24px; line-height: 22px; border-bottom:2px solid #FDDC02; margin-top: 40px;}
.home-advan-left a:hover{ color: #FDDC02;}


.home-advan-right{ width: 66%;  background:url(../images/home-advan-right.jpg) no-repeat center; background-size:cover; padding: 0 50px; color: #FFFFFF; }

.home-advan-right .flex-center-contain{ width: 100%;}

.home-advan-right-info{}
.home-advan-right-info b{ font-size: 2rem; line-height: 42px; color: #FFFFFF;  font-family: myFirstFont1; margin-bottom: 15px; display: block;}
.home-advan-right-info p{ font-size: 1rem; line-height: 28px;}
.home-advan-right-info em{ display: inline-block; height: 37px; line-height: 35px; border:1px solid rgba(255,255,255,0.5); border-radius: 19px; padding: 0 20px; margin-top: 25px;}


.home-advan-right-bom{ text-align: center;}
.home-advan-right-bom a{ margin-top: 25px; display: block; height: 38px; line-height: 38px; border-radius: 8px; background: #00a2e9; color: #FFFFFF; font-size: 1.1rem;}
.home-advan-right-bom a:hover{ background: #384DA9;}
.home-advan-right-bom a img{ margin-right: 10px;}

.home-hot-sales{ padding-bottom: 30px;}
.home-hot-sales-left{ width: 24%; position: relative;}
.home-hot-sales-left img{ width: 100%; height: auto; margin-bottom: 15px;}
.home-hot-sales-left-info{ color: #FFFFFF; padding: 25px;  width: 100%; height: auto; position: absolute; left: 0; top: 0;}
.home-hot-sales-left-info b{font-size: 1.6rem; line-height: 30px; color: #FFFFFF;  font-family: myFirstFont1; margin-bottom: 25px; display: block;}
.home-hot-sales-left-info a{ display: inline-block; color: #FFFFFF; height: 36px; line-height: 34px;  border:1px solid rgba(255,255,255,0.5); border-radius: 19px; padding: 0 20px;}
.home-hot-sales-left-info a:hover{ background: #384DA9;}

.home-hot-sales-right{ width:76%; position: relative; padding-left: 12px;}
.home-hot-sales-right dl{ width: 32.5%; margin-bottom: 1.4%; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1); border-radius: 6px; padding: 20px;}
.home-hot-sales-right dl dt{ width: 100px;}
.home-hot-sales-right dl dt img{ width: 100px; height: 100px;}
.home-hot-sales-right dl dd{ width:calc(100% - 100px); padding-left: 15px;}
.home-hot-sales-right dl dd b{ display: block; font-size: 1rem; line-height: 25px; height: 25px; overflow: hidden;}
.home-hot-sales-right dl dd b a{ color: #111111;}
.home-hot-sales-right dl dd b a:hover{ color: #0056A6;}
.home-hot-sales-right dl dd em{ display: block; line-height: 25px; height: 25px; overflow: hidden; color: #666666;}
.home-hot-sales-right dl dd a.home-products-links{ display:inline-block; height: 30px; line-height: 30px; margin-top: 15px; border-radius:28px; padding: 0 25px; background: #f5f5f5; }
.home-hot-sales-right dl dd a.home-products-links:hover{background: #384DA9; color: #FFFFFF;}



.home-blogbg{ background: #FFFFFF;}
.home-blog{ padding-bottom: 60px;}
.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; background: #FFFFFF; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item img{ border-radius:6px 6px 0 0;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{ display: none; text-indent: -999px; overflow: hidden;}

.main_visual1 .home-blog-itemimg{}
.main_visual1 .home-blog-item-info{ padding: 20px 20px 0 20px; border:1px solid #EEEEEE; border-top:none; border-radius:0 0 6px 6px;}
.main_visual1 .home-blog-item-info b a{ display: block; color: #111111; font-size: 1.1rem; line-height: 24px; height: 48px; overflow: hidden;}
.main_visual1 .home-blog-item-info b a:hover{ color: #384da9;}
.main_visual1 .home-blog-item-info em{ display: block; line-height: 24px; height: 24px; margin-top:5px; overflow: hidden;}
.main_visual1 .home-blog-item-info-links{ margin-top: 15px; width: 100%; height: 50px; line-height: 48px; border-top:2px solid #EEEEEE;}


.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom:-30px;  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:#acacac; border-radius: 4px;}
.main_visual1 .owl-dot.active span{ background:#384da9; }
.main_visual1 .owl-nav{ display: none; height: 0;}


.home-postbg{ width: 100%; height: auto;}

.home-post-list{}
.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-top: 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: #384da9;}
.home-post-list dl dd p{ line-height: 22px; height: 44px; overflow: hidden; margin-top: 5px;}




.home-part{}

.home-part-box-main{ }
.home-part-box{ background: #FFFFFF;  border-radius: 8px; box-shadow: 0px 3px 16px 1px rgba(0,48,119,0.08);}

.home-part-tab{ height: 75px; border-bottom: 2px solid #dfe0e4; text-align: center; padding-top: 30px;}
.home-part-tab ul{ padding-left: 30px;}
.home-part-tab li{font-size: 1rem; height: 43px; line-height: 43px; font-weight: bold; padding: 0 40px; background: #FFFFFF;  border-radius: 4px 4px 0 0; margin-right: 10px; cursor: pointer;}
.home-part-tab li.thistab{ background:#384da9; 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-index{ height: auto; padding: 15px 30px; background: #FFFFFF;  border-radius: 8px; box-shadow: 0px 3px 16px 1px rgba(0,48,119,0.08); margin-top: 20px;}
.home-part-index a{ padding: 0 5px;}


@media (max-width: 768px) {
.home-service{ display: none;}
.home-contact{display: none;}
.home-part{display: none;}
.home-advan{display: none;}


.home-title{ padding: 20px 0;}
.home-title b{ font-size: 1.1rem; }
.home-title b img{ margin-right: 5px; }
.home-title a{  width: 69px;}


.home-brand{  padding: 10px;}

.home-brand-list a{  width: 49%; margin-bottom: 1.5%;}

.home-brand-more a{ margin: 0 3px; padding: 0 15px;}



.home-best-items{  width: 49%; margin-bottom: 2%; padding: 15px;}
.home-best-items-links a.home-best-items-links1{ width: 85px;height: 30px;}

.home-posts{ }
.home-post-list dl{ width:100%; margin-bottom: 10px; }

.home-hot-sales{ padding-bottom: 20px;}
.home-hot-sales-left{display: none;}


.home-hot-sales-right{ width:100%;  padding-left: 0;}
.home-hot-sales-right dl{ width: 100%; }


}