@import url(public.css); /* 引用公共样式 */
/*------------------------------------------以下开始,以上为保留样式--------------------------------------------------*/
  

   .kjtop .center{position:relative; text-align:left;  }
   .kjtop .logo1{ padding-top:20px; padding-bottom:20px }
   .logo1 img{max-height:57px}

   .kjtop .logo2{ position:absolute;right:10px;top:40px; color:#d51414;font-size:18px;   }
  
   .kjtop .logo2 img{ vertical-align:middle;  margin-top:-5px }
   .kjtop .logo2 span{font-family:Impact;font-size:22px; }

   .nav{ position:absolute;left:330px;top:35px; width:660px; font-size:16px;display:block}
   .n_zhu{float:left; width:12.5%; text-align:center;}
   .n_zhu a{  display:block; padding:5px 0px ;  }
   .n_zhu a:hover,.n_zhu .sel{color:#d51414 }
   .menu{display:none;position:absolute;right:15px;top:calc(50% - 13px);font-size:25px;color:#d51414}


.botmenu{ display:none; height:32px; padding:6px 0px; width:100%; z-index:9999; background:#bc3726; border-top:1px solid #fff;  text-align:center; position:fixed; bottom:0px; left:0px}
.botmenu>div{ width:25%; height:32px;float:left;color:#535353; position:relative;}
.botmenu>div>a{  height:32px; line-height:32px; vertical-align:middle; font-size:14px; width:90%; margin:0px auto; display:block}
.botmenu>div>a>img{ width:20px; padding-right:4px; padding-bottom:3px}
.botmenu i{padding-right:4px}


.bot{background:#4b4b4b; padding-top:40px; padding-bottom:40px; }
.bot .center{position:relative; text-align:left}
.botn{margin-left:-8px; padding-bottom:10px; margin-left:240px;border-left:1px solid #767676; border-right:1px solid #767676; padding:0 100px; margin-right:240px}
.botn1{padding-bottom:9px}
.botn1 a{  padding-right:6px; padding-bottom:5px; font-size:15px;}
.bota{position:absolute;left:10px;top:10px;text-align:left; }
.bota i{padding-right:5px}
.bota span{font-size:25px; font-family:Impact; }
.botb{position:absolute;right:0px;top:0px; width:220px ; text-align:center}

.bt{position:relative; padding-top:40px; padding-bottom:40px; background:url(/images/btbg2.png) center top no-repeat; background-position-y:57px;text-align: center;} 
.bt label{font-size:22px;   display: inline-block; padding:2px  15px;z-index:55;position:relative}
.bt span{font-size:12px;display:block}


.bt2{position:relative; padding-top:40px; padding-bottom:40px; background:url(/images/btbg.png) center top no-repeat; background-position-y: 57px;color:#fff;text-align: center;} 
.bt2 label{font-size:22px;   display: inline-block; padding:2px  15px;z-index:55;position:relative}
.bt2 span{font-size:12px;display:block}


.top2{padding-bottom:50px}
.top2z{  margin:-5px}
.top2a{float:left;width:33.33%; }
.top2a1{ border:1px solid #eee;margin:5px;padding:5px; text-align:center;}
.top2a1:hover{border:1px solid #d51414;}
.top2a1 .s1{display:block;font-size:16px;font-weight:600;color:#000; padding-bottom:4px; height:20px;overflow:hidden}
.top2a1 .s1a{height:20px;overflow:hidden}
.top2a1 .s2{display:block; padding-top:8px; margin-bottom:20px; height:85px;overflow:hidden; padding-right:10px;text-align:left;}
.top2a1 .s3{background:#c3151a;color:#fff; padding:4px 15px; border-radius:4px;display:inline-block;}
.top2a1 img{object-fit:cover; height: 220px; }
.top2a1 .sz{ overflow:hidden; text-align:left ;padding-top:20px; margin-bottom:20px;width:95%;text-align:center;}

.top3{background:url(/images/bg3.jpg) ;  background-size:cover; padding-bottom:60px}
.top3a{float:left;width:25%; }
.top3z{  margin:-5px}
.top3a1{  margin:5px}
.top3a1 .tp{position:relative;}
.top3a1 .img{width:219px;height:365px;object-fit:cover;  filter:Gray;}
.top3a1 .tp span{position:absolute;left:0px; top:33%;  text-align:center;color:#fff; width:100%;font-size:16px; z-index:4}
.top3a1 .tp label{ font-size:14px;display:block; padding-top:10px; width:90%; margin-left:5%; height:66px;overflow:hidden; text-align:left}

.top3a1 .tp2{position:absolute;left:0px; top:0px;width:100%; height:100%;background-color:rgba(0,0,0,0.5);z-index:3}
.top3a1 .tp2:hover{background-color:rgba(0,0,0,0.0);}


.top4a .tp{float:left; margin-right:20px}
.top4a span{display:block;overflow:hidden; text-align:left; padding-top:10px; line-height:33px; text-indent:2em}
.top4a label{background:#8a8a8a; padding:5px 15px;color:#fff; margin-top:10px}

.top4b{background:#f3f3f3; padding-top:20px; padding-bottom:20px}
.top4b1{float:left;width:220px;text-align:center;}
.top4b1a{margin:5px}
.top4b1a .tp{padding-bottom:5px}
.bop4bbt{border-left:4px solid #ce2026 ;padding-left:10px; text-align:left; margin-bottom:10px; margin-left:15px;font-size:16px}

.top5{background:url(/images/bg6.jpg) ;  background-size:cover; padding-bottom:60px}
.top5a{float:left;width:33.33%; }
.top5z{  margin:-5px}
.top5a1{  margin:5px;position:relative}
.top5a1 span{display:block;position:absolute;bottom:0px; left:0px;width:100%;background-color:rgba(0,0,0,0.5); color:#fff; line-height:35px; height:35px; overflow:hidden;text-align: center}

.top6{padding-bottom:20px}
.top6a{float:left;width:33.33%; text-align:center}
.top6z{margin:10px}
.top6a1{position:relative; margin-bottom:30px}
.top6a2{position:absolute; width:80%;background:#505050; height:45px;line-height:45px; bottom:-20px;left:0px;color:#fff; margin-left:10%;font-size:20px}
.top6a3{ text-align:left; line-height:33px;height:33px;border-bottom:1px dashed #eee; overflow:hidden; position:relative ; padding-right:100px }
.top6a3 label {position:absolute; right:0px; top:0px}

.top7{background:#f5f5f5;  }
.top7a{text-align:left;padding: 10px 0px;}
.top7a span{background:#d51414; color:#fff;height:30px;line-height:30px;display:inline-block; padding-left:8px; padding-right:8px}
.top7a a{padding-left:5px; }

.s2box .top2a:first-child .s2zzc-c{ padding-top:20%}

.more{background:#8a8a8a;display:inline-block; padding:5px 15px;color:#fff; border-radius:5px; margin-top:20px; text-indent:0em;float:right;}

    @media screen and (max-width: 769px) { 

      .bota{display:none}
      .botb{display:none}
      .botn{margin-left:0px; margin-right:0px; padding:0;;border:0px; text-align:center }
      .botn1{display:none}
      
     .center{width:97%}

      .menu {display:block} 
      .nav{ padding-top:20px;display:none;height:100%;position:fixed; z-index:55555; left:0px; width:100%;top:53px;background:#c40c11 ;color:#fff; line-height:33px;}
       
      .logo2{display:none}
      .n_zhu{float:none;width:100%; }
      .n_zhu a{color:#fff}
       .n_zhu a:hover,.n_zhu .sel{color:#ffffff }
      .botmenu{display:block}

        .kjtop .logo1{padding-top:8px; padding-bottom:8px; padding-left:8px}
       .logo1 img{max-height:37px}

       .top2a{ width:50%; }
       .top2a1 img{ float:none;height:105px; margin:5px 10px}
       .top2a1 .sz{ text-align:center; width:90%}
       .top2a1 .s2{display:none}

       .top3a{ width:50%; }
       .top4a .tp{float:none}
       .top4a .more{display:none}
     
       .top5a{width:50%; }
       .top6a{float:none;width:100%}
       .youtuxx{display:none}
      }

.s2box .bg{background-position:center;background-size:cover;}
.s2box .top2a-img img{width:100%;opacity:0;float:none;height:auto;margin:0;}
.s2box .top2a{width:25%;padding:5px;box-sizing:border-box;}
.s2box .top2a:first-child{width:50%;}
.s2box .top2a1{margin:0;}
.s2box .top2a:last-child{display:none;}
.s2box .top2a:first-child .top2a-img{padding-bottom:5px;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis2{display: -webkit-box!important;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.s2zzc{background: rgba(8,8,86,.8);top: 0;left: 0;color: #fff;padding:20px 10px;width:100%;height:100%;opacity:0;box-sizing:border-box;}
.s2zzc .s1{color:#fff;}
.s2zzc .s3{background:transparent;border:1px solid #fff;border-radius:0;color:#fff;}
.s2box .top2a1:hover .s2zzc{opacity:1;}
.s2zzc .s2{height:66px;}
.s2zzc-c{margin-top:0%;text-align: center;}
@media screen and (max-width: 769px) {
    .s2box .top2a:last-child{display:block;}
    .s2box .top2a{width:50%;}
    .s2box .top2a:first-child .top2a-img{padding-bottom:0;}
    .s2zzc{display:none;}
}