@font-face {
    font-family: 'xuandongkaishu';
    src: url("../font_chw/XuandongKaishu.ttf");
}


*{
    margin: 0;
    padding: 0;
    color: #333;
    transition: 0.3s;
}

a{
    text-decoration: none;
    cursor: pointer;
}

li{list-style: none;}
img{outline: none;border: none;}
i{font-style: normal;}

.layout{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.space-between{
    display: flex;
    justify-content: space-between;
}
.flex-center{
    display: flex;
    justify-content: center;
}

/* 头部 */
header{
    height: 100px;
}
header .layout{
    align-items: center;
}
header .logo{
    width: 306px;
    /* height: 52px; */
    height: auto;
}
header nav ul li{
    margin-left: 70px;
    position: relative;
}
header nav ul li > a{
    font-size: 24px;
    font-family: "xuandongkaishu";
    color: #A0ACBB;
    transition: 0.3s;
    white-space: nowrap;
}
header nav ul li.active > a,header nav ul li:hover > a{
    color: #1C222B;
}
header nav ul li::before{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 0;
    height: 5px;
    border-radius: 10px;
    background: #AE8B53;
    transition: 0.3s;
}
header nav ul li.active::before,header nav ul li:hover::before{
    width: 26px;
}
/* 头部下拉 */
header nav ul li .nav-list{
    position: absolute;
    top: 0;
    padding-top: 62px;
    height: 0;
    overflow: hidden;
    transition: 0.3s;
    opacity: 0;
    transform: translateY(-10px);
}
header nav ul li:hover .nav-list{
    height: auto;
    opacity: 1;
    overflow-y: visible;
    overflow-x: visible;
    transform: translateY(0);
}
header nav ul li .nav-list > a{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 106px;
    height: 40px;
    font-size: 14px;
    color: #A0ACBB;
    background: #FFFFFF;
    box-shadow: 0 0 1px 1px #ECEFF366;
    font-family: "xuandongkaishu";
    white-space: nowrap;
    padding: 0 20px;
}
header nav ul li .nav-list > a.active,header nav ul li .nav-list > a:hover{
    background: #082648;
    color: #fff;
}
header .language{   
    margin-left: 80px;
}
header .language a{
    white-space: nowrap;
    font-size: 18px;
    color: #A0ACBB;
    /* font-weight: bold; */
}

/* 主体 */
main{
    min-height: 500px;
    /* background-color: red; */
    /* background: url(../images_chw/bg/bg_main3.png) center 300px / 100% auto no-repeat; */
    background: url(../images_chw/bg/bg_main3_2.png);
    /* background-size: cover; */
    background-size: 1920px auto;
    background-position: 0 300px;
    padding-bottom: 50px;
}
/* 当前位置 */
.path{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.path a{
    display: block;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    margin-right: 5px;
    margin-bottom: 5px;
}
.path a:last-child{
    color: rgba(0,0,0,0.9);
}
/* banner图 */
.banner{
    height: 300px;
    /* object-fit: cover; */
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
}
.banner .layout{
    justify-content: center;
    display: flex;
    flex-flow: column;
}
.banner h2{
    font-size: 50px;
    margin: 20px 0;
    color: #fff;
    letter-spacing: 5px;
}
.banner h3{
    font-size: 68px;
    margin: 10px 0;
    color: #fff;
    letter-spacing: 5px;
    font-family: "xuandongkaishu";
    font-weight: normal;
}
.banner h2::before{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin-bottom: 20px;
}
.banner span{
    font-size: 25px;
    color: #fff;
}

footer{
    /* height: 427px; */
    background: #23232D;
    box-sizing: border-box;
    padding-top: 52px;
}
footer .about{
    display: flex;
}
footer .logo{
    width: 305px;
    /* height: 52px; */
    height: auto;
    margin-bottom: 38px;
}
footer .left span{
    display: block;
    margin-bottom: 18px;
    color: #fff;
    padding-left: 32px;
    font-size: 18px;
}
footer .left span.phone{background: url(../images_chw/icon/icon_phone.png) center left no-repeat;}
footer .left span.email{background: url(../images_chw/icon/icon_email.png) center left no-repeat;}
footer .middle{
    flex: 1;
    display: flex;
    margin-left: 50px;
    justify-content: space-between;
}
footer .middle span{
    color: #787878;
    margin-bottom: 21px;
    display: block;
    white-space: nowrap;
}
footer .middle a{
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 15px;
    white-space: nowrap;
}
/* footer .link-item:nth-child(1){margin-right: 96px;} */
/* footer .link-item:nth-child(2){margin-right: 100px;} */
footer .right{
    display: flex;
}
footer .code{
    width: 118px;
    height: 118px;
    margin-left: 20px;
}
footer .copy{
    /* margin-top: 106px; */
    margin-top: 36px;
    padding: 24px 0;
    color: #fff;
    text-align: center;
    border-top: 1px solid #585858;
}
footer .copy p{
    color: #949494;
}

/* 路径 */
.path{
    padding-top: 33px;
    padding-bottom: 30px;
}
.page-title{
    position: relative;
}
.page-title h3{
    color: #082648;
    font-size: 48px;
    line-height: 72px;
}
.page-title h3.normal{
    color: #1C222B;
}
.page-title .right{
    position: absolute;
    right: 0;
    top: 0;
}

.page-title-cloud{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-title-cloud h3{
    color: #082648;
    font-size: 48px;
    line-height: 72px;
    margin: 0 20px;
}
.page-title-cloud h4{
    color: #082648;
    font-size: 32px;
    line-height: 72px;
}
.page-title-cloud.white h3,.page-title-cloud.white h4{
    color: #fff;
    text-align: center;
}
.page-title-cloud::before,.page-title-cloud::after{
    content: "";
    display: block;
    flex: 1;
    height: 21px;
    background: url(../images_chw/icon/icon_line.png) right center / auto 100% no-repeat;
}
.page-title-cloud::after{
    transform: rotateY(180deg);
    background: url(../images_chw/icon/icon_line.png) right center / auto 100% no-repeat;
}
.page-title-cloud.white::before{
    background: url(../images_chw/icon/icon_line_white.png) right center / auto 100% no-repeat;
}
.page-title-cloud.white::after{
    background: url(../images_chw/icon/icon_line_white.png) right center / auto 100% no-repeat;
}
/* 分割线 */
.line{
    display: flex;
    align-items: center;
    width: 100%;
    height: 42px;
    /* padding-bottom: 70px; */
    background: url(../images_chw/icon/icon_module_line.png) center center / 42px 42px no-repeat;
}
.line::before,.line::after{
    content: "";
    display: block;
    border-top: 1px dashed #D9DDE4;
    flex: 1;
}
.line::before{
    margin-right: 57px;
}
.line::after{
    margin-left: 57px;
}
.line.white{
    background: url(../images_chw/icon/icon_module_line_white.png) center center / 42px 42px no-repeat;
}
/* .line-icon{
    width: 42px;
    height: 42px;
    background: url(../images_chw/icon/icon_module_line.png) center center no-repeat;
    margin: 0 15px;
} */


/*分页部分*/
.pager{display: flex;justify-content: center;margin-bottom: 100px;}
.page-main{margin: 0 auto;}
.page-sum, .page-home, .page-pre,.page-list, .page-list ul li, .page-next, .page-end, .page-jump, .pageDdd, .pageLast,.pageLast2, .page-input, .page-go{float: left;margin-right: 5px;color: #333333;}
/*.page-btn{padding: 7px;border: 1px solid #dddddd;}*/
.page-home{width: 53px;height: 34px;border: 1px solid #e7e7e7;text-align: center;line-height: 19px;font-size: 12px}
.page-end{width: 53px;height: 34px;border: 1px solid #e7e7e7;text-align: center;line-height: 19px;font-size: 12px}
.page-btn a,.page-list ul li a{cursor:pointer;color: #333333;font-size: 14px;line-height: 34px}
.page-btn a:hover,.page-list ul li a:hover{color: #082648;}
.page-list ul li{width: 34px;height:34px;border: 1px solid #dddddd;}
.page-list ul li a{display: block   ;width: 100%;height: 100%;line-height: 34px;text-align: center;font-size: 16px}
.page-list ul li.on{background-color: #082648;border: 1px solid #a8d1fa;}
.page-list ul li.on a{color: #fff}
.page-input input{text-indent: 10px;outline:medium;height: 30px;width: 40px;}
.page-sum span,.page-jump span{line-height: 34px;}
.page-go{background-color: #082648;border: none;}
.page-go a{color: white;}
.page-go a:hover{color: purple;}
.pageLast.j-page-active{color: white;border: none;line-height: 36px;width: 38px;height: 36px;background-color: #082648;}
.pageLast2.j-page-active{color: white;border: none;line-height: 36px;width: 38px;height: 36px;background-color: #082648;}
.pageLast.j-page-active a{color: white;}
.pageLast2.j-page-active a{color: white;}
.pageDdd, .pageLast,.pageLast2{cursor: pointer;width: 36px;height: 34px;line-height: 34px;text-align: center;border: 1px solid #dddddd;}
.page-pre{width: 70px;height: 34px}
.page-pre a{display:block;width: 100%;height: 100%;text-align: center;line-height: 34px}
.page-next{width: 70px;height: 34px}
.page-next a{display:block;width: 100%;height: 100%;text-align: center;line-height: 34px}
.page-pre.pageNPActive a{color: #082648;}
.page-next.pageNPActive a{color: #082648;}

.laymenu{
    display: flex;
    justify-content: space-between;
}
.laymenu .menu{
    width: 173px;
}
.laymenu .menu.long{
    /* width: 235px; */
    width: 260px;
}
.laymenu .menu ul{
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px;
    border: 1px solid #AB8C55;
    position: relative;
    z-index: 100;
    margin: 0 auto;
    background: #fff;
}
.laymenu .menu ul::before{
    content: "";
    display: block;
    width: 149px;
    height: 110%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    border: 1px solid #AB8C55;
    background: #fff;
    z-index: -1;
}
.laymenu .menu.long ul::before{
    /* width: 204px; */
    width: 224px;
}
.laymenu .menu ul li{
    margin: 0 auto;
    display: flex;
    width: 96px;
    height: 74px;
    align-items: center;
    justify-content: center;
}
.laymenu .menu.long ul li{
    width: auto;
}
.laymenu .menu ul li + li{
    border-top: 1px solid rgb(224, 244, 241);
}
.laymenu .menu ul li a{
    font-weight: 400;
    font-size: 18px;
    color: #A0ACBB;
    text-align: center;
    /* word-break: break-all; */
    /* white-space: nowrap; */
}
.laymenu .menu ul li.active a{
    color: #082648;
}
.laymenu .content{
    /* width: 959px; */
    width: 940px;
}
.laymenu .long + .content{
    width: 910px;
}

/* 日期 */
.date-abs{
    position: absolute;
    left: 10px;
    top: 0;
    width: 61px;
    height: 64px;
    box-sizing: border-box;
    padding-top: 14px;
    padding-left: 12px;
    background: #AB8C55;
}
.date-abs span{
    display: block;
    width: 24px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 18px;
    padding-bottom: 4px;
}
.date-abs span:first-child{
    border-bottom: 1px solid #CCCCCC;
}
.date-abs span + span{
    font-size: 10px;
    font-weight: normal;
}


.building{
    width: 100%;
    height: 600px;
    background: url(../images_chw/bg/bg_building.png) center center / 320px 320px no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
.building p{
    padding-top: 370px;
    font-weight: bold;
    font-size: 24px;
    color: #082648;
    line-height: 36px;
    text-align: center;
}

.table{
    table-layout: fixed;
}
.table thead tr{
    background: #0f1E43;
    color: #fff;
    height: 50px;
}
.table thead tr th{
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    padding: 0 15px;
    text-align: left;
}
.table tbody tr td{
    line-height: 35px;
    font-size: 18px;
    padding: 10px 15px;
    text-align: left;
    /* border: 1px solid #c4c4c4; */
    border: 1px solid #D9DDE499;
}

.title{
    margin-bottom: 30px;
}
.title h3{
    font-size: 30px;
    color: #082648;
}