@media screen and (max-width: 1150px) {
    .search {
        width: 92%
    }

    .search .searchBot .searchBox {
        width: 100%
    }

    .search .searchBot .searchBox .sear-left {
        width: 71%
    }

    .search .searchBot .searchBox .sear-left ul li {
        padding: 0 2%
    }

    .search .searchBot .searchBox .sear-left ul li:nth-of-type(odd) {
        width: 18%
    }

    .search .searchBot .searchBox .sear-left ul li:nth-of-type(even) {
        width: 32%
    }

    .search .searchBot .searchBox .sear-left ol li {
        padding: 0 2%
    }

    .search .searchBot .searchBox .sear-left ol li:nth-of-type(odd) {
        width: 18%
    }

    .search .searchBot .searchBox .sear-left ol li:nth-of-type(even) {
        width: 82%
    }

    .search .searchBot .searchBox .sear-right {
        width: 29%
    }
}

@media screen and (max-width: 1100px) {
    .inner {
        padding: 0 3%
    }
    .about > .left .left-1 .bot{min-height: 100%;}

    .header .top {
        height: auto;
        /*background: url("../../images/default/nav.jpg") no-repeat center top;*/
    }


    .header .nav {
        /*background: url("../../images/default/nav.jpg") no-repeat center top;*/
        height: 80px;
        padding: 0
    }

    .header .nav .bigUl {
        /*display: none*/
        padding-top: 5px;
    }
    .header .nav .bigUl li{display: none;}
    .header .nav .bigUl li:nth-child(1),.header .nav .bigUl li:nth-child(3),.header .nav .bigUl li:nth-child(7),.header .nav .bigUl li:nth-child(8){display: block;}

    .header .nav .appNav {
        /*display: block*/
    }

    .banner > .left {
        width: 49%
    }

    .banner .right {
        width: 50%
    }

    .main2 .main2L {
        width: 33.3%
    }

    .main2 .main2L:nth-child(2) {
        margin: 0;
        padding: 0 1%
    }

    .main2 .main2R {
        width: 33.3%
    }

    .main3 .main3l {
        width: 74%
    }

    .main3 .main3r {
        width: 25%
    }

    .main4 .main3l {
        width: 33.3%
    }

    .main4 .main3l:nth-child(1) {
        margin: 0
    }

    .main4 .main3l:nth-child(2) {
        margin: 0 1%
    }

    .main4 .main3r {
        width: 31.4%
    }

    .you .bot ul {
        margin: 0 -0.3%
    }

    .you .bot ul li {
        width: 16%;
        margin: 0 0.3% 10px
    }
}

@media screen and (max-width: 991px) {
    .banner > .left, .banner .right {
        width: 100%;
        float: none
    }

    .banner > .left .swiper-slide {
        height: auto !important
    }

    .banner .right {
        margin: 20px 0 0
    }

    .banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
        bottom: 0;
        height: 44px;
        line-height: 43px
    }

    .main2 {
        margin: 20px 0
    }

    .main2 .main2L {
        width: 100%;
        float: none
    }

    .main2 .main2L:nth-child(2) {
        padding: 0;
        margin: 10px 0
    }

    .main2 .main2R {
        width: 100%;
        float: none
    }

    .main2 .main2R .bot input {
        box-shadow: none
    }

    .main3 .main3l, .main3 .main3r {
        width: 100%;
        float: none
    }

    .main3 .main3r {
        margin: 10px 0 0
    }

    .main4 {
        padding: 20px 0
    }

    .main4 .main3l:nth-child(2) {
        margin: 10px 0
    }

    .you .bot ul {
        margin: 0 1%
    }

    .you .bot ul li {
        width: 18%;
        margin: 0 1% 10px
    }

    .footer {
        padding: 20px 0
    }

    .footer ul li {
        float: none;
        display: inline-block;
        margin: 0 4%
    }

    .footer ul li.line {
        display: none
    }

    .chaBot .chaBox {
        padding: 20px 0
    }

    .chaBot .chaBox .register {
        margin: 0
    }

    .chaBot .chaBox .title {
        font-size: 24px;
        line-height: 34px;
        margin: 0 0 20px
    }

    .chaBot .chaBox .box-1 p {
        float: none;
        width: auto;
        text-align: left
    }

    .chaBot .chaBox .box-1 input {
        float: none
    }

    .chaBot .chaBox .box-1 .yanInput {
        float: left
    }

    .search {
        display: none !important
    }

    .searchApp {
        width: 60%;
        padding: 37px 13px;
        background-position: center 88%
    }

    .searchApp .title {
        margin: 0 0 22px
    }

    .searchApp .AppBot {
        padding: 5% 4% 4%;
    }

    .searchApp .AppBot .AppBox {
        width: 70%;
        margin: 0
    }

    .searchApp .AppBot .AppBox .pic {
        width: 120px
    }

    .searchApp .AppBot .AppBox .AppText {
        width: 100%
    }

    .searchApp .AppBot .AppBox .AppText .AppText-l {
        font-size: 16px
    }

    .searchApp .AppBot .AppBox .AppText .AppText-r {
        font-size: 15px
    }
}

@media screen and (max-width: 768px) {
    .you .bot ul li {
        width: 23%
    }

    .searchApp {
        width: 70%
    }

    .about > .left .left-1:nth-last-child(1) {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .you .bot ul li {
        width: 31.3%
    }
    .header .nav{height: 43px;}
    .header .nav .bigUl li{margin-right: 0;}
    .about > .left, .about .right {
        width: 100% !important;
        float: none
    }

    .about .right .bot {
        padding: 10px 20px
    }

    .about .right .baseTitle {
        padding: 5px 20px
    }

    .about .right .baseTitle .left, .about .right .baseTitle p {
        float: none
    }

    .searchApp {
        width: 80%;
        background-size: 96% 90%
    }

    .searchApp .title {
        font-size: 18px
    }

    .baseCon .title {
        font-size: 20px;
        line-height: 30px
    }

    .about .right p {
        line-height: 24px
    }

    .about .right p a {
        line-height: 24px
    }
}

@media screen and (max-width: 640px) {
    .header .top .img1 {
        display: none
    }
    .header .top .img2{display: block;width: 100%;}
}



@media screen and (max-width: 450px) {
    .main3 .main3l .mid .left {
        width: 100%;
        float: none;
        height: auto
    }
    .header .nav .bigUl{padding-left: 2%;padding-right: 2%;}
    .header .nav .bigUl li{width: 25%;text-align: center;}
    .header .nav .bigUl li a{padding: 0;}
    .nav .inner{padding:0;}
    .main3 .main3l .mid .right {
        width: 100% !important;
        float: none;
        padding: 0;
        margin: 15px 0 0
    }

    .you .bot ul li {
        width: 48%
    }

    .appNav .logo img {
        width: 220px;
        margin: 17px 0 0
    }

    .chaBot .chaBox .title {
        font-size: 20px;
        line-height: 30px
    }

    .chaBot .chaBox .box-1 input {
        width: 100%
    }

    .searchApp {
        width: 100%;
        background-size: 96% 88%
    }

    .searchApp .title {
        margin: 0 0 10px
    }

    .searchApp .AppBot .AppBox {
        width: 90%;
        padding-top: 70px;
    }

    .searchApp .AppBot .AppBox .pic {
        margin: 0 0 20px
    }

    .searchApp .AppBot .AppBox .AppText {
        padding: 0
    }

    .searchApp .AppBot .AppBox .AppText .AppText-r {
        padding: 0
    }
}

/*# sourceMappingURL=media.css.map */