.menu-btn{ position:absolute;height:60px; width:25px; right:1rem; cursor:pointer; display:none}
.menu-btn span{display:block; height:2px; background-color:#666; margin-bottom:5px;-webkit-transition: .3s;-moz-transition: .3s; transition: .3s;position: relative;}
.menu-btn .line1{ margin-top:23px}
.menu-btn.active .line1{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 6px;}
.menu-btn.active .line2{ opacity: 0;}
.menu-btn.active .line3{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);bottom:8px;}
.m-menu{ width:100%; height:100%;background-color: #fafafa; color:#333; z-index:99; position:fixed;padding:70px 1rem 1rem;  display:none; overflow-y: auto;}
.m-menu a{color: #333;}
.m-menu a:hover{color: var(--blue-color);}
.m-menu li{border-bottom: 1px solid #e8e8e8;}
.m-menu .menu_a{display: block;line-height:2.5;font-size: 18px;font-weight: bold;color: #333;padding:2px 0;position: relative;}
.m-menu .menu_a i{position: absolute;right: 2%;top: 50%;width: 12px;height: 12px;margin-top: -6px;}
.m-menu .menu_a i::before, .m-menu .menu_a i::after{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;background-color: #333;position: absolute;}
.m-menu .menu_a i::before{content: '';width: 12px;height: 1px;left: 0;top: 50%;}
.m-menu .menu_a i::after{content: '';width:1px;height: 13px;left:50%;top: 0;margin-left: -1px;}
.m-menu .sub{background-color: #f5f5f5;padding: 15px;display: none;}
.m-menu .sub a{display: block;line-height: 2;font-size: .9em;}
.m-menu li.on .menu_a{background-color: var(--background-color);color: #fff;padding-left: 15px;}
.m-menu li.on .menu_a i::before, .m-menu li.on .menu_a i::after{background-color: #fff;}
.m-menu li.on .menu_a i::before{opacity: 0;}
.m-menu li.on .menu_a i::after{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);}



.m-foot{ position:fixed; width:100%;left:0; bottom:0;background: var(--orange-color); color:#fff; display:none; z-index:90}
.m-foot ul{display: flex;display: -webkit-flex;justify-content: space-between; height:50px; }
.m-foot li{width:50%;text-align:center;}
.m-foot li a{ color:#fff; font-size:13px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;height: 100%;}
.m-foot li i{display: block;width: 25px;height: 25px;margin-right: 10px;}
.m-foot .li1 i{background: url(../images/cont_ico2_w.png) no-repeat center;}
.m-foot .li2 i{background: url(../images/cont_ico3_w.png) no-repeat center;}

@media screen and (max-width:1920px){
    .header .wrap{max-width: 90%;}
    .section_product .wrap, .section_factory .wrap, .section_cooperate .wrap, .section_news .wrap{max-width: calc(90% + 40px);}
    .wrap{max-width: 90%;}
    .solution_content{margin: 4% -3%;}
}
@media screen and (max-width:1680px){
    .nav{width: 52%;margin-left: 0;position: absolute;right: 22%;}
    .tel{font-size: 18px;}
    .header .wrap, .logo, .header-in{height: 90px;}
    .logo img{height: 65px;}
    .tel, .nav .nav_li{height:90px;line-height:90px;}
    .nav .nav_sub{top: 100%;}
    .i-message{padding-top:0px;padding-bottom:200px;}
    .msg_left h3, .msg_right .tit{font-size: 20px;line-height:1.5;}
    .msg_left .intro{margin-top: 10px;line-height: 1.875;font-size: .9em;}
    .msg_left h4{font-size: 20px;margin-top: 20px;}
    .msg_right_con{margin-top: 10px;}
    .msg_right_con .item input{line-height: 28px;margin-bottom: 10px;}
    .msg_right_con input[type=submit]{line-height: 32px;}
    .footer_top{padding-top: 30px;font-size: 1rem;}
    .footer_nav p, .footer_cont p{line-height: 2;font-size: .9em;}
    .footer_cont .rexian{font-size: 20px;}
    .footer_ewm h4{margin-bottom: 10px;}
    .footer_ewm img{width: 100px;margin-bottom:5px}
    .footer_ewm li{font-size: .85em;}
    .footer_bot{padding: 20px 0;font-size: .9em;}
    .title{margin-top: 20px;margin-bottom: 20px;}
    .title h4:after{margin:10px auto 20px;height: 4px;}
    .title p{font-size: 20px;}
    .pronav_tab a{padding: 8px 0;}
    .i_product_list .txt h3{font-size: 18px;line-height: 1.5;}
    .i_factory_list{margin-top: 30px;}
    .i_factory_list .txt p{padding: 6px;line-height: 1.8;}
    .i_factory_list .swiper-container{padding-bottom: 50px;}
    .i_factory_list .swiper-pagination-bullet{width: 12px;height: 12px;  margin: 0 8px !important;}
    .i_sol_list .pic:before{padding-top: 120%;}
    .i_sol_list .tit h3{font-size: 20px;}
    .i-news-list a{margin:0 12px;}
    .news_btn .swiper-button-prev, .news_btn .swiper-button-next{width: 50px;height: 50px;}
    .section_about .txt_con .intro{line-height: 2;}
    .counter-list{margin-top: 5%;}
    .counter-list li>p{font-size: 24px;}
    .counter-list span{font-size: 40px;}
    .i-honor-list .swiper-slide{width: 420px;}
    .abt_nav ul, .sol_nav{font-size: 22px;}
    .culture .ico{width: 120px;height: 120px;margin-bottom: 15px;}
    .culture{font-size: 20px;}
    .product_list .txt h3{font-size: 18px;}
    .caselist p{font-size: 20px;}
    .down_top .brochure{font-size: 26px;line-height: 50px;width: 200px;}
    .down_seach .txt{width: 210px;}
    .down_seach .submit{width: 65px;}
    .down_nav a{font-size: 18px;}
}
@media screen and (max-width:1440px){
    .tel, .nav .nav_li a{font-size: 16px;}
    .nav .nav_li a{font-size: 16px;}
    .solution_content .txt p{line-height: 1.875;}
    .i-honor-list .swiper-slide{width: 380px;}
    .i_news_left{width: 240px;}
    .i_news_right {width: calc(100% - 300px);}
    .development_list .swiper-button-next, .development_list .swiper-button-prev{width: 45px;height: 45px;}
    .development_list .swiper-button-prev:after, .development_list .swiper-button-next:after {font-size: 18px;}
    .development_list .swiper-button-prev{left: -45px;}
    .development_list .swiper-button-next{right: -45px;}
}
@media screen and (max-width:1366px){
    .i-honor-list .swiper-slide{width: 300px;}
}
@media screen and (max-width:1250px){
    .nav{margin-left: 3%;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
    .tel, .nav .nav_li a{font-size: 14px;}
    .footer_nav{margin-right: 0;width: calc(75% - 320px);}
    .footer_cont{margin-right:0;}
    .video-show{width: 800px;}
    .solution_content{display: flex;display: -webkit-flex;justify-content: space-between;}
    .solution_content .txt{width: 48%;position: relative;top: auto;right: auto;padding: 0;-webkit-transform: none;-moz-transform: none;transform: none;}
}
@media screen and (max-width:1024px){
    body{font-size: 14px;}
    .tel, .nav{display: none;}
    .header .wrap{max-width: 100%;padding:0 1rem;}
    .header .wrap, .logo, .header-in{height: 60px;}
    .logo img{height: 42px;}
    .menu-btn{display: block;}
    
    .section_product.active, .section_factory.active, .section_solution.active, .section_about.active, .section_honor.active, .section_cooperate.active, .section_news.active, .section_footer.active{animation: none;}
    .fp-tableCell{height: auto !important;vertical-align:text-top !important;}
    .fp-section.fp-table, .fp-slide.fp-table{height: auto !important;}
    .banner{height: auto;margin-top: 60px;}
    .title{font-size: 26px;margin-top: 0;}
    .title h4:after{width: 25px;height: 2px;margin: 8px auto 10px;}
    .title p {font-size: 14px; letter-spacing: 0;}
    #fullpage .section{padding: 30px 0;}
    #fullpage .section_banner{padding: 0 !important;}
    #fullpage .section_footer{padding-bottom: 0 !important;}
    .pronav_tab li{margin: 0 1%;}
    .pronav_tab a{width: 100px;}
    .more{font-size: .85em;width: 100px;height: 30px;line-height: 30px;padding: 0;}
    .more i{margin-left: 5px;}
    .i_product_list .txt h3{font-size: 16px;}
    .section_product .wrap, .section_factory .wrap, .section_cooperate .wrap, .section_news .wrap {
        max-width: 100%;
    }
    .wrap{padding: 0 1rem;max-width: 100%;}
    .section_solution .wrap, .section_about .wrap {
        padding: 0 1rem;
    }
    .i-honor-list .swiper-slide{width: 240px;}
    .i_factory_list .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 3px !important;}
    .i_factory_list .swiper-container {padding-bottom: 30px;}
    .i_factory_list .txt p, .i_sol_list .tit h3{font-size: 16px;}
    .i_sol_list .tit{-webkit-transform: translate(-50%,-30%);-moz-transform: translate(-50%,-30%);transform: translate(-50%,-30%);}
    .section_about .txt_con .intro{font-size: 14px;}
    .counter-list{padding: 2%;border-radius: 15px;margin-top:3%;margin-bottom:2%;}
    .counter-list .tit{font-size: 30px;}
    .counter-list li>p{font-size: 16px;}
    .counter-list span{font-size: 1em;}
    .counter-list em{font-size: .6em;}
    .i-cooper-list .pic{margin: 3px;border-radius:5px;}
    .section_cooperate .more_2{margin-top: 20px;}
    .i_news_box{display: block;}
    .i_news_left, .i_news_right{width: 100%;}
    .news_btn{margin-top: 0;display: flex;display: -webkit-flex;justify-content: center;margin-bottom: 15px;}
    .news_btn .swiper-button-prev, .news_btn .swiper-button-next{position: relative;width: 35px;height: 35px;left: auto;right: auto;top: auto;margin-top: 0;margin: 0 5px;}
    .news_btn .swiper-button-prev:after, .news_btn .swiper-button-next:after{font-size: 16px;}
    .i-news-list a{padding: 15px;margin: 0 7px;}
    .i-news-list .swiper-container{margin: 0 -7px;}
    .i-news-list .tit{font-size: 16px;margin: 1% 0 2%;}
    .i-news-list .intro{margin-bottom: 5%;}
    .i-news-list .tm span:nth-child(2){font-size: 12px;}
    .i-news-list .tm{font-size: 18px;}
    .i-footer{position: relative;}
    .footer_top{padding-top: 20px;}
    .footer_nav{display: none;}
    .footer_cont{width: calc(100% - 230px);}
    .footer_ewm ul li:nth-child(1){margin-right: 10px;}
    .i-message{padding: 0 1rem 30px;}
    .msg_left h4{font-size: 16px;}
    .main{padding: 30px 0;}
    .abt_nav .ico img{height: 40px;display: block;margin: 0 auto 5px;}
    .about_content{margin-top: 3%;display: block;}
    .about_content .left{width: 100%;line-height: 1.875;font-size: 16px;text-align: left;margin-bottom:2%;}
    .about_content .right{width: auto;text-align: center;}
    .about_content .right a{display: inline-block;}
    .culture .ico{width: 100px;height: 100px;margin-bottom: 5px;}
    .culture .ico img{-webkit-transform: scale(.65);-moz-transform: scale(.65);transform: scale(.65);}
    .development_list{padding: 0 32px;}
    .development_list .con{padding: 3% 10% 20%;}
    .development_list .time span{font-size: 1.25em;}
    .development_list .swiper-button-prev{left: 0;}
    .development_list .swiper-button-next{right: 0;}
    .development_list .swiper-button-next, .development_list .swiper-button-prev{width: 30px;height: 30px;}
    .development_list .swiper-button-prev:after, .development_list .swiper-button-next:after{font-size: 12px;}
    .hornor_list p{font-size: 16px;}
    .anchor{top: -60px;}
    .product_list{margin-top: 3%;}
    .product_list li{width: 48%;margin-bottom: 3%;}
    .product_detail .tab div{font-size: 16px;line-height: 45px;}
    .product_top .txt{padding-top: 2%;}
    .solution_content{margin: 4% -1rem;}
    .solution_content .txt{padding-right: 1rem;}
    .caselist li{width: 48%;}
    .caselist p{font-size: 18px;}
    .abt_nav ul, .sol_nav{font-size: 18px;}
    .sol_nav li{width: 20%;}
    .sol_nav a{padding: 10% 5%;}
    .down_top .tit{font-size: 24px;}
    .down_top .brochure{width: auto;font-size:18px;line-height: 45px;}
    .down_top .brochure a{padding: 0 15px;}
    .down_seach .submit{width: 45px;font-size: 14px;}
    .down_seach .txt{width: 150px;padding: 0 5px;}
    .down_nav{margin: 3% 0;}
    .down_nav a{font-size: 16px;width: auto;padding: 0 15px;}
    .down_nav a i{margin-right: 5px;}
    .down_box .top{font-size: 16px;line-height: 1.5;}
    .down_box .top li{padding: 10px 30px;}
    .downlist .btn a i{margin-right: 5px;}
    .newslist_top li{width: 49%;}
    #allmap{height: 300px;}
    .contact-list{margin-bottom: 3%;}
    .contact-list li{padding: 3% 2%;}
    .message .item input{height: 45px; font-size: 14px;padding: 0 10px; width: 49.5%;}
    .message textarea{font-size: 14px;padding: 10px;line-height: 1.8;}
    .message .submit{width: 150px; line-height: 45px;margin: 20px auto 0;;}
    .cooper_list li{width: 20%;}
    .cooper_list .pic{border-radius: 5px;}
}
@media screen and (max-width:768px){
    .i_sol_list ul{flex-wrap: wrap;}
    .i_sol_list li{width: 49.5%;margin-bottom: 1%;}
    .section_about .txt_con .intro{width: 100%;}
    .counter-list{border-radius: 5px;box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.1);}
    .counter-list .tit{font-size: 24px;}
    
    .i-honor-list .swiper-slide{width: 180px;}
    .i-news-list .swiper-container{margin: 0 -5px;}
    .i-news-list a{margin: 0 5px;}
    .i-cooper-list li{width: 14.285%;}
    .i-message{display: block;}
    .msg_left, .msg_right{width: 100%;}
    .msg_left{margin-bottom: 3%;}
    .msg_left h4{margin-top: 1%;}
    .about_content .right a{display: block;}
    .culture{font-size: 16px;}
    .culture .ico{width: 80px;height: 80px;}
    .culture .ico img {-webkit-transform: scale(.5);-moz-transform: scale(.5);transform: scale(.5);}
    .development_list .swiper-slide-next .con {border-right:0;}
    .hornor_list p{padding: 10px 0;font-size: 14px;}
    .product_top{display: block;}
    .product_top .pic, .product_top .txt{width: 100%;}
    .product_top .txt h2{font-size: 22px;}
    .product_top .btn{margin-top: 3%;}
    .product_top .btn_a1{margin-right: 10px;}
    .solution_content{flex-wrap: wrap;}
    .solution_content img{width: 100%;}
    .solution_content .txt{width: 100%;padding: 1rem;}
    .contact-list ul{flex-wrap: wrap;}
    .contact-list li{width: 49%;margin-bottom:2%;box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1);}
    .m-foot{display: block;}
    .footer{padding-bottom: 50px;}
    .about_content .left{font-size: 14px;}
    .hornor_list li{width: 31.33%;}
    .factory_list li{width: 48%;}
    .down_seach{display: none;}
    .down_top .brochure{position: relative;left: auto;-webkit-transform:none;-moz-transform: none;transform: none;line-height: 40px;}
    .downlist li div, .down_box .top li{padding: 12px 10px;}
    .newslist_top .mor, .newslist .txt_r .mor{font-size: .85em;padding: 0 15px;line-height: 30px;}
    .newslist_top .intro{line-height: 1.5;margin-top: 5px;}
    .newslist_top .tm span:nth-child(1){font-size: 1.25em;}
    .newslist a{position: relative;display: block;}
    .newslist .txt_r{width: 100%;}
    .newslist .tm{position: absolute;bottom: 22px;width: auto;}
    .newslist .tm span:nth-child(1){display: inline;font-size: 1.25em;margin-right: 5px;}
    .newslist .txt_r .intro{margin: 5px 0;}


}
@media screen and (max-width:480px){
    #fullpage .section, .main{padding: 20px 0;}
    .m-menu .menu_a{font-size: 16px;}
    .title{font-size: 20px;margin-bottom: 12px;}
    .title h4:after{width: 20px;margin:8px auto 8px;}
    .pronav_tab li {margin: 0 .5%;}
    .pronav_tab a{width: auto;padding: 5px 8px;}
    .more{width: 90px;}
    .i_product_list, .i_factory_list{margin-top: 15px;}
    .i_product_list .txt h3, .i_factory_list .txt p, .i_sol_list .tit h3, .i-news-list .tit{font-size: 1.1em;}
    
    .counter-list li>p{font-size: 12px;}
    .counter-list .tit{font-size: 18px;}
    .section_about .txt_con .intro{line-height: 1.875;}
    .i-honor-list .swiper-slide{width: 150px;}
    .i-cooper-list li{width: 16.66%;}
    .i-news-list .intro{display: none;}
    .i-news-list a{padding: 10px;}
    .i-news-list .tit{white-space:normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .i-news-list .tm{font-size: 1.1em;}
    .news_btn .swiper-button-prev, .news_btn .swiper-button-next{width: 30px;height: 30px;}
    .news_btn .swiper-button-prev:after, .news_btn .swiper-button-next:after {font-size: 1rem;}
    .msg_left h3, .msg_right .tit{font-size: 16px;}
    .msg_right_con .item input{font-size: 12px; padding: 0 5px;}
    .msg_left .intro, .msg_left h4{font-weight: 300;}
    .msg_left h4{font-size: 14px;}
    .footer_top .wrap{display: block;}
    .footer_cont{width: 100%;margin-bottom: 10px;}
    .footer_cont h4, .footer_ewm h4{font-weight: normal;line-height: 1.5;}
    .footer_ewm li{font-size: .6em;}
    .footer_cont p{font-size: .8em;line-height: 1.8;font-weight: 300;}
    .footer_cont .rexian{font-size: 1.1em;}
    .footer_bot{font-size: 12px 0;font-size: .8em;font-weight: 300;}
    .footer_top{padding: 15px 0;}
    .i_sol_list .tit {
        -webkit-transform: translate(-50%,-20%);
        -moz-transform: translate(-50%,-20%);
        transform: translate(-50%,-20%);
    }
    .i_sol_list .tit h3{ margin-top: 0;}
    .i_sol_list .tit .ico img{-webkit-transform: scale(.8);-moz-transform: scale(.8);transform: scale(.8);}
    .msg_right_con input[type=submit], .msg_right_con input[type=button]{line-height: 32px;font-size: 14px;}
    .abt_nav .ico img{height: 30px;}
    .abt_nav ul, .sol_nav{font-size: 16px;}
    .abt_nav ul{margin: 15px auto 5px;}
    .culture{font-size: 14px; line-height: 1.2;}
    .culture .ico{width: 45px;height: 45px;margin: 0 auto 5px;}
    .development_list .swiper-slide-active .con{border-right: 0;}
    .development_list .con{padding: 0 5%;}
    .development_list .swiper-button-next, .development_list .swiper-button-prev{top: 50%;border: 0;}
    .development_list .time{margin-bottom: 1%;font-size: 1em;}
    
    .hornor_list li{width: 48%;}
    .product_list ul{margin-right: 0;}
    .product_list li{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .product_list .txt h3{font-size: 1.1em;line-height: 1.6;white-space: normal;}
    .product_top .txt{line-height: 1.8;}
    .product_top .txt h2{font-size: 18px;}
    .product_top .txt .intro{font-size: .9em;}
    .product_top .btn a{width: auto;line-height: 32px;padding: 0 20px;font-size: 14px;}
    .product_detail .tab div{font-size:1em;line-height: 36px;padding: 0 15px;}
    .sol_nav ul{flex-wrap: wrap;justify-content: space-between;}
    .sol_nav li{width: 48.5%;box-shadow: 0px 0px 7px 0 rgba(0, 0, 0, 0.1);margin-bottom: 3%;}
    .sol_nav .ico{height: 30px;}
    .sol_nav .ico img{height: 30px;}
    .solution_content .txt h3{font-size: 18px;}
    .caselist p{font-size: 1.1em;}
    .caselist li{width: 98%;margin-bottom: 3%;}
    .case_content .tit{font-size: 1em;margin-top: -10px;}
    .factory_list ul{margin-right: 0;}
    .factory_list li{width: 100%;margin-bottom: 3%;}
    .factory_list .txt p{padding: 10px 0;line-height: 1.8;font-size: 1.1em;}
    .cooper_list ul{margin: -5px;}
    .cooper_list .pic{margin: 5px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
    .cooper_list li{width: 25%;}
    .down_top{display: block;text-align: center;}
    .down_top .tit{text-align: center;font-size: 20px;margin-bottom: 5px;}
    .down_top .brochure{display: inline-block;font-size: 14px;line-height: 30px;}
    .down_nav a{font-size: 14px;height: auto;padding:8px 10px;line-height: 1.2;}
    .down_nav a i{width: 15px;height: 15px;background-size: cover;}
    .down_box .top{font-size: 14px;}
    .downlist li div{font-size: .9em;line-height: 1.5;}
    .downlist li div:nth-child(3){width: 95px;}
    .downlist .btn a i{margin-right: 2px;}
    .newslist_top ul{display: block;}
    .newslist_top li{width: 100%;margin-bottom: 3%;}
    .newslist li{margin-top: 3%;}
    .newslist_top .txt, .newslist a{padding: 15px;}
    .newslist_top .bot{margin: 0 -15px;padding: 15px 15px 0;}
    .newslist_top h3, .newslist .txt_r h3{font-size: 1.1em;}
    .newslist_top .intro, .newslist .txt_r .intro, .newslist_top .tm, .newslist .tm{font-size: .85em;}
    .newslist_top .tm span:nth-child(1), .newslist .tm span:nth-child(1){font-size: 1.15em;}
    .newslist_top .mor, .newslist .txt_r .mor{padding: 0 12px;line-height: 25px;}
    .newslist .tm{bottom: 18px;}
    .news_ntit{font-size: 1.25em;}
    .content_news{font-size: .85em;}
    .page_news{margin-top: 5%;padding-top: 3%;font-size: .85em;text-align: center;}
    .page_news p{width: 100%;text-align: left;}
    .page_news .back{position: relative;top: 0;display: inline-block;line-height: 26px;margin-top: 10px;}
    .message .item input{width: 100%;height: 40px;font-size: 12px;}
    .message textarea{font-size: 12px;height: 80px;}
    .message .submit{width: 120px;line-height: 36px;margin-top: 10px;}
    #allmap{height: 200px;}
    .contact-list li{width: 100%;box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.2); margin-bottom: 3%;padding: 4% 2%;}
    .contact-list p{margin-top: 10px;}
    .contact-list .ico{width: 40px;height: 40px;border: 1px solid var(--blue-color);}
    .contact-list .ico img{width: 20px;}
}