.article-container{position:relative;padding:30px 0}.article-container .article-wrap{position:relative;width:100%;padding:0 15px;margin:0 auto;box-sizing:border-box}@media(min-width:768px){.article-container .article-wrap{width:750px}}@media(min-width:990px){.article-container .article-wrap{width:970px}}@media(min-width:1200px){.article-container .article-wrap{width:1170px}}.article-container .article-wrap .atc-top{position:relative;text-align:center;margin-bottom:50px}.article-container .article-wrap .atc-top h2{font-family:'Roboto',sans-serif;font-size:40px;font-weight:400;color:#000;margin:0;padding:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-container .article-wrap .atc-top h4{padding-top:10px;font-size:18px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.article-container .article-wrap .atc-top h4 span{width:8px;height:8px;background:#ff7e00;display:inline-block;position:relative}.article-container .article-wrap .atc-top h4 span:before,.article-container .article-wrap .atc-top h4 span:after{content:'';border:1px solid #d8d8d8;width:20px;position:absolute;right:15px;top:3px}.article-container .article-wrap .atc-top h4 span:after{left:15px}.article-container .article-wrap .atc-top p{padding-top:10px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;color:#797979;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-container .article-wrap .atc-main{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.article-container .article-wrap .atc-main .atc-main-item{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;width:33.33333%;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:60px}.article-container .article-wrap .atc-main .atc-main-item .atc-main-pic{border:1px dashed #cecece;height:230px;vertical-align:middle;position:relative;overflow:hidden}.article-container .article-wrap .atc-main .atc-main-item .atc-main-pic .atc-main-date{height:70px;background:#ff7e00;text-align:center;position:absolute;bottom:-94px;right:30px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;width:auto;min-width:70px;padding:0 5px}.article-container .article-wrap .atc-main .atc-main-item:hover .atc-main-pic .atc-main-date{bottom:0}.article-container .article-wrap .atc-main .atc-main-item .atc-main-pic .atc-main-date ul{list-style:none}.article-container .article-wrap .atc-main .atc-main-item .atc-main-pic .atc-main-date ul li{color:#fff}.article-container .article-wrap .atc-main .atc-main-item .atc-main-pic .atc-main-date ul li:first-child{font-size:28px;padding-top:5px}.article-container .article-wrap .atc-main .atc-main-item .atc-main-pic img{width:100%;min-height:230px;height:auto;vertical-align:middle}.article-container .article-wrap .atc-main .atc-main-item .atc-main-content{padding:40px 30px 0 30px;border:1px dashed #cecece;border-top:0}.article-container .article-wrap .atc-main .atc-main-item .atc-main-content h5{font-family:'Roboto',sans-serif;height:56px;font-size:20px;color:#000;font-weight:bold;line-height:28px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;cursor:pointer}.article-container .article-wrap .atc-main .atc-main-item .atc-main-content p{font-family:'Roboto',sans-serif;padding-top:20px;font-size:16px;line-height:23px;color:#797979;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:90px}.article-container .article-wrap .atc-main .atc-main-item .atc-main-content h4{padding-top:30px;padding-bottom:30px}.article-container .article-wrap .atc-main .atc-main-item .atc-main-content h4 a{text-decoration:none;font-size:16px;color:#000;display:inline-block;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.article-container .article-wrap .atc-main .atc-main-item .atc-main-bottom{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;background:#fff;border:1px dashed #cecece;box-sizing:border-box}.article-container .article-wrap .atc-main .atc-main-item .atc-main-bottom .atc-main-bottom_item{position:relative;padding:20px 0;box-sizing:border-box;font-family:'Roboto',sans-serif;text-align:center;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;width:33.33333%}.article-container .article-wrap .atc-main .atc-main-item .atc-main-bottom .atc-main-bottom_item p{text-decoration:none;font-size:16px;line-height:23px;color:#797979;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.article-container .article-wrap .atc-main .atc-main-item .atc-main-bottom .atc-main-bottom_item:nth-child(2)::before{content:'';border:1px solid #cecece;height:35px;position:absolute;right:0;top:14px}.article-container .article-wrap .atc-main .atc-main-item .atc-main-bottom .atc-main-bottom_item:nth-child(2)::after{content:'';border:1px solid #cecece;height:35px;position:absolute;left:0;top:14px}.article-container .article-wrap .atc-main .atc-main-item:hover .atc-main-content h5,.article-container .article-wrap .atc-main .atc-main-item:hover .atc-main-content h4 a{color:#ff7e00;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.article-container .article-wrap .atc-main .atc-main-item:hover .atc-main-content h4 a:hover i{padding-left:5px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.article-container .atc-top .blocks-image img{max-width:100%}@media(max-width:989px){.article-container .article-wrap .atc-main{-ms-flex-wrap:wrap;flex-wrap:wrap}.article-container .article-wrap .atc-main .atc-main-item{-ms-flex-preferred-size:100%;flex-basis:100%;width:100%}.article-container .article-wrap .atc-main .atc-main-item .atc-main-pic img{width:100%}.article-container .article-wrap .atc-main .atc-main-item .atc-main-pic .atc-main-date{bottom:0}.article-container .article-wrap .atc-main .atc-main-item .atc-main-content h4 a,.article-container .article-wrap .atc-main .atc-main-item .atc-main-content h5{color:inherit}.article-container .article-wrap .atc-top h2{font-size:25px}}