@media screen and (max-width: 1570px) {
    .container .page_two .super_video div {
        width: 32.2%;
        margin: 0 4px;
    }
}

@media screen and (max-width: 1540px) {
    .container .page_two .media {
        width: 1060px;
    }

    .container .page_two .super_video {
        width: 1060px;
        margin: 0 auto;
    }

    .container .page_two .media ul li {
        width: 265px;
        height: 320px;
    }

        .container .page_two .media ul li span video {
            height: 160px;
        }

        .container .page_two .media ul li:nth-child(2),
        .container .page_two .media ul li:last-child {
            padding: 85px 31px 0;
            height: 320px;
        }

        .container .page_two .media ul li > div.text {
            height: 160px;
            padding: 15px 20px 0px;
        }

        .container .page_two .media ul li > span {
            height: 160px;
        }

        .container .page_two .media ul li h2 {
            font-size: 14px;
            margin: 10px 0 5px;
            ;
        }

        .container .page_two .media ul li h3 {
            font-size: 12px;
            margin: 0 0 8px;
        }

    .container .page_two .would_like {
        width: 1060px;
        margin: 0 auto;
    }

        .container .page_two .would_like ul {
            margin-right: 30px;
        }
}

@media screen and (min-width: 992px) and (max-width: 1186px) {
    .search_box {
        width: 728px;
        margin-left: -364px;
        top: 200px;
    }
}

@media screen and (min-width: 831px) and (max-width: 1186px) {
    .container .page_two .media {
        width: 800px;
    }

    .container .page_two .super_video {
        width: 800px;
        margin: 0 auto;
    }

    .container .page_two .media ul li {
        width: 200px;
        height: 240px;
    }

        .container .page_two .media ul li span video {
            height: 120px;
        }

        .container .page_two .media ul li:nth-child(2),
        .container .page_two .media ul li:last-child {
            padding: 85px 20px 0;
            height: 240px;
        }

        .container .page_two .media ul li > div.text {
            padding: 25px 20px 0;
            height: 120px;
        }

        .container .page_two .media ul li > span {
            height: 120px;
        }

        .container .page_two .media ul li h2 {
            font-size: 14px;
            margin: 7px 0 5px;
        }

        .container .page_two .media ul li h3 {
            font-size: 12px;
            margin: 0 0 8px;
        }

    .container .page_two .would_like {
        width: 800px;
    }

        .container .page_two .would_like ul {
            margin-right: 22px;
        }

    .container .page_two .super_video div {
        width: 32.2%;
        margin: 0 3px;
    }

    .container .page_two .would_like ul {
        margin: 0px 10px;
    }

    .container .page_two .media ul li p {
        display: none;
    }
}

