.blog-list{margin-top:40px}.blog-list .items{margin-top:30px}.blog-list .items .list{display:block;overflow:hidden;margin-bottom:20px;padding:40px;border:1px solid #e8e9eb;background:#fff}.blog-list .items .list img{float:left;margin-right:40px;width:288px;height:152px;}.blog-list .items .list .abs{float:left;width:768px;color:#a8acb9}.blog-list .items .list .abs h3{color:#172b4d;font-size:24px;-webkit-line-clamp:1}.blog-list .items .list .abs h3,.blog-list .items .list .abs p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.blog-list .items .list .abs p{margin-top:17px;margin-bottom:12px;height:75px;font-size:14px;line-height:25px;-webkit-line-clamp:3}.blog-list .items .list .abs h6{font-size:13px}.blog-box{margin:50px auto;padding:70px 80px;width:820px;border:1px solid #e8e9eb;background:#fff}.blog-box .title{color:#172b4d;font-weight:600;font-size:32px;line-height:45px}.blog-box .time{margin-top:15px;margin-bottom:25px;color:#a8acb9;font-size:14px}.blog-box .content{color:#172b4d;font-size:16px;line-height:30px}.blog-box .content p{margin-bottom:30px}.blog-box .content img{width:100%}.title-bg-10{background-image:url(/static/4.0/images/index/title_bg_10.webp)}@media screen and (max-width:1200px){.blog-list .items .list img{margin-right:5%;width:20%;height:auto}.blog-list .items .list .abs{width:75%}.blog-list .items .icon-yinhao,.blog-list .items .page{display:none}.blog-box{margin:0;padding:30px 40px;width:100%;border:none}.blog-box .title{font-size:22px;line-height:32px}}@media screen and (max-width:768px){.blog-list{margin-top:0;margin-bottom:0!important;padding:40px 30px 35px;background-color:#fff}.blog-list .items{position:relative}.blog-list .items .list{display:none;margin-bottom:0;padding:30px;border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 8px 15px 0 rgba(117,146,170,.18);-moz-box-shadow:0 8px 15px 0 rgba(117,146,170,.18);box-shadow:0 8px 15px 0 rgba(117,146,170,.18)}.blog-list .items .list.active{display:block}.blog-list .items .list img{float:none;margin-right:0;width:100%;height:180px}.blog-list .items .list .abs{float:none;width:100%;color:#a8acb9}.blog-list .items .list .abs h3{margin-top:18px;color:#172b4d;font-weight:400;font-size:16px;-webkit-line-clamp:2}.blog-list .items .list .abs h3,.blog-list .items .list .abs p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.blog-list .items .list .abs p{margin-top:20px;height:200px;font-size:14px;line-height:25px;-webkit-line-clamp:8}.blog-list .items .list .abs h6{color:rgba(197,210,232,.69);text-align:right}.blog-list .items .icon-yinhao,.blog-list .items .page{display:block}.blog-list .items .page{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;-webkit-box-shadow:0 4px 6px 0 rgba(117,146,170,.18);-moz-box-shadow:0 4px 6px 0 rgba(117,146,170,.18);box-shadow:0 4px 6px 0 rgba(117,146,170,.18);text-align:center;line-height:40px}.blog-list .items .page.page-prev{left:-20px}.blog-list .items .page.page-next{right:-20px}.blog-list .items .page .iconfont{color:#d1d1d1;font-size:12px}}