@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_nav2 ul li:hover{ background: #752919;}
.n_nav2 ul li:hover a{ 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: 1660px)
{
}

@media (max-width: 1600px)
{

}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
    .s_hall .left .txt h4{ font-size: 2.5rem;}
    .s_hall .m{ gap: 6rem;}
    .business_wrap .contents{ min-height: 640px;}
    .business_wrap .business_slider .item{width: 320px;height: 660px;}
    .business_wrap .business_slider .item .img{ height: 314px;}
    .business_wrap .business_slider .item.slick-on{width:570px;}
    .business_wrap .business_slider .item.slick-on .img{ height: 557px;}
    .main_home{ height: 40rem;}
}

@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{ }
 .business_wrap .contents{ min-height: 540px;}
 .business_wrap .business_slider .item{width: 220px;height: 560px;}
 .business_wrap .business_slider .item .img{ height: 214px;}
 .business_wrap .business_slider .item.slick-on{width:460px;}
 .business_wrap .business_slider .item.slick-on .img{ height: 457px;}
 .n_nav{ display: none;}
 #m_n_nav{ margin-bottom: 2rem;}
}

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

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

@media (max-width: 992px)
{
    .mian_con{ grid-template-columns: 1fr !important;}
    .n_dongtai li .box{grid-template-columns: 20rem 1fr;}
  
}

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

}

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

@media (max-width: 768px)
{
.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_hall .left .txt h4{ font-size: 2.125rem;}
.s_hall .m{ gap: 2rem;}
.s_hall .right{ gap: 1rem;}
.s_hall .right ul li .txt{ padding: 1.5rem;}
.s_hall .right ul{ gap: 1rem;}
.s_dongtai .bd{ grid-template-columns: 1fr; grid-auto-rows: inherit;}
.newsimgbox .img{ height: auto;}
.s_gonggao .bd ul{ grid-template-columns: repeat(2,1fr);}
.business_wrap .contents{ min-height: 540px;}
.business_wrap .business_slider .item{width: 200px;height: 320px;}
.business_wrap .business_slider .item .img{ height: 220px;}
.business_wrap .business_slider .item.slick-on{width:240px; height:320px;}
.business_wrap .business_slider .item.slick-on .img{ height: 220px;}
.business_wrap .sec_title_g{ position: static; width: 100%; padding-right: 0; min-height: auto; margin-bottom: 2rem;}
.business_wrap .sec_title_g:before{ display: none;}
.s_zhishi .left{ max-width: inherit;}
.business_wrap .contents{ min-height: auto;}
.business_wrap .business_slider .item .info .title .tit + .tit{ font-size: 1.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;}
#foot .box1 .foot_logo{ display: none;}
.foot_nav{ gap: 2rem;}
.s_gonggao .m{ grid-template-columns: 1fr;}
.s_gonggao .s_hd{ flex-direction: row; align-items: flex-end; margin-bottom: 2rem;}
.s_gonggao .s_tt h3 br{ display: none;}
.s_rukou ul li .tt h4{ font-size: 2.5rem;}
.s_rukou ul li .tt span{ font-size: 1.25rem;}
}

