/* CSS Document */

@media (max-width:1440px) {
    .header{ height: 80px;}
    .header .logo{ margin-top: 15px;}
    .header .logo img{ width: 140px;}
    .in_search{ margin-top: 20px;}
    .in_search a{ width: 42px; height: 42px; background-size: 20px auto;}
    .nav .nLi h3 a{ height: 80px; line-height: 80px; font-size: 14px; margin: 0px 5px;}

    .in_box .container .in_box_l .nr span a{ height: 50px; line-height: 50px;}
    .in_box .container .in_box_l .nr span a i{ width: 35px; height: 35px; top: 7px;}

    .ny_z_l{ width: 250px;}
    .ny_z_r{ width: calc(100% - 300px);}
}

@media (max-width:1260px) {

    .header .logo img{ width: 140px;}
    .nav .nLi h3 a{ margin: 0px 0px; padding: 0px 15px;}
}

@media(max-width:960px) {

    .container {
        padding: 0px 15px;
    }

    .header {
        height: 65px;
    }

    .header .logo {
        margin-top: 10px;
    }

    .header .logo img {
        width: 120px;
    }

    .in_search {
        display: none;
    }

    .header .head_right {
        display: none;
    }

    .phone_btn {
        display: block;
    }

    .in_banner {
        height: 30vh;
    }

    .in_banner .swiper-slide .nr {
        width: 90%;
        left: 5%;
        margin-left: 0px;
    }

    .in_banner .swiper-slide .nr .container{ width: 100%;}

    .in_banner .swiper-slide .nr h2 {
        font-size: 23px;
        margin-top: 5px;
    }

    .in_banner .swiper-slide .nr h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }

.in_banner .swiper-pagination span {
	width: 13px;
	height: 13px;
}

    .in_banner .five_mk ul li {
        height: 60px;
    }

    .in_banner .five_mk ul li a span {
        width: 28px;
        height: 25px;
    }

    .in_banner .five_mk ul li a p {
        font-size: 13px;
        padding-top: 3px;
    }

    .in_bt {
        padding-bottom: 15px;
    }

    .in_bt h2 {
        font-size: 20px;
    }

    .in_bt h3 {
        font-size: 12px;
    }

    .in_bt span{ top: 5px;}

    .in_bt span a{ font-size: 12px; padding: 4px 8px;}
    .in_bt span a i{ width: 35px; height: 35px; background-size: 15px auto;}

    .in_box {
        padding: 20px 0px;
        background-size: contain;
        background-position: top center;
    }
    .in_box .container{ display: block;}
    .in_box .container .in_box_l{ width: 100%; border-right: 0px; margin-bottom: 15px;}
    .in_box .container .in_box_l .nr p{ font-size: 14px; line-height: 24px;}
    .in_box .container .in_box_l .nr span{ padding-top: 10px;}
    .in_box .container .in_box_l .nr span a{ height: 45px; line-height: 45px; font-size: 14px;}
    .in_box .container .in_box_l .nr span a i{ top: 5px; right: 5px;}
    .in_box .container .in_box_r{ width: 100%;}

    .in_box1{ padding: 20px 0px;}
    .in_box1 ul{ display: block;}
    .in_box1 ul li{ width: calc(50% - 10px); margin: 0px 5px; padding: 10px; float: left; margin-bottom: 10px;}
    .in_box1 ul li .nr h2{ font-size: 14px; padding: 7px 0px;}
    .in_box1 ul li .nr p{ font-size: 12px;}

    .in_box2{ padding: 20px 0px;}
    .in_box2 .nr{ display: block;}
    .in_box2 .nr .in_box2_l{ width: 100%; margin-bottom: 15px;}
    .in_box2 .nr .in_box2_l .nr{ padding: 10px;}

    .in_box2 .nr .in_box2_r{ width: 100%;}
    .in_box2 .nr .in_box2_r ul li .img{ width: 100px; height: 70px;}
    .in_box2 .nr .in_box2_r ul li .nr{ width: calc(100% - 140px);}
    .in_box2 .nr .in_box2_r ul li .nr h2 a{ font-size: 15px; margin-bottom: 5px;}
    .in_box2 .nr .in_box2_r ul li .nr p{ font-size: 12px;}

