body{
    font-family: "Microsoft YaHei" , Arial;
}

.header{
    padding: 24px 0; 
    background-color: #fff;
    position: relative;
}

.header-nav{
    background-color: #fff;
}

.header .menu-container{
    position: absolute;
    left: 46px;
    top: 46px;
    z-index: 8000;
}

.header .menu-item-container{
    position: fixed;
    background-color: #fff;
    left: 0;
    top: 0;
    height: 100vh;
    width: 220px;
    transform: translateX(-100%);
    transition: all 1s;
    z-index: 9999;
}

.banner{
    text-align: center;
}

.header .menu-item-container.show{
    transform: translateX(0);
}

.header .menu-item-container .title{
    height: 110px;
    /* line-height: 110px; */
    text-align: center;
    color: #981d31;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    box-sizing: border-box;
    padding: 40px;
}

.header .menu-container .menu-button{
    font-size: 18px;
    cursor: pointer;
    line-height: 24px;
}

.header .menu-item-container ul{
    padding:10px 30px;
}

.header .menu-item-container ul li{
    border-bottom: 1px solid #e6e6e6;
    padding: 22px 0;
}

.header .menu-item-container ul li a:hover{
    color: #9d1f2c;
}


.header-inside-container{
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.header .logo-container{
    margin: 0 auto;
}

.header .nav-container{
    position: absolute;
    right: 30px;
    top: 40px;
    display: flex;
    align-items: center;
}

.header .nav-container .header-nav-container{
    display: flex;
}

.header .nav-container .header-nav-container li{
    padding: 0 20px;
}

.header .nav-container .header-nav-container li a {
    font-size: 16px;
}

.header .nav-container .header-nav-container li a:hover{
    color: #9b1e2e;
}

.header  .header-search-container{
    display: none;
}

.header  .header-search-container form{
    display: flex;
    height: 54px; 
    box-sizing: border-box;
    align-items: center;
    margin: 40px auto;
    border: 1px solid #383838;
    padding: 10px;
}


.header  .header-search-container input{
    border: 0;
    padding: 5px 10px;
    width: 1100px
}



/* 
.header-nav .layui-nav-item  a{
    color: #030102
} */

.index-container2{
    margin-top: 60px;
}

.index-module .text-container h2{
    font-size: 50px;
    padding: 30px 0;
}

.index-module .text-container p{
    font-size: 16px;
    line-height: 2;
    color: #5a5a5a;
}

.horizontally {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    cursor: pointer;
    /*transform:rotateY(-50%);*/
    width: 50px;
}

.button{
    cursor: pointer;
}

.swiper-container .next-button{
    text-align: right;
    right: 0;
}

.swiper-container  .prev-button{
    left: 0;
}

.index-container2 .index2-banner .swiper-slide{
    position: relative;
}

.index-container2 .index2-title{
    font-size: 16px;
    /* line-height: 2; */
    padding: 14px 0;
}

.index-container2 .index2-banner .desc{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 70px;
    padding-bottom: 25px;
}

.index-container2 .index2-banner .desc .title{
    font-size: 38px;
    color: #fff;
}

.index-container2 .index2-banner .desc .detail{
    width: 600px;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
}

.index-container2 .index2-banner .desc .button{
    background-color: #fff;
    display: block;
    width: 205px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    margin-top: 35px;
    color: #9c1d2e;
}

.line-pagination .swiper-pagination{
    display: flex;
    position: relative;
    width: 100%;
    margin-top: 50px;
    border-bottom: 2px solid #ddd;
    
}

.line-pagination .swiper-pagination .swiper-pagination-bullet{
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    width: 100%;
    height : 10px;
}

.line-pagination .swiper-pagination  .swiper-pagination-bullet-active{
    background-color: #9c1d2e;
}



.index-container3{
    margin-top: 100px;
}


.index-container3 .left{
    padding-top: 145px;
    padding-left: 65px;
    padding-right: 85px;
    background-color: #e5e5e5;
    height: 726px;
}

.index-container3 .left .title{
    font-size: 40px;
}

.index-container3 .left .detail{
    margin-top: 38px;
    line-height: 34px;
    font-size: 16px;
    color: #666;
    /* word-break:break-all; */
    /* white-space: pre-wrap; */
}

.index-container3 .left .button{
    margin-top: 70px;
    display: block;
    background-color: #9c1d2e;
    color: #fff;
    font-size: 16px;
    width: 175px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}

.index-container3 .right{
    height: 726px;
}

.index-container3 .right .img-container{
    height: 726px;
}

.index-container3 .right img{
    height: 100%;
}


.index-container4{
    margin-top: 105px;
}

.index-container5{
    margin-top: 70px;
}

.index-container5 .text-container{
    margin-bottom: 84px;
}



.index-module .menu-container{
    display: flex;
    margin-top: 7px;
    overflow: hidden;
    justify-content: space-between;
}



.index-module .menu-container .menu-item{
    /* float: left; */
    text-align: center;
    width: 25%;
    height: 168px;
    margin-right: 6px;
    padding:40px 0;
    border: 1px solid #777;
    box-sizing: border-box;
    cursor: pointer;
}

.index-module .menu-container .menu-item:last-child{
    margin-right: 0;
}

.index-module .menu-container .menu-item.active{
    border-color: #9d1f2d;
    background: #9d1f2d;
}

.index-module .menu-container .menu-item.active .menu-text-container .title ,
.index-module .menu-container .menu-item.active .menu-text-container .detail{
    color: #fff;
}

.index-module .menu-container .menu-item .menu-img-container{
    /* float: left; */
    display: inline-block;
    vertical-align: top;
    width: 76px;
    text-align: right;
}

.index-module .menu-container .menu-item .menu-text-container{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    /* float: left; */
    padding-left: 16px;
}

.index-module .menu-container .menu-item .menu-text-container .title{
    font-size: 24px;
    line-height: 1;
}

.index-module .menu-container .menu-item .menu-text-container .detail{
    line-height: 24px;
    font-size: 14px;
    color: #666;
    margin-top: 7px;
}




.index-container6{
    margin-top: 96px;
}

.index-container6 .banner-text-container{
    position: absolute;
    margin-top: 245px;
    top : 0;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    /* width: 100%; */
    /* height: 100%; */
}

.index-container6 .banner-text-container .title{
    font-size: 36px;
    letter-spacing: 1px;
    color: #fff;
}

.index-container6 .banner-text-container .button{
    margin-top: 26px;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    background: #9d1f2d;
}

.index-container6  .swiper-pagination-bullet{
    opacity: 1;
    box-sizing: border-box;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, 0);
}

