@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)
{
    .s_hd ul li:hover:before{ transform: scaleX(1);}
}

@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: 1660px)
{
}

@media (max-width: 1600px)
{

}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
    .arrstyle .bd .arr{  width: 4rem; height: 4rem; }
    .arrstyle .bd .arr_left{ left: -5rem;}
    .arrstyle .bd .arr_right{ right: -5rem;} 
    .n_spa:after { 
        width: 395px;
        height: 221px; 
        right: 0;
        bottom: -27px;
    }
    .ar_title .box2{ width: 100%;}
    .ar_title .box1{ display: none;}
    .ar_title .wap{ display: block !important;}
}

@media (max-width: 1360px)
{
    .btn_ewm{ right: 1rem;}
}

@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;} 
 .lianpeng2{ right: 31rem;} 
 .n_banner{ height: 28rem;}
 .web{ display:none;}
.wap{ display:block !important;}
span.wap{ display: inline;}
.wapflex{ display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
.ar_title .box1{ position: static; width: auto;}
.n_xiangmu ul li .box .txt{ padding-left: 2rem;}
.n_spa:after{ display: none;}
}

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

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

@media (max-width: 992px)
{
    .n_zizhi .zizhibox{ grid-template-columns: repeat(3,1fr);}
    .n_news_xq .m{ flex-direction: column;}
    .right_con{ width: 100%;}
    .n_prolist ul li .box{ grid-template-columns: 19rem 1fr 9.25rem;}
}

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

}

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

@media (max-width: 768px)
{
.pad_top{ padding-top:4rem !important;}
.pad_bot{ padding-bottom:4rem !important;}
.pad_top2{ padding-top:3em !important;}
.pad_bot2{ padding-bottom:3rem !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;}
.arrstyle .bd { padding-bottom: 5.5rem;}
.arrstyle .bd .arr{ transform: none; width: 3rem; height: 3rem;}
.arrstyle .bd .arr svg{ width: 1rem; height: 1rem;}
.arrstyle .bd .arr_left { left: 50%;margin-left: -3.5rem;bottom: 0;top: auto !important;}
.arrstyle .bd .arr_right {right: 50%;margin-right: -3.5rem;bottom: 0;top: auto !important;}
#banner .tag h4{ letter-spacing: .75rem;}
#banner .tag span{ letter-spacing: 0;}
#banner .txt h4{ font-size: 4rem;}
#banner .txt span{ letter-spacing: 1px;}
.s_about .m{ gap: 3rem;}
.lianpeng2{ display: none;}
.n_about .box1{ gap:1rem;}
.n_pinpai ul li .box { grid-template-columns: 1fr 24rem; gap: 2rem;}
.n_pinpai ul li .txt{ padding-top: 0;}
.n_spa .m{ gap: 2.5rem;}
.n_fuwu .s_hd{ flex-direction: column; align-items: flex-start;}
.n_fuwu .bd ul li .txt{ padding: 1.5rem;}
.n_fuwu .bd ul li .txt .con{ margin-top: 1.5rem;}
.n_proys ul li .box { grid-template-columns: 25.1875rem 1fr; gap: 2rem;}
.n_licheng .m { grid-template-columns: 25rem 1fr; gap: 2rem;}
.n_news ul { grid-template-columns: repeat(3,1fr); gap: 1.5rem 1.25rem;}
.n_news .box .txt { padding: 2rem 1.5rem 3rem; }
.n_spa01 ul li .txt{ padding: 4rem 2.5rem;}
.n_xiangmu ul li .box{ grid-template-columns: 12rem 1fr; }
.n_xiangmu ul li .box .txt{ grid-column: 2/3; margin-top: 3rem; padding-left: 0;}
.n_xiangmu .title{ font-size: 2rem;}
.n_prolist ul li .box{ grid-template-columns: 1fr;}
}

