@charset "UTF-8";
/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
@font-face {
    font-family: 'Helvetica Neue-Medium';
    src: url("../font/Helvetica-Neue-Condensed-Bold.ttf");
}

@font-face {
    font-family: 'helvetica-webfont';
    src: url("../font/helvetica-webfont.woff.ttf");
}

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

@font-face {
    font-family: 'Bodoni 72 Oldstyle-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'SignPainter HouseScript';
    src: url("../font/SignPainterHouseScript.ttf");
}

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

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

@font-face {
    font-family: 'Calibri-Light';
    src: url("../font/helveticaneue-light.otf");
}

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

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


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

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

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

@font-face {
    font-family: 'Bodoni 72-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'Calibri-Bold';
    src: url("../font/calibri/Calibri-Bold.TTF");
}

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

@font-face {
    font-family: 'iconfont';  /* Project id 3232059 */
    src: url('//at.alicdn.com/t/font_3232059_2ghfy4c9451.woff2?t=1651830323003') format('woff2'),
    url('//at.alicdn.com/t/font_3232059_2ghfy4c9451.woff?t=1651830323003') format('woff'),
    url('//at.alicdn.com/t/font_3232059_2ghfy4c9451.ttf?t=1651830323003') format('truetype');
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

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

#header .header-nav a {
    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;
    font-size: 1.6rem;
    list-style: none;
    text-decoration: none;
    color: #333131;
}

#header a:hover {
    color: #333131;
    text-decoration: none;
}

#header {
    position: fixed;
    width: 100%;
    height: 12.5rem;
    top: 0;
    background-color: #fff;
    z-index: 10;
}

.header-nav {
    display: flex;

    width: 122.5rem;
    height: 100%;
    margin: auto;
}

.header-left {
    flex: 1;
    height: 100%;
    margin: 0;
    padding: 0;
}

.about::after {
    content: "\e62b";
    font-family: "iconfont";
    font-size: 1.2rem;
    color: #333131;
    opacity: 1;
}

.header-logo {
    width: 10%;
    display: flex;
    margin-right: 4.8rem;
    margin-left: 4.8rem;
    align-items: center;
}

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

.header-right {
    flex: 1;
    margin: 0;
    padding: 0;
    height: 100%;
}

.list-nav-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}

.list-nav-left li {
    line-height: 12.5rem;
}

.list-nav-right {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    align-items: center;
}

.list-nav-right li {
    line-height: 12.5rem;
    /*margin-right: 4rem;*/
}

.header-button {
    width: 11rem;
    height: 4rem;
}

.loginbtn {
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    background-color: #000 !important;
    border: none !important;
}

#content {
    width: 122.5rem;
    margin: auto;
    margin-top: 6rem;
    min-height: 2.5rem;
}

.header-button .loginbtn:focus {
    outline: none;
    box-shadow: none;
}

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

@font-face {
    font-family: 'helvetica-webfont';
    src: url("../font/helvetica-webfont.woff.ttf");
}

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

@font-face {
    font-family: 'Bodoni 72 Oldstyle-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'SignPainter HouseScript';
    src: url("../font/SignPainterHouseScript.ttf");
}

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

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

@font-face {
    font-family: 'Calibri-Light';
    src: url("../font/helveticaneue-light.otf");
}

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

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


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

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

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

@font-face {
    font-family: 'Bodoni 72-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'iconfont';
    /* Project id 3232059 */
    src: url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff2?t=1647417826175") format("woff2"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff?t=1647417826175") format("woff"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.ttf?t=1647417826175") format("truetype");
}

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

@font-face {
    font-family: 'helvetica-webfont';
    src: url("../font/helvetica-webfont.woff.ttf");
}

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

@font-face {
    font-family: 'Bodoni 72 Oldstyle-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'SignPainter HouseScript';
    src: url("../font/SignPainterHouseScript.ttf");
}

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

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

@font-face {
    font-family: 'Calibri-Light';
    src: url("../font/helveticaneue-light.otf");
}

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

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


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

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

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

@font-face {
    font-family: 'Bodoni 72-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'iconfont';
    /* Project id 3232059 */
    src: url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff2?t=1647417826175") format("woff2"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff?t=1647417826175") format("woff"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.ttf?t=1647417826175") format("truetype");
}

.view-title {
    position: relative;
    width: 122.5rem;
    height: 7.5rem;
    /* background-color: #000; */
    margin: auto;
}

.view-title::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0;
    border-bottom: .1rem solid #dddddd;
    z-index: 0;
}

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

.view-title-left::before {
    bottom: 2rem;
}

.view-title-center::before {
    bottom: 50%;
}

.view-title h1 {
    position: relative;
    display: inline-block;
    z-index: 1;
    font-family: 'Bodoni 72 Oldstyle-Book';
    font-size: 6.6rem;
    color: #000000;
    background-color: #fff;
    line-height: 7.5rem;
    text-align: left;
    font-size: 6.6rem;
}

.view-title .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 0.2rem 1rem rgb(0 0 0 / 10%);
}

.view-title-left h1 {
    padding-right: 2rem;
}

.view-title-center h1 {
    padding: 0 2rem;
}

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

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

@font-face {
    font-family: 'helvetica-webfont';
    src: url("../font/helvetica-webfont.woff.ttf");
}

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

@font-face {
    font-family: 'Bodoni 72 Oldstyle-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'SignPainter HouseScript';
    src: url("../font/SignPainterHouseScript.ttf");
}

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

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

@font-face {
    font-family: 'Calibri-Light';
    src: url("../font/helveticaneue-light.otf");
}

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

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


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

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

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