.index-container6 .swiper-pagination-bullet-active{
    background:#fff;
}

.index-container7{
    margin-top: 65px;
}

.index-container7 .content-container{
    background: url('/static/home/images/index11.jpg') repeat;
    height: 709px;
    box-sizing: border-box;
    padding-top: 170px;
    padding-bottom: 110px;
    background-size: cover;
    /* margin-top: 60px; */
}

.index-container7 .condition-container{
    background: url('/static/home/images/index-banner7-img3.jpg') repeat;
    height: 709px;
    position: relative;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}

.index-container7 .condition-container ul{
    position: absolute;
    left: 419px;
    top: 196px;
    width: 787px;
    height: 333px;
    padding: 50px;
    box-sizing: border-box;
}

.index-container7 .condition-container li{
    display: flex;
    width: 700px;
    margin-bottom: 20px;
    cursor: pointer;
}

.index-container7 .condition-container li span{
    font-family: auto;
    height: 22px;
    line-height: 22px;
    width: 22px;
    border-radius: 50%;
    background-color: #585858;
    color: #fff;
    text-align: center;
}

.index-container7 .condition-container li:hover span{
    background-color: #9d1f2d;
}

.index-container7 .condition-container li p{
    font-size: 17px;
    line-height: 22px;
    margin-left: 6px;
}

.index-container7 .advantage-container{
    background: url('/static/home/images/index-banner7-img2.jpg');
    height: 709px;
}

.index-container7 .advantage-container .advantage-position{
    position: absolute;
    top: 84px;
    left: 418px;
}

.index-container7 .advantage-container .advantage-position .title{
    font-size: 36px;
}


.index-container7 .advantage-container .advantage-position .content{
    width: 787px;
    box-sizing: border-box;
    margin-top: 64px;
    padding: 42px 60px 42px 70px;
}

