@charset "utf-8";

*{box-sizing: border-box;}
body{background: none;}
.elli-s{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.elli-m{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.container{width: 1200px;margin: 0 auto;position: relative;}
.container::before, .container::after{content: "";display: table;clear: both;}

.zt-header{padding-top: 20px;background: url(/sthjt/xhtml/ztzl/mlxc/images/header_bg.png) center center no-repeat;background-size: auto 100%;height: 755px;}
.zt-header .header-logo{width: 395px;display: block;}
.zt-header .header-logo img{display: block;width: 100%;}
.zt-header .header-text{margin: 0 auto;margin-top: 51px;}
.zt-header .header-text img{display: block;width: 100%;margin: 0 auto;}
.zt-header .header-text img:nth-child(1){width: calc(489 / 1200 * 100%);}
.zt-header .header-text img:nth-child(2){width: 100%;margin-top: 10px;margin-left:50px;}

.zt-main{padding-top: 20px;padding-bottom: 63px;background: url(/sthjt/xhtml/ztzl/mlxc/images/main_bg.png) center center no-repeat;background-size: 100% 100%;}
.mod-title{width: fit-content;margin: 0 auto;}
.mod-title a{display: block;width: 645px;height: 76px;line-height: 76px;text-align: center;position: relative;background: url(/sthjt/xhtml/ztzl/mlxc/images/title_bg.png) center center no-repeat;background-size: auto 100%;}
.mod-title a h5{font-size: 40px;font-weight: 700;color: rgba(29, 154, 163, 1);font-family: 'Noto Serif SC', serif;}

/* 主要目标 */
.zymb-box .mod-content{background: url(/sthjt/xhtml/ztzl/mlxc/images/zymb_bg.png) center center no-repeat;background-size: 100% 100%;padding: 76px 106px;height: 290px;}
.zymb-box .mod-content p{text-indent: 2em;font-size: 18px;line-height: 34px;color: rgba(51, 51, 51, 1);text-align: justify;}

/* 重点任务 */
.zdrw-box .mod-content{margin-top: 10px;}
.zdrw-box .mod-content ul{margin: 0 -16px;}
.zdrw-box .mod-content li{float: left;width: calc(100% / 2);padding: 16px;}
.zdrw-box .mod-content li a{width: 102%;display: block;height: 189px;background: url(/sthjt/xhtml/ztzl/mlxc/images/zdrw_item1.png) center center no-repeat;background-size: 100% 100%;padding: 15px 33px;font-size: 18px;color: rgba(51, 51, 51, 1);line-height: 36px;}
.zdrw-box .mod-content li:nth-child(1) a{background: url(/sthjt/xhtml/ztzl/mlxc/images/zdrw_item1.png) center center no-repeat;background-size: 100% 100%;}
.zdrw-box .mod-content li:nth-child(2) a{background: url(/sthjt/xhtml/ztzl/mlxc/images/zdrw_item2.png) center center no-repeat;background-size: 100% 100%;}
.zdrw-box .mod-content li:nth-child(3) a{background: url(/sthjt/xhtml/ztzl/mlxc/images/zdrw_item3.png) center center no-repeat;background-size: 100% 100%;}
.zdrw-box .mod-content li:nth-child(4) a{background: url(/sthjt/xhtml/ztzl/mlxc/images/zdrw_item4.png) center center no-repeat;background-size: 100% 100%;}
.zdrw-box .mod-content li a h5{font-weight: 700;font-size: 18px;}
.zdrw-box .mod-content li a p{text-indent:2em;}

/* 指标体系 */
.zbtx-box{margin-top: 35px;}
.zbtx-box .mod-content{margin-top: 20px;}
.zbtx-box .mod-content .swiper-wrapper{gap:20px;justify-content:space-between;}
.zbtx-box .mod-content .swiper-slide{width: 30%;flex-grow:1;height: 168px;border-radius: 36.44px 0 36.44px 0;background-color: #fff;/* box-shadow: 0px 2px 20px  rgba(17, 114, 122, 0.2); */}
.zbtx-box .mod-content .swiper-button{width: 25px;height: 53px;margin-top: auto;transform: translateY(-50%);}
.zbtx-box .mod-content .swiper-button-prev{background: rgba(230, 230, 230, 1) url(/sthjt/xhtml/ztzl/mlxc/images/arrow_left.png) center center no-repeat;left: 0;}
.zbtx-box .mod-content .swiper-button-next{background: rgba(230, 230, 230, 1) url(/sthjt/xhtml/ztzl/mlxc/images/arrow_right.png) center center no-repeat;right: 0;}
.zbtx-box .mod-content a{font-size: 18px;display: block;width: 100%;height: 100%;padding: 27px 40px;background: url(/sthjt/xhtml/ztzl/mlxc/images/zbtx_bg.png) 80% 56px no-repeat;}
.zbtx-box .mod-content a h5{color: rgba(51, 51, 51, 1);font-size: 18px;height:54px;}
.zbtx-box .mod-content a>div{margin-top: 25px;}
.zbtx-box .mod-content a .time{font-size: 18px;float: left;line-height: 38px;color: rgba(102, 102, 102, 1);}
.zbtx-box .mod-content a .more{font-size: 18px;padding: 0 19px;border-radius: 0px 17.78px 0px 17.78px;background: linear-gradient(90deg, rgba(29, 154, 163, 1) 0%, rgba(38, 168, 212, 1) 100%);color: #fff;width: fit-content;float: right;height: 38px;line-height: 38px;}

/* 工作信息 */
.gzxx-box{margin-top: 70px;}
.gzxx-box .mod-content{margin-top: 12px;}
.gzxx-box .mod-content ul{margin: 0 -15px;}
.gzxx-box .mod-content li{width: calc(100% / 2);padding: 15px;float: left;}
.gzxx-box .mod-content li a{font-size: 22px;max-width: 100%;display: block;vertical-align: middle;}
.gzxx-box .mod-content li a::before{content:'';display: inline-block;margin-right: 15px;vertical-align: middle;width: 6px;height: 6px;background-color: rgba(40, 162, 176, 1);}
.gzxx-box .mod-content .more{display: block;margin: 0 auto;margin-top: 42px;width: 166px;height: 38px;line-height: 38px;border: 1px solid rgba(26, 149, 164, 1);color: rgba(26, 149, 164, 1);border-radius: 999px;font-size: 18px;text-align: center;}

/* 优秀案例 */
.yxal-box{margin-top: 50px;}
.yxal-box .mod-content{margin-top: 31px;}
.yxal-box .mod-content ul{}
.yxal-box .mod-content li{float: left;width: calc(100% / 3);}
.yxal-box .mod-content li a{width: 100%;height: 100%;display: block;}
.yxal-box .mod-content li a .img-ratio{position: relative;width: 100%;padding-top: calc(211 / 378 * 100%);}
.yxal-box .mod-content li a img{display: block;width: 100%;position: absolute;height: 100%;top: 0;left: 0;object-fit: cover;}
.yxal-box .mod-content li a .text{font-size: 18px;color: rgba(51, 51, 51, 1);font-weight: 700;margin-top: 15px;}
.yxal-box .mod-content .more{display: block;margin: 0 auto;margin-top: 42px;width: 166px;height: 38px;line-height: 38px;border: 1px solid rgba(26, 149, 164, 1);color: rgba(26, 149, 164, 1);border-radius: 999px;font-size: 18px;text-align: center;}
.yxal-box .mod-content .swiper-button{width: 25px;height: 53px;margin-top: auto;transform: translateY(-50%);top: 45%;}
.yxal-box .mod-content .swiper-button-prev{background: rgba(0,0,0,.5) url(/sthjt/xhtml/ztzl/mlxc/images/arrow_left.png) center center no-repeat;left: 0;}
.yxal-box .mod-content .swiper-button-next{background: rgba(0,0,0,.5) url(/sthjt/xhtml/ztzl/mlxc/images/arrow_right.png) center center no-repeat;right: 0;}

/* 内容页 */
.zmhd_contWaip{background:none;}
.p_chusxl .p_wz,.p_tyxl,.zt-main .container .p_chusxl{width:100%;}
#share-box img{width:20px;margin-top:3px;}
.time .bshare-custom{margin-right: 310px !important;}
@media (max-width: 1280px){
    .container{width: 970px;}
    .zt-header{height: 700px;}
    .zymb-box .mod-content p{font-size: 16px;}
    .zdrw-box .mod-content li a{font-size: 16px;padding: 15px 20px;}
    .zbtx-box .mod-content .swiper-slide{height: 150px;}
    .zbtx-box .mod-content a>div{margin-top: 10px;}
    .mod-title a h5{font-size: 34px;}
    .gzxx-box .mod-content li a{font-size: 16px;}
    .zbtx-box .mod-content a h5{font-size: 16px;}
    .yxal-box .mod-content li a .text{font-size: 16px;}
}

@media (max-width: 992px){
    .container{width: 750px;}
    .zt-header{height: 540px;}
    .zymb-box .mod-content{padding: 61px 66px;}
    .zdrw-box .mod-content li{width: 100%;}
    .mod-title a h5{font-size: 30px;}
    .zbtx-box .mod-content .swiper-wrapper{flex-wrap:wrap;}
    .zbtx-box .mod-content .swiper-slide{width:100%;}
}


@media (max-width: 768px){
    .container{width: calc(100% - 20px);}
    .zt-header{padding-bottom: 130px;height: auto;}
    .zt-header .header-logo{width: 60%;}
    .zt-header .header-text img:nth-child(2){width: 90%;margin-left: auto;margin: 0 auto;}
    .zymb-box .mod-content p{font-size: 14px;}
    .zymb-box .mod-content{height: auto;}
    .zymb-box .mod-content{padding: 70px 66px;}
    .mod-title a h5{font-size: 20px;}
    .mod-title a{width: 300px;height: 50px;line-height: 50px;}
    .zdrw-box .mod-content li a h5{font-size: 14px;}
    .zdrw-box .mod-content li a{font-size: 14px;height: 160px;}
    .zbtx-box .mod-content a h5{font-size: 14px;}
    .zbtx-box .mod-content a .time{font-size: 14px;line-height: 29px;}
    .zbtx-box .mod-content a .more{font-size: 14px;height: 29px;line-height: 29px;padding: 0 10px;}
    .gzxx-box .mod-content li a{font-size: 14px;}
    .yxal-box .mod-content li a .text{font-size: 14px;}
    .yxal-box .mod-content .more{font-size: 14px;}
    .zdrw-box .mod-content ul{margin: 0;}
    .zdrw-box .mod-content li{padding: 10px 0;}
    .yxal-box .mod-content ul{margin: 0;}
    .yxal-box .mod-content li{width: 100%;padding: 10px 0;}
    .gzxx-box .mod-content ul{margin: 0;}
    .gzxx-box .mod-content li{width: 100%;padding: 15px 0;}
}

@media (max-width: 431px){
    .zt-header{padding-bottom: 70px;}
    .zt-header .header-text{margin-top: 30px;}
    .zt-main{padding-bottom: 30px;}
    .zymb-box .mod-content{padding: 10px 20px;background-size: auto 200%;border-radius: 10px;margin-top: 20px;}
    .zdrw-box{margin-top: 20px;}
    .zdrw-box .mod-content li a{height: auto;background: none !important;border: 1px solid rgba(12, 148, 161, 1);}
    .zbtx-box .mod-content .swiper-slide{box-shadow: none;height: 120px;}
    .zbtx-box .mod-content a>div{margin-top: 5px;}
    .gzxx-box{margin-top: 30px;}
    .yxal-box{margin-top: 30px;}
    .yxal-box .mod-content .more{margin-top: 10px;}
    .yxal-box .mod-content li a .text{text-align: center;}
    .zbtx-box .mod-content a h5{height:42px;}
}