<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@-webkit-keyframes z_fadeinup {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z_fadeinup {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.z_fadeinup {
    -webkit-animation-name: z_fadeinup;
    animation-name: z_fadeinup
}

@-webkit-keyframes z_fadeindown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z_fadeindown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.z_fadeindown {
    -webkit-animation-name: z_fadeindown;
    animation-name: z_fadeindown
}

@-webkit-keyframes gorightin {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(-50px, 0);
        -moz-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
        -o-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes gorightin {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(-50px, 0);
        -moz-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
        -o-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

body {
    padding-top: 100px;
}

@-webkit-keyframes z_fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes z_fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.z_fadeinleft {
    -webkit-animation-name: z_fadeinleft;
    animation-name: z_fadeinleft
}

@-webkit-keyframes xie_fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes xie_fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.xie_fadeinleft {
    -webkit-animation-name: xie_fadeinleft;
    animation-name: xie_fadeinleft
}

@-webkit-keyframes z_downxie {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z_downxie {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -50%, 0);
        transform: translate3d(100%, -50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.z_downxie {
    -webkit-animation-name: z_downxie;
    animation-name: z_downxie
}

@keyframes xie_s {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}

/*header*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 999;
}

.header .header_box {
    min-width: 1280px;
    max-width: 2200px;
    margin: 0 auto;
    padding: 0 45px;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.header h1 {
    float: left;
    padding-top: 26px;
}

.header h1 a {
    display: block;
    width: 195px;
    height: 60px;
    background: url(/images/logo_white.png) no-repeat center;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.header .header_right {
    float: right;
}

.header nav {
    position: relative;
    float: left;
    /* padding-top: 38px; */
    height: 100px;
}

.header nav .subnav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 1920px;
    overflow: hidden;
    height: 0;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.header nav .long {
    left: -303px;
}

.header nav .subnav .draplink {
    padding-left: 60px;
    height: 68px;
    line-height: 68px;
    background-color: #0056c1;
}

.header nav .draplink a {
    float: left;
    display: block;
    height: 100%;
    margin-right: 26px;
    color: #d1ad6f;
    font-size: 15px;
}

.header nav .draplink a.on {
    color: #fff;
}

.header nav li {
    margin-right: 30px;
    float: left;
    color: #fff;
    height: 100%;
    padding-top: 38px;
    font-size: 15px;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    font-weight: bold;
}

.linkbox {
    position: relative;
}

.linkbox::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

.linkbox .sliderbar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #ff9f22;
    pointer-events: none;
}

.header_right .idx_lan {
    float: left;
    height: 100px;
    /*padding-top: 38px;*/
    color: #fff;
    font-size: 15px;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.header_right .idx_lan .lan {
    float: left;
    width: 67px;
    height: 100px;
    /*background: url(/images/arrow-down_white.png) no-repeat center bottom;*/
    position: relative;
    cursor: pointer;
}

.header_right .idx_lan .lan .box p {
    text-align: center;
    color: #0052ac;
    margin-top: 37px;
}

.header_right .idx_lan .lan .box .arrow_bg {
    width: 12px;
    height: 7px;
    margin: 0 auto;
    background: url(/images/arrow-down-orange.png) no-repeat;
    margin-top: 3px;
}

.header_right .idx_lan .lan .language {
    position: absolute;
    top: 100px;
    left: 0;
    width: 141px;
    height: 69px;
    background: #ff9f00;
    box-sizing: border-box;
    padding-left: 23px;
    display: none;
}

.header_right .idx_lan .lan .language a {
    line-height: 69px;
    font-size: 14px;
    color: #676767;
    margin-right: 5px;
}

.header_right .idx_lan .lan .language a.on {
    color: #fff;
}

.header_right .idx_lan .lan:hover {
    background: #ff9f00;
}

.header_right .idx_lan .lan:hover .box p {
    color: #fff;
}

.header_right .idx_lan .lan:hover .box .arrow_bg {
    background: url(/images/arrow-down_white2.png) no-repeat;
}

.header_right .idx_lan .plat {
    float: left;
    margin-top: 36px;
    padding-right: 15px;
    margin-left: 16px;
    padding-left: 30px;
    background: url(/images/update1.png) no-repeat left center;
}

.header_right .idx_lan .plat:hover {
    color: #ff9f22;
    background: url(/images/update1_on.png) no-repeat left center;
}

.header_right .hamburger {
    cursor: pointer;
    float: left;
    position: relative;
    width: 66px;
    height: 100px;
}

.header_right .hamburger span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.header_right .hamburger:hover span {
    background: #ff9f22;
}

.header_right .hamburger .span1 {
    margin-top: -8px;
}

.header_right .hamburger .span3 {
    margin-top: 8px;
}

.header.on .header_box,
.header.inner_header .header_box {
    box-shadow: 0 5px 5px 1px rgba(213, 213, 213, .1);
    padding-right: 0;
    background-color: #fff;
}

.header.on .header_box h1 a,
.header.inner_header .header_box h1 a {
    background-image: url(/images/logo.png);
}

.header.on nav li,
.header.inner_header nav li {
    color: #616161;
}

.header.on .idx_lan,
.header.inner_header .idx_lan {
    /*padding: 38px 25px 0;*/
    border: 1px solid #ececec;
    border-top: none;
    border-bottom: none;
    color: #0052ac;
    opacity: 1;
    filter: alpha(opacity=100);
}

/*.header.on .idx_lan .lan,.header.inner_header .idx_lan .lan{background-image: url(/images/arrow-down-orange.png);}*/
.header.on .header_right .plat,
.header.inner_header .header_right .plat {
    background-image: url(/images/update.png);
}

.header.on .header_right .hamburger span,
.header.inner_header .header_right .hamburger span {
    background-color: #242424;
}

.header.on .header_right .hamburger:hover span {
    background: #ff9f22;
}

.header.on .header_right .plat:hover {
    background: url(/images/update1_on.png) no-repeat left center;
}

.header.on nav li:hover .subnav,
.header.inner_header nav li:hover .subnav {
    height: 68px;
}

.header .linkbox .sliderbar {
    height: 0;
}

.header.on .linkbox .sliderbar,
.header.inner_header .linkbox .sliderbar {
    height: 4px;
}

/*footer*/
.footer {
    background-color: #25242a;
}

.footer .auto {
    height: 114px;
    margin-top: 0;
}

.footer .foot_left {
    float: left;
    padding-top: 34px;
    color: #fff;
    line-height: 24px;
}

.footer .foot_left .copyright,
.footer .foot_left a {
    display: inline-block;
    opacity: .5;
    filter: alpha(opacity=50);
}

.footer .foot_left .copyright {
    margin-right: 7px;
}

.footer .foot_left a {
    margin: 0 6px;
}

.footer .foot_left a:hover {
    color: #d1ad6f;
}

.footer .foot_left i {
    display: inline-block;
    opacity: .5;
    filter: alpha(opacity=50);
}

.footer .foot_left .filing {
    margin: 0;
    margin-right: 7px;
}

.footer .foot_right {
    float: right;
    padding-top: 20px;
    color: #eeeae0;
    line-height: 33px;
}

.footer .foot_wechat {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    width: 33px;
    height: 33px;
    background: url(/images/wechat.png);
}

.footer .foot_wechat .qrcode {
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    height: 0;
    overflow: hidden;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.footer .foot_wechat .qrcode .imgbox {
    position: relative;
    padding: 5px;
    background-color: #fff;
}

.footer .foot_wechat .qrcode .imgbox img {
    max-width: 100%;
}

.footer .foot_wechat .qrcode .imgbox:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #fff;
}

.footer .foot_wechat:hover .qrcode {
    height: 160px;
}

/*Ã¥Â£Â°Ã¦ËœÅ¾Ã¤Â»Â¥Ã¥ÂÅ¡Ã¥Å“Â°Ã¥â€ºÂ¾*/
.legal_webmap {
    position: fixed;
    width: 420px;
    height: 100%;
    top: 0;
    right: -420px;
    z-index: 999;
    background: url(/images/right_bg.jpg) no-repeat center top;
    box-sizing: border-box;
    padding: 0 35px;
    overflow: hidden;
}

.legal_webmap .right_close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 33px;
    right: 39px;
    cursor: pointer;
    background: url(/images/right_close.png) no-repeat;
}

.legal_webmap .right_close:hover {
    background: url(/images/right_close_on.png) no-repeat;
}

/*Ã¦Â³â€¢Ã¥Â¾â€¹*/
.legal_webmap .text1 {
    font-family: 'rubik-regular';
    text-transform: uppercase;
    font-size: 40px;
    color: #d1ad6f;
    font-weight: normal;
    line-height: 35px;
    margin-top: 110px;
}

.legal_webmap .text2 {
    font-size: 24px;
    color: #0056c1;
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 26px;
}

.legal_webmap .text3 {
    font-size: 14px;
    color: #999999;
}

/*Ã§Â½â€˜Ã§Â«â„¢Ã¥Å“Â°Ã¥â€ºÂ¾*/
.wab_mapnav {
    margin-top: 80px;
}

.wab_mapnav li {
    padding-bottom: 20px;
    border-bottom: 2px solid #f5e2c7;
    margin-bottom: 17px;
}

.wab_mapnav li .tit {
    font-size: 18px;
    font-weight: bold;
}

.wab_mapnav li .tit a {
    color: #635340;
}

.wab_mapnav li .a_nav {
    margin-top: 5px;
    width: 338px;
}

.wab_mapnav li .a_nav a {
    color: #a0917d;
    font-size: 14px;
    margin-top: 5px;
    margin-right: 20px;
    float: left;
}

.wab_mapnav li .a_nav a:hover {
    color: #ff9f22;
}

.hk_text {
    color: #585552;
    font-size: 14px;
    margin-bottom: 10px;
}

.hk_text em {
    color: #c5955a;
    font-size: 24px;
    font-family: 'rubik-regular';
}

@media screen and (max-height:800px) {
    .wab_mapnav li {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .wab_mapnav li .tit {
        font-size: 15px;
    }

    .wab_mapnav li .a_nav a {
        font-size: 12px;
        margin-top: 2px;
    }
}

/*commom style*/
body {
    background: url(/images/body_bg.jpg) no-repeat center;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.inner_ban {
    height: 185px;
    background-position: center;
    background-repeat: no-repeat;
}

.part {
    position: relative;
}

.part .auto:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.part:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.part .part_left {
    float: left;
    padding-bottom: 80px;
    width: 407px;
}

.part .part_right {
    float: right;
    width: 793px;
    margin-bottom: 40px;
}

.part .part_right .pro_addmoren {
    margin-right: 0;
    /*margin-bottom:30px;*/
}

.slogan {
    position: relative;
}

.slogan h2 {
    font-weight: normal;
    margin-bottom: 19px;
    margin-top: 12px;
    line-height: 26px;
    letter-spacing: 4px;
    font-size: 24px;
    color: #a6a3aa;
}

.slogan div {
    position: relative;
    z-index: 3;
}

.slogan .en {
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 26px;
    color: #504a5a;
    letter-spacing: -1px;
    opacity: .5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
}

.slogan .cn {
    margin-bottom: 3px;
    font-size: 20px;
    line-height: 26px;
    color: #9d8068;
    letter-spacing: 8px;
    opacity: .6;
    filter: alpha(opacity=60);
}

.slogan .since {
    font-size: 24px;
    line-height: 26px;
    color: #d1ad6f;
    opacity: .6;
    filter: alpha(opacity=60);
}

.slogan .round1 {
    position: absolute;
    top: 285px;
    left: -130px;
    z-index: 1;
}

.slogan .round2 {
    position: absolute;
    top: 212px;
    left: -86px;
    z-index: 2;
}

.slogan .line1 {
    position: absolute;
    top: 209px;
    left: -388px;
    z-index: 0;
    max-width: none;
    pointer-events: none;
}

.slogan .three_dime {
    position: absolute;
    top: 357px;
    left: 178px;
    z-index: 0;
    max-width: none;
    pointer-events: none;
}

.prize {
    margin-top: 150px
}

.prize h4 {
    color: #aea189;
    font-size: 18px;
    margin-top: 10px;
}

.prize p {
    color: #d1ad6f;
    font-size: 14px;
    margin-top: 20px;
}

/*.report{position: relative; margin-top: 159px;}*/
.report .tit {
    font-size: 20px;
    color: #9b8b6f;
    letter-spacing: 4px;
}

.report .tit img {
    margin-bottom: 7px;
}

.report .des {
    margin-top: 58px;
    color: #00b1b0;
    font-size: 15px;
    line-height: 22px;
}

.report .des p {
    color: #00b1b0;
}

.readonline {
    display: block;
    margin-top: 24px;
    padding-left: 24px;
    width: 163px;
    height: 56px;
    line-height: 56px;
    font-size: 15px;
    color: #00b1b0;
    border-radius: 28px;
    background-repeat: no-repeat;
    background-image: url(/images/icon4.png);
    background-color: #e6d9bd;
    background-position: 108px center;
    transition: all .5s;
}

.readonline:hover {
    color: #fff;
    background-color: #d1ad6f;
}

.focus {
    position: relative;
    margin-top: 50px;
}

.focus .icon {
    position: absolute;
    top: 20px;
    left: -50px;
}

.focus .tit {
    font-size: 16px;
    color: #797673;
}

.focus .des {
    color: #797673;
    line-height: 18px;
}

.focus .qrcode {
    margin-top: 14px;
    width: 110px;
}

.crumbs_bg {
    width: 100%;
    background: #f6f6f6;
    height: 70px;
}

.crumbs {
    padding-top: 23px;
    color: #6c6c6c;
    font-size: 15px;
    opacity: .77;
    filter: alpha(opacity=77);
    overflow: hidden;
    float: left;
}

.crumbs a {
    display: block;
    float: left;
}

.crumbs a:hover {
    color: #d1ad6f;
}

.crumbs i {
    display: block;
    float: left;
    margin: 8px 12px 0;
    width: 5px;
    height: 10px;
    background: url(/images/arrow2.png);
}

.crumbs_bg .right {
    float: right;
}

.crumbs_bg .right a {
    line-height: 70px;
    color: #999999;
    font-size: 15px;
    margin-left: 30px;
}

.crumbs_bg .right a:hover {
    color: #d1ad6f;
}

.crumbs_bg .right a.on {
    color: #d1ad6f;
}

.vi_blue {
    color: #0056c1 !important;
}

.test {
    opacity: .2 !important;
}

/*commom end*/

/*index*/
#content.index {
    margin-top: 0;
    background-color: #fbf8f1;
}

.master-slider {
    min-width: 1200px !important;
    max-width: 2200px !important;
    margin: 0 auto !important;
}

.ms-slide {
    min-width: 1280px;
}

#masterslider .ms-container .ms-nav-prev {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    background: url(/images/l.png) no-repeat center;
    background-color: rgba(0, 0, 0, .4);
}

#masterslider .ms-container .ms-nav-next {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    background: url(/images/r.png) no-repeat center;
    background-color: rgba(0, 0, 0, .4);
}

/*Ã¨Â½Â®Ã¦â€™Â­Ã¦â€“â€¡Ã¥Â­â€”*/
.text_zi {
    width: 100%;
    background: none;
    position: absolute;
    top: 254px;
    z-index: 1;
}

.text_zi .box {
    width: 1200px;
    margin: 0 auto;
}

.text_zi .box h3 {
    font-weight: bold;
    font-size: 28px;
    color: #0055bf;
    font-weight: normal;
}

.text_zi .box h2 {
    font-size: 52px;
    color: #f6c164;
    font-weight: normal;
    margin: 28px 0;
    letter-spacing: 15px;
}

.text_zi .box p {
    font-size: 16px;
    color: #535353;
    opacity: .6;
    filter: alpha(opacity=60);
    text-transform: uppercase;
}

.text_zi.on1 {
    top: 140px;
}

.text_zi.on1 h2 {
    color: #ffd098;
    font-size: 60px;
    text-align: center;
    margin-bottom: 26px;
    letter-spacing: 4px;
    font-family: 'rubik-regular';
    margin-top: 95px;
}

.text_zi.on1 p {
    color: #3c7dec;
    font-size: 50px;
    text-align: center;
    margin-bottom: 12px;
    margin-top: 50px;
    letter-spacing: 4px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.text_zi.on1 h3 {
    color: #ffffff;
    font-size: 24px;
    font-family: 'rubik-regular';
    text-align: center;
    letter-spacing: 7px;
    opacity: .6;
    filter: alpha(opacity=60);
}

.text_zi.on1 em {
    width: 177px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 15px;
    padding: 6px 20px;
    background: #e3c58e;
    border-radius: 20px;
    text-align: center;
    display: block;
    box-sizing: border-box;
    display: none;
}

.text_zi.on1 img {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
}

.text_zi.on4 {
    top: 320px;
}

/*.text_zi.on4 h3{color:#ffffff;}*/
/*.text_zi.on4 .box p{color:#ffffff;}*/
.text_zi.on5 {
    top: 320px;
}

.text_zi.on5 h3 {
    color: #ffffff;
}

.text_zi.on5 .box p {
    color: #ffffff;
}

.text_zi.on3 {
    top: 280px;
}

.text_zi.ontxt-r h2 {
    text-align: right;
    margin-right: -15px;
}

.text_zi.ontxt-r h3 {
    text-align: right;
    color: #fff;
}

.text_zi.ontxt-r p {
    text-align: right;
    color: #fff;
}

.idx_top {
    margin-top: -260px;
    position: relative;
    height: 260px;
    z-index: 2;
}

.idx_top .box {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1700px;
    height: 100%;
    background: url(/images/idx_pic_02.png);
    display: none;
}

.idx_news_box {
    float: right;
    width: 483px;
    position: relative;
}

.idx_news_box .a_tit {
    width: 100%;
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 0;
    padding-bottom: 5px;
    border-bottom: 2px solid #efe5d9;
    height: 35px;
}

.idx_news_box .a_tit a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin-right: 20px;
    padding-bottom: 9px;
}

.idx_news_box .a_tit a.on {
    color: #ff9f22;
    border-bottom: 2px solid #ff9f22;
}

.idx_news {
    display: block;
    float: right;
    padding-top: 75px;
    width: 483px;
}

.idx_news h4 {
    margin-bottom: 15px;
    font-weight: normal;
    color: #0055bf;
    font-size: 20px;
}

.idx_news .time {
    margin-bottom: 5px;
    font-family: 'rubik-regular';
    font-size: 24px;
    color: #c0a988;
}

.idx_news .abs {
    color: #535353;
    opacity: .6;
    filter: alpha(opacity=60);
    /*border-bottom:2px solid #efe5d9;*/
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.idx_news .readnum {
    margin-top: 10px;
    padding-left: 24px;
    background: url(/images/eye.png) no-repeat left center;
    color: #ccc;
    font-family: 'montserrat-regular';
}

.idx_news em {
    font-size: 14px;
    color: #c5955a;
    margin-top: 10px;
}

.rf_layout {
    float: right;
    padding-right: 40px;
    padding-top: 49px;
    padding-left: 26px;
    width: 716px;
    height: 100%;
}

.rf_layout .tit {
    float: left;
    margin-top: 5px;
    padding-left: 13px;
    border-left: 3px solid #dbdbdb;
    position: relative;
    z-index: 2;
}

.rf_layout .tit .cn {
    color: #c5955a;
    font-size: 20px;
    line-height: 20px;
}

.rf_layout .tit .en {
    position: relative;
    top: 4px;
    margin-top: 13px;
    text-transform: uppercase;
    color: #bd9546;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -1px;
    font-family: 'rubik-regular';
}

.rf_layout .idx_map {
    float: left;
    margin-left: -78px;
    margin-top: -14px;
    /* margin-right: 28px; */
}

.rf_layout .idx_contact {
    float: left;
    /*padding-top: 10px;*/
    width: 218px;
    margin-left: -24px;
}

.rf_layout .idx_contact .stock {
    padding-left: 46px;
    font-size: 14px;
    color: #585552;
    line-height: 22px;
}

.rf_layout .idx_contact .stock .num {
    margin-bottom: 2px;
    color: #c5955a;
    font-size: 24px;
    font-family: 'rubik-regular';
}

.rf_layout .idx_contact .advisory {
    margin-top: 12px;
    padding-left: 46px;
}

.rf_layout .idx_contact .advisory .title {
    font-size: 16px;
    color: #2b344b;
    opacity: .6;
    filter: alpha(opacity=60);
}

.rf_layout .idx_contact .advisory .tip {
    margin-top: 2px;
    font-size: 13px;
    color: #999999;
    line-height: 22px;
    position: relative;
}

.rf_layout .idx_contact .advisory .tip em {
    color: #d1ad6f;
    font-size: 14px;
    font-family: 'rubik-regular';
}

.rf_layout .idx_contact .advisory .tip .earth {
    width: 52px;
    height: 50px;
    position: absolute;
    left: -61px;
    top: -15px;
}

.rf_layout .idx_contact .advisory .email {
    color: #8e90a2;
    font-size: 15px;
    font-family: 'rubik-regular';
}

.idx_business {
    position: relative;
}

.idx_business .slogan {
    position: absolute;
    top: 0;
    left: 50%;
    padding-top: 77px;
    margin-left: -600px;
    width: 1200px;
    height: 198px;
}

.idx_business .slogan .plan {
    position: absolute;
    top: 38px;
    left: 330px;
}

.idx_business .slogan .en {
    letter-spacing: -5px;
    font-family: 'rubik-regular';
    margin-bottom: 8px;
    font-size: 72px;
    line-height: 50px;
    color: #fff;
    opacity: .1;
    filter: alpha(opacity=10);
}

.idx_business .slogan .cn {
    font-size: 18px;
    line-height: 29px;
    color: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
}

.idx_business .bg {
    height: 490px;
    background: url(/images/idx-bg1.jpg) no-repeat center;
}

.idx_business .contbox {
    margin-top: -293px;
    position: relative;
    height: 457px;
    z-index: 3;
}

.idx_business .box {
    position: absolute;
    right: 0;
    top: 0;
    width: 1700px;
}

.idx_business .slidebox {
    position: relative;
}

.idx_business .slidebox .hd {
    position: absolute;
    top: -122px;
    right: -31px;
    z-index: 2;
}

.idx_business .slidebox .hd li {
    float: left;
    margin-right: 31px;
    padding-bottom: 29px;
    cursor: pointer;
}

.idx_business .slidebox .hd li:first-child {
    margin-right: 35px;
}

/*.idx_business .hd li.on{border-bottom: 4px solid #ff9f22;}*/
.idx_business .hd .tab1.on .tab {
    background-image: url(/images/idx_on_03.png) !important;
}

.idx_business .hd .tab2.on .tab {
    background-image: url(/images/idx_on_05.png) !important;
}

.idx_business .hd .tab4.on .tab {
    background-image: url(/images/idx_on_07.png) !important;
}

.idx_business .hd .tab3.on .tab {
    background-image: url(/images/idx_on_09.png) !important;
}

.idx_business .hd .tab5.on .tab {
    background-image: url(/images/idx_on_11.png) !important;
}

.idx_business .hd .tab6.on .tab {
    background-image: url(/images/idx_on_13.png) !important;
}

.idx_business .hd .tab7.on .tab {
    background-image: url(/images/idx_on_15.png) !important;
}

.idx_business .hd .tab8.on .tab {
    background-image: url(/images/idx_on_17.png) !important;
}

.idx_business .hd .tab9.on .tab {
    background-image: url(/images/idx_on_19.png) !important;
}

.idx_business .hd li.on .tab div {
    opacity: 1;
    filter: alpha(opacity=100);
}

.idx_business .btn {
    position: absolute;
    top: 227px;
    right: 0;
    z-index: 2;
    width: 134px;
    height: 66px;
    background-color: #5c5c5c;
}

.idx_business .btn .bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: url(/images/btn-bg.png);
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.idx_business .btn .bg.on {
    right: 50%;
}

.idx_business .btn a {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
    height: 100%;
}

.idx_business .btn .prev {
    background: url(/images/l.png) no-repeat center;
}

.idx_business .btn .next {
    background: url(/images/r.png) no-repeat center;
}

.idx_business .bd li {
    position: relative;
    height: 457px;
    background-repeat: no-repeat;
    background-position: right center;
}

.idx_business .slidebox .tab {
    padding-top: 73px;
    background-repeat: no-repeat;
    background-position: center top;
    color: #eceffe;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.idx_business .slidebox .tab div {
    opacity: .5;
    filter: alpha(opacity=50);
}

.idx_business .slidebox .txt {
    position: absolute;
    top: 130px;
    right: 224px;
    width: 480px;
}

.idx_business .slidebox .cn {
    margin-bottom: 5px;
    font-size: 30px;
    line-height: 30px;
    color: #3647bc;
}

.idx_business .slidebox .en {
    margin-bottom: 10px;
    font-size: 33px;
    line-height: 33px;
    color: #3647bc;
    font-family: 'rubik-regular';
    color: #333;
    opacity: .6;
    filter: alpha(opacity=60);
}

.idx_business .slidebox p {
    color: #535353;
    line-height: 22px;
    opacity: .6;
    filter: alpha(opacity=60);
}

.idx_business .slidebox em {
    display: block;
    margin-top: 15px;
    width: 43px;
    height: 13px;
    background: url(/images/arrow1.png) no-repeat right center;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.idx_business .slidebox .txt:hover em {
    width: 63px;
}

.idx_business .bd {
    width: 901px;
    float: left;
}

.idx_business .txtbox {
    width: 799px;
    height: 457px;
    float: right;
    background: url(/images/group_txt.jpg);
}

.idx_business .txtbox .txt {
    display: none;
}

.idx_business .txtbox .txt:first-child {
    display: block;
}

.index .part3 {
    margin-top: 7px;
    padding-bottom: 80px;
    overflow: hidden;
}

.index .part3 .founder {
    float: right;
    width: 792px;
    height: 253px;
    background: url(/images/idx_pic_08.jpg) no-repeat left;
}

.index .part3 .type {
    height: 100%;
    float: left;
    padding-left: 30px;
    padding-top: 118px;
    width: 303px;
    box-sizing: border-box;
}

.index .part3 .type:hover {
    -webkit-animation-name: xie_s;
    animation-name: xie_s;
    animation-duration: 0.7s;
}

.index .part3 .cn {
    font-size: 18px;
    color: #333;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.index .part3 .en {
    font-family: 'rubik-regular';
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #ba9b65;
    line-height: 18px;
    margin-top: 5px;
}

.index .part3 .founder img {
    float: left;
    width: 489px;
}

.index .part3 .founder img:hover {
    -webkit-animation-name: xie_s;
    animation-name: xie_s;
    animation-duration: 0.7s;
}

.index .part3 .res {
    float: left;
    width: 401px;
    height: 253px;
    background: url(/images/idx_pic_11.jpg);
}

.index .part3 .res:hover {
    -webkit-animation-name: xie_s;
    animation-name: xie_s;
    animation-duration: 0.7s;
}

/*index end*/

/*
 * inner page
 * about
 * */
.about .inner_ban {
    background-image: url(/images/banner/about_ban.jpg);
}

.about .company_profile {
    /*padding-bottom: 96px;*/
    overflow: hidden;
}

.about .rf_des .tit {
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 26px;
}

.about .rf_des p {
    color: #757378;
    font-size: 15px;
    line-height: 26px;
}

.about .rf_des .strong {
    font-size: 18px;
}

.about .rf_des .strong1 {
    font-size: 20px;
}

.about .brand_achievement {
    position: relative;
    padding-top: 120px;
}

.about .brand_achievement .earth {
    position: absolute;
    left: -115px;
    top: 207px;
}

.about .brand_achievement .achievement_total p {
    font-size: 16px;
    color: #a4b4da;
    line-height: 36px;
}

.about .brand_achievement .achievement_total em {
    margin: 0 4px;
    font-family: 'rubik-regular';
    font-size: 36px;
    color: #ffedb9;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0px;
}

.about .brand_achievement hr {
    margin-top: 16px;
    width: 361px;
    border: none;
    border-top: 3px solid #5788d0;
}

.about .brand_achievement .achievement_detail {
    margin-top: 18px;
}

.about .brand_achievement .achievement_detail p {
    line-height: 26px;
    color: #9cc3e0;
    opacity: .5;
    filter: alpha(opacity=50);
}

.about .brand_slogan {
    height: 761px;
    background: url(/images/about_bg4.jpg) no-repeat center;
    overflow: hidden;
}

.about .brand_slogan .brand_txt {
    margin-top: 500px;
    float: left;
}

.about .brand_slogan .brand_txt p {
    font-size: 28px;
    color: #d1ad6f;
    line-height: 36px;
}

.about .brand_slogan .brand_txt h3 {
    color: #bc9c51;
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    height: 32px;
    border-left: 5px solid #eee3c7;
    padding-left: 14px;
    margin-top: 22px;
}

.about .brand_slogan .brand_txt span {
    float: left;
    margin: 0 7px;
}

.about .brand_slogan .brand_txt h3 em {
    color: #0867ce;
    font-size: 42px;
    font-family: 'rubik-regular';
    float: left;
}

.about .brand_slogan .about_map {
    margin-top: 386px;
    float: right;
    width: 492px;
    height: 276px;
    background: url(/images/about_map.png) no-repeat;
    background-size: 100% auto;
    margin-right: 96px;
}

.about .brand_way {
    height: 705px;
    background: url(/images/about_bg2.jpg) no-repeat center;
    z-index: 2;
}

.about .brand_way .part_right {
    position: absolute;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
    float: none;
    margin-top: 50px;
}

.about .brand_way .way_img {
    float: left;
}

.about .brand_way .rf_brand {
    float: left;
    width: 774px;
    padding-top: 52px;
    padding-left: 40px;
    padding-right: 40px;
    height: 391px;
    background: url(/images/about_bg3.jpg);
    box-sizing: border-box;
}

.about .brand_way .rf_brand .en {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: -2px;
    color: #b3b1b6;
}

.about .brand_way .rf_brand .cn {
    margin-bottom: 12px;
    font-size: 22px;
    clear: both;
}

.about .brand_way .rf_brand .brand_idea {
    float: left;
    margin-bottom: 23px;
    width: 350px;
    color: #999999;
    letter-spacing: -1px;
}

.about .brand_way .rf_brand .idea_sm {
    margin-left: 30px;
    width: 290px;
}

.about .brand_way .group_stage {
    float: right;
    margin-top: 70px;
    margin-right: 120px;
    position: relative;
}

.about .brand_way .group_stage a {
    display: inline-block;
    width: 171px;
    height: 65px;
    position: absolute;
}

.about .brand_way .group_stage a.on1 {
    top: 0px;
    left: 204px;
}

.about .brand_way .group_stage a.on2 {
    top: 55px;
    left: 32px;
}

.about .brand_way .group_stage a.on3 {
    top: 56px;
    right: 75px;
}

.about .brand_way .group_stage a.on4 {
    top: 218px;
    left: 0px;
}

.about .brand_way .group_stage a.on5 {
    top: 217px;
    right: 5px;
}

.about .brand_way .group_stage a.on6 {
    top: 378px;
    left: 0px;
}

.about .brand_way .group_stage a.on7 {
    top: 329px;
    right: 30px;
    display: none;
}

.about .brand_way .group_stage a.on8 {
    bottom: 14px;
    left: 209px;
}

.about .brand_way .group_stage a.on9 {
    bottom: 84px;
    right: 64px;
}

/*Ã¥â€¦Â¨Ã§ÂÆ’Ã¥Â¸Æ’Ã¥Â±â‚¬*/
.layout {
    width: 100%;
    height: 850px;
    background: url(/images/layout_bg.jpg) no-repeat;
    overflow: hidden;
}

.layout .auto {
    height: 850px;
    margin-top: 0;
}

.layout .title1 {
    font-size: 40px;
    color: #d1ad6f;
    font-family: 'rubik-regular';
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 43px;
}

.layout .title2 {
    font-size: 24px;
    color: #0056c1;
    margin-top: 15px;
}

.years {
    margin-left: 120px;
    margin-top: 289px;
}

.years .years_box {
    padding-left: 14px;
    border-left: 4px solid #e6d9bd;
    font-size: 33px;
    color: #d1ad6f;
    height: 108px;
    line-height: 55px;
}

.years .years_box em {
    font-size: 56px;
    color: #0056c1;
    font-family: 'rubik-regular';
}

.years p {
    font-size: 16px;
    color: #d4b79d;
    margin-top: 18px;
    margin-left: 17px;
}

.layout_list li {
    position: absolute;
    cursor: pointer;
}

.layout_list li p {
    font-size: 16px;
    color: #666666;
    font-family: 'rubik-regular';
    text-transform: uppercase;
    line-height: 18px;
    transition: all .2s;
}

.layout_list li p em {
    font-size: 14px;
    color: #999999;
    transition: all .2s;
    font-weight: normal;
}

.layout_list li:hover p {
    color: #0056c1;
}

.layout_list li:hover p em {
    color: #ff9f22;
}

.layout_list li.li1 {
    width: 192px;
    height: 91px;
    top: 115px;
    left: 365px;
    background: url(/images/layout_map1.png) no-repeat;
}

.layout_list li.li1 p {
    float: right;
    margin-top: 37px;
}

.layout_list li.li2 {
    width: 333px;
    height: 243px;
    top: 183px;
    right: 85px;
    background: url(/images/layout_map2.png) no-repeat;
}

.layout_list li.li2 p {
    font-size: 18px;
    float: right;
    margin-top: 103px;
    margin-right: 47px;
    font-weight: bold;
}

.layout_list li.li2 p em {
    font-weight: normal;
}

/*.layout_list li.li2:hover p{color:#0056c1;}
.layout_list li.li2:hover  p em{color:#ff9f22;}*/
.layout_list li.li3 {
    width: 112px;
    height: 73px;
    top: 417px;
    right: 267px;
    background: url(/images/layout_map3.png) no-repeat;
}

.layout_list li.li3 p {
    margin-left: 4px;
}

.layout_list li.li4 {
    width: 127px;
    height: 50px;
    top: 444px;
    right: 120px;
    background: url(/images/layout_map4.png) no-repeat;
}

.layout_list li.li4 p {
    float: right;
    margin-top: 24px;
    padding-right: 5px;
}

.layout_list li.li5 {
    width: 277px;
    height: 181px;
    top: 540px;
    right: 0;
    background: url(/images/layout_map5.png) no-repeat;
}

.layout_list li.li5 p {
    float: right;
    margin-top: 55px;
}

.layout_list li.li6 {
    /* width: 203px; */
    /* height: 40px; */
    top: 358px;
    right: 204px;
    background: url(/images/layout_map6.png) no-repeat;
    padding: 0 20px 0 0;
    background-position: right bottom;
}

.layout_list li.li6 h3 {
    font-size: 16px;
    color: #666;
    font-weight: 500;
}

.layout_list li.li6&gt;p {
    white-space: nowrap;
}

.layout_list li.li6 p {
    /* padding-top: 20px; */
    font-size: 14px;
    text-align: left;
    /* white-space: nowrap; */
}

.layout_list li.li6 .content {
    width: 240px;
    height: 100px;
    top: auto;
    bottom: 0;
}

.layout_list li.li6 .content .con_text {
    width: 180px;
}

.layout_list li.li6 .content .con_text p {
    padding-top: 5px;
}

.layout_list li .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: 77px;
    background: #fff;
    box-shadow: 2px 2px 5px #c1c1c1;
    box-sizing: border-box;
    padding-top: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.layout_list li .content .layout_dingwei {
    width: 16px;
    height: 20px;
    background: url(/images/layout_dingwei.png) no-repeat;
    margin-left: 20px;
    float: left;
}

.layout_list li .content .con_text {
    display: inline-block;
    width: 111px;
    margin-left: 12px;
    float: left;
}

.layout_list li .content .con_text h3 {
    color: #666666;
    font-size: 16px;
    font-weight: normal;
    margin-top: -3px;
}

.layout_list li .content .con_text p {
    color: #999999;
    font-size: 14px;
    margin-top: 0;
    margin-left: 0;
    float: none;
}

.layout_list li.li1 .content {
    top: 26px;
    left: 20px;
}

.layout_list li.li3 .content {
    top: 0;
    left: -97px;
}

.layout_list li.li4 .content {
    top: 0;
    left: 12px;
}

.layout_list li.li5 .content {
    top: 26px;
    left: 85px;
}

.layout_list li:hover .content {
    opacity: 1;
    filter: alpha(opacity=100);
    animation-name: z_fadeinup;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
}

.china_box {
    width: 771px;
    height: 513px;
    position: absolute;
    background: #fff;
    top: 238px;
    left: 0;
    /*display:none;*/
}

.china_box .layout_close {
    position: absolute;
    right: -50px;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(/images/layout_close.png) no-repeat;
    cursor: pointer;
    transition: all .3s;
}

.china_box .layout_close:hover {
    background: url(/images/layout_close_on.png) no-repeat;
}

.china_box .info {
    width: 650px;
    height: 513px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 40px 0;
    overflow: auto;
}

.china_box .info .title {
    font-size: 24px;
    color: #ff9f22;
    margin-top: 30px;
    padding-bottom: 33px;
    border-bottom: 3px solid #f6f6f6;
}

.china_box .info .title span {
    float: left;
}

.china_box .info .title em {
    color: #999999;
    font-family: 'rubik-regular';
    text-transform: uppercase;
    font-weight: normal;
    float: left;
    margin-top: 2px;
    margin-left: 20px;
}

.china_box .china_area {
    color: #999999;
}

.china_box .china_area p {
    color: #999999;
    margin-top: 6px;
}

.china_box .china_area .hot {
    color: #0056c1;
    font-size: 16px;
    margin-top: 20px;
}

.china_box .china_area p em {
    width: 59px;
    color: #d1ad6f;
    /*margin-right:19px;*/
    display: inline-block;
}

.china_box .btn {
    width: 154px;
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    color: #ffffff;
    box-sizing: border-box;
    text-align: right;
    padding-right: 44px;
    background: #0056c1 url(/images/layout_jian.png) no-repeat;
    background-position: 125px 18px;
    float: right;
    cursor: pointer;
}

.china_box .info .mcsb_scrolltools .mcsb_draggerrail {
    background: #e6d9bd;
}

.china_box .info .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
    width: 4px;
    background: #d1ad6f;
}

/*about founders*/
.founder {
    overflow: hidden;
}

.founder .about_founders {
    padding-bottom: 37px;
}

.founder .founder_info {
    /*padding-top: 46px;*/
    overflow: hidden;
}

.founder .founder_info .info {
    float: left;
    padding-top: 31px;
    width: 345px;
    line-height: 24px;
    color: #757378;
    opacity: .8;
    filter: alpha(opacity=80);
}

.founder .founder_info .info1 {
    margin-right: 60px;
}

.founder .founder_info .info .name {
    margin-bottom: 23px;
    font-size: 20px;
    font-weight: bold;
}

/*about responsible*/
.business_approach {
    /*padding-bottom: 10px;*/
}

.business_approach .part_right {
    /*margin-top:50px;*/
    margin-bottom: 20px;
}

.business_approach .manage {
    /*padding-top: 44px;*/
}

.business_approach .manage .box1 {
    float: left;
    padding: 44px 40px 0;
    width: 370px;
    height: 370px;
    background-color: #eae4d3;
    box-sizing: border-box;
}

.business_approach .manage .box1 img {
    float: right;
}

.business_approach .manage .box1 .tit {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 22px;
    color: #504a5a;
}

.business_approach .manage .box1 p {
    color: #999999;
    font-size: 15px;
}

.business_approach .manage&gt;img {
    float: right;
}

.symbiotic_symbiosis {
    height: 494px;
    background: url(/images/about_bg5.jpg) no-repeat center;
}

.symbiotic_symbiosis .auto {
    margin-top: 0;
}

.symbiotic_symbiosis .symbiotic {
    position: relative;
    padding-top: 85px;
    padding-right: 75px;
    font-size: 16px;
    line-height: 26px;
    /* margin-bottom: 14px; */
}

.symbiotic_symbiosis .symbiotic .earth {
    position: absolute;
    top: 188px;
    left: -115px;
}

.symbiotic_symbiosis .symbiotic .tit {
    font-size: 22px;
    color: #fff;
    margin-bottom: 28px;
}

.symbiotic_symbiosis .symbiotic .info {
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    padding-top: 20px;
    border-top: 3px solid #45bf98;
}

.symbiotic_symbiosis .surrounding {
    padding-top: 55px;
    padding-right: 40px;
    padding-left: 40px;
    height: 370px;
    background: url(/images/about_bg_07.jpg);
}

.symbiotic_symbiosis .surrounding .tit {
    margin-top: 32px;
    margin-bottom: 25px;
    font-size: 22px;
    color: #504a5a;
}

.symbiotic_symbiosis .symbiotic .tit img {
    float: left;
}

.symbiotic_symbiosis .symbiotic .tit .text {
    float: left;
    margin-left: 25px;
    margin-top: 5px;
}

.symbiotic_symbiosis .symbiotic .tit .text h3 {
    color: #ffffff;
    font-size: 24px;
    font-weight: normal;
}

.symbiotic_symbiosis .symbiotic .tit .text p {
    font-size: 18px;
    color: #ffffff;
    margin-top: 5px;
}


.symbiotic_symbiosis .surrounding p {
    color: #737078;
    margin-bottom: 24px;
    font-weight: normal;
}

.symbiotic_symbiosis .surrounding .tit img {
    float: left;
}

.symbiotic_symbiosis .surrounding .tit .text {
    float: left;
    margin-left: 25px;
    margin-top: 5px;
}

.symbiotic_symbiosis .surrounding .tit .text h3 {
    color: #757378;
    font-size: 24px;
}

.symbiotic_symbiosis .surrounding .info {
    color: #999999;
    padding-top: 20px;
    border-top: 3px solid #f6eee0;
    width: 558px;
}

.social {
    /*padding-bottom:40px;*/
    background: #fbf8f1;
}

.social .auto {
    margin-top: 0;
}

.social .social_idea {
    width: 1700px;
    position: relative;
    padding-top: 65px;
    padding-bottom: 27px;
    top: -113px;
    background: #ecf2fb url(/images/about_bg_10.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.social .social_idea.on {
    background: #ecf2fb url(/images/about_bg_10_on.jpg) no-repeat left bottom;
}

.social .social_idea .part_right {
    float: none;
    margin-left: 490px;
}

.social .social_idea .part_right .tit {
    margin-bottom: 24px;
}

.social .social_idea .part_right .tit img {
    float: left;
}

.social .social_idea .part_right .tit .text {
    float: left;
    margin-left: 25px;
    margin-top: 5px;
}

.social .social_idea .part_right .text h3 {
    color: #757378;
    font-size: 24px;
    font-weight: normal;
}

.social .social_idea .part_right .info {
    color: #999999;
    padding-top: 20px;
    border-top: 3px solid #f6eee0;
    width: 558px;
    font-size: 18px;
    line-height: 27px;
}

.social .social_idea .part_right .info em {
    color: #d1ad6f;
    font-family: 'rubik-regular';
}

.social .social_idea .about_drop {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/images/about_drop.png);
    cursor: pointer;
    margin-left: 1111px;
    margin-top: 5px;
}

.social .social_idea .about_drop.on {
    background: url(/images/about_drop_on.png);
}

.social .soc_box {
    margin-top: 60px;
    display: none;
}

.social .soc_box .box_info {
    margin-left: 490px;
    width: 602px;
}

.social .soc_box .box_info li {
    margin-bottom: 15px;
}

.social .soc_box .box_info li h3 {
    color: #d1ad6f;
    font-size: 18px;
    font-weight: normal;
}

.social .soc_box .box_info li p {
    color: #999999;
    font-size: 14px;
}

.social .sports {
    width: 1114px;
    margin: 40px 0;
    margin-left: 92px;
    height: 221px;
    position: relative;
}

.social .sports .six_serimg {
    width: 362px;
    float: left;
}

.social .sports .six_serimg .bd li {
    width: 362px;
    height: 221px;
}

.social .sports .six_serimg .hd {
    position: absolute;
    text-align: center;
    right: 50px;
    top: 43px;
}

.social .sports .six_serimg .hd li {
    width: 10px;
    height: 10px;
    background: #dbdbdb;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
    border-radius: 50%;
}

.social .sports .six_serimg .hd li.on {
    background: #f0c419;
}

.social .sports .right {
    float: left;
    width: 751px;
    height: 221px;
    background: #fff;
}

.social .sports .right .box {
    width: 602px;
    margin-top: 35px;
    margin-left: 37px;
}

.social .sports .right .box .info {
    display: none;
}

.social .sports .right .box h3 {
    color: #d1ad6f;
    font-size: 18px;
}

.social .sports .right .box h4 {
    color: #999999;
    font-size: 14px;
    margin-top: 17px;
}

.social .sports .right .box p {
    color: #999999;
    font-size: 14px;
    margin-top: 3px;
}


.social .social_idea .tit {
    margin-bottom: 5px;
    font-size: 22px;
    color: #504a5a;
}

.social .social_idea p {
    color: #737078;
}

.hornorbox {
    /*padding-bottom: 100px;*/
    /*margin-top:137px;*/
}

.hornorbox .pro_addmoren {
    float: left;
    margin-left: 16px;
}

.hornorbox .top {
    margin-top: 47px;
    padding-top: 95px;
    padding-left: 40px;
    height: 435px;
    background: url(/images/hornor.jpg);
}

.hornorbox .top .tit {
    font-size: 18px;
}

.hornorbox .top .en {
    font-size: 48px;
    color: #f3edc8;
    text-transform: uppercase;
    letter-spacing: -2px;
    margin-top: 18px;
    margin-bottom: 32px;
}

.hornorbox .top p {
    color: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
}

.hornorbox .hornorlist {
    position: relative;
    /* margin-top: 48px;*/
    /*margin-bottom:30px;*/
}

.hornorbox .hornorlist:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 9px;
    width: 4px;
    height: 100%;
    background-color: #e5d5a8;
}

.hornorbox .hornorlist ul {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.hornorbox .hornorlist li {
    margin-bottom: 30px;
    overflow: hidden;
}

.hornorbox .hornorlist .year {
    float: left;
    padding-left: 45px;
    width: 140px;
    background: url(/images/arrow5.png) no-repeat left center;
    font-size: 28px;
    color: #cba158;
    font-family: 'rubik-regular';
}

.hornorbox .hornorlist .hornorinfo {
    float: left;
    width: 610px;
}

.hornorbox .hornorinfo p {
    color: #535353;
    opacity: .7;
    filter: alpha(opacity=70);
}

.hornorbox .more {
    display: block;
    margin-top: 1px;
    margin-left: 45px;
    width: 402px;
    height: 62px;
    line-height: 62px;
    text-align: right;
    padding-right: 40px;
    background-color: #0056c1;
    color: #fff;
    font-size: 18px;
}

.history {}

.historybox {
    margin-top: -239px;
    height: 564px;
}

.historybox:before {
    content: '';
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    height: 337px;
    background: url(/images/history_bg.png) no-repeat center;
}

.historybox .auto {
    height: 100%;
    position: relative;
}

.historybox .earth1 {
    position: absolute;
    right: 0;
    top: 20px;
}

.course {
    width: 100%;
    height: 100%;
    position: absolute;
}

.course li {
    width: 100%;
    height: 564px;
    position: relative;
}

.course .btn {
    width: 112px;
    height: 56px;
    position: absolute;
    right: 21px;
    bottom: 166px;
    background: #f7efdf;
}

.course .btn a {
    display: inline-block;
    width: 56px;
    height: 56px;
    position: relative;
    z-index: 2;
}

.course .btn a.prev {
    background: url(/images/product/jizhu_prev.png) no-repeat center;
    transition-duration: .1s;
}

.course .btn a.next {
    background: url(/images/product/jizhu_next.png) no-repeat center;
    margin-left: -5px;
    transition-duration: .1s;
}

.course .btn .bg {
    width: 56px;
    height: 56px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f2daac;
    transition-duration: .3s;
}

.historybox .item {
    position: absolute;
    padding-left: 34px;
    width: 300px;
    background: url(/images/history_icon1.png) no-repeat left top;
}

.historybox .item h4 {
    margin-bottom: 8px;
    font-size: 20px;
    color: #757378;
    line-height: 26px;
}

.historybox .item .des {
    font-size: 14px;
    color: #999;
    line-height: 22px;
}

.historybox .item1 {
    left: 0px;
    bottom: 148px;
}

.historybox .item2 {
    left: 297px;
    bottom: 262px;
}

.historybox .item3 {
    left: 600px;
    bottom: 208px;
}

.historybox .item4 {
    left: 898px;
    bottom: 342px;
}

.historybox .item5 {
    left: 600px;
    bottom: 385px;
}

.historybox .item6 {
    left: 813px;
    bottom: 486px;
    width: 317px;
    background: url(/images/earth1.png) no-repeat right top;
}

/*news*/
p {
    color: #737078;
}

.news .inner_ban {
    background: url(/images/banner/news_ban.jpg);
}

.newslist .top {
    /*margin-top: 47px;*/
    padding-bottom: 36px;
    overflow: hidden;
    background-color: #f4eee1;
}

.newslist .top .img {
    overflow: hidden;
    float: left;
    margin-right: 30px;
    width: 360px;
    height: 268px;
}

.newslist .top .img:hover {
    -webkit-animation-name: xie_s;
    animation-name: xie_s;
    animation-duration: 0.7s;
}

.newslist .top .img img {
    width: 100%;
}

.newslist .top .cont {
    float: left;
    padding-top: 33px;
    padding-right: 20px;
    width: 360px;
    letter-spacing: -1px;
}

.newslist .top .date {
    margin-bottom: 10px;
    font-size: 24px;
    color: #737078;
    color: #d1ad6f;
}

.newslist .top h4 {
    font-weight: normal;
    font-size: 18px;
    color: #737078;
    margin-bottom: 5px;
    /*color:#d1ad6f;*/
}

.newslist .list {
    overflow: hidden;
}

.newslist .list a {
    display: block;
    padding: 35px 0;
    overflow: hidden;
    border-top: 2px dashed #ececec;
}

.newslist .list a:first-child {
    border-top: none;
}

.newslist .list .date {
    float: left;
    width: 136px;
    font-size: 24px;
    color: #c0a988;
    opacity: .57;
    filter: alpha(opacity=57);
    letter-spacing: -2px;
}

.newslist .top .cont .des p {
    color: #999;
}

.newslist .top:hover h4 {
    color: #d1ad6f;
}

.newslist .list .cont {
    float: left;
    width: 614px;
}

.newslist .list .cont h4 {
    margin-bottom: 4px;
    color: #58585e;
    font-size: 18px;
    font-weight: normal;
}

.newslist .list .cont .des {
    line-height: 22px;
}

.newslist .list .cont .des p {
    color: #999;
}

.newslist .list a:hover h4 {
    color: #d1ad6f;
}

/*.newslist .list a:hover .des p{color: #0056c1;opacity: .6;filter: alpha(opacity=60);}*/

.newsdet {
    color: #737078;
    /*padding-bottom:50px;*/
}

.newsdet .newshead {
    margin-bottom: 15px;
    padding-bottom: 32px;
    border-bottom: 2px solid #d9d9d9;
    overflow: hidden;
    font-size: 16px;
    color: #737078;
    line-height: 32px;
}

.newsdet .newshead h2 {
    margin-bottom: 12px;
    color: #737078;
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
}

.newsdet .newshead .date {
    float: left;
    font-size: 24px;
    color: #c0a988;
    font-family: 'rubik-regular';
}

.newsdet .newshead .source {
    float: left;
    color: ;
    font-size: 16px;
    margin-left: 15px;
}

.newsdet .newshead .readnum {
    float: right;
    margin-right: 30px;
}

.newsdet .newshead .bshare-custom {
    float: right;
    line-height: 32px !important;
}

.newsdet .newshead .bshare-custom a {
    padding: 0;
    width: 33px;
    height: 32px;
    background: url(/images/shareicon.png);
}

.newsdet .newshead .bshare-custom .bshare-sinaminiblog {
    background-position: -41px center;
}

.newsdet .newshead .bshare-custom .bshare-qzone {
    background-position: -84px center;
}

.newsdet .newshead .bshare-custom .bshare-qqim {
    background-position: -125px center;
}

.newsdet .newscont img {
    width: 600px !important;
    height: auto !important;
    margin: 0 auto;
}

.newsdet .newscont input {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}

.newsdet p {
    margin-bottom: 10px;
    text-indent: 2em;
}

.bsbox,
.bsbox * {
    box-sizing: content-box;
}

/*news album*/
.album {
    overflow: hidden;
}

.albumlist {
    /*padding-top: 50px;*/
}

.albumlist .albumbox {
    position: relative;
}

.albumlist .albumbox .readonline {
    position: absolute;
    bottom: 71px;
    right: 167px;
    color: #896a41;
}

.albumlist .albumbox .readonline:hover {
    color: #fff;
}

.albumlist .albumbox .text {
    width: 215px;
    position: absolute;
    top: 120px;
    right: 120px;
}

.albumlist .albumbox .text h3 {
    font-size: 40px;
    color: #d1ad6f;
    font-weight: normal;
    font-family: 'rubik-regular';
    line-height: 34px;
    text-transform: uppercase;
}

.albumlist .albumbox .text p {
    font-size: 22.94px;
    color: #e1c68e;
    margin-top: 6px;
}

.albumlist .albumbox .text h4 {
    font-size: 66px;
    color: #e1c68e;
    font-weight: normal;
    font-family: 'rubik-regular';
    margin-top: 23px;
}


.media {
    overflow: hidden;
}

.media .follow {
    padding-top: 50px;
    padding-bottom: 115px;
}

.media .follow .branchoffice {
    margin-top: 36px;
}

.media .follow .branchoffice .tit {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #737078;
}

.media .follow hr {
    margin: 8px auto;
    border: none;
    border-top: 1px solid #d7d4cf;
}

.media .follow .companylist {
    float: right;
    width: 253px;
    margin-top: 6px;
    overflow: hidden;
}

.media .follow .domestic {
    float: left;
    width: 468px;
}

.media .follow .companylist a {
    float: left;
    display: block;
    margin-right: 20px;
    color: #858583;
    line-height: 28px;
}

.media .follow .companylist a.on {
    color: #ffa800;
}

.media .follow .companylist .foreign {
    line-height: 28px;
    overflow: hidden;
}

.media .follow .companylist em {
    float: left;
    color: #b4b0ad;
}

.media .follow .companylist .type {
    margin-bottom: 10px;
    margin-top: 8px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 28px;
    color: #0056c1;
    border-bottom: 2px solid #d9d9d9;
}

.media .follow .qrcodebox {
    clear: both;
    margin-top: 25px;
    height: 220px;
    background-color: #e6d9bd;
    padding-top: 46px;
    padding-right: 62px;
    padding-left: 82px;
}

.media .qrcodebox .name {
    float: left;
    margin-top: 4px;
}

.media .qrcodebox .name .en {
    font-size: 44px;
    color: #c7ae93;
}

.media .qrcodebox .name .cn {
    margin-top: 21px;
    font-size: 20px;
}

.media .qrcodebox .codebox {
    float: right;
}

.media .qrcodebox .codebox .code img {
    margin-bottom: 8px;
}

.media .qrcodebox .codebox .code {
    display: inline-block;
    margin-left: 36px;
    font-size: 14px;
    color: #737078;
}

.videolist {}

.videolist .topvideo a {
    position: relative;
    display: block;
}

.videolist .topvideo a .text {
    position: absolute;
    top: 85px;
    left: 37px;
}

.videolist .topvideo a .en {
    font-family: 'rubik-regular';
    line-height: 48px;
    text-transform: uppercase;
    color: #d1ad6f;
    font-size: 60px;
}

.videolist .topvideo a .cn {
    margin-top: 10px;
    font-size: 20px;
    color: #535353;
    letter-spacing: 2px;
}


/*Ã¥Â±â€¢Ã§Â¤ÂºÃ©Â¡ÂµÃ¦Â&nbsp;Â·Ã¥Â¼Â*/
#content {
    display: block;
    background: no-repeat center 100px;
    overflow: hidden;
}

/*#content.about{height: 1650px;background-image: url(/img/about.jpg);}*/
/*#content.founder{height: 1123px;background-image: url(/img/about-founder.jpg);}*/
/*#content.history{height: 1072px;background-image: url(/img/about-history.jpg);}*/
/*#content.responsible{height: 1609px;background-image: url(/img/about-res.jpg);}*/
/*#content.hornor{height: 2213px;background-image: url(/img/about-hornor.jpg);}*/

/*#content.news{height: 1497px;background-image: url(/img/news.jpg);}*/
/*#content.album{height: 1233px;background-image: url(/img/news-img.jpg);}*/
#content.video {
    height: 1201px;
    background-image: url(/img/news-video.jpg);
}

/*#content.media{height: 1413px;background-image: url(/img/news-media.jpg);}*/

#content.product {
    position: relative;
    height: 1898px;
    background-image: url(/img/pro_overview1.jpg);
}

