@media screen and (max-width: 1000px) {
  .zw{
    height:858px;
  }
   
}
/* Ã¦Â°â€œÃ©â„¢â€¡Ã¦Ââ€šÃ¦Â°â€œÃ©Ë†Â¥Ã©Æ’ÂÃ¤Â¹â€¦Ã£Æ’â€šÃ¥Â°â€“Ã¥Ââ€œÃ¦Â°â€œÃ¦Ââ€šÃ©Ë†Â¥Ã¯Â¿Â½ */
.banner_wrapper{
  height: 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.banner{
  position: relative;
}
.banner img{
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: fill;

  animation: zoomin 10s ease-in-out infinite alternate;
  -webkit-animation: zoomin 10s ease-in-out infinite alternate;
}
/* Ã¦Â°â€œÃ¨â€°â€”Ã©Ë†Â¥ÃŽÂ³Ã®Å¸Å Ã¯Â¼Â¢Ã¥Â§â€˜Ã£Æ’â€šÃ¦â€°ÂÃ¯Â¿Â½Ã¯Â¿Â½ */
.banner_swiper{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner_swiper .swiper-slide{
  overflow: hidden;
}
/* Ã¦Â°â€œÃ¨â€”â€ºÃ©Ë†Â¥Ã¢Ë†Â¶ÃŽÂ²Ã¥ÂµÅ¡Ã¢â€™Å¡ÃŽÂµÃ¦Å½â€ Ã¯Â¿Â½Ã¦â€¡Å Ã¢â€Â¾Ã¯Â¿Â½Ã¦Â«Â¬Ã¯Â¿Â½ */
.banner_swiper:hover .banner_prev, .banner_swiper:hover .banner_next{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -o-transform: translate(0);
  -moz-transform: translate(0);
  transform: translate(0);
}
 
.banner_prev{
  background: url(/2024/img/banner_prev.png) no-repeat;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -25px;
  z-index: 1;

  -webkit-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.banner_next{
  background: url(/2024/img/banner_next.png) no-repeat;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -25px;
  z-index: 1;

  -webkit-transform: translateX(10px);
  -o-transform: translateX(10px);
  -moz-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
@keyframes zoomin {
  0% {-webkit-transform: scale(1);}
  100% {-webkit-transform: scale(1.1);}
}
/* Ã¦Â°â€œÃ©â„¢â€¡Ã¦Ââ€šÃ¦Â°â€œÃ©Ë†Â¥Ã©Æ’ÂÃ¤Â¹â€¦Ã®Å¾Â Ã§Æ’Â©Ã¯Â¿Â½Ã¦ÂºÂÃŽÂ²Ã¦Â¾Å¸Ã¯Â¿Â½ */

.jello-horizontal {
	-webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both;
}
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


/* Ã¥Â¿â„¢Ã¨ÂÂ½Ã©Ë†Â¥Ã¢Ë†Â¶Ã¢â€Å¾Ã¢â€˜ÂºÃ¯Â¿Â½ */
.common_title{
  position: relative;
  z-index: 1;
}
.common_title p{
  font-size: 42px;
  background: url(/2024/img/title_ico.png)no-repeat 180px center;
  font-family: 'hydsj';
  padding: 80px 0;
  padding-top: 20px;
}
.common_title span{
  font-size: 54px;
  color: #f1f1f1;
  position: absolute;
  left: 23px;
  top: 64px;
  z-index: -1;
}
/* Ã¨Å½Â½Ã¥ÂÂ¢Ã¥ÂÂ¢Ã§â€ºÂ²Ã¨Âµâ€šÃ©Ë†Â§Ã®Æ’Å¾Ã¢â€Â¢Ã¦Ââ€“Ã®Å¸â€¹Ã£Æ’â€¹Ã¥â€”ÂÃ¯Â¿Â½Ã¯Â¿Â½ */
.main1{
  position: relative;
  z-index: 2;
  background: url(/2024/img/main1_bg.png) no-repeat right bottom;
  background-color: #fff;
  padding-bottom: 80px;
}
/* Ã¦Â°â€œÃ¨Â·Â¯Ã¥Â¨â€ž */
.main1_l{
  /* width: 1075px; */
  width: 62.5%;
}
.main1_l .swiperCont{
  position: relative;
  width: 100%;
  height: 100%;
}
.main1_l .img{
  height: 613px;
  overflow: hidden;
  cursor: pointer;
}
.main1_l .img img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: all .3s;
}
.main1_l .img:hover img{
  transform: scale(1.1);
}
.swiperCont .cont{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 25px;
  background: #000;
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0));
  color: #fff;
}
.swiperCont .cont div span{
  float: right;
  font-size: 19px;
}
.swiperCont .cont div p{
  font-size: 24px;
  margin-bottom: 20px;
  display: block;
  font-family: 'fzxbs';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.swiperCont .cont>p{
  font-size: 19px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.main1_img{
  overflow: hidden;
  position: relative;
}
.main1_img .main1_pagination{
  position: absolute;
  right: 0;
  left: unset;
  top: 50%;
  transform: translateY(-50%);
  width: 87px;
  height: 191px;
  background: url(/2024/img/main1_loop_bg.png) no-repeat right center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  z-index: 2;
}
.main1_img .main1_pagination span{
  opacity: 1;
  display: block;
  width: 23px;
  height: 25px;
  background: url(/2024/img/lx.png) no-repeat center center;;
  transition: all .3s;
  transform: scale(0.9);
}
.main1_img .main1_pagination span:nth-child(1){
  transform: translateX(13px) rotate(0deg);
}
.main1_img .main1_pagination span:nth-child(2){
  transform: translateX(-12px) rotate(-29deg)
}
.main1_img .main1_pagination span:nth-child(3){
  transform: translateX(16px) rotate(-65deg)
}
.main1_img .main1_pagination span:nth-child(1).swiper-pagination-bullet-active{
  transform: translateX(13px) rotate(0deg) scale(1.5);
}
.main1_img .main1_pagination span:nth-child(2).swiper-pagination-bullet-active{
  transform: translateX(-12px) rotate(-29deg) scale(1.5);
}
.main1_img .main1_pagination span:nth-child(3).swiper-pagination-bullet-active{
  transform: translateX(16px) rotate(-65deg) scale(1.5);
}


/* Ã¦Â°â€œÃ¨ÂÂ«Ã©Â²Â */
.main1_cont{
  display: flex;
  justify-content: space-between;
}
.main1_r{
  width: 560px;
  width: 35%;
}
.main1_r ul a{
  display: flex;
  justify-content: space-between;
}
.main1_r ul a div{

}
.main1_r ul a div{
  text-align: center;
  width: 95px;
  border-right: 1px solid #cccc;
}
.main1_r ul a div span{
  font-family: 'fzxbs';

}
.main1_r ul a div p{
  font-size: 18px;
  font-family: 'fzxbs';
  color: #959595;
}
.main1_r ul li{
  margin-bottom: 28px;
  transition: all .3s;
}
.main1_r ul li:last-child{
  margin-bottom: 0;
}
.main1_r ul li:hover{
  transform: translateY(-5px);
}
.main1_r ul a>p{
  width: 79%;
  font-size: 20px;
  display: -webkit-box;
  line-height: 31px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main1_r ul a span{
  font-size: 35px;
  line-height: 44px;
  transition: all .3s;
  color: #a40000;
}
.li_1 a{
  position: relative;
}
.li_1 a .li_text{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 10px;
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0));
  transition: all .3s;
}
.li_1 a .li_text p{
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
}
.li_1:hover a .li_text{
  background: #a40000;
}
.li_1:hover a .li_text span{
    color: #fff;
}
.main1_r ul .li_1 .li_img{
  width: 100%;
  height: 280px;
  overflow: hidden;
}
.main1_r ul .li_1 .li_img img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: all .3s;
}
.main1_r ul .li_1:hover .li_img img{
  transform: scale(1.1);
}

/* Ã¨Å½Â½Ã¥ÂÂ¢Ã¥ÂÂ¢Ã§â€ºÂ²Ã¦Â½Å¾Ã¨â€°â€”Ã¨Å’â€¦Ã¨Å’Â Ã§Â¯â€œÃ¦Â°â€œÃ¨â€”â€ºÃ©Ë†Â¥Ã¯Â¿Â½ */
.main2{
  height: 760px;
  background: url(/2024/img/main2_bg.png) no-repeat center center;
  background-color: #fff;
  position: relative;
}
.main2_l{
  width: 840px;
  width: 52.5%;
}
.main2_wrapper{
  display: flex;
  justify-content: space-between;
}
.notic_news ul{
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  margin-top: 15px;
}

.notic_news ul li{
  width: 49%;
  transition: all .3s;
  margin-bottom: 55px;
  margin-right: 2%;
}
.notic_news ul li:nth-child(2n){
  margin-right: 0;
}
.notic_news ul li:hover{
  transform: translateY(-10px);
  filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.2));
}
.notic_news ul li a{
  display: block;
  position: relative;
  padding: 75px 40px 62px 60px;
}
.notic_news ul li a::after{
  content: '';
  width: 55%;
  height: 90%;
  position: absolute;
  left: 0;
  top: 5%;
  background: #fff;
  z-index: -1;
}
.notic_news ul li a::before{
  content: '';
  width: 100%;
  height: 68%;
  position: absolute;
  bottom: 2%;
  left: 0;
  background: #fff;
}

