@media screen and (max-width:1830px){

}


@media screen and (max-width:1700px) {


}

@media screen and (max-width:1600px){


}


@media screen and (max-width:1500px){



}


@media screen and (max-width:1400px){


}

@media screen and (max-width:1300px){



}



@media screen and (max-width:834px){

html{ font-size: 100px !important;}
    .w{ width: 94%; min-width: auto;}
    body{ font-size: 15px;}

    .font14{ font-size:0.14rem;}
    .font18{ font-size:0.15rem;}
    .font20{ font-size:0.16rem;}
    .font22{ font-size:0.16rem;}
    .font24{ font-size:0.18rem;}
    .font26{ font-size:0.18rem;}
    .font28{ font-size:0.18rem;}
    .font30{ font-size:0.18rem;}
    .font32{ font-size:0.18rem;}
    .font34{ font-size:0.18rem;}
    .font36{ font-size:0.18rem;}
    .font38{ font-size:0.18rem;}
    .font40{ font-size:0.2rem;}
    .font42{ font-size:0.2rem;}
    .font44{ font-size:0.2rem;}


    .Mobile-button{ display: flex;}
    .tfHead{ background: var(--color-white);}
    .tfHead-logo{ width: 120px !important;}
    .tfHead-nav{ display: none;}
    .tfHead-tools{ margin-right: 50px;}
    .tfHead-tools li{ height: 50px !important;}
    .tfHead-tools li:last-child{ display: none;}
    .tfHead-tools li .iconfont{ background: var(--color-green); border-radius: 0 !important; color: var(--color-white);}
    .tfHead-tools li .srh-box .inpt{ width: 200px; height: 40px; font-size: 14px; padding: 10px;}
    .tfHead-tools li .srh-box .sbtn{ width: 100px; height: 40px; font-size: 15px;}
    .tfHead.topFix .tfHead-tools li .iconfont{ width: 50px; height: 50px;}


    .tfHome, .tfHome-container, .tfHome-slide{ height: auto;}
    .tfHome{ position: relative; left: auto; top: auto;}
    .tfHome-slide{ position: relative; top: auto; left: auto; overflow: hidden;}
    .tfHome-slide-active{ z-index: 90;}
    .tfHome-mouse{ display: none;}
    .tfHome-banner{ height: 200px;}
    .tfHome-banner li .slide-text{ width: 100%; left: 0; padding: 0 4%; text-align: center;}
    .tfHome-banner li .slide-text .cn{ font-size: 20px; border-width: 1px; letter-spacing: 5px; margin-top: 10px;}
    .tfHome-banner li .slide-text .de{ font-size: 16px; letter-spacing: 0; margin-top: 10px;}
    .tfHome-banner .swiper-pagination{ display: none;}


    .tfHome-about .container{ background: rgba(255,255,255,.7); padding: 30px 4%; width: 100%; flex-wrap: wrap;}
    .tfHome-about .word{ width: 100%;}
    .tfHome-about .word .wt{ font-size: 20px; line-height: 32px;}
    .tfHome-about .word .wc{ line-height: 30px; margin-top: 15px;}
    .tfHome-about .word .wm{ width: 120px; margin-top: 15px; font-size: 14px; height: 34px;}
    .tfHome-about .word .wm .iconfont{ margin-left: 5px;}
    .tfHome-about .count{ width: 100%; display: flex; margin-top: 20px;}
    .tfHome-about .count li{ flex: 1; padding: 0; text-align: center;}
    .tfHome-about .count li .font36{ font-size: 15px; display: block; margin-bottom: 10px;}
    .tfHome-about .count li .font36 br{ display: none;}
    .tfHome-about .count li .font18{ font-weight: bold;}
    .tfHome-about .count li .unit{ margin-left: 5px;}
    .tfHome-about .count li .number{ margin-top: 10px;}
    .tfHome-about .count li b{ font-size: 20px;}


    .tfHome-product-polite{ width: 100%; padding: 25px 4% 20px 4%;}
    .tfHome-product-polite .polite-sider{ height: auto; padding-bottom: 20px;}
    .tfHome-product-polite .polite-sider li .tit{ position: relative;}
    .tfHome-product-polite .polite-sider li .label{ position: relative; top: auto; margin-top: 12px;}
    .tfHome-product-polite .polite-sider li .label > i{ font-size: 13px; line-height: 26px;}
    .tfHome-product-polite .polite-sider li .pic{ height: 220px; margin-top: 20px;}
    .tfHome-product-polite .polite-sider li .more{ position: relative; margin-top: 15px;}
    .tfHome-product-polite .polite-sider li .more .iconfont{ display: none;}
    .tfHome-product-polite .swiper-pagination{ bottom: 0 !important;}
    .tfHome-product-polite .swiper-pagination-bullet{ width: 17px; height: 2px;}
    .tfHome-product-scenes{ width: 100%; height:150px;}
    .tfHome-product-scenes .view{ line-height: 36px; padding: 0 25px;}


    .tfHome-core{ flex-wrap: wrap; padding: 25px 3%;}
    .tfHome-core-tabs{ width: 100%; padding:0; display: flex; flex-wrap: wrap;}
    .tfHome-core-tabs a{ width: 50%; height: 45px; padding-left: 0; justify-content: center;}
    .tfHome-core-tabs a .iconfont{ font-size: 20px; margin-right: 5px;}

    .tfHome-core-swith{ width: 100%;}
    .tfHome-core-swith li{ flex-wrap: wrap;}
    .tfHome-core-swith li .thumb{ width: 100%; height: 150px;}
    .tfHome-core-swith li .word{ width: 100%; margin-top: 15px;}
    .tfHome-core-swith li .word .font44{ font-size: 18px;}
    .tfHome-core-swith li .word .font32{ margin-top: 15px;}
    .tfHome-core-swith li .word .t{ font-size: 16px; margin-top: 10px;}
    .tfHome-core-swith li .word .c{ font-size: 14px; line-height: 24px; margin-top: 10px;}


    .tfHome-news{ padding:0; flex-wrap: wrap;}
    .tfHome-news .container{ padding: 25px 3%;  flex-wrap: wrap;}
    .tfHome-news-aside{ width: 100%;}
    .tfHome-news-aside .desc{ font-size: 14px; line-height: 24px; margin-top: 10px;}
    .tfHome-news-aside .view{ width: 120px; margin-top: 15px; font-size: 14px; height: 34px;}
    .tfHome-news-aside .view .iconfont{ margin-left: 5px;}
    .tfHome-news-list{ width: 100%; flex-wrap: wrap;}
    .tfHome-news-list li{ width: 100%; margin-top: 20px; margin-bottom: 0;}
    .tfHome-news-list li a{ align-items: center;}
    .tfHome-news-list li .thumb{ width: 32%;}
    .tfHome-news-list li .word{ width: 68%; padding-left: 12px;}
    .tfHome-news-list li .word .d{ font-size: 13px; display: block !important;}
    .tfHome-news-list li .word .font20{ line-height: 27px; font-size: 15px;}
    .tfHome-news-list li .word .c{ display: none !important;}
    .tfHome-news-list li .word .v{ display: none;}
    .tfHome-news-list li:nth-child(n+3){ display: none;}

    .tfHome-footer{ position: relative; font-size: 13px; line-height: 22px; padding: 12px 0;}



    .pfooter{ padding: 20px 0 15px 0;}
    .pfooter-logo img{ width: 100px;}
    .pfooter-menu{ display: none;}
    .pfooter-text{ margin-top: 12px; font-size: 13px; line-height: 22px;}
    .pfooter-text .spac{ display: block; margin: 0;}
    .pfooter-code{ margin-top: 15px;}
    .pfooter-code img{ width: 80px;}
    .pfooter-code p{ font-size: 13px; margin-top: 5px;}


    .pmain{ padding: 25px 0;}
    .pmain-second{ padding: 0;}
    .pmain-second .w{ width: 100%; display: block; position: relative;}
    .pmain-second li{ width: 50%; margin: 0; display: block; position: inherit;}
    .pmain-second li .lia{ font-size: 16px; line-height: 40px; text-align: center; display: block;}
    .pmain-second li .lia:before{ display: none;}
    .pmain-second li.active .lia{ background: var(--color-white); color: var(--color-green);}
    .pmain-second li .se-subnav{ width: 100%; position: absolute; left: 0; top: 100%; padding-top: 10px; display: block; text-align: center;}
    .pmain-second li .se-subnav a{ color:var(--color-gray); margin: 0 15px;}
    .pmain-second li .se-subnav a.on, .pmain-second li .se-subnav a:hover{ color: var(--color-green);}


    .pmain-page{ padding-top: 25px;}
    .pmain-page a{ width: 30px; height: 30px; font-size: 14px; margin: 3px;}
    .pmain-page .nowpage{ width: 30px; height: 30px; font-size: 14px; margin: 3px;}
    .pmain-page a:first-child{ background-size: 7px auto;}
    .pmain-page a:last-child{ background-size: 7px auto;}


    .ptopicsIndex-head .name{ padding-bottom: 10px;}
    .ptopicsIndex-head .more{ font-size: 14px;}
    .ptopicsIndex-head .more .iconfont{ margin-left: 6px;}

    .ptopics-title{ padding-bottom: 10px;}
    .ptopics-party{ margin-left: 0; padding-top: 5px;}
    .ptopics-party li{ width: 100%; margin: 15px 0 0 0;}
    .ptopics-party li .word{ padding:15px 12px;}
    .ptopics-party li .word .c{ font-size: 14px; line-height: 24px; margin-top: 6px;}
    .ptopics-party li .word .m{ display: none;}

    .ptopicsIndex-floor{ margin-top:0;}
    .ptopicsIndex-welfare{ width: 100%; margin-top: 25px;}
    .ptopicsIndex-welfare-inner{ margin-top:20px;}
    .ptopicsIndex-welfare-inner .word{ padding:15px 12px;}
    .ptopicsIndex-welfare-inner .word .c{ font-size: 14px; line-height: 24px; margin-top: 6px;}
    .ptopicsIndex-welfare-inner .word .m{ display: none;}
    .ptopicsIndex-welfare-notice{ margin-top: 20px;}
    .ptopicsIndex-welfare-notice li a{ padding: 12px;}
    .ptopicsIndex-welfare-notice li .title{ line-height: 26px;}
    .ptopicsIndex-welfare-notice li .desc{ font-size: 14px; display: none;}
    .ptopicsIndex-welfare-notice li .date{ font-size: 14px; margin-top: 10px;}

    .ptopicsIndex-style{ margin-top: 25px;}
    .ptopicsIndex-style .ptopics-style li:nth-child(n+3){ display: none;}

    .ptopics-style{ margin-left: -12px;}
    .ptopics-style li{ width: calc(50% - 12px); margin: 15px 0 0 12px;}
    .ptopics-style li .name{ padding:12px 10px;}
    .ptopics-style li .name .font20{ font-size: 15px;}
    .ptopics-style li .name .iconfont{ display: none;}


    .ptopics-notice{ padding-top: 5px;}
    .ptopics-notice li{ width: 100%; margin-top: 15px;}
    .ptopics-notice li a{ padding: 12px;}
    .ptopics-notice li .title{ line-height: 26px;}
    .ptopics-notice li .desc{ font-size: 14px; display: none;}
    .ptopics-notice li .date{ font-size: 14px; margin-top: 10px;}


    .pcontact-filed{ padding: 25px 0;}
    .pcontact-filed dl{ width: 100%; padding: 15px 0;}
    .pcontact-filed dl dt .iconfont{ font-size: 22px;}
    .pcontact-filed dl dt:before{ width: 15px; height: 15px; left: -5px;}
    .pcontact-filed dl dd{ margin-top: 10px; font-size: 15px;}
    .pcontact-map{ height: 200px;}


    .pmessage{ padding-top: 0;}
    .pmessage-word{ width: 100%;}
    .pmessage-word .text{ margin-top: 10px;}
    .pmessage-word .code{ margin-top: 15px;}
    .pmessage-word .code li{ width: 100px; padding: 5px;}

    .pmessage-filed{ width: 100%; padding-top: 25px;}
    .pmessage-filed li{ display: block; margin-bottom: 15px;}
    .pmessage-filed li .aside{ width: 100%; margin-top: 15px;}
    .pmessage-filed li .aside:first-child{ margin-top: 0;}
    .pmessage-filed li .inpt{ height: 40px; font-size: 15px;  padding: 10px 20px; border-radius: 5px;}
    .pmessage-filed li .red{ left: 10px;}
    .pmessage-filed li .area{ height: 120px; font-size: 15px; padding: 10px ; border-radius: 5px;}
    .pmessage-filed li .yzm-aside{ flex-wrap: wrap; justify-content: flex-start;}
    .pmessage-filed li .yzm-aside .inpt{ width: 120px; padding: 10px;}
    .pmessage-filed li .yzm-aside .sbtn{ width: 100%; margin-top: 20px; height: 45px; line-height: 45px; font-size: 16px;}


    .pdown-list{ margin-left: 0;}
    .pdown-list li{ width: 100%; margin: 15px 0 0 0; padding: 12px;}
    .pdown-list li:first-child{ margin-top: 0;}
    .pdown-list li .lit .log{ width: 60px;}
    .pdown-list li .lit .log .date{ font-size: 13px;}
    .pdown-list li .lin{ line-height: 28px; margin-top: 15px; font-size: 15px;}
    .pdown-list li .lif{ margin-top: 10px;}
    .pdown-list li .lif a{ width: auto; padding: 0 20px; font-size: 14px; height: 34px;}
    .pdown-list li .lif a .iconfont{ margin-left: 5px;}

    .pnews-list{ padding-top: 10px;}
    .pnews-list li{ margin-top: 20px;}
    .pnews-list li .thumb{ width: 35%; padding-top: 27%;}
    .pnews-list li .word{ width: 65%; padding: 0 12px;}
    .pnews-list li .word .wt{ font-size: 15px; line-height: 25px; -webkit-line-clamp:2;}
    .pnews-list li .word .wc{ display: none;}
    .pnews-list li .word .wd{ font-size: 13px; margin-top: 10px;}
    .pnews-list li .word:before{ display: none;}

    .pnews-details{ padding: 15px;}
    .pnews-details-head .info{ margin-top: 15px;}
    .pnews-details-head .info span{ margin: 0 8px; font-size: 13px;}
    .pnews-details-head .info span:nth-child(2){ display: none;}
    .pnews-details-desc{ margin-top: 20px; line-height: 30px;}


    .punder-company li .text{ width: 100%; padding-left: 0;}
    .punder-company li .text .t{ font-size: 18px;}
    .punder-company li .text .m{ width:120px; font-size: 14px; margin-top: 15px; height: 34px;}
    .punder-company li .text .m .iconfont{ margin-left: 10px;}


    .pproduct-alanFn{ padding-top: 40px;}
    .pproduct-alanFn-inner{ padding: 0;}
    .pproduct-alanFn-inner .in-head{ width: 100%;}
    .pproduct-alanFn-inner .in-head .en{ font-size: 24px; line-height: 1; margin-bottom: 10px;}
    .pproduct-alanFn-inner .in-head .cn{ font-size: 17px;}
    .pproduct-alanFn-inner .in-word{ width: 100%; padding-left: 0; margin-top: 20px;}
    .pproduct-alanFn-inner .in-word .t{ padding-bottom: 12px;}
    .pproduct-alanFn-inner .in-word .t:before{ width: 70px;}
    .pproduct-alanFn-inner .in-word .c{ margin-top: 15px;}

    .pproduct-alanFn-menu{ margin-top: 25px;}
    .pproduct-alanFn-menu a{ font-size: 16px; margin: 0 10px; padding-bottom: 12px;}
    .pproduct-alanFn-menu a:before{ bottom: 0;}

    .pproduct-group{ padding: 25px 0;}
    .pproduct-group-list .list-item{ width: 100%; margin-bottom: 15px; border-radius: 10px;}
    .pproduct-group-list .li-sider li{ padding: 20px 15px 30px 15px;}
    .pproduct-group-list .li-thumb{ height: 140px; margin-top: 15px;}
    .pproduct-group-list .li-logo{ display: none;}
    .pproduct-group-list .swiper-pagination{ left: 0 !important; width: 100% !important; bottom: 10px!important;}
    .pproduct-group-list .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 4px !important;}

    .pproduct-group-list .li-cover{ padding: 0 15px;}
    .pproduct-group-list .li-cover .cc{ font-size: 14px; line-height: 26px; margin-top: 15px;}
    .pproduct-group-list .li-cover .cc span{ width: 50%; text-align: left;}


    .pproduct-edge{ margin-top:0;}
    .pproduct-edge li{ width: 100%; margin-top: 15px; padding: 15px;}
    .pproduct-edge li:first-child{ margin-top: 0;}
    .pproduct-edge li .icon{ width: 30px; height: 30px; font-size: 18px;}
    .pproduct-edge li .num{ font-size: 40px; right: 10px; top: 10px;}
    .pproduct-edge li .font24{ font-size: 17px;}
    .pproduct-edge li .gray9{ line-height: 28px;}

    .pproduct-model{ background:none; min-height: auto;}
    .pproduct-model li{ width: 100%; padding: 10px 0;}
    .pproduct-model dl{ background: none!important; padding: 0 !important; align-items: center;}
    .pproduct-model dl dt{ width: 30px; height: 30px; font-size: 18px; margin-right: 15px;}
    .pproduct-model dl dd .lh24{ font-size: 14px;}


    .pabout-blurb{ background-size: 100% auto; background-repeat: no-repeat; padding: 25px 0 100px 0;}
    .pabout-blurb .bl-head{ width: 100%;}
    .pabout-blurb .bl-head .label{ font-size: 20px; margin-top: 10px;}
    .pabout-blurb .bl-word{ width: 100%; font-size: 15px; line-height: 30px; margin-top: 15px;}

    .pabout-culture{ height: auto;}
    .pabout-culture-thumb{ width: 100%; display: none;}
    .pabout-culture-word{ width: 100%; padding: 25px 3%; text-align: center;}
    .pabout-culture-word .mt20{ margin-top: 10px;}
    .pabout-culture-word .iboxt .cn{ line-height: 30px; margin-top: 15px;}

    .pabout-framework{ padding: 25px 0;}
    .pabout-framework .framework-title{ font-size: 18px; margin-bottom: 20px;}

    .pabout-core{ padding: 25px 0;}
    .pabout-core-head .desc{ display: block; line-height: 26px; font-size: 14px; margin-top: 10px;}
    .pabout-core-head .desc .dot{ display: inline-block; width: 3px; height: 3px; margin: 0 10px; vertical-align:middle;}

    .pabout-core-list{ margin-top: 0;}
    .pabout-core-list li{ width: 100%; margin-top: 15px;}
    .pabout-core-list li .litop{ padding: 15px; height: auto;}
    .pabout-core-list li .litop .name{ font-size: 17px;}
    .pabout-core-list li .litop .txt{ font-size: 14px; margin-top: 10px;}
    .pabout-core-list li .libtm{ padding: 10px 0; height: auto; font-size: 16px; line-height: 28px;}

    .pabout-team{ padding: 25px 0;}
    .pabout-team-list{ margin-left: 0;}
    .pabout-team-list li{ width: 100%; margin: 20px 0 0 0;}
    .pabout-team-list li .te-top .label{ width: 45px; font-size: 24px;}
    .pabout-team-list li .te-top .name{ min-width: 120px; padding-right: 15px; line-height: 36px; font-size: 17px;}
    .pabout-team-list li .te-top .name em{ font-size: 14px; padding-left: 5px;}
    .pabout-team-list li .te-inner{ margin-top: 10px;}
    .pabout-team-list li .te-inner .line{ width: 45px;}
    .pabout-team-list li .te-inner .txt{ width: calc(100% - 45px);}


    .pabout-honor{ padding: 25px 0;}
    .pabout-honor-cont{ margin-top:20px;}
    .pabout-honor-tabs{ width: 100%; display: flex;}
    .pabout-honor-tabs li{ flex: 1; text-align: center; font-size: 16px; margin-top: 0; padding-bottom: 10px;}
    .pabout-honor-tabs li.active{ font-size: 16px;}
    .pabout-honor-tabs li:before{ height: 2px; left:50%; right: auto; transform: translateX(-50%);}
    .pabout-honor-tabs li.active:before{ width: 50px;}

    .pabout-honor-case .pure{ flex-wrap: wrap;}
    .pabout-honor-case{ width: 100%; margin-top: 20px;}
    .pabout-honor-thumb{ width: 100%; padding: 0 10%;}
    .pabout-honor-thumb li .thumb{ height: 250px;}
    .pabout-honor-thumb li .title{ font-size: 15px; margin-top: 10px;}
    .pabout-honor-name{ display: none;}




}


@media screen and (max-width:640px){


}