@media (max-width: 480px)
{
.pad_top{ padding-top:3rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.pad_top2{ padding-top:3rem !important;}
.pad_bot2{ padding-bottom:3rem !important;}
.m{ padding: 0 15px;}
.n_banner{ height: 9rem;}
.n_banner h3{ margin-bottom: 1rem; font-size: 1.875rem;}
.business_wrap .contents{ min-height: 340px;}
.business_wrap .business_slider .item{width: 75px;height: 320px;}
.business_wrap .business_slider .item .img{ height: 90px;}
.business_wrap .business_slider .item.slick-on{width:190px; height:320px;}
.business_wrap .business_slider .item.slick-on .img{ height: 220px;}
.business_wrap .business_slider .item{ margin: 0 3px;}
.business_wrap .contents{ padding-top: 48px;}
.business_wrap .business_slider .item .info{ padding-top: 17px;}
.business_wrap .business_slider .item .info .title .tit + .tit{ font-size: 1rem;}
.s_hall .m{ grid-template-columns: 1fr;}
.s_tt h3{ font-size: 2.5rem; letter-spacing: -.25rem;}
.s_tt span{ font-size: 1.25rem;}
.s_hall .left .txt h4{ margin-top: 1.5rem; font-size: 1.5rem; margin-bottom: 1rem;}
.s_hall .left .txt p{ margin-bottom: 1.75rem;}
.btn_more{ width: 9rem; height: 3rem; font-size: 12px;}
.s_hall .right ul li .txt h4{ font-size: 1.375rem;}
.s_hall .right ul li .txt .ico{ width: 2.25rem; height: 2.25rem;}
.s_hall .right ul li .txt .tt{ margin-bottom: 1rem;}
.s_hd{ margin-bottom: 2rem;}
.news02 ul{ gap: 10px;}
.news02 ul li .txt h4{ font-size: 1.125rem;}
.news02 ul li .box{ padding: 2rem 1.5rem; grid-template-columns: 5rem 1fr;}
.news03 ul{ gap: 10px;}
.news03 ul li .box{ padding: 1.5rem;}
.news03 ul{ grid-template-columns: 1fr;}
.s_gonggao .bd ul{ grid-template-columns: 1fr; gap: 10px;}
.s_gonggao .bd{ height: auto;}
.s_rukou ul{grid-template-columns: 1fr; padding: 0 15px;}
.s_rukou ul li:nth-child(3) {
    grid-column: inherit;
    grid-row: inherit;
}
.s_zhishi .hd img{ width: 160px;}
.s_zhishi .hd{ margin-bottom: 2rem;}
.foot_nav{ display: none;}
#foot .box3 .m{ flex-direction: column;}
.foot_share{ margin-bottom: 1rem;}
.copyright{ text-align: center;}
.main_bg { 
    padding-bottom: 2rem !important;
    background-size: 200% !important;
}
.more_r span{ font-size: 1.375rem;}
.main_home{ height: 17rem;}
.main_home .indicator{ bottom: 1rem;}
.indicator .swiper-pagination-bullet{ width: 16px; height: 16px;}
.indicator .swiper-pagination-bullet{ border-width: 6px !important
    ;}
    #foot .box1{ padding-bottom: 1.5rem;}
    #foot .box2{ padding-top: 1.5rem;}
    #foot .box3{ margin-top: 2rem;}
    .n_renyuan ul{ margin-top: -1.5rem;}
    .n_renyuan ul li .box{ padding: 1.5rem 0;}
    .n_renyuan ul li .box h4{ margin-bottom: .5rem; font-size: 1.5rem;}
    .n_renyuan ul li .box h4 span{ font-size: 1rem;}
    .page .box{ margin-top: 2.5rem;}
    .n_faguilist li .box{ grid-template-columns: 4.25rem 1fr;}
    .n_faguilist li .txt{ padding-left: 1.5rem;}
    .n_faguilist li .txt h5{ font-size: 1.125rem;}
    .n_faguilist li .box{ padding: 1.25rem 0;}
    .n_dongtai li .box{grid-template-columns: 12rem 1fr;}
    .n_dongtai li .txt h5{ font-size: 1.125rem; margin-bottom: .5rem;}
    .n_dongtai li .box{ gap: 1.25rem;}
    .n_dongtai li .txt p{ margin-bottom: .75rem;}
    .n_dongtai li .txt .bot{ padding-top: .75rem;}
    .right_ewm{ padding: 3rem 2rem;}
    .right_ewm h3{ font-size: 1.25rem; margin-top: 1.5rem; margin-bottom: 1rem;}
    .n_nav2{ margin-bottom: 1rem;}
    .n_nav2 ul li a{ height: 3.5rem;}
}