@charset "UTF-8";

/* CSS Document */
* {
    margin: 0;
    padding: 0;
}

.index_1 {
    width: 100%;
    height: 350px;
    margin: auto;
    min-width: 900px;
}

.index_1 .index_1_1 {
    float: left;
    width: 100%;
    height: 350px;
}

.index_1 .img1 {
    position: absolute;
    width: 524px;
    height: 165px;
    top: 96px;
    z-index: 999;
    margin-left: 20px;
}


.index_2 {
    margin: auto;
    /* float: left; */
    width: 900px;
    /* padding: 40px 0px */
}

.index_2 .title {
    float: left;
    width: 210px;
    height: 28px;
    margin-bottom: 24px;
    margin-left: 345px;
    margin-right: 400px;
}

.index_2 .zi1 {
    color: #666;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    text-indent: 40px;
    width: 900px;
    font-weight: 400;
    line-height: 31px;
    float: left;
    /* 166.667% */
}

.index_3 {
    float: left;
    width: 100%;
    background-image: url(bg1.jpg);
    height: 330px;
    padding: 40px 0px;
    min-width: 900px;
}

.index_3 .index_3_1 {
    margin: auto;
    width: 900px;
}

.index_3 .title {
    width: 108px;
    height: 28px;
    margin-left: 396px;
    float: left;
    margin-bottom: 24px;
}

.index_3 .index_3_2 {
    width: 900px;
    height: 280px;
    background-image: url(bg5.png);
    background-size: 100% 100%;
    float: left;
}

.index_3_3 {
    position: absolute;
    width: 613px;
    height: 257px;
    left: 620px;
    background:#fff;
}

.index_3_3 .img1 {
    float: left;
    width: 285px;
    height: 245px;
}

.index_3_3 .nr1 {
    float: left;
    width: 307px;
    height: 247px;
    margin-left: 20px;
}

.index_3_3 .nr1 .zi1 {
    float: left;
    width: 309px;
    color: #1A1A1A;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.index_3_3 .nr1 .zi2 {
    float: left;
    width: 309px;
    color: #FF8159;
    font-family: PingFang SC;
    font-size: 10px;
    margin-top: 6px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #F5F5F5
}

.index_3_3 .nr1 .zi3 {
    float: left;
    width: 311px;
    color: #666;
    font-family: PingFang SC;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 160% */
    margin-top: 12px;
    text-indent: 20px;
    height: 145px;
}

.index_3_3 .nr1 .zi4 {
    float: left;
    width: 245px;
    color: #D31614;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    margin-top: 19px;
    cursor: pointer;
}

.index_3_4 {
    float: right;
    width: 165px;
    margin-top: 15px;
    margin-right: 20px
}

.index_3_4 .nr1 {
    float: left;
    width: 175px;
    margin-bottom: 12px;
}

.index_3_4 .nr1 .zi1 {
    float: left;
    color: #999;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
}

