@media (min-width:1601px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@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)
{
    .tixi_nav ul li:hover:before{ transform: scale(1);}
.tixi_nav ul li:hover a{ opacity: 1;}
}

@media (min-width: 1280px)
{

}

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

@media (min-width: 1920px)
{
    /* .pro_thumbs .hd{left: -20.375rem;} */
}

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

}

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

@media (max-width: 1725px)
{
    #foot{ background: url(../image/foot_bg_md.png) center top no-repeat;  background-position: right top;}
}
 
@media (max-width: 1440px)
{
 
    .arrstyle .swiper-button-prev{ left: -5rem;}
    .arrstyle .swiper-button-next{ right: -5rem;}
    .n_huodong ul{ column-gap: 3rem; row-gap: 3.125rem;}
    .n_banner .swiper .inner,.n_banner{ height: 30rem;}
    .plat_boll02{ top: 33%;}
    .plat_boll03 {bottom: -6rem;left: 3rem;width: 12rem;}
    .tixi_nav{ right: 20px;}
    .tixi_nav ul li.on:before {
        transform: scale(.8);
    }
    .tixi_nav ul li:hover:before {
        transform: scale(.8);
    }
    #n_header .m{ padding: 0 20px;}
    #n_header .menu_nav{ right: 20px;}
    .linian_fangan .bd2 ul{ column-gap: 2rem;}
    #gotop{ right: 5px;}
    .pro_use .box p{ font-size: 1.25rem; line-height: 1.5;}
}

@media (max-width: 1360px)
{
    .prolist ul{ display: grid; column-gap: 3rem; row-gap: 3rem;}
    .n_qicao .pic{ width: 13rem;}
    .n_jishu2 .txt{ max-width: 49%;}
    .n_jishu_ys ul li .txt1{ height: 14rem; padding-top: 3.375rem;}
    .n_jishu_ys ul li .txt2{ padding-top: 6.125rem; height: 19.75rem;}
    .n_jishu_ys ul li .txt2 i{ margin-top: 1rem;}
    .n_jishu_ys ul li .txt2 .icobox{ width: 7rem; height: 7rem;}
    .tixi_jiazhi .bd2 .txt h4 { 
        width: 16.125rem; 
        padding: 0 2rem;}
        .tixi_jiazhi .bd2 .txt p { 
            padding: 0 1rem; 
        }
}

@media (max-width: 1280px)
{
    .n_qicao .pic{ width: 11rem;}
    .n_chanye ul li:nth-child(5) p {
        left: 0;
        transform: none;
        right: auto;
        top: 100%;
        margin-top: 3rem;
        transform: translateY(-50%);
        margin-left: 2rem;
    }
    .n_chanye ul li:nth-child(1) p {
        right: 0;
        transform: none;
        left: auto;
        top: 100%;
        margin-top: 3rem;
        transform: translateY(-50%);
        margin-right: 2rem;
    }
    .n_keyan .bd2 ul li{ padding-right: 3rem;}
    .n_keyan .bd2 ul li i { 
        font-size: 20.25rem;
        line-height: 15rem;  
        right: -1rem; 
    }
    .n_shuzi ul { 
        display: grid;
        grid-template-columns: repeat(4,1fr); column-gap: 1.5rem;
    }
    .n_shuzi ul li h3{ max-width: 100%;}
    .n_shuzi ul li .box{ padding: 0 1rem;}
    .n_shuzi .bg{ height: 24rem;}
    #n_header .m{ padding: 0 15px;}
    #n_header .menu_nav{ right: 15px;}
    .n_banner .swiper .inner, .n_banner{ height: 22rem;}
}

@media (max-width: 1200px)
{
    .prolist ul{ display: grid; column-gap: 2rem; row-gap: 2rem;}
    .pro_ad .txt .ico{ margin-bottom: 5rem;}
    .pro_search{ height: 14rem;}
    .pro_search .outbox{ height: 18rem;}
    #n_header #nav{ display: none;}
    #n_header .fr{ flex-grow: 0;}
    #n_header .m{ height: 4.75rem;}
    #m_n_nav {display: block;}
    .n_keyan .bd2 ul li .box .txt{ padding: 2rem 0;}
    .n_qicao .m{ column-gap: 1.5rem;}
    .n_qicao .txt{ margin-right: 1rem;}
    #n_header .menu_nav{ top:0;}
}

@media (max-width: 1100px)
{
    .n_qicao .right .bd{ flex-direction: column; justify-content: center;}
    .n_qicao .txt{ margin-right: 0; margin-bottom: 1.5rem;}
    .n_qicao ul li{ margin: 0 5px;}
    .n_qicao .item{ padding: 3rem 2rem;}
    #n_zhuanli{ height: 41rem !important;}
    .n_jishu .right ul li svg{ margin-right: 1rem;}
    .n_chanye .relative{ max-width: 64%;}
    .tixi_jiaoshou .txt{ padding: 3rem 6rem;}
    .tixi_ys ul li h4 { font-size: 1.125rem;}
    .tixi_ys ul li .box .txt span{ font-size: 3rem; margin-bottom: 1rem;}
    .tixi_ys ul li .box .txt{ padding-top: 2rem;}
    .tixi_jiaoshou .txt .tt h4{ font-size: 1.125rem;}
    .tixi_jiaoshou .txt .tt h3{ font-size: 2rem;}
    .tixi_shijian .bd{ padding: 3rem;}
    .tixi_shijian .tt h4{ margin-top: 0rem; font-size: 3.75rem;}
    .tixi_shijian .tt span{ font-size: 1rem;}
    .tixi_shijian .tt p{ font-size: 1.25rem;}
    .n_function{ grid-template-columns: 1fr; row-gap: 1.5rem;}
    .n_youshi{ grid-template-columns: 1fr; row-gap: 1.5rem;}
    .tixi_shiyanshi .bd{ align-items: flex-start;}
    .tixi_jiazhi .bd1{ flex-direction: column;}
    .tixi_jiazhi .bd1 .left{ margin-bottom: 3rem;}
    .tixi_jiazhi .bd3 .item .tt{ margin-right: 1rem;}

}

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