@font-face {
    font-family: 'Bodoni 72-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'iconfont';
    /* Project id 3232059 */
    src: url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff2?t=1647417826175") format("woff2"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff?t=1647417826175") format("woff"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.ttf?t=1647417826175") format("truetype");
}

.paragraph-content {
    width: 122.5rem;
    margin: auto;
}

.paragraph {
    width: 100%;
    margin: auto;
    margin-top: 4rem;
}

.paragraph-icon {
    display: inline-block;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    background-color: #E3D5C3;
    text-align: center;
    line-height: 5.5rem;
    font-size: 2.6rem;
    font-family: 'Ubuntu-Bold';
    color: #000;
}

.paragraph-title {
    display: inline-block;
    font-size: 2.6rem;
    margin-left: 1rem;
    color: #000;
    font-weight: 500;
    font-family: 'Ubuntu-Bold';
}

.paragraph-content {
    margin: auto;
    margin-top: 2rem;
    font-size: 2.2rem;
    font-family: 'Calibri-Light';
    color: #000;
    line-height: 4rem;
}

#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 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12.6rem;
    width: 122.5rem;
    margin: auto;
}

#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 !important;
}

#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";
}

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

@font-face {
    font-family: 'helvetica-webfont';
    src: url("../font/helvetica-webfont.woff.ttf");
}

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

@font-face {
    font-family: 'Bodoni 72 Oldstyle-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'SignPainter HouseScript';
    src: url("../font/SignPainterHouseScript.ttf");
}

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

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

@font-face {
    font-family: 'Calibri-Light';
    src: url("../font/helveticaneue-light.otf");
}

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

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


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

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

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

@font-face {
    font-family: 'Bodoni 72-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'iconfont';
    /* Project id 3232059 */
    src: url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff2?t=1647417826175") format("woff2"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff?t=1647417826175") format("woff"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.ttf?t=1647417826175") format("truetype");
}

#sidebar {
    width: 52rem;
    height: 100%;
    background-image: url("../img/backgroundblack.png");
    background-size: 52rem 100%;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 12;
}

#sidebar a:hover {
    text-decoration: none;
    list-style: none !important;
}

.nav {
    list-style: none !important;
    color: #fff;
    font-family: 'Bodoni 72 Oldstyle-Book';
    font-size: 3rem;
    margin-bottom: 1.5rem;
    line-height: 4.5rem;
}

#sidebar ul {
    margin-top: 2rem;
}

#sidebar ul li {
    list-style: none;
    margin-left: 4rem;
}

.nav:hover {
    color: bisque;
    font-size: 3.5rem;
}

.nav-font a {
    list-style: none !important;
    color: #fff;
    font-family: 'Bodoni 72 Oldstyle-Book';
}

.nav-font::before {
    content: "\e624";
    font-family: "iconfont";
    color: #fff;
    font-size: 2rem;
}

.nav-font2 a {
    list-style: none !important;
    color: #fff;
    font-family: 'Bodoni 72 Oldstyle-Book';
}

.nav-font2::before {
    content: "\e613";
    font-family: "iconfont";
    color: #fff;
    font-size: 2rem;
}
.nav-font3::before {
    content: "\e8ff";
    font-family: "iconfont";
    color: #fff;
    font-size: 2rem;
}

.nav-font3 a {
    list-style: none !important;
    color: #fff;
    font-family: 'Bodoni 72 Oldstyle-Book';
}

.nav-contact {
    display: flex;
    align-items:center;
    margin-left: 4rem;
}


.nav-contact span p{
    font-size: 1.6rem;
    color: #fff;
    /*font-family: 'Bodoni 72 Oldstyle-Book';*/
    font-family: "Helvetica Neue";
}

.nav-contact .wechat{
    margin-left: 4rem;
    text-align: center;
}
.nav-contact .wechat .nav-wechat{
    width: 10rem;
    height: 10rem;
    background: url('../img/qr_pic.jpg') center center / contain no-repeat rgb(255, 255, 255);
}
.nav-contact .wechat .label{
    text-align: center;
    color: rgba(255, 255, 255,.8);
}

.iconwechat {
    display: inline-block;
    margin-left: 4rem;
    color: #fff;
    margin-top: 3rem;
}

.iconwechat::before {
    content: "\e6ba";
    font-family: "iconfont";
    color: #fff;
    font-size: 2.5rem;
}

.backhome {
    display: inline-block;
    margin-left: 8rem;
    color: #fff;
    margin-top: 3rem;
}

.backhome::before {
    content: "\e68d";
    font-family: "iconfont";
    color: #fff;
    font-size: 2.5rem;
}

.contact {
    display: inline-block;
    margin-left: 4rem;
    color: #fff;
    font-size: 1.3rem;
}
.backhome2 {
    display: inline-block;
    margin-left: 3rem;
    color: #fff;
    font-size: 1.3rem;
}



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

@font-face {
    font-family: 'helvetica-webfont';
    src: url("../font/helvetica-webfont.woff.ttf");
}

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

@font-face {
    font-family: 'Bodoni 72 Oldstyle-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'SignPainter HouseScript';
    src: url("../font/SignPainterHouseScript.ttf");
}

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

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

@font-face {
    font-family: 'Calibri-Light';
    src: url("../font/helveticaneue-light.otf");
}

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

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


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

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

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

@font-face {
    font-family: 'Bodoni 72-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'iconfont';
    /* Project id 3232059 */
    src: url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff2?t=1647417826175") format("woff2"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff?t=1647417826175") format("woff"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.ttf?t=1647417826175") format("truetype");
}