#content.product .auto {
    height: 100%;
}

#content.product .toestate {
    position: absolute;
    top: 749px;
    left: 50%;
    margin-left: -57px;
    width: 128px;
    height: 128px;
}

#content.product .tohotel {
    position: absolute;
    top: 822px;
    left: 413px;
    width: 94px;
    height: 94px;
}

#content.product .tobusiness {
    position: absolute;
    top: 822px;
    left: 715px;
    width: 94px;
    height: 94px;
}

#content.product_det {
    height: 2471px;
    background-image: url(/img/pro_detail.jpg);
}

#content.product_business_det {
    height: 2072px;
    background-image: url(/img/business_det.jpg);
}

#content.estate {
    height: 2185px;
    background-image: url(/img/pro_overview2.jpg);
}

#content.invest {
    height: 1201px;
    background-image: url(/img/investment1.jpg);
}

#content.notice {
    height: 1421px;
    background-image: url(/img/investment2.jpg);
}

#content.corporate {
    height: 1166px;
    background-image: url(/img/investment3.jpg);
}

#content.advisory {
    height: 1226px;
    background-image: url(/img/investment4.jpg);
}

/*#content.join{height: 2220px;background-image: url(/img/join.jpg);}*/
/*#content.join_university{height: 2134px;background-image: url(/img/join_university.jpg);}*/
/*#content.join_talent{height: 2276px;background-image: url(/img/join_talent.jpg);}*/
/*#content.join_recruit{height: 2139px;background-image: url(/img/join_recruit.jpg);}*/

