body {
     background-color: #ffffff;
 }
 
 .banner-style {
     width: 100%;
 }
 
 .banner-img {
     width: 100%;
     height: 100%;
 }
 
 .first-nav-box {
     height: 74px;
     line-height: 74px;
     font-size: 16px;
     border-bottom: 1px solid #e0e0e0;
 }
 
 .first-nav-box .nav-a {
     display: inline-block;
     /* width: 100px; */
     color: #33383a;
 }
 
 .first-nav-box .nav-a:hover {
     color: #0088d4;
 }
 
 .first-nav-box .active-a {
     color: #0088d4;
 }
 
 .first-box {
     margin: 80px auto 60px auto;
 }
 
 .header-style {
     text-align: center;
     font-size: 40px;
 }
 
 .first-box .content-style {
     margin: 40px 0 10px 0;
     font-size: 16px;
 }
 
 .first-box img {
     display: block;
     /* width: 1043px; */
     width: 90%;
     margin: 0 auto;
 }
 
 .second-box .content-style {
     margin: 45px auto;
     text-align: center;
     font-size: 20px;
 }
 
 .second-box .nav-box {
     display: flex;
     justify-content: space-between;
     width: 320px;
     margin: 20px auto 45px auto;
 }
 
 .second-box .nav-box a {
     font-size: 16px;
     color: #818c90;
 }
 
 .second-box .nav-box .active-a {
     padding-bottom: 10px;
     border-bottom: 2px solid #0088d4;
 }
 
 .second-box .nav-box .active-a a {
     color: #0088d4;
 }
 
 .second-box .img-text-box {
     display: flex;
     margin: 0 auto;
 }
 .changjing-box .changjing-box-item.active-a{
    display: block;
}
 .changjing-box .changjing-box-item{
     display: none;
 }

 .second-box .img-text-box img {
     /* width: 711px; */
     width: 60%;
 }
 
 .second-box .img-text-box div {
     width: 35%;
     margin: auto 40px;
     font-size: 16px;
     color: #33383a;
 }
 
 .third-box {
     margin: 60px auto;
     padding:60px 0;
     background-color: #f7f9fa;
 }
 
 .third-box .header-style {
     margin-bottom: 60px;
 }
 
 .third-box .item-box {
     display: flex;
     background-color: #f7f9fa;
     padding: 0 30px;
 }
 
 .third-box .item-box img {
     width: 58%;
 }
 
 .third-box .right-box {
     width: 45%;
     background-color: #ffffff;
     
 }
 .right-inside-box{
    width: 80%;
    margin: 0 auto;

 }
 .header-class {
    padding-top: 10%;

     font-size: 26px;
 }
 
 .diqu-style {
     margin: 30px 0;
     font-size: 20px;
 }
 
 .text-item {
     margin-bottom: 30px;
     font-size: 16px;
     color: #33383a;
 }
 
 .title-style {
     font-weight: 600;
 }
 
 .last-box-div {
     margin: 170px auto 110px auto;
 }
 
 .last-box-div .content-text {
     margin: 10px 0 110px;
     text-align: center;
     font-size: 18px;
 }
 
 .last-box-div .btn-style {
     width: 240px;
     height: 50px;
     margin: 0 auto;
     text-align: center;
     line-height: 50px;
     background-color: #0088d4;
     font-size: 18px;
     color: #ffffff;
 }
 
 
 
 .swiper-container {
     position: relative;
 }
 .small-view{
    display: none;
}
.big-view{
    display: block;
}
 /* 媒体查询（手机） */
 

 @media screen and (max-width:1366px) {
    .first-box .content-style {
        margin: 30px 0 10px 0;
        font-size: 15px;
    }
    .header-style {
        font-size: 36px;
    }
    .second-box .content-style {
        margin: 40px auto;
        font-size: 18px;
    }
    .header-class {
        font-size: 24px;
    }
    .text-item {
        font-size: 15px;
    }
    .diqu-style {
        margin: 30px 0;
        font-size: 19px;
    }
    .last-box-div .content-text {
        /* margin: 10px 0 60px; */
        font-size: 17px;
    }
 }
 /* 媒体查询（平板） */
 
 @media screen and (min-width: 768px) and (max-width: 992px) {
     .first-nav-box {
         padding: 0 20px;
     }
     .second-box .img-text-box img {
         margin-left: 10px;
     }
     .first-nav-box {
        height: 100px;
        line-height: 49px;}
     .header-style {
        font-size: 30px;
    }
    .second-box .content-style {
        margin: 30px auto;
        font-size: 17px;
    }
    .first-box {
        margin: 50px auto 60px auto;
    }
    .second-box .img-text-box div {
        font-size: 15px;
    }
    .header-class {
        font-size: 20px;
    }
    .diqu-style {
        margin: 15px 0;
        font-size: 17px;
    }
    .text-item {
        font-size: 14px;
        margin-bottom: 15px;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    }
    .last-box-div {
        margin: 79px auto 80px auto;
    }
    .last-box-div .content-text {
        margin:10px 0 50px;
    }
    .small-view{
        display: block;
    }
    .big-view{
        display: none;
    }
    .flex-between{
        display: block;
    }
 }
 @media screen and (max-width:1366px) {
    .first-box,.flex-between,.second-box,.swiper-container-horizontal{
        width: 80%;
    }
    
 }
 @media screen and (max-width: 768px) {
    .first-box,.flex-between,.second-box,.swiper-container-horizontal{
        width: 95%;
    }
     .first-nav-box {
         padding: 0 ;
         height: 49px;
         line-height: 49px;
         font-size: 14px;
     }
     .small-view{
        display: block;
    }
    .big-view{
        display: none;
    }
    .flex-between{
        display: block;
    }
     .first-nav-box .nav-a {
         width: 20%;
         margin-right: 10px;
     }
     .first-box {
        margin: 30px auto 50px auto;
    }
     .first-nav-box {
        height: 100px;
        line-height: 49px;}
     .nav-a {
        width: 18%;
        margin-right: 18px;
        font-size: 14px;
    }
    .first-nav-box {
        height: 100px;
        line-height: 49px;
        font-size: 14px;
    }
     .first-box .content-style {
         margin: 20px 10px 10px 10px;
         font-size: 14px;
     }
     .header-style {
         font-size: 20px;
     }
     .second-box .content-style {
         margin: 20px auto;
         font-size: 14px;
     }
     .second-box .nav-box a {
         margin: 20px auto 25px auto;
         font-size: 14px;
     }
     .second-box .img-text-box{
         display: block;
     }
     .second-box .img-text-box div {
         width: 95%;
         margin: auto 10px auto 10px;
         font-size: 14px;
     }
     .second-box .img-text-box img {
         margin-left: 10px;
         width: 95%;
     }
     .second-box .nav-box {
         margin: 20px auto 25px auto;
     }
    
     .third-box {
         margin: 30px auto;
         padding: 30px 0;
     }
     .header-class {
         padding-top: 10px;
         font-size: 16px;
     }
     .diqu-style {
         margin: 12px 0;
         font-size: 14px;
     }
     .third-box .item-box{
         display: block;
     }
     .text-item {
         margin-bottom: 10px;
         font-size: 14px;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 3;
         overflow: hidden;
     }
     .third-box .item-box img,.third-box .right-box{
         width: 100%;
     }
     .third-box .right-box{
       padding-bottom: 10px;
    }
     .third-box .header-style {
         margin-bottom: 30px;
     }
     .last-box-div {
         margin: 30px auto ;
     }
     .last-box-div .content-text {
         margin: 10px 10px 20px;
         font-size: 14px;
     }
     .last-box-div .btn-style {
         width: 140px;
         height: 40px;
         line-height: 40px;
         font-size: 14px;
     }
 }