@charset "utf-8";

/* CSS Document */
body {
    font-family: "FZLanTingHeiS-H-GB", "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif, ;
    overflow-x: hidden;
    color: #000;
    /* background: #16165e; */
}

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

img {
    display: block;
    border: none;
    max-width: 100%;
}

a {
    color: #0d0d0d;
    text-decoration: none;
}

a,
area {
    blur: expression(this.onFocus=this.blur())
}
input {
    border: none;
    background: none;
    outline: none;
    -webkit-appearance: none;
}
ul,
li {
    list-style: none;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}



.container {
    width: 1200px;
    margin: 0 auto;
}


.por {
    width: 48%;
    margin: 0 auto;
    margin-bottom: 4%;
}

.por input,
.por select {
    width: 100%;
    border: 1px solid #cbcbcb;
    background-color: #fff;
    height: 68px;
    line-height: 68px;
    border-radius: 10px;
    font-size: 20px;
  font-family: "FZLanTingHeiS-M-GB";
  color: rgb(133, 133, 133);
    padding-left: 10%;
}



.por input.send {
    border-radius: 15px;
    background-color: rgb(242, 204, 129);
    font-size: 23px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(125, 51, 51);
}

#__nc {
    display: block;
    box-sizing: border-box;
    width: 98%;
    height: 0.6rem;
    background-color: #f9f9f9;
    margin: 0 auto;
    margin-bottom: 4%;
    padding: 0;
    border-radius: 10px;
}

._nc .stage,
._nc .stage1 .track div,
._nc .stage1 .label {
    padding: 0 !important;
    height: 0.6rem !important;
    line-height: 0.6rem !important;
    font-size: .18rem;
}

._nc .stage1 .slider {
    height: 0.6rem !important;
    left: .0rem !important;
    right: .0rem !important;
}

._nc .stage1 .button {
    width: 2.2rem !important;
    height: 0.6rem !important;
}

.nc-container #nc_1_wrapper,
.nc-container.tb-login #nc_1_wrapper,
.nc-container #nc_2_wrapper,
.nc-container.tb-login #nc_2_wrapper {
    width: 100% !important;
    height: 0.6rem;
}

.nc-container .nc_scale .scale_text {
    font-size: .18rem !important;
    text-align: left;
}

.nc-container .scale_text.scale_text.slidetounlock span[data-nc-lang="_startTEXT"] {
    background: none !important;
    -webkit-text-fill-color: #bd7676 !important;
}

.nc_scale {
    height: 0.6rem !important;
    background-color: #7d3333 !important;
    border: none;
    border-radius: 10px;
}

.nc-container .nc_scale span {
    height: 0.6rem !important;
    line-height: 0.6rem !important;

}

.nc-container .nc_scale span.nc-lang-cnt {
    line-height: 0.8rem;
}

.nc-container .nc_scale .btn_ok {
    line-height: 0.8rem;
}

.nc-container .nc_scale .nc_ok,
.nc-container .nc_scale .nc_bg {
    border-radius: 10px;
}

.nc-container .nc_scale .btn_slide {
    font-size: 0.3rem;
    font-weight: bold;
    /* width: 1.6rem !important; */
    border-radius: 10px;
    background-color: #f2cc81;
    color: #a1694c !important;
}

.submit {
    width: 46%;
    margin: 0 auto;
    background-image: -moz-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    box-shadow: 0px 9px 2px 0px rgba(112, 28, 28, 0.9), inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.8);
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(175, 37, 31);
    padding: 3% 0;
    text-align: center;
    border-radius: 40px;
    margin-top: 6%;
}

/* 隐私协议 */
input[type="checkbox"]:checked {
    background-image: url(../images/check.png);
}

input[type="checkbox"] {
    width:20px;
    height: 20px;
    background-image: url(../images/border.png);
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 0.2rem;
    padding-left: 0;
    border-radius: 0;
}
.user_privacyBox{
    display: flex;
}
.user_privacyBox a,.user_privacyBox div{
    color: #fff;
}
/* 协议样式 end */

