/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button,
input,
select,
textarea {
    /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1.3 "Microsoft YaHei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    /* 用 ascii 字符表示，使得在任何编码下都无问题 */
    color: #333;
}


h1 {
    font-size: 18px;
    /* 18px / 12px = 1.5 */
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4,
h5,
h6 {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}

/* 将斜体扶正 */
b,
strong {
    font-weight: normal;
}

/* 将粗体扶细 */
code,
kbd,
pre,
samp,
tt {
    font-family: "Courier New", Courier, monospace;
}

/* 统一等宽字体 */
small {
    font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul,
ol {
    list-style: none;
}

/* 重置文本格式元素 */
a {
    text-decoration: none;
    color: #666;
}


/* 重置表单元素 */
legend {
    color: #000;
}

/* for ie6 */
fieldset,
img {
    border: none;
}

button,
input,
select,
textarea {
    font-size: 100%;
    /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

.clearFix::after {
    content: "";
    display: block;
    clear: both;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
    overflow-y: scroll;
}


/* 清除浮动 */
.clearfix::after {
    display: block;
    height: 0;
    content: "";
    clear: both;
    visibility: hidden;
}


body {
    background-color: #080808;
}

.hidde-text {
    width: 0;
    height: 0;
    overflow: hidden;
}

/* 顶部 */

.head {
    width: 1200px;
    height: 60px;
    padding-top: 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head .nav {
    display: flex;
    justify-content: space-between;
}

.head .nav li {
    height: 24px;
    padding: 0 20px;
    box-sizing: border-box;
}

.head .nav li a {
    display: inline-block;
    height: 24px;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-decoration: none;
}

.head .nav li.focus a {
    height: 24px;
    border-bottom: solid 2px #fff;
}


.footer {
    width: 1200px;
    padding: 68px 0 94px 0;
    margin: 0 auto;
}

.footer .footer-infor {
    margin-top: 50px;
}

.footer p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 800;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
}

.footer p span {
    display: inline-block;
    padding-left: 27px;
}

.footer p span.locate-span {
    background-image: url('../images/footer_icon_01.png');
    background-size: 22px 23px;
    background-position: left center;
    background-repeat: no-repeat;
}

.footer p span.phone-span {
    background-image: url('../images/footer_icon_02.png');
    background-size: 22px 23px;
    background-position: left center;
    background-repeat: no-repeat;
}

.footer p span.email-span {
    margin-left: 20px;
    background-image: url('../images/footer_icon_03.png');
    background-size: 22px 23px;
    background-position: left center;
    background-repeat: no-repeat;
}

/* 首页 */
.home-top-main {
    width: 100%;
    height: 1100px;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('../images/home_top_bg.jpg');
    background-size: 1920px 1100px;
    background-position: center top;
    background-repeat: no-repeat;
}

.home-content-banner {
    width: 1200px;
    height: 372px;
    margin: 267px auto 0 auto;
}

.home-content-tag {
    width: 106px;
    height: 124px;
    margin: 209px auto 0 auto;
}

.home-data-show {
    width: 1200px;
    margin: 0 auto;
    padding-top: 72px;
}

.home-data-show .data-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-data-show .data-line-1 {
    margin-top: 30px;
}

.home-data-show .data-block {
    padding-top: 79px;
    height: 280px;
    box-sizing: border-box;
    background: #121212;
    border-radius: 16px 16px 16px 16px;
}

.home-data-show .block-small {
    width: 380px;
}

.home-data-show .block-big {
    width: 790px;
}

.home-data-show .data-block p {
    text-align: center;
}

.home-data-show .data-block p.infor-p {
    margin-top: 8px;
    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    line-height: 40px;
}

.home-data-show .data-block p.number-p {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 900;
    font-size: 68px;
    color: #FFFFFF;
    line-height: 78px;
}

.home-data-show .data-block p .span-tag {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 900;
    font-size: 38px;
    color: #FFFFFF;
    line-height: 32px;
    vertical-align: top;
}

.home-data-show .data-block p .span-tag2 {
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 900;
    font-size: 28px;
    line-height: 50px;
    vertical-align: bottom;
}

.home-intro {
    width: 100%;
    height: 2075px;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('../images/home_bg_01.jpg');
    background-size: 1920px 2075px;
    background-position: center top;
    background-repeat: no-repeat;
}


.home-footer {
    width: 1200px;
    padding: 68px 0 94px 0;
    margin: 0 auto;
}

.home-footer .home-footer-infor {
    margin-top: 50px;
}

.home-footer .home-footer-tag {
    width: 10px;
    height: 90px;
    margin: 0 auto;
}

.home-footer p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 800;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
}

.home-footer p span {
    display: inline-block;
    padding-left: 27px;
}

.home-footer p span.locate-span {
    background-image: url('../images/footer_icon_01.png');
    background-size: 22px 23px;
    background-position: left center;
    background-repeat: no-repeat;
}

.home-footer p span.phone-span {
    background-image: url('../images/footer_icon_02.png');
    background-size: 22px 23px;
    background-position: left center;
    background-repeat: no-repeat;
}

.home-footer p span.email-span {
    margin-left: 20px;
    background-image: url('../images/footer_icon_03.png');
    background-size: 22px 23px;
    background-position: left center;
    background-repeat: no-repeat;
}

/* 关于中杜 */
.about-top-main {
    width: 100%;
    height: 1048px;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('../images/about_bg_01.jpg');
    background-size: 1920px 1048px;
    background-position: center top;
    background-repeat: no-repeat;
}

.about-intro {
    width: 1200px;
    padding: 170px 0 0 0;
    margin: 0 auto;
    height: 526px;
    text-align: center;
}

.about-company-profile {
    width: 100%;
    height: 1341px;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('../images/about_bg_02.jpg');
    background-size: 1920px 1341px;
    background-position: center top;
    background-repeat: no-repeat;
}

.about-corporate-culture {
    width: 100%;
    height: 1230px;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('../images/about_bg_03.jpg');
    background-size: 1920px 1230px;
    background-position: center top;
    background-repeat: no-repeat;

}

/* 业务范畴 */
.business-top-main {
    width: 100%;
    height: 1048px;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('../images/business_bg_01.jpg');
    background-size: 1920px 1048px;
    background-position: center top;
    background-repeat: no-repeat;
}

.business-banner-text {
    width: 1200px;
    padding: 189px 0 0 0;
    margin: 0 auto;
    height: 262px;
    text-align: center;
}

.business-body-main {
    width: 100%;
    height: 3189px;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('../images/business_bg_02.jpg');
    background-size: 1920px 3189px;
    background-position: center top;
    background-repeat: no-repeat;
}

.business-sign-contract {
    padding-top: 203px;
    width: 1200px;
    margin: 0 auto;
}

.business-sign-contract .sign-intro {
    width: 763px;
    height: 391px;
}

.business-sign-contract .tag-box1 {
    margin-top: 69px;
    height: 89px;
}

.business-sign-contract .sign-product {
    width: 1200px;
    height: 374px;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.business-sign-contract .sign-product li {
    width: 368px;
    height: 374px;
    padding: 40px 25px;
    box-sizing: border-box;
    background: #191919;
    border-radius: 30px 30px 30px 30px;
}

.business-sign-contract .sign-product .product-tit {
    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    text-align: left;
    line-height: 44px;
}

.business-sign-contract .sign-product .product-tit .tit-tag {
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    padding-left: 8px;
}

.business-sign-contract .sign-product .product-intro {
    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: 500;
    font-size: 20px;
    color: #D5D5D5;
    text-align: left;
    margin-top: 30px;
    line-height: 30px;
}

.business-sign-contract .sign-product .product-group {
    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: 400;
    font-size: 20px;
    color: #D5D5D5;
    text-align: left;
    margin-top: 50px;
    line-height: 30px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.business-sign-contract .buy-button {
    display: inline-block;
    width: 100%;
    height: 58px;
    line-height: 58px;
    background: linear-gradient(180deg, #A20505 0%, #080808 100%);
    border-radius: 12px 12px 12px 12px;
    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: bold;
    font-size: 24px;
    color: #F1F1F1;
    text-align: center;
    text-decoration: none;
}

.business-sign-contract .buy-button:hover {
    color: #F1F1F1;
    text-decoration: none;
}

.business-sign-contract .tag-box2 {
    height: 89px;
    margin-top: 84px;
}

.business-sign-contract .contract-product {
    font-family: Source Han Sans SC, Source Han Sans SC;
    width: 1200px;
    height: 490px;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.business-sign-contract .contract-product li {
    width: 368px;
    height: 490px;
    box-sizing: border-box;
    padding: 40px 25px;
    background: #191919;
    border-radius: 30px 30px 30px 30px;
}

.business-sign-contract .contract-product .contract-tit {
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
}

.business-sign-contract .contract-product .contract-price {
    font-weight: 800;
    font-size: 70px;
    color: #FFFFFF;
    height: 104px;
    line-height: 104px;
    margin-top: 50px;
    text-align: center;
}

.business-sign-contract .contract-product .contract-price .money-tag {
    font-weight: 800;
    font-size: 40px;
    color: #FFFFFF;
    padding-left: 4px;
}

.business-sign-contract .contract-product .contract-average {
    font-weight: 400;
    font-size: 20px;
    color: #D5D5D5;
    line-height: 30px;
    margin-top: 50px;
    text-align: center;
}

.business-sign-contract .contract-product .contract-time {
    line-height: 30px;
    margin-top: 4px;
    font-weight: 400;
    font-size: 20px;
    color: #D5D5D5;
    text-align: center;
}

.business-risk-manage {
    width: 1200px;
    height: 977px;
    margin: 179px auto 0 auto;
    position: relative;
}

.business-risk-manage .img-box {
    width: 1200px;
    height: 977px;
}

.business-risk-manage .pre-button-1 {
    display: block;
    width: 321px;
    height: 84px;
    position: absolute;
    left: 30px;
    top:207px;
}

.business-risk-manage .pre-button-2 {
    display: block;
    width: 321px;
    height: 84px;
    position: absolute;
    right: 37px;
    bottom:0;
}

.business-alert {
    width: 462px;
    height: 178px;
    padding: 40px 10px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    margin:-89px 0 0 -231px ;
    background: rgba(43,43,43,1);
    /* background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px); */
    z-index: 1001;
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* border-image: linear-gradient(180deg, rgba(226, 0, 1, 1), rgba(255, 255, 255, 1)) 1 1; */
    border-radius:18px;
}

.business-alert .p-tit {
    font-family: Manrope, Manrope;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #FFFFFF;
}

.business-alert .p-phone {
    margin-top: 26px;
    text-align: center;
    line-height: 33px;
    font-family: Manrope, Manrope;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
}

.business-alert .p-phone span {
    padding-left: 45px;
    background-image: url('../images/business_icon_01.png');
    background-size: 34px 35px;
    background-position: left center;
    background-repeat: no-repeat;
}

.business-alert-model {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 999;
}

/* 加入我们 */
.join-top-main {
    width: 100%;
    height: 1052px;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('../images/join_bg_01.jpg');
    background-size: 1920px 1059px;
    background-position: center top;
    background-repeat: no-repeat;
}

.join-top-main .banner-img {
    width: 1200px;
    height: 145px;
    text-align: center;
    margin: 737px auto 0 auto;
}

.join-body-main {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 24px;
}

.join-body-main .post-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.join-body-main .post-box li {
     width: 368px;
    height: 372px;
}

.join-body-main .post-box li img {
    width: 368px;
    height: 372px;
}

.join-body-main .mt-48 {
    margin-top: 48px;
}


.join-bottom-main {
    width: 100%;
    height: 843px;
    padding-top: 637px;
    box-sizing: border-box;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background-image: url('../images/join_bg_02.jpg');
    background-size: 1920px 843px;
    background-position: center top;
    background-repeat: no-repeat;
}

.contact-email-box {
    width: 600px;
    height: 68px;
    margin: 0 auto 0 auto;
    position: relative;
}

.contact-email-box .contact-email {
    padding-left: 58px;
    width: 100%;
    position: absolute;
    font-family: Source Han Sans SC, Source Han Sans SC;
    font-weight: 500;
    font-size: 38px;
    color: #FFFFFF;
    line-height: 68px;
    background-image: url('../images/footer_icon_04.png');
    background-size: 48px 49px;
    background-position: left center;
    background-repeat: no-repeat;
    text-align: left;
    z-index: 6;
    font-style: normal;
}

.contact-email-box .content-bg {
    position: absolute;
    display: block;
    width: 290px;
    height: 22px;
    right: -10px;
    bottom: 7px;
    z-index: 5;
    background: #A20304;
}