@media screen and (min-width: 560px) and (max-width: 830px) {
    .container .page_two .media {
        width: 530px;
    }

    .container .page_two .super_video {
        width: 530px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 640px) and (max-width: 830px) {
    .container .page_two .super_video div:last-child {
        display: none;
    }

    .container .page_two .super_video div {
        width: 48%;
        margin: 0 5px;
    }

    .container .page_two .would_like {
        width: 530px;
        margin: 0 auto;
    }

        .container .page_two .would_like ul {
            width: 14%;
            margin: 0 7px;
        }

    .container .page_two .media ul li:nth-child(3),
    .container .page_two .media ul li:nth-child(7) {
        float: right;
    }

    .container .page_two .would_like ul:last-child,
    .container .page_two .would_like ul:nth-last-child(2) {
        width: 100%;
        margin-top: 0;
    }

        .container .page_two .would_like ul:last-child li,
        .container .page_two .would_like ul:nth-last-child(2) li {
            display: inline-block;
            width: 14%;
            margin-right: 9px;
        }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .search_box {
        width: 571px;
        margin-left: -285px;
        top: 180px;
    }
}

@media (max-width: 768px) {
    .search_box .upload input {
        width: 50%;
        height: 21px !important;
        font-size: 12px !important;
        padding: 0;
    }

    .fixed {
        height: 40px !important;
        width: 100%;
        margin: 0;
        padding: 0;
        min-width: auto;
    }

        .fixed i {
            right: 136px !important;
        }

    .search_box {
        width: 373px;
        height: 44px;
        left: 50%;
        margin-left: -187px;
    }

        .search_box .search_wbox {
            height: 40px;
            padding: 0px;
        }

        .search_box input {
            width: 55%;
            height: 40px;
            padding-left: 10px;
            font-size: 14px !important;
        }

        .search_box .SuggestFramework_List {
            top: 40px !important;
            padding-left: 6px;
        }

        .search_box i {
            right: 133px;
            top: 12px;
            background: url(/images/smallphone-1.png) no-repeat;
        }

            .search_box i:hover {
                background: url(/images/smallphone.png) no-repeat;
            }

        .search_box .key_close_div {
            right: 136px !important;
            top: 10px !important;
        }

        .search_box b {
            width: 40px;
            height: 40px;
            background: url(/images/ss-x.png) 50% center no-repeat rgb(242, 150, 0);
        }

            .search_box b:hover {
                background: url(/images/ss-x.png) 50% center no-repeat #ffa511;
            }

        .search_box .all_picture {
            width: 85px;
            font-size: 14px;
            background: url(/images/gd.png) no-repeat 100% 18px;
            height: 44px;
            padding-top: 10px;
            margin-right: 44px;
        }

            .search_box .all_picture ul {
                position: absolute;
                top: 43px;
                left: 0;
                border: 1px solid #bdb9b3;
            }

                .search_box .all_picture ul li {
                    width: 88px;
                    height: 36px;
                    line-height: 36px;
                }

                    .search_box .all_picture ul li a {
                        font-size: 14px;
                        width: 88px;
                        height: 36px;
                    }

    .container .page_two .would_like ul {
        margin: 0 7px;
    }
}

@media screen and (min-width: 640px) and (max-width: 992px) {
    .container .page_two .collect {
        padding: 0 44px;
    }

        .container .page_two .collect li {
            width: 50%;
        }
}

@media (max-width: 640px) {
    .container .page_two .collect {
        padding: 0;
    }

        .container .page_two .collect li {
            width: 100%;
        }

    .container .page_two .super_video div {
        width: 100%;
        margin: 0;
    }

    .container .page_two .super_video {
        width: 400px;
        margin: 0 auto;
    }

    .container .page_two .media {
        width: 365px;
        padding: 0 5px;
        margin: 0 auto;
    }

        .container .page_two .media ul li span video {
            height: 319px;
        }

        .container .page_two .media ul li {
            width: 100%;
            margin-bottom: 10px;
        }

            .container .page_two .media ul li > div.text {
                padding: 0px 75px 0px;
                background: none;
            }

    .container .page_two .would_like {
        width: 400px;
    }

        .container .page_two .would_like ul {
            width: 28%;
        }

            .container .page_two .would_like ul:last-child li,
            .container .page_two .would_like ul:nth-last-child(2) li {
                display: none;
            }

    .container .page_two .media ul li > span {
        display: none;
    }

    .container .page_two .media ul li h2,.container .page_two .media ul li h3,.container .page_two .media ul li p {
        color: #fff;
    }

    .container .page_two .media ul li {
        background-size: cover !important;
        height: 320px;
        padding-top: 75px;
        background-position: center !important;
    }

        .container .page_two .media ul li:first-child {
            background: url(/images/default/1.jpg) no-repeat;
        }

            .container .page_two .media ul li:first-child img {
                display: none;
            }
             .container .page_two .media ul li:nth-child(2) {
            display: none !important;
        }

        .container .page_two .media ul li:nth-child(3) {
            background: url(/images/default/2.jpg) no-repeat;
        }

        .container .page_two .media ul li:nth-child(4) {
            background: url(/images/default/3.jpg) no-repeat;
        }

        .container .page_two .media ul li:nth-child(5) {
            background: url(/images/default/4.jpg) no-repeat;
        }
         .container .page_two .media ul li:nth-child(6) {
            background: url(/images/default/5.jpg) no-repeat;
        }
        .container .page_two .media ul li:nth-child(7)>img {
            display:none;
        }

        .container .page_two .media ul li:nth-child(7) {
          background: url(/images/default/6.jpg) no-repeat;
        }
        .container .page_two .media ul li:nth-child(8) {
                display:none !important;
        }
}

@media (max-width: 625px) {
    .container .page_two .would_like ul {
        float: left;
        width: 28%;
    }

        .container .page_two .would_like ul:last-child {
            width: 100%;
        }

            .container .page_two .would_like ul:last-child li {
                width: 28%;
                float: left;
                margin-right: 14px;
            }
}