@media (max-width: 1439px) {
    .fat-footer ul.footer-visualzone {
        width: 480px;
    }
}

@media (max-width: 1366px) {
    .main-nav-list .sub-nav {
        top: 55px;
        ;
    }

}

@media (max-width: 1365px) {
    .fat-footer ul {
        margin: 0 1%;
        width: 8.5%;
    }

    .main-nav-list .sub-nav li {
        width: 30%;
        padding: 0;
        margin: 0px 1%;
    }

    /*--*/
    .en .main-nav-list > li > a {

        font-size: 1.05em;
    }

    .en .main-nav-list .sub-nav li {

        font-size: 0.99em;
    }

    /*--*/
    .main-nav-list > li > a {

        font-size: 1.05em;
    }

    .main-nav-list li .nav-arr-up,
    .main-nav-list li .nav-arr-down {

        background-size: 9px;
    }

    .main-nav-list > li > a.nav-btn {

        width: 40px;

        height: 40px;

    }

    .main-nav-list > li > a.nav-btn img {

        margin: 0;
    }

    .main-nav-list li.nav-btn-wrap {

        margin-left: 15px;

    }

    ul.main-nav-list.ulfix {

        padding: 0 60px 0 0;
    }
}

@media (max-width: 1199px) {

    .environment-chose.international ul li {
        float: left;
        width: 265px;
        margin: 0 0 6px 0;
    }

    .banner-search input[type=text] {
        width: 31%;
    }


    .knowledge-cont p {
        margin: 0 0 7px 0;

    }

    .fat-footer ul.footer-visualzone {
        width: 320px;
    }

    .fat-footer ul.footer-visualzone li {
        width: 46%;
        margin: 4px 12px 4px 0;
    }

    .fat-footer ul {
        margin: 0 0.5%;
        width: 11%;
    }

    /*-footer-en-*/
    .fat-footer.en ul {
        width: 22%;
    }

    /*-index-en-*/

    .banner-search.en input[type=text] {
        width: 29%;
    }
}

@media (max-width: 1120px) {

    .index-title {

        font-size: 1.85em;

    }
}

@media (max-width: 991px) {
    .indexChart ul li:first-child {
        margin-right: 35px;
    }

    .indexChart ul li:last-child {
        margin-left: 35px;
    }

    .indexChart ul li {
        flex-basis: calc(100% / 2 - 35px);
    }

    .twozone-wrap {
        float: left;
        width: 100%;
        background: #e8ecf0;
        padding: 30px 5%;
        height: auto !important;
    }

    .video {
        float: left;
        width: 100%;
        margin: 0;
    }

    .rwd-header {

        padding: 18px 4%;

    }

    .index-title {
        font-size: 1.75em;
        margin: 0 0 15px 0;
    }


    .doyouknow-slider .slick-next {
        right: 5px;
        background: url(../images/doyouknow-slider-i2.png) 0 0 no-repeat;
    }

    .doyouknow-slider .slick-prev {
        left: 5px;
        background: url(../images/doyouknow-slider-i1.png) 0 0 no-repeat !important;
    }

    .visual-chart-item {
        margin: 30px 0 0 0;
    }

    .doyouknow {
        padding: 40px 0;
    }

    .doyouknow-slider {
        float: left;
        width: 100%;
        background: #fff;
    }

    .knowledge-img {
        float: left;
        width: 100%;
        height: auto !important;
    }

    .knowledge {
        width: 100%;
        height: auto !important;
        padding: 20px;
    }

    .sear-board {
        float: left;
        width: 100%;
    }

    .sear-board {
        margin: 0 0 30px 0;
        height: auto !important;
    }

    .media-zone {
        float: right;
        width: 100%;
        height: auto !important;
    }


    .fat-footer {
        text-align: left;
        padding: 40px 0 25px 0;
    }

    .fat-footer ul {
        margin: 0 0 15px 0;
        width: 24%;
    }

    .banner-hot_tag a:nth-child(2) {
        display: none !important;
    }

    .banner-search-cont {
        padding: 15px 15px;
    }

    /*-footer-en-*/
    .fat-footer.en ul {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #0088db;
        padding-bottom: 0px;
    }

    .fat-footer.en ul li.title {
        text-align: left;
        margin: 0;
    }

    .footer-nav.en {
        padding: 0;
    }

    .footer-nav.en li {
        display: inline-block;
        margin: 0;
        width: 100%;
        padding: 6px 0;
        border-bottom: 1px solid #6ba4c7;
    }

    .footer-nav.en li:last-child {
        border-bottom: 0;
    }

    .footer-nav.en li a {
        padding: 0 5px;
        border-left: 0;
    }

    .footer-nav.en li:last-child a {
        border-right: 0;
    }

    /*-index-en-*/
    .data-sear.en .data-sear-item a img {
        width: 114px;
        margin: -30px auto 5px auto;
        display: block;
    }

    .data-sear.en .data-sear-item a {
        padding: 0 0 10px 0;
        margin: 20px 0 0 0;
    }

    .data-sear-item a p,
    .visual-chart-item a p {
        font-size: 1.2em;
    }

    /*-index-en-*/
    .link-slider-inner a {
        width: 160px;
    }

    .link-slider {
        width: 88%;
    }
}

