@charset "utf-8";

*{box-sizing: border-box;}
body{background: none;background: url(/sthjt/xhtml/ztzl/jcjsfwjg/images/header_bg.png) center top no-repeat;}
.elli-s{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.container{width: 1200px;margin: 0 auto;position: relative;}
.container::before, .container::after{content: "";display: table;clear: both;}
.zt-header{padding-top: 20px;}
.zt-header .header-logo{width: 319px;display: block;}
.zt-header .header-logo img{display: block;width: 100%;}
.zt-header .header-text{margin: 79px auto 0 auto;width: calc(792 / 1200 * 100%);}
.zt-header .header-text img{display: block;width: 100%;}

.zt-main{margin-top: 90px;margin-bottom: 65px;}
.mod-title{width: fit-content;margin: 0 auto;}
.mod-title a{display: block;padding: 25px 39px 5px 39px;font-size: 36px;font-weight: 700;color: rgba(26, 86, 168, 1);line-height: 52px;font-family: 'Noto Sans SC'; text-align: center;position: relative;background: url(/sthjt/xhtml/ztzl/jcjsfwjg/images/title_top_bg.png) center top no-repeat;background-size: 202px auto;}
.mod-title a::before{content: "";position: absolute;bottom: 0;left: 0;width: 46px;height: 34px;background: url(/sthjt/xhtml/ztzl/jcjsfwjg/images/title_left_bg.png) center center no-repeat;background-size: 100% 100%;z-index: 0;}
.mod-title a::after{content: "";position: absolute;top: 25px;right: 0;width: 46px;height: 34px;background: url(/sthjt/xhtml/ztzl/jcjsfwjg/images/title_right_bg.png) center center no-repeat;background-size: 100% 100%;z-index: 0;}
.mod-content{margin-top: 39px;}

.tzgg-box{border-radius: 10px;background: rgba(255, 255, 255, 1);box-shadow: 0px 0px 30px  rgba(42, 130, 228, 0.25);padding: 34px 34px 38px 34px;}
.tzgg-box ul{float: left;width: calc((100% - 28px) / 2);background-color: rgba(242, 248, 255, 1);padding: 18px 22px;clear: none;}
.tzgg-box ul:nth-child(2n){float: right;}
.tzgg-box ul li{font-size: 0;color: rgba(51, 51, 51, 1);line-height: 28px;padding: 10px 0;float: none;display: block;}
.tzgg-box ul li::before{content: "";display: inline-block;vertical-align: middle;width: 5px;height: 5px;background-color: rgba(51, 51, 51, 1);border-radius: 50%;margin-right: 10px;}
.tzgg-box ul li a{width: calc(100% - 15px - 100px);display: inline-block;vertical-align: middle;font-size: 16px;}
.tzgg-box ul li .time{width: 100px;display: inline-block;vertical-align: middle;text-align: right;font-size: 16px;color: rgba(153, 153, 153, 1);}

.jggl-box{margin-top: 45px;border-radius: 10px;background: rgba(255, 255, 255, 1);box-shadow: 0px 0px 30px  rgba(42, 130, 228, 0.25);padding: 34px 34px 38px 34px;}
.jggl-box .mod-content{/* margin-top: 45px; */}
.jggl-box ul{margin: 0 -13px;/* margin-top: 20px; */}
.jggl-box ul li{padding: 0 13px;float: left;width: calc(100% / 4);}
.jggl-box ul li a{display: block;text-align: center;background: url(/sthjt/xhtml/ztzl/jcjsfwjg/images/item_bg1.png) center center no-repeat;background-size: calc(100% - 10px) calc(100% - 10px);border-radius: 10px;box-shadow: 0px 0px 10px  rgba(42, 130, 228, 0.1);padding: 35px 53px;position: relative;}
.jggl-box ul li a .icon{width: 84px;height: 84px;object-fit: fill;margin: 0 auto;}
.jggl-box ul li a .text{font-size: 26px;font-family: 'Noto Sans SC';font-weight: 700;line-height: 38px;height: 76px;margin-top: 16px;color: rgba(26, 27, 29, 1);overflow: hidden;}
.jggl-box ul li a .logo-btn{padding: 8px 32px;border-radius: 999px;color: rgba(52, 179, 213, 1);margin: 27px auto 0 auto;background-color: #fff;width: fit-content;font-size: 18px;transition: all 0.2s;}
.jggl-box ul li a:hover .logo-btn{background-color: rgba(52, 179, 213, 1);color: #fff;}
.jggl-box .tip-box{display: none;position: absolute;text-align: left;text-indent: 2em;background-color: #fff;width: 90%;border-radius: 10px;box-shadow: 0px 0px 10px  rgba(42, 130, 228, 0.1);padding: 10px;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 18px;}
.jggl-box ul li a:hover .tip-box{display: block;}
.jggl-box p{position:absolute;text-align: center;color: #fa5151;font-size: 14px;bottom:9px;left:50%;transform:translateX(-50%);white-space:nowrap;}


@media (max-width: 1280px){
    .container{width: 970px;}
    .jggl-box ul li a .text{font-size: 20px;}
}

@media (max-width: 992px){
    .container{width: 750px;}
    .tzgg-box ul{float: none !important;width: 100%;padding: 18px 22px 0 22px;}
    .tzgg-box ul:last-child{padding: 0 22px 18px 22px;}
    .jggl-box ul li{width: calc(100% / 2);padding: 13px;}
    .jggl-box ul li a .text{height: 38px;}
    .mod-title a{font-size: 22px;}
    .jggl-box .mod-content{margin-top: 30px;}
}


@media (max-width: 768px){
    .container{width: calc(100% - 20px);}
    .zt-header .header-text{margin-top: 50px;}
    .mod-title a{padding: 25px 39px 15px 39px;font-size: 20px;line-height: 1;background-size:90% auto;}
    .jggl-box ul li a{padding: 35px;}
    .jggl-box ul li a .text{height: 60px;line-height: 30px;}
    .mod-title a::after{top: 15px;}
}

@media (max-width: 431px){
    .zt-header{height: 220px;}
    .zt-header .header-logo{width: 70%;}
    .zt-header .header-text{margin-top: 30px;}
    .zt-main{margin: 30px 0;}
    .tzgg-box{padding: 20px 15px;}
    .tzgg-box ul li a{font-size: 14px;width: calc(100% - 15px - 50px);}
    .tzgg-box ul li .time{font-size: 14px;width: 50px;}
    .mod-content{margin-top: 20px;}
    .tzgg-box ul{padding: 12px 15px 0 15px;}
    .tzgg-box ul:last-child{padding: 0 15px 12px 15px;}
    .tzgg-box ul li{padding: 5px 0;}
    .jggl-box{margin-top: 20px;padding: 20px 15px;}
    .mod-title a{font-size: 18px;}
    .jggl-box ul{margin: 0 -5px;}
    .jggl-box ul li{padding: 5px;}
    .jggl-box ul li a .text{font-size: 14px;line-height: 24px;height: 48px;}
    .jggl-box ul li a{padding: 25px 30px;}
    .jggl-box ul li a .logo-btn{margin: 15px auto 0 auto;padding: 5px 20px;font-size: 14px;}
    .jggl-box .mod-content{margin-top: 20px;}
    .jggl-box ul li a .icon{width: 50px;height: 50px;}
    .jggl-box .tip-box{font-size: 14px;}
    .jggl-box p{font-size:10px;}
}