#wrapper {
    z-index: 1;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

#wrapper .section {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover !Important;
    -moz-background-size: cover !Important;
    -o-background-size: cover !Important;
    background-size: cover !Important;
    overflow: hidden;
    position: relative;
}

.section .anim {
    opacity: 0;
    filter: Alpha(opacity=0);
}

.section .name .cn {
    font-size: 20px;
    color: #ad8162;
    line-height: 36px;
    font-weight: bold;
}

.section .name .en {
    font-family: 'CENTAUR';
    font-size: 50px;
    color: #ad8162;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1;
}

.section .name p {
    font-size: 14px;
    color: #a09484;
    line-height: 24px;
}

/* 第二屏 */
.section.index02 {
    background: url(../images/index/index02_bg.jpg) no-repeat center #e7ded3;
}

.section.index02 .name {
    width: 66%;
    margin-left: -200px;
    margin-bottom: 5.9vh;
}

.section.index02 .name .en {
    margin-bottom: 1.5vh;
}

.section.index02 .content {
    height: 100vh;
    padding-top: 16vh;
}

.section.index02 .map {
    width: 592px;
    float: left;
    position: relative;
    margin-left: -56px;
}

.section.index02 .map .icon img {
    position: relative;
    z-index: 2;
}

.section.index02 .map .icon {
    width: 17px;
    height: 19px;
    position: absolute;
    /* top: 36.7vh;
    left: 18.7vw; */
    top: 81.3%;
    left: 67.2%;
}

.section.index02 .map .icon.icon02 {
    top: 64.7%;
    left: 80.3%;
}

.section.index02 .map .icon.icon03 {
    top: 64.9%;
    left: 50.2%;
}

.section.index02 .map .icon.icon04 {
    top: 34.7%;
    left: 71.2%;
}

.section.index02 .map .icon.icon05 {
    top: 45.2%;
    left: 40.1%;
}

.section.index02 .map .icon.icon06 {
    top: 51.5%;
    left: 58.5%;
}

.section.index02 .map .icon:before {
    content: '';
    width: 82px;
    height: 82px;
    background-color: #ce8d59;
    border-radius: 50%;
    opacity: .2;
    filter: Alpha(opacity=20);
    position: absolute;
    top: 50%;
    margin-top: -37px;
    left: 50%;
    margin-left: -41px;
}

.section.index02 .map .icon.icon02:before {
    width: 84px;
    height: 84px;
    margin-top: -38px;
    margin-left: -42px;
}

.section.index02 .map .icon.icon03:before {
    width: 94px;
    height: 94px;
    margin-top: -43px;
    margin-left: -47px;
}

.section.index02 .map .icon.icon04:before {
    width: 92px;
    height: 92px;
    margin-top: -42px;
    margin-left: -46px;
}

.section.index02 .map .icon.icon05:before {
    width: 72px;
    height: 72px;
    margin-top: -32px;
    margin-left: -36px;
}

.section.index02 .map .icon.icon06:before {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
}

.section.index02 .map .icon:after {
    content: '';
    width: 142px;
    height: 142px;
    background-color: #f47115;
    border-radius: 50%;
    opacity: .06;
    filter: Alpha(opacity=6);
    position: absolute;
    top: 50%;
    margin-top: -67px;
    left: 50%;
    margin-left: -71px;
    animation: h_map3 2s linear alternate infinite;
    -webkit-animation: h_map3 2s linear alternate infinite;
}

.section.index02 .map .icon.icon02:after {
    width: 146px;
    height: 146px;
    margin-top: -69px;
    margin-left: -73px;
    animation: h_map3 2s .4s linear alternate infinite;
    -webkit-animation: h_map3 2s .4s linear alternate infinite;
}

.section.index02 .map .icon.icon03:after {
    width: 144px;
    height: 144px;
    margin-top: -68px;
    margin-left: -72px;
    animation: h_map3 2s .6s linear alternate infinite;
    -webkit-animation: h_map3 2s .6s linear alternate infinite;
}

.section.index02 .map .icon.icon04:after {
    width: 140px;
    height: 140px;
    margin-top: -66px;
    margin-left: -70px;
    animation: h_map3 2s .8s linear alternate infinite;
    -webkit-animation: h_map3 2s .8s linear alternate infinite;
}

.section.index02 .map .icon.icon05:after {
    width: 112px;
    height: 112px;
    margin-top: -52px;
    margin-left: -56px;
    animation: h_map3 2s 1s linear alternate infinite;
    -webkit-animation: h_map3 2s 1s linear alternate infinite;
}

.section.index02 .map .icon.icon06:after {
    width: 78px;
    height: 78px;
    margin-top: -39px;
    margin-left: -39px;
    animation: h_map3 2s 1.1s linear alternate infinite;
    -webkit-animation: h_map3 2s 1.1s linear alternate infinite;
}

.section.index02 .con {
    width: 480px;
    float: right;
    margin-right: 50px;
}

.section.index02 .con .text p {
    font-size: 14px;
    color: #a19185;
    line-height: 26px;
}

.section.index02 .con .text h3 {
    font-size: 46px;
    color: #ad8162;
    line-height: 60px;
    margin: 6vh 0 2.5vh;
    font-weight: lighter;
}

.section.index02 .con .text ul {
    overflow: hidden;
    /* display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between; */
    padding: 2.5vh 0;
    border-top: 2px solid #fdf7ef;
}

.section.index02 .con .text li {
    float: left;
    margin-right: 40px;
}

.section.index02 .con .text li:last-child {
    margin-right: 0;
}

.section.index02 .con .text li h3 {
    font-size: 21px;
    color: #cd8d59;
    letter-spacing: 0;
    margin: 0;
}

.section.index02 .con .text li:nth-child(2) em:first-child {
    margin: 0;
}

.section.index02 .con .text li h3 em.num {
    font-family: 'Brandon_bld';
    font-size: 47px;
    letter-spacing: -.1vw;
}

.section.index02 .con .text li h3 em {
    font-size: 47px;
    line-height: 1;
    margin-right: 6px;
}

.section.index02 .con .text li h3 sup {
    vertical-align: top;
    position: relative;
    margin-top: -20px;
    display: inline-block;
    font-size: 100%;
    margin-left: -5px;
}

.section.index02 .con .text li p {
    color: #cd8d59;
    line-height: 20px;
}

.section.index02 .map .map_jt {
    width: 41%;
    position: absolute;
    top: 38%;
    left: 41.2%;
}

/* 第三屏 */
.section.index03 .name {
    margin: 18.2vh 0 6vh -200px;
    position: relative;
    z-index: 99;
}

.section.index03 .name .cn {
    color: #7e5144;
    font-weight: bold;
}

.section.index03 .name .en {
    color: #945f4d;
    color: rgba(148, 95, 77, .4);
}

.section.index03 .fr {
    width: 100vw;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.section.index03 .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
}

.section.index03 .img.ons.on,
.section.index03 .img+.img.on {
    z-index: 1;
    -webkit-animation: slide_on1 5s linear forwards;
    animation: slide_on1 5s linear forwards;
}

.section.index03 .img.on .one {
    height: 0;
    transition: height 1s ease-out;
    -webkit-transition: height 1s ease-out;
}

.section.index03 .img.on .two {
    height: 0;
    transition: height 1s ease-out;
    -webkit-transition: height 1s ease-out;
}

.section.index03 .img .one {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 50vh;
    background: no-repeat scroll center 0%;
}

.section.index03 .img .two {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50vh;
    background: no-repeat scroll center 92%;
}

.index03_side {
    width: 100%;
    height: 57.6%;
    /* height: 540px; */
    position: relative;
    z-index: 100;
}