@media (max-width: 992px)
{
    .n_pinlei ul{ grid-template-columns: repeat(2,1fr); row-gap: 2rem;}
    .n_jishu .bd{ grid-template-columns: 1fr; row-gap: 2.5rem;}
    .n_keyan .bd1{ flex-direction: column;}
    .n_keyan .bd1 .txt{ margin-left: 0; margin-top: 1.5rem;}
    .n_keyan .line{ margin: 2.5rem 0;}
    .n_qicao .m{ grid-template-columns: 1fr; row-gap: 3rem;}
    .n_tt3{ margin-bottom: 2.5rem;}
    .n_qicao .right .bd{ flex-direction: row;}
    .n_qicao .item{ height: auto; padding: 3rem;}
    .n_qicao em {display: block;width: 12px;height: 12px;}
    .n_qicao ul{ justify-content: space-around;}
    .n_qicao .txt{ margin-right: 3rem; max-width: 50%;}
    .n_fenzijishu ul li .txt { padding: 2rem 1rem; }
    .n_fenzijishu ul li p{ font-size: .875rem; line-height: 1.5rem;}
    .n_fenzijishu ul li h5{ font-size: 1.375rem; margin-bottom: .75rem;}
    .n_tt5 h3{ font-size: 1.875rem;}
    .n_tt5 h4{ font-size: 1.875rem;}
    .n_tt5{ line-height: 2.75rem; margin-bottom: 2rem; font-size: 1.875rem;}
    .n_tt5 span{ font-size: 1.875rem;}
    .n_jishu_ys ul li .txt2 .con{ height: 11.5rem;}
    .n_jishu_ys ul li .txt2{ height: auto; padding-bottom: 3rem;}
    .n_plat_ys ul li h6 span{ font-size: 1.375rem;}
    .tixi_jiazhi .bd3 .item01 ul li .box{ width: 8.5rem; height: 8.5rem;}
    .tixi_jiazhi .bd3 .item02 ul li .box .txt img{ height: 3rem;}
    .tixi_jiazhi .bd2 .flexbox{ flex-wrap: wrap;}
    .tixi_jiazhi .bd2 .txt{ order: 1;}
    .tixi_jiazhi .bd2 .centerbox{ order: 0; margin-bottom: 2rem;}
    .tixi_jiazhi .bd3 .item{ flex-direction: column;}
    .tixi_jiazhi .bd3 .item .tt{ margin-bottom: 1rem;}
    .linian_juzheng .ttbox img{ width: 25rem;}
    
 .linian_juzheng ul li:nth-child(1){ right: 80%; top: 5%; flex-direction: row-reverse; text-align: right;}
 .linian_juzheng ul li:nth-child(2){ right: 105%; top: 42%; flex-direction: row-reverse;}
 .linian_juzheng ul li:nth-child(3){ right: 80%; bottom: 5%; flex-direction: row-reverse;}
 .linian_juzheng ul li:nth-child(4){ left: 80%; top: 5%;}
 .linian_juzheng ul li:nth-child(5){ left: 105%; top: 42%;}
 .linian_juzheng ul li:nth-child(6){ left: 80%; bottom: 5%;}
 .linian_tt{ height: 3.5rem;}
 .linian_fangan .tt{ margin-bottom: 3rem;}
 .linian_fangan .tt h3{ font-size: 1.875rem;}
 .linian_tt{ margin-bottom: 2rem;}
 .linian_fangan .bd2 ul { column-gap: 1rem;}
 .linian_fangan .bd2 ul li .box1 h4{ font-size: 1.25rem;}
 .linian_fangan .bd2 ul li .box1 span{ margin-bottom: 1rem;}
 .linian_fangan .bd2 ul li .box1 font{ margin-right: 3px;}
 .linian_fangan .bd2 ul li .box1{ height: 14rem;}
 .linian_fangan .bd2 ul li .box2{ height: 5rem;}
 .linian_weidu .bd{ margin-top: 3rem;}
 .linian_juzheng ul li .txt h4{ font-size: 1.375rem;}
 .linian_juzheng .ttbox .tt h3{ font-size: 2rem;}
}

@media (min-width:481px) and (max-width:992px)
{ 
    .s_platform .center .hd span{ padding: 0 1rem;}
    .s_platform .center .hd li{ margin: 0 -3%;}
    .s_platform .center .hd ul{  max-width: 349px;}
    .s_platform .bd2 ul li:nth-child(1){left: 16%;top: 11%;}
    .s_platform .bd2 ul li:nth-child(2){left: -1%;top: 19%;}
    .s_platform .bd2 ul li:nth-child(3){left: 8%;bottom: 34%;}
    .s_platform .bd2 ul li:nth-child(4){left: -4%;bottom: 27%;}
    .s_platform .bd2 ul li:nth-child(5){left: 7%;top: 71%;}
    .s_platform .bd2 ul li:nth-child(6){left: 22%;bottom: 0%;} 
    .s_platform .bd2 ul:nth-child(2) li{ left: auto !important;}
    .s_platform .bd2 ul:nth-child(2) li:nth-child(1){right: 16%;top: 13%;}
    .s_platform .bd2 ul:nth-child(2) li:nth-child(2){right: 3%;top: 30%;}
    .s_platform .bd2 ul:nth-child(2) li:nth-child(3){right: 15%;bottom: 34%;}
    .s_platform .bd2 ul:nth-child(2) li:nth-child(4){right: 0%;bottom: 27%;}
    .s_platform .bd2 ul:nth-child(2) li:nth-child(5){right: 10%;top: 71%;}
    .s_platform .bd2 ul:nth-child(2) li:nth-child(6){right: 27%;bottom: -3%;} 
}

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

