body{
    
    /* background-size: cover;  */
    /* 使背景图片覆盖整个元素 */
    background-position: center; /* 确保图片居中 */
    background-repeat: no-repeat; /* 防止图片重复 */
    background-attachment: fixed; /* 背景图片固定不动 */
    width: 100%;
    height: 100%;
}
.dingzhi-box{
    padding-top: 15px;
    padding-bottom: 15px;

  
}

.top-boxshadow{
    box-shadow: 0px -10px 20px 12px #d8d6d6;
    background-color: #fff;
}

.index-nav-box{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.index-nav-box ul{
    list-style: none;
    padding-left: 0px;
}
.index-nav-box ul li{
    display: inline-block;
    text-align: center;
    position: relative;
}
.index-nav-box ul li a{
    display: block;
    color: black;
    text-decoration: none;
    padding: 20px 20px;
}

.index-nav-box ul li::after{
    content: " ";
    display: block;
    width: 100%;
    position: absolute;
    z-index: 10;
    height: 3px;
    background-color: #22a170;
    transition: all 0.3s ease-in-out;
    z-index: 100 !important;
    bottom: 3px;
    transform: scaleX(0);
}

.index-nav-box ul li:hover::after{
    /* width: 50%; */
    transform: scaleX(1);
}
.index-nav-box ul li.active::after{
    /* width: 50%; */
    transform: scaleX(1);
}
.index-nav-box ul li:hover a{
    color: #22a170;
}
.index-nav-box ul li.active a{
    color: #22a170;
}

.index-nav-content{
    padding-top: 0px;
    padding-bottom: 20px;
}
.index-nav-content ul{
    list-style: none;
    padding-left: 0px;
    width: 100%;
}
.index-nav-content ul li{
    position: relative;
    margin-left: 2%;
    display: block;
    float: left;
    margin-right: 0;
    width: 23.5%;
    border: 1px solid #EEEEEE;
    overflow: hidden;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.index-nav-content ul li:first-child{
    margin-left: 0%!important;
}
.index-nav-content ul li a{
    color: #000;
}
.index-nav-content ul li:hover{
    box-shadow: 0px 0px 20px 6px #d6d8d6;
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}

.index-nav-image-box{
    width: 100%;
    height: 200px;
    background-size: cover;
}
.index-nav-content-item-box{
    display: block;
    float: left;
    width: 100%;
    padding: 15px;
    background-color: #fff;
}
.index-nav-tag{
    display: block;
    width: 90px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #dc1f22;
    color: #fff;
    font-size: 12px;
    border-radius: 0  5px 5px 0px;
    position: absolute;
    top: 10px;
}
.index-nav-content-item-box h3{
    font-size: 18px;
    color: #333333;
    line-height: 1.5;
    margin-bottom: 15px;
    height: 50px;
}
.index-nav-content-item-desc{
    font-size: 13px;
    color: #999999;
    line-height: 1.5;
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}
.index-nav-content-item-price{}
.index-nav-content-item-price span{
    color: #22a170;
}
.index-nav-content-item-price span b{
    font-size: 20px;
    /* font-weight: 600; */
}
.center-bg{

}

.index-nav-content-type{
    display: none;
    transition: all 0.3s ease-in-out;
}
.index-nav-content-type.active{
    width: 100%;
    display: block;
    
}

.remen-left{
    display: block;
    float: left;
    width: 49%;
    position: relative;
}
.remen-right{
    display: block;
    float: right;
    width: 49%;
    position: relative;
}
.remen-title{
    display: block;
    width: 100%;
    position: relative;
}
.remen-title::before,.remen-title::after{
    content: " ";
    display: table;
    clear: both;
}
.remen-content{
    display: block;
    width: 100%;
}
.swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
}
.remen-content::before,.remen-content::after{
    content: " ";
    display: table;
    clear: both;
}
.remen-content ul{
    list-style: none;
    padding-left: 0px;
}
.remen-content ul li{
    display: block;
    margin-top: 15px;
}
.remen-content li::before,.remen-content li::after{
    content: " ";
    display: table;
    clear: both;
}
.remen-content ul li a{
    color: #000;
    text-decoration: none;
    display: block;
    position: relative;
    width: 100%;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
}
.remen-content li a::before,.remen-content li a::after{
    content: " ";
    display: table;
    clear: both;
}
.remen-content ul li a:hover{
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    box-shadow: 0px 10px 60px -12px rgba(0, 0, 0, 0.3);
}
.baoche-main-bg{
    display: block;
    width: 100%;
    background-color: #f7fcff;
    position: relative;
    box-shadow: 0px -30px 50px -15px rgba(0, 0, 0, 0.2);
}
.remen-box{
    padding-bottom: 50px;
}
.remen-content-item-image-box{
    display: block;
    float: left;
    width: 140px;
    height: 90px;
    background-size: cover;
}

.remen-content-item-image-box-num{
    position: absolute;
    top: -5px;
    left: 10px;
}

.remen-content-item-text-box{

    padding-top: 5px;
    display: block;
    margin-left: 160px;
}
.remen-content-item-text-box h4{
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
    float: left;
    margin-bottom: 10px;
}
.remen-content-item-text-desc{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.remen-content-item-text-price{
    display: block;
    float: left;
    width: 100%;
    font-size: 14px;
}
.remen-button-box{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    float: left;
}
.remen-button-box a{
    padding: 12px 70px;
}

.swiper2 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}
.swiper-box2{
    width: 100%;
    display: block;
    height: 350px;
    overflow: hidden;
    padding-top: 20px;
}
.article-swiper-box .swiper-box2{

    height: 200px;
}
.swiper-box2 img{
    width: 100%;
}
.swiper-pagination2{
    margin-bottom: 60px;
}
.article-swiper-box .swiper-pagination2{
    margin-bottom: 10px;
}
.baoche-bg{
    display: block;
    width: 100% ; 
    max-width: 1920px;
    margin: auto;
    background-size: 1920px auto;
    background-repeat: no-repeat;
    position: relative;
}
.baoche-main-bg::before,.baoche-main-bg::after{
    content: " ";
    display: table;
    clear: both;
}
.baoche-bg::before,.baoche-bg::after{
    content: " ";
    display: table;
    clear: both;
}
.baoche-title-box{
    display: block;
    width: 100% ; 
    height: 420px;  
}
.baoche-title-box-right{
    display: block;
    float: right;
    width: 350px;
    height: 100%;
    padding-top: 100px;
    color: #fff;
}
.baoche-title-box-right h3{
    font-size: 50px;
    text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.6);
    padding: 0;
    margin: 0;
}
.baoche-title-box-right p{
    line-height: 2;
    font-size: 16px;
}
.baoche-liucheng-box{
    display: block;
    width: 100% ; 
}
.baoche-button-box{
    display: block;
    width: 100% ;
    margin-top: 30px;
}
.m-button{
    text-decoration: none;
    padding: 12px 40px  ;
    background-color: #22a170;
    color: #fff;
    border-radius: 5px;
    margin-right: 15px;
    box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.3);
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.m-button:active{
    background-color: #98b6ae;
}
.m-button-border{
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
}
.m-button:hover{
    transform: scale(1.05)!important;
    box-shadow: 0px 10px 20px 12px rgba(0,0,0,0.2);
    transition: all 0.3s ease-in-out;
}