.notic_news ul li p{
  position: relative;
  font-size: 20px;
  color: #191919;
  line-height: 36px;
  height: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.notic_news ul li p::after{
  content: '';
  width: 25px;
  height: 23px;
  background: url(/2024/img/notic_ico.png)no-repeat;
  position: absolute;
  background-size: 100% 100%;
  left: -34px;
  top: 5px;
}
.notic_news ul li span{
  background: #ac1818;
  font-size: 19px;
  position: absolute;
  right: -9px;
  top: 1px;
  padding: 10px 40px;
  color: #fff;
}

/* Ã¦Â°â€œÃ¨ÂÂ«Ã©Â²Â */
.main2_r{
  width: 680px;
  width: 42.5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main2_r .img{
  margin-left: 66px;
  position: relative;
  cursor: pointer;
}
.main2_r .img img{
  display: block;
  position: relative;
  z-index: 2;
}
.main2_r .img::before{
  content: '';
  width: 265px;
  height: 269px;
  background: url(/2024/img/mtjj_bg.png) no-repeat;
  position: absolute;
  left: -25%;
  top: -25%;
  animation: rotate 15s linear infinite;
}
.main2_r .img::after{
  content: '';
  width: 146px;
  height: 280px;
  background: linear-gradient(to bottom, #f8e8da, #f2f1e9);
  position: absolute;
  left: 90px;
  top: -26%;
}
@keyframes rotate {
  from {
    transform: rotate(0deg); 
  }
  to {
    transform: rotate(360deg); 
  }
}
.main2_r .cont{
  width: 62%;
  padding-left: 48px;
  position: relative;
  z-index: 2;
}
.main2_r .cont ul li{
  margin-bottom: 80px;
  transition: all .3s;
  position: relative;
}
.main2_r .cont ul li::after{
  content: '';
  width: 28px;
  height: 16px;
  background: url(/2024/img/media.png)no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -50px;
  top: 5px;
}
.main2_r .cont ul li::before{
  content: '';
  width: 1px;
  height: 190px;
  background: #bd9f68;
  position: absolute;
  left: -37px;
  top: 9px;
}
.main2_r .cont ul li a{
  display: block;

}
.main2_r .cont ul li a span{
  font-size: 19px;
  color: #ac1919;
  display: block;
  background: url(/2024/img/time.png)no-repeat left center;
  padding-left: 29px;
  margin-bottom: 22px;
}
.main2_r .cont ul li a p{
  font-size: 20px;
  color: #404040;
  /* font-weight: 600; */
  line-height: 30px;
  /* font-family: 'hydsj'; */
}

.main2_r .cont ul li:hover{
  transform: translateY(-5px);
}
.main2_r .cont ul li:last-child{
  margin-bottom: 0;
}
/* Ã¨Å½Â½Ã¥ÂÂ¢Ã¥ÂÂ¢Ã§â€ºÂ²Ã¨Âµâ€šÃ©Ë†Â¥Ã¦â€¡Å Ã¢â€Â¢Ã¦Ââ€“Ã®Å¸â€¹Ã£Æ’â€¹Ã¥â€”ÂÃ¯Â¿Â½Ã¯Â¿Â½ */
.main3{
  background: url(/2024/img/main_3bg.png) no-repeat #fff center center;
  position: relative;
  z-index: 2;
  padding-bottom: 90px;
}
.main3_cont{
  display: flex;
  justify-content: space-between;

}
.main3_l{
  width: 780px;
  width: 48.8%;
}
.main3_l .dj li{
  margin-top: 20px;
  transition: all .3s;
}
.main3_l .dj li:hover{
  transform: translateY(-5px);
}
.dj_1{
  transition: all .3s;
}
.dj_1:hover{
  transform: translateY(-5px);
}
.dj_1:hover img{
  transform: scale(1.1);
}
.dj_1 a{
  display: flex;
  justify-content: space-between;
}
.dj_1_l, .dj_1_r{
  width: 50%;
  height: 250px;
  overflow: hidden;
  position: relative;
}
.dj_1_l .img{
  height:100%
}
.dj_1_l .img{
  height:100%
}
.dj_1_l img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
}
.dj_1_l .time{
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(189, 159, 104, 0.7);
  text-align: right;
  padding: 13px;
  border-top-left-radius: 10px;
}
.dj_1_l .time p{
  font-size: 24px;
  color: #ffffff;
}
.dj_1_l .time span{
  font-size: 16px;
  color: #ffffff;
}
.dj_1_r{
  padding: 25px 20px;
  background: url(/2024/test/dt_more.png)no-repeat 94% 96%;
}
.dj_1_r p{
  font-size: 20px;
  color: #161616;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 21px;
}
.dj_1_r span{
  font-size: 18px;
  color: #8a8989;
  display: block;
  line-height: 29px;
}
.dj li a{
  display: block;
  padding-left: 30px;
  background: url(/2024/img/dt_dot_bg.png)no-repeat 8px center;
}
.dj li a span{
  font-size: 19px;
  color: #a40000;
  float: right;
}
.dj li a p{
  font-size: 20px;
  color: #2b2b2b;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 50px;
  white-space: nowrap;
}
.main3_r{
  width: 790px;
  width: 49.4%;
}
.kx_11{
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
}
.kx_11>a{
  width: 48.5%;
  transition: all .3s;
}
.kx_11>a>p{
  font-size: 20px;
  color: #161616;
  padding: 15px 20px;
  background: #fff;
  border: 1px solid #f5f5f5;
  line-height: 28px;
  height: 88px;
  /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; */
}
.kx_11>a div{
  position: relative;
  overflow: hidden;
  height: 254px;
}
.kx_11>a div img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: all .3s;
}
.kx_11>a div p{
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px 27px;
  color: #fff;
  font-size: 19px;
  background: rgba(207, 169, 114, 0.7);
  border-top-right-radius: 15px;
}

.kx_11 a:hover{
  transform: translateY(-5px);
  box-shadow: 0 0 5px #ccc;
}
.main3_r ul li{
  margin-bottom: 23px;
  transition: all .3s;
}
.main3_r ul li:hover{
  transform: translateY(-5px);
}
.main3_r ul li:last-child{
  margin-bottom: 0;
}
/* Ã¨Å½Â½Ã¥ÂÂ¢Ã¥ÂÂ¢Ã¦Â°â€œÃ©Ë†Â¥Ã¨Â¡Â¡Ã¯Â¿Â½Ã¥Â¥Â½Ã¢â€Â¢Ã¦Ââ€“Ã®Å¸â€¹Ã£Æ’â€¹Ã¥â€”ÂÃ¯Â¿Â½Ã¯Â¿Â½ */
.main4{
  background: url(/2024/test/ztzl.jpg)no-repeat #fff;
  min-height: 273px;
  position: relative;
  z-index: 2;
}
.main4_title{
  display: table;
  margin: 0 auto;
  margin-top: 20px;
}
.main4_title p{
  position: relative;
color: #a40000;
}
.main4_title p::after{
  content: '';
  width: 107px;
  height: 26px;
  background: url(/2024/img/main4title_ico.png)no-repeat;
  position: absolute;
  right: -128px;
  top: 56px;
}
.main4_title span{
  
white-space: nowrap;
}
.main4_img{
  padding-bottom: 50px;
}
.main4_wrapper .main4_pagination {
  display: table;
  margin: 0 auto;
  width: 290px;
  height: 290px;
  margin-top: -210px;
  border-bottom: 1px solid #bd9f68;
  border-radius: 50%;
  padding-top: 240px;
  display: flex;
  justify-content: space-around;
}
.main4_wrapper .main4_pagination span{
  opacity: 1;
  width: 12px;
  height: 25px;
  background: url(/2024/img/lx2.png)no-repeat;
  transition: all .3s;
}
.main4_wrapper .main4_pagination span:nth-child(1){
  transform: rotate(50deg);
}
.main4_wrapper .main4_pagination span:nth-child(2) {
  transform: translateY(35px) rotate(18deg);
}
.main4_wrapper .main4_pagination span:nth-child(2).swiper-pagination-bullet-active {
  transform: translateY(31px) rotate(0deg);
}
.main4_wrapper .main4_pagination span:nth-child(3) {
  transform: rotate(-21deg);
}
.main4_wrapper .main4_pagination span:nth-child(3).swiper-pagination-bullet-active {
  transform: rotate(-38deg) translateY(-2px);
}
.main4_wrapper .main4_pagination .swiper-pagination-bullet-active{
  background: url(/2024/img/lx2_on.png)no-repeat;
  width: 15px;
  height: 33px;
}
.main4 .swiperCont{
    transition: all .3s;
}
.main4 .swiperCont:hover{
transform: translateY(-10px);
}
/* Ã¨Å½Â½Ã¥ÂÂ¢Ã¥ÂÂ¢Ã§â€ºÂ²Ã¦Â½Å¾Ã©Ë†Â¥Ã¦Â¾ÂÃ¢â€Â¢Ã¦Ââ€“Ã®Å¸â€¹Ã£Æ’â€¹Ã¥â€”ÂÃ¯Â¿Â½Ã¯Â¿Â½ */
.main5{
  padding: 20px 0;
  background: url(/2024/img/main5_bg.png)no-repeat #fff;
  position: relative;
  z-index: 2;
  padding-bottom: 0;
}
.main5_cont{
  display: flex;
  justify-content: space-between;
}
.main5_l,.main5_r{
  width: 50%;
}
.main5_r{
  height: 616px;
  position: relative;

}
.main5_r div{
  position: absolute;
  background: #a40000;
  padding:  15px 30px;
  left: 0;
  bottom: 0;
}
.main5_r div p{
  font-size: 37px;
  color: #fff;
  font-weight: 600;
}
.main5_r>a>p{
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  width: calc(100% - 134px);
  text-align: center;
  line-height: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0));
  padding: 0 30px;
}
.main5_l div{
  width: 50%;
  height: 308px;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  position: relative;
  vertical-align: top;
}
.quick_links{
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.quick_links ul a p{
  color: #000;
}
.main5_l div img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: all .3s;
}
.main5_l div:hover img{
  transform: scale(1.1);
}
.main5_l div:first-child img{
  width: auto; 
  height: auto;
}
.main5_l div:first-child:hover img{
  transform: scale(1);
}
.main5_l div p{
  position: absolute;
  left: 20px;
  bottom: 20px;
  transition: all .3s;
  opacity: 0;
  line-height: 54px;
  background: url(/2024/test/fg_bg.png)no-repeat;
  width: 100%;
  padding-left: 20px;
  color: #fff;
}
.main5_l div:hover p{
  left: 0;
  opacity: 1;
  
}
.main5_r {
  cursor: pointer;
  position: relative;
}
.main5_r::after{
  content: '';
  width: 80px;
  height: 80px;
  background: url(/2024/test/bf.png)no-repeat;
  background-color: #fff;
  border-radius: 50%;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s;
}
.main5_r:hover:after{
  opacity: 1;
}
.main5_r img{
  display: block;
  width: 100%;
  height: 100%;
}
.main5_links{
  margin-top: 80px;
  padding-bottom: 60px;
  position: relative;
  /* background: url(/2024/test/dot.png)no-repeat left 46px; */
}
.main5_links::after{
  position: absolute;
}
.main5_links ul{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.main5_links ul a{
  color: #a40000;
  position: relative;
}
.main5_links ul a::after{
  content: '';
  width: 23px;
  height: 24px;
  background: url(/2024/test/dot2.png)no-repeat;
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -12px;
  animation: rotate 10s linear infinite;
}
.main5_links ul a:hover{
  font-weight: 600;
}

.footer_path{
  stroke-dasharray: 4,2;
  width: 100%;
  height: 3px;
  animation: moveR 5s linear infinite;
}
.quick_linkspc{
   display: block; box-shadow: 0 0 3px #ccc;
}
@keyframes moveR {
  to {
      stroke-dashoffset: -100
  }
}
.main2_r .common_title{
  display: none;
}
#mtjj{
  display: block;
}
#phone_mtjj{
  display: none;
}

