body{
    background: linear-gradient( 180deg, rgba(255,246,239,0.5) 0%, #FFF0E4 35%);;
}
.main{
    position: relative;
    background: url(../img/bg.png) no-repeat;
    background-size: cover;
}
.news-01{
    /* align-items: center; */
    margin-bottom: 16px;
    width:100%;
}
.news-01>div{
    flex:1;
}
.news-01>div.news-left{
    position: relative;
    margin-top: -30px;
    width: 45%;
    float: left;
}
.news-01>div.news-left::before{
    content: '';
    width: calc(100% + 50px);
    height: 90%;
    position: absolute;
    background: #FFC892;
    border-radius: 5px 5px 50px 5px;
    left: -50px;
    top: 25%;
}
.news-01>div.news-left img{
    position: relative;
    z-index: 1;
}
.news-01>div.news-right{
    width: 55%;
    float: left;
    position: relative;
    padding: 40px 30px;
    padding-left: 35px;
 
}
.news-01>div.news-right::after{
    content: '';
    width: 300px;
    height: 30px;
    background: url(../img/border-right.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 20px;
    right: 15px;
}
.news-01>div.news-right .news-right-title::after{
    content: '';
    width: 118px;
    height: 40px;
    background: url(../img/arr-left.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -28px;
    left: -35px;
}
.news-01>div.news-right::before{
    content: '';
    width: calc(100% + 20px);
    height: 100%;
    background: linear-gradient( 0deg, #FFFFFF 0%, #FFFCF2 100%);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
    border-radius: 5px 5px 5px 20px;
    position: absolute;
    left: -20px;
    top: 0px;
}
.news-01>div.news-right .news-right-title{
    position: relative;
    padding-bottom: 10px;
}
.news-01>div.news-right .news-right-title h2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    line-height: 32px;
    text-align: left;
}
.news-01>div.news-right .news-right-title p{font-family: Noto Sans SC, Noto Sans SC;font-weight: 400;font-size: 18px;color: #3C3226;line-height: 32px;text-align: justified;}
.news-01>div.news-right .news-right-title a{
    
    color:#000000;
    
}
.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  25px;
    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;
    z-index: 1;
    position: relative;
  
}
.news-02:before{
    content: '';
    width: 80%;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 20px;
    background: #FFC892;
    border-radius: 0px 5px 50px 5px;
}
.news-02:after{
    left:auto;
    top:auto;
    right:-8px;
    bottom:-8px;
}
.news-02 img{
    width: 332px;
}
.news-02 .news-right-title{
    position: relative;
    background: linear-gradient( 0deg, #FFFFFF 0%, #FFFCF2 100%);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
    border-radius: 5px 5px 50px 5px;
    padding: 20px;
}
.news-02 .news-right-title h2{
    margin-top: 5px;
    background: url(../img/border-right.png) no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: 300px auto;
}
.news-02 .news-right-title h2 a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #B51C13;
    line-height: 38px;
    text-align: left;
    width: 100%;
    position: relative;
    padding-bottom: 5px;
}
.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{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Noto Sans SC, Noto Sans SC;
    font-weight: 400;
    font-size: 18px;
    color: #3C3226;
    line-height: 34px;
    text-align: justified;
}
.news-02-reverse{
    flex-direction: row-reverse;
    display: block;
}
.news-02.news-02-reverse .news-02-left {

width: 49%;

float: right;
}
.news-02.news-02-reverse .news-right-title {

width: 51%;

float: left;

background: none;

padding: 0px;

box-shadow: none;

}
.news-02.news-02-reverse .news-right-title>div{
    position: relative;
    background: linear-gradient(0deg, #FFFFFF 0%, #FFFCF2 100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    border-radius: 0px;
    padding: 40px 20px;
    z-index: 1;
    margin-top: 10px;
}
.news-02.news-02-reverse .news-02-left img {

width: 100%;
}
.news-02.news-02-reverse:before{
    background: transparent;
    position: static;
}
.news-02.news-02-reverse .news-right-title::after{
    content: '';
    width: calc(100% + 20px);
    height: 100%;
    position: absolute;
    left: -20px;
    top: 20px;
    background: #FFC892;
}
.news-02.news-02-reverse .news-right-title  h2{
    background: none;
}
.news-02.news-02-reverse .news-right-title  h2 a{
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    line-height: 38px;
    text-align: left;
    width: 100%;
}
.news-02.news-02-reverse .news-right-title p{
    -webkit-line-clamp: 5;
}
.arr-left-bottom:before{
    left:16px;
    bottom:-14px;
    transform: rotate(-90deg);
}
.list-panel{
    padding: 60px 20px 45px!important;
    margin-top: -47px;
    background: linear-gradient( 0deg, #FFFFFF 0%, #FFFCF2 100%);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
    border-radius: 5px 5px 20px 5px;
    position: relative;
}
.list-panel::after{
    content: '';
    width: 100%;
    height: 50px;
    background: url(../img/border-left.png) no-repeat;
    position: absolute;
    bottom: 15px;
    right: 25px;
    background-size: 50% auto;
    background-position-x: right;
}
.list-panel-div{
    position: relative;
    /* margin-left: 15px; */
    padding: 20px;
    width: 50%;
    float: left;
}
.list-panel-div::before{
    content: '';
    width: 80%;
    height: 90%;
    position: absolute;
    left: 0px;
    top: 29px;
    background: #FFC892;
    border-radius: 0px 5px 50px 5px;
}
ul.nowrapli.list-panel li a{
    margin-left: 0;
    font-size: 18px;
    color:#000;
    padding:5px 0;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    line-height: 34px;
    text-align: left;
}
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; */
    margin: 0px;
    width: 90%;
    position: relative;
    z-index: 2;
    margin-left: -20px;
}
.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: 10px;
    padding-bottom: 50px;
    justify-content: space-between;
}
.improve-list a{
    position: relative;
    background: linear-gradient( 198deg, #FCF6EB 45.93%, #FFFFFF 100%);
    box-shadow: 0px 4px 4px 0px rgba(214,197,183,0.08);
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #e7e7e7;
    display: block;
    flex: 1;
    padding: 17px 15px;
}
.improve-list a img{
    
height: 100px;
    
width: auto;
    
margin: 0px auto;
    
display: block;
}
.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; */
    font-family: Noto Sans SC, Noto Sans SC;
    font-weight: 400;
    font-size: 16px;
    color: #3C3226;
    line-height: 24px;
    text-align: center;
    display: block;
    margin-top: 10px;
}
.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;
}
.news-03{
    margin: 0px -20px  30px;
}
.news-02 .news-right-title h2 a::before{
    content: '';
    width: 87px;
    height: 2px;
    background-color: #B51C13;
    position: absolute;
    bottom: 0px;
}
.news-02.news-02-reverse .news-right-title h2 a::before{
    background: none;
}
@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%;
    }
    .list-panel-div,
    .news-02.news-02-reverse .news-right-title,
    .news-02.news-02-reverse .news-02-left,
    .news-01>div.news-left{
        width: 100%;
    }
    .news-01>div.news-right{
        padding: 30px 15px;
        width: 100%;
        margin-top: 20px;
    }
    .news-01>div.news-right::before{
        width: 100%;
        left: 0px;
    }
    .news-01>div.news-left::before{
        background: transparent;
    }
    .news-01>div.news-right .news-right-title::after{
        width: 100px;
        height: 28px;
        bottom: -22px;
        left: 0px;
    }
    .news-02.news-02-reverse .news-right-title{
        margin-top:20px;
    }
    .news-02 .news-right-title h2{
        background: none;
    }
    .title-line{
        width: 80%;
    }
    .list-panel{
        margin-top: -57px;
    }
    .list-panel-div::before{
        width: 70%;
    }
}
@media (max-width: 665px) {
    
    .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;
    }
    .news-01>div.news-left{
        margin-top: 0px;
    }
    .news-01>div.news-right::after{
        width: 200px;
        height: 20px;
        top: 15px;
    }
    .news-01>div.news-right .news-right-title::after{
        bottom: -8px;
    }
    .news-01>div.news-right::before{
        border-radius: 5px;
    }
    .title-cont{
        margin: 20px 0 15px;
    }
    .news-02{
        margin: 15px 0;
    }
    .list-panel-div::before,
    .news-02.news-02-reverse .news-right-title::after,
    .news-02:before{
        background: none;
    }
    .title-line {
        width: 100%;
        margin-left: 0px;
    }
    .list-panel {
        margin-top: -37px;
    }
    .list-panel-div{
        padding: 0px 20px;
    }
    .news-03{
        margin: 0px -20px 0px;
    }
    ul.nowrapli.list-panel li a{
        padding: 0px;
        width: 100%;
    }
    .news-02.news-02-reverse .news-right-title h2 a,
    .news-02 .news-right-title h2 a{
        font-size: 16px;
        line-height: 25px;
    }
    .news-02.news-02-reverse .news-right-title>div{
        padding: 15px  20px;
    }
    .list-panel::after{
        bottom: 0px;
    right: 15px;
    }
}