.table-title {
    width: 40%;
    margin: auto;
    text-align: center;
    font-family: 'Ubuntu-Regular';
    font-size: 2.2rem;
    color: #000000;
}

.data-table-list {
    width: 122.5rem;
    margin: auto;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.data-table-list thead th {
    height: 7rem;
    background: #E3D5C3;
    text-align: center;
    vertical-align: middle;
    padding:0 2rem;
    font-size: 2rem;
    font-family: 'Ubuntu-Regular';
    font-weight: 500;
    color: #000000;
}

.data-table-list thead tr th {
    border-left: .1rem solid #fff;
}

.data-table-list tbody tr td {
    height: 6.5rem;
    text-align: center;
    vertical-align: middle;
    padding:0;
    color: #000000;
    font-family: 'Calibri-Light';
    font-size: 2.2rem;
    font-weight: 300;
    color: #000000;

}

table tr:nth-child(even) {
    background: rgba(227, 213, 195, 0.25);
}

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

@font-face {
    font-family: 'helvetica-webfont';
    src: url("../font/helvetica-webfont.woff.ttf");
}

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

@font-face {
    font-family: 'Bodoni 72 Oldstyle-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'SignPainter HouseScript';
    src: url("../font/SignPainterHouseScript.ttf");
}

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

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

@font-face {
    font-family: 'Calibri-Light';
    src: url("../font/helveticaneue-light.otf");
}

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

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


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

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

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

@font-face {
    font-family: 'Bodoni 72-Book';
    src: url("../font/Bodoni72-OldStyle.ttc");
}

@font-face {
    font-family: 'iconfont';
    /* Project id 3232059 */
    src: url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff2?t=1647417826175") format("woff2"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.woff?t=1647417826175") format("woff"), url("//at.alicdn.com/t/font_3232059_o9u3aaf5oi8.ttf?t=1647417826175") format("truetype");
}

@font-face {
    font-family: 'iconfont';  /* Project id 3232059 */
    src: url('//at.alicdn.com/t/font_3232059_xmdcc1jvtir.woff2?t=1651831710962') format('woff2'),
    url('//at.alicdn.com/t/font_3232059_xmdcc1jvtir.woff?t=1651831710962') format('woff'),
    url('//at.alicdn.com/t/font_3232059_xmdcc1jvtir.ttf?t=1651831710962') format('truetype');
}

#show-pic {
    width: 122.5rem;
    height: 49rem;
    margin: auto;
    margin-top: 3rem;
}

.show-text {
    display: inline-block;
    width: 37rem;
    margin-top: 20rem;
}

.show-title {
    font-family: 'Ubuntu-Regular';
    font-size: 2.9rem;
    color: #000000;
    margin-bottom: 2rem;
}

.show-ind {
    font-family: 'Ubuntu-Regular';
    font-size: 2rem;
    color: #000000;
    margin-bottom: 2rem;
}

.show-button {
    width: 29.1rem;
    height: 4.4rem;
    background: #D5C4A6 !important;
    border: none;
    color: #000000 !important;
}

.show-img {
    float: right;
    width: 85rem;
    height: 49rem;
}

.img-introduce {
    width: 100%;
    height: 100%;
}

#cards {
    width: 122.5rem;
    margin: auto;
    margin-bottom: 2rem;
    margin-bottom: 8rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 6.7rem;
}

.home {
    width: 33.5rem;
    margin-top: 4rem;
}

.home-ind {
    display: flex;
    align-content: center;
    justify-content: center;
}

.home-ind span {
    color: #000;
    font-family: 'Ubuntu-Regular';
    font-size: 1.7rem;
    line-height: 3.8rem;
}

.home-text {
    width: 33.5rem;
    height: 32.5rem;
    padding: 2.2rem 3.5rem;
    color: #000000;
    background-color: #EFEFEF;
    font-family: 'Ubuntu-Regular';
    font-size: 1.8rem;
    border-radius: 2.5rem;
    margin-top: 1.5rem;
}

.list-title {
    margin-left: .5rem;
}

#locationBox {
    width: 122.5rem;
    padding: 0;
    padding-top: 4.4rem;
}

/*#locationBox .box {*/
/*    border: .1rem solid #BFBFBF;*/
/*}*/

#locationBox .box-content {
    width: 122.5rem;
    min-height: 60rem;
    background-color: #FFF;
    border: 1.2rem solid #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#locationBox .location__pic {
    height: 56rem;
}

#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: 56rem;
    padding-top: 3rem;
    text-align: center;
    width: 40rem;
}

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

#locationBox .location__logo img {
    /*width: 12rem;*/
    height: 7.2rem;
}

#locationBox .location__address {
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#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.6rem;
    font-family: 'Calibri-Light';
    font-weight: 300;
    color: #000000;
    margin-left: .5rem;
    white-space: nowrap;
}

#locationBox .location__neighbourhood{
    margin-left: 4.5rem;
}


#locationBox .location__neighbourhood-title {
    font-size: 1.3rem;
    font-family: 'Ubuntu-Regular';
    font-weight: 500;
    color: #000000;
    text-align: initial;
    padding-bottom: 1.5rem;
}

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

#locationBox .location__neighbourhood-item {
    position: relative;
    margin: 0 auto;
    padding-left: 15rem;
    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: 14rem;
    height: 100%;
    border: .4rem solid #FFF;
    background-size: cover;
}

#locationBox .location__neighbourhood-item__title {
    font-size: 1.4rem;
    font-family: 'Calibri-Light';
    font-weight: 300;
    color: #000000;
}

#locationBox .location__neighbourhood-item__desc {
    font-size: 1.4rem;
    font-family: 'Ubuntu-Regular';
    font-weight: bold;
    color: #000000;
}