/*#content.contact{height: 1385px;background-image: url(/img/contact1.jpg);}
#content.report{height: 1450px;background-image: url(/img/contact2.jpg);}
#content.violation{height: 917px;background-image: url(/img/contact3.jpg);}*/
/*Ã¥Â±â€¢Ã§Â¤ÂºÃ©Â¡ÂµÃ¦Â&nbsp;Â·Ã¥Â¼Â end*/


/*Ã¤ÂºÂ§Ã¥â€œÂÃ¦Å“ÂÃ¥Å¡Â¡*/
/*Ã¥Å“Â°Ã¤ÂºÂ§Ã¥Â¼â‚¬Ã¥Ââ€˜*/
.w1260 {
    width: 1260px;
    margin: 0 auto;
    position: relative;
}

.estate_banner {
    width: 100%;
    height: 648px;
    background: url(/images/product/pro_ban.jpg) no-repeat center 100px;
    background-attachment: fixed;
    overflow: hidden;
}

/*.est_nav{height:65px;border-bottom:1px solid #dfdfdf;line-height:65px;}*/
.est_nav .real .txt1 {
    color: rgba(214, 168, 63, 0.3);
    filter: alpha(opacity=30);
}

.est_nav .real .bor_line {
    background: rgba(214, 168, 63, 0.3);
    filter: alpha(opacity=30);
}

.est_nav .box {
    width: 1260px;
    margin: 0 auto;
}

.est_nav .box ul li {
    display: inline-block;
    font-size: 15px;
    color: #535353;
    margin-right: 15px;
}

.est_nav .box ul li a {
    color: #535353;
    opacity: 0.7;
}

.real .txt1 {
    font-size: 89px;
    color: #d6a83f;
    font-family: 'rubik-regular';
    text-transform: uppercase;
    margin-top: 100px;
    opacity: 0.3;
    line-height: 71px;
    margin-left: -4px;
}

.real .txt2 {
    font-size: 44px;
    color: #3e3e3e;
    padding-top: 20px;
}

.real .txt3 {
    font-size: 18px;
    color: #d6a83f;
    margin-top: 26px;
}

.real .point_text {
    position: relative;
    margin-top: 10px;
}

.real .point_text .point {
    position: absolute;
    top: 0;
    width: 59px;
    height: 59px;
    background: url(/images/product/point.png) no-repeat
}

.real .point_text .point.on {
    background: url(/images/product/point2.jpg) no-repeat;
}

.real .point_text .info {
    width: 677px;
    height: 249px;
    background: #d6a83f;
    padding: 0 60px;
    padding-top: 70px;
    display: none;
}

.real .point_text .info p {
    color: #fff;
    opacity: 0.7;
    font-size: 14px;
    line-height: 24px;
}

.pro_contont {
    width: 100%;
    /*background:#fbf8f1;*/
    overflow: hidden;
}

.pro_contont .case_rec {
    width: 100%;
    height: 457px;
    background: url(/images/product/product_bg2.jpg) no-repeat;
    overflow: hidden;
}

.pro_contont .case_rec .box {
    margin-top: 30px;
}

.pro_contont .case_rec .box .rec {
    float: left;
    position: relative;
}

.pro_contont .case_rec .box .rec .prev {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    top: 50%;
    right: 0;
    margin-top: -30px;
    background: url(/images/r.png) no-repeat center;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
}

.pro_contont .case_rec .box .rec .next {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 0;
    margin-top: -30px;
    background: url(/images/l.png) no-repeat center;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
}

.pro_contont .case_rec .box .rec:hover a {
    opacity: 1;
    transition-duration: 1s;
}

.pro_contont .case_rec .box .rec li img:hover {
    -webkit-animation-name: xie_s;
    animation-name: xie_s;
    animation-duration: 0.7s;
}

.pro_contont .case_rec .box .right {
    float: right;
    width: 630px;
    height: 370px;
    background: #fff;
    padding: 0 40px;
    padding-top: 30px;
    position: relative;
}

.pro_contont .case_rec .box .right .tit {
    font-size: 24px;
    color: #0867ce;
}

.pro_contont .case_rec .box .right .top_list li {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 2px dashed #ececec;
}

.pro_contont .case_rec .box .right .top_list li .deta {
    float: left;
    color: #c0a988;
    font-size: 24px;
    font-family: 'rubik-regular';
}

.pro_contont .case_rec .box .right .top_list li .info {
    width: 420px;
    float: right;
}

.pro_contont .case_rec .box .right .top_list li .info h3 {
    color: #58585e;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pro_contont .case_rec .box .right .top_list li .info h3:hover {
    color: #d1ad6f;
}

.pro_contont .case_rec .box .right .top_list li .info p {
    color: #535353;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 5px;
}

.pro_contont .case_rec .box .right .rec_news .hd {
    position: absolute;
    top: 29px;
    right: 50px;
    text-align: center;
}

.pro_contont .case_rec .box .right .rec_news .hd li {
    width: 10px;
    height: 10px;
    background: #c1c1c1;
    display: inline-block;
    margin: 0 3px;
    border-radius: 50%;
    cursor: pointer;
}

.pro_contont .case_rec .box .right .rec_news .hd li.on {
    background: #d1ad6f;
}

.pro_contont .con_head {
    margin-top: 27px;
}

.pro_contont .con_head .left {
    height: 60px;
    float: left;
    line-height: 60px;
}

.pro_contont .con_head .left .ser_btn {
    width: 108px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    color: #17181a;
    margin-right: 20px;
}

.pro_contont .con_head .left .ser_btn img {
    float: left;
    margin-top: 18px;
}

.pro_contont .con_head .left .ser_btn span {
    float: left;
    margin-left: 5px;
}

.pro_contont .con_head .option {
    width: 160px;
    height: 57px;
    background: #f5f3ee;
    line-height: 57px;
    border: 1px solid #e1dbd2;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

.pro_contont .con_head .option .list {
    width: 160px;
    position: absolute;
    left: -1px;
    background: #fff;
    display: none;
    max-height: 160px;
    overflow-y: scroll;
    z-index: 1;
}

.pro_contont .con_head .option .list li {
    width: 100%;
    height: 40px;
    text-align: left;
    padding-left: 10px;
    line-height: 40px;
    background: #f3efe7;
    margin-bottom: 1px;
    font-size: 14px;
    color: #666666;
    padding-left: 22px;
}

.pro_contont .con_head .option .list li:hover {
    color: #fff;
    background: #d1ad6f;
}

/*.pro_contont .con_head .option.win2{width:120px;}
.pro_contont .con_head .option.win3{width:143px;}
.pro_contont .con_head .option.win4{width:120px;}*/
.pro_contont .con_head .option span {
    float: left;
    color: #676767;
    font-size: 15px;
    margin-left: 22px;
}

.pro_contont .con_head .option img {
    float: right;
    margin-top: 24px;
    margin-right: 16px;
}

.pro_contont .con_head .right {
    float: right;
    height: 60px;
    line-height: 60px;
}

.pro_contont .con_head .right em {
    font-size: 15px;
    color: #676767;
}

.pro_contont .con_head .right .box {
    float: right;
}

.pro_contont .con_head .right .box .btn1 {
    width: 123px;
    height: 60px;
    display: inline-block;
    background: #0057c1;
    cursor: pointer;
    transition: all .8s;
}

.pro_contont .con_head .right .box .btn1:hover {
    background: #ff9f22;
    color: #fff;
}

.pro_contont .con_head .right .box .btn1 em {
    font-size: 16px;
    color: #fff;
    opacity: 0.7;
    margin-left: 29px;
}

.pro_contont .con_head .right .box .btn2 {
    width: 147px;
    height: 60px;
    display: inline-block;
    background: #d6a83f;
    cursor: pointer;
    transition: all .8s;
}

.pro_contont .con_head .right .box .btn2.on {
    background: #ff9f00;
}

.pro_contont .con_head .right .box .btn2:hover {
    background: #ff9f00;
}

.pro_contont .con_head .right .box .btn2 img {
    float: left;
    margin-left: 17px;
    margin-top: 15px;
}

.pro_contont .con_head .right .box .btn2 em {
    font-size: 16px;
    color: #fff;
    opacity: 0.7;
    margin-left: 10px;
}

/*.pro_contont .con_box{margin-top:30px;}
.pro_contont .con_box .case_hot{float:left;}
.pro_contont .con_box .right{float:right;width:398px;padding-left:30px;padding-right:40px;height:370px;background:#ffffff;}
.pro_contont .con_box .right h3{color:#0867ce;font-size:28px;border-bottom:2px solid #e2d9d1;margin-top:80px;margin-bottom:40px;padding-bottom:13px;}
.pro_contont .con_box .right p{color:#9d9b98;font-size:14px;}
.pro_contont .con_box .right p em{color:#d6a83f;font-size:24px;font-family: 'rubik-regular';}
.pro_contont .con_box .right .reser{width:100%;height:50px;color:#fff;background:#ffae00;line-height:50px;text-align:center;border-radius:2px;margin-top:45px;}*/
.pro_contont .case_list {
    width: 1290px;
    margin: 0 auto;
    padding-bottom: 165px;
    position: relative;
}

.pro_contont .case_list.on {
    height: 946px;
}

.pro_contont .case_list ul li {
    width: 397px;
    display: inline-block;
    margin: 0 15px;
    margin-top: 30px;
}

.pro_contont .case_list ul li img {
    width: 100%;
    height: 220px;
}

.pro_contont .case_list ul li:hover img {
    -webkit-animation-name: xie_s;
    animation-name: xie_s;
    animation-duration: 0.7s;
}

.pro_contont .case_list ul li .address {
    width: 399px;
    height: 147px;
    padding-left: 30px;
    padding-top: 25px;
    background: #fff;
}

.pro_contont .case_list ul li .address h3 {
    font-size: 20px;
    color: #0867ce;
    margin-bottom: 10px;
}

.pro_contont .case_list ul li .address p {
    font-size: 14px;
    color: #9d9b98;
}

.pro_contont .case_list ul li .address p em {
    font-size: 18px;
    color: #d6a83f;
    font-family: 'rubik-regular';
}

.pro_addmoren {
    float: right;
    display: inline-block;
    width: 400px;
    height: 62px;
    background: #0052ac;
    margin-right: 15px;
    margin-top: 30px;
    line-height: 62px;
    box-sizing: border-box;
    padding-right: 35px;
    color: #fff;
    font-size: 18px;
    transition: all .3s;
}

.pro_addmoren .addmoren {
    width: 63px;
    height: 62px;
    float: right;
    margin-right: 20px;
    background: url(/images/product/pro_addmoren.png) no-repeat;
    transition: all .8s;
    margin-top: 3px;
}

.pro_addmoren em {
    float: right;
}

.pro_addmoren:hover {
    background: #d1ad6e;
}

.pro_addmoren:hover .addmoren {
    background: url(/images/product/pro_addmoren_on.png) no-repeat;
}

/*Ã¥Å“Â°Ã¤ÂºÂ§Ã¥Å“Â°Ã¥â€ºÂ¾*/
.estate_map {
    position: absolute;
    top: 0;
    left: 15px;
    width: 1260px;
    height: 540px;
    z-index: 2;
    padding-top: 30px;
    background: #fff;
    display: none;
}

.estate_map .left {
    float: left;
    width: 861px;
    height: 768px;
    background: #fff;
}

.estate_map .left .map_box {
    display: none;
}

.estate_map .left .china-data span {
    color: #988061;
}

.estate_map .left .world_map {
    width: 829px;
    margin-top: 100px;
}

.estate_map .left .world_map .wor_box {
    width: 248px;
    margin-left: 111px;
    float: left;
    margin-top: 50px;
}

.estate_map .left .world_map .wor_box img {
    width: 100%;
}

.estate_map .left .world_map .wor_box p {
    color: #999999;
    font-size: 18px;
    text-align: center;
}

.estate_map .right {
    float: right;
    width: 399px;
    height: 768px;
    background: #fff1d2;
}

.estate_map .right img {
    margin-top: 30px;
    margin-left: 30px;
}

.estate_map .right h3 {
    font-weight: normal;
    font-size: 40px;
    color: #d6a83f;
    font-family: 'rubik-regular';
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 15px;
    letter-spacing: -2px;
}

.estate_map .right h4 {
    font-weight: normal;
    font-size: 24px;
    color: #0057c1;
    margin-left: 30px;
}

.estate_map .right .estate_maptitbg1 {
    width: 330px;
    height: 101px;
    background: #e1ceac;
    margin-top: 60px;
    box-sizing: border-box;
    line-height: 101px;
    color: #fff1d2;
    text-align: right;
    padding-right: 200px;
    font-size: 24px;
}

.estate_map .right .estate_maptitbg2 {
    width: 330px;
    height: 101px;
    background: #e1ceac;
    box-sizing: border-box;
    line-height: 101px;
    color: #fff1d2;
    text-align: right;
    padding-right: 200px;
    font-size: 24px;
}

.estate_map .right .estate_map_a a.on .estate_maptitbg1 {
    width: 350px;
    margin-left: -20px;
    background: #d1ad6f;
}

.estate_map .right .estate_map_a a.on .estate_maptitbg2 {
    width: 350px;
    margin-left: -20px;
    background: #d1ad6f;
}

.estate_map .estate_mapsanjiao {
    position: absolute;
    top: 9px;
    right: 52px;
    width: 39px;
    height: 21px;
    background: url(/images/product/estate_mapsanjiao.png) no-repeat;
}

.estate_map .estate_mapclose {
    position: absolute;
    top: 30px;
    right: -66px;
    width: 66px;
    height: 66px;
    background: url(/images/product/estate_mapclose.jpg) no-repeat;
    cursor: pointer;
}


/*Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ*/
.prodet_fanhui {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -40px;
    height: 17px;
    line-height: 17px;
    color: #f7efdf;
    background: url(/images/product/hotel_deta_icon1.png) no-repeat left;
    padding-left: 30px;
}

.prodet_fanhui:hover {
    color: #ffae00;
}

.prodetail_com {
    width: 100%;
    background: #fdfcfa url(/images/product/cenbg.jpg) no-repeat top/auto;
    overflow: hidden;
}

.prodetail_com .det_info {
    margin-top: 100px;
}

.prodetail_com .det_info .box1 .left {
    float: left;
    width: 427px;
    height: 421px;
    background: #fff;
    padding: 0 40px;
}

.prodetail_com .det_info .box1 .left h3 {
    font-size: 24px;
    color: #0867ce;
    margin-top: 80px;
}

.prodetail_com .det_info .box1 .left div {
    margin-top: 20px;
}

.prodetail_com .det_info .box1 .left div .text1 {
    color: #535353;
    font-size: 14px;
    float: left;
    position: relative;
}

.prodetail_com .det_info .box1 .left div .text1 em {
    font-size: 28px;
    color: #ffae00;
    font-family: 'rubik-regular';
}

.prodetail_com .det_info .box1 .left div .text1 em.on {
    font-size: 18px;
    color: #d1ad6e;
}

.prodetail_com .det_info .box1 .left div .text2 {
    color: #636363;
    font-size: 14px;
    float: right;
    margin-top: 2px;
}

.prodetail_com .det_info .box1 .left .in_txt1 {
    color: #535353;
    font-size: 12px;
    opacity: 0.5;
}

.prodetail_com .det_info .box1 .left .in_txt2 {
    margin-top: 13px;
}

.prodetail_com .det_info .box1 .left .in_txt2 em {
    color: #676258;
    font-size: 14px;
    padding: 5px 13px;
    margin-right: 10px;
    background: #fdf6e6;
}

.prodetail_com .det_info .box1 .left .in_txt3 {
    color: #888888;
    font-size: 14px;
    margin-top: 20px;
}

.prodetail_com .det_info .box1 .left .in_txt3 em {
    color: #f79c30;
    font-size: 16px;
    font-family: 'rubik-regular';
}

.prodetail_com .det_info .box1 .left .reser {
    width: 100%;
    height: 50px;
    color: #fff;
    background: #ffae00;
    line-height: 50px;
    text-align: center;
    border-radius: 2px;
    margin-top: 30px;
    cursor: pointer;
}

.prodetail_com .det_info .box1 .left .reser:hover {
    background: #d6a83f;
}

.prodetail_com .det_info .box1 .case_listimg {
    float: right;
    width: 833px;
    height: 421px;
    position: relative;
    background: #e7d9be;
}

.prodetail_com .det_info .box1 .case_listimg .deta_logo {
    background: #fff;
    width: 110px;
    height: 110px;
    position: absolute;
    top: 20px;
    right: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.prodetail_com .det_info .box1 .case_listimg .deta_logo img {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -45px;
    margin-left: -45px;
}

.prodetail_com .det_info .box2 .title {
    font-size: 24px;
    color: #0867ce;
}

.prodetail_com .det_info .box2 .left {
    float: left;
    width: 427px;
    height: 364px;
    padding-top: 60px;
    padding-left: 40px;
    background: #fff7e9 url(/images/product/det_infobg.jpg) no-repeat;
}

.prodetail_com .det_info .box2 .left .info {
    font-size: 14px;
    color: #636363;
    margin-top: 27px;
    opacity: 0.7;
    line-height: 29px;
}

.prodetail_com .det_info .box2 .right {
    width: 1303px;
    height: 364px;
    background: url(/images/product/jieshaobg2.jpg) no-repeat top/auto;
    margin-left: 427px;
}

.prodetail_com .det_info .box2 .right .box {
    width: 833px;
    height: 364px;
    padding-left: 40px;
    padding-right: 24px;
    padding-top: 60px;
}

.prodetail_com .det_info .box2 .right .box p {
    color: #636363;
    font-size: 14px;
    margin-top: 20px;
}

.prodetail_com .deta_caseapp {
    width: 100%;
    height: 473px;
    background: url(/images/product/case_imgbg.jpg) no-repeat top/auto;
    overflow: hidden;
}

.prodetail_com .tit_box {
    width: 1260px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 23px;
}

.prodetail_com .tit_box h3 {
    float: left;
    color: #fff;
    font-size: 24px;
    margin-left: 34px;
}

.prodetail_com .tit_box ul {
    float: right;
}

.prodetail_com .tit_box ul li {
    display: inline-block;
    cursor: pointer;
    padding: 0 10px;
    font-size: 16px;
    color: #ffffff;
    opacity: 0.5;
    padding-bottom: 10px;
}

.prodetail_com .tit_box ul li.on {
    opacity: 1;
    border-bottom: 3px solid #f79c30;
}

.prodetail_com .picscroll-left {
    width: 1433px;
    margin: 0 auto;
    position: relative;
    display: none;
}

.prodetail_com .picscroll-left .bd {
    width: 1278px;
    margin: 0 auto;
}

.prodetail_com .picscroll-left .bd li {
    width: 408px;
    height: 246px;
    margin: 0 9px;
    float: left;
}

.prodetail_com .picscroll-left .bd li .case_img {
    width: 408px;
    height: 246px;
}

.prodetail_com .picscroll-left .prev {
    position: absolute;
    left: 0;
    top: 50%;
    width: 56px;
    height: 56px;
    background: url(/images/product/ji_prev.png) no-repeat top/auto;
    margin-top: -28px;
    transition: all 0.5s;
}

.prodetail_com .picscroll-left .next {
    position: absolute;
    right: 0;
    top: 50%;
    width: 56px;
    height: 56px;
    background: url(/images/product/ji_next.png) no-repeat top/auto;
    margin-top: -28px;
    transition: all 0.5s;
}

.prodetail_com .picscroll-left .prev:hover {
    background: url(/images/product/ji_prev_on.png) no-repeat;
}

.prodetail_com .picscroll-left .next:hover {
    background: url(/images/product/ji_next_on.png) no-repeat;
    transition: all 0.5s;
}

.prodetail_com .case_dynamic {
    padding: 30px 40px;
    padding-bottom: 80px;
    margin-top: 30px;
    background: #fff;
}

.prodetail_com .case_dynamic .tit {
    font-size: 24px;
    color: #0867ce;
}

.prodetail_com .case_dynamic .dyn_list {
    margin-top: 28px;
}

.prodetail_com .case_dynamic .box {
    width: 1089px;
    position: relative;
}

.prodetail_com .case_dynamic .box .text {
    width: 1079px;
    padding-left: 144px;
    margin-left: 10px;
    padding-bottom: 35px;
    border-left: 1px solid #eaeaea;
}

.prodetail_com .case_dynamic .box .text h3 {
    font-size: 18px;
    color: #25242a;
}

.prodetail_com .case_dynamic .box .text p {
    font-size: 14px;
    color: #25242a;
    opacity: 0.5;
    margin-top: 10px;
}

.prodetail_com .case_dynamic .box .date {
    height: 19px;
    position: absolute;
    top: -2px;
    left: 1px;
}

.prodetail_com .case_dynamic .box .date img {
    display: inline-block;
    float: left;
    margin-top: 2px;
}

.prodetail_com .case_dynamic .box .date em {
    float: left;
    font-size: 18px;
    color: #ffae00;
    font-family: 'rubik-regular';
    margin-left: 10px;
}

.prodetail_com .case_dynamic .add_more {
    width: 54px;
    height: 54px;
    margin: 0 auto;
    margin-top: ;
    background: url(/images/product/add_more.png) no-repeat;
    cursor: pointer
}

.prodetail_com .rim {
    width: 100%;
    background: #fff;
    margin-top: 60px;
}

.prodetail_com .rim .tit {
    font-size: 24px;
    color: #0867ce;
    margin-left: 41px;
}

.prodetail_com .rim .box {
    padding-top: 30px;
    padding-bottom: 46px;
}

.prodetail_com .rim .box ul {
    height: 208px;
    border-left: 1px solid #eaeaea;
    margin-top: 30px;
    position: relative;
}

.prodetail_com .rim .box ul&gt;li {
    position: absolute;
    width: 419px;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    cursor: pointer;
    padding-bottom: 12px;
    background: #fff;
}

.prodetail_com .rim .box ul&gt;li.li1 {
    left: 0;
    top: 0;
    z-index: 10;
}

.prodetail_com .rim .box ul&gt;li.li2 {
    left: 419px;
    top: 0;
    z-index: 10;
}

.prodetail_com .rim .box ul&gt;li.li3 {
    left: 838px;
    top: 0;
    z-index: 10;
}

.prodetail_com .rim .box ul&gt;li.li4 {
    left: 0px;
    top: 103px;
    z-index: 9;
}

.prodetail_com .rim .box ul&gt;li.li5 {
    left: 419px;
    top: 103px;
    z-index: 9;
}

.prodetail_com .rim .box ul&gt;li.li6 {
    /*height:103px;*/
    left: 838px;
    top: 103px;
    z-index: 9;
}

.prodetail_com .rim .box ul&gt;li .icon {
    float: left;
    margin-top: 22px;
    margin-left: 33px;
}

.prodetail_com .rim .box ul&gt;li .text {
    float: right;
    width: 300px;
    margin-right: 10px;
    margin-top: 27px;
}

.prodetail_com .rim .box ul&gt;li .text h3 {
    color: #676258;
    font-size: 16px;
}

.prodetail_com .rim .box ul&gt;li .text div {
    padding-right: 15px;
    height: auto;
    font-size: 14px;
    opacity: 0.7;
    color: #676258;
}

.prodetail_com .rim .box ul&gt;li .text div.on {
    max-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prodetail_com .rim .box ul&gt;li .text div.on p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*.prodetail_com .rim .box ul&gt;li .text .info{position:absolute;top:73px;left:-1px;width:420px;height:242px;background:#fff;z-index:8;padding-left:108px;padding-right:8px;border:1px solid #eaeaea;display:none;border-top:none;}
.prodetail_com .rim .box ul&gt;li .text .info em{font-size:14px;opacity:0.7;color:#676258;text-align: justify;}*/
.prodetail_com .rim .box ul&gt;li .icon_jian {
    width: 16px;
    height: 8px;
    margin: 0 auto;
    background: url(/images/product/icon_jian.png) no-repeat;
}

.prodetail_com .rim .box ul&gt;li .icon_jian.on {
    background: url(/images/product/icon_jian_on.png) no-repeat;
}

.prodetail_com .rim .box ul&gt;li .icon_jian.bg {
    background: none;
}

#allmap_contact {
    width: 100%;
    height: 543px;
}

.goge_map_big {
    width: 100%;
    height: 543px;
    position: relative;
}

.goge_map_big #goge_map {
    width: 100%;
    height: 100%;
}

.goge_map_big .map_gundong {
    position: absolute;
    width: 1200px;
    left: 50%;
    top: 0;
    margin-left: -600px;
}

.goge_map_big .map_around {
    position: absolute;
    top: 65px;
    right: 0;
    z-index: 5;
    width: 361px;
    height: auto;
    background: #fff;
}

.goge_map_big .map_around .btn {
    height: 56px;
    padding: 0 0 0 20px;
    background: #d6a83f;
}

.goge_map_big .map_around .btn ul {
    font-size: 0;
    letter-spacing: -4px;
}

.goge_map_big .map_around .btn li {
    display: inline-block;
    vertical-align: top;
    height: 56px;
    line-height: 54px;
    font-size: 14px;
    color: #ffffff;
    margin: 0 0 0 10px;
    padding: 0 10px;
    cursor: pointer;
    letter-spacing: normal;
}

.items_d_map {
    background: #fff;
}

.items_d_map img {
    display: inline-block;
}

.items_d_map .til {
    font-size: 18px;
    font-weight: bold;
    color: #e06800;
    line-height: 18px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #f4f4f4;
}

.map_del {
    position: relative;
    z-index: 6;
    width: 100%;
    height: 543px;
}

.map_del .law_list {
    width: 1260px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -630px;
}

.map_del .map_around {
    position: absolute;
    top: 65px;
    right: 0;
    z-index: 5;
    width: 361px;
    height: auto;
    background: #fff;
}

.map_del .map_around .btn {
    height: 56px;
    padding: 0 0 0 20px;
    background: #d6a83f;
}

.map_del .map_around .btn ul {
    font-size: 0;
    letter-spacing: -4px;
}

.map_del .map_around .btn li {
    display: inline-block;
    vertical-align: top;
    height: 56px;
    line-height: 54px;
    font-size: 14px;
    color: #ffffff;
    margin: 0 0 0 10px;
    padding: 0 10px;
    cursor: pointer;
    letter-spacing: normal;
}

.map_around .btn li.crt {
    border-bottom: 3px solid #f1dfae;
}

.map_del #map {
    width: 100%;
    height: 100%;
}


#r-result {
    width: 313px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 300px;
    background: #fff;
    /*overflow-y:scroll;*/
    overflow: hidden;
}

#r-result ul {
    display: none;
}