.index_3_4 .nr1 .zi2 {
    float: right;
    color: var(--unnamed, #D31614);
    font-family: PingFang SC;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    border-radius: 12px;
    border: 1px solid #D31614;
    padding: 0px 6px;
    cursor: pointer;
}

.index_3_4 .nr2 {
    float: left;
    width: 136px;
    color: #333;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
}

.index_4 {
    width: 900px;
    margin: auto;
    height: 338px;
}

.index_4 .title {
    width: 102px;
    height: 28px;
    margin-left: 399px;
    float: left;
}

.index_4 .index_4_1 {
    float: left;
    width: 900px;
    height: 308px;
    margin-top: 24px;
    background: #fff;
}

.index_4 .index_4_1 .img1 {
    float: left;
    width: 855px;
    height: 216px;
    margin-left: 24px;
}

.index_4 .index_4_1 .index_4_2 {
    float: left;
    width: 865px;
    margin: 16px;
}

.index_4 .index_4_1 .index_4_2 .nr1 {
    float: left;
    width: 48px;
}

.index_4 .index_4_1 .index_4_2 .nr1 .zi1 {
    float: left;
    width: 48px;
    color: #D31614;
    font-family: DOUYUFont;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
}

.index_4 .index_4_1 .index_4_2 .nr1 .zi2 {
    float: left;
    width: 48px;
    color: #333;
    font-size: 12px;
    /* font-style: normal; */
    font-weight: 500;
    text-align: center;
    line-height: 18px;
}

.index_4 .index_4_1 .index_4_2 .nr2 {
    float: left;
    width: 522px;
    color: #000;
    font-family: PingFang SC;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 28px;
}

.index_4 .index_4_1 .index_4_2 .nr3 {
    float: right;
    font-family: PingFang SC;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid #CCC;
    padding: 4px 8px;
    margin-top: 34px;
    cursor: pointer;
}

.index_5 {
    width: 100%;
    float: left;
    padding-top: 40px;
    background-image: url(bg2.jpg);
    height: 372px;
    min-width: 900px;
}

.index_5 .index_5_1 .title {
    width: 110px;
    height: 28px;
    margin-left: 399px;
    float: left;
    margin-bottom: 10px;
}

.index_5 .index_5_1 {
    /* float: left; */
    width: 900px;
    margin: auto;
    /* background: #fff; */
}

.index_5 .index_5_1 .index_5_2 {
    float: left;
    width: 900px;
    height: 250px;
}

.index_5 .index_5_1 .index_5_2 .tab_1 {
    float: left;
    width: 282px;
    margin-left: 16px;
    /* height:208px; */
    background: #fff;
    height: 209px;
    margin-top: 41px;
    cursor: pointer;
}

.index_5 .index_5_1 .index_5_2 .tab_1 .nr1_1 {
    float: left;
    width: 282px;
    height: 112px;
    background: #fff;
}

.index_5 .index_5_1 .index_5_2 .tab_1 .nr1_1 .img1 {
    float: left;
    margin-left: 121px;
    margin-top: 20px;
    width: 40px;
    height: 40px;
}

.index_5 .index_5_1 .index_5_2 .tab_1 .nr1_1 .zi1 {
    float: left;
    color: #333;
    /* font-family: PingFang SC; */
    font-size: 16px;
    margin-top: 8px;
    font-weight: 500;
    line-height: 22px;
    width: 282px;
    font-weight: normal;
    text-align: center;
}

.index_5 .index_5_1 .index_5_2 .tab_1 .nr1_2 {
    float: left;
    color: #333;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    width: 250px;
    margin-left: 16px;
    margin-top: 16px;
    text-indent: 24px;
}

.index_5 .index_5_1 .index_5_2 .tab_2 {
    float: left;
    width: 282px;
    margin-left: 16px;
    height: 250px;
    background: #fff;
    margin-top: 0px;
}

.index_5 .index_5_1 .index_5_2 .tab_2 .nr1_1 {
    float: left;
    width: 282px;
    height: 112px;
    background: linear-gradient(90deg, rgba(246, 182, 181, 0.79) 0%, #E97B7A 26.81%, #D41A18 100%);
}

.index_5 .index_5_1 .index_5_2 .tab_2 .nr1_1 .img1 {
    float: left;
    margin-left: 121px;
    margin-top: 20px;
    width: 40px;
    height: 40px;
}

.index_5 .index_5_1 .index_5_2 .tab_2 .nr1_1 .zi1 {
    float: left;
    color: #FFF;
    /* font-family: PingFang SC; */
    font-size: 16px;
    margin-top: 8px;
    font-weight: 500;
    line-height: 22px;
    width: 282px;
    font-weight: normal;
    text-align: center;
}

.index_5 .index_5_1 .index_5_2 .tab_2 .nr1_2 {
    float: left;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    width: 250px;
    margin-left: 16px;
    margin-top: 16px;
    text-indent: 28px;
}

.index_6 {
    width: 100%;
    float: left;
    padding: 40px 0px;
    background-image: url(bg3.jpg);
    min-width: 900px;
}

.index_6 .index_6_1 {
    width: 800px;
    margin: auto;
    /* background:#fff; */
}

.index_6 .index_6_1 .title {
    float: left;
    width: 110px;
    height: 28px;
    margin-left: 354px;
}

.index_6 .index_6_1 .nr1 {
    float: left;
    width: 570px;
    padding: 32px 120px;
    background: #fff;
    margin-top: 24px;
}

.index_6 .index_6_1 .nr1 .nr1_1 {
    float: left;
    width: 400px;
    margin-bottom: 12px;
    cursor: pointer;
}

.index_6 .index_6_1 .nr1 .nr1_1 .img1 {
    float: left;
    width: 20px;
    height: 20px;
}

.index_6 .index_6_1 .nr1 .nr1_1 .zi1 {
    float: left;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left: 4px;
}

.index_6 .index_6_1 .nr1 .nr1_2 {
    display: none;
    width: 376px;
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-left: 24px;
    line-height: 20px;
    margin-bottom: 12px;
}

.index_7 {
    float: left;
    width: 100%;
    height: 16px;
    padding: 12px 0px;
    background: #B72125;
    min-width: 910px;
}

.index_7 .index_7_1 {
    width: 720px;
    margin: auto;
}

.index_7 .index_7_1 .nr1 {
    float: left;
    width: 240px;
}

.index_7 .index_7_1 .nr1 .img1 {
    float: left;
    width: 16px;
    height: 16px;
}

.index_7 .index_7_1 .nr1 .zi1 {
    float: left;
    color: #FFF;
    font-family: PingFang SC;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#slide {
    width: 610px;
    height: 260px;
    overflow: hidden;
    position: absolute;
    margin-top: 20px;
    margin-left: 40px;
}

#previous {
    width: 35px;
    height: 45px;
    overflow: hidden;
    /* background: url(left.png); */
    position: absolute;
    margin-left: 11px;
    margin-top: 127px;
    cursor: pointer;
}

*html #previous {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/left.png', sizingMethod='crop');
}