.project-berakingNews h2 {
    font-family: 'Ubuntu-Bold';
    font-size: 3.4rem;
    font-weight: bold;
}

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

.iframe-video {
    position: relative;
    width: 100%;
    height: 48.6rem;
    display: flex;
    align-items: center;
    margin-top: 3rem;
}
.iframe-video .iframe-screen {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(144, 144, 144, 0.35);
    z-index:10
}

.iframe-video .iframe-screen img{
    width: 4rem;
}

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

.iframeBox #iframe_content {
    position: relative;
    width: 100%;
    height: 100%;
}

.iframeBox .iframe-screen {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(144, 144, 144, 0.35);
    z-index:100;
    cursor: pointer;
}

.iframeBox .iframe-screen  img{
    width: 4rem;
}



#seeframe {
    width: 122.5rem;
    height: 100%;
    margin: auto;
}

.iframe-title {
    width: 122.5rem;
    height: 100%;
    margin: auto;
    margin-top: 3rem;
    height: 16.7rem;
    font-size: 2.2rem;
    font-weight: 300;
    color: #000000;
    font-family: 'Calibri-Light';
    line-height: 5rem;
}

.view-logo {
    display: flex;
    margin-top: 5rem;
    width: 100%;
    justify-content: center;
}

.view-logo img {
    padding: 2.5rem 2.5rem;
}

.text-content {
    width: 122.5rem;
    background-color: #E8E8E8;
    margin: auto;
    padding: 5rem 4.5rem;
    margin-bottom: 20rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 1.8rem;
    line-height: 4rem;
}

.img-content img {
    width: 100%;
}

#pro-header {
    position: relative !important;
    z-index: 12;
}

#pro-header ul li {
    list-style: none;
}

#pro-header .header-nav a {
    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;
    font-size: 1.6rem;
    list-style: none;
    text-decoration: none;
    color: #333131;
}

#pro-heade a:hover {
    color: #333131;
    text-decoration: none;
}

#pro-heade {
    position: fixed;
    width: 100%;
    height: 12.5rem;
    top: 0;
    background-color: #fff;
    z-index: 10;
}

#Sidenav {
    width: 35rem;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
}

.button-list {
    position: fixed;
    left: 0;
    top: 0;
    width: 5rem;
    height: 100%;
    box-shadow: .2rem .2rem 2rem .2rem rgba(0, 0, 0, 0.3);
    background-color: #FFFFFF;
    display: none;
    z-index: 99;
}

.open {
    width: 2.5rem;
    height: 2.5rem;
    margin: auto;
}

.open-btn {
    width: 100%;
    height: 100%;
    margin-top: 2.5rem;
}

.list-btn {
    width: 5rem;
    height: 30rem;
    position: fixed;
    bottom: .5rem;
    z-index: 20;
}

.list-btn ul {
    width: 100%;
    height: 100%;
    padding:0;
    list-style: none;
    display: flex;
    flex-direction: column-reverse;
}

.list-btn ul li {
    width: 5rem;
    height: 5rem;
    list-style: none;
    margin: 0;
    background-color: #ffffff;
    border-bottom: .1rem solid #fff;
    line-height: 5rem;
    text-align: center;
    color: #333131;
    font-family: "Helvetica Neue";
    font-size: 1.6rem;
}


.sidenavopen {
    width: 35rem;
    height: 100%;
    background-color: #fff;
    box-shadow: .2rem .2rem 2rem .2rem rgba(0, 0, 0, 0.3);
}

.sidenavopen  .qrcode{
    display: none;
    position: absolute;
    margin: .5rem;
    width: 10rem;
    height: 10rem;
    margin-left: 6.5rem;
    left: 4rem;
    bottom: 22rem;
    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;*/
}

#hoverQrcode {
    display: none;
    position: fixed;
    width: 7rem;
    height: 7rem;
    bottom: 10rem;
    left: 5rem;
    z-index: 999;
}

.sidenavopen #phoneqrcode {
    text-align: center;
    /* text-combine-upright: all; */
    line-height: 4rem;
    display: none;
    position: absolute;
    margin:0;
    width: 16rem;
    height: 4rem;
    margin-left: 2.5rem;
    left: 4rem;
    /* bottom: .5rem; */
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}

.left-list {
    width: 100%;
    height: 54rem;
    margin: 0;
}

.left-list-nav ul {
    padding: 0;
}

.left-list-nav {
    width: 100%;
    padding: 0;
    padding-left: 6.5rem;
}

.left-list-nav li {
    list-style: none;
    cursor: pointer;
    padding-top: 1rem;
    font-family: Helvetica;
    font-weight: 500;
    color: #676767;
}

.left-list-nav li a {
    color: #676767;;
}


.left-list-nav li a:hover {
    color: #676767;;
}


.aboutus {
    width: 100%;
    padding-top: 4.5rem !important;
}

.return {
    width: 2rem;
    height: 1.5rem;
    position: fixed;
    left: 1.5rem;
    line-height: 2rem;
}

.aboutus ul li {
    cursor: pointer;
    width: 100%;
    padding-left: 2rem;
    font-weight: 400 !important;
    color: #7e7979;
    padding-top: 1rem;
}

.aboutus ul li a {
    color: #676767;
}

.aboutus ul li a:hover {
    color: #676767;
}


.list-location {
    margin-top: 1rem;
}

.list-construction {
    margin-top: 1rem;
}

.list-site {
    margin-top: 1rem;
}

.list-vr {
    margin-top: 1rem;
}

.left-login {
    width: 11rem;
    height: 4.5rem;
    margin-left: 6.5rem;
}