#r-result li {
    width: 284px;
    text-align: left;
    padding: 10px 0;
    border-bottom: solid 2px #ebe2dc;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

#r-result li .zuobiao {
    position: absolute;
    top: 10px;
}

#r-result li .num {
    position: absolute;
    left: 0;
    width: 30px;
    line-height: 30px;
    color: #fff;
    height: 35px;
    text-align: center;
    top: 20px;
}

#r-result li .grp {
    width: 235px;
    padding-left: 30px;
}

#r-result li .grp h6 {
    font-size: 14px;
    color: #d6a83f;
    line-height: 14px;
}

#r-result li .grp p {
    line-height: 25px;
    font-size: 14px;
    color: #604e41;
    margin-top: 5px;
}

#r-result .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
    background: #e7d4ca !important;
}

#r-result .mcsb_scrolltools .mcsb_draggerrail {
    background: #fff !important;
}

/*Ã©Â¢â€žÃ§ÂºÂ¦Ã§Å“â€¹Ã¦Ë†Â¿Ã¥Â¼Â¹Ã§Âªâ€”*/
.house {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    display: none;
}

.house_bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #333;
    opacity: 0.7;
}

.house .info {
    width: 400px;
    height: 400px;
    background: #fff;
    padding: 0 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    box-sizing: border-box;
    padding-top: 40px;
}

