@charset "UTF-8";

/* cyrillic-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url(../font/Roboto_Condensed/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEoYNNZUSdy4ehI.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(../font/Roboto_Condensed/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9QPFUex17.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */


/* cyrillic-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(../font/Roboto_Condensed/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYNNZUSdy4ehI.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}


/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(../font/Roboto_Condensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYb9lecyU.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(../font/Roboto_Condensed/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DQk6YvNkeg.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(../font/Roboto_Condensed/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(../font/Roboto_Condensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb9lecyVC4A.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* latin */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(../font/Roboto_Condensed/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Ubuntu */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    src: url(../font/Ubuntu-Regular.ttf);
}

/* Ubuntu-Bold */

@font-face {
    font-family: 'Ubuntu Bold';
    font-style: normal;
    src: url(../font/Ubuntu-Bold.ttf);
}

/* Acumin */

@font-face {
    font-family: 'Acumin';
    font-style: normal;
    src: url(../font/Acumin-Pro-Book.woff.ttf);
}

/* calibri-bold */

@font-face {
    font-family: 'calibri-bold';
    font-style: normal;
    src: url(../font/calibri-bold.ttf);
}

/* BebasNeue */

@font-face {
    font-family: 'BebasNeue';
    font-style: normal;
    src: url(../font/BebasNeue-Regular.ttf);
}

/* SourceSansPro */

@font-face {
    font-family: 'SourceSansPro-Regular';
    font-style: normal;
    src: url(../font/SourceSansPro-Regular.ttf);
}

/* SourceSansPro-SemiBold */

@font-face {
    font-family: 'SourceSansPro-SemiBold';
    font-style: normal;
    src: url(../font/SourceSansPro-SemiBold.ttf);
}

/* SourceSansPro-SemiBold */

@font-face {
    font-family: 'Bodoni72-OldStyle';
    font-style: normal;
    src: url(../font/Bodoni72-OldStyle.ttc);
}

/* SourceSansPro-SemiBold */

@font-face {
    font-family: 'Calibri';
    font-style: normal;
    src: url(../font/calibri.ttf);
}

/* Helvetica Neue Condensed Bold */

@font-face {
    font-family: 'Helvetica-Neue-Condensed-Bold';
    font-style: normal;
    src: url(../font/Helvetica-Neue-Condensed-Bold.ttf);
}

/* Helvetica Neue Condensed Bold */

@font-face {
    font-family: 'helveticaneue-light';
    font-style: normal;
    src: url(../font/helveticaneue-light.otf);
}

@font-face {
    font-family: 'Calibri-Regular';
    font-style: normal;
    src: url('../font/calibri/Calibri-Regular.ttf');
}
@font-face {
    font-family: 'Calibri-Ltalic';
    font-style: normal;
    src: url('../font/calibri/Calibri-Italic.ttf');
}

body {
    font-family: "Helvetica Neue", 'Roboto Condensed', -apple-system, Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
}

.text-center {
    text-align: center;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.bg-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.lg-actions .lg-next:after,
.lg-actions .lg-next:before,
.lg-actions .lg-prev:after,
.lg-actions .lg-prev:before {
    content: '';
}

.lg-actions .lg-next:after,
.lg-actions .lg-prev:after {
    display: block;
    width: 8rem;
    height: 8rem;
    margin-top: -4rem;
}

.lg-actions .lg-icon:before,
.lg-actions .lg-prev:after {
    content: '' !important;
}

.lg-actions .lg-next:after {
    background: url(../img/projects/arrow-r.png) center/contain no-repeat;
}

.lg-actions .lg-prev:after {
    background: url(../img/projects/arrow-l.png) center/contain no-repeat;
}

.vedio-media .video-js {
    width: 128rem;
    height: 72rem;
}

@media screen and (max-height: 65rem) {
    .vedio-media .video-js {
        width: 48rem;
        height: 27rem;
    }
}

@media screen and (min-height: 65rem) and (max-height: 90rem) {
    .vedio-media .video-js {
        width: 80rem;
        height: 45rem;
    }
}

@media screen and (min-height: 90rem) {
    .vedio-media .video-js {
        width: 128rem;
        height: 72rem;
    }
}

.head-tool {
    position: absolute;
    display: flex;
    right: 0;
    top: 0;
}

.head-tool .btn {
    margin: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    color: #fff;
    background: #e0890d;
    border: none;
    border-radius: 0;
}

.head-tool .btn i {
    font-size: 2.4rem;
    margin-right: .3rem;
    line-height: 0;
}

.head-tool__item {
    margin: .5rem;
}

.head-tool__pageinfo {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.select2-container--open {
    z-index: 999999;
}

.content-center {
    width: 122.4rem;
    margin: 0 auto;
}

.bg-theme {
    background: #C2BBB2;
}

.region-header {
    font-size: 3.4rem;
    text-align: center;
    height: 6.6rem;
    line-height: 6.6rem;
    position: relative;
    margin: 3.4rem 0;
    font-family: 'Ubuntu Bold';
}

.region-header:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 8rem;
    height: .2rem;
    background: #E2E2E2;
    margin-left: -4rem;
}

.region-header a {
    color: inherit;
}


.video-ctr {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.8);
    width: 3.8rem;
    height: 3.8rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
}

.video-ctr .stop {
    display: none;
}


.container-fluid>.box {
    padding: 0 6.5rem;
}

.box {
    max-width: 190rem;
    padding: 0 8rem;
    margin: 0 auto;
}

.box-title {
    position: relative;
    padding-left: 2.6rem;
    margin-bottom: 4.4rem;
}

.box-title:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: .4rem;
    height: 6.4rem;
    background-color: #e6ac5c;
}

.box-title.primary:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 41rem;
    height: 7.8rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZMAAABUCAYAAABHhtrZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFEQzhEMUQ1RDE1ODExRUE4Njc4RjkxNDg5REFGQzRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFEQzhEMUQ2RDE1ODExRUE4Njc4RjkxNDg5REFGQzRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QURDOEQxRDNEMTU4MTFFQTg2NzhGOTE0ODlEQUZDNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QURDOEQxRDREMTU4MTFFQTg2NzhGOTE0ODlEQUZDNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IC8YLAAACWklEQVR42uzc20rrQBSA4She2EtPL+qj+iJW28Z6aHUKIwzFtuKCLjt8HwTK7t6bkIv8mS4yZ+PD/fCDy3IsBwD4hfMdf37t0gAQjcmNSwOAmACQHhM/cwEQjsmVSwOAlQkA6TG5dWkAsDIBQEwAOP2YGMADEI6J90wAEBMA8mNiZgJAKCabHYMnLg0AkZhYlQAQjol5CQBiAkB+TPzMBUA4Jl5YBMDKBID8mNgxGAArEwDEBIAOYmIAD0A4Jt4zAUBMAMiPiZkJAKGYTAY7BgMQjInhOwDhmJiXACAmAOTHxPAdgHBMzEwAsDIBID8mdgwGwMoEADEBoIOYGMADEI6J90wAEBMA8mNiZgJAKCZ2DAYgHBPDdwDCMfHCIgDhmJiXACAmAIgJAB3ExAAegHBMDOABCMfEz1wAiAkA+TExMwEgHBObPAIgJgDkx8TMBIBQTOwYDEA4JobvAIRj4oVFAMIxMS8BQEwAEBMAOoiJATwA4ZjcuRQAWJkAkB4TMxMArEwAyI+JTR4BEBMA8mNiZgJAKCZ2DAYgHBPDdwDCMbFjMADhmJiXACAmAIgJACfuYtg9gP90eQCOZl6O9/r5rRyL5rvH5vNYjtf6+aMcs+a7p3Ks6+eXcizr53X97tus/tuh/l9jc9+fNn9vUc9lqOc2b76bNp0YNzGxYzBwqrZvps/lWNXPy3pDPXQz3Xfj3ncz3XXjXtXzOHRO2zfublcmgKfgYz4Ft+e09ym4OSf+UUzMTMBTMIgJnoI9BYOY4CkY6CAmve0Y7CkYIGll4ikYgD/7EmAAaX/p6UBg0Z4AAAAASUVORK5CYII=) left bottom/contain no-repeat;
}

.box-title__content {
    padding-top: 2.2rem;
    color: #404040;
    font-size: 3.6rem;
    margin-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.box-title__sub {
    position: absolute;
    left: 2.6rem;
    top: 0;
    color: #808080;
    font-size: 1.6rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.p12.row {
    margin-left: -.6rem;
    margin-right: -.6rem;
}

.p12>.col,
.p12>.col-1,
.p12>.col-10,
.p12>.col-11,
.p12>.col-12,
.p12>.col-2,
.p12>.col-3,
.p12>.col-4,
.p12>.col-5,
.p12>.col-6,
.p12>.col-7,
.p12>.col-8,
.p12>.col-9,
.p12>.col-auto,
.p12>.col-lg,
.p12>.col-lg-1,
.p12>.col-lg-10,
.p12>.col-lg-11,
.p12>.col-lg-12,
.p12>.col-lg-2,
.p12>.col-lg-3,
.p12>.col-lg-4,
.p12>.col-lg-5,
.p12>.col-lg-6,
.p12>.col-lg-7,
.p12>.col-lg-8,
.p12>.col-lg-9,
.p12>.col-lg-auto,
.p12>.col-md,
.p12>.col-md-1,
.p12>.col-md-10,
.p12>.col-md-11,
.p12>.col-md-12,
.p12>.col-md-2,
.p12>.col-md-3,
.p12>.col-md-4,
.p12>.col-md-5,
.p12>.col-md-6,
.p12>.col-md-7,
.p12>.col-md-8,
.p12>.col-md-9,
.p12>.col-md-auto,
.p12>.col-sm,
.p12>.col-sm-1,
.p12>.col-sm-10,
.p12>.col-sm-11,
.p12>.col-sm-12,
.p12>.col-sm-2,
.p12>.col-sm-3,
.p12>.col-sm-4,
.p12>.col-sm-5,
.p12>.col-sm-6,
.p12>.col-sm-7,
.p12>.col-sm-8,
.p12>.col-sm-9,
.p12>.col-sm-auto,
.p12>.col-xl,
.p12>.col-xl-1,
.p12>.col-xl-10,
.p12>.col-xl-11,
.p12>.col-xl-12,
.p12>.col-xl-2,
.p12>.col-xl-3,
.p12>.col-xl-4,
.p12>.col-xl-5,
.p12>.col-xl-6,
.p12>.col-xl-7,
.p12>.col-xl-8,
.p12>.col-xl-9,
.p12>.col-xl-auto {
    padding-left: .6rem;
    padding-right: .6rem;
}

.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 333;
}

.mask .wechat-box {
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 4rem;
    background: #FFFFFF;
    position: absolute;
}

.mask__close-btn {
    width: 6.4rem;
    height: 6.4rem;
    line-height: 6.4rem;
    position: absolute;
    right: 3rem;
    top: 3rem;
}

.wechat__close-btn {
    position: absolute;
    right: 2rem;
    top: 2rem;
    cursor: pointer;
}

.wechat__close-btn .iconfont {
    font-size: 3rem;
    font-weight: bold;
    color: #000000;
}

.mask__close-btn i {
    color: #FFF;
    font-size: 3.2rem;
}

.slider-video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* min-width: 100%;
    min-height: 100%; */
    object-fit: fill;
    /*这里是关键*/
    /* width: auto;
    height: auto; */
    /* -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); */
    /* background: url(echarts/images/bg.jpg) no-repeat; */
    background-size: cover;
    background-color: #000;
}

#header {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 333;
    background: #fff;
    font-weight: bold;
}

#header.fix-nav {
    position: fixed;
}

#header .content-center {
    height: 8rem;
    display: flex;
    align-items: center;
}

#header ul {
    margin: 0;
}

#header .subcontent {
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

#header .logo {
    width: 19rem;
    flex: none;
    font-size: 1.6rem;
    line-height: 3.2rem;
    color: #AEB0B3;
    font-weight: normal;
}

#header .logo .img {
    display: block;
    width: 17rem;
    height: 4.5rem;
    background: url("../img/logo.png") center/contain no-repeat;
}

#header .top-menu {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    height: 100%;
}

#header .top-menu .menu {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    margin-left: 2rem;
    height: 100%;
}

#header .top-menu .menu .submenu {
    height: 100%;
    line-height: 5.2rem;
    font-size: 1.6rem;
    color: #777;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
    padding: .5rem;
    white-space: nowrap;
    cursor: pointer;
    font-weight: normal;
}

#header .top-menu .menu .submenu:hover,
#header .top-menu .menu .submenu.active {
    color: #000;
}

#header .top-menu .menu .submenu a {
    color: inherit;
    text-decoration: none;
}

#header .top-menu .menu .submenu .name {
    height: 5.2rem;
    box-sizing: border-box;
}

#header .top-menu .menu .submenu:hover .name,
#header .top-menu .menu .submenu.active .name {
    border-bottom: solid .2rem #000;
}

#header .top-menu .menu .submenu:hover+.subcontent,
#header .top-menu .menu .submenu.active+.subcontent {
    height: 50rem;
}

#header .top-menu .menu .submenu .tit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header .top-menu .menu-toolbar {
    flex: none;
    display: flex;
    align-items: center;
}

#header .top-menu .menu-toolbar .btnSearch {
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #D7D8D9;
    color: #fff;
    font-size: 2rem;
}

#header .top-menu .menu-toolbar .btnSearch .iconfont {
    font-size: inherit;
}

#header .top-menu .menu-toolbar .btn-group {
    width: 8.8rem;
    height: 3.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid .1rem #DEDEDF;
    background: #F1F2F3;
    display: flex;
    align-items: center;
    padding: .1rem;
    margin-left: 4.4rem;
}

#header .top-menu .menu-toolbar .btn-group input {
    display: none;
}

#header .top-menu .menu-toolbar .btn-group input:checked+label {
    background: #e0890d;
    box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.2);
    color: #fff;
    font-weight: 400;
}

#header .top-menu .menu-toolbar .btn-group label {
    flex: 1 1 auto;
    color: #8C8D8E;
    font-size: 1.5rem;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header .top-menu .menu-toolbar .login-btn {
    width: 9.6rem;
    height: 3.6rem;
    line-height: 3.6rem;
    text-align: center;
    padding: 0;
    border: none;
    outline: none;
    background: #171719;
    color: #fff;
    margin-left: 2.2rem;
    font-size: 1.3rem;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    border-radius: .6rem;
}

