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;}
}