.banner {
    background: url(../images/banner.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 6%;
    padding-bottom: 4%;
}
.ht_top {
    width: 100%;
    background: #fafafa url(../images/nav_bg.gif) repeat-x 0 0;
    line-height: 41px;
    overflow: hidden;
}.Width {
    width: 80%;
    background: red;
    margin: 0 auto;
}

.ht_top .zt_top {
    width: 1070px;
    height: 41px;
    margin: 0 auto;
}

.ht_top h1 {
    float: left;
}

.ht_top h1 a {
    float: left;
    width: 131px;
    height: 40px;
    overflow: hidden;
    text-indent: -100em;
    background: url(../images/logo.gif) no-repeat;
    font-size: 12px;
}

.ht_top .topnav {
    float: right;
    color: #0d0d0d;
    font-size: 12px;
}

.ht_top .topnav a {
    padding: 0 8px;
}

.ht_top .topnav a:hover {
    color: #e4393c;
    text-decoration: underline;
}
/* con1 */
.bg {
    background: #301212;
    padding-bottom: 4%;
}

.yuyue_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con1_left {
    width: 50%;
}

.disfx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yuyue_msg {
    font-size: 18px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(200, 130, 65);
    text-align: center;
    margin-top: 6%;
}

.con1_list {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.con1_list li {
    width: 33%;
    background-image: linear-gradient(to right, #3f1e1a 70%, transparent);
    padding: 2% 0;
    border-radius: 20px 0 0 20px;
}

.con1_list li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.con1_list li p {
    font-size: 23px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(254, 234, 210);
    text-align: center;
    margin-top: 4%;
    line-height: 1.4;
}

/* con2 */
.con2_box {
    border-radius: 19px;
    background-image: -moz-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    box-shadow: 0px 3px 2px 0px rgba(153, 82, 37, 0.9);
    padding: 4% 4.4% 8% 4.4%;
    margin-bottom: 4%;
}

.con2_swiper .prev,
.con2_swiper .next {
    width: 50px;
    height: 50px;
}

.con2_swiper .prev {
    background: url(../images/left.png) no-repeat;
    background-size: 100% 100%;
    left: 2%;
}

.con2_swiper .next {
    background: url(../images/right.png) no-repeat;
    background-size: 100% 100%;
    right: 2%;
}

.con2_swiper {
    position: relative;
}

.con2_btn {
    display: block;
    width: 50%;
    margin: 0 auto;
    padding: 2% 0;
    background-image: -moz-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    box-shadow: 0px 9px 2px 0px rgba(112, 28, 28, 0.9), inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(175, 37, 31);
    text-align: center;
    border-radius: 40px;
    margin-bottom: -13%;
    margin-top: 6%;
}

/* con3 */
.con3_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con3_list li {
    width: 344px;
    height: 471px;
    background: url(../images/card_bg.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 4%;
}

.con3_img {
    width: 140px;
    height: 140px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}

.con3_list li p {
    font-size: 21px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(242, 206, 131);
    text-align: center;
    margin-top: 6%;
}

.con3_list li i {
    font-size: 12px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(255, 255, 255);
    text-align: center;
    display: block;
    font-style: normal;
    margin-top: 2%;
}

.con3_show {
    display: none;
}

.con3_btn {
    display: block;
    padding: 2% 0;
    text-align: center;
    width: 48%;
    margin: 0 auto;
    margin-top: 4%;
    background-image: -moz-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    box-shadow: 0px 9px 2px 0px rgba(112, 28, 28, 0.9), inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    border-radius: 40px;
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(175, 37, 31);
}

/* con4 */
.con4_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 19px;
    background-image: -moz-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    box-shadow: 0px 3px 2px 0px rgba(153, 82, 37, 0.9);
    padding: 4% 4.4% 8% 4.4%;

}

.con4_list li {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.con4_list li p {
    font-size: 22px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(255, 255, 255);
    margin-top: 6%;
}

.con4_list li a {
    display: block;
    width: 80%;
    text-align: center;
    background-image: -moz-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    box-shadow: 0px 9px 2px 0px rgba(112, 28, 28, 0.9), inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    border-radius: 40px;
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(175, 37, 31);
    padding: 2% 0;
    margin-top: 4%;
}

#codeBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.region {
    width: 60%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.region a {
    width: 15.6%;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5%;
    cursor: pointer;
    background-color: #69231a;
    border-radius: 30px;
}
.region a:hover {
    background-image: -moz-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    background-image: -webkit-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    background-image: -ms-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    box-shadow: inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    color: rgb(159, 52, 37);
}


.region a span {
    width:100%;
    text-align: center;
    padding: 6% 0 5% 0;

}

.region a span i {
    font-size: 18px;
    font-family: "FZLanTingHeiS-R-GB";
    color: rgb(222, 140, 136);
    line-height: 34px;
    font-style: normal;
}
.box-tab {
    width: 1000px;
    /* height: 600px; */
    margin: 0 auto;
  
}

.box-tab .tab_list {
    width: 980px;
    height: 40px;
    margin-left: 45px;
}

.box-tab .tab_list ul {
    list-style: none;
}

.box-tab .tab_list ul li {
    float: left;
    margin-right: 73px;
    background-color: #69231a;
    font-size: 18px;
    font-family: "FZLanTingHeiS-R-GB";
    color: rgb(222, 140, 136);
    line-height: 50px;
    width: 170px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 10px;
}
.box-tab .tab_list ul li:hover{
    background-image: -moz-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    background-image: -webkit-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    background-image: -ms-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    box-shadow: inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    color: rgb(159, 52, 37);
}
.tab_cont h2 {
    font-size: 0.35rem;
    font-family: FZLanTingHeiS-DB1-GB;
    font-weight: bold;
    color: #fff;
}

.tab_cont p {
    float: left;
    color: #fff;
    font-size: 20px;
    margin-top: 24px;
    line-height: 2.3em;
}

.box-tab .tab_cont {
    width: 945px;
    height: 200px;
    margin-left: 20px;
    margin-top: 55px;
}

.box-tab .tab_cont .tab_item {
    display: none;
    padding-left: 30px;
    padding-top: 20px;
}

.pic img {
    width: 161px;
    float: right;
}

.box04_bottom {
    width: 34%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.zx-left {
    width:100%;
}

.zx-left h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 2%;
}

.zx-left p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 2%;
}
.link_container p a{
    color: #fff;
}
.zx-right {
    width:40%;
    margin-top: 8%;
}

.zx-right img {
    width: 100%;
    padding: 2%;
    border: 3px solid #AA8225;
    border-radius: 10px;
}
.service{
    border-radius: 20px;
    background-image: -moz-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    background-image: -webkit-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    background-image: -ms-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    box-shadow: inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    font-size: 20px;
    padding: 1% 4%;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(159, 52, 37);
    margin-left: 4%;
}

.code img{
    width: 140px;
    height: 140px;
    margin: 0 auto;
    margin-top: 4%;
}


@media screen and (max-width:1080px) {
    html {
        font-size: 50px;
    }

    .Width {
        width: 100%;
    }

    .container {
        width: 96%;
        position: relative;
    }
    .banner_box img{
        width: 60%;
        margin: 0 auto;
    }
    .yuyue_box,
    .con1_list,
    #codeBox{
        flex-wrap: wrap;
    }
    .con1_left,.con1_right{
        width: 100%;
    }
    .submit{
        font-size: 0.4rem;
    }
    .con1_list li p{
        font-size: 0.24rem;
    }
    .con2_btn,
    .con3_btn{
        width: 70%;
        font-size: 0.24rem;
    }
    .con3_list li{
        width: 3.44rem;
        height: 3.5rem;
    }
    .con4_list li p{
        font-size: 0.22rem;
    }
    .con4_list li a{
        font-size: 0.24rem;
    }
    .region,.box04_bottom {
        width: 100%;
    }
    .region a span i{
        font-size: 0.18rem;
        line-height: 0.34rem;
    }
    .box-tab {
        width: 96%;
        height: 400px;
        margin-left: 2%;
    }
    .box-tab .tab_list {
        width: 100%;
        margin-left: 0;
    }
    .box-tab .tab_list ul li {
        margin: 0;
        height: auto;
        line-height: 28px;
        width: 24.96%;
        box-sizing: border-box;
        font-size: 14px;
    }
    .box-tab .tab_cont {
        width: 100%;
        margin: 0;
        padding-top: 20px;
    }
    .box-tab .tab_cont .tab_item {
        padding: 0;
    }
    .tab_cont h2 {
        font-size: 18px;
    }
    .tab_cont p {
        font-size: 14px;
    }
    .pic {
        width: 100%;
        margin-top: 10px;
        line-height: 20px;
        overflow: hidden;
        text-align: center;
    }
    .pic-em {
        width: 100%;
    }
    .pic img {
        float: none;
        width: 160px;
        height: auto;
    }
    .zx-left h2{
        font-size: 0.22rem;
    }
    .zx-left p{
        font-size: 0.18rem;
    }
    .service{
        font-size: 0.2rem;
    }
    .zx-left{
        width: 70%;
    }
    .zx-right{
        width: 30%;
    }
    .con_tit{
        transform: scale(1.5);
    }
    .box04_bottom{
        flex-direction: row;
        align-items: center;
    }
    .con3_img{
        width: 1rem;
        height: 1rem;
    }
    .con3_list li p
    ,.con3_list li i{
        font-size: 0.22rem;
    }
    .con2_swiper .prev, .con2_swiper .next {
        width: 0.5rem;
        height: 0.5rem;
    }
    .con1_right img{
        width: 60%;
        margin: 0 auto;
    }
    .por input, .por select{
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.24rem;
    }
    .code_box {
        width: 52%;
        margin-top: 40%;
    }
    .close{
        right: -16%;
    }
    ._nc .stage1 .button {
        width: 1rem !important;
    }
    .code img{
        width: 1rem;
        height: 1rem;
    }
}