#header .subcontent {
    height: 0;
    overflow: hidden;
    background: #fff;
    position: absolute;
    left: 0;
    top: 8rem;
    margin-top: -.1rem;
    width: 100%;
    z-index: 333;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow:0 0 1rem rgba(0, 0, 0, 0.1);
    font-size: 1.8rem;
    font-weight: lighter;
    color: rgba(41, 41, 41, 0.8);
    line-height: 3.4rem;
    font-family: 'helveticaneue-light';
}

#header .subcontent .pj-type {
    flex: 1 1 auto;
    font-size: 1.8rem;
    margin: .5rem;
}

#header .subcontent .pj-type__tit {
    color: #000;
    font-size: 2.2rem;
    margin-bottom: 1rem;
    white-space: nowrap;
}

#header .subcontent .pj-type__tit__content__ctr {
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    margin-left: 2rem;
    display: inline-block;
    vertical-align: bottom;
    line-height: 2.6rem;
}

#header .subcontent .pj-type__tit__content__ctr .iconfont {
    font-size: 2rem;
    vertical-align: middle;
}

#header .subcontent .pj-type__tit__content__ctr .less {
    display: none;
}

#header .subcontent .pj-type__list {
    padding: .5rem 0;
    font-size: 1.8rem;
    line-height: 3.5rem;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

#header .subcontent .pj-type__list__logo {
    width: 9rem;
    height: 8rem;
    margin-right: 1rem;
    background: url("../img/menu/logo/sky-villa-logo.png") center/contain no-repeat;
}

#header .subcontent .pj-type__list__tit {
    margin-top: 1rem;
    line-height: 2.5rem;
}

#header .subcontent .pj-type__list__tit p {
    color: #8B8B8B;
    font-size: 1.3rem;
    line-height: 2.3rem;
    width: 100%;
    flex: none;
}

#header .subcontent .pj-type__list a {
    display: flex;
    align-items: center;
    /*margin-right: 10rem;*/
    flex: 0 0 25%;
    margin-bottom: 1rem;
}

#header .subcontent .pj-type.completed-pj {
    flex: 1 2 auto;
}

#header .subcontent .pj-type.completed-pj .pj-type__list {
    flex-wrap: wrap;
    height: 4rem;
    overflow: hidden;
}

#header .subcontent .pj-type.completed-pj .pj-type__list a {
    white-space: nowrap;
    line-height: 4rem;
    width: 20%;
    margin-right:0;
    flex: none;
}

#header .subcontent a {
    display: block;
    color: #606060;
}

#header .subcontent .content {
    margin: 2rem auto;
    width: 122.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

#header .subcontent .content.justify-content {
    justify-content: space-around;
}

#header .subcontent .content>a {
    margin: 3.4rem;
}

#header .subcontent .content .media-logo {
    display: block;
    flex: 1 1 auto;
    margin: 1rem;
    text-align: center;
    white-space: nowrap;
}

#header .subcontent .content .media-logo__img {
    width: 12.4rem;
    height: 8rem;
    display: inline-block;
    background: url("../media/vr/1.jpg") center/contain no-repeat;
    cursor: pointer;
}

#header .subcontent .content>.media {
    display: block;
    flex: 0 1 22.6rem;
    margin: 1rem;
}

#header .subcontent .content>.media .media__img {
    width: 100%;
    height: 8rem;
    background: url("../media/vr/1.jpg") center/contain no-repeat;
    cursor: pointer;
}

#header .subcontent .content>.media .header-application-pic {
    width: 100%;
    height: 12.8rem;
    background: url("../media/vr/1.jpg") center/cover no-repeat;
    cursor: pointer;
    border: solid .1rem #707070;
    position: relative;
}

#header .subcontent .content>.media .header-application-pic:before {
    content: "\ea82";
    font-family: "iconfont" !important;
    font-size: 1.6rem;
    font-style: normal;
    color: #fff;
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
    text-align: center;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -2.2rem;
    margin-top: -2.2rem;
}

#header .subcontent .content>.media .lab {
    font-size: 1.8rem;
    line-height: 3.4rem;
    color: #292929;
    font-weight: lighter;
    margin-top: 1.5rem;
    text-align: center;
}

#header .subcontent .content>.media img {
    width: 100%;
}

#header .subcontent:hover {
    height: 50rem;
}

#header .header__screen {
    display: none;
    z-index: 999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 2s;
}

#header .header__screen-box {
    padding-bottom: 2rem;
    padding-right: 2rem;
    background-color: #fff;
}

#header .header__screen-container {
    z-index: 9999;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100rem;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
    /*顺时针旋转90°*/
}

#header .header__screen-title {
    color: #fff;
    text-align: center;
    font-family: 'ArialMT', 'Arial', sans-serif;
}

#header .header__screen-title-font1 {
    line-height: 12rem;
    font-size: 5.5rem;
}

#header .header__screen-title-font2 {
    display: inline-block;
    margin-bottom: 3rem;
    font-size: 2.6rem;
}

#header .header__screen-button {
    min-width: 30rem;
    line-height: 3.5rem;
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c;
    box-shadow: none;
    border: .1rem solid transparent;
    outline: none;
    cursor: pointer;
    margin-left: 2rem;
    margin-top: 2rem;
    position: relative;
    top: 1rem;
}

#header .header__screen-button:hover {
    background-color: #ce9238;
    border-color: #ce9238;
}

#header .header__screen .select2-container {
    margin-left: 2rem;
    margin-top: 2rem;
    min-width: 30rem;
}

#header .header__screen .select2-container--default .select2-selection--single {
    background: #fff;
    border: .1rem solid #666;
    border-radius: .5rem;
    height: 3.5rem;
    border-radius: 0;
}

#header .header__screen .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 3.5rem;
}

#header .header__screen .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000;
}

#header .user-info {
    position: relative;
    padding-right: .7rem;
}

#header .user-info__ctr {
    font-family: "Helvetica";
    font-size: 1.6rem;
    color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#header .user-info__ctr:before {
    content: '\e620';
    font-family: "iconfont" !important;
    font-size: 2rem;
    vertical-align: middle;
}

#header .user-info__ctr.active:before {
    content: '\e653';
}

#header .user-info__ctr.active+.user-info__dropdown,
#header .user-info__ctr:hover+.user-info__dropdown {
    display: block;
}

#header .user-info__name {
    font-weight: normal;
}

#header .user-info__avatar {
    margin-left: 1.2rem;
    position: relative;
    width: 3.4rem;
    height: 3.4rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid .1rem #D1D1D1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff url("../img/icon/avatar-bg.png") center/contain no-repeat;
}

#header .user-info__avatar:after {
    content: '';
    position: absolute;
    right: -.7rem;
    bottom: .2rem;
    width: 1.4rem;
    height: 1.4rem;
    background: url("../img/icon/check-icon.png") center/contain no-repeat;
}

#header .user-info__dropdown {
    display: none;
    position: absolute;
    z-index: 99;
    right: 0;
    top: 3rem;
    min-width: 13.4rem;
    padding-top: 1.5rem;
}

#header .user-info__dropdown:hover {
    display: block;
}

#header .user-info__dropdown:before {
    border: solid 1.1rem #D8DADB;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: -.5rem;
    right: 2.2rem;
}

#header .user-info__dropdown__item {
    line-height: 4rem;
    color: #616162;
    font-family: 'SourceSansPro-Regular';
    font-size: 1.6rem;
    border-bottom: solid .1rem rgba(112, 112, 112, 0.38);
    padding: 0 1.2rem;
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none;
    background: #D8DADB;
}

#header .user-info__dropdown__item:last-child {
    border-bottom: none;
}

#header .user-info__dropdown__item i {
    display: inline-block;
    margin-right: 1.6rem;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem;
    flex: none;
    background: url("../img/icon/account-icon.png") center/contain no-repeat;
}


.select2-results__option {
    margin: .5rem;
}

.select2-dropdown {
    border: transparent;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e6a23c !important;
}

#footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#footer .footer_main {
    background: #EAEAEA;
}

#footer .footer_main .content-center {
    height: 12.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#footer .footer_main_logo {
    width: 7rem;
    height: 4.2rem;
    background: url("../img/logo.png") center/contain no-repeat;
    flex: 1 1 auto;
    justify-content: center;
}

#footer .footer_main_links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 2 auto;
}

#footer .footer_main_links a {
    line-height: 4.8rem;
    padding: 0 2rem;
    color: #909090;
    font-size: 1.4rem;
    font-family: 'SourceSansPro-SemiBold';
    text-decoration: none;
    margin: 0 2.7rem;
}

#footer .footer_main_links a:hover {
    color: #fff;
    background: #202020;
}

#footer .footer_main_links .link-contact {
    position: relative;
}

#footer .footer_main_links .link-contact_more {
    display: none;
    position: absolute;
    bottom: 4.6rem;
    width: 28.5rem;
    padding: 2rem 1.5rem;
    right: 0;
    background: rgba(32, 32, 32, 0.9);
    color: #fff;
    line-height: 2.1em;
}

#footer .footer_main_links .link-contact_more h4 {
    font-size: 2rem;
}

#footer .footer_main_links .link-contact_more h5 {
    font-size: 1.6rem;
    margin-top: .5rem;
    color: rgba(255, 255, 255, 0.9);
}

#footer .footer_main_links .link-contact_more p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
}

#footer .footer_main_links .link-contact:hover .link-contact_more {
    display: block;
}


#footer .footer_main_officials {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer .footer_main_officials a {
    text-decoration: none;
    min-width: 4.8rem;
    height: 4.8rem;
    line-height: 4.8rem;
    text-align: center;
}

#footer .footer_main_officials a:hover {
    background: #F7F7F7;
    color: #000;
}

#footer .footer_main_officials a:hover .qrcode {
    display: block;
}

#footer .footer_main_officials a.wechat {
    position: relative;
}

#footer .footer_main_officials a .qrcode {
    display: none;
    position: absolute;
    width: 14rem;
    height: 14rem;
    padding: .5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
    bottom: 4.8rem;
    right: 0;
    background: #fff url("../img/qr_pic.jpg") center/contain no-repeat;
    background-origin: content-box;
}

#footer .footer_main_officials i {
    font-size: 2rem;
    color: #333333;
    margin: 0 1.6rem;
}

#footer .footer_main_officials .xhs i {
    display: inline-block;
    width: 3.8rem;
    height: 1.4rem;
    background: url("../img/icon/xhs-icon.png") center/contain no-repeat;
}

#footer .footer_copyright {
    background: #D9D9D9;
    color: #909090;
    text-align: center;
    font-size: 1.2rem;
    height: 6rem;
    line-height: 6rem;
    font-family: "Helvetica";
}

#mapBox {
    /*padding-top: 8.8rem;*/
}

#mapBox .box-content {
    margin-bottom: 3rem;
}

#mapBox .search-region {
    padding-bottom: 1.5rem;
    background: #fff;
    display: flex;
    align-items: center;
}

#mapBox .search-region .select {
    margin-right: 1rem;
}

#mapBox .search-region .select2-container--default {
    margin-right: 1rem !important;
}

#mapBox .search-region .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 4.4rem;
    line-height: 4.4rem;
    font-size: 1.6rem;
    color: #000;
    padding-right: 3.8rem;
    padding-left: 1rem;
    font-family: Arial;
    box-sizing: border-box;
}

#mapBox .search-region .select2-container--default .select2-selection__arrow {
    display: none;
}

#mapBox .search-region .select2-container--default .select2-selection--single {
    border-radius: 0;
    border: solid .1rem #C9C9C9;
    height: 4.4rem;
    line-height: 4.4rem;
    background: url("../img/icon/arrow-down-icon.png") right center no-repeat;
}

#mapBox .search-region .search-button {
    width: 14.6rem;
    line-height: 4.4rem;
    color: #fff;
    background-color: #CF755A;
    box-shadow: none;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    font-size: 1.6rem;
    font-family: "Helvetica";
    font-weight: bold;
}

#mapBox .search-region .search-button:hover {
    opacity: 0.9;
}

#mapBox .search-region .search-button .iconfont {
    margin-right: .8rem;
}

#mapBox .house-list {
    padding: 1.5rem;
    background: #fff;
    border: solid .1rem #C9C9C9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mapBox .house-list .title {
    height: 8.5rem;
    width: 100%;
    font-size: 3rem;
    box-sizing: border-box;
    font-weight: 600;
    padding: 2.3rem 0 2.1rem;
    color: #404040;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#mapBox .house-list .info-content {
    height: 47.4rem;
    overflow-y: auto;
}

#mapBox .house-list .info-content .list-item {
    border: solid .1rem #C9C9C9;
    padding: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

#mapBox .house-list .info-content .list-item .media {
    flex: none;
    width: 12.6rem;
    height: 12.6rem;
    margin-right: 1rem;
    background: url("../media/projects/banner1.jpg") center/cover no-repeat;
    position: relative;
}

#mapBox .house-list .info-content .list-item .media .tag {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1.6rem;
    background: url("../img/icon/soldout.jpg") center/100% 100% no-repeat;
}

#mapBox .house-list .info-content .list-item .media .hottag {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1.6rem;
    background: url("../img/icon/hot-tag.png") center/100% 100% no-repeat;
}

#mapBox .house-list .info-content .list-item .info {
    flex: 1 1 auto;
    text-align: left;
    font-family: "Helvetica";
}

#mapBox .house-list .info-content .list-item .info h4 {
    font-family: 'Ubuntu Bold';
    font-size: 2.2rem;
    line-height: 2.6rem;
}

#mapBox .house-list .info-content .list-item .info p {
    font-size: 1.6rem;
    line-height: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
    background: url("../img/icon/line-icon.png") left bottom repeat-x;
}

#mapBox .house-list .info-content .list-item .info p i {
    color: #A7A7A7;
    margin-right: .8rem;
}

#mapBox .house-list .info-content .list-item .info .msg-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#mapBox .house-list .info-content .list-item .info .msg-group div {
    font-size: 1.6rem;
    color: #A8A8A8;
    line-height: 4rem;
    margin-right: 4rem;
    white-space: nowrap;
}

#mapBox .house-list .info-content .list-item .info .msg-group div span {
    color: #000;
}

#mapBox .house-list .info {
    overflow-y: auto;
    overflow-x: hidden;
}

#mapBox .house-list .info-row {
    border: solid .1rem #C9C9C9;
    padding: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

