.home-logo-bg {
    background-color: #A00115;
    width: 33%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.home-logo-bg img {
    max-height: 101px;
    height: 78px;
    margin-top: 10px;
    margin-left: 5px;
}

.logo-bg img {
    /*max-height: 101px;*/
    max-height: 78px;
    margin-top: 10px;
    margin-left: 5px;
}

.logo-bg {
    background-color: #A00115;
    width: 33%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: -webkit-linear-gradient(top, #A00115, #700618);
    background-image: -moz-linear-gradient(top, #A00115, #700618);
    background-image: -ms-linear-gradient(top, #A00115, #700618);
    background-image: -o-linear-gradient(top, #A00115, #700618);
}

.banner-logo-bg {
    background-color: #A00115;
    width: 33%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: -webkit-linear-gradient(top, #A00115, #700618);
    background-image: -moz-linear-gradient(top, #A00115, #700618);
    background-image: -ms-linear-gradient(top, #A00115, #700618);
    background-image: -o-linear-gradient(top, #A00115, #700618);
}

.navbar-header {
    min-width: 33.33%;
    height: 50px;
}

.logo-bg img {
    height: 100%;

}

.navbar-nav {
    width: 66.66%;

}

.navbar-nav .li {
    width: 16%;
    padding: 15px 0;
    position: relative;
}

.navbar-nav li .line {
    display: none;
}

.navbar-nav li:hover .line {
    width: 56px;
    height: 8px;
    background-color: #A5A5A5;
    border-radius: 4px;
    position: absolute;
    bottom: 1px;
    left: 50%;
    margin-left: -25px;
    display: block !important;
}

.navbar-nav li.active .line {
    width: 56px;
    height: 8px;
    background-color: #A00115;
    border-radius: 4px;
    position: absolute;
    bottom: 1px;
    left: 50%;
    margin-left: -25px;
    display: block;
}

@media (max-width: 768px) {
    .arr-left {
        display: none;
    }

    .arr-right {
        display: none;
    }

    .navbar-nav {
        width: 100%;
        padding: 10px 0;
    }

    .navbar-nav .li {
        width: auto;
    }

    .main {
        margin-top: 50px;
    }

    .nav-open .navbar .navbar-collapse {
        box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15) !important;
    }
}

.home-banner {
    float: right;
    width: 86%;
    overflow: hidden;
}

.home-group {
    margin-top: 0px;
    position: relative;
}

.page-form {
    width: 72%;
    margin: 0 auto;
    position: relative;
}

.page-max {
    max-width: 1600px;
    margin: 0 auto;
}


.group1 .item1 {
    width: 73%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.group1 .item1 img {
    width: 30%;
    float: left;
    margin-right: 4em;
}

.group1 .item1 .zi {
    float: left;
    font-size: 1.2em;;
    line-height: 2.6em;
    font-weight: 600;
    padding: 1em 0;
    color: #313131;
}

@media (max-width: 1300px) {
    .group1 .item1 {
        display: block;
    }
}

.group1 .item2 {
    width: 73%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-top: 100px;
}

.group1 .item2 img {
    width: 50%;
    float: left;
    margin-right: 8em;
}

.group1 .item2 .zi {
    float: left;
    font-size: 1.2em;;
    line-height: 2.5em;
    font-weight: 600;
    padding: 1em 0;
    color: #313131;
}

@media (max-width: 1300px) {
    .group1 .item2 {
        display: block;
    }
}

.group1 .item3 {
    width: 73%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 30px;
    border: 4px solid #DFDFDF;
    min-height: 100px;
    padding: 60px 20px;
    padding-right: 10px;
    padding-top: 0px;
}

.group1 .item3 img {
    width: 100%;
}

.group1 .item3 .icon {
    margin-top: 60px;
}

.group1 .item3 .zi {
    float: left;
    font-size: 1.2em;;
    line-height: 2.0em;
    font-weight: 600;
    padding: 0.5em 0;
    color: #313131;
    padding-left: 0px;
}

.group1 .item3 .zi .yellow {
    color: #A00115;
}

.group2-title {
    font-size: 50px;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    text-align: center;
}

.group2-title-desc {
    font-size: 26px;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    text-align: center;
}


.home-group1 .title {
    text-align: center;
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    margin-top: 100px;
    margin-bottom: 80px;
    line-height: 40px;
}

.home-group1 .name {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    margin-top: 23px;
    text-align: center;
}

.home-group1 .desc {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    margin-top: 20px;
    text-align: center;

}

.home-group1 .icon {
    width: 9rem;
    margin: 0 auto;
}

.home-group1 .icon img {
    width: 100%;
}

.home-group2 {
    position: relative;
    margin-top: 9rem;
}

.home-group2 .title {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    line-height: 100%;
    font-size: 3.6rem;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    margin-top: 5%;
    line-height: 40px;
}

.home-group2 .content {
    position: absolute;
    width: 100%;
    text-align: left;
    left: 0;
    top: 0;
    margin-top: 12%;
    font-size: 1.8rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(245, 245, 245, 1);
    line-height: 30px;
}

.home-group2 .content .desc {
    margin-top: 30px;
}

.home-group3 .title {
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
    margin-top: 10rem;
    line-height: 40px;
}

.home-group3 .desc {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    text-align: center;
    margin-top: 2rem;
}

.home-group3 .icons {
    margin-top: 10rem;
}

.home-group3 .icon {
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    margin-bottom: 20px;
}

.home-group3 .icon img {
    width: 100%;
}

.home-group3 .icon .number {
    font-size: 48px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    text-align: center;
}

.home-group3 .icon .info {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -62px;
    left: 0;
}

.home-group3 .icon .name {
    font-size: 24px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin-top: 30px;
}

.home-group3 .icon .en {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin-top: 10px;
}

.home-group3 .icon .line {
    width: 30px;
    height: 5px;
    background: rgba(160, 1, 21, 1);
    margin: 0 auto;
    margin-top: 16px;
}

.home-group4 {
    position: relative;
    margin-top: 126px;
}

.home-group4 .title {
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin-bottom: 100px;
    line-height: 40px;
}

.home-group4 .content {
    position: relative;
    padding: 100px 0;
}


.home-group4 .icon {
    width: 9rem;
    margin: 0 auto;
    position: relative;
}

.home-group4 .icon img {
    width: 100%;
}

.home-group4 .icon-bg .icon .hover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.home-group4 .icon-bg .icon-name {
    font-size: 24px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    margin-top: 36px;
    text-align: center;
}

.home-group4 .icon-bg .icon-desc {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
    margin-top: 30px;
    text-align: center;
    padding: 0 20px;
    height: 50px;
}

.home-group4 .icon-bg {
    margin: 0 10px;
    background-color: #FFF;
    padding: 100px 0;
    padding-bottom: 80px;
    margin-bottom: 20px;
}

.home-group4 .icon-bg:hover {
    background-color: #A00115;
}

.home-group4 .icon-bg:hover .icon-name {
    color: #fff;
}

.home-group4 .icon-bg:hover .icon .hover {
    z-index: 1;
}

.home-group4 .icon-bg:hover .icon-desc {
    color: #fff;
}

.home-group4 .icons {
    padding: 0 60px;
    position: relative;
}

.home-group4 .arr-left {
    width: 46px;
    height: 84px;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -42px;
    cursor: pointer;
    opacity: 0.4;
}

.home-group4 .arr-right {
    width: 46px;
    height: 84px;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -42px;
    cursor: pointer;
}

.home-group5 {
    position: relative;
}

.home-group5 .content {
    padding: 185px 0;
    padding-bottom: 200px;
    margin: 0 100px;
    position: relative;
}

.home-group5 .content .title {
    position: absolute;
    width: 100%;
    top: -65px;
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
    line-height: 40px;
}

.home-group5 .content .bottom-text {
    position: absolute;
    width: 100%;
    bottom: -85px;
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
}

.home-group5 .content .left-text1 {
    position: absolute;
    width: 100%;
    top: 60px;
    left: -270px;
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
}

.home-group5 .content .left-text2 {
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: -270px;
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
}

.home-group5 .content .right-text1 {
    position: absolute;
    width: 100%;
    top: 60px;
    right: -280px;
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
}

.home-group5 .content .right-text2 {
    position: absolute;
    width: 100%;
    bottom: 60px;
    right: -270px;
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
}

.home-group6 {
    margin-top: 0px;
}

.home-group6 .title {
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
    margin-top: 10rem;
    line-height: 40px;
}

.home-group6 .desc {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    text-align: center;
    margin-top: 2rem;
}

.home-group6 .text1 {
    font-size: 24px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    margin-top: 100px;
}

.home-group6 .text2 {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #111;
    margin-top: 20px;
}


.home-group7 {
    margin-top: 0px;
}

.home-group7 .title {
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 40px;
}

.home-group7 .text1 {
    font-size: 24px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    margin-top: 20px;
    margin-left: 15px;
}

.home-group7 .text2 {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin-top: 20px;
    margin-left: 15px;
}

.home-group7 .icon {
    width: 5rem;
    margin-top: 9rem;
    margin-left: 15px;
}

.home-group8 .title {
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
    margin-bottom: 80px;
    line-height: 40px;
}

.home-group8 .icon img {
    width: 100%;
}

.home-group8 .icon-name {
    font-size: 24px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    margin-top: 36px;
    text-align: center;
}

.home-group8 .icon-desc {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
    margin-top: 30px;
    text-align: center;
    padding: 0 20px;
    height: 50px;
}

.home-group8 .icon-bg {
    margin: 0 10px;
    background-color: #FFF;
    padding-bottom: 30px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
}

.home-group8 .icons {
    padding: 0 60px;
    position: relative;
}

.home-group9 {
    padding: 100px 0;
}

.home-group9 .title {
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
    margin-bottom: 50px;
    line-height: 40px;
}

.home-group10 {
    padding: 0px 0;
    padding-bottom: 100px;
}

.home-group10 .title {
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
    margin-bottom: 50px;
}

.home-group10 .desc {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    text-align: center;
    margin-bottom: 50px;
}

.home-group10 .icon {
    width: 160px;
    font-size: 24px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
    line-height: 30px;
}

.home-group10 .icon img {
    width: 160px;
    height: 160px;
}

.home-group10 .step {
    position: relative;
}

.home-group10 .icon1 {
    position: absolute;
    left: 0;
    top: 0;
}

.home-group10 .icon2 {
    margin: 0 auto;
    display: block;
}

.home-group10 .icon3 {
    position: absolute;
    right: 0;
    top: 0;
}

.home-group10 .step .line {
    width: 100%;
    height: 2px;
    background: rgba(160, 1, 21, 1);
    position: absolute;
    top: 80px;
    left: 0;
    margin-top: -1px;
    z-index: -1;
}

.floor {
    background-color: #111;
}

.floor .copyright {
    background-color: #222;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(128, 128, 128, 1);
    text-align: center;
    padding: 14px;
}

.floor .qrcode {
    height: 150px;
    width: 150px;
    float: left;
    margin-right: 20px;
}

.floor .logo {
    width: 215px;
    float: right;
    margin-top: 40px;
    margin-right: 20px;
}

.floor .floor-info {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    float: left;
}

.floor .floor-info .item {
    margin-top: 30px;
    position: relative;
    padding-left: 30px;
}

.floor .floor-info .item img {
    position: absolute;
    width: 20px;
    top: 0px;
    left: 0;
    height: auto;
}


.contact .qrcode {
    width: 100%;
    max-width: 293px;
    float: left;
    margin-right: 20px;
}

.contact .floor-info {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    float: left;
    margin-top: 30px;
    margin-left: 30px;
}

.contact .floor-info .item {
    margin-bottom: 2px;
    position: relative;
    line-height: 32px;
}

.contact .floor-info .item img {
    position: absolute;
    width: 30px;
    top: 0px;
    left: 0;
    height: auto;
}

.contact {
    /* position: absolute; */
    margin: 0 auto;
    margin-top: 100px;
    /* top: 10%; */
    /* left: 15%; */
}

.contact-title {
    padding: 100px 0;
    width: 75%;
    margin: 0 auto;
}

.contact-title .zi {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 45px;
    padding: 5px;
    padding-left: 40px;
}

.contact-tag1 {
    padding: 0px 0;
    width: 75%;
    margin: 0 auto;
}

.contact-tag2 {
    padding: 100px 0;
    width: 75%;
    margin: 0 auto;
    padding-bottom: 300px;
}

.contact-step1 {
    padding: 0px 0;
    width: 75%;
    margin: 0 auto;
    text-align: right;
    margin-top: 80px;
}

.contact-step1 .step {
    font-size: 76px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    line-height: 106px;
    margin-top: 100px;
}

.contact-step1 .name {
    font-size: 42px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 59px;
    margin-top: 30px;
}

.contact-step1 .desc {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 33px;
    margin-top: 10px;
    padding-left: 20%;
}


.contact-step2 {
    padding: 0px 0;
    width: 75%;
    margin: 0 auto;
    text-align: left;
    margin-top: 80px;
}

.contact-step2 .step {
    font-size: 76px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    line-height: 106px;
    margin-top: 80px;
}

.contact-step2 .name {
    font-size: 42px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 59px;
    margin-top: 30px;
}

.contact-step2 .desc {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 33px;
    margin-top: 10px;
    padding-right: 10%;
}

.contact-step3 {
    padding: 0px 0;
    width: 75%;
    margin: 0 auto;
    text-align: right;
    margin-top: 80px;
}

.contact-step3 .step {
    font-size: 76px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    line-height: 106px;
    margin-top: 60px;
}

.contact-step3 .name {
    font-size: 42px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 59px;
    margin-top: 30px;
}

.contact-step3 .desc {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 33px;
    margin-top: 10px;
    padding-left: 20%;
}

.contact-step4 {
    padding: 0px 0;
    width: 75%;
    margin: 0 auto;
    text-align: left;
    margin-top: 80px;
}

.contact-step4 .step {
    font-size: 76px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    line-height: 106px;
    margin-top: 80px;
}

.contact-step4 .name {
    font-size: 42px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 59px;
    margin-top: 30px;
}

.contact-step4 .desc {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 33px;
    margin-top: 10px;
    padding-right: 10%;
}


.contact-step5 {
    padding: 0px 0;
    width: 75%;
    margin: 0 auto;
    text-align: right;
    margin-top: 80px;
}

.contact-step5 .step {
    font-size: 76px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    line-height: 106px;
    margin-top: 0px;
}

.contact-step5 .name {
    font-size: 42px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 59px;
    margin-top: 0px;
}

.contact-step5 .desc {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 33px;
    margin-top: 10px;
}

.contact-step6 {
    padding: 0px 0;
    width: 75%;
    margin: 0 auto;
    text-align: left;
    margin-top: 80px;
}

.contact-step6 .step {
    font-size: 76px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    line-height: 106px;
    margin-top: 80px;
}

.contact-step6 .name {
    font-size: 42px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 59px;
    margin-top: 30px;
}

.contact-step6 .desc {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 33px;
    margin-top: 10px;
    padding-right: 10%;
}

.learn-breadcrumb {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
    padding: 20px 0;
    padding-left: 13%;
    border-bottom: 1px solid #E6E6E6;
    margin-left: -15px;
    margin-right: -15px;
}

.learn-title1 {
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    line-height: 40px;
    padding-top: 60px;
    padding-bottom: 30px;
}

.learn-desc1 {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    color: rgba(17, 17, 17, 1);
    padding: 50px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
    margin-left: -70px;
    line-height: 30px;
}

.learn-title2 {
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    line-height: 40px;
    padding-top: 127px;
    padding-bottom: 50px;
}

.learn-desc2 {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    color: rgba(17, 17, 17, 1);
    padding-right: 100px;
    margin-left: 0px;
    line-height: 30px;
}

.learn-title3 {
    font-size: 36px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    line-height: 40px;
    padding-left: 40px;
    padding-top: 77px;
    padding-bottom: 50px;
}

.learn-desc3 {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    color: rgba(17, 17, 17, 1);
    padding: 0 40px;
    margin-left: 0px;
    line-height: 30px;
}

.news-list {
    min-height: 350px;
    border-right: 1px solid #E6E6E6;
    padding-right: 20px;
}

.news-list .news {
    position: relative;
    min-height: 100px;
}

.news-list .news .img {
    width: 150px;
    height: 100px;
    background-color: #eee;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.news-list .news {
    margin-top: 30px;
}

.news-list .news .img img {
    width: 100%;
    min-height: 100px;
}

.news-list .news .title {
    margin-left: 170px;
    font-size: 24px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    line-height: 36px;
}

.news-list .news .desc {
    margin-left: 170px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: rgba(17, 17, 17, 1);
    padding-bottom: 20px;
}

.news-list .news .time {
    margin-left: 170px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
    position: absolute;
    bottom: 0;
}

.news-zx-title {
    font-size: 24px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    line-height: 36px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
}

.news-zx-title span {
    color: #A00115;
}

.news-zx-list .news-zx {
    position: relative;
    margin-bottom: 30px;
}

.news-zx-list .news-zx .sj {
    width: 6px;
    position: absolute;
    top: -1px;
    left: 0;
}

.news-zx-list .news-zx .name {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(102, 102, 102, 1);
    margin-left: 14px;
}

.news-zx-list .news-zx .desc {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
    margin-left: 14px;
}

.technology-title {
    font-size: 30px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 31px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 5px;
}

.technology-arr {
    width: 43px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.technology-td-item {
    position: relative;
}

.technology-td-item .technology-td-text1 {
    text-align: right;
    font-size: 24px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 31px;
    margin-right: 80px;
    height: 62px;
}

.technology-td-item .technology-td-icon1 {
    width: 60px;
    position: absolute;
    right: 0;
    top: 0;
}

.technology-td-item .technology-td-icon2 {
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
}

.technology-td-item .technology-td-text2 {
    text-align: left;
    font-size: 24px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 31px;
    margin-left: 80px;
    min-width: 288px;
}

.technology-gn .item {
    position: relative;
}

.technology-gn .text {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    height: 200px;
    margin-top: -100px;
}

.technology-gn .text .name {
    font-size: 40px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 84px;
    padding: 0 10px;
}

.technology-gn .text .desc {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 38px;
    padding: 0 50px;
    margin-top: 30px;
}

.technology-gn .title {
    font-size: 30px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    margin-top: -10px;
}

.technology-arr-whrite {
    width: 43px;
    margin-left: 40px;
}

.technology-tt-title {
    font-size: 40px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(254, 254, 254, 1);
    line-height: 44px;
    margin-bottom: 30px;
}

.technology-item .number {
    font-size: 147px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(160, 1, 21, 1);
    line-height: 162px;
    padding-left: 10px;
}

.technology-item .name {
    margin-top: 40px;
    font-size: 30px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(160, 1, 21, 1);
    line-height: 44px;
    padding-left: 10px;
}

.technology-item .desc {
    margin-top: 20px;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(17, 17, 17, 1);
    line-height: 32px;
    padding-left: 10px;
}

.product_type_tab {
    position: absolute;
    width: 200px;
    left: 0;
    top: 0;
    /* border-right: 1px solid #E6E6E6; */
}

.product_type_tab .title {
    font-size: 24px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    padding: 15px 0px;
    margin-top: 15px;
}

.product_type_tab .title span {
    color: #A00115;
}

.product_type_list .product_type {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
    padding: 15px 8px;
    padding-left: 22px;
    cursor: pointer;
}

.product_type_list .product_type:hover {
    color: #A00115;
}

.product_type_list .product_type.active {
    color: #A00115;
}

.product_type_list .product_type.active {
    color: #A00115;
}

.list_nodata {
    text-align: center;
    padding: 100px 0;
    font-size: 20px;
    color: #A5A5A5;
}

.product_tab {
    margin-left: 180px;
    border-left: 1px solid #E6E6E6;
    padding-left: 40px;
}

.product_tab .number {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    float: left;
}

.product_tab .top {
    overflow: hidden;
    padding: 30px 20px;
}

.product_tab .top .search {
    float: right;
}

.product_item {
    margin-bottom: 80px;
}

.product_item .name {
    font-size: 24px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(17, 17, 17, 1);
    text-align: center;
    margin-top: 30px;
    line-height: 30px;
}

.product_item .desc {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
    text-align: center;
    margin-top: 10px;
}

.product_item .gg {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
    text-align: center;
    margin-top: 8px;
}

.product_item .price {
    font-size: 24px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(160, 1, 21, 1);
    text-align: center;
    margin-top: 20px;
}

.product_tab .search input {
    padding: 4px 8px;
    width: 200px;
}

.product_tab .search {
    position: relative;
}

.product_tab .search img {
    position: absolute;
    width: 20px;
    top: 6px;
    right: 6px;
    cursor: pointer;
}

.brand-title {
    padding: 100px 20px;
}

.brand-title .name {
    text-align: center;
    font-size: 50px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 57px;
}

.brand-title .desc {
    text-align: center;
    font-size: 26px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: rgba(153, 153, 153, 1);
    line-height: 36px;
    margin-top: 6px;
}

.brand-title .desc span {
    color: #A00115;
}

.brand-text1 {
    font-size: 22px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
}

.brand-text2 {
    text-align: center;
    font-size: 24px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
    margin-top: 30px;
}


.brand-level1 {
    position: relative;
    font-size: 24px;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
    padding-left: 40px;
}

.brand-level-xx1 {
    position: absolute;
    width: 30px;
    top: 4px;
    left: -2px;
}

.brand-level-xx2 {
    position: absolute;
    width: 30px;
    top: 4px;
    left: 40px;
}

.brand-level-xx3 {
    position: absolute;
    width: 30px;
    top: 4px;
    left: 82px;
}

.brand-level-xx4 {
    position: absolute;
    width: 30px;
    top: 4px;
    left: 122px;
}

.brand-level1-text {
    font-size: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
}


.brand-level2 {
    position: relative;
    font-size: 24px;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
    padding-left: 88px;
    margin-top: 30px;
}


.brand-level2-text {
    font-size: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
}

.brand-level3 {
    position: relative;
    font-size: 24px;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
    padding-left: 128px;
    margin-top: 30px;
}

.brand-level3-text {
    font-size: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
}

.brand-level4 {
    position: relative;
    font-size: 24px;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
    padding-left: 168px;
    margin-top: 30px;
}

.brand-level4-text {
    font-size: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 34px;
}

.brand-dj-name {
    font-size: 24px;
    font-weight: 400;
    color: rgba(160, 1, 21, 1);
    line-height: 34px;
    margin-bottom: 10px;
}

.brand-dj-desc {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 36px;
    margin-bottom: 30px;
}

.brand-text3 {
    font-size: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 44px;
}

.brand-text4 {
    font-size: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 44px;
}

.brand-text5 {
    font-size: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 44px;
    margin-top: 50px;
}

.brand-red-bg {
    height: 200px;
    background: rgba(160, 1, 21, 1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

.brand-whrite-zi {
    margin: 40px 30px;
    padding: 60px;
    background-color: #FFF;
    box-shadow: 0px 7px 10px 1px rgba(175, 175, 175, 0.35);
    font-size: 24px;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 41px;
}

.train_banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 700px
}

.train_banner .banner_images {
    width: 1000%
}

.train_banner .banner_images li {
    float: left;
    width: 10%
}

.train_banner .banner_images li a {
    display: block;
    width: 100%
}

.train_banner .banner_images li a img {
    display: block;
    width: 100%;
    object-fit: cover
}

.train_banner .banner_index {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.banner_index-frame {
    display: inline-block
}

.train_banner .banner_index li {
    transition: all .3s;
    margin-right: 15px;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff
}

.train_banner .banner_index li.current {
    transition: all .3s;
    background-color: #1998da;
    width: 40px;
    border-radius: 5px
}

.train_banner .banner_index li:hover {
    transform: scale(1.5)
}

.train_banner .banner_index li.current:hover {
    transform: scale(1)
}

.train_banner_left {
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5%;
    text-align: center;
    z-index: 5;
    color: #fff;
    opacity: .3;
    background: -webkit-linear-gradient(left, black, rgba(255, 255, 255, 0));
    background: -o-linear-gradient(right, black, rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(right, black, rgba(255, 255, 255, 0));
    background: linear-gradient(to right, black, rgba(255, 255, 255, 0))
}

.train_banner_right {
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 5%;
    text-align: center;
    z-index: 5;
    color: #fff;
    opacity: .3;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), black);
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0), black);
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), black);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), black)
}

.train_banner_left:hover, .train_banner_right:hover {
    display: block;
    opacity: .5
}

.train_banner_li {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center
}