@media (max-width: 768px)
{
    .prolist ul{ grid-template-columns: repeat(2,1fr);}
    .pro_ad .m{ flex-direction: column;}
    .pro_ad .txt{ width: 100%; margin-bottom: 3rem;}
    .pro_ad .txt .ico{ margin-bottom: 3rem;}
    .pro_search .outbox{ padding: 0 3rem;}
    .n_zixun .m{ grid-template-columns: 1fr;}
    .n_zixun .txt{ margin-bottom: 2rem;}
    .n_guanzhu ul li.line{ display: none;}
    .n_guanzhu ul li{ width: 49%;}
    .n_guanzhu ul{ flex-flow: wrap;}
    .n_huodong ul{ grid-template-columns: repeat(2,1fr); column-gap: 2rem; row-gap: 2.5rem;}
    .n_news_xq .m{ flex-direction: column;}
    .n_news_xq .right_con{ width: 100%; margin-left: 0; display: flex; flex-direction: column-reverse;}
    .ar_fot{ margin-bottom: 2.5rem; margin-top: 2rem;}
    .n_shuzi ul{ grid-template-columns: repeat(2,1fr); row-gap: 2rem;}
    .n_shuzi{ height: auto; padding-bottom: 4rem;}
    .n_shuzi ul li{ max-width: 90%; margin: 0 auto; width: 100%;}
    .n_shuzi .bg {
        height: 40rem;
    }
    .n_shuzi ul li .box { 
        padding: 0 2.5rem;
        height: 21rem;
        border-radius: 2rem; 
    }
    .n_jituan{ background-size: 100% 100%;}
    .n_jituan .logo_jituan{ width: 15rem;}
    .n_shuzi ul li .box>span{ margin-bottom: 2.25rem;}
    .n_chanye ul li:nth-child(5) p{ margin-left: -1rem;}
    .n_about{ padding-bottom: 2rem !important;}
    .n_keyan .bd2 ul li{ padding-right: 0;}
    .n_keyan .bd2 ul{ display: grid; grid-template-columns: repeat(3,1fr); column-gap: 1rem;}
    .n_pinlei ul li .box{ height: auto; padding: 2rem 1rem;}
    .n_pinlei ul li .icobox{ margin-bottom: 1rem;}
    .n_keyan .bd2 ul li i{ display: none;}
    .plat_boll01,.plat_boll02,.plat_boll03{ display: none;}
    .n_fenzijishu ul li p{ height: 6rem;}
    .n_plat01 .txt h4{ margin-bottom: 1.5rem;}
    .n_fenzijishu ul { column-gap: .75rem;}
    .n_jishu2 .txt{ width: 100%; max-width: inherit;}
    .n_jishu2 .pic{ position: absolute; top: auto; margin-top: 1rem; max-width: inherit; transform: none; max-width: 90%;}
    .n_jishu2{ height: 60rem;}
    .n_jishu_ys ul{ grid-template-columns: repeat(2,1fr);}
    .n_jishu_ys ul li .txt2 .con{ height: 6.5rem;}
    .n_jizhi ul li .ico{ flex-shrink: 0;}

    .n_fenzijishu ul{ grid-template-columns: 1fr; padding-left: 5rem;}
    .n_fenzijishu ul li{ position: relative;}
    .n_fenzijishu ul li .box{ display: grid; grid-template-columns: 1fr 1fr; }
    .n_fenzijishu ul li .img{ border-radius: 6px 0 0 6px;}
    .n_fenzijishu ul li .txt{ flex-grow: 1; border-radius: 0 6px 6px 0;}
    .n_fenzijishu ul:before{ width: 1px; height: 100%; bottom: 0; left: 3rem;}
    .n_fenzijishu ul li i{ position: absolute; width: 12px; height: 12px; position: absolute; left: -2.5rem; margin-top: 0; top: 50%; transform: translateY(-50%);}
    .n_fenzijishu ul li span{ position: absolute; left: -5rem; top: 50%; margin-top: 0; transform: translateY(-50%); }
    .n_fenzijishu ul li .box:before{ display: none;}
    .n_fenzijishu ul li .box{ transform: none !important;}
    .shili_koubei .swiper{ height: 28rem;}
    .shili_koubei .swiper .swiper-slide{ height: 14rem;}
    .n_tt6{ margin-bottom: 3rem; font-size: 2rem;}
    .shili_ads .box span{ font-size: 4.25rem;}
    .shili_ads .box h3{ font-size: 3.5rem;}
    .shili_ads .box{ height: 23rem;}
    .shili_ads .box i{ margin-top: 3rem;}
    .shili_qudao .centerbox{ flex-direction: column; align-items: center;}
    .shili_qudao .txt{ position: static; transform: none; margin-top: 6rem; justify-content: center;}
    .shili_qudao .txt ul li{ width: 15rem; margin: 0 !important;}
    .shili_ads2{ height: 24rem;}
    #n_header .menu_nav{ right: 5px;}
    .tixi_nav { right: 0px;}
    .tixi_zhuanjia .bd{ flex-direction: column; margin-bottom: 3rem;}
    .tixi_zhuanjia .bd .tt{ margin-bottom: 2rem;}
    .tixi_ys ul{ margin: 0 -20px;}
    .tixi_jiaoshou .txt {
        padding: 3rem 2rem;
    }
    .tixi_ys ul li {
        margin: 0 -2rem;
    }
    .linian_fangan .bd1{ flex-direction: column;}
    .linian_fangan .bd1 .pic{ margin-left: 0;}
    .linian_fangan .bd1 .txt{ width: 100%; margin-bottom: 2rem;}
    .linian_fangan .bd2 ul{ grid-template-columns: repeat(2,1fr); row-gap: 4.5rem; column-gap: 2rem;}
    .weidu_web{ display: none;}
    .weidu_wap{ display: block;}
    .linian_weidu ul li{ display: flex;}
    .linian_weidu .bd{ position: relative; margin-bottom: 4rem;}
    .linian_weidu .centerbox{ position: static;}
    .linian_weidu .centerbox>.weidu_wap{ width: 30rem;}
    .linian_weidu ul li:nth-child(1){ left: 0%; bottom: 77%;}
    .linian_weidu ul li:nth-child(2){ left: 0%; top: 79.5%;}
    .linian_weidu ul li:nth-child(3){ right: 0%; bottom: 77%; text-align: right; flex-direction: row-reverse;}
    .linian_weidu ul li:nth-child(4){ right: 0%; top: 79.5%; text-align: right; flex-direction: row-reverse;}
    .linian_weidu ul li>img{ width: 5rem; flex-shrink: 0; margin:0 .5rem;}
    .linian_juzheng ul li{ position: static;}
    .linian_juzheng .centerbox{ width: 100%;}
    .linian_juzheng .ttbox img{ margin: 0 auto;}
    .linian_juzheng ul{ display: grid; grid-template-columns: repeat(2,1fr); row-gap: 2.5rem; column-gap: 1rem;}
    .linian_juzheng ul li{ flex-direction: row !important; transform: none !important;}
    .linian_juzheng ul li *{ text-align: left !important;}
    #foot{ background: url(../image/foot_bg_ipad.png) right top no-repeat;}
    #gotop {
        right: 5px;
        transform: scale(.8);
        transform-origin: top;
        top: -2.5rem;
    }

    
    .pro_thumbs{ height: auto; padding-bottom: 3rem;}
    .pro_thumbs .m,.pro_thumbs .relative{ position: static; height: auto;}
    .pro_thumbs .hd{ transform: translateX(-50%); top: 267px; left: 50%; width: 100%; margin-left: 15px; width: calc(100% - 25px); max-width: 27rem; margin: 0 auto;}
    .pro_thumbs .hd .img{ width: 8.5rem; margin: 0 auto;}
    .pro_thumbs .txt{ position: relative; margin-top: 398px; transform: none;padding: 2.75rem 2.25rem; position: static;}

    .pro_thumbs .bd{ height: 352px;}
    .pro_thumbs .hd .swiper{ height: auto;}
    .n_pro_intro .hd{ margin-bottom: 3rem;}
    .n_pro_intro .bd1{ flex-direction: column; padding-left: 14rem;}
    .n_pro_intro .videobox {
        width: 25rem;
    }
   
    .n_pro_intro .txt{ padding-bottom: 2rem;}
    .n_pro_intro .txt h3{ font-size: 2rem;}
    .n_pro_intro .txt span{ font-size: 1rem; margin-left: 0; display: block;}
    .arrstyle .bd{ padding-bottom: 6rem;}
    .arrstyle .swiper-button-prev{ left:50% !important; margin-left: -4rem !important; bottom: 0; top: auto;}
    .arrstyle .swiper-button-next{ right:50% !important; margin-right: -4rem !important; bottom: 0; top: auto;} 
    .pro_huace.arrstyle .swiper-button-white path{ fill:#fff;}
}