#mapBox .house-list .info-row-img {
    flex: none;
    width: 12.6rem;
    height: 12.6rem;
    margin-right: 1rem;
    background: url("../media/projects/banner1.jpg") center/cover;
    position: relative;
}

#mapBox .house-list .info-row-databox {
    flex: 1 1 auto;
    text-align: left;
    font-family: "Helvetica";
}

#mapBox .house-list .info-row-databox .row {
    line-height: 3rem;
}

#mapBox .house-list .info-row-databox-title {
    font-family: 'Ubuntu Bold';
    font-size: 2.2rem;
    line-height: 2.6rem;
}

#mapBox .house-list .info-row-databox-textpoint {
    color: #b7b7b7;
}

#mapBox .house-list .info-row-databox-textarea {
    display: flex;
}

#mapBox .house-list .info-row-databox-textarea span {
    display: inline-block;
    white-space: nowrap;
}

#mapBox .house-list .info-row-databox-textarea .first {
    width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mapBox .house-list .info-row-databox-textarea .last {
    width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mapBox .house-list .info-row-databox-footer {
    border-top: .1rem solid #ccc;
    text-align: right;
    font-size: 1.6rem;
    font-weight: 600;
    color: #666;
    padding-top: 1.5rem;
    width: 97%;
}

#mapBox .house-detail {
    display: none;
    text-align: center;
    background: #f2f2f2;
    -webkit-box-shadow: 0 .2rem .8rem 0 rgba(119, 116, 116, 0.5);
    box-shadow: 0 .2rem .8rem 0 rgba(119, 116, 116, 0.5);
    padding: 1.5rem;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

#mapBox .house-detail .title-back {
    position: absolute;
    left: .5rem;
    top: 50%;
    width: 0;
    height: 0;
    border-width: 1.2rem;
    border-style: solid;
    border-color: transparent #666 transparent transparent;
    transform: rotate(0deg) translatey(-50%);
    /*顺时针旋转90°*/
    cursor: pointer;
}

#mapBox .house-detail .title {
    height: 8.5rem;
    width: 100%;
    font-size: 3rem;
    box-sizing: border-box;
    font-weight: 600;
    padding: 2.3rem 0 2.1rem;
    color: #404040;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#mapBox .house-detail .info {
    position: absolute;
    top: 23.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
    right: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
}

#mapBox .house-detail .info-row {
    display: flex;
    background: #fff;
    border-radius: .6rem;
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    cursor: pointer;
}

#mapBox .house-detail .info-row-img {
    padding-top: 1.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
}

#mapBox .house-detail .info-row-databox {
    text-align: left;
    padding: 1rem;
    flex: 1;
    color: grey;
}

#mapBox .house-detail .info-row-databox .row {
    line-height: 3rem;
}

#mapBox .house-detail .info-row-databox-title {
    color: black;
    font-size: 2.3rem;
}

#mapBox .house-detail .info-row-databox-textpoint {
    color: #b7b7b7;
}

#mapBox .house-detail .info-row-databox-textarea {
    display: flex;
}

#mapBox .house-detail .info-row-databox-textarea span {
    display: inline-block;
    white-space: nowrap;
}

#mapBox .house-detail .info-row-databox-textarea .first {
    width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mapBox .house-detail .info-row-databox-textarea .last {
    width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mapBox .house-detail .info-row-databox-footer {
    border-top: .1rem solid #ccc;
    text-align: right;
    font-size: 1.6rem;
    font-weight: 600;
    color: #666;
    padding-top: 1.5rem;
    width: 97%;
}


#indexMap {
    display: flex;
    position: relative;
}

#indexMap .BMap_cpyCtrl {
    display: none;
}

#indexMap .anchorBL {
    display: none;
}

#indexMap .BMap_Marker {
    margin-top: -3rem !important;
}

#indexMap .BMap_Marker img {
    width: 100%;
}

#indexMap .leftBox {
    flex: 1;
    position: relative;
}

#indexMap #allmap {
    /*height: 98vh;*/
    height: 50.6rem;
    z-index: 1;
}

#indexMap .search-region {
    /*padding: 1rem;*/
    background: #fff;
    position: relative;
}

#indexMap .search-region:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 100%;
    height: .1rem;
    background: #999;
}

#indexMap .search-region .select2-container,
#indexMap .search-region .search-button {
    min-width: 100%;
    margin: .5rem 0;
}

#indexMap .search-region .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 3.3rem;
}

#indexMap .point-info-window {
    display: none;
    background: #fff;
    border-radius: 1rem;
    padding: 1rem;
    position: absolute;
    left: 2rem;
    top: 2rem;
    box-sizing: border-box;
    width: 23rem;
    border: .5rem solid #2c2cdd;
    z-index: 9999;
}

#indexMap .point-info-window .title {
    line-height: 3.2rem;
    font-size: 2rem;
    font-weight: 700;
}

#indexMap .point-info-window .point {
    line-height: 2rem;
    padding-bottom: .5rem;
    border-bottom: .1rem solid #ececec;
}

#indexMap .point-info-window .content {
    margin: .5rem 0;
    line-height: 2rem;
}

#indexMap .point-info-window .footer {
    line-height: 4rem;
}

#indexMap .point-info-window button {
    /*margin-top: .5rem;*/
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c;
    display: inline-block;
    border-radius: 2rem;
    padding: .6rem 1.2rem;
    box-shadow: none;
    border: .1rem solid transparent;
    outline: none;
    cursor: pointer;
}

/*#indexMap .point-info-window button:hover {*/
/*background-color: #ce9238;*/
/*border-color: #ce9238;*/
/*}*/

#indexMap .search-box {
    position: absolute;
    height: 6rem;
    background: #fff;
    left: 50%;
    bottom: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: translateX(-50%);
}

#indexMap .status-box {
    position: absolute;
    bottom:0;
    left:0;
    background: rgba(255, 255, 255, 0.6);
    font-family: "Helvetica";
    font-weight: bold;
    padding: 2rem;
    z-index: 9;
}

#indexMap .status-box div {
    font-size: 1.4rem;
    font-weight: bold;
    color: #000;
    line-height: 3rem;
    display: flex;
    align-items: center;
}

#indexMap .status-box div::before {
    content: '';
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 1.5rem;
}

#indexMap .status-box .no::before {
    background-color: #f26522;
}

#indexMap .status-box .yes::before {
    background-color: #2c2cdd;
}

#indexMap .status-box .na::before {
    background-color: #555;
}

#indexMap .house-list,
#indexMap .house-detail {
    display: none;
    width: 70rem;
    text-align: center;
    background: #f2f2f2;
    -webkit-box-shadow: 0 .2rem .8rem 0 rgba(119, 116, 116, 0.5);
    box-shadow: 0 .2rem .8rem 0 rgba(119, 116, 116, 0.5);
    padding: 1.5rem;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

#indexMap .house-list .title,
#indexMap .house-detail .title {
    height: 8.5rem;
    width: 100%;
    font-size: 3rem;
    box-sizing: border-box;
    font-weight: 600;
    padding: 2.3rem 0 2.1rem;
    color: #404040;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#indexMap .house-list .info,
#indexMap .house-detail .info {
    position: absolute;
    top: 23.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
    right: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
}

#indexMap .house-list .info-row,
#indexMap .house-detail .info-row {
    display: flex;
    background: #fff;
    border-radius: .6rem;
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    cursor: pointer;
}

#indexMap .house-list .info-row-img,
#indexMap .house-detail .info-row-img {
    padding-top: 1.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
}

#indexMap .house-list .info-row-databox,
#indexMap .house-detail .info-row-databox {
    text-align: left;
    padding: 1rem;
    flex: 1;
    color: grey;
}

#indexMap .house-list .info-row-databox .row,
#indexMap .house-detail .info-row-databox .row {
    line-height: 3rem;
}

#indexMap .house-list .info-row-databox-title,
#indexMap .house-detail .info-row-databox-title {
    color: black;
    font-size: 2.3rem;
}

#indexMap .house-list .info-row-databox-textpoint,
#indexMap .house-detail .info-row-databox-textpoint {
    color: #b7b7b7;
}

#indexMap .house-list .info-row-databox-textarea,
#indexMap .house-detail .info-row-databox-textarea {
    display: flex;
}

#indexMap .house-list .info-row-databox-textarea span,
#indexMap .house-detail .info-row-databox-textarea span {
    display: inline-block;
    white-space: nowrap;
}

#indexMap .house-list .info-row-databox-textarea .first,
#indexMap .house-detail .info-row-databox-textarea .first {
    width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

#indexMap .house-list .info-row-databox-textarea .last,
#indexMap .house-detail .info-row-databox-textarea .last {
    width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

#indexMap .house-list .info-row-databox-footer,
#indexMap .house-detail .info-row-databox-footer {
    border-top: .1rem solid #ccc;
    text-align: right;
    font-size: 1.6rem;
    font-weight: 600;
    color: #666;
    padding-top: 1.5rem;
    width: 97%;
}

#indexMap .title-back {
    position: absolute;
    left: .5rem;
    top: 50%;
    width: 0;
    height: 0;
    border-width: 1.2rem;
    border-style: solid;
    border-color: transparent #666 transparent transparent;
    transform: rotate(0deg) translatey(-50%);
    /*顺时针旋转90°*/
    cursor: pointer;
}

#indexMap .house-detail {
    display: none;
}

#indexMap .house-detail .title {
    position: relative;
}

#indexMap .img {
    margin-right: .5rem;
}

#indexMap .img-point {
    width: 1.2rem;
    height: 2rem;
}

#indexMap .img-mini {
    width: 2rem;
    height: 2rem;
}

#indexMap .img-house {
    width: 30rem;
    height: 20rem;
    border-radius: .7rem;
}

#indexMap .img-infowindow {
    width: 100%;
    height: auto;
    border-radius: .7rem;
}

#indexMap .search-button {
    width: 13rem;
    line-height: 3.5rem;
    color: #fff;
    background-color: #e0890d;
    border-color: #e0890d;
    display: inline-block;
    box-shadow: none;
    border: .1rem solid transparent;
    outline: none;
    cursor: pointer;
    margin: 0 2rem;
}

#indexMap .search-button:hover {
    opacity: 0.9;
}

#indexMap .select2-container {
    margin-left: 2rem;
    min-width: 12.5rem;
}

#indexMap .select2-container--default .select2-selection--single {
    background: #e6e6e6;
    border: transparent;
    height: 3.5rem;
    border-radius: 0;
}

#indexMap .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 3.5rem;
}

#indexMap .point-info-window .infowindow_close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    cursor: pointer;
    background: #f16522;
    color: #fff;
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    z-index: 9;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    border: solid .2rem rgba(255, 255, 255, .16);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    outline: none;
}

.infowindow_close:before {
    content: '╳';
}


.select2-results__option {
    margin: .5rem;
}

.select2-dropdown {
    border: transparent;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e6a23c !important;
}

#projectsBox {
    margin-top: 5rem;
    margin-bottom: 2.4rem;
}

#projectsBox .project-swiper {
    height: 57.6rem;
    width: 100%;
}

#projectsBox .media-content {
    position: relative;
    padding-bottom: 14.8rem;
}

#projectsBox .media-content .media-item {
    display: flex;
    align-items: center;
}

#projectsBox .media-content .media-item__info {
    background: #fff;
    padding: 0 3.6rem 0 0;
}

#projectsBox .media-content .media-item__info h5 {
    font-size: 2.4rem;
    color: #8E8E8E;
    line-height: 2.8rem;
    font-weight: lighter;
    text-align: right;
}

#projectsBox .media-content .media-item__info h3 {
    font-size: 3.4rem;
    color: #000;
    line-height: 5rem;
    font-family: 'Ubuntu Bold';
    text-align: right;
    cursor: pointer;
}

#projectsBox .media-content .media-item__info p {
    font-size: 1.8rem;
    color: #000;
    line-height: 2.5rem;
    font-family: Arial;
}

#projectsBox .media-content .media-item__pic {
    flex: none;
    width: 80rem;
    height: 57.6rem;
    cursor: pointer;
    background: url("../media/projects/banner1.jpg") center/contain no-repeat;
}

#projectsBox .media-content .thumb-gallery {
    position: absolute;
    bottom:0;
    height: 14.8rem;
    max-width: 100%;
    background: #fff;
    padding: 0 2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*-webkit-box-shadow:0 .3rem .6rem rgba(0, 0, 0, 0.16);*/
    /*-moz-box-shadow:0 .3rem .6rem rgba(0, 0, 0, 0.16);*/
    /*box-shadow:0 .3rem .6rem rgba(0, 0, 0, 0.16);*/
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}

#projectsBox .media-content .thumb-gallery .thumbsSlider {
    height: 14.8rem;
    padding: 2rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#projectsBox .media-content .thumb-gallery .thumbsSlider .swiper-slide {
    background: url("../media/projects/banner1.jpg") center/cover no-repeat;
}

#projectsBox .media-content .thumb-gallery .swiper-slide {
    border: solid .1rem #707070;
    width: 21.4rem;
    opacity: 0.5;
}

#projectsBox .media-content .thumb-gallery .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

#vrTourBox .vr {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

#vrTourBox .vr__item {
    cursor: pointer;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 80rem;
    transition: all 0.5s;
}

#vrTourBox .vr__item:hover {
    width: 900%;
}

#vrTourBox .vr__item:hover:before {
    background-color: rgba(0, 0, 0, 0);
}

#vrTourBox .vr__item:hover .vr__item_title {
    display: block;
}

#vrTourBox .vr__item:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s;
}

#vrTourBox .vr__item_title {
    position: absolute;
    bottom: 4rem;
    left: 4rem;
    color: #FFF;
    font-size: 4.8rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    height: 6rem;
    overflow: hidden;
}

#vrTourBox .vr__item_blur .vr__item_title {
    display: none;
}

#vrTourBox .vr__item_blur:before {
    background-color: rgba(0, 0, 0, 0.8);
}

#vrTourBox .vr__screen {
    display: none;
    z-index: 999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}

#vrTourBox .vr__screen img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    /*顺时针旋转90°*/
}

#vrTourBox .vr-tour {
    background: #C2BBB2;
}

#vrTourBox .vr-tour .head {
    line-height: 4.6rem;
    padding-top: 5rem;
    font-size: 3rem;
    font-family: 'calibri-bold';
    border-bottom: solid .1rem #656565;
    color: #242424;
    margin-bottom: .5rem;
}