.baoche-liucheng-box{
    display: block;
    padding: 170px 0 50px 0;
}
.baoche-liucheng-box img {
    margin: auto;
}


.shendu-bg{
    display: block;
    width: 100%;
    background-color: #fff;
}
.shendu-title-box{
    display: block;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 0px;
    text-align: center;
}
.shendu-title-box h3{
    font-size: 40px;
    color: #333333;
    line-height: 1.5;
}
.shendu-title-box p{
    margin: auto;
    max-width: 500px;
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
}
.shendu-title-english{
    font-size: 13px;
    color: #999999;
    line-height: 1;
}


.shendu-nav-box{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.shendu-nav-box ul{
    list-style: none;
    padding-left: 0px;
}
.shendu-nav-box ul li{
    display: inline-block;
    text-align: center;
    position: relative;
}
.shendu-nav-box ul li a{
    display: block;
    color: black;
    text-decoration: none;
    padding: 20px 30px;
}

.shendu-nav-box ul li::after{
    content: " ";
    display: block;
    width: 100%;
    position: absolute;
    z-index: 10;
    height: 3px;
    background-color: #22a170;
    transition: all 0.3s ease-in-out;
    z-index: 100 !important;
    bottom: 3px;
    transform: scaleX(0);
}

.shendu-nav-box ul li:hover::after{
    /* width: 50%; */
    transform: scaleX(1);
}
.shendu-nav-box ul li.active::after{
    /* width: 50%; */
    transform: scaleX(1);
}
.shendu-nav-box ul li:hover a{
    color: #22a170;
}
.shendu-nav-box ul li.active a{
    color: #22a170;
}



.shendu-index-nav-content{
    padding-top: 0px;
    padding-bottom: 30px;
}
.shendu-index-nav-content ul{
    list-style: none;
    padding-left: 0px;
    width: 100%;
}
.shendu-index-nav-content ul li{
    position: relative;
    margin-left: 2%;
    display: block;
    float: left;
    margin-right: 0;
    width: 23.5%;
    border: 1px solid #EEEEEE;
    overflow: hidden;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.shendu-page.shendu-index-nav-content ul li{
    margin-top: 30px;
}
.shendu-index-nav-content ul li:first-child,.shendu-index-nav-content ul li:nth-child(5){
    margin-left: 0%!important;
}
.shendu-index-nav-content ul li a{
    color: #000;
}
.shendu-index-nav-content ul li:hover{
    box-shadow: 0px 0px 20px 6px #d6d8d6;
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}

.shendu-index-nav-image-box{
    width: 100%;
    height: 160px;
    background-size: cover!important;
}
.shendu-index-nav-content-item-box{
    display: block;
    float: left;
    width: 100%;
    padding: 15px;
    background-color: #fff;
}
.shendu-index-nav-tag{
    display: block;
    width: 90px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #dc1f22;
    color: #fff;
    font-size: 12px;
    border-radius: 0  5px 5px 0px;
    position: absolute;
    top: 10px;
}
.shendu-index-nav-content-item-box h3{
    font-size: 18px;
    color: #333333;
    line-height: 1.5;
    margin-bottom: 15px;
    height: 50px;
}
.shendu-index-nav-content-item-desc{
    font-size: 13px;
    display: block;
    width: 100%;
    height: 40px;
    color: #999999;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
.shendu-index-nav-content-item-price{
    font-size: 13px;
    color: #999999;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
}
.shendu-index-nav-content-item-price span{
    color: #22a170;
}
.shendu-index-nav-content-item-price span b{
    font-size: 20px;
    /* font-weight: 600; */
}
.center-bg{

}

.shendu-index-nav-content-type{
    display: none;
    transition: all 0.3s ease-in-out;
}
.shendu-index-nav-content-type.active{
    width: 100%;
    display: block;
    
}


.minsu-bg{
    display: block;
    width: 100%;
    max-width: 1920px;
    margin: auto;
    background-size: cover;
    background-position-y: 50%;
    background-position-x: center;
    background-repeat: no-repeat;
    position: relative;
    background-color: white;
}


.kuaixun-left{
    display: block;
    float: left;
    width:15%;
    height: 250px;
    position: relative;
    background-color: #f1faff;
    text-align: center;
    padding: 60px 50px;
}
.kuaixun-left h3{
    font-size: 30px;
    line-height: 1.2;
}
.kuaixun-button-box{
    display: block; 
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.kuaixun-button-box a {
    padding: 12px 70px;
}
.minsu-bg::before,.minsu-bg::after{
    content: " ";
    display: table;
    clear: both;
}

.kuaixun-right{
    display: block;
    float: right;
    width: 23.5%;
    height: 250px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 5px;

}
.kuaixun-center{
    width: 57.5%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    display: block;
}

.kuaixun-item{
    background-color: #fff;

    width: 100%;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    border:1px solid #EEEEEE;
    transition: all 0.3s ease-in-out;
}
.kuaixun-item+.kuaixun-item{
    margin-top: 10px;
}

.kuaixun-item:hover{
    transform: scale(1.01);
    box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}
.kuaixun-item a{
    color: #000;
    text-decoration: none;
}
.kuaixun-item-content h4{
    font-size: 18px;
    color: #333333;
    line-height: 1;

 }
.kuaixun-item::before,.kuaixun-item::after{
    content: " ";
    display: table;
    clear: both;
}
 .kuaixun-item-img{
    display: block;
    float: left;
    width: 185px;
    height: 118px;
    overflow: hidden;
    border-radius: 5px;
     background-size: cover!important;
 }

 .kuaixun-item-content{
    padding: 10px;
    margin-left: 185px;
 }
 .kuaixun-item-content-desc{
    color: #999999;
    font-size: 14px;
    line-height: 1.5;
     width: 100%;
     height: 52px;
    margin-top: 10px;

 }
 .kuaixun-item-content-time{
    font-size: 14px;
    color: black;
 }

 .kuaixun-right-item{
    display: block;
    width: 100%;
    background-color: #fff;
    height: 33.33%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
    transition: all 0.3s ease-in-out;
 }
 .kuaixun-right-item a{
    color: #000;
    text-decoration: none;
 }
 .kuaixun-right-item-time-box{
    display: block;
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #7af88b, #22a170);
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 10px;
    border-radius: 6px;
    text-align: center;
    color: #fff;
 }
 .kuaixun-right-item:hover{
    transform: scale(1.01);
    box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    z-index: 10;
 }
 .kuaixun-day{
    font-size: 36px;
    font-weight: 600;
 }
 .kuaixun-time{
    font-size: 14px;
 }
 .kuaixun-right-item-title{
    display: block;
    margin-left: 85px;
    height: 100%;
    padding: 10px;
    padding-right: 15px;
 }

 .minsu-title{
    display: block; 
    width: 100%;
    height: 250px;
    text-align: center;
    background-position: center;
    color: #fff;
 }
 .minsu-title-box{
    display: block;
    padding-top: 50px;
    width: 100%;
    height: 100%;
    background-color: rgba(64, 171, 121, 0.4);
 }
 .minsu-title-box h3{
    font-size: 30px;
    line-height: 1;
    margin-bottom: 10px;
 }

 .minsu-box{
    display: block;
    position: relative;
 }
 .minsu-list-box{
    display: block;
    width: 100%;
    height: 320px;
    margin-top: -150px;
    z-index: 10;
    position: relative;
    margin-bottom: 60px;
    padding: 0 30px;
 }

 .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 21px 0;
}
.swiper-slide-item{
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
 }
.swiper-slide-item:hover{
    transform: scale(1.01);
    box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
 }
.swiper-slide a{
    color: #000;
    text-decoration: none;
 }

.swiper-pagination3{
    position: absolute;
    bottom: -30px !important;
}
.swiper-pagination-bullet{
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .4)!important;
}
.minsu-list-content{
    padding: 10px;

 }
 .minsu-list-content h4{
    font-size: 18px;
    color: #333333;
    line-height: 1;
    margin-bottom: 15px;    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
.minsu-list-content-desc{
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-bottom: 10px;
 }
.guanyu-bg{
    display: block;
    width: 100%;
    max-width: 1920px;
    margin: auto;
    background-color: #fff;
    height: 470px;
    background-image: url(../images/guanyu-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.guanyu-title-box{
    display: block;
    width: 30%;
    height: 100%;
    text-align: left;
    padding-top: 80px;
    padding-left: 40px;
    float: left;
    color: white;
 }
 .guanyu-title-box h3{
    font-size: 45px;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: 15px;
 }
 .guanyu-content{
    display: block;
    line-height: 2;
    font-size: 15px;
 }
 .guanyu-button{
    display: block;
    margin-top: 30px;
    padding: 20px 0px;
 }
 .guanyu-right-box{
    display: block;
    width: 70%;
    height: 100%;
    float: right;
    position: relative;
 }
 .guanyu-image-box{
    display: block;
    width: 630px;
    height: 350px;
    position: relative;
    float: right;
     background-size: cover;
    right: 0;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 60px;
 }
 .guanyu-image-box-button-box{
    display: block;
    position: absolute;
    left: 48%;
    bottom: 20px;
    height: 60px;
    width: 500px;
    margin: auto;
    margin-left: -230px;
    text-align: center;
 }

 .guanyu-image-box-button{

    display: block;
    width: 22%;
    height: 60px;
    float: left;
    margin-left: 2%;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    border: 2px solid #fff;
    cursor: pointer;
    background-size: cover;
 }
 .guanyu-image-box-button.active{
     border: 2px solid #22a170;
     transition: all 0.3s ease-in-out;
 }
 .guanyu-image-box-button:hover{
    border: 2px solid #22a170;
    transition: all 0.3s ease-in-out;
 }


 .huoban-bg{
    display: block;
    width: 100%;
    background-color: #fff;
    background-image: url(../images/huoban-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
 }
 .dingzhi-a{
    display: block;
    position: relative;
    margin-bottom: 50px;
    margin-top: 20px;
    float: left;
 }
 .huoban-title-box{
    display: block;
    width: 100%;
    padding-top: 50px;
    text-align: center;
 }

 .huoban-title-box h3{ 
    font-size: 45px;
    color: #2d2d2d;
 }
.huoban-content-box{
    display: block;
    float: left;
    position: relative;
    width: 100%;
    padding: 20px 0px;
    text-align: center;
 }
.huoban-content-item{
    display: block;
    width: 17.5%;
    height: 100px;
    float: left;
    margin-left: 2%;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    text-align: center;
    cursor: pointer;
    line-height: 100px;
 }
 .huoban-content-item img{
    display: inline-block;
    margin: auto;
    height: 50px;
    margin-top: 25px;
 }
.huoban-content-item:hover{
    transform: scale(1.01);
    box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
 }


 .dingzhi-banner{
    display: block;
    width: 100%;
    max-width: 1920px;
    height: 340px;
    margin: auto;
    background-color: #fff;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
 }
 .dingzhi-banner h1{
    font-size: 45px;
    line-height: 1;
    margin-top: 130px;
 }
 .dingzhi-banner span{
    font-size: 14px;
    color: #fff;
    display: block;
    margin-top: 10px;
 }

 .baoche-page-baochebox{
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 30px;
 }

 .bcpage-baoche-liucheng-box{
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    margin-top: 30px;
 }
 .baoche-page-baochebox h3{
    font-size: 45px;
    color: #2d2d2d;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 10px;
 }
 .baoche-page-baochebox p{
    font-size: 16px;
    color: #999999;
    line-height: 1.5;
    max-width: 470px;

    margin: auto;
 }
 .baoche-page-baochebox p span{
    color: #22a170;
    font-weight: bold;
 }
 .bcpage-baoche-button-box{
    display: block;
    width: 100%;
    text-align: center;
    padding: 50px 0px;
    position: relative;
 }
 .baoche-form-box{
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #EEEEEE;
    background-color: #fff;
    height: 60px;
    margin-bottom: 50px;
    float: left;
    overflow: hidden;
    border-radius: 5px;
 }
 .baoche-form-box-title{
    display: block;
    float: left;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
 }
 .baoche-form-box-title span{
    color: #22a170;
 }
 .baoche-form-item{
    display:block;
    float: left;
    
    width: 18%;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    font-size: 18px;
    color: #999999;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    text-align: left;
    padding: 0 10px;
    font-size: 14px;
    overflow: hidden;
    margin-right: 2%;
 }
 .baoche-form-item-title{
    display: block;
    float: left;
    width: 25%;
    border-right: 1px solid #EEEEEE;
    box-sizing: border-box;
 }
 .baoche-form-item-form{
    display: block;
    float: left;
    width: 75%;
    overflow: hidden;
 }
 .baoche-form-item-form select{
    display: inline-block;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    text-align: center;
 }
 .baoche-form-item-form input{
    display: inline-block;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    text-align: center;
 }

 .baoche-yuedengyu{
    display: block;
    width: 3%;
    float: left;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    color: #000;
 }

 .baoche-yuedengyu-baojia{
    display: block;
    width: 12%;
    float: left;
    line-height: 60px;
    text-align: left;
    font-size: 22px;
    color: #22a170;
    padding-left: 15px;
 }
 .baoche-jisuan-button{
    display: block;
    width: 6%;
    float: right;
    line-height: 40px;
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
    background-color: #22a170;
    color: #fff;
    cursor: pointer;
    border-radius: 8px;
 }
 .bcpage-chexing-bg{
    display: block;
    width: 100%;
    background-color: #fff;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
 }
 .bcpage-chexing-bg h3{
     
 }


 .baoche-page-chexinbox{
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 20px;
 }

 .baoche-page-chexinbox h3{
    font-size: 45px;
    color: #2d2d2d;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 10px;
 }
 .baoche-page-chexinbox p{
    font-size: 16px;
    color: #999999;
    line-height: 1.5;
    max-width: 620px;

    margin: auto;
 }
 .baoche-page-chexinbox p span{
    color: #22a170;
    font-weight: bold;
 }

 .card-type-list{
    display: block;
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
    float: left;
    line-height: 60px;
 }

.card-type-list-bc{
    display: block;
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
    float: left;
    line-height: 60px;
}
 .card-type-list-item{
    display: inline-block;
    text-decoration: none;
    color: #999;
    font-size: 16px;
    padding: 0 20px;
    box-sizing: border-box;
     border-bottom: 2px solid #fff;
 }
 .card-type-list-item.active{
    color: #22a170;
    border-bottom: 2px solid #22a170;
 }
 .card-type-list-name{
    display: inline-block;
 }

 .card-list{
    display: block;
    width: 100%;
    float: left;
    padding-top: 30px;
 }
 .card-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    float: left;
 }
 .card-list ul li {
    display: block;
    width: 23.6%;
    float: left;
    box-sizing: border-box;
    border: 1px solid #EEEEEE;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-right: 1.33%;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
 }
 .card-list li:last-child , .card-list li:nth-child(4){
    margin-right: 0;
 }

/*
.card-list ul li {
  display: block;
   width: 32.3%;
  float: left;
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 1%;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
}
 .card-list li:last-child , .card-list li:nth-child(3){
    margin-right: 0;
 }
*/



 .card-list ul li:hover{
    box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
 }
 .card-list ul li a{
    display: block;
    text-decoration: none;
    color: #000;

 }
 .card-list-image{
    display: block; 
    width: 100%;
    height: 160px;
    background-color: #eeeeee;
     background-size: cover;
     background-position: center;
 }
 .card-list-image img{
    display: block;
    width: 100%;
 }
 .card-list-info{
    display: block; 
    width: 100%;
    padding: 10px 15px ;
    
 }
 .card-list-info .info{
     height: 80px;
     overflow: hidden;
 }
 .card-list-info h4{
    font-size: 18px;
    color: #000;
    line-height: 1;
    padding: 0;
    margin: 0;

 }
 .card-list-info p{
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    padding: 10px 0 0 0;
 }
 .card-list-info .info {
    color: #999!important;
 }
.tag-box{
    display: inline-block;
    padding: 3px 30px;
    background-color: #3756a1;
    color: #fff!important;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
 }
 .bcpage-car-list-button-box{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 40px;
    /*margin-bottom: 40px;*/
    float: left;
 }
 .bc-page-siji-bg{
    display: block;
    width: 100%;
    background-color: #fff;

 }
 .siji-box{
    display: block;
    width: 100%;


 }

 .siji-list-box{
    display: block;
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
 }
 .bcpage-siji-list-button-box{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 50px;
    float: left;
 }
.wuxing {
    /* 五角星的基本样式 */
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin: 1em 0;
    border-right: 1em solid transparent;
    border-bottom: 0.7em solid #FFD700;
    border-left: 1em solid transparent;
    transform: rotate(35deg);
}

.wuxing:before {
    /* 五角星左上角 */
    content: '';
    position: absolute;
    border-bottom: 0.8em solid #FFD700;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    top: -0.45em;
    left: -0.65em;
    transform: rotate(-35deg);
}

.wuxing:after {
    /* 五角星右上角 */
    content: '';
    position: absolute;
    top: 0.03em;
    left: -1.05em;
    border-right: 1em solid transparent;
    border-bottom: 0.7em solid #FFD700;
    border-left: 1em solid transparent;
    transform: rotate(-70deg);
}

/* 黄色实心五角星 */
.wuxing.yellow {
    border-bottom-color: #FFD700;
}

.wuxing.yellow:before {
    border-bottom-color: #FFD700;
}

.wuxing.yellow:after {
    border-bottom-color: #FFD700;
}

/* 灰色实心五角星 */
.wuxing.gray {
    border-bottom-color: #CCCCCC;
}

.wuxing.gray:before {
    border-bottom-color: #CCCCCC;
}

.wuxing.gray:after {
    border-bottom-color: #CCCCCC;
}
.wuxing{
    font-size: 8px;

}
.siji-list-image{
    display: block;
    width: 45%;
    float: left;
    height: 200px;
    background-color: #eeeeee;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
 }
.siji-list-info{
    display: block;
    width: 55%;
    float: left;
    padding: 10px 15px ;
}
.siji-list-box ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    float: left;
 }
.siji-list-box ul li {
    display: block;
    width: 32.3%;
    float: left;
    box-sizing: border-box;
    overflow: hidden;   
    margin-right: 1.5%;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
 }

.siji-list-box li:last-child,.siji-list-box li:nth-child(3n){
    margin-right: 0;
 }
.siji-list-box ul li a{
    display: block;
    text-decoration: none;
    width: 100%;
    float: left;
    color: #000;
    padding: 10px 15px;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
 }
.siji-list-box ul li:hover{
    box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}
.siji-list-info p{
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    padding: 0px 0 0 0;
    margin-top: 10px;
}
.siji-list-info .info{
    font-size: 14px;
    color: #999!important;

}
.feiyong-box{
    display: block;
    width: 100%;
    background-color: #fff;
    position: relative;
}
.feiyong-list-box{
    display: block;
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;   
}
.feiyong-list-box ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    float: left;
    background-color: red;
}
.feiyong-list-box ul li {
    display: block;
    width: 100%;
    float: left;
    background-color: red;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
}
.question-box-icon{
    display: block;
    width: 50px;
    height: 50px;
    background-color: #c14c4b;
    border-radius: 50%;
    float: left;
    font-size: 30px;
    margin-right: 20px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}
.question-box h3{
    font-size: 20px;
    color: #000;
    line-height: 1;
    padding: 0;
    margin: 0;
    display:inline-block;
    line-height: 50px;

}
.question-box{
    display: block;
    width: 100%;
    float: left;
    padding: 5px 5px;
    border-radius: 30px;
    border: 1px solid #EEEEEE;
    cursor: pointer;
    margin-bottom: 3px;
}
.answer-box{
    display: none;
    background-color: #f7f7f7;
    width: 96%;
    height: 0;
    box-sizing: border-box;
    float: left;
    padding:  30px;
    margin: 0px 2%;
    margin-bottom: 5px;
    border: 1px solid #EEEEEE;
    line-height: 1.8;
    overflow: hidden;

}
.right-jiantou-icon{

    display: block;
    float: right;
    width: 20px;
    height: 20px;
    position: relative;
    margin-top: 15px;
    margin-right: 15px;
    transform: rotate(0deg);
    transition: all 0.3s;
}

.right-jiantou-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 2px;
    background: #999;
    transform: rotate(45deg);
    transform-origin: right;
}

.right-jiantou-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 2px;
    background: #999;
    transform: rotate(-45deg);
    transform-origin: right;
}
.active .right-jiantou-icon{
    transform: rotate(90deg);
    margin-top: 20px;
    transition: all 0.3s;
}
.active .answer-box{
    display: block;
    height: auto!important;
    transition: all 0.3s;
}
.about-page-title-box{
    display: block;
    padding: 0px 0 50px;
}
.about-page-title-left {
    display: block;
    width: 40%;
    float: left;
    margin-top: 80px;
}
.about-page-title-left p {
    font-size: 15px;
    color: #000;
    line-height: 1.5;
    margin-top: 20px;
}
.about-page-title-left h1{
    font-size: 40px;
    color: #000;
    line-height: 1;
    padding: 0;
    margin: 0;
    line-height: 50px;
}
.about-page-title-right{
    display: block;
    width: 60%;
    float: left;
}
.guanyu-image-box.about-page{
    margin-top: 50px!important;
}
.kehu-fankui-bg{
    display: block;
    width: 100%;
    position: relative;
    padding: 50px 0;
    max-width: 1920px;
    margin: auto;
}
.kehu-gushi-title{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
}
.kehu-gushi-title h3{
    display: block;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.kehu-gushi-title p{
    font-size: 14px;
    line-height: 1.5;

}
.kehu-gushi-list-box{
    display: block;
    width: 100%;
    height: 390px;
    margin-top: 20px;
    z-index: 10;
    position: relative;
    margin-bottom: 0px;
    padding: 0 30px;
 }
 .kehu-gushi-list-img{
    display: block;
    width: 100%;
    height: 180px;
    background-size: cover;
 }
 .kehu-list-content-desc{
    font-size: 14px;
    color: #333333;
    line-height: 2;
 }
 .kehu-list-content-desc::before,.kehu-list-content-desc::after{
    content: "";
    display: table;
    clear: both;
 }
 .kehu-list-content-desc .name{
    display: block;
    float: left;
 }
 .kehu-list-content-desc .xingxing{
    display: block;
    float: left;
    padding-top: 3px;
 }
 .ai-box{
    display: block;
    width: 100%;
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
    margin-top: 40px;
    border-radius: 10px;
    overflow: hidden;
 }
 .ai-enter-box{
    padding: 10px;
 }
 .ai-enter-box textarea{
    display: block;
    width: 100%;
    height: 100px;
    border: none;
    outline: none;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
    resize: none;
    font-size: 16px;
 }
 .ai-button-box{
    display: block;
    width: 100%;
    text-align: right;

 }
 .ai-button-box a{
    display: inline-block;
    padding: 15px 30px;
    background-color: #2c7eff;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 20px;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
 }
 .ai-button-box a:hover {
    opacity: 0.7;
    color: #fff;
    transition: all 0.3s ease-in-out;
 }
.ai-button-box a:active{
    opacity: 0.5;
    color: #fff;
    
 }

 .about-data-box{
    display: block;
    width: 100%;
    float: left;
 }

 .gentuan-bar{
    display: block;
     width: 100%;
     float: left;
     margin-top: 30px;
 }
 .gentuan-bar-box{
     display: block;
     width: 100%;
     text-align: center;
     background-color: #eff8ff;
     height: 60px;
     margin-bottom: 20px;
     float: left;
     overflow: hidden;
     border-radius: 5px;
 }
.gentuan-form-item{
    display:block;
    float: left;
    background: #Fff;
    width: 20%;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    color: #999999;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    text-align: left;
    padding: 0 10px;
    font-size: 14px;
    overflow: hidden;
    margin-right: 2%;
}
.gentuan-form-data-item{
    display:block;
    float: left;
    width: 15%;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    color: #999;
}
.gentuan-form-data-item span{
    font-weight: bold;
    color: #38a16e;
}
.gentuan-form-item-title{
    display: block;
    float: left;
    width: 35%;
    text-align: center;
    border-right: 1px solid #EEEEEE;
    box-sizing: border-box;
}
.gentuan-form-item-form{
    display: block;
    float: left;
    width: 65%;
    overflow: hidden;
}

.gentuan-form-item-form select{
    display: inline-block;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    text-align: center;
}
.gentuan-form-item-form input{
    display: inline-block;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    text-align: center;
}
.gentuan-form-btn{
    display: block;
    float: right;
    margin-right: 20px;
    width: 10%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    color: #FFF;
    text-decoration: none;
    margin-top: 10px;
    background-color: #38a16e;
    transition: all 0.3s ease-in-out;
}
.gentuan-form-btn:hover{
    opacity: 0.8;
    color: #FFF;
}
.dingzhi-bg{
    display: block;
    width: 100%;
    position: relative;
    background-position: bottom;
}
.dingzhi-search-list{
    display: block;
    width: 100%;
    float: left;

}
.dingzhi-search-list li{
    display: block;
    list-style: none;
    width: 32.33%;
    background: #FFF;
    height: 350px;
    margin-left: 1.5%;
    margin-bottom: 1.5%;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #EEEEEE;
    transition: all 0.3s ease-in-out;
}
.dingzhi-search-list li:hover{
    box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    scale: 1.01;
}
.dingzhi-search-list li:first-child{
    margin-left: 0;
}
.dingzhi-search-list li:nth-child(3n+1){
    margin-left: 0;
}
.dingzhi-search-list li a{
    display: block;
    text-decoration: none;
    width: 100%;
    float: left;
    color: #000;
}
.dingzhi-search-list-item{
    display: block;
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
}
.dingzhi-item-img{
    display: block;
    width: 100%;
    height: 220px;
    float: left;
    overflow: hidden;
    position: relative;
    background-size: cover;
}
.dingzhi-item-img-data-item-box{
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;

}
.dingzhi-item-img-data-item{
    display: block;
    width: 50%;
    height:30px;
    line-height: 30px;
    float: left;
    background: rgba(0,0,0,0.5);
    color: #FFF;
    text-align: center;
    box-sizing: border-box;
}
.dingzhi-item-img-data-item-box-top{
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.dingzhi-item-img-data-item-top{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    float: left;
    font-size: 14px;
    background: rgb(204 155 29 / 90%);
    color: #FFF;
    text-align: center;
    box-sizing: border-box;
}
.daojishi-box{
    display: inline-block;
    font-weight: 600;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 5px;
    background: rgba(236, 104, 119, 0.9);
    color: #FFF;
}
.dingzhi-item-img-data-item+.dingzhi-item-img-data-item{
    border-left: 1px solid #EEEEEE;
}
.dingzhi-item-content{
    display: block;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    padding-top: 0;
}
.dingzhi-item-title{
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
}
.dingzhi-item-text{
    font-size: 13px;
    color: #999999;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dingzhi-title-box{
    display: block;
    width: 100%;
    max-width: 800px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.dingzhi-title-box h1{
    font-size: 40px;
    color: #2d2d2d;
}
.dingzhi-title-box p{
    font-size: 14px;
    color: #999999;
    line-height: 2;
}
.dingzhi-liyou-list{
    display: block;
    width: 100%;
    float: left;
    margin: 0;
    margin-bottom: 50px;
}
.dingzhi-liyou-list li{
    display: block;
    list-style: none;
    float: left;
    width: 20%;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.dingzhi-liyou-list li:hover{
    scale: 1.1;
}
.dingzhi-lvyou-list-icon,.dingzhi-lvyou-list-name,.dingzhi-lvyou-list-desc{
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    color: #999999;
    margin-bottom: 10px;
    font-size: 14px;
}
.dingzhi-lvyou-list-name{
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-top: 10px;
}
.dingzhi-duibi-box{
    display: block;
    width: 90%;
    margin-left: 5%;
    float: left;
    position: relative;
    margin-bottom: 50px;
}
.dingzhi-duibi-left,.dingzhi-duibi-right{
    display: block;
    width: 50%;
    float: left;
    background: #f6f6f6;
    border-radius: 30px;
    padding: 30px;
}
.dingzhi-duibi-left{
    margin-top: 50px;
    margin-left: 20px;

}
.dingzhi-duibi-right{
    background: #40ab79;
    margin-left: -20px;
    z-index: 100;
    box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.3);
}
.dingzhi-duibi-box h3{
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 100%;
}
.dingzhi-duibi-right h3{
    color: #fff;
}
.dingzhi-duibi-box ul{
    display: block;
    width: 100%;
    margin: 0;
    float: left;
}
.dingzhi-duibi-box ul li{
    list-style: none;
    padding: 15px;
    width: 90%;
    margin-left: 5%;
    background-color: #FFFFFF;
    border-radius: 30px;
    margin-top: 15px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 10px center;
    transition: all 0.3s ease-in-out;
}
.dingzhi-duibi-box ul li:hover{
    scale: 1.05;

}
.dingzhi-duibi-box ul li{
    background-image:url("/statics/images/dingzhi-cha.png");
}
.dingzhi-duibi-box .dingzhi-duibi-right ul li{
    background-image:url("/statics/images/dingzhi-gou.png");
}
.article-box{
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-bottom:30px ;
}
.article-content{
    display: block;
    width: 70%;
    float: left;
    box-sizing: border-box;
    padding: 40px;
    border: 1px solid #EEEEEE;
    background: #FFF;
}
.article-left-box{
    display: block;
    width: 70%;
    float: left;
}
.article-left-box .article-content{
    width: 100%;

}
.article-content img{
    max-width: 100%;
}
.article-goods-info{
    display: block;
    width: 65%;
    float: left;
    height: 180px;
    padding: 15px;
    font-size: 14px;
    background: #fff;
    margin-bottom: 30px;
    border: 1px solid #EEEEEE;
}
.article-goods-info a{
    color: #0B90C4;
    text-decoration: none;
}
.article-goods-info p{
    line-height: 2.5;
}
.article-goods-yuyue{
    display: block;
    width: 33%;
    height: 180px;
    float: right;
    text-align: center;
    margin-bottom: 30px;
    padding: 15px;
    box-sizing: border-box;
    border: 2px solid #00ab8e;
}
.article-goods-yuyue p{
    line-height: 1.8;
    font-size: 14px;
    color: #999999 ;
    display: block;
    position: relative;
}
.article-goods-yuyue p:before, .article-goods-yuyue p:after{
    content: " ";
    display:table;
    clear: both;
}
.article-goods-yuyue a img{



}
.article-goods-yuyue a{
    display: inline-block;
    width: 25%;
    height: 50px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 8px;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #EEEEEE;
    /*background-color: #00ab8e;*/
    box-sizing: border-box;
    padding: 5px;
    color: #000;

}
.article-goods-yuyue a:hover{

    border: 1px solid #00ab8e;
}
.article-goods-yuyue a span{
    display: block;
    float: left;
    height: 100%;
}
.article-goods-yuyue a:before, .article-goods-yuyue a:after{
    content: " ";
    display: table;
    clear: both;
}
.article-goods-yuyue-price{
    font-size: 30px!important;
    color: #00ab8e!important;
}
.list-content{
    display: block;
    width: 28%;
    text-align: center;
    margin-left: 2%;


    float: left;
}
.article-content h1{
    font-weight: 400!important;
    font-size: 30px!important;

}
.article-infobox{
    display: block;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 15px 0;
    color: #999999;
    font-size: 14px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}
.article-tuijian{
    display: block;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px 0 0 0;
    color: #999999;
    font-size: 14px;
}
.article-text-box{
    display: block;
    width: 100%;
    font-size: 14px;
    line-height:2;

    box-sizing: border-box;
    padding: 10px;
}
.article-text-box p{
    font-size: 14px;
    line-height:2;
    margin-bottom: 0px;


}
.article-right-item{
    display: block;
    width: 100%;
    padding: 5px 0;
    background: #fff;
}
.article-right-item+.article-right-item{
    border-top: 1px solid #eeeeee;

}

.article-text-box-item{
    display: none;
}
.article-text-box-item.active{
    display: block;
}
.article-text-box-button{
    display: block;
    width: 70%;
    margin: auto;
    border: 1px solid #00ab8e;
    margin-bottom: 20px;
    border-radius: 5px;
    line-height: 40px;
    overflow: hidden;
}
.article-text-box-button:before,.article-text-box-button:after{
    content: "";
    display: table;
    clear: both;
}
.article-text-box-button-item{
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    cursor: pointer;
    color: #00ab8e;
}
.article-text-box-button-item.active{
    background: #00ab8e;
    color: #fff;
}
.article-text-box-button-item+.article-text-box-button-item{
    border-left: 1px solid #00ab8e;
}
.article-right-item:hover{
    scale: 1.01;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.2);
}
.article-remen-list-content{
    display: block;
    width: 100%;
    border: 1px solid #eeeeee;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.article-right-item:before,.article-right-item:after{
    content: "";
    display: table;
    clear: both;
}

.article-remen-list-content:before,.article-remen-list-content:after{
    content: "";
    display: table;
    clear: both;
}
.article-right-item a{
    display: block;
    width: 100%;
    float: left;
    text-decoration: none;
    color: #333;
}
.article-right-item-time-box{
    display: block;

    width: 25%;
    height: 70px;
    background: linear-gradient(135deg, #7af88b, #22a170);
    position: relative;

    float: left;
    border-radius: 6px;
    text-align: center;
    color: #fff;
}
.article-right-item-title{
    display: block;
    width: 72%;
    float: left;
    margin-left: 2%;
    padding: 10px;
    padding-right: 15px;
}

.article-remen-line-item{
    display: block;
    width: 100%;
    position: relative;
    background: #fff;
}
.article-remen-line-item:before,.article-remen-line-item:after{
    content: "";
    display: table;
    clear: both;
}
.article-remen-line-item:hover{
    scale: 1.01;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 30px 6px rgba(0, 0, 0, 0.2);
}
.article-remen-line-item a{
    display: block;
    width: 100%;
    float: left;
    text-decoration: none;
    color: #333;
}
.article-remen-line-item-image{
    display: block;
    width: 35%;
    height: 80px;
    float: left;
    background-size: cover;
}
.article-remen-line-item-right-content{
    display: block;
    width: 63%;
    float: left;
}
.article-remen-line-item-right-content-title{
    display: block;
    width: 100%;
    height: 55px;
    float: left;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 5px;
}
.article-remen-line-item-right-content-time{
    display: block;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 5px;
}
.article-remen-line-item-right-content-price,.article-remen-line-item-right-content-count{
    display: block;
    width: 50%;
    float: left;
    font-size: 14px;
}
.article-remen-line-item-right-content-count{
    color: #0B90C4;
}
.article-remen-line-item-right-content-price{
    text-align: right;
    color: #00ab8e;
}
.article-remen-line-item+.article-remen-line-item{
    margin-top: 10px;
}
.article-last-and-next{
    display: block;
    width: 100%;
    float: left;
    box-sizing: border-box;
    border-top: 1px dashed #ccc;
    padding: 20px 0 0 0;
    font-size: 14px;
}
.article-jingqu-box{
    color: #999999;
}
.article-jingqu-box a{
    display: inline-block;
    color: #0B90C4;
    text-decoration: none;
}
.article-last{
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 16px;
}
.article-last a{
    color: #0a4b3e;
    text-decoration: none;
}
.article-last a:hover{
    color: #0a4b3e;
    text-decoration: underline;
}
.jingqu-tag-box{
    display: inline-block;
    padding: 2px 15px;
    border-radius: 5px;
    background: #0B90C4;
    color: #fff!important;

}
.minsu-list-img{
    display: block;
    width: 100%;
    height: 190px;
    background-size: cover;
}
.list-boxes{
    display: block;
    width: 100%;
    padding: 10px;
    float: left;
}
.list-boxes+.list-boxes{
    border-top: 1px solid #eeeeee;
}
.list-boxes a{
    display: block;
    position: relative;
    color: #0a1e2c;
    width: 100%;
    text-decoration: none;
    float: left;
}
.list-boxes:hover{
    background: #f7f7f7;
}
.list-boxes h2{
    font-size: 20px;
}
.list-box-left,.list-box-right{
    display: block;
    float: left;
}
.list-box-left{
    width:25%;
    height: 120px;
    background-color: #f7f7f7;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
}

.list-box-right{
    width: 75%;
    box-sizing: border-box;
    padding-left: 10px;
}
.list-box-right-desc{
    font-size: 14px;
    color: #999999;
    display: block;
    width: 100%;
    height: 70px;
}

.list-box-right-info{
    font-size: 14px;
    color: #999999;
    display: block;
    width: 100%;
}
.pagination{
    display: block;
    list-style: none;
}
.pagination .page-item{
    display: inline-block;
    margin-left: 5px;
}
.pagination .page-item .page-link{
    padding: 5px 10px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.pagination .page-item a{
    display: block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #0a1e2c;
}
.list-page.shendu-nav-box ul li a {
    display: block;
    color: black;
    text-decoration: none;
    padding: 5px 30px;
    border-radius: 5px;
    background: #f7f7f7;

}


.shendu-more{
    display: none;
}
.shendu-more.active{
    display: inline-block;
}