@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

body {
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    background:url(jw_djli_2024top_bg.jpg) no-repeat center top;
    font-family: "Microsoft yahei", "simhei", "simsun";
	background-size: 100%;
}
.sss{
    transition: all 700ms ease 300ms;animation: example 1s infinite linear;
}

.fadeInRight { animation: fadeInRight 1s infinite linear;
    animation-name: fadeInRight;
    -webkit-animation: fadeInRight;
}

.fadeInLeft { animation: fadeInLeft 1s infinite linear;
    animation-name: fadeInLeft;
    -webkit-animation: fadeInLeft;
}

@keyframes fadeInLeft
{
    from {
        opacity: 0;
        -webkit-transform: translate(-1000px,0); 
        transform: stranslate(-1000px,0); 
    }
    to {
        opacity:1;
        -webkit-transform: translate(10px,0); 
        transform: stranslate(10px,0); 
    }
}
 
@-webkit-keyframes fadeInLeft 
{
    from {
        opacity:0;
       -webkit-transform: translate(-1000px,0); 
        transform: stranslate(-1000px,0); 
    }
    to {
        opacity:1;
        -webkit-transform: translate(10px,0); 
        transform: stranslate(10px,0); 
    }
}
@keyframes example {
    0% {transform: translateY(0);}
    25% {transform: translateY(-2px);}
    50% {transform: translateY(0);}
    75% {transform: translateY(2px);}
    100% {transform: translateY(0);}

}
.c{ 
    width: 1400px;
	height: auto;
	margin: 0 auto;
	 
	z-index:11;
}
 

 .toplogo{
    margin-top: 20px;
    width: 100%;
    height: auto;
 }
 .toplogo img{
    width: auto;
 }
 .bigtitle{
margin-top: -150px;
width: 100%;
text-align: center;
 }
 .bigtitle a{
    display: inline-block;
    width: 100%;
    text-align: center;
     }
 .bigtitle a img{
    width: auto;
 }
 .c_bor{
    margin: 0 auto;
    width: 1300px;
    border-radius: 10px;
    background: #fff;
    border:#a32127 1px solid;
    padding: 20px;
 }
 /*图片新闻*/
.imgnews{ margin: auto; width: 1000px; height: 515px;  margin-top: 10px; }