#vrTourBox .vr-tour .vr-panel {
    display: flex;
    padding-bottom: 3.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

#vrTourBox .vr-tour .vr-panel__item {
    width: 22rem;
    margin: 1.5rem;
    flex: 1 1 auto;
}

#vrTourBox .vr-tour .vr-panel__item h4 {
    font-size: 2.6rem;
    line-height: 3.8rem;
    margin-top: 1.5rem;
    font-family: 'Calibri';
}

#vrTourBox .vr-tour .vr-panel__item h5 {
    color: #525252;
    font-weight: lighter;
    font-family: 'Roboto';
    font-size: 1.7rem;
}

#vrTourBox .vr-tour .vr-panel__media {
    width: 100%;
    height: 15rem;
    background: url("../media/projects/banner1.jpg") center/cover;
    position: relative;
    border: solid .1rem #9B9B9B;
}

#vrTourBox .vr-tour .vr-panel__media .video-ctr {
    width: 4.4rem;
    height: 4.4rem;
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    right: 1.5rem;
    top: .8rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#vrTourBox .vr-tour .vr-panel__media .video-ctr i {
    font-size: 1.2rem;
}

.th-select,
.th-select+.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 4.4rem;
    line-height: 4.4rem;
    border: solid .1rem #C9C9C9;
    font-size: 1.6rem;
    color: #000;
    padding-right: 3.8rem;
    padding-left: 1rem;
    font-family: Arial;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    background: url("../img/icon/arrow-down-icon.png") right center no-repeat;
}

#homeSliderBox {
    overflow: hidden;
    /* line 1, ../sass/inc/_loader.scss */
}

#homeSliderBox .content {
    height: 68.8rem;
    max-height: calc(100vh - 8rem);
    position: relative;
}

#homeSliderBox .swiper-container {
    /*height: calc(100% - 8rem);*/
    height: 100%;
    position: relative;
}

#homeSliderBox .swiper-container .swiper-slide {
    height: 100%;
}

#homeSliderBox .swiper-pagination {
    height: .6rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    bottom: 2.2rem;
    right: 2.8rem;
    left: auto;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}

#homeSliderBox .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 4.4rem;
    flex: none;
    background: #fff;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    position: relative;
    border: none;
    outline: none;
    margin: 0;
}

#homeSliderBox .swiper-pagination-bullets .swiper-pagination-bullet:hover .tip {
    display: block;
}

#homeSliderBox .swiper-pagination-bullets .swiper-pagination-bullet .tip {
    display: none;
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
    text-align: center;
    overflow: hidden;
    background: #e0890d;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 1.6rem;
    left: 50%;
    margin-left: -2.2rem;
}

#homeSliderBox .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #e0890d;
    width: 4.4rem;
    flex: none;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
}

#homeSliderBox .swiper-pagination-bullets .swiper-pagination-bullet-active .tip {
    display: block;
}

#homeSliderBox .swiper-button-prev {
    left: 52.8rem;
    transform: translateX(-50%);
    width: 5rem;
    height: 5rem;
    top: auto;
    background: url(../img/lead/info-btn-l.png) center/contain no-repeat;
    border: none;
    outline: none;
    bottom: 10rem;
}

#homeSliderBox .swiper-button-prev:after {
    display: none;
}

#homeSliderBox .swiper-button-next {
    left: 52.8rem;
    transform: translateX(-50%);
    bottom: 4.5rem;
    width: 5rem;
    height: 5rem;
    background: url(../img/lead/info-btn-r.png) center/contain no-repeat;
    border: none;
    outline: none;
    top: auto;
}

#homeSliderBox .swiper-button-next:after {
    display: none;
}

#homeSliderBox video {
    max-height: 100%;
}

#homeSliderBox .slider-video {
    object-fit: contain;
    object-position: initial;
}

#homeSliderBox .info-box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#homeSliderBox .info-box .info-center {
    width: 80rem;
    margin-left: 12.6rem;
}

#homeSliderBox .info-box .info-media {
    width: 80rem;
    height: 40rem;
    background: url("../media/lead/banner-info2.png") left top/contain no-repeat;
}

#homeSliderBox .info-box .el-button {
    border: none;
    outline: none;
    width: 35.2rem;
    height: 6.6rem;
    background: #e0890d;
    font-size: 2.4rem;
    font-weight: 400;
    color: #000;
    margin-top: 2rem;
    cursor: pointer;
}

#homeSliderBox .info-box .btn {
    width: 26.4rem;
    height: 6.6rem;
    background: #f6d272;
    border-radius: .4rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;
    margin-top: 4.5rem;
    padding: 0;
    border: none;
    outline: none;
    height: 6.6rem;
}

#homeSliderBox .info-box .txt1 {
    position: absolute;
    width: 59.6rem !important;
    opacity: 1;
    top: 23.8rem;
    left: 25.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#homeSliderBox .info-box .txt1 .colu1 {
    width: 120rem;
    text-align: left;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 8rem;
    color: #fff;
}

#homeSliderBox .info-box .txt1 .colu2 {
    width: 64.7rem;
    text-align: left;
    font-size: 3rem;
    font-weight: 400;
    line-height: 8rem;
    color: #fff;
}

#homeSliderBox .info-box .txt1 .colu3 {
    width: 83rem;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.4rem;
    color: #fff;
    text-align: left;
}

#homeSliderBox .info-box .txt1 p {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.4rem;
    color: #fff;
    text-align: left;
}

#homeSliderBox .info-box .txt2 {
    position: absolute;
    width: 83.1rem;
    height: 55.8rem;
    opacity: 1;
    bottom: 10.5rem;
    left: 21.7rem;
}

#homeSliderBox .info-box .txt3 {
    position: absolute;
    width: 83.1rem;
    height: 55.8rem;
    opacity: 1;
    bottom: 10.5rem;
    left: 21.7rem;
}

#homeSliderBox .boxTxt {
    width: 42rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#homeSliderBox .boxTxt .txtFirst {
    display: flex;
    align-items: center;
}

#homeSliderBox .boxTxt .txtFirst .pointH {
    width: 1.2rem;
    height: 1.2rem;
    background: #f6d272;
    border-radius: 50%;
}

#homeSliderBox .boxTxt .txtFirst .txtType {
    margin-left: 1.2rem;
    font-size: 1.6rem;
    font-family: Montserrat;
    font-weight: bold;
    color: #f6d272;
}

#homeSliderBox .boxTxt .txtName {
    width: 40.3rem;
    height: 8.4rem;
    padding-left: 2.5rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZMAAABUCAYAAABHhtrZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFEQzhEMUQ1RDE1ODExRUE4Njc4RjkxNDg5REFGQzRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFEQzhEMUQ2RDE1ODExRUE4Njc4RjkxNDg5REFGQzRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QURDOEQxRDNEMTU4MTFFQTg2NzhGOTE0ODlEQUZDNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QURDOEQxRDREMTU4MTFFQTg2NzhGOTE0ODlEQUZDNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IC8YLAAACWklEQVR42uzc20rrQBSA4She2EtPL+qj+iJW28Z6aHUKIwzFtuKCLjt8HwTK7t6bkIv8mS4yZ+PD/fCDy3IsBwD4hfMdf37t0gAQjcmNSwOAmACQHhM/cwEQjsmVSwOAlQkA6TG5dWkAsDIBQEwAOP2YGMADEI6J90wAEBMA8mNiZgJAKCabHYMnLg0AkZhYlQAQjol5CQBiAkB+TPzMBUA4Jl5YBMDKBID8mNgxGAArEwDEBIAOYmIAD0A4Jt4zAUBMAMiPiZkJAKGYTAY7BgMQjInhOwDhmJiXACAmAOTHxPAdgHBMzEwAsDIBID8mdgwGwMoEADEBoIOYGMADEI6J90wAEBMA8mNiZgJAKCZ2DAYgHBPDdwDCMfHCIgDhmJiXACAmAIgJAB3ExAAegHBMDOABCMfEz1wAiAkA+TExMwEgHBObPAIgJgDkx8TMBIBQTOwYDEA4JobvAIRj4oVFAMIxMS8BQEwAEBMAOoiJATwA4ZjcuRQAWJkAkB4TMxMArEwAyI+JTR4BEBMA8mNiZgJAKCZ2DAYgHBPDdwDCMbFjMADhmJiXACAmAIgJACfuYtg9gP90eQCOZl6O9/r5rRyL5rvH5vNYjtf6+aMcs+a7p3Ks6+eXcizr53X97tus/tuh/l9jc9+fNn9vUc9lqOc2b76bNp0YNzGxYzBwqrZvps/lWNXPy3pDPXQz3Xfj3ncz3XXjXtXzOHRO2zfublcmgKfgYz4Ft+e09ym4OSf+UUzMTMBTMIgJnoI9BYOY4CkY6CAmve0Y7CkYIGll4ikYgD/7EmAAaX/p6UBg0Z4AAAAASUVORK5CYII=);
    font-size: 4.8rem;
    font-weight: bold;
    color: #fffefe;
}

#homeSliderBox .boxTxt .detail1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3.6rem 0 0 7.6rem;
}

#homeSliderBox .boxTxt .detail1 .draw_point {
    width: 2.2rem;
    height: 2.2rem;
    background: #e0890d;
    border-radius: 50%;
}

#homeSliderBox .boxTxt .detail1 .draw_point1 {
    width: 2.2rem;
    height: 2.2rem;
    background: #fff;
    border-radius: 50%;
}

#homeSliderBox .boxTxt .detail1 .txtRise {
    margin-left: 2.2rem;
    font-size: 1.8rem;
    font-weight: 600;
    color: #e0890d;
    width: 30rem;
    text-align: left;
}

#homeSliderBox .boxTxt .detail1 .txtRise1 {
    margin-left: 2.2rem;
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    width: 30rem;
    text-align: left;
}

#projectNav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 8rem;
    background: #fff;
    z-index: 20;
}

#projectNav ul {
    padding: 0;
}

#projectNav ul li {
    list-style: none;
}

#projectNav .menu-btn {
    width: 3.2rem;
    height: 3.2rem;
    margin: 1.6rem auto;
}

#projectNav .menu-btn img {
    width: 100%;
    height: 100%;
}

#projectNav .social-share {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#projectNav .social-share .social-share-icon {
    border: none;
    border-radius: 0;
    margin: .8rem 0;
}

#projectNav .social-share .social-share-icon:before {
    display: none;
}

#projectNav .social-share .social-share-icon.icon-facebook {
    background: url("../img/icon/facebook-icon.png") center/contain no-repeat;
}

#projectNav .social-share .social-share-icon.icon-wechat {
    background: url("../img/icon/wechat-icon.png") center/contain no-repeat;
}

#projectNav .social-share .social-share-icon.icon-twitter {
    background: url("../img/icon/twitter-icon.png") center/contain no-repeat;
}

#projectNav .social-share .social-share-icon.icon-google {
    background: url("../img/icon/google-icon.png") center/contain no-repeat;
}

#projectNav .social-share .social-share-icon.icon-weibo {
    background: url("../img/icon/weibo-icon.png") center/contain no-repeat;
}

#projectNav .tool-bar {
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#projectNav .tool-bar .iconfont {
    font-size: 3.6rem;
    text-align: center;
    color: #000;
}

#projectNav .tool-bar .iconfont:hover,
#projectNav .tool-bar .iconfont:active {
    text-decoration: none;
}

#projectNav .tool-bar .iconfont .info {
    display: block;
    font-size: 1.2rem;
}

#projectNav .tool-bar .btn-group {
    width: 6rem;
    height: 3.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid .1rem #D7D9DF;
    background: #fff;
    border-radius: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0;
}

#projectNav .tool-bar .btn-group input:checked+label {
    background: #e0890d;
}

#projectNav .language-switch {
    display: block;
    margin: 0 auto;
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid .1rem #D7D9DF;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 4rem;
    text-decoration: navy;
    color: #333;
}

#projectNav .language-switch:hover {
    background: #e0890d;
    color: #FFF;
    border: none;
}

/*#projectNav .btn-group input {*/
/*  display: none;*/
/*}*/

/*#projectNav .btn-group input:checked + label {*/
/*  color: #fff;*/
/*  background: #A5A9AD;*/
/*  font-weight: bold;*/
/*}*/

/*#projectNav .btn-group label {*/
/*  flex: 1 1 auto;*/
/*  color: #A5A9AD;*/
/*  font-size: 1.5rem;*/
/*  height: 100%;*/
/*  margin: 0;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/

/*#projectNav .btn-group {*/
/*  width: 3.4rem;*/
/*  height: 3.4rem;*/
/*  -webkit-box-sizing: border-box;*/
/*  -moz-box-sizing: border-box;*/
/*  box-sizing: border-box;*/
/*  border: solid .1rem #D7D9DF;*/
/*  background: #fff;*/
/*  border-radius: 0;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  overflow: hidden;*/
/*  margin: 0 auto 5rem auto;*/
/*}*/

/*#projectNav .btn-group input:checked + label {*/
/*  background: #e0890d;*/
/*}*/

#projectNav .login-btn {
    width: 10rem;
    height: 3.6rem;
    line-height: 3.6rem;
    text-align: center;
    padding: 0;
    border: none;
    outline: none;
    background: #e0890d;
    color: #fff;
    margin-top: 1rem;
}

.login .submitEmailBox {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32%;
    padding: 4.5rem 4.5rem 2.5rem;
    border: .5rem solid #ff9202;
    background-color: #fffeff;
    color: #898b8c;
    cursor: default;
    z-index: 9999;
}

.login .submitEmailBox .btns {
    display: flex;
    justify-content: space-between;
}

.login .submitEmailBox .btns .emailConfirm,
.login .submitEmailBox .btns .emailSubmit {
    display: block;
    width: 50%;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    color: #FFF;
    background-color: #ff9202;
    cursor: pointer;
    font-size: 2rem;
    margin: 3rem auto;
}

.login .submitEmailBox .btns .emailSubmit {
    margin-left: 1rem;
    background-color: #ddd !important;
    color: #000 !important;
}

#projectNav .links {
    display: flex;
    white-space: nowrap;
    transform: rotate(90deg) translatex(5rem);
}

#projectNav .links .link {
    font-size: 1.4rem;
    flex: none;
    color: #3f3f3f;
}

#projectNav .links .icon {
    width: 2.2rem;
    height: 2.2rem;
    margin-left: 2rem;
    margin-right: 3rem;
    flex: none;
}

