@charset "utf-8";
/*广告图*/
.swiper-ggt{
    position: relative;
    margin-top: 9rem;
}
.swiper-ggt::before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: '';
    width: 100%;
    height: 80%;
    background: #000;
}
.swiper-banner img{
    width: 100%;
}
.swiper-banner .swiper-pagination-bullet{
    width: 25px;
    height: 7px;
    background: #fff;
    opacity: 1;
    border-radius: 5px;
}
.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #011612;
}
.swiper-banner .swiper-pagination-bullets{
    bottom: 2rem!important;
}


/*通用*/
.itit{
    margin-bottom: 3rem;
    position: relative;
}
.itit .t1{
    font-size: 4.2rem;
    line-height: 6rem;
    font-weight: bold;
    text-align: center;
    color: #011612;
    text-transform: uppercase;
}
.itit .t1.bs{
    color: #fff;
}
.itit a{
    position: absolute;
    right: 0;
    top: 2rem;
    line-height: 2rem;
    background: url(../images/itit-bj.jpg) left bottom no-repeat;
    color: #011612;
}


/*资讯*/
.inews{
    background: #f4f4f4;
    padding: 5rem 0 3rem;
}
.inews-list .swiper-slide{
    background: #fff;
    padding: 1.5rem;
}
.inews-list .swiper-slide a{
    display: flex;
    justify-content: space-between;
}
.inews-list .swiper-slide .bigimg{
    width: 38%;
}
.inews-list .swiper-slide .bigimg img{
    width: 100%;
}
.inews-list .swiper-slide:hover .bigimg img {
    transform:scale(1.05,1.05);
    -ms-transform:scale(1.05,1.05);
    -webkit-transform:scale(1.05,1.05);
    -o-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
}
.inews-list .swiper-slide .con{
    width: 58%;
    flex-flow: column;
    justify-content: space-between;
    display: flex;
}
.inews-list .swiper-slide .con dl dt{
    font-size: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 3rem;
}
.inews-list .swiper-slide:hover .con dl dt{
    color: #011612;
}
.inews-list .swiper-slide .con dl dd{
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;    /* 限制显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.inews-list .swiper-slide .con .date{
    color: #999;
}
.inews-list .inews-pagination{
    text-align: center;
    margin-top: 2rem;
}
.inews-list .inews-pagination span{
    margin: 0 3px;
    width: 2rem;
    border-radius: 5px;
}
.inews-list .inews-pagination span.swiper-pagination-bullet-active{
    background: #011612;
}


/*newspro*/
.newspro{
    margin-top: 7rem;
}
.newspro .list{
    position: relative;
}
.newspro .list .bigimg img{
    width: 100%;
}
.newspro .list:hover .bigimg img {
    transform:scale(1.05,1.05);
    -ms-transform:scale(1.05,1.05);
    -webkit-transform:scale(1.05,1.05);
    -o-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
}
.newspro .list .con{
    position: absolute;
    bottom: 3rem;
    z-index: 9;
    color: #fff;
    left: 3rem;
}
.newspro .list .con .bt{
    font-size: 4rem;
}
.newspro .list .con .brief{
    font-size: 1.6rem;
    color: #e6e6e6;
}
.newspro .list .con .date{
    margin-top: 3rem;
    color: #e6e6e6;
}
.newspro-list{
    padding:0 5rem;
    position:relative;
}
.newspro-list .swiper-newspro-next,.newspro-list .swiper-newspro-prev{
    position: absolute;
    font-size: 4rem;
    color: #666;
    top: 50%;
    height: 4rem;
    line-height: 4rem;
    margin-top: -2rem;
    cursor: pointer;
}
.newspro-list .swiper-newspro-next{
    right: 0;
}
.newspro-list .swiper-newspro-prev{
    left: 0;
}
.newspro-list .swiper-newspro-next:hover,.newspro-list .swiper-newspro-prev:hover{
    color: #011612;
}


/*ipro*/
.ipro{
    margin-top: 7rem;
}
.ipro-list{
    position: relative;
    padding: 0 5rem;
}
.ipro-list .swiper-slide{
    border: 1px solid #dcdcdc;
    padding-bottom: 3rem;
}
.ipro-list .swiper-slide .bigimg img{
    width: 100%;
}
.ipro-list .swiper-slide:hover .bigimg img {
    transform:scale(1.05,1.05);
    -ms-transform:scale(1.05,1.05);
    -webkit-transform:scale(1.05,1.05);
    -o-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
}
.ipro-list .swiper-slide .name{
    font-size: 2rem;
    font-weight: bold;
    padding: 2rem;
    line-height: 3rem;
    height: 10rem;
    overflow: hidden;
}
.ipro-list .swiper-slide:hover .name{
    color:#011612;
}
.ipro-list .swiper-slide .more span{
    display: block;
    background: #ffd700;
    color: #011612;
    width: 80%;
    margin: auto;
    border-radius: 20px;
    text-align: center;
    height: 5rem;
    line-height: 5rem;
    font-weight: bold;
}
.ipro-list .swiper-slide:hover .more span{    
    background: #011612;
    color: #fff;
}
.ipro-list .swiper-ipro-next,.ipro-list .swiper-ipro-prev{
    position: absolute;
    font-size: 4rem;
    color: #666;
    top: 50%;
    height: 4rem;
    line-height: 4rem;
    margin-top: -2rem;
    cursor: pointer;
}
.ipro-list .swiper-ipro-next{
    right: 0;
}
.ipro-list .swiper-ipro-prev{
    left: 0;
}
.ipro-list .swiper-ipro-next:hover,.ipro-list .swiper-ipro-prev:hover{
    color: #011612;
}


/*about us*/
.iabout{
    background: url(../images/iabout-bj.png) center bottom no-repeat #011612;
    margin-top: 7rem;
    padding: 7rem 0;
}
.iabout-list{
    justify-content: space-between;
}
.iabout-fl{
    color: #fff;
    width: 56%;
    float: left;
}
.iabout-fl .bt{
    font-size: 2.6rem;
}
.iabout-fl .brief{
    margin-top: 3rem;
}
.iabout-fl .brief p{
    color: #d9d9d9;
}
.iabout-fl .more{
    margin-top: 4rem;
}
.iabout-fl .more a{
    background: #ffd700;
    height: 5rem;
    line-height: 5rem;
    display: block;
    width: 18rem;
    text-align: center;
    border-radius: 20px;
    color: #011612;
    font-weight: bold;
}
.iabout-fr{
    width: 39%;
    position: relative;
    float: right;
    padding-right: 5px;
    padding-bottom: 5px;
}
.iabout-fr::after{
    content:"";
    background: #ffd700;
    width: 15rem;
    height: 9rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.iabout-fr img{
    width: 100%;
    position: relative;
    z-index: 9;
}


@media (max-width:1024px){
    /*广告图*/
    .swiper-ggt{
        margin-top: 6rem;
    }
    .swiper-ggt::before{
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        content: '';
        width: 100%;
        height: 80%;
        background: #000;
    }
    .swiper-banner img{
        width: 100%;
    }
    .swiper-banner .swiper-pagination-bullet{
        width: 25px;
        height: 7px;
        background: #fff;
        opacity: 1;
        border-radius: 5px;
    }
    .swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #011612;
    }
    .swiper-banner .swiper-pagination-bullets{
        bottom: .5rem!important;
    }


    /*通用*/
    .itit .t1{
        font-size: 2.6rem;
        line-height: 1;
    }
    .itit a{
        display:none;
    }


    /*资讯*/
    .inews{
        padding: 3rem 0 3rem;
    }
    .inews-list .swiper-slide{
        padding: 1rem;
    }
    .inews-list .swiper-slide a{
        display: block;
    }
    .inews-list .swiper-slide .bigimg{
        width: 100%;
    }
    .inews-list .swiper-slide .con{
        width: 100%;
        display: block;
        margin-top: 2rem;
    }
    .inews-list .swiper-slide .con dl dt{
        white-space: break-spaces;
        text-overflow: clip;
        line-height: 2.5rem;
    }
    .inews-list .swiper-slide .con dl dd{
        -webkit-line-clamp: 3;
    }
    .inews-list .swiper-slide .con .date{
        margin-top: 1rem;
    }
    .inews-list .inews-pagination{
        margin-top: 1rem;
    }
    .inews-list .inews-pagination span{
        width: 1rem;
    }


    /*newspro*/
    .newspro{
        margin-top: 5rem;
    }
    .newspro .list{
        position: relative;
    }
    .newspro .list .con{
        position: relative;
        bottom: 0;
        z-index: 9;
        color: #333;
        left: 0;
        margin-top: 1rem;
    }
    .newspro .list .con .bt{
        font-size: 2.4rem;
    }
    .newspro .list .con .brief{
        color: #666;
        margin-top: 1rem;
    }
    .newspro .list .con .date{
        margin-top: 3rem;
        color: #e6e6e6;
    }
    .newspro-list{
        padding: 0;
    }
    .newspro-list .swiper-newspro-next,.newspro-list .swiper-newspro-prev{
        display:none;
    }


    /*ipro*/
    .ipro{
        margin-top: 7rem;
    }
    .ipro-list{
        padding: 0;
    }
    .ipro-list .swiper-slide .name{
        font-size: 2rem;
        font-weight: bold;
        padding: 2rem;
        line-height: 3rem;
        height: 10rem;
        overflow: hidden;
    }
    .ipro-list .swiper-slide:hover .name{
        color:#011612;
    }
    .ipro-list .swiper-slide .more span{
        display: block;
        background: #ffd700;
        color: #011612;
        width: 80%;
        margin: auto;
        border-radius: 20px;
        text-align: center;
        height: 5rem;
        line-height: 5rem;
        font-weight: bold;
    }
    .ipro-list .swiper-slide:hover .more span{    
        background: #011612;
        color: #fff;
    }
    .ipro-list .swiper-ipro-next,.ipro-list .swiper-ipro-prev{
        display:none;
    }


    /*about us*/
    .iabout{
        margin-top: 5rem;
        padding: 5rem 0;
    }
    .iabout-fl{
        width: 100%;
    }
    .iabout-fl .bt{
        font-size: 2.2rem;
    }
    .iabout-fl .brief{
        margin-top: 2rem;
    }
    .iabout-fl .brief p{
        color: #d9d9d9;
    }
    .iabout-fl .more{
        margin-top: 2rem;
    }
    .iabout-fl .more a{
        width: 50%;
        margin: auto;
    }
    .iabout-fr{
        margin-top: 3rem;
        width: 100%;
    }
}