@media (max-width: 480px)
{
    #n_main .pad_top{ padding-top:3.5rem !important;}
    #n_main .pad_bot{ padding-bottom:4.5rem !important;}
    .prolist ul {column-gap: 1rem;row-gap: 1.5rem;}
    .page .box{ margin-top: 2.5rem;}
    .prolist ul li .txt { padding: 2rem 1.25rem;}
    .prolist ul li .txt h5{ margin-bottom: .5rem; font-size: 1rem;}
    .prolist ul li .txt p{ margin-bottom: 1rem;}
    .prolist ul li .txt i{ transform: scale(.5); transform-origin: left center;}
    .pro_search .right{ display: none;} 
    .pro_search .tt{ align-items: flex-start; margin-bottom: 1.5rem;}
    .n_banner{ height: 13rem;}
    .n_banner .txt img{ width: 50px;}
    .n_banner .txt span{ font-size: 2rem; margin-top: 5px; margin-bottom: 10px;}
    .n_banner .txt h3{ font-size: 1.375rem;}
    .n_banner .arr{ width: 3rem; height: 3rem;}
    .n_banner .swiper-button-prev{ left: 1rem;}
    .n_banner .swiper-button-next{ right: 1rem;}
    .pro_search .m{ }
    .pro_search {height: 13rem;}
    .pro_search .outbox{ top: -1rem; padding: 0 2rem; height: 14rem;  }
    .pro_search .tip{ display: none;}
    .pro_ad .txt{ display: flex; align-items: center; margin-bottom: 2.5rem;}
    .pro_ad .txt .ico{ flex-shrink: 0; margin-right: 2rem; margin-bottom: 0;}
    .pro_ad .txt h4 {font-size: 1.5rem;margin-bottom: .75rem;}
    .pro_ad .txt span { font-size: 1.375rem;}
    .pro_ad .txt p{ font-size: 1.0625rem;}
    .pro_search .tt h3{ font-size: 1.375rem;}
    .arrstyle .bd{ padding-bottom: 4rem;}
    .arrstyle .swiper-button-prev{ left:50% !important; margin-left: -3rem !important; bottom: 0; top: auto;}
    .arrstyle .swiper-button-next{ right:50% !important; margin-right: -3rem !important; bottom: 0; top: auto;} 
    .pro_thumbs .bd{ height: 200px;}
    .pro_thumbs .txt{  margin-top: 276px; }
    .pro_thumbs .hd{ top: 210px; }
    .n_pro_intro .videobox{ width: 13rem;}
    #n_main .bd1{ padding-bottom: 2.5rem !important;}
    .pro_huace.arrstyle .swiper-button-white .arr path{ fill: #fff !important;}
    .pro_huace.arrstyle .swiper-button-white{border: 1px solid #fff !important;}
    .arrstyle .swiper-button-white{width: 2.5rem; height: 2.5rem;}
    .pro_use .m{ flex-direction: column;}
    .pro_use .m .right{ width: 100%;}
    .pro_use .txt{ padding-top: 0;}
    .n_tt{ margin-bottom: 2rem;}
    .pro_use .txt .tt{ margin-bottom: 2rem;}
    .pro_use .txt .tt h3{ font-size: 1.125rem; line-height: 1.5;}
    .pro_use .txt .con{ line-height: 2;}
    .pro_use .arrbox{ margin-bottom: 2rem;}
    .pro_use .arr{ width: 2.5rem; height: 2.5rem;}
    .n_tt span{ font-size: 1.75rem;}
    .n_tt h3{ font-size: 1.5rem;}
    .pro_use .box p{ font-size: 1.125rem;}
    .n_pro_intro .hd .tt h3{ font-size: 2rem; margin-right: 1rem;}
    .n_pro_intro .hd .tt span{ font-size: 1rem;}
    #canvas{ height: 4rem;}
    .n_zixun .txt span{ font-size: 2rem;}
    .n_zixun .txt h3{ font-size: 1.375rem;}
    .n_zixun .txt p{ font-size: 1.125rem; line-height: 2;}
    .n_zixun .img{ height: auto;}
    .n_guanzhu ul li .box p span{ display: block;}
    .n_guanzhu ul li .box p{ margin-top: 2px;}
    .n_huodong ul{ grid-template-columns: 1fr; row-gap: 2rem;}
    .news_tuijian .tt{ margin-bottom: 1rem;}
    .ar_title h3{ font-size: 1.5rem;}
    .arrstyle.n_lunwen .bd{ padding-bottom: 2rem;}
    .n_qicao .pic{ width: 8rem;}
    .n_qicao .txt{ right: 1rem;}
    .n_qicao .item{ padding: 2rem;}
    .n_tt2 i { font-size: 3.5rem; height: 2.25rem;}
    .n_tt2 span { font-size: 1.5rem;}
    .n_tt2 h3{ font-size: 1.25rem; margin-top: 3px;}
    .n_tt2{ margin-bottom: 2rem;}
    .n_jituan{ height: auto;}
    .n_jituan>div{ flex-direction: column;}
    .n_jituan ul{ height: auto; order: 1; transform: none !important;}
    .n_jituan .logo_jituan{ order: 0; margin: 1rem 0; width: 100%;}
    .n_jituan .logo_jituan img{ max-width: 60%;}
    .n_jituan ul:nth-child(3) {
        align-items: flex-start;
        text-align: left;
    }
    .n_jituan ul:nth-child(3) li h3 {
        justify-content: flex-start;
    }
    .n_jituan ul li.line{ display: none;}
    .n_jituan ul li{ margin-top: 1.5rem;}
    .n_shuzi ul{ column-gap: 1rem; row-gap: 1rem;}
    .n_shuzi ul li{ max-width: inherit;}
    .n_shuzi ul li .box{ padding: 1.5rem 1rem; height: 100%;}
    .n_shuzi ul li h3{ width: 100%; height: 3rem; font-size: 1rem;}
    .n_shuzi ul li h4 span{ font-size: 3rem;}
    .n_shuzi ul li .box>span{ margin-bottom: 1rem;} 
    .n_shuzi .bg{ height: 31rem;}
    #n_main .pad_bot.n_chanye{ padding-bottom: 0 !important;}
    .n_chanye ul{ margin-top: 1rem;}
    .n_chanye ul li{position:static !important; transform: none !important; margin: 0; margin-bottom: 1.5rem; display: flex; width: 100%;}
    .n_chanye ul li span{ transition-delay: 0s !important; height: 3rem; width: 3rem; font-size: 1.875rem; margin-right: 2rem;}
    .n_chanye ul li p i{ display: none;}
    .n_chanye ul li p{ transition-delay: 0s !important; font-size: 12px; position:static !important; transform: none !important; margin: 0 !important;}
    .n_chanye .relative{ width:100%; max-width: inherit;}
    .n_pinlei ul li .icobox{ width: 5.5rem; height: 5.5rem;}
    .n_pinlei ul{ column-gap: 1rem; row-gap: 1rem;}
    .n_pinlei ul li h4 {font-size: 1.125rem;margin-bottom: .5rem;}
    .n_pinlei ul li{ transition-delay: 0s !important;}
    .n_jishu .left h3{ font-size: 2.25rem;}
    .n_jishu .left h4 { font-size: 1.5rem;}
    .n_jishu .right ul li{ padding: .875rem;}
    .n_jishu .right ul li h4{ line-height: 1.4;}
    .n_keyan .bd1 .tt h3{ font-size: 1.5rem;}
    .n_keyan .bd1 .tt h3 i{ width: 2.75rem; height: 2px;}
    .n_keyan .bd1 .tt h4{ font-size: 1.75rem; margin-bottom: .75rem;}
    .n_keyan .bd1 .tt span{ font-size: 1.0625rem;}
    .n_keyan .bd1 .txt{ margin-top: 1rem;}
    #n_main .bd1 { padding-bottom: 0 !important;}
    .n_keyan .bd2 ul{ grid-template-columns: 1fr; row-gap: 1rem;}
    .n_keyan .bd2 ul li .box{ width: 100%; display: flex; align-items: center; padding: 1rem;}
    .n_keyan .bd2 ul li .box .img{ border-radius: 6px; width: 140px; flex-shrink: 0; margin-right: 15px;}
    .n_keyan .bd2 ul li .box .txt{ padding: 0;}
    #n_zhuanli { height: 28rem !important; }
    .n_tt3 h4{ font-size: 1.25rem;}
    .n_tt3{ margin-bottom: 1.5rem;}
    .n_lunwen .box{ column-gap: 1rem;}
    #n_main .s_platform{ padding-bottom: 32rem !important;}
    .n_plat01 .bd{ flex-direction: column-reverse;}
    .n_plat01 .txt{ margin-right: 0; margin-top: 2rem;}
    .plat_ys_boll{ display: none;}
    .plat_ys_bg{ display: none;}
    .n_plat_ys ul{ display: grid; row-gap: 2rem;}
    .n_plat_ys ul li{ position: static; transform: none !important; text-align: left !important; display: flex; align-items: flex-start;}
    .n_plat_ys ul li>div{ display: flex; align-items: flex-start;}
    .n_plat_ys ul li h6{ justify-content: flex-start !important; margin-right: 1.5rem;}
    .n_plat_ys ul li h6{ margin-bottom: .5rem; flex-shrink: 0;}
    .n_plat_ys .relative{ padding-top: 0; width: 100%;}
    #n_main .n_plat_ys .m{ padding-bottom: 0 !important;}
    .n_fenzijishu ul li p{ height: 5rem;}
    .n_fenzijishu ul li .img img{ object-fit: cover;}
    .n_fenzijishu ul li .box { grid-template-columns: .4fr .6fr;}
    .n_fenzijishu ul li h5{ text-align: left;}
    .n_fenzijishu ul li p{ text-align: left;}
    .n_fenzijishu ul li h5{ font-size: 1.25rem; margin-bottom: 5px;}
    .n_tt5 h3,
    .n_tt5 h4,
    .n_tt5,
    .n_tt5 span{ font-size: 1.625rem;}
    #n_main .pad_top.n_plat2{ padding-bottom: 0 !important;}
    .n_jishu2 .pic .mask{ font-size: 1rem; line-height: 1.7;}
    .n_jishu2 .pic .mask p{ width: 160px;}
    .n_jishu2{ height: 52rem;}
    .n_jishu_ys ul{ grid-template-columns: 1fr;}
    .n_jishu_ys ul li .txt2{ padding-top: 4rem; height: auto;}
    .n_jishu_ys ul li .txt1{ height: 10rem; padding-top: 2rem;}
    .n_jishu_ys ul li .txt2 .icobox{ width:5rem; height: 5rem;}
    .n_jishu_ys ul li .txt2 .con{ height: auto;}
    .n_jishu_ys ul li .txt1 .tt h3{ font-size: 1.5rem;}
    .n_jizhi .bd{ flex-direction: column;}
    .n_jizhi .bd .left{ margin-right: 0; margin-bottom: 2rem; transform: none;}
    .n_jizhi .n_tt5{ text-align: center;}
    .n_jizhi ul li .txt p{ font-size: 1rem; line-height: 1.625rem;}
    .n_jizhi ul li .ico{ width: 6rem; height: 6rem; font-size: 1.25rem;}
    .n_tt5{ margin-bottom: 1.625rem;}
    .shili_ads .box span{ font-size: 2.25rem;}
    .shili_ads .box h3{ font-size: 1.75rem; margin-top: 2px;}
    .shili_ads .box{ height: 16rem; padding-top: 1rem;}
    .shili_ads .box i{ padding-bottom: 2rem; width: 2.75rem;}
    .shili_ads .box span{ -webkit-text-stroke-width: .5px;}
    .shili_ads_guidao{ display: none;}
    .shili_ads .box p{ margin-top: 1rem;}
    .shili_qudao .relative ul li{ transform: scale(.7);}
    .shili_qudao .mask h3{ font-size: 1.125rem;}
    .shili_qudao .relative ul li:nth-child(1){left: 14%;top: -12%;}
.shili_qudao .relative ul li:nth-child(2){left: -15%;top: 20%;}
.shili_qudao .relative ul li:nth-child(3){left: -15%;bottom: 20%;}
.shili_qudao .relative ul li:nth-child(4){left: 14%;bottom: -12%;}
.shili_qudao .relative ul li:nth-child(5){right: 14%;top: -12%;}
.shili_qudao .relative ul li:nth-child(6){right: -15%;top: 20%;}
.shili_qudao .relative ul li:nth-child(7){ right: -15%; bottom: 20%;}
.shili_qudao .relative ul li:nth-child(8){ right: 14%; bottom: -12%;}
.shili_qudao .txt{ padding: 0 1rem; height: 8.5rem; margin-top: 5rem;}
.shili_qudao .txt ul li{ width: auto; margin: 0 .5rem !important;}
.shili_qudao .txt ul li svg{ width: 2.5rem; height: 2.5rem;}
.shili_qudao .txt ul li p{ font-size: 1.0625rem;}
.n_tt6 { margin-bottom: 2rem; font-size: 1.5rem;}
.shili_koubei .box p{ font-size: 1rem;}
.shili_koubei .swiper{ height: 22rem;}
.shili_koubei .swiper .swiper-slide{ height: 11rem;}
.tag_bot{ transform: translateY(2rem);}
.shili_koubei .imgbox{ border: 1px solid #edeff3; padding: 5px;}
.shili_ads2 p{ font-size: 1.25rem;}
.shili_ads2 h4{ font-size: 1.25rem;}
.shili_ads2{ height: 19rem;}
.shili_cepin.arrstyle .bd{ padding-bottom: 2.5rem;}
.shili_cepin .box{ margin: 1rem .5rem 2rem; }
.shili_cepin .box .img{ border-radius: 10px;box-shadow: 0 9px 8px rgba(0, 0, 0, .2);}
#n_header .menu_nav{ right: 15px;}
.shili_cepin{ background-size: 230% !important;}
.tixi_zhuanjia .bd{ flex-direction: column;}
.tixi_jiaoshou{ flex-direction: column;}
.tixi_zhuanjia .bd .tt{ margin-right: 0; margin-bottom: 1.5rem;}
.tixi_zhuanjia .bd .tt h3{ font-size: 2.5rem;}
.tixi_zhuanjia .bd .tt h4{ font-size: 1.625rem;}
.tixi_zhuanjia .bd{ margin-bottom: 2rem;}
.tixi_jiaoshou .pic{ margin-right: 0; border-radius: 6px 6px 0 0; width: 100%;}
.tixi_jiaoshou .txt{ border-radius: 0 0 6px 6px; padding: 2rem 1rem;}
.tixi_jiaoshou .txt .tt h3{ font-size: 1.5rem;}
.tixi_jiaoshou .txt .tt h4{ font-size: 1.0625rem; line-height: 1.5;}
.tixi_jiaoshou .txt .con{ margin-top: 1.5rem; line-height: 2rem;}
.n_line{ margin: 2rem 0;}
.tixi_ys ul{ flex-direction: column;}
.tixi_ys ul li+li{ margin-top: 2rem;}
.tixi_ys ul li h4{ margin-bottom: 1rem;}
.tixi_team:before{ height: 100%;}
.tixi_team{ padding-bottom: 3.5rem;}
.tixi_team .box h6{ color: #fff;}
.tixi_team .tt{ font-size: 1.75rem; margin-bottom: 1.5rem;}
.tixi_yixue .bd{ flex-direction: column;}
.tixi_yixue .bd .left{ margin-right: 0; margin-bottom: 2rem;}
.tixi_yixue .txt{ font-size: 1rem; line-height: 1.75rem; margin-bottom: 1rem;}
.tixi_shijian .tt p{ letter-spacing: 0; padding: 0; height: auto; line-height: normal;}
.tixi_shijian .tt h4{ font-size: 2rem; margin: .5rem 0;}
.tixi_shijian .bd{ padding: 2rem 1rem;}
.tixi_shijian .tt span{letter-spacing: 0; font-size: 12px; line-height: 1.3;}
.tixi_shijian .tt{ margin-bottom: 1rem;}
.tixi_shiyanshi .bd{ flex-direction: column;}
.tixi_shiyanshi .bd .tt{ margin-right: 0; margin-bottom: 2rem;}
.tixi_shijian .txt{ margin-top: 1rem; font-size: 1rem;}
.n_function li .con{ padding-left: 1rem;}
.tixi_shiyanshi .bd .tt h3{ font-size: 1.375rem;}
.tixi_shiyanshi .bd .tt p{ font-size: 1.875rem;}
.tixi_shijian ul li{ margin: 0 2px;}
section{ overflow: hidden;}
.tixi_team .txt{ padding: 2rem 1rem;}
.tixi_team .txt .con{ height: calc(100% - 2rem); overflow-y: auto;}
.n_youshi li .box{ height: 8.75rem;}
.n_youshi li .box h3{ font-size: 2rem;}
.n_youshi li .box h3 span{ font-size: 2rem;}
.n_youshi{ row-gap: 1rem;}
.tixi_jigou .bd1 ul{ padding: 0 1rem;}
.tixi_jigou .bd1 ul li{ margin: 0 -1rem;}
.tixi_jigou .bd1 ul li:nth-child(odd){ margin-top: 6.5rem;}
.tixi_jigou .bd1:before{ top: 2.625rem;}
.tixi_jigou .bd2 ul{ flex-wrap: wrap; }
.tixi_jigou .bd2 ul li{ width: 50%;}
.tixi_jigou .bd2:before{ display: none;}
.tixi_jigou .bd2 ul li{ margin-top: 2rem;}
.tixi_jigou .bd2 ul li:before{ transform: none !important; left: 0 !important; top: .375rem;}
.tixi_jigou .bd2 ul li .box{ padding-top: 0; margin-left: 1rem; transform: none !important;}
.tixi_jigou .bd2 ul li .box h4{ font-size: 1.25rem;}
.tixi_jigou .bd1{ margin-bottom: 1rem;}
.tixi_jigou .bd1 ul li img { box-shadow: 9px 7px 26px 1px rgba(0,0,0,.1);}
.n_tt7{ margin-bottom: 1rem;}
.tixi_jiazhi .bd1 ul li p { font-size: 1.0625rem;}
.tixi_jiazhi .bd1 .left{ margin-bottom: 2rem;}
.tixi_jiazhi .bd2 .txt{ width: 50%;}
.tixi_jiazhi .bd2 .txt h4{ width: 100%;  font-size: 1rem; height: 6.25rem;padding: 0 2rem; line-height: 1.5rem;}
.tixi_jiazhi .bd2 .txt p {font-size: 1rem;line-height: 1.5;padding: 0 1rem;margin-top: 0;}
.tixi_jiazhi .bd2 .centerbox{ margin-bottom: 1rem;}
.tixi_coop .tt{ margin-bottom: 1.75rem;}
.tixi_coop .tt h3{ font-size: 1.5rem; margin-bottom: 5px;}
.tixi_jiazhi .bd3 .item02 ul li .box .txt p{ font-size: 12px;}
.tixi_jiazhi .bd3 .item01 ul{ flex-wrap: wrap;}
.tixi_jiazhi .bd3 .item01 ul li{ margin-bottom: 1rem; width: calc(33.333% - 16px);}
.tixi_jiazhi .bd3 .item01 ul li .box{ width: 7.5rem; height: 7.5rem;}
.tixi_jiazhi .bd3 .item01 ul li .con b { font-size: 1.125rem; margin-bottom: 0px;}
.tixi_jiazhi .bd3 .item01 ul li.arr{ flex-grow: 0; width: 23px;}
.tixi_jiazhi .bd3 .item01 ul{ justify-content: flex-start;}
.tixi_jiazhi .bd3 .item .tt img{ height: 90px;}
.tixi_jiazhi .bd3 .item .tt{ width: auto; display: inline-flex; justify-content: flex-start;}
.tixi_jiazhi .bd3 .item02 ul li{ width: calc(50% - 1em); margin: 0; margin-bottom: 1rem;}
.tixi_jiazhi .bd3 .item02 ul li:nth-child(4){ display: none;}
.tixi_jiazhi .bd3 .item02 ul li:nth-child(5){ margin-left: calc(25% + .5rem); margin-top: -5rem;}
.tixi_jiazhi .bd3 .item02 ul{ flex-wrap: wrap;}
.tixi_jiazhi .bd3 .item02 ul li:nth-child(even){ width: 1rem;}
.tixi_jiazhi .bd3 .item02 ul li .box .txt img{ margin-bottom: 0;}
.tixi_jiazhi .bd3 .item02 ul li .box .txt span{ line-height: 1.25rem;}
#n_header .menu_nav{ right: 0;}
.tixi_ys ul{ margin:0 10px;}
.tixi_ys ul li .box .txt{ padding-top: 4rem;}
.tixi_ys ul li .box .txt p{ max-width: 63%;}
.tixi_jiazhi .bd3 .item01 ul li.arr:nth-child(6){ margin-left: 3.75rem;}
.tixi_jiazhi .bd3 .n_line{ margin: 1.5rem 0;}
.linian_weidu ul{ display: grid; row-gap: 2rem; margin-top: 2rem;}
.linian_weidu .bd{ margin-bottom: 0;}
.linian_weidu ul li{ position: static; transform: none !important; text-align: left !important; align-items: flex-start;}
.linian_weidu ul li:nth-child(3),
.linian_weidu ul li:nth-child(4){ flex-direction: row;}
.linian_weidu ul li>img{ margin-right: 1.5rem;}
.linian_fangan .tt h3:before,.linian_fangan .tt h3:after{ display: none;}
.linian_fangan .tt h3{ font-size: 1.25rem;}
.linian_tt b{ font-size: 1.25rem; white-space: nowrap;}
.linian_tt span{ font-size: 1.125rem;}
.linian_tt{ padding: 0 1rem;}
.linian_fangan .bd1 .pic{ border-radius: 0 4rem 0 4rem;}
.linian_fangan .bd2 ul {
    grid-template-columns: 1fr;
    row-gap: 3.5rem;
    column-gap: 1rem;
}
.linian_juzheng ul{ grid-template-columns: 1fr; margin-top: 2rem;}
.linian_juzheng ul li .txt h4{ font-size: 1.25rem;}
#foot{ background: url(../image/foot_bg_wap.png) right top no-repeat;}
#gotop { right: 12px;  top: -1.5rem;}
.linian_juzheng ul li .ico img{ width: 3.25rem; height: auto;}
.tixi_nav ul{ row-gap: 0;}
.tixi_ys ul li{ margin: 0 1rem;}
.n_shuzi ul li .box:before{ top: -.5rem; border-radius: 2rem;}
.n_shuzi ul{ row-gap: 2rem;}
.prolist ul li .txt span{ height: 36px;}
.pro_use .pic img{ width: 80%;}
#n_main .pad_bot.n_xq {
    padding-bottom: 7.5rem !important;
} 
}