#next {
    width: 24px;
    height: 24px;
    overflow: hidden;
    /* background: url(right.png); */
    position: absolute;
    margin-left: 659px;
    margin-top: 126px;
    cursor: pointer;
}

*html #next {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/right.png', sizingMethod='crop');
}

#wrap_slide {
    position: relative;
}

.slide_box ul {}

.slide_box li {
    float: left;
    width: 164px;
    color: #333;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    border-top: 1px solid #F5F5F5;
    text-align: center;
    margin-left: -2px;
}

.slide_box li a {
    text-decoration: none;
    /* padding: 0 1px; */
    color: #555555;
}

.slide_box li a.current {
    color: #D31614;
}

.slide_box li:hover {
    /* background-color: #AACF34; */
    padding: 0 1px;
    color: #D31614;
}

.details_1 {
    width: 100%;
    height: 350px;
    margin: auto;
    min-width: 1440px;
    background-size: cover;
    background-image: url(top_banner3.jpg);
}


.details_1 .img1 {
    width: 524px;
    height: 124px;
    float: left;
    margin-top: 113px;
}

.details_2 {
    width: 100%;
    float: left;
    min-width: 1440px;
    background: #fff;
    padding: 40px 0px;
}

.details_2_1 {
    width: 1440px;
    margin: auto;
}

.details_2_1 .nr1 {
    float: left;
    width: 558px;
    height: 52px;
    margin-left: 441px;
    margin-right: 441px;
    /* margin-top:40px; */
}

