#vs-area{
    height: 740px;
    overflow: hidden;
}

#vs-area .vs-item{
    position: relative;
    width: 100%;
    height: 740px;
    background-repeat: no-repeat;
    background-size: cover;
}

#vs-area .vs-item.vs-item-01{
    background-image: url("../images/main/main-vs-01.png");
}

#vs-area .vs-item.vs-item-02{
    background-image: url("../images/main/main-vs-02.png");
}

#vs-area .vs-item .txt-box{
    position: absolute;
    left:20%;
    top: 50%;
    transform: translateY(-50%);
    width: 450px;
}
#vs-area .vs-item .txt-box h1{
    font-size: 55px;
    text-shadow: 1px 1px 5px rgb(0,0,0,0.2);
}

#vs-area .vs-item .txt-box p{
    text-shadow: 1px 1px 5px rgb(0,0,0,0.2);
}

#vs-area .slick-prev, #vs-area .slick-next{
    background: rgba(0,0,0,0.5);
    width: 50px;
    height: 50px;
    top: auto;
    bottom: 150px;
}

#vs-area .slick-prev{
    left: 20%;
}

#vs-area .slick-next{
    left: 22.7%;
}


#ntc-area{
    background:#f9f9f9;
    padding: 50px 0;
}

#ntc-area .ntc-list-wrap{
    width: 690px;
}

#ntc-area .news-wrap{
    width: 680px;
}

#ntc-area .ntc-list-wrap ul{
    margin-top: 30px;
}

#ntc-area .ntc-list-wrap li{
    border-bottom: 1px solid #efefef;
    padding: 20px;
    cursor: pointer;
}

#ntc-area .ntc-list-wrap li .con{
    width: 80%;
}

#ntc-area .ntc-list-wrap li .more{
    margin-top: 7px;
}

#ntc-area .ntc-list-wrap li .date{
    display: block;
    float: left;
    padding: 10px 20px;
    color: #fff;
    background: #31302f;
    border-radius: 50px;
    margin-right: 20px;
}

#ntc-area .ntc-list-wrap li:hover .date{
    background: #f47e00;
    color: #fff;
    transition: 0.2s;
}

#ntc-area .ntc-list-wrap li:hover .more{
    color: #f47e00;
    transition: 0.2s;
}



#ntc-area .ntc-list-wrap li h4{
    float: left;
    margin-top: 14px;
    display: block;
    width: 75%;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

#ntc-area .ntc-list-wrap li:hover h4{
    color: #f47e00;
    transition: 0.2s;
}

#ntc-area .news-wrap .news-item{
    position: relative;
    margin-top: 30px;
}

#ntc-area .news-wrap .news-item .txt-box{
    position: absolute;
    bottom:30px;
    left:30px;
}

#ntc-area .news-wrap .news-item .txt-box .date {
    background: url(../images/common/icon-date.png) left center no-repeat;
    padding-left: 30px;
    margin-top: 10px;
}

#ntc-area .news-wrap .news-item img{
    width: 100%;
}

#ntc-area .news-sd-box .slick-prev, #ntc-area .news-sd-box .slick-next{
    width: 50px;
    height: 50px;
    background-color: #f47e00;
}
#ntc-area .news-sd-box .slick-dots{
    top: 40px;
    right: 30px;
    text-align: right;
    height: 40px;
}

#point-area{
    width: 1920px;
    margin: 0 auto;
    padding: 100px 0;
}

#point-area > .inner {
    padding: 0;
    width: 90%;
    margin: 0 auto;
    height: 374px;
    overflow: hidden;
}

#point-area .item{
    cursor: pointer;
}

#point-area .txt-box{
    width: 250px;
    margin-right: 30px;
    background: #fff;
}

#point-area img{
    width: 510px;
}

#point-area .con {
    border-top: 1px solid #efefef;
    margin: 20px 0;
    padding-top: 20px;
}

#point-area .more{
    border:1px solid #efefef;
    padding: 10px 20px;
    border-radius: 50px;
}

#point-area .item:hover .more{
    cursor: pointer;
    background: #f47e00;
    border:none;
    color: #fff;
}

#point-area .item:hover .more span{
    color: #fff !important;
}

#point-area .slick-dots li button:before{
    color: #333;
}

#point-area .slick-dots{
    bottom: 10px;
}



#prm-area{
    background: url("../images/main/section-03-bg.png");
    background-size: cover;
    padding: 100px 0;
}

#prm-area .item{
    width: 650px;
    cursor: pointer;
}

#prm-area .item .img{
    width: 650px;
    height: 280px;
    overflow: hidden;
    background: #333;
}

#prm-area .item .img img{
    width: 100%;
}

#prm-area .item:hover .img img{
   transform: scale(1.1);
    transition: 1s;
}


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

    #vs-area {
        height: 540px;
    }

    #vs-area .vs-item{
        height: 540px;
    }

    #vs-area .vs-item .txt-box{
        width: 80%;
        left: 20px;
    }

    #vs-area .vs-item .txt-box h1 {
        font-size: 30px;
    }

    #vs-area .slick-prev, #vs-area .slick-next{
        bottom: 10%;
    }

    #vs-area .slick-prev {
        left: 20px;
    }

    #vs-area .slick-next {
        left: 71px;
    }

    #ntc-area {
        padding: 50px 0 80px 0;
    }

    #ntc-area .ntc-list-wrap{
        width: 100%;
    }

    #ntc-area .news-wrap{
        width: 100%;
        margin-top: 30px;
    }

    #ntc-area .ntc-list-wrap li{
        padding: 20px 0;
    }

    #ntc-area .ntc-list-wrap li .date{
        margin-right: 10px;
    }

    #ntc-area .ntc-list-wrap li .con{
        width: 100%;
    }

    #ntc-area .ntc-list-wrap li .con {
        width: 100%;
    }

    #ntc-area .ntc-list-wrap li h4{
        width: 64%;
    }

    #ntc-area .ntc-list-wrap li .more{
        display: none;
    }

    #ntc-area .news-sd-box .slick-prev, #ntc-area .news-sd-box .slick-next{
        top: auto;
        bottom: -75px;
    }

    #ntc-area .news-sd-box .slick-prev{
        left: auto;
        right: 51px;
    }

    #point-area {
        padding: 50px 0;
        width: 100%;
    }

    #point-area > .inner{
        width: 100%;
        height: 600px;
    }

    #point-area .slick-slide{
        padding: 0 20px;
    }

    #point-area img {
        width: 100%;
        float: none;
    }

    #point-area .txt-box {
        width: 100%;
        margin-right: 0;
        background: #fff;
        float: none;
        margin-bottom: 30px;
    }


    #prm-area{
        padding: 50px 0;
    }

    #prm-area .item {
        width: 100%;
        float: none;
    }

    #prm-area .item .img{
        width: 100%;
        height: auto;
    }



}/*E:1024*/

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

    #vs-area .vs-item.vs-item-01{
        background-image: url("../images/main/main-vs-01-m.png");
    }

    #vs-area .vs-item.vs-item-02{
        background-image: url("../images/main/main-vs-02-m.png");
    }
    #vs-area .vs-item .txt-box h1 {
        line-height: 40px;
    }
}