@media screen and (max-width: 1655px){

    .container-fluid {

        padding-right: 80px;

        padding-left: 80px;

    }

    .header-pc .header-cont{

        height: 80px;

    }

    .header-pc .right-list>li{

        line-height: 80px;

        margin: 0 10px;

    }

    .header-pc .right-list>li>a{

        font-size: 16px;

        line-height: 80px;

    }

    .header-pc .cont-list>li{

        width: 33.3%;

    }

    .header-pc .left-search{

        margin-top: 30px;

        left: -300%;

    }

    .index-banner{

        padding-top: 80px;

    }

    .index-title h2{

        font-size: 60px;

    }

    .index-title h3{

        font-size: 30px;

        margin-top: -44px;

    }

    .index-solut .box-text{

        padding: 100px 15px 0 15px;

        width: 300px;

    }

    .index-solut .box-text h2{

        font-size: 18px;

    }

    .index-project .project-banner .swiper-button-prev{

        left: 20px;

        width: 45px;

        height: 45px;

        border-radius: 10px;

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;

        -ms-border-radius: 10px;

        -o-border-radius: 10px;

    }

    .index-project .project-banner .swiper-button-next{

        right: 20px;

        width: 45px;

        height: 45px;

        border-radius: 10px;

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;

        -ms-border-radius: 10px;

        -o-border-radius: 10px;

    }

    .index-consum .box-list h2{

        font-size: 20px;

    }

    .index-news .list-text h2{

        font-size: 16px;

    }

    .index-news .list-text p{

        font-size: 14px;

    }

    .index-contact .cent-right{

        padding: 0 80px 0 50px;

    }

    .index-contact .list-box{

        flex-direction: column;

    }

    .index-contact .list-box .box-right{

        text-align: center;

    }

    .footer .left-list a{

        font-size: 16px;

    }

    .footer .left-list{

        margin-left: 60px;

    }



    .news-banner{

        padding-top: 80px;

    }



    .solut-head .swiper-button-prev {

        left: 3%;

    }

    .solut-head .swiper-button-next {

        right: 3%;

    }

}

@media screen and (max-width: 1200px){

    .container-fluid {

        padding-right: 50px;

        padding-left: 50px;

    }

    .header-pc .right-list>li{

        margin: 0 6px;

    }

    .header-pc .left-search{

        left: -500%;

    }

    .header-pc .right-list>li>a{

        font-size: 14px;

    }

    .header-pc .cont-list>li{

        width: auto;

    }

    .header-pc .cont-list>li>a{

        font-size: 14px;

    }

    .index-title h2{

        font-size: 50px;

    }

    .index-title h3{

        font-size: 25px;

        margin-top: -30px;

    }

    .index-solut .list-bar li a{

        font-size: 14px;

    }

    .index-solut .box-text{

        width: 260px;

        padding: 60px 10px 0 10px;

    }

    .index-solut .box-text h2{

        font-size: 16px;

    }

    .index-solut .box-text p{

        font-size: 14px;

    }

    .index-project .project-banner .swiper-button-next{

        width: 35px;

        height: 35px;

        right: 6px;

    }

    .index-project .project-banner .swiper-button-prev{

        width: 35px;

        height: 35px;

        left: 6px;

    }

    .index-consum .box-list h2{

        font-size: 18px;

    }

    .index-consum .box-list h2::after{

        height: 2px;

    }

    .index-contact .list-box .box-left img{

        width: 80%;

    }

    .index-solut .list-box{

        height: 432px;

    }

    .index-solut .list-bar.bar-active{

        top: -360px;

    }

    .index-solut .list-bar li{

        line-height: 67px;

    }

    .index-solut .list-cont{

        height: 482px;

    }

    .solut-head .swiper-button-next{

        right: 45%;

        top: 136%;

    }

    .solut-head .swiper-button-prev {

        left: 44%;

        top: 136%;

    }

    .footer .left-list dl{

        margin: 0 15px;

    }

    .footer .left-list{

        margin-left: 40px;

    }

    .footer .cont-right a:not(:first-child){

        margin-left: 20px;
    }

    .footer .footer-copy p{

        font-size: 16px;

    }



    .belt-box .list-left{

        padding: 30px 20px;

    }



    .news-banner{

        padding-top: 80px;

    }

}

