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

@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)
{
    .m{ padding: 0 7rem;}
    .s_news .left{ margin-right: 3rem;}
    .s_xiaoyuan .s_hd{ margin-bottom: 3.5rem;}
    .s_xiaoyuan .bd .box{ padding: 1.625rem;}
    .s_shuzi .s_tt{ top: 10rem;}
    .s_shuzi{ margin-top: -6.5rem;}
}

@media (max-width: 1360px)
{
    .m{ padding: 0 6rem;}
    #header>.m{ padding: 0 6rem;}
    .s_tt img{ transform: scale(.9);}
    .s_shuzi_nav ul li .box .ico{ transform: scale(.8);}
}

@media (max-width: 1280px)
{
    .m{ padding: 0 5rem;}
    #header>.m{ padding: 0 5rem;}
}

@media (max-width: 1200px)
{
    .mouse{ display: none;}
    .s_shuzi .light{ display: none;}
    
    .s_shuzi_nav{margin-bottom: 0;}
    .s_shuzi_nav ul li .box .ico{ transform: scale(.6);margin-bottom: -1rem;margin-top: -1.5rem;}
#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;} 
 #banner:before{ display: none;}
 .m{padding: 0 5rem;width: 100%;}
 .s_rukou .item04{ padding: 5rem 2rem;}
 .s_social ul li a{ width: 3rem; height: 3rem;}
 .s_xiaoyuan .arrbox .arr{ width:2.4rem; height: 2.4rem; flex-shrink: 0;}
 .s_xiaoyuan .s_hd>div{ align-items: flex-end;}
 .s_xiaoyuan .s_hd .slide_for{ transform: translateX(-3.2rem);}
 .s_keyan01 .txt{ padding: 2.5rem 2rem;}
    #banner .swiper-slide a{ height: 50vw}
    .s_xiaoyuan .s_hd > div h2 img{ transform: scale(.7); transform-origin: left}
}

@media (max-width: 1100px)
{
    .m{ padding: 0 3rem;}
    .s_news01 .box .txt{ width: 16.75rem;}
    .s_hd .h4{ margin-right: 1rem; font-size: 1.125rem;}
    .s_xiaoyuan .bd .box .txt .con i{ width: 17px;}
    .s_chengyuan .img{ height: 25rem;}
    .s_chengyuan .right ul{ height: 25rem;}
    .s_chengyuan .right ul li .box h3{ font-size: 1.5rem;}
    .s_shuzi .s_tt{ top: 7rem;}
    .s_shuzi{}
    .s_lianjie ul li{ min-width: 16.66%; }
    .s_shuzi {
        margin-top: -4.5rem;
    }
}

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

@media (max-width: 992px)
{
  .s_xiaoyuan .arrbox .arr+.arr{ margin-left: .8rem;}
    .s_xiaoyuan .s_hd{ margin-bottom: 1rem;}

    .s_news{ flex-wrap: wrap}
    .s_news .left{width: 100%;flex: auto;margin: 0 0 3rem;}
    .s_news .right{ width: 100%}
}

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

}

@media (min-width: 1200px)
{
    .s_shuzi_main > img.i2s{/* transform: translate3d(0,500px,0); */}
}

