@charset "utf-8";

@media (min-width: 1024px) {
    .hmb {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .languages:hover .down {
        display: none;
    }

    .container {
        max-width: 100%;

        padding: 0 15px;
    }

    .header {
        position: relative;
    }

    .fixed-head {
        position: fixed;
    }

    .nav {
        display: none;
    }

    .navbtn {
        right: 145px;

        display: block;
    }

    .home_video {
        background: url(../images/jsyqy_bg.jpg) no-repeat center bottom;
    }

    .home_video .video {
        display: none;
    }

    .join_box ol li .text {
        padding-top: 55px;
    }

    .pro_banner .bottom span.s1 {
        margin-left: 62px;
    }

    .pro_box3 .text {
        margin-right: -15px;
    }

    .pro_box5 .video {
        display: none;
    }

    .market_show ol li .text {
        padding: 50px;
    }

    .banner .box .text_box {
        width: 100%;

        padding: 0 15px;
    }

    .banner .box .text_box .img02 {
        right: 15px;
    }

    .section .sectionA {
        padding: 52px 10px 23px 10px;
    }

    .section .sectionB {
        padding: 0 10px;
    }

    .sectionB .sectionC ul li {
        width: 49%;

        margin-right: 1%;
    }
}

@media (max-width: 992px) {
    .footer_v2 {
        flex-direction: column;
        padding: 0.5rem 0;
    }
    .footer_v2_logo,
    .footer_v2_contract,
    .footer_v2_subscribe {
        width: 100%;
        margin-top: 16px;
    }
    .footer_v2_footer_copy {
        padding: 10px 0;
    }
    .footer_v2_logo .introduction {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .section .sectionA .Content {
        font-size: 16px;
        padding: 0 16px;

        line-height: 3;
    }

    .footer_top {
        /* display: none; */
    }

    .footer_top .foot_nav {
        display: none;
    }

    .footer_top .foot_right .ewm {
        display: none;
    }

    .footer_top .foot_right,
    .footer_top .foot_right .lxkh {
        float: unset;
        width: 100%;
    }

    /* .title p,
    .pro_box3 ol li .t h3,
    .pro_box3 ol li .t p {
        color: #fff;
    } */

    .about_box .title p {
        color: #666;
    }

    .nybanner2 {
        height: 300px;

        padding-top: 80px;
    }

    .nybanner6 .text h3,
    .nybanner2 .text h3 {
        font-size: 24px;
    }

    .nybanner6 .text h4 {
        font-size: 16px;
    }

    .nybanner2 .text p {
        font-size: 14px;

        line-height: 22px;
    }

    .nybanner3 {
        padding: 100px 0;
    }

    .nybanner3 .text h3 {
        font-size: 24px;
    }

    .jaka_show {
        padding: 40px 0 50px;
    }

    .jaka_show .show_box .left_img {
        width: 100%;
    }

    .jaka_show .show_box .textbox {
        width: 100%;

        padding-left: 0;

        padding-right: 0;
    }

    .jaka_show .show_box .textbox h1 {
        font-size: 18px;
    }

    .xueyuan_box2 ol li .text {
        font-size: 14px;
    }

    .xueyuan_box3 ol li {
        width: 100%;

        margin-bottom: 15px;

        margin-right: 0;
    }

    .xueyuan_box3 ol li:last-child {
        margin-bottom: 0;
    }

    .support .img {
        width: 100%;
    }

    .support .text {
        width: 100%;

        padding: 20px 0 0;
    }

    .download ol li .text {
        padding-top: 30px;
    }

    .about_box .box .text {
        width: 100%;
    }

    .about_box .box .video {
        width: 100%;

        margin-top: 15px;
    }

    .join_box ol li .img {
        width: 100%;
    }

    .join_box ol li .text {
        width: 100%;

        padding: 20px 15px;
    }

    .contact_map ol li .text {
        width: 100%;

        padding-top: 0;
    }

    .contact_map ol li .map {
        width: 100%;
    }

    .news_top .img {
        width: 100%;
    }

    .news_top .text {
        width: 100%;

        padding: 20px 15px;
    }

    .news_top .text p {
        margin-bottom: 10px;
    }

    .pro_banner .bottom span.s1 {
        margin-left: 0;
    }

    .pro_banner .bottom span.s2 {
        margin-left: 60px;
    }

    .pro_banner .bottom span.s3 {
        margin-left: 105px;
    }

    .nybanner {
        height: auto;
    }

    .pro_banner {
        padding: 30px 0 15px;
    }

    .ssss {
        height: 300px;
    }

    .pro_banner h3 {
        font-size: 24px;
    }

    .pro_box3 ol li .t {
        width: 180px;
    }

    .market_show ol li .img {
        width: 100%;
    }

    .market_show ol li .img img {
        width: 100%;
    }

    .market_show ol li .text {
        width: 100%;

        padding: 20px 15px;
    }

    .market_show3 ol li {
        width: 49%;

        margin-right: 0;

        margin-bottom: 2%;
    }

    .market_show3 ol li:nth-child(2n) {
        float: right;
    }

    .market_show2 ol li {
        width: 49%;

        margin-right: 0;

        margin-bottom: 2%;
    }

    .market_show2 ol li:nth-child(2n) {
        float: right;
    }

    .market_show2 ol li:nth-child(5) {
        width: 100%;
    }

    .agent_list ol li .text {
        width: 100%;

        padding: 20px 15px;
    }

    .agent_list ol li .img {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .news_box {
        padding: 40px 0 50px;
    }

    .news_list ol li {
        width: 100%;

        margin-right: 0;
    }

    .news_list {
        margin-top: 15px;
    }

    .xgxx_box ol li {
        width: 100%;

        margin-right: 0;

        margin-bottom: 15px;
    }

    .xgxx_box ol li:last-child {
        margin-bottom: 0;
    }

    .pro_banner .bottom span {
        font-size: 12px;

        line-height: 32px;

        padding: 0 20px;
    }

    .pro_banner .bottom span.s3 {
        margin-left: 88px;
    }

    .pro_banner .icon {
        width: 35%;
    }

    .pro_banner .img {
        margin-top: -84px;
    }

    .pro_box3 {
        background: url(../images/282bda07888c05f61d249b112c1d98c7.jpg)
            no-repeat center center/cover;
    }

    .pro_box3 .text {
        background: none;

        width: 100%;

        margin-right: 0;

        padding: 40px 0;
    }

    .pro_box3 ol li .t {
        width: 80%;
    }

    .pro_show .imgBox {
        width: 100%;
    }

    .pro_show .text {
        width: 100%;
    }

    .pro_show2 .box .img {
        width: 100%;
    }

    .pro_show2 .box .canshu_box {
        width: 100%;
    }

    .pro_show3 .box .text {
        width: 100%;
    }

    .pro_show3 .box .img {
        width: 100%;

        margin-top: 20px;
    }

    .pro_show4 .box .left {
        width: 100%;
    }

    .pro_show4 .box .left .img {
        margin-bottom: 10px;
    }

    .pro_show4 .box .text {
        font-size: 16px;
    }

    .pro_show4 .box .right {
        width: 100%;
    }

    .pro_show4 .box .right ol li {
        width: 48%;
    }

    .pro_show4 .box .right ol li:nth-child(2n) {
        float: right;
    }

    .apply_box3 ol li {
        width: 32%;

        margin-right: 2%;

        margin-bottom: 2%;
    }

    .apply_box3 ol li:nth-child(4n) {
        margin-right: 2%;
    }

    .apply_box3 ol li:nth-child(3n) {
        margin-right: 0;
    }

    .pop_fixed .box {
        width: 96%;

        padding: 40px 15px 20px;
    }

    .pop_fixed .box h3 {
        font-size: 22px;
    }

    .pop_fixed .box ul {
        width: 100%;

        margin-top: 20px;
    }

    .pop_fixed .box ul li {
        margin-bottom: 10px;
    }

    .pop_fixed .box ul li.li1,
    .pop_fixed .box ul li.li2 {
        width: 100%;
    }

    .pop_fixed .box ul li input {
        padding: 10px;
    }

    .pop_fixed .box ul li .select select {
        padding: 10px;
    }

    .pop_fixed .box ul li .dx {
        width: 65%;
    }

    .pop_fixed .box ul li .dxyzm {
        padding: 0;

        height: 37px;

        line-height: 37px;

        width: 35%;
    }

    .pop_fixed .box ul li .select:before {
        right: 10px;

        top: 10px;
    }

    .pop_fixed .box span.guanbi {
        right: 15px;

        top: 15px;
    }

    .sectionB .sectionC ul li {
        width: 100%;

        margin-right: 0;
    }
}

@media (max-width: 490px) {
    .header {
        height: 60px;
    }

    .pro_box3 ol li .t {
        width: 70%;
    }

    .logo {
        width: 120px;

        padding: 0;

        height: 60px;

        line-height: 60px;

        position: absolute;

        left: 50%;

        top: 0;

        margin-left: -60px;
    }

    .navbtn {
        right: auto;

        left: 15px;

        width: 6%;
    }

    .header .search {
        margin-top: 23px;

        margin-right: 10px;
    }

    .header .login {
        margin-top: 23px;

        margin-right: 10px;
    }

    .languages {
        margin-top: 26px;
    }

    .search_box {
        top: 60px;

        padding: 5px 15px;
    }

    .search_box .icon {
        top: 14px;

        left: 15px;
    }

    .search_box .shut {
        top: 14px;

        right: 15px;
    }

    .languages:hover .down {
        display: none;
    }

    .title h3,
    .title h1,
    .titile2 h3 {
        font-size: 20px;
    }

    .home_group {
        padding: 40px 0 50px;
    }

    .home_group ol li {
        width: 100%;

        margin-right: 0;

        margin-bottom: 15px;
    }

    .home_group ol li:last-child {
        margin-bottom: 0;
    }

    .home_group ol li .text h3 {
        font-size: 16px;
    }

    .home_group ol li .text p {
        margin-top: 5px;

        font-size: 12px;
    }

    .home_video .text_box {
        width: 100%;
    }

    .home_news {
        padding: 40px 0 50px;
    }

    .home_news ol {
        margin-top: 25px;
    }

    .home_news ol li {
        width: 100%;

        margin-right: 0;

        margin-bottom: 15px;
    }

    .home_news ol li:last-child {
        margin-bottom: 0;
    }

    .home_video {
        height: auto;

        padding: 40px 0 50px;
    }

    .home_video .text_box {
        padding-top: 0;
    }

    .nav_box {
        padding-top: 20px;
    }

    .nav_box .nav-title {
        height: 60px;

        padding: 15px 15px 0;
    }

    .nav_box .nav-title h1 {
        margin-left: 35px;

        height: 20px;
    }

    .nav_box .nav-title h1 img {
    }

    .nav_box .nav-title .navclose {
        width: 20px;

        left: 15px;
    }

    .nav_box .navlist ul li {
        line-height: 50px;

        font-size: 16px;
    }

    .nav_box .navlist ul li a {
        padding: 0 15px;
    }

    .nav_box .navlist ul li i {
        width: 16px;

        height: 10px;

        top: 22px;
    }

    .nav_box .navlist ul li .navbox a {
        font-size: 14px;

        padding: 0 30px;

        line-height: 50px;
    }

    .menu_language {
        display: block;
    }

    .nybanner2 {
        height: 240px;

        padding-top: 50px;
    }

    .jaka_box ol li .text {
        padding: 30px 15px;
    }

    .jaka_box ol li:nth-child(2n) .text {
        text-align: right;
    }

    .jaka_box ol li h3 {
        font-size: 16px;
    }

    .jaka_box ol li a {
        padding: 5px 20px;

        font-size: 13px;
    }

    .nybanner7 ol {
        width: 100%;
    }

    .nybanner7 ol li .icon img {
        height: 40px;
    }

    .nybanner7 ol li p {
        font-size: 14px;
    }

    .nybanner7 {
        padding: 50px 0;
    }

    .jaka_list {
        padding: 40px 0 50px;
    }

    .jaka_list .tab a {
        width: 23.5%;

        float: left;

        margin-left: 0;

        line-height: 36px;

        margin-right: 2%;
    }

    .jaka_list .tab a:last-child {
        margin-right: 0;
    }

    .jaka_list ol li {
        width: 100%;

        margin-right: 0;

        padding: 20px 15px;
    }

    .jaka_list ol li .text h3 {
        font-size: 16px;
    }

    .jaka_list ol li .text {
        padding-top: 8px;
    }

    .nybanner3 {
        padding: 70px 0;
    }

    .pro_box4 {
        padding: 40px 0 20px;
    }

    .pro_box4 ol {
        margin-top: 30px;
    }

    .pro_box4 ol li {
        width: 50%;

        margin-bottom: 30px;
    }

    .pro_box4 ol li .icon {
        width: 110px;

        height: 110px;
    }

    .xueyuan_box3 {
        padding: 40px 0 50px;
    }

    .xueyuan_box3 ol li {
        height: 240px;
    }

    .xueyuan_box3 ol li h3 {
        font-size: 18px;
    }

    .xueyuan_box3 ol li {
        padding: 40px 20px;
    }

    .feedback_box4 {
        padding: 40px 0 50px;
    }

    .feedback_box4 .text {
        width: 100%;
    }

    .feedback_box4 .text ol li .btn {
        width: 100%;
    }

    .nybanner9 {
        padding-top: 90px;
        overflow: hidden;
    }

    .support {
        padding: 40px 0;
    }

    .support .text h3 {
        font-size: 18px;
    }

    .support .text .dh {
        font-size: 24px;

        line-height: 24px;

        margin: 10px 0 15px;
    }

    .support .text .wz {
        font-size: 16px;

        line-height: 28px;

        margin-bottom: 20px;
    }

    .support2 {
        padding-bottom: 40px;
    }

    .support2 ol li {
        width: 100%;

        height: 190px;

        padding-top: 60px;

        margin-right: 0;

        margin-bottom: 15px;
    }

    .support2 ol li:last-child {
        margin-bottom: 0;
    }

    .support2 ol li h3 {
        font-size: 16px;
    }

    .support2 ol li a {
        padding: 5px 25px;
    }

    .problem {
        padding: 40px 0 50px;
    }

    .problem ol,
    .download ol {
        margin-top: 15px;

        padding-top: 20px;
    }

    .problem ol li:before,
    .problem ol li .bt span {
        width: 40px;
    }

    .problem ol li .text {
        padding: 0 20px 20px 60px;
    }

    .problem ol li .bt::before {
        width: 12px;

        height: 12px;

        top: 25px;
    }

    .problem_bottom .text {
        width: 100%;

        padding-top: 80px;
    }

    .problem_bottom .text h3 {
        font-size: 16px;
    }

    .problem_bottom .text a {
        padding: 5px 25px;
    }

    .problem_bottom {
        height: 230px;
    }

    .download {
        padding: 40px 0;
    }

    .download ol li {
        margin-bottom: 15px;
    }

    .download ol li .img {
        width: 100%;
    }

    .download ol li .text {
        width: 100%;

        padding-top: 15px;

        text-align: left;
    }

    .download ol li .text h3 {
        font-size: 16px;
    }

    .download ol li .text a {
        padding: 5px 20px;

        margin-top: 20px;
    }

    .about_box {
        padding: 40px 0 50px;
    }

    .about_box .box {
        margin-top: 20px;
    }

    .about_box2 {
        padding-top: 40px;

        height: 300px;
    }

    .about_box2 .title h3 {
        font-size: 18px;
    }

    .about_box2 .title h4 {
        font-size: 14px;
    }

    .about_box3 {
        padding: 40px 0 50px;
    }

    .about_box3 ol li {
        width: 100%;
    }

    .about_box3 ol li .bt {
        font-size: 26px;
    }

    .about_box3 ol li .bt span {
        font-size: 50px;

        bottom: -3px;
    }

    .about_box3 ol li h3 {
        font-size: 18px;
    }

    .about_box3 ol li .t {
        margin-top: 10px;
    }

    .about_box3 ol {
        margin-top: 15px;
    }

    .about_box4 {
        padding: 40px 0 50px;
    }

    .about_box4 ol {
        margin-top: 20px;
    }

    .about_box4 ol li {
        width: 32%;

        margin-right: 2%;

        margin-bottom: 2%;

        height: 50px;
    }

    .about_box4 ol li:nth-child(5n) {
        margin-right: 2%;
    }

    .about_box4 ol li:nth-child(3n) {
        margin-right: 0;
    }

    .join_box {
        padding: 40px 0 50px;
    }

    .join_box ol {
        margin-top: 20px;
    }

    .join_box ol li .text h3 {
        font-size: 16px;

        margin-bottom: 5px;
    }

    .join_box2 {
        padding: 40px 0 50px;
    }

    .join_box2 .tables table tr th {
        font-size: 12px;

        font-weight: normal;

        padding: 10px 5px;

        width: 20%;
    }

    .join_box2 .tables table tr td {
        font-size: 12px;

        padding: 5px;
    }

    .join_box2 .tables table tr td a {
        font-size: 12px;

        padding: 5px;
    }

    .join_box2 .tables {
        margin-top: 25px;
    }

    .contact_map {
        padding: 40px 0 50px;
    }

    .contact_map ol li .text h3 {
        font-size: 16px;
    }

    .contact_map ol li .text .t p {
        margin-bottom: 0px;
    }

    .contact_map ol li .map {
        margin-top: 15px;

        height: 220px;
    }

    .contact_map ol li .text .t {
        margin-top: 5px;
    }

    .contact_map ol {
        margin-top: 20px;
    }

    .feedback .left {
        width: 100%;

        padding-top: 0;

        margin-bottom: 10px;
    }

    .feedback .left h3 {
        font-size: 18px;

        line-height: 24px;
    }

    .feedback .left p {
        font-size: 14px;

        line-height: 22px;

        margin-top: 10px;
    }

    .feedback .text ol li .t {
        width: 100%;

        margin-right: 0;

        margin-bottom: 10px;
    }

    .xgxx_box {
        padding-bottom: 40px;
    }

    .xgxx_box ol {
        margin-top: 20px;
    }

    .news_show {
        padding: 40px 0 50px;
    }

    .news_show h1 {
        font-size: 18px;
    }

    .pro_box {
        padding: 40px 0 50px;
    }

    .pro_box .box_video {
        margin-top: 25px;
    }

    .pro_box2 {
        padding: 40px 0 10px;
    }

    .pro_box2 ol {
        margin-top: 20px;
    }

    .title3 h3 span {
        font-size: 46px;
    }

    .pro_box2 ol li {
        width: 48%;

        margin-right: 0;

        margin-bottom: 30px;
    }

    .pro_box2 ol li:nth-child(2n) {
        float: right;
    }

    .pro_box2 ol li .text {
        margin-top: 5px;
    }

    .pro_box2 ol li .icon {
        width: 56px;
    }

    .pro_box2 ol li .text h3,
    .pro_box3 ol li .t h3 {
        font-size: 16px;
    }

    .pro_box3 ol li .t p {
        margin-top: 5px;
    }

    .pro_box3 ol {
        margin-top: 10px;
    }

    .pro_box4 ol li .text {
        font-size: 14px;
    }

    .pro_box5 ol li {
        width: 50%;

        margin-bottom: 30px;
    }

    .pro_box5 ol li .icon {
        width: 100px;

        margin-bottom: 0;
    }

    .pro_box5 ol li .text h3 {
        font-size: 16px;
    }

    .pro_box5 {
        padding: 40px 0 10px;
    }

    .pro_box5 ol {
        margin-top: 20px;
    }

    .pro_banner .bottom span.s2 {
        margin-left: 0;
    }

    .pro_banner .bottom span.s3 {
        margin-left: 40px;
    }

    .pro_show {
        padding: 40px 0;
    }

    .pro_show .text h1 {
        font-size: 18px;
    }

    .pro_show .text,
    .pro_show3 .box {
        margin-top: 20px;
    }

    .pro_show .text h3 {
        font-size: 16px;

        margin-top: 12px;
    }

    .pro_show .text .t {
        margin-top: 8px;
    }

    .pro_show2,
    .pro_show3 {
        padding: 40px 0;
    }

    .pro_show2 .box {
        margin-top: 10px;
    }

    .pro_show2 .box .canshu_box .tab span {
        float: left;

        margin-left: 0;

        width: 32%;

        margin-right: 2%;
    }

    .pro_show2 .box .canshu_box .tab span:last-child {
        margin-right: 0;
    }

    .pro_show2 .box .canshu_box .tab {
        font-size: 16px;

        margin-top: 15px;
    }

    .pro_show4 {
        padding: 40px 0;
    }

    .pro_show4 .box {
        margin-top: 10px;
    }

    .pro_show4 .box .left {
        margin-top: 0;
    }

    .pro_show4 .box .right ol li {
        width: 100%;
    }

    .apply_box {
        padding: 40px 0;
    }

    .apply_box3 ol li {
        width: 49%;

        margin-right: 0;
    }

    .apply_box3 ol li:nth-child(2n) {
        float: right;
    }

    .apply_box3 ol li:nth-child(4n) {
        margin-right: 0;
    }

    .apply_box3 ol li .text {
        font-size: 16px;

        margin-top: 15px;
    }

    .apply_box3 ol li .icon {
        width: 40px;
    }

    .apply_box3 ol li a {
        padding: 30px;
    }

    .apply_box2 {
        padding-top: 80px;
    }

    .apply_box2 .text p {
        width: 100%;

        font-size: 18px;
    }

    .apply_box2 .text .more {
        margin-top: 10px;

        width: 100%;

        text-align: center;
    }

    .apply_box2 .text .more a {
        display: inline-block;

        float: none;

        line-height: 34px;

        margin-bottom: 8px;
    }

    .apply_box3 ol {
        margin-top: 25px;
    }

    .apply_show {
        padding: 40px 0;
    }

    .apply_show .box {
        margin-top: 25px;
    }

    .apply_show .box .textbox h3 {
        font-size: 18px;
    }

    .apply_show .box .textbox {
        margin-top: 20px;
    }

    .caseshow {
        padding: 40px 0 50px;
    }

    .case {
        padding: 15px 0 50px;
    }

    .case_list ol li {
        width: 100%;

        margin-right: 0;

        margin-bottom: 15px;
    }

    .case_list ol li:last-child {
        margin-bottom: 0;
    }

    .case_filter ol li .text a {
        margin-right: 10px;
    }

    .case_filter {
        margin-bottom: 30px;
    }

    .market_show {
        padding: 40px 0;
    }

    .market_show ol li .text h3 {
        font-size: 16px;

        line-height: 20px;
    }

    .market_show ol li .text .t p {
        margin-bottom: 5px;
    }

    .market_show ol li .text .t {
        margin-top: 10px;
    }

    .market_show2,
    .market_show3 {
        padding: 40px 0;
    }

    .market_show2 ol li {
        padding: 20px 10px;
    }

    .market_show2 ol,
    .market_show3 ol {
        margin-top: 20px;
    }

    .market_show3 ol li .text {
        padding: 15px;
    }

    .search_con {
        padding: 40px 0;
    }

    .search_con ol li h3 {
        font-size: 18px;
    }

    .search_con ol li {
        padding: 20px 15px 0;

        margin-bottom: 15px;
    }

    .search_con ol li .bottom {
        margin-left: -15px;

        margin-right: -15px;
    }

    .agent_list ol li .text h3 {
        font-size: 16px;
    }

    .agent_list ol li .text .t p {
        margin-bottom: 5px;
    }

    .agent_list ol li .text .t {
        margin-top: 10px;
    }

    .agent_list {
        padding: 20px 0 40px;
    }
}

@media (max-width: 414px) {
    .container {
        padding: 0 15px !important;
    }

    .banner .box {
        padding: 15% 0;
    }

    .banner .slick-dots {
        bottom: 20px;
    }

    .pro_banner .bottom span.s3 {
        margin-left: 0;
    }

    .pro_banner .img {
        margin-top: 0;
    }

    .pro_banner .icon {
        margin-left: 0px;
    }
}

@media (max-width: 375px) {
}

@media (max-width: 360px) {
    .pro_banner .bottom span {
        padding: 0 15px;
    }

    .pro_box3 ol li .t {
        width: 60%;
    }
}