.list-hr {
    width: 22rem;
    height:0;
    margin-left: 6.5rem;
    color: #D8D8D8;
}

.left-list-icon {
    width: 22rem;
    height: 10.5rem;
    margin-left: 6.5rem;
}

.left-list-icon ul {
    padding:0;
}

.left-list-icon ul li {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin-left: .1rem;
    padding:0;
}

.left-list-nav li {
    padding: 0rem;
}

.leftmenu-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

.project-banner {
    width: 100%;
    /*height: 80rem;*/
    margin-top: 6rem;
    background-color: #C2BBB2;
}

.project-banner-text {
    width: 122.5rem;
    /*height: 50rem;*/
    margin: auto;
}




.project-banner-text .banner-title {
    display: flex;
    justify-content: space-between;
}


.project-banner-text .banner-title  .project-title{
    text-align: left;
    font-size: 12rem;
    font-family: 'Bodoni 72 Oldstyle-Book';
    color: #000000;
}
.project-banner-text .banner-title  .head-tool__pageinfo{
    display: flex;
    align-items: center;
    margin-left: 8rem;
}

.project-banner-text .banner-title  .head-tool__pageinfo .audio-intro {
    position: relative;
    margin-right: 2rem;
}

.project-banner-text .banner-title  .head-tool__pageinfo .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;
}

.project-banner-text .banner-title  .head-tool__pageinfo .audio-intro .intro-ctr:before {
    content: "\e63e";
}
.project-banner-text .banner-title  .head-tool__pageinfo .audio-intro .intro-ctr.active:before{
    content: "\e8b9";
}

.project-banner-text .banner-title  .head-tool__pageinfo .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);
}


.project-banner-text .banner-title2 {
    width: 25%;
    text-align: start;
    font-size: 6.4rem;
    font-family: 'SignPainter HouseScript';
    color: #333131;
}

.project-banner-text .banner-text {
    width: 75%;
    margin-left: 25%;
    margin-top: -7rem;
    padding-left: 5rem;
    padding-bottom: 18rem;
}
.project-banner-text .banner-text  .tab-content{
    /*min-height: 35rem;*/
}

.project-banner-text .banner-text .col-12{
    padding-bottom: .5rem;
    padding-top: .5rem;
}
.project-banner-text .banner-text .col-6{
    padding-bottom: .5rem;
    padding-top: .5rem;
}


.project-banner-text .banner-text  .nav{
    border: none;
}
.project-banner-text .banner-text  .nav{
    color: inherit;!important;
    font-size: 1.8rem !important;
}

.project-banner-text .banner-text  .nav li{
    margin-right: 5rem;
    font-family:'Calibri-Bold';;
}

.project-banner-text .banner-text  .nav li .active{
    border-bottom: .2rem solid #000000;
}
.project-banner-text .banner-text  .nav li a{
    text-decoration: none;
    color: #000000;
    font-size: 1.8rem;

}

.banner-text .banner-text-span {
    font-family: 'Ubuntu-Regular';
    font-size: 1.6rem;
    color: #535353;
}

.banner-text .banner-span-next {
    padding:0;
    color: #000000;
    font-family: 'Ubuntu-Regular';
    font-size: 1.6rem;
    padding-left: .5rem;
}

.banner-text .banner-text-p {
    color: #000000;
    font-family: 'Ubuntu-Regular';
    font-size: 1.6rem;
}

#project-banner-swiper {
    position: relative;
    width: 122.5rem;
    height: 35rem;
    margin-top: -7rem;
    margin: auto;
    top: -9rem;
    z-index: 11;
}

.project-location {
    width: 100%;
    height: 80rem;
}

.project-location-title {
    width: 100%;
    height: 10rem;
    margin-top: 7rem;
    text-align: center;
    line-height: 10rem;
    font-size: 8rem;
    font-family: 'Bodoni 72 Oldstyle-Book';
    font-weight: normal;
    color: #333131;
}

.project-location-pic {
    width: 122.5rem;
    height: 60rem;
    margin: auto;
}

.project-pic-img {
    display: inline-block;
    width: 50rem;
    height: 17rem;
}

.project-pic-img img {
    width: 100%;
    height: 100%;
}

.project-location-pic .project-img-left {
    float: left;
    margin-left: 5rem;
    margin-top: 5rem;
}

.project-location-pic .project-img-right {
    float: right;
    margin-right: 5rem;
    margin-top: 5rem;
}

.project-location-dot {
    width: 8rem;
    height: 2rem;
    margin: auto;
}

.project-location-dot img {
    width: 100%;
    height: 100%;
}

.project-location-text {
    height: 3rem;
    padding-top: 1rem;
    text-align: center;
    font-size: 2.2rem;
    font-family: 'Helvetica-Regular';
    font-weight: 400;
    color: #000000;
}

.project-design {
    width: 100%;
    height: 60rem;
    background-color: #C2BBB2;
    margin-top: 15rem;
}

#floorplanBox {
    padding-top: 10rem;
    padding-bottom: 8.8rem;
}

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

#floorplanBox .view-title {
    display: flex;
    justify-content: space-between;
}

#floorplanBox .view-title  .head-tool__pageinfo{
    display: flex;
}

#floorplanBox .view-title  .head-tool__pageinfo .audio-intro {
    position: relative;
    margin-right:2rem
}

#floorplanBox .view-title  .head-tool__pageinfo .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;
}

#floorplanBox .view-title  .head-tool__pageinfo .audio-intro .intro-ctr:before {
    content: "\e63e";
}

#floorplanBox .view-title  .head-tool__pageinfo .audio-intro .intro-ctr.active:before{
    content: "\e8b9";
}

