.home-title{ width: 100%; text-align: center; padding: 50px 0 30px 0;}
.home-title b{ color: #111111; display: block; font-size: 2rem; line-height: 42px;}
.home-title span{ display: block; color: #999999; line-height: 24px;}
.home-title em{ display: block; width: 36px; height: 3px; background: #008dd3; margin: 0 auto;  margin-top: 10px; }

.home-featured{}
.home-featured-left{ width: 308px; background: #29a8df; border-radius:6px 0 0 6px;}
.home-featured-left li{ cursor: pointer; border-bottom: 1px dashed #FFFFFF; width: 100%; height: 25%;}
.home-featured-left li.thistab{ border-bottom: none; background:#046ea3; background-size:cover; border-radius:6px 0 0 0;}
.home-featured-left li:last-child{ border-bottom: none; }
.home-featured-left li:last-child.thistab{border-radius: 0 0 0 6px;}
.home-featured-left .home-tab-item{ padding: 30px 15px; color: #FFFFFF;}
.home-featured-left .home-tab-item-pic{ width: 32px; height: 32px;}
.home-featured-left .home-tab-item-info{ width: calc(100% - 32px); padding-left: 12px;}
.home-featured-left .home-tab-item-info b{ display: block; color: #FFFFFF; font-size: 1rem; line-height: 20px;}
.home-featured-left .home-tab-item-info b  i{ line-height: 20px;}
.home-featured-left .home-tab-item-info em{ display: block; font-size: 0.8rem; line-height: 20px;}

.home-featured-right{ width: calc(100% - 308px); background: #bdddf7; border-radius:0 6px 6px 0; padding: 12px 12px 0 12px;}
.home-featured-right dl{ width: 32.5%; height: auto; background: #FFFFFF; border-radius:6px; margin-bottom: 12px; padding: 12px;}
.home-featured-right dl dt{ width: 100px; height: 100px;}
.home-featured-right dl dt img{ width: 100px; height:100px;}
.home-featured-right dl dd{ width: calc(100% - 100px); padding-left: 15px;}
.home-featured-right dl dd a{ display: block; font-weight: bold; color: #111111; font-size: 1rem; height: 26px; line-height: 26px; overflow: hidden;}
.home-featured-right dl dd em{ display: block; height: 22px; line-height: 22px; overflow: hidden; color: #999999;}
.home-featured-right dl dd i{ color:red;}

.home-best{}

.home-best-right{ width: 100%;}
.home-best-right dl{ width: 16%; text-align: center; padding: 20px 25px; margin-bottom: 12px; background: #FFFFFF; box-shadow: 0px 4px 4px 1px rgba(184,189,199,0.3); border-radius: 4px; border: 1px solid #EEEEEE;}
.home-best-right dl dd{ padding-top: 10px;}
.home-best-right dl dd a{ display: block; font-weight: bold; color: #111111; font-size: 1rem; line-height: 24px; height: 24px; overflow: hidden;}
.home-best-right dl dd em{ display: block; color: #999999; line-height: 24px; height: 24px; overflow: hidden;}
.home-best-right dl dd i{ color:red;}


.home-advan{ margin-top:10px;}
.home-advan a{ display: block; width: 49.11%; height: auto;}
.home-advan a img{ width: 100%; height: auto;}




.home-brand{ width: 100%; background: url(../images/home-brandbg.png) no-repeat center; background-size:cover; padding-bottom: 60px; margin-top: 35px;}

.home-brand-list{}
.home-brand-list a{ background: #FFFFFF; display: block; width: 15.66%; margin-bottom: 1.2%; padding: 15px 25px; text-align: center; box-shadow: 0px 4px 8px 1px rgba(27,58,125,0.08); border-radius: 6px; border: 1px solid #E7EBF2;}
.home-brand-list a img{ width: 100%; height: auto;}

.home-brand-more{ text-align: center; margin-top: 35px;}
.home-brand-more a{ display: inline-block;  height: 42px; line-height: 42px; margin: 0 10px; padding: 0 25px; border-radius: 6px; text-transform: uppercase; font-weight: bold;}
.home-brand-more a:nth-child(1){ background: #008dd3; color: #FFFFFF;}
.home-brand-more a:nth-child(2){ background: #FFFFFF; color: #008dd3; border: 1px solid #008dd3;}



.home-title1{ padding: 50px 0 30px 0;}
.home-title1-left{}
.home-title1-left b{ color: #111111; display: block; font-size: 2rem; line-height: 42px;}
.home-title1-left span{ display: block; color: #999999; line-height: 24px;}
.home-title1-left em{ display: block; width: 36px; height: 3px; background: #008dd3;  margin-top: 10px; }
.home-title1 a{ display: block;  display: inline-block; margin-top:20px;   background: #008dd3; border-radius: 6px; color: #FFFFFF; line-height: 46px; height: 46px;  padding: 0 30px;  font-size: 1.1rem;}



.home-blog{ padding-bottom: 30px;}
.home-blog-left{ width: 49.2%; background: #FFFFFF; box-shadow: 0px 4px 4px 1px rgba(184,189,199,0.3); margin-bottom: 20px;}
.home-blog-left a img{ width: 100%; height: auto;}
.home-blog-left-info{ padding: 14px 20px;}
.home-blog-left-info em{ display: block; line-height: 28px; height: 28px; color: #999999;}
.home-blog-left-info em img{ margin-right: 10px;}
.home-blog-left-info a{ display: block; font-size: 1rem; line-height: 20px; height: 40px; overflow: hidden; font-weight: bold; margin-top: 5px;}
.home-blog-left-info p{ line-height: 20px; height: 40px; overflow: hidden; margin-top: 5px;}

.home-blog-right{ width: 49.2%;}
.home-blog-right dl{ width: 100%; background: #FFFFFF; box-shadow: 0px 4px 4px 1px rgba(184,189,199,0.3); margin-bottom: 18px;}
.home-blog-right dl dt{ width: 45%;}
.home-blog-right dl dt img{ width: 100%; height: auto;}
.home-blog-right dl dd{ width: 55%; padding: 10px 20px;}
.home-blog-right dl dd em{ display: block; line-height: 28px; height: 28px; color: #999999;}
.home-blog-right dl dd em img{ margin-right: 10px;}
.home-blog-right dl dd a{ display: block; font-size: 1rem; line-height: 20px; height: 40px; overflow: hidden; font-weight: bold; margin-top: 5px;}
.home-blog-right dl dd p{ line-height: 20px; height: 40px; overflow: hidden; margin-top: 5px;}



.home-post{ width: 100%; padding-bottom: 45px; background: #FFFFFF;}

.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;
border: 1px solid #E7EAEE; 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; font-family: myFirstFont1; line-height: 26px; height: 26px; overflow: hidden;}
.home-post-list dl dd p{ line-height: 22px; height: 44px; overflow: hidden; margin-top: 5px;}

.home-part{ padding-bottom: 60px;}

.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; font-weight: bold; padding: 0 30px; background: #EEEEEE;  border-radius: 4px 4px 0 0; margin-right: 10px; cursor: pointer;}
.home-part-tab li.thistab{ background: #008dd3;  color: #FFFFFF;  }

.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{ padding: 0 5px;}

.home-why{ width: 100%; background: url(../images/home-why.png) no-repeat center; background-size:cover; padding: 50px 0;  text-align: center; }
.home-why-title{ width: 100%; color: #FFFFFF; font-size: 2rem; line-height: 52px; margin-bottom: 20px; font-weight: bold;}

.home-why-list{}
.home-why-list dl{ background: #FFFFFF; border-radius: 12px; padding: 45px 15px; width: 19%;}
.home-why-list dl dd{ padding-top: 20px;}
.home-why-list dl dd b{ display: block; line-height: 22px; margin-bottom: 5px;}
.home-why-list dl dd p{ line-height: 20px;}


.home-why em{ display: block; color: #FFFFFF; line-height: 30px; margin-top: 20px; font-size: 1rem;}
.home-why a{ display: block; color: #FFDD24; text-decoration: underline; line-height: 30px; font-size: 1.1rem;}



@media (max-width: 768px) {
	


.home-title{padding: 20px 0;}
.home-title b{ font-size: 1.2rem; line-height: 25px;}


.home-featured-left{ width: 100%; background: #29a8df; border-radius:6px 6px 0 0;}
.home-featured-left li.thistab{  background-size:cover; border-radius:0;}
.home-featured-left li:first-child.thistab{border-radius:6px 6px 0 0;}
.home-featured-left li:last-child.thistab{border-radius: 0;}
.home-featured-left .home-tab-item{ padding: 15px; }

.home-featured-right{ width: 100%; border-radius:0 0 6px 6px; padding: 12px;}
.home-featured-right dl{ width: 100%;}


.home-best-right{ width:100%; padding-left: 0;}
.home-best-right dl{ width: 49%; text-align: center; padding: 15px; }

.home-advan{ margin-top:0;}
.home-advan a{ display: block; width: 100%; height: auto; margin-top:10px;}





.home-brand{ padding-bottom: 30px;}


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

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




.home-title1{ padding: 20px 0;}
.home-title1-left{}
.home-title1-left b{ font-size: 1.2rem; line-height: 26px;}
.home-title1 a{ display: none;  }



.home-blog-left{ width: 100%; margin-bottom: 10px;}
.home-blog-left-info{ padding: 15px;}

.home-blog-right{ width: 100%;}
.home-blog-right dl{ margin-bottom: 10px;}
.home-blog-right dl dt{ width: 100%;}
.home-blog-right dl dt img{ width: 100%; height: auto;}
.home-blog-right dl dd{ width: 100%; padding: 15px;}



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


.home-part{ display: none;}

.home-why{ display: none;}



}