.index-container7 .advantage-container .advantage-position .content h2{
    font-size: 30px;
}

.index-container7 .advantage-container .advantage-position .content  li{
    margin-top: 33px;
}

.index-container7 .advantage-container .advantage-position .content li h3{
    background-color: #585858;
    padding: 0 11px;
    font-size: 21px;
    width: 170px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.index-container7 .advantage-container .advantage-position .content li h3:hover{
    background-color: #9C1F2D;
}


.index-container7 .advantage-container .advantage-position .content li p{
    font-size: 16px;
    margin-top: 5px;
    line-height: 24px;
}


.index-container7 .box-container{
    width: 1262px;
    margin: 0 auto;
    display: flex;
    flex-wrap:  wrap;
    justify-content : space-between;
    /* overflow: hidden; */
}

.index-container7 .box-item{
    cursor: pointer;
    width: 410px;
    padding: 2.142857rem 2.5rem 0 2.5rem;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 140px;
    background-color: #fff;
}

.index-container7 .box-item .title{
    font-size: 24px;  
}

.index-container7 .box-item .detail{
    color: #8f8f91;
    margin-top: 10px;;
    font-size: 15px;
    line-height: 1.4;
}

.index-container7 .box-item:hover{
    color: #fff;;
    background-color: rgba(157,31,45, 0.8);
}

.index-container7 .box-item:hover .detail{
    color: #fff;
}

.index-container8{
    margin-top: 160px;
}

.index-container8 .news-container{
    width: 1355px;
    margin: 0 auto;
    border-top: 1px solid #c9c9c9;
}

.index-container8 .news-container h2{
    font-size: 50px;
    padding: 36px 0;
}

.index-container8 .news-container .nav{
    border-bottom: 3px solid #e8e6e7;
    display:inline-block;
    /* overflow: hidden; */
}

.index-container8 .news-container .nav li{
    cursor: pointer;
    font-size: 18px;
    color: #cac7c8;
    float: left;
    margin-right: 38px;
    line-height: 36px;
    margin-bottom: -3px;
}

.index-container8 .news-container .nav li:last-child{
    margin-right: 0;
}


.index-container8 .news-container .nav li.active{
    color: #030102;
    border-bottom: 3px solid #9a1f31;
}

.index-container8 .news-container .news-content-container .news-bg{
    background-color: #f5f5f5;
}

.index-container8 .news-content-container{
    margin-top: 24px;
}

.index-container8 .news-content-container .news-item-container{
    height: 620px;
    /* display: flex; */
    /* justify-content: space-between; */
}

.index-container8 .news-content-container .news-item-container .news-group{
    display: flex;
    justify-content: space-between;
}


.index-container8 .news-content-container .news-item-container .left{
    width: 670px;
    box-sizing: border-box;
    /* margin-right: 15px; */
}

.index-container8 .news-content-container .news-item-container .left .content-container{
    padding-top: 45px;
    padding-left: 45px;
    box-sizing: border-box;
    height: 200px;
}

.index-container8 .news-content-container .news-item-container .left .content-container .title{
    font-size: 30px;
    color: #707070;
}

.index-container8 .news-content-container .news-item-container .title a:hover{
    color: #9C1E2D;
}


.index-container8 .news-content-container .news-item-container .left .content-container .detail{
    height: 60px;
    color: #b9b9b9;
    margin-top: 18px;
}

.index-container8 .news-content-container .news-item-container .left .content-container .date{
    color: #b9b9b9;

}


.index-container8 .news-content-container .news-item-container .right{
    width: 670px;
}

.index-container8 .news-content-container .news-item-container .right li{
    display: flex;
    margin-bottom: 15px;
}

.index-container8 .news-content-container .news-item-container .right li .img-container{
    width: 275px;
}

.index-container8 .news-content-container .news-item-container .right li .text-container{
    width : 395px;
    padding: 45px 10px 0 45px;
    position: relative;
    box-sizing: border-box;
    /* padding-bottom: 0; */
}

.index-container8 .news-content-container .news-item-container .right li .text-container .title{
    padding-right: 46px;
    font-size: 20px;
    color: #707070;
}
.index-container8 .news-content-container .news-item-container .right li .text-container .detail{
    padding-right: 46px;
    line-height: 1.8;
    margin-top: 14px;
    height: 50px;
    color: #b9b9b9;

}
.index-container8 .news-content-container .news-item-container .right li .text-container .date{
    text-align: right;
    color: #b9b9b9;
    position: absolute;
    right: 10px;
    bottom: 16px;
}

.index-container8 .news-move-button{
    display: block;
    height: 68px;
    border: 1px solid #000;
    width: 515px;
    margin: 0 auto;
    margin-top : 85px;
    font-size: 20px;
    line-height: 66px;
    text-align: center;
    margin-bottom: 114px;
}

.index-container8 .news-move-button:hover{
    background-color: #9C1E2D;
    border-color: #9C1E2D;
    color: #fff;
}


.index-container9{
    margin-top: 75px;
}


.index-container10{
    margin-top: 70px;
    margin-bottom: 80px;
}

.index-container10 .tag-container{
    padding:26px  45px;
    font-size: 16px;
    background-color: #fff;
    box-sizing: border-box;
    border:2px solid #595758;
    color: #595757;
}

.index-container10 .tag-container span{
    font-size: 18px;
    color: #9C1E2D;
}

.index-container10 .tag-container a{
    color: #595757;
    
}

.index-container10 .tag-container:hover{
    background-color: #595758;
    color: #fff;
}

.index-container10 .tag-container:hover span{
    color: #fff;
}

.index-container10 .tag-container:hover a{
    color: #fff;
}



.index-container11{
    position: fixed;
    bottom: 20px;
    z-index: 2000;
    width: 100%;
}

.index-container11 .header-button-container{
    display: flex;
    justify-content: space-between;
    height: 69px;
    position: relative;
}

.index-container11  .show-button{
    width: 69px;
    height: 69px;
    /* line-height: 69px; */
    border-radius: 50%;
    background-color: #9c1e2c;
    color: #fff;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: -69px;
    /* display: none; */
}

.index-container11  .goto-top-button{
    position: absolute;
    right: 0;
    top: -69px;
}

.index-container11 .feedback-container{
    padding: 0 48px 20px 48px;
    border: 1px solid #000;
    background-color: #fff;
    position: relative;
    text-align: center;
}

.index-container11 .feedback-container .hide-button{
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0 20px;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
    background-color: #9c1e2c;
}

.index-container11 .form-input-container{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.index-container11 form label{
    color: #878787;
    font-size: 16px;
}

.index-container11 form input{
    width: 325px;
    height: 46px;
    box-sizing: border-box;
    padding: 16px;
    font-size: 16px;
    color: #2d2c2c;
}

.index-container11  .button-container{
    margin-top: 26px;
    text-align: right;
}

.index-container11 .button-container button{
    text-align: center;
    width: 124px;
    height: 45px;
    display:inline-block;
    background-color: #9c1e2c;
}

/* .index-container .swiper-scrollbar{
    height: 2px;
    margin-top: 50px;
}

.index-container .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #9c1d2e;
    height: 10px;
    border-radius: 0;
    position: relative;
    top: -8px;
} */


/* .index-container .my-scrollbar {
    margin-top: 50px;
    height: 2px;
    padding-top: 8px;
} */



.index-module-title{
    font-size: 16px;
    padding: 14px 0; 
}

.index-page-container{
    padding-bottom: 50px;
}

.index-page-container .index-page-header-nav{
    margin-top: 45px;
    padding: 30px;
    /* background-color: #595758; */
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-page-container .index-page-header-nav:hover{
    border-color: #595758;
    background-color: #595758;
}

.index-page-container .index-page-header-nav:hover h2, .index-page-container .index-page-header-nav:hover *{
    color: #fff !important;
}


.index-page-container .index-page-header-nav .tag-container{
    /* padding-right: 60px; */
    display: flex;
    align-items: center;
    /* text-align: right; */
    justify-content:  flex-end;
}

.index-page-container .index-page-header-nav .tag-container h2{
    font-size: 18px;
    margin-right: 10px;
    color: #972040;
}

.index-page-container .index-page-header-nav .tag-container a{
    font-size: 16px;
    color: #595757;
}

.index-page-container .index-page-header-nav h3{
    color: #b2b2b2;
    /* color: #fff; */
}

.index-page-container  .item-container{
    margin-top: 60px;
}

.index-page-container  .item-container li{
    margin-bottom: 50px;
}

.index-page-container  .item-container li  .content-container{
    padding: 40px;
    background-color: #efefef;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 138px;
    box-sizing: border-box;
}

.index-page-container  .item-container li .content-container .text-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index-page-container  .item-container li .content-container .title{
    font-size: 34px;
    margin-right: 15px;
}

.index-page-container  .item-container li .content-container .detail{
    font-size: 16px;
    color: #898989;
}

.index-page-container  .item-container li .content-container .button{
    display: block;
    width: 124px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    box-sizing: border-box;
    border: 1px solid #000;
}

.index-page-container  .item-container li .content-container .button:hover{
    background-color: #9c1e2c;
    border-color:  #9c1e2c;
    color: #fff;
}


.banner-nav-bg{
    background-color: #efefef;
}

.banner-nav .layui-nav{
    background-color: #efefef;
}
.banner-nav .layui-nav .layui-nav-item.active{
    background-color: #fff;
}
.banner-nav .layui-nav .layui-nav-item a{
    padding: 0 38px;
    color: #030102;
}
.banner-nav .layui-nav .layui-nav-item a:hover {
    /* color: #030102; */
    background-color: #fff;
}

.banner-nav-bg .layui-nav .layui-nav-more , .banner-nav-bg .layui-nav .layui-nav-mored{
    /* border-color: #252424 transparent transparent; */
}

.banner-nav-bg  .layui-nav .layui-nav-more{border-top-color:#252424;right: 14px;}
.banner-nav-bg  .layui-nav .layui-nav-mored{border-color: transparent transparent #252424;}

.page-nav-container{
    display: flex;
    justify-content: flex-end;
}

.page-nav-container .prev-button , .page-nav-container .next-button{
    padding: 0 19px;
    position: relative;
    display: flex;
    font-size: 16px;
}

.page-nav-container .prev-button span, .page-nav-container .next-button span{
    margin-right: 10px;
    display: block;
}

.page-nav-container .prev-button::after ,.page-nav-container .next-button::after{
    position: absolute;
    top: 2px;
    font-size: 17px;
    line-height: 1;
    color: #2d2c2c;
}

.page-nav-container .prev-button::after{
    content: '◀';
    left: 0px;
    top: 2px;
}

.page-nav-container .next-button::after{
    content: '▶';
    right: 0;
}

.page-nav-container h4{
    color: #8f8f91;
}

.page-nav-container h4:hover{
    /* color: #9d1f2c; */
}


.footer .content-cotnainer{
    position: relative;
    height: 316px;
}

.footer .content-cotnainer .left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    background-color: #f5f5f5;
}
.footer .content-cotnainer .right-bg{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    background-color: #e5e5e5;
}

.footer .content-cotnainer .inside-container {
    display: flex;
    z-index: 10;
}

.footer .content-cotnainer .left{
    width: 1020px;
    height: 316px;
    background-color: #f5f5f5;
    z-index: 10;
}

.footer .content-cotnainer .left>h2{
    padding: 32px 0;
    width: 924px;
    border-bottom: 1px solid #888888;
    margin-bottom: 22px;
}

.footer .content-cotnainer  .item-container{
    display: flex;
    width: 924px;
    justify-content: space-between ;
}

.footer .content-cotnainer .left .item{
    /* width: 16.6666%; */
    /* padding: 0 26px; */
    /* height: 142px; */
    /* border-right: 1px solid #cac7c7; */
}

.footer .content-cotnainer .left .line{
    height: 142px;
    width: 1px;
    background-color: #cac7c7;
}


.footer .content-cotnainer .left .item:first-child{
    padding-left: 0;
}

.footer .content-cotnainer .left .item:last-child{
    border-right: 0;
}

.footer .content-cotnainer .left .item .title{
    padding-bottom: 18px ;
    font-size: 16px;
}

.footer .content-cotnainer .left .item li{
    margin-bottom: 16px;
}

.footer .content-cotnainer .left .item li a{
    line-height: 1;
    color: #707070;
}

.footer .content-cotnainer .left a:hover , .footer .content-cotnainer .left .item li a:hover{
    color: #9d1f2c;
}

.footer .content-cotnainer .right{
    padding-top: 68px;
    width: 335px;
    background-color: #e5e5e5;
    z-index: 10;
}

.footer .content-cotnainer .right .contact-container{
    display: flex;
}

.footer .content-cotnainer .right .contact-container .img-container{
    margin-right: 22px;
}

.footer .content-cotnainer .right .contact-container .call-container{
    border: 1px solid #030102;
    border-left: 0;
    border-right: 0;
    height: 100px;
    box-sizing: border-box;
    width: 180px;
    padding-top: 10px;
}

.footer .content-cotnainer .right .contact-container .call-container .title{
    font-size: 15px;
    color: #222;
    margin-bottom: 6px;
}

.footer .content-cotnainer .right .contact-container .call-container .number{
    color: #9a1a31;
    font-size: 23px;
}

.footer .content-cotnainer .right  .copyright-container{
    margin-top: 50px;
}

.footer .content-cotnainer .right  .copyright-container h2{
    font-size: 16px;
    color: #2d2c2c;
}

.footer .content-cotnainer .right  .copyright-container .copyright{
    color: #2d2c2c;
    margin-top: 10px;
    font-size: 14px;
}

.footer .nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .nav .line{
    height: 16px;
    width: 1px;
    background-color: #c7c7c7;
}

.footer .nav li a{
    color: #c7c7c7;
}

.footer .nav-bg{
    background-color: #383838;
}

.footer .nav{
    display: flex;
    height: 50px;
}

img{
    max-width: 100%;
}

.clear{
    clear: both;
}

.tc{
    text-align: center
}

html{
    max-width: 100vw;
    overflow-x: hidden;
}

.layui-container {
    width: 1624px;
}

.inside-container{
    width: 1355px;
    margin: 0 auto;
}

.small-container{
    width: 1180px;
    margin: 0 auto;
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    /* position: absolute;
    left: 0;
    top: 0;
    width: 0; */
    height: 0;
    /* background-color: #5FB878;
    transition: all .2s;
    -webkit-transition: all .2s; */
}
/* @media screen and (min-width: 16240px){
    .layui-container {
        width: 1624px;
    }
    
} */


/* .layui-container {
    width: 1170px;
}

.layui-container{
    max-width: 1400px;
} */


.tag1-container{
    display: flex;
    align-items: center;
}

.tag1-container .tag-title{
    color: #9C1F2D;
    font-size: 18px;
    margin-right: 10px;
    font-weight: 300;
}

.tag1-container .tag-container a {
    font-size: 16px;
    color: #888888;
}


.inside-pages-title{
    font-size: 50px;
    color: #585657;
    padding: 104px 0 50px 0;
    line-height: 1;
    position: relative;
    text-align: center;
}

.inside-pages-title::after{
    content: '';
    position: absolute;
    left: 50%;;
    bottom: 0;
    transform: translateX(-50%);
    width: 60px;
    height: 5px;
    background-color: #981d31;
}

.inside-pages-detail{
    text-align: center;
    font-size: 22px;
    color: #585657;
    padding: 56px 0 90px 0;
}

.inside-pages-footer{
    border-top: 1px solid #585858;
    padding: 30px 0;
}

.inside-pages-footer .inside-pages-footer-banner{
    padding-top: 46px;
    min-width: 1355px;
    position: relative;
}

.inside-pages-footer > h1{
    color: #9C1E2D;
    font-size: 16px;
    text-align: center;
}

.inside-pages-footer > h2{
    color: #565455;
    position: relative;
    font-size: 32px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 38px;
}

.inside-pages-footer > h2::after{
    content: '';
    position: absolute;
    background-color: #585657;
    height: 2px;
    width: 50px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}


.inside-pages-footer .swiper-slide img{
    width: 100%;
}
.inside-pages-footer .swiper-slide p{
    padding: 14px 0;
    font-size: 14px;
    color: #585858;
}

.inside-pages-footer .swiper-slide p a{
    color: #8c8c8c;
}
/* .banner-nav ul li:first-child::after{
    content: '▼';
    font-size: 10px;
} */
.banner-nav ul li:first-child a::after{
    position: absolute;
    content: '▼';
    color: #030102;
    right: 14px;
    top: 0;
}

.common-title{
    font-size: 40px;
    color: #9C1F2D;
}

.common-detail{
    color: #595757;
    font-size: 18px;
}



.my-scrollbar .swiper-scrollbar{
    margin-top: 50px;
    background-color: initial;
    height: 10px;
    border-bottom: 2px solid rgba(0,0,0,.1);
}

.my-scrollbar .swiper-scrollbar .swiper-scrollbar-drag{
    border-radius: 0;
    position: relative;
    height: 2px;
    cursor: pointer;
    top: 10px;
}

.my-scrollbar .swiper-scrollbar .swiper-scrollbar-drag:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    transition: height .2s ease-out, top .2s ease-in-out;
}

.my-scrollbar .swiper-scrollbar:hover .swiper-scrollbar-drag:after{
    background-color: #9c1d2e;
    height: 10px;
    bottom: 0;
}

.bg-f8{
    background-color: #f8f8f8;
}

.footer-banner-button{
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #9C1F2D;
    /* border: 1px solid #888888; */
    font-size: 24px;
    /* -webkit-transform:scale( 0 , 1.5 ); */
}

.footer-banner-button:hover{
    opacity: .8;
    color: #fff;
}

.footer-banner-next-button{
    right: 0;
}

.footer-banner-prev-button{
    left: 0;
}

.about-banner{
    text-align: center;
}

.index-page-container .index-page-header-nav .hover-red:hover{
    color: #9d1f2c !important;
}

.hover-red:hover{
    color: #9d1f2c !important;
}

.layui-nav-item:first-child{
    background-color: #ddd;
}

.hover-opacity:hover{
    opacity: .7;
}

.filter-grayscale{
    filter: grayscale(60%);
}

.filter-grayscale:hover{
    filter: grayscale(0);
}

.hover-bg-black:hover{
    background-color: #595758 !important;
}



.page2-container .page{
    text-align: right;
    padding: 45px 0 50px 0;
    border-bottom: 1px solid #d3d3d3;
}

.page2-container .page a{
    display: inline-block;
    font-size: 16px;
    position: relative;
}


.page2-container .page a:hover{
    color: #981d31;
}

.page2-container .page a::after{
    color: #333;
}

.page2-container .page .start{
    padding-left: 22px;
    position: relative;
}
.page2-container .page .start::after{
    content: '●';
    /* ●◀◀▶█ ▇ ▊ */
    position: absolute;
    left: 0;
    font-size: 20px;
}

.page2-container .page .prev{
    padding-left: 22px;
    margin-right: 23px;
    margin-left: 30px;
}

.page2-container .page .prev::after{
    content: '◀';
    position: absolute;
    left: 0;
}


.page2-container .page .next{
    padding-right: 22px;
    margin-left: 23px;
    margin-right: 30px;
}
.page2-container .page .next::after{
    content: '▶';
    position: absolute;
    right: 0;
}

.page2-container .page .end{
    padding-right: 22px;
}

.page2-container .page .end::after{
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;
    top: 6px;
    background-color: #595758;
    right: 0;
}
.nav-item{
    position: relative;
}
.nav2-div{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #383838;
}

.nav2-div {

    position: absolute;
    bottom: -75px;
    left: -33px;
    background: #383838;
    z-index: 10;
    width: 120px;
    text-align: center;
}
.nav2-div {
    position: absolute;
    bottom: -111px;
    left: -60%;
    background: #383838;
    z-index: 10;
    width: 120px;
    text-align: center;
    display: none;
}
.nav2-div li{
    line-height: 32px;
}
.navigation {
    background-color: #333;
}
.main-nav{
   text-align: center;
    margin-left: auto!important;
    margin-right: auto!important;
}
.main-nav, .sub-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-nav > li {
    display: inline-block;
    position: relative;
}

.main-nav > li > a {
    display: block;
    padding: 15px 20px;
    color: #fff;
    text-decoration: none;
    z-index: 1;
}

.sub-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0%;
    background-color: #444;
    z-index: 1;
}

.sub-nav li {
    display: block;
}

.sub-nav li a {
    display: block;
    padding: 10px 3px;
    color: #fff;
    text-decoration: none;
    width: 100px;
    text-align: center;
}

.sub-nav li a:hover {
    background-color: #555;
}
.brand-item img{
    height: 100px;
}