/* CSS Document */

@media (max-width:1440px) {

    .container{ padding: 0px 50px;}

    .in_box1 h4{ height: 600px;}

    .in_box2 .nr ul li{ height: 600px;}

    .business .nr .right{ line-height: 28px; font-size: 14px;}
  
}

@media (max-width:1260px) {

    .in_box1 .container .nr{ margin-left: 300px;}
   
}

@media(max-width:960px) {

    .container{ padding: 0px 20px;}

    .header{ height: 70px; background: rgba(35, 77, 176, .8); position: fixed;}
    .header_dh .header_dh_logo{ width: 43px;}
    .header.scope .header_dh .header_dh_logo{ width: 43px;}
    .header.scope{ height: 70px; background: rgba(35, 77, 176, .8);}
    .header_dh ul{ display: none;}
    .phone_btn{ display: block;}

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

    .in_banner .kbj a{ width: 28px; margin-left: -14px;}
    .in_banner .kbj a img{ width: 28px;}

    .in_box{ padding-bottom: 20px;}
    .in_box .container b{ height: 40px; margin-bottom: 10px;}
    .in_box .container h2{ font-size: 20px;}
    .in_box .container h3{ font-size: 16px; padding: 8px 0px;}
    .in_box .container p{ font-size: 13px;}

    .in_box .container span a{ width: 120px; font-size: 12px; height: 36px; line-height: 36px;}

    .in_box1 span a{ width: 120px; font-size: 12px; height: 36px; line-height: 36px;}
    .in_box2 .nr ul li .nr span a{ width: 120px; font-size: 12px; height: 36px; line-height: 36px;}

    .in_box1{ padding: 0px 0px;}
    .in_box1 b{ height: 40px; margin-bottom: 10px;}
    .in_box1 h2{ font-size: 20px;}
    .in_box1 h3{ font-size: 16px; padding: 8px 0px;}
    .in_box1 p{ font-size: 13px;}

    .in_box1 h4{ height: auto; background: none !important;}
    .in_box1 h4 img{ display: block;}

    .in_box2 .bt .container{ padding: 20px 0px;}
    .in_box2 .bt .container b{ height: 40px; margin-bottom: 10px;}
    .in_box2 .bt .container h2{ font-size: 20px;}
    .in_box2 .bt .container h3{ font-size: 16px; padding: 8px 0px;}
    .in_box2 .bt .container p{ font-size: 13px;}

    .in_box2 .nr ul{ display: block;}
    .in_box2 .nr ul li{ width: 100%; height: 300px; border: 0px;}
    .in_box2 .nr ul li .nr h2{ padding: 15px 0px;}
    .in_box2 .nr ul li .nr h3{ padding-bottom: 15px; font-size: 25px;}
    .in_box2 .nr ul li .nr span{ display: block; margin-top: 15px;}

    .in_box3{ padding: 20px 0px;}
    .in_box3 .container .bt{ padding-bottom: 15px;}
    .in_box3 .bt h2{ font-size: 20px;}
    .in_box3 .bt span a{ width: 100px; height: 30px; line-height: 30px; font-size: 12px;}

    .in_box3_nr{ display: block;}
    .in_box3_nr .in_box3_nr_l{ width: 100%;}
    .in_box3_nr .in_box3_nr_l ul li{ margin-bottom: 10px;}
    .in_box3_nr .in_box3_nr_r{ width: 100%;}
    .in_box3_nr .in_box3_nr_r a{ height: 250px;}
    .in_box3_nr .in_box3_nr_r a h2 b{ font-size: 18px;}


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

    .footer .container h3 a{ padding: 0px 5px;}

    .slide_right.hade{ display: none;}

    .ny_banner{ height: 300px;}
    .ny_banner .container h2{ font-size: 30px;}
    .ny_banner .container p{ font-size: 15px;}

    .ny_dh{ height: auto;}
    .ny_dh .container{ display: block; padding: 10px 20px;}
    .ny_dh .container .lj{ font-size: 12px;}
    .ny_dh .container .ny_dhh{ display: block; margin-bottom: -8px;}
    .ny_dh .container .ny_dhh a{ font-size: 12px; margin: 0px 10px; line-height: 36px; height: auto; float: left;}
    .ny_dh .container .ny_dhh a:nth-child(1){ margin-left: 0px;}
    .ny_dh .container .ny_dhh a::after{ right: -8px; top: 10px;}

    .about{ padding: 20px 0px;}
.about .jianj .bt h2{ font-size: 16px;}
.about .jianj .bt p{ font-size: 14px;}
.about .jianj{ margin-bottom: 15px;}
.about1 .nr{ font-size: 13px;}
.about1 .nr h2{ font-size: 20px;}
.about1 .nr img{ width: 100%; margin-left: 0px !important;}

.business{ padding: 20px 0px;}
.business .bt{ padding-bottom: 20px; font-size: 20px;}
.business .nr{ display: block;}
.business .nr .left{ width: 100%; margin-bottom: 15px;}
.business .nr .right{ width: 100%; font-size: 13px; line-height: 26px;}

.business1{ padding: 20px 0px;}
.business1 .bt{ padding-bottom: 20px; font-size: 20px;}

.business1 ul li{ width: 30.3%; margin-bottom: 15px;}
.business1 ul li p{ font-size: 13px; padding-top: 5px;}

.product{ padding: 20px 0px;}
.product .bt h2 {
	font-size: 20px;
}
.product .bt p {
	font-size:14px;
	color: #ccc;
}

.product .nr{ font-size: 13px;}
.product .nr img{ width: 100%; margin-left: 0px !important;}

.product1{ padding: 20px 0px;}
.product1 .bt h2{ font-size: 20px;}
.product1 .bt h2 b{ font-size: 13px;}
.product1 .bt span a{ padding: 0px 10px; height: 30px; line-height: 30px; font-size: 13px;}
.product1 ul li{ width: 48%;}
.product1 ul li a p{ font-size: 13px;}

.product1 ul li h3 a{ width: 45%; font-size: 12px; height: 32px; line-height: 32px;}

.news{ padding: 20px 0px;}
.news ul li{ padding: 15px 0px;}
.news ul li .img{ max-width: 100px;}

.news ul li .nr{ width: calc(100% - 110px);}
.news ul li .nr h2 a{ font-size: 16px;}
.news ul li .nr p{ font-size: 12px;}

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

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

.newsxx { padding: 20px 15px;}

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

	
.newsxx .nr img{ width: 100%; height: auto;}

.contact{ padding: 20px;}
.contact .bt{ font-size: 20px; padding-bottom: 20px;}
.contact .nr{ display: block;}
.contact .nr .left{ width: 100%;}
.contact .nr .left h2{ font-size: 18px; margin-bottom: 20px;}
.contact .nr .left h2 a img{ width: 38px;}
.contact .nr .left p{ font-size: 15px;}

.contact .nr .right{ width: 100%; margin-top: 15px;}
.contact .nr .right .map{ height: 300px;}


   
}

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