@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;
    }
    .index_three .container{ max-width: 1662px !important; overflow: hidden;}
    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31.666666%;
        flex: 0 0 31.666666%;
        max-width: 31.666666%;
    }
}
@media screen and (max-width: 1440px){
	.newurl{
		right: 0;
	}
	
}
@media screen and (max-width: 1199px){
    .container {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    body{ min-width: 320px;}
    .language{ right: 0; top: 10px; }
    .head_nav ul li{ width: 16.6%;}

    .swiper_banner{ height:320px; background-size: cover !important;}
    .swiper_entitle{ margin-top: 8%; font-size: 80px; line-height: 80px;}
    .swiper_enms{ font-size: 30px; letter-spacing: 10px;}
    .index_onems{ padding: 0 5%;}
    .index_two{ height: auto; overflow: hidden;}
    .index_two_t1{ margin-top: 30px; margin-left: 20px; font-size: 36px; line-height: 40px;}
    .index_two_t2{ margin-left: 20px; font-size: 44px; line-height: 44px;}
    .index_two_t3{ margin-left: 20px; letter-spacing: 20px;}
    .index_two_t4{ margin-top: 30px; margin-left: 20px;}


    .swiper_goods .swiper-slide{ padding: 0 5px;}
    .Topics_left_pic{ width: 100%;}
    .footer_language{ display: none;}
    .footer_nb ul{ margin-top: 10px;}
    .footer_nb ul li{ margin-bottom: 10px;}

    .footer_top{ text-align: center;}
    .footer_logo{ float: none; display: block;}

    .ny_banner{ background-size: cover !important; height: 320px;}

    .ny_divone{ padding-top: 50px;}
    .ny_divonems{ padding: 0;}
    .ny_divtwo{ padding: 70px 0;}
    .ny_divtwo_left{ width: 48%;}

    .ny_divtwo_right{ width: 48%;}

    .ny_news_list ul li{ padding: 24px 20px;}
    .ny_news_pic{ width: 30%;}

    .ny_news_right{ width: 68%;}
    .ny_news_time span{ font-size: 15px;}
    .ny_news_time span i{ font-size: 26px;}
    .ny_news_title{ margin-top: 5px;}
    .ny_news_title a{ font-size: 20px;}
    .ny_news_ms{ margin-top: 5px; line-height: 22px;}
    .ny_news_link{ margin-top: 5px;}
    .ny_divtwotitle span{ font-size: 50px;}
    .ny_divonetitle h1{ font-size: 50px;}

    .Consent_form_m{ width: 80%;}

    .ny_recruitment{ padding: 50px 0;}
    .ny_recru_tbalelist ul li .re_table{ font-size: 14px;}
    .ny_recru_tbalelist ul li .re_table:last-child{ background-size: 10% !important;}
    .ny_product{ padding: 50px 0;}

    .ny_product_list ul li{ margin-left: auto; margin-right: auto;}
    .ny_product_list ul .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48.666666%;
        flex: 0 0 48.666666%;
        max-width: 48.666666%;
    }
    .index_onetitle{ font-size: 50px;}


    .ny_about_qywhleft{ width: 100%;}
    .col_ms{ font-size: 16px; line-height: 26px;}
    .ny_about_qywhright{ width: 100%; float: left; height: 400px;}

    .ny_about_ms{ font-size: 18px; line-height: 28px;}

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

	
	.index_two_m{ height:300px;}
	
	
	.index_onetitle h1{ font-size:30px; line-height:30px;}

    .Consent_form_info{ height: 300px;}
    .form-control{ width: 100% !important;}
    #dybutt{ width: 100%;}

    .top_butt{ display: block; float: right; margin-top: 10px;  width: 30px; height: 30px; z-index: 99999; }
    .top_butt .bar{ width: 30px; height: 2px; display: block; background: #fff; 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{ display: block; width: 50%; height:100%;  position: fixed; top: 0; left:-100%; opacity: 0; margin-top: auto;
        padding-top: 15px;
        background: rgba(0,0,0,0.8);
        -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{ width: 100%; height: 100%; float: left;}
    .head_nav ul li{ width: 100%; height: auto;}
    .head_nav ul li:hover{ background: none;}

    .head_nav ul li .fa-list-ul{ display: block; float: left; color: #fff; line-height: 40px; margin-left: 20px;}
    .head_nav ul li .fa_link{ float: left; margin-left: 10px; line-height: 40px;}
    .head_nav ul li .top_down{ display: block; width: 40%; line-height: 40px; text-align: right; color: #fff;  position: absolute; right: 10px; top: 0;}
    .head_nav ul li .navTwo{ background: none; position: relative; left: auto; top: auto;}
    .head_nav ul li .navTwo{ width: 80%; float: left; margin-left: 10%;}
    .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;}
    .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;
    }



    .col_entitle{ margin-top: 30px;}
    .col_ms{ margin-top: 6px;}
    .ny_about_entitle{ margin-top: 50px;}
    .ny_about_qywhleft ul li{ padding-bottom: 20px;}
    .ny_about_ms{ padding: 0 10px; font-size: 14px; line-height: 22px;}
    .ny_about_entitle{ margin-top: 20px;}
    .ny_about_qywhright{ height: auto; padding-bottom: 30px;}


    .index_one{ padding: 50px 0;}
    .index_two_right{ padding-bottom: 30px; text-align: center;}
    .index_three{ padding: 50px 0;}
    .index_Topics{ padding: 50px 0;}
    .Topics_right ul li{ padding: 20px 0;}
    .Topics_right_title span{ font-size: 22px;}
    .index_links{ padding: 50px 0;}
    .index_links_tb{ margin-top: 30px;}


    .footer_top{ height: auto;}
    .footer_logo{ margin: 15px 0;}
    .footer_middle{ padding: 30px 0;}


    .ny_divtwo_left{ width: 100%;}
    .ny_divtwotitle{ text-align: center;}
    .ny_divtwoms{ margin-top: 30px; text-align: center;}
    .ny_divtwo_right{ width: 100%; float: left; text-align: center;}
    .ny_divtwo_pic{ float: none; height: auto;}
    .ny_divtwo_backlayer{ display: none;}
    .ny_divonetitle h1{ font-size: 30px; line-height: 30px;}
    .ny_divonehx i{ width: 50px;}
    .ny_news_list{ margin-top: 30px;}
    .ny_news_pic{ width: 100%;}
    .ny_news_right{ width: 100%; float: left; margin-top: 10px;}
    .ny_news_link{ margin-top: 10px;}

    .formsBd{ width: 100%;}

    .formsHd{ width: 100%;}


    .Input_box{ width: 60%;}
    .Input_boxthree{ width: 55%;}
    .Input_boxtwo{ width: 70%;}
    .Input_boxtextarea{ height: 150px;}

    .swiper_parameter{ line-height: 24px; font-size: 15px;}
    .swiper_parameter i{ font-size: 17px; line-height: 24px;}
    .swiper_zp_ms{ margin-top: 10px; font-size: 14px; line-height: 22px;}
    .ny_recru_tbale{ margin-top: 30px;}

    .container{  padding-right: 15px !important; padding-left: 15px !important;}

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

    .head_nav{ width: 75%;}
    .swiper_banner{ height: 200px;}
    .swiper_entitle{ margin-top: 4%; font-size: 30px; line-height: 30px;}
    .swiper_enms{ font-size: 22px; line-height: 22px; letter-spacing: normal; margin-top: 15px;}

    .swiper_link{ width: 100px; height: 36px; line-height: 36px; font-size: 14px; margin-top: 20px;}
    .swiper_banner .swiper-pagination{ bottom: 10px !important;}
    .index_onetitle{ font-size: 30px; line-height: 30px;}
    .index_onehx{ margin-top: 15px;}
    .index_onehx i{ width: 50px;}
    .index_onems{ padding: 0; margin-top: 20px; font-size: 14px; line-height: 22px;}
    .index_two_t2{ font-size: 30px; line-height: 30px;}
    .index_two_t3{ margin-left: auto; text-align: center; letter-spacing: 5px;}
    .index_two_t4{ margin-left: auto;}
    .index_three_list{ margin-top: 30px;}
    .index_Topics{ padding: 30px 0;}
    .index_Topics_lits{  margin-top: 30px;}
    .Topics_left{ padding: 10px;}
    .Topics_left_pic{ height: auto;}
    .Topics_right_title a{ font-size: 18px;}
    .Topics_right_title span{ font-size: 18px;}
    .Topics_right_ms{ margin-top: 10px;}
    .index_links{ padding: 30px 0;}
    .footer_top{ border: none;}
    .footer_middle{ display: none;}
    .footer_bottom{ font-size: 14px;}

    .ny_banner{ height: 200px;}
    .ny_column{ display: none;}
    .ny_divonems{ font-size: 16px;}
    .ny_divtwo_pic{ width: 100%;}

    .formsBd{ height: 36px;}
    .formsBd dd{ height: 38px; line-height: 36px; border-radius: 25px; font-size: 20px;}
    .formsHd_div_ts{ font-size: 14px;}
    .nameone{ width: 100%; text-align: center; margin-bottom: 10px; height: auto;}
    .nametwo{ width: 100%;}
    .nametwo_two{ width: 100%;}

    .Input_box{ width: 100%;}
    .Input_boxthree{ width: 100%;}
    .Input_boxtwo{ width: 100%;}
    .formsHd_button{ width: 100%;}
    .formsHd_tsxx_m{ width: 100%;}
    .formsHd_submit{ width: 100%;}
    .formsHd_nr{ height: 36px; line-height: 36px;}
    .formsHd_nr a{ font-size: 16px;}
    .swiper_recruitment .swiper-slide{ padding: 0 4%;}

    .ny_recru_tbaletop{ display: none;}
    .ny_recru_tbalelist ul li{ height: auto;}
    .ny_recru_tbalelist ul li .re_table{ width: 100%; text-align: left; display: block; margin-left: 20px;}
    .ny_recru_tbalelist ul li .re_table:last-child{ background-size: 5% !important;}
    .ny_recru_tbalelist ul li .re_table i{ display: block; font-weight: bold; float: left;}



    .ny_product_ms p{ font-size: 12px; line-height: 20px;}
    .ny_product_title a{ font-size: 16px; line-height: 22px;}
    .ny_product_ms{ margin-top: 5px;}
    .ny_product_link{ margin-top: 5px;}

}

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

    .ny_divonetitle h1{ font-size: 23px;}


    .header{ height: auto;}
    .logo{ height: 30px;}
    .logo img{ height: 30px;}
    .header_nav{ height: 40px;}
    .top_butt{ margin-top: 5px;}

    .swiper_entitle{ font-size: 20px;}
    .swiper_enms{ font-size: 16px;}
    .swiper_link{ font-size: 12px; width: 80px; height: 30px; line-height: 30px;}
    .swiper_banner .swiper-pagination span{ width: 30px; height: 3px;}
    .index_onems{ font-size: 12px;}
    .index_onelink a{ width: 100px; height: 36px; line-height: 36px; font-size: 12px;}
    .index_two_t1{ font-size: 20px; margin-left: auto;}
    .index_two_t2{ font-size: 18px; line-height: 20px; margin-left: auto; margin-top: 5px;}
    .index_two_t3{ letter-spacing: 0; font-size: 14px; margin-top: 5px;}
    .index_two_t4{ margin-top: 10px; font-size: 16px;}
    .swiper_goods_tit a{ font-size: 16px; line-height: 22px;}
    .swiper_goods_ms{ font-size: 12px; line-height: 22px;}
    .Topics_left_time{ font-size: 16px;}
    .Topics_left_time i{ font-size: 22px;}
    .Topics_left_title{ font-size: 16px;}
    .Topics_left_ms{ font-size: 12px; margin-top: 10px;}


    .Topics_right_title a{ font-size: 16px;}
    .Topics_right_title span{ font-size: 16px;}
    .Topics_right_ms{ font-size: 12px;}
    .index_links{ padding: 20px 0;}
    .index_links_tb ul li{ width: 40px; height: 40px; line-height: 40px !important; }
    .index_links_tb ul li a{ line-height: 40px !important; font-size: 20px;}
    .index_links_text h2{ font-size: 20px;}
    .index_links_text p{ font-size: 14px;}
    .index_links_link{ width: 100px; height: 36px; line-height: 36px; font-size: 14px;}
    .footer_logo{ height: 30px;}
    .footer_logo img{ height: 30px;}

    .ny_divonetitle h1{ font-size: 26px;}
    .ny_divonems{ font-size: 12px; line-height: 22px; margin-top: 20px;}
    .ny_divtwotitle span{ font-size: 26px; line-height: 26px;}
    .ny_divtwoms{ font-size: 12px; line-height: 22px;}

    .ny_news_time span{ font-size: 14px;}
    .ny_news_time span i{ font-size: 20px;}
    .ny_news_title a{ font-size: 16px;}
    .ny_news_ms{ font-size: 12px;}
    .ny_news_link a{ font-size: 13px;}
    .formsBd dd{ font-size: 16px;}
    .formsHd_div_ts{ font-size: 12px;}
    .formsHd_div_list{ margin-top: 20px;}
    .nametwo{ font-size: 16px;}
    .nametwo_two{ font-size: 16px;}
    .nameone{ font-size: 16px;}
    .formsHd_button{ font-size: 16px;}
    .formsHd_tsxx_m h2{ font-size: 14px;}
    .formsHd_tsxx_m h3{ font-size: 16px;}
    .formsHd_submit{ font-size: 16px;}

    .ny_product_list .row{ margin: 0;}


    .ny_product_list ul .col-lg-6{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ny_divthree{ padding-top: 30px; padding-bottom: 30px;}
    .col_ms{ font-size: 14px; line-height: 24px;}
    .ny_about_qywhright{ height: 450px;}
	
	.newurl{
		top: 70px;
		left: 10px;
		right: auto;
	}
	
	
}
@media screen and (max-width: 414px) {
    .ny_divonetitle h1{ font-size: 23px;}
}