.in_box3{ padding: 20px 0px;}
    .in_box3 .nr{ display: block;}
    .in_box3 .nr .img{ width: 100%; margin-bottom: 15px;}
    .in_box3 .nr .xnr{ width: 100%;}
    .in_box3 .nr .xnr h2{ font-size: 20px;}
    .in_box3 .nr .xnr p{ font-size: 14px; line-height: 22px;}
    .in_box3 .nr .xnr span a{ width: 150px; height: 40px; line-height: 40px; font-size: 14px;}
    .in_box3 .nr .xnr span a i{ width: 14px; height: 10px;}

    .in_box4 .nr{ display: block;}

    .in_box4 .nr .in_box4_l{ width: 100%; margin-bottom: 10px;}
    .in_box4 .nr .in_box4_l .img{ width: 120px;}
    .in_box4 .nr .in_box4_l .xnr{ width: calc(100% - 140px);}
    .in_box4 .nr .in_box4_l .xnr h2{ font-size: 15px; -webkit-line-clamp: 1; margin-bottom: 5px;}
    .in_box4 .nr .in_box4_l .xnr p{ font-size: 13px;}
    .in_box4 .nr .in_box4_l .xnr span a img{ width: 17px;}

    .in_box4 .nr .in_box4_r{ width: 100%;}
    .in_box4 .nr .in_box4_r ul li::before{ width: 6px; height: 6px; top: 13px;}
    .in_box4 .nr .in_box4_r ul li{ padding-left: 12px;}
    .in_box4 .nr .in_box4_r ul li a{ line-height: 32px; font-size: 14px;}

    .footer1{ padding-top: 20px;}
    .footer1 h3{ display: none;}
    .footer1 h2{ display: block; float: none; text-align: center; margin-right: 0px; margin-bottom: 10px;}
    .footer1 h2 img{ width: 130px;}

    .footer1 h4{ float: none; text-align: center; margin-bottom: 10px;}
    .footer1 h5{ float: none; text-align: center; margin-right: 0px;}
    .footer1 h5 b{ margin-bottom: 3px;}
    .footer1 h5 p{ line-height: 20px;}
    .yqlj{ display: none;}

    .ny_banner{ height: 200px;}
    .ny_banner .container .nr{ width: 100%;}
    .ny_banner .container .nr h2 {
        font-size: 23px;
        margin-top: 5px;
    }

    .ny_banner .container .nr h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .ny_lj{ line-height: 35px; font-size: 12px;}

    .ny_lj1{ line-height: 40px; font-size: 18px;}
    .ny_lj1 span{ font-size: 13px;}

    .ny_z{ padding-top: 10px;}
    .ny_z_l{ width: 100%;}
    .ny_z_l ul{ display: flex; }
    .ny_z_l ul li{ width: 50%;}
    .ny_z_l ul li a{ font-size: 13px; height: 36px; line-height: 36px; border-radius: 0; padding: 0px 5px;}
    .ny_z_l ul li a.on img{ display: none;}
   
    .ny_z_r{ width: 100%; padding: 10px;}
    .ny_z_r .bt{ font-size: 16px; margin-bottom: 15px;}
    .ny_about{ font-size: 13px; margin-bottom: 20px;}

    .ny_about1{ padding: 20px; margin-bottom: 20px;}
    .ny_about1 .ny_about1_next{ right: 10px;}
.ny_about1 .ny_about1_prev{ left: 10px;}

.ny_about2{ margin-bottom: 20px; display: block; padding: 15px;}
.ny_about2_l{ width: 100%; margin-bottom: 15px;}
.ny_about2_r{ padding-left: 0px; width: 100%; border: 0px;}
.ny_about2_r h2{ font-size: 13px; line-height: 22px;}
.ny_about2_r h2 span{ width: 60px; font-size: 15px;}
.ny_about2_r h2 p{ width: calc(100% - 60px);}


.ny_about3{ margin-bottom: 20px;}

.ny_about3 ul{ margin-top: 15px;}
.ny_about3 ul li{ width: 47%; margin-bottom: 15px;}
.ny_about3 ul li p{ font-size: 12px;}


