html, body { position: relative; height: 100%; } body { background: #FFF !important; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; } .banner>img { width: 100%; } .box01 { background-image: url(/dtwz/lib/zt/2025kdt_zdt_jdt_adt/images/bg01.png); background-repeat: no-repeat; background-position: bottom; color: #fff; padding-bottom: 100px; } .con-box01 { width: 1200px; margin: 0 auto; position: relative; } .tit01,.tit02 { text-align: center; margin-bottom: 60px; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 17px; background: rgb(173, 173, 173); /* display: flex; */ justify-content: center; align-items: center; } .swiper-slide a{ color:#fff; text-decoration: none; } .swiper-slide img { display: block; width: 100%; height: 85%; object-fit: cover; } .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .mySwiper2 { height: 80%; width: 100%; } .mySwiper { height: 45%; box-sizing: border-box; padding: 50px 0 10px; } .mySwiper .swiper-slide { width: 25%; height: 50%; } .mySwiper .swiper-slide p{ height: 50px; padding:0 5px; } .mySwiper .swiper-slide-thumb-active { opacity: 1; } .swiper-slide img { display: block; width: 100%; height: 200px; object-fit: cover; } .mySwiper2 .swiper-slide img { height: 578px; width:1175px; padding:10px 15px 12px 10px; background-image:url(/dtwz/lib/zt/2025kdt_zdt_jdt_adt/images/box01imgbg.png); background-repeat:no-repeat; } .mySwiper2 .swiper-slide { background: none; } .mySwiper2 .swiper-slide div { position: relative; background: rgba(39, 86, 185, 1); width: 80%; margin: -30px auto 0px; padding: 2px 0; z-index: 111; } .swiper-button-prev { background-image: url(/dtwz/lib/zt/2025kdt_zdt_jdt_adt/images/bg-left.png); background-size: auto; background-repeat: no-repeat; padding: 20px; top: var(--swiper-navigation-top-offset, 76%) !important; left: var(--swiper-navigation-sides-offset, -66px) !important; } .swiper-button-next { background-image: url(/dtwz/lib/zt/2025kdt_zdt_jdt_adt/images/bg-right.png); background-size: 100%; background-repeat: no-repeat; padding: 20px; top: var(--swiper-navigation-top-offset, 93.65%) !important; right: var(--swiper-navigation-sides-offset, -67px) !important; } .more{ position:absolute; top:100px; right:-5%; } .more a{ color:rgba(4, 70, 222, 1); text-decoration:none; } .tit02 img{ padding-top:30px; } .box02{ width: 100%; height: auto; background-image: url(/dtwz/lib/zt/2025kdt_zdt_jdt_adt/images/box02imgbg.png); background-repeat: no-repeat; background-size: auto; background-position: bottom; position:relative; padding-bottom:50px; } .con-box02 .more{ right:5%; } .con-box02 .more a{ color:#fff; } .con02{ width:1360px; height:580px; background-image: url(/dtwz/lib/zt/2025kdt_zdt_jdt_adt/images/box02conbg.png); background-repeat: no-repeat; background-size: auto; background-position: bottom; margin:0 auto; display: flex; justify-content: space-around; align-items: center; } .con02-left{ width: 700px; height: 80%; overflow: hidden; position: relative; } .con02-left img{ width: 100%; height: 100%; } .con02-left p{ background-color: rgba(0, 0, 0, 0.4); position: absolute; width: 680px; bottom: -18px; padding: 10px; color: #fff; text-align: center; font-size: 18px; font-weight: 600; letter-spacing:1px; } .con02-left p a{ color: #fff; font-size: 18px; font-weight: 600; letter-spacing:1px; text-decoration: none; } .con02-right{ width: 585px; height: 80%; } .tit02con a{ color:rgba(35, 58, 140, 1); text-decoration: none; font-size: 18px; font-weight: 600; } .tit02con{ margin-top:10px; margin-left: 5px; } .com02sum{ border-bottom: 1px dashed #000; color:rgba(35, 58, 140, 1); font-weight: 400; letter-spacing: 1px; font-size: 15px; margin-top: 15px; padding-left: 5px; padding-bottom: 10px; } .box03{ width: 100%; height: auto; background-image: url(/dtwz/lib/zt/2025kdt_zdt_jdt_adt/images/box03imgbg.png); background-repeat: no-repeat; background-size: auto; background-position: bottom; position:relative; padding-bottom:80px; } .con1-item{ width:1360px; margin:0 auto; } .con1-item img{ width: 325px; height: 230px; margin-bottom: 10px; } .item01{ width:325px; display: inline-block; float: left; margin-right:15px; text-align: center; margin-bottom: 15px; } .item01:nth-child(5) { margin-right:0px; } .item01:nth-child(9) { margin-right:0px; } .con1-box03{ height:816px; } .item01 a{ text-decoration: none; color: rgba(51, 51, 51, 1); font-size: 16px; font-weight: 500; letter-spacing: 1px; } .item01 div{ height:50px; } .con1-box03 .more{ right:5% !important; } .con2-box03 .more{ right:5% !important; } .con3-box03 .more{ right:5% !important; } .yggaSwiper { height: 475px; width:1345px; margin:0 auto; padding-bottom: 30px; overflow: hidden; } .yggaSwiper .swiper-slide.swiper-slide-prev, .yggaSwiper .swiper-slide.swiper-slide-next { width: 20% !important; opacity: 0.6; transition: all 0.4s; } .yggaSwiper .swiper-slide.swiper-slide-active { width: 60% !important; opacity: 1; transition: all 0.4s; } .yggaSwiper .swiper-slide { position: relative; } .yggaSwiper .swiper-slide p { position: absolute; bottom: 0px; width: 90%; height: 48px; text-align: center; background: #fff; line-height: 48px; box-shadow: 1px 2px 8px 1px rgba(0, 0, 0, 0.1); } .yggaSwiper .swiper-slide a{ font-size: 18px; color: rgb(44, 104, 185); font-weight: bold; text-decoration:none; } .yggaSwiper .swiper-slide.swiper-slide-active p { transform: translate(-50%, 40px); left: 50%; } .yggaSwiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .yggaSwiper .swiper-slide.swiper-slide-prev p { left: -1px; transform: translateY(40px); } .yggaSwiper .swiper-slide.swiper-slide-next p { right: -1px; transform: translateY(40px); } .con2-box03{ position: relative; margin-bottom: 50px; } .con3-box03{ position: relative; } .swiper-slide-prev a,.swiper-slide-next a{ color:#fff !important; } .con2-item{ width:1360px; margin:0 auto; display: flex; justify-content: space-around; } .item02-left,.item02-right{ width: 48%; overflow: hidden; } .item02-right div:nth-child(2){ display:none; } .item02-left img{ width: 100%; height: 400px; margin-bottom:10px; } .item02-left a{ text-decoration: none; color: rgba(48, 62, 72, 1); font-size: 18px; font-weight: 600; letter-spacing: 1px; } .item02-right div{ width:48%; float:left; margin-bottom:15px; text-align:justify; } .item02-right img{ width: 100%; height: 200px; margin-bottom:10px; } .item02-right a{ text-decoration: none; color: rgba(48, 62, 72, 1); font-size: 16px; font-weight: 600; letter-spacing: 1px; } .item02-right div:nth-child(3),.item02-right div:nth-child(5){ margin-right:4%; } /* 列表页样式 */ .list_con{ width: 70%; margin: 0 auto; } .list_con li{ list-style:none; border-bottom: 1px dashed rgb(234, 234, 234); padding: 15px; } .list_con a{ text-decoration: none; color: #666; font-size: 18px; font-weight: 500; letter-spacing: 1px; } .list_box{ background-image: url(/dtwz/lib/zt/2025kdt_zdt_jdt_adt/images/bg01.png); background-repeat: no-repeat; background-position: bottom; padding-bottom: 100px; } .conbox{ overflow: hidden; width: 100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); padding:10px 10px 100px; background:#fff; } /* 详情页样式 */ .tit{ text-align:center; } .zw{ padding-top: 10px; border-top: 1px solid #CFCFCF; } .footer{ display: flex; justify-content: center; background-color: rgba(44, 104, 185, 1); color: #fff; } @media (max-width: 431px) { .box01{background-size:cover;height:auto !important;} .con-box01{ width:80%; } .mySwiper2{margin-bottom:10px;} .mySwiper2 img{ width:95% !important; height:158px !important; padding:10px 10px 12px 10px !important; background: #FFF !important; } .con-box01 .swiper-wrapper div p{margin:5px 0;} .tit02 img{ width:100%; } .mySwiper2 .swiper-slide div{margin:-15px auto 0;} .mySwiper img{width:100% !important;height:50px !important;} #swiper-wrapper-7551731fb06dd1105{} .con1-box03,.con2-box03,.con-box02,.con3-box03{ width:80%; margin:0 auto; } .con02{ width:100%; height:auto; padding:10px 2%; } .con02-left,.con02-right{width:48% !important;height:auto;} .con02-left p{width:100%;padding:0;} .con02-left p a{font-size:12px;} .con02-left img{height:150px;} .con2-item{ width:100%; } .item02-left img,.item02-right img{ height:100%; } .com02sum{display:none;} .tit02con a{font-size:11px;} .swiper-slide{font-size:12px;} .mySwiper{padding:0;} .swiper-button-next:after, .swiper-button-prev:after{font-size:15px;} .swiper-button-next,.swiper-button-prev{padding:0;} .swiper-button-next{right: var(--swiper-navigation-sides-offset, -27px) !important; top: var(--swiper-navigation-top-offset, 97.4%) !important;} .swiper-button-prev{left: var(--swiper-navigation-sides-offset, -27px) !important; top: var(--swiper-navigation-top-offset, 84%) !important;} .mySwiper .swiper-slide p{height:30px;overflow:hidden;font-size:10px;line-height:15px;} .item02-right a{ font-size:10px; font-weight:500; letter-spacing: 0; height: 30px; line-height:15px; display: inline-block; overflow: hidden; } .item02-left a{ font-size:12px; } .item02-left div p{ font-size: 10px; text-align: justify; height: 45px; line-height:15px; overflow: hidden; } .box03{padding-bottom:10px;} .tit01 img{width:100%;} .con1-item{width:100%;} .item01{width:48%;margin-right:2%;} .con1-item img{width:100%;height:130px;} .item01 a{font-size:12px;letter-spacing:0;} .item01 div{height:35px;overflow:hidden;} .con1-box03{height:auto;} .list_con a{font-size:12px;} .conbox{height:auto;width:95% !important;} .list_box{background-size:cover;} .con3-box03 .more{right: -5% !important;} .con-box01 .more{top:70px;} } @media screen and (max-width: 1024px) { /* 手机端样式 */ .yggaSwiper, .yggaSwiper .swiper-slide, .yggaSwiper .swiper-slide.swiper-slide-prev, .yggaSwiper .swiper-slide.swiper-slide-next, .yggaSwiper .swiper-slide.swiper-slide-active { width: 100% !important; opacity: 1; } .yggaSwiper{height:230px;} .yggaSwiper .swiper-slide p{height:35px;line-height:35px;} .yggaSwiper .swiper-slide a{font-size:12px;} }