body {
    margin: 0;
    background: #F1F4F9;
    color:#160E41
}

ul li{
    list-style: none;
}
/* banner */
.banner {
    color: #FEFEFE;
    background-image: url(./../images/case/img_banner04.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
    padding: 0 15%;
    display: flex;
    align-items: center;
}

.banner_content {
    width: 100%;
}

.banner_title {
    font-weight: bold;
    font-size: 32px;
    margin-left:10%;
    margin-bottom:15px;
}
/* content1 */
.content1{
    padding: 3% 20% 1%;
}
.content1_title{
    font-size: 24px;
    color: #160E41;
    font-weight: bold;
    padding: 15px 0;
}
.content1_part{
    display: flex;
}
.part_left{
    flex: 2;
}
.left_hearder{
    display: flex;
    background: #fff;
    height: 40px;
    line-height: 40px;
    margin-right:2%;
}
.head_menu{
    width: 16.66%;
    text-align: center;
}
.left_des{
    width: 100%;
    height:275px;
}
.left_des img{
    width: 100%;
}
.part_right{
    flex:1;
    margin-left:12px;
}
.left_grid{
    display: grid;
    grid-template-columns: repeat(3,32%);
    grid-row-gap: 2%;
    grid-column-gap: 2%;
    margin-right: 2%;
    margin-top: 2%;
}
.right_header{
    background-image: url(./../images/news/img_009.jpg);
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 20px;
}

.content1_text{
    background: #fff;
    padding: 20px 12px;
}
.text_title{
    color: #160E41;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
}
.text_button{
    font-size: 12px;
    line-height: 20px;
    color: #949494;
    cursor:pointer;
}
.right_content{
    width:100%;
}
.right_des{
    display: flex;
    height: 125px;
    width: 100%;
    margin: 4% 0;
    cursor:pointer;
}
.right_des img{
    flex:1;
}
.des_text{
    flex: 1;
    background: #fff;
    padding: 5% 16px;
}
.des_text .des_title{
    font-size: 14px;
    line-height: 20px;
}
.des_button{
    color: #949494;
    font-size: 12px;
    line-height: 25px;
}

/* content2 */
.content2{
    padding:1% 20%;
}
/* 弹出层 */
.box_left{
    flex:1;
}
.box_left img{
    width:100%;
}
.box_right{
    flex:2;
    padding: 0 3%;
}
.box_name{
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box_title{
    padding: 15px 0;
    font-size: 22px;
    font-weight: bold;
}

.box_content{
    font-size: 14px;
    line-height: 20px;
    text-indent: 28px; 
}