@charset "utf-8";
 

@media (min-width:1601px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:14px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:481px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:480px){html{font-size:13px;}}


@media (min-width: 768px)
{
}

@media (min-width: 992px)
{
}

@media (min-width: 1200px)
{
.n_subnav ul li:hover a{ color: #fff; }
.n_subnav ul li:hover a:before{ border: 2px solid #194a93;}
.n_subnav ul li:hover a:after{ width: 100%;}
.n_prolist .box:hover:before{ opacity: 1; visibility: visible; width: 50%;}
.n_prolist .box:hover .txt h4{ color: #fff;}
.n_prolist .box:hover .txt p{ color: #fff;}
.n_prolist .box:hover .txt .btn_xq span{ color: #424242;}
.n_prolist .box:hover .txt .btn_xq svg path{ fill: #fff;}
.n_prolist .box:hover .txt>span{ color: #fff;}
}

@media (min-width: 1280px)
{

}

@media (min-width: 1440px)
{
 	
}

@media (min-width: 1660px)
{
 
}

@media screen and (min-width:1200px) and (max-width:1440px)
{

}

@media (max-width: 1920px)
{
    #banner .slide-inner{background-size: 100% 100% !important;}
}

@media (max-width: 1600px)
{

}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
    .n_zhuanli ul{ column-gap: 1.5rem; }
    .n_shouhou01 .left{ margin-right: 4rem;}
	.prodetail-jjrtxt h3{
        font-size: 28px;
    }
    .prodetail-jjrw {
        padding: 20px 0 0 30px;
    }
    .prodetail-jjrtxt h4 {
        font-size: 30px;
        margin: 10px 0 10px;
    }
    .prodetail-jjrtxtm{
        margin-top: 20px;
    }
}

@media (max-width: 1360px)
{
 
}

@media (max-width: 1280px)
{
 
}

@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
.n_title{ display:none}
#m_n_nav{ display:block}
.web{ display:none;}
.wap{ display:block;}
span.wap{ display: inline;}
.online_q{ display:none;}
body{ padding-top: 4.5rem !important;}
.foot_lianxi dl { margin-right: 1.75rem;}
.n_vs .bd table th:nth-child(1){ width: auto;}
}

@media (max-width: 1100px)
{
 
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)
{
    .n_news ul{ grid-template-columns: repeat(2,1fr);}
    .n_new_xq .m{ flex-direction: column;}
    .right_con{ width: 100%; margin-left: 0; margin-top: 3rem;}
    .pro_hot .swiper-slide{ display: grid; grid-template-columns: repeat(2,1fr); column-gap: 1rem;}
    .n_lianxi .flex{ flex-direction: column; justify-content: center; align-items: flex-start;}
    .n_lianxi .tel{ margin-bottom: 1.5rem;}
    .n_lianmeng02 .m{ grid-template-columns: 1fr;}
    .n_lianmeng02 .left img{ display: none;}
    #foot .flexbox2{ flex-direction: column; align-items: center;}
    .copyright{ text-align: center; margin-top: 2rem;}
    .foot_nav{ display: none;}
	#foot{ padding-bottom:20px;}
    #foot .line{ display: none;}
    #foot .left{ width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
    .n_news_xq .m{ flex-direction: column;}
    .right_con{ width: 100%; margin: 0 0 0; display: flex; flex-direction: column-reverse;}
    .ar_bot{ margin-bottom: 3rem; margin-top: 1.5rem;}
    .news_right .tt{ font-size: 1.5rem; padding-bottom: 1rem; margin-bottom: 1.75rem;}
    .n_prolist ul{ grid-template-columns: repeat(1,1fr);}
    .n_pro_xq .m{ flex-direction: column;}
    .n_pro_xq .pro_left{ margin-right: 0;}
    .n_pro_xq .pro_right{ width: 100%;}
    .n_ys ul{ grid-template-columns: repeat(2,1fr); row-gap: 2rem; }
    .n_zhuanli ul{ grid-template-columns: repeat(3,1fr); }
    .n_shouhou02 ul{ grid-template-columns: repeat(3,1fr); }
    .n_shouhou01 .bd{ flex-direction: column;}
    .n_shouhou01 .bd .left{ margin-right: 0; margin-bottom: 3rem; padding-top: 0;}
	.form_shouhou .button{ font-size:12px !important;}
	.nycontent .col-md-3{ width:33.33333333%;}
	.prodetail-jjrtxt h3 {
        font-size: 22px;
    }
    .prodetail-jjrtxt h4 {
        font-size: 20px;
        margin: 5px 0 5px;
    }
    .prodetail-jjrtxtm h3 {
        margin-top: 15px;
        font-size: 22px;
    }
    .prodetail-jjrw {
        padding: 20px 0 0 0px;
    }
	.prodetail-jjrtxtm2{ padding:20px 0 0 0}
	.mobile-foot {
        display: block;
    }
    .mobile-foot {
        background: #194a93;
        padding: 8px 0;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    .mobile-foot a {
        color: #fff;
        height: 35px;
        line-height: 33px;
        border: 1px solid #fff;
        border-radius: 4px;
        text-align: center;
        width: 22%;
        padding: 0 15px;
        font-size: 15px;
        margin: 0 5px;
        transition: 0.3s;
        -o-transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        padding: 0px;
    }
	.btn {
        display: inline-block;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .pull-right {
        float: right;
    }
    .pull-left {
        float: left;
    }
}

@media (min-width:481px) and (max-width:992px)
{ 

}

@media (max-width: 860px)
{
 
}

@media (max-width: 768px)
{
.nycontent .col-md-3{ width:50%;}		
.pad_top{ padding-top:5rem !important;}
.pad_bot{ padding-bottom:5rem !important;}
.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
.xs_jianju li{ padding-left:5px !important; padding-right:5px !important;}
.m{ padding: 0 30px;}
.s_about .left{ width: 100%; height: auto; padding: 4rem 3rem 4rem;}
.s_about .left:before{ width: 100%; transform: none; margin: 0; height: 100%; top: 0;}
.s_about .right{ position: static; margin: 0; width: 100%;}
.s_news .bd{ grid-template-columns: repeat(1,1fr); row-gap: 3rem;}
.n_about .flexbox{ flex-direction: column; background: none;}
.n_about .tt{ margin-right: 0; margin-bottom: 1rem;}
.zizhi_list ul li{ width: 50%;}
.n_yingyong ul{ grid-template-columns: repeat(2,1fr); }
.n_news01 .m{ flex-direction: column;}
.n_news01 .hd{ width: 100%;}
.n_news01 .bd{ width: 100%; margin:0;}
.n_news01 .img{ height: auto;}
.n_contact .fl01 .content .top{ position:relative; padding:2.5rem 0;}
.n_contact .fl01 .content .top:before{ transform: skewX(0deg); width: 100%; left: 0;}
.n_contact .fl01 .content .top .box{ width:100%}
.n_contact .fl01 .content .top .box dl{ max-width:100%} 
#miso_map{ height:20rem}
.n_contact .fl01{ padding-bottom: 0;}
.n_liucheng .bd ul li .box{ flex-direction: column !important;}
.n_liucheng .bd ul li .img, .n_liucheng .bd ul li .txt{ width: 100%;}
.n_liucheng .bd ul li .txt{ padding: 1.5rem 1.5rem 2rem;}
.tc_video .tc_close{ right: 0;}

}

@media (max-width: 480px)
{
.nycontent .col-md-3{ width:100%;}	
.pad_top{ padding-top:3rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.m{ padding: 0 15px;}  
.foot_ewm .ewm+.ewm{ margin-left: 2rem;}
.foot_lianxi{ flex-flow: wrap; justify-content: space-between;}
.foot_lianxi dl:nth-child(1){ width: 100%; margin-right: 0; margin-bottom: 1rem;}
#foot .left, #foot .right{ padding: 2.5rem 0 2rem;}
#foot .flexbox2{ padding: 1.5rem 0 2.5rem;}
.foot_lianxi dt{ margin-bottom: .5rem;}
#banner .swiper-button-prev{ width: 2rem; height: 2rem; margin: 0; transform: translateY(-50%);}
#banner .swiper-button-next{ width: 2rem; height: 2rem; margin: 0; transform: translateY(-50%);}
.s_liucheng .box{ padding: 2rem 1rem;}
.s_liucheng .box .txt{ margin-bottom: 1.25rem;}
.s_liucheng .btn_style01{ margin: 2rem auto 0;}
.s_about .tt h3{ font-size: 1.5rem;}
.s_about .left{ padding: 3rem 1.5rem 3rem;}
.s_about .tt{ margin-bottom: 1.25rem;}
.zizhi_list ul li{ width:100%;}
.zizhi_list ul li .pic {}
.zizhi_list ul li{}
.zizhi_list ul{ margin-top: -2rem;}
.s_shuzi{ margin-top: 1.25rem;}
.s_shuzi ul{ display: grid; grid-template-columns: repeat(3,1fr); column-gap: 1rem;}
.s_shuzi ul li span{ font-size: 3rem;}
.news02 ul li .img{ width: 10.5rem; height: 9.5rem;}
.news02 ul li .txt .tag{ margin-bottom: 6px;}
.news02 ul li .txt .tag svg{ width: 4.6875rem;}
.s_tt{ margin-bottom: 2rem;}
.s_tt h3{ font-size: 1.75rem; margin-bottom: .75rem;}
.s_tt .line i { width: 10px; height: 3px;}
.s_pro .box{ padding: 2rem;}
.s_pro .box .txt h4{ font-size: 1.875rem; margin-bottom: 1rem;}
.arrstyle .relative{ padding-bottom: 4rem;}
.arrstyle .swiper-button-prev,.arrstyle .swiper-button-next{ top: auto; transform: none; bottom: 0;}
.arrstyle .swiper-button-prev{ left: 50%; margin-left: -3.5rem;}
.arrstyle .swiper-button-next{ right:50%; margin-right: -3.5rem;}
.s_pro .swiper-slide-active .box:before{ opacity: 1; visibility: visible; height: 50%;}
.copyright{ line-height: 1.5;}
.s_about .txt:after{ width: 15.5rem;transform: translateX(-52%);}
#n_main{ padding: 3rem 0;}
.n_about .tt h3{ font-size: 1.75rem;}
.n_banner{ height: 10rem;}
.n_banner h3{ font-size: 1.75rem;}
.n_banner p{ font-size: 1.875rem;}
.ar_title{ padding-bottom: .75rem;}
.ar_title h3{ font-size: 1.5rem; margin-bottom:0;}
.n_news01 .bd{ padding: 2rem;}
.n_news02 ul li .time{ width: 7.25rem;}
.n_subnav ul li{ min-width: 8rem; padding: 0 3px;}
.n_prolist .box{ padding: 2rem 1rem;}
.n_prolist .box:after{ width: 63%;}
.n_prolist .box .txt h4{ font-size: 1.375rem;}
.n_prolist .box .txt{ width: 25rem;}
.n_subnav{ margin-bottom: 2rem;}
.n_subnav ul li a{ height: 3.25rem; line-height: 3.25rem;}
.page .box{ margin-top: 2.5rem;}
.n_vs .bd table th:nth-child(1) { width: 4.5rem;}
.n_vs .bd table th{ font-size: 1.125rem;}
.n_vs .bd table th, .n_vs .bd table td{ padding: 1rem 3px !important; word-break: break-all;}
.n_pro_xq .tt{ margin-bottom: 2rem;}
.n_video .btn_play{ width: 4rem; height: 4rem;}
.n_ys ul{ column-gap: 1rem;}
.n_ys ul li .box .txt02{ padding:6rem 1.5rem 2rem; height: 16rem;}
.n_ys ul li .box .txt01{ height: 9.5rem; padding-top: 2.5rem;}
.n_ys ul li .box .txt01 .ico{ width: 6rem; height: 6rem;}
.n_ys ul li .box .txt02 h5{ margin-bottom: .75rem;}
.n_tt{ font-size: 1.75rem; margin-bottom: 2rem;}
.n_zhuanli ul{ column-gap: 6px; row-gap: 1rem; }
.n_zhuanli ul li{ height: 11rem;}
.n_shouhou02 ul{ grid-template-columns: repeat(2,1fr); row-gap: 1rem; }
.n_shouhou01 .left .tt{ font-size: 1.5rem; margin-bottom: 1.5rem;}
.n_shouhou01 .bd .left{ margin-bottom: 2rem;}
.n_shouhou02 ul li{ height: 20rem;}
.n_shouhou02 ul li span{ margin-top: 1.25rem; margin-bottom: .75rem;}
.news02 ul{ row-gap: 1.5rem;}
.s_news .bd,.n_prolist ul{ row-gap: 1.5rem;}
.news01 ul li .txt h5 { font-size: 1.125rem;}
.news01 ul li .txt{ padding: 4rem 1.5rem 2rem;}
.news01 ul li .tag{ left: 1.5rem;}
.news02 ul li .txt{ height: auto;}
.s_news .btn_style02{ margin-top: 2rem;}
.s_pro .box .txt p span{ display: inline-block; margin-right: 1rem;}
.s_pro .box .txt p{ height: 3rem; margin-bottom: 1.5rem;}
.s_pro .box .txt .btn_xq{ display: none;}
.arrstyle.s_pro .swiper-button-prev{ left: 1rem; margin-left: 0; bottom: auto; top: 50%;transform: translateY(-50%);}
.arrstyle.s_pro .swiper-button-next{ right: 1rem; margin-right: 0; bottom: auto; top: 50%;transform: translateY(-50%);}
.arrstyle.s_pro .relative{ padding-bottom: 0;}

.arrstyle.s_liucheng .swiper-button-prev{ left: 0rem; margin-left: 0; bottom: auto; top: 50%;transform: translateY(-50%);}
.arrstyle.s_liucheng .swiper-button-next{ right: 0rem; margin-right: 0; bottom: auto; top: 50%;transform: translateY(-50%);}
.arrstyle.s_liucheng .relative{ padding-bottom: 0;}
.banner_hezi{ padding-top: 57.69%;}
}