.content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.news_box {width: 1200px; margin-top: 50px; display: flex; justify-content: space-between; overflow: hidden;}
.news_box .rec_adv {position: relative; width: 580px;}
.news_box .rec_adv .flex-viewport, .news_box .rec_adv ul{height: 100%;}
.news_box .rec_adv ul li{position: relative; height: 100%;}
.news_box .rec_adv ul li a {display: block; width: 100%; height: 100%}
.news_box .rec_adv ul li a div{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); height: 40px; line-height: 40px;}
.news_box .rec_adv ul li a div span{ width: 400px; display: block; margin-left: 20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 16px;}
.news_box .rec_adv .flex-control-nav{position:absolute; bottom: 12px; z-index:2; right: 10px;}
.news_box .rec_adv .flex-control-nav li{display:inline-block;margin:0 3px; zoom:1;}
.news_box .rec_adv .flex-control-nav a{display:inline-block; width:12px;height:12px; border-radius: 10px; line-height:40px; background: rgba(255,255,255,0.5); overflow:hidden; cursor:pointer;}
.news_box .rec_adv .flex-control-nav .flex-active{background: rgb(255,255,255);}
.news_box .rec_adv ul li img{width: 580px; height: 420px; transition: all 1s; object-fit: cover;}
.news_box .news_list {width: 580px; overflow: hidden;}
.news_box .news_list .news_tabs {display: flex; border-bottom: 1px solid #eee; justify-content: space-between;}
.news_box .news_list .news_tabs .title {color: #333; height: 45px; line-height: 45px; font-size: 28px; font-weight: bold; padding: 0 30px; border-left: 3px solid #014ea0; margin-bottom: 15px;}
.news_box .news_list .news_tabs .tabs {display: flex; align-items: flex-end; height: 45px;}
.news_box .news_list .news_tabs .tabs li {border: none; margin-left: 10px; padding: 0 15px !important; border-radius: 10px; height: 40px; font-size: 15px; line-height: 40px; cursor: pointer;}
.news_box .news_list .news_tabs .tabs li.active {box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to top, #014ea0, #014ea0e0); color: #fff;}
.news_box .news_list ul li a {width: 100%; display: flex; align-items: center; padding: 15px 0px; border-bottom: 1px solid #eee; cursor: pointer; font-size: 18px; justify-content: space-between;}
.news_box .news_list ul li .news_title {margin-left: -30px; padding-left: 30px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 75%; transition: 300ms; position: relative; overflow: hidden;}
.news_box .news_list ul li .news_date {color: #666; font-size: 14px;}
.news_box .news_list ul li a>.news_title::before{content: "";width: 5px;height: 5px;border: solid #014ea0;border-width: 2px 2px 0px 0px;transform: translate(-50%, -50%) rotate(45deg);position: absolute;left: 15px;top: 50%;}
.news_box .news_list ul li a>.news_title::after{content: "";width: 5px;height: 5px;border: solid #014ea0;border-width: 2px 2px 0px 0px;transform: translate(-50%, -50%) rotate(45deg);position: absolute;left: 10px;top: 50%;}
.news_box .news_list ul li:hover a>.news_title{color:#014ea0; margin-left: 0px;font-weight: bold;}
.news_box .news_list ul li:hover span{color:#014ea0;font-weight: bold;}
.news_box .news_list ul .news_top {transition: 100ms;}
.news_box .news_list ul .news_top:hover {box-shadow: 0 5px 10px #ddd; border-left: 3px solid #014ea0; a .title {color: #014ea0; font-weight: bold;}}
.news_box .news_list ul .news_top .news_date {width: 15%; display: flex; flex-direction: column; align-items: center; padding: 0 10px; border-right: 1px solid #eee; line-height: normal;}
.news_box .news_list ul .news_top .news_date h3 {padding: 0; font-size: 24px; font-weight: bold; color: #333;}
.news_box .news_list ul .news_top .news_date span {color: #878484;}
.news_box .news_list ul .news_top .title {padding: 0; margin-left: 30px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 85%; transition: 300ms;}

.news_box .rec_adv .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display: flex; justify-content: space-between;pointer-events: none}
.news_box .rec_adv .flex-direction-nav li a{display:block;pointer-events: auto;overflow:hidden;cursor:pointer;position:absolute; width: 40px; height: 70px; background: rgba(0,0,0,0.2); transition: 300ms;}
.news_box .rec_adv .flex-direction-nav li a:hover{background: rgba(0,0,0,0.5);}
.news_box .rec_adv .flex-direction-nav li a.flex-prev{margin-left:20px;}
.news_box .rec_adv .flex-direction-nav li a.flex-prev::before{ content: "";width: 10px; height: 10px; border: solid #fff; border-width: 2px 0 0 2px; transform: translate(-50%, -50%) rotate(-45deg);position: absolute; left: calc(50% + 3.5px); top: 50%;}
.news_box .rec_adv .flex-direction-nav li a.flex-next{margin-left:-60px;}
.news_box .rec_adv .flex-direction-nav li a.flex-next::before{ content: "";width: 10px; height: 10px; border: solid #fff; border-width: 2px 2px 0px 0px; transform: translate(-50%, -50%) rotate(45deg);position: absolute; left: calc(50% - 3.5px); top: 50%;}


.about_box {width: 100%; margin-top: 50px; background: url("../../images/xiaoda/6b17e880b7c9fcbb920a69a1ebc971cc.png");overflow: hidden;}
.about_box .box_title,
.about_box .about_content,
.project_box .box_title,
.project_box .project_content,
.infos_box, .column_box .box_title
{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.about_box .box_title .title,
.project_box .box_title .title,
.column_box .box_title .title,
.infos_box .info_item .box_title .title {color: #333; height: 45px; line-height: 45px; font-size: 28px; font-weight: bold; padding: 0 30px; border-left: 3px solid #014ea0; margin-bottom: 15px;}
.about_box .about_content .about_text {padding: 30px;width: 50%;transition: 300ms;position: relative;}
.about_box .about_content .about_text .title {color: #014ea0;font-size: 20px;font-weight: bold;}
.about_box .about_content .about_text .val {font-size: 14px;margin-top: 20px;line-height: 1.5rem;color: #333;white-space:pre-wrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; text-overflow: ellipsis;}
.about_box .about_content .about_text .more {border: 1px solid #fff;position: absolute;bottom: 30px;right: 30px;color: #fff;border-radius: 50px;cursor: pointer;transition: 300ms;}
.about_box .about_content .about_text .more a {display: block;padding: 8px 12px;color: #fff;}
.about_box .about_content .about_text .more:hover {background: rgba(0,0,0,0.5);}
.about_box .about_slides {position: relative;width: 35%;height: 332px;padding: 30px 0;}
.about_box .about_slides #about_slides_pre{content: "";width: 20px;height: 20px;border: solid #fff;border-width: 4px 0 0 4px;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: -20px;top: 50%;cursor: pointer;}
.about_box .about_slides #about_slides_next{content: "";width: 20px;height: 20px;border: solid #fff;border-width: 4px 0 0 4px;transform: translate(-50%, -50%) rotate(135deg);position: absolute;right: -43px;top: 50%;cursor: pointer;}
.about_box .about_slides ul {width: 100%;height: 100%;perspective: 1000px;}

.about_box .about_slides ul li {position: absolute;top: 30px;bottom: 0;left: 0;right: 0;margin: auto;z-index: 0;transition: .8s;opacity: 0;}

.about_box .about_slides ul li img {width: 100%;height: 230px;object-fit: cover;}

.about_box .about_slides ul .cur-img {width: 100%;z-index: 100;opacity: 1;}
.about_box .about_slides ul .pre-img {transform: translateY(-60px) rotateX(0deg) scale(0.8);z-index: 9;opacity: 0.9;}
.about_box .about_slides ul .next-img {transform: translateY(50px) rotateX(0deg) scale(0.8);z-index: 9;opacity: 0.9;}






.project_box {width: 100%; padding: 50px 0; background: #eee;overflow: hidden;}
.project_box .project_content{margin-top: 15px;}

.project_box .project_item{width: 280px; cursor: pointer;}
.project_box .project_item .dt_img{width: 100%; height: 200px; background-size: cover; background-position: 50% 50%; position: relative;}
.project_box .project_item .dt_val{background: #fff; padding: 20px; border-bottom: 2px solid #014ea0;}
.project_box .project_item .dt_val div {font-size: 16px; line-height: 1.75; height: 110px; white-space: pre-wrap;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; color: #000;}
.project_box .project_item .dt_img span{
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 260px;
    transition: 300ms;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.project_box .project_item:hover .dt_img span{
    height: 200px;
    margin: auto auto;
    white-space: normal;
    text-align: center;
    display: flex;
    align-items: center;
}
.project_box .project_item img{width: 100%;}
.project_box h3{font-size: 24px;text-align: center;line-height: 36px;}
.project_box ul{list-style-type:decimal;}
.project_box li{line-height: 32px;padding-right: 20px; list-style-position:outside;margin-left:45px;}
.project_box .jm_more{width: 100px;height:30px;color: #fff;background:#198DDD;display:block;text-align: center;line-height: 30px;margin:10px auto;border-radius: 5px;}
.project_box .jm_more:hover{background: #26c79d;}


.infos_box { padding: 50px 0;overflow: hidden;}
.infos_box .info_item {width: 580px; overflow: hidden;}

.infos_box .info_item .box_title {width: 100%; display: flex; justify-content: space-between;}
.infos_box .info_item ul li a {width: 100%; display: flex; align-items: center; padding: 15px 0px; border-bottom: 1px solid #eee; cursor: pointer; font-size: 18px; justify-content: space-between;}
.infos_box .info_item ul li .news_title {margin-left: -30px; padding-left: 30px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 75%; transition: 300ms; position: relative; overflow: hidden;}
.infos_box .info_item ul li .news_date {color: #666; font-size: 14px;}
.infos_box .info_item ul li a>.news_title::before{content: "";width: 5px;height: 5px;border: solid #014ea0;border-width: 2px 2px 0px 0px;transform: translate(-50%, -50%) rotate(45deg);position: absolute;left: 15px;top: 50%;}
.infos_box .info_item ul li a>.news_title::after{content: "";width: 5px;height: 5px;border: solid #014ea0;border-width: 2px 2px 0px 0px;transform: translate(-50%, -50%) rotate(45deg);position: absolute;left: 10px;top: 50%;}
.infos_box .info_item ul li:hover a>.news_title{color:#014ea0; margin-left: 0px;font-weight: bold;}
.infos_box .info_item ul li:hover span{color:#014ea0;font-weight: bold;}

.column_box {overflow: hidden;}
.column_box .column_content {
    margin-top: 15px;
}
.column_box .column_content ul {
    display: flex;
    justify-content: space-between;
}
.column_box .column_content ul li {
    overflow: hidden;
}
.column_box .column_content ul li:hover > a img {
    transform: scale(1.3);
}
.column_box .column_content ul li a {

}
.column_box .column_content ul li a img {
    width: 385px;
    height: 200px;
    object-fit: cover;
    transition: 300ms;
}

.box_title .more {
    line-height: 45px;
    height: 45px;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
}
.box_title .more a {
    color: #333;
    display: block;
}
.box_title .more a::before {
    content: "";
    width: 6px;
    height: 6px;
    border: solid #333;
    border-width: 2px 0 0 2px;
    transform: translate(-50%, -50%) rotate(135deg);
    position: absolute;
    right: 0px;
    top: 50%;
    cursor: pointer;
}

.box_title .more a:hover {
    color: #014ea0;
    font-weight: bold;
}
.box_title .more a:hover::before{
    border-color: #014ea0;
}