#floorplanBox .view-title  .head-tool__pageinfo .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);
}

#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 tbody .mCSB_inside>.mCSB_container {
    margin:0;
}

#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;
    background-color: #E6E6E6;
    border: .1rem solid #C9C9C9;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table thead tr td {
    font-size: 1.6rem;
    font-family: 'Calibri-Light';
    color: #000000;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table thead tr td:first-child {
    font-size: 1.6rem;
    font-family:'Calibri-Bold';;
    font-weight: bold;
    color: #000000;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table tbody tr td:first-child {
    font-size: 1.6rem;
    font-family:'Calibri-Bold';;
    font-weight: bold;
    color: #000000;
}

#floorplanBox .box-content .sub-left .img-container .img-container-table table thead {
    width: 100%;
    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 {
    font-size:1.4rem;
    padding: .8rem 1.5rem;
    border: .1rem solid #CBCBCB;
    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 thead td {
    font-weight: bold;
    padding: 1rem 1.5rem;
    border: .1rem solid #CBCBCB;
    text-align: center;
    background-color: #E6E6E6;
    color: #ffffff;
}

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



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

#floorplanBox .box-content .sub-left .img-container .iconcart:before {
    content: "\e623";
    color: #FFFFFF;
    font-size: 3rem;
}

#floorplanBox .box-content .sub-left .img-container .iconcartactive:before {
    content: "\e8c6";
    color: #efe023;
    font-size: 3rem;
}

#floorplanBox .box-content .sub-left .img-container .active:before {
    color: #efe023;
}


#floorplanBox .box-content .sub-left .img-container .download-btn {
    display: none;
    position: absolute;
    top: 3rem;
    right: 6rem;
    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: 12rem;
    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 .select-block1 {
    display: inline-block;
    min-width: 50%;
    height: 7rem;
    background-color: #fff;
    margin-bottom: 1.2rem;
    box-sizing: border-box;
}

#floorplanBox .box-content .sub-right .select-block1 .sub-title {
    display: inline-block;
    color: #000;
    font-size: 2rem;
    line-height: 4.4rem;
    line-height: 7rem;
    font-family: 'Calibri-Bold';;
    padding: 0 1rem;
}

#floorplanBox .box-content .sub-right .select-block1 .select-lists {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

#floorplanBox .box-content .sub-right .select-block1 .select-lists .active {
    /*width: 5rem;*/
    padding: 0 1rem;
    height: 2.5rem;
    background-color: #e0890d;
    color: #FFF;
    text-align: center;
    line-height: 2.5rem;
}

#floorplanBox .box-content .sub-right .select-block1 .select-lists .list-item {
    display: inline-block;
    list-style: none;
    cursor: pointer;
    font-family: 'Calibri-Light';
    font-size: 1.6rem;
    margin: 0 1.5rem;
}

#floorplanBox .box-content .sub-right .select-block2 {
    /*float: right;*/
    display: inline-block;
    /*min-width: 50%;*/
    height: 7rem;
    background-color: #fff;
    margin-bottom: 1.2rem;
}

#floorplanBox .box-content .sub-right .select-block2 .sub-title {
    display: inline-block;
    color: #000;
    font-size: 2rem;
    line-height: 4.4rem;
    line-height: 7rem;
    font-family: 'Calibri-Bold';;
    padding: 0 1rem;
}

#floorplanBox .box-content .sub-right .select-block2 .btn-lists {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
}

#floorplanBox .box-content .sub-right .select-block2 .btn-lists .active {
    color: #fff !important;
    background-color: #e0890d !important;
}

#floorplanBox .box-content .sub-right .select-block2 .btn-lists .btn-item {
    display: inline-block;
    cursor: pointer;
    /*width: 5rem;*/
    padding: 0rem 1rem;
    height: 2.5rem;
    outline: none;
    border: none;
    background-color: #fff;
    color: #000;
    font-family: 'Calibri-Light';
    font-size: 1.6rem;
    margin: .5rem 1.5rem;
}

#floorplanBox .box-content .sub-right .select-block3 {
    width: 100%;
    height: 7rem;
    background-color: #fff;
    margin-bottom: 1.2rem;
}

#floorplanBox .box-content .sub-right .select-block3 .sub-title {
    display: inline-block;
    color: #404040;
    font-size: 2rem;
    line-height: 4.4rem;
    line-height: 7rem;
    font-family: 'Calibri-Bold';
    padding: 0 1rem;
}

#floorplanBox .box-content .sub-right .select-block3 .floor-block {
    display: inline-block;
}

#floorplanBox .box-content .sub-right .select-block3 .floor-block button {
    display: inline-block;
    cursor: pointer;
    padding: 0 1rem;
    /*width: 5rem;*/
    height: 2.5rem;
    outline: none;
    border: none;
    background-color: #fff;
    color: #000;
    font-family: 'Calibri-Light';
    font-size: 1.6rem;
    margin: 0 1.5rem;
}

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

.project-berakingNews {
    margin-bottom: 4rem;
}

.title-center {
    text-align: center;
    color: #313131;
}

.design-title {
    position: relative;
    height: 10rem;
    top: -7rem;
    margin: auto;
    font-size: 8rem;
    font-family: 'Bodoni 72 Oldstyle-Book';
}

.design-text {
    position: relative;
    top: -4rem;
    height: 6rem;
    font-size: 5.6rem;
    margin: auto;
    font-family: 'SignPainter HouseScript';
}

.project-swiper {
    position: relative;
    width: 122.5rem;
    height: 35rem;
    margin-top: 7rem;
}