.house .info h3 {
    color: #535353;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

.house .info p {
    font-size: 14px;
    color: #535353;
    margin-top: 20px;
}

.house .info input {
    width: 100%;
    height: 48px;
    border: 1px solid #e5e4e2;
    background: #f5f3ee;
    font-size: 14px;
    color: #535353;
    box-sizing: border-box;
    padding-left: 20px;
    margin-top: 20px;
}

.house .info input:focus {
    outline: none;
    border: 1px solid #d1ad6f;
}

.house .info button {
    width: 100%;
    height: 48px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #ffae00;
    margin-top: 40px;
}

/*Ã¥Å“Â°Ã¤ÂºÂ§Ã¥Â¼â‚¬Ã¥Ââ€˜end*/

/*Ã¦â€“â€¡Ã¤Â½â€œÃ¦â€”â€¦Ã¦Â¸Â¸*/
.eng_bigtext {
    font-family: 'rubik-regular';
    text-transform: uppercase;
    font-weight: normal;
}

.product_tourism {
    width: 100%;
    height: 650px;
    background: url(/images/product/tourism_banner.jpg) no-repeat center 100px;
    background-attachment: fixed;
    overflow: hidden;
}

.product_tourism .real .txt1 {
    font-size: 80px;
    color: rgba(253, 215, 173, 0.3);
    filter: alpha(opacity=30);
}

.product_tourism .real .txt2 {
    color: #ffffff;
    padding-top: 40px;
    letter-spacing: 15px;
}

.product_tourism .real .bor_line {
    background: rgba(255, 255, 255, 0.3);
    filter: alpha(opacity=30);
}

.bor_line {
    width: 505px;
    height: 3px;
    background: #fff;
    opacity: 0.3;
    margin-top: 34px;
}

.product_tourism .real .txt3 {
    color: #ffffff;
    font-size: 14px;
    opacity: 0.7;
}

.tour_contact .tourism_rfbg {
    width: 100%;
    height: 784px;
    background: url(/images/product/tourism_rfbg.jpg) no-repeat center;
    overflow: hidden;
}

.tour_contact .tourism_rfbg .box .left {
    width: 556px;
    float: left;
    margin-top: 105px;
}

.tour_contact .tourism_rfbg .box .left h3 {
    color: #999999;
    font-size: 40px;
    font-family: 'rubik-regular';
    text-transform: uppercase;
    font-weight: normal;
}

.tour_contact .tourism_rfbg .box .left h4 {
    color: #6c6c6c;
    font-size: 30px;
    padding: 25px 0;
}

.tour_contact .tourism_rfbg .box .left .bor_line {
    width: 456px;
    height: 2px;
    background: #bbb9b5;
    margin-top: 0;
    margin-bottom: 20px;
}

.tour_contact .tourism_rfbg .box .left p {
    width: 362px;
    color: #6c6c6c;
    font-size: 14px;
    margin-left: 174px;
}

.tour_contact .tourism_rfbg .box .right {
    float: right;
    width: 615px;
    height: 629px;
    margin-top: 78px;
    position: relative;
}

.tour_contact .tourism_rfbg .box .right .tourism_huodong1 {
    position: absolute;
    top: 0;
}

.tour_contact .tourism_rfbg .box .right .tourism_huodong2 {
    position: absolute;
    top: 100px;
    left: 92px;
}

.tourism_five {
    width: 100%;
    height: 658px;
    background: #86d5c0;
}

.tourism_five .box {
    position: relative;
}

.tourism_five .box .left {
    float: left;
    width: 408px;
    height: 464px;
    background: #2eac8a;
    margin-left: 6px;
    margin-top: 194px;
    box-sizing: border-box;
    padding: 0 40px;
    padding-top: 50px;
}

.tourism_five .box .left h3 {
    font-size: 40px;
    color: #ffffff;
    opacity: 0.7;
    line-height: 36px;
}

.tourism_five .box .left h4 {
    font-size: 24px;
    color: #d7f3ec;
    padding-top: 10px;
    padding-bottom: 18px;
}

.tourism_five .box .left .bor_line {
    width: 100%;
    height: 2px;
    background: #fff;
    opacity: 0.3;
    margin-top: 0;
}

.tourism_five .box .left p {
    width: 311px;
    font-size: 14px;
    opacity: 0.7;
    color: #d7f3ec;
    margin-top: 28px;
}

.tourism_five .box .right {
    float: right;
    width: 1320px;
    height: 658px;
    margin-right: -474px;
}

.tourism_five .box .right .bd li {
    width: 1320px;
    height: 658px;
}

.tourism_five .box .right .bd li img {
    height: 100%;
}

.tourism_five .box .right .tab_btn {
    width: 135px;
    height: 66px;
    position: absolute;
    bottom: 0;
    left: 347px;
    background: #5c5c5c;
}

.tourism_five .box .right .tab_btn a {
    display: inline-block;
    width: 67px;
    height: 66px;
    position: relative;
    z-index: 1;
}

.tourism_five .box .right .tab_btn a.prev {
    background: url(/images/l.png) no-repeat center;
}

.tourism_five .box .right .tab_btn a.next {
    background: url(/images/r.png) no-repeat center;
    margin-left: -4px;
}

.tourism_five .box .right .tab_btn .bg {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #333333;
    transition-duration: .3s;
}

.tourism_ocebg {
    width: 100%;
    height: 687px;
    background: url(/images/product/tourism_ocebg.jpg) no-repeat center;
    position: relative;
    overflow: hidden;
}

.tourism_ocebg .box {
    position: relative;
}

.tourism_ocebg .box .tourism_leyuanbg {
    width: 406px;
    height: 600px;
    background: #fff url(/images/product/tourism_leyuanbg.jpg) no-repeat center bottom;
    box-sizing: border-box;
    padding: 0 40px;
    padding-top: 50px;
    float: right;
    margin-right: 120px;
    margin-top: 50px;
}

.tourism_ocebg .box .tourism_leyuanbg .p-box {
    margin-top: 30px;
    height: 340px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 20px;
    margin-right: -20px;
}

.tourism_ocebg .box .tourism_leyuanbg .tourism_ocen {
    margin: 0 auto;
}

.tourism_ocebg .box .tourism_leyuanbg .p-box p:first-child {
    margin-top: 0;
}

.tourism_ocebg .box .tourism_leyuanbg p {
    font-size: 14px;
    color: #8f8f8f;
    margin-top: 23px;
}

.tourism_ocebg .box .tourism_leyuanbg p em {
    font-size: 16px;
    color: #007ae8;
}

.tourism_ocebg .box .tourism_leyuanbg .business_web {
    float: right;
    margin-top: 30px;
}

/*Ã¦â€“â€¡Ã¤Â½â€œÃ¦â€”â€¦Ã¦Â¸Â¸end*/
/*Ã¥â€¢â€&nbsp;Ã¤Â¸Å¡Ã¨Â¿ÂÃ¨ÂÂ¥*/
.text_h4 {
    font-family: 'rubik-regular';
    color: #b2917c;
    font-size: 20px;
}

.text_h3 {
    color: #fffae2;
    font-size: 24px;
    margin-top: 25px;
}

.text_p {
    font-size: 14px;
    color: #fffff7;
    margin-top: 30px;
}

.pro_business {
    width: 100%;
    height: 648px;
    background: url(/images/product/business_banner.jpg) no-repeat center 100px;
    background-attachment: fixed;
    overflow: hidden;
}

.pro_business .real .txt1 {
    font-size: 80px;
    color: rgba(214, 168, 63, 0.3);
    filter: alpha(opacity=30);
}

.pro_business .real .txt2 {
    color: #3e3e3e;
    padding-top: 40px;
    letter-spacing: 15px;
}

.pro_business .bor_line {
    width: 505px;
    height: 3px;
    background: rgba(214, 168, 63, 0.3);
    filter: alpha(opacity=30);
    margin-top: 34px;
}

.pro_business .real .txt3 {
    color: #535353;
    font-size: 14px;
    opacity: 0.7;
}

.business_contont .business_super {
    width: 100%;
    height: 660px;
}

.business_contont .business_super .box {
    position: relative;
}

.business_contont .business_super .box .text_box {
    width: 472px;
    height: 438px;
    background: #0052ac;
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 50px;
    position: absolute;
    right: -150px;
    top: 128px;
}

.business_contont .business_super .box .text_box h4 {}

.business_contont .business_super .box .text_box h3 {}

.business_contont .business_super .box .text_box .bor_line {
    width: auto;
    height: 2px;
    background: #888888;
    opacity: 0.5;
}

.business_contont .business_super .box .text_box p {
    opacity: 0.7;
    color: #fffff7;
    margin-top: 20px;
}

.business_contont .business_super .left {
    width: 1542px;
    height: 660px;
    background: url(/images/product/business_super1.jpg) no-repeat center;
    float: left;
    margin-left: -470px;
}

.business_contont .business_super .right {
    width: 658px;
    height: 660px;
    background: url(/images/product/business_super2.jpg) no-repeat center;
    float: right;
    margin-right: -470px;
}

.business_contont .business_large {
    width: 100%;
}

.business_contont .business_large .box {
    position: relative;
    height: 660px;
}

.business_contont .business_large .left {
    width: 1100px;
    height: 660px;
    float: left;
    margin-left: -470px;
    ;
    background: url(/images/product/business_large1.jpg) no-repeat center;
}

.business_contont .business_large .lage_box {
    width: 629px;
    float: right;
    box-sizing: border-box;
    padding-top: 117px;
    padding-left: 40px;
    padding-right: 134px;
}

.business_contont .business_large .lage_box h4 {
    opacity: 0.6;
    color: #fffae2;
}

.business_contont .business_large .lage_box h3 {}

.business_contont .business_large .lage_box .bor_line {
    width: auto;
    height: 2px;
    background: #c9b1a2;
    opacity: 0.3;
}

.business_contont .business_large .lage_box p {
    opacity: 0.7;
}

.business_contont .business_large .right {
    width: 1100px;
    height: 660px;
    float: right;
    margin-right: -470px;
    background: red;
}

.business_contont .business_large .right .bd li {
    width: 100%;
    height: 660px;
}

.business_contont .business_large .tab_btn {
    width: 112px;
    height: 56px;
    position: absolute;
    left: 40px;
    bottom: 166px;
    background: #f7efdf;
}

.business_contont .business_large .tab_btn a {
    display: inline-block;
    width: 56px;
    height: 56px;
    position: relative;
    z-index: 2;
}

.business_contont .business_large .tab_btn a.prev {
    background: url(/images/product/jizhu_prev.png) no-repeat center;
    transition-duration: .1s;
}

.business_contont .business_large .tab_btn a.next {
    background: url(/images/product/jizhu_next.png) no-repeat center;
    margin-left: -5px;
    transition-duration: .1s;
}

.business_contont .business_large .tab_btn .bg {
    width: 56px;
    height: 56px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f2daac;
    transition-duration: .3s;
}

.business_contont .business_list {
    background: #fff;
}

.business_contont .business_list .case_list {
    width: 1290px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.business_contont .business_list .case_list ul li {
    width: 397px;
    display: inline-block;
    margin: 0 15px;
    margin-top: 30px;
}

.business_contont .business_list .case_list ul li:hover img {
    -webkit-animation-name: xie_s;
    animation-name: xie_s;
    animation-duration: 0.7s;
}

.business_contont .business_list .case_list ul li img {
    width: 100%;
    height: 220px;
}

.business_contont .business_list .case_list ul li .address {
    width: 100%;
    height: 147px;
    padding-left: 30px;
    padding-top: 25px;
    background: #fbf8f2;
}

.business_contont .business_list .case_list ul li .address h3 {
    font-size: 20px;
    color: #0867ce;
    margin-bottom: 10px;
}

.business_contont .business_list .case_list ul li .address p {
    font-size: 14px;
    color: #9d9b98;
}

.business_contont .business_list .case_list ul li .address p em {
    font-size: 18px;
    color: #d6a83f;
    font-family: 'rubik-regular';
}

.business_contont .business_bottom {
    width: 100%;
    height: 659px;
    position: relative;
    background: url(/images/product/business_bottom.jpg) no-repeat center;
}

.business_contont .business_bottom .box {
    width: 870px;
    height: 659px;
    background: url(/images/product/business_bottombg.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    padding-left: 141px;
    padding-top: 161px;
    padding-right: 167px;
}

.business_contont .business_bottom .box h4 {
    color: #b2917c;
    font-size: 20px;
    font-family: 'rubik-regular';
}

.business_contont .business_bottom .box h3 {
    color: #fffff7;
    font-size: 24px;
    font-weight: normal;
}

.business_contont .business_bottom .box p {
    color: #fffff7;
    font-size: 14px;
    margin-top: 20px;
}

.business_contont .business_bottom .box .business_web {
    width: 165px;
    height: 43px;
    margin-top: 20px;
    background: url(/images/product/business_web.png) no-repeat;
}

.business_contont .business_bottom .box .business_web:hover {
    background: url(/images/product/business_web_on.png) no-repeat;
}

@media screen and (max-width: 1500px) {
    .business_contont .business_bottom .box {
        width: 700px;
        padding-left: 110px;
        padding-right: 120px;
    }
}


/*Ã¨Â¯Â¦Ã¦Æ’â€¦*/
.prodetail_com .det_info .bus_detabox1 .left .logo {
    width: 170px;
    border: 1px solid #e8e8e8;
    margin-top: 40px;
}

.prodetail_com .det_info .bus_detabox1 .left .logo img {
    width: 100%;
}

.prodetail_com .det_info .box1.bus_detabox1 h3 {
    margin-top: 22px;
}

.prodetail_com .det_info .bus_detabox1 .left .mation {
    margin-top: 30px;
    font-size: 14px;
    color: #535353;
}

.prodetail_com .det_info .bus_detabox1 .left .mation em {
    font-family: 'rubik-regular';
    color: #f79c30;
    font-size: 24px;
}

.prodetail_com .det_info .bus_detabox1 .left .official {
    width: 278px;
    height: 43px;
    border: 2px solid #f7efdf;
    background: #f7efdf;
    margin-top: 40px;
    position: relative;
}

.prodetail_com .det_info .bus_detabox1 .left .official .qrcode {
    width: 110px;
    height: 121px;
    position: absolute;
    top: -146px;
    left: 17px;
    background: url(/images/code_bg.png) no-repeat;
    display: none;
}

.prodetail_com .det_info .bus_detabox1 .left .official .qrcode img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: 5px;
}

.prodetail_com .det_info .bus_detabox1 .left .official .qrcode2 {
    width: 110px;
    height: 121px;
    position: absolute;
    top: -146px;
    left: 138px;
    background: url(/images/code_bg.png) no-repeat;
    display: none;
}

.prodetail_com .det_info .bus_detabox1 .left .official .qrcode2 img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: 5px;
}

.prodetail_com .det_info .bus_detabox1 .left .official .off_box {
    width: 137px;
    height: 39px;
    margin-top: 0;
    float: left;
}

.prodetail_com .det_info .bus_detabox1 .left .official .off_box.code {
    cursor: pointer;
}

.prodetail_com .det_info .bus_detabox1 .left .official .off_box.bg {
    background: #fff;
}

.prodetail_com .det_info .bus_detabox1 .left .official .off_box img {
    float: left;
    margin-left: 24px;
}

.prodetail_com .det_info .bus_detabox1 .left .official .off_box p {
    float: left;
    line-height: 39px;
    font-size: 14px;
    color: #636363;
    margin-left: 10px;
}

.prodetail_com .det_info .bus_detabox1 .left .official .off_box.bg:hover p {
    color: #ff9f22;
}

.prodetail_com .det_info .tarffbox .left {
    padding-top: 40px;
}

.traffic {
    margin-bottom: 20px;
}

.traffic img {
    float: left;
}

.traffic .text {
    width: 260px;
    float: left;
    margin-left: 27px;
}

.traffic .text.on {}

.traffic .text.on h3 {
    vertical-align: middle;
    display: table-cell;
    height: 63px;
}

.traffic .text h3 {
    font-size: 16px;
    color: #535353;
}

.traffic .text p {
    font-size: 12px;
    color: #535353;
    line-height: 18px;
    margin-top: 6px;
}

.deta_caseapp .merchant .left {
    margin-top: 50px;
    margin-left: 42px;
}

.deta_caseapp .merchant .left h3 {
    font-size: 24px;
    color: #ffffff;
}

/*.deta_caseapp .merchant .left p{margin-top:40px;font-size:14px;color:#ffffff;opacity:0.7;}*/
.deta_caseapp .merchant .right {
    width: 1270px;
    float: right;
    margin-top: 30px;
    padding-left: 27px;
}

.deta_caseapp .merchant .right .merchant_info ul li {
    width: 203px;
    height: 334px;
    margin: 0 25px;
    float: left;
}

.deta_caseapp .merchant .right .merchant_info ul li div {
    width: 203px;
    margin-top: 34px;
    background: #fff;
    height: 101px;
}

.deta_caseapp .merchant .right .merchant_info ul li img {
    /*width:149px;*/
    margin: 0 auto;
}

.deta_caseapp .merchant .right .merchant_info .btn {
    width: 112px;
    position: absolute;
    right: 5px;
    top: -15px;
    background: #f7efdf;
    height: 56px;
}

.deta_caseapp .merchant .right .merchant_info .btn a {
    float: left;
    width: 56px;
    height: 56px;
    position: relative;
    z-index: 2;
}

.deta_caseapp .merchant .right .merchant_info .btn a.prev {
    background: url(/images/product/jizhu_prev.png) no-repeat center;
}

.deta_caseapp .merchant .right .merchant_info .btn a.next {
    background: url(/images/product/jizhu_next.png) no-repeat center;
    margin-left: -5px;
}

.deta_caseapp .merchant .right .merchant_info .btn .bg {
    width: 56px;
    height: 56px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f2daac;
    transition-duration: .3s;
}

.deta_caseapp .merchant .right .merchant_info .btn .bg.on {
    left: 0;
}

.merchant_case {
    margin-bottom: 30px;
}

/*Ã¥â€¢â€&nbsp;Ã¤Â¸Å¡Ã¨Â¿ÂÃ¨ÂÂ¥end*/

/*Ã¤Âºâ€™Ã¨Ââ€Ã§Â½â€˜Ã¤ÂºÂ§Ã¨Â´Â¸*/
.product_trade {
    width: 100%;
    height: 648px;
    background: url(/images/product/internet_banner.jpg) no-repeat center 100px;
    background-attachment: fixed;
    overflow: hidden;
}

.product_trade .real .internet_gl {
    margin-top: 133px;
}

.product_trade .real .txt2 {
    color: #ffffff;
    padding-top: 40px;
    letter-spacing: 15px;
    font-weight: bold;
}

.product_trade .real .txt3 {
    color: rgba(222, 188, 144, 0.7);
    font-size: 20px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.trade_info {
    width: 100%;
}

.trade_info .trade_center {
    width: 100%;
    height: 1329px;
    background: url(/images/product/internet_centerbg.jpg) no-repeat center;
    overflow: hidden;
}

.trade_info .trade_center .internet_ptimg {
    height: 382px;
    margin-top: 70px;
}

.trade_info .trade_center .internet_ptimg .left {
    float: left;
}

.trade_info .trade_center .internet_ptimg .right {
    float: right;
    width: 492px;
    height: 354px;
    box-sizing: border-box;
    padding-top: 30px;
    position: relative;
}

.trade_info .trade_center .internet_ptimg .right .internet_ptimglogo {
    width: 142px;
    margin: 0 auto;
}

.trade_info .trade_center .internet_ptimg .right h3 {
    font-size: 22px;
    color: #d1ad6f;
    margin-top: 15px;
}

.trade_info .trade_center .internet_ptimg .right p {
    font-size: 14px;
    color: #453939;
    margin-top: 10px;
    margin-bottom: 16px;
}

.c_link_btn {
    float: left;
    font-size: 14px;
    color: #aa936b;
    line-height: 22px;
    padding-left: 30px;
    background: url(/images/product/link_btn.png) no-repeat left center;
}

.trade_info .trade_center .internet_global {
    margin-top: 140px;
}

.trade_info .trade_center .internet_global ul {
    width: 1222px;
    margin-left: 49px;
}

.trade_info .trade_center .internet_global ul li {
    display: inline-block;
    width: 403px;
    height: 306px;
    overflow: hidden;
    margin-right: 1px;
    position: relative;
}

.trade_info .trade_center .internet_global ul li.on1 {
    background: url(/images/product/internet_global1.jpg) no-repeat;
}

.trade_info .trade_center .internet_global ul li.on2 {
    background: url(/images/product/internet_global2.jpg) no-repeat;
}

.trade_info .trade_center .internet_global ul li.on3 {
    background: url(/images/product/internet_global3.jpg) no-repeat;
}

.trade_info .trade_center .internet_global .info {
    width: 357px;
    box-sizing: border-box;
    padding-top: 30px;
    padding-left: 40px;
}

.trade_info .trade_center .internet_global .info h3 {
    font-size: 18px;
    color: #d1ad6f;
    font-weight: normal
}

.trade_info .trade_center .internet_global .info p {
    font-size: 18px;
    color: #b4aea3;
    text-transform: uppercase;
    margin-top: 10px;
    line-height: 20px;
    text-align: left
}

.trade_info .trade_center .internet_global .info_text {
    position: absolute;
    width: 100%;
    height: 160px;
    left: 0;
    bottom: 0;
    background: #d1ad6f;
    box-sizing: border-box;
    padding-top: 30px;
    padding-left: 44px;
    padding-right: 40px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.trade_info .trade_center .internet_global .info_text h3 {
    font-size: 18px;
    color: #ffffff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.trade_info .trade_center .internet_global .info_text .bor {
    width: 101px;
    height: 3px;
    background: #dec599;
    margin: 17px 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.trade_info .trade_center .internet_global .info_text p {
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.trade_info .trade_center .internet_global ul li:hover .info_text {
    opacity: 1;
    filter: alpha(opacity=100);
    animation-name: z_fadeinup;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
}

.trade_info .trade_center .internet_global ul li:hover .info_text h3 {
    opacity: 1;
    filter: alpha(opacity=100);
    animation-name: gorightin;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
}

.trade_info .trade_center .internet_global ul li:hover .info_text .bor {
    opacity: 1;
    filter: alpha(opacity=100);
    animation-name: gorightin;
    animation-duration: 0.9s;
    -webkit-animation-duration: 0.9s;
}

.trade_info .trade_center .internet_global ul li:hover .info_text p {
    opacity: 0.7;
    filter: alpha(opacity=70);
    animation-name: gorightin;
    animation-duration: 1.3s;
    -webkit-animation-duration: 1.3s;
}


.trade_info .trade_center .internet_pro {
    margin-top: 96px;
}

.trade_info .trade_center .internet_pro .txt {
    text-align: center;
    font-size: 24px;
    color: #58534c;
}

.trade_info .trade_center .internet_pro .box {
    width: 100%;
    border-top: 2px solid #f0f0f0;
    margin-top: 30px;
    padding-top: 47px;
}

.trade_info .trade_center .internet_pro .box ul li {
    width: 626px;
    padding: 0 46px;
    display: inline-block;
    float: left;
}

.trade_info .trade_center .internet_pro .box ul li.bor {
    border-right: 1px solid #dbd8d3;
}

.trade_info .trade_center .internet_pro .box ul li img {
    float: left;
}

.trade_info .trade_center .internet_pro .box ul li .info {
    float: right;
    width: 312px;
}

.trade_info .trade_center .internet_pro .box ul li .info h3 {
    font-size: 18px;
    color: #535353;
}

.trade_info .trade_center .internet_pro .box ul li .info p {
    font-size: 14px;
    color: #535353;
    margin-top: 10px;
}

.trade_info .internet_fuwu {
    width: 100%;
    background: #fff url(/images/product/internet_fuwu.jpg) no-repeat;
    overflow: hidden;
    padding-bottom: 80px;
}

.trade_info .internet_fuwu .channel h3 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-top: 50px;
}

.trade_info .internet_fuwu .channel p {
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    margin-top: 16px;
    opacity: 0.4;
}

.trade_info .internet_fuwu .channel .internet_web {
    width: 1162px;
    margin: 0 auto;
    margin-top: 50px;
}

.trade_info .internet_fuwu .room_list {
    margin-top: 60px;
}

.trade_info .internet_fuwu .room_list li {
    float: left;
    width: 413px;
    height: 320px;
    background: #f5f8f9;
    box-sizing: border-box;
    padding: 0 45px;
    padding-top: 40px;
}

.trade_info .internet_fuwu .room_list li.on {
    margin-left: 10px;
}

.trade_info .internet_fuwu .room_list li .img {
    height: 70px;
}

.trade_info .internet_fuwu .room_list li img {
    width: 110px;
    margin: 0 auto;
}

.trade_info .internet_fuwu .room_list li h3 {
    font-size: 18px;
    color: #535353;
    margin-top: 30px;
}

.trade_info .internet_fuwu .room_list li p {
    font-size: 14px;
    color: #535353;
    opacity: 0.7;
}

.trade_info .internet_fuwu .internet_pro {
    margin-top: 96px;
}

.trade_info .internet_fuwu .internet_pro .txt {
    text-align: center;
    font-size: 24px;
    color: #58534c;
}

.trade_info .internet_fuwu .internet_pro .box {
    width: 100%;
    border-top: 2px solid #f0f0f0;
    margin-top: 30px;
    padding-top: 47px;
}

.trade_info .internet_fuwu .internet_pro .box ul li {
    width: 626px;
    padding: 0 46px;
    display: inline-block;
    float: left;
}

.trade_info .internet_fuwu .internet_pro .box ul li.bor {
    border-right: 1px solid #dbd8d3;
}

.trade_info .internet_fuwu .internet_pro .box ul li img {
    float: left;
}

.trade_info .internet_fuwu .internet_pro .box ul li .info {
    float: right;
    width: 312px;
}

.trade_info .internet_fuwu .internet_pro .box ul li .info h3 {
    font-size: 18px;
    color: #535353;
}

.trade_info .internet_fuwu .internet_pro .box ul li .info p {
    font-size: 14px;
    color: #535353;
    margin-top: 10px;
}

.internet_code {
    position: fixed;
    bottom: 147px;
    right: 21px;
}

/*Ã¤Âºâ€™Ã¨Ââ€Ã§Â½â€˜Ã¤ÂºÂ§Ã¨Â´Â¸end*/

/*Ã¥Å“Â»Ã¥â€¦Â»Ã¥ÂÂ¥Ã¥ÂºÂ·*/
.product_medical {
    width: 100%;
    height: 648px;
    background: url(/images/product/medical_banner.jpg) no-repeat center 100px;
    background-attachment: fixed;
    overflow: hidden;
}

.product_medical .real .txt2 {
    letter-spacing: 15px;
    margin-top: 32px;
}

.product_medical .bor_line {
    background: #d6a83f;
}

.product_medical .real .txt3 {
    color: #625a53;
    opacity: 0.7;
    font-size: 14px;
}

.medical_entrance {
    width: 100%;
    background: #fff;
    padding-top: 40px;
    padding-bottom: 70px;
}

.medical_entrance .box {
    width: 1290px;
    margin: 0 auto;
    height: 210px;
    overflow: hidden;
}

.medical_entrance .box a {
    display: inline-block;
    float: left;
    margin-top: 20px;
    transition: all .4s;
}

.medical_entrance .box a:hover {
    margin-top: 0;
}

.medical_entrance .box a.medical_medi1 {
    width: 639px;
    height: 187px;
    background: url(/images/product/medical_medi1.png) no-repeat;
}

.medical_entrance .box a.medical_medi2 {
    width: 634px;
    height: 187px;
    margin-left: 17px;
    background: url(/images/product/medical_medi2.png) no-repeat;
}

/*.medical_entrance .box a.medical_medi1:hover{background: url(/images/product/medical_medi1_on.png) no-repeat;}
.medical_entrance .box a.medical_medi2:hover{background: url(/images/product/medical_medi2_on.png) no-repeat;}*/
/*Ã¥â€&nbsp;â€¦Ã©Â¡Âµ1*/
.product_medical_deta1 {
    width: 100%;
    height: 650px;
    background: url(/images/product/medical_detbanner1.jpg) no-repeat center 100px;
    background-attachment: fixed;
    overflow: hidden;
}

.product_medical_deta1 .real .txt2 {
    letter-spacing: 15px;
}

.product_medical_deta1 .bor_line {
    background: #d6a83f;
}

.product_medical_deta1 .real .txt3 {
    color: #625a53;
    opacity: 0.7;
    font-size: 14px;
    width: 520px;
    padding-right: 20px;
    max-height: 280px;
    overflow: hidden;
    overflow-y: auto;
}

.product_medical_deta1 .real .txt3 p {
    margin-bottom: 10px;
}

.product_medical_deta1 .real .txt3 p:last-child {
    margin-bottom: 0;
}

.medical_deta1_con .life_ser {
    width: 100%;
    height: 1205px;
    background: url(/images/product/medical_leftbg.jpg) no-repeat center;
    overflow: hidden;
}

.medical_deta1_con .life_box {
    margin-top: 62px;
}

.medical_deta1_con .life_box .left {
    float: left;
    margin-left: 60px;
}

.medical_deta1_con .life_box .right {
    width: 422px;
    float: right;
    margin-right: 215px;
    margin-top: 40px;
    position: relative;
}

.medical_deta1_con .life_box .right h3 {
    font-size: 40px;
    color: #f2efea;
    font-family: 'rubik-regular';
    font-weight: normal;
    text-transform: uppercase;
}

.medical_deta1_con .life_box .right h4 {
    font-size: 22px;
    color: #f2efea;
    margin-top: 30px;
    font-weight: normal;
}

.medical_deta1_con .life_box .right .bor_line {
    width: 326px;
    height: 2px;
    background: #e1e1e1;
    opacity: 0.3;
    margin-top: 15px;
}

.medical_deta1_con .life_box .right p {
    font-size: 14px;
    color: #f2efea;
    opacity: 0.7;
    margin-top: 24px;
}

.medical_deta1_con .life_box .right .medical_lifeicon {
    position: absolute;
    top: 53px;
    left: -62px;
}

.medical_deta1_con .ser_box {
    padding-top: 40px;
    padding-left: 45px;
    margin-top: 60px;
}

.medical_deta1_con .ser_box .text1 {
    font-size: 40px;
    color: #d9d9d9;
    font-family: 'rubik-regular';
    font-weight: normal;
    text-transform: uppercase;
}

.medical_deta1_con .ser_box .text2 {
    font-size: 24px;
    color: #535353;
    margin-top: 15px;
}

.medical_deta1_con .ser_box ul {
    margin-top: 30px;
}

.medical_deta1_con .ser_box li {
    display: inline-block;
    width: 401px;
    height: 252px;
    overflow: hidden;
    background: #f8f8f8;
}

.medical_deta1_con .ser_box li img {
    width: 100%;
}

.medical_deta1_con .ser_box .info {
    box-sizing: border-box;
    padding-top: 25px;
    padding-left: 40px;
    padding-right: 5px;
}

.medical_deta1_con .ser_box .info h3 {
    font-size: 18px;
    color: #d1ad6f;
    font-weight: normal
}

.medical_deta1_con .ser_box .info p {
    font-size: 18px;
    color: #b4aea3;
    text-transform: uppercase;
    margin-top: 10px;
    line-height: 20px;
    text-align: left
}

.medical_deta1_con .hospital {
    width: 100%;
    height: 568px;
    background: url(/images/product/medical_hospbg.jpg) no-repeat center;
    overflow: hidden;
}

.medical_deta1_con .hospital .w1260 {
    box-sizing: border-box;
    padding-left: 50px;
    position: relative;
}

.medical_deta1_con .hospital .text_box {
    width: 600px;
    margin-top: 80px;
}

.medical_deta1_con .hospital .text_box h3 {
    font-size: 40px;
    color: #f2efea;
    line-height: 1;
    font-family: 'rubik-regular';
    font-weight: normal;
    text-transform: uppercase;
}

.medical_deta1_con .hospital .text_box h4 {
    font-size: 22px;
    color: #f6f4f9;
    margin-top: 14px;
    font-weight: normal;
}

.medical_deta1_con .hospital .text_box .bor_line {
    width: 326px;
    height: 2px;
    background: #e1e1e1;
    opacity: 0.3;
    margin-top: 15px;
}

.medical_deta1_con .hospital .text_box p {
    font-size: 14px;
    color: #f2efea;
    margin-top: 10px;
}

.medical_deta1_con .hospital .list {
    margin-top: 40px;
}

.medical_deta1_con .hospital .list li {
    padding: 0 30px;
    float: right;
}

.medical_deta1_con .hospital .list li img {
    width: 78px;
    margin: 0 auto;
}

.medical_deta1_con .hospital .list li p {
    font-size: 14px;
    color: #f2efea;
    text-align: center;
    margin-top: 7px;
}

.medical_deta1_con .hospital .medical_wuda {
    /* position:absolute; */
    left: -20px;
    top: 248px;
}

.medical_deta1_con .partners {
    width: 100%;
    background: #f2efea;
    padding-top: 60px;
    padding-bottom: 100px;
}

.medical_deta1_con .partners .text1 {
    color: #d9d9d9;
    font-size: 40px;
    font-family: 'rubik-regular';
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}

.medical_deta1_con .partners .text2 {
    text-align: center;
    font-size: 24px;
    color: #535353;
    margin-top: 15px;
}

.medical_deta1_con .partners .list {
    margin-top: 40px;
    margin-bottom: 20px;
}

.medical_deta1_con .partners .list li {
    float: left;
    width: 406px;
    height: 165px;
    box-sizing: border-box;
    padding: 0 35px;
    padding-top: 46px;
    background: #f2e8dd;
}

.medical_deta1_con .partners .list li.on {
    margin-left: 20px;
}

.medical_deta1_con .partners .list img {
    width: 105px;
    float: left;
}

.medical_deta1_con .partners .list p {
    float: right;
    width: 200px;
    font-size: 14px;
    color: #4e4e4e;
    line-height: 20px;
    display: flex;
}

.medical_deta1_con .partners .list p em {
    white-space: nowrap;
}

.medical_deta1_con .partners .pension {
    width: 100%;
    margin-top: 60px;
}

.medical_deta1_con .partners .pension .left {
    float: left;
    width: 406px;
    height: 320px;
    background: #f2e8dd;
    box-sizing: border-box;
    padding-top: 60px;
    padding-left: 60px;
}

.medical_deta1_con .partners .pension .left h3 {
    color: #535353;
    font-size: 45px;
    font-family: 'rubik-regular';
    font-weight: normal;
    text-transform: uppercase;
    opacity: 0.4;
    letter-spacing: -3px;
}

.medical_deta1_con .partners .pension .left h4 {
    font-size: 30px;
    color: #535353;
    margin-top: 28px;
    font-weight: normal;
}

.medical_deta1_con .partners .pension .left .medical_btn {
    display: inline-block;
    width: 163px;
    height: 56px;
    margin-top: 50px;
    background: url(/images/product/medical_btn.png) no-repeat;
}

.medical_deta1_con .partners .pension .left .medical_btn:hover {
    background: url(/images/product/medical_btn_on.png) no-repeat;
}

.medical_deta1_con .partners .pension .right {
    float: right;
    width: 854px;
}

/*Ã¥â€&nbsp;â€¦Ã©Â¡Âµ2*/
.product_medical_deta2 {
    width: 100%;
    height: 650px;
    background: url(/images/product/medical_detbanner2.jpg) no-repeat center 100px;
    background-attachment: fixed;
    overflow: hidden;
}

.product_medical_deta2 .real .txt2 {
    letter-spacing: 15px;
}

.medical_deta2_con .life_ser {
    height: 1309px;
    background: url(/images/product/medical_fouebg.jpg) no-repeat center;
}

.medical_deta2_con .life_box {
    margin-top: 100px;
}

.medical_deta2_con .life_box .left {
    margin-left: 0;
}

.medical_deta2_con .life_box .right {
    width: 508px;
    margin-right: 120px;
}

.medical_deta2_con .life_box .right p {
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    opacity: 1;
    padding: 0 14px;
    background: #89664c;
    border-radius: 20px;
    display: inline-block;
    margin-top: 12px;
}

.medical_deta2_con .life_box .right p.on1 {
    background: rgba(137, 102, 76, 0.3);
}

.medical_deta2_con .life_box .right p.on2 {
    background: rgba(137, 102, 76, 0.6);
}

.medical_deta2_con .life_box .right p.on3 {
    background: rgba(137, 102, 76, 0.8);
}

.medical_deta2_con .life_box .right p em {
    font-size: 24px;
    font-family: 'rubik-regular';
    margin-right: 20px;
}

.medical_deta2_con .life_box .right p span {
    float: right;
}

.medical_deta2_con .ser_box {
    margin-top: 44px;
}

.medical_deta2_con .ser_box .title {
    width: 506px;
    height: 42px;
    margin: 0 auto;
    background: url(/images/product/medical_bor_03.jpg) no-repeat bottom;
}

.medical_deta2_con .ser_box .title li {
    width: auto;
    height: auto;
    display: inline-block;
    font-size: 18px;
    color: #000000;
    opacity: 0.7;
    margin-left: 32px;
    padding-bottom: 15px;
    background: none;
    cursor: pointer;
}

.medical_deta2_con .ser_box .title li:first-child {
    margin-left: 0;
}

.medical_deta2_con .ser_box .title li.on {
    opacity: 1;
    border-bottom: 3px solid #ffa800;
    font-weight: bold;
}

.medical_deta2_con .ser_box .sece_box {
    margin-top: 15px;
    position: relative;
}

.medical_deta2_con .ser_box .sece_box .box {
    display: none;
}

.medical_deta2_con .ser_box .sece_box .info {
    width: 531px;
    height: 280px;
    background: #e69f61;
    position: absolute;
    top: 162px;
    left: 60px;
    box-sizing: border-box;
    padding-top: 30px;
    padding-left: 40px;
}

.medical_deta2_con .ser_box .sece_box .info h3 {
    font-size: 44px;
    color: #ffffff;
    margin-top: 19px;
}

.medical_deta2_con .ser_box .sece_box .info h4 {
    font-size: 24px;
    color: #fff;
    font-family: 'rubik-regular';
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 20px;
}

.medical_deta2_con .ser_box .sece_box .info p {
    font-size: 14px;
    color: #ffffff;
    opacity: 0.7;
    line-height: 24px;
}

.medical_deta2_con .systems {
    width: 100%;
    height: 602px;
    background: url(/images/product/medical_six.jpg) no-repeat center;
    overflow: hidden;
}

.medical_deta2_con .systems .text {
    float: left;
}

.medical_deta2_con .systems .text h3 {
    color: #787878;
    font-size: 40px;
    opacity: 0.4;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 50px;
}

.medical_deta2_con .systems .text p {
    color: #535353;
    font-size: 24px;
    margin-top: 15px;
}

.medical_deta2_con .systems .six_text {
    width: 419px;
    height: 477px;
    float: right;
    margin-top: 76px;
    margin-right: 100px;
    position: relative;
}

.medical_deta2_con .systems .six_text .list li {
    width: 117px;
    height: 117px;
    border-radius: 50%;
    background: #d18f56;
    position: absolute;
}

.medical_deta2_con .systems .six_text .list li .xicon {
    position: absolute;
    display: none;
}

.medical_deta2_con .systems .six_text .list li.bg {
    background: #89664c;
}

.medical_deta2_con .systems .six_text .list li.bg .xicon {
    display: block;
}

.medical_deta2_con .systems .six_text .list li.on1 {
    top: 85px;
    left: 0;
}

.medical_deta2_con .systems .six_text .list li.on1 .xicon {
    top: 77px;
    left: 97px;
}

.medical_deta2_con .systems .six_text .list li.on2 {
    top: 0;
    left: 150px;
}

.medical_deta2_con .systems .six_text .list li.on2 .xicon {
    bottom: -10px;
    ;
    left: 46px;
}

.medical_deta2_con .systems .six_text .list li.on3 {
    top: 85px;
    right: 0;
}

.medical_deta2_con .systems .six_text .list li.on3 .xicon {
    bottom: 17px;
    left: 0px;
}

.medical_deta2_con .systems .six_text .list li.on4 {
    top: 260px;
    right: 0;
}

.medical_deta2_con .systems .six_text .list li.on4 .xicon {
    top: 14px;
    left: 3px;
}

.medical_deta2_con .systems .six_text .list li.on5 {
    top: 342px;
    left: 150px;
}

.medical_deta2_con .systems .six_text .list li.on5 .xicon {
    top: -10px;
    left: 45px;
}

.medical_deta2_con .systems .six_text .list li.on6 {
    top: 260px;
    left: 0;
}

.medical_deta2_con .systems .six_text .list li.on6 .xicon {
    top: 14px;
    right: 4px;
}

.medical_deta2_con .systems .six_text .list li .icon {
    width: 30px;
    margin: 0 auto;
    margin-top: 29px;
}

.medical_deta2_con .systems .six_text .list li p {
    font-size: 16px;
    color: #ffffff;
    margin-top: 10px;
    text-align: center;
}

.medical_deta2_con .systems .six_text .medical_sixtextbg {
    width: 307px;
    height: 355px;
    background: url(/images/product/medical_sixtextbg.png) no-repeat;
    margin: 0 auto;
    margin-top: 53px;
    overflow: hidden;
}

.medical_deta2_con .systems .six_text .medical_sixtextbg .box {
    width: 160px;
    margin: 0 auto;
    margin-top: 124px;
    display: none;
}

.medical_deta2_con .systems .six_text .medical_sixtextbg .box p {
    color: #948787;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    margin-right: 11px;
}

.medical_deta2_con .systems .six_text .medical_sixtextbg .box p em {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #febc3e;
    float: left;
    margin-right: 4px;
    margin-top: 5px;
}

.medical_deta2_con .partners {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 50px;
}

.medical_deta2_con .partners .pension {
    margin-top: 0;
}

/*Ã¥Å“Â»Ã¥â€¦Â»Ã¥ÂÂ¥Ã¥ÂºÂ·end*/

/*Ã¨Â®Â¾Ã¨Â®Â¡Ã¥Â»ÂºÃ©â‚¬Â&nbsp;*/
.product_design {
    width: 100%;
    height: 650px;
    background: url(/images/product/design_banner.jpg) no-repeat center 100px;
    background-attachment: fixed;
    overflow: hidden;
}

.product_design .txt1 {
    font-size: 71px;
}

.product_design .txt2 {
    margin-top: 32px;
}

.design_info {
    width: 100%;
    height: 1437px;
    background: url(/images/product/design_box.jpg) no-repeat center;
    overflow: hidden;
}

.design_info h3 {
    color: #ffffff;
    opacity: 0.7;
    font-size: 24px;
    font-weight: normal;
    margin-top: 70px;
}

.design_info .bor_line {
    background: #5670b3;
    width: 745px;
    height: 2px;
}

.design_info p {
    color: #ffffff;
    opacity: 0.4;
    font-size: 14px;
    margin-top: 20px;
}

.design_info .under {
    box-sizing: border-box;
    margin-top: 135px;
    padding-left: 3px;
}

.design_info .under ul li {
    width: 396px;
    /* height:460px; */
    display: inline-block;
    background: #f5f7f8;
    margin-bottom: 20px;
    margin-left: 20px;
    overflow: hidden;
    vertical-align: top;
}

.design_info .under ul li img {}

.design_info .under ul li .text {
    padding: 0 30px;
    padding-top: 16px;
    height: 260px;
    overflow: hidden;
}

.design_info .under ul li .text h3 {
    color: #d1ad6f;
    font-size: 18px;
    margin-top: 0;
    font-weight: bold;
}

.design_info .under ul li .text h4 {
    color: #999999;
    font-size: 18px;
    line-height: 22px;
    margin-top: 10px;
    font-weight: normal;
}

.design_info .under ul li .text p {
    color: #999999;
    font-size: 14px;
    line-height: 22px;
    opacity: 1;
    margin-top: 5px;
}

/*Ã¨Â®Â¾Ã¨Â®Â¡Ã¥Â»ÂºÃ©â‚¬Â&nbsp;*/

/*Ã¥Ë†â€ºÃ¦â€“Â°Ã¦Å“ÂÃ¥Å¡Â¡Ã¥Â¹Â³Ã¥ÂÂ°*/
.product_invonation {
    width: 100%;
    height: 650px;
    background: url(/images/product/innovation_banner.jpg) no-repeat center 100px;
    background-attachment: fixed;
    overflow: hidden;
}

.product_invonation .txt1 {}

.product_invonation .txt2 {
    color: #fff2d2;
    margin-top: 32px;
}

.innovation_box .achieving_sino {
    width: 100%;
    height: 1572px;
    background: #fbf7f0 url(/images/product/innovation_cmomon2.png) no-repeat center;
    overflow: hidden;
    position: relative;
}

.innovation_box .achieving_sino .achieving {
    padding-top: 64px;
}

.innovation_box .achieving_sino .achieving .left {
    float: left;
    width: 620px;
}

.innovation_box .achieving_sino .achieving .left h3 {
    font-size: 40px;
    color: #ffffff;
    opacity: 0.2;
    font-family: 'rubik-regular';
    text-transform: uppercase;
    line-height: 42px;
    font-weight: normal;
}

.innovation_box .achieving_sino .achieving .left h4 {
    font-size: 24px;
    color: #ffffff;
    font-weight: normal;
    margin-top: 20px;
}

.innovation_box .achieving_sino .achieving .left p {
    font-size: 14px;
    color: #ffffff;
    opacity: 0.7;
    margin-top: 20px;
}

.innovation_box .achieving_sino .achieving .right {
    float: right;
    margin-right: 100px;
}

.innovation_box .achieving_sino .sino {
    width: 100%;
    position: absolute;
    top: 474px;
}

.innovation_box .achieving_sino .sino .sino_tion {
    width: 100%;
}

.innovation_box .achieving_sino .sino .sino_tion .left {
    float: left;
    position: relative;
}

.innovation_box .achieving_sino .sino .sino_tion .left p {
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    left: 40px;
    bottom: 51px;
}

.innovation_box .achieving_sino .sino .sino_tion .right {
    float: right;
    width: 532px;
    margin-right: 0;
    padding-top: 80px;
}

.innovation_box .achieving_sino .sino .sino_tion .right h3 {
    font-size: 40px;
    color: #98806b;
    font-family: 'rubik-regular';
    text-transform: uppercase;
    line-height: 40px;
    font-weight: normal;
}

.innovation_box .achieving_sino .sino .sino_tion .right h4 {
    color: #2b81d0;
    font-size: 24px;
    padding: 10px 0;
}

.innovation_box .achieving_sino .sino .sino_tion .right p {
    color: #8d8d8d;
    font-size: 14px;
}

.innovation_box .achieving_sino .sino .inno_img {
    position: relative;
    margin-top: 61px;
}

.innovation_box .achieving_sino .sino .inno_img .box {
    width: 568px;
    position: absolute;
    bottom: 54px;
    left: 60px;
}

.innovation_box .achieving_sino .sino .inno_img .box h3 {
    font-size: 40px;
    color: #ffffff;
    font-family: 'rubik-regular';
    text-transform: uppercase;
    line-height: 40px;
    font-weight: normal;
    opacity: 0.3;
}

.innovation_box .achieving_sino .sino .inno_img .box h4 {
    color: #ffffff;
    font-size: 24px;
    padding: 10px 0;
}

.innovation_box .achieving_sino .sino .inno_img .box p {
    color: #ffffff;
    font-size: 14px;
    opacity: 0.7;
}

.innovation_box .city_list {
    width: 100%;
    background: #fff;
    padding-top: 60px;
    padding-bottom: 110px;
}

.innovation_box .city_list .box {
    margin-bottom: 20px;
}

.innovation_box .city_list .text {
    float: left;
    width: 805px;
    height: 266px;
    background: #f2f2f2;
    box-sizing: border-box;
    padding-top: 50px;
    padding-left: 60px;
}

.innovation_box .city_list .text h3 {
    color: #535353;
    font-size: 18px;
}

.innovation_box .city_list .text p {
    color: #535353;
    font-size: 14px;
    opacity: 0.7;
    margin-top: 10px;
}

.innovation_box .city_list .img {
    float: left;
}

/*Ã¥Ë†â€ºÃ¦â€“Â°Ã¦Å“ÂÃ¥Å¡Â¡Ã¥Â¹Â³Ã¥ÂÂ°*/

/*Ã©â€¦â€™Ã¥Âºâ€”Ã¥Ââ€˜Ã¥Â±â€¢*/
.hotel {
    width: 100%;
    height: 662px;
    background: url(/images/product/hotel_banner.jpg) no-repeat center 100px;
    background-attachment: fixed;
    overflow: hidden;
}

.hotel .real .hotel_text {
    margin-top: 160px;
}

.hotel .real .txt1 {
    color: rgba(251, 246, 205, 0.18);
    margin-top: 30px;
    filter: alpha(opacity=20);
}

.hotel .real .txt2 {
    color: #cfc6a9;
}

.hotel .real .bor_line {
    background: rgba(120, 146, 167, 0.3);
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.hotel .real .txt3 {
    color: #cfc6a9;
    opacity: 0.5;
}

.hotel_con .business_list {
    background: #f7f3f0;
}

.hotel_con .hotel_newstit {
    padding-top: 50px;
}

.hotel_con .hotel_newstit h3 {
    float: left;
    color: #6c5f5b;
    font-size: 24px;
}

.hotel_con .hotel_newstit img {
    float: right;
}

.hotel_con .business_list .case_list ul li {
    height: 430px;
}

.hotel_con .business_list .case_list ul li img {
    height: 230px;
}

.hotel_con .business_list .case_list ul li:hover img {
    -webkit-animation-name: xie_s;
    animation-name: xie_s;
    animation-duration: 0.7s;
}

.hotel_con .business_list .case_list ul li .address {
    background: #ffffff;
    padding-right: 30px;
    height: 200px;
    box-sizing: border-box;
    overflow: hidden;
}

.hotel_con .business_list .case_list ul li .address h4 {
    color: #c0a590;
    font-size: 16px;
    font-family: 'rubik-regular';
    font-weight: normal;
}

.hotel_con .business_list .case_list ul li .address h3 {
    color: #58585e;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 3px;
}

.hotel_con .business_list .case_list .hotel_news {
    position: relative;
}

.business_list .case_list .btn a {
    position: absolute;
    top: 50%;
    width: 56px;
    height: 56px;
    margin-top: -28px;
}

.business_list .case_list .btn a.prev {
    background: url(/images/product/ji_prev.png) no-repeat top/auto;
    transition: all 0.5s;
    left: -60px;
}

.business_list .case_list .btn a.prev:hover {
    background: url(/images/product/ji_prev_on.png) no-repeat;
}

.business_list .case_list .btn a.next {
    background: url(/images/product/ji_next.png) no-repeat top/auto;
    transition: all 0.5s;
    right: -50px;
}

.business_list .case_list .btn a.next:hover {
    background: url(/images/product/ji_next_on.png) no-repeat;
}


.hotel_map {
    width: 100%;
    height: 779px;
    background: url(/images/product/hotel_ourbg.jpg) no-repeat center;
    overflow: hidden;
}

.hotel_map .left {
    width: 429px;
    float: left;
    padding-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
}

.hotel_map .left h2 {
    color: #e6d9bd;
    font-size: 44px;
    font-family: 'rubik-regular';
    font-weight: normal;
}

.hotel_map .left h3 {
    color: #eadbcd;
    font-size: 24px;
    margin-top: 17px;
}

.hotel_map .left .bor_line {
    width: 283px;
    height: 5px;
    background: #e6d9bd;
    opacity: 0.2;
    margin-top: 56px;
}

.hotel_map .left h4 {
    color: #e6d9bd;
    font-size: 24px;
    opacity: 0.7;
    margin-top: 25px;
}

.hotel_map .left p {
    color: #f4ebd6;
    font-size: 16px;
    margin-top: 14px;
    opacity: 0.7;
}

.hotel_map .left p em {
    font-size: 28px;
    color: #d6a83f;
    font-family: 'rubik-regular';
}

.hotel_map .left h1 {
    color: #e6d9bd;
    font-size: 200px;
    opacity: 0.1;
    margin-top: 100px;
    font-family: 'rubik-regular';
    font-weight: normal;
    margin-left: -18px;
}

/*Ã¥Å“Â°Ã¥â€ºÂ¾*/
.hotel_map .right {
    width: 830px;
    float: right;
}



.hotel_map .right .hotel_allbtn {
    display: inline-block;
    width: 171px;
    height: 51px;
    float: right;
    margin-right: 34px;
    margin-top: 22px;
    background: url(/images/product/hotel_allbtn.png) no-repeat right top;
}

.hotel_map .right .hotel_allbtn:hover {
    background: url(/images/product/hotel_allbtn_on.png) no-repeat right top;
}

.allcompany-div {
    min-height: 566px;
}

.allcompany-div {
    position: relative;
    width: 100%;
    margin-top: 55px;
}

.allcompany-div .map_dao {
    position: absolute;
    bottom: 10px;
    right: 35px;
}

#chinamap {
    margin-left: 45px;
}

.china-data span {
    position: absolute;
    font-size: 14px;
    color: #333333;
    line-height: 13px;
    pointer-events: none;
}

/*.statetip{width:100px;height:100px;background:#fff;border:1px solid #f3e1cf; position:absolute;top:20px;border-radius:2px;}*/
.map_big {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
}

.maplist {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -156.5px;
    margin-left: -130px;
    width: 260px;
    height: 313px;
    background: url(/images/product/hotel_mapbg.png) no-repeat;
}

.maplist .mapclose {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.maplist .map_box {
    display: none;
}

.maplist .map_box ul {
    width: 260px;
    height: 275px;
    margin: 0 auto;
    margin-top: 30px;
    box-sizing: border-box;
    padding-left: 30px;
}

.maplist .map_box ul li {
    font-size: 16px;
    line-height: 26px;
}

.maplist .map_box ul li a {
    color: #d0bea9;
}

.maplist .mcsb_scrolltools .mcsb_draggerrail {
    background: #716560;
}

.hotel_partner {
    width: 100%;
    height: 966px;
    background: url(/images/product/hotel_partner.jpg) no-repeat center;
    overflow: hidden;
}

.hotel_partner h3 {
    text-align: center;
    color: #d1ad6f;
    font-size: 44px;
    text-transform: uppercase;
    margin-top: 100px;
    font-weight: normal;
}

.hotel_partner h4 {
    text-align: center;
    color: #f5dbc1;
    font-size: 24px;
    opacity: 0.5;
    margin: 14px 0;
    margin-top: 22px;
}

.hotel_partner p {
    text-align: center;
    color: #f4ebd6;
    font-size: 14px;
    opacity: 0.6;
}

.hotel_partner img {
    width: 1012px;
    margin: 0 auto;
    margin-top: 120px;
}

/*Ã©â€¦â€™Ã¥Âºâ€”Ã¦â€“Â°Ã©â€”Â»*/
.hotel_newslist {
    background: #fbf8f1;
}

.hotel_newslist .hotel_con {
    width: 1300px;
    margin: 0 auto;
    background: #fff;
    margin-top: -40px;
    overflow: hidden;
}

.hotel_newslist .hotel_con .business_list {
    background: none;
}

.hotel_newslist .hotel_con .business_list .case_list ul li .address {
    background: #fbf8f1;
}

.hotel_newslist .hotel_btnadd {
    display: inline-block;
    width: 398px;
    height: 62px;
    background: url(/images/product/hotel_btnadd.jpg) no-repeat;
    margin-right: 14px;
    margin-top: 30px;
    float: right;
}

.hotel_newslist .news_con {
    width: 760px;
    margin: 0 auto;
}

.hotel_newslist .news_con h3 {
    text-align: center;
    font-size: 24px;
    color: #737078;
    font-weight: normal;
    margin-top: 80px;
}

.hotel_newslist .time_share {
    padding-bottom: 38px;
    border-bottom: 2px solid #d9d9d9;
    margin-top: 60px;
}

.hotel_newslist .time_share h4 {
    font-size: 24px;
    color: #c0a988;
    float: left;
    font-weight: normal;
}

.hotel_newslist .time_share .browse {
    float: right;
}

.hotel_newslist .time_share .bdsharebuttonbox {
    float: right;
    margin-top: -12px;
}

.hotel_newslist .time_share .bdsharebuttonbox a {
    width: 32px;
    height: 32px;
}

.hotel_newslist .time_share .bdsharebuttonbox a.bds_weixin {
    background: url(/images/product/hotelnews_icon1.png) no-repeat;
}

.hotel_newslist .time_share .bdsharebuttonbox a.bds_tsina {
    background: url(/images/product/hotelnews_icon2.png) no-repeat;
}

.hotel_newslist .time_share .bdsharebuttonbox a.bds_qzone {
    background: url(/images/product/hotelnews_icon3.png) no-repeat;
}

.hotel_newslist .time_share .bdsharebuttonbox a.bds_sqq {
    background: url(/images/product/hotelnews_icon4.png) no-repeat;
}

.hotel_newslist .time_share .browse em {
    font-size: 14px;
    color: #797a81;
}

.hotel_newslist .news_con .info {
    margin-top: 30px;
}

.hotel_newslist .news_con .info img {
    width: 100%;
}

.hotel_newslist .news_con .info p {
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}

.hotel_newslist .news_con .btn {
    width: 744px;
    margin: 0 auto;
    margin-top: 33px;
    margin-bottom: 50px;
}

.hotel_newslist .news_con .btn a {
    float: left;
    width: 372px;
    height: 66px;
}

.hotel_newslist .news_con .btn a.list_btn {
    background: url(/images/product/hotelnews_btn1.png) no-repeat;
}

.hotel_newslist .news_con .btn a.next {
    display: inline-block;
    background: url(/images/product/hotelnews_btn2.png) no-repeat;
}

/*Ã©â€¦â€™Ã¥Âºâ€”Ã¥Ë†â€”Ã¨Â¡Â¨*/
.hot_listbanner {
    position: relative;
    height: 755px;
}

.hot_listbanner .bd {
    float: left;
    width: 100%;
    position: relative;
}

.hot_listbanner ul li {
    width: 100%;
    height: 755px;
    background-repeat: no-repeat;
    background-size: cover;
}

.hot_listbanner ul li img {
    width: 100%;
}

.hot_listbanner a {
    display: inline-block;
    width: 48px;
    height: 93px;
    position: absolute;
    z-index: 50;
}

.hot_listbanner a.prev {
    left: 40px;
    top: 50%;
    margin-top: -46.5px;
    background: url(/images/product/hotel_prev.png) no-repeat;
}

.hot_listbanner a.next {
    right: 40px;
    top: 50%;
    margin-top: -46.5px;
    background: url(/images/product/hotel_next.png) no-repeat;
}


.hot_listbanner .posbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.hot_listbanner .posbox .hotel_text {
    margin-top: 160px;
}

.hot_listbanner .posbox .txt1 {
    color: rgba(251, 246, 205, 0.18);
    margin-top: 30px;
    filter: alpha(opacity=20);
}

.hot_listbanner .posbox .txt2 {
    color: #cfc6a9;
}

.hot_listbanner .posbox .bor_line {
    background: rgba(120, 146, 167, 0.3);
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.hot_listbanner .posbox .txt3 {
    color: #cfc6a9;
    opacity: 0.5;
}

.hotel_listinfo {
    width: 1300px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    margin-top: -50px;
}

.hotel_listinfo .con_head {
    margin-top: 44px;
    width: 1270px;
}

.hotel_listinfo .con_head .left {
    height: 60px;
    float: left;
    line-height: 60px;
}

.hotel_listinfo .con_head .left .ser_btn {
    width: 108px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    color: #17181a;
    margin-right: 20px;
}

.hotel_listinfo .con_head .left .ser_btn img {
    float: left;
    margin-top: 18px;
}

.hotel_listinfo .con_head .left .ser_btn span {
    float: left;
    margin-left: 5px;
}

.hotel_listinfo .con_head .option {
    width: 160px;
    height: 57px;
    background: #f5f3ee;
    line-height: 57px;
    border: 1px solid #e1dbd2;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

.hotel_listinfo .con_head .option .list {
    width: 160px;
    position: absolute;
    left: -1px;
    background: #fff;
    display: none;
    max-height: 160px;
    overflow-y: scroll;
    z-index: 1;
}

.hotel_listinfo .con_head .option .list li {
    width: 100%;
    height: 40px;
    text-align: left;
    padding-left: 10px;
    line-height: 40px;
    background: #f3efe7;
    margin-bottom: 1px;
    font-size: 14px;
    color: #666666;
}

.hotel_listinfo .con_head .option .list li:hover {
    color: #fff;
    background: #d1ad6f;
}

.hotel_listinfo .con_head .option span {
    float: left;
    color: #676767;
    font-size: 15px;
    margin-left: 22px;
}

.hotel_listinfo .con_head .option img {
    float: right;
    margin-top: 24px;
    margin-right: 16px;
}

.hotel_listinfo .con_head .right {
    float: right;
    height: 60px;
    line-height: 60px;
}

.hotel_listinfo .con_head .right em {
    font-size: 15px;
    color: #676767;
}

.hotel_listinfo .con_head .right .box {
    float: right;
}

.hotel_listinfo .con_head .right .box .btn1 {
    width: 123px;
    height: 60px;
    display: inline-block;
    background: #c9b19a;
    cursor: pointer;
}

.hotel_listinfo .con_head .right .box .btn1:hover {
    background: #ff9f22;
}

.hotel_listinfo .con_head .right .box .btn1 em {
    font-size: 16px;
    color: #fff;
    opacity: 0.7;
    margin-left: 29px;
}

.hotel_listinfo .con_head .right .box .btn2 {
    width: 147px;
    height: 60px;
    display: inline-block;
    background: #d6a83f;
    cursor: pointer;
}

.hotel_listinfo .con_head .right .box .btn2 img {
    float: left;
    margin-left: 17px;
    margin-top: 15px;
}

.hotel_listinfo .con_head .right .box .btn2 em {
    font-size: 16px;
    color: #fff;
    opacity: 0.7;
    margin-left: 10px;
}

.hotel_listinfo .information {
    padding-left: 5px;
    padding-right: 13px;
    padding-bottom: 100px;
}

.hotel_listinfo .information .box {
    margin-top: 30px;
}

.hotel_listinfo .information .big {
    float: left;
    width: 634px;
    height: 624px;
    position: relative;
    margin-left: 12px;
    margin-top: 12px;
}

.hotel_listinfo .information .big img {
    width: 100%;
    height: 100%;
}

.hotel_listinfo .information .big:hover .title p {
    color: #ff9f22
}

.hotel_listinfo .information .big:hover img {
    -webkit-animation-name: xie_s;
    animation-name: xie_s;
    animation-duration: 0.7s;
}

.hotel_listinfo .information .small {
    float: right;
    width: 636px;
}

.hotel_listinfo .information .small ul li {
    width: 306px;
    height: 306px;
    position: relative;
    float: left;
    margin-left: 12px;
    margin-top: 12px;
}

.hotel_listinfo .information .small ul li img {
    width: 100%;
}

.hotel_listinfo .information .small ul li:hover {
    -webkit-animation-name: xie_s;
    animation-name: xie_s;
    animation-duration: 0.7s;
}

.hotel_listinfo .information .title {
    width: 100%;
    height: 184px;
    position: absolute;
    bottom: 0;
    background: url(/images/product/hotel_listtextbg.png);
}

.hotel_listinfo .information .title p {
    font-size: 18px;
    color: #e6d9bd;
    padding-left: 25px;
    margin-top: 142px;
}

.hotel_listinfo .information .box.on .big {
    float: right;
}

.hotel_listinfo .information .box.on .small {
    float: left;
}

.hotel_listinfo .information .hotel_btnadd {
    margin-right: 0;
}

.hotel_listinfo .information .small ul li:hover .title p {
    color: #ff9f22
}

/*Ã©â€¦â€™Ã¥Âºâ€”Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ*/
.hotel_deta {
    overflow: hidden;
    padding-top: 100px;
}

.hotel_detaimg {
    float: left;
}

/*.hotel_detaimg img{width:100%;height:100%;}*/

.hotel_deta .hotel_detainfobg {
    float: right;
    width: 550px;
    background: url(/images/product/hotel_detainfobg.jpg) no-repeat center;
    box-sizing: border-box;
    padding-left: 60px;
    padding-right: 40px;
    /*padding-top:30px;*/
}

.hotel_deta .hotel_detainfobg .info_btn {
    width: 39px;
    height: 37px;
    float: right;
    cursor: pointer;
    margin-top: 90px;
}

.hotel_deta .hotel_detainfobg .info_btn .btn1 {
    display: none;
}

.hotel_deta .hotel_detainfobg .text1 {
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    margin-top: 50px;
    margin-bottom: 10px;
}

.hotel_deta .hotel_detainfobg .bor {
    width: 184px;
    height: 5px;
    background: #e6d9bd;
    opacity: 0.6;
    margin: 17px 0;
    display: none;
}

.hotel_deta .hotel_detainfobg .text2 {
    font-size: 24px;
    color: #e6d9bd;
    font-weight: normal;
    /* text-transform: uppercase; */
}

.hotel_deta .hotel_detainfobg .text3-tab {
    width: 400px;
    margin-bottom: 40px;
}

.hotel_deta .hotel_detainfobg .text3-tab .hd {
    margin: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.hotel_deta .hotel_detainfobg .text3-tab .hd:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.hotel_deta .hotel_detainfobg .text3-tab .hd .btn {
    position: relative;
    float: left;
    margin-right: 26px;
    font-size: 16px;
    line-height: 30px;
    color: #5a504c;
    cursor: pointer;
    padding-bottom: 10px;
    transition: all .4s;
}

.hotel_deta .hotel_detainfobg .text3-tab .hd .btn:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 2px;
    width: 0;
    background: #ff9f22;
    z-index: 2;
    transition: all .4s;
}

.hotel_deta .hotel_detainfobg .text3-tab .hd .btn.on {
    color: #fff;
}

.hotel_deta .hotel_detainfobg .text3-tab .hd .btn.on:after {
    width: 100%;
}

.hotel_deta .hotel_detainfobg .text3-tab .bd {
    float: none;
}

.hotel_deta .hotel_detainfobg .text3 {
    font-size: 14px;
    color: #ffffff;
    max-height: 200px;
    overflow: hidden;
}

.hotel_deta .hotel_detainfobg .text3 p {
    color: #fff;
    margin-bottom: 20px;
}

.hotel_deta .hotel_detainfobg .address_phone {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}

.hotel_deta .hotel_detainfobg .address_phone img {
    float: left;
}

.hotel_deta .hotel_detainfobg .address_phone p {
    color: #ffffff;
    font-size: 14px;
    margin-left: 15px;
    float: left;
}

.hotel_deta .hotel_detainfobg .address_phone p em {
    font-size: 24px;
    color: #ffe8c6;
    font-family: 'rubik-regular';
}

.hotel_deta .hotel_detainfobg .official {
    width: 280px;
    height: 43px;
    margin-top: 40px;
    position: relative;
}

/*.hotel_deta .hotel_detainfobg .official:hover{border:2px solid #ff9f22;background:#ff9f22;}*/
.hotel_deta .hotel_detainfobg .official .off_box:hover p {
    color: #fff;
}

.hotel_deta .hotel_detainfobg .official .off_box.code:hover {
    background: #ff9f22;
}

.hotel_deta .hotel_detainfobg .official .off_box.code:hover .img {
    width: 41px;
    height: 39px;
    background: url(/images/product/business_deicon3_on.png) no-repeat
}

.hotel_deta .hotel_detainfobg .official .off_box.bg:hover {
    border: 2px solid #ff9f22;
}

.hotel_deta .hotel_detainfobg .official .off_box.bg:hover p {
    color: #ff9f22;
}

.hotel_deta .hotel_detainfobg .official .off_box.bg:hover .img {
    width: 44px;
    height: 39px;
    background: url(/images/product/business_deicon4_on.png) no-repeat
}

.hotel_deta .hotel_detainfobg .official .qrcode {
    width: 110px;
    height: 121px;
    position: absolute;
    top: -126px;
    left: 17px;
    pointer-events: none;
    background: url(/images/code_bg.png) no-repeat;
    display: none;
}

.hotel_deta .hotel_detainfobg .official .qrcode img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: 5px;
}

.hotel_deta .hotel_detainfobg .official .off_box {
    width: 137px;
    height: 43px;
    margin-top: 0;
    float: left;
    z-index: 2;
}

.hotel_deta .hotel_detainfobg .official .off_box.code {
    cursor: pointer;
    background: #f7efdf;
}

.hotel_deta .hotel_detainfobg .official .off_box.bg {
    background: #857470;
    border: 2px solid #f7efdf;
}

.hotel_deta .hotel_detainfobg .official .off_box.bg p {
    color: #d4cabd;
}

.hotel_deta .hotel_detainfobg .official .off_box .img {
    float: left;
    /*margin-left:24px;*/
}

.hotel_deta .hotel_detainfobg .official .off_box.code .img {
    width: 41px;
    height: 39px;
    background: url(/images/product/business_deicon3.png) no-repeat;
    margin-top: 2px;
}

.hotel_deta .hotel_detainfobg .official .off_box.bg .img {
    width: 44px;
    height: 39px;
    background: url(/images/product/business_deicon4.png) no-repeat
}

.hotel_deta .hotel_detainfobg .official .off_box p {
    float: left;
    line-height: 39px;
    font-size: 14px;
    color: #636363;
    margin-left: 10px;
}

.hotel_deta .hotel_detainfobg .official .off_box a {
    width: auto;
}

.hotel_deta .hotel_detainfobg .next_box {
    width: 400px;
    padding-top: 20px;
    border-top: 1px solid #9c9491;
    margin-top: 45px;
}

.hotel_deta .hotel_detainfobg .next_box a {
    width: auto;
    position: relative;
}

.hotel_deta .hotel_detainfobg .next_box .btn {
    height: 17px;
    line-height: 17px;
    margin-right: 54px;
    float: left;
}

.hotel_deta .hotel_detainfobg .next_box .btn img {
    float: left;
}

.hotel_deta .hotel_detainfobg .next_box .btn p {
    margin-left: 12px;
    float: left;
    line-height: 17px;
    color: #f7efdf;
    font-size: 14px;
}

.hotel_deta .hotel_detainfobg .next_box .btn p:hover {
    color: #ff9f22;
}

#pagefull .page2 {
    padding-top: 100px;
    background: #322b2d;
}

.hotel_photo {
    width: 100%;
    background: url(/images/product/hotel_photobg.jpg) no-repeat center;
    overflow: hidden;
}

.hotel_photo .text1 {
    font-size: 43px;
    color: #d1ad6f;
    font-family: 'rubik-regular';
    text-align: center;
    margin-top: 8vh;
    /* text-transform: uppercase; */
    font-weight: normal;
}

.hotel_photo .text2 {
    font-size: 24px;
    color: #999999;
    text-align: center;
    margin-top: 20px;
}

.hotel_photo .picscroll-left {
    width: 1278px;
    margin: 0 auto;
    position: relative;
    margin-top: 3vh;
}

.hotel_photo .picscroll-left .bd {
    width: 1278px;
    margin: 0 auto;
}

.hotel_photo .picscroll-left .bd li {
    width: 408px;
    height: 246px;
    margin: 0 9px;
    float: left;
}

.hotel_photo .picscroll-left .bd li .case_img {
    width: 408px;
    height: 246px;
}

.hotel_photo .picscroll-left .prev {
    position: absolute;
    left: -60px;
    top: 50%;
    width: 56px;
    height: 56px;
    background: url(/images/product/ji_prev.png) no-repeat top/auto;
    margin-top: -28px;
    transition: all 0.5s;
}

.hotel_photo .picscroll-left .next {
    position: absolute;
    right: -60px;
    top: 50%;
    width: 56px;
    height: 56px;
    background: url(/images/product/ji_next.png) no-repeat top/auto;
    margin-top: -28px;
    transition: all 0.5s;
}

.hotel_photo .picscroll-left .prev:hover {
    background: url(/images/product/ji_prev_on.png) no-repeat;
}

.hotel_photo .picscroll-left .next:hover {
    background: url(/images/product/ji_next_on.png) no-repeat;
    transition: all 0.5s;
}

@media screen and (max-height:744px) {
    .hotel_deta .hotel_detainfobg .text1 {
        margin-top: 55px;
    }

    .hotel_deta .hotel_detainfobg .text3-tab {
        margin-bottom: 10px;
    }

    .hotel_deta .hotel_detainfobg .text3-tab .hd {
        margin: 20px 0;
    }

    .hotel_deta .hotel_detainfobg .next_box {
        margin-top: 27px;
    }

    .hotel_photo .text1 {
        margin-top: 2%;
    }

    .hotel_photo .picscroll-left {
        margin-top: 2%;
    }

    .hotel_photo .picscroll-left .prev {
        left: 0;
    }

    .hotel_photo .picscroll-left .next {
        right: 0;
    }
}


/*Ã©â€¦â€™Ã¥Âºâ€”Ã¥Ââ€˜Ã¥Â±â€¢*/

/*Ã§â€°Â©Ã¤Â¸Å¡Ã¦Å“ÂÃ¥Å¡Â¡*/
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.id_index1 #banner {
    position: relative;
}

.id_index1 #banner .bd ul li {
    height: 650px;
    background: center no-repeat;
}

.id_index1 #banner .bd {
    position: relative;
}

.baner_btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 541px;
    height: 72px;
    background: #b4a46b;
}

.baner_widh {
    width: 1200px;
    margin: 0 auto;
}

.id_index1 #banner .prev {
    width: 55px;
    height: 72px;
    display: inline-block;
    background:  no-repeat;
    margin-left: 21px;
    margin-right: 50px;
}