.details_2_1 .nr2 {
    float: left;
    width: 144px;
    margin: 0px 648px;
    margin-top: 12px;
    text-align: center;
    line-height: 28px;
    color: #FFF;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    border-radius: 28px;
    background: linear-gradient(90deg, #FF8159 0%, #FF6E59 40.98%, #FF4242 100%);
    cursor: pointer;
}

.details_2_1 .nr3 {
    float: left;
    width: 198px;
    height: 42px;
    margin-left: 613px;
    margin-right: 629px;
    margin-top: 40px;
}

.details_2_1 .nr4 {
    float: left;
    width: 1440px;
    color: var(--b-40, #666);
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 24px;
    text-align: center;
}

.details_3 {
    width: 100%;
    float: left;
    min-width: 1440px;
    height: 578px;
    background-image: url(details_bg3.jpg);
    background-size: cover;
}

.details_3_1 {
    width: 720px;
    margin: auto;
}

.details_3_1 .nr1 {
    float: left;
    width: 198px;
    height: 42px;
    margin-left: 253px;
    margin-right: 269px;
    margin-top: 40px;
}

.details_3_1 .nr2 {
    float: left;
    width: 720px;
    height: 390px;
    background-image: url(details_bg2.jpg);
    background-size: cover;
    margin-top: 24px;
    padding-top: 42px;
    box-shadow: 4px 11px 30px 0px rgba(240, 240, 240, 0.60);
}

.details_3_1 .nr2 .zi1 {
    float: left;
    width: 22px;
    height: 390px;
    margin-left: 30px;
    color: #FF8159;
    font-family: PingFang SC;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 31px;
}

.details_3_1 .nr2 .zi2 {
    float: left;
    width: 614px;
    margin-left: 24px;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 28px;
    /* 175% */
}

.details_3_1 .nr2 .zi2 .span1 {
    float: left;
    width: 24px;
    height: 28px;
    margin-right: 4px;

}

.details_3_1 .nr2 .zi2 .span2 {
    float: left;
    width: 586px;
}

.details_4 {
    width: 100%;
    float: left;
    min-width: 1440px;
    background: #fff;
}

.details_4 .nr1 {
    width: 814px;
    margin: auto;
}

.details_4 .nr1 .title {
    float: left;
    width: 198px;
    height: 42px;
    margin-left: 300px;
    margin-right: 269px;
    margin-top: 40px;
}

.details_4 .nr1 .nr1_1 {
    float: left;
    width: 720px;
    margin-left: 47px;
    height: 587px;
    margin-top: 24px;
    background: linear-gradient(180deg, #FAFAFA 0%, #FAFAFC 31.25%, #FFF 100%);
    box-shadow: 4px 11px 30px 0px rgba(240, 240, 240, 0.30);
}

.details_4 .nr1 .nr1_1 .text1 {
    float: left;
    width: 720px;
    color: var(--b-10, #1A1A1A);
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    line-height: 25px;
    margin-top: 30px;
}

.details_4 .nr1 .nr1_1 .nr1_1_1 {
    float: left;
    width: 719px;
    margin-left: -23px;
    margin-top: 16px;
}

.details_4 .nr1 .nr1_1 .nr1_1_1 .img1 {
    float: left;
    width: 127px;
    height: 61px;
    margin-top: 10px;
}

.details_4 .nr1 .nr1_1 .nr1_1_1 .zi1 {
    float: left;
    width: 558px;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    padding: 16px;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #FF906C
}

.details_4 .nr1 .nr1_1 .nr1_1_2 {
    float: left;
    width: 719px;
    margin-left: 134px;
    margin-top: 16px;
}

.details_4 .nr1 .nr1_1 .nr1_1_2 .img1 {
    float: left;
    width: 127px;
    height: 61px;
    margin-top: 10px;
}

.details_4 .nr1 .nr1_1 .nr1_1_2 .zi1 {
    float: left;
    width: 447px;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    padding: 16px;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #FF906C
}

.details_4 .nr1 .nr1_1 .nr1_1_3 {
    float: left;
    width: 719px;
    margin-left: -23px;
    margin-top: 8px;
}

.details_4 .nr1 .nr1_1 .nr1_1_3 .img1 {
    float: left;
    width: 127px;
    height: 61px;
    margin-top: 10px;
}

.details_4 .nr1 .nr1_1 .nr1_1_3 .zi1 {
    float: left;
    width: 558px;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    padding: 16px;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #FF906C
}

.details_4 .nr1 .nr1_1 .nr1_1_3 .zi2 {
    float: left;
    width: 558px;
    margin-bottom: 12px;
}

.details_4 .nr1 .nr1_1 .nr1_1_3 .zi2 .span1 {
    float: left;
    width: 22px;
    height: 28px;
}

.details_4 .nr1 .nr1_1 .nr1_1_3 .zi2 .span2 {
    float: left;
    width: 526px;
    margin-left: 6px;
}

.details_4 .nr1 .nr1_1 .nr1_1_4 {
    float: left;
    width: 720px;
    color: var(--unnamed, #D31614);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    /* 157.143% */
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
}

.details_4 .nr1 .nr1_2 {
    float: left;
    margin-top: 29px;
    width: 814px;
}

.details_4 .nr1 .nr1_2 .img1 {
    float: left;
    width: 280px;
    margin-left: -29px;
    height: 280px;
}

.details_4 .nr1 .nr1_2 .nr1_2_1 {
    float: left;
    width: 522px;
    margin-top: 12px;
    height: 292px;
    background-image: url(details_bg5.png);
    background-size: cover;
    margin-top: 20px;
}

.details_4 .nr1 .nr1_2 .nr1_2_2 {
    float: left;
    width: 392px;
    color: var(--b-10, #1A1A1A);
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    height: 25px;
    margin-top: 50px;
    margin-left: 65px;
}

.details_4 .nr1 .nr1_2 .nr1_2_3 {
    float: left;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    width: 392px;
    text-indent: 32px;
    margin-top: 15px;
    margin-left: 65px;
}

.details_4 .nr1 .nr1_3 {
    float: left;
    width: 720px;
    margin-left: 47px;
    margin-top: 30px;
}

.details_4 .nr1 .nr1_3 .text1 {
    float: left;
    width: 720px;
    color: var(--b-10, #1A1A1A);
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-align: center
}

.details_4 .nr1 .nr1_3 .text2 {
    float: left;
    width: 720px;
    color: var(--b-40, #666);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 16px;
    line-height: 20px;
    text-align: center
}

.details_4 .nr1 .nr1_3 .nr1_3_1 {
    float: left;
    width: 720px;
    margin-top: 16px;
}

.details_4 .nr1 .nr1_3 .nr1_3_1 .img1 {
    float: left;
    width: 100px;
    margin-top: 7px;
    height: 100x;
}

.details_4 .nr1 .nr1_3 .nr1_3_1 .zi1 {
    float: left;
    width: 596px;
    margin-left: 24px;
    color: var(--unnamed, #D31614);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 175% */
}

.details_4 .nr1 .nr1_3 .nr1_3_1 .zi2 {
    float: left;
    width: 596px;
    margin-left: 24px;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    text-indent: 32px;
    margin-top: 1px;
}

.details_4 .nr1 .nr1_4 {
    float: left;
    width: 878px;
    margin-left: 47px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.details_4 .nr1 .nr1_4 .text1 {
    float: left;
    width: 720px;
    color: var(--b-10, #1A1A1A);
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-align: center
}

.details_4 .nr1 .nr1_4 .nr1_4_1 {
    float: left;
    width: 510px;
}

.details_4 .nr1 .nr1_4 .nr1_4_1 .nr1 {
    float: left;
    width: 444px;
    padding: 20px;
    margin-top: 16px;
    border-radius: 4px;
    background: linear-gradient(180deg, #FEFAFA 0%, rgba(255, 255, 255, 0.00) 100%);
    box-shadow: 4px 11px 30px 0px rgba(255, 244, 244, 0.84), 4px 11px 30px 0px rgba(240, 240, 240, 0.30);
}

.details_4 .nr1 .nr1_4 .nr1_4_1 .nr1 .img1 {
    float: left;
    width: 37px;
    height: 64px;
}

.details_4 .nr1 .nr1_4 .nr1_4_1 .nr1 .zi1 {
    float: left;
    color: var(--b-20, #333);
    width: 391px;
    margin-left: 16px;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-indent: 32px;
    /* 175% */
}

.details_4 .nr1 .nr1_4 .nr1_4_2 {
    float: left;
    margin-left: 12px;
    width: 356px;
    height: 294px;
}

.details_5 {
    float: left;
    width: 100%;
    min-width: 1400px;
    padding-bottom: 40px;
}

.details_5 .details_5_1 {
    width: 751px;
    margin: auto;
}

.details_5 .details_5_1 .title {
    float: left;
    width: 751px;
    color: var(--b-10, #1A1A1A);
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-top: 40px;
    line-height: 25px;
    text-align: center
}

.details_5 .details_5_1 .details_5_1 {
    float: left;
    width: 189px;
    height: 353px;
    padding: 20px;
    margin-top: 16px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 4px 11px 30px 0px rgba(235, 235, 250, 0.60);
    margin-left: 16px;
}

.details_5 .details_5_1 .details_5_1 .img1 {
    float: left;
    width: 42px;
    height: 85px;
}

.details_5 .details_5_1 .details_5_1 .zi1 {
    position: absolute;
    margin-top: 84px;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    /* 171.429% */
    text-indent: 28px;
    z-index: 10;
    width: 189px;
}

.details_5 .details_5_1 .details_5_1 .img2 {
    position: absolute;
    width: 100px;
    height: 100px;
    margin-left: 69px;
    margin-top: 273px;
}

.details_6 {
    float: left;
    width: 100%;
    min-width: 1440px;
    background: #fff;
    padding: 40px 0px;
}

.details_6 .details_6_1 {
    width: 720px;
    margin: auto;
}

.details_6 .details_6_1 .title {
    float: left;
    width: 198px;
    height: 42px;
    margin-left: 253px;
    margin-right: 269px;
    margin-bottom: 24px;
}

.details_6 .details_6_1 .nr1 {
    float: left;
    width: 680px;
    padding: 20px;
    border-radius: 8px;
    background: linear-gradient(180deg, #FBFBFE 0%, rgba(255, 255, 255, 0.00) 100%);
    box-shadow: 4px 11px 30px 0px rgba(235, 235, 250, 0.34);
}

.details_6 .details_6_1 .nr1 .img1 {
    float: left;
    width: 48px;
    height: 48px;
    margin-top: 3px;
    fill: #FF4A46;
    filter: drop-shadow(2px 4px 15px rgba(250, 152, 152, 0.31));
}

.details_6 .details_6_1 .nr1 .img2 {
    float: left;
    width: 83px;
    height: 17px;
    margin: 6px 16px 6px 16px;
}

.details_6 .details_6_1 .nr1 .zi1 {
    float: left;
    width: 616px;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-left: 16px;
}

.details_6 .details_6_1 .nr2 {
    float: left;
    width: 312px;
    height: 120px;
    padding: 20px;
    border-radius: 8px;
    margin-top: 16px;
    background: linear-gradient(180deg, #FBFBFE 0%, rgba(255, 255, 255, 0.00) 100%);
    box-shadow: 4px 11px 30px 0px rgba(235, 235, 250, 0.34);
}

.details_6 .details_6_1 .nr2 .img1 {
    float: left;
    width: 48px;
    height: 108px;
    fill: #FF4A46;
    filter: drop-shadow(2px 4px 15px rgba(250, 152, 152, 0.31));
}

.details_6 .details_6_1 .nr2 .zi1 {
    float: left;
    width: 248px;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-indent: 28px;
    margin-left: 16px;
}

.details_6 .details_6_1 .nr3 {
    float: left;
    width: 672px;
    padding: 16px 24px;
    margin-top: 12px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 4px 11px 30px 0px rgba(255, 244, 244, 0.84);
}

.details_6 .details_6_1 .nr3 .img1 {
    float: left;
    width: 48px;
    height: 48px;
    fill: #FF4A46;
    filter: drop-shadow(2px 4px 15px rgba(250, 152, 152, 0.31));
}

.details_6 .details_6_1 .nr3 .zi1 {
    float: left;
    width: 608px;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-left: 16px;
}

.details_6 .details_6_1 .nr3 .zi2 {
    float: left;
    width: 608px;
    color: var(--b-20, #666);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-left: 16px;
}

.details_7 {
    float: left;
    width: 100%;
    min-width: 1440px;
    background: #fff;
}

.details_7 .details_7_1 {
    width: 800px;
    height: 361px;
    background-image: url(details_bg4.png);
    background-size: cover;
    margin: auto;
}

.details_7 .details_7_1 .zi1 {
    float: left;
    margin-top: 80px;
    margin-left: 40px;
    color: var(--b-40, #666);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-indent: 28px;
    width: 720px;
    /* 171.429% */
}

.details_8 {
    float: left;
    width: 100%;
    min-width: 1440px;
    padding: 40px 0px;
}

.details_8 .details_8_1 {
    width: 720px;
    margin: auto;
}

.details_8 .details_8_1 .title {
    float: left;
    width: 198px;
    height: 42px;
    margin-left: 253px;
    margin-right: 269px;
}

.details_8 .details_8_1 .nr1 {
    float: left;
    cursor:pointer;
    width: 205px;
    padding: 12px;
    border-radius: 8px;
    background: #FFF;
    color: var(--b-20, #333);
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-right:16px;
    margin-top:24px;
    /* 175% */
}

#box {
	width: 900px;
}

#box li {
	width: 287px;
	/* background: #fe0000; */
}

.mb-wrapper {
	/* margin: 0 auto 20px; */
	position: relative;
	height: 320px;
	left: 0;
	top: 0;
	overflow: hidden;
}

.mb-slider,
.mb-scroll {
	width: 900px;
	height: 320px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
}

.mb-active-slider {
	border-color: #333;
	height: 320px;
	overflow: hidden;
}

.mb-slider .mb-panel {
	/* margin-top: 100px; */
	width: 300px;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
	width: 282px;
	margin-left: 16px;
	/* height:208px; */
	background: #fff;
	height: 279px;
	margin-top: 101px;
	cursor: pointer;
}

.mb-panel a {
	outline: 0;
}

.mb-slider .mb-panel.current {
	cursor: auto;
	width: 282px;
	/* margin-left: 16px; */
	height: 279px;
	/* background: #fff; */
	margin-top: 0px;
}
.mb-slider .mb-panel.current .nr1_1{
	float: left;
	width: 287px;
	height: 112px;
	background: linear-gradient(90deg, rgba(246, 182, 181, 0.79) 0%, #E97B7A 26.81%, #D41A18 100%);
}

.mb-slider .mb-panel.current .nr1_1 .img1 {
    float: left;
    margin-left: 125px;
    margin-top: 20px;
    width: 40px;
    height: 40px;
}

.mb-slider .mb-panel.current .nr1_1 .zi1 {
    float: left;
    color: #FFF;
    /* font-family: PingFang SC; */
    font-size: 16px;
    margin-top: 8px;
    font-weight: 500;
    line-height: 22px;
    width: 287px;
    font-weight: normal;
    text-align: center;
}

.mb-slider .mb-panel.current .nr1_2 {
    float: left;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    width: 265px;
    margin-left: 16px;
    margin-top: 16px;
    text-indent: 28px;
}

.mb-inside * {
	/* max-width: 100%; */
	float: left;
	width: 282px;
	/* margin-left: 16px; */
	height: 279px;
	/* background: #fff; */
	/* margin-top: 41px; */
}

a.mb-scrollButtons {
	display: block;
	width: 45px;
	height: 58px;
	background: transparent url(../images/arrows.png) no-repeat;
	position: absolute;
	top: 40%;
	margin-top: -29px;
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
	_background: transparent url(../images/arrows.gif) no-repeat;
}

a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: -45px;
}

a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: -45px;
}

a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}

a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}

a.mb-scrollButtons.disabled {
	display: none;
}

.mb-controls {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 350px;
	left: 560px;
	z-index: 100;
}

.mb-controls a {
	color: #666;
	font: 18px/2.2 Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}

.mb-panel {
	margin-top: 90px;
}

.mb-controls a:hover {
	color: black;
}

.mb-controls a.current {
	color: #900;
}

.main-nav {
	display: block;
	text-align: center;
	border-bottom: 2px solid #a71700;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

.main-nav a {
	text-decoration: none;
	color: #3e63ec;
	font-size: 18px;
	margin: 0 8px;
}

.main-nav a:hover {
	color: black;
	border-bottom: 2px solid black;
}

.mb-inside img {
	width: 100%;
}

.mb-slider .mb-panel .nr1_1 {
	float: left;
	width: 314px;
	height: 112px;
}

.mb-slider .mb-panel .nr1_1 .img1 {
	float: left;
	margin-left: 125px;
	margin-top: 20px;
	width: 40px;
	height: 40px;
	/* text-align: center; */
}

.mb-slider .mb-panel .nr1_1 .zi1 {
	float: left;
	color: #333;
	/* font-family: PingFang SC; */
	font-size: 16px;
	margin-top: 8px;
	font-weight: 500;
	line-height: 22px;
	width: 287px;
	font-weight: normal;
	text-align: center;
}

.mb-slider .mb-panel .nr1_2 {
	float: left;
	color: #333;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	width: 267px;
	margin-left: 16px;
	margin-top: 16px;
	text-indent: 24px;
}