.home-blog{ padding: 30px 0;}
.home-blog-title{ font-size: 1.4rem; font-weight: bold; line-height: 32px;}
.home-blog-title a{ display: inline-block;  color: #FFFFFF; background: #CCCCCC; border-radius:4px; font-size: 1rem; padding: 0 25px; font-weight: normal;}
.home-blog-title a:hover{ background: #111111;}

.home-blog-list{ margin-top: 10px; width: 100%;}
.home-blog-left{ width: 48%;}
.home-blog-left dl{ padding: 20px 0; width: 100%; border-bottom:1px dotted #CCCCCC; }
.home-blog-left dl dt a{ display: block; color: #111; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden;}
.home-blog-left dl dd p{ color: #666; line-height: 22px; height: 44px; overflow: hidden;}
.home-blog-left dl dd em{ text-align: right; display: block; margin-top: 5px;} 


.home-blog-right{ width: 48%;}
.home-blog-right dl{ padding: 8px 0; width: 100%; }
.home-blog-right dt{ width: 180px; height: auto; overflow: hidden;}
.home-blog-right dt img{ width: 100%; height: auto;}
.home-blog-right dd{ width: calc(100% - 180px); padding-left: 25px;}
.home-blog-right dd a{display: block; color: #111; font-weight: bold; height: 48px; line-height: 24px; overflow: hidden;}
.home-blog-right dl dd p{ color: #666; line-height: 22px; height: 44px; overflow: hidden;}
.home-blog-right dl dd em{ text-align: right; display: block; margin-top: 5px;} 

.home-brandbg{ width: 100%; height: auto; background: url(../images/home-brandbg.png) no-repeat center; background-size:cover; padding: 30px 0; text-align: center;}
.home-brandbg b{ color: #FFFFFF; line-height: 36px; font-size: 1.4rem; display: block; margin-bottom: 20px;}

.home-brand-list{ text-align: center;}
.home-brand-list a{ display: inline-block; width: 17%; background: #FFFFFF; padding:15px 30px; border-radius:6px; margin: 0 1%;}
.home-brand-list a img{ width: 100%; height: auto;}


.home-products-list{ text-align: center; padding: 30px 0;}
.home-products-list dl{ width: 19%; background: #FFFFFF; border-radius:6px; box-shadow: 3px 6px 20px 0 rgba(0,0,0,.1);}
.home-products-list dl dt{ width: 100%; height: 52px; line-height: 52px; font-size: 1.1rem; font-weight: bold; background: #CCCCCC; border-radius:6px 6px 0 0;  overflow: hidden;}
.home-products-list dl dd{ padding: 15px 0;}
.home-products-list dl dd a{ display: block; line-height: 30px; height: 30px; overflow: hidden; font-size: 1rem;}


.home-postbg{ width: 100%; height: auto; background: #f7f7f7; padding: 30px 0;}

.home-post-list{ padding-top: 15px;}
.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: #0bbbe0;}
.home-post-list dl dd p{ line-height: 22px; height: 44px; overflow: hidden; margin-top: 5px;}


.home-hotprobg{ width: 100%; height: auto; background: #FFFFFF; padding: 30px 0;}
.home-hotprolist{ padding-top: 15px;}
.home-hotprolist dl{background: #FFFFFF; box-shadow: 0px 8px 16px 1px rgba(15,96,204,0.08);  border-radius: 6px; width: 15.66%; text-align: center; margin-bottom: 1%; padding: 20px 15px;}
.home-hotprolist dl dt img{ width: 120px; height: 120px;}
.home-hotprolist dl dd a{ display: block; color: #111111; font-size: 1rem; line-height: 28px; height: 28px; overflow: hidden;}
.home-hotprolist dl dd a:hover{ color: #00B7FF;}
.home-hotprolist dl dd em{ display: block; line-height: 22px; height: 22px; overflow: hidden;}