﻿.page-section{background-color:#f5f5f5;}
.page-section .page-content{padding:0 40px;}
.page-section .content-section{background-color:#f5f5f5;padding-top:20px;padding-bottom:20px;}
.footer{margin-top:0;}

/*热门推荐开始*/
.page-section .nav-section{padding-top:30px;margin:0; border-bottom:3px solid white;}
.page-section .nav-section .title{text-align:left;font-weight:bold;font-size:20px;border-left:5px solid #249c60;height:40px;line-height:40px;background-color:white;border-top-right-radius:100px;}
.page-section .nav-section .title .title-en{color:#929292;font-weight:400;}
.page-section .nav-section .nav-items{display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:nowrap;box-sizing:border-box;justify-content:left;bottom:-1px;}
.page-section .nav-section .nav-items .nav-item{flex:0 0 80px;cursor:pointer;font-size:16px;text-align:center;height:40px;line-height:40px;margin:0 10px;}
.page-section .nav-section .nav-items .nav-item i{font-size:20px;margin-right:5px;}
.page-section .nav-section .nav-items .active,.page-section .nav-items .nav-item:hover{color:#249c60;font-size:18px;border-bottom:3px solid #249c60;}
.page-section .nav-section .more-section{height:40px;line-height:40px;text-align:right;}
.page-section .nav-section .more-section a{padding:5px 10px;font-size:16px;color:#249c60;border:1px solid #249c60;border-radius:20px;}
.page-section .content-section .hot-section .hot-item{margin-bottom:20px;cursor:pointer;}
    .page-section .content-section .hot-section .hot-item:nth-child(5){margin-bottom: 0;}
    .page-section .content-section .hot-section .hot-item:nth-child(6){margin-bottom: 0;}
    .page-section .content-section .hot-section .hot-item:nth-child(7){margin-bottom: 0;}
    .page-section .content-section .hot-section .hot-item:nth-child(8) {margin-bottom: 0;}
.page-section .content-section .hot-section .hot-item .item-image{height:175px;}
.page-section .content-section .hot-section .hot-item .item-section{border:1px solid #f5f5f5;padding:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:white;}
.page-section .content-section .hot-section .hot-item  .item-section .name{font-size:15px;color:#3b3a3a;font-weight:bold;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.page-section .content-section .hot-section .hot-item .item-section .city{color:#8a8a8a;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin-top:5px;}
/*热门推荐结束*/

/*新闻公告开始*/
.page-content .content-section .section-item{padding:15px;border-left:3px solid #f5f5f5;border-right:3px solid #f5f5f5;}
.page-section .content-section .section-item .item-title{padding:15px;margin:0;text-align:center;color:white;font-weight:bold;font-size:20px;}
.page-section .content-section .section-item .item-title .img-icon{width:25px;height:25px;margin-top:-3px;margin-right:5px;}
.page-section .content-section .list-section{background-color:white;padding-left:5px;padding-right:5px;}
.page-section .content-section .list-section .data-items{padding:0;margin:0;}
.page-section .content-section .list-section .data-items .data-item{padding:10px 0;cursor:pointer;border-bottom:1px dashed #f5f5f5;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.page-section .content-section .list-section .data-items .data-item:nth-last-child(1){border:none;}
.page-section .content-section .list-section .data-items .data-item:hover{color:#249c60;}
/*新闻公告结束*/

/*关于我们开始*/
#aboutus {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../../../resource/images/aboutus-bg.jpg") fixed center center;
    background-size: cover;
}
/*关于我们结束*/

/*合作伙伴开始*/
#portfolio {
    background: #fff;
    padding: 80px 0;
}

    #portfolio .portfolio-item {
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        height: 150px;
        width: 100%;
        display: table;
        overflow: hidden;
        margin-bottom: 20px;
        margin-top:20px;
    }

        #portfolio .portfolio-item .details {
            height: 150px;
            background: #fff;
            display: table-cell;
            vertical-align: middle;
            opacity: 0;
            transition: 0.3s;
            text-align: center;
        }

            #portfolio .portfolio-item .details h4 {
                font-size: 16px;
                transition: opacity 0.3s, -webkit-transform 0.3s;
                transition: transform 0.3s, opacity 0.3s;
                transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
                -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0);
                font-weight: 700;
                color: #333333;
            }

            #portfolio .portfolio-item .details span {
                display: block;
                color: #666666;
                font-size: 13px;
                transition: opacity 0.3s, -webkit-transform 0.3s;
                transition: transform 0.3s, opacity 0.3s;
                transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
                -webkit-transform: translate3d(0, 15px, 0);
                transform: translate3d(0, 15px, 0);
            }

        #portfolio .portfolio-item:hover .details {
            opacity: 0.8;
        }

            #portfolio .portfolio-item:hover .details h4 {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

            #portfolio .portfolio-item:hover .details span {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

            /*合作伙伴结束*/

/*我们的服务开始*/
#services {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("../../../resource/images/services-bg.jpg") fixed center center;
    background-size: cover;
}

    #services .service-item {
        margin-bottom: 20px;
    }

#services .service-icon {
    float: left;
    background: #03C4EB;
    padding: 16px;
    border-radius: 50%;
    transition: 0.5s;
    border: 1px solid #03C4EB;
    text-align: center;
    width: 60px;
    height: 60px;
}

    #services .service-icon i {
        color: #fff;
        font-size: 24px;
    }

#services .service-item:hover .service-icon {
    background: #fff;
}

    #services .service-item:hover .service-icon i {
        color: #03C4EB;
    }
    #services .service-title {
        margin-left: 80px;
        font-weight: 700;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

        #services .service-title a {
            color: #111;
        }

    #services .service-description {
        margin-left: 80px;
        line-height: 24px;
    }
    /*我们的服务结束*/