/***********全局重置CSS*****************/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd {margin: 0;}
p {margin: 0;}
ul, ol, li {padding-left: 0;list-style-type: none;}
/***消除img默认边框*****/
img {border: 0;display: block;}
a {text-decoration: none;color: inherit;}
/*细线表格*/
table {border-collapse: collapse;}
em {font-style: normal;}
/***默认让所有浏览器出现右边滚动条****/
html {overflow-y: scroll;font-size: 16px;}
/***默认清除浮动****/
body {font-family: "微软雅黑", "sans-serif", "Arial";}
/***********全局重置CSS*****************/

.header{max-width: 1920px;margin: 0 auto;position: relative;}
.header .logo{max-width: 1420px;margin: 0 auto;}
.header .logo a{ position: absolute;top: 1rem;}
.header .bg{width: 100%;}
/*  */
.wtyg {max-width: 1540px;margin: 2rem auto;}
.wtyg .wt_tit{max-width: 1420px;margin: 4rem auto 3rem;text-align: center;font-size:3.38rem;font-weight: bold;color: #4d4d4d;}
.wtyg .dt_content{max-width: 1420px;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-end;}
.dt_content .dt_left{position: relative;z-index: 999;}
.dt_content .dt_left div{padding: 0.2rem 1rem; border-radius: 1.5rem;border: 1px solid #a1a1a1;background-color: #f7faf6;z-index: 2;cursor: pointer;}
.dt_content .dt_left div span{width: 5rem;display: inline-block;font-size: 1.25rem;background: url(zk_20231219.png) center right no-repeat;}
.dt_content .dt_left ul{display: none; width: 100%; box-sizing: border-box; position: absolute; padding: 3rem 0.5rem 1rem; top: 0;background-color: #f7faf6; border-radius: 1.5rem;border: 1px solid #a1a1a1;text-align: center;z-index: -1;}
.dt_content .dt_left .show{display: block;}
.dt_content .dt_left ul li{font-size: 1rem;padding: 0.5rem;cursor: pointer;}
.dt_content .dt_left ul li:hover{background-color: #a1a1a1;}
.dt_content .dt_left ul .dt_list{height: 20rem;overflow-y: scroll;border: none;padding: 0;border-radius: 0;}
.dt_content .dt_left ul div::-webkit-scrollbar {width: 3px; /* 设置滚动条宽度 */}
.dt_content .dt_left ul div::-webkit-scrollbar-track {background-color: #046474; /* 设置滚动条背景颜色 */} 
.dt_content .dt_left ul div::-webkit-scrollbar-thumb {background-color: #cfbb4a; /* 设置滚动条滑块颜色 */}
.dt_content .dt_right{width: 89.57%;position: relative;}
.dt_content .dt_right .line{position: absolute;bottom: 0.3rem; height: 1.06rem;border-radius: 0.75rem;background-color: #9d4da9;display: flex;align-items: center;}
.dt_content .dt_right .line img{width: 100%;}
.dt_content .dt_right .swiper_box_dt_right{width: 100%;display: none;}
.dt_content .dt_right .show{display: block;}
.dt_right .swiper_box_dt_right .swiper-container .swiper-wrapper{align-items: flex-end;}
.dt_right .swiper_box_dt_right .swiper-button-next:after,.dt_right .swiper_box_dt_right .swiper-button-prev:after{content: '';}
.dt_right .swiper-button-prev{ left: 2px;}
.dt_right .swiper-button-next{ right: 1px;}
.dt_right .swiper-button-next,.dt_right .swiper-button-prev{top: 0;height: auto;margin-top: 0;}
.dt_content .dt_right  .swiper-slide{display: flex;flex-direction: column;align-items: center;cursor: pointer;}
.dt_content .dt_right  .swiper-slide.noSelect{opacity: 0.8;cursor: not-allowed;}
.dt_content .dt_right  .swiper-slide span{margin-bottom: 1rem; font-size: 1.25rem;}
.dt_content .dt_right  .swiper-slide div{background-color: #9d4da9;border-radius: 50%;}
/* .dt_content .dt_right  .swiper-slide.noSelect .circle{opacity: 0.8;} */
.dt_content .dt_right  .swiper-slide .circle{width: 1.6rem;height: 1.6rem;display: flex;justify-content: center;align-items: center;}
.dt_content .dt_right  .swiper-slide .circle div{width: 1rem;height: 1rem;box-sizing: border-box;border: 0.3rem solid #fff;background-color: #fff;}
.dt_content .dt_right  .swiper-slide:nth-child(3n+1) .circle div{background-color: #9d4da9;}
.dt_content .dt_right  .hover .circle div{border-color: #9d4da9;}
.dt_content .dt_right  .hover span{color: #9d4da9;font-weight: bold;font-size: 1.38rem;}
.dt_content .dt_right .bg1{background-color: #01af55;}
.dt_content .dt_right .bg2{background-color: #b85903;}
.dt_content .dt_right .bg3{background-color: #02a9d7;}
.dt_content .dt_right .bg4{background-color: #d72e10;}
.dt_content .dt_right .bg5{background-color: #9d4ea8;}
.dt_content .dt_right .bg6{background-color: #01c4b7;}
.dt_content .dt_right .bg7{background-color: #0131ab;}
.dt_content .dt_right .bg8{background-color: #ba5800;}
.dt_content .dt_right .bg9{background-color: #896b70;}
.dt_content .dt_right .bg10{background-color: #f67599;}
.dt_content .dt_right .bg11{background-color: #681c3f;}
.dt_content .dt_right .bg12{background-color: #a390b1;}
.dt_content .dt_right .bg13{background-color: #f2cb69;}
.dt_content .dt_right .bg14{background-color: #171aa4;}
.dt_content .dt_right .bg15{background-color: #93dbe0;}

#dt_swiper1 .swiper-slide div{background-color: #01af55;}
#dt_swiper1 .swiper-slide:nth-child(3n+1) .circle div{background-color: #01af55;}
#dt_swiper1 .hover .circle div{border-color: #01af55;}
#dt_swiper1 .hover span{color: #01af55;}
#dt_swiper1 .yesSelect span{color: #01af55;}

#dt_swiper2 .swiper-slide div{background-color: #b85903;}
#dt_swiper2 .swiper-slide:nth-child(3n+1) .circle div{background-color: #b85903;}
#dt_swiper2 .hover .circle div{border-color: #b85903;}
#dt_swiper2 .hover span{color: #b85903;}
#dt_swiper2 .yesSelect span{color: #b85903;}

#dt_swiper3 .swiper-slide div{background-color: #02a9d7;}
#dt_swiper3 .swiper-slide:nth-child(3n+1) .circle div{background-color: #02a9d7;}
#dt_swiper3 .hover .circle div{border-color: #02a9d7;}
#dt_swiper3 .hover span{color: #02a9d7;}
#dt_swiper3 .yesSelect span{color: #02a9d7;}

#dt_swiper4 .swiper-slide div{background-color: #d72e10;}
#dt_swiper4 .swiper-slide:nth-child(3n+1) .circle div{background-color: #d72e10;}
#dt_swiper4 .hover .circle div{border-color: #d72e10;}
#dt_swiper4 .hover span{color: #d72e10;}
#dt_swiper4 .yesSelect span{color: #d72e10;}

#dt_swiper5 .swiper-slide div{background-color: #9d4ea8;}
#dt_swiper5 .swiper-slide:nth-child(3n+1) .circle div{background-color: #9d4ea8;}
#dt_swiper5 .hover .circle div{border-color: #9d4ea8;}
#dt_swiper5 .hover span{color: #9d4ea8;}
#dt_swiper5 .yesSelect span{color: #9d4ea8;}

#dt_swiper6 .swiper-slide div{background-color: #01c4b7;}
#dt_swiper6 .swiper-slide:nth-child(3n+1) .circle div{background-color: #01c4b7;}
#dt_swiper6 .hover .circle div{border-color: #01c4b7;}
#dt_swiper6 .hover span{color: #01c4b7;}
#dt_swiper6 .yesSelect span{color: #01c4b7;}

#dt_swiper7 .swiper-slide div{background-color: #0131ab;}
#dt_swiper7 .swiper-slide:nth-child(3n+1) .circle div{background-color: #0131ab;}
#dt_swiper7 .hover .circle div{border-color: #0131ab;}
#dt_swiper7 .hover span{color: #0131ab;}
#dt_swiper7 .yesSelect span{color: #0131ab;}

#dt_swiper8 .swiper-slide div{background-color: #ba5800;}
#dt_swiper8 .swiper-slide:nth-child(3n+1) .circle div{background-color: #ba5800;}
#dt_swiper8 .hover .circle div{border-color: #ba5800;}
#dt_swiper8 .hover span{color: #ba5800;}
#dt_swiper8 .yesSelect span{color: #ba5800;}

#dt_swiper9 .swiper-slide div{background-color: #896b70;}
#dt_swiper9 .swiper-slide:nth-child(3n+1) .circle div{background-color: #896b70;}
#dt_swiper9 .hover .circle div{border-color: #896b70;}
#dt_swiper9 .hover span{color: #896b70;}
#dt_swiper9 .yesSelect span{color: #896b70;}

#dt_swiper10 .swiper-slide div{background-color: #f67599;}
#dt_swiper10 .swiper-slide:nth-child(3n+1) .circle div{background-color: #f67599;}
#dt_swiper10 .hover .circle div{border-color: #f67599;}
#dt_swiper10 .hover span{color: #f67599;}
#dt_swiper10 .yesSelect span{color: #f67599;}

#dt_swiper11 .swiper-slide div{background-color: #681c3f;}
#dt_swiper11 .swiper-slide:nth-child(3n+1) .circle div{background-color: #681c3f;}
#dt_swiper11 .hover .circle div{border-color: #681c3f;}
#dt_swiper11 .hover span{color: #681c3f;}
#dt_swiper11 .yesSelect span{color: #681c3f;}

#dt_swiper12 .swiper-slide div{background-color: #a390b1;}
#dt_swiper12 .swiper-slide:nth-child(3n+1) .circle div{background-color: #a390b1;}
#dt_swiper12 .hover .circle div{border-color: #a390b1;}
#dt_swiper12 .hover span{color: #a390b1;}
#dt_swiper12 .yesSelect span{color: #a390b1;}

#dt_swiper13 .swiper-slide div{background-color: #f2cb69;}
#dt_swiper13 .swiper-slide:nth-child(3n+1) .circle div{background-color: #f2cb69;}
#dt_swiper13 .hover .circle div{border-color: #f2cb69;}
#dt_swiper13 .hover span{color: #f2cb69;}
#dt_swiper13 .yesSelect span{color: #f2cb69;}

#dt_swiper14 .swiper-slide div{background-color: #171aa4;}
#dt_swiper14 .swiper-slide:nth-child(3n+1) .circle div{background-color: #171aa4;}
#dt_swiper14 .hover .circle div{border-color: #171aa4;}
#dt_swiper14 .hover span{color: #171aa4;}
#dt_swiper14 .yesSelect span{color: #171aa4;}

#dt_swiper15 .swiper-slide div{background-color: #93dbe0;}
#dt_swiper15 .swiper-slide:nth-child(3n+1) .circle div{background-color: #93dbe0;}
#dt_swiper15 .hover .circle div{border-color: #93dbe0;}
#dt_swiper15 .hover span{color: #93dbe0;}
#dt_swiper15 .yesSelect span{color: #93dbe0;}

.dtz_content{margin-top: 3rem; position: relative;}
.dtz_content .swiper-container{max-width: 1420px;box-sizing: border-box; padding: 3rem 1rem;position: unset; box-shadow: 0rem 0rem 0.5rem  rgba(0, 0, 0, 0.1);}
.dtz_content .swiper-container .swiper-wrapper{margin: 0 auto;  box-sizing: border-box;}
.dtz_content .swiper-container .swiper-button-next{right: 1px;}
.dtz_content .swiper-container .swiper-button-prev{left: 1px;}
.dtz_content .swiper-container .swiper-button-next:after{content: '▶';transform: scale(1,2);color: #9e9e9e;font-size: 2.2rem;z-index: 999;}
.dtz_content .swiper-container .swiper-button-prev:after{content: '◀';transform: scale(1,2);color: #9e9e9e;font-size: 2.2rem;z-index: 999;}
.dtz_content .swiper-container .swiper-slide {width: 46%; display: flex;justify-content: space-between;}
.dtz_content .tycg_left{position: relative;margin-right: 0.7rem;}  
.dtz_content .tycg_left img{display: block;height: 14.19rem;width: auto;}
.dtz_content .tycg_left div{padding: 0.1rem 0.5rem 0.1rem 0.4rem;top: 0.5rem; position: absolute;font-size: 1rem;color: #fff;border-radius: 0rem 0.75rem 0.75rem 0rem;}
.tycg .tycg_left div{background-color: #f59c27;}
.whcg .tycg_left div{background-color: #219e5a;}

.dtz_content .tycg_right .tycg_tit{display: flex;align-items: flex-end;}
.dtz_content .tycg_right .tycg_tit span{font-size: 1.5rem;font-weight: bold;}
.dtz_content .tycg_right .tycg_tit em{padding: 0.2rem 0.4rem;margin-left: 0.5rem; font-size: 1rem;text-wrap: nowrap; color: #8a8a8a;border-radius: 0.38rem; border: 1px solid #8a8a8a;}
.dtz_content .tycg_right  .type{margin: 0.5rem 0 0.7rem;}
.dtz_content .tycg_right .type span{margin-right: 0.5rem;font-size: 1rem;border-radius: 0.13rem;}
.tycg .tycg_right .type span{background-color: #fcf4eb;color: #f58b00;}
.whcg .tycg_right .type span{background-color: #f0f7f2;color: #0a8c28;}
.dtz_content .tycg_right .tycg_info p{display: inline;}
.dtz_content .tycg_right .tycg_info span{display: block; font-size:1.13rem;line-height: 1.88rem;color: #4f4f4f;}
.tycg_right .tycg_info span em{font-weight: bold;}


@media ( max-width: 1024px){
    html{font-size: 14px;}
    .wtyg{margin: 0 3%;}
    .dtz_content .tycg_right {height: 14.19rem;overflow-y: scroll;}
    .dtz_content .tycg_right::-webkit-scrollbar {width: 3px; /* 设置滚动条宽度 */}
    .dtz_content .tycg_right::-webkit-scrollbar-track {background-color: #046474; /* 设置滚动条背景颜色 */} 
    .dtz_content .tycg_right::-webkit-scrollbar-thumb {background-color: #cfbb4a; /* 设置滚动条滑块颜色 */}
    .dt_content .dt_right{width: 75%;}
}
@media ( max-width: 780px){
    .dtz_content .swiper-container .swiper-slide{width: 100%;}
    .header .logo{margin: 0 3% ;}
   
}
@media ( max-width: 680px){
    html{font-size: 12px;}
    .dt_content .dt_right{width: 66%;}
    .wtyg{margin: 0 3%;}
    .dtz_content .tycg_right {height: 14.19rem;overflow-y: auto;}
    .dtz_content .swiper-container .swiper-slide{flex-wrap: wrap;}
    
    .dtz_content .tycg_left {margin-right: 0;margin: 0 0 1rem; }
    .dtz_content .tycg_left ,.dtz_content .tycg_left img,.dtz_content .tycg_right{width: 100%; height: auto;}
    .dtz_content .tycg_right .tycg_tit span{font-size: 1.4rem;}
    .dtz_content .swiper-container .swiper-button-next{right: -3%;}
    .dtz_content .swiper-container .swiper-button-prev{left: -3%;}
}