.home-title{ padding: 30px 0 20px 0; line-height: 40px;}
.home-title h2{ font-size: 1.5rem;}
.home-title h2 img{ margin-right: 10px; vertical-align: middle;}
.home-title a{ display: inline-block; background: #4D6BFF; border-radius:20px; color: #FFFFFF; padding: 0 20px;}
.home-title a img{ margin-left: 10px;}
.home-title a:hover{ background: #C857F2;}


.home-category{}
.home-category dl{ width: 12.2%; background: #F6F8FA; border-radius: 12px; text-align: center; padding: 20px 2px;}
.home-category dl dd{ margin-top: 10px; line-height: 20px;}
.home-category dl:hover dd a{ color: #4D6BFF;}



.home-featured{}
.home-featured-left{ width: 330px; height: auto; position: relative;}
.home-featured-left img{ width: 100%; height: auto;}
.home-featured-left-info{ width: 100%; position: absolute; left: 0; top: 0; padding: 30px 25px;}
.home-featured-left-info h3{ color: #FFFFFF; font-size: 1.4rem;}
.home-featured-left-info h3 span{ color: #FFDD00; line-height: 30px;}
.home-featured-left-info h4{ color: #FFFFFF; line-height: 30px; font-size: 1rem;}
.home-featured-left-info a{ display: inline-block; height: 36px; line-height: 36px; background: #FFFFFF; border-radius:30px; padding: 0 30px; margin-top: 10px; color: #4D6BFF;}
.home-featured-left-info a:hover{ color: #FFFFFF; background: #C857F2;}

.home-feature-right{ width: calc(100% - 330px); height: auto; padding-left: 12px;}
.home-feature-right ul{ width: 100%; height: 45px; border-bottom:2px solid #f0f2f4;}
.home-feature-right ul li{ background: #f6f8fa; 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: #4d6bff; 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: #4d6bff;}
.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: #4d6bff; color: #FFFFFF;}


.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; box-shadow: 0px 6px 12px 1px rgba(27,58,125,0.1);border-radius: 6px;border: 1px solid #EEEEEE; padding: 10px; width: 13.5%; margin-bottom: 1%;}
.home-brand-list a img{ width: 100%; height: auto;}

.home-brand-more{ width: 100%; text-align: center; padding-top: 15px;}
.home-brand-more a{ display: inline-block; margin: 0 5px; border-radius: 8px; padding: 0 25px;}
.home-brand-more a.brandlinks1{ border:1px solid #4D6BFF; height: 42px; line-height: 40px; color: #4D6BFF;}
.home-brand-more a.brandlinks1:hover{ background: #4D6BFF; color: #FFFFFF;}
.home-brand-more a.brandlinks2{  height: 42px; line-height: 42px; background: #4D6BFF; color: #FFFFFF;}
.home-brand-more a.brandlinks2:hover{ background: #C857F2; }

.home-bom{ height: auto; min-height: 214px; color: #FFFFFF; text-align: center; text-transform: capitalize; background: url(../images/homebom.png) no-repeat center;}
.home-bom h2{ color: #FFFFFF; font-size: 2rem; line-height: 40px; padding-top: 50px;}
.home-bom h3{ color: #FFFFFF; line-height: 32px; font-size: 1rem; font-weight: normal;}
.home-bom a{ display: inline-block; color: #FFDD00; border-bottom:1px solid #FFDD00; font-size: 1rem; line-height: 26px; height: 26px; margin-top: 10px;}




.home-about{ margin-top: 50px;}
.home-about-left{ width: 50%; height: auto; padding-right: 45px;}
.home-about-left h2{ font-size: 1.5rem; margin-top: 15px;}
.home-about-left h2 img{ margin-right: 10px; vertical-align: middle;}
.home-about-left h3{ font-size: 2.4rem; line-height: 50px; margin-top: 25px;}

.home-about-left-info{ font-size: 1rem; line-height: 26px; margin-top: 20px;}
.home-about-left ul{ padding-top: 20px;}
.home-about-left ul li{ height: 24px; line-height: 24px; font-size: 1.1rem; background: url(../images/home-abouticon.png) no-repeat left center; padding-left: 45px; margin-bottom: 12px;}

.home-about-left a{ display: inline-block; background: #4D6BFF; line-height: 40px; border-radius:20px; color: #FFFFFF; padding: 0 20px; margin-top: 30px;}
.home-about-left a img{ margin-left: 10px;}
.home-about-left a:hover{ background: #C857F2;}


.home-about-right{ width: 50%; height: auto;}
.home-about-right img{ width: 100%; height: auto;}


.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 b{ color: #666666; font-weight: normal; font-family: myFirstFont; margin-bottom: 10px; display: block;}
.home-blog dl dd b img{ vertical-align: middle; margin-right: 8px;}
.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:#4D6BFF;}
.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-postbg{ width: 100%; height: auto; background: url(../images/thepostbg.png) no-repeat center; background-size:cover; padding-bottom: 30px; margin-top: 30px;}

.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;background: #FFFFFF; padding: 20px; margin-bottom: 1.2%;}
.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: #4D6BFF;}
.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:#4D6BFF; 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; line-height: 32px;}
.home-title h2{ font-size: 1.2rem;}
.home-title h2 img{ margin-right: 5px; vertical-align: middle;}
.home-title a{  padding: 0 12px;}
.home-title a img{ margin-left: 5px;}


.home-category dl{ width:49%;margin-bottom: 2%;}

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



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



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



.home-brand{ padding: 10px;}


.home-brand-list a{  width:49%; margin-bottom: 2%;}


.home-brand-more{  padding-top: 10px;}
.home-brand-more a{ margin: 0 2px;  padding: 0 15px;}

.home-bom{ display: none;}


.home-about{ margin-top:20px;}
.home-about-left{ width: 100%; height: auto; padding-right: 0;}
.home-about-left h2{ font-size: 1.2rem; }
.home-about-left h2 img{ margin-right: 5px;}
.home-about-left h3{ font-size: 1.6rem; line-height:30px; margin-top: 10px;}

.home-about-left-info{ font-size: 0.9rem; line-height: 24px; margin-top: 10px;}

.home-about-left a{line-height: 30px;  margin-top: 10px;}
.home-about-left a img{ margin-left: 5px;}



.home-about-right{ width: 100%; height: auto; margin-top: 20px;}

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

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


.home-part{ display: none;}



}