body {
    color: #333;
}

/*banner*/
.banner_area {
    display: block;
    height: 780px;
    width: 100%;
    position: relative;
    margin-top: 72px;
    overflow: hidden;
}

.slide_tips .s_line {
    width: 40px;
    position: relative;
    top: 20px;
    animation: dong 2.3s infinite;
    -webkit-animation: dong 2.3s infinite;
}

.this_sptop {
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
}

.this_sbsptop {
    height: 60px;
    width: 100%;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 8px;
    background-color: rgba(0, 0, 0, 0.2);
}

@keyframes dong {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -30px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

.slide_tips .s_line img {
    width: 100%;
}

.banner_txt.animation {
    opacity: 0;
    animation: a_banner 1.2s 1.2s linear forwards;
    -webkit-animation: a_banner 1.2s 1.2s linear forwards;
    -ms-animation: a_banner 1.2s 1.2s linear forwards;
    -moz-animation: a_banner 1.2s 1.2s linear forwards;
    -o-animation: a_banner 1.2s 1.2s linear forwards;
}

@keyframes a_banner {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes a_banner {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes a_banner {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes a_banner {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes a_banner {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.banner_txt {
    display: none;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 32%;
    z-index: 2;
    text-align: center;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    letter-spacing: 8px;
}

.banner_txt_box {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.banner_txt.active {
    display: block;
}

.banner_txt .title {
    font-size: 60px;
    margin: 0 auto;
    color: #fff;
    font-weight: 500;
    line-height: 70px;
}

.banner_txt .description {
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    line-height: 40px;
    padding: 10px 0;
    margin: 30px 0;
    position: relative;
}

.banner_txt .banner_img {
    height: 18px;
}


.banner_bg {
    display: block;
    height: 780px;
    width: 100%;
    background: #000;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
}

.slide_tips {
    display: block;
    width: 40px;
    height: 57px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 62px;
    z-index: 2;
}

.textwhite {
    color: #fff !important;
}

/*block all*/
.with-color {
    background-color: #EFF2F4;
}

.whitebj {
    background-color: #fff;
}

.index_bk .description {
    padding-bottom: 20px;
}

.index_bk .description p {
    font-size: 18px;
    line-height: 32px;
    color: #333;
    font-weight: 500;
    text-align: justify;
}

.more1 {
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    margin-top: 45px;
}

.more1:hover, .more2:hover, .more3:hover, .zxxx_list_box li:hover .zxxx_title {
    color: #E31414;
}

.more1:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 28px;
    height: 10px;
    width: 40px;
    z-index: 1;
    background: url(../images/tomore_b_icon.png) no-repeat;
    background-size: contain;
}

.more2 {
    position: absolute;
    z-index: 1;
    bottom: 18px;
    right: 40px;
    font-size: 18px;
    font-weight: 500;
}

.more3 {
    margin-top: 35px;
    font-size: 20px;
    line-height: 20px;
    padding: 10px 20px;
    width: 140px;
    text-align: center;
    border: 1px solid #6b6b69;
    display: table-caption;
}

.more3:hover {
    border: 1px solid #E31414;
}

/*block all*/
/*block1*/
.index_bk {
    padding: 100px 0;
}

.bk_cnt {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.bk_cnt .titbox {
    padding-bottom: 45px;
}

.titbox .rightbk {
    background-color: #fff;
    padding: 22px 30px;
    position: relative;
}

.titbox .rightbk .title {
    font-size: 26px;
    line-height: 26px;
    font-weight: 500;
}

.titbox .rightbk .desc {
    font-size: 18px;
    line-height: 18px;
    padding-top: 14px;
}

.titbox .bottombk .title {
    font-size: 26px;
    line-height: 32px;
    color: #4D4D4D;
    font-weight: 500;
    margin-top: 30px;
    width: 200px;
}

.titbox .bottombk .desc {
    font-size: 18px;
    line-height: 24px;
    color: #4D4D4D;
    font-weight: 500;
    padding-top: 14px;
}

.titbox .rightbk .desc span {
    border-left: 1px solid #E31414;
    padding: 0 12px;
}

.titbox .rightbk .desc span:first-child {
    border: none;
    padding: 0 12px 0 0;
}

.titbox .bk_tit {
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
}

.titbox .bk_tit_en {
    font-size: 40px;
    line-height: 40px;
    color: #CACACA;
    height: 70px;
    position: relative;
}

.titbox .bk_tit_en:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 7px;
    width: 7px;
    z-index: 1;
    background-color: #E31414;
}

.bk_cntbox .flexr {
    padding-left: 25px;
}

/*block1*/
/*block2*/
.business_list {
    display: flex;
    width: 100%;
}

.business_li {
    width: 20%;
    margin-left: 10px;
    position: relative;
}

.business_li:first-child {
    margin-left: 0px;
}

.business_li .business_tit {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    z-index: 2;
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.business_li:after {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -20px;
    height: 10px;
    width: 40px;
    z-index: 1;
    background: url(../images/tomore_w_icon.png) no-repeat;
    background-size: contain;
}

.business_li .business_desc {
    line-height: 26px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    color: #fff;
    text-align: justify;
    background-color: rgba(227, 20, 20, 0);
    padding: 110px 10px 0 10px;
    opacity: 0;
}

.business_li:hover:after {
    opacity: 1;
}

.business_li:hover .business_desc {
    animation: business_movea 0.3s;
    -webkit-animation: business_movea 0.3s; /*Safari and Chrome*/
    opacity: 1;
    background-color: rgba(227, 20, 20, 0.6);
    top: 0;
}

@keyframes business_movea {
    from {
        top: 500px;
    }
    to {
        top: 0;
    }
}

@-webkit-keyframes business_movea /*Safari and Chrome*/
{
    from {
        top: 500px;
    }
    to {
        top: 0;
    }
}

/*block2*/
/*block3*/
.index_bk3 .titbox, .index_bk4 .titbox {
    display: block;
}

.index_bk3 .bk_cnt, .index_bk4 .bk_cnt {
    display: flex;
}

.index_bk3 .bk_cnt .bk_cnt_box, .index_bk4 .bk_cnt .bk_cnt_box {
    width: 100%;
}

.gywm_box {
    display: flex;
    margin: 5px;
}

.gywm_box .gywm_li {
    width: 20%;
    margin-left: 18px;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.06);
    text-align: center;
    padding: 33px 0 33px;
}

.gywm_box .gywm_li:first-child {
    margin-left: 0;
}

.gywm_img img {
    width: 90px;
}

.gywm_nav {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    padding: 13px 0 8px 0;
    position: relative;
}

.gywm_navmsg {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    padding: 5px 0;
}

/*block3*/
/*block4*/
.index_bk4 .bk_cnt .bk_cnt_box {
    max-width: 900px;
}

.index_bk4 .bottombk .title {
    width: 300px;
}

.index_bk4 .swiper-container {
    height: 410px;
    width: 98%;
    margin: 0 auto;
}

.swiper-container .swiper-slide {
    display: block;
    text-align: justify;
}

.index_bk4 .swiper-pagination {
    display: none;
}

.index_bk4 .content .item {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.06);
    margin: 5px 0 0 5px;
}

.btn_more {
    width: 128px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #666;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    margin-top: 30px;
    font-size: 16px;
    letter-spacing: 2px;
}

.btn_more:hover {
    color: #E31414;
    border-color: #E31414;
}

.swiper-container .swiper-pagination-bullet {
    width: 8px;
    height: 3px;
    border-radius: unset;
}

.swiper-container .swiper-pagination-bullet-active {
    background: #E31414 !important;
}

.swiper-prev-icon {
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    color: #777777;
}

.swiper-prev-ex {
    top: 45%;
    left: -2px;
    z-index: 9;
    background: url(../images/tomorel_b_icon.png) no-repeat 6px 13px;
    background-color: rgba(202, 202, 202, 0.8);
    background-size: 26px;
}

.swiper-next-ex {
    top: 45%;
    right: 0px;
    z-index: 9;
    background: url(../images/tomore_b_icon.png) no-repeat 6px 12px;
    background-color: rgba(202, 202, 202, 0.8);
    background-size: 26px;
}

.swiper-display-none {
    display: none;
}

.content {
    position: relative;
}

.content .item {
    width: 98%;
    box-shadow: 0 0.03rem 0.1rem 0 rgba(180, 183, 187, 0.3);
    background-color: #fff;
}

.content .item .logo {
    width: 170px;
    height: 170px;
    border: #f8f8f8 solid 10px;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
}

.content .item .logo img, .content .item .logo-img img {
    width: 80%;
    margin-bottom: 10px;
}

.content .item .logo-img {
    text-align: center;
}

.content .item .desc {
    color: #4D4D4D;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;
    padding-top: 20px;
    min-height: 55px;
    width: 260px;
    margin: 0 auto;
    text-align: center;
}

.content .item .desc-sp {
    font-size: 26px;
    color: #4D4D4D;
    font-weight: bold;
    line-height: 55px;
    letter-spacing: 2px;
    text-align: center;
    border-bottom: 1px solid #EBEBEB;
}

/*block4*/
/*block5*/
.index_bk.index_bk5 {
    padding: 28px 12px;
}

.index_bk5 .some_shownum_box {
    max-width: 1350px;
    margin: 0 auto;
    display: flex;
}

.index_bk5 .shownum_li {
    width: 33%;
    text-align: center;
    position: relative;
}

.index_bk5 .shownum_li:after {
    display: block;
    content: "";
    height: 40px;
    width: 2px;
    position: absolute;
    right: 0;
    top: 25px;
    background-color: #333;
}

.index_bk5 .shownum_li:first-child:before {
    display: block;
    content: "";
    height: 40px;
    width: 2px;
    position: absolute;
    left: 0;
    top: 25px;
    background-color: #333;
}

.index_bk5 .shownum_li .shownum_n {
    font-size: 32px;
    line-height: 56px;
    font-weight: 500;
    color: #E31414;
}

.index_bk5 .shownum_li .shownum_n span {
    font-size: 48px;
}

.index_bk5 .shownum_li .shownum_m {
    font-size: 26px;
    font-weight: 500;
    line-height: 24px;
}

/*block5*/
/*block6*/
.index_bk6 {
    color: #333;
}

.index_bk6 .bk_cnt_box {
    padding: 48px 0 0 0;
}

.zxxx_top_box {
    display: block;
    height: 55px;
    width: 100%;
}

.zxxx_top_box .zxxx_top_title {
    font-size: 26px;
    font-weight: bold;
    float: left;
}

.zxxx_top_box a .more4 {
    font-weight: 400;
    line-height: 20px;
    font-size: 20px;
    float: right;
    margin: 9px 20px 0 0;
}

.zxxx_box {
    position: relative;
}

.zxxx_box .zxxx_msg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    height: 35px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: rgba(227, 20, 20, 0.6);
}

.zxxx_box .zxxx_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zxxx_box img {
    width: 100%;
    height: 320px;
}

.zxxx_list_box {
    margin-top: 30px;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.06);
}

.zxxx_list_box li {
    padding: 15px 40px 15px 20px;
    background-color: #fff;
    border-bottom: 1px solid #CACACA;
    position: relative;
}

.zxxx_list_box li:after {
    content: "";
    position: absolute;
    top: 40px;
    right: 15px;
    height: 10px;
    width: 40px;
    z-index: 1;
    background: url(../images/tomore_b_icon.png) no-repeat;
    background-size: contain;
}

.zxxx_list_box a:last-child li {
    border: none;
}

.zxxx_list_box .zxxx_title {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zxxx_list_box a {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 3px;
    display: block;
}

.zxxx_list_box .zxxx_time {
    font-size: 13px;
}

/*block6*/
/*block7*/
.index_bk7 {
    padding: 110px 0 120px;
}

.index_bk7 .bk_cntbox .flexr {
    padding-left: 55px;
}

.iponewlist_box a {
    display: block;
    border-bottom: 1px solid #CACACA;
}

.iponewlist_box a:last-child {
    border: none;
}

.iponewlist_box .iponew_title {
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
    padding: 10px 20px;
    width: 76%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iponewlist_box .iponew_time {
    font-size: 13px;
    font-weight: 400;
    line-height: 27px;
    float: right;
    margin: -37px 20px 0 0;
}

.iponewlist_box a li:hover .iponew_title {
    color: #E31414 !important;
}

/*block7*/

@keyframes a_arrow_r {
    0% {
        opacity: 0;
        right: 71px;
    }
    100% {
        opacity: 1;
        right: 51px;
    }
}

@keyframes offset {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: 384;
    }
}

.video1 {
    width: 2560px;
    height: 780px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1280px;
    z-index: 1;
}

.slide-tab {
    position: absolute;
    right: 32px;
    bottom: 24px;
}

.slide-tab .li {
    float: left;
    margin-left: 8px;
    width: 8px;
    height: 8px;
    background: #fff;
    transition: width 0.3s linear;
    -moz-transition: width 0.3s linear;
    -ms-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    -webkit-transition: width 0.3s linear;
    cursor: pointer;
}

.slide-tab .li.active {
    width: 24px;
    background: #0052d9;
}

.block-link {
    display: block;
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .banner_txt {
        top: 32%;
    }

    .index_bk4 .bk_cnt .bk_cnt_box {
        max-width: 800px;
    }
}

@media screen and (max-width: 1200px) {
    .index_bk {
        padding: 100px 12px;
    }

    .index_bk4 .bk_cnt .bk_cnt_box {
        max-width: 710px;
    }

    .index_bk .description p {
        line-height: 23px;
        font-size: 14px;
    }
}

@media screen and (max-width: 1050px) {
    .index_bk {
        padding: 100px 12px;
    }

    .index_bk4 .bk_cnt .bk_cnt_box {
        max-width: 620px;
    }

    .index_bk3 .bk_cnt, .index_bk4 .bk_cnt {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .index_bk7 .bk_cntbox .flexr {
        padding-left: 0;
    }

    .this_sbsptop {
        font-size: 16px;
        letter-spacing: 5px;
    }

    .text-a-c {
        text-align: center;
        padding: 0 15px;
    }

    .more3 {
        font-size: 16px;
        padding: 5px 0;
        width: 100px;
        margin-top: 20px;
    }

    .titbox .bk_tit, .titbox .bk_tit_en {
        font-size: 24px;
        line-height: 24px;
    }

    .titbox .bk_tit_en {
        height: 43px;
    }

    .banner_txt .banner_dimg {
        height: 34px;
    }

    .zxxx_top_box {
        height: 40px;
    }

    .zxxx_top_box .zxxx_top_title {
        font-size: 18px;
    }

    .zxxx_box img {
        height: 180px;
    }

    .titbox .rightbk,
    .bk_cntbox .flexr {
        padding-left: 0px;
        margin-left: 0;
    }

    .titbox .bottombk .desc {
        margin-bottom: 0;
    }

    .zxxx_div {
        padding-bottom: 50px;
    }

    .index_bk5 .shownum_li:first-child:before, .index_bk5 .shownum_li:after {
        display: none;
    }

    .business_list, .gywm_box {
        display: block;
        margin: 5px;
        width: auto;
    }

    .gywm_box .gywm_li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .content .item .desc-sp {
        font-size: 18px;
    }

    .content .item .desc {
        font-size: 14px;
    }

    .swiper-container .swiper-slide {
        margin-bottom: 20px;
    }

    .bk_cnt .titbox {
        padding-bottom: 25px;
    }

    .index_bk.index_bk5, .section .bk_cnt {
        padding: 0;
    }

    .index_bk5 .some_shownum_box {
        display: block;
    }

    .business_li:after {
        opacity: 1;
        bottom: 20px;
    }

    .index_bk5 .shownum_li {
        width: 50%;
        border-bottom: 1px solid #eff2f4;
        border-left: 1px solid #eff2f4;
    }

    .index_bk5 .shownum_li .shownum_n {
        line-height: 40px;
        padding-top: 5px;
    }

    .index_bk5 .shownum_li .shownum_n span {
        font-size: 26px;
    }

    .index_bk5 .shownum_li .shownum_m {
        font-size: 16px;
        line-height: 30px;
        padding-bottom: 5px;
    }

    .business_li {
        width: 100%;
        height: 250px;
        background-color: #fff;
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.06);
        margin: 0 0 20px 0;
    }

    .business_li:after {
        opacity: 1;
        content: "";
        position: absolute;
        bottom: 10%;
        left: 50%;
        margin-left: -20px;
        height: 10px;
        width: 40px;
        z-index: 999;
        background: url(../images/tomore_b_icon.png) no-repeat;
        background-size: 100% 100%;
    }

    .business_li:hover .business_desc {
        top: 25%;
        background-color: transparent;
        animation: unset;
        -webkit-animation: unset;
    }

    .business_li .business_desc {
        opacity: 1;
        top: 60px;
        padding: 25px 30px 10px;
        color: #666;
        font-size: 16px;
    }

    .business_li .business_tit {
        top: 40px;
        left: 0;
        margin-left: 0;
        width: 100%;
        z-index: 2;
        font-size: 20px;
        font-weight: 500;
        text-align: center;
        color: #333;
    }
}

@media screen and (max-width: 960px) {
    .banner_txt {
        top: 38%;
        letter-spacing: 5px;
    }

    .banner_txt .title {
        font-size: 24px;
        line-height: 36px;
        text-align: left;
    }

    .banner_txt .description {
        font-size: 16px;
        line-height: 29px;
        text-align: left;
        margin-bottom: 38% !important;
    }

    .banner_txt .banner_img {
        height: 14px;
    }
}

@media screen and (max-width: 768px) {
    .index_bk {
        padding: 45px 24px 40px 24px;
    }

    .index_bk .description {
        padding: 12px 0 20px;
    }

    .index_bk1 .mobile-hide {
        display: none;
    }

    .index_bk4 .swiper-container {
        height: auto;
    }

    .swiper-prev-icon {
        display: none;
    }

    .index_bk4 .swiper-pagination {
        display: block;
        bottom: 0px;
    }

    .zxxx_box .zxxx_title {
        font-size: 16px;
    }

    .zxxx_list_box .zxxx_title {
        font-size: 14px;
    }

    .zxxx_list_box .zxxx_time {
        font-size: 12px;
    }

    .iponewlist_box .iponew_title {
        width: 66%;
    }
}