body{background: #f0f5fa;}
.part{width: 100%;overflow: hidden;}
.part01{background: url(../images/caibaobg.png) no-repeat;background-size: auto;background-position: center top;padding-bottom: 90px;}
.part01 .financialDetail{width: 1200px;margin: 0 auto;margin-top: 115px;}
/* .part01 .financialDetail h4{font-size: 36px;width: 1200px;font-weight: bold;color: #004f99;line-height: 44px;display: inline-block;padding-left: 27px;background: url(../images/leftline.png) no-repeat;background-size: 7px auto; background-position: left center; margin-bottom: 30px;} */
.part01 .financialDetail .financialDetaitlile{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.part01 .financialDetail .financialDetaitlile h4{font-size: 43px;width: 300px;font-weight: normal;color: #004f99;line-height: 50px;display: inline-block;padding-left: 27px;background: url(../images/leftline.png) no-repeat;background-size: 7px auto;background-position: left center;}
.part01 .financialDetail .financialDetaitlile .financialDetailBtn{width: 600px;}
.part01 .financialDetail .financialDetaitlile .financialDetailBtn .btn{width: 243px;height: 50px;margin-left: 15px;display: inline-block;border: 1px solid #edeff2;background: #fff;font-size: 18px;color: #004f99;line-height: 50px;text-align: center;border-radius: 10px;}
.part01 .financialDetail .financialDetaitlile .financialDetailBtn .btnOn{background: #ea5504;color: #fff;border: 1px solid #ea5504;}


.part01 .pipeline .table{margin-top: 77px;margin-bottom: 140px;}


.searchBox {width: 100%;padding-bottom: 24px;border-bottom: 1px solid #b1bece;}
.searchBox .tip{font-size: 18px;color: #004f99;margin: 0 0 15px 20px;}
.searchBox .choseYear{margin-top: 40px;display: flex;align-items: center;justify-content: space-between;font-size: 18px;}
.searchBox .choseYear span{color: #004f99;}
.searchBox .choseYear .yearList a{color: #004f99;}
.searchBox .choseYear .yearList .choseOn{color: #ea5504;}

.searchBox .search {width: 100%;display: flex; justify-content: space-between; align-items: center;}

.searchBox .search #keyWord{width: 300px;height:55px;border: 1px #D9D9D9 solid;cursor:pointer;overflow: hidden;border-radius: 28px; background: #fff;}
.searchBox .search #keyWord:hover{border:1px #ea5504 solid;}
.searchBox .search #keyWord #inputdateKey{width:260px;height:55px;white-space:pre;text-overflow:ellipsis;overflow: hidden;font-size: 18px;line-height:55px;color: #004f99;padding:0 20px;vertical-align: middle;border: none;display: block;}
.searchBox .search #keyWord #inputdateKey:focus-visible{border: none;outline: none;}

.searchBox #dateStart{width: 300px;height:55px;border: 1px #D9D9D9 solid;cursor:pointer;overflow: hidden;border-radius: 28px; background: #fff;}
.searchBox #dateStart:hover{border:1px #ea5504 solid;}
.searchBox #dateStart #inputdateStart{width:70%;height:55px;white-space:pre;text-overflow:ellipsis;overflow: hidden;font-size: 18px;line-height:55px;color: #004f99;padding:0 20px;vertical-align: middle;border: none;display: block;float: left;}
.searchBox #dateStart #inputdateStart:focus-visible{border: none;outline: none;}
/* .searchBox #dateStart img{width: 30px;} */
.searchBox #dateStart em{width: 32px;height: 55px; margin-right: 10px;float: right;display: flex;align-items: center;}
.searchBox #dateStart em img{width: 30px;height: 30px;}


.searchBox #dateEnd{width: 300px;height:55px;border: 1px #D9D9D9 solid;cursor:pointer;overflow: hidden;border-radius: 28px; background: #fff;}
.searchBox #dateEnd:hover{border:1px #ea5504 solid;}
.searchBox #dateEnd #inputdateEnd{width:70%;height:55px;white-space:pre;text-overflow:ellipsis;overflow: hidden;font-size: 18px;line-height:55px;color: #004f99;padding:0 20px;vertical-align: middle;border: none;display: block;float: left;}
.searchBox #dateEnd #inputdateEnd:focus-visible{border: none;outline: none;}
.searchBox #dateEnd em{width: 32px;height: 55px; margin-right: 10px;float: right;display: flex;align-items: center;}
.searchBox #dateEnd em img{width: 30px;height: 30px;margin-top: 11px;}
input::placeholder, textarea::placeholder {
    color: #004f99;
}
/*.searchBox #dateEnd .date-js{right: 20px;}*/

/* .searchBox .search{} */
.searchBox .search .opt{width: 120px;border-radius: 27px;height: 54px;text-align: center;line-height: 54px;font-size: 18px;background: #ea5504;color: #fff;margin-left: 18px;cursor: pointer;display: inline-block;}
.searchBox .search .reset{background: #fff;color: #ea5504;}
.tableList{width: 100%;}
.financialtable{width: 100%;}
.table{width: 100%;margin-top: 32px;}
.table:nth-child(2){display: none;}

.table{width: 100%;}
.table .tableThBox{width: 100%;display: flex;align-items: center;margin: 40px 0 25px 0;padding: 0 20px;justify-content: space-between;}
.table .tableThBox div{font-size: 20px;color: #004f99;font-weight: bold;width: 230px;}
.table .tableThBox div:nth-child(2){width: 380px;}

.table .letterList li{border: 1px solid #fdfeff;width: 100%;margin-bottom: 12px;background: #fdfeff;border-radius: 10px; display: flex; align-items: center;padding: 20px; justify-content: space-between; transition: max-height 1s; line-height: 30px;}
.table .letterList li span{display: inline-block;width: 230px;font-size: 18px;color: #004f99;font-weight: bold;}
.table .letterList li .date{font-size: 18px;color: #004f99;}
.table .letterList li .type{color: #ea5504;width: 190px;display: inline-block;font-size: 18px;font-weight: bold;padding-left: 40px;background: url(../images/upload.png) no-repeat;background-position: left center;background-size: 30px 30px;cursor: pointer;}
.table .letterList li .title{width: 380px;font-size: 18px;font-weight: bold;display: flex;align-items: center;color: #004f99;}
/*.table .letterList li .title p{display: none;}*/
.table .letterList li .title h5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;    white-space: unset;}
.table .letterList .readOn{border: 1px solid #ea5504;max-height: 500px; transition: max-height 1s;}
.table .letterList .readOn span{color: #ea5504;}
.table .letterList .readOn a{color: #ea5504;}
.table .letterList .readOn .title{height: auto;}
.table .letterList .readOn .title h5{color: #ea5504;display: none;}
.table .letterList .readOn .title p{color: #ea5504;display: block;}

.table .letterList li:hover{border: 1px solid #ea5504;}
.table .letterList li:hover .title h5{color: #ea5504;}
.table .letterList li:hover  span{color: #ea5504;}
.table .letterList li:hover a{color: #ea5504;}



@media screen and (max-width: 900px){
    .pageBanner .pageNav ul{padding-left: 10px;}
    .part01{background-position: 10% center;background: none;min-height: unset;padding-bottom: 0;}
    .part01 .financialDetail{width: 90%;margin: 0 auto;margin-bottom: 40px;padding-bottom: 0;}
    .part01 .financialDetail .financialDetaitlile h4{width: calc(100% - .7rem);padding: 0 .35rem;margin: 0 auto;margin-top: .5rem;    display: block; font-size: .4rem; line-height: 0.64rem;margin-bottom: 20px;}


    .part01 .financialDetail .financialDetaitlile{display: flex;    flex-direction: column;margin-bottom: 15px;}
    .part01 .financialDetail .financialDetaitlile .financialDetailBtn{width: 100%;    display: flex;
        flex-direction: row;
        justify-content: space-between;margin-top: 0;height: 40px;line-height: 40px;font-size: 16px;}
    .part01 .financialDetail .financialDetaitlile .financialDetailBtn .btn{width: 48%;height: 40px;line-height: 40px;font-size: 16px;margin-left: 0;}


    .sewvtop{height: 40px;}
    .sewvtop>span{height: 40px;line-height: 40px;font-size: 16px;}
    .sewvtop>em{height: 40px;display: flex;align-items: center;font-size: 16px;}
    .sewvtop>em img{margin-top: 0;}
    .sewv{width: 100%;}
    .search .opt{height: 40px;line-height: 40px;font-size: 16px;}
    .search{margin-top: 5px;}
    .searchBox{padding-bottom: 20px;}
    .searchBox .search {    flex-wrap: wrap;}
    .searchBox .search #keyWord{width: 100%;height: 40px;margin-bottom: 15px;}
    .searchBox .search #dateStart{width: 48%;height: 40px;}
    .searchBox .search #dateEnd{width: 48%;height: 40px;font-size: 16px;}
    .searchBox .search #keyWord #inputdateKey{height: 40px;line-height: 40px;font-size: 16px;}
    .searchBox #dateStart #inputdateStart{height: 40px;line-height: 40px;width: calc(100% - 65px);padding: 0 10px 0 15px;font-size: 16px;}
    .searchBox #dateStart em{margin-right: 5px;height: 40px;}
    .searchBox #dateEnd #inputdateEnd{height: 40px;line-height: 40px;width: calc(100% - 65px);padding: 0 10px 0 15px;}
    .searchBox #dateEnd em{margin-right: 5px;height: 40px;}
    .searchBox #dateEnd em img{margin-top: 0;}
    
    .searchBox .search .opt{height: 40px;line-height: 40px;margin: 15px;font-size: 16px;}
    .searchBox .search{margin-top: 25px;}

    .searchBox .choseYear{flex-wrap: wrap;margin-top: 0;}
    .searchBox .choseYear span{width: 100%;text-align: right;font-size: 16px;display: none;}
    .searchBox .choseYear .yearList{width: 100%;margin-top: 0;text-align: right;font-size: 16px;}

    .searchBox .tip{font-size: 16px;display: none;}
    
    .table{margin-top: 20px;}
    .table .tableThBox{width: 100%;margin-top: 0;}
    .table .tableThBox div{font-size: 18px;}
    .table .tableThBox div:nth-child(1){display: none;}
    .table .tableThBox div:nth-child(3){display: none;}

    .table .letterList li .date{display: none;}
    .table .letterList li .name{display: none;}
    .table .letterList li{width: calc(100% - 30px);padding: 15px; justify-content: space-between; transition: max-height 1s; line-height: 24px;}
    .table .letterList li .title{margin-right: 10px;}

    .table .letterList li .title h5 {font-size: 16px;}
    .table .letterList li .title p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;    white-space: unset;font-size: 16px;}
    .table .letterList li .type{background-size: 20px;    padding-left: 30px;font-size: 18px;}
    
    /* .financialList li{padding: 15px;}
    .financialList li .cover{width: 55%;height: 200px;}
    .financialList li .cover img{object-fit: contain;}
    .financialList li .link{width: calc(45% - 25px);margin-left: 25px;}
    .financialList li .link h5{font-size: 20px;margin: 20px 0;}
    .financialList li .more{width: 100%;height: 34px;}
     */
    
}