/* CSS Document */
@media (max-width:1600px) {
    .container {
        padding: 0px 60px;
    }

    .contact .liuy {
        width: 90%;
        left: 5%;
    }
}

@media (max-width:1440px) {

    .header .container {
        width: 100%;
    }

    .in_box1 .in_about {
        padding: 50px 0px;
    }

    .in_box2 .container ul {
        margin: 0px -20px;
        margin-top: 20px;
    }

    .in_box2 .container ul li {
        width: calc(33.3% - 40px);
        margin: 0px 20px;
    }

    .in_box2 .container ul li .nr h2 a {
        font-size: 25px;
    }

    .ny_banner .container span {
        right: 80px;
    }

    .about_box {
        margin-top: -90px;
    }

    .about_box3_nr .swiper-slide {
        padding: 40px 5% 70px 5%;
    }

    .about_box3_nr .swiper-slide .about3_nr_r {
        width: calc(100% - 500px) !important;
    }

    .technology_box1 .nr {
        padding: 20px;
    }

    .technology_box1 .nr .img {
        width: 350px;
        margin-left: -175px;
    }

    .technology_box1 .nr ul {
        width: calc(50% - 200px);
    }

}

@media (max-width:1260px) {

    .header .logo img {
        width: auto;
        height: 40px;
    }

    .nav .nLi h3 a {
        padding: 0px 0px;
        margin: 0px 10px;
    }

    .in_box .bt {
        padding: 30px 0px;
    }

    .in_box_nr .swiper-slide {
        height: 600px;
    }

    .about_box .about_box_r h2 {
        font-size: 35px;
        margin-bottom: 5px;
    }

    .about_box1 .about_box1_l h2 {
        font-size: 30px;
    }

    .about_box1 .about_box1_l h3 img {
        width: 350px;
    }

    .about_box1 .about_box1_r h2 {
        font-size: 25px;
        padding-bottom: 5px;
    }

    .about_box1 .about_box1_r p {
        font-size: 14px;
        line-height: 24px;
    }

}

