body{
    background: linear-gradient( 180deg, rgba(255,246,239,0.5) 0%, #FFF0E4 35%);;
}
.main{
    margin-top: -220px;
    position: relative;
    z-index: 99;
}
.news-01{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
width:100%;
}
.news-01>div{
    flex:1;
}
.news-01>div.news-left{
    position: relative;
    z-index: 99;
}
.news-01>div.news-right{
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(215,198,184,0.1);
    padding:40px 20px;
    margin-left: -100px;
    padding-left: 140px;
    background: linear-gradient( 90deg, #FFFFFF 0%, #FFF9F2 100%);
}
.news-01>div.news-right .news-right-title{
    position: relative;
}
.news-01>div.news-right .news-right-title h2{
    color:#B51C13;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-01>div.news-right .news-right-title p{
    color:#000;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 0;
    text-indent: 2em;
}
.news-01>div.news-right .news-right-title a{
    position: absolute;
    right:30px;
    bottom:-60px;
    background: #BC413A;
    color:#fff;
    padding: 10px 20px;
}
.arr-left-top{
    position: relative;
}
.arr-left-top:before{
    position: absolute;
    left: -60px;
    content: '';
    background: url("img/icon.png") no-repeat;
    background-size: 100% 100%;
    width: 36px;
    height: 36px;
    display: none;
}
.arr-right-top:before{
    left:auto;
    right:20px;
    top:-10px;
    transform: rotate(90deg);
}
.title-cont{
    margin:40px 0;
    display: flex;
    justify-content: center;
    line-height: .8;
    gap: 4px;
}
.title-cont span{
    flex:1;
    position: relative;
}
.title-cont span:first-child{
    color:#E42218;
    font-size: 40px;
    font-weight: bold;
    text-align: right;
}
.title-cont span:before,
.title-cont span:after{
    content: '';
    position: absolute;
    right:100px;
    height: 1px;
    background: linear-gradient(270deg, rgba(181, 28, 19, 1), rgba(181, 28, 19, 0));
    width: 80%;
    top: 4px;
}
.title-cont span:after{
    width: 60%;
    top: 8px;
}
.title-cont span:last-child{
    font-size: 28px;
    color:#151515;
    font-weight: bold;
}
.title-cont span:last-child:before,
.title-cont span:last-child:after{
    top:auto;
    bottom:-6px;
    background: linear-gradient(270deg, rgba(181, 28, 19, 0), rgba(181, 28, 19, 1));
    right:auto;
    left:10px;
}
.title-cont span:last-child:after{
    bottom:-2px;
}
.news-02{
    margin:50px 0;
    display: flex;
    align-items: center;
    background: #fff;
    position: relative;
}
.news-02:before,
.news-02:after{
    content: '';
    width: 288px;
    height: 160px;
    background:#EF5D54;
    position: absolute;
    left:-8px;
    top:-8px;
    z-index: -1;
}
.news-02:after{
    left:auto;
    top:auto;
    right:-8px;
    bottom:-8px;
}
.news-02 img{
    width: 332px;
}
.news-02 .news-right-title{
    padding-right: 40px;
    padding-left: 40px;
}
.news-02 .news-right-title h2{
    margin-top: 0;
}
.news-02 .news-right-title h2 a{
    font-size: 22px;
    color:#B51C13;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-02 .news-right-title small{
    font-size: 16px;
    color:rgba(0,0,0,.8);
    margin-bottom: 10px;
    display: block;
}
.news-02 .news-right-title p{
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.8;
    text-indent: 2em;
}
.news-02-reverse{
    flex-direction: row-reverse;
}
.arr-left-bottom:before{
    left:16px;
    bottom:-14px;
    transform: rotate(-90deg);
}
.list-panel{
    background: #fff;
    padding:20px!important;
    border-top:3px solid rgba(190, 56, 48, 0.50);
}
ul.nowrapli.list-panel li a{
    margin-left: 0;
    font-size: 18px;
    color:#000;
    padding:5px 0;
}
ul.nowrapli.list-panel li a:hover{
    color:#EF5D54;
}
.title-line{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-start: 0;
    margin-block-end: 0;
}
.title-line span{
    color:#B51C13;
    height: 40px;
    margin-bottom: -3px;
    border-bottom: 5px solid #B51C13;
    font-size: 20px;
    font-weight: bold;
    padding:0 20px;
}
.title-line a{
    font-size: 16px;
    color:rgba(0,0,0,.6);
}
.improve-list{
    display: flex;
    gap: 19px;
    padding-bottom: 50px;
}
.improve-list a{
    position: relative;
}
.improve-list a span{
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 4px grey;
}
.title-cont-02.title-cont span:before,
.title-cont-02.title-cont span:after{
    right: 170px;
}
.news-01>div.news-right .news-right-title p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1440px) {
    .main{
        margin-top: -160px;
    }
}
@media (max-width: 998px) {
    .main{
        margin-top: -80px;
    }
    .improve-list{
        flex-wrap: wrap;
    }
    .improve-list a{
        width: 30%;
    }
}
@media (max-width: 665px) {
    .main{
        margin-top: -10px;
    }
    .news-01,.news-02 {
        flex-direction: column;
    }
    .news-02{
        gap: 16px;
    }
    .improve-list{
        justify-content: center;
    }
    .improve-list a{
        width: 45%;
    }
    .title-cont span:last-child{
        font-size: 18px;
    }
    .title-cont span:first-child{
        font-size: 30px;
    }
    .title-cont span:before, .title-cont span:after{
        right:80px
    }
    .title-cont-02.title-cont span:before,
    .title-cont-02.title-cont span:after{
        right: 130px;
    }
    ul.nowrapli.list-panel li a,
    .news-01>div.news-right .news-right-title p,
    .news-02 .news-right-title p{
        font-size: 14px;
    }
    .news-01>div.news-right{
        padding:16px;
    }
    .news-01>div.news-right{
        margin-left: 0;
    }
    .news-02 img{
        width: 100%;
    }
    .arr-left-top:before{
        left:0;
        bottom:0;
    }
    .arr-right-top:before{
        left:auto!important;
        right:0;
    }
    .news-01>div.news-right .news-right-title h2{
        font-size: 18px;
    }
}