.home-title{ padding: 40px 0 20px 0;}
.home-title b{  display: block; font-size: 1.6rem; font-weight: normal;  line-height: 40px; text-transform: capitalize;}
.home-title a{ display: inline-block; height: 40px; line-height: 40px; color: #FFFFFF; background: #A10030; padding: 0 22px; border-radius: 20px;}
.home-title a:hover{ background: #1a3762;}
.home-title a img{ margin-left: 10px;}


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

.home-navigation dl{transition: transform 0.5s ease;  background: #FFFFFF; box-shadow: 0px 8px 12px 1px rgba(12,110,183,0.08);border-radius: 8px; width:15.66%; padding: 20px;}
.home-navigation dl dt{ width: 42px; height: 42px;}
.home-navigation dl dt img{ width: 42px; height: 42px;}
.home-navigation dl dd{ width: calc(100% - 42px); padding-left: 10px; line-height: 18px; max-height:36px; overflow:hidden;}
.home-navigation dl:hover{transform: translateY(-10px);}


.home-featured{}
.home-featured-left{ width: 331px; height: auto;}
.home-featured-left img{ width: 100%; height: auto;}

.home-feature-right{ width: calc(100% - 331px); height: auto; padding-left: 12px;}
.home-feature-right ul{ width: 100%; height: 45px; border-bottom:2px solid #f0f2f4;}
.home-feature-right ul li{ background: #eaeaea; border-radius: 6px 6px 0px 0px; padding: 0 15px; height: 43px; line-height: 43px; margin-right: 12px; cursor: pointer;}
.home-feature-right ul li img{ margin-right: 5px;}
.home-feature-right ul li.thistab{ background: #A10030; color: #FFFFFF;}
.home-feature-right ul li.thistab img{filter: grayscale(1500%) brightness(1500%);}

.home-feature-list{ width: 100%;}
.home-feature-list dl{ background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1); border-radius: 8px; width: 32.6%; margin-top: 1%; padding:28px 25px;}
.home-feature-list dl dt{ width: 100px; height: 100px;}
.home-feature-list dl dd{ width: calc(100% - 100px); padding-left: 15px;}
.home-feature-list dl dd a.home-fealinks1{ font-family: myFirstFont1; display: block; font-size: 1rem; color: #111111; line-height: 28px; height: 28px; overflow: hidden;}
.home-feature-list dl dd a.home-fealinks1:hover{ color: #A10030;}
.home-feature-list dl dd p{ line-height: 26px; height: 26px; overflow: hidden;}
.home-feature-list dl dd a.home-fealinks2{ display: inline-block; height: 30px; line-height: 30px; background: #F5F5F5; border-radius:20px; padding: 0 20px; margin-top: 20px;}
.home-feature-list dl dd a.home-fealinks2:hover{ background: #A10030;  color: #FFFFFF;}

.home-brand-list{}
.home-brand-list a{ display: block; width: 14.2%; margin-bottom: 0.1%; height: auto; background: #FFFFFF; padding: 10px; border:1px solid #EEEEEE;}
.home-brand-list a img{ width: 100%; height: auto;}
.home-brand-list a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.home-bestsell-list{}

.home-bestsell-item:hover{transform: translateY(-10px);}
.home-bestsell-item{ cursor: pointer;  transition: transform 0.5s ease; width: 16%; background: #FFFFFF; border-radius:8px; box-shadow: 0px 8px 16px 1px rgba(15,96,204,0.08); padding: 20px;}
.home-bestsell-item-pic{ width: 100%; text-align: center;}
.home-bestsell-item-info{ padding-top: 20px;}
.home-bestsell-item-info a{ display: block; font-family: myFirstFont1; font-size: 1.1rem; color: #111111; height: 26px; line-height: 26px; overflow: hidden;}
.home-bestsell-item-info a:hover{ color: #A10030;}
.home-bestsell-item-info p{ line-height: 24px; height: 24px; overflow: hidden;}
.home-bestsell-item-info b{ color: #A10030; display: block; font-size: 1.2rem; line-height: 28px;}
.home-bestsell-item-links{ margin-top: 15px;}

.home-bestsell-links1{ width: auto; display: inline-block; height: 30px; line-height: 28px; border:1px solid #333333; padding: 0 20px; border-radius:30px;}
.home-bestsell-links1:hover{ background: #A10030; color: #FFFFFF; border-color:#A10030 ;}
.home-bestsell-links2{ width: 30px; height: 30px; display: inline-block; margin-left: 10px;}

.home-contact{ margin-top: 30px; background: url(../images/home-contact.png) no-repeat center; background-size:cover; padding: 20px 80px;}

.home-contact-left{}

.home-contact a{ display: inline-block; background: #FFFFFF; border-radius: 22px; height: 44px; line-height: 44px; padding: 0 35px;}
.home-contact a i{ font-size: 1.1rem; margin-right: 10px; color: #A10030;}

.home-contact-mid{ max-width: 480px; text-align: left;}
.home-contact-mid b{ display: inline-block; color: #FFFFFF; line-height: 32px; height: 32px; font-size: 1.5rem;}
.home-contact-mid b:before{ content:''; display: inline-block; width: 29px; height: 16px; background: url(../images/home-contact-left.png) no-repeat center; margin-right: 10px; }
.home-contact-mid b:after{ content:''; display: inline-block; width: 29px; height: 16px; background: url(../images/home-contact-right.png) no-repeat center; margin-left: 10px; }
.home-contact-mid h2{ color: #FFFFFF; font-size: 1.8rem; line-height: 38px; margin-top: 10px;}


.home-blog{}
.home-blog dl{ width: 24.3%; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1); border-radius:6px;}
.home-blog dl dt{ width: 100%; height: auto; border-radius:6px 6px 0 0;}
.home-blog dl dt img{ width: 100%; height: auto; border-radius:6px 6px 0 0;}
.home-blog dl dd{ width: 100%; height: auto; padding: 20px 20px 0 20px;}
.home-blog dl dd a.bloglinks1{ display: block; color: #111111; font-family: myFirstFont1; font-size: 1.1rem; line-height: 24px; height: 48px; overflow: hidden;}
.home-blog dl dd a:hover{ color: #9B0B14;}
.home-blog dl dd p{ height: 24px; line-height: 24px; margin: 15px 0; overflow: hidden;}
.home-blog dl dd span{  width: 100%; height: 54px; line-height: 52px; border-top:2px solid #EEEEEE;}
.home-blog dl dd span a{ display: block;}
.home-blog dl dd span em{ display: block;}


.home-post{ width: 100%; height: auto; background: url(../images/home-post.jpg) no-repeat center; background-size:cover; padding-bottom: 20px;}

.home-post-list{}
.home-post-list dl{ width: 32.6%; 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-family: myFirstFont1; font-size: 1rem; font-weight: bold; color: #111111; line-height: 26px; height: 26px; overflow: hidden;}
.home-post-list dl dd a:hover{ color: #A10030;}
.home-post-list dl dd p{ line-height: 22px; height: 44px; overflow: hidden; margin-top: 5px;}

.home-part-box-main{ box-shadow: 0px 3px 16px 1px rgba(0,48,119,0.1); border-radius: 6px; background: #FFFFFF;}

.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:#A10030; 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: 20px 30px; border-top:2px solid #EEEEEE; }
.home-part-index a{ padding: 0 5px;}



@media (max-width: 768px) {

.home-title{ padding:20px 0;}
.home-title b{  font-size: 1.1rem; line-height: 32px; }
.home-title a{ height: 32px; line-height: 32px;  padding: 0 12px; }



.home-navigation{ margin-top: 20px;}

.home-navigation dl{ width:49%; margin-bottom: 2%; padding: 20px;}



.home-featured-left{display: none;}

.home-feature-right{ width:100%; padding-left: 0;}
.home-feature-right ul{ height: auto; border-bottom:none;}
.home-feature-right ul li{  margin-right: 0; width: 100%; margin-bottom: 1px;}

.home-feature-list{ width: 100%;}
.home-feature-list dl{width: 100%; margin-top: 1%; padding:25px;}
.home-feature-list dl dd a.home-fealinks2{ margin-top: 5px;}

.home-brand-list a{  width: 49.5%; margin-bottom: 1.2%; }


.home-bestsell-list{}

.home-bestsell-item:hover{transform: translateY(-5px);}
.home-bestsell-item{  width: 49%;  padding: 10px; margin-bottom: 10px;}
.home-bestsell-item-info a{  font-size: 1rem; }

.home-contact{  display: none;}


.home-blog dl{ width:100%; margin-bottom: 10px;}


.home-posts{ }
.home-post-list dl{ width:100%; margin-bottom: 10px; }


.home-part{ display: none;}


}