@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){
	
	.index_banner_imgtwo{ background-size:142% !important; height:402px;}
    body{ min-width: auto;}
    .container{ padding: 0;}

    .header_m .logo span{ display: none;}
    .header_m .tel{ margin-right: 30px;}

    .top_butt{ display: block; float: right; margin-top: 36px;  width: 30px; height: 30px; z-index: 99999; position: relative; }
    .top_butt .bar{ width: 30px; height: 2px; display: block; background: #0e6eb8; margin: 6px 0;
        border-radius: 25px;
        -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_nav{ width: 50%; height: 200%;  position: absolute; top: 0; left:-100%; opacity: 0; margin-top: auto;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        z-index: 99998;
    }
    .header_nav {
        width: 50%;
        height: 200%;
        position: absolute;
        top:0;
        left: -100%;
        background: rgb(0,0,0,0.8);
        opacity: 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;
        z-index: 99999;
    }
    .header_nav_on {
        left: 0;
        opacity: 1;
        z-index: 99999;
    }

    .header_nav_m{ width: 100%; float: left; position: relative;}
    .header_nav_m ul{ width: 100%; height: 200%; float: left; background:none;}
    .header_nav_m ul li{ width: 96%; height: auto; margin-left: 2%; background:none;}
    .header_nav_m ul li:hover{ background: none;}

    .header_nav_m ul li .fa-list-ul{ display: block; float: left; color: #fff; line-height: 40px; margin-left: 20px;}
    .header_nav_m ul li .fa_link{ float: left; margin-left: 20px; line-height: 40px; color: #fff;}
    .header_nav_m ul li .fa_link .header_nav_hx{ display: none;}
    .header_nav_m ul li .top_down{ display: block; width: 40%; line-height: 40px; text-align: right; color: #fff;  position: absolute; right: 10px; top: 0;}
    .header_nav_m ul li .navTwo{ background: none; position:relative;}
    .header_nav_m ul li .navTwo{ width: 80%; float: left; margin-left: 10%;}
    .header_nav_m ul li .navTwo dd{ border-bottom: solid #ccc 1px;}
    .header_nav_m ul li .navTwo dd a{ display: block; float: left; margin-left: 10px; line-height: 36px;}
    .header_nav_m ul li .navTwo dd:hover{ background: none;}

    .index_about_left{ width: 48%;}
    .index_about_left .dpic{ height: auto;}
    .index_about_left .dpic i{ float: left; position: relative; left: auto; top: auto;}
    .index_about_left .dpic i img{ width: 100%;}

    .index_about_right{ width: 48%;}

    .module-tip{ background-size: 100%;}


    .sy_cp1 ul li{ width: 32%; margin-right: 2%;}
    .sy_cp1 ul li:nth-child(3n){ margin-right: auto;}
    .sy_cp1 ul li:nth-child(4n){ margin-right: 2%;}
    .sy_cp1 ul li:last-child{ margin-right: auto;}

    .home-news-list li{ width: 49%;}



    .index_news_left{ width: 45%;}
    .news_banner .swiper-slide{ height: auto;}
    .news_banner .swiper-pagination span{ width: 26px; height: 26px; line-height: 26px;}



    .index_news_right{ width: 54%;}
    .index_news_right .z_x .r_q{ line-height: 28px;}
    .index_news_right .z_x .w_z{ width: 76%;}
    .index_news_right .z_x .w_z p{ line-height: 24px; height: auto;}


    .Inside_left{ display: none; width: 100%; margin-bottom: auto; margin-top: auto;}
    .Inside_topColumn{ float: left; height: 30px; margin-top: 15px; background: none;}
    .Inside_topColumn h2{ color: #000; font-size: 18px; padding-top: 0; margin-left: auto;}
    .Inside_topColumn span{ display: none;}

    .product_butt{ display: block; float: right; margin-top: 15px;  width: 30px; height: 30px; z-index: 99999; }
    .product_butt .bar{ width: 30px; height: 2px; display: block; background: #0e6eb8; margin: 6px 0;
        border-radius: 25px;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .Inside_Column_list{ display: none; border: none; border-top: solid 1px #ccc; margin-top: 5px;}
    .Inside_Column_c{ width: 100%; margin: 0;}
    .Inside_Column_dl dd .Inside_one .caretR{ margin-right: 15px;}
    .Inside_Column_dl dd .Inside_one .Inside_one_a{ display: block; float: none; }
    .Inside_Column_dl dd .Inside_one:hover .Inside_one_a{ color: #fff !important;}

    .Inside_Column_lx{ display: none;}


    .Inside_right{ width: 100%; float: left;}

    .honor_list ul li{ width: 23%; margin-right: 2.6%;}
    .honor_list ul li:nth-child(4n){ margin-right: auto;}
    .honor_list ul li img{ height: 250px;}

    .list_news ul li .tp{ width: 26%;}
    .list_news ul li .wz{ width: 72%;}

    .product_list ul li{ width: 32%; margin-right: 2%;}
    .product_list ul li:nth-child(3n){ margin-right: auto;}

    .chqq .tu{ width: 40%;}
    .chqq .wz{ width: 58%;}

    .Inside_middle{ padding: 20px 0;}
	.ny-message-right{ width:750px;}


}
@media screen and (max-width: 768px) {
	.index_banner_img{ background-size:184% !important; height:280px;}
	.index_banner_imgtwo{ background-size:142% !important; height:300px;}
	
    .banner .line{ display: none;}
    .swiper-banner .swiper-pagination{ bottom: 10px !important;}
    .swiper-banner .swiper-pagination span{ height: 4px;}


    .index_about_left .dpic{ width: 100%;}
    .index_about_right em{  margin: 8px 0;}
    .index_about_right p{ line-height: 24px; height: 138px;}

    .sy_cp1 ul li:nth-child(10){ }
    .sy_cp1 ul li:nth-child(11){ }
    .sy_cp1 ul li:nth-child(12){ }

    .home-news-list li{ width: 100%;}
    .home-news-list li:nth-child(5){ display: none;}
    .home-news-list li:nth-child(6){ display: none;}
    .home-news-list li:nth-child(7){ display: none;}
    .home-news-list li:nth-child(8){ display: none;}

    .index_news_left{ width: 100%;}
    .index_news_right{ display: none; width: 100%; margin-top: 20px;}

    .index_news_right .z_x .w_z{ width: 82%;}
    .index_honor_m{ height: auto;}

    .footer{ height: auto; background: #f9f9f9 url(../images/footerbg.jpg) bottom no-repeat center;}
    .footer:after{ content: ""; display: block; clear: both;}
    .footer_top{ height: auto; padding: 20px 0;}
    .footer_top .f_menu img{ width: 100%;}

    .footer_top_m{ margin-top: auto;}

    .cinfo p{ padding: 2px 0;}

    .footer_bottom{ height: auto; padding: 20px 0;}
    .footer_bottom .icp{ margin-top: auto;}
	
	.ny-message-right{ width:98%;}
	.ny-message3{ width:100%;}
	.ny-message3-1{ width:100%;}
	.ny-message3-2{ width:100%;}
	.mess-1{ width:100%;}
	.mess-2{ width:100%;}
	.mess-b{ width:100%;}

}
@media screen and (max-width: 576px) {
	.index_banner_img{ height:150px;}
	.index_banner_imgtwo {
    background-size: 155% !important;
    height: 178px;
}

    .container{ padding: 0 15px;}

    .header_top .h_y{ display: none;}
    .header_top .k_j{ display: none;}
    .header_m .tel{ display: none;}

    .header_m .logo{ margin: 10px 0; height: 55px;}
    .header_m .logo img{ height: 100%;}
    .top_butt{ margin-top: 24px;}

    .header_nav{ width: 80%;}
    .header_nav_m ul li .fa-list-ul{ margin-left: 0;}
    .header_nav_m ul li .fa_link{ margin-left: 10px;}
    .header_nav_m ul li .navTwo{ width: 80%; margin-left: 10%;}


    .index_about{ padding: 30px 0;}
    .index_about_left{ width: 100%;}
    .index_about_right{ width: 100%; float: left; margin-top: 15px;}


    .sy_cp1 img{ height: auto;}
    .sy_cp1 .w_z a{ line-height: 36px;}

    .index_product{ padding: 30px 0;}
    .module-tip{ background: none;}
    .module-tip h3{ font-size: 26px;}


    .view{ margin-top: 30px;}

    .preview .swiper-container .swiper-slide{ margin:  5px 0; width: 24%;}
    .sy_cp1 ul li{ width: 48%;}
    .sy_cp1 ul li:nth-child(2n){ float: right; margin-right: auto;}
    .sy_cp1 ul li:nth-child(9){ }

    .index_technology{ padding: 30px 0;}
    .home-news-list li .desc h3{ font-size: 16px; padding-left: 35px;}
    .home-news-list li .desc .txt{ padding-left: 35px;}


    .index_news{ padding: 30px 0;}
    .home-news-list li:nth-child(3){ display: none;}

    .news_banner_title span{ width: 70%; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

    .index_news_right .z_x .r_q{ width: 20%; padding: 10px;}
    .index_news_right .z_x .w_z{ width: 76%; margin: 8px 0 0 0;}
    .index_news_right .z_x .w_z h3{ font-size: 16px;}
    .index_news_right .z_x .w_z p{ line-height: 20px; max-height: 44px;}

    .index_honor{ padding: 30px 0;}
    .footer{ margin-bottom: 74px;}

    .footer_top{ display: none;}
    .footer_top .f_menu{ width: 30%;}
    .footer_top .cinfo{ width: 70%;}
    .footer_top .cinfo .hotline{ padding-left: 0;}
    .cinfo p{ padding: 0;}

    .footer_top .sns{ display: none;}
    .hotline .icon{ display: none;}
    .hotline .phonenum{ font-size: 24px;}

    .footer_top .f_menu{ margin-top: 13%;}
    .footer_bottom{ padding: 10px 0; background: none;}
    .footer_bottom .icp{ text-align: center; margin-bottom: auto;}
    .footer_bottom .support{ display: none;}
    .footer_bottom .f_link{ display: none;}


    .ny_banner{ height: 200px; background-size: cover !important;}
    .Inside_right .lmmc{ line-height: 36px;}
    .Inside_right .lmmc span{ display: none;}

    .Inside_right_info{ line-height: 24px;}

    .honor_list ul li{ width: 48%;}
    .honor_list ul li img{ height: auto;}
    .honor_list ul li:nth-child(2n){ float: right; margin-right: auto;}


    .list_news ul li .tp{ width: 100%;}
    .list_news ul li .wz{ width: 100%; float: left;}

    .product_list ul li{ width: 48%;}
    .product_list ul li:nth-child(2n){ float: right; margin-right: auto;}
    .product_list ul li img{ height: auto;}

    .chqq .tu{ width: 100%;}
    .chqq .wz{ width: 100%; float: left; margin-top: 10px;}

    .chqq .wz h1{  font-size: 18px;}
    .chqq .wz p{ line-height: 24px; margin-top: 10px;}

    .product_TabTitle dd{ width: 100%;}

    .product_Tab_info img{ max-width: 100%;}

    .footerWap{ display: block; width: 100%; height:74px; position: fixed; bottom: 0; background: #222; border-top: solid 1px #999; z-index: 99;}
    .footerWap ul li{ width: 25%;  float: left; height:74px; border-right: solid 1px #999; position: relative; text-align: center; padding: 10px 0;}
    .footerWap ul li:nth-child(4){ border: none;}
    .footerWap ul li i{ display: block; color: #fff; line-height: 28px;}
    .footerWap ul li span{ display: block; font-size: 14px; color: #fff; line-height: 24px; margin-top: 5px;}

.swiper_honor_title{ font-size:14px;}

}

@media screen and (max-width: 413px) {
	
	.index_banner_imgtwo{ height:138px;}
.swiper_honor_title{ font-size:14px;}
    .header_m .logo{ height: 45px;}
    .top_butt{ margin-top: 17px;}
    .ny_banner{ height: 180px;}

    .swiper-banner .swiper-pagination{ bottom: 2px !important;}
    .swiper-banner .swiper-pagination span{ height: 2px;}

    .index_about_right p{ line-height: 22px; height: 112px;}

    .view{ margin-top: 20px;}

    .preview .swiper-container .swiper-slide{ width: 30%;}
    .home-news-list li .pic{ display: none;}
    .home-news-list li .desc{ width: 100%;}

    .news_banner_title span{ width: 66%; line-height: 34px;}
    .news_banner .swiper-pagination span{ width: 20px; height: 20px; line-height: 20px; font-size: 12px;}

    .index_news_right .z_x .r_q{ width: 100%; font-size: 14px; line-height: 22px; padding: 5px;}
    .index_news_right .z_x .r_q b{ font-size: 18px;}
    .index_news_right .z_x .w_z{ width: 98%; float: left; margin-left: 2%;}


    .list_news ul li{ padding-bottom: 10px;}
    .list_news ul li .wz h3{ font-size: 16px;}
    .list_news ul li .wz p{ line-height: 22px;}

    .footer{ margin-bottom: 64px;}
    .footer_top{ display: none;}
    .footer_top .f_menu{ display: none;}
    .footer_top .cinfo{ width: 100%;}

    .footerWap{ height: 64px;}
    .footerWap ul li{ height: 64px;}
    .footerWap ul li i{ font-size: 2em; line-height: 24px;}
    .footerWap ul li span{ margin-top: auto;}


}