* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    font-size: 12px;
    overflow-x: hidden;
    width: 100%;
    min-width: 1440px;
}

textarea {
}

body,
div,
dl,
dt,
dd,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
button {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0;
    margin: 0;
    vertical-align: top
}

input {
    outline: none
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal
}

ol,
ul,
li {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0
}

::-webkit-scrollbar {
    width: 10px;
    height: 1px
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed
}

a {
    text-decoration: none;
    color: #000
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/font_1332158_f2qev20xrzr.eot');
    src: url('//at.alicdn.com/t/font_1332158_f2qev20xrzr.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1332158_f2qev20xrzr.woff2') format('woff2'), url('//at.alicdn.com/t/font_1332158_f2qev20xrzr.woff') format('woff'), url('//at.alicdn.com/t/font_1332158_f2qev20xrzr.ttf') format('truetype'), url('//at.alicdn.com/t/font_1332158_f2qev20xrzr.svg#iconfont') format('svg')
}

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

.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis-2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.ellipsis-3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

.iconfont {
    font-family: "shh" !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.main_header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 140px;
    -webkit-transition: all .5s;
    transition: all .5s;
    padding-left: 148px;
    background: #21372a
}

.main_header .header_ctn {
    width: 100%;
    position: relative
}

.main_header .nav_list {
    width: 100%;
    position: relative
}