.id_index1 #banner .next {
    width: 55px;
    height: 72px;
    display: inline-block;
    background:  no-repeat;
}

.id_index1 #banner .hd {
    position: absolute;
    width: 100%;
    bottom: 23px;
}

.id_index1 #banner .hd ul {
    width: 1200px;
    margin: 0 auto;
}

.id_index1 #banner .hd ul li {
    cursor: pointer;
    display: inline-block;
    width: 68px;
    height: 10px;
    margin: 0 5px;
    background: #fff;
    opacity: 0.8;
}

.id_index1 #banner .hd ul li.on {
    background: #caa06b;
    opacity: 1;
}

.fuwu {
    background: #ffffff;
    overflow: hidden;
}

.group {
    height: 707px;
}

.group .left {
    float: left;
    width: 480px;
    margin-top: 60px;
}

.group .left h3 {
    font-size: 36px;
    color: #645037;
    font-family: 'rubik-regular';
    font-weight: normal;
    opacity: 0.3;
    line-height: 33px;
}

.group .left .fuwu_logo {}

.group .left h4 {
    font-size: 18px;
    color: #caa06b;
    margin-top: 50px;
    font-weight: normal;
}

.group .left p {
    width: 470px;
    color: #545454;
    font-size: 14px;
    opacity: 0.7;
    margin-top: 17px;
}

.group .left .business_web {
    margin-top: 33px;
    position: relative;
    cursor: pointer;
    float: left;
}

.group .left .business_web .qrcode {
    width: 110px;
    height: 121px;
    position: absolute;
    top: -124px;
    left: 33px;
    pointer-events: none;
    background: url(/images/code_bg.png) no-repeat;
    display: none;
}

.group .left .business_web .qrcode img {
    width: 100px;
    margin: 0 auto;
    margin-top: 5px;
}

.group .left .text_phone {
    float: left;
}

.group .left .text_phone p {
    width: auto;
    color: #999999;
    font-size: 15px;
    opacity: 1;
    margin-left: 30px;
    margin-top: 30px;
}

.group .left .text_phone p em {
    font-size: 24px;
    color: #d1ad6f;
    font-family: 'rubik-regular';
}

.group .right {
    float: right;
    width: 700px;
    overflow: hidden;
}

.group .right .infolist {
    margin-top: 160px;
}

.group .right .infolist li {
    float: left;
    width: 340px;
    height: 239px;
    background: red;
    margin-top: 10px;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
}

.group .right .infolist li img {
    width: 100%;
    height: 100%;
}

.group .right .infolist li.on {
    height: 488px;
}

.group .right .infolist li.on .text_info {
    height: 50%;
}

.group .right .infolist li .leading {
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: 0;
    background: #faf1e5;
    box-sizing: border-box;
    padding-top: 18px;
    padding-left: 26px;
    padding-right: 17px;
}