@media screen and (max-width: 1000px){

    .header-pc{

        display: none;

    }

    .header-mobile{

        display: block;

    }

    .footer .footer-cont .container-fluid{

        flex-direction: column;

    }

    .footer .cont-left{

        flex-direction: column;

    }

    .footer .left-list{

        display: none;

    }

    .footer .cont-right{

        margin-top: 30px;

    }

    .footer .footer-cont{

        padding: 30px 0;

    }

    .index-banner{

        padding-top: 60px;

    }

    .news-banner{

        padding-top: 60px;

    }

    .index-title h2{

        font-size: 38px;

    }

    .index-title h3{

        font-size: 20px;

    }

    .index-contact .cent-left, .index-contact .cent-right{

        width: 100%;

    }

    .index-contact .cent-right{

        margin-top: 30px;

        padding: 0 30px;

    }

    .index-contact .right-tit p{

        font-size: 18px;

    }

    .index-contact .message-form{

        margin: 30px 0  0 0;

    }

}

@media screen and (min-width: 768px) and (max-width: 1000px){

    .index-solut .solut-list .row{

        flex-direction: column;

    }

    .index-solut .solut-list .row .col-md-3,.index-solut .solut-list .row  .col-md-9{

        flex: 0 0 100%;

        max-width: 100%;

    }

    .index-solut .solut-list .row  .col-md-9{

        margin-top: 30px;

    }



    .new-list .cent-li .row{

        flex-direction: column;

    }

    .new-list .cent-li .row .col-md-6{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .download-list .row{

        flex-direction: column;

    }

    .download-list .col-md-6{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .company-box .box-cent .row{

        flex-direction: column;

    }

    .company-box .box-cent .col-md-6{

        flex: 0 0 100%;

        max-width: 100%;

    }

    .company-box .box-list .col-md-4{

        flex: 0 0 50%;

        max-width: 50%;

    }



    .belt-title h2{

        font-size: 30px;

    }

    .belt1-box .row{

        flex-direction: column;

    }

    .belt1-box .col-md-6{

        flex: 0 0 100%;

        max-width: 100%;

    }

    .belt1-box .list-left{

        padding: 30px 20px;

    }

    .belt1-box .list-left h2{

        font-size: 22px;

    }



    .belt2-box .box-list1 .row{

        flex-direction: column;

    }

    .belt2-box .box-list1 .col-md-6{

        flex: 0 0 100%;

        max-width: 100%;

    }

    .belt2-box .cent-left{

        padding: 30px 20px;

    }

    .belt-tit h2{

        font-size: 24px;

    }

    .belt2-box .cent-left h2{

        font-size: 20px;

    }

    .belt2-box .list-box .box-text{

        padding: 20px 15px;

    }

    .belt3-list2 .box-text p{

        font-size: 18px;

    }

    .belt3-list1 .list-left p{

        line-height: 24px;

    }

    .belt-box .list-left {

        padding: 15px 10px;

    }

    .belt3-list2 .list2-text{

        padding: 30px 20px;

    }



    .beltdetail-box{

        padding: 150px 0;

    }

    .beltdetail2-list .con-left, .beltdetail2-list .con-right{

        width: 100%;

    }

    .beltdetail2-list .list-con li{

        flex-wrap: wrap;

    }

    .beltdetail2-list .con-left{

        padding: 30px 20px;

    }



    .model-cent{

        width: 80%;

    }

}

@media screen and (max-width: 767px){

    .header-mobile .mobile_nav{

        padding: 20px 15px;

        width: 100%;

    }

    .header-mobile .mobile-cent a{

        font-size: 12px;

    }

    .header-mobile .header-list>li>a{

        padding: 10px 0 ;

        font-size: 14px;

        line-height: 20px;

    }

    .header-mobile .header-list .icon-bottom{

        top: 10px;

    }

    .header-mobile .mobile-cent li{

        float: left;

        width: 50%;

    }

    .header-mobile .mobile-cent{

        padding: 0;

    }

    .index-title h2{

        font-size: 30px;

    }

    .index-title h3{

        font-size: 18px;

        top: -24px;

    }

    .footer .footer-copy p {

        font-size: 14px;

    }

    .container-fluid {

        padding-right: 30px;

        padding-left: 30px;

    }

    .index-solut{

        padding: 30px 0;

    }

    .index-project .project-box{

        padding: 30px 0;

    }

    .index-consum{

        padding-top: 30px;

    }

    .index-solut .solut-list .col-md-3{

        margin-bottom: 20px;

    }

    .index-solut .list-cont{
        display: none;
    }
    /* .index-solut .list-box{
        height: 70px;
        overflow-x: auto;
    } */
    /* .index-solut .list-bar{
        display: flex;
    }
    .index-solut .list-bar li a{
        width: 200px;
    } */
    /* .index-solut .list-btn{
        display: none;
    } */

    .index-solut .box-text{

        width: 100%;

        top: 372px;

        padding: 10px 10px 0 10px;

    }

    .index-solut .box-text h2{

        margin: 10px 0;

    }

    .index-solut .box-text .text-more{

        margin-top: 8px;

    }
    .index-solut .box-text p{
        display: none;
    }
    .index-solut .text-img{
        display: none;
    }
    .index-consum .consum-box .row{

        margin-bottom: -20px;

    }

    .index-consum .consum-box .col-md-4{

        padding-bottom: 20px;

    }

    .index-news{

        padding: 120px 0 60px 0;

    }

    .index-news .new-box {

        margin-bottom: -20px;

    }

    .index-news .new-box .col-md-3{

        padding-bottom: 20px;

    }

    .index-client .box-list{

        flex-direction: column;

    }

    .index-project .project-banner .swiper-button-next{

        right: 10px;

    }

    .index-project .project-banner .swiper-button-prev{

        left: 10px;

    }



    .new-list {

        padding: 30px 0;

    }

    .new-list .list-cent{

        margin-top: 0;

    }

    .new-list .cent-box {

        padding: 50px 20px 0 20px ;

    }

    .new-list .cent-box h2 a{

        font-size: 20px;

        line-height: 20px;

    }

    .new-list .cent-box p{

        font-size: 14px;

        margin-top: 15px;

    }

    .new-list .cent-box h2::after{

        top: -20px;

    }

    .newdetail-box {

        padding: 120px 0 60px 0;

    }

    .newdetail-title h2{

        font-size: 24px;

    }

    .newdetail-list{

        padding: 30px 20px;

    }

    .newdetail-list p{

        font-size: 14px;

    }
    .newdetail-img {
        margin-top: 50px;
        padding: 30px 10px;
    }
    .newdetail-img video{
        width: 100%;
    }
    .newdetail-box .based-list{

        padding: 0;

    }

    .newdetail-box .based-box{

        align-items: baseline;

    }

    .newdetail-box .based-box a{

        font-size: 14px;

    }

    .newdetail-return a{

        padding: 0 25px;

        line-height: 35px;

    }



    .company-box {

        padding: 30px 0;

    }

    .company-box .box-cent .cent-text{

        padding: 30px 20px;

    }

    .company-box .box-cent .cent-text p{

        font-size: 14px;

    }

    .company-box .box-list .list-box i{

        width: 65px;

        height: 65px;

    }

    .company-box .box-list .list-box h2{

        font-size: 18px;

        line-height: 30px;

        margin: 10px 0;

    }

    .company-box .box-list .list-box p{

        font-size: 14px;

    }

    .company-box .box-list .list-box{

        padding: 30px 20px;

    }



    .download-list{

        padding: 30px 0;

    }

    .download-list .cont-box{

        flex-direction: column;

    }

    .download-list .box-text{

        margin: 30px 0 0 0;

    }

    .download-list .box-text h2{

        font-size: 18px;

    }

    .download-list .box-text p{

        font-size: 14px;

        margin: 15px 0;

    }

    .download-list .box-text a{

        font-size: 14px;

        padding: 6px 15px;

    }

    .download-list .row{

        margin-right: 0;

        margin-left: 0;

    }

    .download-list .col-md-6{

        padding-bottom: 30px;

        padding-left: 0;

        padding-right: 0;

    }



    .belt-head .head-list{

        flex-direction: column;

    }

    .belt-title h2{

        font-size: 24px;

    }

    .belt-box {

        padding: 50px 0;

    }

    .belt-box .list-left{

        padding: 20px 10px;

    }

    .belt-box .list-left h2{

        font-size: 20px;

    }

    .belt-box .left-txt p{

        font-size: 14px;

    }

    .belt-box .left-txt {

        margin-top: 15px;

    }



    .belt2-box .list1-txt{

        padding: 20px 10px;

    }

    .belt-tit h2{

        font-size: 24px;

    }

    .belt2-box .cent-left{

        padding: 15px;

    }

    .belt2-box .cent-left h2{

        font-size: 20px;

    }

    .belt2-box .cent-left p{

        font-size: 14px;

    }

    .belt2-box .cent-left a{

        padding: 6px 15px;

    }

    .belt3-list2 .list2-text{

        padding: 30px 15px;

    }

    .belt3-list2 .list2-text p{

        font-size: 14px;

    }

    .belt3-list2 .box-text p{

        font-size: 18px;

    }

    .belt3-list2 .box-text{

        padding: 20px 10px;

    }

    .belt3-list2 .list2-text h2{

        font-size: 18px;

        margin-bottom: 8px;

    }



    .beltdetail-tit h2{

        font-size: 24px;

    }

    .beltdetail-box{

        padding: 100px 0;

    }

    .beltdetail1-img{

        margin-top: 30px;

    }

    .beltdetail1-img .img-text{

        padding: 10px;

    }

    .beltdetail1-img .img-text p{

        font-size: 14px;

    }

    .beltdetail1-con .con-box h2{

        font-size: 20px;

    }

    .beltdetail1-con .box-list a{

        font-size: 14px;

    }

    .beltdetail1-con .con-box{

        padding: 30px 15px;

    }

    .beltdetail1-con .box-list{

        margin-top: 20px;

    }

    .beltdetail1-list .text-link a:last-child{

        margin-left: 0;

        margin-top: 15px;

    }

    .beltdetail1-list .text-link a{

        font-size: 14px;

    }

    .beltdetail2-list .con-left, .beltdetail2-list .con-right{

        width: 100%;

    }

    .beltdetail2-list .list-con li{

        flex-wrap: wrap;

    }

    .beltdetail2-list .con-left{

        padding: 30px 20px;

    }

    .beltdetail2-list .con-left p{

        font-size: 14px;

    }

    .beltdetail2-list .con-left h2{

        font-size: 20px;

    }

    .beltdetail2-list .con-left h2{

        margin-bottom: 15px;

    }

    .beltdetail3-list .con-box li{

        flex-wrap: wrap;

    }

    .beltdetail3-list .con-left, .beltdetail3-list .con-right{

        width: 100%;

    }

    .beltdetail3-list .list-text{

        padding: 30px 15px;

    }

    .beltdetail3-list .list-text p{

        font-size: 14px;

    }

    .beltdetail3-list h2{

        font-size: 18px;

    }

    .beltdetail3-list .con-left{

        padding: 30px 15px;

    }

    .beltdetail3-list .con-left p{

        font-size: 14px;

    }

    .beltdetail3-list{

        margin-top: 30px;

    }

    .beltdetail4-con li{
        flex-direction: column !important;
    }
    .beltdetail4-con .con-left, .beltdetail4-con .con-right {
        width: 100%;
    }
    .beltdetail4-con .con-left {
        padding: 30px 15px 30px 15px;
    }



    .bag-head .head-list{

        flex-direction: column;

    }

    .bag-head .head-list li>a{

        padding: 15px 20px;

    }

    .bag-nav{

        padding: 40px 0;

    }

    .bag-nav .con-list{

        flex-direction: column;

        padding: 20px 10px;

    }

    .bag-nav .con-list a{

        line-height: 26px;

    }

    .bag-nav .con-list li{

        margin-bottom: 8px;

        margin-right: 0;

    }

    .bag-shop .shop-left .mySwiper2 .swiper-slide img{

        height: auto;

    }

    .bag-shop .col-md-7{

        margin-top: 30px;

    }

    .bag-shop .shop-right{

        padding-left: 0;

    }

    .bag-shop .shop-right h2{

        font-size: 20px;

    }

    .bag-shop .right-list{

        margin-top: 30px;

    }

    .bag-shop .right-list p{

        font-size: 14px;

    }
    .bag-data2 .data2-list li{
        flex-direction: column;
    }
    .bag-data2 .list-left{
        padding: 15px;
    }
    .bag-data2 .list-left, .bag-data2 .list-right{
        width: 100%;
    }
    .bag-data2 .data2-list li:nth-child(even){
        flex-direction: column;
    }
    .bag-data3 .data3-con .table tr{
        flex-direction: column;
    }
    .bag-data3 .data3-con .table td{
        width: 100%;
        margin: 8px 0;
        padding: 10px 10px;
    }

    .model-cent{

        width: 80%;

    }



    .beltdetail4-list .box-ul>li{

        flex-direction: column;

        margin-bottom: 15px;

    }

    .beltdetail4-list .con-left h3{

        font-size: 14px;

    }

    .beltdetail4-list .con-right a{

        font-size: 12px;

    }

    .beltdetail4-list .con-left {

        background: #D9E7FF;

        padding: 6px  15px;

        width: auto;

        margin-bottom: 10px;

    }

    .beltdetail4-list .con-right>li{

        margin: 5px 3px;

    }

    .bag-switch .switch-list{

        flex-direction: column;

        justify-content: center;

    }

    .bag-switch .switch-list a{

        font-size: 18px;

        padding: 10px 24px;

    }

    .bag-tit h2{

        font-size: 22px;

    }

    .bag-tit h2::after{

        width: 3px;

    }

    .bag-data1 .list-con li{

        padding: 15px 10px;

    }

    .bag-data1 .list-con li a{

        font-size: 14px;

    }

    .bag-data4 .data4-con .col-md-4 img{

        width: 100%;

    }

    .bag-box{

        padding-bottom: 60px;

    }



    .solut-head .swiper-button-next{

        right: 40%;

        top: 136%;

    }

    .solut-head .swiper-button-prev {

        left: 40%;

        top: 136%;

    }

    .solut-head .solut-swiper a{

        padding: 10px 24px;

    }

    .solut-box{

        padding: 50px 0;

    }

    .solut1-list1{

        padding: 20px 15px;

    }

    .solut1-list1 .list1-tit p{

        font-size: 16px;

        line-height: 26px;

    }

    .solut1-list1 .list1-box li{

        width: 50%;

        margin-top: 30px;

    }

    .solut1-list1 .box-con p{

        font-size: 14px;

        line-height: 20px;

    }

    .solut1-list3 {

        margin-top: 40px;

    }

    .solut1-list3 .list3-tit p{

        font-size: 16px;

        line-height: 26px;

    }

    .solut1-list3 .list3-text{

        padding: 30px 15px;

    }

    .solut1-list3 .list3-text p{

        font-size: 14px;

    }

    .solut2-list1{

        padding: 20px 15px;

    }

    .solut2-list1 p{

        font-size: 14px;

    }

    .solut2-list2{

        padding: 20px 15px;

    }

    .solut2-list2 .left-con li{

        width: 50%;

    }

    .solut2-list2 .left-box p{

        font-size: 14px;

    }

    .solut2-list2 .col-md-5 img{

        width: 100%;

    }

    .solut2-list3{

        padding: 20px 15px;

    }

    .solut2-list3 .list3-left a{

        font-size: 14px;

    }

    .solut3-list1 .list1-box p{

        font-size: 16px;

        line-height: 24px;

        padding: 15px;

    }

    .solut3-text1{

        padding: 30px 0;

    }

    .solut3-list2 .list2-left{

        padding: 30px 15px;

    }

    .solut3-list2 .list2-left p{

        font-size: 14px;

    }

    .solut3-list2 .list2-right li{

        width: 50%;

    }

    .solut3-list2 .list2-right li p{

        font-size: 14px;

    }

    .solut3-list2 .list2-right{

        padding: 30px 15px;

    }

    .solut3-text2 p{

        font-size: 18px;

        line-height: 30px;

    }

    .solut3-text2 {

        margin: 50px 0 30px 0;

    }

    .solut4-list1{

        flex-direction: column;

    }

    .solut4-list1 .list1-left, .solut4-list1 .list1-right{

        width: 100%;

    }

    .solut4-list1 .list1-left{

        padding: 30px 15px;

    }

    .solut4-list1 .list1-left p{

        font-size: 14px;

    }

    .solut4-list2 .list2-box p{

        font-size: 14px;

        padding: 15px;

        text-align: center;

    }

    .solut4-list3 h2{

        font-size: 20px;

    }

    .solut4-list3{

        padding: 30px 15px;

        margin-top: 40px;

    }

    .solut4-list3 .list3-con li{

        width: 50%;

    }

    .solut4-list3 .list3-box p{

        font-size: 14px;

    }

    .solut4-list4 h2{

        font-size: 20px;

    }

    .solut4-list4{

        font-size: 30px;

        margin-top: 30px;

    }

    .solut5-list1{

        padding: 20px;

        margin-top: 30px;

    }

    .solut5-list2 h2{

        font-size: 16px;

        line-height: 26px;

    }

    .solut5-list2{

        padding: 20px 15px;

        margin-top: 30px;

    }

    .solut5-list2 .list2-con li{

        width: 50%;

    }

    .solut5-list2 .list2-box p{

        font-size: 14px;

    }

    .solut5-text{

        padding: 15px;

    }

    .solut5-text p{

        font-size: 14px;

    }

    .solut6-list1{

        flex-direction: column;

    }

    .solut6-list1 .list1-left, .solut6-list1 .list1-right{

        width: 100%;

    }

    .solut6-list1 .list1-left{

        padding: 30px 15px;

    }

    .solut6-list1 .list2-right img{

        width: 100%;

    }

    .solut6-list2 .list2-con li{

        width: 50%;

    }

    .solut6-list2{

        padding: 30px 15px;

        margin-top: 30px;

    }

    .solut6-list2 .list2-box p{

        font-size: 14px;

    }

    .solut6-list2 .list2-con li{

        padding: 0;

    }

    .solut6-list3 .list3-left, .solut6-list3 .list3-right{

        width: 100%;

    }

    .solut6-list3{

        flex-direction: column;

        margin-top: 30px;

    }

    .solut6-list3 .list3-right{

        padding: 30px 15px;

    }

    .solut6-list3 .list3-right p{

        font-size: 14px;

    }

    .solut6-list4{

        margin-top: 30px;

    }

    .solut7-list1{

        flex-direction: column;

    }

    .solut7-list1 .list1-right img{

        width: 100%;

    }

    .solut7-list1 .list1-left{

        padding: 20px 15px;

    }

    .solut7-list1 .list1-left p{

        font-size: 14px;

    }

    .solut7-list2{

        margin-top: 40px;

    }

    .solut7-list2 h2 {

        font-size: 18px;

        line-height: 26px;

    }

    .solut7-list2 .list2-box p{

        padding: 15px;

    }

    .solut7-map .map-text{

        width: 100%;

    }

    .solut7-map .map-text p{

        font-size: 14px;

    }

    .solut7-map{

        margin-top: 50px;

        padding: 30px 0;

    }

    .solut8-list1{

        flex-direction: column;

    }

    .solut8-list1 .list1-right img{

        width: 100%;

    }

    .solut8-list1 .list1-left{

        padding: 20px 15px;

    }

    .solut8-list1 .list1-left p{

        font-size: 14px;

    }

    .solut8-list2 h2 {

        font-size: 20px;

        line-height: 30px;

    }

    .solut8-list2 .list2-box p{

        padding: 15px 0;

    }

    .solut8-list3 h2 {

        font-size: 20px;

        line-height: 30px;

    }

    .solut8-list3 .list3-box p{

        font-size: 14px;

        margin-top: 25px;

    }

    .solut8-list3 .list3-box{

        padding: 20px 15px;

    }

    .solut8-list3 .col-md-4{

        padding-bottom: 15px;

    }

    .solut9-list1{

        flex-direction: column;

        margin-top: 30px;

    }

    .solut9-list1 .list1-right img{

        width: 100%;

    }

    .solut9-list2 .list2-con li{

        width: 50%;

        margin-bottom: 15px;

    }

    .solut9-list2 .list2-con{

        flex-wrap: wrap;

        justify-content: center;

        margin-top: 30px;

    }

    .solut9-list1 .list1-left{

        padding: 20px 15px;

    }

    .solut9-list1 .list1-left p{

        font-size: 14px;

    }

    .solut9-list3{

        flex-direction: column;

        margin-top: 30px;

    }

    .solut9-list3 .list3-right img{

        width: 100%;

    }

    .solut9-list2{

        padding: 20px 15px;

        margin-top: 30px;

    }

    .solut9-list2 .list2-box p{

        font-size: 14px;

    }

    .solut9-list3 .list3-left{

        padding: 20px 15px;

    }

    .solut9-list3 .list3-left p{

        font-size: 14px;

    }

    .solut9-list2 h2{

        font-size: 20px;

        line-height: 24px;

    }

    .solut10-search #searchinput{

        font-size: 14px;

        padding: 15px 6px;

    }

    .solut10-search .searchbut{

        padding: 0 6px;

    }

    .solut10-search .searchbut span {

        font-size: 14px;

        line-height: 24px;

    }

    .solut10-search .left-search{

        margin-top: 30px;

    }

    .solut10-list1 h2 {

        font-size: 18px;

        line-height: 26px;

    }

    .solut10-list1 .list1-box p {

        font-size: 14px;

        font-family: Arial;

        font-weight: 400;

        color: #333333;

        line-height: 24px;

        padding: 10px 10px;

    }

    .solut10-list1 {

        margin-top: 30px;

    }

    .solut11-list1 .list1-tit h2 {

        font-size: 18px;

        line-height: 26px;

    }

    .solut11-list1 .con-text{

        padding: 20px 15px;

    }

    .solut11-list1 .con-text li p{

        font-size: 14px;

    }

    .solut11-list1 {

        margin-top: 40px;

    }

    .solut11-list1 .table-box td {

        font-size: 14px;

        padding: 5px;

    }

    .solutdetail-box {

        padding: 60px 0 30px 0;

    }

    .solutdetail-title h2 {

        font-size: 22px;

        line-height: 26px;

    }

    .solutdetail-list{

        padding: 20px 15px;

    }

    .solutdetail-list .list-text li h2, .solutdetail-list .list-text li p{

        font-size: 14px;

    }

    .solutdetail-img{

        margin-top: 40px;

    }



    .search-cont {

        padding: 100px 0 60px 0;

    }

    .search-cont .left-search{

        padding: 6px;

    }

    .search-cont .left-search .icon-search{

        width: 18px;

    }

    .search-cont .search-txt p{

        font-size: 16px;

    }

    .search-cont .search-box h2{

        font-size: 18px;

        margin-top: 6px;

    }

    .search-cont .search-box{

        padding: 16px 0;

    }

    .index-solut{
        display: none;
    }
    .index-solutions{
        padding: 30px 0;
        display: block;
    }
    .solut-tab-box{
        position: relative;
        height: 573px;
        overflow: hidden;
        margin-top: 40px;
    }
    .solut-tab{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transition: all .6s;
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        -ms-transition: all .6s;
        -o-transition: all .6s;
        overflow-y: auto;
        height: 100%;
    }
    .solut-tab.solut-tab-active {
        top: -475px;
    }
    .solut-tab li{
        background: #99a3ca;
        line-height: 67px;
        text-align: center;
        transition: all .6s;
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        -ms-transition: all .6s;
        -o-transition: all .6s;
        margin-bottom: 3px;
}
    .solut-tab li.active>a {
        color: #66e2ff;
        background: #1537b1;
    }
    .solut-tab li>a {
        color: #ffffff;
        font-size: 14px;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        position: relative;
        width: 100%;
        height: 100%;
        display: inline-block;
    }
    .solut-tab .cont-box{
        height: 300px;
        display: none;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
}
    .solut-tab .cont-box.activeBox{
        display: block;
    }
    .index-solutions .list-btn {
        padding: 5px 0;
        text-align: center;
        background: #bec8e3;
        margin-top: 4px;
    }
    .index-solutions .list-btn .icon-jian {
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/icon-bottom.svg) no-repeat center;
    }
    .index-solutions .list-btn.btn-active .icon-jian {
        background: url(../images/icon-top.svg) no-repeat center;
        background-size: contain;
    }

}