#projectNav .links .icon.phone {
    background: url("../img/icon/phone.png") center/contain no-repeat;
}

#projectNav .links .icon.mail {
    background: url("../img/icon/mail.png") center/contain no-repeat;
}

#projectNav .silderMenu {
    position: absolute;
    top: 0;
    left: 8rem;
    bottom: 0;
    overflow: hidden;
    width: 0;
    z-index: 14;
    background: #fff;
    animation: mymove 5s infinite;
    -webkit-animation: mymove 5s infinite;
}

#projectNav .silderMenu .sliderHead {
    width: 52.8rem;
    height: 6.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .1rem solid gray;
}

#projectNav .silderMenu .sliderHead .icon_back {
    width: 3.2rem;
    height: 3.2rem;
    margin-right: 1.8rem;
    cursor: pointer;
}

#projectNav .silderMenu .menuContent {
    margin-top: 8.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#projectNav .silderMenu .menuContent ul {
    width: 50%;
}

#projectNav .silderMenu .menuContent ul li {
    font-size: 1.8rem;
    height: 4.4rem;
    line-height: 4.4rem;
    text-align: left;
    color: #404040;
    cursor: pointer;
}

#projectNav .silderMenu .menuContent ul li:hover {
    color: #e0890d;
    line-height: 4rem;
    margin-left: -8rem;
    border-left: .9rem solid #e0890d;
}

#projectNav .silderMenu .menuContent ul li:hover span {
    margin-left: 2.2rem;
}

#projectNav .silderMenu .menuButton {
    margin-top: 2rem;
}

#projectNav .silderMenu .menuButton .button-div {
    width: 50%;
    margin: auto auto;
    text-align: left;
}

#projectNav .silderMenu .menuButton .button-div .el-button {
    width: 10rem;
    height: 3.6rem;
    background: #fbaf5d;
    border-radius: .4rem;
    font-size: 1.6rem;
    color: #fff;
}

#projectNav .silderMenu .menuFoot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 6rem;
}

#projectNav .silderMenu .menuFoot .btnSearch img {
    width: 3.6rem;
    margin-right: 2.2rem;
    height: 3.6rem;
}

#projectNav .silderMenu .menuFoot .btnLang {
    margin-right: 2.2rem;
    height: 3.6rem;
}

#projectNav .silderMenu .menuFoot .btnLang button {
    height: 3.6rem;
}

#sliderBox {
    /* line 1, ../sass/inc/_loader.scss */
}

#sliderBox .content {
    min-height: 100vh;
    position: relative;
}

#sliderBox .swiper-container {
    position: relative;
}

#sliderBox .swiper-container .swiper-slide {
    height: 100vh;
}

#sliderBox .swiper-pagination {
    height: .6rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    bottom: 2.2rem;
    right: 2.8rem;
    left: auto;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}

#sliderBox .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 4.4rem;
    flex: none;
    background: #fff;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    position: relative;
    border: none;
    outline: none;
    margin: 0;
}

#sliderBox .swiper-pagination-bullets .swiper-pagination-bullet:hover .tip {
    display: block;
}

#sliderBox .swiper-pagination-bullets .swiper-pagination-bullet .tip {
    display: none;
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
    text-align: center;
    overflow: hidden;
    background: #e0890d;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 1.6rem;
    left: 50%;
    margin-left: -2.2rem;
}

#sliderBox .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #e0890d;
    width: 4.4rem;
    flex: none;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
}

#sliderBox .swiper-pagination-bullets .swiper-pagination-bullet-active .tip {
    display: block;
}

#sliderBox .swiper-button-prev {
    left: 60.8rem;
    transform: translateX(-50%);
    width: 5rem;
    height: 5rem;
    top: auto;
    background: url(../img/lead/info-btn-l2.png) center/contain no-repeat;
    border: none;
    outline: none;
    bottom: 10rem;
}

#sliderBox .swiper-button-prev:after {
    display: none;
}

#sliderBox .swiper-button-next {
    left: 60.8rem;
    transform: translateX(-50%);
    bottom: 4.5rem;
    width: 5rem;
    height: 5rem;
    background: url(../img/lead/info-btn-r2.png) center/contain no-repeat;
    border: none;
    outline: none;
    top: auto;
}

#sliderBox .swiper-button-next:after {
    display: none;
}

#sliderBox video {
    min-width: 100%;
    height: 100vh;
}

#sliderBox .info-box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 52.8rem;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 8rem;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#sliderBox .info-box .btn {
    width: 26.4rem;
    height: 6.6rem;
    background: #e0890d;
    border-radius: .4rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;
    margin-top: 4.5rem;
    padding: 0;
    border: none;
    outline: none;
    height: 6.6rem;
}

#sliderBox .boxTxt {
    width: 42rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#sliderBox .boxTxt .txtFirst {
    display: flex;
    align-items: center;
}

#sliderBox .boxTxt .txtFirst .pointH {
    width: 1.2rem;
    height: 1.2rem;
    background: #f6d272;
    border-radius: 50%;
}

#sliderBox .boxTxt .txtFirst .txtType {
    margin-left: 1.2rem;
    font-size: 1.6rem;
    font-weight: bold;
    color: #f6d272;
}

#sliderBox .boxTxt .txtName {
    width: 40.3rem;
    height: 8.4rem;
    padding-left: 2.5rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZMAAABUCAYAAABHhtrZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFEQzhEMUQ1RDE1ODExRUE4Njc4RjkxNDg5REFGQzRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFEQzhEMUQ2RDE1ODExRUE4Njc4RjkxNDg5REFGQzRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QURDOEQxRDNEMTU4MTFFQTg2NzhGOTE0ODlEQUZDNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QURDOEQxRDREMTU4MTFFQTg2NzhGOTE0ODlEQUZDNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IC8YLAAACWklEQVR42uzc20rrQBSA4She2EtPL+qj+iJW28Z6aHUKIwzFtuKCLjt8HwTK7t6bkIv8mS4yZ+PD/fCDy3IsBwD4hfMdf37t0gAQjcmNSwOAmACQHhM/cwEQjsmVSwOAlQkA6TG5dWkAsDIBQEwAOP2YGMADEI6J90wAEBMA8mNiZgJAKCabHYMnLg0AkZhYlQAQjol5CQBiAkB+TPzMBUA4Jl5YBMDKBID8mNgxGAArEwDEBIAOYmIAD0A4Jt4zAUBMAMiPiZkJAKGYTAY7BgMQjInhOwDhmJiXACAmAOTHxPAdgHBMzEwAsDIBID8mdgwGwMoEADEBoIOYGMADEI6J90wAEBMA8mNiZgJAKCZ2DAYgHBPDdwDCMfHCIgDhmJiXACAmAIgJAB3ExAAegHBMDOABCMfEz1wAiAkA+TExMwEgHBObPAIgJgDkx8TMBIBQTOwYDEA4JobvAIRj4oVFAMIxMS8BQEwAEBMAOoiJATwA4ZjcuRQAWJkAkB4TMxMArEwAyI+JTR4BEBMA8mNiZgJAKCZ2DAYgHBPDdwDCMbFjMADhmJiXACAmAIgJACfuYtg9gP90eQCOZl6O9/r5rRyL5rvH5vNYjtf6+aMcs+a7p3Ks6+eXcizr53X97tus/tuh/l9jc9+fNn9vUc9lqOc2b76bNp0YNzGxYzBwqrZvps/lWNXPy3pDPXQz3Xfj3ncz3XXjXtXzOHRO2zfublcmgKfgYz4Ft+e09ym4OSf+UUzMTMBTMIgJnoI9BYOY4CkY6CAmve0Y7CkYIGll4ikYgD/7EmAAaX/p6UBg0Z4AAAAASUVORK5CYII=);
    font-size: 4.8rem;
    font-weight: 400;
    color: #fffefe;
}

#sliderBox .boxTxt .detail1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3rem 0 0 7.6rem;
    font-weight: 300;
}

#sliderBox .boxTxt .detail1 .logo_point {
    width: 2.2rem;
    height: 2.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#sliderBox .boxTxt .detail1 .logo_point i {
    font-size: 3rem;
    color: #f6d270;
}

#sliderBox .boxTxt .detail1 .draw_point {
    width: 2.2rem;
    height: 2.2rem;
    background: #f6d270;
    border-radius: 50%;
}

#sliderBox .boxTxt .detail1 .draw_point1 {
    width: 2.2rem;
    height: 2.2rem;
    background: #fff;
    border-radius: 50%;
}

#sliderBox .boxTxt .detail1 .txtRise {
    margin-left: 2.2rem;
    font-size: 1.8rem;
    font-weight: 600;
    color: #f6d270;
    width: 30rem;
    text-align: left;
}

#sliderBox .boxTxt .detail1 .txtRise1 {
    margin-left: 2.2rem;
    font-size: 1.8rem;
    color: #fff;
    width: 30rem;
    text-align: left;
}

#introBox {
    padding-top: 8.8rem;
    padding-bottom: 8.8rem;
}

#introBox .intro {
    position: relative;
    width: 100%;
    height: 58rem;
}

#introBox .intro__pic {
    width: 100%;
    height: 58rem;
    border: .8rem solid #fff;
    box-shadow:0 .8rem 1.2rem 0 rgba(0, 0, 0, 0.35);
}

#introBox .intro__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#introBox .intro__title {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #404040;
    line-height: 3rem;
    margin-bottom: 4.3rem;
}

#introBox .intro__desc {
    font-size: 1.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #9a9a9a;
    line-height: 2.4rem;
    white-space: pre-wrap;
}

#galleryBox {
    padding-top: 8.8rem;
    background: linear-gradient(0deg, #e3ddd3, white);
}

#galleryBox .box-content {
    /* CSS Document */
}

#galleryBox .box-content #certify {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 8rem;
}

#galleryBox .box-content #certify .swiper-container {
    padding-bottom: 10rem;
}

#galleryBox .box-content #certify .swiper-slide {
    width: 88rem;
    height: 53rem;
    background: #fff;
    border: solid .7rem #fff;
    box-shadow: 0 .8rem 3rem #ddd;
}

#galleryBox .box-content #certify .swiper-slide img {
    display: block;
}

#galleryBox .box-content #certify .swiper-slide p {
    line-height: 9.8rem;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

#galleryBox .box-content #certify .swiper-pagination {
    width: 88rem;
    height: .6rem;
    background: #fff;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

#galleryBox .box-content #certify .swiper-pagination-bullets .swiper-pagination-bullet {
    flex: 1 1 100%;
    background: none;
    position: relative;
    border: none;
    outline: none;
}

#galleryBox .box-content #certify .swiper-pagination-bullets .swiper-pagination-bullet:hover .tip {
    display: block;
}

#galleryBox .box-content #certify .swiper-pagination-bullets .swiper-pagination-bullet .tip {
    display: none;
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
    text-align: center;
    overflow: hidden;
    background: #F6D272;
    color: #7C4901;
    font-weight: bold;
    font-size: 1.8rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 1.6rem;
    left: 50%;
    margin-left: -2.2rem;
}

#galleryBox .box-content #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #e0890d;
    width: 17.4rem;
    flex: none;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
}

#galleryBox .box-content #certify .swiper-pagination-bullets .swiper-pagination-bullet-active .tip {
    display: block;
}

#galleryBox .box-content #certify .swiper-button-prev {
    left: -1.5rem;
    width: 5.8rem;
    height: 5.8rem;
    background: url(../img/gallery/arrow-l.png) center/contain no-repeat;
    border: none;
    outline: none;
    margin-top: -9.4rem;
}

#galleryBox .box-content #certify .swiper-button-prev:after {
    display: none;
}

#galleryBox .box-content #certify .swiper-button-next {
    right: -1.5rem;
    width: 5.8rem;
    height: 5.8rem;
    background: url(../img/gallery/arrow-r.png) center/contain no-repeat;
    border: none;
    outline: none;
    margin-top: -9.4rem;
}

#galleryBox .box-content #certify .swiper-button-next:after {
    display: none;
}

#galleryBox .box-content .swiper-slide {

    /*overflow: hidden;*/
}

#galleryBox .box-content .swiper-slide:hover {
    text-decoration: none;
}

#galleryBox .box-content .swiper-slide h4 {
    line-height: 7rem;
    text-align: center;
    font-size: 1.8rem;
    color: #333;
    font-family: "Helvetica";
}

#galleryBox .box-content .swiper-slide img {
    width: 100%;
}

#locationBox {
    padding-top: 8.8rem;
    background: linear-gradient(0deg, #d9d3ca, #e3ddd3);
}

#locationBox .box-content {
    min-height: 80rem;
    background-color: #FFF;
    border: 1.2rem solid #FFF;
}

#locationBox .location__pic {
    width: 100%;
    height: 84rem;
}

#locationBox .location__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

#locationBox .location__content {
    background-color: #F2F2F2;
    border: .1rem solid #BFBFBF;
    height: 84rem;
    padding-top: 6.3rem;
    text-align: center;
}

#locationBox .location__logo {
    margin-bottom: 3.2rem;
}

#locationBox .location__logo img {
    width: 18rem;
    height: 16.5rem;
}

#locationBox .location__address {
    margin-bottom: 3.2rem;
}

#locationBox .location__address-title {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #595959;
}

#locationBox .location__address-desc {
    font-size: 1.8rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: gray;
}

#locationBox .location__neighbourhood-title {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #595959;
    margin-bottom: 3.2rem;
}

#locationBox .location__neighbourhood-content {
    height: 40rem;
    overflow-y: scroll;
    text-align: left;
}

#locationBox .location__neighbourhood-item {
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding-left: 19rem;
    min-height: 10rem;
    margin-bottom: 2rem;
}

#locationBox .location__neighbourhood-item__content {
    min-height: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#locationBox .location__neighbourhood-item__pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 17.5rem;
    height: 10rem;
    border: .4rem solid #FFF;
}

#locationBox .location__neighbourhood-item__title {
    font-size: 1.8rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #808080;
}

#locationBox .location__neighbourhood-item__desc {
    font-size: 1.6rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #404040;
    margin-bottom: 0;
}

#videoBox {
    padding-top: 8.8rem;
    background: #d9d3ca;
}

#videoBox .video-container {
    display: none;
}

#videoBox .video-container .video-content {
    position: absolute;
    left: 50%;
    top: 10rem;
    transform: translate(-50%, 0);
}

#videoBox .video-container .video-content .video-js button {
    outline: none;
}

