/* 公共样式 */
.dzgxlist .topname {padding: 30px 0px;}
.dzgxlist .topname .logo{margin-top: -20px;}
.dzgxlist .topname .name{color: #FFDA84;font-size: 30px;line-height: 40px;font-weight: bold;margin-top: 10px;}

/* 第一屏 */
.dzgxlist .one{background: url(../../images/dzgx/banner.png) no-repeat center/cover; width: 100%;}
.dzgxlist .one .btmfont{text-align: right;color: #FFDA84;font-size: 18px;line-height:32px;position: absolute;right: 0;bottom: 40px;left: 0;  }

/* 第二屏 */
.dzgxlist .two{background: #5A090B;}
.dzgxlist .two .zddw{color: #FFDA84;font-size: 18px;line-height:28px; text-align: center;width: 100%;padding: 40px 0px; }

.dzgxlbt{width: 1360px;margin:  0 auto;position: relative;}

.dzgxlbt .big-swiper .img-block{height: 100%;position: relative; }
.dzgxlbt .big-swiper {display: flex;align-items: center;justify-content: center;}
.dzgxlbt .big-swiper .swiper-slide{margin: 0px 10px;display: flex;align-items: center;justify-content: space-between;}

/* 四图 */
.dzgxlbt .big-swiper4 {width: 100%;height: 650px;margin-top: -150px;}
.dzgxlbt .big-swiper4 .swiper-slide{width: 380px;height:400px;}
.dzgxlbt .big-swiper4 .swiper-slide:nth-child(1){width: 260px; height: 440px;transform:perspective(70px) rotateZ(0deg) rotateX(0deg) rotateY(3deg);}
.dzgxlbt .big-swiper4 .swiper-slide:nth-child(4){width: 260px;height: 440px;transform: perspective(70px) rotateZ(0deg) rotateX(0deg) rotateY(-3deg);}
.dzgxlbt .big-swiper4 .swiper-slide:nth-child(2),.dzgxlbt .big-swiper4 .swiper-slide:nth-child(3){margin-top: 3px;}

/* 五图 */
.dzgxlbt .big-swiper5 {width: 100%;height: 650px;margin-top: -130px;}
.dzgxlbt .big-swiper5 .swiper-slide{width: 350px;}
.dzgxlbt .big-swiper5 .swiper-slide:nth-child(3){height: 380px;}
.dzgxlbt .big-swiper5 .swiper-slide:nth-child(2){height: 410px;width: 240px; transform: perspective(90px) rotateZ(0deg) rotateX(0deg) rotateY(3deg);}
.dzgxlbt .big-swiper5 .swiper-slide:nth-child(4){height: 410px;width: 240px;transform: perspective(90px) rotateZ(0deg) rotateX(0deg) rotateY(-3deg);}
.dzgxlbt .big-swiper5 .swiper-slide:nth-child(1){height: 480px;width: 240px;transform: perspective(90px) rotateZ(0deg) rotateX(0deg) rotateY(3deg);}
.dzgxlbt .big-swiper5 .swiper-slide:nth-child(5){height: 480px;width: 240px;transform: perspective(90px) rotateZ(0deg) rotateX(0deg) rotateY(-3deg);}


/* 六图 */
.dzgxlbt .big-swiper6 {width: 100%;height: 650px;margin-top: -130px;}
.dzgxlbt .big-swiper6 .swiper-slide{width: 300px;}
.dzgxlbt .big-swiper6 .swiper-slide:nth-child(3),.dzgxlbt .big-swiper6 .swiper-slide:nth-child(4){height: 340px;}
.dzgxlbt .big-swiper6 .swiper-slide:nth-child(2){height: 370px;width: 240px; transform: perspective(70px) rotateZ(0deg) rotateX(0deg) rotateY(3deg);}
.dzgxlbt .big-swiper6 .swiper-slide:nth-child(5){height: 370px;width: 240px;transform: perspective(70px) rotateZ(0deg) rotateX(0deg) rotateY(-3deg);}
.dzgxlbt .big-swiper6 .swiper-slide:nth-child(1){height: 450px;width: 210px;transform: perspective(70px) rotateZ(0deg) rotateX(0deg) rotateY(3deg);}
.dzgxlbt .big-swiper6 .swiper-slide:nth-child(6){height: 450px;width: 210px;transform: perspective(70px) rotateZ(0deg) rotateX(0deg) rotateY(-3deg);}



.dzgxlbt .img-block .font{display: none;}
/* .dzgxlbt .img-block .font{display: flex;align-items: flex-end;position: absolute;top: 0;bottom: 0; width: 100%;height: 100%;color: #fff;font-size: 30px;line-height: 40px;font-weight: bold;padding: 20px;} */
/* background: rgba(0, 0, 0, 0.6); */

.dzgxlbt .small-swiper{display: none;}

/* .dzgxlist .two .leader{position: absolute;left: 0;right: 0;margin: auto;text-align: center;z-index: 2;} */
.dzgxlist .two .leader{text-align: center;margin: 0 auto 45px;}

.dzgxlist .two .gx-search{z-index: 2;width: 790px;height: 60px;background: #750E11;border-radius: 2px;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; }
.dzgxlist .two .gx-search input{width: calc(100% - 110px);color: #fff;font-size: 16px;padding: 2px 10px;height: 60px;background: none;border: none; }
.dzgxlist .two .gx-search input::-webkit-input-placeholder { color:#B84245; }
.dzgxlist .two .gx-search input::-moz-placeholder { color:#B84245; }
.dzgxlist .two .gx-search input:-ms-input-placeholder { color:#B84245; }
.dzgxlist .two .gx-search input:-moz-placeholder { color:#B84245; }
.dzgxlist .two .gx-search .search-submit{width: 110px;text-align: center; line-height: 60px;background: #CE1111;border-radius: 2px;display: inline-block;color: #fff;font-size: 16px;}

/* 第三屏 */
.dzgxlist .third{background: #5A090B;}
.third .swiperbox{position: relative;}
.third .con-swiper{height: 640px;}
.third .con-swiper img{object-fit: contain;}
.third .con-swiper .swiper-pagination-bullet{background-color: #fff;opacity: 0.6;}
.third .con-swiper .swiper-pagination-bullet-active{background-color: #A61414;opacity: 1;}
.third .swiperbox .swiper-button-next,.third .swiperbox .swiper-button-prev{width: 65px;height: 65px;border-radius: 50%;outline: none;pointer-events: auto;}
.third .swiperbox .swiper-button-next{background: url(../../images/dzgx/arrow-r.png) no-repeat center center;right: -33px;} 
.third .swiperbox .swiper-button-prev{background: url(../../images/dzgx/arrow-l.png) no-repeat center center;left: -33px;}
.third .swiperbox .swiper-button-next:hover{background: url(../../images/dzgx/arrow-r-hover.png) no-repeat center center;} 
.third .swiperbox .swiper-button-prev:hover{background: url(../../images/dzgx/arrow-l-hover.png) no-repeat center center;}
.third .swiperbox .img-block{position: relative;height: 100%;}
.third .swiperbox .video{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 90px;height: 90px;background: url(../../images/dzgx/play.png) no-repeat center center; }
.third .swiperbox .font{color: #fff; position: absolute;right: 0;bottom: 0;width: 650px;height: 180px;background: rgba(0, 0, 0, 0.4);padding: 25px 30px; }
.third .swiperbox .name{font-size: 22px;line-height: 30px;margin-bottom: 5px;}
.third .swiperbox .summary{font-size: 16px;line-height: 26px;height:calc(100% - 43px);overflow-y:auto ;}

.third .font-swiper {color: #fff;}
.third .font-swiper .swiper-slide{padding: 10px 0px;}
.third .font-swiper .name{font-size: 24px;line-height: 30px;margin-bottom: 5px;font-weight: bold;}
.third .font-swiper .summary{font-size: 14px;line-height: 24px;height:80px;overflow-y:auto ;}
.third .font-swiper .source span{display: inline-block;margin-right: 20px;}

.third .datebox .item .icon{position: absolute;width: 1px;height: 20px;background: #D7494C;left: 0;right: 0;bottom: 0;margin: auto;}
.third .datebox .item .icon .circle{position: absolute;background: #530E10;border: 1px solid #D7494C;border-radius: 50%;left: -5px;top: 15px;width: 11px;height: 11px; }
.third .datebox .item .icon .circle::after{position: absolute;content: '';display: block;width: 5px;height: 5px;background: #B33537;border-radius: 50%;top: 0;bottom: 0;right: 0;left: 0;margin: auto; }
.third .datebox .item.on{color: #FFFFFF;}
.third .datebox .item.on .circle{border: 1px solid #fff;}
.third .datebox .item.on .icon,.third .datebox .item.on .circle::after{background: #fff;}


.datebox {margin: 30px 0px;padding-bottom: 30px;}
.datebox .top{}
.datebox .top .item{color: #D7494C;cursor: pointer; font-size: 20px;line-height: 24px;font-weight: bold;width: 25%;text-align: center;position: relative;padding: 25px 0px;}
.datebox .btm{position: relative;line-height: 45px;border-top: 1px solid #B33537;color: #F67376;font-size: 16px;padding: 0px 10px;}
.datebox .btm .yearbox{height: 45px;}
.datebox .btm .swiper-slide{width: auto;padding: 0px 10px;cursor: pointer;}
.datebox .btm .swiper-slide.on{color: #fff;}
.datebox .btm .swiper-button-next,.datebox .btm .swiper-button-prev{width: 10px;height: 13px;top: 0;bottom: 0;margin: auto;outline: none;background-size: contain;}
.datebox .btm .swiper-button-next{background: url(../../images/dzgx/next1.png) no-repeat center center;right: -20px;} 
.datebox .btm .swiper-button-prev{background: url(../../images/dzgx/pre1.png) no-repeat center center;left: -20px;}
.datebox .btm .swiper-button-next:hover{background: url(../../images/dzgx/next.png) no-repeat center center;} 
.datebox .btm .swiper-button-prev:hover{background: url(../../images/dzgx/pre.png) no-repeat center center;}


.third .addbox {position: relative;font-size: 18px;color: #AC6264;line-height: 28px;}
.third .addbox .add-swiper{padding-bottom: 6px;margin-bottom: -5px;}
.third .addbox .swiper-slide{width: auto;padding: 12px 10px 20px 10px;}
.third .addbox .swiper-slide-active{color: #fff;}
.third .addbox .swiper-button-next,.third .addbox .swiper-button-prev{width: 10px;height: 13px;top: 0;bottom: 0;margin: auto;outline: none;background-size: contain;}
.third .addbox .swiper-button-next{background: url(../../images/dzgx/next1.png) no-repeat center center;right: -20px;} 
.third .addbox .swiper-button-prev{background: url(../../images/dzgx/pre1.png) no-repeat center center;left: -20px;}
.third .addbox .swiper-button-next:hover{background: url(../../images/dzgx/next.png) no-repeat center center;} 
.third .addbox .swiper-button-prev:hover{background: url(../../images/dzgx/pre.png) no-repeat center center;}

.third .addbox .item .icon{background: none;}
.third .addbox .item .icon .circle::after{background:none;}
.third .addbox .item.on .icon .circle::after{background:#fff;}

.third .schoolbox {background: #530E10;border: 1px solid #B33537;font-size: 16px;color: #AC6264;line-height: 45px;}
.third .schoolbox .swiper-slide{width: auto;padding: 0px 10px;}
.third .schoolbox .swiper-slide-active{color: #fff;}

.third .backbtn{text-align: center;padding-bottom: 20px ;}
.third .backbtn a{border: 1px solid #CE1111;border-radius: 6px;font-size:20px;color: #F93636; line-height: 50px;padding: 0px 35px 0px 65px;display: inline-block;}
.third .backbtn .icon1{background: url(../../images/dzgx/icon6.png) no-repeat 30px center;}
.third .backbtn .icon2{background: url(../../images/dzgx/icon4.png) no-repeat 30px center;}
.third .backbtn .icon1:hover{background:#CE1111 url(../../images/dzgx/icon5.png) no-repeat 30px center;color: #FFBE83;border: 1px solid #CE1111;}
.third .backbtn .icon2:hover{background:#CE1111 url(../../images/dzgx/icon3.png) no-repeat 30px center;color: #FFBE83;border: 1px solid #CE1111;}



.two .backbtn{text-align: center;padding-bottom: 20px ;}
.two .backbtn a{border: 1px solid #CE1111;background: url(../../images/dzgx/icon6.png) no-repeat 30px center;border-radius: 6px;font-size:20px;color: #F93636; line-height: 50px;padding: 0px 35px 0px 65px;display: inline-block;}
.two .backbtn a:hover{background:#CE1111 url(../../images/dzgx/icon5.png) no-repeat 30px center;color: #FFBE83;border: 1px solid #CE1111;}

@media (max-width:1600px) {
  .dzgxlist .two .leader{margin: -30px auto 20px;}
  .dzgxlist .two .leader img{max-height: 110px;}

  .dzgxlbt .big-swiper6 .swiper-slide{width: 280px;}
  .dzgxlbt .big-swiper6 .swiper-slide:nth-child(3),.dzgxlbt .big-swiper6 .swiper-slide:nth-child(4){height: 300px;}
  .dzgxlbt .big-swiper6 .swiper-slide:nth-child(2){height: 330px;width: 200px;}
  .dzgxlbt .big-swiper6 .swiper-slide:nth-child(5){height: 330px;width: 200px;}
  .dzgxlbt .big-swiper6 .swiper-slide:nth-child(1){height: 390px;width: 190px;}
  .dzgxlbt .big-swiper6 .swiper-slide:nth-child(6){height: 390px;width: 190px;}

}
@media (max-width:1400px) {
  .dzgxlbt{width: 100%;}

  .dzgxlbt .big-swiper4 .swiper-slide{width: 300px;height: 350px;}
  .dzgxlbt .big-swiper4 .swiper-slide:nth-child(1),.dzgxlbt .big-swiper4 .swiper-slide:nth-child(4){height: 390px;}

  .dzgxlbt .big-swiper6,.dzgxlbt .big-swiper5{flex-wrap: wrap;align-content: flex-start;margin-top: 0px;height: auto;padding-bottom: 70px;}
  .dzgxlbt .big-swiper6 .swiper-slide,.dzgxlbt .big-swiper5 .swiper-slide{width: 30% !important;height: 350px !important;margin-bottom: 20px; transform: perspective(0px) rotateZ(0deg ) rotateX( 0deg ) rotateY( 0deg ) !important;}
 

}
@media (max-width:1200px) {
  .third .con-swiper{height: 540px;}

  .dzgxlbt .big-swiper4 .swiper-slide{width: 250px;height: 300px;}
  .dzgxlbt .big-swiper4 .swiper-slide:nth-child(1),.dzgxlbt .big-swiper4 .swiper-slide:nth-child(4){height: 320px;}
}
@media (max-width:992px) {
  .third .con-swiper{height: 440px;}
  .datebox .top .item:nth-child(1){width: 30%;}
  .datebox .top .item:nth-child(2){width: 35%;}
  .datebox .top .item:nth-child(3){width: 20%;}
  .datebox .top .item:nth-child(4){width: 15%;}

  .dzgxlbt{width: calc(100% - 30px);}
  .dzgxlist .two .gx-search{width: 100%;}

  .dzgxlbt .big-swiper4{flex-wrap: wrap;align-content: flex-start;margin-top: 0px;}
  .dzgxlbt .big-swiper4 .swiper-slide,.dzgxlbt .big-swiper4 .swiper-slide:nth-child(1),.dzgxlbt .big-swiper4 .swiper-slide:nth-child(4){margin-bottom: 20px; width: 45%;height: 250px;transform: perspective(0px) rotateZ(0deg ) rotateX( 0deg ) rotateY( 0deg );}
  /* .dzgxlbt .big-swiper .swiper-slide:nth-child(1),.dzgxlbt .big-swiper .swiper-slide:nth-child(4){height: 320px;} */

  .dzgxlbt .big-swiper6 .swiper-slide,.dzgxlbt .big-swiper5 .swiper-slide{width: 45% !important;}

}
@media (max-width:768px) {
  .dzgxlist .two .zddw{font-size: 14px;padding: 25px 10px;line-height: 22px;}
  .dzgxlist .two .leader{margin-top: -10px;}

  .third .con-swiper{height: 340px;}
  .third .swiperbox .font{padding: 10px;height: auto;}
  .third .swiperbox .name{font-size: 18px;line-height: 20px;}
  .third .swiperbox .summary{display: none;}
  .third .swiperbox .swiper-pagination{bottom: 0;}
  .third .swiperbox .video{width: 40px;height: 40px;background-size: contain;}
  .datebox .top .item{font-size: 16px;font-weight: normal;}
  .third .swiperbox .swiper-button-next, .third .swiperbox .swiper-button-prev,.third .addbox .swiper-button-next, .third .addbox .swiper-button-prev{display: none;}
  .third .swiperbox .font{width: 100%;}

  .dzgxlist .topname .logo{width: 40%;}
  .dzgxlist .topname .name{margin-top: 0px;font-size: 24px;line-height: 30px;}

  .dzgxlbt .big-swiper6 .swiper-slide,.dzgxlbt .big-swiper5 .swiper-slide{height: 250px !important;}

  .dzgxlbt .img-block .font{font-size: 22px;line-height: 30px;font-weight: normal;padding: 10px;}
}
@media (max-width:540px) {
  .third .con-swiper{height: 240px;}
  .datebox .top .item{height: 80px;display: flex;align-items: center;line-height: 18px;}

  .dzgxlbt .big-swiper{display: none;}
  .dzgxlbt .small-swiper{display: block;height: 500px;padding: 20px 0px 80px 0px;}
  .dzgxlbt .small-swiper .img-block{height: 100%;}
  .dzgxlbt .img-block .font{font-size: 20px;line-height: 30px;}

}