.group .right .infolist li .leading h3 {
    color: #c5b4a0;
    font-size: font-size:18px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 20px;
}

.group .right .infolist li .leading .bor {
    width: 100%;
    height: 2px;
    background: #f2e3d0;
    margin: 10px 0;
}

.group .right .infolist li .leading p {
    color: #caa06b;
    font-size: 18px;
}

.group .right .infolist li .title {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.group .right .infolist li .title h3 {
    color: #eddec0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}

.group .right .infolist li .title h3.on {
    color: #c9c9c9;
}

.group .right .infolist li .title p {
    color: #604936;
    font-size: 18px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.group .right .infolist li .title p.on {
    color: #fff;
}

.group .right .infolist li .text_info {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    background: url(/images/product/fuwu_textinfobg.jpg);
    box-sizing: border-box;
    padding-top: 28px;
}

.group .right .infolist li .mcsb_container {
    margin-right: 0;
}

.group .right .infolist li .mcsb_scrolltools .mcsb_draggerrail {
    background: #e4c49d;
}

.group .right .infolist li .text_info .box {
    width: 280px;
    margin: 0 auto;
}

.group .right .infolist li .text_info .box h3 {
    font-size: 18px;
    color: #f4e0b4;
    padding-bottom: 14px;
    border-bottom: 2px solid #d9bb7e;
}

.group .right .infolist li .text_info .box p {
    font-size: 13px;
    color: #ffedd1;
    margin-top: 10px;
}

.six_ser {
    height: 410px;
    position: relative;
}

.six_ser .left {
    float: left;
    width: 1010px;
    height: 100%;
    background: url(/images/product/fuwu_sixbg.jpg) no-repeat center;
    margin-left: -499px;
    overflow: hidden;
}

.six_ser .left .box {
    overflow: hidden;
    padding-top: 44px;
    height: 100%;
    box-sizing: border-box;
    width: 510px;
    float: right;
}

.six_ser .left .box .text {
    width: 75px;
    float: left;
}

.six_ser .left .box .text h3 {
    font-size: 40px;
    color: #fff0bb;
    opacity: 0.1;
    filter: alpha(opacity=10);
    text-transform: uppercase;
    font-weight: normal;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    float: left;
    margin-left: 10px;
    font-family: 'rubik-regular';
}

.six_ser .left .box .text h4 {
    font-size: 24px;
    color: #fff0bb;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    float: left;
    margin-left: 10px;
}

.six_ser .right {
    float: right;
    width: 689px;
    height: 100%;
}

.six_ser .six_serimg .bd {
    position: relative;
}

.six_ser .six_serimg ul li {
    width: 100%;
    height: 410px;
}

.six_ser .six_serimg .btn {
    width: 134px;
    height: 66px;
    position: absolute;
    bottom: 0;
    background: #5c5c5c;
}

.six_ser .six_serimg .btn a {
    display: inline-block;
    width: 67px;
    height: 66px;
    float: left;
    position: relative;
    z-index: 2;
}

.six_ser .six_serimg .btn a.prev {
    background: url(/images/l.png) no-repeat center;
}

.six_ser .six_serimg .btn a.next {
    background: url(/images/r.png) no-repeat center;
}

.six_ser .six_serimg .btn .bg {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #333333;
    transition-duration: .3s;
}

/*.six_ser .six_serimg .btn .bg{    position: absolute;top: 0;right: 0;width: 50%;height: 100%;background: url(/images/btn-bg.png);transition-duration: .5s;-webkit-transition-duration: .5s;}*/
.six_ser .six_serimg .hd {
    position: absolute;
    width: 326px;
    height: 309px;
    left: 120px;
    top: 50px;
}

.six_ser .six_serimg .hd ul {}

.six_ser .six_serimg .hd ul li {
    position: absolute;
    cursor: pointer;
}

.six_ser .six_serimg .hd ul li p {
    color: #c5b09e;
    font-size: 30px;
}

.six_ser .six_serimg .hd ul li.on {}

.six_ser .six_serimg .hd ul li.on .fuwu_boxhd {
    width: 39px;
    height: 39px;
    background: url(/images/product/fuwu_boxhd.png) no-repeat center;
    position: absolute;
    top: -14px;
    left: -14px;
}

.six_ser .six_serimg .hd ul li.on p {
    color: #fff;
}

.six_ser .six_serimg .hd ul li .yuan {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ffeedb;
}

.li1 .yuan,
.li3 .yuan,
.li4 .yuan,
.li6 .yuan {
    position: absolute;
}

.six_ser .six_serimg .hd ul li.li1 {
    width: 79px;
    height: 66px;
    top: 46px;
    left: 0;
}

.six_ser .six_serimg .hd ul li.li1 .yuan {
    right: 9px;
    top: 46px;
}

.six_ser .six_serimg .hd ul li.li2 {
    width: 79px;
    height: 60px;
    left: 123px;
    top: 0;
    text-align: center;
}

.six_ser .six_serimg .hd ul li.li2 p {
    text-align: center;
}

.six_ser .six_serimg .hd ul li.li2 .yuan {
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
}

.six_ser .six_serimg .hd ul li.li3 {
    width: 79px;
    height: 66px;
    top: 46px;
    right: 0;
}

.six_ser .six_serimg .hd ul li.li3 p {
    float: right;
}

.six_ser .six_serimg .hd ul li.li3 .yuan {
    left: 10px;
    top: 45px;
}

.six_ser .six_serimg .hd ul li.li4 {
    width: 79px;
    height: 66px;
    bottom: 37px;
    right: 0;
}

.six_ser .six_serimg .hd ul li.li4 .yuan {
    top: 3px;
    left: 10px;
}

.six_ser .six_serimg .hd ul li.li4 p {
    float: right;
    margin-top: 30px;
}

.six_ser .six_serimg .hd ul li.li5 {
    width: 79px;
    height: 60px;
    left: 123px;
    bottom: -19px;
    text-align: center;
}

.six_ser .six_serimg .hd ul li.li5 p {
    text-align: center;
    margin-top: 20px;
    position: relative;
    float: left;
    margin-left: 10px;
}

.six_ser .six_serimg .hd ul li.li5 .yuan {
    margin: 0 auto;
}

.six_ser .six_serimg .hd ul li.li5.on .fuwu_boxhd {
    left: 20px;
}

.six_ser .six_serimg .hd ul li.li6 {
    width: 79px;
    height: 66px;
    bottom: 37px;
    left: 0;
}

.six_ser .six_serimg .hd ul li.li6 p {
    margin-top: 30px;
}

.six_ser .six_serimg .hd ul li.li6 .yuan {
    top: 3px;
    right: 10px;
}

.six_ser .six_serimg .hd .fuwu_sixtextbg {
    width: 201px;
    height: 232px;
    margin: 0 auto;
    margin-top: 40px;
    background: url(/images/product/fuwu_sixtextbg.png) no-repeat center;
    overflow: hidden;
}

.six_ser .six_serimg .hd .fuwu_sixtextbg .box {
    width: 150px;
    margin: 0 auto;
    margin-top: 60px;
    display: none;
}

.six_ser .six_serimg .hd .fuwu_sixtextbg .box h3 {
    font-size: 44px;
    color: #fff0bb;
    opacity: 0.3;
    filter: alpha(opacity=30);
    text-align: center;
    font-family: 'rubik-regular';
    font-weight: normal;
}

.six_ser .six_serimg .hd .fuwu_sixtextbg .box p {
    font-size: 14px;
    color: #fff0bb;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-align: center;
    margin-top: 20px;
}

.memor {
    width: 100%;
    background: url(/images/product/fuwu_menbg.jpg) no-repeat bottom center;
    box-sizing: border-box;
    padding-top: 90px;
}

.memor .left {
    float: left;
}

.memor .left h3 {
    font-size: 40px;
    color: #d9d9d9;
    font-family: 'rubik-regular';
    text-transform: uppercase;
    font-weight: normal;
    line-height: 35px;
}

.memor .left p {
    font-size: 24px;
    color: #535353;
    margin-top: 10px;
}

.memor .right {
    float: right;
    width: 769px;
    box-sizing: border-box;
    padding-left: 17px;
}

.memor .right .box {
    border-left: 1px solid #f1ece3;
    position: relative;
    padding-left: 60px;
    padding-bottom: 100px;
}

.memor .right .box .row {
    margin-bottom: 24px;
    position: relative;
    cursor: pointer;
}

.memor .right .box .row:hover h3 {
    color: #caa06b;
}

.memor .right .box .row:hover p {
    color: #caa06b;
}

.memor .right .box img {
    position: absolute;
    left: -69px;
    top: 0;
}

.memor .right .box h3 {
    font-weight: normal;
    font-family: 'rubik-regular';
    font-size: 24px;
    color: #c6c6c6;
    float: left;
}

.memor .right .box p {
    width: 500px;
    font-size: 14px;
    color: #939393;
    float: left;
    margin-left: 20px;
    margin-top: -3px;
}

.memor .right .box p em {
    font-size: 16px;
}

.fuwu_turebg {
    width: 100%;
    height: 531px;
    background: url(/images/product/fuwu_turebg.jpg) no-repeat center;
    overflow: hidden;
}

.fuwu_turebg .left {
    width: 801px;
    height: 479px;
    float: left;
}

.fuwu_turebg .community {
    position: relative;
    margin-top: 52px;
}

.fuwu_turebg .community li {
    width: 100%;
    height: 479px;
}

.fuwu_turebg .community .btn {
    width: 134px;
    height: 66px;
    position: absolute;
    right: 0;
    top: 229px;
    background: #5c5c5c;
}

.fuwu_turebg .community .btn a {
    display: inline-block;
    width: 67px;
    height: 66px;
    float: left;
    position: relative;
    z-index: 2;
}

.fuwu_turebg .community .btn a.prev {
    background: url(/images/l.png) no-repeat center;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.fuwu_turebg .community .btn a.next {
    background: url(/images/r.png) no-repeat center;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.fuwu_turebg .community .btn .bg {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #333333;
    transition-duration: .3s;
}


.fuwu_turebg .right {
    width: 381px;
    float: right;
    margin-top: 80px;
}

.fuwu_turebg .right .text1 {
    font-size: 40px;
    color: #fbfbe3;
    opacity: 0.4;
    filter: alpha(opacity=40);
    font-weight: normal;
    font-family: 'rubik-regular';
    text-transform: uppercase;
    letter-spacing: -2px;
    line-height: 32px;
}

.fuwu_turebg .right .text2 {
    font-size: 24px;
    color: #fbfbe3;
    font-weight: normal;
    margin-top: 5px;
}

.fuwu_turebg .right .nity_info {
    margin-top: 40px;
}

.fuwu_turebg .right .box {
    display: none;
}

.fuwu_turebg .right .box h3 {
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 18px;
    color: #ffffff;
    border-left: #f0e3c7 solid 5px;
    padding-left: 9px;
}

.fuwu_turebg .right .box p {
    font-size: 12px;
    color: #ffffff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    margin-top: 15px;
}

/*Ã§â€°Â©Ã¤Â¸Å¡Ã¦Å“ÂÃ¥Å¡Â¡*/
.gm-style-pbt {
    color: #f1f1f1;
    width: 1200px;
    margin: 0 auto;
    top: 60%;
    font-size: 14px;
}

/*Ã¤ÂºÂ§Ã¥â€œÂÃ¦Å“ÂÃ¥Å¡Â¡end*/

/*Ã¦Å¡â€¢Ã¨Âµâ€žÃ¨â‚¬â€¦Ã¥â€¦Â³Ã§Â³Â»*/
.investor .inner_ban {
    height: 185px;
    background: url(/images/investor/investor_banner.jpg);
}

.investor .adv_box .stock {
    margin-top: 90px;
}

.investor .adv_box .stock h3 {
    color: #c5955a;
    font-size: 24px;
    font-family: 'rubik-regular';
    font-weight: normal;
}

.investor .adv_box .stock p {
    font-size: 14px;
    color: #585552;
}

.investor .adv_box .stock p.text2 {
    margin-top: 18px;
}

.investor .adv_box .bor_bg {
    width: 381px;
    height: 3px;
    background: url(/images/investor/bor_bg.jpg) no-repeat;
    margin-top: 28px;
}

.investor .adv_box .investor_adv {
    position: relative;
    margin-top: 35px;
}

.investor .adv_box .investor_adv img {
    position: absolute;
    left: -55px;
}

.investor .adv_box .investor_adv h3 {
    color: #797673;
    font-size: 16px;
}

.investor .adv_box .investor_adv p {
    font-size: 14px;
    color: #797673;
}

.investor .adv_box .investor_adv p.text2 {
    font-size: 15px;
    font-family: 'rubik-regular';
}

.investor .adv_box .investor_adv p em {
    color: #00cebd;
}

.investor .announcement_list {
    width: 750px;
    height: 65px;
    background: #dfd4c7;
    box-sizing: border-box;
    padding: 0 2px;
    padding-top: 2px;
}

.investor .announcement_list li {
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    line-height: 63px;
    color: #89827c;
}

.investor .announcement_list li:hover {
    color: #ff9f22;
}

.investor .announcement_list li.on {
    background: #fff;
}

.investor .announcement_list li.on:hover {
    color: #89827c;
}

.announcement_con .box {
    display: none;
}

.announcement_con ul li {
    /*height:90px;*/
    /*line-height:90px;*/
    border-bottom: 2px solid #e8e0d5;
}

.announcement_con ul li a {
    vertical-align: middle;
    display: table-cell;
    height: 90px;
}

.announcement_con ul li em {
    font-size: 18px;
    color: #c0a988;
    /*font-family: 'rubik-regular';*/
    margin-right: 25px;
    vertical-align: middle;
    display: table-cell;
}

.announcement_con ul li span {
    font-size: 18px;
    color: #89827c;
    vertical-align: middle;
    display: table-cell;
    padding-left: 25px;
}

.announcement_con ul li span:hover {
    color: #d1ad6f;
}

.announcement_con .pro_addmoren {
    margin-right: 0;
}

/*Ã¦Å¡â€¢Ã¨Âµâ€žÃ¨Â¿â„¢Ã¥â€¦Â³Ã§Â³Â»end*/


/*wnag*/
/*Ã¥Å¡Â&nbsp;Ã¥â€¦Â¥Ã¦Ë†â€˜Ã¤Â»Â¬*/
.join_university .inner_ban {
    background:  no-repeat center;
}

.join_university .w_lump1 {
    /*padding-bottom: 20px;*/
}

.join_university .w_lump1 .part_right {
    width: 750px;
    margin-bottom: 40px;
}

.join_university .w_lump1 .box {
    float: left;
    width: 370px;
    height: 370px;
}

.join_university .w_lump1 .b1 {
    margin-right: 10px;
    padding: 30px 25px 0;
    background: #f9f7f6;
}

.join_university .w_lump1 .b1 .icon {
    margin-bottom: 52px;
}

.join_university .w_lump1 .b1 .h5 {
    font-size: 14px;
    color: #c3a576;
    line-height: 30px;
}

.join_university .w_lump1 .b1 .h4 {
    font-size: 18px;
    color: #c3a576;
    line-height: 30px;
    margin-bottom: 9px;
}

.join_university .w_lump1 .b1 p {
    font-size: 14px;
    color: #a8a8a8;
    line-height: 20px;
}

.join_university .w_lump1 .b2 {
    padding: 11px 35px 0;
    background: ;
}

.join_university .w_lump1 .b2 h4 {
    font-size: 16px;
    color: #535353;
    line-height: 26px;
    margin: 44px 0 9px;
}

.join_university .w_lump1 .b2 ul {
    overflow: hidden;
}

.join_university .w_lump1 .b2 li {
    position: relative;
    float: left;
    width: 50%;
    padding-left: 14px;
    font-size: 14px;
    color: #999;
    line-height: 26px;
}

.join_university .w_lump1 .b2 li:after {
    position: absolute;
    left: 0;
    top: 10.5px;
    content: " ";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #e2d1ba;
}

.join_university .w_lump1 .b2 li.s {
    width: 100%;
}

.join_university .w_lump2 {
    height: 500px;
    background:  no-repeat center;
}

.join_university .w_lump2 .auto {
    height: 100%;
    margin-top: 0;
}

.join_university .w_lump2 .a {
    position: absolute;
    top: 169px;
}

.join_university .w_lump2 .a1 {
    right: 380px;
}

.join_university .w_lump2 .a2 {
    right: 0;
}

.join_university .w_lump3 .le {
    float: left;
    width: 400px;
    position: relative;
    padding-top: 144px;
    padding-bottom: 218px;
}

.join_university .w_lump3 .le .h1_en {
    font-size: 40px;
    line-height: 30px;
    color: #999;
    font-family: 'rubik-regular';
    margin-bottom: 13px;
}

.join_university .w_lump3 .le hr {
    height: 0;
    border: 0 none;
    border-bottom: 2px solid #eee0c3;
}

.join_university .w_lump3 .le .h1_cn {
    font-size: 24px;
    line-height: 30px;
    color: #0052ac;
    margin-top: 20px;
    margin-bottom: 25px;
}

.join_university .w_lump3 .le .icon {
    position: absolute;
    left: -100px;
    top: 145px;
}

.join_university .w_lump3 .le p {
    font-size: 15px;
    line-height: 24px;
    color: #999;
}

.join_university .w_lump3 .le .icon2 {
    margin-top: 20px;
}

.join_university .w_lump3 .le .adorn {
    position: absolute;
    right: 0;
    bottom: 45px;
}

.join_university .w_lump3 .ri {
    float: right;
    padding-top: 80px;
}


.join .inner_ban {
    background:  no-repeat center !important;
}

.join .part_right .shop_sign {
    background-image: ;
    /*margin-bottom:0px;*/
}

.join .tabs_wr {
    position: relative;
    z-index: 5;
}

.join .tab_item {
    height: 400px;
    overflow: hidden;
    background: #1058c2;
    margin-top: 10px;
}

.join .tab_item:first-child {
    margin-top: 0;
}

.join .tab_item .auto {
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    padding-bottom: 10px;
}

.join .tab_item .txt_ul {
    float: left;
    width: 310px;
    padding-top: 35px;
}

.join .tab_item .txt_ul .t_en {
    font-size: 20px;
    color: #5e83cf;
    line-height: 20px;
    font-family: 'rubik-regular';
    margin-bottom: 13px;
}

.join .tab_item .txt_ul .t_cn {
    font-size: 24px;
    color: #dee4f4;
    line-height: 30px;
    margin-bottom: 24px;
}

.join .tab_item .txt_ul hr {
    height: 0;
    width: 354px;
    border: 0;
    border-bottom: 2px solid #d1ad6f;
    margin-bottom: 30px;
}

.join .tab_item .txt_ul .h4 {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 14px;
}

.join .tab_item .txt_ul .p_box {
    max-height: 140px;
    overflow: hidden;
    overflow-y: auto;
}

.join .tab_item .txt_ul p {
    font-size: 14px;
    color: #dee4f4;
    line-height: 24px;
}

.join .tab_item .bd {
    float: right;
    width: 750px;
    height: 400px;
}

.join .tab_item .hd {
    position: absolute;
    bottom: 45px;
    left: 0;
}

.join .tab_item .hd ul {
    height: 8px;
}

.join .tab_item .hd li {
    float: left;
    width: 8px;
    height: 8px;
    background: #a6bbdb;
    border-radius: 50%;
    margin-right: 11px;
    cursor: pointer;
}

.join .tab_item .hd li.on {
    width: 11px;
    height: 11px;
    margin-top: -1.5px;
    background-color: #ffa800;
}

.join .tab_item.r {
    background: #fbf8f1;
}

.join .tab_item.r .txt_ul {
    float: none;
    float: right;
    margin-right: 90px;
}

.join .tab_item.r .txt_ul .t_en {
    color: #dcd9d4;
}

.join .tab_item.r .txt_ul .t_cn {
    color: #656464;
}

.join .tab_item.r .txt_ul .h4 {
    color: #757378;
}

.join .tab_item.r .txt_ul p {
    color: #b9b8b6;
}

.join .tab_item.r .hd {
    left: 800px;
}

.join .tab_item.r .hd li {
    background: #ecebe9;
}

.join .tab_item.r .hd li.on {
    background: #ffa800;
}

.join .tab_item.r .bd {
    float: none;
    float: left;
}


.join_talent .inner_ban {
    background:  no-repeat center;
}

.join_talent .part_right {
    padding: 0 300px 60px 0;
    background:  no-repeat right 40px;
}

.join_talent .part_right .h4 {
    font-size: 16px;
    color: #8c8c8c;
    line-height: 26px;
}

.join_talent .part_right ul {
    overflow: hidden;
    width: 480px;
    padding-top: 30px;
}

.join_talent .part_right li {
    float: left;
    margin-right: 40px;
}

.join_talent .part_right li h4 {
    font-size: 18px;
    color: #d1ad6f;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 2px;
    margin-top: 40px;
}

.join_talent .part_right li p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.join_talent .w_lump2 {
    height: 500px;
    padding-top: 57px;
    background:  no-repeat center;
}

.join_talent .w_lump2 .h1 {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 10px;
}

.join_talent .w_lump2 p {
    font-size: 14px;
    line-height: 24px;
    color: #b9c6dd;
}

.join_talent .w_lump2 .chart {
    margin-top: 40px;
}

.join_talent .w_lump3 {
    position: relative;
    margin-top: 10px;
    padding-bottom: 60px;
}

.join_talent_list ul {
    width: 1200px;
}

.join_talent_list li {
    overflow: hidden;
    /*padding-right: 680px;*/
    background: #e8e8e8;
    margin-bottom: 20px;
}

.join_talent_list li .pic {
    float: left;
    width: 450px;
    height: 280px;
}

.join_talent_list li .txt {
    float: right;
    width: 650px;
    height: 280px;
    padding: 57px 0 20px;
    margin-right: 40px;
}

.join_talent_list li .box {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.join_talent_list li h4 {
    font-size: 18px;
    color: #d1ad6f;
    line-height: 24px;
    margin-bottom: 28px;
}

.join_talent_list li p {
    color: #999;
}

.join_talent_list .pro_addmoren {
    margin: 0;
}

/*Ã¨Ââ€Ã§Â³Â»Ã¥Â¯Å“Ã¥Å¡â€º*/
.contact .inner_ban {
    background:  no-repeat center;
}

.report .inner_ban {
    background:  no-repeat center;
}

.c_r_box {
    /*padding-top: 35px; */
}

.c_r_box .til_h4 {
    font-size: 18px;
    line-height: 28px;
    color: #7b7a7b;
    margin-bottom: 30px;
}

.c_r_box p {
    color: #7b7a7b;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}

.report .c_r_box p {
    margin-bottom: 0;
}

.report_box {
    height: 283px;
    position: relative;
    background:  no-repeat center;
    margin: 15px 0 8px;
}

.report_box .btn {
    position: absolute;
    left: 50%;
    top: 168px;
    width: 164px;
    margin-left: -82px;
    height: 56px;
    line-height: 56px;
    font-size: 15px;
    color: #896a41;
    padding-left: 68px;
    background: #fff3d9  no-repeat 28px center;
    border-radius: 56px;
}

.report_box .btn:hover {
    background: #ff9f22  no-repeat 28px center;
}

.report .inft_box {
    padding: 17px 0 100px;
    /*margin-left: -65px;*/
    padding-left: 40px;
    width: 752px;
    background: #f8f6f4;
}

.report .inft_box .til {
    font-size: 18px;
    line-height: 28px;
    color: #7b7a7b;
    padding: 12px 0;
    border-bottom: 3px solid #efede6;
}

.report .inft_box .cnt {
    padding-top: 30px;
}

.report .inft_box h4 {
    color: #7b7a7b;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
}

.report .inft_box .hotline {
    padding-left: 75px;
    margin-top: 20px;
    height: 54px;
    background:  no-repeat left center;
    padding-bottom: 0;
}

.report .inft_box .hotline p {
    color: #4e4d50;
    line-height: 26px;
}

.report .inft_box .hotline .h4 {
    font-size: 20px;
    line-height: 26px;
    color: #4e4d50;
}

.report .inft_box .hotline .h4 em {
    font-family: "rubik-regular";
}

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

.report_hint .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.report_hint .main {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 900px;
    height: 586px;
    padding: 60px 50px 0;
    margin: -293px 0 0 -450px;
    background: #fff;
    z-index: 5;
}

.report_hint .main .cnt {
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
}

.report_hint .main h3 {
    font-size: 22px;
    color: #4e4d50;
    line-height: 48px;
    border-bottom: 2px solid #e1e1e1;
    margin-bottom: 18px;
}

.report_hint .main p {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 22px;
}

.report_hint .main .btns {
    text-align: center;
    font-size: 0;
    letter-spacing: -4px;
}

.report_hint .main .btns a {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 15px;
    color: #c2ae90;
    width: 162px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    margin: 0 10px;
    background: #fff3d9;
    border-radius: 56px;
}

.report_hint .main .btns a:hover {
    color: #fff;
    background: #ffae02;
}

.report_hint .main .shut_btn {
    position: absolute;
    right: 0;
    top: -76px;
    width: 66px;
    height: 66px;
    background:  no-repeat center;
}


.report_d .inner_ban {
    background:  no-repeat center;
}

.report_d .form {
    /*padding-top: 35px;*/
    padding-bottom: 40px;
}

.report_d .form .til {
    font-size: 18px;
    line-height: 28px;
    color: #7b7a7b;
    margin-bottom: 18px;
}

.report_d .form .check_box {
    overflow: hidden;
    padding-bottom: 5px;
}

.report_d .form .check_box li {
    float: left;
    margin: 0 60px 14px 0;
    padding-left: 27px;
    font-size: 14px;
    color: #7b7a7b;
    line-height: 24px;
    background:  no-repeat left center;
    cursor: pointer;
}

.report_d .form .check_box li.on {
    background-image: ;
}

.report_d .form .check_box .clear {
    margin: 0;
    padding: 0;
    background: no-repeat;
}

.report_d .form .h4 {
    font-size: 18px;
    color: #7b7a7b;
    line-height: 28px;
    padding: 5px 0;
    margin-bottom: 10px;
}

.report_d .form .text {
    display: block;
    width: 100%;
    padding: 0 20px;
    font-size: 14px;
    color: #7b7a7b;
    line-height: 60px;
    background: #ece1cd;
    margin-bottom: 10px;
}

.report_d .form .text:focus {
    outline: none;
    box-sizing: border-box;
    border: 1px solid #d1ad6f;
}

.report_d .form .c_down {
    position: relative;
    z-index: 5;
    margin-bottom: 10px;
}

.report_d .form .c_down span {
    display: block;
    font-size: 14px;
    color: #7b7a7b;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    background: #ece1cd  no-repeat right center;
    cursor: pointer;
}

.report_d .form .c_down ul {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
}

.report_d .form .c_down li {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 14px;
    color: #7b7a7b;
    background: #fff;
    cursor: pointer;
    transition: all .3s;
}

.report_d .form .c_down li:hover {
    background: #f3ede0;
}

.report_d .form hr {
    height: 0;
    border: 0 none;
    border-bottom: 3px solid #efede6;
    padding-top: 20px;
    margin-bottom: 20px;
}

.report_d .form textarea {
    display: block;
    width: 100%;
    height: 185px;
    padding: 19px 20px;
    font-size: 14px;
    line-height: 22px;
    color: #7b7a7b;
    background: #ece1cd;
    margin-bottom: 10px;
}

.report_d .form .uploading_box {
    padding: 10px 0;
}

.report_d .form .int-upload {
    float: left;
    width: 490px;
    height: 60px;
    line-height: 60px;
    color: #7b7a7b;
    padding: 0 20px;
    margin-bottom: 10px;
    background: #ece1cd;
}

.report_d .form .int-btn {
    float: left;
    width: 120px;
    height: 60px;
    line-height: 60px;
    background: #0057c1;
    margin-left: 10px;
    color: #fff;
    cursor: pointer;
}

.report_d .form #start_upload {
    background: #d6a83f;
}

.report_d .form .int-btn:hover {
    background: #ff9f22;
}

.report_d .form #start_upload:hover {
    background: #ff9f22;
}

.report_d .form .sub_box {
    overflow: hidden;
    padding-top: 10px;
}

.report_d .form .submit {
    float: right;
    width: 400px;
    height: 60px;
    line-height: 60px;
    text-align: right;
    padding: 0 35px;
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    background: #0052ac  no-repeat 288px center;
}

.report_d .form .submit:hover {
    background: #ff9f22  no-repeat 288px center;
}

.report_d .verify {
    position: relative;
    height: 60px;
    margin-bottom: 10px;
    overflow: hidden;
}

.report_d .verify .queries-input {
    float: right;
    width: 150px;
    padding: 0 20px;
    font-size: 14px;
    color: #7b7a7b;
    line-height: 60px;
    background: #ece1cd;
}

.report_d .verify img {
    position: absolute;
    right: 160px;
    top: 0;
    width: 150px;
    height: 60px;
}

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

.reader_main {
    position: fixed;
    left: 50%;
    padding: 30px;
    width: 910px;
    margin-left: -455px;
    top: 45%;
    background: #fff;
}

.reader_tit {
    width: 100%;
    background: #bfc1cf;
    height: 70px;
    position: relative;
}

.reader_close {
    width: 66px;
    height: 66px;
    position: absolute;
    top: -106px;
    right: -30px;
    cursor: pointer;
    background:  no-repeat center;
}

.reader_tit_name,
.reader_tit_nub,
.reader_tit_size,
.reader_tit_act {
    height: 70px;
    line-height: 70px;
    color: #333;
    font-size: 14px;
    text-align: center;
    margin-right: 3px;
    float: left;
}

.reader_con_list ul {
    overflow: hidden;
    margin-top: 3px;
}

.reader_con_name,
.reader_con_nub,
.reader_con_size,
.reader_con_act {
    background: #efeff4;
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 13px;
    text-align: center;
    margin-right: 3px;
    float: left;
    display: block;
}

.reader_con {
    width: 100%;
    overflow: hidden;
}

.reader_con_act input {
    width: 50px;
    height: 30px;
    margin: 10px auto;
    text-align: center;
    background: #bfc1cf;
    color: #333;
    line-height: 30px;
    cursor: pointer;
}

.reader_tit_nub,
.reader_con_nub {
    width: 188px;
}

.reader_tit_name,
.reader_con_name {
    width: 311px;
}

.reader_tit_size,
.reader_con_size {
    width: 170px;
}

.reader_tit_act,
.reader_con_act {
    width: 172px;
    margin-right: 0;
}



.join_recruit .inner_ban {
    background:  no-repeat center;
}

.campus_window {
    position: relative;
    z-index: 11;
    margin-top: 158px;
}

.campus_window .til {
    height: 115px;
    width: 372px;
    text-align: center;
    background: #f0e0cc;
    padding-left: 84px;
    margin-bottom: 25px;
}

.campus_window .til p {
    padding-left: 98px;
    height: 115px;
    line-height: 115px;
    font-size: 18px;
    color: #c19c5f;
    background:  no-repeat left center;
}

.campus_window .cnt {
    /*width:310px;*/
}

.campus_window .cnt p {
    font-size: 14px;
    color: #7f7e7c;
    line-height: 26px;
}

.campus_window .icon_adorn {
    position: absolute;
    right: 0;
    bottom: -115px;
}

.part_right .shop_sign {
    position: relative;
    height: 370px;
    padding: 90px 0 0 40px;
    background:  no-repeat center;
    margin-bottom: 40px;
}

.part_right .shop_sign .h1_cn {
    font-size: 18px;
    color: #0056c1;
    line-height: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}

.part_right .shop_sign .h1_en {
    font-size: 40px;
    color: #7d7d7d;
    line-height: 30px;
    font-family: "rubik-regular";
    opacity: .5;
    filter: alpha(opacity=50);
    letter-spacing: -2px;
    margin-bottom: 12px;
}

.part_right .shop_sign p {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.recruit_list .filtrate {
    margin-bottom: 30px;
}

.recruit_list .filtrate&gt;* {
    float: left;
}

.recruit_list .filtrate .h2 {
    font-size: 16px;
    width: 126px;
    color: #787775;
    padding-left: 38px;
    height: 60px;
    line-height: 60px;
    background:  no-repeat left center;
}

.recruit_list .filtrate .c_down {
    position: relative;
    margin-right: 10px;
    z-index: 2;
}

.recruit_list .filtrate .c_down span {
    display: block;
    width: 132px;
    padding-left: 11px;
    border: 1px solid #e1ded8;
    height: 60px;
    line-height: 58px;
    font-size: 13px;
    color: #676767;
    background: #f5f3ee  no-repeat 105px center;
}

.recruit_list .filtrate .c_down.on span {
    width: 156px;
    background: #f5f3ee  no-repeat 132px center;
}

.recruit_list .filtrate .c_down ul {
    display: none;
    max-height: 160px;
    overflow-y: scroll;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    background: #fff;
}

.recruit_list .filtrate .c_down li {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 12px;
    font-size: 14px;
    color: #676767;
    background: #f5f3ee;
    cursor: pointer;
    margin-bottom: 1px;
}

.recruit_list .filtrate .c_down li:hover {
    color: #fff;
    background: #d1ad6f;
}

.recruit_list .filtrate .seek_box {
    width: 288px;
}

.recruit_list .filtrate .seek_box input {
    float: left;
    padding: 0 19px;
    border: 1px solid #e1ded8;
    height: 60px;
    width: 176px;
    font-size: 13px;
    color: #676767;
    line-height: 58px;
    background: #f5f3ee;
}

.recruit_list .filtrate .seek_box input:focus {
    outline: none;
    border: 1px solid #d1ad6f;
}

.recruit_list .filtrate .seek_box .btn {
    float: right;
    width: 90px;
    text-align: center;
    height: 60px;
    color: #cbd6ee;
    line-height: 60px;
    background: #0057c1;
    transition: all .5s;
}

.recruit_list .filtrate .seek_box .btn:hover {
    background: #ff9f22;
    color: #fff;
}

.recruit_list .cnt li {
    background: #f7ede1;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.recruit_list .cnt .show {
    padding: 30px 40px 0;
    height: 135px;
    background:  no-repeat 654px center;
    cursor: pointer;
}

.recruit_list .cnt .show .h1 {
    font-size: 18px;
    color: #676767;
    line-height: 24px;
    margin-bottom: 5px;
}

.recruit_list .cnt .show .h4 {
    font-size: 14px;
    color: #9a9692;
    line-height: 24px;
    margin-bottom: 5px;
}

.recruit_list .cnt .show .time {
    font-size: 24px;
    color: #cdbea9;
    line-height: 24px;
    font-family: "rubik-regular";
    letter-spacing: -1px;
}

.recruit_list .cnt li.on .show,
.recruit_list .cnt .show:hover {
    background-image: ;
}

.recruit_list .cnt li.on .show,
.recruit_list .cnt .show:hover .h1 {
    color: #d1ad6f;
}

.recruit_list .cnt li.on .h1 {
    color: #d1ad6f;
}

.recruit_list .cnt .hid {
    display: none;
    padding: 0 40px;
}

.recruit_list .cnt .hid .p_box {
    border-top: 2px solid #d7cebf;
    padding: 20px 0 40px;
    padding-bottom: 10px;
}

.recruit_list .cnt .hid p {
    font-size: 14px;
    color: #9a9692;
    line-height: 24px;
}

.recruit_list .cnt .hid img {
    margin-bottom: 20px;
}

.recruit_list .pro_addmoren {
    margin-bottom: 60px;
}


/*dch contact*/
.footer {
    position: relative;
    z-index: 2;
}

.hotline {
    padding-bottom: 140px;
}

.hotline .type {
    margin-bottom: 35px;
    color: #666;
    font-size: 18px;
}

.hotline .imgbox {
    position: relative;
}

.hotline .imgbox .text {
    position: absolute;
    top: 152px;
    right: 60px;
    padding-top: 29px;
    padding-left: 12px;
    width: 270px;
    height: 105px;
    background: url(/images/hotlinebg.png);
    color: #e6d9bd;
}

.hotline .imgbox .text img {
    float: left;
    margin-right: 5px;
}

.hotline .imgbox .text .num {
    font-size: 30px;
    font-family: 'rubik-regular';
    letter-spacing: -1px;
}

.contact_company {
    overflow: hidden;
}

.violation {
    padding-bottom: 160px;
    overflow: hidden;
}

.violation&gt;img {
    float: left;
    margin-left: 72px;
}

.violationbox {
    float: left;
    width: 414px;
}

.violationbox .type {
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
}

.violationbox p {
    color: #4e4d50;
    font-size: 14px;
    opacity: .8;
    filter: alpha(opacity=80);
}

.inquiry {
    margin-bottom: 10px;
}

.inquiry .cn {
    font-size: 18px;
    color: #ff9c00;
}

.inquiry .en {
    line-height: 40px;
    font-size: 40px;
    color: #d4cdc0;
    font-family: 'rubik-regular';
}

.inquiry .iform {
    margin-top: 10px;
    width: 414px;
}

.inquiry .iform input {
    display: block;
    margin-top: 7px;
    padding-left: 20px;
    color: #4e4d50;
    width: 414px;
    height: 62px;
    background-color: #ebdfc8;
}

.inquiry .iform .query {
    display: block;
    margin-top: 18px;
    height: 62px;
    text-align: right;
    padding-right: 20px;
    color: #fff;
    background-color: #0052ac;
    font-size: 18px;
    line-height: 62px;
}

.queryresult {
    display: none;
}

.queryresult .panel {
    text-align: center;
    padding: 22px;
    background-color: #ebdfc9;
    width: 414px;
    height: 203px;
    color: #d1ad6f;
}

.queryresult .panel .line {
    margin-top: 15px;
    margin-bottom: 30px;
    width: 100%;
    height: 2px;
    background: #e3d0ae;
}

.queryresult .panel .box {
    display: inline-block;
}

.queryresult .panel .box .img {
    float: left;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    width: 44px;
    height: 44px;
}

.queryresult .panel .box .txt {
    float: left;
    text-align: left;
}

.queryresult .panel .has .img {
    background: url(/images/sad.png);
}

.queryresult .panel .no .img {
    background: url(/images/smile.png);
}

.queryresult .panel .nomes .img {
    background: url(/images/closeicon.png);
}

.queryresult .panel p {
    color: #4e4d50;
    opacity: .8;
    filter: alpha(opacity=80);
}

.queryresult .reset {
    display: block;
    margin-top: 18px;
    width: 414px;
    height: 62px;
    line-height: 62px;
    text-align: right;
    color: #fff;
    padding-right: 20px;
    font-size: 18px;
    background-color: #0052ac;
    line-height: 62px;
}

.contactpage .inner_ban {
    background:  no-repeat center;
}

.contact_method {}

.contact_method .company {
    padding-bottom: 37px;
    border-bottom: 4px solid #f2eadc;
    color: #666;
    font-size: 15px;
}

.contact_method .company .tit {
    font-size: 18px;
}

.contact_method .company .telbox {
    overflow: hidden;
}

.contact_method .company .telbox div {
    float: left;
    margin-right: 25px;
}

.contact_method .company&gt;div {
    margin-bottom: 8px;
    opacity: .8;
    filter: alpha(opacity=80);
}

.contact_method .company .tel {
    float: right;
    margin-top: 25px;
    line-height: 50px;
    font-size: 26px;
    color: #1b4145;
    font-family: 'rubik-regular';
    opacity: 1;
    filter: alpha(opacity=100);
}

.contact_method .company .tel img {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}

.contact_method .locationlist {
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 4px solid #f2eadc;
}

.contact_method .locationlist .type {
    margin-top: 20px;
    color: #c39f61;
    font-size: 16px;
}

.contact_method .locationlist .list {
    margin-top: 5px;
    overflow: hidden;
}

.contact_method .locationlist .list a {
    float: left;
    margin-right: 20px;
    color: #686868;
    line-height: 28px;
}

.contact_method .locationlist .list a.on {
    color: #0052ac;
    font-weight: bold;
}

.companylocation {
    margin-bottom: 86px;
    color: #808080;
    font-size: 15px;
    overflow: hidden;
}

.companylocation .item {
    float: left;
    margin-bottom: 15px;
    width: 50%;
    overflow: hidden;
}

.companylocation img {
    float: left;
}

.companylocation .loca {
    float: left;
    margin-left: 12px;
    width: 300px;
}

#companylocation {
    height: 560px;
}

.enterprise .recom {
    position: relative;
}

.enterprise .recom .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 85px;
    padding-left: 35px;
}

.enterprise .recom .text .cn {
    color: #666;
    font-size: 18px;
}

.enterprise .recom .text .en {
    margin: 15px 0;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-family: 'rubik-regular';
    opacity: .5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    opacity: .5;
    filter: alpha(opacity=50);
}

.enterprise .recom .text .des {
    color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.enterprise .recom .text .readnow {
    display: block;
    margin-top: 22px;
    width: 93px;
    height: 93px;
    background: #dec28a url(/images/icon4.png) no-repeat center;
}

.enterpriselist {
    margin-top: 20px;
}

.enterpriselist a {
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding-left: 35px;
    height: 76px;
    line-height: 76px;
    background: #f2ede5 url(/images/icon4.png) no-repeat 688px center;
    font-size: 16px;
    color: #89827c;
}

.enterpriselist a:hover {
    background-color: #d1ad6f;
    color: #fff;
}

.enterpriselist a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: #f15642;
}

.enterpriselist .item2:after {
    background-color: #ff9c00;
}

.enterpriselist .item3:after {
    background-color: #7fa4b4;
}

.enterpriselist .item4:after {
    background-color: #dec28a;
}

.enterpriselist .item5:after {
    background-color: #ecdbb1;
}

.stockinfo {
    position: relative;
    margin-bottom: 20px;
}

.stockinfo .text {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 85px;
    padding-left: 35px;
    width: 100%;
    height: 100%;
}

.stockinfo .text .cn {
    color: #666;
    font-size: 18px;
}

.stockinfo .text .en {
    margin: 10px 0;
    color: #7d7d7d;
    font-size: 40px;
    line-height: 40px;
    font-family: 'rubik-regular';
    text-transform: uppercase;
    opacity: .5;
    filter: alpha(opacity=50);
}

.stockinfo .text .code {
    font-size: 24px;
    color: #535353;
    font-family: 'rubik-regular';
}

.stockinfo .text .type {
    color: #585552;
    line-height: 22px;
}

.stockinfo .text .hk_text {
    position: absolute;
    right: 21px;
    bottom: 10px;
    color: #999;
    font-size: 16px;
}

.stockdet {
    float: left;
    margin-bottom: 30px;
    padding-top: 35px;
    padding-left: 15px;
    width: 100%;
    height: 372px;
    background-color: #ededed;
}

.stockdet .trend {
    float: left;
    margin-right: 25px;
    padding-left: 19px;
    margin-left: 19px;
    font-size: 34px;
    font-family: 'rubik-regular';
    background: no-repeat left center;
}

.stockdet .trend.up {
    background-image: url(/images/arrow_up_red.png);
    color: #d02d2d;
}

.stockdet .trend.down {
    background-image: url(/images/arrow_down_green.png);
    color: #090;
}

.stockdet .list {
    float: left;
    margin-top: -16px;
    width: 495px;
    line-height: 40px;
}

.stockdet .list .item {
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
}

.stockdet .list .item .tit {
    float: left;
}

.stockdet .list .item .num {
    float: right;
}

.part_right .investor_adv {
    position: relative;
    margin-left: 50px;
    /*margin-bottom:30px;*/
}

.part_right .investor_adv img {
    position: absolute;
    left: -55px;
}

.part_right .investor_adv h3 {
    color: #797673;
    font-size: 16px;
}

.part_right .investor_adv p {
    font-size: 14px;
    color: #797673;
}

.part_right .investor_adv p.text2 {
    font-size: 15px;
    font-family: 'rubik-regular';
}

.part_right .investor_adv p em {
    color: #00a3ee;
}

.otherinfo {
    margin-top: 35px;
    margin-bottom: 60px;
    padding: 35px 30px;
    width: 290px;
    height: 372px;
    background-color: #efe5d4;
}

.otherinfo .date {
    margin-top: -6px;
    margin-bottom: 15px;
    color: #535353;
    opacity: .6;
    filter: alpha(opacity=60);
}

.otherinfo .item {
    overflow: hidden;
    line-height: 40px;
    color: #757378;
}

.otherinfo .item .tit {
    float: left;
}

.otherinfo .item .num {
    float: right;
}

.ivideo {
    /*padding-bottom: 60px;*/
}

.ivideo .recom {
    position: relative;
}

.ivideo .recom .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 85px;
    padding-left: 35px;
}

.ivideo .recom .en {
    font-size: 40px;
    color: #999999;
    font-family: 'rubik-regular';
    line-height: 36px;
    text-transform: uppercase;
}

.ivideo .recom .cn {
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #757378;
}

.ivideo .recom .text .playbtn {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/images/playbtn_yellow_big.png);
    transition: all .5s;
}

.ivideo .recom .text .playbtn:hover {
    background-image: url(/images/playbtn_white_big.png);
}

.media_part {
    margin-bottom: 40px;
}

.media_part .videolist {
    margin-left: -21px;
    overflow: hidden;
}

.media_part .videolist .video {
    float: left;
    width: 387px;
    position: relative;
    margin-bottom: 20px;
    margin-left: 20px;
}

.media_part .videolist .video img {
    width: 387px;
    height: 247px;
}

.media_part .videolist .video p {
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    font-size: 0;
    background: #fff;
    text-align: center;
}

.media_part .videolist .video p em {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    font-size: 16px;
    color: #0867ce;
}

.media_part .videolist .video .text {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 100px;
    width: 100%;
    /*height: 100%;*/
    box-sizing: border-radius;
    transition: all .5s;
}

.media_part .videolist .video .text .tit {
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.media_part .videolist .video .play {
    display: block;
    margin: 0 auto 15px;
    width: 45px;
    height: 45px;
    background: url(/images/playbtn_white.png);
}

.media_part .videolist .video:hover .play {
    background-image: url(/images/playbtn_yellow.png);
}

.media_part .videolist .video:hover .tit {
    color: #504a5a;
}

/*.media_part .videolist .video:hover .text{background:#e6d9bd;}*/
.media_part .pro_addmoren {
    width: 387px;
    margin-right: 0;
}

.album_part {
    margin-bottom: 40px;
}

/*.album_part .part_right{width:750px;}*/
.album_part .videolist {
    margin-left: -21px;
    overflow: hidden;
}

.album_part .videolist .video {
    float: left;
    width: 387px;
    position: relative;
    margin-bottom: 20px;
    margin-left: 20px;
}

.album_part .videolist .video img {
    width: 387px;
    height: 247px;
}

.album_part .videolist .video p {
    height: 70px;
    padding: 0 20px;
    line-height: 70px;
    font-size: 18px;
    color: #0867ce;
    background: #fff;
    text-align: center;
}

.album_part .videolist .video .text {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 100px;
    width: 100%;
    /*height: 100%;*/
    box-sizing: border-radius;
    transition: all .5s;
}

.album_part .videolist .video .text .tit {
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.album_part .videolist .video .play {
    display: block;
    margin: 0 auto 15px;
    width: 45px;
    height: 45px;
    background: url(/images/playbtn_white.png);
}

.album_part .videolist .video:hover .play {
    background-image: url(/images/playbtn_yellow.png);
}

.album_part .videolist .video:hover .tit {
    color: #504a5a;
}

/*.media_part .videolist .video:hover .text{background:#e6d9bd;}*/
.album_part .pro_addmoren {
    width: 387px;
    margin-right: 0;
}

.hotel_deta .hotel_detainfobg .official .off_box.x1 .img {
    background: url(/images/business_deicon3_x1.png) no-repeat right center;
}

.hotel_deta .hotel_detainfobg .official .off_box.x2 .img {
    background: url(/images/business_deicon3_x2.png) no-repeat right center;
}

.hotel_deta .hotel_detainfobg .official .off_box.x1:hover .img {
    background: url(/images/business_deicon3_x1-on.png) no-repeat right center;
}

.hotel_deta .hotel_detainfobg .official .off_box.x2:hover .img {
    background: url(/images/business_deicon3_x2-on.png) no-repeat right center;
}


.page2.fp-section .hotel_photo1 {
    width: 1400px;
    max-width: 90%;
    margin: auto;

}

.page2.fp-section .hotel_photo1 h3 {
    font-size: 43px;
    color: #d1ad6f;
    font-family: 'rubik-regular';
    text-align: center;
    margin-top: 5%;
    text-transform: uppercase;
    font-weight: normal;

}

.page2.fp-section .hotel_photo1 .text2 {
    font-size: 24px;
    color: #999999;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 2vh;
}

.page2.fp-section .hotel_photo1 p {
    text-align: center;
    color: #999999;
}

@media screen and (max-height:860px) {
    .hotel_deta .hotel_detainfobg .text1 {
        margin-top: 40px;
    }
}

@media screen and (max-height:820px) {
    .hotel_deta .hotel_detainfobg .text1 {
        margin-top: 30px;
    }

    .hotel_deta .hotel_detainfobg .text3-tab {
        margin-bottom: 20px;
    }

    .hotel_deta .hotel_detainfobg .official {
        margin-top: 20px;
    }

    .hotel_deta .hotel_detainfobg .next_box {
        margin-top: 20px;
    }
}

/* === */
.hot_listbanner {
    height: auto !important;
}

.hotel_deta .hotel_detainfobg .ptxt {

    margin-top: 15px;

    margin-bottom: 20px;

    max-height: calc(100vh - 502px);

    overflow: auto;

    padding-right: 10px;

    margin-right: -10px;

    margin-bottom: 40px;
}

.hotel_deta .hotel_detainfobg .ptxt p {
    color: #fff;
    margin-bottom: 14px;
}

.w1260 {
    width: 1260px;
    margin: auto;
}

.zbxhx {
    padding: 90px 0;
    background-color: #fff;
    background: url(/images/zbxhx1-bg.jpg) no-repeat center bottom;
}

.zbxhx h3 {
    color: #d1ad6f;
    font-size: 40px;
    line-height: 33px;
    font-family: 'rubik-regular';
    /* text-transform: uppercase; */
    margin-bottom: 12px;
    font-weight: 400;
}

.zbxhx h4 {
    color: #0867ce;
    font-size: 24px;
    line-height: 1;
}

.zbxhx .list {
    margin-left: -30px;
    display: flex;
    flex-wrap: wrap;
}

.zbxhx .list::after {
    content: "";
    display: block;
    clear: both;
}

.zbxhx .list .li {
    float: left;
    width: 400px;
    border-top: 1px solid #e0e0e0;
    margin-left: 30px;
    margin-top: 30px;
    padding-top: 30px;
    padding-right: 77px;
}

.zbxhx .list .li .ic {
    height: 100px;
}

.zbxhx .list h5 {
    color: #333333;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: 400;
}

.zbxhx .list p {
    color: #808080;
}

/* .zbxhx2 {
    background: url(/images/zbxhx2-bg.jpg) no-repeat center bottom -3px;
} */

.zbxhx2 .txt {
    margin-top: 30px;
    padding-top: 20px;
    min-height: 205px;
    border-top: 1px solid #e0e0e0;
    padding-right: 200px;
}

.zbxhx2 .txt p {
    color: #666666;
        font-size: 18px;
        line-height: 28px;
        font-weight: 300;
        margin-bottom: 24px;
}

/* .zbxhx1 {
    background: url(/images/zbxhx1-bg.jpg) no-repeat center bottom -3px;
} */

.zbxhx3 .uxlist {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
}

.zbxhx3 .uxlist::after {
    content: "";
    display: block;
    clear: both;
    margin-left: -10px;
}

.zbxhx3 .uxlist .li {
    float: left;
    /* width: calc(14.2857% - 10px); */
    width: 152px;
    margin-left: 10px;
    height: 152px;
    background: url(/images/zbxhx3-uxlist-li.png) no-repeat 0 0;
    /* padding: 40px 10px 0 74px; */
    display: flex;
    padding-top: 56px;
    /* align-items: center; */
    justify-content: center;
    border-radius: 50%;
    position: relative;
    text-align: center;

}

.zbxhx3 .uxlist .li em {
    position: absolute;
    left: 10px;
    top: 24px;
    font-size: 48px;
    line-height: 1;
    padding-right: 10px;
    font-family: 'rubik-regular';
    font-style: italic;
    background: linear-gradient(to bottom, #d1ad6f, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.zbxhx3 .uxlist .li p {
    color: #967b4e;
    font-size: 15px;
    line-height: 25px;
    position: relative;
    z-index: 10;
    text-align: center;
}

.hotel_listinfo .information .title p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow-wrap: break-word;
    margin-right: 20px;
}

.hotel_deta .hotel_detainfobg .text1 {
    line-height: 1.2;
}

.hotel_deta .hotel_detainfobg .next_box a:last-child .btn {
    margin-right: 0;
}

.section .hotel_photo .text2,
.section .hotel_photo .text1 {
    width: 1260px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.hot_listbanner .bd li {
    position: relative;
}

.hot_listbanner .bantips {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    line-height: 60px;
    transform: translatey(-50%);
    margin: 100px auto 0;
    color: #fff;
    width: 180px;
    height: 60px;
    background-color: #a4816b;
    text-align: center;
    transition: all .3s;
    /* text-shadow: 0 0 10px rgba(0, 0, 0, .05); */
}

.hot_listbanner .bantips:hover {
    background-color: #fd9818;
    color: #fff;
}

.zbxhx h3 {
    color: #dccaaa;
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 10px;
}

.hotel_photo .text2 {
    margin-top: 0;
}

.hotel_photo .text1 {
    color: #dccaaa;
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 10px;
}

.hotel .real .txt3 {
    color: #cfc6a9;
    opacity: .8;
}

.hot_listbanner {
    height: 755px !important;
}


.zbxhx2slide .hd {
    /* position: absolute;
    top: 29px;
    right: 50px;
    */
    margin-top: 20px;
    text-align: right;
}

.zbxhx2slide .hd li {
    width: 10px;
    height: 10px;
    background: #c1c1c1;
    display: inline-block;
    margin: 0 3px;
    border-radius: 50%;
    cursor: pointer;
}

.zbxhx2slide .hd li.on {
    background: #d1ad6f;
}</pre></body></html>