.project-swiper .swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.project-swiper .swiper-slide {
    width: 47rem;
    height: 35rem;
    color: #000000;
    font-size: 2rem;
    text-align: center;
}

.project-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.project-des-prev {
    position: absolute;
    left: 5rem;
}

.project-des-next {
    position: absolute;
    right: 5rem;
}

.project-swiper .swiper-button-next {
    color: rgba(0, 0, 0, 0) !important;
}

.project-swiper .swiper-button-prev {
    color: rgba(0, 0, 0, 0) !important;
}

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

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

#project-location-swiper {
    --swiper-pagination-color: #000;
}

#siteplanBox {
    padding-top: 10rem;
}

#siteplanBox .siteplan {
    position: relative;
    border: none;
    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 {
    display: flex;
    margin-top: 3rem;
}

#siteplanBox .view-title {
    display: flex;
    justify-content: space-between;
}



#siteplanBox .view-title  .head-tool__pageinfo{
    display: flex;
}

#siteplanBox .view-title  .head-tool__pageinfo .audio-intro {
    position: relative;
    margin-right: 2rem;
}

#siteplanBox .view-title  .head-tool__pageinfo .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;
}

#siteplanBox .view-title  .head-tool__pageinfo .audio-intro .intro-ctr:before {
    content: "\e63e";
}

#siteplanBox .view-title  .head-tool__pageinfo .audio-intro .intro-ctr.active:before{
    content: "\e8b9";
}

#siteplanBox .view-title  .head-tool__pageinfo .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);
}

#siteplanBox .siteplan__btn-item {
    display: inline-block;
    font-size: 1.6rem;
    font-family: 'Ubuntu-Medium';
    font-weight: 400;
    height: 5rem;
    background-color: #FFF;
    border: .1rem solid #DDD;
    color: #767676;
    text-align: center;
    margin-bottom: 1.5rem;
    /*margin-right: 2rem;*/
    line-height: 5rem;
    cursor: pointer;
    text-decoration: none;
    padding: 0 1rem;
}

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

.Registerswitch {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

#homeSliderBox {
    width: 100%;
    margin: auto;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
    /* line 1, ../sass/inc/_loader.scss */
}

#homeSliderBox .content {
    width: 100%;
    margin: auto;
    height: 68.8rem;
    max-height: 100vh;
    position: relative;
}

#homeSliderBox .swiper-container {
    height: 100%;
    position: relative;
    background-color: #000;
}

#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;
    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;
    border: none;
    outline: none;
    top: auto;
}

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

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

#homeSliderBox .slider-video {
    width: 100%;
    margin: auto;
    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;
}

#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: 1.8rem;
    line-height: 3.8rem;
    margin-top: 1.5rem;
    font-family: 'Calibri-Regular';
    color: #242424;
}

#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;
}

.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;
}

.content-center {
    width: 122.5rem !important;
    margin: auto !important;
    position: relative;
    z-index: 11;
}

#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__item:hover {
    width: 900%;
}

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

#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_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°*/
}

.livestream {
    margin-top: 11rem;
}

.region-header {
    font-size: 8rem;
    text-align: center;
    height: 6.6rem;
    line-height: 6.6rem;
    position: relative;
    margin-bottom:4rem;
    font-family: 'Bodoni 72-Book';
    color: #000000;
}

.region-header a {
    color: inherit;
}

#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;
}

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

#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;
    margin-bottom: 5rem;
}

#breakingNews a {
    text-decoration: none !important;
}

#breakingNews .region-header {
    font-size: 3.4rem;
    font-family: 'Ubuntu-Bold',
    Ubuntu;
    font-weight: bold;
    color: #000000;
}

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

#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("http://165.21.98.142:31080/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-Light";
    margin-bottom: 0;
    color: #fff;
}

#breakingNews .media__info p {
    line-height: 3.4rem;
    font-size: 1.4rem;
}

#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 #news{
    height: 100%;
    display: flex;
    flex-direction: column;
}

#breakingNews .list-panel__head {
    flex: none;
    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: "Ubuntu-Bold";
}
#breakingNews .list-panel__content {
    flex: 1 1 auto;
}

#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: 'helvetica-webfont';
    font-size: 1.6rem;
}

#breakingNews .list-panel .list-item .time {
    font-family: "Helvetica-Light";
    /*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;
}

.timeline-left {
    width: 100%;
    height: 40rem;
    margin-top: 2rem;
    position: relative;
}

.timeline-left-img {
    float: left;
    width: 55rem;
    height: 100%;
}

.timeline-left-img::after {
    content: '';
    width: .1rem;
    height: 40rem;
    background-color: #B7B7B7;
    position: absolute;
    left: 50%;
}

.timeline-left-img img {
    width: 100%;
    height: 100%;
}

.timeline-right {
    width: 100%;
    height: 40rem;
    /* background-color: #000; */
}

.timeline-right-img {
    float: right;
    width: 55rem;
    height: 40rem;
}

.timeline-right-img::before {
    content: '';
    width: .1rem;
    height: 40rem;
    background-color: #b7b7b7;
    position: absolute;
    left: 50%;
}

.timeline-right-img img {
    width: 100%;
    height: 100%;
}

.duration {
    width: 100%;
    background-color: #fff;
    text-align: center;
    margin: 1rem 0;
}

.duration p {
    width:6rem;
    margin: auto;
    font-family: 'Calibri-Light';
    font-size: 1.6rem;
    color: #B7B7B7;
    text-align: center;
}
.duration .content{
    width: 100%;
}
.duration .content .progresscontent_left {
    float: left;
    color: #000000;
    font-size: 2rem;
}
.duration .content .progresscontent_right {
    float: right;
    color: #000000;
    font-size: 2rem;
}