#videoBox .video-container .video-content .video-title {
    font-size: 3.6rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 4.8rem;
}

#videoBox .video-container .video-content .video-desc {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    margin-bottom: 2rem;
    color: #fff;
    text-align: center;
}

#videoBox .video-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 3rem;
}

#videoBox .video-item__pic {
    width: 100%;
    height: 0;
    padding-top: 23.3rem;
}

#videoBox .video-item__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem 2.4rem;
    background-color: #FFF;
    height: 4.4rem;
    /*height: 8.8rem;*/
    transition: all 0.5s;
}

#videoBox .video-item__title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 2.4rem;
    color: #565656;
}

#videoBox .video-item__desc {
    display: none;
    font-size: 1.8rem;
    color: #565656;
    opacity: 0;
    transition: all 0.5s;
}

#videoBox .video-item__play {
    position: absolute;
    bottom: 1.6rem;
    right: 2.4rem;
    border: .2rem solid #FFF;
    border-radius: 2.4rem;
}

#videoBox .video-item__play .icon {
    width: 4.4rem;
    height: 4.4rem;
}

#videoBox .video-item:hover .video-item__content {
    height: 8.8rem;
    padding: 2rem 2.4rem;
}

#videoBox .video-item:hover .video-item__desc {
    display: block;
    opacity: 1;
}

#videoBox .video-player {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 3rem;
}

#videoBox .video-player__pic {
    width: 100%;
    height: 40.8rem;
}

#videoBox .video-player__content {
    width: 100%;
    height: 8.8rem;
    padding: 2rem 2.4rem;
    background-color: #FFF;
}

#videoBox .video-player__title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 2.4rem;
    color: #565656;
}

#videoBox .video-player__desc {
    font-size: 1.8rem;
    color: #565656;
    transition: all 0.5s;
}

#videoBox .video-player__play {
    position: absolute;
    bottom: 1.6rem;
    right: 2.4rem;
}

#videoBox .video-player__play-btn {
    display: block;
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    width: 17rem;
    background-color: #e0890d;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    line-height: 4.4rem;
}

#videoBox .video-player__play-btn:hover {
    background-color: #e0890d;
}

#siteplanBox {
    padding-top: 8.8rem;
}

#siteplanBox .siteplan {
    position: relative;
    border: 1.2rem solid #e6e6e6;
    background: #e6e6e6;
}

#siteplanBox .siteplan__pic {
    width: 100%;
    height: auto;
}

#siteplanBox .siteplan__pic>a {
    height: 100%;
}

#siteplanBox .siteplan__pic a.active {
    display: block;
}

#siteplanBox .siteplan__pic a {
    display: none;
}

#siteplanBox .siteplan__pic img {
    width: 100%;
    height: 100%;
}

#siteplanBox .siteplan__btn {
    position: absolute;
    left: 3rem;
    bottom: 1.5rem;
}

#siteplanBox .siteplan__btn-item {
    display: block;
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    width: 20rem;
    background-color: #FFF;
    border: .2rem solid #e0890d;
    color: #e0890d;
    text-align: center;
    margin-bottom: 1.5rem;
    line-height: 3.6rem;
    cursor: pointer;
    text-decoration: none;
}

#siteplanBox .siteplan__btn-item_active {
    color: #FFF;
    background-color: #e0890d;
}

#floorplanBox {
    padding-top: 8.8rem;
    padding-bottom: 8.8rem;
    height: 100vh;
}

#floorplanBox .box {
    height: 100%;
}

#floorplanBox .box-content {
    height: calc(100% - 11rem);
    border: 1.2rem solid #E6E6E6;
    display: flex;
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#floorplanBox .box-content .sub-left {
    width: 138.4rem;
    height: 100%;
    flex: 1 1 138.4rem;
}

#floorplanBox .box-content .sub-left .img-container {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff url("../media/floorplan/defaultPic.png") center/cover no-repeat;
    display: flex;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table {
    display: none;
    width: 100%;
    max-height: 100%;
    background: #FFF;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table table {
    width: 100%;
    display: flex;
    flex-flow: column;
    height: 100%;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table table tbody {
    display: block;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; // 为了滚动顺畅
}

#floorplanBox .box-content .sub-left .img-container .img-container-table table thead,
#floorplanBox .box-content .sub-left .img-container .img-container-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table tr td:first-child {
    width: 10rem;
    text-align: center;
    font-weight: bold;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table table thead {
    width: calc(100% - 1.3em);
    text-align: center;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table table .active {
    background-color: #ffe2b9;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table td {
    padding: .8rem 1.5rem;
    border: .1rem solid #DCDCDC;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table td:hover {
    background-color: #fcd094;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table tr:nth-child(even) {
    /* 匹配偶数行 */
    background-color: #fff4e4;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table thead td {
    font-weight: bold;
    padding: 1rem 1.5rem;
    border: .1rem solid #DCDCDC;
    text-align: center;
    background-color: #898a8c;
    color: #ffffff;
}

#floorplanBox .box-content .sub-left .img-container.active {
    background: #FFF;
}

#floorplanBox .box-content .sub-left .img-container .download-btn {
    display: none;
    position: absolute;
    top: 3rem;
    right: 3rem;
    width: 5rem;
    height: 5rem;
    cursor: pointer;
    text-align: center;
    line-height: 5rem;
    background-color: #e0890d;
}

#floorplanBox .box-content .sub-left .img-container .download-btn a {
    text-decoration: none;
    color: #FFF;
}

#floorplanBox .box-content .sub-left .img-container .download-btn i {
    font-size: 3.6rem;
}


#floorplanBox .box-content .sub-left .img-container .table-btn {
    display: none;
    position: absolute;
    top: 3rem;
    right: 9rem;
    width: 5rem;
    height: 5rem;
    cursor: pointer;
    text-align: center;
    line-height: 5rem;
    background-color: #e0890d;
}


#floorplanBox .box-content .sub-left .img-container .table-btn i {
    font-size: 3.6rem;
    text-decoration: none;
    color: #FFF;
}

#floorplanBox .box-content .sub-left .img-container img {
    max-width: 100%;
    max-height: 100%;
}

#floorplanBox .box-content .sub-right {
    height: 100%;
    flex: 1 1 auto;
    background-color: #ccc;
    padding: 1.2rem;
    display: flex;
    flex-direction: column;
}

#floorplanBox .box-content .sub-right>div {
    flex: 1 1 33.3%;
    overflow-y: scroll;
}

#floorplanBox .box-content .sub-right .select-block1 {
    width: 32.8rem;
    height: 30.5rem;
    background-color: #fff;
    margin-bottom: 1.2rem;
    box-sizing: border-box;
    padding-top: 1.5rem;
    border: .2rem solid #fff;
}

#floorplanBox .box-content .sub-right .select-block1:hover {
    border: .2rem solid #e0890d;
}

#floorplanBox .box-content .sub-right .select-block1:hover .sub-title::before {
    background-color: #e0890d;
}

#floorplanBox .box-content .sub-right .select-block1 .sub-title {
    width: 20rem;
    height: 4.4rem;
    color: #404040;
    font-size: 1.6rem;
    line-height: 4.4rem;
    position: relative;
    margin-left: 4.8rem;
}

#floorplanBox .box-content .sub-right .select-block1 .sub-title::before {
    content: " ";
    display: block;
    width: .4rem;
    height: 4.4rem;
    background-color: #BFBFBF;
    position: absolute;
    left: -2rem;
    top: 0;
}

#floorplanBox .box-content .sub-right .select-block1 .select-lists {
    list-style: none;
    min-height: 20rem;
    padding: 0;
    margin: 0;
    margin-left: 4.2rem;
    margin-right: 3.2rem;
    font-size: 1.6rem;
}

#floorplanBox .box-content .sub-right .select-block1 .select-lists .active {
    color: #e0890d;
}

#floorplanBox .box-content .sub-right .select-block1 .select-lists .list-item {
    list-style: none;
    float: left;
    margin-bottom: 2.5rem;
    cursor: pointer;
}

#floorplanBox .box-content .sub-right .select-block1 .select-lists .list-item:nth-child(odd) {
    margin-right: 2rem;
}

#floorplanBox .box-content .sub-right .select-block1 .select-lists .list-item:last-child {
    width: 7.2rem;
}

#floorplanBox .box-content .sub-right .select-block2 {
    width: 32.8rem;
    height: 30.5rem;
    background-color: #fff;
    padding-top: 1.5rem;
    margin-bottom: 1.2rem;
    box-sizing: border-box;
    border: .2rem solid #fff;
}

#floorplanBox .box-content .sub-right .select-block2:hover {
    border: .2rem solid #e0890d;
}

#floorplanBox .box-content .sub-right .select-block2:hover .sub-title::before {
    background-color: #e0890d;
}

#floorplanBox .box-content .sub-right .select-block2 .sub-title {
    width: 20rem;
    height: 4.4rem;
    color: #404040;
    font-size: 1.6rem;
    line-height: 4.4rem;
    position: relative;
    margin-left: 4.8rem;
}

#floorplanBox .box-content .sub-right .select-block2 .sub-title::before {
    content: " ";
    display: block;
    width: .4rem;
    height: 4.4rem;
    background-color: #BFBFBF;
    position: absolute;
    left: -2rem;
    top: 0;
}

#floorplanBox .box-content .sub-right .select-block2 .btn-lists {
    min-height: 20rem;
    padding: 0;
    margin: 0;
    margin-left: 4.2rem;
    margin-right: 3.2rem;
    font-size: 1.6rem;
}

#floorplanBox .box-content .sub-right .select-block2 .btn-lists .active {
    color: #fff;
    background-color: #e0890d;
    border: .1rem solid #e0890d;
}

#floorplanBox .box-content .sub-right .select-block2 .btn-lists .btn-item {
    float: left;
    margin-bottom: 2.2rem;
    cursor: pointer;
    width: 8.4rem;
    height: 2.6rem;
    border: .1rem solid #ccc;
    background: #fff;
    outline: none;
}

#floorplanBox .box-content .sub-right .select-block2 .btn-lists .btn-item:nth-child(odd) {
    margin-right: 2.5rem;
}

#selectBlock li {
    margin-right: 2rem;
}

#floorplanBox .box-content .sub-right .select-block2 .btn-lists .btn-item.active {
    color: #fff;
    background-color: #e0890d;
    border: .1rem solid #e0890d;
}

#floorplanBox .box-content .sub-right .select-block3 {
    width: 32.8rem;
    height: 19.4rem;
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 1.5rem;
    border: .2rem solid #fff;
}

#floorplanBox .box-content .sub-right .select-block3:hover {
    border: .2rem solid #e0890d;
}

#floorplanBox .box-content .sub-right .select-block3:hover .sub-title::before {
    background-color: #e0890d;
}

#floorplanBox .box-content .sub-right .select-block3 .sub-title {
    width: 20rem;
    height: 4.4rem;
    color: #404040;
    font-size: 1.6rem;
    line-height: 4.4rem;
    position: relative;
    margin-left: 4.8rem;
}

#floorplanBox .box-content .sub-right .select-block3 .sub-title::before {
    content: " ";
    display: block;
    width: .4rem;
    height: 4.4rem;
    background-color: #BFBFBF;
    position: absolute;
    left: -2rem;
    top: 0;
}

#floorplanBox .box-content .sub-right .select-block3 .floor-block {
    min-height: 20rem;
    padding: 0;
    margin: 0;
    margin-left: 4.2rem;
    margin-right: 3.2rem;
    font-size: 1.6rem;
}

#floorplanBox .box-content .sub-right .select-block3 .floor-block .btn-item {
    float: left;
    margin-bottom: 2.2rem;
    cursor: pointer;
    width: 8.4rem;
    height: 2.6rem;
    border: .1rem solid #ccc;
    background: #fff;
    outline: none;
}

#floorplanBox .box-content .sub-right .select-block3 .floor-block .btn-item:nth-child(odd) {
    margin-right: 2.5rem;
}

#floorplanBox .box-content .sub-right .select-block3 .floor-block .btn-item.active {
    color: #fff;
    background: #e0890d;
}

#vrBox {
    background: linear-gradient(0deg, white, #f2f2f2);
    padding: 8.8rem 0 0;
}

#vrBox .box-content {
    min-height: 80rem;
}

#vrBox .box {
    padding: 0 8rem;
}

#vrBox .vr {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

#vrBox .vr__item {
    cursor: pointer;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 80rem;
    transition: all 0.5s;
}

#vrBox .vr:nth-of-type(1) {
    /*display:none;*/
}

#vrBox .vr__item:hover {
    width: 900%;
}

#vrBox .vr__item:hover:before {
    background-color: transparent;
}

#vrBox .vr__item:hover .vr__item_title {
    display: block;
}

#vrBox .vr__item:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s;
}

#vrBox .vr__item_title {
    position: absolute;
    bottom: 4rem;
    left: 4rem;
    color: #FFF;
    font-size: 4.8rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    height: 6rem;
    overflow: hidden;
}

#vrBox .vr__item:nth-child(1) .vr__item_title {
    left: 12rem;
}

#vrBox .vr__item_blur .vr__item_title {
    display: none;
}

#vrBox .vr__item_blur:before {
    background-color: rgba(0, 0, 0, 0.8);
}

#vrBox .vr__screen {
    display: none;
    z-index: 999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}

#vrBox .vr__screen img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    /*顺时针旋转90°*/
}

#view360Box {
    padding-top: 8.8rem;
    padding-bottom: 8.8rem;
    background-color: #E6E6E6;
    padding-right: 0;
}

#view360Box .box {
    padding-right: 0;
}

#view360Box .view360 {
    position: relative;
    background: #e6e6e6;
}

#view360Box .view360 .iconShow {
    display: inline-block;
}

#view360Box .view360__pic {
    position: relative;
    width: 100%;
    height: 37rem;
}

#view360Box .view360__pic-icon {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    padding: .5rem;
    width: 7.5rem;
    height: 7.5rem;
    text-align: center;
    background-color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#view360Box .view360__pic-icon i {
    font-size: 4.4rem;
    color: #FFF;
}

#view360Box .view360__pic-icon:hover {
    opacity: 0.8;
}

#view360Box .view360__btn {
    position: absolute;
    left: 3rem;
    bottom: 3rem;
}