@media (max-width: 768px) {

    .data-sear-item a img,
    .visual-chart-item a img {
        width: 84px;
        margin: -35px auto 10px auto;
        display: block;
    }

    .data-sear-item a p,
    .visual-chart-item a p {
        font-size: 1.1em;
        width: 100%;
        text-align: center;
    }

    .data-sear-item a,
    .visual-chart-item a {
        margin-top: 35px;
    }

    section.data-sear {
        padding: 30px 0 40px 0;
    }

    .indexChart ul li:first-child {
        margin-right: 10px;
    }

    .indexChart ul li:last-child {
        margin-left: 20px;
    }

    .indexChart ul li {
        flex-basis: calc(100% / 2 - 20px);
    }

    .banner-search {
        display: none;
    }

    .fast-nav2,
    .fast-nav2-en {
        display: none;
    }

    .index-title {
        font-size: 1.7em;
    }


    .sear-board .index-title,
    .media-zone .index-title {
        font-size: 1.7em;
        margin: 0 0 15px 0;
    }

    .sear-board a {
        padding: 10px;
    }

    .sear-board a span {
        width: 34px;
        height: 34px;
        padding: 6px 0;
        margin: 2px 8px 2px 0;
    }

    .sear-board a p {
        padding: 4px 0 0 0;
    }

    /*-index-en-*/
    .data-sear.en .data-sear-item a img {
        width: 104px;
        margin: -32px auto 5px auto;
    }

    .link-slider-inner a {
        width: 150px;
    }

    .link-zone {
        padding: 40px 0;
    }
}



