@charset "UTF-8";
/* 字体导入 */
@font-face {
    font-family: "SourceHanSansCN-Light";
    src: url("/cdht/xhtml/fonts/SourceHanSansCN/SourceHanSansCN-Light.otf");
}
@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("/cdht/xhtml/fonts/SourceHanSansCN/SourceHanSansCN-Regular.otf");
}
@font-face {
    font-family: "SourceHanSansCN-Normal";
    src: url("/cdht/xhtml/fonts/SourceHanSansCN/SourceHanSansCN-Normal.otf");
}
@font-face {
    font-family: "SourceHanSansCN-Bold";
    src: url("/cdht/xhtml/fonts/SourceHanSansCN/SourceHanSansCN-Bold.otf");
}
@font-face {
    font-family: "SourceHanSansCN-Medium";
    src: url("/cdht/xhtml/fonts/SourceHanSansCN/SourceHanSansCN-Medium.otf");
}

/* 公共样式 */
html{font-size: 10px;}
body{background: #f5faff url(/cdht/xhtml/ztzl/cjcx/images/main_bg.png) center top no-repeat;background-size: 1920px 100%;font-size: 18px;}
.container{width: 1150px;margin: 0 auto;}
.elli-s{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 头部样式 */
.header{padding-top: 30px;}
.header-logo a{height: 35px;display: inline-block;}
.header-logo img{height: 100%;display: block;}
.header-nav{height: 90px;border-top: 2px solid #ffffff92;border-bottom: 2px solid #ffffff92;margin-top: 39px;}
.header-nav a{color: #fff;font-size: 2.2rem;text-align: start;display: flex;flex-direction: column;justify-content: center;padding: 0 20px;position: relative;}
.header-nav b,.header-nav span{display: block;}
.header-nav >div,.header-nav ul,.header-nav li,.header-nav a{height: 100%;}
.header-nav ul{display: flex;justify-content: space-between;padding: 0 10px;}
.header-nav li a::after{content:"";display: block;width: 0;height: 6px;background: #fff;position: absolute;left: 0;bottom: 0;transform: translateY(50%);transition: 0.2s;}
.header-nav li.on a::after,.header-nav li:hover a::after{width: 100%;}
.header-text{margin-top: 110px;}
.header-text img{display: block;margin: 0 auto;}

/* 主体样式 */
.main{margin-top: 180px;margin-bottom: 50px;}
.mod-title{margin: 0 -20px;position: relative;height: 70px;}
.mod-title a,.mod-title img{display: block;height: 100%;}
.mod-title img{object-fit: contain;}
.mod-title .more{position: absolute;top: 0;right: 10px;font-size: 2rem;color: #105490;}
.mod-title .more:hover{color: #1c8cef;}

/* 清单 */
.qd-box .mod-content{margin-top: 20px;}
.qd-box ul{display: flex;flex-wrap: wrap;gap: 25px;justify-content: space-between;}
.qd-box li{width: calc((100% - 25px) / 2);box-shadow: 0 5px 15px #80c6f179;overflow: hidden;border-radius: 10px;}
.qd-box li a{display: block;padding: 15px 20px 25px 20px;height:100%;}
.qd-box li:nth-child(1) a{background: url(/cdht/xhtml/ztzl/cjcx/images/qd_item_bg1.png) center center no-repeat;background-size: 100% 100%;}
.qd-box li:nth-child(2) a{background: url(/cdht/xhtml/ztzl/cjcx/images/qd_item_bg2.png) center center no-repeat;background-size: 100% 100%;}
.qd-box li:nth-child(3) a{background: url(/cdht/xhtml/ztzl/cjcx/images/qd_item_bg3.png) center center no-repeat;background-size: 100% 100%;}
.qd-box li:nth-child(4) a{background: url(/cdht/xhtml/ztzl/cjcx/images/qd_item_bg4.png) center center no-repeat;background-size: 100% 100%;}
.qd-box h5{font-size: 2rem;line-height: 2;background: url(/cdht/xhtml/ztzl/cjcx/images/arrow_right.png) center right no-repeat;border-bottom: 2px solid #ffffff92;color: #39434d;font-weight: 500;}
.qd-box .cont{margin-top: 10px;display: flex;justify-content: space-between;}
.qd-box .cont .item{width: calc((100% - 10px) / 2);display: flex;font-size: 1.6rem;gap: 15px;}
.qd-box .cont .item .qr-img{width:91px;height:91px;flex:0 0 0;}
.qd-box .cont .text{padding: 10px 0;}
.qd-box .cont .label{color: #3683e4;font-size: 1.2rem;}
.qd-box .cont .label::before{content: "";display: inline-block;border-top: 1.2rem solid #3683e4;border-left: 0.7rem solid transparent;border-right: 0.7rem solid transparent;vertical-align: middle;margin-right: 3px;}
.qd-box .cont p{color: #676767;font-size: 1.6rem;line-height: 1.5;margin-top: 6px;}

/* 动态 */
.dt-box{margin-top: 70px;}
.dt-box .mod-content{margin-top: 10px;}
.dt-box ul{padding: 0 20px;}
.dt-box li:not(:last-child){border-bottom: 2px solid #bac0c3;}
.dt-box li a{display: flex;align-items: center;padding: 20px 0 10px 0;}
.dt-box .mod-content .text{width: 79%;}
.dt-box .mod-content h5{font-size: 2.2rem;font-weight: 400;}
.dt-box .mod-content a::before{content:"";display: block;margin-right: 10px;width: 8px;height: 8px;background-color: #117bf2;margin-top: -27px;}
.dt-box .mod-content .more{margin-left: auto;padding: 0 20px;line-height: 25px;color: #fff;background-color: #5898e9;border-radius: 999px;}
.dt-box .mod-content .more:hover{background-color: #0c74fc;}
.dt-box .mod-content .time{color: #535353;font-size: 1.6rem;display: block;width: fit-content;margin-top: 7px;}

/* 征集 */
.zj-box{margin-top: 70px;}
.zj-box .mod-content{margin-top: 20px;background: url(/cdht/xhtml/ztzl/cjcx/images/zj_bg.png) left center no-repeat;background-size: auto 100%;}
.zj-box .content{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;}
.zj-box .qr-img{width: 279px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.zj-box .qr-img img{width: 170px;height: 170px;display: block;margin-top: 10px;}
.zj-box .qr-img p{color: #28699f;font-size: 2rem;margin-top: 10px;font-weight: 700;}
.zj-box .text-list{width: calc(100% - 279px);background: linear-gradient(90deg,#f1f9ff 0%, #e2f5fe 100%);padding: 20px 20px 40px 20px;border-radius: 30px;}
.zj-box ul{padding: 0 20px;}
.zj-box li{border-bottom: 2px dotted #bac0c3;}
.zj-box li a{display: flex;align-items: center;padding: 20px 0 20px 0;}
.zj-box .mod-content .text{width: 79%;}
.zj-box .mod-content h5{font-size: 2.2rem;font-weight: 400;}
.zj-box .mod-content .more{margin-left: auto;padding: 0 20px;line-height: 25px;color: #fff;background-color: #5898e9;border-radius: 999px;}
.zj-box .mod-content .more:hover{background-color: #0c74fc;}
.zj-box .mod-content .time{color: #535353;font-size: 1.6rem;display: block;width: fit-content;margin-top: 7px;}

/* 高新通 */
.gxt-box{margin-top: 50px;}
.gxt-box .mod-content{display: flex;justify-content: space-between;align-items: center;position: relative;}
.gxt-box .img-bg{margin-top: -90px;margin-left: -50px;}
.gxt-box .mod-content .more{margin-left: auto;padding: 0 20px;line-height: 25px;color: #fff;background-color: #5898e9;border-radius: 999px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.gxt-box .mod-content .more:hover{background-color: #0c74fc;}

/* 应用联盟 */
.yylm-box{margin-top: 50px;}
.yylm-box .mod-content{display: flex;}
.yylm-box a{display: flex;}
.yylm-box .left{background: url(/cdht/xhtml/ztzl/cjcx/images/yylm_bg.png) center center no-repeat;background-size: 100% 100%;padding: 30px 20px;width: 357px;}
.yylm-box .left h5{font-size: 2.4rem;color: #105490;line-height: 1.5;}
.yylm-box .left p{font-size: 1.8rem;color: #105490;line-height: calc(29 / 18);text-align:justify;}
.yylm-box .left h5 + p{margin-top: 15px;}
.yylm-box .left .more{border: 1px solid #fff;color: #fff;padding: 5px 10px;margin-top: 37px;display: block;width: fit-content;font-size: 1.4rem;}
.yylm-box .right{padding-top: 30px;padding-right: 50px;margin-right: -30px;background: url(/cdht/xhtml/ztzl/cjcx/images/yylm_img_bg.png) top center no-repeat;background-size: 100% auto;}
.yylm-box .right img{height: 477px;}

/* 三大超级场景 */
.sdcjcj-box{margin-top: 70px;}
.sdcjcj-box .mod-content{margin-top: 20px;}
.sdcjcj-box .swiper-slide{width: 792px;height: 495px;border-radius: 20px;overflow: hidden;}
.sdcjcj-box .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.sdcjcj-box .swiper-slide .img-bg img{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;z-index: 1;}
.sdcjcj-box .swiper-slide .img-bg::after{content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: linear-gradient(90deg,#52b6e6 0%,#52b7e68c 50%, transparent 100%);}
.sdcjcj-box .swiper-slide .text{position: relative;z-index: 3;width: 51%;padding: 37px 20px;}
.sdcjcj-box .swiper-pagination{margin: 20px auto;display: block;width: fit-content;position: relative;line-height: 1;}
.sdcjcj-box .swiper-pagination-bullet{margin: 0 5px;width: 12px;height: 12px;background-color: #fff;opacity: 1;}
.sdcjcj-box .swiper-pagination-bullet-active{background-color: #53b7e6;}
.sdcjcj-box h5{font-size: 2.4rem;line-height: calc(36 / 24);color: #fff;padding-bottom: 20px;border-bottom: 2px solid #ffffff8c;position: relative;}
.sdcjcj-box h5::after{content:"";display: block;width: 103px;height: 4px;background-color: #fff;position: absolute;bottom: 0;left: 0;transform: translateY(3px);}
.sdcjcj-box p{padding-right: 10px;padding-left: 5px;font-size: 1.8rem;color: #fff;line-height: calc(30 / 18);text-align: justify;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 10;display: -webkit-box;font-weight: 400;}

.qd-box h5{font-family: "SourceHanSansCN-Medium";}
.qd-box .cont p,.dt-box .mod-content .time,.dt-box .mod-content .more,.zj-box .mod-content .time,.zj-box .mod-content .more,.gxt-box .mod-content .more,.sdcjcj-box p{font-family: "SourceHanSansCN";}
.qd-box .cont .label,.yylm-box .left p,.yylm-box .left .more{font-family: "SourceHanSansCN";}
.dt-box .mod-content h5,.zj-box .mod-content h5,.mod-title .more{font-family: "SourceHanSansCN";}
.yylm-box .left h5,.sdcjcj-box h5,.zj-box .qr-img p{font-family: "SourceHanSansCN";}

@media (max-width: 1280px){
  html{font-size: 9px;}
  .container{width: 970px;}
  .qd-box .cont .item img{width: 70px;height: 70px;}
  .qd-box .cont p{font-size: 1.4rem;}
  .qd-box h5{font-size: 1.8rem;}
  .qd-box li a{padding: 20px;}
  .dt-box .mod-content h5,.zj-box .mod-content h5{font-size: 2rem;}
}

@media (max-width: 1200px){
  .container{padding: 0;}
}

@media (max-width: 992px){
  .container{width: 750px;}
  .header-nav{height: 79px;}
  .header-nav a{font-size: 1.8rem;padding: 0 10px;}
  .mod-title .more{font-size: 1.6rem;}
  .main{margin-top: 100px;}
  .qd-box li{width: 100%;}
  .qd-box .cont .item img{width: 100px;height: 100px;}
  .dt-box,.zj-box,.gxt-box,.yylm-box,.sdcjcj-box{margin-top: 30px;}
  .mod-content .more{font-size: 1.6rem !important;}
  .yylm-box a{display: block;}
  .yylm-box .left{background: none;width: 100%;padding: 0;}
  .yylm-box .right{background: none;padding: 0;margin: 0;border-radius: 20px;overflow: hidden;}
  .yylm-box .mod-content a{background: url(/cdht/xhtml/ztzl/cjcx/images/yylm_bg.png) center center no-repeat;background-size: 100% 100%;border-radius: 20px;overflow: hidden;padding: 20px;}
  .yylm-box .left .more{margin: 20px auto;}
  .sdcjcj-box .mod-content{width: 750px;margin: 0 auto;}
  .header-text{margin-top: 70px;}
}

@media (max-width: 768px){
  .container,.sdcjcj-box .mod-content{width: calc(100% - 20px);}
  .yylm-box .right img{height: 390px;width: 100%;}
  .header-nav ul{flex-wrap: wrap;}
  .header-nav li{width: calc(100% / 3);height: 69px;}
  .header-nav li a{width: fit-content;}
  .header-nav{height: auto;}
  .header-text img{width: 70%;}
  .header-text{margin-top: 90px;}
  .mod-title{margin: 0;}
  .mod-title img{object-fit: cover;height: 50%;}
  .mod-title a{display: flex;align-items: center;}
  .zj-box .qr-img{width: 100%;}
  .zj-box .content{flex-wrap: wrap;}
  .zj-box .text-list{width: 100%;margin-top: 20px;}
  .gxt-box .img-bg{margin-top: -50px;margin-left: -100px;}
  .sdcjcj-box .swiper-slide .text{width: 70%;}
  .sdcjcj-box .swiper-slide{height: 390px;}
}

@media (max-width: 431px){
  .header-nav{margin-top: 20px;}
  .header-nav ul{padding: 0;}
  .header-nav li a::after{height: 4px;}
  html{font-size: 10px;}
  .header-nav a{font-size: 1.4rem;padding: 0;margin: 0 auto;text-align: center;}
  .header-nav li{height: 50px;}
  .header-text{margin-top: 50px;}
  .main{margin-top: 70px;margin-bottom: 30px;}
  .mod-title{height: 50px;}
  .mod-title .more{font-size: 1.2rem;}
  .qd-box h5{font-size: 1.4rem;padding-right: 20px;line-height: 1.5;padding-bottom: 10px;}
  .qd-box li a{padding: 10px;background-size: 110% 110% !important;}
  .qd-box .mod-content{margin-top: 10px;}
  .qd-box .cont .item{width: 100%;}
  .qd-box .cont{flex-wrap: wrap;}
  .qd-box .cont{gap: 10px;}
  .dt-box ul{padding: 0;}
  .dt-box li a{padding: 10px 0 5px 0;}
  .dt-box .mod-content h5, .zj-box .mod-content h5{font-size: 1.4rem;}
  .dt-box .mod-content .text,.zj-box .mod-content .text{width: 69%;}
  .dt-box .mod-content a::before{width: 5px;height: 5px;margin-top: -30px;}
  .dt-box .mod-content .more{padding: 0 15px;}
  .mod-content .more{font-size: 1.2rem !important;}
  .dt-box .mod-content .time{font-size: 1.4rem;margin-top: 5px;}
  .dt-box .mod-content{margin-top: 0;}
  .zj-box .mod-content{margin-top: 10px;}
  .zj-box .qr-img img{width: 130px;height: 130px;}
  .zj-box .qr-img p{font-size: 1.6rem;}
  .zj-box .text-list{padding: 10px 15px 25px 15px;border-radius: 10px;}
  .zj-box ul{padding: 0;}
  .zj-box li a{padding: 10px 0;}
  .qd-box li{border-radius: 10px;overflow: hidden;border: 1px solid #fff;}
  .zj-box .mod-content .time{font-size: 1.4rem;}
  .gxt-box .img-bg{margin-top: -20px;margin-left: 0;}
  .gxt-box .mod-content{flex-direction: column;}
  .gxt-box .mod-content .more{position: relative;transform: none;margin: 10px auto;}
  .gxt-box .img-bg img{height: 100px;object-fit: cover;}
  .yylm-box .left h5{font-size: 1.6rem;}
  .yylm-box .left p{font-size: 1.4rem;margin-top: 10px;}
  .yylm-box .mod-content a{padding: 20px 15px;border-radius: 10px;background-size: 110% 100%;}
  .yylm-box .right img{height: 60vw;}
  .sdcjcj-box h5{font-size: 1.4rem;padding-bottom: 10px;}
  .sdcjcj-box .swiper-slide .text{width: 100%;padding: 20px;}
  .sdcjcj-box p{font-size: 1.4rem;margin-top: 10px;-webkit-line-clamp: 3;}
  .sdcjcj-box .swiper-slide{height: 60vw;}
  .sdcjcj-box .swiper-pagination{margin: 10px auto;}
  .sdcjcj-box .swiper-pagination-bullet{width: 9px;height: 9px;}
}