@charset "utf-8";
.wrap{background-color:#fff;}
.navBar .mainNav li.li0{border-bottom-color:#fff}

/* 首页大广告图-indBanner*/ 
.indBanner{ overflow:hidden; width:1260rem; margin:0 auto 20rem;}
.indBanner .swiper-slide .con{display:block; position:absolute; left:0rem; height:78rem; bottom:0; right:0; z-index:1 }
.indBanner .swiper-slide .con .title{display:none; height:62rem; line-height:62rem; padding:16rem 30rem 0; font-size:22rem; color:#fff; text-align:left; position:relative; z-index:10; }
.indBanner .swiper-slide .con .title .tit{color:#fff;}
.indBanner .swiper-slide .con .title .tit:hover{text-decoration:none}
.indBanner .swiper-slide .con .titleBg{position:absolute; left:0rem; bottom:0; right:0; height:78rem; z-index:9; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5))}
.indBanner .swiper-slide .con .intro{display:none;}
.indBanner .swiper-slide .pic img{width:100%}
.indBanner .swiper-pagination{bottom:15rem; left:auto; right:16rem; width:auto;}
.indBanner .swiper-pagination .swiper-pagination-bullet{width:28rem; height:3rem; background:#ffffff; opacity:0.45; margin:0 8rem; border-radius: 0;}
.indBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(204, 3, 1, 1); opacity:1}

.indBanner .swiper-button-prev { left: 24rem; width: 52rem; height: 52rem; background: rgba(0, 0, 0, 0.45); }
.indBanner .swiper-button-next { right: 24rem; width: 52rem; height: 52rem; background: rgba(0, 0, 0, 0.45); }
.indBanner .swiper-button-prev:after, .indBanner .swiper-button-next:after { font-size: 28rem; color: #fff; font-weight: bold; }

/* 框架 */
#content{padding:0; background:none; width:auto; margin:0;}
.rowGroup{margin-bottom:20rem;}

/* indBox */
.indBox{background:#F8F8F8; padding:30rem; box-sizing:border-box}
.indBox > .hd{height:60rem; position:relative;}
.indBox > .hd h3{position:relative; text-align:center; font-size:32rem; color:#CC0301; height:60rem; line-height:50rem; z-index:1;}
.indBox > .hd h3 a{color:#CC0301}
.indBox > .hd h3 a:hover{text-decoration:none}
.indBox > .hd h3::before,
.indBox > .hd h3::after{content:""; display:block; width:120rem; height:1rem; background:#CC0301; position:absolute; }
.indBox > .hd h3::before{left:calc(50% - 25rem); bottom:8rem}
.indBox > .hd h3::after{right:calc(50% - 25rem); bottom:0rem}
.indBox > .hd .more{position:absolute; top:0; right:0; font-size:14rem; display:block; padding-right:18rem; background:url(../../base/img/more-arrow.png) 100% 50% no-repeat; background-size:15rem auto; z-index:2}
.indBox > .bd{padding:40rem 0 0;}

/* indPicList */
.indPicList{}
.indPicList li{ overflow:hidden; display:flex; grid-gap:20rem; padding-bottom:40rem; margin-bottom:40rem; border-bottom:1rem solid #E9E9EA }
.indPicList li:last-child{margin-bottom:0; border-bottom:none; padding-bottom:0}
.indPicList li .pic{width:310rem; height:208rem; flex-shrink:0; }
.indPicList li .pic img{width:310rem; height:208rem; }
.indPicList li .con{width:400rem; flex-grow:1;}
.indPicList li .con .title{max-height:52rem; line-height:26rem; overflow:hidden; font-size:18rem;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom:12rem; color:#252525}
.indPicList li .con .title a{color:#252525;}
.indPicList li .con .title a:hover{color:#CC0301}
.indPicList li .con .others{font-size:14rem; color:#888888; line-height:22rem; margin-bottom:12rem;}
.indPicList li .con .intro{max-height:110rem; line-height:22rem; font-size:14rem; color:#252525;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; }

/* rowGroupA */
#rowGroupA .container{display:flex; grid-gap:20rem; justify-content:space-between;}
#rowGroupA .container::after,
#rowGroupA .container::before{display:none}

#indXwzx{width:826rem; box-sizing:border-box; flex-grow:1}
#indGywm{width:412rem; flex-shrink:0; box-sizing:border-box; padding-left:25rem; padding-right:25rem}
#indGywm .bd .pic{width:100%; height:auto; margin-bottom:20rem;}
#indGywm .bd .pic img{width:100%; height:auto; min-height:auto;}
#indGywm .bd .con{font-size:14rem; line-height:22rem; text-align:justify}
#indGywm .bd .con .more{color:#CC0301}

#indLxwm .bd .map{text-align:center;}
#indLxwm .bd .map img{max-width:100%; height:auto;}

@keyframes down{
    0%{
        transform: translateY(0);
        opacity: 0;
    }
    20%{
        transform: translateY(3rem);
        opacity: 1;
    }
    80%{
        transform: translateY(10rem);
        opacity: 1;
    }
    90%{
        transform: translateY(10rem);
        opacity: 0;
    }
    100%{
          transform: translateY(10rem);
        opacity: 0;
    }
}
@keyframes moveTop
{
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

/* 媒体查询 小于1300 */
@media (max-width:1299px) {
    .indBanner{width:100%}

    .indBox{padding:20rem;}

    #rowGroupA .container{flex-wrap:wrap;}
    #indXwzx{width:100%;}
    #indGywm{width:100%;}
    #indGywm > .bd{display:flex; padding-top:0rem}
    #indGywm > .bd .pic{width:350rem; flex-shrink:0; margin-right:20rem; margin-bottom:0;}
    #indGywm > .bd .con{ line-height:1.8; padding-top:50rem;}

    #rowGroupC{margin-bottom:0}
}

/* 媒体查询 小于1024 */
@media (max-width:1023px) {
    .indBox > .bd{padding:20rem 0 0}
    .indPicList li{margin-bottom:20rem; padding-bottom:20rem}

    #indGywm > .bd{display:block; overflow:hidden}
    #indGywm > .bd .pic{float:left; margin:0 15rem 15rem 0;}
    #indGywm > .bd .con{padding-top:42rem}


}

/* 媒体查询 小于768 */
@media (max-width:767px) {
    .indBanner{margin-bottom:15rem}
    .indBanner .swiper-slide .con{height:auto;}
    .indBanner .swiper-slide .con .title{padding:0 15rem; font-size:12rem; height:30rem; line-height:30rem}
    .indBanner .swiper-slide .con .titleBg{height:36rem}
    .indBanner .swiper-pagination{bottom:2rem; right:10rem; font-size:12rem; color:#fff;}
    .indBanner .swiper-button-prev { left: 15rem; width: 20rem; height: 20rem; }
    .indBanner .swiper-button-next { right: 15rem; width: 20rem; height: 20rem; }
    .indBanner .swiper-button-prev:after, .indBanner .swiper-button-next:after { font-size: 12rem; }

    .indBox{padding:10rem}
    .indBox > .hd{height:auto;}
    .indBox > .hd h3{height:auto; line-height:1.2; padding:10rem 0 20rem; font-size:24rem}
    .indBox > .hd .more{display:none}

    .indPicList li{ flex-wrap:wrap;}
    .indPicList li .pic,
    .indPicList li .pic img{width:100%; height:auto}

    #indGywm{padding-left:10rem; padding-right:10rem}
    #indGywm > .bd{display:flex; flex-direction:column; padding-top:30rem; }
    #indGywm > .bd .pic{width:100%; height:auto; float:none; margin:0 0 15rem}
    #indGywm > .bd .con{padding-top:0;}
}