#view360Box .view360__btn-item {
    display: inline-block;
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    width: 10rem;
    margin-right: 1.5rem;
    background-color: #FFF;
    border: .2rem solid #e0890d;
    color: #e0890d;
    text-align: center;
    line-height: 3.6rem;
    cursor: pointer;
    text-decoration: none;
}

#view360Box .view360__btn-item_active {
    color: #FFF;
    background-color: #e0890d;
}

#eventsBox {
    padding-top: 8.8rem;
    padding-bottom: 8.8rem;
}

#eventsBox .box-content {
    min-height: 80rem;
}

#eventsBox .event-item {
    position: relative;
    display: flex;
    min-height: 70rem;
    width: 100%;
}

#eventsBox .event-item__pic {
    position: relative;
    width: 50%;
    height: 70rem;
    overflow: hidden;
    background-color: #000;
}

#eventsBox .event-item__pic-tips {
    position: absolute;
    width: 20rem;
    font-size: 2.4rem;
    height: 20rem;
    line-height: 6rem;
    color: #FFF;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-align: center;
    transform-origin: center;
    z-index: 999;
}

#eventsBox .event-item__pic-tips:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    display: block;
    height: 6rem;
    background-color: #e0890d;
    z-index: -1;
}

#eventsBox .event-item__content {
    width: 50%;
    padding-top: 5.8rem;
}

#eventsBox .event-item__title {
    display: flex;
    align-items: center;
    padding: 0 4.3rem;
    height: 8.4rem;
    background-color: #e0890d;
}

#eventsBox .event-item__title span {
    display: block;
    font-size: 3.6rem;
    padding-top: .1rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #000;
    line-height: 4rem;
    white-space: pre-wrap;
    text-align: center;
}

#eventsBox .event-item__desc {
    padding: 4.3rem;
    font-size: 1.8rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #808080;
    line-height: 2.4rem;
}

#eventsBox .event-item:nth-child(2n+1) .event-item__pic {
    left: 0;
    top: 0;
}

#eventsBox .event-item:nth-child(2n+1) .event-item__pic .video-js button {
    outline: none;
}

#eventsBox .event-item:nth-child(2n+1) .event-item__pic-tips {
    right: 0;
    top: 0;
    transform: rotate(45deg);
}

#eventsBox .event-item:nth-child(2n) {
    flex-direction: row-reverse;
}

#eventsBox .event-item:nth-child(2n) .event-item__pic {
    right: 0;
    top: 0;
}

#eventsBox .event-item:nth-child(2n) .event-item__pic-tips {
    left: 0;
    top: 0;
    transform: rotate(-45deg);
}

#eventsBox .event-item:nth-child(2n) .event-item__title {
    justify-content: flex-end;
}

.user-info .avatar {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 2.4rem;
    border: .2rem solid #e0890d;
}

.user-info a {
    color: #e0890d
}

#liveBox {
    position: fixed;
    right: 4rem;
    bottom: 2rem;
    z-index: 99;
}

#liveBox .live-container {
    width: 40rem;
    height: 22.5rem;
    background-color: #000;
    transition: all .5s;
}

#liveBox .live-button {
    display: none;
    width: 7rem;
    height: 7rem;
    line-height: 5.8rem;
    text-align: center;
    padding: 0;
    outline: none;
    border: .1rem solid #e5e9ef;
    background-color: #f7f9fa;
    color: #999;
    border-radius: .3rem;
    cursor: pointer;
}

#liveBox .live-button-icon {
    width: 4rem;
    height: 4rem;
    transform: translateX(.3rem);
    fill: #999;
}

#liveBox .live-button:hover {
    border: .1rem solid #e0890d;
    background-color: #e0890d;
}

#liveBox .live-button:hover .live-button-icon {
    fill: #FFF;
}

#liveBox .live-container:hover .mask-close {
    display: block;
}

#liveBox .live-container .mask-close {
    position: absolute;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    fill: #fff;
    top: .8rem;
    right: .8rem;
    cursor: pointer;
    z-index: 13;
    text-align: center;
    display: none;
}

#livestream {
    background: #C2BBB2;
}

#livestream .swiper-container {
    padding-top: 9rem;
}

#livestream .content-center .moreVideo{
    color: #000000;
    font-size: 2.2rem;
    text-align: center;
    padding: 2rem 0;
}

#livestream .content-center .moreVideo a{
    color: #000000;
    /*text-decoration: none;*/
    cursor: pointer;
}

#livestream .swiper-container .swiper-pagination {
    bottom: auto;
    top: 1rem;
    display: flex;
    align-items: center;
    list-style: none;
    padding: 1rem 0;
}

#livestream .swiper-container .swiper-pagination .page-btn {
    font-size: 1.8rem;
    color: #000000;
    line-height: 4rem;
    margin-right: 5.6rem;
    cursor: pointer;
    width: auto;
    height: auto;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#livestream .swiper-container .swiper-pagination .page-btn.swiper-pagination-bullet-active {
    border-bottom: solid .3rem #747373;
}

#livestream .nav-tab {
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
    list-style: none;
    padding: 1rem 0;
}

#livestream .nav-tab .nav-item {
    font-size: 1.8rem;
    color: #000000;
    line-height: 4rem;
    margin-right: 5.6rem;
    cursor: pointer;
}

#livestream .nav-tab .nav-item.active {
    border-bottom: solid .3rem #747373;
}

#livestream .nav-content {
    display: grid;
    justify-content: center;
    grid-template-columns: 35.6rem 35.6rem 35.6rem;
}

#livestream .nav-content .nav-item {
    margin: 2rem;
    flex: none;
}

#livestream .nav-content .nav-item .media-box {
    width: 31.6rem;
}

#livestream .nav-content .nav-item .media-box .media-item {
    height: 21.6rem;
    position: relative;
    border: solid .1rem #707070;
    background-color: #666;
}

#livestream .nav-content .nav-item .media-box .media-item__pic {
    height: 100%;
    transition: all linear 0.3s;
    background: url("https://property.mcc.sg/media/tempMedia/live-stream.png") center/contain no-repeat;
}

#livestream .nav-content .nav-item .media-box .media-item__title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 1.6rem;
    min-height: 4.2rem;
    line-height: 2.2rem;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-family: "Helvetica";
    font-weight: bold;
    padding: 0.5rem 1rem;
    overflow: hidden;
    align-items: center;
    display: -webkit-flex;
}

#livestream .nav-content .nav-item .media-box .media-item__tag {
    width: 10.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1.4rem;
    background: #FF5F5F;
    color: #fff;
    position: absolute;
    left: .5rem;
    top: .8rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    border-radius: .4rem;
    text-align: center;
}

#livestream .nav-content .nav-item .media-box .media-item__tag.history {
    background: #FFC400;
}

#livestream .nav-content .nav-item .media-box .media-item__play {
    width: 3.8rem;
    height: 3.8rem;
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    position: absolute;
    top: 1.5rem;
    right: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

#livestream .nav-content .nav-item .media-box .media-item__play i {
    color: #fff;
}

#livestream .nav-content .nav-item .media-box .media-item:hover .media-item__title {
    height: 5.2rem;
    line-height: 5.2rem;
}

#livestream .nav-content .nav-item .tool-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    margin-top: 1rem;
}

#livestream .nav-content .nav-item .click-play {
    width: 10.6rem;
    height: 3.4rem;
    line-height: 3.4rem;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    border-radius: .4rem;
    border: solid .1rem #707070;
    color: #000;
}

#livestream .nav-content .nav-item .tag-group {
    display: flex;
    align-items: center;
    margin: 1rem 0;
    font-family: "Helvetica";
}

#livestream .nav-content .nav-item .tag-group .tag {
    padding: 0 .4rem;
    line-height: 2.2rem;
    /*border: solid .1rem #4A4A4A;*/
    color: #636363;
    /*color: #4A4A4A;*/
    background: rgba(255, 255, 255, 0.25);
    font-size: 1.4rem;
    margin: .5rem 1rem .5rem 0;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    border-radius: .4rem;
}

#livestream .nav-content .nav-item .tag-group .tag:last-child {
    margin-right: 0;
}

#breakingNews {
    margin-top: 5rem;
}

#breakingNews .content-center {
    display: flex;
    justify-content: space-between;
    height: 58.2rem;
}

#breakingNews .media {
    flex: none;
    position: relative;
    height: 100%;
}
#breakingNews .media a{
    display: block;
    height: 100%;
}

#breakingNews .media__pic {
    width: 76rem;
    height: 100%;
    cursor: pointer;
    background: url("https://property.mcc.sg/media/tempMedia/breaking-news.png") center/cover no-repeat;
}

#breakingNews .media__info {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 10.8rem;
    background: rgba(0, 0, 0, 0.43);
    padding: 2rem 2.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#breakingNews .media__info h4 {
    line-height: 4rem;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 2.4rem;
    font-family: "Helvetica";
    margin-bottom: 0;
}

#breakingNews .media__info p {
    line-height: 3.4rem;
    font-size: 1.4rem;
    font-family: "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
}

#breakingNews .list-panel {
    flex: none;
    width: 42rem;
    height: 100%;
}
#breakingNews .list-panel .list-panel__wrapper{
    height: 100%;
}
#breakingNews .list-panel .list-panel__wrapper .list-panel__content{
    height: 100%;
}
.mCustomScrollbar{
    height: 100%;
}


#breakingNews .list-panel__head {
    font-size: 2.2rem;
    height: 10rem;
    font-weight: bold;
    line-height: 10rem;
    border-bottom: solid .2rem #EBEDED;
    margin-top: 2rem;
    margin-bottom: 3rem;
    color: #202124;
    font-family: "Helvetica";
}

#breakingNews .list-panel .list-item {
    color: #A6ADB4;
    line-height: 2.6rem;
    cursor: pointer;
}

#breakingNews .list-panel .list-item h5 {
    font-size: 1.8rem;
    color: #202124;
    line-height: 2.8rem;
    margin-bottom: 1rem;
    font-family: 'Ubuntu Bold';
}

#breakingNews .list-panel .list-item p {
    margin: 0;
    font-family: 'Acumin';
    font-size: 1.6rem;
}

#breakingNews .list-panel .list-item .time {
    font-family: 'Calibri-Ltalic';
    /*font-style: Oblique;*/
    font-size: 1.3rem;
    margin-bottom: 2.4rem;
    font-weight: lighter;
}

#breakingNews .list-panel .list-item .time i {
    margin-right: 1rem;
}

#breakingNews .list-panel .swiper-button-prev {
    right: 4.8rem;
    top: 5.8rem;
    margin-top: .7rem;
    width: 1.4rem;
    height: 1.4rem;
    left: auto;
    color: #202124;
}

#breakingNews .list-panel .swiper-button-prev:after {
    font-size: 1rem;
}

#breakingNews .list-panel .swiper-button-next {
    right: 0;
    top: 5.8rem;
    margin-top: .7rem;
    width: 1.4rem;
    height: 1.4rem;
    color: #202124;
}

#breakingNews .list-panel .swiper-button-next:after {
    font-size: 1rem;
}

/*{*/
/*    padding-top: 8.8rem;*/
/*    background: #d9d3ca;*/
/*}*/

#videoBox .video-container,
.video-box .video-container {
    display: none;
}

#videoBox .video-container .video-content,
.video-box .video-container .video-content {
    position: absolute;
    left: 50%;
    top: 10rem;
    transform: translate(-50%, 0);
}

#videoBox .video-container .video-content .video-js,
.video-box .video-container .video-content .video-js {
    width: 70rem;
    height: 45rem;
}

#videoBox .video-container .video-content .video-js button,
.video-box .video-container .video-content .video-js button {
    outline: none;
}

#videoBox .video-container .video-content .video-title,
.video-box .video-container .video-content .video-title {
    font-size: 3.6rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 4.8rem;
}

#videoBox .video-container .video-content .video-desc,
.video-box .video-container .video-content .video-desc {
    font-size: 2.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    margin-bottom: 2rem;
    color: #fff;
    text-align: center;
}

#videoBox .video-container.scaled .mask,
.video-box .video-container.scaled .mask {
    z-index: 9999999;
    width: 23rem;
    height: 24.5rem;
    top: auto;
    background-color: #000;
    border-radius: .4rem;
}

#videoBox .video-container.scaled .mask__toolbox,
.video-box .video-container.scaled .mask__toolbox {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 99;
    background: rgba(0, 0, 0, 0.3);
}

#videoBox .video-container.scaled .mask__toolbox:hover,
.video-box .video-container.scaled .mask__toolbox:hover {
    display: flex;
}

#videoBox .video-container.scaled .mask__btn,
.video-box .video-container.scaled .mask__btn {
    position: static;
    width: 4rem;
    height: 4rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    margin: 1.5rem;
    font-size: 2rem;
    float: none;
    color: #fff;
}

#videoBox .video-container.scaled .mask__btn i,
.video-box .video-container.scaled .mask__btn i {
    color: inherit;
    font-size: 1.6rem;
}

#videoBox .video-container.scaled .mask__btn:hover,
.video-box .video-container.scaled .mask__btn:hover {
    background: rgba(255, 255, 255, 0.7);
    color: #000;
}

#videoBox .video-container.scaled .mask__control-btn,
.video-box .video-container.scaled .mask__control-btn {
    display: flex;
}

#videoBox .video-container.scaled .mask__scale-btn:before,
.video-box .video-container.scaled .mask__scale-btn:before {
    content: "\e650";
}

#videoBox .video-container.scaled .mask:hover .mask__toolbox,
.video-box .video-container.scaled .mask:hover .mask__toolbox {
    display: flex;
}

#videoBox .video-container.scaled .video-content,
.video-box .video-container.scaled .video-content {
    top: 3.6rem;
}

#videoBox .video-container.scaled .video-content .video-js,
.video-box .video-container.scaled .video-content .video-js {
    width: 23rem;
    height: 17.3rem;
}

#videoBox .video-container.scaled .video-content .video-title,
#videoBox .video-container.scaled .video-content .video-desc,
.video-box .video-container.scaled .video-content .video-title,
.video-box .video-container.scaled .video-content .video-desc {
    display: none;
}

#videoBox .mask,
.video-box .mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 333;
}

#videoBox .mask__close-btn,
.video-box .mask__close-btn {
    width: 6.4rem;
    height: 6.4rem;
    line-height: 6.4rem;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    cursor: pointer;
}

#videoBox .mask__close-btn i,
.video-box .mask__close-btn i {
    color: #FFF;
    font-size: 3.2rem;
}

