@charset "utf-8";



@media screen and (min-width: 1200px){
    .container {
        max-width: 1200px !important;
		padding-left:0 !important;
		padding-right:0 !important;
    }
}
@media screen and (max-width: 1199px){
    body{ min-width: auto;}
    .qrCode_fixed{ display: none;}
    .m{ width: 96%; margin-left: 2%;}
    .middle{ padding-bottom: 10px; border: none;}


    .butt_searchWap{ display: block; width: 30px; height: 30px; float: right; margin-right: 5px; margin-top: 25px;}
    .butt_searchWap i{ color: #204981; display: block;}


    .top_t{ height: auto;}

    .top_logo{ width: auto; height: auto;}
    .top_logo img{ width: auto; height: 80px;}
    .butt_search{ display: block; float: right; margin:25px 10px; width: 30px; height: 30px; }
    .butt_search .bar{ width: 30px; height: 2px; display: block; background: #204981; margin: 6px 0;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .cross .bar:nth-of-type(1) {
        -webkit-transform: translateY(13.5px) rotate(-40.5deg);
        -ms-transform: translateY(13.5px) rotate(-40.5deg);
        transform: translateY(8px) rotate(-40.5deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(2) {
        opacity: 0;
    }
    .cross .bar:nth-of-type(3) {
        -webkit-transform: translateY(-15px) rotate(45deg);
        -ms-transform: translateY(-15px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .top_right{ display: none; width: 100%; margin-top: auto; margin-bottom: 10px;}
    .top_search{ float: right;}

    .top_language{ float: right;}


    .top_wap_bj{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.7;}

    .top_nav{ display: none; width: 100%; position: absolute; left: 0; top: 100%; z-index: 999; height: auto; background: none; padding-bottom: 15px;}
    .top_nav_m ul{ width: 100%; float: left; margin-bottom: 0;}
    .top_nav_m ul li{ width: 100%; background: none; height: auto;}
    .top_nav_m ul li:hover{ background: none;}
    .top_nav_m ul li a{ line-height: 40px; display: block; float: left; margin-left: 10px;}
    .top_nav_m ul li .fa-list-ul{ display: block; float: left; color: #fff; line-height: 40px !important;}
    .top_nav_m ul li .top_down{ display: block; position: absolute; top: 0; right: 10px; width: 50%; text-align: right; line-height: 40px; color: #fff;}

    .navTwo{ position: relative; width: 92%; margin-left: 4%; float: left; top: auto; left: auto; background: none; margin-bottom: 0;}
    .navTwo dd{ height: auto; line-height: 30px; margin-bottom: 0;}
    .navTwo dd a{ line-height: 30px !important;}

    .swiper-banner .swiper-button-next{
        outline: 0;
        background-size: 15px 25px;
    }
    .swiper-banner .swiper-button-prev{
        outline: 0;
        background-size: 15px 25px;
    }


    .index_service{ height: auto;}
    .index_service_en{ margin-top: 30px;}
    .index_service_en span{ font-size: 32px;}
    .index_service_cn { margin-top: 10px;}
    .index_service_cn span{ font-size: 22px;}
    .index_service_cn span i{ width: 60px; height: 2px; top: 14px;}
    .index_service_cn .index_left_i {
        left: -66px;
    }
    .index_service_cn .index_right_i {
        right: -66px;
    }

    .index_service_desc{ margin-top: 10px;}
    .index_service_desc p{ font-size: 14px;}


    .index_service_list{ width: 100%; margin-left: auto; margin-top: 5px;}
    .index_service_list ul li{ width: 32%; height: auto; margin-left: auto; margin-left: 1%; background: #204981; padding-bottom: 10px;}

    .index_service_list ul li:nth-child(5){ margin-left: 1.2%;}
    .index_service_title{ margin-top: 10px;}
    .index_service_title a{ font-size: 16px;}

    .index_service_img{ margin-top: 10px;}
    .index_service_img img{ width: 25%;}

    .index_about{ height: auto; background: url(../images/about_bj.png); padding-bottom: 30px;}
    .index_about_left{ width: 100%; margin-top: 20px;}
    .index_about_div{ display: none;}
    .index_about_img{ width: 100%; height: auto; margin-left: auto; max-height: 200px; margin-top: 10px;}
    .index_about_img img{ width: 100%;}

    .index_about_right{ width: 100%; float: left; margin-top: 20px;}
    .index_about_en{ text-align: center;}
    .index_about_en span{ font-size: 32px;}
    .index_about_cn{ text-align: center;}
    .index_about_cn span{ font-size: 22px;}
    .index_about_msi{ margin-top: 10px; text-align: center;}
    .index_about_msi i{ float: none;}
    .index_about_info{ font-size: 14px; line-height: 22px; margin-top: 10px; text-align: center;}
    .index_about_link{ width: 120px; height: 30px; margin-top: 20px; margin-left: 44%;}
    .index_about_link a{ font-size: 12px; line-height: 30px;}

    .contact{ height: auto; padding-bottom: 30px;}
    .contact_list ul li{ width: 32%; height: 130px; margin-left:1%; border: solid 1px #ddd; float: left;  margin-top: 20px;}
    .contact_list ul li:nth-child(4){ display: none;}
    .contact_list ul li:nth-child(5){ display: none;}
    .contact_list_img{ margin-top: 10px; display: none;}
    .contact_list_img img{ width: 20%;}
    .contact_list_title{ margin-top: 10px;}
    .contact_list_title span{ font-size: 16px;}
    .contact_list_msi{ margin-top: 10px;}
    .contact_list_desc{}



    .footer{ height: auto; padding: 10px 0;}
    .footer_left{ width: 100%; display: inline-block; text-align: center;}
    .footer_left ul li{ float: none; list-style: none; display: inline-block;}
    .footer_right{ width: 100%; float: left; font-size: 14px; line-height: 22px; text-align: center;}

    .middle_location{ height: auto;}
    .middle_location_c{ width: 96%; height: auto; margin-left: 2%;}
    .middle_location_c span{ line-height: 40px; font-size: 14px;}
    .middle_location_c a{ line-height: 40px; font-size: 14px;}
    .container_left{ display: none;}

    .container_right{ width: 100%;}
    .container_right_title{ height: auto; text-align: center; padding-bottom: 15px;}
    .container_right_title i{ font-size: 24px;}
    .container_right_title span{ font-size: 22px;}


    .news_list_img{ width: 30%;}
    .news_list_right{ width: 68%; float: right;}
	
	
	.ny-product-right ul{ width:100%;}
	.ny-product-right ul li{ width:286px; height:244px; margin-right:auto; margin-left:16px;}
	.ny-product-right ul li img{ height:auto; height: auto;}
}
@media screen and (max-width: 768px) {
    body{ min-width: auto;}
    .qrCode_fixed{ display: none;}
    .m{ width: 96%; margin-left: 2%;}
    .middle{ padding-bottom: 10px; border: none;}

    .top_t{ height: auto;}

    .top_logo{ width: auto; height: auto;}
    .top_logo img{ width: auto; height: 80px;}
    .butt_search{ display: block; float: right; margin:25px 10px; width: 30px; height: 30px; }
    .butt_search .bar{ width: 30px; height: 2px; display: block; background: #204981; margin: 6px 0;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .cross .bar:nth-of-type(1) {
        -webkit-transform: translateY(13.5px) rotate(-40.5deg);
        -ms-transform: translateY(13.5px) rotate(-40.5deg);
        transform: translateY(8px) rotate(-40.5deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(2) {
        opacity: 0;
    }
    .cross .bar:nth-of-type(3) {
        -webkit-transform: translateY(-15px) rotate(45deg);
        -ms-transform: translateY(-15px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }



    .top_wap_bj{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.7;}

    .top_nav{ display: none; width: 100%; position: absolute; left: 0; top: 100%; z-index: 999; height: auto; background: none; padding-bottom: 15px;}
    .top_nav_m ul{ width: 100%; float: left; margin-bottom: 0;}
    .top_nav_m ul li{ width: 100%; background: none; height: auto;}
    .top_nav_m ul li:hover{ background: none;}
    .top_nav_m ul li a{ line-height: 40px; display: block; float: left; margin-left: 10px;}
    .top_nav_m ul li .fa-list-ul{ display: block; float: left; color: #fff; line-height: 40px !important;}
    .top_nav_m ul li .top_down{ display: block; position: absolute; top: 0; right: 10px; width: 50%; text-align: right; line-height: 40px; color: #fff;}

    .navTwo{ position: relative; width: 92%; margin-left: 4%; float: left; top: auto; left: auto; background: none; margin-bottom: 0;}
    .navTwo dd{ height: auto; line-height: 30px; margin-bottom: 0;}
    .navTwo dd a{ line-height: 30px !important;}

    .swiper-banner .swiper-button-next{
        outline: 0;
        background-size: 15px 25px;
    }
    .swiper-banner .swiper-button-prev{
        outline: 0;
        background-size: 15px 25px;
    }


    .index_service{ height: auto;}
    .index_service_en{ margin-top: 30px;}
    .index_service_en span{ font-size: 32px;}
    .index_service_cn { margin-top: 10px;}
    .index_service_cn span{ font-size: 22px;}
    .index_service_cn span i{ width: 60px; height: 2px; top: 14px;}
    .index_service_cn .index_left_i {
        left: -66px;
    }
    .index_service_cn .index_right_i {
        right: -66px;
    }

    .index_service_desc{ margin-top: 10px;}
    .index_service_desc p{ font-size: 14px;}


    .index_service_list{ width: 100%; margin-left: auto; margin-top: 5px;}
    .index_service_list ul li{ width: 32%; height: auto; margin-left: auto; margin-left: 1%; background: #204981; padding-bottom: 10px;}

    .index_service_list ul li:nth-child(5){ margin-left: 1.2%;}
    .index_service_title{ margin-top: 10px;}
    .index_service_title a{ font-size: 16px;}

    .index_service_img{ margin-top: 10px;}
    .index_service_img img{ width: 25%;}

    .index_about{ height: auto; background: url(../images/about_bj.png); padding-bottom: 30px;}
    .index_about_left{ width: 100%; margin-top: 20px;}
    .index_about_div{ display: none;}
    .index_about_img{ width: 100%; height: auto; margin-left: auto; max-height: 200px; margin-top: 10px;}
    .index_about_img img{ width: 100%;}

    .index_about_right{ width: 100%; float: left; margin-top: 20px;}
    .index_about_en{ text-align: center;}
    .index_about_en span{ font-size: 32px;}
    .index_about_cn{ text-align: center;}
    .index_about_cn span{ font-size: 22px;}
    .index_about_msi{ margin-top: 10px; text-align: center;}
    .index_about_msi i{ float: none;}
    .index_about_info{ font-size: 14px; line-height: 22px; margin-top: 10px; text-align: center;}
    .index_about_link{ width: 120px; height: 30px; margin-top: 20px; margin-left: 42%;}
    .index_about_link a{ font-size: 12px; line-height: 30px;}

    .contact{ height: auto; padding-bottom: 30px;}
    .contact_list ul li{ width: 32%; height: 130px; margin-left:1%; border: solid 1px #ddd; float: left;  margin-top: 20px;}
    .contact_list ul li:nth-child(4){ display: none;}
    .contact_list ul li:nth-child(5){ display: none;}
    .contact_list_img{ margin-top: 10px; display: none;}
    .contact_list_img img{ width: 20%;}
    .contact_list_title{ margin-top: 10px;}
    .contact_list_title span{ font-size: 16px;}
    .contact_list_msi{ margin-top: 10px;}
    .contact_list_desc{}



    .footer{ height: auto; padding: 10px 0;}
    .footer_left{ width: 100%; display: inline-block; text-align: center;}
    .footer_left ul li{ float: none; list-style: none; display: inline-block;}
    .footer_right{ width: 100%; float: left; font-size: 14px; line-height: 22px; text-align: center;}




    .middle_location{ height: auto;}
    .middle_location_c{ width: 96%; height: auto; margin-left: 2%;}
    .middle_location_c span{ line-height: 40px; font-size: 14px;}
    .middle_location_c a{ line-height: 40px; font-size: 14px;}
    .container_left{ display: none;}

    .container_right{ width: 100%;}
    .container_right_title{ height: auto; text-align: center; padding-bottom: 15px;}
    .container_right_title i{ font-size: 24px;}
    .container_right_title span{ font-size: 22px;}


    .news_list_img{ width: 30%;}
    .news_list_right{ width: 68%; float: right;}
	
	.ny-product-right ul{ width:100%;}
	.ny-product-right ul li{ width:212px; height:190px; margin-right:auto; margin-left:12px;}
	.ny-product-right ul li img{ height:auto; height:142px;}
}
@media screen and (max-width: 576px) {
    body{ min-width: auto;}
    .qrCode_fixed{ display: none;}
    .m{ width: 96%; margin-left: 2%;}
    .middle{ padding-bottom: 10px; border: none;}

    .butt_searchWap{ margin-top: 13px;}

    .top_search{ width: 280px;}
    .top_search_text{ width: 188px;}
    .top_t{ height: auto;}

    .top_logo{ width: auto; height: auto;}
    .top_logo img{ width: auto; height: 57px;}
    .butt_search{ display: block; float: right; margin:13px 10px; width: 30px; height: 30px; }
    .butt_search .bar{ width: 30px; height: 2px; display: block; background: #204981; margin: 6px 0;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .cross .bar:nth-of-type(1) {
        -webkit-transform: translateY(13.5px) rotate(-40.5deg);
        -ms-transform: translateY(13.5px) rotate(-40.5deg);
        transform: translateY(8px) rotate(-40.5deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(2) {
        opacity: 0;
    }
    .cross .bar:nth-of-type(3) {
        -webkit-transform: translateY(-15px) rotate(45deg);
        -ms-transform: translateY(-15px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }



    .top_wap_bj{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.7;}

    .top_nav{ display: none; width: 100%; position: absolute; left: 0; top: 100%; z-index: 999; height: auto; background: none; padding-bottom: 15px;}
    .top_nav_m ul{ width: 100%; float: left; margin-bottom: 0;}
    .top_nav_m ul li{ width: 100%; background: none; height: auto;}
    .top_nav_m ul li:hover{ background: none;}
    .top_nav_m ul li a{ line-height: 40px; display: block; float: left; margin-left: 10px;}
    .top_nav_m ul li .fa-list-ul{ display: block; float: left; color: #fff; line-height: 40px !important;}
    .top_nav_m ul li .top_down{ display: block; position: absolute; top: 0; right: 10px; width: 50%; text-align: right; line-height: 40px; color: #fff;}

    .navTwo{ position: relative; width: 92%; margin-left: 4%; float: left; top: auto; left: auto; background: none; margin-bottom: 0;}
    .navTwo dd{ height: auto; line-height: 30px; margin-bottom: 0;}
    .navTwo dd a{ line-height: 30px !important;}

    .swiper-banner .swiper-button-next{
        outline: 0;
        background-size: 15px 25px;
    }
    .swiper-banner .swiper-button-prev{
        outline: 0;
        background-size: 15px 25px;
    }


    .index_service{ height: auto;}
    .index_service_en{ margin-top: 30px;}
    .index_service_en span{ font-size: 32px;}
    .index_service_cn { margin-top: 10px;}
    .index_service_cn span{ font-size: 22px;}
    .index_service_cn span i{ width: 60px; height: 2px; top: 14px;}
    .index_service_cn .index_left_i {
        left: -66px;
    }
    .index_service_cn .index_right_i {
        right: -66px;
    }

    .index_service_desc{ margin-top: 10px;}
    .index_service_desc p{ font-size: 14px;}


    .index_service_list{ width: 100%; margin-left: auto; margin-top: 5px;}
    .index_service_list ul li{ width: 48%; height: auto; margin-left: auto; margin-left: 1.5%; background: #204981; padding-bottom: 10px;}
    .index_service_list ul li:nth-child(5){ margin-left: 1.2%;}
 
    .index_service_title{ margin-top: 10px;}
    .index_service_title a{ font-size: 16px;}

    .index_service_img{ margin-top: 10px;}
    .index_service_img img{ width: 25%;}

    .index_about{ height: auto; background: url(../images/about_bj.png); padding-bottom: 30px;}
    .index_about_left{ width: 100%; margin-top: 20px;}
    .index_about_div{ display: none;}
    .index_about_img{ width: 100%; height: auto; margin-left: auto; max-height: 200px; margin-top: 10px;}
    .index_about_img img{ width: 100%;}

    .index_about_right{ width: 100%; float: left; margin-top: 20px;}
    .index_about_en{ text-align: center;}
    .index_about_en span{ font-size: 32px;}
    .index_about_cn{ text-align: center;}
    .index_about_cn span{ font-size: 22px;}
    .index_about_msi{ margin-top: 10px; text-align: center;}
    .index_about_msi i{ float: none;}
    .index_about_info{ font-size: 14px; line-height: 22px; margin-top: 10px; text-align: center;}
    .index_about_link{ width: 120px; height: 30px; margin-top: 20px; margin-left: 35%;}
    .index_about_link a{ font-size: 12px; line-height: 30px;}

    .contact{ height: auto; padding-bottom: 30px;}
    .contact_list ul li{ width: 100%; height: auto; margin-left:auto; border: solid 1px #ddd; margin: 5px 0;}
    .contact_list ul li:nth-child(4){ display: none;}
    .contact_list ul li:nth-child(5){ display: none;}
    .contact_list_img{ margin-top: 10px; display: none;}
    .contact_list_img img{ width: 20%;}
    .contact_list_title{ margin-top: 10px;}
    .contact_list_title span{ font-size: 16px;}
    .contact_list_msi{ margin-top: 10px;}
    .contact_list_desc{}



    .footer{ height: auto; padding: 10px 0;}
    .footer_left{ width: 100%; display: inline-block; text-align: center;}
    .footer_left ul li{ float: none; list-style: none; display: inline-block;}
    .footer_right{ width: 100%; float: left; font-size: 14px; line-height: 22px; text-align: center;}




    .middle_location{ height: auto;}
    .middle_location_c{ width: 96%; height: auto; margin-left: 2%;}
    .middle_location_c span{ line-height: 40px; font-size: 14px;}
    .middle_location_c a{ line-height: 40px; font-size: 14px;}
    .container_left{ display: none;}

    .container_right{ width: 100%;}
    .container_right_title{ height: auto; text-align: center; padding-bottom: 15px;}
    .container_right_title i{ font-size: 24px;}
    .container_right_title span{ font-size: 22px;}


    .news_list_img{ width: 100%;}
    .news_list_right{ width: 100%; float: left;}
	.ny-product-right ul{ width:100%;}
	.ny-product-right ul li{ width:100%; height:auto; margin-left: auto; margin-right:auto;}
	.ny-product-right ul li img{ height:auto;}
	
	

}

@media screen and (max-width: 413px) {


    .index_service_en{ margin-top: 20px;}
    .index_service_en span{ font-size: 26px;}
    .index_service_cn span{ font-size: 18px; line-height: 22px;}
    .index_service_cn span i{ height: 1px;}

    .index_service_cn{ margin-top: 4px;}
    .index_service_desc p{ font-size: 12px;}

    .index_service_img img{ width: 20%;}
    .index_service_title a{ font-size: 15px;}

    .index_service_list ul li{ width: 98%; margin-left: 1.2%;}


    .index_about_en span{ font-size: 26px; line-height: 24px;}
    .index_about_cn{ margin-top: 4px;}
    .index_about_cn span{ font-size: 18px; line-height: 22px;}

    .index_about_link{ margin-left: 32%;}

    .container_right_title i{ font-size: 20px; line-height: 22px;}
    .container_right_title span{ font-size: 18px; margin-top: 4px;}
    .container_info{ font-size: 12px; line-height: 22px;}
    .container_info img{ max-width: 100%;}
    .container_h1{ font-size: 14px;}

    .contact_list_title span{ font-size: 15px;}

    .contact_list_msi{ margin-top: 4px;}
    .contact_list_msi i{ width: 30px;}
    .contact_list_desc{ font-size: 12px; margin-top: 4px; margin-top: 4px;}



    .news_list_title{ font-size: 15px;}
    .news_list_span{ background-size: 6%;}
    .news_list_span i{ font-size: 14px;}
    .news_list_right p{ font-size: 12px; line-height: 22px;}


    .footer_left ul li{ margin-top: 4px; width: 30px; height: 30px;}
    .footer_left ul li a{ line-height: 30px; font-size: 16px;}
    .footer_right{ font-size: 12px; text-align: center;}

}