@-webkit-keyframes bottom1 {
    0%,
    100% {
        bottom: 40px
    }
    50% {
        bottom: 15px
    }
}

@-moz-keyframes bottom1 {
    0%,
    100% {
        bottom: 40px
    }
    50% {
        bottom: 15px
    }
}

@-o-keyframes bottom1 {
    0%,
    100% {
        bottom: 40px
    }
    50% {
        bottom: 15px
    }
}

@keyframes bottom1 {
    0%,
    100% {
        bottom: 40px
    }
    50% {
        bottom: 15px
    }
}

.equipment_box {
    background: -webkit-gradient(linear, left, right, color-stop(0%, #f3f5f7), color-stop(100%, #f6f7f9));
    background: -moz-linear-gradient(right, #f3f5f7 0%, #f6f7f9 100%);
    background: -webkit-linear-gradient(left, #f3f5f7 0%, #f6f7f9 100%);
    background: -o-linear-gradient(right, #f3f5f7 0%, #f6f7f9 100%);
    background: -ms-linear-gradient(right, #f3f5f7 0%, #f6f7f9 100%);
    background: linear-gradient(to right, #f3f5f7, #f6f7f9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f5f7', endColorstr='#f6f7f9',GradientType=1)"
}

.equipment_box>.container {
    position: relative
}

.equipment_info {
    width: 370px;
    box-sizing: border-box;
    padding-right: 40px;
    padding-bottom: 60px
}

.equipment_info h2 {
    font-size: 30px;
    font-weight: bold
}

.equipment_info h4 {
    padding: 10px 0 80px;
    font-size: 24px
}

.equipment_info p {
    font-size: 16px;
    color: #666666
}

.equipment_info a {
    display: block;
    width: 210px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-size: 14px;
    background: #c30d23;
    text-align: center
}

.equipment_info a:hover {
    animation: shake 1.5s linear;
    -webkit-animation: shake 1.5s linear;
    -ms-animation: shake 1.5s linear;
    -o-animation: shake 1.5s linear;
    -moz-animation: shake 1.5s linear
}

.equipment_list {
    padding: 30px 0 65px
}

.equipment_list li {
    margin-right: 50px
}

.equipment_list li::before {
    content: "";
    display: block;
    width: 47px;
    height: 47px;
    margin: 0 auto
}

.equipment_list li h5 {
    margin-top: 10px;
    text-align: center;
    color: #888888
}

.equipment_icon_1::before {
    background: url("../images/index/equipment_icon_1.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.equipment_icon_2::before {
    background: url("../images/index/equipment_icon_2.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.equipment_icon_3::before {
    background: url("../images/index/equipment_icon_3.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.equipment_swiper {
    width: 830px
}

.equipment_swiper .imgs_box {
    width: 640px;
    height: 780px
}

.equipment_swiper .imgs_box img {
    max-width: 640px;
    max-height: 780px
}

.equipment_dec {
    width: 170px;
    padding-top: 110px;
    margin-right: 20px;
    text-align: right
}

.equipment_dec h1 {
    font-weight: bold;
    font-size: 24px;
    margin: 6px 0
}

.equipment_dec h6 {
    font-size: 8px;
    color: #8e8e8e;
    position: relative
}

.equipment_dec h6::after {
    position: absolute;
    top: 60px;
    right: 15px;
    display: block;
    content: "";
    width: 19px;
    height: 19px;
    background: url("../images/index/equipment_icon.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.equipment_btn {
    position: absolute;
    z-index: 10;
    right: 15px;
    bottom: 80px
}

.equipment_btn span {
    display: inline-block;
    width: 18px;
    height: 30px;
    cursor: pointer
}

.equipment_prev {
    margin-right: 50px;
    background: url("../images/index/left_icon.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.equipment_prev:hover {
    background: url("../images/index/left_active_icon.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.equipment_next {
    background: url("../images/index/right_icon.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.equipment_next:hover {
    background: url("../images/index/right_active_icon.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.equipment_pagination {
    left: 6px;
    bottom: 40px
}

.equipment_pagination span {
    background: #fff;
    font-size: 18px;
    margin-right: 15px;
    opacity: 1;
    -webkit-transition: transform .5s linear;
    -moz-transition: transform .5s linear;
    -o-transition: transform .5s linear;
    -ms-transition: transform .5s linear;
    transition: transform .5s linear;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
    -moz-transform: scale(.8)
}

.equipment_pagination span:hover {
    color: #c30d23;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1)
}

.equipment_pagination .swiper-pagination-bullet-active {
    color: #c30d23;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1)
}

.products_swiper {
    position: relative
}

.produclt_classify_list {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    border: 1px solid #c30d23;
    background: #fff
}

.produclt_classify_list li {
    flex: 1;
    text-align: center
}

.produclt_classify_list li.active a {
    background: #c30d23;
    color: #fff
}

.produclt_classify_list li.active a::after {
    display: none
}

.produclt_classify_list li a {
    position: relative;
    width: 100%;
    display: block;
    font-size: 18px;
    color: #525252;
    height: 50px;
    line-height: 50px
}

.product_swiper {
    padding-bottom: 40px;
    position: relative
}

.product_swiper .swiper-container {
    padding: 40px 0 50px
}

.products_info {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-bottom: 60px;
    height: 572px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end
}

.products_info>div {
    margin-right: 100px;
    width: 450px
}

.products_info h1 {
    font-weight: bold
}

.products_info h4 {
    color: #7e7e7e;
    margin: 40px 0 80px
}

.products_info a {
    display: block;
    background: #f0a526;
    color: #fff;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-size: 14px;
    text-align: center
}

.prodcut_lsit li {
    width: 30%;
    margin: 0 1.65%
}

.prodcut_lsit li:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2)
}

.prodcut_lsit h3 {
    padding-top: 25px;
    text-align: center;
    color: #525252
}

.prodcut_lsit .imgs_box {
    box-sizing: border-box;
    width: 100%;
    height: 370px;
    border: 1px solid #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.prodcut_lsit .imgs_box img {
    max-width: 99%;
    max-height: 370px
}

.product_prev {
    cursor: pointer;
    position: absolute;
    left: -60px;
    top: 50%;
    width: 35px;
    height: 35px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: url("../images/index/product_prev.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.product_prev:hover {
    background: url("../images/index/product_active_prev.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.product_next {
    cursor: pointer;
    position: absolute;
    right: -60px;
    top: 50%;
    width: 35px;
    height: 35px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: url("../images/index/product_next.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.product_next:hover {
    background: url("../images/index/product_active_next.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.ad_box {
    width: 100%;
    height: 401px;
    background: url("../images/index//ad_bg.png") no-repeat center center
}

.ad_info {
    padding-left: 700px;
    box-sizing: border-box
}

.ad_info h2 {
    padding: 35px 0 10px;
    font-size: 28px;
    color: #ffffff
}

.ad_info h1 {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    position: relative;
    left: -10px
}

.ad_info h1 span {
    font-size: 64px
}

.ad_info h1::after {
    margin: 20px 0 20px 10px;
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    background: #fff
}

.ad_info h3 {
    font-size: 26px;
    color: #ffffff
}

.ad_info h4 {
    color: rgba(255, 255, 255, 0.54);
    font-size: 12px;
    margin: 10px 0 20px
}

.ad_info a {
    display: block;
    width: 180px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #fff;
    color: #09528e;
    font-size: 20px;
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px
}

.ad_info a:hover {
    animation: shake 1.5s linear;
    -webkit-animation: shake 1.5s linear;
    -ms-animation: shake 1.5s linear;
    -o-animation: shake 1.5s linear;
    -moz-animation: shake 1.5s linear
}

body {
    min-width: 1360px
}

.core_swiper {
    width: 1360px;
    margin: 0 auto;
    position: relative;
    padding-top: 45px
}

.core_tab {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10
}

.core_tab li {
    margin: 0 15px;
    border: 1px solid #e5e5e5;
    text-align: center;
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px
}

.core_tab li::before {
    display: block;
    content: "";
    width: 35px;
    height: 35px;
    margin: 15px auto 5px
}

.core_tab li.active {
    background: #c30d23;
    color: #fff
}

.core_tab li.active.core_tab_1::before {
    background: url("../images/ys/ys_active_icon_1.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab li.active.core_tab_2::before {
    background: url("../images/ys/ys_active_icon_2.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab li.active.core_tab_3::before {
    background: url("../images/ys/ys_active_icon_3.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab li.active.core_tab_4::before {
    background: url("../images/ys/ys_active_icon_4.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab li.active.core_tab_5::before {
    background: url("../images/ys/ys_active_icon_5.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab li.active.core_tab_6::before {
    background: url("../images/ys/ys_active_icon_6.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab_1::before {
    background: url("../images/ys/ys_icon_1.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab_2::before {
    background: url("../images/ys/ys_icon_2.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab_3::before {
    background: url("../images/ys/ys_icon_3.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab_4::before {
    background: url("../images/ys/ys_icon_4.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab_5::before {
    background: url("../images/ys/ys_icon_5.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_tab_6::before {
    background: url("../images/ys/ys_icon_6.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_box {
    height: 585px;
    width: 100%
}

.core_info {
    margin-left: 710px;
    width: 490px
}

.core_info::before {
    display: block;
    content: "";
    width: 50px;
    height: 50px
}

.core_info h2 {
    margin: 25px 0 10px;
    font-weight: bold;
    font-size: 22px
}

.core_info h5 {
    font-size: 20px
}

.core_info h4 {
    margin-top: 20px;
    color: #666;
    font-size: 18px;
    line-height: 36px
}

.core_box_1 {
    background: #f7f7f7 url("../images/ys/ys_img_1.png") no-repeat center center
}

.core_box_1 .core_info::before {
    background: url("../images/ys/yss_icon_1.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_box_2 {
    background: #f7f7f7 url("../images/ys/ys_img_2.png") no-repeat center center
}

.core_box_2 .core_info::before {
    background: url("../images/ys/yss_icon_2.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_box_3 {
    background: #f7f7f7 url("../images/ys/ys_img_3.png") no-repeat center center
}

.core_box_3 .core_info::before {
    background: url("../images/ys/yss_icon_3.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_box_4 {
    background: #f7f7f7 url("../images/ys/ys_img_4.png") no-repeat center center
}

.core_box_4 .core_info::before {
    background: url("../images/ys/yss_icon_4.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_box_5 {
    background: #f7f7f7 url("../images/ys/ys_img_5.png") no-repeat center center
}

.core_box_5 .core_info::before {
    background: url("../images/ys/yss_icon_5.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.core_box_6 {
    background: #f7f7f7 url("../images/ys/ys_img_6.png") no-repeat center center
}

.core_box_6 .core_info::before {
    background: url("../images/ys/yss_icon_6.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.programme_container {
    width: 100%;
    height: 688px;
    background: url("../images/index//programme_bg.png") no-repeat center center
}

.programme_left {
    width: 730px;
    box-sizing: border-box;
    padding: 40px 40px 0 0
}

.programme_left h1 {
    font-weight: bold;
    font-size: 30px;
    color: #d0d0d0
}

.programme_left h2 {
    font-size: 20px;
    font-weight: bold;
    color: #c30d23;
    height: 50px
}

.programme_left h2::before {
    display: block;
    content: "";
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background: url("../images/index/programme_icon.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.programme_left p {
    font-size: 16px;
    color: #242424
}

.programme_list li {
    margin: 20px 20px 0 0;
    -webkit-transition: transform .5s linear;
    -moz-transition: transform .5s linear;
    -o-transition: transform .5s linear;
    -ms-transition: transform .5s linear;
    transition: transform .5s linear
}

.programme_list li:nth-child(2),
.programme_list li:nth-child(3),
.programme_list li:nth-child(6),
.programme_list li:nth-child(7) {
    position: relative;
    top: 65px
}

.programme_list li:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px)
}

.programme_right {
    width: 470px;
    box-sizing: border-box;
    padding: 60px 0 0 40px
}

.programme_right a {
    display: block;
    width: 280px;
    height: 45px;
    margin-top: 65px;
    line-height: 43px;
    border: 1px solid #fff;
    padding-left: 60px;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    z-index: 11
}

.programme_right a span {
    position: relative;
    z-index: 12
}

.programme_right a::after {
    display: block;
    content: "";
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: #fff url("../images//index/programme_right_btn.png") no-repeat right center;
    -webkit-transition: width .8s linear;
    -moz-transition: width .8s linear;
    -o-transition: width .8s linear;
    -ms-transition: width .8s linear;
    transition: width .8s linear
}

.programme_info {
    margin-bottom: 25px
}

.programme_info h2 {
    color: #fff;
    padding-left: 45px;
    line-height: 36px;
    margin-bottom: 10px
}

.programme_info h4 {
    color: #fff;
    padding-left: 45px
}

.programme_info_1 h2 {
    background: url("../images//index/programme_info_icon_1.png") no-repeat left center
}

.programme_info_2 h2 {
    background: url("../images//index/programme_info_icon_2.png") no-repeat left center
}

.programme_info_3 h2 {
    background: url("../images//index/programme_info_icon_3.png") no-repeat left center
}

.programme_info_4 h2 {
    background: url("../images//index/programme_info_icon_4.png") no-repeat left center
}

.process_list {
    margin-bottom: 120px;
    position: relative
}

.process_list::after {
    position: absolute;
    left: 0;
    top: 77px;
    display: block;
    content: "";
    border: 1px dashed #aaa;
    width: 100%;
    box-sizing: border-box;
    height: 220px;
    border-left: none;
    border-top-right-radius: 110px;
    border-bottom-right-radius: 110px;
    z-index: 2
}

.process_list li {
    margin-top: 30px;
    width: 16.66%;
    text-align: center;
    background: #fff
}

.process_list li:hover::before {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    top: -10px
}

.process_list li::before {
    position: relative;
    top: 0;
    z-index: 2;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    display: block;
    content: '';
    margin: 0 auto;
    width: 101px;
    height: 101px;
    z-index: 4;
    border-radius: 101px;
    -webkit-border-radius: 101px;
    -moz-border-radius: 101px
}

.process_list h1 {
    font-size: 24px;
    color: #c30d23;
    font-weight: bold;
    margin: 15px 0 5px
}

.process_list h2 {
    font-size: 22px;
    color: #282828
}

.process_item_1::before {
    background: #fff url(../images/index/process_icon_1.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_2::before {
    background: #fff url(../images/index/process_icon_2.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_3::before {
    background: #fff url(../images/index/process_icon_3.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_4::before {
    background: #fff url(../images/index/process_icon_4.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_5::before {
    background: #fff url(../images/index/process_icon_5.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_6::before {
    background: #fff url(../images/index/process_icon_6.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_7::before {
    background: #fff url(../images/index/process_icon_7.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_8::before {
    background: #fff url(../images/index/process_icon_8.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_9::before {
    background: #fff url(../images/index/process_icon_9.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_10::before {
    background: #fff url(../images/index/process_icon_10.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_11::before {
    background: #fff url(../images/index/process_icon_11.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.process_item_12::before {
    background: #fff url(../images/index/process_icon_12.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.about_box {
    width: 100%;
    height: 869px;
    text-align: center;
    background: url("../images/index//about_bg.jpg") no-repeat center center
}

.about_box h1 {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    padding: 50px 0 30px;
    position: relative
}

.about_box h1::after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 10px;
    height: 2px;
    width: 120px;
    background: #fff;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.about_box h6 {
    color: rgba(255, 255, 255, 0.75)
}

.about_box p {
    padding-top: 40px;
    line-height: 1.6;
    font-size: 18px;
    color: #fff
}

.about_box p a {
    color: #fff
}

.news_swiper {
    padding-bottom: 40px;
    margin-bottom: 40px
}

.news_left {
    width: 640px;
    margin-right: 30px
}

.news_datu {
    width: 640px;
    height: 335px;
    border: 1px solid #ddd
}

.news_datu img {
    max-width: 640px;
    max-height: 335px
}

.news_datu:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2)
}

.news_datu_info {
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
    padding: 0 20px;
    box-sizing: border-box
}

.news_datu_info h2 {
    color: #9a9a9a
}

.news_datu_info h2:nth-child(1) {
    color: #fff;
    max-width: 70%
}

.news_item {
    margin-top: 15px
}

.news_item:hover h4:nth-child(1) {
    color: #09528e
}

.news_item h4 {
    color: #282828
}

.news_item h4:nth-child(1) {
    max-width: 70%
}

.problem_box {
    width: 530px
}

.problem_box h2 {
    font-weight: bold;
    margin-bottom: 10px
}

.problem_item {
    margin-bottom: 20px
}

.problem_item:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2)
}

.problem_item:hover h4.ellipsis {
    color: #09528e
}

.problem_item .imgs_box {
    border: 1px solid #ddd;
    width: 165px;
    height: 115px;
    margin-right: 20px
}

.problem_item .imgs_box img {
    max-width: 165px;
    max-height: 115px
}

.problem_info {
    width: 345px
}

.problem_info h4 {
    line-height: 1.6
}

.problem_info h4.ellipsis3 {
    color: #9a9a9a
}

@media screen and (max-width: 1500px) {
    .product_prev,
    .product_next {
        display: none
    }
}

@media screen and (min-width: 1400px) {
    .advantage_list li {
        position: relative
    }
    .advantage_list li::after {
        position: absolute;
        top: 50%;
        display: block;
        font-size: 56px;
        font-weight: bold;
        color: #c30d23;
        z-index: 10;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }
    .advantage_list li:nth-child(odd)::after {
        left: -70px
    }
    .advantage_list li:nth-child(even)::after {
        right: -70px
    }
    .advantage_item_1::after {
        content: "01"
    }
    .advantage_item_2::after {
        content: "02"
    }
    .advantage_item_3::after {
        content: "03"
    }
    .advantage_item_4::after {
        content: "04"
    }
    .advantage_item_5::after {
        content: "05"
    }
    .advantage_item_6::after {
        content: "06"
    }
}

.news_container {
    margin-bottom: 60px
}