#videoBox .mask__scale-btn,
#videoBox .mask__control-btn,
.video-box .mask__scale-btn,
.video-box .mask__control-btn {
    width: 6.4rem;
    height: 6.4rem;
    line-height: 6.4rem;
    position: absolute;
    right: 3rem;
    top: 50%;
    cursor: pointer;
    color: #fff;
    font-family: "iconfont" !important;
    font-size: 4rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

#videoBox .mask__scale-btn:before,
#videoBox .mask__control-btn:before,
.video-box .mask__scale-btn:before,
.video-box .mask__control-btn:before {
    content: "\e6b4";
}

#videoBox .mask__scale-btn i,
#videoBox .mask__control-btn i,
.video-box .mask__scale-btn i,
.video-box .mask__control-btn i {
    color: #FFF;
    font-size: 4rem;
}

#videoBox .mask__control-btn,
.video-box .mask__control-btn {
    display: none;
}

#videoBox .mask__control-btn:before,
.video-box .mask__control-btn:before {
    content: "\ea82";
}

#videoBox .mask__control-btn.play:before,
.video-box .mask__control-btn.play:before {
    content: "\e610";
}

#videoBox .video-item,
.video-box .video-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 3rem;
}

#videoBox .video-item__pic,
.video-box .video-item__pic {
    width: 100%;
    height: 0;
    padding-top: 23.3rem;
}

#videoBox .video-item__content,
.video-box .video-item__content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem 2.4rem;
    background-color: #FFF;
    height: 4.4rem;
    transition: all 0.5s;
}

#videoBox .video-item__title,
.video-box .video-item__title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 2.4rem;
    color: #565656;
}

#videoBox .video-item__desc,
.video-box .video-item__desc {
    display: none;
    font-size: 1.8rem;
    color: #565656;
    opacity: 0;
    transition: all 0.5s;
}

#videoBox .video-item__play,
.video-box .video-item__play {
    position: absolute;
    bottom: 1.6rem;
    right: 2.4rem;
    border: .2rem solid #FFF;
    border-radius: 2.4rem;
}

#videoBox .video-item__play .icon,
.video-box .video-item__play .icon {
    width: 4.4rem;
    height: 4.4rem;
}

#videoBox .video-item:hover .video-item__content,
.video-box .video-item:hover .video-item__content {
    height: 8.8rem;
    padding: 2rem 2.4rem;
}

#videoBox .video-item:hover .video-item__desc,
.video-box .video-item:hover .video-item__desc {
    display: block;
    opacity: 1;
}

#videoBox .video-player,
.video-box .video-player {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 3rem;
}

#videoBox .video-player__pic,
.video-box .video-player__pic {
    width: 100%;
    height: 40.8rem;
}

#videoBox .video-player__content,
.video-box .video-player__content {
    width: 100%;
    height: 8.8rem;
    padding: 2rem 2.4rem;
    background-color: #FFF;
}

#videoBox .video-player__title,
.video-box .video-player__title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 2.4rem;
    color: #565656;
}

#videoBox .video-player__desc,
.video-box .video-player__desc {
    font-size: 1.8rem;
    color: #565656;
    transition: all 0.5s;
}

#videoBox .video-player__play,
.video-box .video-player__play {
    position: absolute;
    bottom: 1.6rem;
    right: 2.4rem;
}

#videoBox .video-player__play-btn,
.video-box .video-player__play-btn {
    display: block;
    font-size: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    width: 17rem;
    background-color: #e0890d;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    line-height: 4.4rem;
}

#videoBox .video-player__play-btn:hover,
.video-box .video-player__play-btn:hover {
    background-color: #e0890d;
}

#helperBox {
    position: fixed;
    z-index: 99;
    right: 2rem;
    bottom: 5rem;
}

#helperBox .helper-ctr {
    width: 11.2rem;
    height: 16.6rem;
    background: url("../img/cartoon character-01.png") center/contain no-repeat;
    cursor: pointer;
    color: #000;
}

#helperBox .close_video {
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    display: block;
    cursor: pointer;
}

#helperBox .close_video img {
    width: 100%;
    height: 100%;

}

#help_hide {
    position: fixed;
    z-index: 99;
    right: 2rem;
    bottom: 5rem;
    width: 4rem;
    height: 4rem;
    display: none;
    cursor: pointer;
}

#help_hide  img {
    width: 100%;
    height: 100%;
}


#helperBox .helper-ctr:before {
    content: "\e63e";
    font-family: "iconfont" !important;
    font-size: 2rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    display: block;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
    left: 0;
}

#helperBox .helper-ctr.active:before {
    content: "\e8b9";
}

#helperBox #helper {
    width: 5rem;
    height: 5rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, 0.1);
}

#helperBox #helper i {
    font-size: 3rem;
    text-align: center;
}

#helperBox .help-content {
    display: none;
    position: absolute;
    right: 6rem;
    bottom:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#helperBox .help-content__pic {
    width: 11.2rem;
    height: 16.6rem;
    background: url("../img/cartoon character-01.png") center/contain no-repeat;
}

#helperBox .help-content__close {
    font-size: 2rem;
    cursor: pointer;
    color: #555555;
    position: absolute;
    top: -.2rem;
    right: 0;
}

#helperBox .help-content .box-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0;
    margin-bottom: 1rem;
}

#helperBox .help-content .box-title:before {
    display: none;
}

#helperBox .help-content .box-title .logo {
    width: 4rem;
    height: 3rem;
    background: url("../img/logo00.png") center/contain no-repeat;
}

#helperBox .help-content .box-title .tools {
    display: flex;
    align-items: center;
}

#helperBox .help-content .box-title .tools div {
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    cursor: pointer;
    background: #EFEFEF;
    color: #282828;
    margin-left: 1rem;
    border-radius: 50%;
}

#helperBox .help-content .box-content {
    display: flex;
    align-items: center;
}

#helperBox .help-content .box-content p {
    flex: 1 1 auto;
}

#helperBox .help-content .box-content .img {
    flex: none;
    width: 11.2rem;
    height: 16.6rem;
    background: url("../img/cartoon character-01.png") center/contain no-repeat;
}

#helperBox .help-content .box-footer {
    display: flex;
    align-items: center;
}

#helperBox .help-content .box-footer div {
    width: 4.8rem;
    height: 4.8rem;
    line-height: 4.8rem;
    text-align: center;
    margin-right: 2rem;
    border-radius: 50%;
    cursor: pointer;
}

#helperBox .help-content .box-footer .confirm-btn {
    background: #009C35;
    color: #fff;
}

#helperBox .help-content .box-footer .cancel-btn {
    background: #E2E2E2;
    color: #B4B4B4;
}


.audio-intro {
    position: relative;
}

.audio-intro .intro-ctr {
    width: 4rem;
    height: 4rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, 0.1);
    font-family: "iconfont" !important;
    font-size: 2rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

.audio-intro .intro-ctr:before {
    content: "\e63e";
    /*content: "\e8b9";*/
}

.audio-intro .intro-ctr i {
    font-size: 2rem;
    text-align: center;
}

.audio-intro .intro-ctr.active:before {
    content: "\e8b9";
    /*content: "\e63e";*/
}

.audio-intro .intro-content {
    display: none;
    position: absolute;
    right: 4rem;
    bottom:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.audio-intro .intro-content__pic {
    width: 11.2rem;
    height: 16.6rem;
    background: url("../img/cartoon character-01.png") center/contain no-repeat;
}

.audio-intro .intro-content__close {
    font-size: 2rem;
    cursor: pointer;
    color: #555555;
    position: absolute;
    top: -.2rem;
    right: 0;
}

.audio-intro .intro-audio {
    display: none;
}

.load-ctr-btn {
    width: 4rem;
    height: 4rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, 0.1);
}

.load-ctr-btn:hover {
    text-decoration: none;
}

.load-ctr-btn i {
    font-size: 2rem;
    text-align: center;
    color: #000;
    text-decoration: none;
}

.btn-primary {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.mcc-space .back-btn {
    position: absolute;
    left: 5rem;
    top: 4rem;
    z-index: 999;
    color: #000;
    text-decoration: none;
    font-size: 3rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.mcc-space .back-btn:hover {
    background: rgba(255, 255, 255, .5);
}

.map-detail-marker {
    width: 15.8rem;
    height: 20.4rem;
    padding-top: 3.3rem;
    margin-left: .4rem;
    text-align: center;
    position: absolute;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/map/marker/icon_biglo_orange.png) center/contain no-repeat;
}

.map-detail-marker_pic {
    width: 8.4rem;
    height: 8.4rem;
    border-radius: 50%
}

.map-detail-marker_count {
    color: #fff;
    position: absolute;
    right: 2rem;
    top: 2rem;
    display: inline-block;
    width: 5rem;
    line-height: 3.5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
}

.custom-marker {
    position: absolute;
    cursor: pointer;
    text-align: center;
    z-index: 1;
}

.custom-marker_count {
    color: #fff;
    position: absolute;
    right: -.6rem;
    top: .6rem;
    display: inline-block;
    width: 3rem;
    line-height: 2.5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
}

.gm-style .gm-style-iw-t {
    display: none;
}

.pdfpage {
    page-break-inside: avoid;
}

.page-item.active .page-link {
    background-color: #000;
    border-color: #000;
}

.page-link {
    color: #000;
}

.player_box {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:9999;
}

.player_box .player_close {
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    display: block;
    position: absolute;
    left: 2rem;
    top: 2rem;
    z-index: 10000;
    background: #000000;
    border-radius: 25%;
    opacity: 60%;
}

.player_box .player_close i {
    font-size: 5rem;
    color: #ffffff;
}

.player_box #player_iframe {
    width: 100%;
    height: 100%;
}

.video_container {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
}


.video_container .player_close {
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    display: block;
    position: absolute;
    left: 2rem;
    top: 2rem;
    z-index: 10000;
    background: #000000;
    border-radius: 25%;
    opacity: 60%;
}
.video_container .player_close i {
    font-size: 5rem;
    color: #ffffff;
}



.video_container .video_content {
    width: 60%;
    height: 50rem;
    /* margin-top: 50%; */
    margin: auto;
    margin-top: 15rem;
}

.video_container .video_content .video-js {
    width: 100%;
    height: 100%;
}


.videolist {
    position: relative;
    /*padding-top: 11rem;*/
    /*min-height: 60rem;*/
    overflow: hidden;
}
.videolist .banner {
    position: absolute;
    width: 100%;
    height: 36.5rem;
    background-size: cover;
    background-position: center center;
}
.videolist .page-title {
    position: relative;
    font-size: 3.4rem;
    line-height: 6rem;
    height: 6rem;
    text-align: center;
    margin: 7rem 0;
    font-family: 'Ubuntu Bold';
}
.videolist .page-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -2.5rem;
    height: .3rem;
    width: 5rem;
    background-color: #E2E2E2;
}
.videolist .article-list-item {
    display: block;
    background-color: #FFF;
    padding: 1.5rem;
    box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 3rem;
    text-decoration: none;
}
.videolist .article-list-item_pic {
    width: 100%;
    height: 0;
    padding-top: 62.5%;
    background-size: 100% 100%;
    background-position: center center;
    transition: all 0.3s;
}
.videolist .article-list-item_title {
    height: 8rem;
    padding: 2rem 0 2.7rem;
    font-size: 2.6rem;
    color: #333333;
    transition: all 0.3s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.videolist .article-list-item_date {
    font-size: 1.8rem;
    color: #666;
}
.videolist .article-list-item_date .iconfont {
    font-size: 2rem;
}
.videolist .article-list-item_desc {
    font-size: 1.8rem;
    color: #777;
    height: 13rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.videolist .article-list-item:hover {
    box-shadow: 0 .8rem 1.5rem 0 rgba(0, 0, 0, 0.5);
}
.videolist .article-list-item:hover .article-list-item_pic {
    background-size: 120% 120%;
}
.videolist .article-list-item:hover .article-list-item_title {
    color: #d7760e;
}
.videolist .page-nav {
    padding: 3rem 0 6rem;
}
.videolist .article {
    padding: 6rem;
    position: relative;
    z-index: 1;
    background-color: #FFF;
    min-height: 50rem;
    box-shadow: 0 .8rem 1.5rem 0 rgba(0, 0, 0, 0.1);
    margin:0 auto 6rem auto;
    font-family: 'Helvetica';
    width: 122.4rem;
}
.videolist .article-title {
    font-size: 2.8rem;
    text-align: center;
    color: #131313;
    margin-bottom: 2rem;
}
.videolist .article-sub-title {
    font-size: 2rem;
    text-align: center;
    color: #565656;
}
.videolist .article-date {
    font-size: 1.5rem;
    text-align: center;
    color: #9c9c9c;
    margin-bottom: 4rem;
}
.videolist .article-content {
    border-top: .1rem solid #ccc;
    padding: 3rem 0;
    line-height: 3.2rem;
    text-align: justify;
    font-family: 'Acumin';
}

/*upcoming*/

.upcoming {
    width: 100%;
    background-color: #ffffff;
    padding: 10rem 10rem;
}

.upcoming_form {
    /*box-shadow: 0.2rem 0.2rem 1rem hsl(0deg 0% 0% /0.5);*/
    border-radius: 0.5rem;
    /*background-color: rgb(239 220 213 );*/
}

.upcoming_form h3 {
    position: relative;
    text-align: center;
    font-size: 2.6rem;
    font-family: 'Ubuntu Bold';
    padding-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 0rem;
    /*color: rgba(239,220,213,1);*/
}

.upcoming_form p {
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.8rem;
}

.upcoming_form form {
    padding:0 15rem;
    margin-top: 3rem;
    padding-bottom: 3rem;
}

.upcoming_form form label {
    font-size: 1.6rem;
}

.upcoming_form .form-control {
    /*background: rgb(239 220 213);*/
    height: 3.5rem;
    font-size: 1.4rem;
}

.upcoming_form #usermessage {
    /*background: rgb(239 220 213);*/
    height: 14rem;
    font-size: 1.4rem;
}

.upcoming_form small {
    font-size: 1.4rem;
}

.upcoming_form .form-group .form-check {
    display: flex;
    align-items: center;
}

.upcoming_form .form-group .form-check label {
    font-size: 1.4rem;
    margin-left: 1rem;
}

.upcoming_form form button {
    display: block;
    font-size: 1.8rem;
    padding: 1rem 1.5rem;
    margin: 1.5rem auto;
}

.invalid-feedback {
    font-size: 1.4rem;
}