@charset "UTF-8";


.n-tit{width: 100%;padding: 2% 0;line-height: 30px;border-bottom: 1px solid #bd1a2d;position: relative;margin-bottom: 15px;margin-top: 15px;}
.n-tit::before{content: '';position: absolute;height: 4px;width: 135px;top: 100%;left: 0;background-color: #bd1a2d;}
.n-tit b{font-size: 24px;color: #bd1a2d;display: inline-block;padding-left: 30px;position: relative;padding-left: 35px;}
.n-tit b::before{content: '';display: inline-block;width: 26px;height: 26px;background-image: url(../images/tit-ico.png);background-size: contain;background-position: center;background-repeat: no-repeat;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.n-tit a,.n-cate a{font-size: 14px;color: #828282;line-height: 30px;display: block;float: right;}
.n-tit a span,.n-cate a span{display: inline-block;width: 28px;height: 28px;border: 1px solid #828282;border-radius: 3px;text-align: center;line-height: 27px;margin-left: 10px;}
.n-cate{position: relative;float: left;}
.n-cate a{color: #fff;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);z-index: 999;}
.n-cate a span{border: 1px solid #fff;}


.top{background-size: cover;background-image: url(../images/top-bg.jpg);overflow: visible;}
.top .weather{color: #fff;font-size: 14px;line-height: 60px;}
.top .weather p{display: inline-block;}
.top .logo{width: 100%;margin: 10% 0;}
.top .logo img{max-width: 100%;}
.top .t-search{width: 100%;max-width: 580px;height: 48px;border: 1px solid #e5e5e5;border-radius: 5px;background-color: #fff;overflow: hidden;margin-bottom: 2.5%;}
.top .t-search input{border: none;background: none;line-height: 48px;height: 48px;float: left;width: calc(100% - 100px);display: block;outline: none;text-indent: 10px;}
.top .t-search .submit{font-size: 16px;color: #fff;display: block;width: 100px;float: left;height: 100%;line-height: 48px;text-align: center;background-color: #bd1a2d;border: none;}

.in-nav{padding-top: 25px;position: relative;}
.in-nav::before{content: '';width: 200%;height: 100%;position: absolute;background-color: #bd1a2d;z-index: 1;right: 0;top: 0;transform: skew(30deg,0deg);;}
.in-nav ul{display: block;width: 100%;float: left;position: relative;z-index: 2;position: relative;}
.in-nav ul::before{position: absolute;content: '';}
.in-nav ul li{float: left;line-height: 35px;height: 35px;padding-right: 6.5%;}
.in-nav ul li a{font-size: 24px;color: #fff;}
.in-nav ul li>a{display: inline-block;position: relative;transition: all 0.3s;}
.in-nav ul li>a::before{content: '';position: absolute;width: 100%;height: 0px;background-color: #f5d389;top: 100%;left: 0;z-index: 6;}
.in-nav ul li>a::after{content: '';position: absolute;border-bottom: 10px solid rgba(0, 0, 0, 0);width: 0;height: 0;display: inline-block;top: calc(100% + 2px);left: 50%;transform: translateX(-50%);border-top: 0px solid #f5d389;;border-left: 10px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);transition: all 0.3s;z-index: 6;}

.in-nav .s-nav{position: absolute;left: 0;top: 100%;z-index: 3;width: 100%;transform: rotateX(90deg);transform-origin: top;transition: all 0.3s;background-color: #bd1a2d;height: 50px;}
.in-nav ul li:nth-child(1) .s-nav{left: 0%;}
.in-nav ul li:nth-child(2) .s-nav{left: 0%;}
.in-nav ul li:nth-child(3) .s-nav{left: 20%;}
.in-nav ul li:nth-child(4) .s-nav{left: 40%;}
.in-nav ul li:nth-child(5) .s-nav{left: 49%;}
.in-nav .s-nav a{display: inline-block;font-size: 16px;color: #fff;padding: 0 3%;line-height: 50px;max-width:48%;}
.in-nav .s-nav a p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: 100%;}
.in-nav ul li:hover .s-nav{transform: rotateX(0deg);z-index: 5;}
.in-nav ul li:hover>a::before{height: 2px;}
.in-nav ul li:hover>a::after{border-top: 10px solid #f5d389;}

.banner{background-color: #bd1a2d;float: left;}
.banner .max-w1{margin-bottom: 3%;}
.banner h2{margin: 0;margin-top: 50px;line-height: 90px;text-align: center;font-size: 30px;color: #ffedcb;font-weight: bold;border: 1px solid #ffedcb;border-left: 0;border-right: 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.banner #bannerNews{margin: 5% 0 0;overflow: hidden;position: relative;padding-bottom: 4%;}
.banner #bannerNews .swiper-pagination{width: 50%;right: 0;left: auto;bottom: 0;}
.banner #bannerNews .swiper-pagination span{width: 14px;height: 14px;background-color: #fff;opacity: 1;margin: 0 8px;}
.banner #bannerNews .swiper-pagination span.swiper-pagination-bullet-active{background-color: #f5d389;}
.banner .sl h3{font-size: 26px;color: #fff;margin: 5% 0 4%;font-weight: bold;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.banner .sl p{font-size: 14px;line-height: 28px;color: rgba(255,255,255,0.7);padding: 5% 0 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 5%;}
.banner .sl a{font-size: 24px;color: #fff;border-bottom: 1px solid #ffedcb;padding: 2% 5%;display: block;float: left;margin-bottom: 2%;}


.banner .sr a{display: inline-block;width: 100%;position: relative;padding-top: 80%;overflow: hidden;}
.banner .sr a img{width: 100%;position: absolute;height: 100%;object-fit: cover;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.news1{background-color: #fff;padding: 0;}
.news1 .n-cate{width: 100%;}
.news1 .n-cate .tabs{width: 100%;float: left;background-color: #bd1a2d;position: relative;z-index: 2;}
.news1 .n-cate .tabs::before{content: '';width: 500%;height: 100%;position: absolute;background-color: #bd1a2d;z-index: 1;top: 0;left: -250%;z-index: -1;}
.news1 .n-cate .tabs li{width: 30%;float: left;font-size: 36px;color: #fff;line-height: 75px;}
.news1 .n-cate .tabs li.active{color: #ffedcb;}
.news1 #tabs-container{overflow: hidden;margin-top: 5%;}


.news1 .info{width: 100%;font-size: 18px;}
.news1 .info p{display: block;width: calc(100% - 90px);line-height: 55px;padding-left: 18px;position: relative;float: left;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #242424;}
.news1 .info p::before{content: '';display: inline-block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;background-color: #bd1a2d;border-radius: 50%;}
.news1 .info span{display: block;width: 90px;line-height: 55px;float: left;text-align: right;color: #828282;}

.news1 .n1-r{background-color: #fff;position: relative;z-index: 2;padding: 2%;}
.news1 .k-nav{width: 100%;background-color: #f5f5f5;}
.news1 .k-nav h2{display: block;margin-left: 10%;padding-top: 2%;line-height: 75px;width: 100%;float: left;margin-bottom: 5%;}
.news1 .k-nav h2 b{line-height: 75px;display: inline-block;border-bottom: 2px solid #bd1a2d;}
.news1 .k-nav>a{display: block;float: left;width: 50%;text-align: left;font-size: 16px;color: #333;margin: 5% 0;padding-left: 10%;}
.news1 .k-nav a:nth-child(2n){width: calc(50% - 1px);border-right: 1px solid  #dbdbdb;}
.news1 .k-nav a img{width: 40px;vertical-align: middle;margin-right: 10px;}
.news1 .k-nav .gonggao{display: block;width: 100%;height: 70px;line-height: 70px;font-size: 16px;color: #757575;border-top: 1px solid  #dbdbdb;padding: 0 5%;}
.news1 .k-nav .gonggao b{color: #bd1a2d;display: block;float: left;width: 65px;line-height: 70px;}
.news1 .k-nav .gonggao #ggSwiper{width: calc(100% - 65px);overflow: hidden;float: left;height: 70px;line-height: 70px;}
.news1 .k-nav .gonggao #ggSwiper .swiper-slide{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.adv{margin-bottom: 3%;float: left;width: 100%;}
.adv img{width: 100%;}


.news2{background-color: #f5f5f5;padding: 1% 0 3%;}
.news2 .bg-f{margin-top: 2%;padding-bottom: 15px;}
.news2 .info{width: 100%;font-size: 18px;}
.news2 .info p{display: block;width: calc(100% - 90px);line-height: 55px;padding-left: 18px;position: relative;float: left;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #242424;}
.news2 .info p::before{content: '';display: inline-block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;background-color: #bd1a2d;border-radius: 50%;}
.news2 .info span{display: block;width: 90px;line-height: 55px;float: left;text-align: right;color: #828282;}

.news2 #vipSwiper{height: 180px;overflow: hidden;}
.news2 #vipSwiper img{width: 100%;height: 100%;object-fit: cover;object-position: top;}

.news2 .info img{width: 100%;height: 180px;object-fit: cover;}

.news2 #vip2Swiper{height: 180px;overflow: hidden;}
.news2 #vip2Swiper img{width: 100%;height: 100%;object-fit: cover;object-position: top;}

.news2 #fieldSwiper{height: 180px;overflow: hidden;}
.news2 #fieldSwiper img{width: 100%;height: 100%;object-fit: cover;object-position: top;}

.news3{background-color: #fff;}
.news3 #hiSwiper{overflow: hidden;}
.news3 .i-img{position: relative;padding-top: 70%;overflow: hidden;}
.news3 .i-img img{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;object-fit: cover;}
.news3 .i-tit{width: 100%;text-align: center;font-size: 16px;color: #737373;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 40px;}


/*  */
.modal {
    display: none; /*  */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
  }
  
  /*  */
  .modal-content {
    display: block;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  
  /*  */
  .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }



@media screen and (min-width: 0px) and (max-width:1200px){
    .in-nav ul li a{font-size: 18px;font-weight: bold;}
    .news1 .n-cate .tabs li{font-size: 24px;}
    .news1 .k-nav h2{font-size: 24px;}
    .news1 .info p,.news2 .info,.news1 .info span,.news2 .info p{font-size: 16px;line-height: 50px;}
    .news1 .info p,.news2 .info p{width: calc(100% - 60px);}
    .n-tit b{font-size: 22px;}
    .news1 .info span,.news2 .info span{width: 60px;}
    .in-nav .s-nav a{font-size: 14px;}
}
@media screen and (min-width: 0px) and (max-width:992px){
    .in-nav ul li{padding-right: 0;width: 20%;}
}
@media screen and (min-width: 0px) and (max-width:768px){
    .banner #bannerNews .swiper-pagination{width: 100%;bottom: -1%;}
    .banner .sl h3{margin: 2% 0 1%;}
    .banner #bannerNews{padding-bottom: 4%;}
    .in-nav::before{transform: skew(0deg,0deg);}
    .in-nav ul li{text-align: center;}
    .in-nav ul li .s-nav{text-align: center;left: 0%!important;}
    .banner h2{font-size: 24px;}
    .in-nav ul li a{font-size: 16px;font-weight: normal;}
    .banner .sl h3{font-size: 20px;}
    .banner .sl a{font-size: 18px;}
    .news1 .n-cate .tabs li{width: 33%;font-weight: bold;font-size: 20px;}
    .banner h2{margin-top: 40px;}
    .news1 .k-nav a img{width: 30px;}
    .news1 .k-nav a{font-size: 15px;}
    .news1 .k-nav p{font-size: 15px;}
    .in-nav .s-nav a{line-height: 40px;}
    .in-nav .s-nav{height: 40px;}
}
@media screen and (min-width: 0px) and (max-width:475px){
    .banner h2{font-size: 18px;}
    .in-nav ul li a{font-size: 14px;}
}
@media screen and (min-width: 0px) and (max-width:440px){
    .in-nav ul li{width: 33.333333%;}
    
    .in-nav ul li:nth-child(2) .s-nav a{max-width: 25%;}
    .in-nav{padding-left: 0;padding-right: 0;}
}
@media screen and (min-width: 0px) and (max-width:375px){
    
    .news1 .info p, .news2 .info, .news1 .info span, .news2 .info p{font-size: 14px;}
}
@media screen and (min-width: 0px) and (max-width:320px){
    .banner h2{margin-top: 20px;}
    .in-nav .s-nav{display: none;}
}