/* tem60-news */
.tem60-news{background-repeat:no-repeat;background-size:100% auto;background-position:top;background-attachment:fixed;background-color:#F2F2F2;position:relative;}
.tem60-news:before{content:"";display:block;width:100%;height:1px;background-color:rgba(133,133,133,0.2);-webkit-transform:translateY(80px);-moz-transform:translateY(80px);transform:translateY(80px);}
.tem60-news .con{color:#333;position:relative;}
.tem60-news .con .swiper-slide *{transition:all .3s ease-out 0s;}
.tem60-news .con a{color:inherit;padding:30px 20px;display:block;opacity:0.8;height:300px;position:relative;}
.tem60-news .data{font-size:24px;padding-bottom:16px;margin-bottom:20px;opacity:0.7;position:relative;}
.tem60-news .data .round_box{position:absolute;width:14px;height:14px;border:1px solid;border-color:inherit;border-radius:50%;top:100%;left:4px;margin-top:-7.5px;}
.tem60-news .data .round_box:after{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;border-radius:50%;width:0;height:0;border:4px solid;border-color:inherit;transition:all .3s ease-out 0s;}
.tem60-news .txt{padding:20px 0;}
.tem60-news .txt .title{font-size:16px;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tem60-news .txt .description{font-size:13px;opacity:0.6;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:20px;max-height:40px;}
.tem60-news .square{position:absolute;bottom:0;width:45%;height:38px;border:1px solid;border-color:inherit;opacity:0;}
.tem60-news .square:after,
.tem60-news .square:before{content:"";display:block;position:absolute;border-color:inherit;}
.tem60-news .square:after{width:14px;height:0;border-top:1px solid;top:50%;left:50%;-webkit-transform:translate(-50px,-50%);-moz-transform:translate(-50px,-50%);transform:translate(-50px,-50%);transition:all .3s ease-out 0.1s;}
.tem60-news .square:before{height:14px;width:0;border-left:1px solid;top:50%;left:50%;-webkit-transform:translate(-50%,-50px);-moz-transform:translate(-50%,-50px);transform:translate(-50%,-50px);transition:all .3s ease-out 0.1s;}
.tem60-news .swiper-button-next,
.tem60-news .swiper-button-prev{background:none;font-size:40px;width:50px;height:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;font-weight:400;margin:0;border:1px solid;border-color:rgba(133,133,133,0.2);pointer-events:auto;right:-24px;left:auto;top:80px;}
.tem60-news .swiper-button-next>span,
.tem60-news .swiper-button-prev>span{line-height:48px;font-size:30px;width:100%;height:100%;text-align:center;display:block;}
.tem60-news .swiper-button-prev{margin-top:-50px;}
.tem60-news .swiper-button-next>span:hover,
.tem60-news .swiper-button-prev>span:hover{color:#fff;}
@media (min-width:768px){
    .tem60-news .container,
    .tem60-news.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem60-news .con a:hover{opacity:1;}
    .tem60-news .con a:hover .data{opacity:1;margin-bottom:10px;}
    .tem60-news .con a:hover .data .round_box{border-width:3px;}
    .tem60-news .con a:hover .data .round_box:after{border-width:2px;}
    .tem60-news .con a:hover .txt .description{opacity:0.8;}
    .tem60-news .con a:hover .square{opacity:0.6;bottom:40px;}
    .tem60-news .con a:hover .square:after,
    .tem60-news .con a:hover .square:before{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
}
@media (max-width:768px){
    .tem60-news:before{display:none;}
    .tem60-news .swiper-wrapper{display:block;}
    .tem60-news .con a{height:auto;padding:10px 0;}
    .tem60-news .con a:after{content:"";display:block;border-bottom:1px solid;width:100%;height:0;position:absolute;left:0;bottom:0;opacity:0.2;}
    .tem60-news .con .swiper-slide:last-child a:after{display:none;}
    .tem60-news .square{display:none;}
    .tem60-news .data .round_box{display:none;}
    .tem60-news .data{padding:0;opacity:1;margin-bottom:5px;font-family:"HELVETICANEUELTPRO-THEX", Arial;}
    .tem60-news .txt{padding:0;}
    .tem60-news .txt .title{margin-bottom:10px;}
    .tem60-news .txt .description{opacity:0.8;}
    .tem60-news .swiper-button-next,
    .tem60-news .swiper-button-prev{display:none;}
    .tem60-news .data{font-size:20px;}
    .tem60-news .txt .description{max-height:500px;}
}