@media (max-width: 750px) {

    .fat-footer .title,
    .fat-footer .title a {

        font-size: 1.05em;

    }

    .fat-footer ul {
        margin: 0 0 15px 0;
        width: 100%;
    }

    .fat-footer ul li.title {
        margin: 0 0 5px 0 !important;
        border-bottom: 1px solid #b0d6ef;
        padding-bottom: 8px;
    }

    .fat-footer ul.footer-visualzone {
        width: 100%;
    }

    .fat-footer ul {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .footer-info {
        width: 100%;
        text-align: center;
    }

    .footer-info-pic {
        float: left;
        width: 100%;
        text-align: center;
        margin: 14px 0 0 0;
    }

    .footer-nav {
        padding: 0;
    }

    .footer-nav li a {
        border-left: 0;
    }

    .footer-nav li:last-child a {
        border-right: 0;
    }

    .footer-nav li {
        display: inline-block;
        margin: 0;
        width: 100%;
        padding: 7px 0;
        border-bottom: 1px solid #6ba4c7;
    }

    .footer-nav li:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 725px) {
    .link-slider .slick-prev {
        left: 0px;
    }

    .link-slider .slick-next {
        right: 0px;
    }
}



@media (max-width: 700px) {

    .doyouknow {
        background-size: 100% 150px !important;
    }

    p.knowledge-cont-title {
        font-size: 1.2em !important;
        margin: 0 0 6px 0 !important;
    }

    .knowledge-cont p {
        margin: 0 0 1px 0;
    }

    /*--*/
    .fat-footer.en ul li.title {
        margin: 0 0 5px 0 !important;
        border-bottom: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 600px) {

    /*-index-en-*/
    .link-slider {
        width: 75%;
    }
}

@media (max-width: 550px) {

    section.data-sear {
        float: left;
        width: 100%;
        padding: 25px 0 45px 0;
    }

    .data-sear-item a p,
    .visual-chart-item a p {
        font-size: 1.15em;
    }

    .knowledge-cont p {
        margin: 0 0 3px 0;
        font-size: 0.85em;
    }

    .knowledge {
        padding: 13px;
    }

    .data-sear-item a img,
    .visual-chart-item a img {
        width: 98px;
    }

    /*-index-en-*/
    .data-sear.en .data-sear-item a img {
        width: 98px;
        margin: -32px auto 5px auto;
    }

}

@media (max-width: 500px) {
    .indexChart ul li:first-child {
        margin-right: 0;
    }

    .indexChart ul li:last-child {
        margin-left: 0;
    }

    .indexChart ul li {
        flex-basis: 100%;
    }
}

@media (max-width: 480px) {

    .index-visualzone img {
        width: 100%;
    }

    .doyouknow-slider .slick-next {
        right: 7px;
        background: url(../images/doyouknow-slider-i2.png) 0 0 no-repeat;
        background-size: 35px;
    }

    .doyouknow-slider .slick-prev {
        left: 7px;
        background: url(../images/doyouknow-slider-i1.png) 0 0 no-repeat !important;

        background-size: 35px !important;
    }

    .doyouknow-slider .slick-prev,
    .doyouknow-slider .slick-next {

        width: 35px;
        height: 36px;

    }

    .visual-chart-item {
        margin: 35px 0 0 0;
    }

    .data-sear-item {

        margin: 7px 0 0 0;
    }

    /*-crumb-*/
    .crumb > a {
        height: 42px;
    }

    .crumb-share-drop {
        top: 39px;
    }

    .data-sear-item a img,
    .visual-chart-item a img {
        width: 88px;
    }

    .data-sear-item a p {
        font-size: 1.1em;
    }

    .index-title {
        font-size: 1.5em;
        margin: 0 0 15px 0;
    }

    section.data-sear {
        padding: 20px 0 40px 0;
    }

    .index-visualzone,
    .twozone-wrap {
        padding: 25px 0;

    }

    p.knowledge-cont-title {
        font-size: 1.1em !important;
        margin: 0 0 2px !important;
    }

    .knowledge-cont p {
        margin: 0 0 2px 0;
        font-size: 0.75em;
    }

    .sear-board .index-title,
    .media-zone .index-title {
        font-size: 1.5em;
        margin: 0 0 12px 0;
    }

    .sear-board a p {
        padding: 4px 0 0 0;
        font-size: 1.2em;
    }



    .footer-info {
        font-size: 0.95em;
    }

    .footer-nav li {
        font-size: 0.95em;
    }

    .footer-info-pic img {
        width: 86%;
    }

    .footer-info-pic a {
        margin: 0 1px;
    }

    .footer-info-pic {
        margin: 13px 0;
    }

    /*-index-en-*/

    .data-sear.en .data-sear-item a img {
        width: 88px;
        margin: -30px auto 3px auto;
    }

    /*-index-en-*/
    .crumb.en a.crumb-lev1 {
        padding: 12px 10px;
        border-right: 1px solid #aac3e0;
        width: 344px;
        font-size: 0.95em;
        line-height: 18px;
    }
}


@media (max-width: 435px) {
    .crumb.en a.crumb-lev1 {
        padding: 4px 10px;
        width: 216px;
        line-height: 18px;
        height: 44px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
    }

    .crumb.en a.home {
        padding: 22px 16px;
    }

    .crumb.en .crumb-share-drop {
        top: 42px;
        right: 1px;
    }
}



@media (max-width: 420px) {

    /*-index-en-*/
    .data-sear.en .data-sear-item a {
        float: left;
        width: 100%;
        padding: 3px 0;
    }

    .data-sear.en .data-sear-item a img {
        width: 80px;
        display: inline-block;
        margin: 0 6px 0 0;
    }

    .data-sear.en .data-sear-item a p {

        margin: 0;
        width: 191px;
        text-align: left;
    }
}

@media (max-width: 400px) {
    .rwd-logo {
        width: 200px;

    }

    .rwd-logo img {
        width: 100%;

    }

    .data-sear .acc-key {
        margin: 0 0 7px 0;
    }

    .more-wrap a {
        display: inline-block;
        color: #fff;
        font-size: 0.85rem;
        border-radius: 35px;
        padding: 8px 45px 8px 20px;
        line-height: initial;
        margin: 5px 0 0 0;
        background: url(../images/joinnow-i.png) 70px center no-repeat #0088dc;
        font-weight: bold;
    }

    .visual-chart-item {
        margin: 5px 0;
    }

    .visual-chart-item a {

        padding: 5px 0;
    }

    button#showRightPush {
        margin: 10px 0;
        background: url(../images/rwd_nav_btn.png) 0 0 no-repeat;
        width: 37px;
        height: 27px;
        background-size: 31px;
    }

    .data-sear-item a p,
    .visual-chart-item a p {
        margin: 0;
        width: 115px;
        text-align: left;
    }

    .data-sear-item,
    .visual-chart-item {
        margin: 0;
    }

    .data-sear-item a,
    .visual-chart-item a {
        padding: 10px 0;
        margin: 0 0 15px 0;
        float: left;
        width: 100%;
        text-align: center;
    }


    .visual-chart-item a:last-child {
        margin-bottom: 0;

    }

    .data-sear-item a img,
    .visual-chart-item a img {
        width: 62px;
        display: inline-block;
        margin: 0 6px 0 0;
    }

    .toptop {
        width: 50px;
        height: 50px;
    }

    .toptop img {
        width: 100%;
    }

    .index-title {
        font-size: 1.4em;
        margin: 0 0 10px 0;
    }

    .fat-footer ul li {
        margin: 3px 0;
    }

    .fat-footer ul.footer-visualzone li {
        width: 100%;
        margin: 3px 0;
    }

    .fat-footer ul:last-child {
        margin: 0;
    }

    .fat-footer {
        padding: 30px 0 25px 0;
    }

    /*-index-en-*/
    .link-slider {
        width: 80%;
    }

    .link-slider .slick-prev,
    .link-slider .slick-next {
        top: 19%;
        background-size: 36px !important;
    }
}

@media (max-width: 370px) {
    .sear-board a p {
        width: 82%;
        font-size: 1.15em;
        padding: 4px 0 0 0;
    }

    .sear-board a span {
        width: 32px;
        height: 32px;
        padding: 5px 0;
    }
}

@media (max-width: 350px) {

    /*-index-en-*/
    .data-sear.en .data-sear-item a img {
        width: 75px;
        display: inline-block;
        margin: 0 -3px 0 0;
    }
}

@media (max-width: 343px) {
    .crumb.en a.crumb-lev1 {
        padding: 4px 10px;
        width: 175px;
        font-size: 0.85em;
        line-height: 18px;
    }
}