/*css*/
.ui-pagination-container {
    height: 34px;
    line-height: 34px;}

.ui-pagination-container .ui-pagination-page-item {
    font-size: 14px;
    padding: 4px 10px;
    background: #fff;
    border: 1px solid #c5b7b7;
    color: #888;
    margin: 0 3px;
    text-decoration: none;}

.ui-pagination-container .ui-pagination-page-item:hover {
    border-color: #004a9f;
    color: #004a9f;
    text-decoration: none;}

.ui-pagination-container .ui-pagination-page-item.active {
    background: #004a9f;
    border-color: #004a9f;
    color: #fff;
    cursor: default;}
/*翻页条样式*/

.sz-class {
    padding: 50px 80px;
    background: url(images/szjs-bj20250609.jpg) 0% 0% / cover no-repeat;
    margin-bottom: 60px;}

.sz-class span {
    float: left;
    font-size: 16px;
    color: #002fa7;
    width: 120px;
    line-height: 32px;}

.sz-class ul {
    overflow: hidden;
    font-size: 0px;}

.sz-class ul li {
    display: inline-block;
    margin: 0px 13px;}
.sz-class>div:nth-child(1) ul li a{
    padding:0;}
.sz-class ul li a {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 32px;
    display: block;
    padding:0 5px;}

.sz-class>div:nth-child(2) {
    margin: 40px 0px;}

.sz-class ul li a:hover {
    color: #002fa7;}
.sz-list ul li {
    width: 50%;
    float: left;
    margin-bottom: 50px;
    padding-right: 5%;}

.sz-list ul li a {
    display: block;
    transition: all 0.3s ease 0s;
    position: relative;}

.sz-list .pic {
    width: 212px;
    height: 275px;
    padding-top: 0px;
    float: left;
    margin-right: 5%;}

.sz-info {
    overflow: hidden;
    position: relative;}

.sz-info h3 {
    font-family: SourceHanSerifCN-Bold;
    font-size: 26px;
    color: rgb(51, 51, 51);
    padding-top: 10%;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(221, 221, 221);}

.sz-info p {
    font-size: 16px;
    line-height: 40px;
    color: rgb(102, 102, 102);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

.sz-list ul li:hover a {
    background: url(images/sz-listbj.jpg) 0% 0% / 100% 100% no-repeat;
    border-radius: 40px 40px 0px 0px;}

.sz-list ul li:hover .pic {
    border-radius: 40px 0px 0px;
    transition: all 0.3s ease 0s;}

.sz-list ul li a::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    background-image: linear-gradient(106deg, rgb(38, 114, 223) 0%, rgb(67, 155, 210) 50%, rgb(92, 190, 198) 100%);
    top: -27px;
    left: -60px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease 0s;}

.sz-list ul li:hover a::after {
    opacity: 1;}

.sz-list ul li:hover h3 {
    color: #002fa7;}
.sz-list ul li a::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    background-image: linear-gradient(106deg, rgb(38, 114, 223) 0%, rgb(67, 155, 210) 50%, rgb(92, 190, 198) 100%);
    top: -27px;
    left: -60px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease 0s;}
@media only screen and (max-width: 1024px) {
    .sz-list ul li:hover a::after {
        opacity: 0;}
    .sz-class {
        padding: 30px 40px;}    .sz-list ul li a {
             padding-bottom: 10px;
             border-bottom: 1px solid rgb(221, 221, 221);}    .sz-list .pic {
                  float: none;
                  margin: 0px auto;}    .sz-info {
                       text-align: center;}
}
@media only screen and (max-width: 768px) {
    .sz-class {
        margin-bottom: 20px;}    .sz-list ul li {
             margin-bottom: 30px;
             padding-right: 3%;}    .sz-list .pic {
                  width: 180px;
                  height: 240px;}    .sz-info h3 {
                       font-size: 20px;
                       padding: 15px 0px;
                       margin-bottom: 10px;}    .sz-info p {
                            font-size: 16px;
                            line-height: 32px;}
}
@media only screen and (max-width: 640px) {

    .sz-list ul li {
        float: none;
        width: auto;
        margin-right: 0px;
        margin-bottom: 50px;}
}
@media only screen and (max-width: 480px) {
    .sz-class {
        padding: 20px;}
}
    .sz-class .on {
        background-image: linear-gradient(90deg, rgb(49, 113, 214) 0%, rgb(42, 169, 228) 100%);
        color: rgb(255, 255, 255);
        border-radius: 99px;
        padding:0px 10px !important;}