.cen {
    overflow: hidden;
}

.cen_jj {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.cen_jj_xq {
    width: 100%;
    max-width: 1200px;
    background: #f5f5f5;
    margin-top: 21px;
}

.cen_jj_xq p {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    font-size: 22px;
    padding-top: 28px;
    padding-bottom: 28px;
    text-indent: 2em;
    line-height: 42px;
}

.bot {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 20px;
}

/* 2021年报 */

.tit22 {
    /* background-color: #f8f8f8; */
    height: 48px;
    line-height: 48px;
    /* border-bottom: 1px solid #eaeaea; */
    /* border-top: 1px solid #eaeaea; */
    line-height:48px;
    background: url(titbg2022.png) no-repeat right center;
    margin-top: 10px;
    
}

/* .time22 {
    background: #e7b259 url(time2022.png) no-repeat center center;
    width: 42px;
    height: 42px;
    float: left;
    margin-top: 3px;
    margin-left: 20px;
    margin-right: 20px;
} */

.yearnd {
    font-size: 22px;
    color: #262626;
    font-weight: bold;
    border-left: 14px solid #e7b259;
    padding-left: 10px;
    float: left;
}

.yearinfo {
    font-size: 16px;
    color: #999;
    display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.info22 {
    /* border-left: 3px solid #e7b259; */
    /* margin-left: 40px; */
    overflow: hidden;
    padding: 40px 60px;
    border: 1px solid rgb(236, 236, 236);
    margin: 14px 0 20px; 
}

.nd22list li {
    float: left;
    margin-right: 30px;
    width: 190px;
    height: 175px;
    text-align: center;
    display: block;
    background-color: #fff;
    box-shadow: 1px 0 5px rgba(0, 0, 0, .4);
}

.nd22list li a {
    color: #515151;
    font-weight: bold;
}

.nd22list li:last-child {
    margin-right: 0;
}

.nd22list li span {
    display: block;
    width: 90px;
    height: 90px;
    background-color: #d43822;
    border-radius: 45px;
    margin: 0 auto;
    text-align: center;
    line-height: 90px;
    margin-bottom: 10px;
    margin-top: 30px;
}

.hors_nd22list li img,
.nd22list li span img {
    vertical-align: middle;
    transition: all 1s;
}

.hors_nd22list li:hover img,
.nd22list li:hover img {
    transform: rotatey(360deg);
}

.hors_year {
    display: block;
    width: 120px;
    height: 36px;
    background-color: #d43822;
    color: #fff;
    line-height: 36px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 3px;
}

.hors_nd22list li {
    background-color: #f5f5f5;
    height: 46px;
    float: left;
    margin-right: 30px;
    width: 190px;
    display: block;
    line-height: 46px;
    text-align: center;
}

.hors_nd22list li:last-child {
    margin-right: 0;
}

.hors_nd22list li span {
    margin-right: 10px;
}

.hors_nd22list a {
    color: #4a4a4a;
}

.logimg { position: absolute; left: 300px; z-index: 9999; width: 400px; height: 100px; display:block; }
.bg21A{display:block;}
.bg21B{display:none;}
.bg21C{display:none;}

.banner2022{clear: both;margin: 30px  0;}
.banner2022 img{width: 100%;max-width: 1200px;}


@media screen and (max-width:1199px) {
.cen_jj { width: 98%; max-width: 1200px; margin: 0 1%; overflow: hidden; }
.cen_jj_xq { width: 98%; max-width: 1200px; margin: 37px 1% 0px 1%; background: #f5f5f5; }
.cen_jj_xq p { width: 100%; max-width: 1050px; margin: 0 auto; font-size: 22px; padding: 28px; text-indent: 2em; line-height: 42px; }
.nd22list li { float: left; margin: 15px 1% 0px 1%; width: 18%; height: 175px; text-align: center; display: block; background-color: #fff; box-shadow: 1px 0 5px rgba(0, 0, 0, .4); }
.bot { width: 98%; margin: 0 1%; }
.logimg { position: absolute; left: 300px; z-index: 9999; width: 400px; height: 100px; display:none; }
.bg21A{display:none;}
.bg21B{display:block;}
.bg21C{display:none;}
}
@media screen and (max-width:960px) {
    .tit22{background: none; margin-top: 1.5rem;}
    .banner2022{margin: 1rem 0;}
.cen_jj { width: 98%; max-width: 1200px; margin: 0 1%; overflow: hidden; }
.cen_jj_xq { width: 98%; max-width: 1200px; margin:25px 1% 0px 1%; background: #f5f5f5; }
.cen_jj_xq p { width: 100%; max-width: 1050px; margin: 0 auto; font-size: 22px; padding: 1rem; text-indent: 2em; line-height: 42px; }
.nd22list li { float: left; margin: 15px 1.5% 0px 1.5%; width: 30.33%; height: 175px; text-align: center; display: block; background-color: #fff; box-shadow: 1px 0 5px rgba(0, 0, 0, .4); }
.logimg { position: absolute; left: 300px; z-index: 9999; width: 400px; height: 100px; display:none; }
.bg21A{display:none;}
.bg21B{display:block;}
.bg21C{display:none;}
}
@media screen and (max-width:767px) {
  .toolbar {
  display: none;
}
/* .time22 {  width: 42px; height: 42px; float: left; margin-top: 3px; margin-left: 0px; margin-right: 10px; } */
.info22 { overflow: hidden; padding:1rem 1rem 2rem ; margin:0; }
.nd22list li { float: left; margin: 15px 1% 0px 1%; width: 48%; height: 175px; text-align: center; display: block; background-color: #fff; box-shadow: 1px 0 5px rgba(0, 0, 0, .4); }

.logimg { position: absolute; left: 300px; z-index: 9999; width: 400px; height: 100px; display:none; }
.bg21A{display:none;}
.bg21B{display:none;}
.bg21C{display:block;}
}