@charset "utf-8";
/* CSS Document */
body{background: #f3f3f3;}
.zdjsxm-box{background: #fff;padding: 30px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;width: 100%;margin-bottom: 30px;}
.zdjsxm-box .dy{margin-bottom: 40px; position: relative; width: 100%;height: auto;padding: 30px 70px 20px;background: #F1F8FF ;border-radius: 13px;border: 1px solid #1559A3;}
.zdjsxm-box .dy h3{font-size: 1.2rem; color: #1559A3;font-weight: 700;margin-bottom: 20px;}
.zdjsxm-box .dy p{font-size: 0.8rem;color: #333;line-height: 30px;}
.dy span{position: absolute;font-size: 3rem;font-weight: 700;color: #1559A3;font-family: SimHei;}
.dy .dh-left{left: 0;top: 20px;}
.dy .dh-right{right: 0;bottom: -20px;}
.jsxm-title{border-bottom: 1px solid #1559A3;margin-bottom: 10px;}
.jsxm-title span{display: inline-block; background: #1559A3;color: #fff;font-weight: 700;font-size: 1rem;padding: 10px 20px;}

.jsxm-content{padding: 30px 0;border-bottom: 1px dashed #E6E6E6;}
.jsxm-content img{width: 25%;margin-right: 2%;height: 180px;object-fit: cover;}
.jsxm-text{width: 45%;}
.jsxm-text h2{font-size: 1rem;color: #333;font-weight: 700;margin-bottom: 20px;}
.jsxm-text p{font-size: 0.8rem;line-height: 30px;margin-bottom: 20px;
    display: -webkit-box; /* 旧版 Safari 与 iOS 6 之前版本需加上 */
-webkit-box-orient: vertical; /* 垂直显示 */
-webkit-line-clamp: 3; /* 指定最多行数 */
overflow: hidden; /* 超出部分隐藏 */
}
.jsxm-text p span{font-weight: 700;}
.view-details{display: inline-block;padding: 5px 15px;color: #1559A3;font-size: 0.8rem;border-radius: 4px;border: 1px solid #1559A3;}
.jsxm-content>ul{width: 24%;}
.jsxm-content>ul>li{width: 44%;float: left;margin-left: 4%;border-radius: 4px;padding: 10px 0;margin-bottom: 20px;padding-left: 40px;}
.jsxm-content>ul>li a{display: block;width: 100%;height: 100%;font-size: 0.8rem;color: #333;}
.jsxm-content>ul>li:hover a{color: #fff;}
.jsxm-content>ul>li:nth-child(1){background: #F3F6F9 url(../images/zdjs01.png) no-repeat 12px center;background-size: 18px;}
.jsxm-content>ul>li:nth-child(1):hover{background: #1559A3 url(../images/zdjs_01.png) no-repeat 12px center;background-size: 18px;}
.jsxm-content>ul>li:nth-child(2){background: #F3F6F9 url(../images/zdjs02.png) no-repeat 12px center;background-size: 18px;}
.jsxm-content>ul>li:nth-child(2):hover{background: #1559A3 url(../images/zdjs_02.png) no-repeat 12px center;background-size: 18px;}
.jsxm-content>ul>li:nth-child(3){background: #F3F6F9 url(../images/zdjs03.png) no-repeat 10px center;background-size: 22px;}
.jsxm-content>ul>li:nth-child(3):hover{background: #1559A3 url(../images/zdjs_03.png) no-repeat 10px center;background-size: 22px;}
.jsxm-content>ul>li:nth-child(4){background: #F3F6F9 url(../images/zdjs04.png) no-repeat 10px center;background-size: 20px;}
.jsxm-content>ul>li:nth-child(4):hover{background: #1559A3 url(../images/zdjs_04.png) no-repeat 10px center;background-size: 20px;}
.jsxm-content>ul>li:nth-child(5){background: #F3F6F9 url(../images/zdjs05.png) no-repeat 12px center;background-size: 18px;}
.jsxm-content>ul>li:nth-child(5):hover{background: #1559A3 url(../images/zdjs_05.png) no-repeat 12px center;background-size: 18px;}
.jsxm-content>ul>li:nth-child(6){background: #F3F6F9 url(../images/zdjs06.png) no-repeat 10px center;background-size: 20px;}
.jsxm-content>ul>li:nth-child(6):hover{background: #1559A3 url(../images/zdjs_06.png) no-repeat 10px center;background-size: 20px;}

@media(max-width:1200px){
    .jsxm-content img{width: 35%;height: 220px;}
    .jsxm-text{width: 62%;}
    .jsxm-text p{margin-bottom: 40px;}
    .jsxm-content>ul{width: 100%;padding-top: 30px;}
    .jsxm-content>ul>li{width: 31%;margin: 1%;padding: 20px 0 20px;text-align: center;}
    .jsxm-content>ul>li a{display: block;width: 100%;height: 100%;font-size: 0.9rem;color: #333;}
    .jsxm-content>ul>li:nth-child(1){background: #F3F6F9 url(../images/zdjs01.png) no-repeat 26% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(1):hover{background: #1559A3 url(../images/zdjs_01.png) no-repeat 26% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(2){background: #F3F6F9 url(../images/zdjs02.png) no-repeat 26% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(2):hover{background: #1559A3 url(../images/zdjs_02.png) no-repeat 26% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(3){background: #F3F6F9 url(../images/zdjs03.png) no-repeat 24% center;background-size: 28px;}
    .jsxm-content>ul>li:nth-child(3):hover{background: #1559A3 url(../images/zdjs_03.png) no-repeat 24% center;background-size: 28px;}
    .jsxm-content>ul>li:nth-child(4){background: #F3F6F9 url(../images/zdjs04.png) no-repeat 26% center;background-size: 24px;}
    .jsxm-content>ul>li:nth-child(4):hover{background: #1559A3 url(../images/zdjs_04.png) no-repeat 26% center;background-size: 24px;}
    .jsxm-content>ul>li:nth-child(5){background: #F3F6F9 url(../images/zdjs05.png) no-repeat 26% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(5):hover{background: #1559A3 url(../images/zdjs_05.png) no-repeat 26% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(6){background: #F3F6F9 url(../images/zdjs06.png) no-repeat 24% center;background-size: 26px;}
    .jsxm-content>ul>li:nth-child(6):hover{background: #1559A3 url(../images/zdjs_06.png) no-repeat 24% center;background-size: 26px;}
}

@media(max-width:900px){
    .jsxm-content img{height: 185px;}
    .jsxm-text p{margin-bottom: 20px;}
    .jsxm-content>ul>li:nth-child(1){background: #F3F6F9 url(../images/zdjs01.png) no-repeat 18% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(1):hover{background: #1559A3 url(../images/zdjs_01.png) no-repeat 18% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(2){background: #F3F6F9 url(../images/zdjs02.png) no-repeat 18% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(2):hover{background: #1559A3 url(../images/zdjs_02.png) no-repeat 18% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(3){background: #F3F6F9 url(../images/zdjs03.png) no-repeat 19% center;background-size: 28px;}
    .jsxm-content>ul>li:nth-child(3):hover{background: #1559A3 url(../images/zdjs_03.png) no-repeat 19% center;background-size: 28px;}
    .jsxm-content>ul>li:nth-child(4){background: #F3F6F9 url(../images/zdjs04.png) no-repeat 18% center;background-size: 24px;}
    .jsxm-content>ul>li:nth-child(4):hover{background: #1559A3 url(../images/zdjs_04.png) no-repeat 18% center;background-size: 24px;}
    .jsxm-content>ul>li:nth-child(5){background: #F3F6F9 url(../images/zdjs05.png) no-repeat 18% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(5):hover{background: #1559A3 url(../images/zdjs_05.png) no-repeat 18% center;background-size: 22px;}
    .jsxm-content>ul>li:nth-child(6){background: #F3F6F9 url(../images/zdjs06.png) no-repeat 18% center;background-size: 26px;}
    .jsxm-content>ul>li:nth-child(6):hover{background: #1559A3 url(../images/zdjs_06.png) no-repeat 18% center;background-size: 26px;}
}

@media(max-width:640px){
    .zdjsxm-box{padding: 20px;}
    .jsxm-content img{height: 134px;}
    .jsxm-text p{-webkit-line-clamp:2;font-size: 0.9rem;line-height: 26px;margin-bottom: 10px;}
    .jsxm-text h2{font-size: 1.1rem;}
}

@media(max-width:550px){
    .jsxm-title span{font-size: 1.1rem;}
    .jsxm-content img{width: 100%;margin: 0;height: 240px;margin-bottom: 20px;}
    .jsxm-text{width: 100%;}
    .jsxm-text p{font-size: 1rem;-webkit-line-clamp:3;}
    .view-details{font-size: 0.9rem;padding: 8px 20px;}
    .jsxm-content>ul{padding-top: 20px;}
    .jsxm-content>ul>li{width: 48%;padding: 15px 0;}
    .jsxm-content>ul>li a{font-size: 1rem;}
    .jsxm-content{padding: 20px 0;}
    .zdjsxm-box .dy p{font-size: 0.9rem;}
    .zdjsxm-box .dy{padding: 20px 15px 20px;}
    .dy .dh-left{top:12px;}
    .zdjsxm-box .dy h3{padding-left: 30px;}
    .dy .dh-left{left: -9px;}
    .dy .dh-right{right: -11px;}
    .jsxm-content>ul>li{background-position: 14% !important;background-size: 18px !important;}
    .zdjsxm-box{padding: 10px;}
}

@media(max-width:420px){
    .dy .dh-left{top: 11px;}
    .dy .dh-right{bottom: -29px;}
    .zdjsxm-box .dy h3{padding-left: 48px;}
}