.index03_side .bd {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index03_side .bd ul {
    width: 100% !important;
    height: 100% !important;
}

.index03_side .bd li {
    width: 100% !important;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.index03_side .bd li .content {
    position: relative;
    height: 100%;
}

.index03_side .side_cn {
    font-size: 50px;
    color: #9e5f3d;
    line-height: 66px;
    font-weight: lighter;
    position: absolute;
    left: 0;
    margin-left: -200px;
    top: 20vh;
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%);*/
}

.index03_side .side_en {
    font-family: 'CENTAUR';
    font-size: 85px;
    color: #f4ebda;
    background: url(../images/index/text_icon3.png) repeat center center;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 60px;
    font-weight: lighter;
    position: absolute;
    left: 990px;
    top: 20vh;
    padding-bottom: 1vh;
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    white-space: nowrap;
}

.index03_side .item {
    width: 34%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 14px;
    right: 0;
    bottom: 0;
    padding-top: 18vh;
    margin: auto;
    text-align: center;
    pointer-events: none;
    z-index: 1;
}

.index03_side .item h3 {
    font-size: 32px;
    color: #fbf1de;
    line-height: 40px;
    margin-bottom: 12px;
}

.index03_side .item p {
    color: #f4ebda;
    color: rgba(244, 235, 218, .8);
    line-height: 24px;
    text-align: center;
}

.index03_side .num {
    font-family: 'CENTAUR';
    font-size: 50px;
    color: #d1c9be;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16vh;
    margin: auto;
    width: 130px;
    text-align: center;
    z-index: 2;
}

.index03_side .num .li {
    display: none;
}

.index03_side .num .li.on {
    display: block;
}

.index03_side .hd {
    width: 483px;
    height: 483px;
    background: url(../images/index/index03_bg.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 14px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.index03_side .hd li {
    width: 12px;
    height: 12px;
    /* background-color: #fff;
    border-radius: 50%; */
    position: absolute;
    cursor: pointer;
    z-index: 2;
}

.index03_side .hd li.li01 {
    left: 86.4%;
    top: 70.3%;
}

.index03_side .hd li.li02 {
    left: 11.6%;
    top: 70.3%;
}

.index03_side .hd li.li03 {
    left: 48.8%;
    top: 6%;
}

.index03_side .hd .bg {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    z-index: 1;
}

.index03_side .hd .bg.bg1.on {
    width: 100%;
    height: 0;
}

.index03_side .hd .bg.bg1 {
    width: 100%;
    height: 100%;
    background-position: top left;
    background-image: url(../images/index/index03_bg1.png);
    transition: height 1s ease-out;
    -webkit-transition: height 1s ease-out;
}

.index03_side .hd .bg.bg2.on {
    width: 0;
    height: 100%;
}

.index03_side .hd .bg.bg2 {
    width: 100%;
    height: 100%;
    background-position: right bottom;
    background-image: url(../images/index/index03_bg2.png);
    transition: width 1s ease-out;
    -webkit-transition: width 1s ease-out;
    left: auto;
    right: 0;
}

.index03_side .hd .bg.bg3.on {
    width: 0;
    height: 100%;
}

.index03_side .hd .bg.bg3 {
    width: 100%;
    height: 100%;
    background-position: left bottom;
    background-image: url(../images/index/index03_bg3.png);
    transition: width 1s ease-out;
    -webkit-transition: width 1s ease-out;
    top: auto;
    bottom: 0;
}

.index03_side .hd .bg.bg3.clear {
    transition: none;
    -webkit-transition: none;
}

.index03_side .btn {
    position: absolute;
    width: 114px;
    left: 630px;
    top: 47%;
    z-index: 99;
}

.index03_side .btn a {
    width: 48px;
    height: 48px;
    background: #fff no-repeat center;
    border-radius: 50%;
    cursor: pointer;
}

.index03_side .btn a.prev {
    float: left;
    background-image: url(../images/prev.png);
    margin-right: 10px;
}

.index03_side .btn a.next {
    float: right;
    background-image: url(../images/next.png);
}

.section.index03.section_on2 .name .cn {
    color: #badffa;
}

.section.index03.section_on2 .name .en {
    color: #a8d2f0;
    color: rgba(168, 210, 240, .7);
}

.section_on2 .index03_side .side_cn {
    color: #44719f;
}

.section_on2 .index03_side .hd {
    background: url(../images/index/index03_bg_2.png) no-repeat center;
    background-size: 100%;
}

.section_on2 .index03_side .item h3 {
    color: #d4e8f3;
}

.section_on2 .index03_side .item p {
    color: #d7e8f2;
    color: rgba(215, 232, 242, .8);
}

.section_on2 .index03_side .num {
    color: #c0d2dc;
}

.section.index03.section_on3 .name .cn {
    color: #ded7ce;
}

.section.index03.section_on3 .name .en {
    color: #d8c5ac;
}

.section_on3 .index03_side .side_cn {
    color: #f9e4ca;
}

.section_on3 .index03_side .hd {
    background: url(../images/index/index03_bg_3.png) no-repeat center;
    background-size: 100%;
}

.section_on3 .index03_side .item h3 {
    color: #fbf1de;
}

.section_on3 .index03_side .item p {
    color: #f4ebda;
    color: rgba(244, 235, 218, .8);
}

.section_on3 .index03_side .num {
    color: #d1c9be;
}

/* 第五屏 */
.section.index05 {
    background-image: url(../images/index/index05_bg.jpg);
}

.section.index05 .name {
    margin-top: 18.3vh;
    margin-bottom: 5.9vh;
    text-align: center;
}

.section.index05 .name .li {
    display: inline-block;
    font-size: 28px;
    color: #e8d8cb;
    font-weight: lighter;
    padding: 0 15px;
    position: relative;
    cursor: pointer;
}

.section.index05 .name .li.on {
    color: #fff;
}

.section.index05 .name .li+.li:before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #e8d8cb;
    position: absolute;
    left: 0;
    top: 0;
}

.box .con,
.down .con,
.Side_box .con {
    display: block;
}

.box .con+.con,
.down .con+.con,
.Side_box .con+.con {
    display: none;
}

.Side_name {
    overflow: hidden;
}

.Side_name .li.on {
    color: #fff;
    background-color: #d1985f;
    border-color: #e7e7e7;
}

.Side_name .li {
    float: left;
    line-height: 44px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 0 24px;
    font-size: 16px;
    color: #877b70;
    margin-left: 10px;
    transition: all .4s;
    -webkit-transition: all .4s;
    cursor: pointer;
}

.index05 .Side {
    position: relative;
    text-align: left;
}

.index05 .Side .bd {
    overflow: hidden;
    width: 1216px;
}

.index05 .Side .tempWrap {
    width: 1200px !important;
}

.index05 .Side .item {
    float: left;
    width: 389px;
    height: 494px;
    margin-right: 16px;
    background-color: #f6f6f6;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.index05 .Side .item .img {
    width: 100%;
    height: 258px;
    background: no-repeat center;
    background-size: cover;
    position: relative;
}

.index05 .Side .item.video .img:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    filter: Alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.index05 .Side .item.video .img:after {
    content: '';
    width: 55px;
    height: 55px;
    background: url(../images/news/ico11.png) no-repeat center;
    position: absolute;
    left: 0;
    right: 0;
    top: 140px;
    margin: auto;
    opacity: 0;
    filter: Alpha(opacity=0);
    transition: all .4s;
    -webkit-transition: all .4s;
}

.index05 .Side .item .detailed {
    padding: 40px 22px 0 22px;
}

.index05 .Side .item .detailed .date {
    font-family: 'Gilroy_Regular';
    font-size: 30px;
    color: #d9ab7c;
    line-height: 1;
    letter-spacing: -1px;
}

.index05 .Side .item .detailed .title {
    font-size: 20px;
    color: #333333;
    line-height: 26px;
    min-height: 52px;
    margin: 6px 0 10px;
}

.index05 .Side .item .detailed .introduction {
    color: #959595;
    line-height: 20px;
}

.index05 .Side .item:hover {
    background-color: #e8d8cb;
}

.index05 .Side .item.video:hover .img:before {
    opacity: .3;
    filter: Alpha(opacity=30);
}

.index05 .Side .item.video:hover .img:after {
    top: 102px;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.index05 .Side .item:hover .detailed .date {
    color: #f58220;
}

.index05 .Side .item:hover .detailed .introduction {
    color: #a59181;
}

.index05 .Side .btn {
    width: 85px;
    height: 85px;
    position: absolute;
    top: 50%;
    margin-top: -42.5px;
    border: 1px solid #d6c7bb;
    border: 1px solid rgba(214, 199, 187, .6);
    border-radius: 50%;
}

.index05 .Side .prev {
    left: -145px;
    background: url(../images/index/side_prev.png) no-repeat center;
}

.index05 .Side .next {
    right: -145px;
    background: url(../images/index/side_next.png) no-repeat center;
}

.section.index05 .more,
.page_more {
    font-size: 16px;
    color: #010101;
    line-height: 46px;
    text-transform: capitalize;
    position: relative;
    margin: 6.1vh auto 0;
    background-color: #d6c2b2;
    border-radius: 22px;
    padding: 0 95px;
    width: 226px;
    overflow: hidden;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.section.index05 .more:hover,
.page_more:hover {
    background-color: #ecd6c3;
}

.section.index05 .more:before,
.page_more:before {
    content: '';
    width: 6px;
    height: 46px;
    background: url(../images/index/index05_more.png) no-repeat center;
    position: absolute;
    top: 0;
    right: 16px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.section.index05 .more:hover:before,
.page_more:hover:before {
    right: 20px;
}

.page_more {
    background-color: #efe3d8;
    margin: 44px auto 0;
}

.page_more:before {
    background: url(../images/news/ico4.png) no-repeat center;
}

.section.index05 .con {
    text-align: center;
}

/* banner */
.banner {
    width: 100%;
    height: 700px;
    position: relative;
}

.banner .bd {
    width: 100%;
    overflow: hidden;
}

.banner .bd ul {
    width: 100% !important;
}

.banner .bd li {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.banner .bd li.videoBox:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
    filter: Alpha(opacity=20);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.banner .bd .videoBox {
    /* width: 1200px;
    margin: auto; */
}

.banner video {
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* transform: translateX(-50%); */
    /* -webkit-transform: translateX(-50%); */
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    /* width: 2560px;
    margin-left: calc( ( 1200px - 2560px) / 2); */
}

.banner .bd li .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-animation: slide_on1 5s linear forwards;
    animation: slide_on1 5s linear forwards;
}

.banner .bd li .content {
    width: 1200px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.banner .bd li .content .ban_t.ban_t02 {
    top: 48%;
}

.banner .bd li .content .ban_t.ban_t03 {
    top: 44%;
}

.banner .bd li .content .ban_t {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner .bd li .content .ban_t.ban_t04 .text2 {
    font-family: 'GOTHICBI';
    text-transform: uppercase;
}

.banner .bd li .content .ban_t.ban_t02 .text2 {
    background: url(../images/index/text_icon6.png) repeat center center;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner .bd li .content .ban_t .text1 em {
    font-size: 70px;
    font-weight: bold;
}

.banner .bd li .content .ban_t .text1 {
    font-size: 46px;
    color: #fffbf5;
    line-height: 1.2;
    font-weight: lighter;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.banner .bd li .content .ban_t .text2 {
    font-family: 'CENTAUR';
    font-size: 78px;
    color: #f4ebda;
    /* background: url(../images/index/text_icon.png) repeat center center;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    line-height: 1.1;
    font-weight: lighter;
    text-transform: capitalize;
    letter-spacing: -3px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.banner .prev,
.banner .next {
    width: 48px;
    height: 48px;
    background: #fff no-repeat center;
    border-radius: 50%;
    cursor: pointer;
    bottom: 45px;
    position: absolute;
    z-index: 110;
}

.banner .next {
    right: 50%;
    background-image: url(../images/next.png);
    margin-right: -706px;
}

.banner .prev {
    right: 50%;
    background-image: url(../images/prev.png);
    margin-right: -648px;
}

.banner .hd {
    width: 1200px;
    height: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 110px;
    z-index: 99;
}

.banner .hd:before {
    content: '';
    width: 1191px;
    height: 1px;
    background: url(../images/side_line.png) no-repeat left bottom;
    opacity: .4;
    filter: Alpha(opacity=40);
    position: absolute;
    left: 0;
    bottom: -40px;
}

.banner .hd ul li.on {
    color: #fbf3eb;
}

.banner .hd ul li {
    float: left;
    font-family: 'FUTURAPT';
    content: '01';
    width: 34px;
    height: 33px;
    font-size: 18px;
    color: #fbf3eb;
    color: rgba(251, 243, 235, .2);
    transition: all .4s;
    cursor: pointer;
}

.banner .line {
    width: 1200px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    margin: auto;
}

.banner .hd ul li:before {
    content: '';
    width: 1191px;
    height: 1px;
    background: url(../images/side_line.png) no-repeat left bottom;
    opacity: .4;
    filter: Alpha(opacity=40);
    position: absolute;
    left: 0;
    bottom: -40px;
}

.banner .hd ul li.on:before {
    height: 3px;
    opacity: 1;
    filter: Alpha(opacity=10);
    animation: h_line01 5s 1 ease-out forwards;
    -webkit-animation: h_line01 5s 1 ease-out forwards;
}

.banner .hd ul li.on.vi:before {
    animation: h_line01 30s 1 ease-out forwards;
    -webkit-animation: h_line01 30s 1 ease-out forwards;
}

#scroll-down-container {
    position: absolute;
    bottom: 60px;
    left: 50%;
    overflow: hidden;
    margin-left: -7px;
}

#scroll-down-container a {
    width: 17px;
    height: 24px;
    background: url(../images/side_icon.png) no-repeat center;
    position: relative;
}

#scroll-down-container a:before {
    content: '';
    width: 3px;
    height: 7px;
    background: url(../images/side_icon_d.png) no-repeat center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-bottom: 5px;
    animation: arrow-movement 2s ease-in-out infinite;
    -webkit-animation: arrow-movement 2s ease-in-out infinite;
}

.fp-viewing-4 .section.index05 .anim {
    opacity: 1;
    filter: Alpha(opacity=100);
}

/* 内页 */
.page_ban {
    height: 432px;
    position: relative;
    text-align: center;
    z-index: 100;
}

.page_ban .img {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.page_ban .slogan {
    margin-top: 223px;
    display: inline-block;
}

.page_ban .slogan .cn {
    font-size: 36px;
    color: #ffffff;
    line-height: 1;
    font-weight: lighter;
    background: url(../images/index/text_icon5.png) repeat center center;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page_nav {
    width: 100%;
    position: absolute;
    bottom: 14px;
    left: 0;
    overflow: hidden;
    /* padding: 39px 0 78px; */
}

.page_nav a {
    line-height: 60px;
    position: relative;
    font-size: 16px;
    color: #fff;
    border-bottom: 2px solid #fff;
    border-bottom: 2px solid rgba(255, 255, 255, .3);
    text-align: center;
    -webkit-flex: 1;
    flex: 1;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.page_nav a:hover,
.page_nav a.on {
    color: #fed4b5;
    border-color: #fed4b5;
    z-index: 1;
}

.page_nav .list {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    position: relative;
}

.page_nav .inner_bor {
    /* height: 2px;
    background-color: #e6c1a7;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 20;
    transition: all .2s;
    -webkit-transition: all .2s; */
}

.page_fixed .page_nav .inner_bor {
    /* background-color: #c29474; */
}

.page_fixed .page_nav {
    position: fixed;
    min-height: 100px;
    padding-top: 20px;
    background-color: #fff;
    bottom: auto;
    top: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.page_fixed .page_nav a {
    color: #a9a8a7;
    border-bottom: 2px solid #d0ccc9;
    border-bottom: 2px solid rgba(208, 204, 201, .4);
}

.page_fixed .page_nav a:hover,
.page_fixed .page_nav a.on {
    color: #ad8162;
    border-color: #c29474;
}

.page_fixed .page_nav a.a,
.page_nav a.a {
    opacity: 0;
    filter: Alpha(opacity=0);
    border: none;
    cursor: auto;
}

/* about */
.page_title {
    text-align: center;
    position: relative;
    color: #ad8162;
    padding: 76px 0 30px;
}

.page_title:before {
    content: '';
    width: 20px;
    height: 1px;
    background-color: #ad8162;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    margin: auto;
    transition: all .6s;
    -webkit-transition: all .6s;
}

.page_title .en {
    font-family: 'CENTAUR';
    font-size: 36px;
    line-height: .89;
    text-transform: uppercase;
}

.page_title .cn {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 4px;
}

.page_title .p {
    font-size: 16px;
    color: #aaa9a9;
    line-height: 40px;
}

.page_title:hover:before {
    width: 40px;
}

.about .page1 {
    width: 100%;
}

.about .page1 .bg {
    padding-bottom: 80px;
    position: relative;
    background: #f4f1ec;
    background: -webkit-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -moz-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -ms-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -o-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: linear-gradient(90deg, #f4f1ec, #fefefd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA5A83', endColorstr='#fefefd', GradientType=0);
}

.about .page1 .bg:before {
    content: '';
    width: 560px;
    height: 217px;
    background: url(../images/about/ico2.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -745px;
    bottom: 0;
}

.about .page1 .img {
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
    margin-bottom: 45px;
}

.about .page1 .con {
    overflow: hidden;
}

.about .page1 .fl {
    width: 50%;
    padding-left: 22px;
    position: relative;
}

.about .page1 .fl:before {
    content: '';
    width: 2px;
    height: 0;
    background-color: #d4a26e;
    position: absolute;
    left: 0;
    top: 4px;
    transition: all 3s;
    -webkit-transition: all 3s;
}

.about .page1 .fl.animated:before {
    height: 92%;
}

.about .page1 .fr {
    width: 50%;
}

.about .page1 h3 {
    font-size: 28px;
    color: #ad8162;
    line-height: 36px;
    font-weight: lighter;
}

.about .page1 h4 {
    font-family: 'CENTAUR';
    font-size: 40px;
    color: #ad8162;
    line-height: 1;
    margin-top: 10px;
}

.about .page1 p {
    margin-bottom: 10px;
    letter-spacing: -.7px;
}

.C_tit em {
    /* display: inline-block; */
}

.about .page2 .img {
    background: no-repeat center;
    background-size: cover;
    padding: 224px 0 57px;
    margin: auto;
}

.about .page2 .list {
    text-align: center;
    font-size: 0;
}

.about .page2 .item {
    display: inline-block;
    vertical-align: top;
    width: 288px;
    height: 380px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    position: relative;
    padding: 34px 25px 100px;
    margin: 0 8px;
    text-align: left;
}

.about .page2 .item:first-child {
    margin-left: 0;
}

.about .page2 .item:last-child {
    margin-right: 0;
}

.about .page2 .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #d3956a;
    background: -webkit-linear-gradient(90deg, #d3956a, #dfa277);
    background: -moz-linear-gradient(90deg, #d3956a, #dfa277);
    background: -ms-linear-gradient(90deg, #d3956a, #dfa277);
    background: -o-linear-gradient(90deg, #d3956a, #dfa277);
    background: linear-gradient(90deg, #d3956a, #dfa277);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3956a', endColorstr='#dfa277', GradientType=0);
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-clip-path: circle(0 at 100% 100%);
    clip-path: circle(0 at 100% 100%);
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
}

.about .page2 h3 {
    font-size: 30px;
    color: #ad8162;
    margin-bottom: 10px;
    line-height: 1.4;
    font-weight: lighter;
    margin-top: 20px;
    position: relative;
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
}

.about .page2 h3:first-child {
    margin-top: 0;
}

.about .page2 p {
    font-size: 14px;
    line-height: 22px;
    position: relative;
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
}

.about .page2 p strong {
    display: inline;
}

.about .page2 .item .icon {
    width: 69px;
    height: 60px;
    background: no-repeat left bottom;
    position: absolute;
    left: 25px;
    bottom: 30px;
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
}

.about .page2 .item.item0 .icon {
    background-image: url(../images/about/about-list-icon1.png);
}

.about .page2 .item.item1 .icon {
    background-image: url(../images/about/ico5.png);
}

.about .page2 .item.item2 .icon {
    background-image: url(../images/about/ico4.png);
}

.about .page2 .item.item3 .icon {
    background-image: url(../images/about/ico6.png);
}

.about .page2 .item:hover:before {
    -webkit-clip-path: circle(100%);
    clip-path: circle(100%);
    opacity: 1;
    filter: Alpha(opacity=100);
}

.about .page2 .item:hover h3 {
    color: #fff;
}

.about .page2 .item:hover p {
    color: #ffddc5;
}

.about .page2 .item.item0:hover .icon {
    background-image: url(../images/about/about-list-icon1-on.png);
}

.about .page2 .item.item1:hover .icon {
    background-image: url(../images/about/ico5_on.png);
}

.about .page2 .item.item2:hover .icon {
    background-image: url(../images/about/ico4_on.png);
}

.about .page2 .item.item3:hover .icon {
    background-image: url(../images/about/ico6_on.png);
}

.about .page3 {
    /* height: 780px; */
    background: url(../images/about/ico7.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    padding-bottom: 179px;
}

.about .page3 .Slide {
    position: relative;
    z-index: 1;
}

.about .page3 .Slide {
    margin-top: 38px;
}

.about .page3 .Slide,
.about .page3 .Slide .bd,
.about .page3 .Slide ul {
    /* height: 412px; */
}

.about .page3 .Slide .bd li {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    min-height: 145px;
    position: relative;
}

.about .page3 .Slide .bd li.up {
    /* padding-top: 67px; */
}

.about .page3 .Slide .bd li.down {
    margin-top: 105px;
}

.about .page3 .Slide .bd li .line {
    width: 13px;
    height: 131px;
    background: url(../images/about/ico9.png) no-repeat;
    position: absolute;
    left: 0;
    top: 11px;
}

.about .page3 .Slide .bd li.up .con {
    /* height: 133px; */
}

.about .page3 .Slide .bd li.down .con {
    /* height: 133px; */
}

.about .page3 .Slide .bd li:nth-child(6n - 5) {
    margin-top: 33px;
}

.about .page3 .Slide .bd li:nth-child(even) {
    margin-top: 102px;
}

.about .page3 .Slide .bd li:nth-child(6n - 1) {
    margin-top: 15px;
}



.about .page3 .con {
    padding: 0 20px 0 20px;
    overflow-y: auto;
}

.about .page3 .con h3 {
    font-family: 'Brandon_bld';
    font-size: 36px;
    color: #cd9064;
    line-height: 1;
    letter-spacing: -3px;
    margin-bottom: 6px;
}

.about .page3 .con h5 {
    font-size: 26px;
    color: #ba7a4d;
    line-height: 36px;
}

.about .page3 .con p {
    color: #857f73;
    line-height: 22px;
}

.about .page3 .btn {
    width: 114px;
    overflow: hidden;
    margin-top: 33px;
}

.about .page3 .btn a {
    width: 48px;
    height: 48px;
    background: #f2e6b9 no-repeat center;
    border-radius: 50%;
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.about .page3 .btn a.prev {
    float: left;
    background-image: url(../images/prev.png);
    margin-right: 10px;
}

.about .page3 .btn a.next {
    float: right;
    background-image: url(../images/next.png);
}

.about .page3 .btn a:hover {
    background-color: #cd9064;
}

.about .page3 .btn a.prev:hover {
    background-image: url(../images/prev_white.png);
}

.about .page3 .btn a.next:hover {
    background-image: url(../images/next_white.png);
}

.about .page4 {
    height: 800px;
    background: url(../images/about/ico11.jpg) no-repeat center;
    background-size: cover;
}

.about .page4 .page_title {
    text-align: left;
    display: inline-block;
}

.about .page4 .page_title:before {
    display: none;
}

.about .page4 .page_title .en {
    font-size: 85px;
    line-height: 1;
    background: url(../images/about/ico12.jpg) repeat center;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: none;
}

.about .page4 .page_title .cn {
    color: #ffebdd;
}

.about .page4 .content {
    position: relative;
    height: 100%;
}

.about .page4 .Side .hd {
    width: 100px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 315px;
    z-index: 1;
}

.about .page4 .Side .block {
    width: 100px;
    height: 220px;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 315px;
    z-index: 3;
}

.about .page4 .Side .hd ul li {
    width: 100%;
    height: 55px;
    overflow: hidden;
    cursor: pointer;
}

.about .page4 .Side .hd ul li .year {
    font-family: 'Brandon_bld';
    font-size: 30px;
    color: #ab7f6c;
    color: rgba(171, 127, 108, .5);
    line-height: 1;
    letter-spacing: -2px;
}

.about .page4 .Side .hd ul li.on .year {
    color: #ffd583;
}

.about .page4 .btn {
    position: absolute;
    width: 114px;
    left: 600px;
    top: 614px;
    z-index: 99;
}

.about .page4 .btn a {
    width: 48px;
    height: 48px;
    background: #fff no-repeat center;
    border-radius: 50%;
    cursor: pointer;
}

.about .page4 .btn a.prev {
    float: left;
    background-image: url(../images/prev.png);
    margin-right: 10px;
}

.about .page4 .btn a.next {
    float: right;
    background-image: url(../images/next.png);
}

.about .page4 .img {
    width: 198px;
    float: right;
    position: relative;
    margin-top: -110px;
    margin-right: 25px;
}

.about .page4 .img img {
    margin-bottom: 10px;
}

.about .page4 .con {
    position: relative;
    margin-top: -117px;
    margin-right: -80px;
    min-width: 677px;
}

.about .page4 .con .num {
    font-family: 'Brandon_bld';
    font-size: 36px;
    color: #ffd583;
    letter-spacing: -2px;
    line-height: 1;
    margin-bottom: 4px;
}

.about .page4 .con h3 {
    font-size: 36px;
    color: #fed482;
    line-height: 40px;
    font-weight: lighter;
    margin-bottom: 18px;
}

.about .page4 .con p {
    color: #eac8b1;
}

.about .page4 .con dl {
    float: left;
    margin-right: 38px;
}

.about .page4 .con dt p {
    font-size: 18px;
    line-height: 30px;
}

.about .page5 {
    height: 805px;
    background: url(../images/about/ico14.jpg) no-repeat center;
}

.about .page5 .content,
.about .page5 .fl {
    position: relative;
    height: 100%;
}

.about .page5 .fl,
.about .page5 .fr {
    width: 50%;
}

.about .page5 .page_title {
    text-align: left;
    padding: 150px 0 64px;
}

.about .page5 .page_title:before {
    display: none;
}

.about .page5 .page_title .en {
    text-transform: none;
    font-size: 80px;
}

.about .page5 .fr ul {
    overflow: hidden;
    margin-bottom: 65px;
}

.about .page5 .fr li {
    float: left;
    /* margin-right: 70px; */
}

.about .page5 .fr li+li {
    margin-left: 69px;
}

.about .page5 .fr li h3 {
    font-size: 21px;
    color: #c08b66;
    letter-spacing: 0;
    margin: 0;
}

.about .page5 .fr li:nth-child(2) em:first-child {
    margin: 0;
}

.about .page5 .fr li h3 em.num {
    font-family: 'Brandon_bld';
    font-size: 47px;
    letter-spacing: -.1vw;
}

.about .page5 .fr li h3 em {
    font-size: 47px;
    line-height: 1;
    margin-right: 6px;
}

.about .page5 .fr li h3 sup {
    vertical-align: top;
    position: relative;
    margin-top: -5px;
    display: inline-block;
    font-size: 100%;
    margin-left: -5px;
}

.about .page5 .fr li p {
    color: #c08b66;
    line-height: 20px;
}

.about .page5 .name {
    /* width: 100%; */
    display: inline-block;
    position: relative;
    padding-bottom: 23px;
    margin-right: -260px;
    width: 650px;
}

.about .page5 .name:before {
    content: '';
    width: 1000px;
    height: 1px;
    background-color: #d5d5d5;
    position: absolute;
    bottom: 0;
    left: 0;
}

.about .page5 .name .li {
    width: 95px;
    font-size: 19px;
    margin-top: 5px;
    color: #cfcfcf;
    float: left;
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
    margin-right: 30px;
}

.about .page5 .name {
    margin-right: -30px;
}

.about .page5 .name .li.on {
    color: #c08b66;
}

/* .about .page5 .name .li+.li {
    margin-left: 30px;
} */

/* .about .page5 .name .li:nth-child(7n) {
    margin-left: 0 !important;
} */

.about .page5 .box {
    padding-top: 4px;
    margin-left: -16px;
}

.about .page5 .con p a {
    float: left;
    height: 26px;
    width: 62px;
    /* padding: 0 10px; */
    margin-bottom: 4px;
    position: relative;
    text-align: center;
    text-align-last: justify;
    cursor: default;
    color: #a1a0a0;
    line-height: 26px;
}

.about .page5 .con p a:after {
    content: '';
    width: 100%;
    display: inline-block;
}

.about .page5 .icon {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 33.4%;
    left: 44.4%;
}

.about .page5 .icon.icon2 {
    top: 29%;
    left: 27%;
}

.about .page5 .icon.icon2 {
    top: 21%;
    left: 16.5%;
}

.about .page5 .icon.icon3 {
    top: 51%;
    left: 47%;
}

.about .page5 .icon.icon4 {
    top: 45%;
    left: 27.5%;
}

.about .page5 .icon.icon5 {
    top: 41.4%;
    left: 55.4%;
}

.about .page5 .icon.icon6 {
    top: 44.4%;
    left: 56.4%;
}

.about .page5 .icon.icon7 {
    top: 21.5%;
    left: 47.7%;
}

.about .page5 .icon.icon8 {
    top: 25%;
    left: 52%;
}

.about .page5 .icon.icon9 {
    top: 59%;
    left: 38%;
}

.about .page5 .icon em {
    width: 9px;
    height: 9px;
    background-color: #c58457;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 50%;
    z-index: 3;
}

.about .page5 .icon:before {
    content: '';
    width: 44px;
    height: 44px;
    background-color: #c08b66;
    opacity: .1;
    filter: Alpha(opacity=10);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.about .page5 .icon:after {
    content: '';
    background-color: #c08b66;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.about .page5 .icon.on em {
    width: 24px;
    height: 24px;
}

.about .page5 .icon.on:before {
    opacity: .3;
    filter: Alpha(opacity=30);
    animation: h_map 3s ease-in-out infinite;
    -webkit-animation: h_map 3s ease-in-out infinite;
}

.about .page5 .icon.on:after {
    opacity: .2;
    filter: Alpha(opacity=20);
    animation: h_map2 3s ease-in-out infinite;
    -webkit-animation: h_map2 3s ease-in-out infinite;
}

/* .about .page5 .icon.icon1:before {
    animation: h_map 2s ease-in-out infinite ;
    -webkit-animation: h_map 2s ease-in-out infinite;
}
.about .page5 .icon.icon2:before {
    animation: h_map 2s .4s ease-in-out infinite;
    -webkit-animation: h_map 2s .4s ease-in-out infinite;
}
.about .page5 .icon.icon3:before {
    animation: h_map 2s .6s ease-in-out infinite;
    -webkit-animation: h_map 2s .6s ease-in-out infinite;
}
.about .page5 .icon.icon4:before {
    animation: h_map 2s .8s ease-in-out infinite;
    -webkit-animation: h_map 2s .8s ease-in-out infinite;
}
.about .page5 .icon.icon5:before {
    animation: h_map 2s 1s ease-in-out infinite;
    -webkit-animation: h_map 2s 1s ease-in-out infinite;
}
.about .page5 .icon.icon6:before {
    animation: h_map 2s 1.2s ease-in-out infinite;
    -webkit-animation: h_map 2s 1.2s ease-in-out infinite;
}
.about .page5 .icon.icon7:before {
    animation: h_map 2s 1.4s ease-in-out infinite;
    -webkit-animation: h_map 2s 1.4s ease-in-out infinite;
} */
/* news */
.news {
    padding-bottom: 100px;
}

.news .page1 {
    width: 100%;
    margin-bottom: 266px;
}

.news .page1 .bg {
    position: relative;
    background: #f4f1ec;
    background: -webkit-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -moz-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -ms-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -o-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: linear-gradient(90deg, #f4f1ec, #fefefd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA5A83', endColorstr='#fefefd', GradientType=0);
}

.news .page1 .img {
    padding-top: 147px;
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
}

.news .page1 .list {
    margin-right: -16px;
    overflow: hidden;
    margin-top: -258px;
    position: relative;
    margin-bottom: -238px;
}

.news .page1 .item {
    float: left;
    width: 389px;
    height: 494px;
    margin-right: 16px;
    background-color: #f6f6f6;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.news .page1 .item .img {
    width: 100%;
    height: 258px;
    background: no-repeat center;
    background-size: cover;
}

.news .page1 .item .detailed {
    padding: 40px 22px 0 22px;
}

.news .page1 .item .detailed .date {
    font-family: 'Gilroy_Regular';
    font-size: 30px;
    color: #d0d0d0;
    line-height: 1;
    letter-spacing: -1px;
}

.news .page1 .item .detailed .title {
    font-size: 20px;
    color: #333333;
    line-height: 26px;
    min-height: 52px;
    margin: 6px 0 10px;
}

.news .page1 .item .detailed .introduction {
    color: #959595;
    line-height: 20px;
}

.news .page1 .item:hover {
    background-color: #fbefe4;
}

.news .page1 .item:hover .detailed .date {
    color: #f58220;
}

.news .page1 .item:hover .detailed .introduction {
    color: #a59181;
}

.news .page2 {
    min-height: 250px;
    overflow: hidden;
}

.news .page2 .up,
.party_building .page2 .up {
    width: 100%;
    display: inline-block;
}

.news .float,
.party_building .float {
    float: right;
    width: 62px;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    border-radius: 22px;
    position: relative;
    cursor: pointer;
    transition: width .4s ease-out;
    -webkit-transition: width .4s ease-out;
}

.news .float.Screen,
.party_building .float.Screen {
    z-index: 3;
}

.news .float input,
.party_building .float input {
    width: 0%;
    line-height: 44px;
    padding: 0 42px 0 20px;
    color: #b3aca5;
}

.news .float input::-webkit-input-placeholder,
.party_building .float input::-webkit-input-placeholder {
    color: #b3aca5;
}

.news .float input:-moz-placeholder,
.party_building .float input:-moz-placeholder {
    color: #b3aca5;
}

.news .float input::-moz-placeholder,
.party_building .float input::-moz-placeholder {
    color: #b3aca5;
}

.news .float input:-ms-input-placeholder,
.party_building .float input:-ms-input-placeholder {
    color: #b3aca5;
}

.news .float .btn_icon,
.party_building .float .btn_icon {
    width: 28px;
    height: 44px;
    background: no-repeat center;
    position: absolute;
    right: 9px;
    top: 0;
    z-index: 2;
}

.news .float.Screen .btn_icon,
.party_building .float.Screen .btn_icon {
    background-image: url(../images/news/ico2.png);
}

.news .float.Search .btn_icon,
.party_building .float.Search .btn_icon {
    background-image: url(../images/news/ico3.png);
}

.news .float:hover,
.party_building .float:hover {
    width: 167px;
    background-color: #f7f0e9;
}

.news .float:hover input,
.news .float:hover .mySelect,
.party_building .float:hover input,
.party_building .float:hover .mySelect {
    width: 100%;
    overflow: visible;
}

.news .float .mySelect,
.party_building .float .mySelect {
    font-family: 'Gilroy_Bold';
    width: 0%;
    overflow: hidden;
}

.news .float .mySelect .show.on,
.party_building .float .mySelect .show.on {
    border-radius: 22px 22px 0 0;
}

.news .page2 .list {
    margin-right: -16px;
    margin-top: 6px;
    overflow: hidden;
}

.news .page2 .item {
    float: left;
    width: 389px;
    height: 236px;
    /* border: 2px solid #ececec; */
    padding: 40px 22px;
    margin-right: 16px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}

.news .page2 .date,
.party_building .Side .date {
    font-family: 'Gilroy_Regular';
    font-size: 30px;
    color: #d0d0d0;
    line-height: 1;
    letter-spacing: -1px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.news .page2 .title,
.party_building .Side .title {
    font-size: 20px;
    color: #333333;
    line-height: 26px;
    min-height: 52px;
    margin: 6px 0 10px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.news .page2 .introduction,
.party_building .Side .introduction {
    color: #959595;
    line-height: 20px;
}

.news .page2 .item .line,
.news .page2 .item .line_x,
.news .page2 .item .line_y,
.party_building .Side .item .line,
.party_building .Side .item .line_x,
.party_building .Side .item .line_y {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news .page2 .item .line_x:before,
.news .page2 .item .line_x:after,
.party_building .Side .item .line_x:before,
.party_building .Side .item .line_x:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #ececec;
    position: absolute;
}

.news .page2 .item .line_x:before,
.party_building .Side .item .line_x:before {
    top: 0;
}

.news .page2 .item .line_x:after,
.party_building .Side .item .line_x:after {
    bottom: 0;
}

.news .page2 .item .line_y:before,
.news .page2 .item .line_y:after,
.party_building .Side .item .line_y:before,
.party_building .Side .item .line_y:after {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #ececec;
    position: absolute;
}

.news .page2 .item .line_y:before,
.party_building .Side .item .line_y:before {
    left: 0;
}

.news .page2 .item .line_y:after,
.party_building .Side .item .line_y:after {
    right: 0;
}

.news .page2 .item:before,
.news .page2 .item:after,
.news .page2 .item .line:before,
.news .page2 .item .line:after,
.party_building .Side .item:before,
.party_building .Side .item:after,
.party_building .Side .item .line:before,
.party_building .Side .item .line:after {
    content: "";
    background-color: #e2d2be;
    position: absolute;
    display: block;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s, -webkit-transform .4s;
}

.news .page2 .item:before,
.news .page2 .item:after,
.party_building .Side .item:before,
.party_building .Side .item:after {
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.news .page2 .item .line:before,
.news .page2 .item .line:after,
.party_building .Side .line:before,
.party_building .Side .line:after {
    top: 0;
    width: 2px;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.news .page2 .item:before,
.party_building .Side .item:before {
    top: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.news .page2 .item:after,
.party_building .Side .item:after {
    bottom: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.news .page2 .item .line:before,
.party_building .Side .item .line:before {
    left: 0;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.news .page2 .item .line:after,
.party_building .Side .item .line:after {
    right: 0;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.news .page2 .item:hover:before,
.party_building .Side .item:hover:before {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.news .page2 .item:hover:after,
.party_building .Side .item:hover:after {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.news .page2 .item:hover .line:before,
.party_building .Side .item:hover .line:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.news .page2 .item:hover .line:after,
.party_building .Side .item:hover .line:after {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.news .page2 .item:hover:before,
.news .page2 .item:hover:after,
.party_building .Side .item:hover:before,
.party_building .Side .item:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.news .page2 .item:hover .line:before,
.news .page2 .item:hover .line:after,
.party_building .Side .item:hover .line:before,
.party_building .Side .item:hover .line:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.news .page2 .item:hover .line_x,
.news .page2 .item:hover .line_y,
.party_building .Side .item:hover .line_x,
.party_building .Side .item:hover .line_y {
    display: none;
}

.news .Tips {
    font-size: 16px;
    color: #897b71;
    line-height: 40px;
    text-align: center;
    margin-bottom: 30px;
}

/* news_d */
.news_d {
    overflow: hidden;
    padding: 75px 0 88px;
}

.news_d .fl {
    width: 760px;
}

.news_d .fr {
    width: 400px;
    padding-top: 45px;
}

.news_d .tp {
    padding-bottom: 30px;
    border-bottom: 2px solid #a5bfde;
}

.news_d .date {
    font-family: 'Gilroy_Regular';
    font-size: 36px;
    line-height: 1;
    color: #d59864;
    letter-spacing: -1px;
    /* margin-bottom: 14px; */
}

.news_d .tp .name {
    font-size: 26px;
    color: #524d48;
    line-height: 1.2;
    margin: 6px 0;
}

.news_d h5 {
    font-size: 14px;
    line-height: 1;
    color: #9b9894;
    margin-right: 15px;
    display: inline-block;
}

.news_d .con {
    padding-top: 30px;
}

.news_d .fl p {
    color: #5f5e5e;
    /* margin-bottom: 24px; */
    margin-bottom: 10px;
}

.news_d .fl p>span {
    font-size: 12px !important;
    display: block;
    line-height: 16px;
}

.news_d .fr .name {
    /* padding: 45px 0 32px 0; */
    border-bottom: 2px solid #b9d7d7;
}

.news_d .name .cn {
    font-size: 20px;
    color: #d59864;
    line-height: 24px;
    font-weight: lighter;
    margin-bottom: 6px;
}

.news_d .name .en {
    font-family: 'Gilroy_Regular';
    font-size: 26px;
    opacity: .3;
    filter: Alpha(opacity=30);
    color: #cda173;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.news_d .fr .list {
    padding-top: 32px;
}

.news_d .fr .li {
    margin-bottom: 14px;
}

.news_d .fr .li .title {
    font-size: 16px;
    color: #515861;
    line-height: 24px;
    margin-bottom: 3px;
}

.news_d .fr .li .time {
    font-family: 'Gilroy_Regular';
    font-size: 20px;
    color: #b5b5b5;
    line-height: 24px;
}

.news_d .btn {
    position: relative;
    overflow: hidden;
    border: 2px solid #f4eeee;
}

.news_d .btn .bn {
    width: 130px;
    height: 56px;
    line-height: 56px;
    float: left;
    cursor: pointer;
    transition: all .7s;
}

.news_d .btn .bn.prev {
    background: url(../images/news/ico6.png) no-repeat center;
}

.news_d .btn .bn.prev:hover {
    background: url(../images/news/ico6_on.png) no-repeat center;
}

.news_d .btn .xian {
    position: absolute;
    top: 50%;
    left: 130px;
    transform: translateY(-50%);
    width: 2px;
    height: 26px;
    background: #f4eeee;
}

.news_d .btn .bn.next {
    background: url(../images/news/ico7.png) no-repeat center;
}

.news_d .btn .bn.next:hover {
    background: url(../images/news/ico7_on.png) no-repeat center;
}

.news_d .btn .return {
    float: right;
    width: 136px;
    border-left: 2px solid #f4eeee;
    height: 56px;
    cursor: pointer;
    transition: all .7s;
    background: url(../images/news/ico8.png) no-repeat center center;
}

.news_d .btn .return:hover {
    background: url(../images/news/ico8_on.png) no-repeat center center;
}

.news_d .bdsharebuttonbox {
    width: 100%;
    display: inline-block;
}

.news_d .bdsharebuttonbox a {
    float: left;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 9px !important;
    background-image: url(../images/news/ico9.jpg) !important;
}

.news_d .bdsharebuttonbox .bds_weixin {
    background-position: 0 0 !important;
}

.news_d .bdsharebuttonbox .bds_tsina {
    background-position: -41px 0 !important;
}

.news_d .bdsharebuttonbox .bds_qzone {
    background-position: -80px 0 !important;
}

.news_d .bdsharebuttonbox .bds_sqq {
    background-position: -120px 0 !important;
}

/* news2 */
.news2 {
    padding-bottom: 100px;
}

.news2 .list .item {
    width: 100%;
    height: 426px;
    border: 2px solid #f0f0f0;
    padding: 48px 80px 0 50px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

.news2 .list .item .bg {
    width: 430px;
    height: 100%;
    background-color: #efe3d8;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.news2 .list .item .bg:before {
    content: '';
    width: 0;
    height: 100%;
    background-color: #ad8162;
    position: absolute;
    right: 0px;
    top: 0;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

.news2 .list .item .img {
    float: left;
    width: 530px;
    height: 335px;
    background: no-repeat center;
    background-size: cover;
    position: relative;
}

.news2 .list .item .img:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    filter: Alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.news2 .list .item .img:after {
    content: '';
    width: 55px;
    height: 55px;
    background: url(../images/news/ico11.png) no-repeat center;
    position: absolute;
    left: 0;
    right: 0;
    top: 170px;
    margin: auto;
    opacity: 0;
    filter: Alpha(opacity=0);
    transition: all .4s;
    -webkit-transition: all .4s;
}

.news2 .list .item .con {
    float: right;
    width: 450px;
    padding-top: 80px;
}

.news2 .list .item .en {
    font-family: 'CENTAUR';
    font-size: 36px;
    color: #ad8162;
    line-height: 1;
    text-transform: uppercase;
}

.news2 .list .item .cn {
    font-size: 38px;
    color: #ad8162;
    line-height: 1.2;
    font-weight: lighter;
}

.news2 .list .item .p {
    color: #70706e;
    line-height: 24px;
    margin-top: 20px;
}

.news2 .list .item .over {
    position: absolute;
    width: 32px;
    height: 32px;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.news2 .list .item .over_top1 {
    top: 20px;
    right: 20px;
    border-top: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
}

.news2 .list .item .over_down1 {
    bottom: 20px;
    right: 20px;
    border-bottom: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
}

.news2 .list .item:hover .bg:before {
    width: 100%;
    left: 0;
}

.news2 .list .item:hover .img:before {
    opacity: .3;
    filter: Alpha(opacity=30);
}

.news2 .list .item:hover .img:after {
    top: 140px;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.news2 .list .item:hover .over {
    -webkit-transform: scale(.8, .8);
    transform: scale(.8, .8);
    border-color: #ad8162;
}

/* service_products */
.icon_line {
    display: block;
    width: 2px;
    height: 57px;
    background: #c18f6c;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    animation: icon_line 3s 0.3s linear both infinite;
    -webkit-animation: icon_line 3s 0.3s linear both infinite;
}

.service_products .page1 .name .icon_line {
    height: 0;
    top: 165px;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.service_products .page1 .name .li.on .icon_line {
    height: 57px;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.service_products .page1 .name {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 5px;
}

.service_products .page1 .name .li {
    display: inline-block;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.service_products .page1 .name .li:nth-child(2):before,
.service_products .page1 .name .li:nth-child(4):before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.service_products .page1 .name .li:last-child:before {
    display: none;
}

.service_products .page1 .name .li:before {
    content: '';
    width: 85px;
    height: 15px;
    background: url(../images/service_products/ico10.png) no-repeat center;
    position: absolute;
    left: 110%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.service_products .page1 .name .li .box {
    width: 150px;
    height: 150px;
    border: 1px dashed #e7e7e7;
    border-radius: 50%;
    position: relative;
    padding-top: 30px;
    margin: auto;
}

.service_products .page1 .icon {
    width: 52px;
    height: 52px;
    margin: auto;
    overflow: hidden;
}

.service_products .page1 .name .cn {
    font-size: 20px;
    line-height: 24px;
    color: #a9a09a;
    margin: 11px 0 0;
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
}

.service_products .page1 .li.on .box {
    background: url(../images/service_products/ico9.png) no-repeat center;
    background-size: cover;
    border-color: transparent;
}

.service_products .page1 .li.on .cn,
.service_products .page1 .li:hover .cn,
.service_products .page1 .li:hover .en {
    color: #bb845e;
}

.service_products .page1 .list {
    text-align: center;
    margin: 93px -12px 0;
}

/* .service_products .page1 .item {
    position: relative;
    width: 388px;
    display: inline-block;
    overflow: hidden;
    margin: 0 8px;
}

.service_products .page1 .item .img {
    position: relative;
    width: 100%;
    height: 499px;
    margin: 0;
}

.service_products .page1 .item .img:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/service_products/ico11.png) no-repeat center bottom;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}

.service_products .page1 .item .img img {
    width: 100%;
    height: 100%;
}

.service_products .page1 .item .down {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    padding: 60px 29px 42px 30px;
}

.service_products .page1 .item .title {
    opacity: 1;
    filter: Alpha(opacity=100);
    padding-right: 15px;
    transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
}

.service_products .page1 .item .cn {
    font-size: 30px;
    color: #ffffff;
    line-height: 56px;
    font-weight: lighter;
}

.service_products .page1 .item .en {
    font-family: 'CENTAUR';
    font-size: 30px;
    color: #ffffff;
    line-height: 26px;
    opacity: .2;
    filter: Alpha(opacity=20);
    text-transform: uppercase;
} */

/* .service_products .page1 .item .text {
    opacity: 0;
    filter: Alpha(opacity=0);
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    background-color: #ad8162;
    padding: 60px 29px 60px 28px;
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
} */

/* .service_products .page1 .item .text h3 {
    font-size: 30px;
    color: #ffffff;
    line-height: 56px;
    font-weight: lighter;
    position: relative;
} */

/* .service_products .page1 .item .text h3:before {
    content: '';
    width: 24px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
} */
/* .service_products .page1 .item .text p {
    color: #edd1bd;
    color: rgba(237, 209, 189, .9);
} */

.service_products .page1 .item:hover .title {
    opacity: 0;
    filter: Alpha(opacity=0);
}

.service_products .page1 .item:hover .text {
    bottom: 0;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.service_products .page1 .img {
    width: 100%;
    height: 498px;
    background: no-repeat center;
    background-size: cover;
    position: relative;
    margin-top: 93px;
    overflow: hidden;
}

.service_products .page1 .img .item {
    width: 623px;
    height: 326px;
    background-color: #889aac;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
}

.service_products .page1 .con:last-child .img .item {
    background-color: #9fa891;
}

.service_products .page1 .img .text {
    opacity: 1;
    filter: Alpha(opacity=100);
    position: static;
    padding: 0 46px 0;
    height: 240px;
    overflow-y: auto;
    background-color: transparent;
    margin-top: 49px;
}

.service_products .page1 .img .text h3 {
    line-height: 34px;
    padding-top: 16px;
    margin-bottom: 16px;
}

.service_products .page1 .img .text p {
    margin-bottom: 10px;
    color: #fff;
    color: rgba(255, 255, 255, .65);
}

.service_products .page2 .img {
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
    margin-bottom: 45px;
}

.service_products .page2 .img .content {
    position: relative;
    height: 100%;
}

.service_products .page2 .img .name {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.service_products .page2 .img .name:before {
    content: '';
    width: 200px;
    height: 200px;
    background: url(../images/service_products/ico13.png) no-repeat center;
    position: absolute;
    left: -92px;
    top: -80px;
    z-index: -1;
}

.service_products .page2 .img .cn {
    font-size: 36px;
    color: #ffffff;
    line-height: 44px;
    font-weight: lighter;
}

.service_products .page2 .float {
    position: absolute;
    right: 127px;
    bottom: 10px;
}

.service_products .page2 .float .item {
    width: 151px;
    height: 205px;
    background-color: #d4ccc4;
    float: left;
    padding: 26px 29px 0;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
}

.service_products .page2 .float .item:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #006acd;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.service_products .page2 .float .h1 {
    font-family: 'CENTAUR';
    font-size: 22px;
    color: #fff;
    line-height: 1;
    margin-bottom: 47px;
}

.service_products .page2 .float .h3 {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 10px;
}

.service_products .page2 .float .p {
    font-family: 'CENTAUR';
    font-size: 24px;
    color: #fff;
    color: rgba(255, 255, 255, .2);
    line-height: 20px;
    text-transform: uppercase;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.service_products .page2 .float .item.on:before {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.service_products .page2 .float .item.on .p {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.service_products .page2 .block {
    overflow: hidden;
    margin-bottom: 55px;
}

.service_products .page2 .block .fl,
.service_products .page2 .block .fr {
    width: 50%;
}

.service_products .page2 .block h3 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
}

.service_products .page2 .block h4 {
    font-family: 'CENTAUR';
    font-size: 46px;
    color: #d4cfcb;
    line-height: 1;
    margin-top: 10px;
    text-transform: uppercase;
}

.service_products .page2 .block h5 {
    font-size: 20px;
    color: #ad8162;
    line-height: 40px;
    margin-bottom: 5px;
}

.service_products .page2 .block p {
    margin-bottom: 10px;
}

.service_products .page2 .title {
    font-size: 36px;
    color: #004dcd;
    line-height: 44px;
    font-weight: lighter;
    margin-bottom: 25px;
}

.service_products .Slide3 {
    position: relative;
}

.service_products .Slide3 .bd {
    width: 1073px;
    height: 467px;
    margin-bottom: 10px;
}

.service_products .Slide3 .bd li {
    height: 467px;
}

.service_products .Slide3 .bd .img {
    width: 100%;
    height: 100%;
    margin: auto;
}

.service_products .Slide3 .list {
    width: 810px;
    height: auto;
    background-color: #eff1f2;
    padding: 45px 54px 5px;
    position: absolute;
    right: -245px;
    top: 262px;
    min-height: 405px;
}

.service_products .Slide3 .h1 {
    font-family: 'Gilroy_Bold';
    font-size: 80px;
    color: #d4dfea;
    line-height: 1;
}

.service_products .Slide3 .h3 {
    font-size: 38px;
    color: #004dcd;
    line-height: 47px;
    font-weight: lighter;
    margin-bottom: 12px;
}

.service_products .Slide3 .p {
    color: #8c9194;
}

.service_products .Slide3 .p ul {
    padding-left: 18px;
}

.service_products .Slide3 .p li {
    list-style: inherit;
}

.service_products .Slide3 .btn {
    width: 132px;
    overflow: hidden;
}

.service_products .Slide3 .btn a {
    width: 61px;
    height: 62px;
    background: no-repeat center;
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.service_products .Slide3 .btn a.prev {
    float: left;
    background-image: url(../images/prev.jpg);
    margin-right: 10px;
}

.service_products .Slide3 .btn a.next {
    float: right;
    background-image: url(../images/next.jpg);
}

.service_products .page2 .con .page_title {
    padding: 0;
}

.service_products .page2 .con .page_title:before {
    display: none;
}

.service_products .page2 .con .page_title .cn {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
    margin-bottom: 8px;
}

.service_products .page2 .con .page_title .en {
    font-size: 46px;
    color: #d4cfcb;
}

.service_products .Side {
    position: relative;
    margin-top: 52px;
}

.service_products .Side .bd {
    overflow: hidden;
    width: 1218px;
}

.service_products .Side .tempWrap {
    width: 1200px !important;
}

.service_products .Side .item {
    width: 388px;
    height: 595px;
    float: left;
    margin-right: 18px;
    background-color: #ad8162;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.service_products .Side .imgs {
    width: 100%;
    height: 313px;
    overflow: hidden;
}

.service_products .Side .imgs img {
    width: 100%;
    height: 100%;
}

.service_products .Side .text {
    padding: 45px 24px 0 33px;
    height: 264px;
    overflow-y: auto;
}

.service_products .Side h3:before {
    content: '';
    width: 0;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: -12px;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.service_products .Side h3 {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    font-weight: lighter;
    margin-bottom: 14px;
    position: relative;
}

.service_products .Side p {
    color: #edd1bd;
    color: rgba(237, 209, 189, .9);
    transition: all .4s;
    -webkit-transition: all .4s;
}

.service_products .Side .item:hover {
    background-color: #016ed4;
}

.service_products .Side .item:hover h3:before {
    width: 24px;
}

.service_products .Side .item:hover p {
    color: #fff;
    color: rgba(255, 255, 255, .4);
}

.service_products .Side .hd {
    height: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -31px;
    text-align: center;
    display: none;
}

.service_products .Side .hd ul li.on {
    width: 29px;
    background-color: #f58220;
    border-radius: 5px;
}

.service_products .Side .hd ul li {
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    background-color: #d7c1aa;
    border-radius: 50%;
    margin: 0 5px;
    transition: all .4s;
    cursor: pointer;
}

.service_products .con3 .Side .item {
    height: 590px;
    background-color: #d4ccc4;
}

.service_products .con3 .Side .text {
    padding: 0 24px 0 33px;
    height: 104px;
    line-height: 104px;
    overflow: hidden;
}

.service_products .con3 .Side .middle {
    display: inline-block;
    vertical-align: middle;
}

.service_products .con3 .Side h3 {
    margin: 0;
    line-height: 32px;
}

.service_products .con3 .Side .imgs {
    height: 485px;
}

.service_products .con3 .Side .imgs img {
    height: 100%;
}

.service_products .con3 .Side .item:hover {
    background-color: #016ed4;
}

.service_products .Screen {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 0;
}

.service_products .mySelect {
    width: 207px;
    height: 80px;
    line-height: 80px;
    margin-right: 4px;
    display: inline-block;
    text-align: left;
}

.service_products .mySelect .show {
    color: #fff;
    height: 80px;
    line-height: 80px;
    background-color: #bc9379;
    border-radius: 2px;
}

.service_products .mySelect .show:before {
    width: 8px;
    height: 80px;
    background: url(../images/join_us/ico13.png) no-repeat center;
    left: auto;
    right: 20px;
}

.service_products .mySelect .drapList {
    border-radius: 0;
    top: 60px;
    padding: 20px 0 10px;
}

.service_products .mySelect .show:hover {
    background-color: #d4b69c;
}

.service_products .Search {
    width: 394px;
    position: relative;
    display: inline-block;
    margin-top: 30px;
}

.service_products .Search input {
    width: 100%;
    background-color: #fff;
    border-radius: 2px;
    height: 80px;
    line-height: 80px;
    padding: 0 77px 0 22px;
    color: #707576;
    color: rgba(112, 117, 118, .8);
    border: 1px solid #d4ccc4;
}

.service_products .Search input::-webkit-input-placeholder {
    color: #707576;
    color: rgba(112, 117, 118, .8);
}

.service_products .Search input:-moz-placeholder {
    color: #707576;
    color: rgba(112, 117, 118, .8);
}

.service_products .Search input::-moz-placeholder {
    color: #707576;
    color: rgba(112, 117, 118, .8);
}

.service_products .Search input:-ms-input-placeholder {
    color: #707576;
    color: rgba(112, 117, 118, .8);
}

.service_products .Search .btn_icon {
    width: 57px;
    height: 57px;
    background: url(../images/search_icon.png) no-repeat center #ad8162;
    border-radius: 50%;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.service_products .con2,
.service_products .con3 {
    position: relative;
    margin-bottom: -90px;
    z-index: 1;
}

.service_products .page3 .img {
    height: 450px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
    margin-bottom: 45px;
}

.service_products .page3 .con {
    overflow: hidden;
}

.service_products .page3 .fl,
.service_products .page3 .fr {
    width: 50%;
}

.service_products .page3 h3 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
}

.service_products .page3 h4 {
    font-family: 'CENTAUR';
    font-size: 30px;
    color: #ad8162;
    line-height: 1;
    margin-top: 10px;
    text-transform: uppercase;
}

.service_products .page3 p {
    margin-bottom: 10px;
}

.service_products .page3 .bg {
    background-color: #f7f5f1;
    padding: 65px 0 91px;
    margin-top: 57px;
    position: relative;
}

.service_products .Side2 {
    position: relative;
}

.service_products .Side2 .bd {
    overflow: hidden;
    width: 1224px;
}

.service_products .Side2 .tempWrap {
    width: 1200px !important;
}

.service_products .swiper .item {
    float: left;
    width: 586px;
    background-color: #eee7e3;
    margin-right: 24px;
    overflow: hidden;
}

.service_products .swiper .imgs {
    width: 100%;
    height: 348px;
    overflow: hidden;
}

.service_products .swiper .imgs img {
    width: 100%;
    height: 100%;
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
}

.service_products .swiper .item .text {
    padding: 33px 28px 20px;
    /* min-height: 160px; */
    height: 275px;
    position: relative;
}

.service_products .swiper .item .text:before {
    content: '';
    width: 100%;
    height: 10px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.service_products .swiper .item .text:after {
    content: '';
    width: 0;
    height: 10px;
    background-color: #c59e83;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
}

.service_products .swiper .h3 {
    font-size: 30px;
    color: #23262a;
    font-weight: lighter;
    line-height: 1.4;
    position: relative;
    padding-bottom: 8px;
}

.service_products .swiper .h3:before {
    content: '';
    width: 24px;
    height: 3px;
    background-color: #c59e83;
    position: absolute;
    left: 0;
    bottom: 0;
}

.service_products .swiper .h5 {
    margin: 10px 0 0;
    text-align: justify;
}

.service_products .swiper p {
    color: #706055;
    color: rgba(112, 96, 85, .8);
    margin-bottom: 6px;
}

.service_products .swiper p+p {
    margin: 0;
}

.service_products .swiper .item:hover .imgs img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.service_products .swiper .item:hover .text:after {
    width: 100%;
    left: 0;
}

/* community_service */
.community_service .Side {
    width: 100%;
    height: 438px;
    margin-top: 36px;
    position: relative;
    z-index: 1;
}

.community_service .Side:after {
    content: '';
    width: 283px;
    height: 283px;
    background-color: #cc956e;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.community_service .Side:before {
    content: '';
    width: 283px;
    height: 283px;
    background-color: #f9f1eb;
    border-radius: 50%;
    position: absolute;
    left: 300px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.community_service .Side .hd {
    width: 438px;
    height: 438px;
    border: 1px solid #ddd1c4;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    margin: auto;
}

.community_service .Side .hd ul,
.community_service .Side .hd .dot_wr {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 408px;
    height: 408px;
    margin: -204px 0 0 -204px;
}

.community_service .Side .hd li,
.community_service .Side .hd .dot {
    position: absolute;
    left: 50%;
    top: 0;
    width: 7px;
    height: 7px;
    margin-left: -3px;
    border-radius: 50%;
    background: #dfd4ce;
    transform-origin: 50% 204px;
    z-index: 3;
    cursor: pointer;
}

.community_service .Side .hd li.on,
.community_service .Side .hd .dot.on {
    transition: all 1s;
    -webkit-transition: all 1s;
}

.community_service .Side .hd .dot.on {
    background-color: #c6885c;
}

.community_service .Side .hd .dot:nth-child(9),
.community_service .Side .hd li:nth-child(8) {
    transform: rotate(30deg);
}

.community_service .Side .hd .dot:nth-child(8),
.community_service .Side .hd li:nth-child(7) {
    transform: rotate(60deg);
}

.community_service .Side .hd .dot:nth-child(7),
.community_service .Side .hd li:nth-child(6) {
    transform: rotate(90deg);
}

.community_service .Side .hd .dot:nth-child(6),
.community_service .Side .hd li:nth-child(5) {
    transform: rotate(120deg);
}

.community_service .Side .hd .dot:nth-child(5),
.community_service .Side .hd li:nth-child(4) {
    transform: rotate(150deg);
}

.community_service .Side .hd .dot:nth-child(4),
.community_service .Side .hd li:nth-child(3) {
    transform: rotate(180deg);
}

.community_service .Side .hd .dot:nth-child(3),
.community_service .Side .hd li:nth-child(2) {
    transform: rotate(210deg);
}

.community_service .Side .hd .dot:nth-child(2),
.community_service .Side .hd li:nth-child(1) {
    transform: rotate(240deg);
}

.community_service .Side .hd .dot:nth-child(1),
.community_service .Side .hd li:nth-child(9) {
    transform: rotate(270deg);
    transition: none;
    -webkit-transition: none;
}

.community_service .Side .hd li {
    background: transparent;
}

.community_service .Side .hd .bg_wr {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 406px;
    height: 406px;
    margin: -203px 0 0 -203px;
}

.community_service .Side .hd .bg {
    position: absolute;
    width: 110px;
    height: 203px;
    background-image: url(../images/community_service/ico3_1.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    left: 50%;
    top: 0;
    z-index: 1;
    margin-left: -55px;
    transform-origin: 50% 100%;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.community_service .Side .hd .bg.on {
    opacity: 1;
    filter: Alpha(opacity=100);
    transition: all .8s;
    -webkit-transition: all .8s;
}

.community_service .Side .hd .bg {
    transform: rotate(255deg);
}

.community_service .Side .hd .bg.bg8.on {
    transform: rotate(45deg);
}

.community_service .Side .hd .bg.bg7.on {
    transform: rotate(75deg);
}

.community_service .Side .hd .bg.bg6.on {
    transform: rotate(105deg);
}

.community_service .Side .hd .bg.bg5.on {
    transform: rotate(135deg);
}

.community_service .Side .hd .bg.bg4.on {
    transform: rotate(165deg);
}

.community_service .Side .hd .bg.bg3.on {
    transform: rotate(195deg);
}

.community_service .Side .hd .bg.bg2.on {
    transform: rotate(225deg);
}

.community_service .Side .hd .bg.bg1.on {
    transform: rotate(255deg);
}

.community_service .Side .num {
    width: 244px;
    height: 244px;
    border: 1px solid #e8dfd6;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: 'CENTAUR';
    font-size: 36px;
    line-height: 1;
    text-align: center;
}

.community_service .Side .num:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #cc956e;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.community_service .Side .num:after {
    content: '';
    width: 1.5px;
    height: 35px;
    background-color: #ad8162;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

.community_service .Side .num .li {
    color: #ad8162;
    position: absolute;
    left: 0;
    right: 0;
    top: 72px;
    margin: auto;
    display: none;
}

.community_service .Side .num .li.on {
    display: block;
}

.community_service .Side .num #all {
    color: #e0d9d5;
    position: absolute;
    left: 0;
    right: 0;
    top: 144px;
    margin: auto;
}

.community_service .Side .btn {
    width: 41px;
    height: 48px;
    background: no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 252px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.community_service .Side .btn.next {
    background-image: url(../images/community_service/ico2.png);
}

.community_service .Side .bd {
    width: 100%;
    overflow: hidden;
}

.community_service .Side .bd ul {
    width: 100% !important;
}

.community_service .Side .bd li {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.community_service .Side .item {
    width: 283px;
    height: 283px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 80px;
    margin: auto;
    text-align: center;
    pointer-events: none;
    z-index: 1;
}

.community_service .Side .item h3 {
    font-size: 32px;
    color: #fff;
    line-height: 1.4;
    position: relative;
    font-weight: 300;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.community_service .Side .item h3:before {
    content: '';
    width: 46px;
    height: 1px;
    background-color: #e8dfd6;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.community_service .Side .item p {
    font-size: 20px;
    line-height: 1;
    color: rgba(255, 255, 255, .6);
    font-family: "CENTAUR";
    text-align: center;
}

.community_service .Side .float {
    font-size: 22px;
    color: #cc956e;
    line-height: 40px;
    position: absolute;
    top: 167px;
    left: 0;
}

.community_service .Side .float:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #cc956e;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    margin: auto;
}

.community_service .Side .float:after {
    content: '';
    width: 7px;
    height: 13px;
    background: url(../images/community_service/ico4.png) no-repeat;
    position: absolute;
    left: 242px;
    bottom: -19px;
}

.community_service .wrapper {
    width: 100%;
    padding: 255px 0 64px;
    background: url(../images/community_service/ico1.jpg) no-repeat center;
    background-size: cover;
    margin-top: -219px;
    position: relative;
}

.community_service .wrapper:before {
    content: '';
    width: 1074px;
    height: 1px;
    background-color: #e8dfd6;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -600px;
}

.community_service .block {
    overflow: hidden;
}

.community_service .block .fl {
    width: 395px;
}

.community_service .block .fr {
    width: 805px;
    padding-top: 47px;
    /* padding-right: 150px; */
}

.community_service .block .page_title {
    padding: 0;
    text-align: left;
}

.community_service .block .page_title:before {
    display: none;
}

.community_service .block .page_title .cn {
    font-size: 30px;
    font-weight: lighter;
    margin-bottom: 10px;
}

.community_service .block .page_title .en {
    font-size: 32px;
    line-height: 28px;
    padding-right: 20px;
}

.community_service .block .title {
    font-size: 30px;
    color: #b5844f;
    line-height: 40px;
    font-weight: lighter;
    margin: 50px 0 14px;
    position: relative;
}

.community_service .block .title:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #e7ded6;
    position: absolute;
    top: -25px;
    left: 0;
}

.community_service .block ul {
    overflow: hidden;
}

.community_service .block li {
    float: left;
    margin-bottom: 30px;
}

.community_service .block li:nth-child(3n+1) {
    width: 395px;
    padding-right: 102px;
}

.community_service .block li:nth-child(3n+2) {
    width: 482px;
    padding-right: 90px;
}

.community_service .block li:nth-child(3n+3) {
    width: 323px;
}

.community_service .block li h3 {
    font-size: 18px;
    color: #70706e;
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 10px;
}

.community_service .block li h3:before {
    content: '';
    width: 16px;
    height: 3px;
    background-color: #d7ab8c;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* investor */
.investor {
    padding-bottom: 100px;
}

.investor .img {
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
    margin-bottom: 60px;
}

.investor .img .content {
    position: relative;
    height: 100%;
}

.investor .img .con {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.investor .img .con:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #fff;
    opacity: .5;
    filter: Alpha(opacity=50);
    position: absolute;
    top: 52px;
    left: 0;
}

.investor .con {
    overflow: hidden;
}

.investor .fl {
    width: 385px;
    padding-right: 30px;
}

.investor .fr {
    width: 815px;
}

.investor .img .name h3 {
    font-size: 36px;
    color: #ffe5d3;
    line-height: 44px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.investor .img .name h3::before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #f5b287;
    position: absolute;
    bottom: 0;
    left: 0;
}

.investor .img .item {
    float: left;
    width: 33.3333%;
}

.investor .img .item h3 {
    font-family: 'Gilroy_Regular';
    font-size: 36px;
    color: #ffe5d3;
    line-height: 44px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.investor .img .name p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.investor .img .item p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.investor .fl h3 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
    margin-bottom: 6px;
}

.investor .fl p {
    color: #70706e;
    text-align: left;
}

.investor .fr .li {
    padding: 22px 152px 22px 22px;
    margin-bottom: 20px;
    background-color: #f8f5f1;
    position: relative;
}

.investor .fr .li h3 {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}

.investor .fr .li p {
    font-size: 14px;
    color: #a0a0a0;
}

.investor .fr .li h5 {
    font-size: 14px;
    color: #a0a0a0;
    line-height: 24px;
    height: 24px;
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
}

table.table {
    width: 100%;
    color: #848484;
    border-width: 2px;
    border-color: #fff;
    border-collapse: collapse;
}

table.table tr {
    background-color: #f8f5f1;
}

table.table td {
    border-width: 2px;
    padding: 12px 18px;
    border-style: solid;
    border-color: #fff;
}

table.table td.num {
    width: 203px;
}

table.table td.num2 {
    width: 203px;
}

table.table td.num3 {
    width: 203px;
}

table.table td.num4 {
    width: 204px;
}

table.table td.num4 p {
    line-height: 18px;
}

table p {
    color: #9b896f;
    text-align: center;
}

table h3 {
    font-family: 'Gilroy_Regular';
    font-size: 36px;
    color: #1e9a99;
    text-align: center;
}

.en p {
    font-family: 'Gilroy_Regular';
    font-weight: bold;
}

.align_l p {
    text-align: left;
}

/* investor2 */
.investor2 .name {
    font-size: 0;
    text-align: center;
    margin: -10px 0 40px;
}

.investor2 .name .li {
    display: inline-block;
    font-size: 16px;
    color: #bdbdbd;
    line-height: 40px;
    margin: 0 12px;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.investor2 .name .li.on {
    color: #ad8162;
    cursor: pointer;
}

.investor2 .page2 .item:hover .date {
    color: #f58220;
}

/* investor3 */
.investor3 .page2 .text {
    margin-bottom: 30px;
}

.investor3 .page2 .text p {
    color: #acacac;
    line-height: 22px;
    text-align: center;
}

.investor3 .page2 .item {
    height: 156px;
    padding: 38px 22px;
}

.investor3 .page2 .title {
    margin: 0;
    height: 52px;
    overflow: hidden;
}

.investor3 .page2 .item .bg {
    width: 100%;
    height: 100%;
    background: url(../images/investor/ico3.jpg) no-repeat left center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: Alpha(opacity=0);
    z-index: -1;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.investor3 .page2 .icon:before {
    content: '';
    width: 26px;
    height: 29px;
    background: url(../images/investor/ico1.png) no-repeat center;
    position: absolute;
    left: 22px;
    bottom: 34px;
}

.investor3 .page2 .icon:after {
    content: '';
    width: 24px;
    height: 16px;
    background: url(../images/investor/ico2.png) no-repeat center;
    position: absolute;
    left: 45px;
    bottom: 38px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.investor3 .page2 .item:hover .title {
    color: #9d7152;
}

.investor3 .page2 .item:hover .icon:after {
    left: 67px;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.investor3 .page2 .item:hover .bg {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.investor3 .page2 .item:hover .line_x,
.investor3 .page2 .item:hover .line_y {
    display: block;
}

.investor3 .page2 .item:hover .line_x:before,
.investor3 .page2 .item:hover .line_x:after,
.investor3 .page2 .item:hover .line_y:before,
.investor3 .page2 .item:hover .line_y:after {
    z-index: -2;
}

.investor3 .page2 .item:hover:before,
.investor3 .page2 .item:hover:after {
    display: none;
}

/* party_building */
.party_building .page1 {
    padding-bottom: 95px;
}

.party_building .page1 .img {
    height: 399px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
    margin-bottom: 45px;
}

.party_building .page1 .con {
    overflow: hidden;
}

.party_building .page1 .fl,
.party_building .page1 .fr {
    width: 50%;
}

.party_building .page1 h3 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
}

.party_building .page1 h4 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    margin-top: 10px;
    font-weight: lighter;
}

.party_building .page1 p {
    margin-bottom: 10px;
}

.party_building .page2 {
    width: 100%;
}

.party_building .page2 .bg {
    position: relative;
}

.party_building .page2 .bg:before {
    content: '';
    width: 100%;
    height: 450px;
    position: absolute;
    top: 0;
    left: 0;
    background: #f4f1ec;
    background: -webkit-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -moz-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -ms-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -o-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: linear-gradient(90deg, #f4f1ec, #fefefd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA5A83', endColorstr='#fefefd', GradientType=0);
}

.party_building .page2 .img {
    /* padding-top: 147px; */
    /* height: 258px; */
    background: no-repeat center;
    background-size: cover;
    margin: auto;
}

.party_building .page2 .list {
    margin-right: -16px;
}

.party_building .page2 .item {
    float: left;
    width: 389px;
    height: 494px;
    margin-right: 16px;
    background-color: #f6f6f6;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.party_building .page2 .item .img {
    width: 100%;
    height: 258px;
    background: no-repeat center;
    background-size: cover;
}

.party_building .page2 .item .detailed {
    padding: 40px 22px 0 22px;
}

.party_building .page2 .item .detailed .date {
    font-family: 'Gilroy_Regular';
    font-size: 30px;
    color: #d0d0d0;
    line-height: 1;
    letter-spacing: -1px;
}

.party_building .page2 .item .detailed .title {
    font-size: 20px;
    color: #333333;
    line-height: 26px;
    min-height: 52px;
    margin: 6px 0 10px;
}

.party_building .page2 .item .detailed .introduction {
    color: #959595;
    line-height: 20px;
}

.party_building .page2 .item:hover {
    background-color: #fbefe4;
}

.party_building .page2 .item:hover .detailed .date {
    color: #f58220;
}

.party_building .page2 .item:hover .detailed .introduction {
    color: #a59181;
}

.party_building .page2 .bg2 {
    min-height: 250px;
    clear: both;
    padding: 30px 0 60px;
}

.party_building .page2 .Side {
    margin-top: 6px;
}

.party_building .Side {
    position: relative;
}

.party_building .Side .bd {
    overflow: hidden;
    width: 1216px;
}

.party_building .Side .tempWrap {
    width: 1200px !important;
}

.party_building .Side a {
    float: left;
    width: 389px;
    height: 236px;
    margin-right: 16px;
}

.party_building .Side .item {
    float: left;
    width: 389px;
    height: 236px;
    background: none;
    /* border: 2px solid #ececec; */
    padding: 40px 22px;
    position: relative;
}

.party_building .Side .item:hover {
    background: none;
}

.party_building .Side .hd {
    height: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -31px;
    text-align: center;
    display: none;
}

.party_building .Side .hd ul li.on {
    width: 29px;
    background-color: #f58220;
    border-radius: 5px;
}

.party_building .Side .hd ul li {
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    background-color: #d7c1aa;
    border-radius: 50%;
    margin: 0 5px;
    transition: all .4s;
    cursor: pointer;
}

.party_building .page3 {
    background-color: #f4f1eb;
    padding-bottom: 150px;
    margin-top: 47px;
}

.party_building .page3 .Side .item .line_x:before,
.party_building .page3 .Side .item .line_x:after,
.party_building .page3 .Side .item .line_y:before,
.party_building .page3 .Side .item .line_y:after {
    background-color: #e7e7e7;
}

/* good_life */
.good_life .page1 .img {
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    position: relative;
    margin: auto;
    margin-bottom: 55px;
    transition-duration: .6s;
    -webkit-transition-duration: .6s;
}

.good_life .page1 .img:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/good_life/ico1_bg.png) no-repeat center bottom;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}

.good_life .page1 .img .h_img {
    display: none;
}

.good_life .page1 .img .h_img.on {
    display: block;
}

/* .good_life .page1 .img .h_img {
    background-image: url(../images/good_life/ico1.jpg);
}
.good_life .page1 .img.img2 .h_img {
    background-image: url(../images/good_life/ico9.jpg);
}
.good_life .page1 .img.img3 .h_img {
    background-image: url(../images/good_life/ico10.jpg);
}
.good_life .page1 .img.img4 .h_img {
    background-image: url(../images/good_life/ico11.jpg);
} */
.good_life .page1 .img .content {
    position: relative;
    height: 100%;
}

.good_life .page1 .img .Screen {
    position: absolute;
    bottom: 20px;
    right: 0;
}

.good_life .Screen .name {
    overflow: hidden;
    position: relative;
    margin-right: -8px;
}

.good_life .Screen .name .li {
    min-width: 144px;
    float: left;
    font-size: 20px;
    color: #ffffff;
    color: rgba(255, 255, 255, .6);
    line-height: 40px;
    padding-bottom: 3px;
    margin-right: 8px;
    position: relative;
    cursor: pointer;
}

.good_life .Screen .name .li:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #fff;
    opacity: .2;
    filter: Alpha(opacity=20);
    position: absolute;
    left: 0;
    bottom: 0;
}

.good_life .Screen .name .li.on:before {
    background-color: #eeb389;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.good_life .Screen .name .li.on {
    color: #fff;
}

.good_life .page1 .up {
    width: 100%;
    display: inline-block;
}

.good_life .page1 .up .fl,
.good_life .page1 .up .fr {
    width: 50%;
}

.good_life .page1 .up .fr em {
    visibility: visible !important;
    animation-name: fadeInUp !important;
}

.good_life .page1 .up .fl h3 {
    font-size: 40px;
    color: #ad8162;
    line-height: 50px;
    font-weight: lighter;
}

.good_life .page1 .up .fl h3 img {
    width: 86px;
    float: left;
    position: relative;
    margin: -19px 22px 40px 0;
}

.good_life .page1 .con:last-child .up .fl h3 img {
    width: auto;
    margin: 0;
    float: none;
}

.good_life .page1 .up .fl h4 {
    font-family: 'CENTAUR';
    font-size: 36px;
    color: #ad8162;
    line-height: 36px;
    text-transform: uppercase;
}

.good_life .page1 p {
    margin-bottom: 10px;
    letter-spacing: -.2px;
}

.good_life .page1 .down {
    overflow: hidden;
    margin-top: 55px;
}

.good_life .page1 .down .fl {
    width: 554px;
}

.good_life .page1 .down .fr {
    width: 626px;
    height: 770px;
}

.good_life .page1 .down .fl .imgs {
    height: 397px;
}

.good_life .page1 .down .fl .imgs+.imgs {
    height: 353px;
    margin-top: 20px;
}

.good_life .page1 .imgs {
    width: 100%;
    background: no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.good_life .page1 .imgs:before {
    content: '';
    position: absolute;
    left: -50%;
    top: 0;
    width: 33%;
    height: 100%;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    transform: skew(25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
    opacity: .5;
    filter: Alpha(opacity=50);
}

.good_life .page1 .imgs:hover:before {
    left: 120%;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.good_life .page2 .con {
    overflow: hidden;
    margin-top: 65px;
}

.good_life .page2 .fl,
.good_life .page2 .fr {
    width: 50%;
    /* height: 150px; */
    /* overflow: hidden; */
    /* overflow-y: auto; */
    /* padding-right: 10px; */
}

.good_life .page2 .fr {
    margin-top: -20px;
}

.good_life .page2 .fl h3 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
    margin-bottom: 14px;
}

.good_life .page2 .fr .img {
    margin: 20px 0 6px;
}

.good_life .page2 .fl p {
    color: #ad8162;
}

.good_life .page2 .Slide {
    width: 100%;
    height: 520px;
    position: relative;
}

.good_life .page2 .Slide .bd {
    width: 100%;
    overflow: hidden;
}

.good_life .page2 .Slide .bd ul {
    width: 100% !important;
}

.good_life .page2 .Slide .bd li {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.good_life .page2 .Slide .bd li .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.good_life .page2 .Slide a {
    width: 30px;
    height: 98px;
    background: no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -49px;
}

.good_life .page2 .Slide a.prev {
    background-image: url(../images/good_life/ico7.png);
    left: 20px;
}

.good_life .page2 .Slide a.next {
    background-image: url(../images/good_life/ico8.png);
    right: 20px;
}

.good_life .Side2 {
    position: relative;
    margin: 20px 0 50px;
}

.good_life .Side2 .bd {
    overflow: hidden;
    width: 1216px;
}

.good_life .Side2 .tempWrap {
    width: 1200px !important;
}

.good_life .Side2 .bd a {
    float: left;
    width: 389px;
    height: 322px;
    margin-right: 16px;
    background-color: #f5eee7;
}

.good_life .Side2 a .img {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.good_life .Side2 a .img img {
    width: 100%;
    height: 100%;
}

.good_life .Side2 a .title {
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    margin-top: 9px;
    position: relative;
}

.good_life .Side2 a .title:before {
    content: '';
    width: 100%;
    height: 9px;
    background-color: #fff;
    position: absolute;
    top: -9px;
    left: 0;
}

.good_life .Side2 a .block {
    display: inline-block;
    vertical-align: middle;
}

.good_life .Side2 a .title h3 {
    font-size: 18px;
    color: #23262a;
    font-weight: lighter;
}

.service_products .Side2 .hd,
.good_life .Side2 .hd {
    height: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -31px;
    text-align: center;
    display: none;
}

.service_products .Side2 .hd ul li.on,
.good_life .Side2 .hd ul li.on {
    width: 29px;
    background-color: #f58220;
    border-radius: 5px;
}

.service_products .Side2 .hd ul li,
.good_life .Side2 .hd ul li {
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    background-color: #d7c1aa;
    border-radius: 50%;
    margin: 0 5px;
    -webkit-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
}

.service_products .Side2 a.btn,
.service_products .Side a.btn,
.good_life .Side2 a.btn {
    width: 48px;
    height: 48px;
    background: no-repeat center;
    border-radius: 50%;
    position: absolute;
    top: 135px;
    display: none;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.service_products .Side2 a.btn,
.service_products .Side a.btn {
    top: 50%;
    margin-top: -24px;
}

.service_products .Side2 a.prev,
.service_products .Side a.prev,
.good_life .Side2 a.prev {
    background-image: url(../images/good_life/ico25.png);
    left: -108px;
}

.service_products .Side2 a.next,
.service_products .Side a.next,
.good_life .Side2 a.next {
    background-image: url(../images/good_life/ico26.png);
    right: -108px;
}

.service_products .Side2 a.btn:hover,
.service_products .Side a.btn:hover,
.good_life .Side2 a.btn:hover {
    box-shadow: 0 10px 16px rgba(211, 179, 147, .5);
}

.service_products .Side2 a.prev:hover,
.service_products .Side a.prev:hover,
.good_life .Side2 a.prev:hover {
    background-image: url(../images/good_life/ico25_on.png);
}

.service_products .Side2 a.next:hover,
.service_products .Side a.next:hover,
.good_life .Side2 a.next:hover {
    background-image: url(../images/good_life/ico26_on.png);
}

.good_life .Side_name {
    float: right;
    margin: 40px 0 20px;
}

.good_life .Side_box {
    clear: both;
}

.good_life .page2 .Side_box .con {
    margin: 0;
    overflow: visible;
}

.good_life .page3 .img {
    width: 100%;
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    position: relative;
    margin: auto;
}

.good_life .page3 .img .h_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: cover;
    -webkit-animation-duration: 5s !important;
    animation-duration: 5s !important;
}

.good_life .page3 .img .content {
    position: relative;
    height: 100%;
}

.good_life .page3 .img .con {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.good_life .page3 .img .fl,
.good_life .page3 .img .fr {
    width: 50%;
}

.good_life .page3 .img .fl h3 {
    font-size: 38px;
    color: #fff;
    line-height: 49px;
    font-weight: lighter;
    padding-left: 102px;
    margin-left: -102px;
}

.good_life .page3 .img .fl h3 img {
    width: 86px;
    position: absolute;
    top: -15px;
    left: -102px;
    /*     margin: -19px 22px 40px 0; */
}

.good_life .page3 .img p {
    margin-bottom: 10px;
    color: #fff;
    opacity: .8;
    filter: Alpha(opacity=80);
}

.good_life .white {
    padding: 125px 0 99px;
}

.good_life .white .box {
    width: 550px;
    height: 550px;
    border: 1px dashed #efefef;
    border-radius: 50%;
    margin: auto;
    position: relative;
}

.good_life .white .bg_color {
    width: 463px;
    height: 463px;
    position: relative;
    margin: 43.5px;
}

.good_life .white .bg_color:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/good_life/ico29.png) no-repeat center;
}

.good_life .white .bg_color:before {
    content: '';
    position: absolute;
    width: 403px;
    height: 403px;
    top: 0;
    left: 0;
    border: 30px solid #eaeaea;
    border-radius: 50%;
}

.good_life .white .item {
    width: 160px;
    height: 160px;
    background-color: #fff;
    border-radius: 50%;
    color: #1b87e2;
    border: 1px solid #1b87e2;
    padding-top: 33px;
    text-align: center;
    position: absolute;
}

.good_life .white .item .h3 {
    font-family: 'Gilroy_Bold';
    font-size: 30px;
    line-height: 1;
    margin-bottom: 4px;
}

.good_life .white .item .p {
    font-size: 18px;
    line-height: 24px;
}

.good_life .white .item .float {
    font-size: 16px;
    text-align: left;
    position: absolute;
}

.good_life .white .item.item1 {
    top: -26px;
    left: 0;
    right: 0;
    margin: auto;
}

.good_life .white .item.item2 {
    top: 320px;
    left: 388px;
    color: #eb8b2d;
    border: 1px solid #eb8b2d;
    padding-top: 50px;
}

.good_life .white .item.item3 {
    top: 320px;
    left: 8px;
    color: #46ab9c;
    border: 1px solid #46ab9c;
    padding-top: 50px;
}

.good_life .white .item.item4 {
    width: 180px;
    height: 180px;
    background: url(../images/good_life/ico33.png) no-repeat center;
    background-size: cover;
    border-color: transparent;
    padding-top: 36px;
    top: 183px;
    left: 0;
    right: 0;
    margin: auto;
}

.good_life .white .item.item4 .h3 {
    color: #ffe7d2;
    font-size: 56px;
    margin-bottom: 8px;
}

.good_life .white .item.item4 .p {
    font-size: 26px;
    color: #fff;
    font-weight: lighter;
}

.good_life .white .item:before {
    content: '';
    width: 116px;
    height: 19px;
    background: no-repeat center;
    position: absolute;
}

.good_life .white .item.item1:before {
    background-image: url(../images/good_life/ico30.png);
    left: -109px;
    top: 58px;
}

.good_life .white .item.item2:before {
    background-image: url(../images/good_life/ico31.png);
    right: -102px;
    top: 80px;
}

.good_life .white .item.item3:before {
    background-image: url(../images/good_life/ico32.png);
    left: -109px;
    top: 80px;
}

.good_life .white .item.item1 .float {
    left: -249px;
    top: 44px;
    width: 137px;
}

.good_life .white .item.item2 .float {
    left: 279px;
    top: 62px;
    width: 220px;
}

.good_life .white .item.item3 .float {
    left: -290px;
    top: 62px;
    width: 180px;
}

.good_life .blue {
    width: 100%;
    height: 665px;
    background: url(../images/good_life/ico34.jpg) no-repeat center;
    background-size: cover;
    padding-top: 50px;
}

.good_life .blue .title {
    font-size: 36px;
    color: #fff;
    line-height: 44px;
    text-align: center;
    margin-bottom: 52px;
}

.good_life .blue .title em {
    font-family: 'Gilroy_Bold';
    font-size: 56px;
    line-height: 1;
    position: relative;
    top: 7px;
    margin-right: 10px;
}

.good_life .blue .fl {
    width: 580px;
}

.good_life .blue .fr {
    width: 610px;
    position: relative;
    height: 396px;
    overflow: hidden;
}

.good_life .blue .item {
    float: left;
    background-color: rgba(153, 187, 223, .4);
    text-align: center;
    position: relative;
    transition: all .6s;
    -webkit-transition: all .6s;
}

.good_life .blue .fl .item {
    width: 285px;
    height: 396px;
    padding-top: 220px;
}

.good_life .blue .fl .item+.item {
    margin-left: 10px;
}

.good_life .blue .fr .item {
    width: 301px;
    height: 193px;
    padding-top: 117px;
    position: absolute;
}

.good_life .blue .fr .item.item1 {
    top: 0;
    left: 0;
}

.good_life .blue .fr .item.item2 {
    top: 0;
    right: 0;
}

.good_life .blue .fr .item.item3 {
    bottom: 0;
    left: 0;
}

.good_life .blue .fr .item.item4 {
    bottom: 0;
    right: 0;
}

.good_life .blue .item .icon {
    width: 60px;
    height: 46px;
    position: absolute;
    top: 147px;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .6s;
    -webkit-transition: all .6s;
}

.good_life .blue .fr .item .icon {
    top: 47px;
}

.good_life .blue .item .icon2 {
    /* height: 0; */
    opacity: 0;
    filter: Alpha(opacity=0);
    /* overflow: hidden; */
}

.good_life .blue .item .h3 {
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 8px;
    transition: all .6s;
    -webkit-transition: all .6s;
}

.good_life .blue .item p {
    color: #70706e;
    text-align: center;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.good_life .blue .item .icon3 {
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: 58px;
    top: auto;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.good_life .blue .item .icon3:before {
    content: '';
    width: 26px;
    height: 26px;
    border: 1px solid #d8a784;
    opacity: .3;
    border-radius: 50%;
    position: absolute;
    left: -7px;
    top: -7px;
    animation: pulse2 3s ease-in-out infinite;
    -webkit-animation: pulse2 3s ease-in-out infinite;
}

.good_life .blue .item .icon3:after {
    content: '';
    width: 36px;
    height: 36px;
    border: 1px solid #d8a784;
    opacity: .1;
    border-radius: 50%;
    position: absolute;
    left: -12px;
    top: -12px;
    animation: pulse2 3s ease-in-out infinite;
    -webkit-animation: pulse2 3s ease-in-out infinite;
}

.good_life .blue .item .icon3 em {
    width: 100%;
    height: 100%;
    border: 2px solid #d8a784;
    border-radius: 50%;
    position: absolute;
    left: -2px;
    top: -2px;
}

.good_life .blue .item:hover {
    padding-top: 160px;
}

.good_life .blue .item:hover {
    background-color: #fff;
}

.good_life .blue .item:hover .icon {
    top: 100px;
}

.good_life .blue .item:hover .icon2 {
    /* height: 46px; */
    opacity: 1;
    filter: Alpha(opacity=1);
}

.good_life .blue .item:hover .h3 {
    color: #ad8162;
}

.good_life .blue .item:hover p {
    opacity: 1;
    filter: Alpha(opacity=1);
}

.good_life .blue .item:hover .icon3 {
    top: auto;
    opacity: 1;
    filter: Alpha(opacity=1);
}

.good_life .blue .fr .item:hover {
    /* padding-top: 160px; */
    height: 396px;
    z-index: 1;
}

.good_life .orange {
    background-color: #f1efec;
    padding: 97px 0 77px;
    overflow: hidden;
}

.good_life .orange .title .cn {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    margin-bottom: 10px;
}

.good_life .orange .title .cn em {
    font-family: 'Gilroy_Bold';
    font-size: 56px;
    line-height: 1;
    position: relative;
    top: 7px;
    margin-right: 10px;
}

.good_life .orange .title .en {
    font-family: 'CENTAUR';
    font-size: 60px;
    color: #cec9c0;
    color: rgba(206, 201, 192, .5);
    line-height: 56px;
    text-transform: uppercase;
}

.good_life .Slide3 {
    position: relative;
    margin-top: 78px;
}

.good_life .Slide3 .bd {
    width: 796px;
    position: absolute;
    right: -196px;
    top: -269px;
    z-index: 1;
}

.good_life .Slide3 .bd:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #f1efec;
    position: absolute;
    left: -10px;
    top: 0;
}

.good_life .Slide3 .bd:after {
    content: '';
    width: 100%;
    height: 10px;
    background-color: #f1efec;
    position: absolute;
    bottom: -10px;
    left: -10px;
}

.good_life .Slide3 .hd {
    position: absolute;
    left: 0;
    top: 0;
}

.good_life .Slide3 .hd li strong {
    display: inline;
}

.good_life .Slide3 .hd li {
    font-size: 16px;
    color: #999999;
    line-height: 40px;
    position: relative;
    padding-left: 42px;
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.good_life .Slide3 .hd li:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #b97d52;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .4s;
    -webkit-transition: all .4s;
}

.good_life .Slide3 .hd li.on {
    color: #ba7d52;
}

.good_life .Slide3 .hd li.on:before {
    width: 28px;
}

.good_life .Slide3 .img {
    width: 796px;
    height: 360px;
    background: no-repeat center;
    background-size: cover;
    top: -20px;
    left: 30px;
}

.good_life .Slide3 .list {
    width: 881px;
    height: 357px;
    background-color: #fff;
    position: relative;
    float: right;
    padding: 50px 60px 30px;
}

.good_life .Slide3 .h1 {
    font-family: 'Gilroy_Bold';
    font-size: 80px;
    color: #f1efec;
    line-height: 1;
}

.good_life .Slide3 .h3 {
    font-size: 38px;
    color: #62a1b2;
    line-height: 47px;
    font-weight: lighter;
    margin-bottom: 12px;
}

.good_life .Slide3 .p {
    color: #aaaaaa;
}

/* join_us */
.join_us .page1 {
    width: 100%;
}

.join_us .page1 .bg {
    position: relative;
    padding-bottom: 60px;
    background: #f4f1ec;
    background: -webkit-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -moz-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -ms-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -o-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: linear-gradient(90deg, #f4f1ec, #fefefd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA5A83', endColorstr='#fefefd', GradientType=0);
}

.join_us .page1 .img {
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
    margin-bottom: 74px;
}

.join_us .page1 .con {
    overflow: hidden;
}

.join_us .page1 .fl,
.join_us .page1 .fr {
    width: 50%;
}

.join_us .page1 h3 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
}

.join_us .page1 h4 {
    font-family: 'CENTAUR';
    font-size: 36px;
    color: #ad8162;
    line-height: 32px;
    margin-top: 10px;
    text-transform: uppercase;
}

.join_us .page1 p {
    margin-bottom: 10px;
}

.join_us .page3 .name {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 0 0 80px;
    position: relative;
}

.join_us .page3 .name:before {
    content: '';
    width: 1920px;
    height: 1px;
    background: url(../images/join_us/ico12.png);
    position: absolute;
    left: -360px;
    top: 117px;
}

.join_us .page3 .name .li {
    display: inline-block;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.join_us .page3 .name .li .box {
    width: 233px;
    height: 233px;
    position: relative;
    padding-top: 96px;
    margin: auto;
    border-radius: 50%;
    background: #fbfaf8;
    overflow: visible;
}

.join_us .page3 .name .li .box:after {
    content: '';
    position: absolute;
    width: 99%;
    height: 99%;
    top: 0;
    left: 0;
    border: 1px dashed #c9c8c3;
    border-radius: 50%;
}

.join_us .page3 .name .li .box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid transparent;
    border-top-color: #ea8e35;
    border-radius: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.join_us .page3 .name .li .bg_color:before,
.join_us .page3 .name .li .bg_color:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid transparent;
    border-radius: 50%;
}

.join_us .page3 .name .li:hover .bg_color:before {
    border-top-color: #ea8e35;
    border-right-color: #ea8e35;
    border-bottom-color: #ea8e35;
    -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
    transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}

.join_us .page3 .name .li:hover .bg_color:after {
    border-top: 1px solid #ea8e35;
    border-left-width: 1px;
    border-right-width: 1px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition: -webkit-transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}

.join_us .page3 .name .icon_line {
    top: 246px;
    height: 0;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.join_us .page3 .name .li.on .icon_line {
    height: 57px;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.join_us .page3 .name .li .bg_color2 {
    width: 209px;
    height: 209px;
    background: url(../images/join_us/ico4.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.join_us .page3 .name .li .bg_color3:before {
    content: '';
    width: 8px;
    height: 8px;
    background: url(../images/join_us/ico8.png) no-repeat;
    position: absolute;
    right: -2px;
    top: 113px;
}

.join_us .page3 .name .li .bg_color3:after {
    content: '';
    width: 7px;
    height: 11px;
    background: url(../images/join_us/ico9.png) no-repeat;
    position: absolute;
    right: -49px;
    top: 112px;
}

.join_us .page3 .name .li:nth-child(4) .bg_color3:after {
    display: none;
}

.join_us .page3 .name .li:nth-child(2) .box:before {
    border-top-color: #5d7bdc;
}

.join_us .page3 .name .li:nth-child(2):hover .bg_color:before {
    border-top-color: #5d7bdc;
    border-right-color: #5d7bdc;
    border-bottom-color: #5d7bdc;
}

.join_us .page3 .name .li:nth-child(2):hover:hover .bg_color:after {
    border-top: 1px solid #5d7bdc;
}

.join_us .page3 .name .li:nth-child(3) .box:before {
    border-top-color: #5ec8b7;
}

.join_us .page3 .name .li:nth-child(3):hover .bg_color:before {
    border-top-color: #5ec8b7;
    border-right-color: #5ec8b7;
    border-bottom-color: #5ec8b7;
}

.join_us .page3 .name .li:nth-child(3):hover:hover .bg_color:after {
    border-top: 1px solid #5ec8b7;
}

.join_us .page3 .name .li:nth-child(4) .box:before {
    border-top-color: #dcb895;
}

.join_us .page3 .name .li:nth-child(4):hover .bg_color:before {
    border-top-color: #dcb895;
    border-right-color: #dcb895;
    border-bottom-color: #dcb895;
}

.join_us .page3 .name .li:nth-child(4):hover:hover .bg_color:after {
    border-top: 1px solid #dcb895;
}

.join_us .page3 .name .li:nth-child(2) .bg_color2 {
    background: url(../images/join_us/ico5.png) no-repeat;
}

.join_us .page3 .name .li:nth-child(3) .bg_color2 {
    background: url(../images/join_us/ico6.png) no-repeat;
}

.join_us .page3 .name .li:nth-child(4) .bg_color2 {
    background: url(../images/join_us/ico7.png) no-repeat;
}

.join_us .page3 .name .h3 {
    padding: 0 30px;
    font-size: 24px;
    color: #9c9c9c;
    line-height: 30px;
    font-weight: lighter;
}

.join_us .page3 .name .p {
    font-size: 16px;
    color: #9c9c9c;
}

.join_us .page3 .name .li.on .h3,
.join_us .page3 .name .li.on .p {
    color: #ad8162;
}

.join_us .page3 .name .li.on:nth-child(2) .h3,
.join_us .page3 .name .li.on:nth-child(2) .p {
    color: #5777e0;
}

.join_us .page3 .name .li.on:nth-child(3) .h3,
.join_us .page3 .name .li.on:nth-child(3) .p {
    color: #51c7b5;
}

.join_us .page3 {
    overflow: hidden;
    background: #f4f1ec;
    background: -webkit-linear-gradient(55deg, #f4f1ec, #f8f7f3);
    background: -moz-linear-gradient(55deg, #f4f1ec, #f8f7f3);
    background: -ms-linear-gradient(55deg, #f4f1ec, #f8f7f3);
    background: -o-linear-gradient(55deg, #f4f1ec, #f8f7f3);
    background: linear-gradient(55deg, #f4f1ec, #f8f7f3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f1ec', endColorstr='#f8f7f3', GradientType=0);
}

.join_us .box .con {
    overflow: visible;
    position: relative;
    padding: 40px 0 103px;
}

.join_us .box .text {
    width: 517px;
    height: 356px;
    background-color: #fff;
    padding: 77px 0 20px 0;
    position: relative;
    z-index: 1;
    margin: -20px 0 0 -20px;
}

.join_us .box .auto {
    padding: 0 50px;
    height: 240px;
    overflow-y: auto;
}

.join_us .page1 .box h3 {
    font-size: 30px;
    color: #ad8162;
    line-height: 40px;
    padding-bottom: 20px;
    margin-bottom: 12px;
    position: relative;
}

.join_us .page1 .box h3:before {
    content: '';
    width: 28px;
    height: 3px;
    background-color: #ad8162;
    position: absolute;
    left: 0;
    bottom: 0;
}

.join_us .page1 .box h4 {
    font-family: 'CENTAUR';
    font-size: 46px;
    color: #ad8162;
    line-height: 1;
    margin: 8px 0 18px;
    text-transform: uppercase;
}

.join_us .page1 .box p {
    color: #86745f;
    line-height: 26px;
    margin: 0;
}

.join_us .page1 .box .text ul {
    padding-left: 18px;
    color: #86745f;
}

.join_us .page1 .box .text li {
    list-style: inherit;
}

.join_us .Side {
    width: 746px;
    height: 356px;
    position: absolute;
    right: -20px;
    top: 80px;
}

.join_us .Side .bd {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.join_us .Side .bd ul {
    width: 100% !important;
    height: 100% !important;
}

.join_us .Side .bd li {
    width: 100% !important;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.join_us .Side .bd li .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0;
}

.join_us .Side .bd li .name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    font-size: 16px;
    color: #fff;
    padding: 20px 20px 20px 100px;
}

.join_us .Side .hd {
    height: 0;
    position: absolute;
    right: 20px;
    bottom: 46px;
}

.join_us .Side .hd ul li {
    float: left;
    font-size: 18px;
    color: #fbf3eb;
    padding-bottom: 2px;
    margin-left: 16px;
    cursor: pointer;
    position: relative;
}

.join_us .Side .hd ul li.on:before {
    width: 100%;
}

.join_us .Side .hd ul li:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #fbf3eb;
    position: absolute;
    left: 0;
    bottom: 0;
    /* transition: all .4s;
    -webkit-transition: all .4s; */
}

.join_us .Side .hd ul li .line:before {
    content: '';
    width: calc((100vw /2) - 40px);
    height: 1px;
    background-color: #fff;
    opacity: .2;
    filter: Alpha(opacity=20);
    position: absolute;
    left: 0;
    top: 35px;
}

.join_us .Side .hd ul li .line:after {
    content: '';
    width: 0;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 33px;
}

.join_us .Side .hd ul li.on .line:after {
    animation: h_line 5s infinite ease-out;
    -webkit-animation: h_line 5s infinite ease-out;
}

.join_us .page2 {
    padding-bottom: 77px;
    background-color: #f0efea;
    /* background: url(../images/join_us/ico17.jpg) no-repeat center; */
    /* background-size: cover; */
    overflow: hidden;
}

.join_us .page2 .fl {
    float: left;
    width: 480px;
    padding-top: 120px;
}

.join_us .page2 .page_title {
    text-align: left;
    padding: 110px 0 46px;
}

.join_us .page2 .page_title:before {
    display: none;
}

.join_us .page2 .page_title .cn {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
}

.join_us .page2 .page_title .en {
    color: #ad8162;
}

.join_us .page2 .tab_ul {
    max-width: 424px;
}

.join_us .page2 .tab_ul li+li {
    margin-top: 6px;
}

.join_us .page2 .on .top {
    color: #ad8162;
}

.join_us .page2 .on .top:before {
    width: 25px;
}

.join_us .page2 .top {
    font-size: 26px;
    color: #b1a095;
    line-height: 40px;
    font-weight: lighter;
    position: relative;
    cursor: pointer;
}

.join_us .page2 .top:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #ad8162;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
    margin: auto;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.join_us .page2 .bom {
    display: none;
    padding: 14px 0;
}

.join_us .page2 p {
    font-size: 14px;
    color: #70706e;
    line-height: 22px;
    margin-bottom: 22px;
}

.join_us .page2 p strong {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.join_us .Side2 {
    position: relative;
    float: right;
    width: 580px;
    height: 389px;
    margin-top: 98px;
}

.join_us .Side2:before {
    content: '';
    width: 277px;
    height: 251px;
    background: url(../images/join_us/ico16.png) no-repeat center;
    position: absolute;
    left: -30px;
    top: -28px;
}

.join_us .Side2 .bd {
    width: 100%;
    overflow: hidden;
}

.join_us .Side2 .bd ul {
    width: 100% !important;
}

.join_us .Side2 .bd li {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.join_us .Side2 .bd li .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 145px 10px 126px 18px;
    -webkit-border-radius: 145px 10px 126px 18px;
    -moz-border-radius: 145px 10px 126px 18px;
    -ms-border-radius: 145px 10px 126px 18px;
    -o-border-radius: 145px 10px 126px 18px;
}

.join_us .Side2 .hd {
    position: absolute;
    left: 32px;
    bottom: 20px;
}

.join_us .Side2 .hd li.on {
    color: #fff;
}

.join_us .Side2 .hd li {
    float: left;
    font-size: 16px;
    color: #a1a1a1;
    line-height: 1;
    margin-right: 12px;
    cursor: pointer;
}

.join_us .page3 .page_title {
    text-align: left;
    padding: 74px 0 40px;
}

.join_us .page3 .page_title:before {
    display: none;
}

.join_us .page3 .page_title .cn {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
}

.join_us .page3 .page_title .en {
    color: #ad8162;
}

/* join_us2 */
.join_us2 {
    padding-bottom: 100px;
}

.join_us2 .img {
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
    overflow: visible;
}

.join_us2 .img .float {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

.join_us2 .img .content {
    position: relative;
    height: 100%;
}

.join_us2 .con {
    overflow: hidden;
}

.join_us2 .region .fr {
    width: auto;
}

.join_us2 .region {
    width: 815px;
    position: absolute;
    top: 130px;
    right: 0;
    overflow: hidden;
}

.join_us2 .region .h3 {
    font-size: 36px;
    color: #ffffff;
    line-height: 44px;
    font-weight: lighter;
    text-align: right;
}

.join_us2 .region .name {
    overflow: hidden;
    position: relative;
    margin-right: -16px;
    margin-top: 10px;
}

.join_us2 .region .name:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity: .2;
    filter: Alpha(opacity=20);
    position: absolute;
    left: 0;
    bottom: 0;
}

.join_us2 .region .name .li {
    float: left;
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    padding-bottom: 3px;
    margin-right: 16px;
    position: relative;
    cursor: pointer;
}

.join_us2 .region .name .li.on:before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.join_us2 .box {
    float: right;
    padding-top: 8px;
    /* margin-right: -16px; */
}

.join_us2 .box .con p a {
    float: left;
    height: 26px;
    /* width: 62px; */
    margin-right: 16px;
    /* padding: 0 10px; */
    margin-bottom: 4px;
    position: relative;
    text-align: center;
    text-align-last: justify;
    cursor: default;
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
}

.join_us2 .box p a:after {
    content: '';
    width: 100%;
    display: inline-block;
}

.join_us2 .Screen {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.join_us2 .mySelect {
    width: 207px;
    float: left;
    height: 80px;
    line-height: 80px;
    margin-right: 4px;
}

.join_us2 .mySelect .show {
    color: #fff;
    height: 80px;
    line-height: 80px;
    background-color: #bc9379;
    border-radius: 2px;
}

.join_us2 .mySelect .show:before {
    width: 8px;
    height: 80px;
    background: url(../images/join_us/ico13.png) no-repeat center;
    left: auto;
    right: 20px;
}

.join_us2 .mySelect .drapList {
    border-radius: 0;
    top: 60px;
    padding: 20px 0 10px;
}

.join_us2 .mySelect .show:hover {
    background-color: #d4b69c;
}

.join_us2 .Search {
    width: 394px;
    position: relative;
    float: left;
}

.join_us2 .Search input {
    width: 100%;
    background-color: #fff;
    border-radius: 2px;
    height: 80px;
    line-height: 80px;
    padding: 0 77px 0 22px;
    color: #707576;
    color: rgba(112, 117, 118, .8);
}

.join_us2 .Search input::-webkit-input-placeholder {
    color: #707576;
    color: rgba(112, 117, 118, .8);
}

.join_us2 .Search input:-moz-placeholder {
    color: #707576;
    color: rgba(112, 117, 118, .8);
}

.join_us2 .Search input::-moz-placeholder {
    color: #707576;
    color: rgba(112, 117, 118, .8);
}

.join_us2 .Search input:-ms-input-placeholder {
    color: #707576;
    color: rgba(112, 117, 118, .8);
}

.join_us2 .Search .btn_icon {
    width: 57px;
    height: 57px;
    background: url(../images/search_icon.png) no-repeat center #ad8162;
    border-radius: 50%;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.join_us2 .fl {
    width: 385px;
    padding-right: 30px;
}

.join_us2 .fr {
    width: 815px;
}

.join_us2 .fl h3 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
    margin-bottom: 6px;
}

.join_us2 .fl h4 {
    font-family: 'CENTAUR';
    font-size: 36px;
    color: #ad8162;
    line-height: 1;
    text-transform: uppercase;
}

.join_us2 .tab_ul li {
    border: 2px solid #fff;
}

.join_us2 .tab_ul li+li {
    margin-top: 10px;
}

.join_us2 .tab_ul .top {
    padding: 0 30px 0 20px;
    background-color: #f8f7f5;
    position: relative;
    min-height: 80px;
    cursor: pointer;
}

.join_us2 .tab_ul li.on .top:before {
    content: '';
    width: 762px;
    height: 1px;
    background: url(../images/join_us/ico12.png) repeat-x;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.join_us2 .tab_ul .tit {
    overflow: hidden;
}

.join_us2 .tab_ul .tit h3 {
    float: left;
    font-size: 16px;
    color: #3e444d;
    line-height: 80px;
    margin-right: 29px;
}

.join_us2 .tab_ul .tit p {
    float: left;
    color: #4f535a;
    line-height: 80px;
    background: url(../images/join_us/ico10.png) no-repeat left center;
    padding-left: 15px;
}

.join_us2 .tab_ul .dl {
    overflow: hidden;
    display: none;
}

.join_us2 .tab_ul .dt {
    float: left;
    font-size: 14px;
    color: #999999;
    position: relative;
    margin-right: 34px;
}

.join_us2 .tab_ul .icon {
    width: 19px;
    height: 10px;
    background: url(../images/join_us/ico11.png) no-repeat;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.join_us2 .tab_ul .bom {
    color: #999999;
    line-height: 26px;
    padding: 12px 30px 50px 20px;
    display: none;
}

.join_us2 .tab_ul .bom h4 {
    font-size: 16px;
    color: #ad8162;
    line-height: 36px;
    margin-top: 12px;
}

.join_us2 .tab_ul .bom h5 {
    font-size: 14px;
    color: #ad8162;
    line-height: 26px;
}

.join_us2 .tab_ul .bom h5 a {
    font-family: 'Gilroy_Bold';
    display: inline-block;
    font-size: 16px;
}

.join_us2 .tab_ul .bom h6 {
    font-size: 16px;
    color: #3e444d;
    line-height: 36px;
    margin-top: 12px;
}

.join_us2 .tab_ul .bom p {
    color: #999999;
    line-height: 26px;
}

.join_us2 .tab_ul .btn {
    font-size: 14px;
    color: #fff;
    line-height: 46px;
    padding: 0 26px;
    background-color: #c39371;
    border-radius: 22px;
    /* display: inline-block; */
    float: right;
    margin-top: -34px;
    position: relative;
}

.join_us2 .tab_ul li.on {
    border: 2px solid #eceae6;
}

.join_us2 .tab_ul li.on .top {
    background-color: transparent;
    min-height: 92px;
}

.join_us2 .tab_ul li.on .dl {
    display: block;
}

.join_us2 .tab_ul li.on .tit h3,
.join_us2 .tab_ul li.on .tit p {
    line-height: 52px;
}

.join_us2 .tab_ul li.on .tit h3 {
    color: #333333;
}

.join_us2 .tab_ul li.on .tit p {
    display: none;
}

.join_us2 .tab_ul li.on .icon {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.join_us2 .more {
    width: 100%;
    line-height: 80px;
    background-color: #d7bcab;
    font-size: 16px;
    color: #fefefe;
    padding: 0 30px;
    text-align: right;
    cursor: pointer;
    margin-top: 20px;
}

/* contact_us */
.contact_us .page1 .img {
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
}

.contact_us .img .content {
    position: relative;
    height: 100%;
}

.contact_us .img .con {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding: 0 !important;
    min-height: auto !important;
}

.contact_us .img .con h3 {
    font-size: 36px;
    color: #ffffff;
    line-height: 44px;
    font-weight: lighter;
    margin: 18px 0;
}

.contact_us .page1 .con {
    min-height: 296px;
    overflow: hidden;
    position: relative;
    padding: 105px 0 130px;
}

.contact_us .page1 .text {
    float: left;
    width: 410px;
}

.contact_us .page1 .fr {
    width: 362px;
    position: relative;
    margin-top: -10px;
}

.contact_us .page1 h3 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
    margin-top: 67px;
}

.contact_us .page1 h4 {
    font-size: 26px;
    color: #818086;
    line-height: 36px;
    margin-top: 10px;
    font-weight: lighter;
}

.contact_us .circular {
    width: 296px;
    height: 296px;
    border: 1px solid #e3dedc;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 105px;
    margin: auto;
    position: absolute;
}

.contact_us .circular:before {
    content: '';
    width: 27px;
    height: 19px;
    background: url(../images/contact_us/ico12.png) no-repeat center;
    position: absolute;
    right: -85px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.contact_us .circular .circular_on {
    width: 169px;
    height: 169px;
    background-color: #ff9c1b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 60px;
    margin: auto;
}

.contact_us .circular_on h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 26px;
    text-align: center;
    position: relative;
    margin: 0;
}

.contact_us .circular_on h3:before {
    content: '';
    width: 27px;
    height: 27px;
    background: url(../images/contact_us/ico11.png) no-repeat center;
    position: absolute;
    top: -25px;
    left: 108px;
}

.contact_us .circular .li {
    background-color: #d9b195;
    border-radius: 20px;
    line-height: 48px;
    display: inline-block;
    position: absolute;
    font-size: 16px;
    color: #fff;
    width: 78px;
    text-align: center;
}

.contact_us .circular .li.li1 {
    top: -21px;
    left: 0;
    right: 0;
    margin: auto;
}

.contact_us .circular .li.li2 {
    top: 124px;
    right: -40px;
    background-color: #b43896;
}

.contact_us .circular .li.li3 {
    top: 270px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #6a5ab7;
}

.contact_us .circular .li.li4 {
    top: 124px;
    left: -40px;
    background-color: #fdc433;
}

.contact_us .con2 {
    padding: 85px 0 106px;
}

.contact_us .page1 .fr .item {
    width: 362px;
    height: 68px;
    line-height: 68px;
    background-color: #ece9e2;
    border-radius: 30px;
    padding: 0 24px;
}

.contact_us .page1 .fr .item .block {
    display: inline-block;
    vertical-align: middle;
}

.contact_us .page1 .fr .item+.item {
    margin-top: 14px;
}

.contact_us .page1 .fr .item p {
    color: #7b7360;
    line-height: 22px;
}

.contact_us .page1 .con2 .fl {
    position: relative;
    width: 520px;
}

.contact_us .page2 {
    background: url(../images/contact_us/ico14.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}

.contact_us .page2:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 111px;
    left: 0;
    opacity: .4;
    filter: Alpha(opacity=40);
}

.contact_us .page2 .name {
    text-align: center;
    font-size: 0;
}

.contact_us .page2 .name .li {
    height: 113px;
    display: inline-block;
    font-size: 18px;
    color: #b0a08b;
    line-height: 26px;
    position: relative;
    padding-top: 60px;
    margin: 0 18px;
    cursor: pointer;
}

.contact_us .page2 .name .li.on:before {
    content: '';
    width: 100%;
    height: 4px;
    background-color: #bd7a4b;
    position: absolute;
    left: 0;
    bottom: 0;
}

.contact_us .page2 .name .li.on {
    color: #bd7a4b;
}

.contact_us .page2 .box {
    padding: 52px 0 144px;
}

.contact_us .page2 .con,
.contact_us .page2 .con p {
    text-align: center;
}

.contact_us .page2 .con h3 {
    font-size: 18px;
    color: #796d5f;
    line-height: 36px;
    margin: 8px 0 5px;
}

.contact_us .page2 .con p {
    color: #796d5f;
}

.contact_us .page2 .page_more {
    width: 232px;
    background-color: #d6c2b2;
    padding: 0;
    font-size: 14px;
    color: #8b705b;
}

/* contact_us2 */
.contact_us2 .bg {
    padding-bottom: 80px;
    position: relative;
    background: #f4f1ec;
    background: -webkit-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -moz-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -ms-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: -o-linear-gradient(90deg, #f4f1ec, #fefefd);
    background: linear-gradient(90deg, #f4f1ec, #fefefd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA5A83', endColorstr='#fefefd', GradientType=0);
}

.contact_us2 .img {
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
    margin-bottom: 45px;
}

.contact_us2 .img .content {
    position: relative;
    height: 100%;
}

.contact_us2 .con {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.contact_us2 .con h3 {
    font-size: 36px;
    color: #fcccab;
    line-height: 44px;
    font-weight: lighter;
    margin: 18px 0;
}

.contact_us2 .con h5 {
    font-family: 'CENTAUR';
    font-size: 36px;
    color: #ffffff;
    list-style: 24px;
}

/* contact_us3 */
.contact_us3 .bg {
    padding-bottom: 80px;
    position: relative;
    background: #f4f1ec;
    background: -webkit-linear-gradient(90deg, #f4f1ec, #fbf9f4);
    background: -moz-linear-gradient(90deg, #f4f1ec, #fbf9f4);
    background: -ms-linear-gradient(90deg, #f4f1ec, #fbf9f4);
    background: -o-linear-gradient(90deg, #f4f1ec, #fbf9f4);
    background: linear-gradient(90deg, #f4f1ec, #fbf9f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f1ec', endColorstr='#fbf9f4', GradientType=0);
}

.contact_us3 .img {
    height: 405px;
    background: no-repeat center;
    background-size: cover;
    margin: auto;
    margin-bottom: 45px;
}

.contact_us3 .con {
    overflow: hidden;
}

.contact_us3 .fl,
.contact_us3 .fr {
    width: 50%;
}

.contact_us3 .fl h3 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
}

.contact_us3 .list {
    margin-right: -6px;
    margin-top: 55px;
    overflow: hidden;
    text-align: center;
}

.contact_us3 .list .item {
    width: 295px;
    height: 240px;
    background-color: #f5ebe4;
    float: left;
    padding-top: 53px;
    margin-right: 6px;
}

.contact_us3 .list .item h3 img {
    width: 54px;
}

.contact_us3 .list .item h3 {
    font-size: 18px;
    color: #23262a;
    line-height: 24px;
    margin: 12px 0 6px;
}

.contact_us3 .list .item h5 {
    font-family: 'Gilroy_Bold';
    font-size: 20px;
    color: #d0a587;
    line-height: 24px;
}

.contact_us3 .list .item p {
    text-align: center;
    color: #958a83;
    line-height: 20px;
}

.contact_us3 .list .item:nth-child(3) p a {
    font-family: 'Gilroy_Bold';
}

.contact_us3 .list .item p a {
    color: #d0a587;
    line-height: 24px;
}

.contact_us3 .list .item p img {
    width: auto;
    position: relative;
    top: -2px;
    margin-left: 5px;
}

.contact_us3 .list2 {
    background-color: #f5ebe4;
    padding: 20px;
    margin: 6px 0 93px;
    overflow: hidden;
}

.contact_us3 .list2 .icon {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 16px;
}

.contact_us3 .list2 .text {
    margin-top: 5px;
}

.contact_us3 .list2 p {
    color: #86756c;
}

.contact_us3 .name .li {
    float: left;
    width: 142px;
    height: 142px;
    border: 1px solid #dbdbdb;
    position: relative;
    padding: 39px 22px 0;
    transition: all .4s;
    -webkit-transition: all .4s;
    cursor: pointer;
}

.contact_us3 .name .li+.li {
    margin-left: -1px;
}

.contact_us3 .name .li .h3 {
    font-size: 20px;
    color: #aa9d93;
}

.contact_us3 .name .li .p {
    font-family: 'CENTAUR';
    font-size: 22px;
    color: #c8c8c8;
    position: absolute;
    right: 20px;
    bottom: 18px;
}

.contact_us3 .name .li.on {
    background-color: #ad8162;
    border-color: #ad8162;
}

.contact_us3 .name .li.on .h3,
.contact_us3 .name .li.on .p {
    color: #fff;
}

.contact_us3 .box .con h3 {
    font-size: 16px;
    color: #ad8162;
    list-style: 30px;
}

.contact_us3 .white {
    overflow: hidden;
    padding: 66px 0 80px;
}

.contact_us3 .white h3 {
    font-family: 'CENTAUR';
    font-size: 36px;
    color: #b5844f;
    line-height: 1;
    text-transform: uppercase;
}

.contact_us3 .white h4 {
    font-size: 30px;
    color: #b5844f;
    line-height: 40px;
}

.contact_us3 .white p {
    margin-bottom: 10px;
}

.pop_more2 {
    cursor: pointer;
}

.contact_us3_pop2 .popBody {
    width: 620px;
    padding: 40px 0;
    margin-left: -310px;
}

.contact_us3_pop2 .close {
    right: 0;
}

.contact_us3_pop2 form {
    height: 472px;
    padding: 0 40px;
    overflow-y: auto;
}

.contact_us3_pop2 .form .til {
    font-size: 18px;
    line-height: 28px;
    color: #23262a;
    margin-bottom: 18px;
}

.contact_us3_pop2 .form .check_box {
    overflow: hidden;
    padding-bottom: 5px;
}

.contact_us3_pop2 .form .check_box li {
    float: left;
    margin: 0 32px 14px 0;
    padding-left: 27px;
    font-size: 14px;
    color: #70706e;
    line-height: 24px;
    background: url("../images/contact_us/icon_empty.png") no-repeat left center;
    cursor: pointer;
}

.contact_us3_pop2 .form .check_box li.on {
    background-image: url("../images/contact_us/icon_have.png");
}

.contact_us3_pop2 .form .check_box .clear {
    margin: 0;
    padding: 0;
    background: no-repeat;
}

.contact_us3_pop2 .form .h4 {
    font-size: 18px;
    color: #23262a;
    line-height: 28px;
    padding: 5px 0;
    margin-bottom: 10px;
}

.contact_us3_pop2 .form .til em,
.contact_us3_pop2 .form .h4 em {
    color: #e07936;
    margin-right: 4px;
}

.contact_us3_pop2 .form .text {
    display: block;
    width: 100%;
    padding: 0 20px;
    font-size: 14px;
    color: #806b5c;
    line-height: 58px;
    background: #f8f6f4;
    border: 1px solid #a48f80;
    margin-bottom: 10px;
}

/* .contact_us3_pop2 .form .text:focus{outline:none;box-sizing:border-box;border:1px solid #d1ad6f;} */
.contact_us3_pop2 .form .c_down {
    position: relative;
    z-index: 5;
    margin-bottom: 10px;
}

.contact_us3_pop2 .form .c_down span {
    display: block;
    font-size: 14px;
    color: #7b7a7b;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    background: #f8f6f4 url("../images/contact_us/icon_down.jpg") no-repeat right center;
    cursor: pointer;
}

.contact_us3_pop2 .form .c_down ul {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
}

.contact_us3_pop2 .form .c_down li {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 14px;
    color: #7b7a7b;
    background: #fff;
    cursor: pointer;
    transition: all .3s;
}

.contact_us3_pop2 .form .c_down li:hover {
    background: #f3ede0;
}

.contact_us3_pop2 .form hr {
    height: 0;
    border: 0 none;
    border-bottom: 2px solid #f2ded0;
    padding-top: 20px;
    margin-bottom: 20px;
}

.contact_us3_pop2 .form textarea {
    display: block;
    width: 100%;
    height: 154px;
    padding: 19px 20px;
    font-size: 14px;
    line-height: 22px;
    color: #7b7a7b;
    background: #f8f6f4;
    border: 1px solid #a48f80;
    margin-bottom: 10px;
}

.contact_us3_pop2 .form .uploading_box {
    padding: 10px 0 15px;
    position: relative;
    overflow: hidden;
}

.contact_us3_pop2 .form .int-upload {
    float: left;
    width: 275px;
    height: 60px;
    line-height: 60px;
    color: #7b7a7b;
    padding: 0 20px;
    margin-bottom: 10px;
    background: #f8f6f4;
    border: 1px solid #a48f80;
}

.progress_line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0px;
    height: 5px;
    background-color: #f2ded0;
    margin-top: -10px;
    width: 100%;
}

.file_warn {
    color: #d06c35;
    margin-top: 10px;
    font-size: 13px;
    text-indent: 10px;
}

.contact_us3_pop2 .form .int-btn {
    float: left;
    width: 120px;
    height: 60px;
    line-height: 60px;
    background: #1475e1;
    margin-left: 10px;
    color: #fff;
    cursor: pointer;
}

.contact_us3_pop2 .form #start_upload {
    background: #c79568;
}

/* .contact_us3_pop2 .form .int-btn:hover{background: #f2ded0; } */
/* .contact_us3_pop2 .form #start_upload:hover{background: #f2ded0;} */
.contact_us3_pop2 .form .sub_box {
    overflow: hidden;
    padding-top: 10px;
}

.contact_us3_pop2 .form .submit {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0 35px;
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    background-color: #c79568;
}

.contact_us3_pop2 .verify {
    position: relative;
    height: 60px;
    margin-bottom: 10px;
    overflow: hidden;
}

.contact_us3_pop2 .verify .queries-input {
    width: 116px;
    padding: 0 20px;
    font-size: 14px;
    color: #806b5c;
    line-height: 58px;
    background: #f8f6f4;
    border: 1px solid #a48f80;
}

.contact_us3_pop2 .verify img {
    width: 150px;
    height: 60px;
}

.reader_main {
    display: none;
}

.reader_tit {
    width: 100%;
    background: #bfc1cf;
    height: 70px;
    position: relative;
}

.reader_close {
    width: 66px;
    height: 66px;
    position: absolute;
    top: -106px;
    right: -30px;
    cursor: pointer;
    background: url("../images/contact_us/icon_shut.jpg") no-repeat center;
}

.reader_tit_name,
.reader_tit_nub,
.reader_tit_size,
.reader_tit_act {
    height: 70px;
    line-height: 70px;
    color: #333 !important;
    font-size: 14px;
    text-align: center;
    margin-right: 3px;
    float: left;
}

.reader_con_list ul {
    overflow: hidden;
    margin-top: 3px;
}

.reader_con_name,
.reader_con_nub,
.reader_con_size,
.reader_con_act {
    background: #efeff4;
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 13px;
    text-align: center;
    margin-right: 3px;
    float: left;
    display: block;
}

.reader_con {
    width: 100%;
    overflow: hidden;
}

.reader_con_act input {
    width: 50px;
    height: 30px;
    margin: 10px auto;
    text-align: center;
    background: #bfc1cf;
    color: #333;
    line-height: 30px;
    cursor: pointer;
}

.reader_tit_nub,
.reader_con_nub {
    width: 88px;
}

.reader_tit_name,
.reader_con_name {
    width: 258px;
}

.reader_tit_size,
.reader_con_size {
    width: 90px;
}

.reader_tit_act,
.reader_con_act {
    width: 90px;
    margin-right: 0;
}

.service_products .item-new {
    overflow: hidden;
    margin-top: 84px;
}

.service_products .item-new .dt {
    overflow: hidden;
    min-height: 100px;
    margin-bottom: 30px;
}

.service_products .item-new .dt .le {
    float: left;
    width: 590px;
}

.service_products .item-new .dt .til {
    font-size: 30px;
    color: #ad8162;
    line-height: 36px;
    font-weight: 300;
}

.service_products .item-new .dt .ri {
    float: right;
    width: 590px;
}

.service_products .item-new .dt p {
    font-size: 14px;
    color: #70706e;
    line-height: 22px;
}

.service_products .item-new .dd {
    overflow: hidden;
}

.service_products .item-new .li {
    position: relative;
    float: left;
    width: 590px;
    margin-bottom: 20px;
    background: #f6f6f6;
    height: 145px;
    padding: 26px 20px;
}

.service_products .item-new .li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 123px;
    height: 2px;
    background: #f09c33;
}

.service_products .item-new .li:nth-child(even) {
    float: right;
}

.service_products .item-new .li .til {
    float: left;
    width: 100px;
    font-size: 20px;
    color: #ad8162;
    line-height: 28px;
}

.service_products .item-new .li .p_box {
    float: right;
    width: 445px;
}

.service_products .item-new .li p {
    font-size: 14px;
    color: #70706e;
    line-height: 22px;
}

.service_products .item-new .li2 .til {
    width: 130px;
}

.service_products .item-new .li2 .p_box {
    width: 415px;
}

.service_products .item-new ul {
    position: relative;
    overflow: hidden;
}

.service_products .item-new ul:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 39px;
    border-top: 2px solid #f3f3f3;
}

.service_products .item-new li {
    position: relative;
    z-index: 5;
    float: left;
    width: 220px;
    margin-right: 24px;
}

.service_products .item-new li:last-child,
.service_products .item-new ul.four li:last-child {
    margin-right: 0;
}

.service_products .item-new li .icon {
    margin: 0 0 15px;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background: #ecf4f4;
    font-size: 26px;
    color: #2b7c93;
    border-radius: 50%;
}

.service_products .item-new li h4 {
    font-size: 18px;
    color: #448d9e;
    line-height: 28px;
    margin-bottom: 5px;
}

.service_products .item-new li h5 {
    font-size: 14px;
    line-height: 20px;
    color: #595959;
    margin-top: 10px;
}

.service_products .item-new li p {
    font-size: 13px;
    line-height: 20px;
    color: #939392;
}

.service_products .item-new .dt-l {
    float: left;
    width: 580px;
}

.service_products .item-new .dt-l h3 {
    font-size: 30px;
    color: #ad8162;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 26px;
}

.service_products .item-new .dd-r h4 {
    margin-top: 26px;
}

.service_products .item-new .dd-r h4,
.service_products .item-new .dt-l h4 {
    font-size: 16px;
    color: #ad8162;
    line-height: 22px;
    margin-bottom: 22px;
}

.service_products .fyxList .lis {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
    border-radius: 200px;
    padding: 8px 20px 8px 10px;
    align-items: center;
}

.service_products .fyxList em,
.service_products .fyxList span {
    display: inline-block;
    width: 130px;
    height: 33px;
    color: #5f5955;
    font-size: 14px;
    margin-right: 15px;
    /* line-height: 1; */
    border-radius: 200px;
    padding: 0 18px 0 28px;
    background: url(../images/service_products/service_products-fyxList-sq.png) no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #5f5955;
    position: relative;
}

.service_products .fyxList em::before,
.service_products .fyxList span::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 0px;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #bb845e;

}

.service_products .fyxList .tn {
    font-size: 14px;
    color: #6f6e6e;
    /* width: calc(100% - 130px); */
    width: 100%;
    line-height: 1.4;
}

.service_products .item-new .dt-l p {
    font-size: 14px;
    color: #70706e;
    line-height: 22px;
}

.service_products .item-new .dd-r {
    float: right;
}

.service_products .item-new ul.four li {
    width: 255px;
    margin-right: 60px;
}

.service_products .item-new .li7,
.service_products .item-new .li8 {
    height: auto;
    min-height: 280px;
    padding: 26px 40px;
}

.service_products .item-new .li .row {
    overflow: hidden;
    margin-bottom: 12px;
}

.service_products .item-new .li .row:last-child {
    margin-bottom: 0;
}

.service_products .item-new .li7 .til {
    width: 80px;
}

.service_products .item-new .li7 .p_box {
    width: 430px;
}

.service_products .item-new .li8 .til {
    width: 165px;
}

.service_products .item-new .li8 .p_box {
    width: 345px;
}

.service_products .item-new .img .cn {
    font-size: 36px;
    color: #ffffff;
    line-height: 44px;
    font-weight: lighter;
}

.service_products .swiper .btns {
    overflow: hidden;
    margin-top: 20px;
}

.service_products .swiper a.btn {
    margin: 0;
    float: left;
    position: static;
    margin-right: 10px;
    width: 62px;
    height: 62px;
    border: 2px solid #d4c0b2;
    border-radius: 0;
    background: no-repeat center;
}

.service_products .swiper a.btn:last-child {
    margin-right: 0;
}

.service_products .swiper a.prev {
    background-image: url(../images/prev.png);
}

.service_products .swiper a.next {
    background-image: url(../images/next.png);
}

.service_products .swiper a.prev:hover {
    background-image: url(../images/prev_white.png);
}

.service_products .swiper a.next:hover {
    background-image: url(../images/next_white.png);
}

.service_products .swiper a.btn:hover {
    background-color: #dfa047;
    border-color: #dfa047;
}

.service_products .tab-wr {
    border-top: 2px solid #f7f5f1;
}

.service_products .tab-hd {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}

.service_products .tab-hd .icon {
    float: left;
    width: 40px;
    height: 66px;
    background: url(../images/service_products/service_products_cnt3_icon.png) no-repeat left center;
}

.service_products .tab-hd ul {
    float: right;
}

.service_products .tab-hd li {
    position: relative;
    padding: 0 18px;
    z-index: 5;
    float: left;
    font-size: 14px;
    color: #70706e;
    height: 66px;
    line-height: 66px;
    cursor: pointer;
}

.service_products .tab-hd li:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(213, 207, 203, .3), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    transition: all .4s;
    opacity: 0;
}

.service_products .tab-hd li.on:after {
    opacity: 1;
}

.service_products .tab-bd {
    padding: 66px 0 54px;
    background: #f7f5f1 url(../images/service_products/service_products_cnt3_bg2.jpg) no-repeat right bottom;
}

.service_products .tab-bd .swiper {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
}

.service_products .tab-wr .swiper .btns {
    float: right;
}

.service_products .page4 .block {
    overflow: hidden;
    margin-bottom: 55px;
}

.service_products .page4 .block .fl,
.service_products .page4 .block .fr {
    width: 50%;
}

.service_products .page4 .block h3 {
    font-size: 36px;
    color: #ad8162;
    line-height: 44px;
    font-weight: lighter;
}

.service_products .page4 .block h4 {
    font-family: 'CENTAUR';
    font-size: 46px;
    color: #d4cfcb;
    line-height: 1;
    margin-top: 10px;
    text-transform: uppercase;
}

.service_products .page4 .block h5 {
    font-size: 20px;
    color: #ad8162;
    line-height: 40px;
    margin-bottom: 5px;
}

.service_products .page4 .block h6 {
    font-size: 16px;
    color: #70706e;
    line-height: 24px;
}

.service_products .page4 .block p {
    margin-bottom: 10px;
}

.service_products .page4 .chart {
    margin-left: -22px;
    overflow: hidden;
    margin-bottom: 66px;
}

.service_products .page4 .chart img {
    float: left;
}

.service_products .page5 {
    background: #f6f7f1;
    padding-bottom: 100px;
}

.service_products .page5 .swiper {
    overflow: hidden;
}

.service_products .page5 .swiper .btns {
    float: right;
}


@media screen and (max-width: 1920px) {
    .banner .bd li .content .ban_t.ban_t02 .text1 em {
        font-size: 3.64583vw;
    }

    .banner .bd li .content .ban_t .text1 {
        font-size: 2.39583vw;
    }

    .banner .bd li .content .ban_t .text2 {
        font-size: 4.0625vw;
    }

    .section.index02 .name {
        width: 39.8vw;
    }
}

@media screen and (max-width: 1780px) {
    .service_products .Slide3 .list {
        right: 0;
        width: 650px;
        padding: 45px 40px 5px;
    }
}

@media screen and (max-width: 1680px) {

    .section.index02 .name,
    .section.index03 .name,
    .index03_side .side_cn {
        margin-left: -56px;
    }

    .index03_side .side_cn {
        font-size: 40px;
        line-height: 56px;
    }

    .about .page5 .name {
        margin-right: 0;
    }

    .about .page5 .name .li {
        font-size: 15px;
        width: 75px;
    }

    .about .page5 .name .li+.li {
        /* margin-left: 16px; */
    }
}

@media screen and (max-width: 1560px) {
    .index03_side .side_en {
        left: 920px;
    }

    .index03_side .btn {
        left: 560px;
    }

    .index05 .Side .prev {
        width: 50px;
        height: 50px;
        left: -80px;
        margin-top: -25px;
    }

    .index05 .Side .next {
        width: 50px;
        height: 50px;
        right: -80px;
        margin-top: -25px;
    }

    .section.index02 .name {
        margin-bottom: 1.9vh;
    }
}

@media screen and (max-width: 1460px) {
    #header .nav>ul li a {
        padding: 0 7px 0 14px;
    }

    .banner .prev {
        margin-right: -530px;
        bottom: 98px;
    }

    .banner .next {
        margin-right: -590px;
        bottom: 98px;
    }

    .col_8 {
        width: 94vw;
    }

    .service_products .Side2 a.prev,
    .service_products .Side a.prev,
    .good_life .Side2 a.prev {
        left: 15px;
    }

    .service_products .Side2 a.next,
    .service_products .Side a.next,
    .good_life .Side2 a.next {
        right: 15px;
    }
}

@media screen and (max-width: 1366px) {

    .section.index02 .name,
    .section.index02 .map,
    .section.index03 .name,
    .index03_side .side_cn {
        margin-left: 0;
    }

    .index03_side .side_cn {
        font-size: 36px;
    }

    .index03_side .side_en {
        font-size: 68px;
    }

    .index05 .Side .prev {
        left: 20px;
        margin-top: 0;
        top: -75px;
    }

    .index05 .Side .next {
        right: 20px;
        margin-top: 0;
        top: -75px;
    }
}

@media screen and (max-height: 820px) {
    .index05 .Side .item {
        height: 450px;
    }

    .index05 .Side .item .img {
        height: 234px;
    }

    .index05 .Side .item.video:hover .img:after {
        top: 90px;
    }

    .pop.contact_us_pop .close {
        width: 76px;
        height: 75px;
        background: url(../images/close.png) no-repeat center #d49b73;
        top: 0;
        right: 0;
        z-index: 1;
    }
}

@media screen and (max-height: 800px) {
    .section.index02 .name {
        margin-bottom: 1.6vh;
    }

    .index03_side .item {
        padding-top: 16vh;
    }

    .index03_side .num {
        bottom: 11vh;
    }

    .index05 .Side .item .img {
        height: 200px;
    }

    .index05 .Side .item.video:hover .img:after {
        top: 73px;
    }

    .index05 .Side .item {
        height: 420px;
    }

    .section.index05 .more {
        margin: 4vh auto 0;
    }
}

@media screen and (max-height: 780px) {
    .index03_side {
        top: -7vh;
    }
}

@media screen and (max-height: 760px) {
    .section.index02 .scale {
        transform: scale(.8);
        margin-left: -10vw;
    }

    .section.index05 .more {
        display: none;
    }
}

/* 新增 */
.xhyxCont {
    margin: 55px 0 110px;
}

.xhyxCont .sTit {
    color: #ad8162;
    font-weight: 300;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 28px;
    text-align: center;
}

.xhyxTab {
    text-align: center;
    font-size: 0;
    margin-bottom: 50px;
}

.xhyxTab .lit {
    display: inline-block;
    font-size: 16px;
    color: #70706e;
    line-height: 52px;
    text-align: center;
    margin: 0 5px;
    height: 52px;
    width: 190px;
    border: 1px dashed #d9d9d9;
    border-radius: 200px;
    cursor: pointer;
    transition: all .3s;
}

.xhyxTab .lit.on {
    background-color: #eee7e3;
    border-color: #eee7e3;
}

.xhyxCont .card3,
.xhyxCont .card2,
.xhyxCont .card1 {
    position: relative;
}

.xhyxCont .card1::after {
    content: "";
    display: block;
    clear: both;
}

.xhyxCont .card3::before,
.xhyxCont .card2::before,
.xhyxCont .card1::before {
    content: "";
    display: block;
    width: 100vw;
    position: absolute;
    left: 50%;
    top: 120px;
    transform: translateX(-50%);
    border-top: 2px solid #f7f5f1;
}

.xhyxCont .card1 {
    margin-left: -23px;
}

.xhyxCont .card1 .dl {
    float: left;
    width: calc(33.33% - 23px);
    margin-left: 23px;

}

.xhyxCont .card3 .dl {
    width: calc(50% - 23px);
}

.xhyxCont .dl {
    border: 2px solid #f7f5f1;
}

.xhyxCont .dl .dt {
    height: 120px;
    padding: 35px 20px;
    position: relative;
}

.xhyxCont .dl .dt .ic {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
}

.xhyxCont .dl .dt span {
    color: #ffffff;
    font-size: 22px;
    display: block;
    width: 70px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #f57113;
    border-radius: 200px;
    font-family: Gilroy_Bold;
}


.xhyxCont .dl .dd {
    background-color: #f2f0ef;
    position: relative;
    padding: 24px 20px;
}

.xhyxCont .card1 .dl .dd {
    padding: 24px 20px;
    height: 540px;
}

.xhyxCont .card1 .dl .dd .txt {
    height: 170px;
}

.xhyxCont .card1 .dl .dd .aImg {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.xhyxCont .card2 .dl .dd .aImg {
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
}

.xhyxCont .card2 .dl .dd .aImg img {
    margin-right: 10px;
}

.xhyxCont .dl .dd .aImg img {
    height: fit-content;
}

.xhyxCont .card3 .dl .dd .aImg img {
    width: calc(50% - 5px);
}

.xhyxCont .aImgSwOv {
    width: 100%;
    overflow: hidden;
}

.xhyxCont .aImgSw .swiper-slide {
    opacity: .5;
    transition: all .3s;
}

.xhyxCont .aImgSw .swiper-slide-active {
    opacity: 1;
}

.xhyxCont .aImgSw {
    width: 90%;
}

.xhyxCont .card3 .dl .dd {
    height: 585px;
}

.xhyxCont .card2 .dl .dd {
    padding: 64px 20px;
    height: 405px;
}

.xhyxCont .card1 .dl .dd h5 {
    color: #ad8162;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.xhyxCont .card1 .dl .dd .more {
    padding: 10px 30px 10px 16px;
    background: #FFF url(../images/xhyx/xhyxEd-c1-more.png) no-repeat center right 18px;
    border-radius: 200px;
    position: absolute;
    left: 20px;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    transition: all .3s;
    color: #70706e;
}

.xhyxCont .card1 .dl:hover .dd .more {
    opacity: 1;
    bottom: 20px;
}

.xhyxCont .ulW {
    margin-top: 23px;
}

.xhyxCont .ulW ol::after,
.xhyxCont .ulW ul::after {
    content: "";
    display: block;
    clear: both;
}

.xhyxCont .ulW ol {
    padding: 0;
}

.xhyxCont .ulW ol li {
    list-style: none;
}

.xhyxCont .ulW li {
    background-color: #FFF;
    position: relative;
    min-height: 38px;
    padding: 7px 20px;
    margin-bottom: 8px;
}

.xhyxCont .ulW ul li {
    float: left;
    margin-right: 10px;
    color: #70706e;
}

.xhyxCont .ulW li::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 11px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #f2f0ef;
}

.xhyxCont .ulW li::after {
    content: "";
    position: absolute;
    left: -3px;
    top: 14px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #f57113;
    border: 1px solid #FFF;
    box-sizing: border-box;
}

.xhyxCont .ulW ol li span {
    float: left;
    color: #ea6100;
    width: 70px;
}

.xhyxCont .ulW ol li {
    float: left;
    width: 100%;
}

.xhyxCont .ulW ol li .tx {
    float: left;
    color: #70706e;
    width: calc(100% - 70px);
}

/*弹窗*/
.pop-wrap {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}

.pop-wrap var {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    filter: Alpha(opacity=40);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.pop-wrap .pop-cont {
    width: 1200px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
}

/* .xhyxPop{
    display: block;
} */

.xhyxPop .pop-cont {
    width: 855px;
    height: 430px;
    background-color: #f2f0ef;
    padding: 60px;
}

.xhyxPop .pop-cont .close {
    position: absolute;
    right: 0;
    top: -44px;
    cursor: pointer;
}

.xhyxPop .list dl {
    margin-bottom: 10px;
    padding: 0 30px 0 15px;
    background: url(../images/xhyx/xhyxPop-bor.jpg) repeat-y 0 0;
    overflow: hidden;
}

.xhyxPop .list dl dt {
    float: left;
    padding: 16px 0;
    width: 136px;
}

.xhyxPop .list dl dt .ic {
    width: 110px;
    height: 110px;
    background-color: #FFF;
    border-radius: 50%;
    position: relative;
}

.xhyxPop .list dl dt .ic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.xhyxPop .list dl dd {
    float: left;
    width: calc(100% - 136px);
    padding: 35px 0;
}

.xhyxPop .list dl dd h4 {
    color: #357a42;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 6px;
    font-weight: bold;
}

.next.btn.hide {
    opacity: 0 !important;
    cursor: default !important;
}

/* 2.26 */
.service_products .con .dt{
    margin-bottom: 22px;
        min-height: auto;
}
.service_products .item-new .imBox {
    overflow: hidden;
    margin-bottom: 38px;
}
.service_products .item-new .imBox .le {
    width: 590px;
    float: left;
}
.service_products .item-new .imBox .le img {
    width: 100%;
    height: 358px;
}
.service_products .item-new .imBox .ri img {
    width: 100%;
    height: 358px;
}
.service_products .item-new .imBox .ri {
    width: 590px;
    float: right;
}
.service_products .item-new .imBoxSw{
    overflow: hidden;
}
.service_products .item-new .imBoxSw .imBoxSw-pagination{
    margin-top: 15px;
    height: 10px;
        line-height: 1;
        font-size: 0;
}
.service_products .item-new .imBoxSw .imBoxSw-pagination span{
    width: 6px;
    height: 6px;
    border: 2px solid #e3e3e3;
    border-radius: 50%;
    background-color: #FFF;
    margin-right: 6px;

}
.service_products .item-new .imBoxSw .imBoxSw-pagination .swiper-pagination-bullet-active{
    border-color: #be8a66;
}
.service_products .item-new .dt h4{
    font-size: 16px;
        color: #ad8162;
        line-height: 22px;
        margin-bottom: 22px;
        margin-top: 26px;
}