section.news{margin-bottom:-60px;position:relative;z-index:5}section.news .inner.page-center{padding:90px 0 150px}section.news .inner.page-center h2{font-size:30px;font-weight:700;letter-spacing:.5px;padding:0}section.news .swiper-wrapper{margin:80px auto 0;max-width:1148px;overflow:visible;width:100%}section.news .swiper-wrapper .swiper-slide:nth-child(3n-1){margin-left:52px!important;margin-right:52px!important}section.news .swiper-wrapper .swiper-slide .frame-img{margin-left:-52px;margin-top:-20px}section.news .swiper-wrapper .swiper-slide .frame-img img{height:222px!important;width:348px}section.news .swiper-wrapper .swiper-slide .frame{-webkit-box-shadow:0 35px 94px 0 rgba(0,0,0,.1);box-shadow:0 35px 94px 0 rgba(0,0,0,.1);float:right;height:377px;position:relative;width:311px}section.news .swiper-container{overflow:visible}section.news .float{bottom:0;font-size:16px;min-height:226px;padding:25px 30px;width:inherit}section.news .float,section.news .float:before{background-color:#fff;display:block;position:absolute}section.news .float:before{bottom:100%;content:"";height:150px;right:0;width:15px}section.news .float strong.title{display:block;font-size:17px;font-weight:700;width:100%}section.news .float p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;color:#666;font-size:16px;line-height:1.8;margin:20px 0 0;min-height:85px}section.news .float svg{background-position:calc(100% - 26px);background-repeat:no-repeat;bottom:23px;position:absolute;right:20px}section.news .float svg text{fill:#666;font-size:12px}section.news .float svg text+rect{fill:transparent;stroke:#ccc;stroke-width:1;stroke-dasharray:320;stroke-dashoffset:0;overflow:visible;-webkit-transition:stroke-dashoffset .5s;transition:stroke-dashoffset .5s}.main-news-bg.motionIng{background-color:#fff;height:100%;left:0;position:absolute;top:0;-webkit-transition:width .5s;transition:width .5s;width:85%}section.news .inner.page-center h2{position:relative}section.news .float svg:hover text+rect{stroke:#ea4854;stroke-width:2;stroke-dasharray:320;stroke-dashoffset:0;-webkit-transition:stroke-dashoffset .5s;-webkit-transition:stroke-dashoffset .5s,stroke-width .5s;transition:stroke-dashoffset .5s,stroke-width .5s}section.news .float svg:hover text{fill:#ea4854}section.news .swiper-scrollbar{display:block}@media(min-width:1281px){section.news .swiper-wrapper .swiper-slide{-webkit-animation:transform-none .4s cubic-bezier(.6,.01,.16,1) forwards;animation:transform-none .4s cubic-bezier(.6,.01,.16,1) forwards;float:left;margin:0!important;position:relative;width:348px!important}}@media(max-width:1280px){section.news .inner.page-center{padding:50px 30px}section.news .inner.page-center h2{color:#222;font-size:19px;letter-spacing:.5px;line-height:1.4}section.news .swiper-container{overflow:hidden;padding-bottom:50px}section.news .board-list{margin-top:50px;padding-bottom:0;padding-top:22px}section.news .swiper-wrapper{height:auto;margin:0;max-width:100%}section.news .swiper-wrapper .swiper-slide .frame{background-color:#fff;-webkit-box-shadow:0 35px 94px 0 rgba(0,0,0,.1);box-shadow:0 35px 94px 0 rgba(0,0,0,.1);display:block;float:right;height:100%;width:100%}section.news .frame .img-post{height:100%;width:calc(100% - 10px)}section.news .swiper-wrapper .swiper-slide .frame-img{margin:0}section.news .swiper-wrapper .swiper-slide .frame-img img{height:auto!important;width:100%!important}section.news .float{bottom:auto;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:192px;padding:22px;right:0;top:113px;width:86%}section.news .float:before{display:none}section.news .float strong.title{font-size:16px;font-weight:700}section.news .float p{font-size:14px;font-weight:300;line-height:1.5;min-height:66px}section.news .float svg{letter-spacing:.5px;margin-top:7px;right:30px}section.news{margin:0}section.news .swiper-wrapper .swiper-slide:nth-child(3n-1){margin-left:0!important;margin-right:30px!important}section.news .swiper-slide{height:auto}.swiper-custom-ui .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag{background:#000;border-radius:0;height:3px;top:-1px}.swiper-custom-ui .swiper-container-horizontal>.swiper-scrollbar{height:1px}section.news .swiper-container{overflow:visible}}@media(max-width:500px){section.news .frame .img-post{width:calc(100% - 10px)}section.news .swiper-wrapper .swiper-slide .frame{min-height:305px}}