@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;}

    .head_nav{ margin-left:30px;}
    .button_ss{ margin-right: 15px;}

    .head_nav ul li{ width: 105px;}

    .swiper_banner{ height: 600px;}
    .swiper_banner .swiper-slide{ text-align: center;}

    .index_e_input{ width: 25%;}
    .index_e_submit{ width: 16%;}
    .footer_nav{ width: 160px;}

    .ny_banner{ height: 450px;}
    .index_c_c span{ padding: 0 25px;}
    .index_c_c p{ padding: 0 25px; line-height: 24px;}
    .ny_cen_div{ padding-left: 20px;}
    .ny_cen_div p{ line-height: 26px;}

    .ny_cp_right{ width: 60%;}

    .ny_qu_aimg{ width: 48%;}
    .ny_qu_aim{ width: 96%;}
    .ny_qu_right{ width: 50%;}

    .ny_qu_fdleft{ width: 48%;}
    .ny_qu_fdright{ width: 51%;}
    .ny_qu_fdright img{ width: 100%;}

}

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

    /*导航*/
    .top_butt{ display: block; float: right; margin-top: 15px; margin-left: 20px;  width: 30px; height: 30px; z-index: 99999; }
    .top_butt .bar{ width: 30px; height: 2px; display: block; background: #000; 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: fixed; top: 0; left:-100%; opacity: 0; margin-top: auto; margin-left: auto;
        background: rgba(0,0,0,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 ul li{ width: 100%; height: auto; background: no-repeat;}
    .head_nav ul li:hover{ background: none;}

    .head_nav ul li .fa_link{ float: left; margin-left: 20px;color: #fff;}
    .head_nav ul li .top_down{ display: block; width: 40%; line-height: 56px; text-align: right; color: #fff;  position: absolute; right: 10px; top: 0;}
    .head_nav ul li .navTwo{ width: 86%; float: left; margin-left: 5%; background: none; position: relative; left: auto; top: auto;}
    .head_nav ul li .navTwo dd{ border-bottom: solid #ccc 1px;}
    .head_nav ul li .navTwo dd a{ display: block; float: left; margin-left: 10px;color: #fff;}
    .head_nav ul li .navTwo dd:hover{ background: none;}
    .head_nav_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_cp_m{ background: rgba(0,102,203,0.8); padding-top: 60px;}
    .title_a p{ padding: 0;}
    .title_b p{ padding: 0;}
    .index_b_div li{ border-right: none;}
    .index_b_m{ box-shadow: 0 0 10px #fff; padding: 20px 0;}



}


@media screen and (max-width: 992px) {
    .ny_hxa{ display: none;}
    .ny_hxa_wap{ display: block; width: 100%; background: #05A2D9; padding: 22px 0; height: 60px; overflow: hidden;}
    .ny_hxa_wap ul li{ width: 100%; float: left; padding-left: 20px; line-height:24px; color: #fff; font-size: 16px; text-align: left;}

    .ny_cen_div{ border-bottom: solid 1px #ccc; padding-bottom: 20px; margin-bottom: 20px;}

    .ny_ly{ padding: 50px 0;}
    .ny_hxb ul li{ display: block; padding: 0; border-top: solid 1px #ccc;}
    .ny_hxb ul li div{ width: 96% !important; float: left; text-align: left; padding:  15px; font-size: 14px; line-height: 22px; margin-left: 2%; border-bottom: solid 1px #ccc;}
    .ny_hxb ul li div span{ display: inline-block; font-weight: bold;}
    .ny_hxb ul li div:last-child{ border-bottom: none;}
    .ny_img_div{
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 768px) {



    .footer_contact{ bottom: 0;}
    .footer_nav{ display: none;}
    .footer_logo{ width: 100%;}
    .footer_fx img{ width: 40px;}

    .footer_left{ width: 100%;}

    .ny_banner .ny_bar_span{ font-size: 36px;}
    .ny_banner p{ font-size: 30px;}


    .ny_cen_div{ padding: 0;}
    .ny_cen ul li{ border: none;}

    .ny_cp_left{ width: 100%;}
    .ny_cp_lmm{ padding: 20px;}
    .ny_cp_lmm span{ font-size: 26px; margin-bottom: auto;}
    .ny_cp_lmm em{ display: none;}
    .wap_ml{ display: block; position: absolute; top: 16px; right: 15px; background: #0471dd; color: #fff; font-size: 18px; line-height: 24px; padding: 8px 15px; border-radius: 5px; }
    .ny_cp_zlm{ display: none;}

    .ny_cp_right{ width: 100%; padding-top: 30px;}

    .ny_cp{ padding: 50px 0;}

    .head_nav{ width: 75%;}

    .ny_qu_aimg{ width: 100%; background: none;}
    .ny_qu_aim{ width: 100%;}
    .ny_qu_right{ width: 100%; text-align: center;}

    .ny_qu_b{ height: 600px;}

    .ny_qu_fd{ top: 70px;}

    .ny_qu_fd_top{ box-shadow: 0 0 10px #ccc;}
    .ny_qu_fd{ /*position: relative; top: 90px; float: left; left: auto;*/ }

    .ny_qu_fdleft{ width: 100%; padding: 15px 20px; text-align: center;}
    .ny_qu_fdright{ float: left; width: 100%; padding-right: 0; text-align: center;}
    .ny_qu_fdright img{ width: 80%;}

    .ny_qu_fd_top{ height: auto; width: 100%; float: left; background: #fff;}


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



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

    .header{ padding: 15px 0; height: auto;}
    .logo img{ height: 40px;}
    .button_ss{ line-height: 40px;}
    .lang{ line-height: 40px;}
    .lang .lang_mr{ line-height: 40px;}

    .top_butt{ margin-top: 6px;}

    .swiper_banner{ height: 420px;}
    .swiper_banner .swiper-slide span{ font-size: 34px; line-height: 38px;}
    .swiper_banner .swiper-slide p{ font-size: 20px; line-height: 26px;}

    .swiper_banner .swiper-slide a{ padding: 5px 15px; font-size: 14px;}
    .swiper_banner .swiper-slide span{ margin-bottom: 10px;}

    .swiper_banner .swiper-pagination{ bottom: 10px !important;}


    .index_a{ padding: 50px 0;}
    .title_a p{ font-size: 16px; line-height: 24px;}
    .swiper_cp_m{ padding-top: 100px;}

    .swiper_cp_div .swiper-button-next{ display: none;}
    .swiper_cp_div .swiper-button-prev{ display: none;}

    .swiper_cp{ margin-top: 30px;}

    .index_b{ padding: 50px 0;}
    .index_b_div{ margin-top: 30px;}

    .index_c{ padding: 50px 0;}
    .index_c_m{ margin-top: 30px;}

    .index_d{ padding: 50px 0;}
    .title_b em{ margin-top: 0;}

    .index_d_ms{ font-size: 16px;}

    .index_d_div{ padding: 15px 20px; box-shadow: 0 0 10px #ccc;}
    .index_d_ico ul li{ margin-bottom: 20px;}

    .index_e{ padding: 50px 0;}
    .index_e span{ font-size: 22px; text-align: center; width: 100%; display: block;}
    .index_e_input{ width: 100%; margin-bottom: 30px; margin-right: auto;}
    .index_e_submit{ width: 100%;}

    .footer{ padding: 50px 0;}

    .footer_contact{ display: none;}

    .footer_logo{ text-align: center;}
    .footer_fx{ width: 100%; text-align: center;}
    .footer_lx{ text-align: center;}

    .ny_banner .ny_bar_span{ line-height: 40px; font-size: 26px; margin-bottom: 15px;}
    .ny_banner p{ font-size: 26px;}
    .ny_lm ul li{ width: 50%; margin: 0; float: left;}
    .ny_lm ul li a{ line-height: 60px;}

    .ny_banner{ height: 330px;}
    .ny_wz{ bottom: 25px;}
    .ny_title h2{ font-size: 30px; line-height: 36px;}
    .ny_title em{ margin-top: 15px;}
    .ny_center{ padding: 50px 0;}
    .ny_nr{ font-size: 14px;}

    .ny_center{ padding: 50px 0;}

    .ny_qywh{ padding: 50px 0;}
    .ny_banner p{ line-height: 30px; font-size: 20px;}
    .ny_lxwm{ padding: 50px 0;}
    .title_lx p{ font-size: 20px;}


    .ny_hxa{ display: none;}
    .ny_hxa_wap{ display: block; width: 100%; background: #05A2D9; padding: 22px 0; height: 60px; overflow: hidden;}
    .ny_hxa_wap ul li{ width: 100%; float: left; padding-left: 20px; line-height:24px; color: #fff; font-size: 16px; text-align: left;}

    .ny_cen_div{ border-bottom: solid 1px #ccc; padding-bottom: 20px; margin-bottom: 20px;}

    .ny_ly{ padding: 50px 0;}
    .ny_hxb ul li{ display: block; padding: 0; border-top: solid 1px #ccc;}
    .ny_hxb ul li div{ width: 96% !important; float: left; text-align: left; padding:  15px; font-size: 14px; line-height: 22px; margin-left: 2%; border-bottom: solid 1px #ccc;}
    .ny_hxb ul li div span{ display: inline-block; font-weight: bold;}
    .ny_hxb ul li div:last-child{ border-bottom: none;}

    .ny_img li{ margin-bottom: 15px;}

    .ny_cp_h3{ font-size: 28px; line-height: 32px;}
    .ny_cp_title{ font-size: 26px; line-height: 30px;}
    .ny_cp_p{ font-size: 14px; line-height: 22px;}

    .ny_qu_a{ padding: 30px 0;}

    .ny_cp_list ul li{ font-size: 14px;}

    .ny_qu_fdleft span{ margin-top: 20px; margin-bottom: auto;}
    .ny_qu_fdleft p{ font-size: 14px; line-height: 22px;}

    .ny_qu_b{ height: 300px;}
    .ny_qu_fd_bot{ height: auto; padding-bottom: 8px;}
    .ny_qu_fd_bot p{ font-size: 14px;}

    .ny_qu_right span{ margin-bottom: 30px;}\
    .ny_qu_right p{ font-size: 14px; line-height: 24px;}


}

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

    .swiper_banner{ height: 350px;}
    .swiper_banner .swiper-slide span{ font-size: 26px; line-height: 28px;}

    .title_a h2{ font-size: 28px;}
    .title_a p{ font-size: 14px; }

    .index_b_span{ font-size: 18px;}
    .index_b_p{ font-size: 14px; margin-top: 10px;}
    .index_d_ms{ font-size: 14px; line-height: 24px;}

    .footer_logo img{ height: 36px;}

    .footer_lx span{ font-size: 18px; line-height: 22px;}
    .footer_lx .p{ font-size: 14px;}

    .footer_bot{ font-size: 14px;}

    .ny_banner p{ font-size: 16px;}
    .title_lx p{ font-size: 16px;}

    .ny_cp_h3{ font-size: 20px; line-height: 26px;}

    .ny_cp_title{ font-size: 18px; line-height: 22px; margin-bottom: 15px;}

    .ny_qu_right span{ font-size: 26px;}
    .ny_qu_right p{ font-size: 14px; line-height: 22px;}

    .ny_cp_lmm{ padding: 13px;}
    .ny_cp_lmm span{ font-size: 22px;}
    .wap_ml{ font-size: 16px; padding: 4px 14px;}

    .ny_qu_right{ padding-top: 30px;}

}