.home-services{ margin-top: 15px;}
.home-services dl{ width: 24%; background: #FFFFFF; padding: 15px;}
.home-services dl dt{ width: 56px;}
.home-services dl dd{ width: calc(100% - 56px); font-weight: bold; color: #111111; padding-left: 10px; font-size: 1rem;}

.home-title{ padding: 35px 0 20px 0;}
.home-title b{ display: block; color: #111111; font-size: 1.6rem; border-left: 4px solid #00A2E9; padding-left: 14px;}
.home-title a{ display: block; height: 32px; line-height: 32px; background: #00A2E9; color: #FFFFFF; border-radius: 4px; padding: 0 25px;}

.home-products-tab{height: 45px; border-bottom: 1px solid #dedfe2; line-height: 44px;}
.home-products-tab li{ cursor: pointer; height: 44px; line-height: 44px; background: #e7eaee; font-weight: bold; font-size: 1rem; padding: 0 15px; margin-right: 8px;}
.home-products-tab li img{ margin-right: 5px;}
.home-products-tab li.thistab{ background: #00A2E9; color: #FFFFFF;}
.home-products-tab li.thistab img{filter: grayscale(500%) brightness(500%); }

.home-products-list{ width: 100%;}
.home-products-list dl{ width: 24%; background: #FFFFFF; margin-top: 1%; border-radius: 4px; padding: 15px;}
.home-products-list dl dt{ width: 100px;}
.home-products-list dl dt img{ width: 100%; height: auto;}
.home-products-list dl dd{ width: calc(100% - 100px); padding-left: 20px;}
.home-products-list dl dd a{ display: block; height: 24px; line-height: 24px; overflow: hidden; font-weight: bold;}
.home-products-list dl dd em{ display: block; height: 24px; line-height: 24px; overflow: hidden; color: #999999;}


.home-brand{ width: 100%; height: auto; background: url(../images/home-brandbg.png) no-repeat center; background-size:cover; padding-bottom: 30px; margin-top:15px;}
.home-brand .home-title b{ color: #FFFFFF; border-left: 4px solid #FFFFFF; }
.home-brand-list{}
.home-brand-list a{ display: block; width: 11.5%; margin-bottom: 1.2%; background: #FFFFFF; padding: 10px; border-radius: 6px; text-align: center;}
.home-brand-list a img{ width: 100%; height: auto;}

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

.home-bestsell-list{}
.home-bestsell-list dl{ width: 15.66%; text-align: center; margin-top: 1.2%; padding: 20px; background: #FFFFFF; box-shadow: 0px 2px 2px 1px rgba(184,189,199,0.3); border-radius: 4px 4px 4px 4px; border: 1px solid #E9EEF5;}
.home-bestsell-list dl dt img{ width: 100%; height: auto; max-width: 120px;}
.home-bestsell-list dl dd{ padding-top: 10px;}
.home-bestsell-list dl dd a{ display: block; height: 24px; line-height: 24px; overflow: hidden; font-weight: bold;}
.home-bestsell-list dl dd em{ display: block; height: 24px; line-height: 24px; overflow: hidden; color: #999999;}

.home-about{ width: 100%; height: auto; background: url(../images/home-aboutbg.png) no-repeat center; background-size:cover; margin-top:30px; color: #FFFFFF; text-align: center; padding: 60px 0;}
.home-about b{ display: block; font-size: 1.8rem; color: #FFFFFF; line-height: 52px;}
.home-about p{ font-size: 1rem;}
.home-about a{ height: 40px; line-height: 40px; background: #00A2E9; color: #FFFFFF; border-radius: 4px; display:inline-block; padding: 0 20px; margin-top: 20px;}


.home-advan{ margin-top: 20px;}
.home-advan dl{ width: 32.3%; }
.home-advan dl dt{ width: 89px; height: auto;}
.home-advan dl dt img{ width: 100%; width: 100%; }
.home-advan dl dd{ display: flex; align-items: center; width: calc(100% - 89px); padding:0 20px; background: #FFFFFF; height: 100%; font-size: 0.8rem;}

.home-blog{}
.home-blog-left{ width: 49%;}
.home-blog-left-item-top{ width: 100%; height: auto;}
.home-blog-left-item-top img{ width: 100%; height: auto; border-radius: 4px 4px 0 0;}
.home-blog-left-item-info{ background: #FFFFFF; padding: 18px;}
.home-blog-left-item-info em{ display: block; height: 16px; line-height: 16px;}
.home-blog-left-item-info em img{ margin-right: 10px; vertical-align: middle;}
.home-blog-left-item-info a{ display: block; height: 48px; overflow: hidden; font-weight: bold; font-size: 1rem; margin-top: 10px;}
.home-blog-left-item-info p{ line-height: 30px; height: 30px; overflow: hidden; color: #666666;}


.home-blog-right{ width: 49%;}
.home-blog-right dl{ margin-bottom: 13px;}
.home-blog-right dl dt{ width: 40%;}
.home-blog-right dl dt img{ width: 100%; height: 100%;  border-radius: 4px 0 0 4px;}
.home-blog-right dl:last-child{ margin-bottom: 0;}
.home-blog-right dl dd{ width: 60%; background: #FFFFFF; padding: 10px 20px;}
.home-blog-right dl dd em{ display: block; height: 16px; line-height: 16px;}
.home-blog-right dl dd em img{ margin-right: 10px; vertical-align: middle;}
.home-blog-right dl dd a{ display: block; height: 48px; overflow: hidden; font-weight: bold; font-size: 1rem; margin-top: 10px;}
.home-blog-right dl dd p{ height: 48px; overflow: hidden;color: #666666;}


.home-posts{ width: 100%; height: auto; background: #FFFFFF; padding-bottom: 30px; margin-top: 30px;}
.home-posts-list{}
.home-posts-list dl{ width: 49.5%; padding: 20px; margin-bottom: 1%; border: 1px solid #eee; border-radius: 4px;}
.home-posts-list dl dt{ width: 100px;}
.home-posts-list dl dt img{ width: 100%; height: auto;}
.home-posts-list dl dd{ width: calc(100% - 100px); padding-left: 20px;}
.home-posts-list dl dd a{ display: block; height: 24px; overflow: hidden; font-weight: bold; font-size: 1rem;}
.home-posts-list dl dd p{ height: 48px; overflow: hidden;color: #666666;}




.home-part-tab{ height: 45px; border-bottom: 2px solid #dfe0e4; text-align: center;}
.home-part-tab li{font-size: 1rem; height: 43px; line-height: 43px; padding: 0 30px; background: #e7eaee; border-radius: 4px 4px 0 0; margin: 0 6px; cursor: pointer;}
.home-part-tab li.thistab{ background: #00a2e9;  color: #FFFFFF;   font-weight: bold;}

.home-part-list{ padding:20px; background: #FFFFFF;}
.home-part-list a{ display: block; width: 20%; height: 26px; line-height: 26px; overflow: hidden; }

.home-part-index{ height: auto; padding: 20px; border-top: 2px solid #dfe0e4;  background: #FFFFFF;}
.home-part-index a{display:block;}
.home-part-index em{ display:block; width:50px;}
.home-part-index div{  width: calc(100% - 50px);}

@media (max-width: 768px) {
	
.home-services{ display: none;}

.home-title{ padding: 20px 0;}
.home-title b{  font-size: 1.2rem; border-left: 2px solid #00A2E9; padding-left: 10px;}
.home-title a{ display: none; }

.home-products-tab{height: auto; border-bottom: 1px solid #dedfe2; line-height: 44px;}
.home-products-tab li{ width: 100%; border-bottom: 1px solid #FFFFFF; margin-right: 0;}


.home-products-list{ width: 100%;}
.home-products-list dl{ width: 100%; margin-top: 2%; }


.home-brand{ padding-bottom: 20px; margin-top: 10px;}
.home-brand .home-title b{  border-left: 2px solid #FFFFFF; }

.home-brand-list a{width: 32.3%; }
.home-brand-list a:last-child{ display: none;}

.home-bestsell-img{ display: none;}



.home-bestsell-list dl{ width: 49%; }


.home-about{ margin-top:20px; padding: 30px 0;}
.home-about b{  font-size: 1.4rem; line-height:28px;}

.home-about a{  margin-top:10px;}


.home-advan{ display: none;}


.home-blog-left{ width: 100%;}
.home-blog-left-item-top{ width: 100%; height: auto;}


.home-blog-right{ width: 100%; margin-top: 10px;}
.home-blog-right dl{ margin-bottom: 10px; width: 100%;}
.home-blog-right dl dt{ width: 100%;}
.home-blog-right dl dt img{ border-radius: 4px 4px 0 0;}
.home-blog-right dl dd{ width: 100%; background: #FFFFFF; padding: 10px 20px;}


.home-posts{ padding-bottom:20px; margin-top: 20px;}

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


	

.home-part{ display: none;}

}