@charset "utf-8";

@font-face {
    font-family: "syrh";
    src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
        url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
        url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
        url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
        url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
}

@font-face {
    font-family: 'bahnschrift';
    src: url('../fonts/bahnschrift.eot');
    src: url('../fonts/bahnschrift.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/bahnschrift.ttf') format('ttf'), url('../fonts/bahnschrift.ttf') format('truetype'), url('../fonts/bahnschrift.svg#bahnschrift') format('svg'), local('bahnschrift');
    font-weight: normal;
    font-style: normal;
}

body,
html {
    width: 100%;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    overflow-x: hidden;
}

body {
    margin: 0px;
    padding: 0px;
    margin: 0px auto;
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    min-width: 320px;
    zoom: 1;
    background: #fff;
    font-family: frutigernext, "syrh", "Microsoft YaHei", Arial, Helvetica, sans-serif, Arial, "宋体";
    word-break: break-word;
}

ul,
li,
form,
dl,
dt,
dd,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
i,
span {
    font-style: normal;
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-family: "syrh" !important;
}

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

select,
input,
textarea {
    font-size: 12px;
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #414446;
    font-family: "syrh" !important;
}

input:focus {
    outline: none;
}

input,
button,
select,
textarea {
    outline: none;
    /*-webkit-appearance:none;*/
    /*强制去除表单自带的样式*/
}

textarea {
    resize: none;
    /*-webkit-appearance:none;*/
    /*强制去除textarea自带的样式*/
}

textarea,
input,
select {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption {
    display: block;
}

/*html5设置*/
figure,
figcaption {
    margin: 0px;
    padding: 0px;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

img {
    max-width: 100%;
    border: none;
    border: 0;
    vertical-align: top;
}

a {
    color: #333;
    text-decoration: none;
    noline: -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

a:hover,
li:hover {
    text-decoration: none;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tr {
    text-align: right;
}

.hidetxt {
    display: none;
}

.clear {
    clear: both;
}

.clearfix {
    overflow: hidden;
    _zoom: 1;
}

:-moz-placeholder {
    color: #b2b2b2;
}

::-moz-placeholder {
    color: #b2b2b2;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #b2b2b2;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #b2b2b2;
}

.w1440 {
    max-width: 1440px;
    min-width: 320px;
    margin: 0px auto;
}

.w1200 {
    max-width: 1200px;
    min-width: 320px;
    margin: 0px auto;
}

.auto {
    margin: 0 6.25%;
}

.relative {
    position: relative;
}

.wow {
    visibility: hidden;
}

.owl-carousel .owl-nav {
    height: 0;
}

.f_red {
    color: #e60122;
}

/*公用样式*/
.effect-title {
    font-size: 18px;
    color: #7D552D;
    font-weight: 700;
}

.effect-img {
    text-align: center;
    cursor: pointer;
    zoom: 1;
    overflow: hidden;
}

.effect-img img,
.effect-img span {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    display: block;
    width: 100%;
}

.effect-img:hover img,
li:hover .effect-img img,
dd:hover .effect-img img,
.effect-img:hover span,
li:hover .effect-img span,
dd:hover .effect-img span,
.item:hover .effect-img span {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.wow {
    visibility: hidden;
}

.ptb3 {
    padding: 3% 0;
}

.mb3 {
    margin-bottom: 3%;
}

.pb3 {
    padding-bottom: 3%;
}

.boxbg,
.effect-img span {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.BanbgImg {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 200px 0 100px;
}

.BanbgImg img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

.BanTxt {
    text-align: right;
    padding: 160px 0 60px;
}

.BanTxt h2 {
    font-size: 48px;
    line-height: 63px;
    color: #fff;
}

.BanTxt p {
    font-size: 24px;
    color: #ccc;
    line-height: 43px;
}

.BanTxt i {
    display: none;
    width: 56px;
    height: 6px;
    background: #1e288a;
    margin-top: 25px;
}

.house_banner {
    bottom: 0;
    position: absolute;
    width: 100%;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 3% 0;
}

.house_banner h3 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 45px;
}

.house_banner_p ul {
    overflow: hidden;
    margin: 0 -10px;
}

.house_banner_p li {
    width: auto;
    float: left;
    margin-left: -1px;
    line-height: 28px;
    margin-right: 60px;
    font-size: 16px;
}

.house_banner_p li:last-child {
    margin-right: 0;
}

.house_banner_p dl {
    padding: 0 10px;
}

.house_banner_p dt {
    float: left;
    max-width: 96px;
}

.house_banner_p dd {
    float: left;
    /*width: calc(100% - 96px)*/
}

.house_banner_p dd a {
    color: #fff;
}

.house_banner_p dd em {
    color: #a9abaf;
    cursor: pointer;
    margin-left: 18px;
}

.house_banner_p dd.fnt_24 .tel_link,
.house_banner_p dd.fnt_24 a {
    font-weight: bold;
    font-family: "Arial";
    color: #e3254c;
}

.Container {
    background-color: #f6f6f6;
    background-image: url(../img/boxbg4.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

.whitebg {
    background-color: #fff;
}

.Current {
    border-bottom: 1px solid #d2d2d2;
    line-height: 70px;
    /* margin-bottom: 1.5%; */
}

.Position {
    float: left;
    padding-left: 28px;
    font-size: 14px;
    color: #666;
    background: url(../img/home.png) no-repeat left center;
    max-width: 45%;
}

.Position a {
    color: #666;
}

.Position span {
    color: #d7bb5a;
}

.Menu {
    width: 63%;
    float: right;
    text-align: right;
}

.Menu .title {
    display: none;
    padding: 0px 20px 0 0;
    background: #d7bb5a;
    line-height: 40px;
}

.Menu .title span {
    display: block;
    font-size: 18px;
    color: #fff;
    background: url(../img/down.png) no-repeat right center;
}

.Menu li {
    display: inline-block;
    margin-left: 4%;
    font-size: 16px;
    position: relative;
}

.Menu li a {
    display: block;
    position: relative;
    z-index: 5;
    color: #595959;
}

.Menu li i {
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0px;
    bottom: -1px;
    z-index: 3;
    background: #d7bb5a;
    opacity: 0;
}

.Menu li:hover a,
.Menu li.on a {
    color: #d7bb5a;
}

.Menu li:hover i,
.Menu li.on i {
    opacity: 1;
}

.Current_en {
    text-transform: uppercase;
}

.Current_en .Menu li {
    font-size: 14px;
    margin-left: 2%;
}


/*pages*/
.Pages {
    width: 100%;
    text-align: center;
    color: #818181;
    line-height: 34px;
    font-size: 14px;
    color: #666;
}

.Pages a {
    display: inline-block;
    width: 38px;
    border: 1px solid #e6e6e6;
    color: #666;
    margin: 0px 4px;
}

.Pages .p_count,
.Pages .a_first,
.Pages .a_end,
.Pages .a_prev,
.Pages .a:nth-child(2n) {
    display: inline-block;
    width: auto;
    padding: 0px 12px;
}

.Pages .p_count {
    border: 1px solid #e6e6e6;
}

.Pages a:hover,
.Pages a.a_cur {
    background: #d7bb5a;
    color: #fff;
    border: 1px solid #d7bb5a;
}

/*pages end*/

/*Top*/
.HomeBody .Header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 9;
}

.Header .auto {
    margin: 0 6.25%;
}

.HomeBody .Logo .i1 {
    display: block;
}

.HomeBody .Logo .i2 {
    display: none;
}

.HomeBody .Topinfo {
    border-left: 1px solid #fff;
}

.HomeBody .Nav li .am {
    color: #fff;
}

.Top {
    position: relative;
}

.header_menu {
    display: none;
}

.Logo {
    width: 150px;
    float: left;
    padding: 15px 0px;
}

.Logo img {
    display: block;
    width: 100%;
}

.Logo .i1 {
    display: none;
}

.Search {
    position: absolute;
    top: 100%;
    right: 0px;
    text-align: left;
    background: #fff;
    border: 2px solid #d7bb5a;
    width: 170px;
    padding-right: 50px;
    display: none;
    z-index: 999;
}

.Search .input {
    display: block;
    width: auto;
    padding: 0px 10px;
    height: 28px;
    font-size: 14px;
}

.Search .input::placeholder {
    color: #999;
}

.Search .btn {
    height: 28px;
    width: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #d7bb5a;
    position: absolute;
    top: 0px;
    right: 0px;
}

.Showbox {
    width: 80%;
    float: right;
    /* position: relative; */
}

.Topinfo {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    line-height: 40px;
    width: 35px;
    padding-left: 22px;
    border-left: 1px solid #c9c9c9;
}

.Topinfo li.t1 {
    float: left;
    display: none;
}

.Topinfo li a {
    display: block;
    font-size: 18px;
    color: #666;
}

.Topinfo li.t2 {
    float: right;
}

.Topinfo li.t2 .sbtn {
    display: inline-block;
    width: 18px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(../img/btn.png);
    background-position: center center;
}

.Nav {
    padding-right: 80px;
    width: 100%;
}

.Nav ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Nav ul::before,
.Nav ul::after {
    content: '';
    display: block;
}

.Nav li {
    float: left;
    /* width: 10%; */
    text-align: center;
    /* position: relative; */
}

.Nav li .am {
    display: inline-block;
    font-size: 16px;
    line-height: 73px;
    color: #201b18;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.Nav li i {
    position: absolute;
    display: none;
    width: 60px;
    height: 60px;
    right: 0px;
    top: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/jia.png);
    overflow: hidden;
}

.Nav li:hover .am,
.Nav li.active .am {
    color: #d7bb5a;
    border-bottom: 1px solid #d7bb5a;
}

.Nav li .SubNav {
    position: fixed;
    left: 0;
    top: auto;
    z-index: 999;
    width: 100%;
    margin-left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 0px;
    /* opacity:0.45 */
}

.Nav li .SubNav a {
    display: inline-block;
    margin: 0 3%;
    line-height: 32px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.Nav li .SubNav a:hover {
    color: #d7bb5a;
}

/* .Nav li#na70 {
    width: 5%;
}

.Nav li#na101,
.Nav li#na102,
.Nav li#na103 {
    width: 4%;
} */

.Banner .swiper-slide {
    position: relative;
}

.Banner .swiper-slide .img {
    display: block;
    width: 100%;
}

.Banner .swiper-slide .txtbox {
    position: absolute;
    width: 100%;
    left: 0;
    top: 35%;
    z-index: 1;
}

.Banner .swiper-slide .txtbox img {
    display: block;
    max-width: 50%;
}

.Banner .swiper-slide video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    background: #000;
}

.Banner .swiper-slide-active .txtbox {
    animation: bounceInUp 2s linear;
}

.Banner .swiper-container-horizontal>.swiper-pagination-bullets {
    width: 1440px;
    position: absolute;
    left: 50%;
    margin-left: -720px;
    bottom: 8%;
    height: 15px;
    line-height: 15px;
    text-align: left;
}

.Banner .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0px 5px;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../img/dotpic.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.Banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-position: center bottom;
}

.Banner .mouse {
    width: 18px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -9px;
    z-index: 3;
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}

@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-10px);
        opacity: 1;
    }

    50%,
    100% {
        -webkit-transform: translateY(0);
        opacity: 0.6;
    }

    75% {
        -webkit-transform: translateY(10px);
        opacity: 0.2
    }
}

@keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-10px);
        opacity: 1;
    }

    50%,
    100% {
        -webkit-transform: translateY(0);
        opacity: 0.6;
    }

    75% {
        -webkit-transform: translateY(10px);
        opacity: 0.2;
    }
}

/*bottom*/
.Contactinfo {
    background: #ebebeb;
    padding: 1.5% 0;
}

.Contactinfo .footInfoList {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;

}

.Contactinfo .footInfoList .footLogo {
    width: 80px;
}

.Contactinfo .footInfoList .footLogo img {
    width: 100%;
}

.Contactinfo .footInfoList .footInfoItem {
    /* width: 100%;
    text-align: right; */
}

.Contactinfo .footInfoList .footInfoCon .footInfoTitle {
    font-weight: 700;
    color: #333333;
    /* font-size: 16px; */
}

.Contactinfo .footInfoList .footInfoCon .footInfoSub {
    color: #666666;
    font-size: 14px;
}

.Contactinfo .footInfoList .footInfoIcon a {
    margin-right: 20px;
    position: relative;
    float: left;
}

.Contactinfo .footInfoList .footInfoIcon a .iconImg {
    width: 20px;
}

.Contactinfo .footInfoList .footInfoIcon a .hide {
    position: absolute;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    top: -110px;
    z-index: 3;
    display: none;
}

.Contactinfo .footInfoList .footInfoIcon a:hover .hide {
    display: block;
}

.Contactinfo .footInfoList .footInfoIcon a .hide img {
    display: block;
    width: 100%;
}

.Footer .botTop {
    float: left;
}

.Footer .botBot {
    float: right;
}

.Contactinfo select {
    width: 246px;
    height: 44px;
    float: right;
    padding: 0 15px;
    font-size: 14px;
    background: #d7bb5a;
    color: #fff;
}

.Contactinfo dl {
    width: 70%;
    float: left;
}

.Contactinfo dl span {
    display: inline-block;
    margin-right: 4%;
    font-size: 16px;
    padding-left: 38px;
    line-height: 34px;
    color: #333;
    background-repeat: no-repeat;
    background-position: left top;
}

.Contactinfo dl .c1 {
    background-image: url(../img/c1.png);
}

.Contactinfo dl .c2 {
    background-image: url(../img/c2.png);
    margin-right: 0;
}

.Contactinfo dl dd i {
    padding: 0 2%;
}

.Bottom {
    background: #7D552D;
    font-size: 14px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.4);
    padding: 15px 0;
}

.Bottom .con span {
    color: #fff;
    opacity: 0.5;
    margin-right: 10px;
    font-size: 14px;
}

.Bottom .auto,
.Contactinfo .auto {
    margin: 0 6.25%;
}

.Bottom a {
    margin-left: 10px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
}

.links {
    float: right;
}

.links a {
    margin-left: 20px;
    position: relative;
}

.links a .hide {
    position: absolute;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    top: -110px;
    z-index: 3;
    display: none;
}

.links a .hide img {
    display: block;
    width: 100%;
}

.links a:hover .hide {
    display: block;
}

.social-share .icon-wechat {
    background-image: url(../img/b1.png);
}

.social-share .icon-qq {
    background-image: url(../img/b2.png);
}

.social-share .icon-weibo {
    background-image: url(../img/b3.png);
}

.social-share .icon-wechat:hover {
    background-image: url(../img/bon1.png);
}

.social-share .icon-qq:hover {
    background-image: url(../img/bon2.png);
}

.social-share .icon-weibo:hover {
    background-image: url(../img/bon3.png);
}

.CallFix {
    display: none;
    position: fixed;
    right: 3%;
    top: 30%;
    width: 94px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.63);
    z-index: 5;
}

.gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 5%;
    z-index: 55;
    width: 31px;
}

.gotop.cd-is-visible {
    display: block;
}

/*index*/
.HomeTit {
    position: absolute;
    width: 224px;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
}

.textTndent {
    text-indent: 2em;
}

.indexHomeTit {
    width: 30%;
    height: 100%;
    text-align: left;
    float: left;
    height: 100%;
}

.chairHomeTit {
    width: 30%;
    height: 100%;
    text-align: left;
    position: absolute;
    left: 0;
}

.indexHomeTit .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.indexHomeTit .info {
    font-size: 18px;
    color: #7D552D;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 30px;
    height: calc(100% - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
}

.chairHomeAbout {
    margin-left: 35%;
    margin-bottom: 30px;
}

.chairHomeAbout .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.chairHomeAbout .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.chairHomeAbout .info {
    font-size: 18px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 40px;
}

.chairHomeAbout .chairimg {
    position: absolute;
    right: 0;
}

.GroupHomeAbout {
    /* margin-left: 35%; */
}

.GroupHomeAbout .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.GroupHomeAbout .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.GroupHomeAbout .info {
    font-size: 18px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 40px;
}

.GroupHomeAbout .chairimg {
    width: 100%;
}

.GroupHomeAbout .chairimg img {
    width: 100%;
}

.GroupRoomAbout {}

.GroupRoomAbout .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.GroupRoomAbout .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.GroupRoomAbout .info {
    font-size: 18px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 50px;
}

.GroupRoomAbout .infoImg {
    position: relative
}

.GroupRoomAbout .infoImg .chairimg {
    width: 100%;
    text-align: center;
    cursor: pointer;
    zoom: 1;
    overflow: hidden
}

.GroupRoomAbout .infoImg .chairimg img {
    height: auto !important;
    display: block;
    margin: 0px auto;
    width: 100%;
}

.GroupRoomAbout .infoImg .infoImgSinge {
    width: 80%;
    padding: 20px;
    position: absolute;
    left: 0px;
    top: 10%;
    text-align: left;
}

.GroupRoomAbout .infoImg .infoImgSinge dl {
    margin: 0;
    text-align: center;
    width: 100%;
}

.GroupRoomAbout .infoImg .infoImgSinge dl dd {
    width: 24%;
    display: inline-block;
    vertical-align: top;
}

.GroupRoomAbout .infoImg .infoImgSinge dl dd .line {
    border-right: 1px solid #dadada;
    padding: 0;
}

.GroupRoomAbout .infoImg .infoImgSinge dl dd:last-child .line {
    border-right: none;
}

.GroupRoomAbout .infoImg .infoImgSinge dl dd .num {
    display: block;
    font-size: 18px;
    color: #fff;
}

.GroupRoomAbout .infoImg .infoImgSinge dl dd .num .counter {
    font-size: 44px;
}

.GroupRoomAbout .infoImg .infoImgSinge dl dd p {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    height: 44px;
}

.GroupCommerceAbout {}

.GroupCommerceAbout .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.GroupCommerceAbout .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.GroupCommerceAbout .info {
    font-size: 18px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 50px;
}

.GroupCommerceAbout .infoImg {
    position: relative
}

.GroupCommerceAbout .infoImg .chairimg {
    width: 100%;
    text-align: center;
    cursor: pointer;
    zoom: 1;
    overflow: hidden
}

.GroupCommerceAbout .infoImg .chairimg img {
    height: auto !important;
    display: block;
    margin: 0px auto;
}

.GroupCommerceAbout .infoImg .infoImgSinge {
    width: 60%;
    padding: 20px;
    position: absolute;
    left: 0px;
    top: 25%;
    text-align: left;
}

.GroupCommerceAbout .infoImg .infoImgSinge dl {
    margin: 0;
    text-align: center;
}

.GroupCommerceAbout .infoImg .infoImgSinge dl dd {
    width: 32%;
    display: inline-block;
    vertical-align: top;
}

.GroupCommerceAbout .infoImg .infoImgSinge dl dd .line {
    border-right: 1px solid #dadada;
    padding: 0;
}

.GroupCommerceAbout .infoImg .infoImgSinge dl dd:last-child .line {
    border-right: none;
}

.GroupCommerceAbout .infoImg .infoImgSinge dl dd .num {
    display: block;
    font-size: 18px;
    color: #fff;
}

.GroupCommerceAbout .infoImg .infoImgSinge dl dd .num .counter {
    font-size: 44px;
}

.GroupCommerceAbout .infoImg .infoImgSinge dl dd p {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    height: 44px;
}

.GroupShopeAbout {}

.GroupShopeAbout .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.GroupShopeAbout .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.GroupShopeAbout .info {
    font-size: 18px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 50px;
}

.GroupShopeAbout .infoImg {
    width: 100%;
    height: 100%;
}

.GroupShopeAbout .infoImg .chairimg {
    float: left;
    width: 50%;
    height: 100%;
}

.GroupShopeAbout .infoImg .chairimg img {
    width: 100%;
}

.GroupShopeAbout .infoImg .shopCon {
    float: right;
    width: 40%;
    height: 100%;
    padding: 30px;
    background: rgba(255, 255, 255, 0.498);
    margin-top: 30px;
}

.GroupShopeAbout .infoImg .shopCon .shopConTip {
    font-size: 28px;
    color: #7D552D;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 15px;
}

.GroupShopeAbout .infoImg .shopCon .shopConInfos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.GroupShopeAbout .infoImg .shopCon .shopConInfos span {
    width: 25%;
    display: inline-block;
}

.searchAll {
    /* margin-left: 35%; */
}

.searchAll .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.searchAll .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.searchAll .searchList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.searchAll .searchList .searchItem {
    width: 30%;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 30px;
}

.searchAll .searchList .searchItem a {
    display: block;
    width: 100%;
    height: 240px
}

.searchAll .searchList .searchItem a .effect-img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.searchAll .searchList .searchItem a .effect-img img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

.searchAll .searchList .searchItem .con {
    padding: 6% 3%;
}

.searchAll .searchList .searchItem .con .conTitles {
    font-size: 20px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-weight: 700;
}

.searchAll .searchList .searchItem .con .conBottom {
    margin-top: 30px;
    font-size: 18px;
}

.searchAll .searchList .searchItem .con .conBottom .conTimes {
    float: left;
    color: #999999;
}

.searchAll .searchList .searchItem .con .conBottom .conMore {
    float: right;
}

.searchAll .searchList .searchItem .con .conBottom .conMore span {
    color: #7D552D;
    padding-right: 8px;
    display: none;
    text-transform: uppercase;
    display: inline-block;
}

.searchAll .searchList .searchItem .con .conBottom .conMore i {
    display: inline-block;
    width: 14px;
    height: 7px;
    vertical-align: middle;
    background: url(../img/more.png) no-repeat center center;
}

.searchAll .searchList .searchItem:hover .con .conTitles,
.searchAll .searchList .searchItem:hover .con .conBottom .conTimes,
.searchAll .searchList .searchItem:hover .con .conBottom .conMore span {
    color: #d7bb5a;
}


.searchAll .searchList .searchItem:hover .con .conBottom .conMore i {
    background: url(../img/more2.png) no-repeat center center;
}


.businesshAll {
    /* margin-left: 35%; */
}

.businesshAll .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.businesshAll .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.businesshAll .businessList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.businesshAll .businessList .businessItem {
    width: 45%;
    border-bottom: 1px solid #E4E4E4;
    position: relative;
}

.businesshAll .businessList .businessItem .con {
    padding: 0 20px;
    background: #F4EFE8;
    height: 90px;
    line-height: 90px;
}

.businesshAll .businessList .businessItem .con .conTitles {
    font-size: 28px;
    color: #7D552D;
    font-weight: 700;
    float: left;
}

.businesshAll .businessList .businessItem .con .conMore {
    float: right;
}

.businesshAll .businessList .businessItem .con .conMore span {
    color: #7D552D;
    padding-right: 8px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 18px;
}

.businesshAll .businessList .businessItem .con .conMore i {
    display: inline-block;
    width: 14px;
    height: 7px;
    vertical-align: middle;
    background: url(../img/more.png) no-repeat center center;
}

.businesshAll .businessList .businessItem .contipsbox {
    position: absolute;
    top: calc(50% - 50px);
    left: 20px;
    color: #fff;
    width: calc(100% - 20px);
    max-height: 200px;
    overflow: auto;
    z-index: 1;
}

.businesshAll .businessList .businessItem .contipsbox ul li {
    list-style: inside;
    font-size: 18px;
}

.businesshAll .businessList .businessItem .effect-img {
    width: 100%;
}

.investorAll {
    /* margin-left: 35%; */
}

.investorAll .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.investorAll .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.investorAll .investorList {
    margin-top: 50px;
    /* width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px; */
}

.investorAll .investorList .investorItem {
    /* width: 30%; */
    padding: 20px;
    background: #FAFAFB;
    /* position: relative; */
}

.investorAll .investorList .investorItem .conTitles {
    font-size: 24px;
    padding-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-weight: 700;
    border-bottom: 1px solid #E4E4E4;
}

.investorAll .investorList .investorItem .conBottom {
    margin-top: 20px;
    font-size: 18px;
    width: 100%;
    min-height: 140px;
}

.investorAll .investorList .investorItem .conBottom .conTimes {
    float: left;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.investorAll .investorList .investorItem .conBottom .conTimes:nth-child(1) {
    float: left;
    color: #999999;
    white-space: normal;
    width: 100%;
    height: 60px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.investorAll .investorList .investorItem .conBottom .conTimesIcon {
    position: absolute;
    bottom: 30px;
    right: 20px;
    font-size: 55px;
    color: #E4E4E4;
}

.MemorabiliaList {
    /* margin-left: 35%; */
}

.MemorabiliaList .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.MemorabiliaList .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.MemorabiliaList .infoList {
    margin-bottom: 50px;
}

.MemorabiliaList .infoList .item {
    padding: 20px;
    border-right: 1px solid #7D552D;
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
}

.MemorabiliaList .infoList .item::-webkit-scrollbar {
    display: none;
}

.MemorabiliaList .infoList .item .effect-title {
    font-size: 30px;
}

.MemorabiliaList .infoList .item .con {
    width: 100%;
}

.MemorabiliaList .infoList .item .info {
    font-size: 20px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
    /* margin-bottom: 20px; */
    position: relative;
}

.MemorabiliaList .infoList .item .info .infotips {
    width: 10px;
    height: 10px;
    color: #C39043;
    float: left;
    border-radius: 50%;
    background-color: #C39043;
    position: absolute;
    top: calc(50% - 5px);
}

.MemorabiliaList .infoList .item .info .infocon {
    float: left;
    margin-left: 20px;
}

.ManagementList .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
}

.ManagementList .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.ManagementList .infoList {
    margin-top: 20px;
}

.ManagementList .infoList .infoListItem {
    padding: 20px;
    padding-right: 65px;
    background-color: #F4EFE8;
    background-image: url(../img/boxbg4.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: relative;
    margin-bottom: 20px;
}

.ManagementList .infoList .infoListItem .chairimg {
    width: 15%;
    float: left;
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px;
}

.ManagementList .infoList .infoListItem .chairimg img {
    width: 100%;
}

.ManagementList .infoList .infoListItem .introduceInfo {
    width: 85%;
    float: left;
    margin-left: 15%;
    min-height: 150px;
}

.ManagementList .infoList .infoListItem .introduceInfo .introduceTitle {}

.ManagementList .infoList .infoListItem .introduceInfo .introduceTitle .introduceCNname {
    display: inline-block;
    /* width: 100px; */
    color: #7D552D;
    font-size: 26px;
}

.ManagementList .infoList .infoListItem .introduceInfo .introduceTitle .introduceENname {
    font-family: HK Grotesk-Light Italic !important;
    font-weight: 300;
    color: #999999;
    display: inline-block;
    font-style: italic;
}

.ManagementList .infoList .infoListItem .introduceInfo .introduceContent {
    font-size: 18px;
    color: #666666;
    text-align: left;
    line-height: 30px;
}

.SocialResponseList {}

.SocialResponseList .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

.SocialResponseList .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: center;
}

.SocialResponseList .infoAll {
    margin-top: 20px;
}

.SocialResponseList .infoAll .introduceInfo {
    float: left;
    width: calc(50% - 10px);
    min-height: 150px;
    padding: 10px 0;
}

.SocialResponseList .infoAll .chairimg {
    float: right;
    width: calc(50% - 10px);
}

.SocialResponseList .infoAll .chairimg img {
    width: 100%;
}

.SocialResponseList .infoAll .introduceInfo .introduceTitle {}

.SocialResponseList .infoAll .introduceInfo .introduceTitle .introduceCNname {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.SocialResponseList .infoAll .introduceInfo .introduceTitle .introduceENname {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    text-align: left;
}

.SocialResponseList .infoAll .introduceInfo .introduceContent {
    font-size: 18px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.SocialResponseList #infoAllList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.SocialResponseList #infoAllList li {
    width: 30%;
    margin-bottom: 30px;
    float: left;
    margin-right: 5%;
    position: relative;
}

.SocialResponseList #infoAllList li .tipscon {
    width: 100%;
    height: 100%;
    padding: 35px;
    position: absolute;
    left: 0px;
    top: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    text-align: center;
}

.SocialResponseList #infoAllList li .tipscon span {
    font-size: 28px;
    color: #fff;
    text-align: center;
}

.SocialResponseList #infoAllList li:nth-child(1) {
    width: 65%;
}

.SocialResponseList #infoAllList li:nth-child(1) .tipscon {
    text-align: left;
}

.SocialResponseList #infoAllList li:nth-child(1) .tipscon span {
    width: 50%;
    display: inline-block;
}

.SocialResponseList #infoAllList li:nth-child(2) {
    margin-right: 0;
}

.SocialResponseList #infoAllList li:nth-child(5) {
    margin-right: 0;
}

.SocialResponseList .SocialResponseAll {
    margin-top: 20px;
}

.SocialResponseList .SocialResponseOwl {
    width: 60%;
    float: left;
}

.SocialResponseList .SocialResponseOwl .owl-nav .owl-prev,
.SocialResponseList .SocialResponseOwl .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    right: auto;
    bottom: 0;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.SocialResponseList .SocialResponseOwl .owl-nav .owl-prev {
    right: 60px;
    background-image: url(../img/left.jpg);
}

.SocialResponseList .SocialResponseOwl .owl-nav .owl-next {
    right: 0;
    background-image: url(../img/right.jpg);
}

.SocialResponseList .SocialResponseOwl .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.SocialResponseList .SocialResponseOwl .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item .item {
    width: 100%;
    height: 460px;
}


.SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item .item a {
    display: block;
    width: 100%;
    height: 100%;
}

.SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item .item a div {
    /* width: 100%;
    height: 100%;
   background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; */
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item .item a div img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

/* .SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item:nth-child(1) .item a div {
    background-image: url(../../uploadfiles/SocialResponsibility/6.png);

}

.SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item:nth-child(2) .item a div {
    background-image: url(../../uploadfiles/SocialResponsibility/7.png);

}

.SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item:nth-child(3) .item a div {
    background-image: url(../../uploadfiles/SocialResponsibility/8.png);

} */

.SocialResponseList .SocialResponseUl {
    width: 40%;
    float: left;
    height: 460px;
    overflow-y: auto;
}

.SocialResponseList .SocialResponseUl::-webkit-scrollbar {
    display: none;
}

.SocialResponseList .SocialResponseUl li {
    padding: 15px 20px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SocialResponseList .SocialResponseUl .active {
    background-color: #F4EFE8;
    border-right: 4px solid #C39043;
}

.SocialResponseList .SocialResponseUl .active a {
    color: #7D552D;
}

.ESGList {}

.ESGList .tips {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

.ESGList .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: center;
}

.ESGList .infoAll {
    margin-top: 20px;
}

.ESGList .infoAll .introduceInfo {
    float: left;
    width: calc(50% - 10px);
    min-height: 150px;
    padding: 10px 0;
}

.ESGList .infoAll .chairimg {
    float: right;
    width: calc(50% - 10px);
}

.ESGList .infoAll .chairimg img {
    width: 100%;
}

.ESGList .infoAll .introduceInfo .introduceTitle {}

.ESGList .infoAll .introduceInfo .introduceTitle .introduceCNname {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.ESGList .infoAll .introduceInfo .introduceTitle .introduceENname {
    color: #CDCDCD;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    text-align: left;
}

.ESGList .infoAll .introduceInfo .introduceContent {
    font-size: 18px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.ESGList #infoAllList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ESGList #infoAllList li {
    width: 30%;
    margin-bottom: 30px;
    float: left;
    margin-right: 5%;
    position: relative;
}

.ESGList #infoAllList li .tipscon {
    width: 100%;
    height: 100%;
    padding: 35px;
    position: absolute;
    left: 0px;
    top: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    text-align: center;
}

.ESGList #infoAllList li .tipscon span {
    font-size: 28px;
    color: #fff;
    text-align: center;
}

.ESGList #infoAllList li:nth-child(1) {
    width: 65%;
}

.ESGList #infoAllList li:nth-child(1) .tipscon {
    text-align: left;
}

.ESGList #infoAllList li:nth-child(1) .tipscon span {
    width: 50%;
    display: inline-block;
}

.ESGList #infoAllList li:nth-child(2) {
    margin-right: 0;
}

.ESGList #infoAllList li:nth-child(5) {
    margin-right: 0;
}

.ESGList .ESGAll {
    margin-top: 20px;
}

.ESGList .ESGOwl {
    width: 60%;
    float: left;
}

.ESGList .ESGOwl .owl-nav .owl-prev,
.ESGList .ESGOwl .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    right: auto;
    bottom: 0;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.ESGList .ESGOwl .owl-nav .owl-prev {
    right: 60px;
    background-image: url(../img/left.jpg);
}

.ESGList .ESGOwl .owl-nav .owl-next {
    right: 0;
    background-image: url(../img/right.jpg);
}

.ESGList .ESGOwl .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.ESGList .ESGOwl .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.ESGList .ESGOwl .owl-carousel.owl-drag .owl-item .item {
    width: 100%;
    height: 410px;
}

.ESGList .ESGOwl .owl-carousel.owl-drag .owl-item .item a {
    display: block;
    width: 100%;
    height: 100%;
}

.ESGList .ESGOwl .owl-carousel.owl-drag .owl-item .item a div {
    /* width: 100%;
    height: 100%;
   background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; */
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.ESGList .ESGOwl .owl-carousel.owl-drag .owl-item .item a div img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

/* .ESGList .ESGOwl .owl-carousel.owl-drag .owl-item:nth-child(1) .item a div {
    background-image: url(../../uploadfiles/ESG/1.png);

}

.ESGList .ESGOwl .owl-carousel.owl-drag .owl-item:nth-child(2) .item a div {
    background-image: url(../../uploadfiles/ESG/2.png);

}

.ESGList .ESGOwl .owl-carousel.owl-drag .owl-item:nth-child(3) .item a div {
    background-image: url(../../uploadfiles/ESG/3.png);

} */

.ESGList .ESGUl {
    width: 40%;
    float: left;
    height: 410px;
    overflow-y: auto;
}

.ESGList .ESGUl::-webkit-scrollbar {
    display: none;
}

.ESGList .ESGUl li {
    padding: 15px 20px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ESGList .ESGUl li a {
    display: block;
    width: 100%;
    height: 100%;
}

.ESGList .ESGUl .active {
    background-color: #F4EFE8;
    border-right: 4px solid #C39043;
}

.ESGList .ESGUl .active a {
    color: #7D552D;
}

.indexNewTit {
    width: 25%;
    height: 100%;
    text-align: left;
    position: absolute;
    left: 0;
}

.indexNewTit .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.indexNewTit .info {
    font-size: 40px;
    color: #CDCDCD;
    text-align: left;
    margin-top: 50%;
    line-height: 50px;
    margin-bottom: 10px;
}

.indexNewAbout {
    position: absolute;
    width: 75%;
    height: 100%;
    right: 0;
}

.TalentConceptTit {
    width: 30%;
    height: 100%;
    text-align: left;
    float: left;
}

.TalentConceptTit .tipscon {
    margin: 15px 0;
}

.TalentConceptTit .tipscon:nth-child(2) {
    margin-top: 30px;
}

.TalentConceptTit .tipscon .tipsconTitle {
    font-size: 30px;
    color: #7D552D;
    text-align: left;
    font-weight: 700;
    font-style: italic;
}

.TalentConceptTit .tipscon .tipsconTips {
    font-size: 20px;
    color: #7D552D;
    text-align: left;
}

.TalentConceptTit .tipscon .tipsconval {
    font-size: 22px;
    color: #7D552D;
    text-align: left;
    font-weight: 700;
}

.TalentConceptAbout {
    float: right;
    width: 68%;
    height: 100%;
}

.TalentConceptAbout .owl-nav .owl-prev,
.TalentConceptAbout .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    left: auto;
    top: auto;
    bottom: 0;
    margin-top: 0;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.TalentConceptAbout .owl-nav .owl-prev {
    left: -100px;
    bottom: 0;
    border-radius: 50%;
    background-image: url(../img/left.jpg);
}

.TalentConceptAbout .owl-nav .owl-next {
    left: -50px;
    bottom: 0;
    border-radius: 50%;
    background-image: url(../img/right.jpg);
}

.TalentConceptAbout .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.TalentConceptAbout .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.TalentConceptAbout .item {
    width: 100%;
    height: 410px;
}

.TalentConceptAbout .item:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.TalentConceptAbout .item .effect-img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.TalentConceptAbout .item .effect-img img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

.HomeTit.t1 {
    background: #d7bb5a;
    height: 600px;
}

.HomeTit.t2 {
    background: #553e2e;
    height: 900px;
}

.HomeTit h2 {
    font-size: 40px;
    padding-top: 134px;
    line-height: 50px;
}

.HomeTit .icon {
    position: absolute;
    left: 0;
}

.HomeTit.t1 .icon {
    bottom: 172px;
}

.HomeTit.t2 .icon {
    bottom: 0;
}

.HomeMore {
    display: block;
    width: 100px;
    line-height: 30px;
    background: #d7bb5a;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.indexHomeTit .HomeMore {
    display: block;
    color: #7D552D;
    text-align: left;
    font-size: 14px;
    background: transparent;
    width: 100%;
    line-height: inherit;
}

.chairHomeAbout .HomeMore {
    display: block;
    color: #7D552D;
    text-align: left;
    font-size: 14px;
    background: transparent;
    width: 100%;
    line-height: inherit;
}

.indexHomeTit .HomeMore .iconfont {
    font-size: 12px;
}

.chairHomeAbout .HomeMore .iconfont {
    font-size: 12px;
}

.HomeMore.m2 {
    background: #553e2e;
}

.HomeBody .box1 {
    min-height: 600px;
}

.HomeBody .box2 {
    min-height: 680px;
}

.HomeBody .box3 {
    min-height: 600px;
}

.HomeBody .box4 {
    min-height: 370px;
}

.HomeBody .box5 {
    min-height: 370px;
}

.HomeBody .box6 {
    min-height: 370px;
}

.HomeBody .box7 {
    min-height: 370px;
}


.HomeBody .nodata {}

.gisCon {
    margin: 30px 0;
    border: 1px solid #f1f0f08a;
    position: relative;
}

.gisCon .gitmapTips {
    width: 35%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #f1f0f08a;
}

.gisCon .gitmaptit {
    position: absolute;
    left: 20px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.gisCon .gitmaptit .gitmaptit1 {
    font-size: 24px;
}

.gisCon .gitmaptit .gitmaptit2 {
    font-size: 18px;
    margin: 15px 0;
}

.gisCon .gitmaptit .gitmaptit3 {
    font-size: 18px;
}

.gisCon .gitmaptit .gitmaptit4 {
    font-size: 18px;
}

.gisCon .gitmaptit .gitmaptit5 {
    font-size: 18px;
    margin-top: 15px;
}

.gisCon .gitmaptit .gitmaptit6 {
    font-size: 18px;
    margin-bottom: 15px;
}

#mapContainer {
    width: 65%;
    margin-left: 35%;
    height: 565px;
}

#mapContainer iframe {
    width: 100%;
    height: 100%;
}

/* #mapContainer .con1920 {
    display: block;
}

#mapContainer .con1440,
#mapContainer .con1024,
#mapContainer .con992,
#mapContainer .con768,
#mapContainer .con640,
#mapContainer .con400 {
    display: none;
} */

.hdtit {
    text-align: right;
}

.hdtit li {
    width: 141px;
    display: inline-block;
    text-align: center;
    margin-left: 20px;
}

.hdtit li a {
    display: block;
    border: 1px solid #a0a0a0;
    line-height: 42px;
    font-size: 18px;
    color: #666;
}

.hdtit li.on a {
    color: #fff;
    border: 1px solid #d7bb5a;
    background: #d7bb5a;
}

/* .Homeindustry .bd{padding-bottom: 88px;} */
.Homeindustry .bdCon {
    margin: 70px 0 70px 24.86%;
}

.Homeindustry .bdCon li .title {
    font-size: 30px;
    line-height: 36px;
    color: #333;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Homeindustry .bdCon li .info {
    margin: 27px 0px 26px;
    font-size: 17px;
    color: #666;
    height: 90px;
    line-height: 30px;
    overflow: hidden;
}

.Homeindustry .hdCon {
    margin-left: 20px;
}

.Homeindustry .hdCon li a {
    display: block;
    margin-left: 30px;
    position: relative;
}

.Homeindustry .hdCon li .pic img {
    display: block;
    width: 100%;
}

.Homeindustry .hdCon li .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.Homeindustry .hdCon li .title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    font-size: 22px;
    line-height: 80px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-weight: bold;
    z-index: 3;
}

.Homeindustry .hdCon li .title span {
    display: block;
    padding: 0 40px;
}

.Homeindustry .hdCon li .mask,
.Homeindustry .hdCon li .title {
    opacity: 0;
    transition: 500ms;
}

.Homeindustry .hdCon .liactive li .title {
    opacity: 1;
}

.Homeindustry .flex-control-nav {
    bottom: 14px;
    left: 189px;
    text-align: left;
    width: auto;
    height: 15px;
    line-height: 15px;
}

