body, html {
    background: #f3f3f3;
}
html {
    font-family: Microsoft Yahei, sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.ui-seconlight-background {
    background-color: #F3F3F3;
}

.architecture__background__item--0 {
    position: absolute;
    background-color: #e0e0e0;
    width: 100%;
    height: calc( 1217px - 6rem );
    left: -58%;
    bottom: 0;
    margin-left: 0;
}

.architecture__background__item--0-0 {
    position: absolute;
    background-color: #e0e0e0;
    width: 100%;
    height: 1000px;
    top: 66vh;
    top: calc(80px + 28vw);
    left: -50%;
    margin-left: 0;
}

.architecture__background__item--1 {
    top: 60vh;
    left: 50%;
    height: 700px;
    left: -68%;
    margin-left: 0;
}

.architecture__background__item--2 {
    top: calc( 60vh + 815px);
    right: -50%;
    height: 540px;
    width: 90%;
    background: rgba(191,157,99,0.34);
}

.architecture__background__item--3 {
    top: calc( 85vh + 1660px);
    left: -68%;
    margin-left: 0;
    height: 340px;
}

.architecture__background__item--5 {
    position: absolute;
    top: calc( 20vh + 70px + 40rem);
    right: -59%;
    height: 900px;
    width: 100%;
    background: rgba(191,157,99,0.34);
    margin-left: 0;
}

.architecture__background__item--6 {
    position: absolute;
    background-color: #e0e0e0;
    width: 100%;
    height: 600px;
    bottom: 0;
    left: -62%;
    margin-left: 0;
}

.header--menu {
    box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
}

.header:before, .header--fixed-free, .header--fixed-top {
	background: rgb(243, 243, 243) !important;
}

.header a, .nav-title{
    color: #777777!important;
}

.header--static a{
	color: #000!important;
}

header .nav-item span::after{
    color: #000!important;
}

.section-title {
    text-align: center;
    margin: 6vh auto 10vh;
   
}

@keyframes showFont {
    0% {
        height: 100%;
    },
    100% {
        height: 0;
    }
}


.section-title .text--h3-large{
	margin-bottom: 0;
	font-family: Microsoft Yahei, sans-serif;
    font-weight: 400!important;
    position: relative;
    font-size: 5rem;
}
.section-title .text--h3-large::after {
    content: "";
    height: 0;
    width: 100%;
    background-color: #f3f3f3;
    position: absolute;
    top: 0;
    left: 0;
    animation: showFont 2s cubic-bezier(.745,.065,.17,1);
}
.section-title .txt-title-english {
	color: #BDBDBD;
	margin: 0;
    text-transform: uppercase;
    font-weight: lighter!important;
}

.architecture__item img {
    margin-bottom: 2rem;
}
.architecture__row {
	margin: 0!important;
}
.p-l-4 {
	padding-left: 4vh;
}
.txt-align-left {
	text-align: left;
}
.txt-algin-right {
	text-align: right;
}

.about .main-content .row {
    display: flex;
    justify-content: center;
}

.about .txt-num {
    color: #BF9D63;
    font-size: 7.6rem;
    font-weight: bold;
    line-height: 6.6rem!important;
    margin: 0;
    display: none;
}

.about .txt-title {
    color: #3A3F45;
    font-size: 1.5rem;
    padding-top: 0.6rem;
    padding-bottom: 0.4rem;
    font-weight: 400;
    margin: auto;
}

.about .txt-title-english {
	color: #bdbdbd;
    font-size: 0.8rem;
    margin: 0;
    line-height: 2rem;
    text-transform: uppercase;
    letter-spacing: 0;
}

.about .txt-content {
	color: #777C82;
    font-size: 1.24rem;
    text-align: justify;
    font-weight: 400;
}
.about p.txt-content .txt-content-title {
    color: #4A5058;
}

.about .txt-content-english {
	color:rgba(120,124,130,0.6);
	font-size: 1.2rem;
    text-align: justify;
    text-transform: none;
    line-height: 2rem;
    letter-spacing: 0;
    font-weight: 400;
}


.changye-hotel-catering.changye .container .row {
    margin-bottom: 8rem;
}

.part-title-content {
    margin-bottom: 6rem;
    font-family: "Microsoft Yahei";
}
.part-title-content h3 {
    color: #B99860;
    font-size: 3.4rem!important;
    line-height: 1.25em;
    margin: 0;
    font-weight: 400!important;
}
.part-title-content .english {
    margin: 0;
    color: #B99860;
    font-size: 0.8rem;
    padding-left: 0.2rem;
    font-weight: bold;
}
.part-title-content .content {
    margin: 0;
    font-size: 2.6rem;
    color: #000000;
    margin-top: 1rem;
    font-weight: 400!important;
}

footer {
    background-color: #2F3338;
}

.footer .col--xs-auto {
	text-align: left;
    line-height: 2rem;
}

.footer p {
	margin: 0;
}

.footer__logo img {
    height: 3.8rem;
    margin-right: 3rem;
    margin-top: 1rem;
}

.footer .text--extra-small, .footer .text--small {
    line-height: 2.4rem;
    text-transform: none;
    font-size: 1rem;
}

.footer .qr-code {
    position: absolute;
    left: 0;
    display: none;
    width: auto;
    height: 140px;
    top: -146px;
}

.footer.container--block {
	padding: 2vw 2vw 2vw;
}

@media screen and (max-width: 920px) and (orientation: portrait) {

	.footer {
		padding-top: 2vh;
	}
	
	.footer .row--center-xs {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
}


.img-shzr-1 img{
	margin-top: 13vh;
}

.img-shzr-2 img {
	margin-top: 15vh;
}

.img-shzr-3 img {
	margin-top: 15vh;
}

.txt-shzr-1 {
	min-height: 820px;
}

.txt-shzr-2 {
	min-height: 674px;
}

.txt-shzr-3 {
	min-height: 480px;
}




section.architecture__single {
    overflow: hidden;
}

.architecture__single .architecture__row {
    height: 774px;
}

.architecture__single img{
    margin-top: calc(12vh + 6rem);
}

.advantage-container .architecture__item {
    margin-bottom: 0;
}

.advantage-container .architecture__item img {
    margin-bottom: 1rem;
}
.advantage-container .architecture__item .txt-content {
    margin: 0;
    line-height: 2rem;
}

.section-title {

}
.changye .section-title {
    padding: 10vh 0 16vh;
}
.changye .section-title h3 {
    margin-top: calc(80px + 4.167vw);
    font-size: 6.64rem;
}
.changye .section-title p {
    font-size: 6.64rem;
}
.changye .container {
    color: #222222;
    /* text-align: justify; */
    font-family: Microsoft Yahei, sans-serif;
    text-transform: none;
    font-weight: 400;
}
.changye .section-banner img{
    display: block;
}
.changye .section-content {
    background-color: #ffffff;
    /*padding-top: 6rem;*/
}
.changye .container .row {
    margin-bottom: 6rem;
}
.changye .container .row col img {
    padding-top: 2rem;
}
.changye .container .row .title{
    font-weight: bold;
    font-size: 2rem;
}
.changye .container .row p{
    font-size: 1.84rem;
    line-height: 1.8em;
}

.changye .container .row .txt-align-left p {
    text-align: justify;
}

.changye .container .row .txt-align-left p.english {
    letter-spacing: 0;
    color: #787C82;
}


.section-banner {
    height: 70vh;
    position: relative;
}
.banner-content {
    display: inline-block;
    width: 60%;
    height: 70vh;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../jpg/dj-1.jpg") left top no-repeat;
    background-size: auto 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    z-index: 1;
}
.section-banner .e-sport .banner-content {
    background-image: url("../jpg/dj-1.jpg");
}
.section-banner.bussiness .banner-content {
    background-image: url("../jpg/dmns-1.jpg");
}
.section-banner.cryptocurrency .banner-content {
    background-image: url("../jpg/jmhb-1.jpg");
}
.section-banner.engineering .banner-content {
    background-image: url("../jpg/tm-1.jpg");
}
.section-banner.hotel .banner-content {
    background-image: url("../jpg/jd-1.jpg");
}
.section-banner.jewelry .banner-content {
    background-image: url("../jpg/zb-1.jpg");
}
.banner-btn-content {
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: -5rem;
    left: 40%;
    margin-left: -5rem;
}

.banner-btn {
    width: 10rem;
    height: 10rem;
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.banner-btn-after {
    content: "";
    width: 0rem;
    height: 0rem;
    background: #000000;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 3;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.banner-btn-content:hover .banner-btn-after {
    width: 10rem;
    height: 10rem;
}

.banner-btn-content .img {
    width: 2rem;
    height: 2rem;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    background: url("../png/icon-down1.png") center center no-repeat;
    background-size: auto 100%;
}

.banner-btn-content:hover .img{
    background-image: url("../png/icon-down2.png");
}

.gray-bg {
    width: 100%;
    height: 30vh;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}


.img-gray {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.openWidth {
    width: 100%;
    height: 70vh;
    webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    animation: openWidth 2s cubic-bezier(.745,.065,.17,1);
    -webkit-animation: openWidth 2s cubic-bezier(.745,.065,.17,1);
    -moz-animation: openWidth 2s cubic-bezier(.745,.065,.17,1);
    -o-animation: openWidth 2s cubic-bezier(.745,.065,.17,1);
}
.closeWidth {
    width: 60%;
    height: 70vh;
    webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    animation: closeWidth 2s cubic-bezier(.745,.065,.17,1);
    -webkit-animation: closeWidth 2s cubic-bezier(.745,.065,.17,1);
    -moz-animation: closeWidth 2s cubic-bezier(.745,.065,.17,1);
    -o-animation: closeWidth 2s cubic-bezier(.745,.065,.17,1);
}
@keyframes openWidth {
    0% { 
        width: 60%;
        height: 70vh;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    100% { 
        width: 100%;
        height: 70vh;
        webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}
@keyframes closeWidth {
    0% { 
        width: 100%;
        height: 70vh;
        webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    100% { 
        width: 60%;
        height: 70vh;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
}

.bottom-nav-item {
    width: 108px;
    height: 108px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    margin: 2rem;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bottom-nav-item img {
    height: 2.8rem;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}


.bottom-nav-item .bottom-nav-item-bg {
    width: 108px;
    height: 108px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bottom-nav-item .bottom-nav-item-bg-after:after {
    content: "";
    /*width: 9rem;*/
    /*height: 9rem;*/
    width: 108px;
    height: 108px;
    display: block;
    background: #000000;
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
    z-index: 2;

}

.bottom-nav-item:hover .bottom-nav-item-bg-after:after {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
}


.bottom-nav-item.current {
    border-color: #000000;
}

.bottom-nav-item .bottom-nav-item-bg-after img {
    width: auto;
    height: 3rem;
    opacity: 0;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.bottom-nav-item:hover .bottom-nav-item-bg-after img {
    opacity: 1;
}


.bottom-nav-item .txt-content{
    line-height: 1.4rem!important;
    max-width: 7rem;
}

.bottom-nav-item .txt-content p {
    margin: 0;
}

.bottom-nav-item p.title {
    color: #1A1C1E;
    font-size: 1.2rem!important;
    line-height: 1.5rem!important;
}

.bottom-nav-item p.english {
    font-size: 1.1rem!important;
    color: #B0B0B2;
    line-height: 1.4rem!important;
    font-weight: lighter;
}

.bottom-nav-item.default .txt-content {
    position: absolute;
    bottom: -5rem;
    left: 50%;
    transform: translateX(-50%);
    min-width: 16rem;
    opacity: 0;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.bottom-nav-item.default:hover .txt-content {
    opacity: 1;
}

.bottom-nav-item.current .img-content {
    display: none;
}

@keyframes hoverTxtBottomNavItem {
    0% {
        display: none;
    }
    100% {
        display: block;
    }
}



.contact-us .section-title {
    margin: calc(80px + 4.167vw + 6rem) auto 5rem;
}
.contact-us-info p {
    margin: 0;
    font-size: 1.3rem;
}
 #allmap{
    width: 100%;
    height: 70vh;
    margin-top: 6rem;
 }
 .BMap_cpyCtrl, .anchorBL {display:none;}


.cy2tmall .sec {
    position: relative;
}
.cy2tmall .sec img{
    width: 100%;
    border: 0;
    display: block;
}

.cy2tmall .sec1{
    margin-top: 200px;
}

.cy2tmall .sec1 .sec1-1{
    display: block;
    width: 11%;
    height: 40px;
    position: absolute;
    top: 27%;
    left: 15%;
}

.cy2tmall .sec2 .sec2-1{
    display: block;
    width: 12%;
    height: 40px;
    position: absolute;
    bottom: 9%;
    left: 22%;
}

.cy2tmall .sec5 .cygooldlist{
    position: absolute;
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
}
.cy2tmall .sec5 .cygooldlist a{
    float: left;
    display: block;
    width: 23%;
    height: 50%;
    margin-left: 7.7%;
    margin-top: 3%;
}

.cy2tmall .sec7 .sec7-1{
    display: block;
    width: 12%;
    height: 44px;
    position: absolute;
    top: 43%;
    right: 13%;
}

@media screen and (max-width: 479px) and (orientation: portrait) {
    .architecture__item.parallax {
        margin: 0;
        transform: none!important;
    }
    .img-shzr-1 img{
        margin-top: 0;
    }
    .architecture__single img{
        margin-top: 0;
    }
    .architecture>.container {
        padding-bottom: 2rem;
        padding-top: 2vh;
    }
    .architecture__single .architecture__row {
        height: auto;
    }
    .about .section-title {
        margin-top: 16vh;
    }
    .changye .container, .about .container{
        padding: 2rem;
    }
    .changye .bottom-nav-item img.default {
        display: none;
    }
    .changye .bottom-nav-item {
        margin: 1.6rem 1.6rem 4rem;
    }
    .changye  .bottom-nav-item .txt-content {
        display: block;
        bottom: -3.8rem;
        opacity: 1;
    }
    .changye .section-banner {
        display: none;
    }
    .changye .container .row {
        margin-bottom: 2rem;
        padding-top: 0;
    }
    .contact-us .contact-us-info .col--xs-auto{
        width: 90%;
        margin: 0;
    }
    .footer.container--block {
        padding: 4vw 6vw 4vw;
    }
}