.imgbox {
    overflow: hidden;
}

.imgbox:hover img {
    transform: scale(1.05);
    transition: all 0.5s;
}

.jkrk {
    background: #F3F8FC;
}

.jkrk-link {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 0px 0.1rem 0.07rem rgba(0, 0, 0, .1);
    margin-top: -0.75rem;
    z-index: 20;
}

.jkrk-link li {
    flex: 1;
    text-align: center;
    padding: 0.3rem 0 0.2rem 0;
    background: #fff;
}

.jkrk-link li i {
    display: block;
    width: 36px;
    height: 32px;
    margin: 0 auto;
}

.jkrk-link li.kjrk1 i {
    background: url(../images/kjrk1.png) no-repeat center center;

}

.jkrk-link li.kjrk2 i {
    background: url(../images/kjrk2.png) no-repeat center center;

}

.jkrk-link li.kjrk4 i {
    background: url(../images/kjrk3.png) no-repeat center center;

}

.jkrk-link li.kjrk5 i {
    background: url(../images/kjrk4.png) no-repeat center center;

}

.jkrk-link li:hover p {
    color: #23526A;
}

.jkrk-link li.kjrk1:hover i {
    background: url(../images/kjrk1.on.png) no-repeat center center;

}

.jkrk-link li.kjrk2:hover i {
    background: url(../images/kjrk2.on.png) no-repeat center center;

}

.jkrk-link li.kjrk4:hover i {
    background: url(../images/kjrk3.on.png) no-repeat center center;

}

.jkrk-link li.kjrk5:hover i {
    background: url(../images/kjrk4.on.png) no-repeat center center;

}

.jkrk-link li p {
    font-size: 0.18rem;
    margin-top: 0.20rem;
}

.jkrk-link li .rk-logo {
    margin-top: -39%;
    width: 1.62rem;
}

.jkrk-link li.kjrk3 {
    background: #23526A;
}

.jkrk-link li.kjrk3 p {
    color: #fff;
}

.section1 {
    background: #F3F8FC;
    padding: 0.7rem 0;
}

.section1 .zsdt,
.section1 .xxxw,
.yxjs {
    width: 62.8%;
}

.section1 .zsjz,
.section1 .mtjj,
.xyfg {
    width: 34.9%;
}

.title {
    padding-left: 0.15rem;
    margin-bottom: 0.4rem;
    background: url(../images/titbg.png) no-repeat left center;
}

.title h1 {
    font-family: "Alibaba PuHuiTi 2.0";
    font-size: 0.25rem;
    font-weight: normal;
    display: inline-block;
}

.title p {
    font-family: "Alibaba PuHuiTi 2.0";
    font-size: 0.16rem;
    margin-left: 0.1rem;
    display: inline-block;
    color: #999999;
    text-transform: uppercase;
}

.zsdtbox,
.zsjzbox {
    background: #fff;
    padding: 0.1rem 0.3rem 0.3rem;
}

.list li a {
    height: 0.5rem;
    line-height: 0.5rem;
    padding-left: 0.15rem;
    background: url(../images/dian.png) no-repeat left center;
    display: flex;
    justify-content: space-between;
}

.list li a p,
.list li a span {
    font-size: 0.16rem;
}

.list li a span {
    color: #BFBFBF;
    white-space: nowrap;
}

.zs-kslj {
    margin-top: 0.10rem;
    display: flex;
    justify-content: space-between;
}

.zs-kslj li {
    width: 23%;
    border: 1px solid #DDDDE9;
    padding: 0.2rem 0.10rem;
}

.zs-kslj li>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zs-kslj li p {
    font-size: 0.18rem;
}

.zs-kslj li span {
    font-size: 0.12rem;
    color: #ccc;
}

.zs-kslj li img {
    width: 0.32rem;
    margin-left: 0.08rem;
}

.zs-kslj li:hover {
    border-bottom: 1px solid #FF0000;
}

.zsjzbox {
    padding: 0.1rem 0.3rem 0.25rem;
}

.xxxw,
.mtjj {
    margin-top: 0.5rem;
}

.xxxwbox,
.mtjjbox {
    background: #fff;
}

.xxxwbox {
    padding: .3rem .2rem;
    display: flex;
    justify-content: space-between;
}

.xw-lbt {
    width: 46.5%;
    height: 2.4rem;
    margin: 0;
}

.xw-lbt a {
    position: relative;
    display: block;
    height: 100%;
}

.xw-lbt a .imgbox {
    height: 100%;
}

.xw-lbt a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xw-lbt a p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .9));
    color: #fff;
    font-size: 0.18rem;
    padding-left: 0.15rem;
    padding-right: .8rem;
    box-sizing: border-box;
}