.Homeindustry .flex-control-paging li a {
    width: 15px;
    height: 15px;
    background-image: url(../img/dotpic2.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.Homeindustry .flex-control-paging li a.flex-active {
    background-position: left bottom;
}

.Homeindustry .btns a {
    width: 42px;
    height: 42px;
    position: absolute;
    z-index: 99;
    top: 70%;
    line-height: 1000px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}

.Homeindustry .btns .btn-prev {
    left: 50px;
    background-image: url(../img/left.jpg);
}

.Homeindustry .btns .btn-next {
    right: 0;
    background-image: url(../img/right.jpg);
}

.Homeindustry .btns .btn-prev:hover {
    background-image: url(../img/lefton.jpg);
}

.Homeindustry .btns .btn-next:hover {
    background-image: url(../img/righton.jpg);
}

/* .box2 {
    background: url(../img/boxbg2.jpg) repeat;
    padding-bottom: 3%;
} */

.HomeNews .owl-carousel {
    padding-bottom: 65px;
}

.indexNewAbout .owl-carousel {
    /* padding-bottom: 65px; */
}

.HomeNews .box {
    margin-left: 50px;
}

.indexNewAbout .box {
    margin-left: 50px;
}

.HomeNews .wbox {
    width: 37%;
    float: right;
}

.indexNewAbout .wbox {
    width: 37%;
    float: right;
}

.HomeNews .wbox img {
    height: 297px;
}

.indexNewAbout .wbox img {
    height: 297px;
}

.HomeNews img {
    display: block;
    width: 100%;
}

.indexNewAbout img {
    display: block;
    width: 100%;
}

.HomeNews .pic .title {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    color: #fff;
}

.indexNewAbout .pic .title {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    color: #fff;
}

.HomeNews .img {
    width: 63%;
    float: left;
}

.indexNewAbout .img {
    width: 63%;
    float: left;
}

.HomeNews .img img {
    height: 503px;
}

.indexNewAbout .img img {
    height: 503px;
}

.HomeNews .con {
    padding: 8% 0 0 8%;
}

.indexNewAbout .con {
    padding: 8% 0 0 8%;
}

.HomeNews .con .date {
    display: block;
    font-size: 16px;
    color: #999;
}

.indexNewAbout .con .date {
    display: block;
    font-size: 16px;
    color: #999;
}

.HomeNews .con .title {
    font-size: 24px;
    line-height: 32px;
    color: #333;
    margin: 15px 0px 22px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.indexNewAbout .con .title {
    font-size: 24px;
    line-height: 32px;
    color: #333;
    margin: 15px 0px 22px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.HomeNews .con .info {
    font-size: 17px;
    line-height: 30px;
    max-height: 120px;
    overflow: hidden;
    margin-bottom: 86px;
}

.indexNewAbout .con .info {
    font-size: 17px;
    line-height: 30px;
    max-height: 120px;
    overflow: hidden;
    margin-bottom: 86px;
}

.HomeNews .owl-dots {
    position: absolute;
    right: 0%;
    bottom: 14px;
    height: 15px;
    line-height: 15px;
}

.indexNewAbout .owl-dots {
    position: absolute;
    right: 0%;
    bottom: 14px;
    height: 15px;
    line-height: 15px;
}

.HomeNews .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    margin: 0 6px;
    background-image: url(../img/dotpic2.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.indexNewAbout .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    margin: 0 6px;
    background-image: url(../img/dotpic2.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.HomeNews .owl-dots .owl-dot.active {
    background-position: center bottom;
}

.indexNewAbout .owl-dots .owl-dot.active {
    background-position: center bottom;
}

.HomeNews .owl-nav .owl-prev,
.HomeNews .owl-nav .owl-next,
.indexNewAbout .owl-nav .owl-prev,
.indexNewAbout .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    left: auto;
    top: auto;
    bottom: 0;
    margin-top: 0;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.HomeNews .owl-nav .owl-prev {
    right: 246px;
    background-image: url(../img/left.jpg);
}

.indexNewAbout .owl-nav .owl-prev {
    left: -100px;
    bottom: 0;
    border-radius: 50%;
    background-image: url(../img/left.jpg);
}

.HomeNews .owl-nav .owl-next {
    right: 188px;
    background-image: url(../img/right.jpg);
}

.indexNewAbout .owl-nav .owl-next {
    left: -50px;
    bottom: 0;
    border-radius: 50%;
    background-image: url(../img/right.jpg);
}

.HomeNews .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.indexNewAbout .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.HomeNews .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.indexNewAbout .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.MemorabiliaList .owl-nav .owl-prev,
.MemorabiliaList .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    left: auto;
    bottom: -95px;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;

}

.MemorabiliaList .owl-nav .owl-prev {
    left: calc(50% - 30px);
    background-image: url(../img/left.jpg);
}

.MemorabiliaList .owl-nav .owl-next {
    left: calc(50% + 30px);
    background-image: url(../img/right.jpg);
}

.MemorabiliaList .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.MemorabiliaList .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.HomeAbout {
    margin-left: 43%;
}

.indexHomeAbout {
    /* margin-left: 35%; */
    width: 65%;
    float: right;
    height: 100%;
}

.ScienceVideo {
    width: 100%;
    margin-top: 30px;
}

.HomeAbout .title {
    font-size: 30px;
    line-height: 45px;
    color: #333;
}

.HomeAbout .info {
    margin: 18px 0 40px;
    font-size: 17px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    color: #666;
}

.HomeAbout .video {
    margin-top: 58px;
}

.indexHomeAbout .video {
    width: 100%;
}

.indexHomeAbout .video .pic {
    width: 100%;
}

.indexHomeAbout .video .pic img {
    width: 100%;
}

.ScienceVideo .video {
    /* margin-top: 58px; */
}

.HomeAbout .video .pic img {
    display: block;
    width: 100%;
}

.indexHomeAbout .video .pic img {
    /* margin-top: 58px; */
}

.ScienceVideo .video .pic img {
    width: 100%;
}

.HomeAbout .video .play {
    width: 74px;
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 2;
}

.indexHomeAbout .video .play {
    width: 70px;
    position: absolute;
    right: calc(50% - 35px);
    bottom: calc(50% - 35px);
    z-index: 2;
    color: transparent;
}

.indexHomeAbout .video .play .iconfont {
    color: #000000;
    opacity: 0.4;
    font-size: 70px;
}

.indexHomeAbout .video .play .iconfont:hover {
    color: #000000;
    opacity: 0.8;
}

.ScienceVideo .video .play {
    width: 70px;
    position: absolute;
    right: calc(50% - 35px);
    bottom: calc(50% - 35px);
    z-index: 2;
    color: transparent;
}

.ScienceVideo .video .play .iconfont {
    color: #000000;
    opacity: 0.4;
    font-size: 70px;
}

.ScienceVideo .video .play .iconfont:hover {
    color: #000000;
    opacity: 0.8;
}

.HomeAbout .video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.indexHomeAbout .video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.ScienceVideo .video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.HomeAbout .hontxt {
    position: absolute;
    left: 50px;
    bottom: 0;
    width: 35%;
}

.HomeAbout .hontxt h3 {
    font-size: 28px;
    line-height: 47px;
    color: #553e2e;
    margin-bottom: 5%;
}

.HomeAbout .hontxt .other {
    font-size: 16px;
    line-height: 33px;
    color: #666;
}

.HomeAct .title {
    padding: 40px 0 50px;
    min-height: 50px;
}

.HomeAct .title .name {
    display: block;
    font-size: 24px;
    line-height: 43px;
    color: #333;
}

.HomeAct .title p {
    font-size: 14px;
    line-height: 31px;
    color: #666;
    text-transform: uppercase;
}

.HomeAct .bd {
    padding-left: 10px;
}

.HomeAct .item a {
    display: block;
    margin-left: 40px;
}

.indexNewAbout .item {
    background: #fff;
    border-radius: 0px 0px 0px 0px;
    padding: 3%;
}

.indexNewAbout .item a {
    display: block;
}

.HomeAct .item a:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.indexNewAbout .item a:hover {
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */
}

.HomeAct .item .effect-img img {
    display: block;
    width: 100%;
}

.indexNewAbout .item .effect-img {
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.indexNewAbout .item .effect-img img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

.HomeAct .item .con {
    background: #fff;
    padding: 6%;
}

.indexNewAbout .item .con {
    background: #fff;
    padding: 6% 3%;
}

.HomeAct .item .con .name {
    font-size: 20px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.indexNewAbout .item .con .name {
    font-size: 20px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.HomeAct .item .con .info {
    margin: 10px 0 12px;
    font-size: 16px;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    color: #666;
}

.indexNewAbout .item .con .info {
    margin: 10px 0 12px;
    font-size: 16px;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    color: #666;
}

.HomeAct .item .con .more {
    line-height: 24px;
}

.indexNewAbout .item .con .more {
    line-height: 24px;
}

.HomeAct .item .con .more span {
    color: #d7bb5a;
    padding-right: 8px;
    display: none;
    text-transform: uppercase;
}

.indexNewAbout .item .con .more span {
    color: #d7bb5a;
    padding-right: 8px;
    display: none;
    text-transform: uppercase;
    display: inline-block;
}

.HomeAct .item .con .more i {
    display: inline-block;
    width: 14px;
    height: 7px;
    vertical-align: middle;
    background: url(../img/more.png) no-repeat center center;
}

.indexNewAbout .item .con .more i {
    display: inline-block;
    width: 14px;
    height: 7px;
    vertical-align: middle;
    background: url(../img/more2.png) no-repeat center center;
}

.HomeAct .item:hover .con .more span {
    display: inline-block;
}

.indexNewAbout .item:hover .con .more span {
    display: inline-block;
}

.HomeAct .item:hover .con .more i {
    background: url(../img/more2.png) no-repeat center center;
}

.indexNewAbout .item:hover .con .more i {
    background: url(../img/more2.png) no-repeat center center;
}

.HomeAct .owl-dots {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -60px;
    height: 15px;
    line-height: 15px;
    text-align: center;
}

.indexNewAbout .owl-dots {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -60px;
    height: 15px;
    line-height: 15px;
    text-align: center;
}

.HomeAct .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0px 5px;
    background-image: url(../img/dotpic2.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.indexNewAbout .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0px 5px;
    background-image: url(../img/dotpic2.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.HomeAct .owl-dots .owl-dot.active {
    background-position: center bottom;
}

.indexNewAbout .owl-dots .owl-dot.active {
    background-position: center bottom;
}

.HomeAct .HomeMore {
    margin: 3% auto 0;
}

.indexNewAbout .HomeMore {
    margin: 3% auto 0;
}

.Single {
    font-size: 16px;
    line-height: 36px;
    color: #333;
    max-width: 1360px;
    margin: 0px auto;
}

.Single .title {
    font-size: 28px;
    color: #262626;
    line-height: 30px;
    text-align: center;
}

.Single dl {
    margin: 4% 0 3%;
    text-align: center;
}

.Single dl dd {
    width: 24.5%;
    display: inline-block;
    vertical-align: top;
}

.Single dl dd .line {
    border-right: 1px solid #dadada;
    padding: 18px 0;
}

.Single dl dd:last-child .line {
    border-right: none;
}

.Single dl dd .num {
    display: block;
    font-size: 18px;
    color: #d7bb5a;
}

.Single dl dd .num .counter {
    font-family: "bahnschrift";
    font-size: 54px;
}

.Single dl dd p {
    font-size: 16px;
    color: #949494;
    line-height: 24px;
    height: 48px;
}

.Single img {
    height: auto !important;
    display: block;
    margin: 0px auto;
}

/* 金鹰连锁店 */
.ShopBox .pic img {
    display: block;
    width: 100%;
}

.ShopBox .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.ShopBox .title {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -34px;
    text-align: center;
    color: #fff;
    z-index: 3;
}

.ShopBox .title .name {
    display: block;
    font-size: 36px;
    line-height: 45px;
}

.ShopBox .title p {
    font-size: 18px;
    line-height: 23px;
    font-family: Arial;
    text-transform: uppercase;
}

.ShopBox .con {
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #636363;
}

.ShopBox .con .name {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.ShopBox .con .name i {
    color: #d7bb5a;
    margin-right: 10px;
}

.SpreadBox {
    border-bottom: 1px solid #bbb;
}

.SpreadBox .Map {
    width: 55.555%;
    float: left;
}

.SpreadBox .Map img {
    display: block;
    width: 100%;
}

.SpreadBox .box {
    width: 39.93%;
    float: right;
    margin-top: 5%;
}

.Selectbox select {
    width: 48%;
    float: left;
    padding: 0 10px;
    height: 28px;
    border-bottom: 1px solid #d2d2d2;
    font-size: 14px;
    color: #666;
}

.Selectbox select:nth-child(2n) {
    float: right;
}

.Selectbox select:hover {
    border-bottom: 1px solid #d7bb5a;
}

.Selectbox {
    margin-left: 50%;
}

.Selectbox .ZJselectBox {
    width: 48%;
    float: left;
    position: relative;
    font-size: 16px;
}

.Selectbox .ZJselectBox:nth-child(2n) {
    float: right;
}

.ZJselectTxt {
    position: relative;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #b7b8be;
    color: #3e3e3e;
}

.ZJselectTxt .icon {
    position: absolute;
    width: 14px;
    height: 9px;
    top: 50%;
    margin-top: -4px;
    right: 0;
    background: url(../img/arrow.png);
}

.ZJselectTxt .iconOn {
    transform: rotate(-180deg);
}

.ZJselectUl {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    background: #fff;
    padding: 10px 0;
    border-top: none;
    border-bottom: none;
    z-index: 9;
    display: none;
    max-height: 144px;
    overflow: auto;
    background: #efefef;
}

.ZJselectUl .ZJselectUlBox li {
    height: 36px;
    line-height: 36px;
    padding: 0px 20px;
}

.PlaceSlider ul {
    padding-bottom: 10px;
}

.PlaceSlider li {
    width: 48%;
    float: left;
    position: relative;
    margin-bottom: 4%;
}

.PlaceSlider li:nth-child(2n) {
    float: right;
}

.PlaceSlider li .pic img {
    display: block;
    width: 100%;
    height: 192px;
}

.PlaceSlider li .title {
    position: absolute;
    width: 100%;
    line-height: 40px;
    left: 0;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
}

.PlaceSlider .owl-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 10px;
    line-height: 10px;
}

.PlaceSlider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 0px 5px;
    background-image: url(../img/dotpic3.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.PlaceSlider .owl-dots .owl-dot.active {
    background-position: center bottom;
}

.ResultBox .title i {
    display: block;
    width: 24px;
    height: 2px;
    background: #6d492f;
}

.ResultBox .title .name {
    display: block;
    font-size: 24px;
    line-height: 35px;
    color: #6d492f;
    margin-top: 20px;
}

.ResultBox ul li {
    margin-top: 18px;
    width: 10%;
    float: left;
}

.ResultBox ul li span {
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
    color: #333;
    border-bottom: 1px solid #f6f6f6;
}

.ResultBox ul li:hover span {
    border-bottom: 1px solid #d7bb5a;
    color: #785944;
}

/* 店面详情 */
.shoptop .title {
    font-size: 36px;
    line-height: 42px;
    color: #292929;
    float: left;
}

.shoptop .other {
    float: right;
    font-size: 14px;
    line-height: 21px;
    color: #636363;
}

.shoptop .other span {
    color: #d7bb5a;
}

.ShopDetail .pic img {
    display: block;
    width: 100%;
}

.ShopDetail dl {
    text-align: center;
}

.ShopDetail dl dd {
    display: inline-block;
    border-right: 1px solid #d3d3d3;
    padding: 0 3%;
}

.ShopDetail dl dd:last-child {
    border-right: none;
}

.ShopDetail dl dd p {
    font-size: 14px;
    line-height: 22px;
    color: #7a7a7a;
}

.ShopDetail dl dd h3 {
    font-size: 16px;
    line-height: 30px;
    color: #d7bb5a;
}

.ShopAbout {
    background: #ededed;
    padding: 4%;
}

.ShopAbout .title {
    font-size: 36px;
    line-height: 36px;
    color: #292929;
    position: absolute;
    left: 0;
    top: 0;
}

.ShopAbout .con {
    margin-left: 330px;
    font-size: 16px;
    line-height: 36px;
    color: #616161;
}

.ShopList li {
    padding-bottom: 3%;
    margin-bottom: 3%;
    border-bottom: 1px solid #ededed;
}

.ShopList li .effect-img {
    width: 43.75%;
    float: left;
}

.ShopList li .effect-img img {
    display: block;
    width: 100%;
}

.ShopList li .con {
    width: 51.25%;
    float: right;
    padding-top: 3%;
}

.ShopList li .con h3 {
    font-size: 24px;
    color: #363636;
    line-height: 32px;
    margin-bottom: 12px;
}

.ShopList li .con .info {
    font-size: 14px;
    color: #616161;
    line-height: 30px;
}

.ShopList li:nth-child(2n) .effect-img {
    float: right;
}

.ShopList li:nth-child(2n) .con {
    float: left;
}

.BrandBox .box {
    padding: 0 18px;
}

.BrandBox .title {
    font-size: 36px;
    line-height: 36px;
    color: #292929;
    text-align: center;
}

.BrandBox .item a {
    display: block;
    margin: 0 10px;
    border: 1px solid #ebebeb;
}

.BrandBox .item img {
    display: block;
    width: 100%;
}

.BrandBox .owl-nav .owl-prev,
.BrandBox .owl-nav .owl-next {
    position: absolute;
    width: 15px;
    height: 26px;
    top: 50%;
    margin-top: -13px;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.BrandBox .owl-nav .owl-prev {
    left: -18px;
    background-image: url(../img/left3.png);
}

.BrandBox .owl-nav .owl-next {
    right: -18px;
    background-image: url(../img/right3.png);
}

/* 金鹰超市 */
.CsSearch {
    padding-left: 54px;
}

.CsSearch .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 100%;
    background-color: #d7bb5a;
    background-image: url(../img/arr1.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.CsSearch form {
    border: 1px solid #d2d2d2;
    border-left: none;
    padding: 0 18px;
}

.CsSearch form .input {
    width: 100%;
    height: 52px;
    font-size: 14px;
    color: #6666;
}

.CsSearch form .input::placeholder {
    color: #999;
}

.Supermarket .list li {
    width: 32%;
    float: left;
    margin: 0 2% 3% 0;
}

.Supermarket .list li:nth-child(3n) {
    margin-right: 0;
}

.Supermarket .list li .effect-img img {
    display: block;
    width: 100%;
    height: 280px;
}

.Supermarket .list li .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: 500ms;
}

.Supermarket .list li .title {
    font-size: 18px;
    color: #333;
    background: #fff;
    text-align: center;
    line-height: 55px;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Supermarket .list li:hover .mask {
    opacity: 1;
}

.Supermarket .list li:hover .title {
    background: #d7bb5a;
    color: #fff;
}

.LoadMore {
    display: block;
    width: 106px;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
    background: #C39043;
    color: #fff;
    text-transform: uppercase;
}


/* 金鹰汽车 */
.ThreeMenu {
    text-align: center;
}

.ThreeMenu a {
    display: inline-block;
    min-width: 130px;
    padding: 0 15px;
    line-height: 50px;
    margin: 0 0.5% 0.5%;
    background: #ebebeb;
    font-size: 17px;
    color: #333;
}

.ThreeMenu a.on,
.ThreeMenu a:hover {
    background: #d7bb5a;
    color: #fff;
}

.CarAbout img {
    display: block;
    width: 100%;
}

.CarAbout .info {
    font-size: 14px;
    color: #666;
    line-height: 29px;
}

.CarAbout .R_car {
    width: 46.25%;
    float: right;
}

.CarAbout .R_car .title {
    font-size: 20px;
    line-height: 42px;
    color: #d7bb5a;
}

.CarAbout .L_car {
    width: 50%;
    float: left;
}

.CarAbout .L_car .pic {
    padding-bottom: 28px;
}

.CarAbout .L_car .pic i {
    position: absolute;
    width: 1px;
    height: 60px;
    left: 46px;
    bottom: 0px;
    background: #6d492f;
}

.CarList {
    overflow: hidden;
}

.CarList ul {
    margin-left: -2%;
}

.CarList li {
    padding-left: 2%;
    width: 31.3333%;
    float: left;
    border-bottom: 1px solid #bbb;
    margin-bottom: 2%;
}

.CarList li a {
    position: relative;
    display: block;
}

.CarList li a,
.CarList li .effect-img {
    cursor: default;
}

.CarList li .effect-img img {
    display: block;
    width: 100%;
    height: 276px;
}

.CarList li .title {
    font-size: 18px;
    line-height: 60px;
    height: 60px;
    color: #333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.CarList li .line {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    z-index: 9;
    background: #6d492f;
    opacity: 0;
    transition: 500ms;
}

.CarList li:hover .line {
    opacity: 1;
}

.CarList li:hover .title {
    color: #6d492f;
}

/* 金鹰便利店 */
.BigPic .slides li {
    position: relative;
}

.BigPic li .pic img {
    display: block;
    width: 100%;
}

.BigPic li .title {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.BigPic li .title span {
    display: block;
    padding: 0 40px;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    line-height: 115px;
}

.BigPic .flex-direction-nav a {
    position: absolute;
    width: 35px;
    height: 47px;
    top: 50%;
    margin-top: -23px;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.2);
}

.BigPic .flex-direction-nav .flex-prev {
    left: 0;
    background-image: url(../img/left4.png);
}

.BigPic .flex-direction-nav .flex-next {
    right: 0;
    background-image: url(../img/right4.png);
}

.BigPic .flex-direction-nav a {
    background-color: #d7bb5a;
}

.SmallPic {
    margin-top: 15px;
}

.SmallPic li a {
    display: block;
    margin: 0 6px;
    padding: 2px;
    background: #fff;
}

.SmallPic li .pic {
    height: 82px;
}

.SmallPic li.flex-active-slide a {
    background: #d7bb5a;
}

/* 金鹰购 */
.BuyBox {
    text-align: center;
}

.BuyBox li {
    display: inline-block;
    width: 32%;
    margin: 0 0.5% 1.5%;
}

.BuyBox li .img {
    display: block;
    width: 100%;
}

.BuyBox li .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.BuyBox li .icon {
    display: block;
    width: 86px;
}

.BuyBox li .title {
    color: #fff;
}

.BuyBox li .title .name {
    display: block;
    font-size: 24px;
    line-height: 35px;
}

.BuyBox li .title p {
    line-height: 25px;
    font-size: 14px;
    text-transform: uppercase;
}

.BuyBox li .con {
    padding: 8px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    font-size: 16px;
    line-height: 30px;
    color: #636363;
    opacity: 0;
    transition: 500ms;
}

.BuyBox li:hover .con {
    opacity: 1;
}

.BuyBox .pic img {
    display: block;
    width: 100%;
}

/* 金鹰住宅 */
.FamilyBox li {
    background: #fff;
    margin-bottom: 2.5%;
}

.FamilyBox li .effect-img {
    width: 36.5%;
    float: left;
}

.FamilyBox li .effect-img img {
    display: block;
    width: 100%;
    height: 285px;
}

.FamilyBox li .con {
    width: 55.5%;
    padding: 3% 4%;
    float: left;
}

.FamilyBox li .con .title {
    font-size: 18px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.FamilyBox li .con .info {
    font-size: 14px;
    line-height: 27px;
    color: #666;
    height: 54px;
    overflow: hidden;
    margin: 1.5% 0 5%;
}

.FamilyBox li .con .info1 {
    font-size: 14px;
    line-height: 27px;
    color: #666;
    height: 54px;
    margin: 1.5% 0 5%;
}

.FamilyBox li .con .more {
    display: block;
    width: 80px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: #bbb;
}

.FamilyBox li:hover .con .more {
    background: #6d492f;
}

/* 金鹰健康 */
.HealthyBox .hd {
    text-align: center;
    font-size: 0;
}

.HealthyBox .hd li {
    width: 25%;
    display: inline-block;
}

.HealthyBox .hd li a {
    position: relative;
    display: block;
}

.HealthyBox .hd li .effect-img {
    height: 218px;
}

.HealthyBox .hd li .effect-img span {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
}

.HealthyBox .hd li .mask {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.4);
}

.HealthyBox .hd li .mask img {
    display: block;
    width: 66px;
}

.HealthyBox .hd li .mask .name {
    display: block;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
}

.HealthyBox .hd li.on .mask {
    background: rgba(215, 187, 90, 0.8);
}

.HealthyBox .bd .con {
    font-size: 16px;
    line-height: 29px;
    color: #777;
}

.HealthyBox .bd .con h3 {
    font-size: 16px;
    color: #d7bb5a;
}

.img_slick .item .effect-img {
    margin: 0 1.5%;
}

.img_slick .item .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(31, 26, 23, 0.8);
}

.img_slick .item img {
    display: block;
    width: 100%;
}

.img_slick .item.slick-active .mask {
    opacity: 0;
}

.slick-prev,
.slick-next {
    width: 70px;
    height: 65px;
    line-height: 999px;
    overflow: hidden;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -32px;
    cursor: pointer;
    z-index: 5;
}

.slick-prev {
    left: 5%;
    background-image: url(../img/left5.png);
}

.slick-next {
    right: 5%;
    background-image: url(../img/right5.png);
}


/* 金鹰写字楼 */
.OfficeBox .title {
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: #393939;
}

.Projectinfo ul {
    padding: 2% 0 0;
    border-top: 1px solid #dbdbdb;
}

.Projectinfo ul li {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    font-size: 16px;
    line-height: 29px;
    color: #666;
}

.Projectinfo ul li:nth-child(4n) {
    margin-right: 0;
}

.ProjectPic .hd {
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
    margin-bottom: 20px;
}

.ProjectPic .hd li {
    display: inline-block;
    position: relative;
    margin: 0 1.5%;
}

.ProjectPic .hd li a {
    display: block;
    font-size: 18px;
    color: #666;
    line-height: 35px;
}

.ProjectPic .hd li i {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    z-index: 2;
    background: #d7bb5a;
    opacity: 0;
}

.ProjectPic .hd li.on a {
    color: #d7bb5a;
}

.ProjectPic .hd li.on i {
    opacity: 1;
}

.PicSwiper .swiper-slide {
    width: 60%;
}

.PicSwiper .swiper-slide img {
    display: block;
    width: 100%;
}

.PicSwiper .swiper-slide .mask {
    background: rgba(27, 27, 27, 0.3);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.PicSwiper .swiper-slide.swiper-slide-active .mask {
    opacity: 0;
}

.PicSwiper .swiper-button-next,
.PicSwiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background-size: cover;
}

.PicSwiper .swiper-button-prev,
.PicSwiper .swiper-container-rtl .swiper-button-next {
    left: 6%;
    background-image: url(../img/left6.png);
}

.PicSwiper .swiper-button-next,
.PicSwiper .swiper-container-rtl .swiper-button-prev {
    right: 6%;
    background-image: url(../img/right6.png);
}

.Matching .pic {
    width: 70%;
    float: left;
}

.Matching .pic .map {
    border: 3px solid #e4e4e4;
}

.Matching .pic img {
    display: block;
    height: 546px;
}

.Matching .con {
    width: 30%;
    float: right;
}

.Matching .con .hd {
    background: #ededed;
}

.Matching .con .hd li {
    width: 20%;
    float: left;
    text-align: center;
}

.Matching .con .hd li a {
    display: block;
    border-top: 3px solid #ededed;
    font-size: 18px;
    color: #6d6d6d;
    line-height: 50px;
}

.Matching .con .hd li.on a {
    background: #f6f6f6;
    border-top: 3px solid #d7bb5a;
}

.Matching .con .bd {
    padding: 30px 0;
}

.Matching .con .bd .list {
    height: 438px;
    overflow: auto;
    padding: 0 20px;
}

.Matching .con .bd .list dd {
    padding-left: 33px;
    margin-bottom: 20px;
    position: relative;
    font-size: 14px;
    line-height: 26px;
    color: #acacac;
}

.Matching .con .bd .list dd:last-child {
    margin-bottom: 0;
}

.Matching .con .bd .list dd .icon {
    width: 27px;
    position: absolute;
    left: 0;
    top: 0;
}

.Matching .con .bd .list dd .name {
    color: #6d6d6d;
}

.Matching .con .bd .list dd .name span {
    color: #acacac;
}

.Matching ::-webkit-scrollbar {
    width: 4px;
    height: 9px;
}

.Matching ::-webkit-scrollbar-track {
    width: 4px;
    background-color: #f6f6f6;
}

.Matching ::-webkit-scrollbar-thumb {
    background-color: #d7bb5a;
    background-clip: padding-box;
    min-height: 28px;
}


/* 公司资料 */
.CompanyList li {
    width: 32.6666%;
    float: left;
    margin: 0 1% 1% 0;
    color: #7b7b7b;
}

.CompanyList li:nth-child(3n) {
    margin-right: 0;
}

.CompanyList li .con {
    padding: 5% 6%;
    border: 2px solid #ebebeb;
}

.CompanyList li .title .name {
    font-size: 18px;
    line-height: 30px;
    color: #323232;
    font-weight: bold;
}

.CompanyList li .title i {
    display: block;
    width: 16px;
    height: 2px;
    margin-top: 10px;
    background: #d7bb5a;
}

.CompanyList li .info {
    font-size: 14px;
    line-height: 30px;
    margin-top: 15px;
    min-height: 90px;
}

.CompanyList li:hover {
    background-color: #d7bb5a;
    color: #fff;
    background-image: url(../img/sign.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.CompanyList li:hover .con {
    border: 2px solid #d7bb5a;
}

.CompanyList li:hover .title .name {
    color: #fff;
}

.CompanyList li:hover .title i {
    background: #fff;
}

/* 企业管制 */
.ControlBox li {
    width: 49%;
    float: left;
    margin: 0;
    text-align: center;
}

.ControlBox li:nth-child(2n) {
    float: right;
    width: 48.5%;
}

.ControlBox li .title i {
    margin: 10px auto 0;
}

.ControlBox li:hover {
    background-image: none;
}


/* 财务报告 */
.ReportList ul {
    padding-bottom: 3%;
}

.ReportList {
    max-width: 1000px;
    margin: 0 auto;
    font-weight: lighter;
}

.ReportList .title {
    text-align: center;
    margin-bottom: 3%;
}

.ReportList li {
    width: 48.5%;
    float: left;
    margin-bottom: 3%;
    border: 1px solid #e1e1e1;
}

.ReportList li:nth-child(2n) {
    float: right;
}

.ReportList li .effect-img {
    width: 35%;
    height: 228px;
    float: left;
}

.ReportList li .effect-img span {
    display: block;
    width: 100%;
    height: 100%;
}

.ReportList li .con {
    width: 53%;
    padding: 8% 6%;
    float: right;
}

.ReportList .title,
.ReportList li .con .year,
.ReportList li .con .name {
    font-size: 28px;
    color: #666;
    line-height: 36px;
}

.ReportList li .down {
    display: block;
    width: 100px;
    line-height: 38px;
    color: #333;
    border: 1px solid #4d4d4d;
    border-radius: 6px;
    text-align: center;
    margin-top: 28%;
    font-size: 14px;
}

/* 公司公告 */
.DownList li .box {
    display: block;
    position: relative;
    padding: 0.5% 134px;
    border-bottom: 1px dashed #e1e1e1;
}

.DownList li .title {
    font-size: 16px;
    color: #333;
    line-height: 60px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.DownList li .gs {
    background: #eee;
    text-align: center;
    position: absolute;
    width: 120px;
    top: 50%;
    margin-top: -29px;
}

.DownList li .date {
    padding: 4px 0;
    top: 10px;
    position: absolute;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    left: 0;
    background: #eee;
    text-align: center;
    width: 120px;
}

.DownList li .date span {
    display: block;
    font-size: 20px;
    color: #333;
}

.DownList li .date span em {
    font-size: 14px;
}

.DownList li .gs {
    right: 0;
    padding: 6px 0;
}

.DownList li .gs img {
    display: inline-block;
    vertical-align: middle;
}

.DownList li .gs .i2 {
    display: none;
}

.DownList li:hover {
    background: #fff;
}

.DownList li:hover .box {
    border-bottom: 1px solid #fff;
}

.DownList li:hover .date {
    background: #d7bb5a;
    color: #fff;
}

.DownList li:hover .date span {
    color: #fff;
}

.DownList li:hover .gs .i1 {
    display: none;
}

.DownList li:hover .gs .i2 {
    display: inline-block;
}

/* 组织章程大纲及细则 */
.RulesBox .title {
    text-align: center;
    font-size: 36px;
    color: #393939;
}

.RulesBox .title span {
    display: block;
    line-height: 36px;
}

.RulesBox .title p {
    font-size: 20px;
}

.TabList {
    display: table;
    width: 100%;
}

.TabList .thead {
    padding: 10px 0;
    background: #d7bb5a;
    font-size: 15px;
    color: #fff;
}

.TabList .thead li i {
    display: block;
}

.TabList .con {
    line-height: 24px;
    font-size: 14px;
    color: #333;
}

.TabList ul {
    background: #e3e3e3;
    border-bottom: 1px solid #f6f6f6;
    display: table-row;
}

.TabList ul:nth-child(2n) {
    background: #fff;
}

.TabList ul li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
    background-image: url(../img/line1.png);
    background-repeat: repeat-y;
    background-position: right top;
}

.TabList ul li:last-child {
    background-image: none;
}

.TabList ul li.bg {
    background-color: #6d492f;
}

.TabList ul li.w1 {
    width: 16%;
}

.TabList ul li.w2 {
    width: 12.5%;
}

.TabList ul li.w3 {
    width: 21.5%;
}

.RulesBox .warm {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.RulesBox .warm h3 {
    font-size: 16px;
    color: #6d492f;
}

.RulesBox .warm p {
    padding-left: 25px;
    position: relative;
}

.RulesBox .warm p i {
    position: absolute;
    left: 0;
    top: 0;
}

/* 新闻中心 */
.NewsTop li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.NewsTop li:nth-child(3n) {
    margin-right: 0;
}

.NewsTop li .effect-img img {
    display: block;
    width: 100%;
    height: 306px;
}

.NewsTop li .con {
    padding: 16px 0 0;
}

.NewsTop li .con .date {
    font-size: 14px;
    color: #999;
}

.NewsTop li .con .date span {
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
}

.NewsTop li .con .title {
    margin: 10px 0;
    font-size: 18px;
    color: #333;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.NewsTop li .con .info {
    font-size: 14px;
    line-height: 28px;
    color: #666;
    height: 56px;
    overflow: hidden;
    margin-bottom: 16px;
}

.NewsBox .more {
    display: block;
    color: #666;
    text-transform: uppercase;
}

.NewsBox .more i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    width: 14px;
    height: 7px;
    background-image: url(../img/more.png);
}

.NewsTop li:hover .con .title,
.NewsBox li:hover .more {
    color: #d7bb5a;
}

.NewsBox li:hover .more i {
    background: url(../img/more2.png);
}

.NewsList ul {
    padding-bottom: 1.5%;
}

.NewsList li {
    margin-bottom: 2%;
    background: #fff;
}

.NewsList li .effect-img {
    width: 22.5%;
    float: left;
}

.NewsList li .effect-img span {
    display: block;
    height: 210px;
}

.NewsList li .con {
    width: 77.5%;
    float: right;
    position: relative;
}

.NewsList li .date {
    position: absolute;
    width: 112px;
    left: -37px;
    top: 12px;
    z-index: 2;
    text-align: right;
    font-family: Arial;
}

.NewsList li .date span {
    display: block;
    font-size: 24px;
    line-height: 39px;
    color: #333;
    border-bottom: 1px solid #d7bb5a;
    margin-bottom: 7px;
}

.NewsList li .date p {
    font-size: 14px;
    line-height: 20px;
    color: #b6b6b6;
}

.NewsList li .txt {
    padding: 3% 30px 3% 126px;
}

.NewsList li .txt .title {
    font-size: 18px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.NewsList li .txt .info {
    font-size: 14px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    color: #666;
    margin: 1.5% 0 3%;
}

.NewsList li:hover .txt .title {
    color: #d7bb5a;
}

/*详情页*/
.ActiveContent .Atit {
    text-align: center;
    line-height: 28px;
    position: relative;
}

.ActiveContent .Atit h2 {
    font-size: 20px;
    color: #333333;
}

.ActiveContent .Atit em {
    display: block;
    font-size: 14px;
    color: #666666;
    padding: 9px 0px 21px;
    border-bottom: 1px dashed #e8e8e8;
}

.ActiveContent .Atit em i {
    padding: 0px 12px;
}

.ContentAbout {
    padding: 3% 0;
    border-bottom: 1px solid #e7e7e7;
}

.PrevNextBox {
    padding: 24px 0px 0px;
}

.PrevNextBox dl {
    font-size: 14px;
    line-height: 33px;
}

.PrevNextBox dl b {
    color: #000;
    font-weight: normal;
}

.PrevNextBox dl a {
    color: #666666;
}


/* 社会责任 */
.Title01 {
    font-size: 36px;
    line-height: 36px;
    color: #393939;
    text-align: center;
}

.Title01 p {
    font-size: 18px;
    color: #e2e2e2;
    font-family: Arial;
    line-height: 32px;
    text-transform: uppercase;
}

.Title02 {
    border-bottom: 2px solid #e8e8e8;
}

.Title02 .name {
    display: inline-block;
    width: 280px;
    line-height: 65px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: #d7bb5a;
    font-weight: bold;
}

.SocailBox .pic img {
    display: block;
    width: 100%;
}

.SocailBox .con {
    position: relative;
    z-index: 3;
    margin: -256px auto 0;
    background: #fff;
    width: 70%;
    padding: 6% 5%;
}

.SocailBox .con ul {
    text-align: center;
    margin-top: 5%;
}

.SocailBox .con li {
    display: inline-block;
    width: 24%;
    background: url(../img/line2.png) no-repeat right center;
}

.SocailBox .con li:last-child {
    background: none;
}

.SocailBox .con li .num {
    display: block;
    font-size: 60px;
    line-height: 57px;
    color: #f0f0f0;
    font-family: "bahnschrift";
}

.SocailBox .con li p {
    font-size: 22px;
    line-height: 35px;
    color: #d7bb5a;
}

.Foundation {
    background: #fff;
    font-size: 14px;
    line-height: 29px;
    color: #666;
}

.Foundation .f_left {
    width: 50%;
    float: left;
    padding-bottom: 56px;
}

.Foundation .f_left .pic {
    height: 350px;
}

.Foundation .f_left .title {
    text-align: center;
    margin-top: 25px;
}

.Foundation .f_right {
    width: 42%;
    float: right;
    padding: 5% 4% 3%;
}

.Foundation .f_right .title {
    font-size: 30px;
    color: #393939;
}

.Foundation .aim {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 42%;
    font-size: 18px;
    line-height: 36px;
    padding: 19px 4%;
    background: #d7bb5a;
    color: #fff;
}

.ProjectBox li {
    width: 49%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

.ProjectBox li:nth-child(2n) {
    float: right;
}

.ProjectBox li .effect-img img {
    display: block;
    width: 100%;
    height: 494px;
}

.ProjectBox li .con {
    width: 92%;
    line-height: 30px;
    padding: 5px 4%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
}

.ProjectBox li .con h3 {
    font-size: 16px;
    color: #4c4c4c;
}

.ProjectBox li .con .info {
    font-size: 14px;
    color: #3d3d3d;
}

/* 文化艺术 */
.ArtList {
    padding: 0 45px;
    position: relative;
}

.ArtList .item a {
    display: block;
    margin: 0 10px;
    position: relative;
}

.ArtList .item img {
    display: block;
    width: 100%;
}

.ArtList .item .title {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: rgba(215, 187, 90, 0.8);
}

.ArtList .owl-nav .owl-prev,
.ArtList .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 50%;
    border-radius: 50%;
    margin-top: -21px;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.ArtList .owl-nav .owl-prev {
    left: -45px;
    background-image: url(../img/left.jpg);
}

.ArtList .owl-nav .owl-next {
    right: -45px;
    background-image: url(../img/right.jpg);
}

.ArtList .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.ArtList .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

/* 大事记 */
.History {
    position: relative;
    background: url(../img/historyline.gif) 169px top repeat-y;
    padding-top: 44px;
}

.History .dot {
    position: absolute;
    left: 155px;
    top: 0px;
    border: 5px solid #c39043;
    background: #fff;
    border-radius: 50%;
    width: 19px;
    height: 19px;
}

.History .item {
    position: relative;
    margin-bottom: 26px;
    padding-left: 197px;
}

.History .item .year {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -15px;
    line-height: 30px;
    width: 175px;
}

.History .item .year span {
    width: 120px;
    display: block;
    border-radius: 6px;
    background: #c39043;
    font-size: 20px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
}

.History .item .txt {
    padding: 12px 15px;
    color: #3d3b3b;
    background: rgba(215, 187, 90, 0.1);
    font-size: 16px;
    line-height: 30px;
}

.History .item .year .d {
    position: absolute;
    right: 0px;
    top: 30%;
    border-radius: 50%;
    width: 9px;
    background: #fff;
    height: 9px;
    border: 1px solid #da1e13;
    z-index: 2;
}

.History .item .year .i {
    border-bottom: 1px dashed #c7c7c7;
    display: block;
    height: 14px;
    margin: 0px 10px 0px 0px;
    position: absolute;
    left: 0px;
    top: 2%;
    z-index: 0;
    width: 100%;
}

.History .item:nth-child(2n) .year .d {
    position: absolute;
    right: 0px;
    top: 30%;
    border-radius: 50%;
    width: 9px;
    background: #fff;
    height: 9px;
    border: 1px solid #113688;
    z-index: 2;
}

.History .item:nth-child(2n) .txt {
    background: #f3f3f3;
}


/* 联系我们 */
.ContactBox {
    background: #fff;
}

.ContactBox .pic img {
    display: block;
    width: 100%;
}

.ContactBox .box {
    padding: 3%;
}

.ContactBox .box ul {
    width: 47%;
    padding-right: 3%;
    float: left;
    border-right: 1px solid #d9d9d9;
}

.ContactBox .box ul:nth-child(2n) {
    float: right;
    padding-right: 0;
    border-right: none;
}

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

.ContactBox .title .icon {
    display: block;
    width: 61px;
    margin: 0 auto;
}

.ContactBox .title p {
    font-size: 20px;
    line-height: 56px;
    color: #6d492f;
}

.ContactBox .con {
    margin: 0.5% 0;
}

.ContactBox .con .weixin {
    width: 120px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.ContactBox .con .weixin img {
    display: block;
    width: 100%;
}

.ContactBox .con dl dd {
    font-size: 16px;
    line-height: 35px;
    color: #333;
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 32px;
}

.ContactBox .con dl dd.c1 {
    background-image: url(../img/ct1.png);
}

.ContactBox .con dl dd.c2 {
    background-image: url(../img/ct2.png);
}

.ContactBox .con dl dd.c3 {
    background-image: url(../img/ct3.png);
}

.ContactList li {
    width: 48%;
    float: left;
    margin-top: 3%;
}

.ContactList li:nth-child(2n) {
    float: right;
}

.ContactList li .title {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin-bottom: 5px;
}

.ContactList li .info {
    font-size: 14px;
    color: #666;
}

.ContactList li .info i {
    padding: 0 2.5%;
}

/* 人才发展 */
.Title03 {
    text-align: center;
}

.Title03 .name {
    display: block;
    line-height: 50px;
    font-size: 28px;
    color: #262626;
}

.Title03 i {
    display: block;
    width: 30px;
    height: 1px;
    background: #d7bb5a;
    margin: 0 auto;
}

.JoinAbout .con {
    font-size: 16px;
    line-height: 29px;
    color: #666;
    text-align: center;
}

.JoinAbout .pic {
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    text-align: center;
}

.JoinAbout .pic .info {
    padding: 12% 6%;
}

.LifeList,
.LifeList li {
    overflow: hidden;
    height: 460px;
}

.LifeList li {
    width: 17%;
    float: left;
    position: relative;
    background-size: cover;
}

.LifeList li .mask {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    background-size: cover;
    overflow: hidden;
}

.LifeList li .mask .box {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 16px;
    color: #fff;
    display: none;
}

.LifeList li .mask .box h3 {
    font-size: 18px;
    line-height: 35px;
}

.LifeList li .mask .box .info {
    font-size: 14px;
    line-height: 30px;
}

.LifeList li.curr {
    width: 32%;
}

.LifeList li.curr .mask {
    background-image: url(../img/mask.png);
    background-color: rgba(0, 0, 0, 0);
}

.LifeList li.curr .mask .box {
    display: block;
}

/* 人才理念 */
.ideaBox .con {
    font-size: 16px;
    line-height: 36px;
    color: #636363;
    text-align: center;
}

.ideaBox dl dd {
    width: 43%;
    padding: 3%;
    float: left;
    background: #eaeaea;
}

.ideaBox dl dd:nth-child(2n) {
    float: right;
}

.ideaBox dl dd .box {
    padding-left: 160px;
    min-height: 120px;
}

.ideaBox dl dd .box .icon {
    position: absolute;
    left: 0;
    top: 0;
}

.ideaBox dl dd .box .title .name {
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #333;
    font-weight: bold;
}

.ideaBox dl dd .box .title i {
    display: block;
    margin-top: 6px;
    width: 50px;
    height: 1px;
    background: #d7bb5a;
}

.ideaBox dl dd .box .info {
    font-size: 14px;
    line-height: 30px;
    margin-top: 18px;
    color: #333;
}

.ideaList li {
    width: 49%;
    float: left;
    border-bottom: 2px solid #e9e9e9;
    margin-bottom: 4%;
}

.ideaList li:nth-child(2n) {
    float: right;
}

.ideaList li .effect-img {
    margin-top: 20px;
}

.ideaList li .effect-img img {
    display: block;
    width: 100%;
}

.ideaList li .con {
    padding: 24px;
    font-size: 16px;
    line-height: 36px;
    height: 72px;
    overflow: hidden;
    color: #636363;
}

/* 人才理念2 */
.ideaBox li {
    position: relative;
}

.ideaBox .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ideaBox .mask img {
    display: none;
    margin-bottom: 30px;
}

.ideaBox .mask .title {
    font-size: 36px;
    line-height: 60px;
}

.ideaBox .mask p {
    font-size: 24px;
    line-height: 50px;
}

/* 社会招聘 */
.JobList li .box {
    padding: 0 0 0 4%;
    background: #d7bb5a;
}

.JobList li .Titname {
    display: block;
    float: left;
    width: 20%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    line-height: 75px;
    height: 75px;
}

.JobList li .Titname:first-child {
    width: 60%;
    text-align: left;
}

.JobList li .Titname a {
    color: #fff;
}

.JobList li .name i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 20px;
    background-image: url(../img/jia2.png);
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center center;
}

.JobList li.lion .name i {
    background-image: url(../img/jian2.png);
}

.JobList li.lion .box {
    background: #6d492f;
}

.JobList li .Con {
    display: none;
    padding: 2.5% 4%;
    position: relative;
    border: 1px solid #bfbfbf;
    border-top: none;
}

.JobList li .Con .list {
    display: none;
    font-size: 16px;
    color: #494949;
    line-height: 30px;
    margin-bottom: 3%;
}

.JobList li .Con .list p {
    width: 48%;
    float: left;
}

.JobList li .Con .list p:nth-child(2n) {
    float: right;
}

.JobList li .Con dl {
    line-height: 34px;
    font-size: 16px;
    color: #333;
    margin-bottom: 3%;
}

.JobList li .Con dl dt {
    font-weight: bold;
}

.JobList li .Con .other {
    border-top: 1px solid #bfbfbf;
    padding-top: 2.5%;
}

.JobList li .Con .wx {
    float: right;
    width: 100px;
}

.JobList li .Con .btn a {
    display: inline-block;
    width: 114px;
    line-height: 36px;
    background: #6d492f;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-right: 20px;
    position: relative;
}

.JobList li .Con .btn a .file {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

/*应聘表单*/
.recruitform {
    margin: 0 auto;
    width: 580px;
}

.recruitform dl {
    margin-bottom: 20px;
    position: relative;
    padding-left: 66px;
}

.recruitform dl dt {
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: right;
    line-height: 40px;
    width: 50px;
    color: #4d4d4d;
    font-size: 16px;
}

.recruitform dl dd {
    border: 1px solid #e6e6e6;
    padding: 0px 10px;
    line-height: 38px;
    background: #fff;
}

.recruitform dl.noborder dd {
    border: none;
    padding: 0;
    background: none;
}

.recruitform dl dd .input {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    width: 100%;
}

.recruitform dl dd label {
    float: left;
    line-height: 40px;
    margin-right: 20px;
    font-size: 16px;
    color: #4d4d4d;
}

.recruitform dl dd label input.radio {
    margin-right: 8px;
}

.recruitform dl dd textarea {
    height: 148px;
    font-size: 14px;
    width: 100%;
}

.recruitform dl.btn {
    text-align: center;
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 0;
    padding: 0;
}

.recruitform dl.btn input {
    width: 120px;
    color: #fff;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    margin: 0 8px;
}

.recruitform dl.btn input.submit {
    background: #6d492f;
}

.recruitform dl.btn input.reset {
    background: #ccc;
}

/* 校园招聘 */
.Title04 {
    font-size: 16px;
    color: #bbb;
}

.Title04 i {
    color: #d7bb5a;
    display: none;
}

.Title04 .name {
    display: block;
    line-height: 30px;
    font-size: 28px;
    color: #333;
}

.Title04 em {
    display: none;
}

.JobSearch {
    width: 80%;
    margin: 0 auto 3%;
    border: 1px solid #ececec;
    background: #f8f8f8;
}

.JobSearch form {
    padding: 0 60px 0 25px;
    position: relative;
}

.JobSearch form .input {
    font-size: 18px;
    height: 60px;
    color: #c5c5c5;
    width: 100%
}

.JobSearch form .input::placeholder {
    color: #c5c5c5;
}

.JobSearch form .btn {
    position: absolute;
    width: 29px;
    height: 29px;
    right: 18px;
    top: 50%;
    margin-top: -14px;
    background: url(../img/btn2.png) no-repeat;
}

.CollegeList li {
    width: 24.8125%;
    margin: 0 0.25% 0.25% 0;
    float: left;
    text-align: center;
    background: #f8f8f8;
}

.CollegeList li:nth-child(4n) {
    margin-right: 0;
}

.CollegeList li a {
    display: block;
    padding: 8% 4%;
}

.CollegeList li .img {
    display: block;
    max-width: 162px;
    margin: 0 auto;
}

.CollegeList li .name {
    display: block;
    font-size: 16px;
    line-height: 36px;
    color: #2b2b2b;
}

.OnlineBox dl {
    width: 47%;
    float: left;
    position: relative;
    margin-bottom: 18px;
}

.OnlineBox dl:nth-child(2n) {
    float: right;
}

.OnlineBox dl dt {
    width: 80px;
    font-size: 16px;
    line-height: 36px;
    position: absolute;
    left: 0;
    top: 0;
    color: #333;
}

.OnlineBox dl dd {
    margin-left: 84px;
    border: 1px solid #d2d2d2;
    padding: 0px 10px;
}

.OnlineBox dl dd input,
.OnlineBox dl dd select {
    height: 34px;
    width: 100%;
    font-size: 16px;
    color: #666;
}

.OnlineBox dl.nobor dd {
    border: none;
    padding: 0;
}

.OnlineBox dl.nobor dd input[type=radio] {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-left: 8px;
}

.OnlineBox dl.nobor dd span {
    display: inline-block;
    margin-right: 30px;
    font-size: 16px;
}

.OnlineBox dl p {
    font-size: 14px;
    line-height: 18px;
    color: #999;
}

.OnlineBox .btn {
    display: block;
    width: 106px;
    height: 36px;
    color: #fff;
    background: #6d492f;
    text-align: center;
    margin: 2% auto 0;
}

.ShgyList {
    position: relative;
}

.ShgyList li {
    position: relative;
    margin-bottom: 3%;
}

.ShgyList li .effect-img span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.ShgyList li .effect-img {
    width: 44.5%;
    float: right;
    padding-top: 400px;
    z-index: 2;
    position: relative;
}

.ShgyList .con {
    color: #985f24;
    width: 52%;
    padding: 2% 0;
}

.ShgyList .title {
    font-size: 24px;
    line-height: 34px;
    line-height: 50px;
    color: #673c20;
    border-bottom: 1px solid #e6e6e6;
}

.ShgyList .info {
    color: #666666;
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px;
}

.ShgyList li:nth-child(2n) .effect-img {
    float: left;
}

.ShgyList li:nth-child(2n) .con {
    float: right;
}


/* 20-03-07 */
.wrap {
    max-width: 1280px;
    margin: 0 auto;
}

.CommonTit {
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: #393939;
}

.house_park01 .con {
    font-size: 16px;
    color: #333;
    line-height: 32px;
}

.business_cont {
    background: #f2f2f2;
}

.business_cont .pic {
    width: 50%;
    float: left;
}

.business_cont .pic img {
    display: block;
    width: 100%;
}

.business_cont .con {
    padding: 6%;
    width: 38%;
    float: left;
    font-size: 16px;
    line-height: 32px;
    color: #333;
}

.PicSwiper .swiper-slide {
    background: #f6f6f6;
}

.PicSwiper .swiper-slide .con {
    opacity: 0;
    margin-top: 20px;
    border-top: 1px solid #6b6b6f;
    border-bottom: 1px solid #6b6b6f;
    padding: 15px;
}

.PicSwiper .swiper-slide .con .title {
    font-size: 18px;
    color: #000;
    margin-bottom: 5px;
    line-height: 27px;
}

.PicSwiper .swiper-slide .con .info {
    font-size: 14px;
    color: #666;
    line-height: 21px;
}

.PicSwiper .swiper-slide-active .con {
    opacity: 1;
}

.HouseSlider .item .mask {
    background-color: rgba(255, 255, 255, 0.33);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}

.HouseSlider .item .title {
    opacity: 0;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
}

.HouseSlider .item:hover .title {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.HouseSlider .item:hover .mask {
    opacity: 0;
}

/* 20-03-09 */
.FloorBox .titles {
    float: left;
}

.FloorBox .titles .name {
    display: inline-block;
    font-size: 36px;
    line-height: 36px;
    color: #292929;
}

.FloorBox .titles img {
    display: none;
    vertical-align: top;
    margin-left: 35px;
}

.FloorBox .hd {
    float: right;
    width: 736px;
    height: 70px;
    overflow: hidden;
    text-align: right;
    position: relative;
    padding: 0 15px;
}

.FloorBox .hd li {
    width: 180px;
    margin: 0 2px;
}

.FloorBox .hd li a {
    display: block;
    text-align: center;
    padding: 13px 0;
    border: 2px solid #ddd;
    color: #666;
}

.FloorBox .hd li b {
    display: inline-block;
    line-height: 36px;
    vertical-align: middle;
    font-size: 28px;
    font-family: Arial;
}

.FloorBox .hd li span {
    width: 100px;
    display: none;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.FloorBox .hd li.on span {
    display: inline-block;
}

.FloorBox .hd li.on a {
    color: #fff;
    background: #c3bebe;
    border: 2px solid #c3bebe;
}

.FloorBox .hd .prevs,
.FloorBox .hd .nexts {
    width: 7px;
    height: 13px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.FloorBox .hd .prevs {
    left: 0px;
    background-image: url(../img/left3.png);
}

.FloorBox .hd .nexts {
    right: 0px;
    background-image: url(../img/right3.png);
}

.FloorBox .bd {
    margin-top: 3%;
}

.LinkBox {
    background: #fff;
}

.LinkBox li {
    width: 11.11111%;
    float: left;
}

.LinkBox li:nth-child(6n) {
    margin-right: 0;
}

.LinkBox li a {
    display: block;
    padding: 5px 10px;
    /*border: 1px solid #ebebeb;*/
}

.LinkBox .owl-carousel .owl-nav.disabled {
    display: block;
}

.LinkBox .owl-nav .owl-prev,
.LinkBox .owl-nav .owl-next {
    position: absolute;
    width: 15px;
    height: 26px;
    top: 50%;
    margin-top: -13px;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.LinkBox .owl-nav .owl-prev {
    left: -40px;
    background-image: url(../img/left3.png);
}

.LinkBox .owl-nav .owl-next {
    right: -40px;
    background-image: url(../img/right3.png);
}

#inFooter .box {
    margin: 0 10%;
}

#inFooter .le {
    float: left;
    margin-right: 30px;
}

#inFooter .le h2 {
    color: #3f3e55;
    font-size: 18px;
    margin-bottom: 6px;
}

#inFooter .le h3 {
    color: #3f3e55;
    font-size: 30px;
    margin-bottom: 16px;
}

#inFooter .le ul li {
    color: #898994;
}

#inFooter .le a {
    color: #898994;
}

#inFooter .unx {
    float: right;
    width: 132px;
    text-align: center;
}

#inFooter .unx img {
    display: inline-block;
    max-width: 120px;
    margin: 0 6px;
}


.JoinAbout .Selectbox {
    margin-left: 0;
    position: relative;
}

.JoinAbout .Selectbox .name {
    display: block;
    font-size: 16px;
    color: #6d492f;
    line-height: 28px;
    margin-bottom: 15px;
}

.JoinAbout .Selectbox select {
    width: 31.3333%;
    margin-right: 3%;
}

.JoinAbout .Selectbox select:nth-child(2n) {
    float: left;
}

.JoinAbout .Selectbox select:nth-child(4) {
    margin-right: 0;
}

.JoinAbout .hd li {
    width: 141px;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
}

.JoinAbout .hd li a {
    display: block;
    border: 1px solid #a0a0a0;
    line-height: 42px;
    font-size: 18px;
    color: #666;
}

.JoinAbout .hd li.on a {
    color: #fff;
    border: 1px solid #d7bb5a;
    background: #d7bb5a;
}


.CarStyle .hd li {
    width: 50%;
}

/* 20-03-31 */
.language {
    float: left;
    /* margin-left: 75px; */
}

.language a {
    display: inline-block;
    width: 30px;
    line-height: 20px;
    color: #fff;
    background: #bababa;
    border-radius: 5px;
    text-align: center;
    margin: 0 3px;
}

.language a.on {
    background: #828282;
}

.language a.on:hover {
    background: #d7bb5a;
}

.ChairmanMessage {
    background: #fff;
}

.newsInfos {
    width: 100%;
    height: 100%;
}

.newsInfos .newsCon {
    float: left;
    width: 65%;
    height: 100%;
}

.newsInfos .newsCon .newsConTittle {
    font-size: 26px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-weight: 700;
    text-align: left;
    background: rgb(216 216 216 / 10%);
}

.newsInfos .newsCon .newsConTips {
    font-size: 20px;
    padding: 30px 0;
    color: #BBBBBB;
    border-bottom: 1px solid #E4E4E4;
    background: rgb(216 216 216 / 10%);
}

.newsInfos .newsCon .newsConTips .newsConTipsIcon {
    float: left;
    margin-right: 30px;
}

.newsInfos .newsCon .newsConTips .newsConTipsIcons {
    float: right;
    margin-right: 30px;
}

.newsInfos .newsCon .newsConTips .newsConTipsIcons .newsIcon {
    font-size: 40px;
    border: 1px solid #BBBBBB;
    border-radius: 100%;
}

.newsInfos .newsCon .newsConBottom {
    font-size: 20px;
    line-height: 60px;
    height: 60px;
    color: #999999;
    border-top: 1px solid #E4E4E4;
    background: rgb(216 216 216 / 10%);
}

.newsInfos .newsCon .newsConBottom a {
    width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999999;
}

.newsInfos .newsCon .newsConBottom .newsConBottomPre {
    float: left;
}

.newsInfos .newsCon .newsConBottom .newsConBottomNext {
    float: right;
}

.newsInfos .newsCon .newsConRich {
    width: 100%;
}

.newsInfos .newsTips {
    float: right;
    width: 30%;
    height: 100%;
    border: 5px solid #F3F3F3;
    padding: 15px;
}

.newsInfos .newsTips .newsTipsTittle {
    font-size: 22px;
    font-weight: 700;
}

.newsInfos .newsTips .newsTipsCon {
    margin: 10px 0;
}

.newsInfos .newsTips .newsTipsCon .newsTipsConItem {
    padding: 10px 0;
    border-bottom: 1px solid #E4E4E4;
}

.newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft {
    float: left;
    width: calc(50% - 10px);
    font-size: 16px;
}

.newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemName {
    line-height: 20px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemTime {
    color: #BBBBBB;
    line-height: 20px;
    font-weight: 400;
    margin-top: 30px;
}

.newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemImg {
    float: right;
    width: calc(50% - 10px);
}

.newsInfos .newsTips .newsTipsCon .newsTipsConMore {
    margin-top: 10px
}

.newsInfos .newsTips .newsTipsCon .newsTipsConMore span {
    color: #d7bb5a;
    padding-right: 8px;
    text-transform: uppercase;
    display: inline-block;
}

.newsInfos .newsTips .newsTipsCon .newsTipsConMore i {
    display: inline-block;
    width: 14px;
    height: 7px;
    vertical-align: middle;
    background: url(../img/more2.png) no-repeat center center;
}

.TalentDevelopList {
    margin: 30px 0;
}

.TalentDevelopList .TalentDevelopOwl {
    width: 70%;
    float: left;
}

.TalentDevelopList .TalentDevelopOwl .tipscon {
    width: 100%;
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.TalentDevelopList .TalentDevelopOwl .tipscon:hover {
    white-space: normal
}

.TalentDevelopList .TalentDevelopOwl .tipscon span {
    font-size: 20px;
    color: #fff;
    text-align: left;
}

.TalentDevelopList .TalentDevelopOwl .owl-nav .owl-prev,
.TalentDevelopList .TalentDevelopOwl .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    right: auto;
    bottom: 0;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.TalentDevelopList .TalentDevelopOwl .owl-nav .owl-prev {
    right: 60px;
    background-image: url(../img/left.jpg);
}

.TalentDevelopList .TalentDevelopOwl .owl-nav .owl-next {
    right: 0;
    background-image: url(../img/right.jpg);
}

.TalentDevelopList .TalentDevelopOwl .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.TalentDevelopList .TalentDevelopOwl .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.TalentDevelopList .TalentDevelopOwl .owl-carousel.owl-drag .owl-item .item {
    width: 100%;
    height: 460px;
}

.TalentDevelopList .TalentDevelopOwl .owl-carousel.owl-drag .owl-item .item a {
    display: block;
    width: 100%;
    height: 100%;
}

.TalentDevelopList .TalentDevelopOwl .owl-carousel.owl-drag .owl-item .item a .tipsimg {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.TalentDevelopList .TalentDevelopOwl .owl-carousel.owl-drag .owl-item .item a .tipsimg img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

.TalentDevelopList .TalentDevelopUl {
    width: 30%;
    float: left;
    height: 460px;
    overflow-y: auto;
}

.TalentDevelopList .TalentDevelopUl::-webkit-scrollbar {
    display: none;
}

.TalentDevelopList .TalentDevelopUl li {
    padding: 15px 20px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.TalentDevelopList .TalentDevelopUl li a {
    width: 100%;
    height: 100%;
    display: block;
}

.TalentDevelopList .TalentDevelopUl .active {
    background-color: #F4EFE8;
    border-right: 4px solid #C39043;
}

.TalentDevelopList .TalentDevelopUl .active a {
    color: #7D552D;
    width: 100%;
    height: 100%;
    display: block;
}

.HotelList {
    margin: 30px 0;
    margin-bottom: 0;
}

.HotelList .HotelAll {
    display: none;
}

.HotelList .HotelAll:nth-child(1) {
    display: block;
}

.HotelList .HotelOwl {
    width: 60%;
    float: left;
}

.HotelList .HotelOwl .tipscon {
    width: 100%;
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    /* height: 100%; */
}

.HotelList .HotelOwl .tipscon span {
    font-size: 18px;
    color: #fff;
    text-align: left;
}

.HotelList .HotelOwl .owl-nav .owl-prev,
.HotelList .HotelOwl .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    right: auto;
    bottom: 0;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.HotelList .HotelOwl .owl-nav .owl-prev {
    right: 60px;
    background-image: url(../img/left.jpg);
}

.HotelList .HotelOwl .owl-nav .owl-next {
    right: 0;
    background-image: url(../img/right.jpg);
}

.HotelList .HotelOwl .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.HotelList .HotelOwl .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.HotelList .HotelOwl .owl-carousel.owl-drag .owl-item .item {
    width: 100%;
    height: 460px;
}

.HotelList .HotelOwl .owl-carousel.owl-drag .owl-item .item a {
    display: block;
    width: 100%;
    height: 100%;
}

.HotelList .HotelOwl .owl-carousel.owl-drag .owl-item .item a .tipsimg {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.HotelList .HotelOwl .owl-carousel.owl-drag .owl-item .item a .tipsimg img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

.HotelList .HotelUl {
    width: 40%;
    float: left;
    height: 460px;
    overflow-y: auto;
    background-color: #FAFAFB;
}

.HotelList .HotelUl::-webkit-scrollbar {
    display: none;
}

.HotelList .HotelUl li {
    padding: 15px 20px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.HotelList .HotelUl li a {
    width: 100%;
    height: 100%;
    display: block;
}

.HotelList .HotelUl li a .HotelLi640 {
    display: none;
}

.HotelList .HotelUl .active {
    background-color: #F4EFE8;
    border-right: 4px solid #C39043;
}

.HotelList .HotelUl .active a {
    color: #7D552D;
    width: 100%;
    height: 100%;
    display: block;
}

.TalentDevelopIdeaBox {
    width: 100%;
    height: 100%;
    background: #FAFAFB;
}

.TalentDevelopIdeaBox .TalentDevelopItemBox {
    padding: 20px;
    background: #FAFAFB;
    float: left;
    width: 50%;
}

.TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopImg {
    float: left;
    width: 150px;
}

.TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon {
    float: left;
    width: calc(100% - 150px);
    padding-left: 10px;
}

.TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon .TalentDeveloptips {
    color: #333333;
    font-size: 18px;
}

.TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon .TalentDevelopval {
    color: #666;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* white-space: nowrap; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: 90px;
}

.SocialNewsInfos {
    width: 100%;
    height: 100%;
}

.SocialNewsInfos .newsCon {
    width: 100%;
    height: 100%;
}

.SocialNewsInfos .newsCon .newsConTittle {
    font-size: 26px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-weight: 700;
    text-align: left;
    background: rgb(216 216 216 / 10%);
}

.SocialNewsInfos .newsCon .newsConTips {
    font-size: 20px;
    padding: 30px 0;
    color: #BBBBBB;
    border-bottom: 1px solid #E4E4E4;
    background: rgb(216 216 216 / 10%);
}

.SocialNewsInfos .newsCon .newsConTips .newsConTipsIcon {
    float: left;
    margin-right: 30px;
}

.SocialNewsInfos .newsCon .newsConTips .newsConTipsIcons {
    float: right;
    margin-right: 30px;
}

.SocialNewsInfos .newsCon .newsConTips .newsConTipsIcons .newsIcon {
    font-size: 40px;
    border: 1px solid #BBBBBB;
    border-radius: 100%;
}

.SocialNewsInfos .newsCon .newsConBottom {
    font-size: 20px;
    line-height: 60px;
    height: 60px;
    color: #999999;
    border-top: 1px solid #E4E4E4;
    background: rgb(216 216 216 / 10%);
}

.SocialNewsInfos .newsCon .newsConBottom a {
    width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999999;
}

.SocialNewsInfos .newsCon .newsConBottom .newsConBottomPre {
    float: left;
}

.SocialNewsInfos .newsCon .newsConBottom .newsConBottomNext {
    float: right;
}

.SocialNewsInfos .newsCon .newsConRich {
    width: 100%;
}

.ResidenceAbout {
    width: 100%;
}

.ResidenceAbout .item {
    width: 100%;
    height: 410px;
}

.ResidenceAbout .item a {
    display: block;
    width: 100%;
    height: 100%;
}

.ResidenceAbout .ResidenceTit {
    width: 35%;
    height: 100%;
    text-align: left;
    float: left;
}

.ResidenceAbout .ResidenceTit .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
    margin-top: 25%;
}

.ResidenceAbout .ResidenceTit .info {
    font-size: 16px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ResidenceAbout .ResidenceTit .titMore {
    width: 100px;
    color: #7D552D;
    text-align: left;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ResidenceAbout .ResidenceTit .titMore i {
    font-size: 12px;
}


.ResidenceAbout .SuperMarketTit {
    width: 35%;
    height: 100%;
    text-align: left;
    float: left;
}

.ResidenceAbout .SuperMarketTit .titles {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.ResidenceAbout .SuperMarketTit .info {
    font-size: 16px;
    color: #666666;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}

.ResidenceAbout .effect-img {
    float: left;
    width: 65%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.ResidenceAbout .effect-img img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

.ResidenceAbout .owl-nav .owl-prev,
.ResidenceAbout .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    left: auto;
    top: auto;
    bottom: 0;
    margin-top: 0;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.ResidenceAbout .owl-nav .owl-prev {
    left: calc(35% - 100px);
    bottom: 0;
    border-radius: 50%;
    background-image: url(../img/left.jpg);
}

.ResidenceAbout .owl-nav .owl-next {
    left: calc(35% - 50px);
    bottom: 0;
    border-radius: 50%;
    background-image: url(../img/right.jpg);
}

.ResidenceAbout .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.ResidenceAbout .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.ResidenceDetails {
    width: 100%;
    min-height: 410px;
}

.banallbox {
    position: absolute;
    bottom: 0;
    line-height: 50px;
    height: 50px;
    width: 100%;
}

.banallbox .banbox {
    color: #fff;
    font-size: 22px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
}

.ResidenceDetails .ResidenceDetailsIntroduce {
    float: left;
    width: 60%;
    border: 1px solid #E4E4E4;
    padding: 20px;
    min-height: 410px;
    position: relative;
}

.ResidenceDetails .ResidenceDetailsIntroduce .reline {
    position: absolute;
    top: 0;
    left: 20px;
    height: 5px;
    width: 50px;
    height: 5px;
    background: #7D552D;
}

.ResidenceDetails .ResidenceDetailsIntroduce .topic {
    color: #7D552D;
    font-size: 26px;
    margin-bottom: 10px;
}

.ResidenceDetails .ResidenceDetailsIntroduce .content {
    line-height: 32px;
    color: #666666;
}

.ResidenceDetails .ResidenceDetailsInformation {
    float: right;
    width: 35%;
    padding: 20px;
    background: #F4EFE8;
    position: relative;
    min-height: 410px;
}

.ResidenceDetails .ResidenceDetailsInformation .reline {
    position: absolute;
    top: 0;
    left: 20px;
    height: 5px;
    width: 50px;
    height: 5px;
    background: #7D552D;
}

.ResidenceDetails .ResidenceDetailsInformation .tips {
    color: #7D552D;
    font-size: 26px;
    margin-bottom: 10px;
}

.ResidenceDetails .ResidenceDetailsInformation .infos {
    line-height: 32px;
    color: #7D552D;
}

.ResidenceDetails .ResidenceDetailsInformation .infos .infostit {
    display: inline-block;
    width: 130px;
    vertical-align: top;
}

.ResidenceDetails .ResidenceDetailsInformation .infos .infoscon {
    display: inline-block;
    width: calc(100% - 140px);
}

.ResidenceDetails .ResidenceDetailsInformation .infos .infostiten {
    width: initial;
}

.ResidenceDetails .ResidenceDetailsInformation .infos .infosconen {
    width: initial;
}

.BanTips {
    color: #7D552D;
    font-size: 26px;
    text-align: center;
    margin-bottom: 20px;
}

.BanTips span {
    padding-bottom: 10px;
    display: inline-block;
    border-bottom: 1px solid #7D552D;
}

.BanImg {
    width: 100%;
    height: 410px;
    margin-bottom: 25px;
}

.BanImg .item {
    width: 100%;
    height: 410px;
}

.BanImg .item .effect-img {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.BanImg .item .effect-img img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

.BanImg .item .itemTit {
    position: absolute;
    bottom: 0;
    padding: 5px 20px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
}

.BanImg .item .itemTits {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    left: 0;
    text-align: left;
}

.BanImg .item .itemTits .tip {
    font-size: 24px;
    margin-bottom: 20px;
}

.BanImg .item .itemTits .con {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    opacity: 0.8;
}

.BanImg .owl-nav .owl-prev,
.BanImg .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    left: auto;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    margin-top: 0;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.BanImg .owl-nav .owl-prev {
    left: 25%;
    background-image: url(../img/left.jpg);
}

.BanImg .owl-nav .owl-next {
    right: 25%;
    background-image: url(../img/right.jpg);
}

.BanImg .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.BanImg .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.CoBrand {
    width: 100%;
    height: 250px;
    margin-top: 30px;
}

.CoBrand .item {
    width: 100%;
    height: 250px;
}

.CoBrand .item .effect-img {
    float: left;
    width: 100%;
    height: calc(50% - 10px);
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.CoBrand .item .effect-img img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100% !important;
    object-fit: cover;
}

.CoBrand .owl-nav .owl-prev,
.CoBrand .owl-nav .owl-next {
    position: absolute;
    width: 42px;
    height: 42px;
    left: auto;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    margin-top: 0;
    line-height: 1000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}

.CoBrand .owl-nav .owl-prev {
    left: -30px;
    background-image: url(../img/left.jpg);
}

.CoBrand .owl-nav .owl-next {
    right: -30px;
    background-image: url(../img/right.jpg);
}

.CoBrand .owl-nav .owl-prev:hover {
    background-image: url(../img/left2.jpg);
}

.CoBrand .owl-nav .owl-next:hover {
    background-image: url(../img/right2.jpg);
}

.lifeno,
.life640 {
    text-decoration: none;
    list-style-type: none;
    margin: 30px 0;
}

.lifeno .LifeInfoItem,
.life640 .LifeInfoItem {
    float: left;
    width: 32%;
    text-align: center;
    padding-top: 31%;
    margin-left: 1%;
    margin-top: 1%;
    position: relative;
}

.lifeno .LifeInfoItem .LifeInfodiv,
.life640 .LifeInfoItem .LifeInfodiv {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FAFAFB;
}

.lifeno .LifeInfoItem .LifeInfodiv img,
.life640 .LifeInfoItem .LifeInfodiv img {
    width: 100%;
    height: 100% !important;
}

.lifeno .LifeInfoItem .LifeInfodiv .LifeInfoCon,
.life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon {
    /* display: inline-block; */
    margin-top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lifeno .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoContips,
.life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoContips {
    color: #7D552D;
    font-size: 22px;
    display: inline-block;
    border-bottom: 2px solid #7D552D;
}

.lifeno .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoCons,
.life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoCons {
    color: #999999;
    display: block;
    padding: 20px;
}

.lifeno .LifeInfoItem:nth-child(6) {
    margin-left: -32%;
    background: #000000;
    opacity: 0.7;
}

.lifeno .LifeInfoItem:nth-child(6) .LifeInfodiv {
    background: #000000;
    opacity: 0.7;
}

.lifeno .LifeInfoItem:nth-child(6) .LifeInfodiv .LifeInfoCon .LifeInfoContips {
    color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}

.lifeno .LifeInfoItem:nth-child(6) .LifeInfodiv .LifeInfoCon .LifeInfoCons {
    color: #FFFFFF;
}

.LifeImg {
    margin-left: 1%;
}

.LifeImg img {
    width: 100%;
}

.lifeno {
    display: block;
}

.life640 {
    display: none;
}

.knowsAllInfo {
    width: 100%;
    margin-top: 30px;
    background: #FAFAFB;
}

.knowsAllInfo .chairimg {
    width: 50%;
    float: left;
}

.knowsAllInfo .chairimg img {
    width: 100%;
}

.knowsAllInfo .knowsList {
    width: 50%;
    float: left;
    padding: 30px;
}

.knowsAllInfo .knowsList .knowsTit {
    font-size: 32px;
    color: #7D552D;
    text-align: left;
}

.knowsAllInfo .knowsList .knowsCon {
    font-size: 18px;
    color: #666666;
    text-align: left;
    margin: 30px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.wyknowsAllInfo .knowsList .knowsCon {
    -webkit-line-clamp: 6;
}

.knowsAllInfo .knowsList .knowsknowsList {
    width: 100%;
    text-align: left;
}

.knowsAllInfo .knowsList .knowsknowsList dl {
    margin: 0;
    text-align: center;
    width: 100%;
}

.knowsAllInfo .knowsList .knowsknowsList dl dd {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.knowsAllInfo .knowsList .knowsknowsList dl dd .line {
    border-right: 1px solid #dadada;
    padding: 0;
}

.knowsAllInfo .knowsList .knowsknowsList dl dd:last-child .line {
    border-right: none;
}

.knowsAllInfo .knowsList .knowsknowsList dl dd p {
    font-size: 16px;
    color: #666666;
    line-height: 22px;
    height: 44px;
}

.knowsAllInfo .knowsList .knowsknowsList dl dd .num {
    display: block;
    font-size: 18px;
    color: #7D552D;
}

.knowsAllInfo .knowsList .knowsknowsList dl dd .num .counter {
    font-size: 44px;
}

.PropertyList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.PropertyList .PropertyItem {
    width: 23%;
    padding: 20px;
    background: #FAFAFB;
    position: relative;
    margin-bottom: 20px;
}

.PropertyList .PropertyItem .conTitles {
    font-size: 24px;
    color: #666666;
}

.PropertyList .PropertyItem .conBottom {
    margin-top: 20px;
}

.PropertyList .PropertyItem .conBottom .conTimes {
    color: #666666;
    line-height: 30px;
}

.PropertyList .PropertyItem .conBottom .conTimesIcon {
    position: absolute;
    bottom: 30px;
    right: 20px;
    font-size: 80px;
    color: #999999;
    opacity: 0.1;
}

.HotLine {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    background: #FAFAFB;
}

.HotLine .HotLineItem {
    width: 40%;
    padding: 20px;
}

.HotLine .HotLineItem:last-child {
    width: 20%;
}

.HotLine .HotLineItem .hotTit {
    color: #333333;
    font-size: 24px;
}

.HotLine .HotLineItem .hotimg {
    width: 100%;
}

.HotLine .HotLineItem .hotimg img {
    width: 50%;
}

.HotLine .HotLineItem .hotcon {
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    margin-top: 20px;
}

.HotelBook {
    margin-top: 20px;
}

.HotelBook button {
    background: #C39043;
    color: #fff;
    padding: 10px 20px;
    border: none;
}

.HotelBook i {
    font-size: 12px;
}

.HealthList {
    width: 100%;
    margin-top: 20px;
}

.HealthList .HealthUl {
    width: 80%;
    margin: auto;
    background: #F4EFE8;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.HealthList .HealthUl .HealthLi {
    width: 24%;
    min-width: 170px;
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #7D552D;
    font-size: 16px;
}

.HealthList .HealthUl .active {
    color: #fff;
    background: #C39043;
}

.ScienceLine {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
}

.ScienceLine .ScienceItem {
    padding: 20px;
    font-size: 16px;
}

.ScienceLine .ScienceItem:nth-child(1) {
    width: 60%;
}

.ScienceLine .ScienceItem:nth-child(2) {
    width: 25%;
}

.ScienceLine .ScienceItem:nth-child(3) {
    width: 15%;
    margin: auto 0;
}

.ScienceLine .ScienceItem .ScienceTit {
    color: #333333;
    font-size: 16px;
}

.ScienceLine .ScienceItem .Sciencecons {
    color: #666666;
}

.ScienceLine .ScienceItem .Sciencecon {
    color: #666666;
}

.ScienceLine .ScienceItem:nth-child(3) .Scienceimg {
    width: 100%;
}

.ScienceLine .ScienceItem:nth-child(3) .Scienceimg img {
    width: 100%;
}

/* 媒体查询 */
@media (max-width:1440px) {
    .Logo {
        width: 140px;
        padding: 10px 0px;
    }

    .Nav li .am {
        line-height: 61px;
        font-size: 14px;
    }

    .w1440,
    .auto {
        margin: 0 15px;
    }

    .Single {
        max-width: 1200px;
    }

    .HomeBody .box1 {
        min-height: 450px;
    }

    .HomeBody .box2 {
        min-height: 550px;
    }

    .HomeBody .box3 {
        min-height: 550px;
    }

    .HomeBody .box4 {
        min-height: 370px;
    }

    .HomeBody .box5 {
        min-height: 370px;
    }

    .HomeBody .box6 {
        min-height: 320px;
    }

    .HomeBody .box7 {
        min-height: 320px;
    }

    .indexHomeTit .titles {
        font-size: 26px;
    }

    .chairHomeAbout .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;

    }

    .chairHomeAbout .titles {
        font-size: 30px;
    }

    .chairHomeAbout .info {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .GroupHomeAbout .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .GroupHomeAbout .titles {
        font-size: 30px;
    }

    .GroupHomeAbout .info {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .GroupRoomAbout .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .GroupRoomAbout .titles {
        font-size: 30px;
    }

    .GroupRoomAbout .info {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 36px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge {
        width: 80%;
        padding: 20px;
        position: absolute;
        left: 0px;
        top: 10%;
        text-align: left;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd {
        width: 24%;
        display: inline-block;
        vertical-align: top;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd p {
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        height: 40px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd .num {
        display: block;
        font-size: 16px;
        color: #fff;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd .num .counter {
        font-size: 36px;
    }

    .GroupCommerceAbout .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .GroupCommerceAbout .titles {
        font-size: 30px;
    }

    .GroupCommerceAbout .info {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 36px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge {
        width: 60%;
        padding: 20px;
        position: absolute;
        left: 0px;
        top: 25%;
        text-align: left;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd {
        width: 32%;
        display: inline-block;
        vertical-align: top;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd p {
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        height: 40px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd .num {
        display: block;
        font-size: 16px;
        color: #fff;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd .num .counter {
        font-size: 36px;
    }

    .GroupShopeAbout .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .GroupShopeAbout .titles {
        font-size: 30px;
    }

    .GroupShopeAbout .info {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 36px;
    }

    .GroupShopeAbout .infoImg .shopCon {
        padding: 20px;
    }

    .GroupShopeAbout .infoImg .shopCon .shopConTip {
        font-size: 24px;
        color: #7D552D;
        padding-bottom: 10px;
    }

    .GroupShopeAbout .infoImg .shopCon .shopConInfos span {
        font-size: 16px;
    }

    .searchAll .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .searchAll .titles {
        font-size: 30px;
    }

    .searchAll .searchList .searchItem a {
        height: 175px
    }

    .searchAll .searchList .searchItem .con .conTitles {
        font-size: 18px;
        line-height: 30px;
        height: 30px;
    }

    .searchAll .searchList .searchItem .con .conBottom {
        margin-top: 30px;
        font-size: 16px;
    }

    .businesshAll {
        /* margin-left: 35%; */
    }

    .businesshAll .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .businesshAll .titles {
        font-size: 30px;
    }

    .businesshAll .businessList {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 30px;
    }

    .businesshAll .businessList .businessItem {
        width: 45%;
    }

    .businesshAll .businessList .businessItem .con {
        height: 70px;
        line-height: 70px;
    }

    .businesshAll .businessList .businessItem .con .conTitles {
        font-size: 24px;
    }

    .businesshAll .businessList .businessItem .con .conMore {
        float: right;
    }

    .businesshAll .businessList .businessItem .con .conMore span {
        font-size: 16px;
    }

    .businesshAll .businessList .businessItem .contipsbox {
        max-height: 180px;
    }

    .businesshAll .businessList .businessItem .contipsbox ul li {
        font-size: 16px;
    }

    .investorAll {
        /* margin-left: 35%; */
    }

    .investorAll .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .investorAll .titles {
        font-size: 30px;
    }

    .investorAll .investorList {
        margin-top: 25px;
    }

    .investorAll .investorList .investorItem {
        /* width: 30%; */
        padding: 15px;
    }

    .investorAll .investorList .investorItem .conTitles {
        font-size: 18px;
        padding-bottom: 15px;
    }

    .investorAll .investorList .investorItem .conBottom {
        margin-top: 15px;
        font-size: 14px;
        min-height: 132px;
    }

    .investorAll .investorList .investorItem .conBottom .conTimes {
        height: 36px;
        line-height: 36px;
    }

    .investorAll .investorList .investorItem .conBottom .conTimes:nth-child(1) {
        height: 50px;
        line-height: 25px;
    }

    .investorAll .investorList .investorItem .conBottom .conTimesIcon {
        bottom: 25px;
        right: 15px;
        font-size: 50px;
    }

    .MemorabiliaList {}

    .MemorabiliaList .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .MemorabiliaList .titles {
        font-size: 30px;
    }

    .MemorabiliaList .infoList {
        margin-bottom: 30px
    }

    .MemorabiliaList .infoList .item {
        padding: 20px;
        border-right: 1px solid #7D552D;
        max-height: 450px;
        overflow: hidden;
        overflow-y: auto;
    }

    .MemorabiliaList .infoList .item .effect-title {
        font-size: 24px;
    }

    .MemorabiliaList .infoList .item .con {
        width: 100%;
    }

    .MemorabiliaList .infoList .item .info {
        font-size: 18px;
        color: #666666;
        text-align: left;
        margin-top: 15px;
        /* margin-bottom: 15px; */
        position: relative;
    }

    .MemorabiliaList .infoList .item .info .infotips {
        width: 10px;
        height: 10px;
        color: #C39043;
        float: left;
        border-radius: 50%;
        background-color: #C39043;
        position: absolute;
        top: calc(50% - 5px);
    }

    .MemorabiliaList .infoList .item .info .infocon {
        float: left;
        margin-left: 20px;
    }

    .ManagementList .tips {
        color: #CDCDCD;
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .ManagementList .titles {
        font-size: 30px;
    }

    .ManagementList .infoList {
        margin-top: 20px;
    }

    .ManagementList .infoList .infoListItem {
        padding: 20px;
        padding-right: 50px;
        background-color: #F4EFE8;
        background-image: url(../img/boxbg4.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% auto;
        position: relative;
        margin-bottom: 15px;
    }

    .ManagementList .infoList .infoListItem .chairimg {
        width: 15%;
        float: left;
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 20px;
    }


    .ManagementList .infoList .infoListItem .introduceInfo {
        width: 85%;
        float: left;
        margin-left: 15%;
        min-height: 150px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle {}

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle .introduceCNname {
        display: inline-block;
        /* width: 100px; */
        color: #7D552D;
        font-size: 24px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle .introduceENname {
        font-family: HK Grotesk-Light Italic !important;
        font-weight: 300;
        color: #999999;
        display: inline-block;
        font-style: italic;
        font-size: 14px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceContent {
        font-size: 16px;
        color: #666666;
        text-align: left;
        line-height: 22px;
    }

    .indexNewTit .titles {
        font-size: 30px;
    }

    .indexNewTit .info {
        font-size: 32px
    }

    .indexHomeTit .info {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 22px;
    }

    .indexNewAbout .item .effect-img {
        height: 220px;
    }

    .indexNewAbout .item .con .name {
        font-size: 18px;
        line-height: 30px;
        height: 30px;
    }

    .indexNewAbout .item .con .info {
        font-size: 14px;
        line-height: 20px;
    }

    .indexNewAbout .item .con .more {
        line-height: 20px;
    }

    .HomeNews .owl-nav .owl-prev,
    .HomeNews .owl-nav .owl-next,
    .indexNewAbout .owl-nav .owl-prev,
    .indexNewAbout .owl-nav .owl-next {
        width: 36px;
        height: 36px;
    }

    .MemorabiliaList .owl-nav .owl-prev,
    .MemorabiliaList .owl-nav .owl-next {
        width: 36px;
        height: 36px;
        bottom: -70px;
    }

    .Banner .swiper-container-horizontal>.swiper-pagination-bullets {
        width: auto;
        left: 15px;
        right: 15px;
        margin-left: 0;
        text-align: center;
    }

    .ShgyList .Stit {
        left: 50px;
        top: 1%;
    }

    .ShgyList li {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .ShgyList .title {
        font-size: 20px;
        line-height: 40px;
        height: 56px;
    }

    .ShgyList .info {
        margin-top: 20px;
    }

    .ShgyList li .effect-img {
        padding-top: 400px;
    }

    .gisCon {
        margin: 30px 0;
        border: 1px solid #f1f0f08a;
        position: relative;
    }

    .gisCon .gitmapTips {
        width: 30%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background-color: #f1f0f08a;
    }

    .gisCon .gitmaptit {
        position: absolute;
        left: 20px;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .gisCon .gitmaptit .gitmaptit1 {
        font-size: 22px;
    }

    .gisCon .gitmaptit .gitmaptit2 {
        font-size: 16px;
        margin: 10px 0;
    }

    .gisCon .gitmaptit .gitmaptit3 {
        font-size: 16px;
    }

    .gisCon .gitmaptit .gitmaptit4 {
        font-size: 16px;
    }

    .gisCon .gitmaptit .gitmaptit5 {
        font-size: 16px;
        margin-top: 10px;
    }

    .gisCon .gitmaptit .gitmaptit6 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    #mapContainer {
        width: 70%;
        margin-left: 30%;
        height: 455px;
    }

    #mapContainer iframe {
        width: 100%;
        height: 100%;
    }

    /* #mapContainer .con1920,
    #mapContainer .con1024,
    #mapContainer .con992,
    #mapContainer .con768,
    #mapContainer .con640,
    #mapContainer .con400 {
        display: none;
    }

    #mapContainer .con1440 {
        display: block;
    } */

    .newsInfos .newsCon .newsConTittle {
        font-size: 18px;
        line-height: 30px;
        height: 30px;
    }

    .newsInfos .newsCon .newsConTips {
        font-size: 16px;
        padding: 15px 0;
    }

    .newsInfos .newsCon .newsConTips .newsConTipsIcons .newsIcon {
        font-size: 30px;
    }

    .newsInfos .newsCon .newsConBottom {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
    }

    .newsInfos .newsTips {
        padding: 10px;
    }

    .newsInfos .newsTips .newsTipsTittle {
        font-size: 18px;
    }

    .newsInfos .newsTips .newsTipsCon {
        margin: 0;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem {
        padding: 10px 0;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemName {
        line-height: 18px;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemTime {
        line-height: 18px;
        font-size: 14px;
        margin-top: 10px;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemTime .iconfont {
        font-size: 12px;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConMore {
        font-size: 14px;
    }

    .SocialResponseList .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .SocialResponseList .titles {
        font-size: 30px;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceTitle .introduceENname {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceTitle .introduceCNname {
        font-size: 30px;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceContent {
        font-size: 16px;
        margin-top: 30px;
    }

    .SocialResponseList #infoAllList li .tipscon {
        padding: 20px;
    }

    .SocialResponseList #infoAllList li .tipscon span {
        font-size: 22px;
    }

    .SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item .item {
        height: 350px;
    }

    .SocialResponseList .SocialResponseUl {
        height: 350px;
    }

    .SocialResponseList .SocialResponseUl li {
        padding: 10px 15px;
        font-size: 16px;
    }

    .ESGList .tips {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .ESGList .titles {
        font-size: 30px;
    }

    .ESGList .infoAll .introduceInfo .introduceTitle .introduceENname {
        font-size: 24px;
        height: 32px;
        line-height: 32px;
    }

    .ESGList .infoAll .introduceInfo .introduceTitle .introduceCNname {
        font-size: 30px;
    }

    .ESGList .infoAll .introduceInfo .introduceContent {
        font-size: 16px;
        margin-top: 20px;
    }

    .ESGList #infoAllList li .tipscon {
        padding: 20px;
    }

    .ESGList #infoAllList li .tipscon span {
        font-size: 22px;
    }

    .ESGList .ESGOwl .owl-carousel.owl-drag .owl-item .item {
        height: 350px;
    }

    .ESGList .ESGUl {
        height: 350px;
    }

    .ESGList .ESGUl li {
        padding: 10px 15px;
        font-size: 16px;
    }

    .TalentConceptTit .tipscon .tipsconTitle {
        font-size: 28px;
    }

    .TalentConceptTit .tipscon .tipsconTips {
        font-size: 20px;
    }

    .TalentConceptTit .tipscon .tipsconval {
        font-size: 22px;
    }

    .TalentConceptAbout .owl-nav .owl-prev,
    .TalentConceptAbout .owl-nav .owl-next {
        width: 36px;
        height: 36px;
    }

    .TalentDevelopList .TalentDevelopOwl .tipscon {
        padding: 15px;
    }

    .TalentDevelopList .TalentDevelopOwl .tipscon span {
        font-size: 18px;
    }

    .TalentDevelopList .TalentDevelopOwl .owl-carousel.owl-drag .owl-item .item {
        width: 100%;
        height: 350px;
    }

    .TalentDevelopList .TalentDevelopUl {
        height: 350px;
    }

    .TalentDevelopList .TalentDevelopUl li {
        padding: 10px 15px;
        font-size: 16px;
    }

    .HotelList .HotelOwl .tipscon {
        padding: 15px;
    }

    .HotelList .HotelOwl .tipscon span {
        font-size: 14px;
    }

    .HotelList .HotelOwl .owl-carousel.owl-drag .owl-item .item {
        width: 100%;
        height: 350px;
    }

    .HotelList .HotelUl {
        height: 350px;
    }

    .HotelList .HotelUl li {
        padding: 10px 15px;
        font-size: 16px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox {
        padding: 15px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopImg {
        width: 150px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon .TalentDeveloptips {
        font-size: 16px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon .TalentDevelopval {
        font-size: 14px;
    }

    .ResidenceAbout .item {
        height: 370px;
    }

    .ResidenceAbout .ResidenceTit .titles {
        font-size: 30px;
    }

    .ResidenceAbout .ResidenceTit .info {
        margin-top: 15px;
        margin-bottom: 15px;
        line-height: 30px;
    }

    .ResidenceAbout .SuperMarketTit .titles {
        font-size: 30px;
    }

    .ResidenceAbout .SuperMarketTit .info {
        margin-top: 15px;
        margin-bottom: 15px;
        line-height: 30px;
    }

    .ResidenceAbout .owl-nav .owl-prev,
    .ResidenceAbout .owl-nav .owl-next {
        width: 36px;
        height: 36px;
    }

    .banallbox .banbox {
        font-size: 20px;
    }

    .ResidenceDetails {
        width: 100%;
        min-height: 475px;
    }

    .ResidenceDetails .ResidenceDetailsIntroduce {
        min-height: 475px;
    }

    .ResidenceDetails .ResidenceDetailsIntroduce .topic {
        font-size: 24px;
    }

    .ResidenceDetails .ResidenceDetailsIntroduce .content {
        line-height: 30px;
    }

    .ResidenceDetails .ResidenceDetailsInformation {
        min-height: 475px;
    }

    .ResidenceDetails .ResidenceDetailsInformation .tips {
        font-size: 24px;
    }

    .ResidenceDetails .ResidenceDetailsInformation .infos {
        line-height: 30px;
    }

    .BanTips {
        font-size: 24px;
    }

    .BanImg {
        height: 350px;
    }

    .BanImg .item {
        height: 350px;
    }

    .BanImg .owl-nav .owl-prev,
    .BanImg .owl-nav .owl-next {
        width: 38px;
        height: 38px;
    }

    .BanImg .item .itemTits .tip {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .BanImg .item .itemTits .con {
        font-size: 14px;
    }

    .CoBrand .owl-nav .owl-prev,
    .CoBrand .owl-nav .owl-next {
        width: 38px;
        height: 38px;
    }

    .lifeno .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoContips,
    .life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoContips {
        font-size: 20px;
    }

    .lifeno .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoCons,
    .life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoCons {
        padding: 15px;
    }

    .knowsAllInfo {}

    .knowsAllInfo .knowsList {
        padding: 20px;
    }

    .knowsAllInfo .knowsList .knowsTit {
        font-size: 28px;
    }

    .knowsAllInfo .knowsList .knowsCon {
        margin: 20px 0;
        font-size: 16px;
        line-height: 30px;
    }

    .knowsAllInfo .knowsList .knowsknowsList dl dd p {
        font-size: 14px;
        line-height: 20px;
        height: 30px;
    }

    .knowsAllInfo .knowsList .knowsknowsList dl dd .num {
        font-size: 14px;
    }

    .knowsAllInfo .knowsList .knowsknowsList dl dd .num .counter {
        font-size: 34px;
    }

    .PropertyList .PropertyItem .conTitles {
        font-size: 22px;
    }

    .PropertyList .PropertyItem .conBottom {
        margin-top: 10px;
    }

    .HotLine .HotLineItem .hotTit {
        font-size: 22px;
    }

    .HotLine .HotLineItem .hotcon {
        font-size: 26px;
    }

    .ScienceLine .ScienceItem {
        font-size: 14px;
    }

    .ScienceLine .ScienceItem .ScienceTit {
        color: #333333;
        font-size: 16px;
    }

    .ScienceLine .ScienceItem .Sciencecons {
        color: #666666;
    }

    .ScienceLine .ScienceItem .Sciencecon {
        color: #666666;
    }

}

@media (max-width:1366px) {
    .wrap {
        padding: 0 15px;
    }

    .CommonTit {
        font-size: 24px;
    }
}

@media (max-width:1200px) {
    .Single {
        max-width: 1100px;
    }

    .w1200 {
        margin: 0 15px;
    }

    .OfficeBox .title {
        font-size: 24px;
    }

    .Projectinfo ul li {
        width: 48%;
        margin-right: 0;
    }

    .Projectinfo ul li:nth-child(2n) {
        float: right;
    }

    .Matching .con .bd {
        padding: 20px 0 0;
    }

    .Matching .pic,
    .Matching .con {
        width: auto;
        float: none;
    }

    .Matching .pic img {
        height: auto;
    }

    .TabList .thead li {
        line-height: 24px;
        height: 48px;
        font-size: 16px;
    }

    .NewsTop li .con .date span {
        font-size: 24px;
    }

    .NewsTop li .effect-img img {
        height: 211px;
    }

    .NewsList li .effect-img span {
        height: 180px;
    }

    .NewsList li .txt {
        padding: 3% 15px 3% 110px;
    }
}

@media (max-width:1024px) {

    .footInfoItem {
        width: 25%;
    }

    .footInfoItem:nth-child(1) {
        width: 50%;
    }

    .Logo {
        padding: 10px 0px;
    }

    .BanTxt {
        padding: 150px 0 80px;
    }

    .BanTxt h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .BanTxt i {
        margin-top: 10px;
    }

    .house_banner h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .house_banner_p li {
        width: 48%;
        margin: 0;
    }

    .house_banner_p li:nth-child(2n) {
        float: right;
    }

    .Topinfo {
        right: 60px;
    }

    .HomeBody .Topinfo,
    .Topinfo {
        border-left: none;
        padding-left: 0;
    }

    .Logo {
        width: 140px;
    }

    .header_menu {
        display: block;
        background-image: url(../img/navicon.png);
        position: absolute;
        top: 50%;
        right: 0px;
        margin-top: -12px;
        width: 20px;
        height: 24px;
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 9;
    }

    .Showbox {
        width: 30%;
        height: 100%;
        background: rgba(0, 0, 0, .95);
        overflow: auto;
        overflow-x: none;
        position: fixed;
        z-index: 9990;
        top: 0;
        right: -100%;
    }

    .Showbox .close_bar {
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, .95);
        border-bottom: 1px solid #e8e8e8;
        text-align: right;
    }

    .Showbox .close_bar a {
        background: url(../img/menu_close_btn.png) no-repeat;
        width: 20px;
        height: 20px;
        background-size: cover;
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
        transition: transform ease-in 0.3s;
    }

    .Showbox .close_bar a:hover {
        transform: rotate(180deg);
    }

    .Nav {
        background: none;
        margin-top: 50px;
        width: 100%;
    }

    .Nav li {
        float: none;
        width: 100%;
        text-align: left;
        padding: 0;
        background: none;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    .Nav li#na70 {
        width: 100%;
    }

    .Nav li#na101,
    .Nav li#na102,
    .Nav li#na103 {
        display: none;
    }

    .Nav li .am {
        display: block;
        padding: 5px 0px;
        color: #fff;
        line-height: 40px;
        font-size: 16px;
        padding-left: 40px
    }

    .Nav li:hover .am,
    .Nav li.active .am {
        border-bottom: none;
    }

    .Nav li i {
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        right: 0px;
        top: 10px;
    }

    .Nav li .SubNav {
        position: static;
        background: none;
        padding: 0px;
        width: 100%;
        margin-left: 0;
    }

    .Nav li .SubNav a {
        padding-left: 60px;
        text-align: left;
        display: block;
        font-size: 14px;
        line-height: 30px;
    }

    .Nav li.on i {
        background-image: url(../img/jian.png);
    }

    .Nav li.on .SubNav {
        display: block;
    }

    .Contactinfo {
        padding: 3% 0;
    }

    .Contactinfo select {
        margin: 0 auto 15px;
        float: none;
        display: block;
    }

    .Contactinfo dl,
    .share {
        width: auto;
        float: none;
    }

    .links {
        margin-bottom: 10px;
    }

    .links a {
        margin: 0 10px;
    }

    .Bottom {
        padding: 5px 0;
    }

    .Bottom .con span {
        font-size: 12px;
    }

    .Bottom a {
        font-size: 12px;
    }

    .CallFix {
        width: 50px;
    }


    .HomeBody .box1 {
        min-height: 400px;
    }

    .HomeBody .box2 {
        min-height: 450px;
    }

    .HomeBody .box3 {
        min-height: 500px;
    }

    .HomeBody .box4 {
        min-height: 340px;
    }

    .HomeBody .box5 {
        min-height: 370px;
    }

    .HomeBody .box6 {
        min-height: 370px;
    }

    .HomeBody .box7 {
        min-height: 270px;
    }

    .box2 {
        padding: 0;
    }

    .HomeTit {
        position: static;
        width: 100%;
        height: auto !important;
        margin-bottom: 4%;
    }

    .indexHomeTit {
        /* width: 100%;
        height: auto !important;
        margin-bottom: 4%; */
    }

    .indexHomeTit .titles {
        font-size: 22px;
    }

    .indexHomeTit .info {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 22px;
    }

    .indexHomeTit .HomeMore {
        font-size: 12px;
    }

    .chairHomeAbout .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .chairHomeAbout .titles {
        font-size: 22px;
    }

    .chairHomeAbout .info {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .GroupHomeAbout .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .GroupHomeAbout .titles {
        font-size: 22px;
    }

    .GroupHomeAbout .info {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .GroupRoomAbout .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .GroupRoomAbout .titles {
        font-size: 22px;
    }

    .GroupRoomAbout .info {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge {
        padding: 15px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd p {
        font-size: 12px;
        line-height: 20px;
        height: 32px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd .num {
        font-size: 14px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd .num .counter {
        font-size: 30px;
    }

    .GroupCommerceAbout .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .GroupCommerceAbout .titles {
        font-size: 22px;
    }

    .GroupCommerceAbout .info {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge {
        padding: 15px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd p {
        font-size: 12px;
        line-height: 20px;
        height: 32px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd .num {
        font-size: 14px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd .num .counter {
        font-size: 30px;
    }

    .GroupShopeAbout .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .GroupShopeAbout .titles {
        font-size: 22px;
    }

    .GroupShopeAbout .info {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    .GroupShopeAbout .infoImg .shopCon {
        padding: 15px;
        width: 45%;
    }

    .GroupShopeAbout .infoImg .shopCon .shopConTip {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .GroupShopeAbout .infoImg .shopCon .shopConInfos span {
        font-size: 16px;
    }

    .searchAll .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .searchAll .titles {
        font-size: 22px;
    }

    .searchAll .searchList .searchItem a {
        height: 250px
    }

    .searchAll .searchList .searchItem {
        width: 45%;
        border-bottom: 1px solid #E4E4E4;
    }

    .searchAll .searchList .searchItem .con {
        padding: 3%;
    }

    .searchAll .searchList .searchItem .con .conTitles {
        font-size: 16px;
        line-height: 22px;
        height: 22px;
    }

    .searchAll .searchList .searchItem .con .conBottom {
        margin-top: 20px;
        font-size: 14px;
    }

    .businesshAll {
        /* margin-left: 35%; */
    }

    .businesshAll .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .businesshAll .titles {
        font-size: 22px;
    }

    .businesshAll .businessList {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }

    .businesshAll .businessList .businessItem {
        width: 45%;
    }

    .businesshAll .businessList .businessItem .con {
        height: 60px;
        line-height: 60px;
    }

    .businesshAll .businessList .businessItem .con .conTitles {
        font-size: 20px;
    }

    .businesshAll .businessList .businessItem .con .conMore {
        float: right;
    }

    .businesshAll .businessList .businessItem .con .conMore span {
        font-size: 14px;
    }

    .businesshAll .businessList .businessItem .contipsbox {
        max-height: 160px;
    }

    .businesshAll .businessList .businessItem .contipsbox ul li {
        font-size: 14px;
    }

    .investorAll {
        /* margin-left: 35%; */
    }

    .investorAll .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .investorAll .titles {
        font-size: 22px;
    }

    .investorAll .investorList {
        margin-top: 20px;
    }

    .investorAll .investorList .investorItem {
        /* width: 32%; */
        padding: 15px;
    }

    .investorAll .investorList .investorItem .conTitles {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .investorAll .investorList .investorItem .conBottom {
        margin-top: 10px;
        font-size: 14px;
        min-height: 100px;
    }

    .investorAll .investorList .investorItem .conBottom .conTimes {
        height: 30px;
        line-height: 30px;
    }

    .investorAll .investorList .investorItem .conBottom .conTimes:nth-child(1) {
        height: 40px;
        line-height: 20px;
    }

    .investorAll .investorList .investorItem .conBottom .conTimesIcon {
        bottom: 20px;
        right: 15px;
        font-size: 40px;
    }

    .MemorabiliaList .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .MemorabiliaList .titles {
        font-size: 22px;
    }

    .MemorabiliaList .infoList {
        margin-bottom: 30px;
    }

    .MemorabiliaList .infoList .item {
        padding: 15px;
        max-height: 400px;
    }

    .MemorabiliaList .infoList .item::-webkit-scrollbar {
        /* border-right: 1px solid #7D552D; */
    }

    .MemorabiliaList .infoList .item .effect-title {
        font-size: 22px;
    }

    .MemorabiliaList .infoList .item .con {
        width: 100%;
    }

    .MemorabiliaList .infoList .item .info {
        font-size: 16px;
        color: #666666;
        text-align: left;
        margin-top: 10px;
        /* margin-bottom: 20px; */
        position: relative;
    }

    .MemorabiliaList .infoList .item .info .infotips {
        width: 10px;
        height: 10px;
        color: #C39043;
        float: left;
        border-radius: 50%;
        background-color: #C39043;
        position: absolute;
        top: calc(50% - 5px);
    }

    .MemorabiliaList .infoList .item .info .infocon {
        float: left;
        margin-left: 20px;
    }

    .ManagementList .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .ManagementList .titles {
        font-size: 22px;
    }

    .ManagementList .infoList {
        margin-top: 20px;
    }

    .ManagementList .infoList .infoListItem {
        padding: 20px;
        padding-right: 50px;
        background-color: #F4EFE8;
        background-image: url(../img/boxbg4.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% auto;
        position: relative;
        margin-bottom: 15px;
    }

    .ManagementList .infoList .infoListItem .chairimg {
        width: 15%;
        float: left;
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 20px;
    }


    .ManagementList .infoList .infoListItem .introduceInfo {
        width: 85%;
        float: left;
        margin-left: 15%;
        min-height: 150px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle {}

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle .introduceCNname {
        font-size: 18px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle .introduceENname {
        font-size: 12px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceContent {
        font-size: 12px;
        line-height: 20px;
    }

    .indexHomeAbout .video {
        margin-top: 0;
    }

    .indexHomeAbout .video .pic img {
        margin-top: 0;
    }

    .indexHomeAbout .video .play {
        width: 50px;
        right: calc(50% - 25px);
        bottom: calc(50% - 25px);
    }

    .indexHomeAbout .video .play .iconfont {
        font-size: 50px;
    }

    .ScienceVideo .video {
        margin-top: 0;
    }

    .ScienceVideo .video .pic img {
        margin-top: 0;
    }

    .ScienceVideo .video .play {
        width: 50px;
        right: calc(50% - 25px);
        bottom: calc(50% - 25px);
    }

    .ScienceVideo .video .play .iconfont {
        font-size: 50px;
    }

    .indexNewTit .titles {
        font-size: 24px;
    }

    .indexNewTit .info {
        font-size: 24px;
    }

    .indexNewAbout .item {
        margin-top: 15px;
    }

    .effect-title {
        font-size: 16px;
    }

    .indexNewAbout .item .con .name {
        font-size: 16px;
        line-height: 22px;
        height: 22px;
    }

    .indexNewAbout .item .con .info {
        font-size: 14px;
        line-height: 20px;
    }

    .indexNewAbout .item .con .info {
        margin: 10px 0 10px;
        font-size: 14px;
        line-height: 20px;
        height: 60px;
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /* white-space: nowrap; */
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .indexNewAbout .item .con {
        padding: 3%;
    }

    .indexNewAbout .item .con .more {
        line-height: 14px;
    }

    .HomeNews .owl-nav .owl-prev,
    .HomeNews .owl-nav .owl-next,
    .indexNewAbout .owl-nav .owl-prev,
    .indexNewAbout .owl-nav .owl-next {
        width: 28px;
        height: 28px;
    }

    .MemorabiliaList .owl-nav .owl-prev,
    .MemorabiliaList .owl-nav .owl-next {
        width: 28px;
        height: 28px;
        bottom: -50px;
    }

    .Contactinfo .footInfoList .footInfoCon .footInfoTitle {
        font-size: 14px;
    }

    .Contactinfo .footInfoList .footInfoCon .footInfoSub {

        font-size: 12px;
    }

    .HomeTit .icon {
        position: static;
        width: 40px;
        display: inline-block;
        margin: 4px 5px 0 0;
    }

    .HomeTit h2 {
        font-size: 24px;
        padding-top: 0;
        display: inline-block;
    }

    .hdtit {
        text-align: center;
    }

    .hdtit li {
        margin: 0 10px;
    }

    .Homeindustry .bdCon,
    .Homeindustry .bdCon li .info {
        margin: 3% 0;
    }

    .Homeindustry .bdCon li .title,
    .HomeAbout .title {
        font-size: 20px;
        height: 30px;
        line-height: 30px;
    }

    .Homeindustry .hdCon,
    .HomeNews .box,
    .HomeAbout {
        margin: 0;
    }

    .Homeindustry .hdCon li a,
    .HomeAct .item a {
        margin: 0 10px;
    }

    .Homeindustry .hdCon li .title {
        font-size: 16px;
        line-height: 45px;
    }

    .Homeindustry .hdCon li .title span {
        padding: 0 15px;
    }

    .Homeindustry .btns a {
        width: 30px;
        height: 30px;
    }

    .Homeindustry .btns .btn-prev {
        left: 0;
    }

    .HomeNews {
        padding: 3% 0;
    }

    .HomeNews .con .title {
        font-size: 18px;
    }

    .HomeNews .con .info {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .HomeAbout .hontxt {
        position: static;
        text-align: center;
        width: auto;
        padding: 3% 0 0;
    }

    .HomeAbout .hontxt h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .HomeAct .title {
        padding: 20px 0;
        min-height: auto;
    }

    .HomeAct .bd {
        padding-left: 0;
    }

    .HomeAct .owl-carousel {
        padding-bottom: 40px;
    }

    .HomeAct .owl-dots {
        bottom: 0;
    }

    .Single .title {
        font-size: 24px;
    }

    .Single dl dd .num .counter {
        font-size: 45px;
    }

    .Single dl dd p {
        font-size: 14px;
    }

    .ShopBox .title {
        margin-top: -27px;
    }

    .ShopBox .title .name {
        font-size: 24px;
        line-height: 30px;
    }

    .PlaceSlider li .pic img {
        height: 134px;
    }

    .shoptop .title,
    .ShopAbout .title,
    .BrandBox .title {
        font-size: 24px;
    }

    /* .ShopDetail dl dd{width: 23.5%; padding: 0; border-right: none;}
    .ShopDetail dl dd .line{border-right: 1px solid #d3d3d3;} */
    .ShopAbout .con {
        margin-left: 150px;
    }

    .Supermarket .list li .title {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
    }

    .Supermarket .list li .effect-img img {
        height: 192px;
    }

    .CarList li .effect-img img {
        height: 184px;
    }

    .BigPic li .title span {
        font-size: 20px;
        padding: 0 15px;
        line-height: 60px;
    }

    .SmallPic li .pic {
        height: 120px;
    }

    .BuyBox li .con {
        display: none;
    }

    .FamilyBox li .effect-img img {
        height: 196px;
    }

    .HealthyBox .hd li .effect-img {
        height: 150px;
    }

    .HealthyBox .hd li .mask img {
        width: 40px;
    }

    .HealthyBox .hd li .mask .name {
        font-size: 16px;
        line-height: 30px;
    }

    .CompanyList li {
        width: 49%;
        margin: 0 0 2.5%;
    }

    .CompanyList li:nth-child(2n) {
        float: right;
    }

    .ReportList li .effect-img {
        height: 200px;
    }

    .ReportList li .down {
        margin-top: 16%;
    }

    .ReportList .title,
    .ReportList li .con .year,
    .ReportList li .con .name {
        font-size: 24px;
    }

    .DownList li .box {
        padding: 0 70px 0 105px;
    }

    .DownList li .date {
        width: 90px;
    }

    .DownList li .title {
        height: 74px;
        line-height: 74px;
    }

    .DownList li .gs {
        width: 60px;
        padding: 10px 0;
        margin-top: -28px;
    }

    .DownList li .gs img {
        width: 36px;
    }

    .TabList .thead li {
        font-size: 14px;
    }

    .RulesBox .title {
        font-size: 24px;
        line-height: 30px;
    }

    .Title01,
    .Foundation .f_right .title {
        font-size: 24px;
        line-height: 30px;
    }

    .Title02 .name {
        font-size: 20px;
        line-height: 45px;
        width: 240px;
    }

    .SocailBox .con {
        width: auto;
        margin: 0;
        padding: 4% 20px;
    }

    .SocailBox .con li .num {
        font-size: 40px;
        line-height: 40px;
    }

    .SocailBox .con li p {
        font-size: 16px;
        line-height: 24px;
    }

    .ProjectBox li .con {
        position: static;
        width: auto;
        margin: 0;
        height: auto;
        padding: 20px;
    }

    .ProjectBox li .effect-img img {
        height: 303px;
    }

    .ArtList .owl-nav .owl-prev,
    .ArtList .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    .ArtList .item a {
        margin: 0 5px;
    }

    .ContactBox .box ul,
    .ContactBox .box ul:nth-child(2n) {
        width: auto;
        float: none;
        padding: 0 0 5%;
        margin-bottom: 5%;
        border-right: none;
        border-bottom: 1px solid #d9d9d9;
    }

    .ContactBox .box ul:nth-child(2n) {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .Title03 .name {
        font-size: 24px;
    }

    .JoinAbout .pic {
        font-size: 16px;
        line-height: 30px;
    }

    .ideaBox dl dd,
    .ideaBox dl dd:nth-child(2n) {
        width: auto;
        float: none;
        margin-bottom: 15px;
    }

    .ideaBox dl dd .box {
        padding-left: 120px;
        min-height: auto;
    }

    .ideaBox dl dd .box .icon {
        width: 90px;
    }

    .ideaList li .con {
        padding: 15px;
        line-height: 22px;
        height: 66px;
    }

    .ideaBox .mask img {
        width: 200px;
    }

    .ideaBox .mask .title {
        font-size: 24px;
        line-height: 40px;
    }

    .ideaBox .mask p {
        font-size: 16px;
        line-height: 26px;
    }

    .JobList li .Titname:nth-child(2),
    .JobList li .Titname:nth-child(3),
    .JobList li .Titname:nth-child(4) {
        display: none;
    }

    .JobList li .Titname {
        width: 80%;
        height: 50px;
        line-height: 50px;
    }

    .JobList li .Con .list {
        display: block;
    }

    .Title04 .name {
        font-size: 24px;
    }

    .JobSearch form {
        padding: 0 50px 0 15px;
    }

    .JobSearch form .input {
        height: 45px;
    }

    .JobSearch form .input {
        font-size: 16px;
    }

    .CollegeList li .img {
        max-width: 120px;
    }

    .ShgyList .Stit {
        display: none;
    }

    .ShgyList li {
        padding-bottom: 0;
        margin-bottom: 18px;
    }

    .ShgyList li .effect-img {
        width: auto;
        float: none !important;
        padding-top: 40%;
    }

    .ShgyList .title {
        height: auto;
        font-size: 16px;
    }

    .ShgyList .con {
        float: none;
        padding: 15px 0;
        width: auto;
    }

    .ShgyList .info {
        margin-top: 10px;
    }

    .business_cont .pic,
    .business_cont .con {
        width: auto;
        float: none;
    }

    .business_cont .con {
        padding: 3%;
    }

    .FloorBox .titles,
    .FloorBox .hd {
        float: none;
    }

    .FloorBox .titles .name {
        font-size: 24px;
    }

    .FloorBox .hd {
        text-align: center;
        margin-top: 20px;
    }

    .FloorBox .hd li a {
        padding: 5px 0;
    }

    #inFooter .box {
        margin: 0;
    }

    .gisCon {
        margin: 30px 0;
        border: 1px solid #f1f0f08a;
        position: relative;
    }

    .gisCon .gitmapTips {
        width: 30%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background-color: #f1f0f08a;
    }

    .gisCon .gitmaptit {
        position: absolute;
        left: 20px;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .gisCon .gitmaptit .gitmaptit1 {
        font-size: 20px;
    }

    .gisCon .gitmaptit .gitmaptit2 {
        font-size: 14px;
        margin: 10px 0;
    }

    .gisCon .gitmaptit .gitmaptit3 {
        font-size: 14px;
    }

    .gisCon .gitmaptit .gitmaptit4 {
        font-size: 14px;
    }

    .gisCon .gitmaptit .gitmaptit5 {
        font-size: 14px;
        margin-top: 10px;
    }

    .gisCon .gitmaptit .gitmaptit6 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #mapContainer {
        width: 70%;
        margin-left: 30%;
        height: 455px;
    }

    #mapContainer iframe {
        width: 100%;
        height: 100%;
    }

    /* #mapContainer .con1920,
    #mapContainer .con1440,
    #mapContainer .con992,
    #mapContainer .con768,
    #mapContainer .con640,
    #mapContainer .con400 {
        display: none;
    }

    #mapContainer .con1024 {
        display: block;
    } */

    .newsInfos .newsCon .newsConTittle {
        font-size: 16px;
        line-height: 25px;
        height: 25px;
    }

    .newsInfos .newsCon .newsConTips {
        font-size: 14px;
        padding: 10px 0;
    }

    .newsInfos .newsCon .newsConTips .newsConTipsIcons .newsIcon {
        font-size: 20px;
    }

    .newsInfos .newsCon .newsConBottom {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }

    .newsInfos .newsTips {
        padding: 10px;
        padding-bottom: 0;
    }

    .newsInfos .newsTips .newsTipsTittle {
        font-size: 16px;
    }

    .newsInfos .newsTips .newsTipsCon {
        margin: 0;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem {
        padding: 10px 0;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemName {
        line-height: 16px;
        font-size: 12px;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemTime {
        line-height: 16px;
        font-size: 12px;
        margin-top: 10px;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemTime .iconfont {
        font-size: 12px;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConMore {
        font-size: 12px;
        margin-top: 0;
    }

    .SocialResponseList .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .SocialResponseList .titles {
        font-size: 22px;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceTitle .introduceENname {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceTitle .introduceCNname {
        font-size: 22px;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceContent {
        font-size: 14px;
        margin-top: 20px;
    }

    .SocialResponseList #infoAllList li .tipscon {
        padding: 15px;
    }

    .SocialResponseList #infoAllList li .tipscon span {
        font-size: 18px;
    }

    .SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item .item {
        height: 300px;
    }

    .SocialResponseList .SocialResponseUl {
        height: 300px;
    }

    .SocialResponseList .SocialResponseUl li {
        padding: 10px;
        font-size: 14px;
    }

    .ESGList .tips {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .ESGList .titles {
        font-size: 22px;
    }

    .ESGList .infoAll .introduceInfo .introduceTitle .introduceENname {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .ESGList .infoAll .introduceInfo .introduceTitle .introduceCNname {
        font-size: 22px;
    }

    .ESGList .infoAll .introduceInfo .introduceContent {
        font-size: 14px;
        margin-top: 20px;
    }

    .ESGList #infoAllList li .tipscon {
        padding: 15px;
    }

    .ESGList #infoAllList li .tipscon span {
        font-size: 18px;
    }

    .ESGList .ESGOwl .owl-carousel.owl-drag .owl-item .item {
        height: 300px;
    }

    .ESGList .ESGUl {
        height: 300px;
    }

    .ESGList .ESGUl li {
        padding: 10px;
        font-size: 14px;
    }

    .TalentConceptTit .tipscon .tipsconTitle {
        font-size: 24px;
    }

    .TalentConceptTit .tipscon .tipsconTips {
        font-size: 18px;
    }

    .TalentConceptTit .tipscon .tipsconval {
        font-size: 18px;
    }

    .TalentConceptAbout .owl-nav .owl-prev,
    .TalentConceptAbout .owl-nav .owl-next {
        width: 28px;
        height: 28px;
    }

    .TalentDevelopList .TalentDevelopOwl .tipscon {
        padding: 10px;
    }

    .TalentDevelopList .TalentDevelopOwl .tipscon span {
        font-size: 16px;
    }

    .TalentDevelopList .TalentDevelopOwl .owl-carousel.owl-drag .owl-item .item {
        width: 100%;
        height: 300px;
    }

    .TalentDevelopList .TalentDevelopUl {
        height: 300px;
    }

    .TalentDevelopList .TalentDevelopUl li {
        padding: 10px;
        font-size: 14px;
    }

    .HotelList .HotelOwl .tipscon {
        padding: 10px;
        line-height: 20px;
    }

    .HotelList .HotelOwl .tipscon span {
        font-size: 12px;
    }

    .HotelList .HotelOwl .owl-carousel.owl-drag .owl-item .item {
        width: 100%;
        height: 300px;
    }

    .HotelList .HotelUl {
        height: 300px;
    }

    .HotelList .HotelUl li {
        padding: 10px;
        font-size: 14px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox {
        padding: 10px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopImg {
        width: 150px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon .TalentDeveloptips {
        font-size: 14px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon .TalentDevelopval {
        font-size: 12px;
    }

    .ResidenceAbout .item {
        height: 360px;
    }

    .ResidenceAbout .ResidenceTit .titles {
        font-size: 22px;
    }

    .ResidenceAbout .ResidenceTit .info {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 28px;
        font-size: 14px;
    }

    .ResidenceAbout .ResidenceTit .titMore {
        font-size: 12px;
    }

    .ResidenceAbout .ResidenceTit .titMore i {
        font-size: 10px;
    }

    .ResidenceAbout .SuperMarketTit .titles {
        font-size: 22px;
    }

    .ResidenceAbout .SuperMarketTit .info {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 28px;
        font-size: 14px;
    }

    .ResidenceAbout .owl-nav .owl-prev,
    .ResidenceAbout .owl-nav .owl-next {
        width: 30px;
        height: 30px;
    }

    .BanImg .item .itemTits .tip {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .BanImg .item .itemTits .con {
        font-size: 14px;
        line-height: 24px;
    }

    .CoBrand {
        height: 200px;
    }

    .CoBrand .item {
        height: 200px;
    }

    .CoBrand .owl-nav .owl-prev {
        left: -20px;
    }

    .CoBrand .owl-nav .owl-next {
        right: -20px;
    }

    .lifeno,
    .life640 {
        margin-top: 10px;
    }

    .lifeno .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoContips,
    .life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoContips {
        font-size: 18px;
    }

    .lifeno .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoCons,
    .life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoCons {
        padding: 10px;
        font-size: 14px;
    }

    .knowsAllInfo {}

    .knowsAllInfo .knowsList {
        padding: 20px;
    }

    .knowsAllInfo .knowsList .knowsTit {
        font-size: 22px;
    }

    .knowsAllInfo .knowsList .knowsCon {
        margin: 10px 0;
        font-size: 14px;
        line-height: 30px;
    }

    .knowsAllInfo .knowsList .knowsknowsList dl dd p {
        font-size: 14px;
        line-height: 20px;
        height: 30px;
    }

    .knowsAllInfo .knowsList .knowsknowsList dl dd .num {
        font-size: 12px;
    }

    .knowsAllInfo .knowsList .knowsknowsList dl dd .num .counter {
        font-size: 30px;
    }

    .PropertyList {
        margin-top: 20px;
    }

    .PropertyList .PropertyItem {
        padding: 15px;
    }

    .PropertyList .PropertyItem .conTitles {
        font-size: 20px;
    }

    .PropertyList .PropertyItem .conBottom .conTimes {
        line-height: 22px;
        font-size: 14px;
    }

    .PropertyList .PropertyItem .conBottom .conTimesIcon {
        font-size: 70px;
    }

    .HotLine .HotLineItem {
        padding: 15px;
    }

    .HotLine .HotLineItem .hotTit {
        font-size: 20px;
    }

    .HotLine .HotLineItem .hotcon {
        font-size: 24px;
    }

    .ScienceLine .ScienceItem {
        padding: 10px;
    }

    .ScienceLine .ScienceItem .ScienceTit {
        color: #333333;
        font-size: 16px;
    }

    .ScienceLine .ScienceItem .Sciencecons {
        color: #666666;
        line-height: 22px;
    }

    .ScienceLine .ScienceItem .Sciencecon {
        color: #666666;
        line-height: 22px;
    }

    .HealthList .HealthUl .HealthLi {
        font-size: 14px;
    }

    .HealthList .HealthUl {
        width: 100%;
    }
}

@media (max-width:992px) {
    .Single {
        max-width: 900px
    }

    .HomeBody .box1 {
        min-height: 350px;
    }

    .HomeBody .box2 {
        min-height: 400px;
    }

    .HomeBody .box3 {
        min-height: 480px;
    }

    .HomeBody .box4 {
        min-height: 340px;
    }

    .HomeBody .box5 {
        min-height: 370px;
    }

    .HomeBody .box6 {
        min-height: 370px;
    }

    .HomeBody .box7 {
        min-height: 270px;
    }

    .indexHomeTit .info {
        line-height: 22px;
        -webkit-line-clamp: 10;
    }

    .indexNewAbout .item {
        margin-top: 10px;
    }

    .indexNewAbout .item {
        padding: 0 3%;
    }

    .effect-title {
        font-size: 14px;
    }

    .indexNewAbout .item .con {
        padding: 3% 0;
    }

    .indexNewAbout .item .con .name {
        font-size: 14px;
        line-height: 20px;
        height: 20px;
    }

    .indexNewAbout .item .con .info {
        margin: 10px 0 10px;
        font-size: 12px;
        line-height: 18px;
        height: 50px;
    }

    .indexNewAbout .item .con .more {
        line-height: 12px;
        font-size: 12px;
    }

    .HomeNews .owl-nav .owl-prev,
    .HomeNews .owl-nav .owl-next,
    .indexNewAbout .owl-nav .owl-prev,
    .indexNewAbout .owl-nav .owl-next {
        width: 22px;
        height: 22px;
    }

    .MemorabiliaList .owl-nav .owl-prev,
    .MemorabiliaList .owl-nav .owl-next {
        width: 22px;
        height: 22px;
    }

    /* #mapContainer .con1920,
    #mapContainer .con1440,
    #mapContainer .con1024,
    #mapContainer .con768,
    #mapContainer .con640,
    #mapContainer .con400 {
        display: none;
    }

    #mapContainer .con992 {
        display: block;
    } */

    .TalentConceptAbout .item {
        margin-top: 10px;
    }

    .TalentConceptAbout .item {
        padding: 0 3%;
    }

    .TalentConceptAbout .item .con {
        padding: 3% 0;
    }

    .TalentConceptAbout .item .con .name {
        font-size: 14px;
        line-height: 20px;
        height: 20px;
    }

    .TalentConceptAbout .item .con .info {
        margin: 10px 0 10px;
        font-size: 12px;
        line-height: 18px;
        height: 50px;
    }

    .TalentConceptAbout .item .con .more {
        line-height: 12px;
        font-size: 12px;
    }

    .TalentConceptAbout .owl-nav .owl-prev,
    .TalentConceptAbout .owl-nav .owl-next {
        width: 22px;
        height: 22px;
    }

    .ResidenceDetails {
        min-height: 550px;
    }

    .ResidenceDetails .ResidenceDetailsIntroduce {
        padding: 15px;
        min-height: 550px;
    }

    .ResidenceDetails .ResidenceDetailsIntroduce .topic {
        font-size: 22px;
    }

    .ResidenceDetails .ResidenceDetailsIntroduce .content {
        line-height: 28px;
    }

    .ResidenceDetails .ResidenceDetailsInformation {
        padding: 15px;
        min-height: 550px;
    }

    .ResidenceDetails .ResidenceDetailsInformation .tips {
        font-size: 22px;
    }

    .ResidenceDetails .ResidenceDetailsInformation .infos {
        line-height: 28px;
    }

    .BanImg .owl-nav .owl-prev,
    .BanImg .owl-nav .owl-next {
        width: 38px;
        height: 38px;
    }

    .BanTips {
        font-size: 22px;
    }

    .BanImg {
        height: 320px;
    }

    .BanImg .item {
        height: 320px;
    }

    .BanImg .item .itemTit {
        padding: 5px 10px;
    }

    .banallbox {
        line-height: 40px;
        height: 40px;
    }

    .banallbox .banbox {
        font-size: 18px;
    }
}

@media (max-width:768px) {
    .Logo {
        width: 120px;
    }

    .Single {
        max-width: 700px
    }

    .Nav {
        padding-right: 40px;
    }

    .w1440 {
        padding: 0 2%;
    }

    .HomeBody .box1 {
        min-height: 300px;
    }

    .HomeBody .box2 {
        min-height: 350px;
    }

    .HomeBody .box3 {
        min-height: 370px;
    }

    .HomeBody .box4 {
        min-height: 280px;
    }

    .HomeBody .box5 {
        min-height: 320px;
    }

    .HomeBody .box6 {
        min-height: 340px;
    }

    .HomeBody .box7 {
        min-height: 270px;
    }

    .indexHomeTit .titles {
        font-size: 18px;
    }

    .indexHomeTit .info {
        line-height: 22px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-line-clamp: 8;
    }

    .chairHomeAbout .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .chairHomeAbout .titles {
        font-size: 18px;
    }

    .chairHomeAbout .info {
        line-height: 22px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .chairHomeAbout .chairimg {
        width: 100px;
    }

    .chairHomeAbout .HomeMore {
        font-size: 12px;
    }

    .GroupHomeAbout .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .GroupHomeAbout .titles {
        font-size: 18px;
    }

    .GroupHomeAbout .info {
        line-height: 22px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .GroupHomeAbout .chairimg {
        width: 100%;
    }

    .GroupRoomAbout .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .GroupRoomAbout .titles {
        font-size: 18px;
    }

    .GroupRoomAbout .info {
        line-height: 26px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .GroupRoomAbout .chairimg {
        width: 100%;
    }

    .GroupRoomAbout .infoImg .infoImgSinge {
        padding: 10px;
        top: 20%;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd {
        border-bottom: 0;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd p {
        font-size: 12px;
        height: 36px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd .num {
        font-size: 12px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd .num .counter {
        font-size: 26px;
    }

    .GroupCommerceAbout .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .GroupCommerceAbout .titles {
        font-size: 18px;
    }

    .GroupCommerceAbout .info {
        line-height: 26px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .GroupCommerceAbout .chairimg {
        width: 100%;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge {
        padding: 10px;
        top: 20%;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd {
        border-bottom: 0;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd p {
        font-size: 12px;
        height: 36px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd .num {
        font-size: 12px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd .num .counter {
        font-size: 26px;
    }

    .GroupShopeAbout .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .GroupShopeAbout .titles {
        font-size: 18px;
    }

    .GroupShopeAbout .info {
        line-height: 26px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .GroupShopeAbout .infoImg .shopCon {
        padding: 15px;
        width: 45%;
        margin-top: 20px;
    }

    .GroupShopeAbout .infoImg .shopCon .shopConTip {
        font-size: 15px;
        padding-bottom: 5px;
    }

    .GroupShopeAbout .infoImg .shopCon .shopConInfos span {
        font-size: 14px;
    }

    .searchAll .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .searchAll .titles {
        font-size: 18px;
    }

    .searchAll .searchList .searchItem .con .conTitles {
        font-size: 14px;
        line-height: 20px;
        height: 20px;
    }

    .searchAll .searchList .searchItem .con .conBottom {
        margin-top: 20px;
        font-size: 12px;
    }

    .businesshAll {
        /* margin-left: 35%; */
    }

    .businesshAll .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .businesshAll .titles {
        font-size: 18px;
    }

    .businesshAll .businessList {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }

    .businesshAll .businessList .businessItem {
        width: 45%;
    }

    .businesshAll .businessList .businessItem .con {
        height: 52px;
        line-height: 50px;
    }

    .businesshAll .businessList .businessItem .con .conTitles {
        font-size: 18px;
    }

    .businesshAll .businessList .businessItem .con .conMore {
        float: right;
    }

    .businesshAll .businessList .businessItem .con .conMore span {
        font-size: 12px;
    }

    .businesshAll .businessList .businessItem .contipsbox {
        max-height: 120px;
        top: calc(50% - 40px);
    }

    .businesshAll .businessList .businessItem .contipsbox ul li {
        font-size: 12px;
    }

    .investorAll .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .investorAll .titles {
        font-size: 18px;
    }

    .investorAll .investorList {
        margin-top: 20px;
    }

    .investorAll .investorList .investorItem {
        /* width: 32%; */
        padding: 10px;
    }

    .investorAll .investorList .investorItem .conTitles {
        font-size: 14px;
        padding-bottom: 5px;
    }

    .investorAll .investorList .investorItem .conBottom {
        margin-top: 10px;
        font-size: 12px;
        min-height: 92px;
    }

    .investorAll .investorList .investorItem .conBottom .conTimes {
        height: 26px;
        line-height: 26px;
    }

    .investorAll .investorList .investorItem .conBottom .conTimesIcon {
        bottom: 18px;
        right: 10px;
        font-size: 34px;
    }

    .MemorabiliaList .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .MemorabiliaList .titles {
        font-size: 18px;
    }


    .MemorabiliaList .infoList {
        margin-bottom: 30px;
    }

    .MemorabiliaList .infoList .item {
        padding: 10px;
        max-height: 400px;
    }

    .MemorabiliaList .infoList .item::-webkit-scrollbar {
        /* border-right: 1px solid #7D552D; */
    }

    .MemorabiliaList .infoList .item .effect-title {
        font-size: 18px;
    }

    .MemorabiliaList .infoList .item .con {
        width: 100%;
    }

    .MemorabiliaList .infoList .item .info {
        font-size: 14px;
        color: #666666;
        text-align: left;
        margin-top: 10px;
        /* margin-bottom: 20px; */
        position: relative;
    }

    .MemorabiliaList .infoList .item .info .infotips {
        width: 10px;
        height: 10px;
        color: #C39043;
        float: left;
        border-radius: 50%;
        background-color: #C39043;
        position: absolute;
        top: calc(50% - 5px);
    }

    .MemorabiliaList .infoList .item .info .infocon {
        float: left;
        margin-left: 20px;
    }

    .ManagementList .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .ManagementList .titles {
        font-size: 18px;
    }

    .ManagementList .infoList {
        margin-top: 20px;
    }

    .ManagementList .infoList .infoListItem {
        padding: 20px;
    }

    .ManagementList .infoList .infoListItem .chairimg {
        width: 15%;
        float: left;
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
    }


    .ManagementList .infoList .infoListItem .introduceInfo {
        width: 85%;
        float: left;
        margin-left: 15%;
        min-height: 150px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle {}

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle .introduceCNname {
        font-size: 20px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle .introduceENname {
        font-size: 12px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceContent {
        line-height: 20px;
        font-size: 12px;
    }

    .indexHomeTit .HomeMore {
        font-size: 12px;
    }

    .indexHomeAbout .video {
        margin-top: 0;
    }

    .indexHomeAbout .video .play {
        width: 40px;
        right: calc(50% - 20px);
        bottom: calc(50% - 20px);
    }

    .indexHomeAbout .video .play .iconfont {
        font-size: 40px;
    }

    .ScienceVideo .video {
        margin-top: 0;
    }

    .ScienceVideo .video .play {
        width: 40px;
        right: calc(50% - 20px);
        bottom: calc(50% - 20px);
    }

    .ScienceVideo .video .play .iconfont {
        font-size: 40px;
    }

    .indexNewAbout .item {
        margin-top: 15px;
        padding: 0 3%;
    }

    .indexNewAbout .item .effect-img {
        height: 160px;
    }

    .effect-title {
        font-size: 14px;
    }

    .indexNewAbout .item .con {
        padding: 5% 0;
    }

    .indexNewAbout .item .con .name {
        font-size: 14px;
        line-height: 20px;
        height: 20px;
    }

    .indexNewAbout .item .con .info {
        margin: 10px 0 10px;
        font-size: 12px;
        line-height: 18px;
        height: 50px;
    }

    .indexNewAbout .item .con .more {
        line-height: 12px;
        font-size: 12px;
    }

    .HomeNews .owl-nav .owl-prev,
    .HomeNews .owl-nav .owl-next,
    .indexNewAbout .owl-nav .owl-prev,
    .indexNewAbout .owl-nav .owl-next {
        width: 22px;
        height: 22px;
    }

    .MemorabiliaList .owl-nav .owl-prev,
    .MemorabiliaList .owl-nav .owl-next {
        width: 22px;
        height: 22px;
        bottom: -40px;
    }

    .indexNewTit .titles {
        font-size: 22px;
    }

    .indexNewTit .info {
        font-size: 20px;
    }

    .Contactinfo .footInfoList .footInfoIcon a {
        margin-right: 15px;
    }

    .house_banner {
        display: none;
    }

    .Current {
        line-height: 50px;
        border-bottom: none;
    }

    .Position,
    .Menu {
        width: auto;
        float: none;
    }

    .Position {
        border-bottom: 1px solid #d2d2d2;
        max-width: none;
        font-size: 12px;
    }

    /* .Menu {
        background: none;
        margin: 3% 0 0;
        border-bottom: none;
        text-align: left;
    }

    .Menu .title {
        display: block;
    }

    .Menu ul {
        display: none;
        line-height: 32px;
        padding: 10px 0px;
        border: 1px solid #d7bb5a;
        text-align: left;
    }

    .Menu li {
        display: block;
        margin-left: 0;
    }

    .Menu li a {
        padding: 0px 20px;
    }

    .Menu li:hover i,
    .Menu li.on i {
        display: none;
    } */
    .Menu ul {
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }

    .Menu ul::-webkit-scrollbar {
        display: none;
    }

    .HomeNews .img {
        display: none;
    }

    .HomeNews .wbox {
        width: auto;
        float: none;
    }

    .HomeNews .con {
        padding: 5%;
    }

    .HomeAct .title .name {
        font-size: 18px;
        line-height: 30px;
    }

    .HomeAct .title p {
        line-height: 24px;
    }

    .HomeAct .item .con .name {
        font-size: 16px;
        height: 30px;
        line-height: 30px;
    }

    .HomeAct .item .con .info {
        font-size: 14px;
    }

    .HomeAbout .video {
        margin-top: 25px;
    }

    .Single {
        line-height: 30px;
    }

    .Single .title {
        font-size: 20px;
    }

    .Single dl dd {
        width: 50%;
        float: left;
        border-bottom: 1px solid #dadada;
    }

    .Single dl dd:nth-child(2n) .line {
        border-right: none;
    }

    .Single dl dd:nth-child(3),
    .Single dl dd:nth-child(4) {
        border-bottom: none;
    }

    .Single dl dd .num .counter {
        font-size: 30px;
    }

    .Selectbox {
        margin-left: 0%;
    }

    .ResultBox ul li {
        width: 20%;
    }

    .ResultBox .title .name {
        font-size: 20px;
        margin-top: 5px;
    }

    .PlaceSlider li .pic img {
        height: 100px;
    }

    .shoptop .title,
    .ShopAbout .title,
    .BrandBox .title {
        font-size: 20px;
    }

    .ShopDetail dl dd h3 {
        font-size: 14px;
        line-height: 24px;
    }

    .ShopList li .effect-img,
    .ShopList li .con,
    .ShopList li:nth-child(2n) .effect-img,
    .ShopList li:nth-child(2n) .con {
        width: auto;
        float: none;
    }

    .ShopList li .con h3 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .ShopAbout .title {
        position: static;
        text-align: center;
    }

    .ShopAbout .con {
        margin: 0;
    }

    .BrandBox .item a {
        margin: 0 5px;
    }

    .ShopDetail dl dd {
        width: 50%;
        float: left;
        padding: 0;
        border-right: none;
    }

    .ShopDetail dl dd .line {
        padding: 15px 0;
        border-right: 1px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
    }

    .ShopDetail dl dd:nth-child(2n) .line {
        border-right: none;
    }

    .ShopDetail dl dd:nth-child(3) .line,
    .ShopDetail dl dd:nth-child(4) .line {
        border-bottom: none;
    }

    .Supermarket .list li .effect-img img {
        height: 143px;
    }

    .ThreeMenu a {
        font-size: 16px;
        width: auto;
        line-height: 40px;
    }

    .CarAbout .L_car,
    .CarAbout .R_car {
        width: auto;
        float: none;
    }

    .CarAbout .R_car {
        margin-bottom: 15px;
    }

    .CarList li .title {
        font-size: 16px;
        height: 45px;
        line-height: 45px;
    }

    .CarList li .effect-img img {
        height: 136px;
    }

    .BigPic li .title span {
        font-size: 16px;
        line-height: 50px;
    }

    .SmallPic li .pic {
        height: 80px;
    }

    .BuyBox li {
        width: 31.5%;
    }

    .BuyBox li .icon {
        width: 50px;
    }

    .BuyBox li .title .name {
        font-size: 20px;
    }

    .FamilyBox li .effect-img,
    .FamilyBox li .con {
        width: auto;
        float: none;
    }

    .FamilyBox li .con .info {
        margin: 5px 0 10px;
    }

    .FamilyBox li .effect-img img {
        height: 400px;
    }

    .HealthyBox .hd li .effect-img {
        height: 100px;
    }

    .img_slick .item .mask {
        display: none;
    }

    .slick-prev,
    .slick-next {
        background-color: rgba(31, 26, 23, 0.5);
        width: 40px;
        height: 37px;
        margin-top: -18px;
    }

    .OfficeBox .title {
        font-size: 20px;
    }

    .Projectinfo ul li,
    .Projectinfo ul li:nth-child(2n) {
        width: auto;
        float: none;
    }

    .PicSwiper .swiper-button-next,
    .PicSwiper .swiper-button-prev {
        width: 36px;
        height: 36px;
        margin-top: -18px;
    }

    .TabList,
    .TabList ul,
    .TabList ul li {
        display: block;
    }

    .RulesBox .title {
        font-size: 20px;
    }

    .TabList .thead li {
        line-height: 44px;
        height: auto;
    }

    .TabList .thead li i {
        display: inline-block;
    }

    .TabList ul li {
        width: auto !important;
        text-align: left;
        padding: 0 20px;
    }

    .TabList .con {
        padding: 15px 0;
    }

    .NewsTop li .con .date span {
        font-size: 20px;
    }

    .NewsTop li .con .title {
        font-size: 16px;
        margin: 5px 0;
    }

    .NewsTop li .effect-img img {
        height: 157px;
    }

    .NewsList li .effect-img span {
        height: 150px;
    }

    .NewsList li .txt .title {
        font-size: 16px;
    }

    .NewsList li .txt .info {
        margin: 5px 0;
    }

    .Title01,
    .Foundation .f_right .title {
        font-size: 20px;
    }

    .Title01 p {
        font-size: 16px;
        line-height: 28px;
    }

    .Title02 .name {
        width: 190px;
        font-size: 18px;
    }

    .Foundation .f_left,
    .Foundation .f_right {
        width: auto;
        float: none;
    }

    .Foundation .f_left {
        padding-bottom: 0;
    }

    .Foundation .f_left .title {
        margin-top: 15px;
    }

    .Foundation .f_right {
        padding: 4%;
    }

    .Foundation .aim {
        position: static;
        width: auto;
        padding: 15px;
        font-size: 16px;
        line-height: 30px;
    }

    .ProjectBox li,
    .ProjectBox li:nth-child(2n) {
        width: auto;
        float: none;
        margin-bottom: 15px;
    }

    .ProjectBox li .effect-img img {
        height: 459px;
    }

    .Title03 .name {
        font-size: 20px;
        line-height: 40px;
    }

    .Title04 .name {
        font-size: 20px;
    }

    .CommonTit {
        font-size: 20px;
    }

    .HouseSlider .item .title {
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .FloorBox .titles img {
        margin-top: 8px;
        width: 260px;
    }

    .FloorBox .hd {
        width: 256px;
        margin: 0 auto;
        height: 38px;
    }

    .FloorBox .hd li {
        width: 60px;
    }

    .FloorBox .hd li b {
        font-size: 20px;
        line-height: 20px;
    }

    .FloorBox .hd li span {
        text-align: center;
        margin-left: 0;
        width: auto;
    }

    .FloorBox .hd li.on span {
        display: none;
    }

    .FloorBox .hd li b {
        font-size: 18px;
    }

    .FloorBox .bd {
        margin-top: 10px;
    }

    #inFooter .le h2 {
        font-size: 16px;
    }

    #inFooter .le h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .language {
        margin-left: 10px;
        padding-top: 11px;
        line-height: 40px;
    }

    /* #mapContainer .con1920,
    #mapContainer .con1440,
    #mapContainer .con1024,
    #mapContainer .con992,
    #mapContainer .con640,
    #mapContainer .con400 {
        display: none;
    }

    #mapContainer .con768 {
        display: block;
    } */

    .newsInfos .newsCon .newsConTittle {
        font-size: 14px;
        line-height: 20px;
        height: 20px;
    }

    .newsInfos .newsCon .newsConTips {
        font-size: 12px;
        padding: 5px 0;
    }

    .newsInfos .newsCon .newsConTips i {
        font-size: 12px;
    }

    .newsInfos .newsCon .newsConTips .newsConTipsIcons .newsIcon {
        font-size: 16px;
    }

    .newsInfos .newsCon .newsConBottom {
        font-size: 12px;
        line-height: 36px;
        height: 36px;
    }

    .newsInfos .newsTips {
        padding: 8px;
        padding-bottom: 0;
    }

    .newsInfos .newsTips .newsTipsTittle {
        font-size: 14px;
        line-height: 20px;
        height: 20px;
    }

    .newsInfos .newsTips .newsTipsCon {
        margin: 0;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem {
        padding: 5px 0;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft {
        float: left;
        width: calc(50% - 5px);
        font-size: 16px;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemImg {
        float: right;
        width: calc(50% - 5px);
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemName {
        line-height: 16px;
        font-size: 12px;
        -webkit-line-clamp: 2
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemTime {
        line-height: 14px;
        font-size: 12px;
        margin-top: 5px;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConItem .newsTipsConItemLeft .newsTipsConItemTime .iconfont {
        font-size: 10px;
    }

    .newsInfos .newsTips .newsTipsCon .newsTipsConMore {
        font-size: 12px;
        margin-top: 0;
    }

    .SocialResponseList .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .SocialResponseList .titles {
        font-size: 20px;
    }

    .SocialResponseList .infoAll .introduceInfo {
        padding: 0;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceTitle .introduceENname {
        font-size: 16px;
        height: 24px;
        line-height: 24px;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceTitle .introduceCNname {
        font-size: 20px;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceContent {
        font-size: 14px;
        margin-top: 10px;
        line-height: 22px;
        -webkit-line-clamp: 5;
    }

    .SocialResponseList #infoAllList li {
        margin-bottom: 20px;
    }

    .SocialResponseList #infoAllList li .tipscon span {
        font-size: 16px;
    }

    .SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item .item {
        height: 200px;
    }

    .SocialResponseList .SocialResponseUl {
        height: 200px;
    }

    .SocialResponseList .SocialResponseUl li {
        padding: 5px;
        font-size: 12px;
    }

    .SocialResponseList .SocialResponseUl .active {
        border-right: 2px solid #C39043;
    }

    .SocialResponseList .SocialResponseOwl .owl-nav .owl-prev {
        right: 40px;
    }

    .SocialResponseList .SocialResponseOwl .owl-nav .owl-prev,
    .SocialResponseList .SocialResponseOwl .owl-nav .owl-next {
        width: 30px;
        height: 30px;
    }

    .ESGList .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .ESGList .titles {
        font-size: 20px;
    }

    .ESGList .infoAll .introduceInfo {
        padding: 0;
    }

    .ESGList .infoAll .introduceInfo .introduceTitle .introduceENname {
        font-size: 16px;
        height: 24px;
        line-height: 24px;
    }

    .ESGList .infoAll .introduceInfo .introduceTitle .introduceCNname {
        font-size: 20px;
    }

    .ESGList .infoAll .introduceInfo .introduceContent {
        font-size: 14px;
        margin-top: 10px;
        line-height: 22px;
        -webkit-line-clamp: 5;
    }


    .ESGList #infoAllList li {
        margin-bottom: 20px;
    }

    .ESGList #infoAllList li .tipscon span {
        font-size: 16px;
    }

    .ESGList .ESGOwl .owl-carousel.owl-drag .owl-item .item {
        height: 200px;
    }

    .ESGList .ESGUl {
        height: 200px;
    }

    .ESGList .ESGUl li {
        padding: 5px;
        font-size: 12px;
    }

    .ESGList .ESGUl .active {
        border-right: 2px solid #C39043;
    }

    .ESGList .ESGOwl .owl-nav .owl-prev {
        right: 40px;
    }

    .ESGList .ESGOwl .owl-nav .owl-prev,
    .ESGList .ESGOwl .owl-nav .owl-next {
        width: 30px;
        height: 30px;
    }

    .HomeBody .box6 {
        min-height: 280px;
        padding: 20px 0;
    }

    .HomeBody .box7 {
        min-height: 270px;
    }

    .TalentConceptTit .tipscon {
        margin: 10px 0;
    }

    .TalentConceptTit .tipscon:nth-child(2) {
        margin-top: 10px;
    }

    .TalentConceptTit .tipscon .tipsconTitle {
        font-size: 18px;
    }

    .TalentConceptTit .tipscon .tipsconTips {
        font-size: 14px;
    }

    .TalentConceptTit .tipscon .tipsconval {
        font-size: 14px;
    }

    .TalentConceptAbout .owl-nav .owl-prev,
    .TalentConceptAbout .owl-nav .owl-next {
        width: 22px;
        height: 22px;
        bottom: -10px;
    }

    .TalentConceptAbout .owl-nav .owl-prev {
        left: -80px;

    }

    .TalentDevelopList {
        margin: 20px 0;
    }

    .TalentDevelopList .TalentDevelopOwl .tipscon {
        padding: 5px;
    }

    .TalentDevelopList .TalentDevelopOwl .tipscon span {
        font-size: 12px;
    }

    .TalentDevelopList .TalentDevelopOwl .owl-carousel.owl-drag .owl-item .item {
        width: 100%;
        height: 200px;
    }

    .TalentDevelopList .TalentDevelopUl {
        height: 200px;
    }

    .TalentDevelopList .TalentDevelopUl li {
        padding: 5px;
        font-size: 12px;
    }

    .HotelList {
        margin: 20px 0;
    }

    .HotelList .HotelOwl {
        width: 65%;
        float: left;
    }

    .HotelList .HotelOwl .tipscon {
        padding: 5px;
    }

    .HotelList .HotelOwl .tipscon span {
        font-size: 12px;
    }

    .HotelList .HotelOwl .owl-carousel.owl-drag .owl-item .item {
        width: 100%;
        height: 250px;
    }

    .HotelList .HotelUl {
        height: 250px;
        width: 35%;
    }

    .HotelList .HotelUl li {
        padding: 5px;
        font-size: 12px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox {
        padding: 5px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopImg {
        width: 100px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon {
        width: calc(100% - 100px);
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon .TalentDeveloptips {
        font-size: 14px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon .TalentDevelopval {
        font-size: 12px;
    }

    .ResidenceAbout .item {
        height: 300px;
    }

    .ResidenceAbout .item {
        height: 300px;
    }

    .ResidenceAbout .ResidenceTit .titles {
        font-size: 18px;
    }

    .ResidenceAbout .ResidenceTit .info {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 26px;
        font-size: 14px;
    }

    .ResidenceAbout .SuperMarketTit .titles {
        font-size: 18px;
    }

    .ResidenceAbout .SuperMarketTit .info {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 26px;
        font-size: 14px;
    }


    .banallbox {
        line-height: 30px;
        height: 30px;
    }

    .banallbox .banbox {
        font-size: 14px;
    }

    .ResidenceDetails {
        min-height: 500px;
    }

    .ResidenceDetails .ResidenceDetailsIntroduce {
        padding: 10px 5px;
        width: 65%;
        min-height: 500px;
    }

    .ResidenceDetails .ResidenceDetailsIntroduce .topic {
        font-size: 20px;
    }

    .ResidenceDetails .ResidenceDetailsIntroduce .content {
        line-height: 26px;
    }

    .ResidenceDetails .ResidenceDetailsInformation {
        padding: 10px 5px;
        width: 33%;
        min-height: 500px;
    }

    .ResidenceDetails .ResidenceDetailsInformation .tips {
        font-size: 20px;
    }

    .ResidenceDetails .ResidenceDetailsInformation .infos {
        line-height: 26px;
    }

    .ResidenceDetails .ResidenceDetailsInformation .infos .infostit {
        vertical-align: top;
    }

    .BanTips {
        font-size: 20px;
    }

    .BanImg {
        height: 300px;
    }

    .BanImg .item {
        height: 300px;
    }

    .BanImg .item .itemTits .tip {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .BanImg .item .itemTits .con {
        font-size: 12px;
        line-height: 20px;
    }

    .lifeno .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoContips,
    .life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoContips {
        font-size: 16px;
    }

    .lifeno .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoCons,
    .life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoCons {
        font-size: 12px;
    }

    .knowsAllInfo .chairimg {
        width: 50%;
    }

    .knowsAllInfo .knowsList {
        padding: 10px;
    }

    .knowsAllInfo .knowsList .knowsTit {
        font-size: 18px;
    }

    .knowsAllInfo .knowsList .knowsCon {
        margin: 10px 0;
        line-height: 20px;
        font-size: 12px;
    }

    .knowsAllInfo .knowsList .knowsknowsList dl dd {
        border-bottom: 0;
    }

    .knowsAllInfo .knowsList .knowsknowsList dl dd p {
        font-size: 12px;
        line-height: 20px;
        height: 24px;
    }

    .knowsAllInfo .knowsList .knowsknowsList dl dd .num {
        font-size: 12px;
    }

    .knowsAllInfo .knowsList .knowsknowsList dl dd .num .counter {
        font-size: 24px;
    }

    .PropertyList .PropertyItem {
        padding: 10px;
    }

    .PropertyList .PropertyItem .conTitles {
        font-size: 18px;
    }

    .PropertyList .PropertyItem .conBottom {
        margin-top: 5px;
    }

    .PropertyList .PropertyItem .conBottom .conTimes {
        line-height: 20px;
        font-size: 14px;
    }

    .PropertyList .PropertyItem .conBottom .conTimesIcon {
        font-size: 60px;
        bottom: 20px;
        right: 10px;
    }

    .HotLine .HotLineItem .hotTit {
        font-size: 18px;
    }

    .HotLine .HotLineItem .hotcons {
        font-size: 14px;
    }

    .ScienceLine .ScienceItem .ScienceTit {
        color: #333333;
        font-size: 16px;
    }

    .ScienceLine .ScienceItem .Sciencecons {
        color: #666666;
    }

    .ScienceLine .ScienceItem .Sciencecon {
        color: #666666;
    }

}

@media (max-width:640px) {
    .Showbox {
        width: 40%;
    }

    .w1440 {
        padding: 0 1%;
    }

    .Single {
        max-width: 600px;
    }

    .indexHomeTit {
        width: 100%;
        height: auto;
        text-align: left;
        position: relative;
    }

    .chairHomeTit {
        width: 100%;
        position: relative;
    }

    .indexHomeAbout {
        margin-left: 0;
        width: 100%;
    }

    .ScienceVideo {
        margin-left: 0;
    }

    .chairHomeAbout {
        width: 100%;
        height: auto;
        text-align: left;
        position: relative;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }


    .chairHomeAbout .titles {
        text-align: left;
    }

    .chairHomeAbout .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .chairHomeAbout .info {
        line-height: 22px;
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .chairHomeAbout .chairimg {
        bottom: -30px;
    }

    .GroupHomeAbout {
        width: 100%;
        height: auto;
        text-align: left;
        position: relative;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .GroupHomeAbout .titles {
        text-align: left;
    }

    .GroupHomeAbout .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .GroupHomeAbout .info {
        line-height: 22px;
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .GroupHomeAbout .chairimg {
        bottom: -30px;
    }

    .GroupRoomAbout {
        width: 100%;
        height: auto;
        text-align: left;
        position: relative;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .GroupRoomAbout .titles {
        text-align: left;
    }

    .GroupRoomAbout .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .GroupRoomAbout .info {
        line-height: 24px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .GroupRoomAbout .chairimg {
        bottom: -30px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge {
        padding: 10px;
        top: 10%;
        width: 100%;
    }

    .GroupCommerceAbout {
        width: 100%;
        height: auto;
        text-align: left;
        position: relative;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .GroupCommerceAbout .titles {
        text-align: left;
    }

    .GroupCommerceAbout .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .GroupCommerceAbout .info {
        line-height: 24px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .GroupCommerceAbout .chairimg {
        bottom: -30px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge {
        padding: 10px;
        top: 10%;
        width: 100%;
    }

    .GroupShopeAbout .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .GroupShopeAbout .titles {
        font-size: 18px;
    }

    .GroupShopeAbout .info {
        line-height: 24px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .GroupShopeAbout .infoImg .chairimg {
        float: left;
        width: 100%;
        height: 100%;
    }

    .GroupShopeAbout .infoImg .shopCon {
        display: none;
    }

    .searchAll {}

    .searchAll .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .searchAll .titles {
        text-align: left;
    }

    .searchAll .searchList {
        margin-top: 20px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .searchAll .searchList .searchItem {
        width: 100%;
        border-bottom: 1px solid #E4E4E4;
        margin-bottom: 30px;
        position: relative;
    }

    .searchAll .searchList .searchItem .effect-img {
        margin-top: 30px;
    }

    .searchAll .searchList .searchItem .con {
        padding: 5% 0;
    }

    .searchAll .searchList .searchItem .con .conTitles {
        font-size: 16px;
        line-height: 20px;
        height: 20px;
    }

    .searchAll .searchList .searchItem .con .conBottom {
        margin-top: 30px;
        font-size: 14px;
    }

    .searchAll .searchList .searchItem .con .conBottom .conTimes {
        float: left;
        color: #7D552D;
        font-weight: 700;
        position: absolute;
        top: 0;
        font-size: 18px;
    }

    .searchAll .searchList .searchItem .con .conBottom .conMore {
        float: left;
    }

    .businesshAll {
        /* margin-left: 35%; */
    }

    .businesshAll .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .businesshAll .titles {
        font-size: 18px;
    }

    .businesshAll .businessList {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }

    .businesshAll .businessList .businessItem {
        width: 100%;
        margin-bottom: 20px;
    }

    .businesshAll .businessList .businessItem .con {
        height: 52px;
        line-height: 50px;
    }

    .businesshAll .businessList .businessItem .con .conTitles {
        font-size: 18px;
    }

    .businesshAll .businessList .businessItem .con .conMore {
        float: right;
    }

    .businesshAll .businessList .businessItem .con .conMore span {
        font-size: 14px;
    }

    .businesshAll .businessList .businessItem .contipsbox {
        max-height: 210px;
        top: calc(50% - 75px);
    }

    .businesshAll .businessList .businessItem .contipsbox ul li {
        font-size: 14px;
    }

    .MemorabiliaList {
        width: 100%;
        height: auto;
        text-align: left;
        position: relative;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .MemorabiliaList .titles {
        text-align: left;
    }

    .MemorabiliaList .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .MemorabiliaList .infoList {
        margin-bottom: 0;
    }

    .MemorabiliaList .infoList .item {
        padding: 10px;
        max-height: 400px;
        border-right: 0;
    }

    .MemorabiliaList .infoList .item::-webkit-scrollbar {
        /* border-right: 1px solid #7D552D; */
    }

    .MemorabiliaList .infoList .item .effect-title {
        font-size: 16px;
    }

    .MemorabiliaList .infoList .item .con {
        width: 100%;
    }

    .MemorabiliaList .infoList .item .info {
        font-size: 14px;
        color: #666666;
        text-align: left;
        margin-top: 10px;
        /* margin-bottom: 20px; */
        position: relative;
    }

    .MemorabiliaList .infoList .item .info .infotips {
        width: 10px;
        height: 10px;
        color: #C39043;
        float: left;
        border-radius: 50%;
        background-color: #C39043;
        position: absolute;
        top: calc(50% - 5px);
    }

    .MemorabiliaList .infoList .item .info .infocon {
        float: left;
        margin-left: 20px;
    }

    .ManagementList .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .ManagementList .titles {
        /* font-size: 18px; */
    }

    .ManagementList .infoList {
        margin-top: 20px;
    }

    .ManagementList .infoList .infoListItem {
        /* padding: 0; */
    }

    .ManagementList .infoList .infoListItem .chairimg {
        width: 100%;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
        top: 0;
        transform: translateY(0);
        padding: 0;
    }

    .ManagementList .infoList .infoListItem .chairimg img {
        width: 70%;
    }

    .ManagementList .infoList .infoListItem .introduceInfo {
        width: 100%;
        float: none;
        margin-left: 0;
        min-height: 150px;
        margin-top: 10px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle {}

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle .introduceCNname {
        font-size: 20px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceTitle .introduceENname {
        font-size: 12px;
    }

    .ManagementList .infoList .infoListItem .introduceInfo .introduceContent {
        line-height: 20px;
        font-size: 12px;
    }

    .Menu ul {
        padding: 0;
    }

    .Menu li:hover a,
    .Menu li.on a {
        color: #d7bb5a;
        border-bottom: 2px solid #d7bb5a;
    }

    .indexNewTit {
        width: 100%;
        height: auto;
        text-align: center;
        position: relative;
        left: 0;
    }

    .indexNewTit .info {
        margin-top: 0;
        line-height: 50px;
        margin-bottom: 10px;
        text-align: center;
    }

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

    .indexNewAbout {
        width: 100%;
        height: auto;
        text-align: left;
        position: relative;
        left: 0;
    }

    .indexNewAbout .item .effect-img {
        height: 250px;
    }

    .owl-carousel .owl-nav {
        height: 0;
    }

    .indexNewAbout .owl-nav .owl-prev {
        left: calc(50% - 20px);
        bottom: 15px;
    }

    .indexNewAbout .owl-nav .owl-next {
        left: calc(50% + 20px);
        bottom: 15px;
    }

    .MemorabiliaList .owl-nav .owl-prev {
        left: calc(50% - 20px);
        bottom: -10px;
    }

    .MemorabiliaList .owl-nav .owl-next {
        left: calc(50% + 20px);
        bottom: -10px;
    }

    .Contactinfo .footInfoList .footInfoItem:not(:nth-child(1)) {
        display: none;
    }

    .footInfoItem:nth-child(1) {
        width: 100%;
    }

    .Contactinfo .footInfoList .footLogo {
        display: none;
    }

    .Footer .botBot {
        float: left;
    }

    .PlaceSlider li .pic img {
        height: 83px;
    }

    .Supermarket .list li {
        width: 48%;
        margin: 0 0 4%;
    }

    .Supermarket .list li:nth-child(2n) {
        float: right;
    }

    .Supermarket .list li .effect-img img {
        height: 177px;
    }

    .CarList li {
        width: 48%;
        margin: 0 0 4%;
    }

    .CarList li:nth-child(2n) {
        float: right;
    }

    .CarList li .effect-img img {
        height: 170px;
    }

    .FamilyBox li .effect-img img {
        height: 330px;
    }

    .CompanyList li,
    .CompanyList li:nth-child(2n) {
        width: auto;
        float: none;
    }

    .CompanyList li .con {
        padding: 15px;
    }

    .CompanyList li .info {
        min-height: auto;
    }

    .ReportList li,
    .ReportList li:nth-child(2n) {
        width: auto;
        float: none;
    }

    .ReportList li .effect-img {
        height: 265px;
    }

    .ActiveContent .Atit h2 {
        font-size: 18px;
    }

    .ActiveContent .Atit em {
        padding: 5px 0 10px;
    }

    .ActiveContent .Atit em i {
        padding: 0px 5px;
    }

    .ContactBox .box {
        padding: 6% 4%;
    }

    .ContactBox .title .icon {
        width: 40px;
    }

    .ContactList li,
    .ContactList li:nth-child(2n) {
        width: auto;
        float: none;
    }

    .ideaBox .con {
        line-height: 28px;
    }

    .ideaList li,
    .ideaList li:nth-child(2n) {
        width: auto;
        float: none;
    }

    .ideaList li .con {
        height: auto;
        font-size: 14px;
    }

    .ideaBox .mask {
        position: static;
        width: auto;
        padding: 20px;
        text-align: center;
        display: block;
        background: #d7bb5a;
    }

    .ideaBox .mask img {
        margin: 0 auto 10px;
        width: 150px;
    }

    .ideaBox .mask .title {
        font-size: 16px;
        line-height: 30px;
    }

    .ideaBox .mask p {
        font-size: 14px;
    }

    .JobList li .Con .list {
        font-size: 14px;
        line-height: 24px;
    }

    .JobList li .Con .list p,
    .JobList li .Con .list p:nth-child(2n) {
        width: auto;
        float: none;
    }

    .JobSearch form .input {
        height: 40px;
    }

    .CollegeList li {
        width: 49.75%;
        margin-right: 0;
    }

    .CollegeList li:nth-child(2n) {
        float: right;
    }

    .OnlineBox dl,
    .OnlineBox dl:nth-child(2n) {
        width: auto;
        float: none;
    }

    #inFooter .le {
        text-align: center;
        margin-bottom: 20px;
    }

    #inFooter .le,
    #inFooter .unx {
        width: auto;
        float: none;
    }

    .JoinAbout .Selectbox select {
        width: auto;
        margin-right: 0;
        float: none;
    }

    .JoinAbout .Selectbox select:nth-child(2n) {
        float: none;
    }

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

    .JoinAbout .hd li {
        width: 100px;
        margin: 0 10px;
    }

    .JoinAbout .hd li a {
        line-height: 36px;
        font-size: 16px;
    }

    .Menu ul {
        border: 0;
    }

    .Menu li a {
        padding: 0px 10px;
    }

    .gisCon {
        position: relative;
    }

    .gisCon .gitmapTips {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        height: 100%;
        background-color: #f1f0f08a;
    }

    .gisCon .gitmaptit {
        width: 100%;
        float: none;
        position: relative;
        left: 0;
        margin: 0 auto;
        top: 0;
        transform: translateY(0);
        padding: 15px;
    }

    .gisCon .gitmaptit .gitmaptit1 {
        font-size: 18px;
    }

    .gisCon .gitmaptit .gitmaptit2 {
        font-size: 14px;
        margin: 10px 0;
    }

    .gisCon .gitmaptit .gitmaptit3 {
        font-size: 14px;
    }

    .gisCon .gitmaptit .gitmaptit4 {
        font-size: 14px;
    }

    .gisCon .gitmaptit .gitmaptit5 {
        font-size: 14px;
        margin-top: 10px;
    }

    .gisCon .gitmaptit .gitmaptit6 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #mapContainer {
        width: 100%;
        margin-left: 0;
        height: 455px;
    }

    #mapContainer iframe {
        width: 100%;
        height: 100%;
    }

    /* #mapContainer .con640 {
        display: block;
    }

    #mapContainer .con1920,
    #mapContainer .con1440,
    #mapContainer .con1024,
    #mapContainer .con992,
    #mapContainer .con768,
    #mapContainer .con400 {
        display: none;
    } */

    .newsInfos .newsCon {
        float: left;
        width: 100%;
        height: 100%;
    }

    .newsInfos .newsTips {
        display: none;
    }

    .newsInfos .newsCon .newsConTittle {
        font-size: 18px;
        line-height: 20px;
        height: 20px;
    }

    .newsInfos .newsCon .newsConTips {
        font-size: 14px;
        padding: 5px 0;
    }

    .newsInfos .newsCon .newsConTips i {
        font-size: 12px;
    }

    .newsInfos .newsCon .newsConTips .newsConTipsIcons .newsIcon {
        font-size: 16px;
    }

    .newsInfos .newsCon .newsConBottom {
        font-size: 14px;
        line-height: 100%;
        height: 100%;
    }

    .newsInfos .newsCon .newsConBottom .newsConBottomPre,
    .newsInfos .newsCon .newsConBottom .newsConBottomNext {
        width: 100%;
        float: left;
        height: 30px;
        line-height: 30px;
    }

    .SocialResponseList .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .SocialResponseList .titles {
        font-size: 20px;
    }

    .SocialResponseList .infoAll .introduceInfo {
        padding: 0;
        width: 100%;
    }

    .SocialResponseList .infoAll .chairimg {
        width: 100%;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceTitle .introduceENname {
        font-size: 16px;
        height: 24px;
        line-height: 24px;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceTitle .introduceCNname {
        font-size: 20px;
    }

    .SocialResponseList .infoAll .introduceInfo .introduceContent {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .SocialResponseList #infoAllList li {
        margin-bottom: 20px;
        width: calc(50% - 10px);
        float: left;
        margin-right: 0;
        margin-left: 0;
    }

    .SocialResponseList #infoAllList li:nth-child(1) {
        width: 100%;
    }

    .SocialResponseList #infoAllList li:nth-child(2),
    .SocialResponseList #infoAllList li:nth-child(4) {
        margin-right: 5px;
    }

    .SocialResponseList #infoAllList li:nth-child(3),
    .SocialResponseList #infoAllList li:nth-child(5) {
        margin-left: 5px;
    }

    .SocialResponseList #infoAllList li .tipscon span {
        font-size: 14px;
    }

    .SocialResponseList .SocialResponseOwl {
        width: 100%;
        float: left;
    }

    .SocialResponseList .SocialResponseOwl .owl-carousel.owl-drag .owl-item .item {
        height: 310px;
    }

    .SocialResponseList .SocialResponseUl {
        width: 100%;
        float: left;
        float: left;
        height: 40px;
    }

    .SocialResponseList .SocialResponseUl li {
        padding: 5px;
        font-size: 12px;
        display: none;
    }

    .SocialResponseList .SocialResponseUl .active {
        border-right: 2px solid #C39043;
        display: block;
    }

    .SocialResponseList .SocialResponseOwl .owl-nav .owl-prev,
    .SocialResponseList .SocialResponseOwl .owl-nav .owl-next {
        width: 30px;
        height: 30px;

    }

    .SocialResponseList .SocialResponseOwl .owl-nav .owl-prev {
        top: calc(50% - 30px);
        left: 0;
    }

    .SocialResponseList .SocialResponseOwl .owl-nav .owl-next {
        top: calc(50% - 30px);
        right: 0;
    }

    .ESGList .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .ESGList .titles {
        font-size: 20px;
    }

    .ESGList .infoAll .introduceInfo {
        padding: 0;
        width: 100%;
    }

    .ESGList .infoAll .chairimg {
        width: 100%;
    }

    .ESGList .infoAll .introduceInfo .introduceTitle .introduceENname {
        font-size: 16px;
        height: 24px;
        line-height: 24px;
    }

    .ESGList .infoAll .introduceInfo .introduceTitle .introduceCNname {
        font-size: 20px;
    }

    .ESGList .infoAll .introduceInfo .introduceContent {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ESGList #infoAllList li {
        margin-bottom: 20px;
        width: calc(50% - 10px);
        float: left;
        margin-right: 0;
        margin-left: 0;
    }

    .ESGList #infoAllList li:nth-child(1) {
        width: 100%;
    }

    .ESGList #infoAllList li:nth-child(2),
    .ESGList #infoAllList li:nth-child(4) {
        margin-right: 5px;
    }

    .ESGList #infoAllList li:nth-child(3),
    .ESGList #infoAllList li:nth-child(5) {
        margin-left: 5px;
    }

    .ESGList #infoAllList li .tipscon span {
        font-size: 16px;
    }

    .ESGList .ESGOwl {
        width: 100%;
        float: left;
    }

    .ESGList .ESGOwl .owl-carousel.owl-drag .owl-item .item {
        height: 310px;
    }

    .ESGList .ESGUl {
        width: 100%;
        float: left;
        height: 40px;
    }

    .ESGList .ESGUl li {
        padding: 5px;
        font-size: 12px;
        display: none;
    }

    .ESGList .ESGUl .active {
        border-right: 2px solid #C39043;
        display: block;
    }

    .ESGList .ESGOwl .owl-nav .owl-prev,
    .ESGList .ESGOwl .owl-nav .owl-next {
        width: 30px;
        height: 30px;

    }

    .ESGList .ESGOwl .owl-nav .owl-prev {
        top: calc(50% - 30px);
        left: 0;
    }

    .ESGList .ESGOwl .owl-nav .owl-next {
        top: calc(50% - 30px);
        right: 0;
    }

    .HomeBody .box6 {
        min-height: 280px;
        padding-top: 15px;
        padding-bottom: 40px;
    }

    .HomeBody .box7 {
        min-height: 270px;
    }

    .TalentConceptTit .tipscon {
        margin: 10px 0;
    }

    .TalentConceptTit .tipscon:nth-child(2) {
        margin-top: 10px;
    }

    .TalentConceptTit .tipscon .tipsconTitle {
        font-size: 18px;
    }

    .TalentConceptTit .tipscon .tipsconTips {
        font-size: 14px;
    }

    .TalentConceptTit .tipscon .tipsconval {
        font-size: 14px;
    }

    .TalentConceptTit {
        width: 100%;
        height: auto;
        text-align: center;
        position: relative;
        left: 0;
    }

    .TalentConceptAbout {
        width: 100%;
        height: auto;
        text-align: left;
        position: relative;
        left: 0;
    }

    .owl-carousel .owl-nav {
        height: 0;
    }

    .TalentConceptAbout .owl-nav .owl-prev {
        left: calc(50% - 20px);
        bottom: -30px;
    }

    .TalentConceptAbout .owl-nav .owl-next {
        left: calc(50% + 20px);
        bottom: -30px;
    }

    .TalentDevelopList {
        margin: 20px 0;
    }

    .TalentDevelopAll {
        position: relative;
    }

    .TalentDevelopList .TalentDevelopOwl {
        width: 100%;
        float: left;
        left: 0;
        top: 45px;
    }

    .TalentDevelopList .TalentDevelopOwl .tipscon {
        padding: 5px;
        white-space: normal;
        line-height: 20px;
    }

    .TalentDevelopList .TalentDevelopOwl .tipscon span {
        font-size: 12px;
    }

    .TalentDevelopList .TalentDevelopOwl .owl-carousel.owl-drag .owl-item .item {
        width: 100%;
        height: 310px;
    }

    .TalentDevelopList .TalentDevelopOwl .owl-nav .owl-prev,
    .TalentDevelopList .TalentDevelopOwl .owl-nav .owl-next {
        width: 30px;
        height: 30px;
    }

    .TalentDevelopList .TalentDevelopOwl .owl-nav .owl-prev {
        top: calc(50% - 30px);
        left: 0;
    }

    .TalentDevelopList .TalentDevelopOwl .owl-nav .owl-next {
        top: calc(50% - 30px);
        right: 0;
    }

    .TalentDevelopList .TalentDevelopUl {
        width: 100%;
        float: left;
        height: 45px;
        line-height: 45px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .TalentDevelopList .TalentDevelopUl li {
        padding: 0 15px;
        font-size: 12px;
        float: left;
        width: 25%;
        background: #F4EFE8;
    }

    .TalentDevelopList .TalentDevelopUl li a {
        width: 100%;
        height: 100%;
        display: block;
        color: #7D552D;
        text-align: center;
    }

    .TalentDevelopList .TalentDevelopUl .active {
        background-color: #C39043;
        border-right: 0;
    }

    .TalentDevelopList .TalentDevelopUl .active a {
        color: #fff;
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
    }

    .HotelList {
        margin: 0;
    }

    .HotelList .HotelOwl {
        width: 100%;
        float: left;
        left: 0;
        top: 0;
    }

    .HotelList .HotelOwl .tipscon {
        padding: 5px;
        white-space: normal;
        line-height: 20px;
        display: none;
    }

    .HotelList .HotelOwl .tipscon span {
        font-size: 12px;
    }

    .HotelList .HotelOwl .owl-carousel.owl-drag .owl-item .item {
        width: 100%;
        height: 280px;
    }

    .HotelList .HotelOwl .owl-nav .owl-prev,
    .HotelList .HotelOwl .owl-nav .owl-next {
        width: 30px;
        height: 30px;
    }

    .HotelList .HotelOwl .owl-nav .owl-prev {
        top: calc(50% - 30px);
        left: 0;
    }

    .HotelList .HotelOwl .owl-nav .owl-next {
        top: calc(50% - 30px);
        right: 0;
    }

    .HotelList .HotelUl {
        width: 100%;
        height: auto;
        line-height: auto;
        float: left;
    }

    .HotelList .HotelUl li {
        padding: 15px;
        font-size: 12px;
        float: left;
        width: 100%;
        background: #F4EFE8;
        display: none;
    }

    .HotelList .HotelUl li a {
        width: 100%;
        height: 100%;
        display: block;
        color: #7D552D;
        text-align: center;
    }

    .HotelList .HotelUl .active {
        background-color: #7D552D;
        opacity: 0.9;
        border-right: 0;
        display: block;
        white-space: normal;
    }

    .HotelList .HotelUl .active a {
        color: #fff;
        width: 100%;
        height: 100%;
        display: block;
        text-align: left;
        font-size: 20px;
    }

    .HotelList .HotelUl li a .HotelLi640 {
        display: block;
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
    }

    .TalentDevelopIdeaBox {
        width: 100%;
        height: 100%;
        margin-top: 65px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox {
        padding: 5px;
        width: 100%;
        margin: 10px 0;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopImg {
        width: 100px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon {
        width: calc(100% - 100px);
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon .TalentDeveloptips {
        font-size: 14px;
    }

    .TalentDevelopIdeaBox .TalentDevelopItemBox .TalentDevelopCon .TalentDevelopval {
        font-size: 12px;
        min-height: 70px;
    }

    .ResidenceAbout {
        margin-bottom: 40px;
    }

    .ResidenceAbout .item {
        height: 500px;
    }

    .ResidenceAbout .ResidenceTit {
        width: 100%;
        height: 145px;
        text-align: left;
        float: left;
    }

    .ResidenceAbout .ResidenceTit .titles {
        font-size: 18px;
        margin-top: 0;
    }

    .ResidenceAbout .ResidenceTit .info {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 26px;
        font-size: 14px;
    }

    .ResidenceAbout .ResidenceTit .titMore {
        font-size: 12px;
        top: 110px;
    }

    .ResidenceAbout .SuperMarketTit {
        width: 100%;
        height: auto;
        text-align: left;
        float: left;
    }

    .ResidenceAbout .SuperMarketTit .titles {
        font-size: 18px;
        margin-top: 0;
    }

    .ResidenceAbout .SuperMarketTit .info {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 26px;
        font-size: 14px;
    }

    .ResidenceAbout .effect-img {
        float: left;
        width: 100%;
        height: 300px;
        position: relative;
        overflow: hidden;
    }

    .ResidenceAbout .owl-nav .owl-prev {
        left: calc(50% - 30px);
    }

    .ResidenceAbout .owl-nav .owl-next {
        left: calc(50% + 30px);
    }

    .ResidenceAbout .owl-nav .owl-prev,
    .ResidenceAbout .owl-nav .owl-next {
        bottom: -40px;
    }

    .ResidenceDetails .ResidenceDetailsIntroduce {
        width: 100%;
        min-height: auto;
        margin-bottom: 20px;
    }

    .ResidenceDetails .ResidenceDetailsInformation {
        width: 100%;
        min-height: auto;
    }

    .BanImg .item {
        height: 300px;
        padding: 0 3%;
    }

    .BanImg .owl-nav .owl-prev,
    .BanImg .owl-nav .owl-next {
        width: 30px;
        height: 30px;
    }

    .BanImg .owl-nav .owl-prev {
        left: 0;
    }

    .BanImg .owl-nav .owl-next {
        right: 0;
    }

    .CoBrand {
        height: 180px;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .CoBrand .item .effect-img {
        margin-bottom: 10px;
    }

    .CoBrand .owl-nav .owl-prev,
    .CoBrand .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        top: auto;
        bottom: -36px;
    }

    .CoBrand .owl-nav .owl-prev {
        left: calc(50% - 40px);
        right: auto;
    }

    .CoBrand .owl-nav .owl-next {
        right: calc(50% - 40px);
        left: auto;
    }

    .BanTips {
        font-size: 16px;
        margin-bottom: 10px
    }

    .lifeno {
        display: none;
    }

    .life640 {
        display: block;
    }

    .life640 .LifeInfoItem {
        width: 50%;
        text-align: center;
        margin-left: 0;
    }

    .life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon {
        -webkit-transform: none;
        transform: none;
        margin-top: 0;
        height: 100%;
        overflow: hidden;
    }

    .life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoContips {
        font-size: 14px;
    }

    .life640 .LifeInfoItem .LifeInfodiv .LifeInfoCon .LifeInfoCons {
        display: block;
        font-size: 12px;
        padding: 5px;
        /* height: calc(100% - 35px); */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /* white-space: nowrap; */
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .knowsAllInfo .chairimg {
        width: 100%;
    }

    .knowsAllInfo .knowsList {
        width: 100%;
        padding: 20px;
    }

    .PropertyList {
        margin-top: 20px;
    }

    .PropertyList .PropertyItem {
        padding: 10px;
        width: 48%;
        margin-bottom: 20px;
    }

    .HotLine {
        margin-top: 0;
    }

    .HotLine .HotLineItem {
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .HotLine .HotLineItem:nth-child(1) {
        width: 80%;
    }

    .HotLine .HotLineItem .hotTit {
        font-size: 14px;
    }

    .HotLine .HotLineItem .hotcon {
        font-size: 18px;
    }

    .HotLine .HotLineItem .hotcons {
        font-size: 12px;
    }

    .HotLine .HotLineItem:nth-child(1) .hotcon {
        margin-top: 10px;
    }

    .HotLine .HotLineItem:nth-child(2) {
        width: 70%;
    }

    .HotLine .HotLineItem:nth-child(3) {
        width: 30%;
    }

    .HotLine .HotLineItem .hotimg img {
        width: 100%;
    }

    .HealthList {
        margin-bottom: 20px;
    }

    .ScienceLine {
        margin-top: 0;
    }

    .ScienceLine .ScienceItem {
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .ScienceLine .ScienceItem:nth-child(1) {
        width: 100%;
        margin-top: 10px;
    }

    .ScienceLine .ScienceItem:nth-child(1) .hotcon {
        margin-top: 10px;
    }

    .ScienceLine .ScienceItem:nth-child(2) {
        width: 70%;
    }

    .ScienceLine .ScienceItem:nth-child(3) {
        width: 30%;
    }

    .ScienceLine .ScienceItem .ScienceTit {
        color: #333333;
        font-size: 16px;
    }

    .ScienceLine .ScienceItem .Sciencecons {
        color: #666666;
    }

    .ScienceLine .ScienceItem .Sciencecon {
        color: #666666;
    }
}

@media (max-width:560px) {
    .Single {
        max-width: 550px;
    }

    .History {
        background: url(../img/historyline.gif) 84px top repeat-y;
    }

    .History .dot {
        left: 70px;
    }

    .History .item {
        padding-left: 95px;
    }

    .History .item .year {
        line-height: 26px;
        width: 90px;
    }

    .History .item .year span {
        width: 70px;
        font-size: 15px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd .num .counter {
        font-size: 20px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd .num .counter {
        font-size: 20px;
    }
}

@media (max-width:480px) {

    .w1440,
    .auto {
        margin: 0;
    }

    .Single {
        max-width: 450px;
    }

    .ptb3 {
        padding: 2% 0;
    }

    .mb3 {
        margin-bottom: 5%;
    }

    .pb3 {
        padding-bottom: 5%;
    }

    .BanTxt {
        padding: 80px 0 40px;
    }

    .BanTxt h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .BanTxt p {
        font-size: 16px;
        line-height: 24px;
    }

    .Showbox {
        width: 50%;
    }

    .Logo {
        width: 100px;
        padding: 10px 0px;
    }

    .Banner .mouse {
        width: 20px;
        margin-left: -10px;
    }

    .HomeTit {
        margin-bottom: 6%;
    }

    .indexHomeTit {
        margin-bottom: 6%;
    }

    .indexHomeTit .titles {
        font-size: 18px;
    }

    .chairHomeAbout {
        margin-bottom: 6%;
        padding: 10px;
    }

    .chairHomeAbout .titles {
        font-size: 18px;
    }

    .GroupHomeAbout {
        margin-bottom: 6%;
        padding: 10px;
    }

    .GroupHomeAbout .titles {
        font-size: 18px;
    }

    .GroupRoomAbout {
        margin-bottom: 6%;
        padding: 10px;
    }

    .GroupRoomAbout .titles {
        font-size: 18px;
    }

    .GroupCommerceAbout {
        margin-bottom: 6%;
        padding: 10px;
    }

    .GroupCommerceAbout .titles {
        font-size: 18px;
    }

    .MemorabiliaList {
        /* margin-bottom: 6%;
        padding: 10px; */
    }

    .MemorabiliaList .titles {
        font-size: 18px;
    }

    .MemorabiliaList .infoList .item {
        padding: 10px;
        max-height: 380px;
        border-right: 0;
    }

    .ManagementList {
        margin-bottom: 6%;
        padding: 10px;
    }

    .ManagementList .titles {
        font-size: 18px;
    }

    .HomeTit h2 {
        font-size: 20px;
    }

    .Homeindustry .bdCon,
    .Homeindustry .bdCon li .info {
        margin: 5% 0;
    }

    .hdtit li {
        width: 120px;
    }

    .Homeindustry .bdCon li .title,
    .HomeAbout .title {
        font-size: 18px;
    }

    .Homeindustry .bdCon li .info {
        font-size: 14px;
        margin: 10px 0;
    }

    /* .Homeindustry .bd{padding-bottom: 60px;} */
    .HomeNews .con .title {
        margin: 5px 0;
    }

    .HomeNews .owl-nav .owl-prev {
        left: 35px;
        right: auto;
    }

    .HomeNews .owl-nav .owl:nth-child(2n) {
        left: 103px;
        right: auto;
    }

    .HomeNews .owl-dots {
        left: 174px;
        right: auto;
    }

    .HomeAbout .video .play {
        width: 40px;
        right: 20px;
        bottom: 20px;
    }

    .indexHomeAbout .video .play {
        width: 40px;
        right: 20px;
        bottom: 20px;
    }

    .ScienceVideo .video .play {
        width: 40px;
        right: 20px;
        bottom: 20px;
    }

    .HomeAct .item a {
        margin: 0;
    }

    .Single dl dd p {
        font-size: 12px;
    }

    .ShopBox .title .name {
        font-size: 20px;
    }

    .ShopBox .title p {
        font-size: 16px;
    }

    .ShopBox .con {
        line-height: 30px;
    }

    .SpreadBox .Map,
    .SpreadBox .box {
        width: auto;
        float: none;
    }

    .ResultBox ul li {
        width: 33.3333%;
    }

    .PlaceSlider li .pic img {
        height: 116px;
    }

    .shoptop .title,
    .shoptop .other {
        float: none;
    }

    .CsSearch {
        padding-left: 40px;
    }

    .CsSearch .icon {
        width: 40px;
    }

    .CsSearch form .input {
        height: 40px;
    }

    .Supermarket .list li,
    .Supermarket .list li:nth-child(2n) {
        width: auto;
        float: none;
    }

    .Supermarket .list li .title {
        height: 40px;
        line-height: 40px;
    }

    .Supermarket .list li .effect-img img {
        height: 209px;
    }

    .ThreeMenu a {
        margin: 0 2px 4px;
    }

    .CarAbout .R_car .title {
        font-size: 18px;
    }

    .CarList li,
    .CarList li:nth-child(2n) {
        width: auto;
        float: none;
    }

    .CarList li .title {
        height: 40px;
        line-height: 40px;
    }

    .CarList li .effect-img img {
        height: 192px;
    }

    .BigPic .flex-direction-nav a {
        width: 24px;
        height: 40px;
    }

    .SmallPic li .pic {
        height: 60px;
    }

    .BuyBox li {
        width: 48%;
    }

    .BuyBox li .icon {
        width: 40px;
    }

    .BuyBox li .title p {
        font-size: 12px;
    }

    .FamilyBox li .effect-img img {
        height: 187px;
    }

    .HealthyBox .hd li {
        width: 50%;
        border-bottom: 1px solid #e2e2e2;
    }

    .PicSwiper .swiper-slide {
        width: 100%;
    }

    .Matching .con .bd .list {
        padding: 0 15px 0 10px;
    }

    .ControlBox li,
    .ControlBox li:nth-child(2n) {
        width: auto;
        float: none;
    }

    .ControlBox li {
        margin-bottom: 3%;
    }

    .ReportList li .effect-img {
        height: 200px;
    }

    .ReportList .title,
    .ReportList li .con .year,
    .ReportList li .con .name {
        font-size: 20px;
        line-height: 30px;
    }

    .DownList li .box {
        padding: 10px 50px 10px 0;
    }

    .DownList li .title {
        height: 34px;
        line-height: 34px;
    }

    .DownList li .date {
        display: none;
    }

    .DownList li .gs {
        width: 36px;
        padding: 5px 0;
        margin-top: -17px;
    }

    .DownList li .gs img {
        width: 20px;
    }

    .NewsTop li .effect-img img {
        height: 130px;
    }

    .NewsTop li {
        width: auto;
        float: none;
        margin: 0 0 20px;
    }

    .NewsTop li .effect-img img {
        height: 230px;
    }

    .NewsTop li .con .date span {
        font-size: 18px;
    }

    .NewsTop li .con .info {
        margin-bottom: 0;
    }

    .NewsList li {
        background: #f6f6f6;
    }

    .NewsList li .effect-img,
    .NewsList li .con {
        width: auto;
        float: none;
    }

    .NewsList li .effect-img span {
        height: 220px;
    }

    .NewsList li .date {
        left: 0;
        width: 60px;
        text-align: left;
    }

    .NewsList li .txt {
        padding-left: 80px;
    }

    .SocailBox .con li {
        width: 49%;
        margin-bottom: 10px;
    }

    .SocailBox .con li:nth-child(2n) {
        background: none;
    }

    .SocailBox .con li .num {
        font-size: 30px;
        line-height: 30px;
    }

    .Foundation .f_left .pic {
        height: 220px;
    }

    .ProjectBox li .effect-img img {
        height: 214px;
    }

    .ArtList .item a {
        margin: 0;
    }

    .ContactBox .con {
        margin: 0 15px;
    }

    .ContactBox .con .weixin {
        position: static;
        margin: 15px auto 0;
    }

    .ContactList li {
        margin-top: 5%;
    }

    .ContactList li .info i {
        display: block;
    }

    .LifeList {
        height: auto;
    }

    .LifeList li {
        height: 200px;
        width: 50%;
    }

    .LifeList li:last-child {
        width: 100%;
    }

    .LifeList li .mask {
        background-image: url(../img/mask.png);
        background-color: rgba(0, 0, 0, 0);
    }

    .ideaBox dl dd {
        padding: 15px;
    }

    .ideaBox dl dd .box {
        padding: 0;
    }

    .ideaBox dl dd .box .icon {
        display: block;
        margin: 0 auto 10px;
        position: static;
    }

    .ideaBox dl dd .box .title .name {
        text-align: center;
    }

    .ideaBox dl dd .box .title i {
        margin: 0 auto;
    }

    .ideaList li .Title02 .name {
        font-size: 16px;
        line-height: 40px;
    }

    .JobList li .Con .other {
        padding: 5% 0;
    }

    .JobList li .Con .wx {
        display: none;
    }

    .recruitform {
        width: 100%;
    }

    .FloorBox .titles img {
        margin: 8px 0 0 15px;
        width: 200px;
    }

    .FloorBox .hd {
        height: 28px;
    }

    .FloorBox .hd li a {
        padding: 0;
    }

    .LinkBox li {
        width: 33.3333%;
    }

    #mapContainer {
        height: 360px;
    }

    /* #mapContainer .con400 {
        display: block;
    }

    #mapContainer .con1920 #mapContainer .con1440,
    #mapContainer .con1024,
    #mapContainer .con992,
    #mapContainer .con768,
    #mapContainer .con640 {
        display: none;
    } */

    .searchAll {
        padding: 10px;
    }

    .businesshAll {
        /* margin-left: 35%; */
    }

    .businesshAll .tips {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
    }

    .businesshAll .titles {
        font-size: 18px;
    }

    .businesshAll .businessList {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }

    .businesshAll .businessList .businessItem {
        width: 100%;
        margin-bottom: 20px;
    }

    .businesshAll .businessList .businessItem .con {
        height: 42px;
        line-height: 40px;
    }

    .businesshAll .businessList .businessItem .con .conTitles {
        font-size: 16px;
    }

    .businesshAll .businessList .businessItem .con .conMore {
        float: right;
    }

    .businesshAll .businessList .businessItem .con .conMore span {
        font-size: 12px;
    }

    .businesshAll .businessList .businessItem .contipsbox {
        max-height: 160px;
        top: calc(50% - 60px);
    }

    .businesshAll .businessList .businessItem .contipsbox ul li {
        font-size: 12px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge {
        padding: 10px 10px 0 10px;
        top: 0;
        width: 100%;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd p {
        font-size: 12px;
        height: 34px;
        line-height: 16px;
        padding: 0 5px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd .num {
        font-size: 12px;
    }

    .GroupRoomAbout .infoImg .infoImgSinge dl dd .num .counter {
        font-size: 16px;
    }


    .GroupCommerceAbout .infoImg .infoImgSinge {
        padding: 10px 10px 0 10px;
        top: 0;
        width: 100%;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd p {
        font-size: 12px;
        height: 34px;
        line-height: 16px;
        padding: 0 5px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd .num {
        font-size: 12px;
    }

    .GroupCommerceAbout .infoImg .infoImgSinge dl dd .num .counter {
        font-size: 20px;
    }

    .ResidenceAbout .item {
        height: 400px;
    }

    .ResidenceAbout .effect-img {
        height: 200px;
    }

    .HotLine .HotLineItem .hotTit {
        font-size: 16px;
    }

    .HotLine .HotLineItem .hotcon {
        font-size: 22px;
    }

    .HotLine .HotLineItem .hotcons {
        font-size: 12px;
    }

    .HotLine .HotLineItem .hotcons i {
        font-size: 12px;
    }

    .HotelList .HotelOwl .owl-carousel.owl-drag .owl-item .item {
        width: 100%;
        height: 250px;
    }

    .ScienceLine .ScienceItem .ScienceTit {
        color: #333333;
        font-size: 16px;
    }

    .ScienceLine .ScienceItem .Sciencecons {
        color: #666666;
    }

    .ScienceLine .ScienceItem .Sciencecons i {
        font-size: 12px;
    }

    .ScienceLine .ScienceItem .Sciencecon {
        color: #666666;
    }

    .PropertyList .PropertyItem .conTitles {
        font-size: 16px;
    }

    .PropertyList .PropertyItem .conBottom .conTimes {
        line-height: 18px;
        font-size: 12px;
    }

    .knowsAllInfo {
        margin-top: 0;
    }

    .ResidenceAbout .ResidenceTit .titles {
        font-size: 16px;
        margin-top: 0;
    }

    .ResidenceAbout .ResidenceTit .info {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 20px;
        font-size: 12px;
    }

    .HotelList .HotelUl .active a {
        font-size: 16px;
    }

    .HotelList .HotelUl li a .HotelLi640 {
        display: block;
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;

    }
}