@charset "utf-8";

@media screen and (min-width: 1200px){
    .container-fluid {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .container {
        max-width: 1200px !important;
		padding-left:0 !important;
		padding-right:0 !important;
    }
}
@media screen and (max-width: 1199px){
    body{ min-width: 320px;}

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

    .header{ padding-top: 10px; padding-bottom: 10px;}

    .logo img{ height: 40px;}
    .head_by img{ height: 40px;}
    .head_tel{ margin-top: 10px;}
    .head_search{ margin-top: 10px; margin-right: 10px;}



    /*导航*/
    .top_butt{ display: block; float: right; margin-top: 8px;  width: 30px; height: 30px; z-index: 99999; }
    .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;
    }

    .head_nav{
        width: 50%; height: 100%;  position: absolute; top: 0; left:-100%; opacity: 0; margin-top: auto;
        background: rgba(10,109,200,0.9);
        -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;
    }

    .head_nav_m{ width: 100%; height: 100%;  }
    .head_nav_m ul li{ width: 100%; height: auto; background: no-repeat; border: none !important;}
    .head_nav_m ul li:hover{ background: none;}

    .head_nav_m ul li .fa_link{ float: left; margin-left: 5px; line-height: 36px;}
    .head_nav_m ul li .top_down{ display: block; width: 40%; line-height: 36px; text-align: right; color: #fff;  position: absolute; right: 10px; top: 0;}
    .head_nav_m ul li .navTwo{ width: 86%; float: left; margin-left: 5%; background: none; position: relative; left: auto; top: auto;}
    .head_nav_m ul li .navTwo dd{ border-bottom: solid #ccc 1px; height: 34px;}
    .head_nav_m ul li .navTwo dd a{ display: block; float: left; margin-left: 10px; line-height: 34px !important;}
    .head_nav_m ul li .navTwo dd:hover{ background: none;}
    .head_nav_m_on{ left: 0; opacity: 1;
        -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;
    }



    .swiper_banner{ height: 330px;}
    .swiper_banner .swiper-pagination span{ height: 4px;}


    .swiper_jj{ width: 100%;}
    .index_list .swiper-button-prev{ display: none;}
    .index_list .swiper-button-next{ display: none;}

    .swiper_product{ width: 100%;}
    .index_product .swiper-button-prev{ display: none;}
    .index_product .swiper-button-next{ display: none;}



    .index_ys_info{ width: 70%;}
    .index_news_div ul li:first-child{ display: none;}
    .index_news_div ul li:last-child{ display: none;}
    .index_news_div ul li{ width: 25%; margin-bottom: 10px;}
    .news_li2 span{ margin-top: 5px;}

    .swiper_honor{ width: 100%;}
    .index_honor_m .swiper-button-prev{ display: none;}
    .index_honor_m .swiper-button-next{ display: none;}

    .footer_lm{ width: 90px;}

    .ny_m{ padding-top: 30px; padding-bottom: 30px;}
    .ny_m_left{ display: none;}
    .ny_m_right{ width: 100%; float: left;}


}
@media screen and (max-width: 768px) {
    .container{ padding-right: 0; padding-left: 0;}

    .index_ys_info{ width: 80%;}
    .index_news_div ul li{ width: 50%; overflow: hidden;}
    .footd1{ display: none;}
    .ny_news_info{ width: 65%;}
    .footer{ display: none;}
    .foot{ padding-top: 10px; padding-bottom: 10px; margin-bottom:51px;}
	
	.head_wapNav_v{ display:block; padding-left:0; padding-right:0;}
	
	.head_wapNav{ width:100%; float:left;}
	.head_wapNav ul li{ width:19.4%; float:left; margin-left:0.5%; margin-bottom:0.5%; text-align:center; line-height:30px; background:#0e6eb8;}
	.head_wapNav ul li a{ font-size:14px; line-height:30px; color:#fff;}
	
	.foot_wapico{ display:block; width:100%; position: fixed; left:0; bottom:0; background:#222; height:50px;}
	.foot_wapico ul li{ width:50%; height:50px; float:left; text-align:center; line-height:50px;}
	.foot_wapico ul li a{ font-size:30px; color:#fff;}
	.icon_dh{ display:block; height:100%; background: url(../images/dbico_tel.png) center center no-repeat; background-size:30px;}
	.icon_wx{ display:block; height:100%; background: url(../images/dbico_wx.png) center center no-repeat; background-size:30px;}

}
@media screen and (max-width: 736px) {
    .head_tel{ display: none;}
    .index_ys_info{ width: 70%;}

    .ny_news_info{ width: 55%;}
    .ny_news_info a{ font-size: 16px;}
}
@media screen and (max-width: 576px) {
    .swiper_banner{ height: 200px;}
    .head_nav{ padding-left: 0; padding-right: 0;}

    .head_by{ display: none;}
    .head_nav{ width: 75%;}
    .search_text{ width: 100px;}
    .index_aboutms p{ font-size: 14px;}
    .swiper_cp_tit{ height: 40px;}
    .swiper_cp_tit a{ line-height: 40px; font-size: 14px;}
    .swiper_cp_tit i{ line-height: 42px; font-size: 14px;}


    .index_three_div ul li{ text-align: center;}
    .index_tb{ display: inline-block; float: none;}
    .index_ys_info{ width: 100%;}
    .index_one{ padding-top: 30px; padding-bottom: 30px;}
    .index_cntit span{ font-size: 26px; line-height: 26px;}
    .index_entit{ margin-top: 8px;}
    .index_entit span{ font-size: 16px;}


    .index_hx span{ width: 40%;}
    .index_hx span i{ left: 35%;}
    .index_two{ padding-top: 30px; padding-bottom: 30px;}
    .index_three{ padding-top: 30px; padding-bottom: 30px;}
    .index_news_div ul li{ width: 100%; margin-bottom: 0;}
    .index_news_div ul li:nth-child(2n+1){ margin-bottom: 10px;}

    .ny_news_pic{ width: 100%;}
    .ny_news_pic img{ width: 100%;}
    .ny_news_info{ width: 100%; float: left; margin-top: 5px;}

    .ny_m{ padding-top: 15px;}
    .index_news{ padding-top: 30px; padding-bottom: 30px;}
    .index_honor {padding-top: 30px; padding-bottom: 30px;}
    .index_coop{ padding-top: 15px; padding-bottom: 15px;}
    .index_coop_top a{ display: none;}
    .footer{ padding-top: 25px; padding-bottom: 25px;}
}

@media screen and (max-width: 320px) {
    .index_cntit span{ font-size: 24px; line-height: 24px;}
    .index_hx span i{ width: 30px;}
    .index_list{ margin-top: 20px;}
    .swiper_jj_tit a{ font-size: 14px;}
    .index_aboutms p{ font-size: 12px;}
    .index_tb{ width: 80px;}
    .index_tb img{ width: 100%;}
    .index_ys_info{ float: left;}
    .index_ys_info p{ font-size: 12px; line-height: 22px;}
    .index_three_div ul li{ padding: 15px 10px;}
    .row_lx span{ font-size: 14px;}
    .row_lx p{ font-size: 12px;}
    .ny_m_xq{ padding: 5px 0;}
    .ny_m_xq span{ display: none;}
    .ny_m_info p{ font-size: 12px; line-height: 24px;}
    .ny_news_list ul li{ padding-top: 15px; padding-bottom: 15px;}
    .ny_news_info p{ font-size: 12px; line-height: 20px;}
    .ny_news_info span{ font-size: 12px;}
    .ny_m_xq h1{ font-size: 15px;}
    .ny_news_info a{ font-size: 15px;}
    .ny_product_list ul li{ margin-top: 20px;}
}