.xw-lbt .swiper-pagination-bullet {
    background: #fff;
}

.xw-lbt>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: auto;
    left: auto;
    right: 0.12rem;
    bottom: 0.12rem;
}

.xw-lbt>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px;
}

.xxxw-list {
    margin-left: .2rem;
    width: 53.5%;
}
.xxxw-list li{
    margin-bottom: .33rem;
}
.xxxw-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xxxw-list li a p {
    font-size: 0.16rem;
}

.xxxw-list li a span {
    font-size: 0.16rem;
    color: #BFBFBF;
    white-space: nowrap;
}
.xxxw-list li:last-child {
    margin-bottom: 0;
}

.mtjjbox {
    padding: 0.13rem 0.3rem 0.22rem;
}

.mtjjbox .list li a {
    height: 0.53rem;
    line-height: 0.53rem;
}

.section2 {
    padding: .7rem 0;
}

.jyxxbox {
    display: flex;
    justify-content: space-between;
}

.jyxxbox li {
    width: 24%;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .1);
}

.jyxxbox li img {
    width: 100%;
    height: 1.95rem;
    object-fit: cover;
}

.jyxxbox li .textbox {
    padding: 0.1rem;
    line-height: 1.6;
    font-size: 0.16rem;
}

.jyxxbox li .textbox p {
    font-size: 0.16rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jyxxbox li .textbox sapn {
    color: #999;
    font-size: 0.16rem;
}

.section2-1 {
    margin-top: 0.8rem;
}

.yxjsbox {
    padding: 0 5px;
}

.yxjs .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.yxjs .title img {
    width: 45%;
}

.yxjsbox .swiper-slide {
    padding: 5px 0;
}

.yxjsbox a {
    position: relative;
    display: block;
    height: 2.2rem;
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .1);
}

.yxjsbox a p {
    writing-mode: vertical-lr;
    writing-mode: tb-lr;             /* IE 私有值，tb=top-bottom，lr=left-right */
    writing-mode: vertical-lr;      /* 标准写法，现代浏览器使用 */
    -ms-writing-mode: tb-lr;
    padding-left: 0.2rem;
    padding-top: 0.2rem;
    letter-spacing: 5px;
    font-size: 0.18rem;
}

.yxjsbox a::after {
    content: '';
    display: block;
    width: 0.04rem;
    height: 0.75rem;
    background: #FF0000;
    position: absolute;
    left: 0;
    top: 0.2rem;
    transition: all 0.5s;
}

.yxjsbox .swiper-slide-active a::after {
    height: 100%;
    top: 0;
}

.yxjsbox .swiper-slide-active a {
    background: url(../images/zybg.png) no-repeat;
    background-size: 100% 100%;
}

.fy {
    position: relative;
    margin-top: 0.20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fy::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #DEDEDE;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.yxjsbox .swiper-button-next,
.yxjsbox .swiper-button-prev,
.yxjsbox .swiper-pagination {
    position: relative;
    margin: 0;
    z-index: 20;
}

.yxjsbox .prevbox,
.yxjsbox .nextbox {
    padding: 2px;
    border: 1px solid #23526A;
    border-radius: 50%;
}

.yxjsbox .swiper-button-next,
.yxjsbox .swiper-button-prev {
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    background-color: #6b8b9b;
    background-size: 0.13rem 0.23rem;
    transition: all 0.5s;
    z-index: 20;
}

.yxjsbox .swiper-button-next:hover,
.yxjsbox .swiper-button-prev:hover {
    opacity: 1;
    background-color: #23526A;
}

.yxjsbox .swiper-button-next {
    right: 0;
}

.yxjsbox .swiper-button-prev {
    left: 0
}

.yxjsbox .swiper-pagination2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 78%;
    position: relative;
    z-index: 20;
}

.yxjsbox .swiper-pagination-bullet {
    width: 0.17rem;
    height: 0.17rem;
    background: url(../images/fydian.png) no-repeat;
    opacity: 1;
    background-size: 100% 100%;
}

.yxjsbox .swiper-pagination-bullet-active {
    width: .5rem;
    height: .5rem;
    background: url(../images/fydianon.png) no-repeat;
    background-size: 100% 100%;
}

.xyfgbox a {
    display: block;
    height: 2.8rem;
    position: relative;
}

.xyfgbox a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.xyfgbox a .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/mask.png);
}

.xyfgbox a::after {
    content: '';
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/bf.png) no-repeat;
    background-size: 100% 100%;
}

.m-top-link,
.m-top-text {
    display: none;
}