.business{ margin-bottom: 20px;}

.business ul li{ width: 48%;}
.business ul li .nr h2{ font-size: 14px;}
.business ul li .nr h3{ font-size: 12px;}
.business ul li .nr p{ font-size: 12px;}

.business1 ul li{ display: block; margin-bottom: 15px;}
.business1 ul li .img{ width: 100%; margin-bottom: 10px;}
.business1 ul li .nr{ width: 100%;}
.business1 ul li .nr p{ font-size: 12px; line-height: 22px;}
.business1 ul li .nr span a{ width: 150px; height: 40px; line-height: 40px; font-size: 14px;}
.business1 ul li .nr span a i{ width: 14px; height: 10px;}

.business1_xx1 ul li{ display: block;}
.business1_xx1 ul li .img{ width: 100%; margin-bottom: 10px;}
.business1_xx1 ul li .nr{ width: 100%;}
.business1_xx1 ul li .nr h2{ font-size: 15px; padding-bottom: 5px;}
.business1_xx1 ul li .nr p{ font-size: 13px; line-height: 24px;}

.financing{ padding: 15px 0px;}
.financing ul li{ width: 46%; margin: 0px 2%; margin-bottom: 15px;}
.financing ul li a .img b{ font-size: 13px;}
.financing ul li .nr{ padding: 10px;}
.financing ul li .nr h2{ font-size: 14px; padding: 6px 0px;}
.financing ul li .nr p{ font-size: 12px;}


.newsxx { padding: 10px 0px;}

.newsxx .bt h2 {
    font-size: 16px;
    line-height: 30px;
}

.newsxx .nr{ font-size: 13px;}
.newsxx .nr img{ width: 100%; height: auto;}

.zero{ padding: 20px 0px;}
.zero ul li{ padding: 15px 0px;}
.zero ul li .img{ width: 100%; max-width: 100%; margin-bottom: 10px;}

.zero ul li .nr{ width: 100%;}
.zero ul li .nr h2 a{ font-size: 16px;}
.zero ul li .nr p{ font-size: 12px;}


.hr{ padding: 20px 0px;}
.hr_bt h2{ font-size: 18px;}
.hr_1{ display: block; padding: 20px 0px;}
    .hr_1_l{ width: 100%;}
    .hr_1_l{ max-width: 660px; margin-bottom: 15px;}
    .hr_1_l img{ width: calc(100% - 15px); margin-left: 15px; margin-top: 15px;}
    .hr_1_r{ width: 100%;}
    .hr_1_r p{ font-size: 14px; line-height: 26px;}

    .hr1 .container{ padding: 20px;}

    .hr1_nr p{ font-size: 14px; line-height: 22px;}


    .hr2{ padding: 20px 0px;}
    .hr2 ul{ margin-top: 15px;}

    .hr2 ul li{ width: calc(50% - 10px); margin: 0px 5px; margin-bottom: 10px;}
    .hr2 ul li a{ padding: 10px;}
    .hr2 ul li a h2{ font-size: 15px;}
    .hr2 ul li a p{ font-size: 12px; line-height: 20px;}


    .layui-layer{ width: 90% !important;}
.layui-layer-setwin .layui-layer-close2{ right: -8px !important; top: -8px !important; width: 20px;}
.layui-layer-setwin .layui-layer-close2::after{ width: 20px;}
.layui-layer-setwin .layui-layer-close2::before{ width: 20px;}

.job_tc1 {
    padding: 15px 20px;
}
.job_tc1 .bt{ font-size: 17px;}
.job_tc1 .bt span{ font-size: 14px;}

.job_tc1 .nr ul li {
    width: 100%;
    font-size: 12px;
    line-height: 24px;
}

.job_tc1 .nr2 p {
    font-size: 13px;
    line-height: 22px;
}

.hr3 ul{ margin: 0px -10px; margin-top: 20px;}
.hr3 ul li{ width:calc(50% - 20px); margin: 0px 10px; margin-bottom: 10px;}
.hr3 ul li h2{ font-size: 16px;}

}

@media(max-width:768px) {

    .business ul li{ width: 96%; padding: 2%;}

.in_banner {
        height: 22vh;
    }

}