@media (max-width: 768px)
{
    .s_shuzi_main canvas{transform: scaleY(.75);bottom: -42vh;}
    .s_renwu .bg img{ top: 58%;}
    .s_chengyuan .right ul li .box h3{ font-size: 1.25rem;}
.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_renwu .bd{ padding:0 15px}
.foot_logo{ display: none;}
.foot_lianxi{}
.foot_lianxi dl+dl{ margin-top: 1rem;}
#foot .box1{ flex-wrap: wrap}
    .foot_lianxi dl{margin: .5rem 0;}
#foot .box1>div{ width: 100% !important;}
    .foot_rukou ul{ justify-content: center; margin: 2rem 0 0}
.foot_rukou{ flex-shrink: 0;}
    #foot .box1>div:nth-child(4){ margin: 0}
#foot{padding-top: 5.5rem;overflow: hidden;}
#foot .box2{ margin-top: 3rem;flex-wrap: wrap;text-align: center;justify-content: center;}
.foot_rukou ul li .ico img{ transform: scale(.8);}
.s_shuzi_main .li_bg{ display: none;}
.s_shuzi_nav ul li{ position: relative !important; margin-top: -5rem; left: 0 !important; top: 0 !important; width: auto; height: auto;}
.s_shuzi_nav ul li .box{ position: absolute; transform: none; left: 0; top: 0; width:100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.s_shuzi_main{ display: flex; flex-direction: column-reverse;margin-bottom: 0;}
.s_shuzi_nav ul{ display: flex; flex-wrap: wrap ; justify-content: center; margin-bottom: -10rem;}
.s_shuzi_nav ul li{ width:25%; display: flex; align-items: center; justify-content: center;}
.s_shuzi_nav ul li:before{ content: ""; padding-top: 100%;}
.s_shuzi_nav{width: 600px;max-width: 100%;margin: 0 auto;margin-top: 2rem;margin-bottom: 32vw;}
.s_shuzi_nav ul li .box .ico path{stroke: #fff !important;}

.s_shuzi_nav li:nth-child(1){ margin:0 37.5%;}
.s_shuzi_nav li:nth-child(2){}
.s_shuzi_nav li:nth-child(3){  }
.s_shuzi_nav li:nth-child(4){ }
.s_shuzi_nav ul li .box .img01{ display: none;}
.s_shuzi_nav ul li .box .img02{ display: block;}
.s_shuzi_nav ul li .box p{ color: #fff;}
.s_shuzi { padding-top: 6rem;}
.s_shuzi .s_tt{ position: static; transform:none; display: flex; justify-content: center;}
.s_shuzi_nav ul li{ background: url(../images/s_shuzi_li_bg1.png) center no-repeat; background-size: contain;}
.s_news{ flex-direction: column;}
.s_news .left{ width: 100%; margin-right: 0;}
.s_news01 .box .txt{ width:23rem;}
.s_news .left{ margin-bottom: 4rem;}
.s_news .right{ width: 100%;}
.s_keyan01{ flex-direction: column;}
.s_keyan01 .left{ width: 100%;}
.s_keyan01 .txt{ width: 100%;}
.s_keyan02{ padding: 0;}
.s_keyan02 ul li .box{ padding: 0 1.5rem;}
.s_tt img{ transform: scale(.7);}
.s_lianjie ul li{ min-width: 33.33%;  }
.s_rukou{ flex-direction: column;}
.s_rukou .m .box1{ width: 100%;}
    .s_rukou .m>div{ width: 100%; flex: auto}
.btn_more::before, .btn_more::after{ width: .875rem;}
    .s_rukou .m .box3{ order: -1}
    .s_chengyuan .left, .s_chengyuan .right{ width:100%;}
    .s_renwu .swiper-pagination .swiper-pagination-bullet, .s_news02 .swiper-pagination .swiper-pagination-bullet{ margin: 0 -.1rem !important;}
    .s_news02 .swiper-pagination{ justify-content: center;}
    .ico_see{ transform: scale(.7);}

    .s_shuzi_main > img.i2{transform: scale(2); transform-origin: bottom; }

    .s_rukou_news .txt{ padding: 15px 15px}
}
.s_news01 .img_db { width: 100%; position: relative; height: 100%;
}
@media (max-width: 480px)
{
.pad_top{ padding-top:2rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.m{ padding: 0 15px;}
.n_banner{ height: 10rem;}
.n_banner h3{ margin-bottom: 1rem; font-size: 1.875rem;}
#foot{ background-size: 200% 100%; padding-top: 2.5rem;}
#foot .box1{flex-direction: column-reverse;/* gap: 2rem; */}
#foot .box2{ flex-direction: column; align-items: center; text-align: center;}
.foot_lianxi dt{ transform: scale(.8);}
.foot_lianxi dt img{ height: 1.5rem}
.s_search .bd{ height: 4rem;}
.s_search .bd form .input,.s_search .bd form .button{ height: 4rem;}
.s_search{ margin-top: 1.5rem;}
.s_search .bd form .tt{ padding-left: 1rem;}
.s_search .bd form .input{ padding-left: 1rem;}
.s_search .bd form .button{ background-size: 1.5rem !important;width: 3rem;}
.s_search .bd form .tt{ font-size: 1.25rem;}
.s_news01 .box{ flex-direction: column;}
.s_news01 .box .imgBox{height: auto;}
.s_news01 .box .txt{width: 100%;padding: 2.125rem 2.125rem 6rem;}
    .s_news01 .box .imgBox:after{ display: none}
    .s_news01 .swiper-pagination{ padding-left: 1.5rem}
#banner .dotbox{ bottom: 1rem; transform: scale(.7); transform-origin: right;}
.s_news .s_hd .h4{ margin-left: -6rem; font-size: 1rem;}
.s_tt{ height: 4rem; margin-top: -1rem;}
.s_time01{  }
.s_time02{  }
.s_keyan01 .txt .s_hd{ margin-bottom: 1.75rem;}
.s_keyan02 ul{ flex-direction: column;}
.s_keyan02 ul li{ width:100%;}
.s_keyan02 ul li .box{ height: auto; padding: 2rem;}
.s_keyan02 ul li:nth-child(2){ background: #349ee8;}
.s_renwu .s_hd{ justify-content: space-between;}
.s_renwu .s_tt img{ transform-origin: left bottom;}
.s_chengyuan{ flex-direction: column-reverse;}
.s_chengyuan .right ul{ margin-top: 1rem;}
.s_chengyuan .left{ width:100%;}
.s_chengyuan .img{ height: 16rem;}
.s_chengyuan .right .s_hd{ margin-left: 0; justify-content: center; margin-bottom: 0;}
.s_chengyuan .right .s_hd .s_tt{ display: flex; align-items: center; justify-content: center;}
.s_chengyuan .right .s_hd .s_tt img{ transform-origin: center bottom; }
.s_chengyuan .right ul{ height: auto;}
.s_chengyuan .right .m{ padding-right: 0 !important;}
.s_chengyuan .right:before{top: 5rem;left: 0;}
.s_shuzi_nav ul li{ margin-top: -4.5rem; width: 33.33%;}
.s_shuzi_nav ul li .box .ico{ margin-top: -20px; transform: scale(.7); margin-bottom: -.5rem;}
.s_shuzi_nav ul li .box p{ margin-top: -2px; }
.s_shuzi{ margin-top: 0; padding-top: 3rem;}
.s_shuzi_nav li:nth-child(1){ margin:0 33.33%;}
.s_shuzi_nav li:nth-child(2){ margin-left:1%;transform: translateX(-4%);}
.s_shuzi_nav li:nth-child(3){  transform: translateX(1%);}
.s_shuzi_nav li:nth-child(4){ transform: translateX(-5%);}
.s_shuzi_nav ul li:nth-child(5){ transform: translateX(-.5%);}
    .s_shuzi_nav ul li:nth-child(6){ transform: translateX(5%);}
    .s_shuzi_nav ul li:nth-child(7){ transform: translateX(-3%);}
    .s_shuzi_nav ul li:nth-child(8){ transform: translateX(2%);}
    .s_shuzi_nav ul li:nth-child(9){ transform: translateX(0%);}
.s_shuzi_nav ul{ margin-bottom: -5rem;transform: scale(.95);}
.s_rukou .img{height: 50vw !important;}
    .s_rukou .item03 .img{ height: 100vw !important}
.s_rukou .item04{ height: auto;padding: 3rem 2rem;}
.s_rukou .item05{ height: auto;}
.s_lianjie ul{ }
.s_lianjie ul li{ height: 3.5rem; min-width: 33.33%;}
.s_rukou .item02 .arrbox{ margin-bottom: 1rem;}
.s_rukou .swiper-pagination-current{font-size: 2.5rem;}
.s_rukou .item02 .arrbox .arr{ padding: 0 1rem;}
.s_btn_play{ width: 3.5rem; height: 3.5rem;}
    
    .top_menu{ margin: 0}
    
    .foot_rukou ul{ justify-content: center}
    
    .ico_tgl img{ width: 3rem;}

    .s_rukou .swiper-pagination{ margin-bottom: .5rem}
    .btn_more{width: 7rem;margin-top: 1rem;}
    .foot_rukou ul li .ico{ width: 4rem; height: 4rem}
    .foot_rukou ul li .ico img{ max-width: 2.25rem; max-height: 2.25rem}
    .s_rukou .m{ padding: 0}
}
@media (min-width:480px) and  (max-width:580px){
.s_news01 .box .txt{
    width: 16rem;
}
}