@media (max-width: 480px)
{
.pad_top{ padding-top:3rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.m{ padding: 0 15px;}
.n_banner{ height: 16rem; padding-top: 3rem; background-size: auto 100% !important;}
.n_banner small{ font-size: 1.75rem;}
.n_banner h3{ margin-top: .5rem; font-size: 1.5rem;}
.foot_logo{ display: none} 
.foot_ewm{ margin-top: -3rem;}
#foot .box1{ flex-direction: column; } 
.foot_lianxi{ flex-direction: column; gap: 1.5rem;}
#foot .box1 .right{ flex-direction: row; justify-content: space-between; align-items: flex-end;}
.foot_tel{ text-align: left; margin-bottom: 2rem;} 
#foot .box2{ margin-top: 2rem;}
#banner .tag h4{ letter-spacing:0;}
#banner .tag h4 i{ margin: 0 4px;}
#banner .tag span{ letter-spacing: 0; font-size: 12px;}
#banner .txt h3{ font-size: 2rem;}
#banner .txt h4{ font-size: 2.5rem;}
#banner .txt span{ letter-spacing: 0; font-size: 12px; line-height: 1.5; text-align: center;}
#banner .txt{ padding-bottom: 12rem;}
.s_about .m{ grid-template-columns: 1fr; gap: 2rem;}
.lianpeng{ display: none;}
.lianpeng2{ display: block;right: 29px;top: 15px;width: 66px;}
.s_tt span{ font-size: 1.625rem;}
.s_tt h3{ font-size: 1.5rem;}
.s_ys .bd ul{ grid-template-columns: 1fr;}
.s_ys .s_hd .t{ display: none;}
.s_fuwu .bd .box .img img{ max-height: 550px;}
.s_ys .bd ul li .txt h6{ font-size: 1.5rem;}
.s_ys .bd ul li .txt h4{ font-size: 1.375rem;}
.s_fuwuys .box .mask{ padding: 1rem;}
.s_fuwuys .box .con{ text-align: justify;}
.more_r{ width: 3.5rem; height: 3.5rem;}
.s_fuwu.arrstyle .bd{ padding-bottom: 0;}
.s_fuwu.arrstyle .bd .arr_left{ right: auto; left: 1rem; bottom: auto; top: 50% !important; margin: 0; z-index: 99; border: 1px dotted #fff;}
.s_fuwu.arrstyle .bd .arr_right{ left: auto; right: 1rem; bottom: auto; top: 50% !important; margin: 0; z-index: 99; border: 1px dotted #fff;}
.s_fuwu.arrstyle .bd .arr path{ fill: #fff;}
.s_mendian.arrstyle .bd{ padding-bottom: 0;}
.s_mendian.arrstyle .bd .arr_left{ right: auto; left: 1rem; bottom: auto; top: 45% !important; margin: 0; z-index: 99; border: 1px dotted #fff;}
.s_mendian.arrstyle .bd .arr_right{  right: auto; left: 5rem;  bottom: auto; top: 45% !important; margin: 0; z-index: 99; border: 1px dotted #fff;}
.s_mendian.arrstyle .bd .arr path{ fill: #fff;}
.s_news .box .txt p{ margin-bottom: 1.5rem;}
.s_news .s_hd{ flex-direction: column;}
.s_news .s_hd .s_tt{ width: 100%; text-align: center;}
.s_news .s_hd ul{ justify-content: center; width: 100%; margin-top: 2rem;}
.s_news .arrbox{ margin-top: 2rem;}
#banner .swiper-button-white{ width: 3rem; height: 3rem;}
.s_about .txt{ grid-row: 1/2;}
.lianpeng3{ display: block;}
.s_fuwuys .box0 .txt h3{ font-size: 1.5rem;}
.n_about .box1{ flex-direction: column;}
.n_about .box1 .right{ width: 7.375rem; position: absolute; right: 0; bottom: 8rem;}
.n_about .box1 .tip{ margin-right: 6.5rem;}
.n_ys .bd ul{ grid-template-columns: 1fr; gap: 1.5rem;}
.n_ys .s_hd{ flex-direction: column; align-items: flex-start; gap: 1rem;}
.n_ys .s_hd .s_tip{ text-align: left;}
.n_tt{ flex-shrink: 0;}
.n_tt span{ font-size: 1.75rem;}
.n_tt h3{ font-size: 1.375rem;}
.s_hd .s_tip {
    text-align: right;
    font-size: 12px;
    letter-spacing: 0;
}
.n_ys .bd ul li .tt h4{ font-size: 1.375rem; margin-bottom: .75rem;}
.n_ys .bd2 ul li .tt{ margin-bottom: 1rem;}
.n_ys .bd2 ul li .tt span{ font-size: 1.5rem;}
.n_ys .bd2 ul li .tt h3{ font-size: 1.375rem;}
.n_ys .bd2 ul li .con{ font-size: 1rem; line-height: 1.7;}
.n_ys .bd2 ul li .box{ grid-template-columns: 1fr; grid-auto-rows: inherit; direction: ltr !important;}
.n_ys .bd2 ul li .txt{ display: block;}
.n_ys .bd2 ul li:nth-child(1) .txt:before{ content: ""; display: block; width: 0; height: 0; border: 12px solid transparent; border-top: 12px solid #fff; position: absolute; z-index: 9; left: 50%; transform: translateX(-50%); top: 100%; }
.n_ys .bd2 ul li:nth-child(2) .txt:after{ content: ""; display: block; width: 0; height: 0; border: 12px solid transparent; border-top: 12px solid #fff; position: absolute; z-index: 9; left: 50%; transform: translateX(-50%); top: 100%; }
.n_pinpai ul li .box{ grid-template-columns: 1fr;}
.n_pinpai ul li .tt{ width: 10rem; height: 3rem; font-size: 1.25rem;}
.n_pinpai ul li{ padding: 2.5rem 0;}
.n_spa .m{ grid-template-columns: 1fr; gap: 1.5rem;}
.n_spa .m .left{ grid-row: 2/3;}
.n_fuwu .bd ul{ grid-template-columns: 1fr;}
.n_fuwu .bd ul li .txt{ height: auto; pad: 2rem;}
.n_proys ul li .box{ grid-template-columns: 1fr;}
.n_proys ul li{ padding: 2.5rem 0;}
.n_zizhi .tt{ margin-bottom: 2rem;}
.n_licheng .m{ grid-template-columns: 1fr; gap: 0;}
.n_licheng .left{ position: static; padding-bottom: 0 !important;} 
.n_licheng .left .img{ height: 16rem;}
.n_licheng .right dl{ padding-bottom: 1.5rem;}
.n_licheng .right dt i{ width: 14px; height: 14px;}
.n_licheng .right dt{ font-size: 1.75rem;}
.n_licheng .right dl{ grid-template-columns: 5.5rem 1fr;}
.n_licheng .right:before{ left: 5.5rem;}
.n_licheng .right dd{ line-height: 2rem; font-size: .9375rem;}
.n_licheng .left .mask{ padding: 2rem 2rem 2rem;}
.n_news ul{ grid-template-columns: 1fr;}
.page a{ width:2.75rem; height: 2.75rem; margin: 0 4px;}
.page .box{ margin-top: 2rem;}
.ar_title{ padding-bottom: .5rem;}
.ar_title h3{ font-size: 1.75rem; margin-bottom: .75rem; }
.ar_title .box2 .tag span{ height: 30px;}
#m_logo h3{ font-size: 10px}
.n_spa01 ul{ grid-template-columns: 1fr;}
.lianhua{ width: 150px;}
.n_spa01 ul li .img{ height: 367px;}
.n_xiangmu ul li .box{ grid-template-columns: 5rem 1fr; }
.n_xiangmu ul li .box .tt {
    font-size: 1.75rem;
    line-height: 2.25rem;}
    .n_xiangmu .title{ font-size: 1.875rem; margin-bottom: 2rem;}
    .btn_yuyue{ width: 10rem; height: 10rem;}
    .btn_yuyue:after{ background: url(../images/yuyue_bg2.png) center no-repeat !important; background-size: contain !important; }
    .btn_ewm svg{ width: 28px; height: 28px;}
    .n_xiangmu ul li .box .txt h4{ font-size: 1.25rem; margin-bottom: .75rem;}
    #banner .tag span{ display: none;}
    #banner .tag h4{ font-size: 12px;}
    .n_about .box1 .tip{ font-size: 9px; letter-spacing: 0;}
    .n_pinpai .s_hd .s_tip{ display: none;}
    .s_hd .s_tip{ font-size: 10px; letter-spacing: 0;}
    .s_tip{ font-size: 10px; letter-spacing: 0;}
    .n_xiangmu ul li .box .txt h4{ font-weight: bold;}
    .n_spa02 .txt span{ font-size: 10px; letter-spacing: 0;}
    .ar_fot2{ display: block;}
    .ar_title .box2{ direction: rtl;}
    .btn_ewm{ bottom: 1rem;}
    .foot_share ul{ gap: .75rem;}
    .foot_ewm .pic{ width: 7.5rem; height: 7.5rem;}
    .tc_ewmbox{ gap: 1rem;}
    .tc_ewm{ width: 11rem; padding: 1rem;}
    .tc_ewm img{ width: 8rem; height: 8rem;}
}