@media screen and (min-width: 1000px) and (max-width: 1600px) {
.last_new{
display:none;
}
  .common_title p{
    font-size: 36px;
    padding: 28px 0;
    background: url(/2024/img/title_ico.png)no-repeat 154px center;
    background-size: 85px;
  }
  .common_title span{
    font-size: 37px;
    left: 23px;
    top: 41px;
  }
  .main1_l .img{
    height: 445px;
  }
  .swiperCont .cont{
    padding: 14px;
  }
  .swiperCont .cont div p{
    font-size: 20px;
    margin-bottom: 7px;
  }
  .swiperCont .cont>p{
    font-size: 16px;
  }
  .main1_r ul a div{
    width: 80px;
  }
  .main1_r ul a>p{
    width: 76%;
    font-size: 18px;
    line-height: 30px;
  }
  .main1_img .main1_pagination {
    width: 63px;
    height: 155px;
    background: url(/2024/img/main1_loop_bg.png) no-repeat right center; 
    background-size: 100%; 
  }
  .notic_news ul li span{
    font-size: 14px;
    padding: 10px 28px;
  }
  .notic_news ul li p{
    font-size: 16px;
  }
  .notic_news ul li a{
    padding: 52px 40px 36px 41px;
  }
  .notic_news ul li a::after{
    width: 54%;
  }
  .main2{
    height: auto;
    background: url(/2024/img/main2_bg.png) no-repeat center center;
    background-size: 111% 100%;
  }
  .main2_r .cont ul li{
    margin-bottom: 20px;
  }
  .main2_r .cont ul li a p{
    font-size: 16px;
  }
  .main2_r .cont ul li a span{
    font-size: 16px;
  }
  .dj_1_l, .dj_1_r{
    height: 220px;
  }
  .dj_1_l .time p{
    font-size: 20px;
  }
  .dj_1_l .time{
    padding: 7px;
  }
  .dj_1_r{
    padding: 10px 12px;
    background: url(/2024/test/dt_more.png)no-repeat 94% 96%;
    background-size: 20px;
  }
  .dj_1_r p{
    font-size: 18px;
    margin-bottom: 8px;
  }
  .dj_1_r span{
    font-size: 16px;
  }
  .dj li a {
    padding-left: 18px;
    background: url(/2024/img/dt_dot_bg.png)no-repeat 0px center;
  }
  .dj li a span{
    font-size: 16px;
  }
  .dj li a p{
    font-size: 16px;
  }
  .kx_11>a div{
    height: 190px;
  }
  .kx_11>a div p{
    font-size: 16px;
    border-top-right-radius: 8px;
    padding: 5px 15px;
  }
  .kx_11>a>p{
    font-size: 16px;
    padding: 8px 12px;
    line-height: 32px;
    height: 82px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .main4{
    background: url(/2024/test/ztzl.jpg)no-repeat #fff;
    /* min-height: 273px; */
    background-size: 100% 48%;
  }
  .main4_title p::after{
    background: url(/2024/img/main4title_ico.png)no-repeat;
    position: absolute;
    right: -128px;
    top: 35px;
    background-size: 80px;
  }
  .main4 .common_title p{
    padding-bottom: 50px;
  }
  .main4 .swiperCont a{
    display: block;
    width: 100%;
    height: 100%;
  }
  .main4 .swiperCont a img{
    display: block;
    width: 100%;
    height: 100%;
  }
  .main4_title{
    margin-top: 30px;
  }
  .main4_title img{
    width: 350px;
  }
  .main4_wrapper .main4_pagination{
    width: 240px;
    height: 252px;
    padding-top: 205px;
  }
  .main5_l div{
    height: 208px;
  }
  .main5_r{
    height: 416px;
  }
  .main5_links{
    margin-top: 40px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .quick_links ul a p{
    color: #fff;
    margin-top: 13px;
  }
  #mtjj{
    display: none;
  }
  #phone_mtjj{
    display: block;
    width: 133px;
    height: 133px;
    opacity: 0.8;
  }
  .banner_wrapper{
    position: unset;
    height: auto;
  }
  .main1_cont{
    display: block;
  }
  .index_shad{
    display: none;
  }
  .notic_news ul li a::before, .notic_news ul li a::after{
    background: #f5f5f5;
  }
  .notic_news ul li a::after{
    width: 70%;
  }
  .notic_news ul li a::before{
    height: 66%;
  }
  .notic_news ul li p::after{
    width: 21px;
    height: 20px;
    left: -26px;
    top: 1px;
  }
  .common_title p{
    font-size: 23px;
    padding: 23px 0;
    background: url(/2024/img/title_ico.png)no-repeat 94px center;
    background-size: 53px;
  }
  .kx_11>a>p{
    padding: 15px 8px;
  }
  .common_title span{
    font-size: 24px;
    left: 23px;
    top: 24px;
  }
  .main1_l{
    width: 100%;
  }
  .main1_l .img{
    width: 100%;
    height: 240px;
  }
  .main1_img .main1_pagination{
    display: none ;
  }
  .swiperCont .cont{
    padding: 5px 12px;
  }
  .swiperCont .cont div span{
    font-size: 12px;
  }
  .swiperCont .cont div p{
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .swiperCont .cont>p{
    font-size: 12px;
  }
  .main1_r{
    width: 100%;
  }
  .main1_r ul .li_1 .li_img{
    height: 205px;
  }
  .li_1 a .li_text p{
    font-size: 15px;
  }
  .main1_r ul a div{
    width: 70px;
  }
  .main1_r ul a span{
    font-size: 19px;
    line-height: 29px;
  }
  .main1_r ul a div p{
    font-size: 14px;
  }
  .main1_r ul li{
    margin-bottom: 13px;
  }
  .main1_r ul a>p{
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 26px;
    width: 76%;
  }
  .main1{
    padding-bottom: 10px;
  }
  .main2_wrapper{
    display: block;
  }
  .main2{
    height: auto;
  }
  .main2_l{
    width: 100%;
  }
  .notic_news ul{
    display: block;
  }
  .notic_news ul li{
    width: 100%;
    margin-bottom: 15px;
  }
  .notic_news ul li a{
    padding: 35px 18px 20px 33px;
  }
  .notic_news ul li span{
    font-size: 14px;
    padding: 3px 12px;
    right: 0;
  }
  .notic_news ul li p{
    font-size: 16px;
    line-height: 22px;
    height: 44px;
  }
  .main2{
    overflow: hidden;
    background: url(/2024/img/pbg_ns1.jpg)no-repeat left bottom;
    background-size: 1100px 315px;
    padding-bottom: 10px;
  }
  .main2_r{
    display: block;
    width: 100%;
  }
  .main2_r .common_title{
    display: block;
  }
  .main2_r .img{
    position: absolute;
    right: -73px;
    top: 73%;
  }
  .main2_r .img img{
    width: 110px;
  }
  .main2_r .img::before{
    width: 180px;
    height: 180px;
    background: url(/2024/img/mtjj_bg.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: -19%;
    top: -16%;
  }
  .main2_r .img::after{
    content: '';
    width: 141px;
    height: 204px;
    background: linear-gradient(to bottom, #ae0202, #a40001);
    position: absolute;
    left: 66px;
    top: -25%;
  }
  .main2_r .cont{
    width: 74%;
    padding-bottom: 20px;
    margin-top: 40px;
  }
  .quick_linkspc{
    display: none;
  }
  .main2_r .cont ul li a p{
    font-size: 14px;
    line-height: 23px;
    font-weight: 500;
    font-family: unset;
  }
  .main2_r .cont ul li{
    margin-bottom: 15px;
  } 
  .main2_r .cont ul li a span{
    margin-bottom: 8px;
    font-size: 15px;
  }
  .dj_1 a{
    display: block;
  }
  .dj_1_l, .dj_1_r{
    width: 100%;
  }
  .dj_1_r {
    height: auto;
    padding: 13px 8px;
    background: none;
    box-shadow: 0 0 2px #afafaf;
  }
  .dj_1_r p{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .dj_1_r span{
    font-size: 12px;
    line-height: 20px;
  }
  .main3_l, .main3_r{
    width: 100%;
  }
  .main3_l .dj li{
    margin-top: 12px;
  }
  .dj li a p{
    font-size: 14px;
    line-height: 21px;
  }
  .dj li a span{
    font-size: 12px;
    line-height: 21px;
  }
  .main3_cont{
    display: block;
  }
  .main3{
    padding-bottom: 20px;
  }
  .main4_title{
    margin-top: 0px;
  }
  .main4_title p::after{
    display: none;
  }
  .main4_title img{
    margin-left: 100px;
    height: 50px;
  }
  .main4_swiper .swiperCont a{
    display: block;
  }
  .main4_swiper .swiperCont a img{
    display: block;
    width: 100%;
    height: 150px;
  }
  .kx_11{
    display: block;
  }
  .kx_11>a div{
    height: 240px;
  }
  .kx_11>a>p{
    font-size: 16px;
  }
  .kx_11>a div p{
    padding: 5px 14px;
    font-size: 16px;
  }
  .kx_11>a{
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .main4_wrapper .main4_pagination{
    display: none;
  }
  .main4_swiper {
    overflow: hidden;
  }
  .main5{
    padding-top: 40px;
  }
  .main5_cont{
    display: block;

  }
  .main5_l, .main5_r{
    width: 100%;
  }
  .main5_l div{
    height: 130px;
  }
  .main5_l div:first-child img{
    width: 100%;
  }
  .main5_r{
    height: 300px;
  }
  .main5_r div{
    padding: 9px 15px;
  }
  .main5_r div p{
    font-size: 20px;
  }
  .main5_r>a>p{
    width: calc(100% - 70px);
    line-height: 70px;
    padding: 0 11px;
    font-size: 18px;
  }
  .main5_links{
    margin-top: 20px;
    overflow-x: scroll;
    padding-bottom: 20px;
  }
  .main5_links ul{
    margin-bottom: 0;
  }
  .main5_links ul li{
    margin: 0 10px;
  }
  .main5_links ul a{
    white-space: nowrap;
    font-size: 12px;
  }
  .main5_links ul a::after{
    width: 20px;
    height: 20px;
    top: 23px;
    background: url(/2024/test/dot2.png)no-repeat;
    background-size: 100% 100%;
  }
  .main5_l div p{
    bottom: 5px;
    line-height: 27px;
    font-size: 14px;
  }
  .footer_path{
    width: 800px;
  }
  .dj_1_l .time p{
    font-size:20px;
  }
}