.timedot {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    margin: auto;
    background-color: #fff;
    border: .1rem solid #B7B7B7;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

#content {
    margin-bottom: 3rem;
}

#videoBox {
    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: 60rem;
    height: 40rem;
}

#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;
}

#show-pic .show-text .btn:focus {
    box-shadow: none !important;
}

#pro-header .user-info {;
    /*line-height: 12.5rem;*/
}

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

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

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

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

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

#pro-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:  url("../img/icon/avatar-bg.png") center/contain no-repeat;
}

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

#pro-header .user-info__dropdown {
    display: none;
    position: absolute;
    z-index: 100000;
    right: 5rem;
    top: 8rem;
    min-width: 13.4rem;
    padding-top: 1.5rem;
}

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

#pro-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;
}

#pro-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;
}

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

#pro-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;
}

#header .user-info {
    float: right;
    height: 4rem;
    line-height: 12.5rem;
}

#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: 100000;
    /*right: 15rem;*/
    top: 8rem;
    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;
}

#data-table .table tr:nth-child(even) {
    background-color: #fff;
}

#data-table .table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th,
.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th {
    background-color: #E3D5C3;
}

#richtext {
    margin-top: 4rem;
}

#richtext img {
    width: 100%;
}

.project-location .content-center .swiper-wrapper .swiper-slide {
    display: flex;
    flex-wrap: wrap;
}

.project-location .content-center .swiper-wrapper .swiper-slide .project-pic-img {
    margin: 4%;
    flex: 0 42%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.project-location .content-center .swiper-wrapper .swiper-slide .project-pic-img .location_textBox {
    width: 40%;
    text-align: start;
}

.project-location .content-center .swiper-wrapper .swiper-slide .project-pic-img .location_textBox h4{
    font-family: 'Ubuntu-Regular';
    font-size: 2.6rem;
    color: #000000;
    margin-bottom:1rem
}

.project-location .content-center .swiper-wrapper .swiper-slide .project-pic-img .location_textBox p{
    font-family: HelveticaNeue;
    font-size: 1.8rem;
    color: #909090;
}

.project-location .content-center .swiper-wrapper .swiper-slide .project-pic-img .location_picBox{
    width: 60%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius:1.5rem;
    background-position:center ;
}

#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;
}

.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;
}

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

.submitEmailBox .btns .emailConfirm,
.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;
}

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


#data-table-unitmix .data-table-list tbody tr td{
    height: 5rem;
    text-align: center;
    vertical-align: middle;
    padding:0;
    color: #000000;
    font-family: 'Ubuntu-Regular';
    font-size: 1.3rem;
    font-weight: 300;
    color: #000000
}

#data-table-unitmix .data-table-list thead th{
    height: 7rem;
    background: #E3D5C3;
    text-align: center;
    vertical-align: middle;
    padding:0 2rem;
    font-size: 1.5rem;
    font-family: 'Ubuntu-Bold';
    color: #000000;
}
#data-table-unitmix .data-table-list tbody tr:nth-child(even) {
    background-color: #E3D5C3;
}


#richtext {
    width: 100%;
}

#richtext {
    display: block;
    padding: 2rem 0;
    width: 100%;
}

#richtext  h1{
    font-size: 3.4rem;
    color: #000;
    font-weight: 500;
    font-family: 'Ubuntu-Bold';
}

#richtext  h2{
    font-size: 3.2rem;
    color: #000;
    font-weight: 500;
    font-family: 'Ubuntu-Bold';
}

#richtext  h3{
    font-size: 3rem;
    color: #000;
    font-weight: 500;
    font-family: 'Ubuntu-Bold';
}

#richtext  h4{
    font-size: 2.8rem;
    color: #000;
    font-weight: 500;
    font-family: 'Ubuntu-Bold';
}

#richtext  h4{
    font-size: 2.6rem;
    color: #000;
    font-weight: 500;
    font-family: 'Ubuntu-Bold';
}

#richtext p{
    text-align: left;
    margin-top: 2rem;
    font-size: 2.2rem;
    font-family: 'Calibri-Light';
    color: #000;
    line-height: 150%;
}

#mCSB_1_container{
    margin-right: 0;
}

.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%;
}

/*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;
}

.redStar::before{
    content: "*";
    color: red;
}

.comingSoon{
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    padding: 2rem;
}

/*回到顶部按钮*/
.returnTop {
    display:none;
    position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 30px;
    width: 5rem;
    cursor: pointer;
}
.returnTop  img {
    width: 100%;
}

/*progress切换*/
.toggleProgress {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

.toggleProgress .btn {
    font-size: 2.6rem;
    padding: 1rem 0rem;
    margin: 0rem 2.5rem;
}

.toggleProgress .active{
    border-bottom: solid 0.3rem #747373;
}

.progressTable {

}

.progressTable .tableTitle{
    text-align: center;
    font-family: 'Ubuntu-Regular';
    font-size: 2.2rem;
    color: #000000;
}
.lang-ctr-group{
    margin: 0 10px;
    cursor: pointer;
}
.lang-ctr-group>div{
    width: 24px;
    height: 24px;
    display: none;
}
.lang-ctr-group .lang-item{
    display: none;
}
.lang-ctr-group a{
    color: #000;
}

.lang-ctr-group .icon-cn{
    background: url(../img/icon/icon-lan-cn.png) center/contain no-repeat;
}
.lang-ctr-group .icon-en{
    background: url(../img/icon/icon-lan-en.png) center/contain no-repeat;
}
.lang-ctr-group .active{
    display: block;
}