.banner_0{ margin: auto; position:relative; z-index:100; width: 1000px; }
.banner_0_top{ margin: auto; height: 500px; }
.banner_0_top li{ position:absolute; background: #bb0e2a; left:0; top:0; width: 1000px; height: 500px; text-align:center;}
.banner_0_top li img{ position:relative; width: 1000px; height: 500px;}
  
.banner_0_top li .tit{ position: absolute; left: 0px; bottom: 0px; width: 1000px; height: 67px; background:url(qhzt20230111_sjjzyjw6cqh_tpxw_titbg.png) repeat; text-align: center; }
.banner_0_top li .tit h4{ margin: auto; font-size: 28px; font-weight: bolder; line-height: 67px; margin: 0px 20px; text-align: center; color: #ffffff; }
.banner_0_top li .tit h4 a{ color: #ffffff; }
.banner_0_top li .tit h4 a:hover{ text-decoration: underline;}


.banner_0_bottom { margin: auto;text-align:center; z-index:20; margin: 0px; }
.banner_0_bottom span{ background:url(qhzt20230111_esjecqh_dot.gif) no-repeat right top; width: 200px; height: 5px; line-height:5px; display:inline-block; cursor:pointer; left: 0px; right:0px; }
.banner_0_bottom span.on{ background:url(qhzt20230111_esjecqh_dot.gif) no-repeat left top;}


.banner_0 .pre{ background:url(qhzt20230111_esjecqh_pre.png) no-repeat; width: 40px; height: 80px; position:absolute; left: 0px; top: 35%; opacity:0.7; cursor:pointer; z-index:20;}
.banner_0 .next{ background:url(qhzt20230111_esjecqh_next.png) no-repeat; width: 40px; height: 80px; position:absolute; right: 0px; top: 35%; opacity:0.7; cursor:pointer; z-index:20;}
.banner_0 .pre:hover{ background:url(qhzt20230111_esjecqh_pre.png) no-repeat; width: 40px; height: 80px; position:absolute; left: 0px; top: 35%; /*opacity:0.7;*/ cursor:pointer; z-index:20;}
.banner_0 .next:hover{ background:url(qhzt20230111_esjecqh_next.png) no-repeat; width: 40px; height: 80px; position:absolute; right: 0px; top: 35%; /*opacity:0.7;*/ cursor:pointer; z-index:20;}
.topnews{
    margin: auto;
    margin-top: 20px;
}
.h2tit{
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
.topnews ul { margin: auto; margin-top: 10px; width: 90%; }
.topnews ul li { margin: auto; background: url(qh20230111_zly_libg.jpg) no-repeat left center; padding-left: 30px; text-align: left; line-height: 48px; height: 48px; font-size: 18px; color: #343434; }
.topnews ul li a{color: #343434;}
.topnews ul li a:hover{ color: #941e23; }
.bottom_bg{
    width: 100%;
    height: auto;
    background: url(jw_djli_2024bottom_bg.jpg) no-repeat bottom center;
}
.ywbg{
    width: 100%;
    height: auto;
    background: url(jw_djli_2024top_ywbg.png) no-repeat bottom center;
    min-height: 500px;
}

.titbg2024{
    
    display: inline-block;
    margin: 30px auto;
    background: url(jw_djli_2024top_titbg.png) no-repeat bottom center;
    width: 100%;
    text-align: center;
    top: 40px;
    line-height: 66px;
}
.titbg2024 a{
    font-size: 32px;
    color: #fff;
    font-weight: bold;
}
.ywbg_c{
    width: 1200px;
    margin: 0 auto;
    background: rgba(255,255,255,0.8);
    border-bottom-right-radius: 90px;
    border-top-left-radius: 90px;
    padding: 30px;
}
.w_ul{
    width: 100%;
    height: auto;
}
.w_ul li {
    z-index: 9999;
    background: url(zly_js_libg20220125.png) no-repeat 5px 6px;
    margin-bottom: 20px;
    padding-left: 20px;
}
.bor_c{
    width: 1340px;
    margin: 0 auto;
}

.l_w45{
    float: left;
    width: 46%;
    margin-left: 6%;
   padding-top: 50px;
   position: relative;
}
.l_w45_c{
    padding: 20px;
    border: #c90606 5px solid;
    border-radius: 10px;
   position: relative;
}
.l_w45_c::before{
    position: absolute;
    content: '';
    bottom: -6px;
    right: 30px;
    width: 100%;
    height: 30px;
    display: inline-block;
    background: url(jw_djli_2024top_xxlbbg.jpg) right bottom no-repeat;
   
}
.l_m0{
    margin-left: 0;
}
.ltitbg2024{
    display: inline-block;
    /* margin: 30px auto -20px auto; */
    background: url(jw_djli_2024top_titbg.png) no-repeat bottom left;
    width: 100%;
    padding-left: 110px;
    top: 0;
    line-height: 66px;
    position: absolute;
    z-index: 999;
}
.ltitbg2024 a{
    font-size: 32px;
    color: #fff;
    font-weight: bold;
}
.mb0{
    margin-bottom: 0!important;
}
.swiper-container2 {
    width: 100%;
    height: 350px;
    color: #fff;
    
    text-align: center;

  }
  .swiper-container2 .swiper-slide {
    height: 100%;
    opacity: 0.4;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

  
  }
  .swiper-container2 .swiper-slide-visible {
    opacity: 0.5;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  .swiper-container2 .swiper-slide-active {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
   position: relative;
   
  }
  .swiper-container2 .swiper-slide-active::before{
    position: absolute;
    z-index: 999;
    content: '';
    width: 104%;
    height: 328px;
    top: -12px;
    background: url(jw_djli_2024top_picbg.png) no-repeat;
    background-size: 100% 100%;

}
  .swiper-container2.pagination {
    position: absolute;
    z-index: 20;
    left: 0px;
    width: 100%;
    text-align: center;
    bottom: 5px;
  }

  .swiper-container2 .swiper-slide img{
    width: 100%;
    border-radius:10px ;
    border: #c90606 5px solid;
  }
  @media screen and (max-width: 1440px) and (min-width: 1200px) {
    .bigtitle{margin-top: -20px;}
    .bigtitle a img{width: 80%;}
    .bigtitle a:first-child img{width: 20%;}
    .c_bor{width: 1200px;}
    .ywbg{background-size: 100%;}
    .ywbg_c{width: 1100px;}
    .bor_c{width: 1200px;}
  }
  @media screen and (max-width: 1190px) {
    body{background:url(jw_djli_2024top_bg_sj.jpg) no-repeat center top; background-size: 100% auto;}
    .toplogo img{
        width: 90%;
    }
    .ltitbg2024{    padding: 0;
        background-position: center;
        text-align: center;}
    .bigtitle{margin-top: -20px;}
    .bigtitle a img{width: 80%;}
    .bigtitle a:first-child img{width: 20%;}
    .c_bor{padding: 0; width: 98%; margin: 10px 1%;}
    .imgnews,.banner_0,.banner_0_top li,.banner_0_top li img,.banner_0_top li .tit{width: 100%; height: 240px;}
    .banner_0_top li .tit h4{font-size: 1.5rem; line-height: 2rem;}
    .b_banner img{width: 100%;}
    .bottom_bg{background-size: 100%;}
    .ywbg{background:none; min-height: auto;}
    .bor_c{width: 98%; margin: 0 1%;}
    .ywbg_c{width: 98%; margin: 0 1%; padding: 0;}
    .l_w45{width: 98%; margin: 10px 1%!important;}
    .swiper-container2{height: auto;}
    .swiper-container2 .swiper-slide{height: auto!important;}
    .swiper-container2 .swiper-slide-active::before{height: auto;}
    .swiper-wrapper{height: auto!important;}
  }