@media(max-width:960px) {

    .container {
        padding: 0px 20px;
    }

    .header {
        padding-top: 0px;
    }

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

    .header .logo img {
        height: 28px;
    }


    .header .head_right {
        display: none;
    }

    .phone_btn {
        display: block;
    }

    .in_banner {
        height: 50vh;
    }

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

    .in_banner .swiper-slide .nr h2 {
        font-size: 45px;
        line-height: 45px;
        text-align: center;
    }

    .in_banner .in_banner_next,
    .in_banner .in_banner_prev {
        width: 100px;
        height: 45px;
    }

    .in_banner .in_banner_next {
        bottom: 0px;
    }

    .in_banner .in_banner_prev {
        bottom: 45px;
    }

    .btn span {
        font-size: 14px;
        padding: 8px 5px;
    }


    .in_box .bt {
        font-size: 20px;
        padding: 15px 0px;
    }

    .in_box_nr .swiper-slide {
        height: auto;
    }

    .in_box_nr .swiper-slide .nr_l::after {
        display: none;
    }

    .in_box_nr .swiper-slide .nr_l {
        position: static;
        width: 100%;
        height: auto;
    }

    .in_box_nr .swiper-slide .nr_l .nr_lnn {
        width: 100%;
        position: static;
        height: auto;
        padding: 10px;
    }

    .in_box_nr .swiper-slide .nr_l .nr_lnn h2 {
        font-size: 20px;
    }

    .in_box_nr .swiper-slide .nr_l .nr_lnn p {
        font-size: 13px;
    }

    .in_box_nr .swiper-slide .nr_r {
        display: none;
    }

    .in_box_nr .in_box_nr_next,
    .in_box_nr .in_box_nr_prev {
        position: absolute;
        z-index: 10;
        height: 40px;
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .in_box_nr .in_box_nr_next {
        left: auto;
        right: -10px;
        top: 30%;
    }

    .in_box_nr .in_box_nr_next::after {
        background: #2177f8;
    }

    .in_box_nr .in_box_nr_prev {
        left: -10px;
        top: 30%;
    }


    .in_box1 .in_about {
        padding: 20px 0px;
    }

    .in_box1 .in_about .container {
        display: block;
    }

    .in_box1 .in_about .in_about_l {
        width: 100%;
        margin-bottom: 15px;
    }

    .in_box1 .in_about .in_about_r {
        width: 100%;
        padding: 0px;
    }

    .in_box1 .in_about .in_about_r h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .in_box1 .in_about .in_about_r p {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .in_box1 .in_technology {
        margin-bottom: 20px;
    }

    .in_box1 .in_technology .bt {
        font-size: 22px;
    }

    .in_box1 .in_technology .in_technology_nr .swiper-slide {
        padding: 10px;
    }

    .in_box1 .in_technology .in_technology_nr .swiper-slide h2 {
        font-size: 14px;
    }

    .in_technology .in_technology_nr_next,
    .in_technology .in_technology_nr_prev {
        width: 70px;
        height: 40px;
    }

    .in_technology .in_technology_nr_next {
        top: 0%;
        right: 20px;
    }

    .in_technology .in_technology_nr_prev {
        top: 0%;
        right: 90px;
        transform: rotate(180deg);
    }

    .in_box2 {
        padding: 20px 0px;
    }

    .in_box2 .container .bt {
        font-size: 22px;
    }

    .in_box2 .container ul {
        margin: 0px;
        margin-top: 15px;
    }

    .in_box2 .container ul li {
        width: 100%;
        margin: 0px auto;
        margin-bottom: 15px;
    }

    .in_box2 .container ul li .nr h3 {
        padding: 6px 0px;
    }

    .in_box2 .container ul li .nr h2 a {
        font-size: 18px;
    }

    .in_box2 .container ul li .nr span a {
        margin-top: 5px;
    }

    .in_box2 .container .more {
        margin-top: 15px;
    }

    .footer {
        padding: 20px 0px;
    }

    .footer .container .footer_nav h2 {
        margin-bottom: 20px;
    }

    .footer .container .footer_nav h2 img {
        height: 36px;
    }

    .footer .container .footer_nav {
        width: 100%;
    }

    .footer .container .footer_nav h3 {
        display: none;
    }

    .footer .container .footer_sub {
        width: 100%;
        margin-bottom: 20px;
    }

    .slide_right {
        display: none;
    }

    .ny_banner {
        height: 350px;
    }

    .ny_banner .container h2 {
        font-size: 35px;
    }

    .ny_banner .container span {
        bottom: 40px;
        right: 20px;
    }

    .ny_banner .container span a {
        width: 50px;
        height: 50px;
    }

    .ny_banner .container h3 {
        display: none;
    }

    .about_box {
        display: block;
    }

    .about_box .about_box_l {
        width: 100%;
        margin-bottom: 15px;
    }

    .about_box .about_box_r {
        width: 100%;
        padding: 0px 15px;
    }

    .about_box .about_box_r h2 {
        font-size: 28px;
    }

    .about_box .about_box_r p {
        font-size: 13px;
        line-height: 22px;
    }


    .about_box1 {
        padding: 20px 15px;
        display: block;
    }

    .about_box1 .about_box1_l {
        display: block;
        width: 100%;
        margin: 0px auto;
        margin-bottom: 15px;
    }

    .about_box1 .about_box1_l h2 {
        font-size: 20px;
        padding: 10px 0px;
    }

    .about_box1 .about_box1_l h3 img {
        width: 100%;
    }

    .about_box1 .about_box1_r {
        width: 100%;
    }

    .about_box1 .about_box1_r h2 {
        font-size: 20px;
    }

    .about_box1 .about_box1_r p {
        font-size: 13px;
        line-height: 22px;
    }

    .about_box2 {
        background-size: cover;
    }

    .about_box2 .container {
        padding-top: 30px;
    }

    .about_box2 .container .bt {
        font-size: 20px;
    }

    .about_box2_nr {
        margin-top: 20px !important;
    }

    .about_box2_nr .swiper-slide .nr h2 {
        font-size: 18px;
    }

    .about_box2_nr .swiper-slide .nr b {
        height: 20px;
    }

    .about_box2_nr .swiper-slide .nr p {
        font-size: 12px;
    }

    .about_box3_nr .swiper-slide {
        padding: 20px 15px 30px 15px;
    }

    .about_box3_nr .swiper-slide .about3_nr_l {
        width: 100%;
        margin-bottom: 10px;
    }

    .about_box3_nr .swiper-slide {
        display: block;
    }

    .about_box3_nr .swiper-slide .about3_nr_l img {
        max-height: 100%;
    }

    .about_box3_nr .swiper-slide .about3_nr_r {
        width: 100% !important;
    }

    .about_box3_nr .swiper-slide .about3_nr_r .nr h2 span {
        font-size: 15px;
    }

    .about_box3_nr .swiper-slide .about3_nr_r .nr h2 b {
        font-size: 25px;
    }

    .about_box3_nr .swiper-slide .about3_nr_r .nr h2 p {
        font-size: 13px;
        line-height: 24px;
    }

    .about3_nr_r .slimScrollDiv,
    .about3_nr_r .slimScrollDiv .nr {
        height: auto !important;
    }


    .product_lb {
        padding: 20px 0px;
    }

    .product_lb ul {
        margin: 0px -10px;
    }

    .product_lb ul li {
        width: calc(50% - 20px);
        margin: 0px 10px;
        margin-bottom: 15px;
    }

    .product_lb ul li p {
        font-size: 13px;
    }

    DIV.sabrosus {
        margin: 15px 0px;
    }

    DIV.sabrosus A {
        padding: 5px 10px;
    }

    DIV.sabrosus SPAN.current {
        padding: 5px 10px;
    }

    .product_banner .container {
        display: block;
    }

    .product_banner .container .product_banner_l {
        width: 100%;
        padding: 0px 30px;
        padding-top: 80px;
    }

    .product_banner .container .product_banner_l .banner-button-prev {
        left: 0px;
    }

    .product_banner .container .product_banner_l .banner-button-next {
        right: 0px;
    }

    .product_banner .container .product_banner_r {
        width: 100%;
        padding: 0px;
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .product_banner .container .product_banner_r h2 {
        font-size: 20px;
    }

    .product_banner .container .product_banner_r em {
        font-size: 13px;
    }


    .product_banner .container .product_banner_dw {
        display: none;
    }

    .product_xx_box .container {
        padding: 20px 20px;
    }

    .product_xx_box .container .produxt_xx_box1 {
        width: 100%;
        margin-top: 20px;
    }

    .product_xx_box .bt {
        font-size: 20px;
    }

    .produxt_xx_box1>li>a {
        font-size: 15px;
    }

    .produxt_xx_box1>li>ul.sub-menu li {
        padding: 0px;
        padding-left: 50px;
    }

    .produxt_xx_box1>li>ul.sub-menu li p {
        font-size: 13px;
        line-height: 24px;
    }

    .product_xx_box .container::before {
        width: 70px;
        height: 250px;
    }

    .product_xx_box .container::after {
        width: 70px;
        height: 250px;
    }


    .product_xx_box1 {
        padding: 20px 0px;
    }

    .product_xx_box1 .container {
        padding: 0px 20px;
    }

    .product_xx_box1 .bt {
        font-size: 20px;
    }

    .product_xx_box1_nr {
        margin-top: 20px !important;
    }


    .product_xx_box1 .container .product_xx_box1_next,
    .product_xx_box1 .container .product_xx_box1_prev {
        height: 40px;
        width: 70px;
    }

    .product_xx_box1 .container .product_xx_box1_next {
        right: 30px;
    }

    .product_xx_box1 .container .product_xx_box1_prev {
        left: 30px;
    }

    .product_xx_box1_nr .swiper-slide-active,
    .swiper-slide-duplicate-active {
        transform: scale(1);
    }

    .technology_box {
        padding-top: 20px;
    }

    .technology_box .bt {
        font-size: 20px;
    }

    .technology_box .container ul {
        margin: 0px -10px;
        margin-top: 20px;
    }

    .technology_box .container ul li {
        width: calc(50% - 20px);
        margin: 0px 10px;
        margin-bottom: 15px;
    }

    .technology_box .container ul li .nr {
        padding: 10px;
    }

    .technology_box .container ul li .nr h2 {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .technology_box .container ul li .nr p {
        font-size: 13px;
        line-height: 20px;
    }

    .technology_box1 {
        padding: 30px 0px;
    }

    .technology_box1 .bt {
        font-size: 20px;
    }

    .technology_box1 .nr {
        padding: 0px;
        margin-top: 20px;
        min-height: auto;
    }

    .technology_box1 .nr .img {
        width: 100%;
        max-width: 470px;
        position: static;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .technology_box1 .nr ul {
        width: 100%;
    }

    .technology_box1 .nr ul:nth-child(2),
    .technology_box1 .nr ul:nth-child(3) {
        float: none;
    }

    .technology_box1 .nr ul li {
        text-align: left;
        margin-bottom: 20px;
    }

    .technology_box1 .nr ul li h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .technology_box1 .nr ul li p {
        font-size: 13px;
    }


    .technology_box2 {
        padding: 20px 0px;
        padding-top: 0px;
    }

    .technology_box2 .bt {
        font-size: 20px;
    }

    .technology_box2_nr {
        margin-top: 20px !important;
    }

    .technology_box2 .container .technology_box2_next,
    .technology_box2 .container .technology_box2_prev {
        height: 40px;
        width: 70px;
    }

    .technology_box2 .container .technology_box2_next {
        right: 30px;
        top: auto;
        bottom: 20px;
    }

    .technology_box2 .container .technology_box2_prev {
        right: auto;
        left: 30px;
        top: auto;
        bottom: 20px;
    }

    .technology_box2_nr .swiper-slide {
        margin-top: 0px;
        transform: scale(1);
    }

    .technology_box2_nr .swiper-slide-active,
    .swiper-slide-duplicate-active {
        transform: scale(1);
        margin-top: 0px;
    }

    .technology_box2_nr .swiper-slide .nr {
        padding: 5%;
    }

    .technology_box2_nr .swiper-slide .nr h2 {
        font-size: 18px;
    }

    .technology_box2_nr .swiper-slide .nr p {
        font-size: 13px;
    }

    .business_qh {
        margin-top: 0px;
    }

    .business_qh .container .business_qh_box_next,
    .business_qh .container .business_qh_box_prev {
        display: none;
    }

    .business_qh_box {
        margin-right: 0px !important;
    }

    .business_qh_box .swiper-slide a p {
        font-size: 14px;
    }


    .business_box ul li {
        width: 100%;
        margin: 0px auto;
        margin-bottom: 15px;
    }

    .business_box ul li .nr h3 {
        padding: 6px 0px;
    }

    .business_box ul li .nr h2 a {
        font-size: 18px;
    }

    .business_box ul li .nr span a {
        margin-top: 5px;
    }

    .business_box .more {
        margin-top: 15px;
    }

    .fnh {
        padding-top: 100px;
        padding-bottom: 30px;
    }

    .fnh .container a {
        width: 140px;
        height: 42px;
        line-height: 42px;
    }

    .business_bj {
        background-size: cover;
    }

    .business_xx .container .title .title1 {
        padding-bottom: 10px;
    }

    .business_xx .container .title .title1 h3 {
        display: none;
    }

    .business_xx .container .title .title1 h2 {
        font-size: 20px;
    }

    .business_xx .container .title .title1 h2 span {
        font-size: 15px;
    }

    .business_xx .container .title .title1 h2 span b {
        font-size: 13px;
        padding-bottom: 0px;
    }

    .business_xx .container .title .title1 h4 {
        font-size: 16px;
    }

    .business_xx .container .title .title1 h4 b {
        font-size: 13px;
        padding-bottom: 0px;
    }

    .business_xx .container .title .title2 {
        padding: 10px 0px;
        font-size: 22px;
    }

    .business_xx .container .nr {
        padding: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .contact {
        padding-top: 80px;
        padding-bottom: 280px;
    }

    .contact .bt {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .contact .nr h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .contact .nr p {
        font-size: 13px;
        line-height: 26px;
    }

    .contact .nr p img {
        width: 15px;
    }

    .contact .liuy {
        padding: 10px;
    }

    .contact .liuy .bt {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .contact .liuy h2 .text {
        width: calc(50% - 8px);
        height: 45px;
        line-height: 45px;
        padding: 0px 10px;
        font-size: 14px;
    }

    .contact .liuy h4 .text {
        padding: 10px;
    }
}

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