/* 全局 CSS 初始化 */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f7f7f7;
    color: #666;
    line-height: 1.5;
    font-size: .16rem;
}

a {
    text-decoration: none !important;
    color: inherit;
    outline: none;
}

a:hover {
    color: initial;
}

img {
    max-width: 100%;
    display: block;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6, p {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w-100 {
    width: 100%;
}

.p-lr-15 {
    padding: 0 .15rem;
}

.container-1400 {
    width: 16rem;
    margin: 0 auto;
}

.bg-wite {
    background: #fff;
}

.col-md-4 {
    padding: 0;
}

.mb40 {
    margin-bottom: 40px;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .active span {
    background-color: #0e77ea;
    border-color: #0e77ea;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a, .pagination li span {
    padding: 12px 20px;
}

.index-title {
    text-align: center;
    padding: .4rem 0;
}

.index-title p {
    font-size: .5rem;
    color: #337ab7;
}

.index-title span {
    font-size: .2rem;
}

.icon-group {
    display: flex;
    overflow: hidden;
}

.icon-group li {
    text-align: center;
    cursor: pointer;
    flex: 1;
    padding-top: .1rem;
    box-sizing: border-box;
}

.icon-group li img {
    max-width: 45%;
    margin: 0 auto;
}

.icon-group li p {
    font-size: .24rem;
    margin-top: .1rem;
    color: #000;
}

.icon-group li:hover p {
    color: #337ab7;
}

.common-content {
    min-height: 5rem;
}

.index-more {
    display: block;
    text-align: center;
    padding: 0 .25rem;
    padding-bottom: .3rem;
    overflow: hidden;
}

.index-more a {
    display: inline-block;
    color: #067ec4;
    border: #067ec4 solid 1px;
    padding: .15rem .1rem;
    background: #fff;
    width: 1.6rem;
    transition: background-color 0.3s ease-in-out;
}

.index-more a:hover {
    background: #337ab7;
    color: #fff;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-down {
    animation: slideDown 1s ease forwards;
}


/** common */
header {
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center;
}

.header {
    flex: 1;
    display: flex;
    align-items: center;
    height: 1rem;
    background: #fff;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #f7f7f7;
}

.header .logo {
    height: .65rem;
}

.header .logo img {
    max-height: 100%;
    max-width: 100%;
}

.header .tel {
    height: .4rem;
    line-height: .4rem;

}

.header .tel .box {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .tel .box p {
    text-align: center;
    color: #f17c00;
    margin-right: .08rem;
}

.header .tel .box h3 {
    line-height: .4rem !important;
    font-size: .22rem;
}

.header .tel .box i {
    font-size: .42rem;
}

.header .tel .box .text {
    line-height: initial;
}

.header .tel .box .text h6 {
    font-size: .18rem;
    letter-spacing: .08rem;
    text-align: center;
    color: #a5a5a5;
}

.header .tel .box .text h3 {
    font-size: .24rem;
    margin-top: .05rem;
    letter-spacing: 1px;
}

.navigation {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigation .down {
    position: relative;
    width: 1.3rem;
}

.navigation .down a {
    display: block;
    text-align: center;
    line-height: 1rem;
    font-size: .18rem;
}

.navigation .down .menu {
    position: absolute;
    width: 100%;
    background: #fff;
    display: none;
    box-shadow: 0 1px 3px 0 #ccc;
}

.navigation .down .menu a {
    line-height: .5rem;
    font-size: .16rem;
    border-top: 1px dashed rgba(0, 0, 0, .05);
}

.navigation .down .menu a:hover {
    background: #0192ff;
    transition: background-color 0.5s ease;
    color: #fff;
}


.banner {
    position: relative;
    height: 6.36rem;
}

.banner img {
    max-width: 100%;
}

.banner .float_text {
    position: absolute;
    top: .85rem;
    left: 1.64rem;
    color: #fff;
}

.banner .float_text h1 {
    font-weight: bold;
    font-size: .6rem;
    letter-spacing: .14rem;
    z-index: 99;
}

.banner .float_text h3 {
    font-weight: bold;
    font-size: .34rem;
    margin-top: .38rem;
    letter-spacing: .05rem;
}

.banner .border_bottom {
    width: 100%;
    height: 1.4rem;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.banner .border_bottom ul {
    width: 14rem;
    height: 1.4rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner .border_bottom ul li {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 25%;
    text-align: center;
    color: #fff;
    border-right: 1px solid #8b8b8b;
}

.banner .border_bottom ul li:nth-last-child(1) {
    border-right: none;
}

.banner .border_bottom ul li h3 {
    font-weight: normal;
    font-size: .4rem;
}

.banner .border_bottom ul li h5 {
    font-weight: 100;
    font-size: .3rem;
    margin-top: .1rem;
}

.main {
    overflow: hidden;
}

/** 团建产品 */
.pic-list {
    padding: .3rem 0;
    overflow: hidden;
}

.pic-list ul {
    display: none;
}

.pic-list ul:nth-child(1) {
    display: block;
}

.pic-list ul li {
    padding: .1rem;
    box-sizing: border-box;
}

.pic-list ul li a {
    display: block;
    position: relative;
    overflow: hidden;
}

.pic-list ul li a .pic {
    width: 100%;
    height: 3.4rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid #f7f7f7
}

.pic-list ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.pic-list ul li:hover img {
    transform: scale(1.1);
}


.tjal .pic-list ul li .position, .sphg .pic-list ul li .position, .tjcp .pic-list ul li .position {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.tjal .pic-list ul li .position .text, .sphg .pic-list ul li .position .text, .tjcp .pic-list ul li .position .text {
    padding: .2rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    height: 100%;
    width: 100%;
    transform: translateY(-100%);
    transition: background-color 0.5s ease-in-out;
}

.tjal .pic-list ul li:hover .position .text, .sphg .pic-list ul li:hover .position .text, .tjcp .pic-list ul li:hover .position .text {
    background: rgba(0, 0, 0, 0.8);
    transform: translateY(0);
}


.tjal .pic-list ul li .position .title, .sphg .pic-list ul li .position .title, .tjcp .pic-list ul li .position .title {
    width: 80%;
    display: block;
    font-size: .2rem;
    text-align: center;
    line-height: 1.2;
    padding-bottom: .15rem;
    transition-delay: 0s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tjal .pic-list ul li .position .intro, .sphg .pic-list ul li .position .intro, .tjcp .pic-list ul li .position .intro {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    overflow: hidden;
    line-height: .24rem;
    font-weight: normal;
    text-align: left;
    transition-delay: 50ms;
}

.tjal .pic-list ul li .position .more, .sphg .pic-list ul li .position .more, .tjcp .pic-list ul li .position .more {
    border: #fff solid 1px;
    display: inline-block;
    padding: .08rem .3rem;
    line-height: .24rem;
    margin-top: .1rem;
    border-radius: .5rem;
}

/** 团建项目 */
.tjxm .pic-list ul li .pic {
    height: 2.5rem;
}

.tjxm .pic-list ul li .title {
    padding: 15px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f5f5f5;
    transition: background-color 0.3s ease-in-out;
}

.tjxm .pic-list ul li:hover .title {
    background: #337ab7;
    color: #fff;
}

.tjxm .pic-list ul li .title span {
    display: block;
    padding-top: .08rem;
    font-size: .18rem;
    align-content: center;
}

/** 团建场地 */
.tjcd .pic-list ul li .pic {
    height: 2.5rem;
}

.tjcd .pic-list ul li .title {
    font-size: .16rem;
    padding: 15px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    transition: background-color 0.3s ease-in-out;
}

.tjcd .pic-list ul li:hover .title {
    background: #337ab7;
    color: #fff;
}

.tjcd .pic-list ul li .title span {
    display: block;
    padding-top: .08rem;
    font-size: .18rem;
    align-content: center;
}

.sphg .pic-list {
    padding-top: 0;
}

.tjal .pic-list ul li .pic {
    height: 2.5rem;
}

.footer {
    background: url("../images/footer_bg.jpg") repeat-y;
    border-top: 4px solid #0E77EA;
    color: #8b8b8b;
}

.footer a {
    color: #8b8b8b;
}

.footer .top {
    display: flex;
    padding: .4rem 0;
    justify-content: space-between;
    margin-top: .1rem;
}

.footer .top .left {
    margin-right: .4rem;
    border-right: 1px solid #484848;
    padding-right: .4rem;
}

.footer .top .left .contact .tel {
    display: flex;
    align-items: center;
    padding-bottom: .1rem;
    border-bottom: 1px solid #484848;
    margin-bottom: .2rem;
    color: #aaa;
}

.footer .top .left .contact .tel i {
    font-size: .5rem;
    margin-right: .1rem;
}

.footer .top .left .contact .tel .text {
    padding-top: .17rem;
}

.footer .top .left .contact .tel .text b {
    font-size: .32rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: .03rem;
}

.footer .top .left .contact .tel .text p {
    line-height: 0;
}

.footer .top .left .contact .box p {
    display: flex;
    line-height: .3rem;
    margin-bottom: .05rem;
    font-size: .17rem;
}

.footer .top .left .contact .box p span {
    width: .7rem;
    display: block;
}

.footer .top .right {
    display: flex;
    justify-content: space-between;
    width: 5rem;
    font-size: .15rem;
    text-align: center;
    margin-left: .4rem;
    border-left: 1px solid #484848;
}

.footer .top .right .down_nav {
    margin: 0 .1rem;
}

.footer .top .right .down_nav p {
    font-size: .18rem;
    color: #fff;
    margin-bottom: .2rem;
}

.footer .top .right .down_nav ul li {
    margin-bottom: .09rem;
    line-height: .3rem;
}

.footer .top .right .down_nav ul li a {
    font-size: .17rem;
    display: block;
}

.footer .top .center {
    flex: 1;
}

.footer .top .center h4 {
    font-size: .14rem;
}

.footer .top .center .center_img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.15rem;
    margin-top: .3rem;
}

.footer .top .center .center_img .down_logo {
    margin-right: .8rem;
}


.footer .top .center .down_logo {
    width: 2.22rem;
    margin-right: .2rem;
}

.footer .top .center .down_wechart {
    width: 1.8rem;
}

.footer .top .center .down_wechart p {
    text-align: center;
    margin-top: .15rem;
    font-size: .12rem;
    display: none;
}

.footer .bottom {
    padding: .2rem 0;
    width: 100%;
    min-width: 12.8rem;
    text-align: center;
    border-top: 1px solid #484848;
    font-size: .14rem;
}

.about {
    display: flex;
    align-items: center;
    padding-bottom: .5rem;
}

.about .pic {
    width: 5rem;
    margin-right: .5rem;
}

.about .content {
    width: 9rem;
}

.about .content p {
    margin-bottom: .1rem;
    line-height: 3;
}

.content_top {
    display: flex;
    box-shadow: 0 0 .3rem rgb(0 0 0 / 10%);
    border: 1px solid #f3f3f3;
    background: #fff;
    margin-top: 0;
}

.content_top .pic {
    flex: 1;
    padding: .15rem;
    border-right: 1px solid #f7f7f7;
    box-sizing: border-box;
}

.content_top .intro {
    flex: 1;
    padding: .2rem .3rem;
    box-sizing: border-box;
    padding-left: 0;
}

.content_bottom {
    box-shadow: 0 0 .3rem rgb(0 0 0 / 10%);
    border: 1px solid #f3f3f3;
    background: #fff;
    margin: .1rem 0;
    margin-bottom: .4rem;
}

.content_bottom ul {
    padding: .05rem;
    box-sizing: border-box;
    overflow: hidden;
}

.content_bottom ul li {
    flex: 1;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 0 .1rem;
    margin: .1rem 0;
}

.content_bottom ul li img {
    min-height: 100%;
    min-width: 100%;
}

.content_top .intro h2 {
    margin-bottom: .15rem;
    line-height: .5rem;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: .15rem;
    margin-left: .3rem;
}

.content_top .intro table tr td {
    vertical-align: top;
    padding-bottom: .1rem;
}

.content_top .intro table tr td:nth-child(1) {
    width: 1.2rem;
    text-align: right;
    vertical-align: top;
}

.content_top .intro table tr td:nth-child(2) {
    padding-left: .08rem;
    box-sizing: border-box;
}

.content .desc,
.content .peoplenum,
.content .address,
.content .type,
.content .feature,
.content .scene,
.content .stopcard,
.content .facilities,
.content .rate {
    display: none;
}

.rate .layui-rate {
    padding-top: 0;
    padding-bottom: 0;
}

.breadcrumb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .25rem .15rem;
    box-shadow: 0 0 .3rem rgb(0 0 0 / 10%);
    border: 1px solid #f3f3f3;
    background: #fff;
    margin-top: .2rem;
}

.breadcrumb h3 {
    font-weight: bold;
    border-left: .04rem solid #0E77EA;
    padding-left: .1rem;
}

.list-type {
    padding: 0 .1rem;
    margin: .4rem 0 .2rem 0;
}

.list-type ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -.15rem;
}

.list-type ul li {
    box-sizing: border-box;
    margin: 0 .15rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    flex: 1;

}

.list-type ul li a {
    padding: .15rem .2rem;
    text-align: center;
    display: block;
}

.list-type ul li.active {
    color: #0e77ea;
    border-color: #0e77ea;
}

.mHeaderDown {display: none;}

@media screen {
    @media (max-width: 768px) {
        /*.header {*/
        /*    display: none;*/
        /*}*/
        .banner {
            height: 200px;
        }

        .banner img {
            object-fit: cover;
            height: 100%;
        }

        .banner .float_text h1 {
            font-size: 16px;
        }

        .banner .float_text h3 {
            font-size: 13px;
        }

        .banner .float_text {
            top: 35px;
            left: 20px;
        }

        .banner .border_bottom {
            height: 45px;
            padding: 7px 0;
            box-sizing: border-box;
        }

        .banner .border_bottom ul li h3 {
            font-size: 14px;
        }

        .banner .border_bottom ul li h5 {
            font-size: 10px;
        }

        body {
            font-size: .5rem;
        }

        .container-1400 {
            width: 100%;
        }

        .banner .border_bottom ul {
            width: 100%;
        }

        .icon-group {
            display: none;
        }

        .tjal .pic-list ul li .pic, .tjcd .pic-list ul li .pic, .tjxm .pic-list ul li .pic, .pic-list ul li a .pic {
            height: 120px;
        }

        .pic-list ul li {
            padding: 3px;
        }

        .pic-list ul li a {
            border: 1px solid #f1f1f1;
        }

        .sphg .pic-list ul li .title, .tjcp .pic-list ul li .title, .tjal .pic-list ul li .title, .tjxm .pic-list ul li .title, .tjcd .pic-list ul li .title {
            font-size: 14px;
            padding: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .tjcp .pic-list ul li .title, .tjal .pic-list ul li .title {
            background: #fff;
        }

        .index-more {
            padding: 5px 0 15px;
        }

        .index-more a {
            width: 130px;
            font-size: 14px;
            padding: 8px 3px;
        }

        .index-title {
            padding: 20px 0 0;
        }

        .index-title p {
            font-size: 16px;
            font-weight: bold;
            color: #337ab7;
        }

        .index-title span {
            font-size: 14px;
        }

        .list-type {
            width: 100%;
            overflow-y: auto;
            margin: 20px 0;
        }

        .list-type ul {
            padding-bottom: 10px;
            box-sizing: border-box;
        }

        .list-type ul li {
            white-space: nowrap;
        }

        .list-type ul li a {
            font-size: 14px;
            padding: 5px 10px;
        }

        .about .content {
            width: 100%;
            margin-top: 15px;
        }

        .about .content h4 {
            text-align: center;
            font-size: 18px;
        }

        .about .content p {
            font-size: 16px;
        }

        .breadcrumb {
            padding: 15px 9px;
            margin: 0 -15px 15px;
        }

        .breadcrumb h3 {
            font-size: 16px;
            padding-left: 8px;
            border-width: 5px;
        }

        .layui-breadcrumb a {
            font-size: 12px;
        }

        .content_top {
            flex-direction: column;
            margin-bottom: 15px;
        }

        .content_top .pic {
            margin-bottom: 20px;
        }

        .content_top .intro h2 {
            font-size: 18px;
            line-height: 22px;
            text-align: center;
            font-weight: bold;
        }

        .content_top .intro table tr td:nth-child(1) {
            width: 85px;
            line-height: 30px;
        }

        .content_top .intro table tr td:nth-child(2) {
            line-height: 30px;
        }

        .content_top .intro {
            margin-bottom: 15px;
        }

        .content_bottom {
            margin-bottom: 15px;
        }

        .content_bottom ul li {
            height: 120px;
        }

        .pagination li a, .pagination li span {
            padding: 6px 12px;
        }

        .mobile-width {
            padding-left: 10px;
            padding-right: 10px;
        }

        .footer .top {
            display: block;
        }

        .footer .top .left .contact .box p {
            font-size: 14px;
            line-height: 26px;
        }

        .footer .top .left .contact .box p span {
            width: 70px;
        }

        .footer .top .left {
            border: none;
            margin: 0;
            padding: 0 15px;
        }

        .footer .bottom {
            font-size: 14px;
            padding: 10px 0;
        }

        .footer .top .left .contact .tel {
            justify-content: center;
            padding-bottom: 10px;
        }

        .footer .top .left .contact .tel .text b {
            font-size: 24px;
        }

        .footer .top .left .contact .tel i {
            font-size: 24px;
        }

        header {
            height: 45px;
        }

        .mHeader {
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            width: 100%;
            height: 45px;
            overflow: hidden;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 999;
            background: #fff;
        }

        .mHeader .logo img {
            height: 40px;
        }

        .mHeader .menu {
            width: 50px;
            height: 45px;
            line-height: 50px;
            text-align: center;
            font-size: 20px;
        }

        .mHeaderDown {
            position: fixed;
            top: 45px;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 999;
            background: rgba(0, 0, 0, .7);
            display: none;
            overflow-y: auto;
        }

        .mHeaderDown .layui-nav-tree {
            height: 100%;
            overflow-y: auto;
            background: #fff;
        }

       .mHeaderDown .layui-nav-itemed li a, .mHeaderDown .layui-nav-tree li a{
            color: #0C0C0C!important;
        }

        .mHeaderDown .layui-nav-tree .layui-nav-item a {
            border-bottom: 1px solid #f3f3f3;
        }

        .mHeaderDown .layui-nav-tree .layui-nav-item a {
            height: 50px!important;
            line-height: 45px!important;
        }

        .mHeaderDown .layui-nav-itemed>.layui-nav-child {
            background: #fff!important;
        }

        .mHeaderDown .layui-nav-itemed>.layui-nav-child dd a {
            border-bottom: 1px solid #f3f3f3;
        }

        .mHeaderDown .layui-nav-itemed>.layui-nav-child a {
            padding-left: 40px!important;
        }

        .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
            background: #f3f3f3!important;
            color: #0C0C0C!important;
        }

        .mHeader .logo {
            margin-left: 10px;
        }
    }
}