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;}


.sewv{position: relative;width: 370px;display: inline-block;vertical-align: middle;}
.sewvtop{width:100%;height:55px;border: 1px #D9D9D9 solid;cursor:pointer;border-radius: 2px;overflow: hidden;border-radius: 28px;    background: #fff;}
.sewvtop:hover{border:1px #ea5504 solid;}
.sewvtop>span{float:left;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;}
.sewvtop>em{    float: right; width: 32px; height: 52px; vertical-align: middle; margin-right: 10px;display: flex;align-items: center;}
.sewvtop>em img{width: 30px;}
.sewvbm{width: 100%;position: absolute;left: 0;top: 65px;display: none;background: #fff;border-radius: 10px;overflow: hidden;z-index: 10;border: 1px solid #ccc;}
.sewvbm>li{cursor:pointer;width:calc(100% - 20px);height:52px;line-height:52px;font-size: 18px;color: #004f99;padding-left:20px;}
.sewvbm>li:hover{background: #ea5504;color: #fff;}
.sewvbm>li span{margin-right: 10px;}
.sewvbm>li:nth-child(1) span{color: #ea5504;}
.sewvbm>li:nth-child(2) span{color: #ffbd1f;}
.sewvbm>li:nth-child(3) span{color: #3053ad;}


.lbaxztop{animation: rotatete 0.3s linear forwards;}
.lbaxztop2{animation: rotatete2 0.3s linear forwards;}
@keyframes rotatete{
    from{transform: rotate(0deg);}
    to{transform: rotate(180deg);}
}

@keyframes rotatete{
    from{transform: rotate(0deg);}
    to{transform: rotate(180deg);}
}

@-moz-keyframes rotatete2{
    from{transform: rotate(180deg);}
    to{transform: rotate(0deg);}
}
@keyframes rotatete2{
    from{transform: rotate(180deg);}
    to{transform: rotate(0deg);}
}
.search{padding-bottom: 32px;border-bottom: 1px solid #b1bece;width: 100%; display: flex; align-items: center;margin-bottom: 37px;}
.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;}
.search .reset{background: #fff;color: #ea5504;}
.tableList{width: 100%;}

.tableList h4{font-size: 18px; margin-left: 10px; margin-bottom: 7px; color: #004f99; font-weight: bold;line-height: .7rem;}
.financialList{width: 100%;width: 100%;display: -webkit-box; clear: both; height: auto;display: flex;flex-wrap: wrap;}
/*.financialList:nth-child(2){display: none;}*/
.financialList li {margin-bottom: 37px;border: 1px solid #edeff2;background: #fff;border-radius: 15px;overflow: hidden;padding: 26px 0px;display: flex;flex-direction: column;width: 270px;float: left;align-items: center;    margin-right: 37px;}
.financialList li:nth-child(4n){margin-right: 0;}
.financialList li:hover{border: 1px solid #ea5504;}
.financialList li .cover{width: 212px;height: 296px;overflow: hidden;border-radius: 10px;position: relative;}
.financialList li .cover img{width: 100%;height: 100%;object-fit: cover;}
.financialList li .cover p{position: absolute; font-size: 18px; text-align: center; color: #fff; top: 40px; z-index: 5; width: 100%; font-weight: bold;}
.financialList li .link{margin-left: 0;width: 190px;}
.financialList li .link{font-size: 32px;font-weight: bold;margin: 0 0 17px 0;}
.financialList li .link h5{margin-bottom: 8px;font-size: 18px;font-weight: bold;color: #004f99;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top:15px}
.financialList li .more{width: 100px;background: #ea5504;color: #fff;height: 32px;line-height: 32px;display: flex;align-items: center;border-radius: 25px;font-size: 16px;justify-content: center;}
.financialList li .more img{margin-left: 15px;}

.financialList li:hover .link h5{color: #ea5504;}
.financialList .readOn{border: 1px solid #ea5504;}
.financialList .readOn .link h5{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: 20px;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: 36px;line-height: 36px;}
    .part01 .financialDetail .financialDetaitlile .financialDetailBtn .btn{width: 48%;height: 40px;line-height: 40px;font-size: 16px;margin-left: 0;}


    .sewvtop{height: 40px;text-align: left;}
    .sewvbm {top: 44px;}
    .sewvbm>li {font-size: 16px; text-align: left;}
    .sewvtop>span{height: 40px;line-height: 40px;font-size: 16px;}
    .sewvtop>em{height: 40px;display: flex;align-items: center;}
    .sewvtop>em img{margin-top: 0;}
    .sewv{width: calc(100% - 4px);margin-bottom: 15px;margin-left: 0;}
    .search .opt{height: 40px; line-height: 40px; display: inline-block; float: left; margin: 0 15px; font-size: 16px;}
    .search .reset { float: right; }
    .search{margin-top: 5px;text-align: center; height: auto; display: inline-block; margin-bottom: 20px;padding-bottom: 25px;}

    

    .financialList{    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;}
    .financialList li{padding: 10px;width: calc(48% - 20px);margin-right:0;margin-bottom: .4rem;}
    .financialList li .cover{width: 100%;height: 4.2rem;}
    .financialList li .cover img{object-fit: contain;}
    .financialList li .cover p{font-size: 14px;}
    .financialList li .link{width: 90%;margin: -90px 0 15px 0;}
    .financialList li .link h5{font-size: 16pxmargin-bottom: 10px}
    .financialList li .more{width: 76%;height: 28px;font-size: 14px;line-height: 28px;}
    .financialList li .more img{width: 18px;height: 10px;}
    
    
}