.main_header .nav_list a {
    min-width: 8.94%;
    line-height: 206px;
    color: #b99c73;
    float: left;
    font-size: 16px;
    -webkit-animation-name: header-link-animation;
    animation-name: header-link-animation;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.main_header .nav_list a:after {
    position: absolute;
    content: '';
    top: 103px;
    left: -5px;
    width: 0;
    height: 1px;
    background-color: #eaa672;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.main_header .nav_list a:first-child {
    margin-left: 10.6%
}

.main_header .nav_list a:hover:not([tel]) {
    color: #fff
}

.main_header .nav_list a:hover:not([tel]):after {
    width: 40px;
    left: -50px;
    opacity: 1
}

.main_header .others {
    width: 260px;
    top: 44px;
    position: absolute;
    left: 82.12%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.main_header .others .top_cnt {
    width: 260px;
    height: 68px;
    margin-bottom: 29px;
    background: -webkit-gradient(linear, left top, right top, from(#c4a376), to(#e0c7a5));
    background: linear-gradient(to right, #c4a376, #e0c7a5);
    line-height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 36px;
    font-size: 15px;
    color: #121212;
    text-transform: lowercase;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #e0c7a5;
    -webkit-animation-name: header-btn-animation;
    animation-name: header-btn-animation;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.main_header .others .top_cnt .vsp {
    width: 40px;
    fill: #121212
}

.main_header .others .top_cnt:hover {
    color: #c4a376;
    background: transparent;
    border: 1px solid #c4a376;
    padding-right: 28px
}

.main_header .others .top_cnt:hover .vsp {
    fill: #c4a376
}

.main_header .others .tels {
    -webkit-animation-name: header-btn-animation;
    animation-name: header-btn-animation;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.main_header.nom {
    height: 88px
}

.main_header.nom .nav_list a {
    line-height: 88px
}

.main_header.nom .nav_list a:after {
    top: 44px
}

.main_header.nom .others {
    top: 10px
}

.sidebar {
    width: 148px;
    background: #4f4f4f;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    padding-top: 36px
}

.sidebar .logo {
    width: 115px;
    height: 84px;
    display: block;
    margin: 0 auto
}

.sidebar .nav_list {
    position: absolute;
    left: 0;
    width: 130px;
    height: 450px;
    top: 50%;
    margin-top: -225px
}

.sidebar .nav_list a {
    text-align: center;
    display: block;
    line-height: 90px;
    font-size: 14px;
    color: #b99c73
}

.right_content {
    width: calc(100% - 148px);
    margin-left: 148px
}

.right_content .right_main {
    z-index: 100;
    background: #21372a;
    width: 100%
}

.right_content .right_main #fullpage {
    width: 100%
}

.top_n1 {
    width: 100%;
    height: 100%;
    background: #21372a;
    position: relative;
    z-index: 101;
    padding-top: 180px
}

.top_n1 .tels {
    width: 640px;
    height: 31px;
    display: block;
    float: right;
    -webkit-animation-name: header-btn-animation;
    animation-name: header-btn-animation;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.top_n1 .title {
    display: inline-block;
    font-family: shh;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 126px;
    height: 150px;
    line-height: 150px;
    margin-left: 10.6%;
    position: relative;
    z-index: 20;
    -webkit-animation-name: title-line-animation;
    animation-name: title-line-animation;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    opacity: 0
}
.top_n1 .title p{white-space: nowrap; margin-top: 25px;}
.top_n1 .top_banner {
    width: 100%;
    height: 572px;
    // background: url(../img/bn1.jpg) no-repeat center top;
    position: absolute;
    left: 0;
    bottom: 70px;
    z-index: 10;
    -webkit-animation-name: top-banner-animation;
    animation-name: top-banner-animation;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    opacity: 0
}
.top_n1 .top_banner p{
    display: inline-block;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 470px;
    left: 32%;
    line-height: 30px;}
.top_n1 .top_banner .banner{position: relative; overflow: hidden; width: 100%; height: 100%;}
.top_n1 .top_banner .banner .swiper-slide{width: 100% !important; height: 100%;}
.top_n1 .top_banner .banner .swiper-slide p{display: inline-block; font-size: 20px; color: #1B2720; position: absolute; top: 470px; left: 32%; line-height: 30px;}

.top_n1 .left_txt {
    background: rgba(18,18,18,1);
    position: absolute;
    left: 10.6%;
    width: 18%;
    height: 508px;
    bottom: 70px;
    z-index: 110;
    -webkit-animation-name: top-left-animation;
    animation-name: top-left-animation;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    opacity: 0;
    color: #fff;
    padding: 48px 35px 0
}

.top_n1 .left_txt .tiop {
    font-family: shh;
    font-size: 50px;
    text-align: center;
    -webkit-text-stroke: 1px #c3a375;
    line-height: 96px;
    border-bottom: 1px solid #808080;
    margin-bottom: 16px
}

.top_n1 .left_txt .tiop .etxt {
    font-family: shh;
    font-size: 60px
}

.top_n1 .left_txt .txt_t {
    font-size: 16px;
    color: #b99c73;
    line-height: 30px;
    margin-bottom: 40px;
}

.top_n1 .left_txt .txt_o {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 25px;
}

.top_n1 .left_txt .btmc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #b99c73;
    height: 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.top_n1 .left_txt .btmc .vsp {
    width: 40px;
    fill: #b99c73;
    margin-left: 10px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.top_n1 .left_txt .btmc:hover {
    color: #fff
}

.top_n1 .left_txt .btmc:hover .vsp {
    fill: #fff
}

.top_n1 .next {
    -webkit-animation-name: arrow-animation;
    animation-name: arrow-animation;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    height: 450px;
    width: 108px;
    position: absolute;
    right: 40px;
    top: 400px;
    z-index: 101;
    opacity: 0
}

.top_n1 .next .txtx {
    position: absolute;
    color: transparent;
    -webkit-text-stroke: 1px #21372a;
    font-family: AvenirLT, sans-serif;
    letter-spacing: 2px;
    line-height: 81px;
    text-transform: lowercase;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0 auto;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    font-size: 146px;
    width: 301px;
    top: 116px;
    right: -98px
}

.top_n1 .next .ixp {
    width: 103px;
    height: 92px;
    display: block;
    fill: #21372a;
    -webkit-transform: translate(0, 0) rotate(90deg);
    transform: translate(0, 0) rotate(90deg);
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    position: absolute;
    right: -13px;
    bottom: 0
}

.top_n1 .next:hover .txtx {
    color: #21372a
}

.top_n1 .next:hover .ixp {
    fill: #fff;
    -webkit-transform: translate(0, 25px) rotate(90deg);
    transform: translate(0, 25px) rotate(90deg)
}

.mid_ctn {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
}

.mid_ctn .top_title {
    min-height: 34vh;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #21372a;
    padding: 30px 0 46px 10.6%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: shh
}

.mid_ctn .top_title .txtxs {
    margin-bottom: -90px;
    letter-spacing: 4px;
    line-height: 1.33;
    font-size: 126px;
    -webkit-transition: all .6s;
    transition: all .6s;
    margin-left: 200px;
    cursor: pointer
}

.mid_ctn .top_title .txtxs .t1 {
    color: #afafaf;
    -webkit-text-stroke: 1px #c3a375;
    -webkit-transition: all .4s .4s;
    transition: all .4s .4s
}

.mid_ctn .top_title .txtxs .t2 {
    color: transparent;
    -webkit-text-stroke: 1px #b99c73;
    opacity: .8;
    -webkit-transition: all .7s ease-in-out 0s;
    transition: all .7s ease-in-out 0s
}

.mid_ctn .top_title .txtxs .t2:hover {
    color: #b99c73;
    opacity: 1
}

.mid_ctn .roxps {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #21372a;
    padding: 30px 0 46px 10.6%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: shh
}

.mid_ctn .roxps .txtxs {
    letter-spacing: 4px;
    line-height: 1.33;
    font-size: 126px;
    -webkit-transition: all .6s;
    transition: all .6s;
    margin-left: 200px;
    cursor: pointer;
    white-space: nowrap;
}

.mid_ctn .roxps .txtxs .t1 {
    color: #afafaf;
    -webkit-text-stroke: 1px #c3a375;
    -webkit-transition: all .4s .4s;
    transition: all .4s .4s
}

.mid_ctn .roxps .txtxs .t2 {
    color: transparent;
    -webkit-text-stroke: 1px #b99c73;
    opacity: .8;
    -webkit-transition: all .7s ease-in-out 0s;
    transition: all .7s ease-in-out 0s
}

.mid_ctn .roxps .txtxs .t2:hover {
    color: #b99c73;
    opacity: 1
}

.mid_ctn .nums_content {
    width: 100%;
    height: 66vh;
    position: relative
}

.mid_ctn .nums_content .titlex {
    font-size: 45px;
    color: transparent;
    -webkit-text-stroke: 1px #b99c73;
    margin-left: 10.6%;
    /* line-height: 159px; */
    font-family: shh;
    margin-bottom: 20px;
    opacity: 0;
    margin-left: -160px;
    -webkit-transition: all .6s .6s;
    transition: all .6s .6s
}

.mid_ctn .nums_content .nuns_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.mid_ctn .nums_content .nuns_list .list1 {
    margin-left: 10.46%;
    width: 17.88%
}

.mid_ctn .nums_content .nuns_list .list2 {
    width: 17.88%
}

.mid_ctn .nums_content .nuns_list .list3 {
    width: 17.88%
}

.mid_ctn .nums_content .nuns_list .list4 {
    width: 17.88%
}

.mid_ctn .nums_content .nuns_list .cm_txt {
    font-size: 17px;
    color: #7f8182;
    line-height: 40px
}

.mid_ctn .nums_content .nuns_list .scroll_ctn {
    line-height: 130px;
    vertical-align: bottom;
    font-size: 32px;
    color: #cbad82
}

.mid_ctn .nums_content .nuns_list .scroll_ctn .nums,
.mid_ctn .nums_content .nuns_list .scroll_ctn .xi {
    font-size: 125px;
    background: -webkit-gradient(linear, left top, left bottom, from(#c2a274), to(#f0dcc0));
    background: linear-gradient(#c2a274, #f0dcc0);
    -webkit-background-clip: text;
    color: transparent;
    font-family: shh
}

.mid_ctn .nums_content .nuns_list .boxkx {
    font-size: 15px;
    color: #7f8182;
    line-height: 20px
}

.mid_ctn .nums_content .service_list {
    margin-top: -80px;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 200px;
    -webkit-transition: all .6s .3s;
    transition: all .6s .3s;
    height: calc(100% - 159px)
}

.mid_ctn .nums_content .service_list .txt_ctn {
    height: 230px
}

.mid_ctn .nums_content .service_list .txts {
    font-size: 26px;
    color: #c3a375;
    line-height: 40px;
    margin-bottom: 28px
}

.mid_ctn .nums_content .service_list .txts1 {
    font-size: 14px;
    font-weight: 700;
    color: #4f4f4f;
    line-height: 28px
}

.mid_ctn .nums_content .service_list .txts2 {
    font-size: 14px;
    color: #4f4f4f;
    line-height: 28px
}
.mid_ctn .nums_content .service_list .txts2 span{font-weight: bold;}

.mid_ctn .nums_content .service_list .items {
    display: inline-block;
    position: relative;
    height: 100%
}

.mid_ctn .nums_content .service_list .items .nums {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    line-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.mid_ctn .nums_content .service_list .items .nums .opxks {
    color: transparent;
    -webkit-text-stroke: 1px #c3a375;
    font-size: 125px;
    font-family: shh
}

.mid_ctn .nums_content .service_list .more {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mid_ctn .nums_content .service_list .more .txp {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s;
    font-size: 14px;
    color: #c3a375;
    overflow: hidden
}

.mid_ctn .nums_content .service_list .more .arrpwx {
    width: 56px;
    height: 11px;
    fill: #c3a375;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transition: -webkit-transform .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s;
    -webkit-transform: translate(-12px, calc(-50% + 2px));
    transform: translate(-12px, calc(-50% + 2px))
}

.mid_ctn .nums_content .service_list>a:hover .more .txp {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s
}

.mid_ctn .nums_content .service_list>a:hover .more .arrpwx {
    -webkit-transform: translate(32px, calc(-50% + 2px));
    transform: translate(32px, calc(-50% + 2px))
}

.mid_ctn .nums_content .adv_list {
    margin-top: -80px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 159px)
}

.mid_ctn .nums_content .adv_list .items {
    opacity: 0;
    width: 17.88%;
    padding-top: 120px;
    position: relative
}

.mid_ctn .nums_content .adv_list .items:first-child {
    margin-left: 10.6%;
    -webkit-transition: all .5s .5s;
    transition: all .5s .5s
}

.mid_ctn .nums_content .adv_list .items:nth-of-type(2) {
    -webkit-transition: all .5s .7s;
    transition: all .5s .7s
}

.mid_ctn .nums_content .adv_list .items:nth-of-type(3) {
    -webkit-transition: all .5s .9s;
    transition: all .5s .9s
}

.mid_ctn .nums_content .adv_list .items:nth-of-type(4) {
    -webkit-transition: all .5s 1.1s;
    transition: all .5s 1.1s
}

.mid_ctn .nums_content .adv_list .items:nth-of-type(5) {
    -webkit-transition: all .5s 1.3s;
    transition: all .5s 1.3s
}

.mid_ctn .nums_content .adv_list .items .tiox {
    width: 110px;
    height: 110px;
    border-radius: 5px;
    background: #cfb590;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 30px;
    padding: 23px;
    margin-bottom: 22px
}

.mid_ctn .nums_content .adv_list .items .txtod {
    font-size: 18px;
    line-height: 32px
}

.mid_ctn .nums_content .adv_list .items .txtod .tox {
    font-weight: 700
}

.mid_ctn .nums_content .adv_list .items .nums {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    line-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: transparent;
    -webkit-text-stroke: 1px #c3a375;
    font-size: 125px;
    font-family: shh
}

.mid_ctn .nums_content .adv_list .items.aocv {
    opacity: 1;
    padding-top: 20px
}

.mid_ctn .nums_content .zoix {
    width: 100px;
    position: absolute;
    right: 67px;
    fill: #ddcbb1;
    bottom: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.mid_ctn .nums_content .zoix:hover {
    right: 37px
}

.mid_ctn .nums_content .moix {
    width: 100px;
    position: absolute;
    right: 207px;
    fill: #ddcbb1;
    bottom: 16px;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mid_ctn .nums_content .moix:hover {
    right: 237px
}

.mid_ctn .formx {
    margin-left: 10.6%;
    background: #21372a;
    position: relative;
    padding-bottom: 80px;
    width: 1316.06px;
}

.mid_ctn .formx .form_top {
    display: -webkit-box;
    display: -ms-flexbox;
    height: 54px;
    width: 100%;
}

.mid_ctn .formx .form_top .formc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.33%
}

.mid_ctn .formx .form_top .formc .txt {
    font-size: 16px;
    color: #fff;
    line-height: 54px;
    margin-right: 10px
}

.mid_ctn .formx .form_top .formc .pox {
    line-height: 16px;
    padding-top: 20px;
    border: 0;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    height: 37px;
    color: #fff;
    margin-right: 12px;
    background: transparent;
    flex: 1;
}
.mid_ctn .formx .form_top .formc:last-child .pox{margin-right: 0;}

.mid_ctn .formx .bxls {
    float: right;
    width: 264px;
    height: 50px;
    border: 1px solid #a98768;
    color: #F8ECEC;
    text-transform: uppercase;
    font-size: 23px;
    text-align: center;
    line-height: 48px;
    background: transparent;
    cursor: pointer;
    margin-top: 40px;
}

.mid_ctn .vvv {
    background: #000;
    padding-top: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.mid_ctn .vvv .footer_ctn1 {
    margin-left: 10.6%;
    width: 17.88%;
    color: #fff
}

.mid_ctn .vvv .footer_ctn1 .tt1 {
    font-size: 17px;
    color: #aa8768;
    line-height: 48px
}

.mid_ctn .vvv .footer_ctn1 .telx {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 184px
}

.mid_ctn .vvv .footer_ctn1 .copys {
    font-size: 12px;
    color: #434343;
    line-height: 32px;
    margin-bottom: 74px
}
.mid_ctn .vvv .footer_ctn1 .copys a{color: #434343;}

.mid_ctn .vvv .footer_ctn2 {
    width: 35.76%;
    color: #fff
}

.mid_ctn .vvv .footer_ctn2 .tt1 {
    font-size: 17px;
    color: #aa8768;
    line-height: 48px
}

.mid_ctn .vvv .footer_ctn2 .url_link {
    font-size: 17px;
    line-height: 36px;
    height: 72px
}

.mid_ctn .vvv .footer_ctn2 .address_txt {
    font-size: 17px;
    line-height: 36px;
    height: 72px
}

.mid_ctn .vvv .footer_ctn3 {
    color: #fff
}

.mid_ctn .vvv .footer_ctn3 .tt1 {
    font-size: 17px;
    color: #aa8768;
    line-height: 48px
}

.mid_ctn .vvv .footer_ctn3 .eox {
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 14px;
    margin: 30px auto 50px
}

.mid_ctn .vvv .footer_ctn3 .qrcode {
    width: 174px;
    height: 174px
}

.main_content {
    width: calc(100% - 148px);
    margin-left: 148px
}

.main_content .right_main {
    z-index: 100;
    background: #21372a;
    width: 100%;
    padding-top: 140px
}

.main_content .right_main .comx1 {
    padding-top: 80px;
    position: relative;
    height: 768px
}

.main_content .right_main .comx1 .tels {
    width: 640px;
    height: 31px;
    display: block;
    float: right;
    -webkit-animation-name: header-btn-animation;
    animation-name: header-btn-animation;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.main_content .right_main .comx1 .title {
    display: inline-block;
    font-family: shh;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 126px;
    height: 150px;
    line-height: 150px;
    margin-left: 10.6%;
    position: relative;
    z-index: 20;
    -webkit-animation-name: title-line-animation;
    animation-name: title-line-animation;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    opacity: 0
}
.main_content .right_main .comx1 .title p{white-space: nowrap; margin-top: 25px;}

.main_content .right_main .comx1 .top_banner {
    width: 100%;
    height: 572px;
    background: url(../img/bn1.jpg) no-repeat center top;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    -webkit-animation-name: top-banner-animation;
    animation-name: top-banner-animation;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    opacity: 0
}

.main_content .right_main .comx1 .top_banner.vax {
    background: url(../img/bbbx.jpg) no-repeat center top
}

.main_content .right_main .comx1 .top_banner.nblx {
    background: url(../img/tlkx.jpg) no-repeat center top
}

.main_content .right_main .comx1 .top_banner.nblx p{display: inline-block; font-size: 20px; color: #fff; position: absolute; top: 470px; left: 32%; line-height: 30px;}

.main_content .right_main .comx1 .top_banner.volxl {
    background: url(../img/ndfg.jpg) no-repeat center top
}

.main_content .right_main .comx1 .left_txt {
    background: rgba(18,18,18,1);
    position: absolute;
    left: 10.6%;
    width: 17.88%;
    height: 508px;
    bottom: 0;
    z-index: 10;
    -webkit-animation-name: top-left-animation;
    animation-name: top-left-animation;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    opacity: 0;
    color: #fff;
    padding: 48px 42px 0
}

.main_content .right_main .comx1 .left_txt .tiop {
    font-family: shh;
    font-size: 50px;
    text-align: center;
    -webkit-text-stroke: 1px #c3a375;
    line-height: 96px;
    border-bottom: 1px solid #808080;
    margin-bottom: 16px
}

.main_content .right_main .comx1 .left_txt .tiop .etxt {
    font-family: shh;
    font-size: 60px
}

.main_content .right_main .comx1 .left_txt .txt_t {
    font-size: 16px;
    color: #b99c73;
    line-height: 30px;
    margin-bottom: 40px
}

.main_content .right_main .comx1 .left_txt .txt_t.oclx {
    margin-bottom: 20px
}

.main_content .right_main .comx1 .left_txt .txt_o {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 25px;
    margin-right: -20px
}

.main_content .right_main .comx1 .left_txt .txt_o.xosv {
    margin-bottom: 10px
}

.main_content .right_main .comx1 .left_txt .btmc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #b99c73;
    height: 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.main_content .right_main .comx1 .left_txt .btmc .vsp {
    width: 40px;
    fill: #b99c73;
    margin-left: 10px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.main_content .right_main .comx1 .left_txt .btmc:hover {
    color: #fff
}

.main_content .right_main .comx1 .left_txt .btmc:hover .vsp {
    fill: #fff
}

.main_content .right_main .bom_tn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 188px;
    width: 100%
}

.main_content .right_main .bom_tn>a:first-child {
    margin-left: 10.6%
}

.main_content .right_main .bom_tn .actxe {
    cursor: pointer;
    width: 17.88%;
    background: -webkit-gradient(linear, left top, right top, from(#c3a476), to(#dabf9a));
    background: linear-gradient(to right, #c3a476, #dabf9a);
    color: #fff;
    position: relative;
    padding-top: 52px
}

.main_content .right_main .bom_tn .actxe .xlopdx {
    text-align: center;
    font-size: 22px;
    line-height: 46px
}

.main_content .right_main .bom_tn .actxe .ixp {
    width: 56px;
    height: 46px;
    display: block;
    fill: #fff;
    -webkit-transform: translate(0, 0) rotate(90deg);
    transform: translate(0, 0) rotate(90deg);
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    position: absolute;
    left: calc(50% - 26px);
    bottom: 11px
}

.main_content .right_main .bom_tn .txe {
    width: 17.88%;
    text-align: center;
    line-height: 188px;
    color: #fff;
    font-size: 22px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.main_content .right_main .bom_tn .txe:hover {
    color: #b99c73
}

.main_content .right_main .white_bg {
    width: 100%;
    background: #fff;
    position: relative
}

.main_content .right_main .white_bg .pos_lines {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

.main_content .right_main .white_bg .pos_lines .bg-line {
    height: 100%;
    border-color: rgba(175, 175, 175, 0.15);
    border-width: 0 1px 0 0;
    border-style: solid
}

.main_content .right_main .white_bg .pos_lines .bg-line.med {
    width: 10.6%
}

.main_content .right_main .white_bg .pos_lines .bg-line.small {
    width: 8.94%
}

.main_content .right_main .white_bg .pos_lines .bg-line.large {
    width: 17.88%
}

.main_content .right_main .white_bg .top_txt1 {
    font-size: 92px;
    font-family: shh;
    -webkit-text-stroke: 1px #b99c73;
    color: transparent;
    line-height: 260px;
    margin-left: 10.6%
}

.main_content .right_main .white_bg .xcpl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 6px;
    position: relative;
    height: 510px;
    background: url(../img/aaxx.png) no-repeat bottom right
}

.main_content .right_main .white_bg .xcpl .lex {
    position: absolute;
    left: 10.6%;
    top: 0
}

.main_content .right_main .white_bg .xcpl .txts {
    position: relative;
    margin-left: 46.36%
}

.main_content .right_main .white_bg .xcpl .txts .txxc1 {
    font-size: 54px;
    color: #b99c73;
    line-height: 56px;
    margin-bottom: 28px
}

.main_content .right_main .white_bg .xcpl .txts .txxc2 {
    font-size: 20px;
    color: #7f8182;
    line-height: 40px;
    margin-bottom: 24px
}

.main_content .right_main .white_bg .xcpl .txts .top_cnt {
    display: block;
    width: 260px;
    background: #121212;
    height: 68px;
    color: #eaa672;
    font-size: 16px;
    line-height: 68px;
    padding-left: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 36px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.main_content .right_main .white_bg .xcpl .txts .top_cnt .vsp {
    width: 40px;
    fill: #eaa672
}

.main_content .right_main .white_bg .xcpl .txts .top_cnt:hover {
    padding-right: 24px
}

.main_content .right_main .white_bg .xcpl.aoxx {
    background: url(../img/bgafd.png) no-repeat bottom right
}

.main_content .right_main .white_bg .xcpl.aoxx .vlx {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 37.32%;
    font-size: 54px;
    color: #b99c73;
    height: 180px;
    background: #21372a;
    line-height: 80px;
    padding-top: 100px;
    padding-left: 10.6%
}

.main_content .right_main .white_bg .xcpl.xosx {
    background: url(../img/webb.png) no-repeat bottom right
}

.main_content .right_main .white_bg .xcpl.xosx .txts {
    width: 35.76%
}

.main_content .right_main .white_bg .xcpl.xosx .txxc1 {
    margin-bottom: 45px
}

.main_content .right_main .white_bg .xcpl.xosx .pxsa_oox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main_content .right_main .white_bg .xcpl.xosx .pxsa_oox .oplx {
    margin-bottom: 30px;
    width: 50%
}

.main_content .right_main .white_bg .xcpl.xosx .pxsa_oox .oplx .pt1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    color: #a4a4a4;
    text-decoration: underline
}

.main_content .right_main .white_bg .xcpl.xosx .pxsa_oox .oplx .pt2 {
    color: #a4a4a4;
    font-size: 20px;
    line-height: 52px
}

.main_content .right_main .white_bg .xcpl.ovkx {
    background: url(../img/xjox.png) no-repeat center bottom
}

.main_content .right_main .white_bg .xcpl.ovkx .txts .txxc2 {
    margin-bottom: 70px
}

.main_content .right_main .white_bg .xcpl.ovkx .vlx {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 37.32%;
    font-size: 54px;
    color: #b99c73;
    height: 180px;
    background: #21372a;
    line-height: 80px;
    padding-top: 100px;
    padding-left: 10.6%
}

.main_content .right_main .white_bg .xcpl.ovlx {
    background: url(../img/xjox.png) no-repeat center bottom
}

.main_content .right_main .white_bg .xcpl.ovlx .vlx {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 37.32%;
    font-size: 54px;
    color: #b99c73;
    height: 180px;
    background: #21372a;
    line-height: 80px;
    padding-top: 100px;
    padding-left: 10.6%
}

.main_content .right_main .white_bg .zscl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 644px;
    padding-top: 100px;
    position: relative
}

.main_content .right_main .white_bg .zscl .lefxt {
    margin-left: 10.6%;
    color: #b99c73;
    font-size: 54px;
    line-height: 78px;
    width: 35.76%
}

.main_content .right_main .white_bg .zscl .r_igc {
    color: #a4a4a4;
    font-size: 30px
}

.main_content .right_main .white_bg .zscl .r_igc.xodl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 35.76%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 160px
}

.main_content .right_main .white_bg .zscl .r_igc.xodl .itemx {
    width: 50%;
    text-decoration: underline;
    font-weight: 700;
    height: 60px
}

.main_content .right_main .white_bg .zscl .vlx {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 37.32%;
    font-size: 54px;
    color: #b99c73;
    height: 180px;
    background: #21372a;
    line-height: 80px;
    padding-top: 100px;
    padding-left: 10.6%
}

.main_content .right_main .white_bg .zscl.cvois {
    height: 440px
}

.main_content .right_main .white_bg .grx_bgx {
    background: #21372a;
    height: 648px
}

.main_content .right_main .white_bg .grx_bgx .top_txt {
    font-size: 20px;
    color: #fff;
    line-height: 44px;
    padding-left: 46.36%;
    padding-top: 70px;
    height: 214px
}

.main_content .right_main .white_bg .grx_bgx .slxc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 37px
}

.main_content .right_main .white_bg .grx_bgx .slxc .fxt_item {
    width: 17.88%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 170px;
    vertical-align: bottom
}

.main_content .right_main .white_bg .grx_bgx .slxc .fxt_item .nums {
    font-family: shh;
    font-size: 123px;
    color: transparent;
    line-height: 170px;
    -webkit-text-stroke: 1px #c3a375
}

.main_content .right_main .white_bg .grx_bgx .slxc .fxt_item .txts {
    color: #fff;
    padding-top: 82px;
    font-size: 30px;
    line-height: 40px
}

.main_content .right_main .white_bg .grx_bgx .slxc .fxt_item:nth-of-type(5n-4) {
    margin-left: 10.6%
}

.main_content .right_main .white_bg .grx_bgx.ovc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 80px
}

.main_content .right_main .white_bg .grx_bgx.ovc .opxxt {
    color: #c3a476;
    font-size: 54px;
    margin-left: 10.6%;
    width: 26.82%;
    margin-right: 8.94%
}

.main_content .right_main .white_bg .grx_bgx.ovc .oxktx {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    color: #fff
}

.main_content .right_main .white_bg .grx_bgx.ovc .oxktx .ptx1 {
    font-size: 32px;
    line-height: 52px;
    font-weight: 700
}

.main_content .right_main .white_bg .grx_bgx.ovc .oxktx .ptx2 {
    font-size: 20px;
    line-height: 36px
}

.main_content .right_main .white_bg .grx_bgx.ovc .oxktx .ptx3 {
    font-size: 28px;
    line-height: 36px;
    color: #c3a476;
    line-height: 84px;
    margin-bottom: 40px
}

.main_content .right_main .white_bg .grx_bgx.ovc .oxktx .ptx3 .ttx {
    margin-right: 70px
}

.main_content .right_main .white_bg .grx_bgx.wzxd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main_content .right_main .white_bg .grx_bgx.wzxd .x_item {
    width: 17.88%;
    color: #fff
}

.main_content .right_main .white_bg .grx_bgx.wzxd .x_item .nums {
    color: transparent;
    font-size: 123px;
    font-family: shh;
    -webkit-text-stroke: 1px #c3a375;
    line-height: 144px
}

.main_content .right_main .white_bg .grx_bgx.wzxd .x_item .tpxt {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px
}

.main_content .right_main .white_bg .grx_bgx.wzxd .x_item .toxl {
    color: #fff;
    font-size: 20px;
    line-height: 38px
}

.main_content .right_main .white_bg .grx_bgx.wzxd .x_item:first-child {
    margin-left: 37.32%
}

.main_content .right_main .white_bg .grx_bgx.oxks {
    position: relative
}

.main_content .right_main .white_bg .grx_bgx.oxks .itoxs {
    color: #c3a476;
    font-size: 54px;
    margin-left: 10.6%;
    top: -40px;
    line-height: 64px;
    position: absolute
}

.main_content .right_main .white_bg .grx_bgx.oxks .slics {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 118px
}

.main_content .right_main .white_bg .grx_bgx.oxks .slics .slidex_item {
    width: 17.88%
}

.main_content .right_main .white_bg .grx_bgx.oxks .slics .slidex_item .numx {
    color: transparent;
    font-family: shh;
    -webkit-text-stroke: 1px #b99c73;
    font-size: 124px;
    line-height: 178px
}

.main_content .right_main .white_bg .grx_bgx.oxks .slics .slidex_item .tagx {
    color: #fff;
    text-align: center;
    background: #c3a476;
    width: 114px;
    height: 114px;
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    padding-top: 21px;
    border-radius: 5px;
    margin-bottom: 22px
}

.main_content .right_main .white_bg .grx_bgx.oxks .slics .slidex_item .txts {
    font-size: 20px;
    line-height: 28px;
    color: #fff
}

.main_content .right_main .white_bg .grx_bgx.oxks .slics .slidex_item:first-child {
    margin-left: 10.6%
}

.main_content .right_main .white_bg .grx_bgx.oxks .pic_itex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 184px 10.6% 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main_content .right_main .white_bg .grx_bgx.oxks .pic_itex .ppp {
    width: 13.25%;
    border-radius: 10px;
    margin-right: 1.2%;
    margin-bottom: 40px
}

.main_content .right_main .white_bg .grx_bgx.oxks .pic_itex .ppp:nth-of-type(7n) {
    margin-right: 0
}

.main_content .right_main .white_bg .grx_bgx .dslo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 160px
}

.main_content .right_main .white_bg .grx_bgx .dslo .ds_item {
    width: 17.88%
}

.main_content .right_main .white_bg .grx_bgx .dslo .ds_item .oxls {
    width: 104px;
    height: 104px;
    margin-bottom: 30px
}

.main_content .right_main .white_bg .grx_bgx .dslo .ds_item .cpls {
    width: 112px;
    height: 112px;
    margin-bottom: 20px
}

.main_content .right_main .white_bg .grx_bgx .dslo .ds_item .txtds {
    position: relative;
    color: #fff;
    height: 190px;
    font-weight: 700;
    line-height: 35px;
    font-size: 30px
}

.main_content .right_main .white_bg .grx_bgx .dslo .ds_item .txtds:before {
    position: absolute;
    content: '';
    width: 54px;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #fff
}

.main_content .right_main .white_bg .grx_bgx .dslo .ds_item:first-child {
    margin-left: 37.42%
}

.main_content .right_main .white_bg .security {
    width: 100%;
    height: 762px;
    padding-top: 106px;
    background: url(../img/aaxx.png) no-repeat right bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main_content .right_main .white_bg .security .iox_txt {
    margin-left: 10.6%;
    font-size: 54px;
    color: #c3a476;
    line-height: 82px;
    width: 35.76%
}

.main_content .right_main .white_bg .security .rxrf_txt {
    width: 35.76%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main_content .right_main .white_bg .security .rxrf_txt .rxf_item {
    width: 50%
}

.main_content .right_main .white_bg .security .rxrf_txt .rxf_item .ii {
    width: 101px;
    height: 104px
}

.main_content .right_main .white_bg .security .rxrf_txt .rxf_item .totx {
    font-weight: 700;
    color: #a4a4a4;
    font-size: 30px;
    line-height: 60px
}

.main_content .right_main .white_bg .security .rxrf_txt .rxf_item .xkx {
    font-size: 20px;
    color: #7f8182;
    line-height: 34px
}

.main_content .right_main .white_bg .security .rtxs_sa {
    width: 33.64%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main_content .right_main .white_bg .security .rtxs_sa .r_item {
    width: 33.333333%
}

.main_content .right_main .white_bg .security .rtxs_sa .r_item .ioc {
    width: 88px;
    height: 88px;
    display: block;
    margin: 0 auto 12px
}

.main_content .right_main .white_bg .security .rtxs_sa .r_item .ttx {
    font-size: 30px;
    color: #a4a4a4;
    line-height: 56px;
    font-weight: 700;
    text-align: center
}

.main_content .right_main .white_bg .security .rkxpsz {
    width: 53.64%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main_content .right_main .white_bg .security .rkxpsz .rkx_item {
    width: 50%
}

.main_content .right_main .white_bg .security .rkxpsz .rkx_item .titles {
    font-size: 30px;
    color: #c3a476;
    line-height: 48px;
    margin-bottom: 22px
}

.main_content .right_main .white_bg .security .rkxpsz .rkx_item .tik {
    width: 80%;
    background: #c3a476;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    border-radius: 5px;
    padding-left: 12px
}

.main_content .right_main .white_bg .security .rkxpsz .rkx_item .tot {
    font-size: 20px;
    width: 80%;
    color: #7f8182;
    line-height: 36px;
    margin-bottom: 42px;
    padding-left: 15px
}

.main_content .right_main .white_bg .security .rkxpsz .rkx_item .totv {
    font-size: 20px;
    width: 80%;
    color: #7f8182;
    line-height: 36px;
    padding-left: 15px
}

.main_content .right_main .white_bg .security.aoxx {
    background: url(../img/bgafd.png) no-repeat bottom right
}

.main_content .right_main .white_bg .security.sda {
    background: url(../img/webb.png) no-repeat bottom right
}

.main_content .right_main .white_bg .security.voxm {
    background: url(../img/xjox.png) no-repeat bottom center
}

.main_content .right_main .white_bg .xiox {
    width: 100%;
    height: 137px;
    background: #f8f8f8
}

.main_content .right_main .white_bg .xdos {
    width: 100%;
    height: 68px;
    background: #f8f8f8
}

.main_content .right_main .videos {
    width: 100%;
    height: 803px;
    position: relative
}

.main_content .right_main .videos:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 803px;
    background: url(../img/videos.png) repeat
}

.main_content .right_main .videos .visx {
    -o-object-fit: fill;
    object-fit: fill
}

.main_content .right_main .oslx {
    width: 100%;
    height: 990px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.main_content .right_main .oslx:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 62.58%;
    background: #f6f6f6;
    content: '';
    z-index: 10;
    height: 990px
}

.main_content .right_main .oslx .pos_lines {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10
}

.main_content .right_main .oslx .pos_lines .bg-line {
    height: 100%;
    border-color: rgba(175, 175, 175, 0.15);
    border-width: 0 1px 0 0;
    border-style: solid
}

.main_content .right_main .oslx .pos_lines .bg-line.med {
    width: 10.6%
}

.main_content .right_main .oslx .pos_lines .bg-line.small {
    width: 8.94%
}

.main_content .right_main .oslx .pos_lines .bg-line.large {
    width: 17.88%
}

.main_content .right_main .oslx .lext {
    width: 37.42%;
    height: 100%;
    position: relative;
    background: url(../img/akxo.png) no-repeat right bottom;
    padding-left: 10.6%;
    padding-top: 118px
}

.main_content .right_main .oslx .lext .txx {
    font-size: 54px;
    color: #c3a476;
    line-height: 76px;
    margin-bottom: 38px
}

.main_content .right_main .oslx .lext .tpox {
    font-size: 20px;
    color: #7f8182;
    line-height: 36px
}

.main_content .right_main .oslx .rio_main {
    width: 62.58%;
    height: 990px;
    padding-left: 8.94%;
    position: relative;
    z-index: 20
}

.main_content .right_main .oslx .rio_main .butx {
    margin-left: 37.42%;
    height: 258px;
    position: relative
}

.main_content .right_main .oslx .rio_main .butx .zoix {
    width: 100px;
    right: 67px;
    fill: #ddcbb1;
    position: absolute;
    top: 114px;
    -webkit-transition: all .4s;
    transition: all .4s
}

.main_content .right_main .oslx .rio_main .butx .zoix:hover {
    right: 37px
}

.main_content .right_main .oslx .rio_main .butx .moix {
    width: 100px;
    fill: #ddcbb1;
    position: absolute;
    right: 207px;
    top: 98px;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main_content .right_main .oslx .rio_main .butx .moix:hover {
    right: 237px
}

.main_content .right_main .oslx .rio_main .slidx {
    height: 732px;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    z-index: 23
}

.main_content .right_main .oslx .rio_main .slidx .rtxx_item {
    display: inline-block;
    height: 100%
}

.main_content .right_main .oslx .rio_main .slidx .rtxx_item .iii {
    width: 251px;
    height: 544px;
    width: 100%;
    height: auto;
}

.main_content .right_main .oslx .rio_main .slidx .rtxx_item .iii{}

.main_content .right_main .oslx .rio_main .slidx .rtxx_item .txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    color: #7f8182;
    width: 251px;
    text-align: center;
    padding-top: 20px;
    line-height: 40px
}

.main_content .right_main .oslx .rio_main .slidx .tkg_item {
    display: inline-block;
    width: 790px;
    padding: 0 20px;
    font-size: 0
}

.main_content .right_main .oslx .rio_main .slidx .tkg_item .pix {
    width: 100%;
    margin-bottom: 30px
}

.main_content .right_main .oslx .rio_main .slidx .tkg_item .txt {
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #7f8182;
    -webkit-transition: all .5s;
    transition: all .5s
}

.main_content .right_main .oslx .rio_main .slidx .tkg_item:hover .txt {
    color: #b99c73
}

.main_content .right_main .oslx .rio_main .slidx.vilide .lpx_item {
    width: 100%;
    display: inline-block;
    font-size: 24px;
    color: #c3a476;
    line-height: 45px;
    text-decoration: underline
}

.main_content .right_main .oslx .rio_main .slidx.voskdx .lpx_item {
    width: 100%;
    display: inline-block
}
.main_content .right_main .oslx .rio_main .slidx.voskdx .lpx_item img{display: block; width: 100%;}

.main_content .right_main .oslx .rio_main .slidx.voskdx .txld {
    font-size: 20px;
    color: #7f8182;
    line-height: 40px;
    padding: 10px
}

.main_content .right_main .oslx .rio_main .slidx.vokps .lpx_item {
    display: inline-block;
    position: relative;
    height: 672px
}

.main_content .right_main .oslx .rio_main .slidx.vokps .lpx_item .lfx {
    width: 251px;
    height: 544px
}

.main_content .right_main .oslx .rio_main .slidx.vokps .lpx_item .qrlc {
    position: absolute;
    left: 50%;
    bottom: 128px
}

.main_content .right_main .oslx .rio_main .slidx.vokps .lpx_item .txld {
    width: 251px;
    text-align: center;
    line-height: 128px;
    font-size: 20px;
    color: #7f8182
}

.main_content .right_main .oslx .rio_main.rcxd {
    padding-left: 0
}

.main_content .right_main .rxr_footer .roxps {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #21372a;
    padding: 30px 0 46px 10.6%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: shh
}

.main_content .right_main .rxr_footer .roxps .txtxs {
    letter-spacing: 4px;
    line-height: 1.33;
    font-size: 126px;
    -webkit-transition: all .6s;
    transition: all .6s;
    margin-left: 0;
    cursor: pointer
}

.main_content .right_main .rxr_footer .roxps .txtxs .t1 {
    color: #fff;
    -webkit-text-stroke: 1px #c3a375;
    -webkit-transition: all .4s .4s;
    transition: all .4s .4s
}

.main_content .right_main .rxr_footer .roxps .txtxs .t2 {
    color: transparent;
    -webkit-text-stroke: 1px #b99c73;
    opacity: .8;
    -webkit-transition: all .7s ease-in-out 0s;
    transition: all .7s ease-in-out 0s
}

.main_content .right_main .rxr_footer .roxps .txtxs .t2:hover {
    color: #b99c73;
    opacity: 1
}

.main_content .right_main .rxr_footer .formx {
    margin-left: 10.6%;
    background: #21372a;
    position: relative;
    padding-bottom: 80px;
    box-sizing: border-box;
    width: 85%;
    width: 1316.06px;
}

.main_content .right_main .rxr_footer .formx .form_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 54rpx
}

.main_content .right_main .rxr_footer .formx .form_top .formc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.33%;
}

.main_content .right_main .rxr_footer .formx .form_top .formc .txt {
    font-size: 16px;
    color: #fff;
    line-height: 54px;
    margin-right: 10px
}

.main_content .right_main .rxr_footer .formx .form_top .formc .pox {
    line-height: 16px;
    padding-top: 20px;
    border: 0;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    height: 37px;
    color: #fff;
    flex: 1;
    margin-right: 12px;
    background: transparent
}
.main_content .right_main .rxr_footer .formx .form_top .formc:last-child .pox{margin-right: 0;}

.main_content .right_main .rxr_footer .formx .bxls {
    float: right;
    margin-top: 40px;
    width: 264px;
    height: 50px;
    border: 1px solid #a98768;
    color: #F8ECEC;
    text-transform: uppercase;
    font-size: 23px;
    text-align: center;
    line-height: 48px;
    background: transparent;
    cursor: pointer
}

.main_content .right_main .rxr_footer .vvv {
    background: #000;
    padding-top: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.main_content .right_main .rxr_footer .vvv .footer_ctn1 {
    margin-left: 10.6%;
    width: 17.88%;
    color: #fff
}

.main_content .right_main .rxr_footer .vvv .footer_ctn1 .tt1 {
    font-size: 17px;
    color: #aa8768;
    line-height: 48px
}

.main_content .right_main .rxr_footer .vvv .footer_ctn1 .telx {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 184px
}

.main_content .right_main .rxr_footer .vvv .footer_ctn1 .copys {
    font-size: 12px;
    color: #434343;
    line-height: 32px;
    margin-bottom: 74px
}
.main_content .right_main .rxr_footer .vvv .footer_ctn1 .copys a{color: #434343;}

.main_content .right_main .rxr_footer .vvv .footer_ctn2 {
    width: 35.76%;
    color: #fff
}

.main_content .right_main .rxr_footer .vvv .footer_ctn2 .tt1 {
    font-size: 17px;
    color: #aa8768;
    line-height: 48px
}

.main_content .right_main .rxr_footer .vvv .footer_ctn2 .url_link {
    font-size: 17px;
    line-height: 36px;
    height: 72px
}

.main_content .right_main .rxr_footer .vvv .footer_ctn2 .address_txt {
    font-size: 17px;
    line-height: 36px;
    height: 72px
}

.main_content .right_main .rxr_footer .vvv .footer_ctn3 {
    color: #fff
}

.main_content .right_main .rxr_footer .vvv .footer_ctn3 .tt1 {
    font-size: 17px;
    color: #aa8768;
    line-height: 48px
}

.main_content .right_main .rxr_footer .vvv .footer_ctn3 .eox {
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 14px;
    margin: 30px auto 50px;
}

.main_content .right_main .rxr_footer .vvv .footer_ctn3 .qrcode {
    width: 174px;
    height: 174px
}

.main_content .right_main .oth_oxl>.titles {
    font-family: shh;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 126px;
    height: 150px;
    line-height: 150px;
    margin-left: 10.6%;
    position: relative;
    z-index: 20;
    -webkit-animation-name: title-line-animation;
    animation-name: title-line-animation;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    opacity: 0;
    margin-bottom: -34px;
    white-space: nowrap;
}

.main_content .right_main .oth_main {
    background: #fff;
    position: relative
}

.main_content .right_main .oth_main .pos_lines {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

.main_content .right_main .oth_main .pos_lines .bg-line {
    height: 100%;
    border-color: rgba(175, 175, 175, 0.15);
    border-width: 0 1px 0 0;
    border-style: solid
}

.main_content .right_main .oth_main .pos_lines .bg-line.med {
    width: 10.6%
}

.main_content .right_main .oth_main .pos_lines .bg-line.small {
    width: 8.94%
}

.main_content .right_main .oth_main .pos_lines .bg-line.large {
    width: 17.88%
}

.main_content .right_main .oth_main .rexloix {
    width: 100%
}

.main_content .right_main .oth_main .rexloix .tfloor1 {
    width: 100%;
    position: relative;
    margin-bottom: 40px
}

.main_content .right_main .oth_main .rexloix .tfloor1 .left {
    position: absolute;
    left: 10.6%;
    top: 76px;
    height: 318px;
    padding-left: 11%;
    background: url(../img/zpc1.png) no-repeat center left
}

.main_content .right_main .oth_main .rexloix .tfloor1 .left .txts {
    line-height: 318px;
    font-size: 74px;
    color: transparent;
    -webkit-text-stroke: 1px #b99c73;
    font-family: shh
}

.main_content .right_main .oth_main .rexloix .tfloor1 .right {
    width: 100%;
    padding-top: 60px
}

.main_content .right_main .oth_main .rexloix .tfloor1 .right .txt_ovl {
    margin-left: 46.36%;
    font-size: 20px;
    color: #7f8182;
    line-height: 38px;
    width: 50%;
}

.main_content .right_main .oth_main .rexloix .tfloor2 {
    width: 100%;
    margin-bottom: 40px;
    position: relative
}

.main_content .right_main .oth_main .rexloix .tfloor2 .left {
    position: absolute;
    left: 10.6%;
    top: 76px;
    height: 318px;
    padding-left: 11%;
    background: url(../img/zpc2.png) no-repeat center left
}

.main_content .right_main .oth_main .rexloix .tfloor2 .left .txts {
    line-height: 318px;
    font-size: 74px;
    color: transparent;
    -webkit-text-stroke: 1px #b99c73;
    font-family: shh
}

.main_content .right_main .oth_main .rexloix .tfloor2 .right_list {
    width: 100%;
    padding-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 46.36%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main_content .right_main .oth_main .rexloix .tfloor2 .right_list .rix_item {
    width: 33.333333%
}

.main_content .right_main .oth_main .rexloix .tfloor2 .right_list .rix_item .tpx {
    width: 110px;
    height: 110px;
    border-radius: 5px;
    background: #cfb590;
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    padding: 19px;
    margin-bottom: 10px
}

.main_content .right_main .oth_main .rexloix .tfloor2 .right_list .rix_item .pto_txt {
    font-size: 18px;
    color: #4f4f4f;
    line-height: 34px;
    margin-bottom: 20px
}

.main_content .right_main .oth_main .rexloix .tfloor3 {
    width: 100%;
    position: relative
}

.main_content .right_main .oth_main .rexloix .tfloor3 .left {
    position: absolute;
    left: 20px;
    top: 76px;
    height: 318px;
    padding-left: 11%;
    background: url(../img/zpc3.png) no-repeat center left
}

.main_content .right_main .oth_main .rexloix .tfloor3 .left .txts {
    line-height: 80px;
    font-size: 74px;
    padding-top: 89px;
    color: transparent;
    -webkit-text-stroke: 1px #b99c73;
    font-family: shh
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx {
    width: 71.52%;
    margin-left: 28.48%;
    background: #f3f3f3;
    position: relative;
    z-index: 20;
    padding-bottom: 58px
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .slidx {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .slidx .sli_item {
    width: 572px;
    background: #fff;
    display: inline-block;
    margin-right: 38px;
    overflow: hidden
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .slidx .sli_item .pic {
    width: 497px;
    // height: 555px;
    float: left
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .slidx .sli_item .rigtx {
    float: right;
    width: 75px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 75px;
    position: relative;
    height: 521px
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .slidx .sli_item .rigtx .tt1 {
    position: absolute;
    top: 66px;
    left: 0;
    font-weight: 700;
    font-size: 18px
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .slidx .sli_item .rigtx .tt2 {
    position: absolute;
    bottom: 66px;
    left: 0;
    font-size: 18px
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .slidx .sli_item:first-child {
    margin-left: 38px
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .slidx::-webkit-scrollbar {
    display: none
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .btnx {
    position: absolute;
    right: 0;
    height: 68px;
    background: #fff;
    z-index: 10;
    bottom: 26px;
    width: 245px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .btnx .btx1,
.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .btnx .btx2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .btnx .btx1 .vsp,
.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .btnx .btx2 .vsp {
    width: 44px;
    height: 12px;
    -webkit-transition: all .4s;
    transition: all .4s
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .btnx .btx1:hover .vsp,
.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .btnx .btx2:hover .vsp {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    fill: #c3a375
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .btnx .btx1 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main_content .right_main .oth_main .rexloix .tfloor3 .right_ctx .btnx .btx1:hover .vsp {
    -webkit-transform: rotate(180deg), translateX(-10px);
    transform: rotate(180deg), translateX(-10px)
}

.main_content .right_main .oth_main .recruit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.main_content .right_main .oth_main .recruit .r_le {
    margin-left: 10.6%;
    width: 26.82%;
    font-size: 92px;
    font-family: shh;
    -webkit-text-stroke: 1px #b99c73;
    color: transparent;
    line-height: 260px
}

.main_content .right_main .oth_main .recruit .r_le.levx {
    margin-top: 50px
}

.main_content .right_main .oth_main .recruit .r_ri {
    width: 53.64%
}

.main_content .right_main .oth_main .recruit .r_ri .tlpx {
    font-size: 14px;
    color: #c3a375;
    line-height: 36px;
    padding-top: 80px;
    margin-bottom: 35px
}

.main_content .right_main .oth_main .recruit .r_ri .o_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.main_content .right_main .oth_main .recruit .r_ri .o_list .o_item {
    width: 50%
}

.main_content .right_main .oth_main .recruit .r_ri .o_list .o_item .nums {
    font-size: 124px;
    color: #21372a;
    line-height: 136px;
    font-family: shh;
    -webkit-text-stroke: 1px #b99c73
}

.main_content .right_main .oth_main .recruit .r_ri .o_list .o_item .titlx {
    font-size: 26px;
    color: #c3a375;
    font-weight: 700;
    line-height: 52px
}

.main_content .right_main .oth_main .recruit .r_ri .o_list .o_item .intox {
    font-size: 14px;
    color: #4f4f4f;
    line-height: 30px;
    padding-bottom: 15px;
    // height: 226px
}

.main_content .right_main .oth_main .recruit .r_ri .o_list .o_item .intox.x_auto {
    height: auto;
    margin-bottom: 30px
}

.main_content .right_main .oth_main .recruit .r_ri .ot_list {
    padding-top: 142px
}

.main_content .right_main .oth_main .recruit .r_ri .ot_list .ot_item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 80px
}

.main_content .right_main .oth_main .recruit .r_ri .ot_list .ot_item .ot_left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.main_content .right_main .oth_main .recruit .r_ri .ot_list .ot_item .ot_left .imgx {
    width: auto;
    height: 67px
}

.main_content .right_main .oth_main .recruit .r_ri .ot_list .ot_item .ot_left .tkxs {
    line-height: 77px;
    font-size: 26px;
    color: #c3a375;
    font-weight: 700
}

.main_content .right_main .oth_main .recruit .r_ri .ot_list .ot_item .ot_left .tpxd {
    font-size: 14px;
    font-weight: 700;
    line-height: 30px
}

.main_content .right_main .oth_main .recruit .r_ri .ot_list .ot_item .ot_left .otikx {
    font-size: 14px;
    line-height: 30px
}

.main_content .right_main .oth_main .news_ctn {
    width: 100%
}

.main_content .right_main .oth_main .news_ctn .left_txts {
    margin-left: 10.6%;
    width: 26.82%;
    font-size: 92px;
    font-family: shh;
    -webkit-text-stroke: 1px #b99c73;
    color: transparent;
    line-height: 260px
}

.main_content .right_main .oth_main .news_ctn .news_list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 120px
}

.main_content .right_main .oth_main .news_ctn .news_list .news_item {
    width: 26.82%;
    margin-right: 8.94%;
    position: relative;
    display: block;
}

.main_content .right_main .oth_main .news_ctn .news_list .news_item .nums {
    font-size: 93px;
    color: transparent;
    line-height: 136px;
    font-family: shh;
    -webkit-text-stroke: 1px #b99c73
}

.main_content .right_main .oth_main .news_ctn .news_list .news_item .times {
    position: absolute;
    right: 0;
    top: 96px;
    font-size: 12px;
    color: #4f4f4f
}

.main_content .right_main .oth_main .news_ctn .news_list .news_item .titles {
    font-size: 16px;
    color: #4f4f4f;
    font-weight: 700;
    line-height: 40px
}

.main_content .right_main .oth_main .news_ctn .news_list .news_item .introx {
    font-size: 14px;
    line-height: 36px;
    color: #4f4f4f;
    margin-bottom: 40px
}

.main_content .right_main .oth_main .news_ctn .news_list .news_item:nth-of-type(2n-1) {
    margin-left: 28.48%
}

.main_content .right_main .oth_main .news_ctn .news_list .zoix {
    position: absolute;
    width: 100px;
    right: 67px;
    fill: #ddcbb1;
    bottom: 20px;
    -webkit-transition: all .4s;
    transition: all .4s
}

.main_content .right_main .oth_main .news_ctn .news_list .zoix:hover {
    right: 37px
}

.main_content .right_main .oth_main .news_ctn .news_list .moix {
    width: 100px;
    position: absolute;
    right: 207px;
    fill: #ddcbb1;
    bottom: 36px;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main_content .right_main .oth_main .news_ctn .news_list .moix:hover {
    right: 237px
}

.main_content .right_main .oth_main .otpc {
    width: 100%;
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main_content .right_main .oth_main .otpc .lefx_form {
    margin-left: 10.6%;
    width: 53.64%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px;
    padding-bottom: 110px;
    margin-right: 8.94%
}

.main_content .right_main .oth_main .otpc .lefx_form .form_left {
    width: 50%;
    padding-right: 8%
}

.main_content .right_main .oth_main .otpc .lefx_form .form_right {
    width: 50%;
    padding-left: 4%
}

.main_content .right_main .oth_main .otpc .lefx_form .form_ocs {
    width: 100%
}

.main_content .right_main .oth_main .otpc .lefx_form .form_ocs .txt {
    font-size: 16px;
    color: #7f8182;
    line-height: 64px
}

.main_content .right_main .oth_main .otpc .lefx_form .form_ocs .ools {
    width: 100%;
    border: 1px solid #efefef;
    height: 68px;
    line-height: 68px;
    font-size: 16px;
    background: #efefef;
    padding: 0 10px
}

.main_content .right_main .oth_main .otpc .lefx_form .form_ocs .lxls {
    outline: none;
    height: 234px;
    margin-bottom: 30px;
    background: #efefef;
    border: 0;
    width: 100%;
    padding: 10px;
    resize: none
}

.main_content .right_main .oth_main .otpc .lefx_form .sokv {
    cursor: pointer;
    outline: none;
    width: 100%;
    height: 68px;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 68px;
    border: 0;
    background: -webkit-gradient(linear, left top, right top, from(#c4a376), to(#e0c7a5));
    background: linear-gradient(to right, #c4a376, #e0c7a5)
}

.main_content .right_main .oth_main .otpc .right_msg {
    width: 17.88%;
    padding-top: 188px;
    font-size: 16px;
    color: #7f8182;
    line-height: 36px
}

.bg-lines {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: 0;
    height: 0;
    width: calc(100% - 148px);
    background: transparent;
    z-index: 98;
    pointer-events: none
}

.bg-lines .bg-line {
    height: 100vh;
    border-color: rgba(175, 175, 175, 0.15);
    border-width: 0 1px 0 0;
    border-style: solid
}

.bg-lines .bg-line.med {
    width: 10.6%
}

.bg-lines .bg-line.small {
    width: 8.94%
}

.bg-lines .bg-line.large {
    width: 17.88%
}


.item_flex{width: 100%;display: flex;padding-right: 10%;}
.item_flex .item{flex: 1;overflow: hidden;padding-left: 8%;}
.item_flex .item .name{font-size: 24px;color: #c3a375;font-weight: bold;margin-bottom: 30px;}
.item_flex .gsgk_item .smalltext{font-size: 16px;color: #070707;line-height: 2;text-align: justify;margin-bottom: 10px;} 

.item_flex .news_item dl{display: flex;flex-wrap: wrap;margin-bottom: 10px;}
.item_flex .news_item dl dd{width: 100%;margin-bottom: 16px;padding: 14px;background-color: #f6f6f6;box-sizing: border-box;}
.item_flex .news_item dl dd a{display: flex; overflow: hidden;}
.item_flex .news_item dl dd a .left{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 80px;height: 80px;background-color: #ffffff;color: #b0aeae;margin-right: 24px;}
.item_flex .news_item dl dd a .left .day{font-size: 32px;}
.item_flex .news_item dl dd a .left .y_m{font-size: 17px;}
.item_flex .news_item dl dd a .text{flex: 1;overflow: hidden;}
.item_flex .news_item dl dd a .text .title{font-size: 16px;color: #555555;line-height: 3;font-weight: bold;}
.item_flex .news_item dl dd a .text .desc{font-size: 14px;color: #969696;line-height: 1.5;}
.item_flex .news_item dl dd:hover{background-color: #c3a375;transition: .5s;}
.item_flex .news_item dl dd:hover a .left{color:#c3a375;transition: .5s;}
.item_flex .news_item dl dd:hover a .title , .item_flex .news_item dl dd:hover a .desc{color: #fff;transition: .5s;}


.item_flex .more {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item_flex .more .txp {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s;
    font-size: 14px;
    color: #c3a375;
    overflow: hidden
}

.item_flex .more .arrpwx {
    width: 56px;
    height: 11px;
    fill: #c3a375;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transition: -webkit-transform .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s;
    -webkit-transform: translate(-12px, calc(-50% + 2px));
    transform: translate(-12px, calc(-50% + 2px))
}

.item_flex a:hover .more .txp {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s
}

.item_flex a:hover .more .arrpwx {
    -webkit-transform: translate(32px, calc(-50% + 2px));
    transform: translate(32px, calc(-50% + 2px))
}




@-webkit-keyframes header-link-animation {
    from {
        opacity: 0;
        -webkit-transform: translate(-25px, 0);
        transform: translate(-25px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(.5px, 0);
        transform: translate(.5px, 0)
    }
}

@keyframes header-link-animation {
    from {
        opacity: 0;
        -webkit-transform: translate(-25px, 0);
        transform: translate(-25px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(.5px, 0);
        transform: translate(.5px, 0)
    }
}

@-webkit-keyframes header-btn-animation {
    from {
        opacity: 0;
        -webkit-transform: translate(-25px, 0);
        transform: translate(-25px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(.5px, 0);
        transform: translate(.5px, 0)
    }
}

@keyframes header-btn-animation {
    from {
        opacity: 0;
        -webkit-transform: translate(-25px, 0);
        transform: translate(-25px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(.5px, 0);
        transform: translate(.5px, 0)
    }
}

@-webkit-keyframes title-line-animation {
    from {
        opacity: 0;
        -webkit-transform: translateX(-35px);
        transform: translateX(-35px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(.5px);
        transform: translateX(.5px)
    }
}

@keyframes title-line-animation {
    from {
        opacity: 0;
        -webkit-transform: translateX(-35px);
        transform: translateX(-35px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(.5px);
        transform: translateX(.5px)
    }
}

@-webkit-keyframes top-banner-animation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes top-banner-animation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes top-left-animation {
    from {
        opacity: 0;
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes top-left-animation {
    from {
        opacity: 0;
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes arrow-animation {
    from {
        opacity: 0;
        -webkit-transform: translateY(-16%);
        transform: translateY(-16%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-8%);
        transform: translateY(-8%)
    }
}

@keyframes arrow-animation {
    from {
        opacity: 0;
        -webkit-transform: translateY(-16%);
        transform: translateY(-16%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-8%);
        transform: translateY(-8%)
    }
}

.active .mid_ctn .top_title .txtxs {
    margin-left: 0;
    white-space: nowrap;
}

.active .mid_ctn .top_title .txtxs .t1 {
    color: #fff
}

.active .mid_ctn .nums_content .titlex {
    margin-left: 10.6%;
    opacity: 1
}

.active .mid_ctn .nums_content .service_list {
    padding-left: 0
}

.active .mid_ctn .roxps .txtxs {
    margin-left: 0
}

.active .mid_ctn .roxps .txtxs .t1 {
    color: #fff
}


/*# sourceMappingURL=global.css.map */

.article{padding: 0 8.94% 100px 28.48%; font-size: 16px; line-height: 35px; color: #4f4f4f;}
.article .m-tit{font-size: 24px; color: #b99c73; font-weight: bold; margin-bottom: 40px;}
.article a{color: #4f4f4f;}
.m-clips{margin-top: 40px; padding-top: 20px; border-top: 1px dashed #4f4f4f;}

/* 设置滚动条的样式 */::-webkit-scrollbar {width: 2px;}
@media screen and (max-width: 1680px) {
    .top_n1 .left_txt{padding: 48px 30px 0; width: 20%;}
    .top_n1 .left_txt .txt_t{font-size: 15px;}
    .top_n1 .left_txt .txt_o{font-size: 20px;}
    .mid_ctn .top_title .txtxs{font-size: 120px;}
    .mid_ctn .formx .bxls{left: 79%;}

    .main_content .right_main .comx1 .left_txt{padding: 48px 30px 0; width: 20%;}

    .main_content .right_main .white_bg .security .rtxs_sa .r_item .ttx{font-size: 28px;}
    .main_content .right_main .oth_main .rexloix .tfloor1 .left{padding-left: 13%;}
    .main_content .right_main .oth_main .rexloix .tfloor1 .left .txts{font-size: 60px;}
    .main_content .right_main .oth_main .rexloix .tfloor2 .left{padding-left: 13%;}
    .main_content .right_main .oth_main .rexloix .tfloor2 .left .txts{font-size: 60px;}
    .main_content .right_main .oth_main .rexloix .tfloor3 .left{padding-left: 13%;}
    .main_content .right_main .oth_main .rexloix .tfloor3 .left .txts{font-size: 60px;}
    .main_content .right_main .oth_main .recruit .r_le{font-size: 90px;}
    .main_content .right_main .oth_main .recruit .r_ri .ot_list .ot_item img{width: 520px; height: auto;}
    .main_content .right_main .oth_main .news_ctn .left_txts{font-size: 90px;}
}

@media screen and (max-width: 1600px) {
    .mid_ctn .top_title .txtxs{font-size: 110px;}
    .mid_ctn .roxps .txtxs{font-size: 110px;}
    .mid_ctn .formx{width: 1157.56px;}
    .mid_ctn .nums_content .nuns_list .scroll_ctn .nums, .mid_ctn .nums_content .nuns_list .scroll_ctn .xi{font-size: 110px;}
    .main_header .others{left: 76%;}
    .top_n1 .left_txt .txt_t{font-size: 14px; margin-bottom: 30px;}
    .top_n1 .left_txt .txt_o{font-size: 18px; margin-bottom: 25px; line-height: 30px;}

    .main_content .right_main .bom_tn .actxe{width: 20%;}
    .main_content .right_main .bom_tn .txe{width: 20%;}
    .main_content .right_main .white_bg .xcpl .txts .txxc1{font-size: 50px;}
    .main_content .right_main .white_bg .zscl .lefxt{font-size: 50px;}
    .main_content .right_main .white_bg .zscl .vlx{font-size: 50px;}
    .main_content .right_main .white_bg .grx_bgx .slxc .fxt_item .nums{font-size: 110px;}
    .main_content .right_main .white_bg .grx_bgx .slxc .fxt_item .txts{font-size: 20px;}
    .main_content .right_main .oslx .lext .txx{font-size: 50px;}

    .main_content .right_main .rxr_footer .roxps .txtxs{font-size: 110px;}
    .main_content .right_main .rxr_footer .formx{width: 1157.56px;}
    .main_content .right_main .white_bg .xcpl.ovlx .vlx{width: 46.32%;}
    .main_content .right_main .white_bg .security .rtxs_sa .r_item .ttx{font-size: 24px;}
    .main_content .right_main .comx1 .left_txt .txt_t{font-size: 14px; margin-bottom: 30px;}
    .main_content .right_main .comx1 .left_txt .txt_o{font-size: 18px; margin-bottom: 25px; line-height: 30px;}
    .main_content .right_main .white_bg .zscl .r_igc{font-size: 29px;}
    .main_content .right_main .oslx .rio_main .slidx.vokps .lpx_item .qrlc{left: 60%;}
    .main_content .right_main .oth_main .rexloix .tfloor1 .left{padding-left: 15%;}
    .main_content .right_main .oth_main .rexloix .tfloor1 .left .txts{font-size: 54px;}
    .main_content .right_main .oth_main .rexloix .tfloor2 .left{padding-left: 15%;}
    .main_content .right_main .oth_main .rexloix .tfloor2 .left .txts{font-size: 54px;}
    .main_content .right_main .oth_main .rexloix .tfloor3 .left{padding-left: 15%;}
    .main_content .right_main .oth_main .rexloix .tfloor3 .left .txts{font-size: 54px;}
    .main_content .right_main .oth_main .recruit .r_le{font-size: 84px;}
    .main_content .right_main .oth_main .recruit .r_ri .ot_list .ot_item img{width: 460px; height: auto;}
    .main_content .right_main .oth_main .news_ctn .left_txts{font-size: 84px;}
}

@media screen and (max-width: 1440px) {
    .top_n1 .left_txt{padding: 30px 25px 0; width: 20%;}
    .top_n1 .left_txt .tiop{font-size: 44px;}
    .top_n1 .left_txt .txt_t{font-size: 13px; margin-bottom: 35px;}
    .top_n1 .left_txt .txt_o{font-size: 18px; margin-bottom: 20px; line-height: 30px;}
    .mid_ctn .top_title .txtxs{font-size: 98px;}
    .mid_ctn .formx .bxls{left: 79%;}
    .mid_ctn .roxps .txtxs{font-size: 100px;}
    .mid_ctn .formx{width: 1058.52px;}
    .mid_ctn .nums_content .nuns_list .scroll_ctn .nums, .mid_ctn .nums_content .nuns_list .scroll_ctn .xi{font-size: 100px;}
    .mid_ctn .nums_content .service_list .items .nums .opxks{font-size: 100px;}
    .mid_ctn .nums_content .service_list .txts{font-size: 23px;}
    .mid_ctn .nums_content .adv_list .items .nums{font-size: 100px;}
    .mid_ctn .vvv .footer_ctn1 .telx{font-size: 26px;}
    .mid_ctn .vvv .footer_ctn2 .address_txt{font-size: 15px; line-height: 30px;}
    .mid_ctn .vvv .footer_ctn3 .eox{font-size: 30px;}

    .main_content .right_main .comx1 .left_txt{padding: 30px 25px 0; width: 20%;}
    .main_content .right_main .comx1 .left_txt .tiop{font-size: 44px;}
    .main_content .right_main .comx1 .left_txt .txt_t{font-size: 13px; margin-bottom: 35px;}
    .main_content .right_main .comx1 .left_txt .txt_o{font-size: 18px; margin-bottom: 20px; line-height: 30px;}
    .main_content .right_main .bom_tn .actxe{width: 20%;}
    .main_content .right_main .bom_tn .txe{width: 20%;}
    .main_content .right_main .white_bg .top_txt1{font-size: 88px;}
    .main_content .right_main .white_bg .xcpl .txts .txxc1{font-size: 48px;}
    .main_content .right_main .white_bg .zscl .lefxt{font-size: 48px;}
    .main_content .right_main .white_bg .zscl .vlx{font-size: 48px;}
    .main_content .right_main .white_bg .grx_bgx .slxc .fxt_item .nums{font-size: 100px;}
    .main_content .right_main .white_bg .grx_bgx .slxc .fxt_item .txts{font-size: 20px;}
    .main_content .right_main .white_bg .security .iox_txt{font-size: 48px;}
    .main_content .right_main .oslx .lext .txx{font-size: 48px;}

    .main_content .right_main .rxr_footer .roxps .txtxs{font-size: 100px;}
    .main_content .right_main .rxr_footer .formx{width: 1058.52px;}

    .main_content .right_main .rxr_footer .vvv .footer_ctn1 .telx{font-size: 26px;}
    .main_content .right_main .rxr_footer .vvv .footer_ctn2 .address_txt{font-size: 15px; line-height: 30px;}
    .main_content .right_main .rxr_footer .vvv .footer_ctn3 .eox{font-size: 30px;}

    .main_content .right_main .white_bg .xcpl.ovlx .vlx{width: 46.32%}
    .main_content .right_main .white_bg .security .rtxs_sa .r_item .ttx{font-size: 24px;}
    .main_content .right_main .white_bg .zscl .r_igc{font-size: 28px;}
    .main_content .right_main .oslx .rio_main .slidx.vokps .lpx_item .qrlc{left: 60%;}
    .main_content .right_main .oth_main .rexloix .tfloor1 .left{padding-left: 15%;}
    .main_content .right_main .oth_main .rexloix .tfloor1 .left .txts{font-size: 50px;}
    .main_content .right_main .oth_main .rexloix .tfloor2 .left{padding-left: 15%;}
    .main_content .right_main .oth_main .rexloix .tfloor2 .left .txts{font-size: 50px;}
    .main_content .right_main .oth_main .rexloix .tfloor3 .left{padding-left: 15%;}
    .main_content .right_main .oth_main .rexloix .tfloor3 .left .txts{font-size: 50px;}
    .main_content .right_main .oth_oxl>.titles{font-size: 120px;}
    .main_content .right_main .oth_main .rexloix .tfloor1 .right .txt_ovl{font-size: 18px;}
    .main_content .right_main .oth_main .recruit .r_le{font-size: 80px;}
    .main_content .right_main .oth_main .recruit .r_ri .ot_list .ot_item img{width: 440px; height: auto;}
    .main_content .right_main .oth_main .news_ctn .left_txts{font-size: 80px;}
}