@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    .lg_1600,.lg_1340{width:94%;}
    .about_item dl dt{font-size: 40px;}
    .about_item dl dd{font-size: 15px;}
    .box_title h3{font-size: 24px;}
    .box_title h4{font-size: 24px;}
    .box_title h5{font-size: 18px;}
    .about_content p{font-size: 14px;}
    .more,
    .news_right .item .mores, .news_right .item .mores{font-size: 14px;}
    .news_right .item .date{font-size: 14px;}
    .news_right .item .tit{font-size: 20px;}
    .news_right .item .txt{font-size: 14px;}
    .product_right .item .tct .num{font-size: 30px;opacity: 0.6;}
    .product_right .item .tct .tit{font-size: 20px;height: 78px;}
    .swiper-container-solution .swiper-slide{font-size: 20px;}
    .swiper-pagination-solution{font-size: 24px;}
    .swiper-pagination-solution .swiper-pagination-current{font-size: 36px;}
    .foot_nav ul li{font-size: 15px;}
    .foot_left h3{font-size: 20px;}
    .foot_left dl dd p em{font-size: 14px;}
    .foot_left dl dd p b{font-size: 18px;}
    .foot_right dl dd p{line-height: 16px;}
    header .head_right .tel dd p{font-size: 15px;}
    .nav ul li{font-size: 16px;}
    .foot_top{padding: 30px 0 0;}

    .section-wrap .section-6{height:55vh !important;}
    /* .fp-viewing-page5{ transform:translateY(-448vh);-webkit-transform:translateY(-448vh);} */

    .product_title{font-size: 24px;}
    .product_items{padding: 20px 0;}
    .product_items .item{font-size: 16px;line-height: 45px;}
    .product_list .item .tct h3{font-size: 20px;}
    .product_list .item .tct p{font-size: 14px;line-height: 24px;}

    .bar_wz h3{font-size: 24px;}
    .bar_wz p{font-size: 20px;}
    .crumbs_right{line-height: 40px;}
    .crumbs_left ul li{font-size: 16px;line-height: 40px;}
    
    .solution_con .items .item .num{font-size: 40px;}
    .solution_con .items .item .pic{height: 300px;}
    .solution_con .items .item .tct h3{font-size: 24px;}
    .solution_con .items .item .tct p{font-size: 14px;line-height: 24px;height: 96px;}

    .main_title h3{font-size: 20px;}

    .about_item2, .about_item4, .about_item6, .honors, .news, .case_con, .contact_con,
    .about_item1{padding: 30px 0;}

    .contact_tab ul li{font-size: 16px;line-height: 40px;}
    .list_item p{font-size: 14px;}
    .contact_content .list_item .map{height: 400px;}

    .contact_btm .items{margin: 30px auto;}
    .contact_btm .items .item dl dt{font-size: 20px;}
    .contact_btm .items .item dl dd{font-size: 15px;}
    .contact_btm .items .item dl dd b{font-size: 14px;}
    .about_item2 .item h3{font-size: 20px;}
    .about_item2 .item p{font-size: 14px;line-height: 24px;}
    .about_item4 .items_left .item h3{font-size: 20px;}
    .about_item4 .items_left .item p{font-size: 14px;}
    .about_item6 .items .item h3{font-size: 20px;}
    .about_item6 .items .item p{font-size: 14px;line-height: 24px;}

    .case_left .case_title{font-size: 20px;}
    .case_left .items .item{font-size: 16px;line-height: 24px;padding: 5px 0;}
    .case_left .items .item.active .items{margin-top: 10px;}
    .case_left .items .item .items .item{font-size: 14px;line-height: 24px;}
    .case_left .items .item .items .item::befomains_text re{top: 6px;}
    .case_right .items .item .tit{font-size: 14px;line-height: 24px;height: 48px;}

    .news_tit h3{font-size: 20px;line-height: 30px;}
    .news_tit p{font-size: 0;}
    .news_tit p span{display: inline-block;font-size: 14px;line-height: 24px;padding-right: 15px;}
    .product_top .product_tct h3{font-size: 20px;}
    .product_top .product_tct p b{font-size: 18px;}
    .product_top .product_tct p span{font-size: 14px;line-height: 24px;}
    .product_top .product_tct .pos small strong{font-size: 20px;}
    .product_btm .product_bt li{font-size: 16px;}
    .news_items .item .tct h3,
    .mySwiper .swiper-slide .tct h3{font-size: 16px;}
    .about_item1 .mains_text p,
    .about_item1 .mains_text p span,
    .about_item3 .mains_text p,
    .about_item3 .mains_text p span,
    .about_item5 .mains_text p,
    .about_item5 .mains_text p span{font-size: 14px !important;line-height: 24px !important;}

    .foot_left dl dd p{max-width: 250px;}
    .product_list .item .tct{width: 410px;}
}
@media screen and (max-width:1500px){
    .foot_left dl dd span{width: 30px;height:30px;margin-right: 5px;}
}
@media screen and (max-width:1366px){
    .nav ul li{font-size: 14px;}
    .foot_right dl dd{padding-left: 10px;}
    .foot_left dl dd{margin-right: 10px;}
    .foot_left dl dd p b{font-size: 14px;line-height: 20px;}
    .bar{height: 360px;}
    .preview .swiper-container .swiper-slide{width: 98px !important;}
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1200px){
    body,
    html {
        overflow: auto !important;
    }

    .pt-100,
    .pt-90,
    .pt-80,
    .pt-70,
    .pt-60,
    .pt-50,
    .pt-40,
    .pt-30 {
        padding-top: 20px;
    }

    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30 {
        padding-bottom: 20px;
    }
    .arrow{display: none;}
    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 2%;top:20px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: ease-in 1s;position: relative;background: var(--mainColor);}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: var(--mainColor);transition: ease-in 1s;position: absolute;}
    .sj_menu span::after{bottom: -6px;}
    .sj_menu span::before{top: -6px;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: ease-in 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: ease-in 1s;}
    .son .sj_menu span::after{display: none;}

    .section-btn{display: none;}
    header{background:var(--fontColorf);}
    header h1{line-height: 65px;width: 45%;}
    header .head_right{background:var(--fontColorf);display: block;position: absolute;top: 65px;right: 0;padding: 10px;box-sizing: border-box;transform: translateX(100%);transition: ease-in 0.75s;width: 100%;box-sizing: border-box;overflow-y: scroll;height: 88vh;}
    .son header .head_right{transform: translateX(0%);transition: ease-in 0.75s;}
    .nav ul{display: block;}
    .nav ul li{line-height: 24px;margin-top: 5px;}
    .nav ul>li>a{padding: 0;font-weight: bold;}
    .nav ul li.active a{background: none;}
    .nav ul li ul,
    .nav ul li:hover ul{position: static;width: 100%;background: none;display: inline-flex;flex-wrap: wrap;border-top: 1px solid var(--mainColor);}
    .nav ul li:hover ul{margin-left: 0;}
    .nav ul>li>ul>li{font-size: 14px;line-height: 20px;width: 50%;text-align: left;margin-top: 0;}
    .nav ul li ul li a{font-weight: normal;}
    .nav ul li:hover ul li a{padding: 0;font-size: 14px;line-height: 20px;}
    .search span{display: none;}
    .search .form{width: 100%;position:static;margin: 5px auto;}
    .search .form input{width: 80%;}
    .search .form button{width: 20%;}
    header .head_right .tel{width: 100%;}
    header .head_right .tel dl {justify-content: flex-start;}

    .section-wrap,
    .section-wrap .section{height: 100%;overflow: scroll;}
    .banner{height: 500px;}
    .swiper-container-banner .swiper-pagination-banner{bottom: 5%;}

    .about_left,
    .about_right{height: auto;transform: translateX(0%);}
    .about_left{transform: translateX(0%);}

    .news_right .item .mores a em::after,
    .product_right .item .more a em::after{display: none;}

    .solution_content{padding: 5% 0% 5% 5%;}
    .solution_right {height: 500px;}
    .swiper-container-solution .swiper-slide{padding-right: 70px;}
    .foot_nav{display: none;}
    .foot_left,
    .foot_right{width: 100%;margin: 20px auto;}
    .foot_left dl{display: block;}
    .foot_btm p{text-align: center;line-height: 24px;}
    .foot_btm p a{float: none;display: block;}
    .foot_center{padding: 20px 0;}

    .links p a{display: inline-block;}
    .more{margin-top: 30px;}
    .product_right .item .pic{height: 200px;line-height: 200px;}
    .news_right .item .pic{height: 80px;line-height: 80px;}
    .product_right .item .tct,
    .news_right .item{padding: 0 10px;}

    .product_list .item .pic{height:320px;}
    .product_list .item .tct{padding: 20px;height: 270px;margin-top: -135px;}
    .product_list .item .tct span{margin: 10px auto;}
    .crumbs_right{display: none;}
    .crumbs_left{width: 100%;}

    #fp-nav{display: none;}
    .main_text{text-indent: 0 !important;}
    .main_text img{display: block;}
    footer{height: auto;}
    
    
}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    
    .banner{height: 410px;}
    
}
@media screen and (max-width:640px){
    .more{width: 100%;}
    .section-wrap{padding-top: 65px;}
    .banner{height: 200px;}
    .about_left{display: none;}
    .about_right{width: 100%;display: block;}
    .about_item{width: 100%;flex-wrap: wrap;flex-direction: row;}
    .about_item dl{padding: 20px 0;width: 50%;}
    .about_content{width: 100%;padding: 5%;}
    
    .section-3>.box,
    .section-4>.box{display: block;}
    .news_left,
    .product_left{display: block;width: 100%;}
    .news_content,
    .product_content,
    .solution_content{padding: 5%;}
    .news_right{padding: 5%;width: 100%;box-sizing: border-box;}
    .news_right .item{width: 94% !important;box-sizing: border-box;padding: 5%;margin: 0 3%;}
    .news_right .item .pic{height: 190px;line-height: 190px;}
    .news_right .item .mores{margin-top: 0;}
    .product_left .btns, .news_left .btns{margin: 20px auto;}
    .product_left .btns .swiper-button-next, .product_left .btns .swiper-button-prev, .news_left .btns .swiper-button-next, .news_left .btns .swiper-button-prev{width: 40px;height: 40px;line-height: 40px;}
    .product_left .btns .swiper-button-next::after, .product_left .btns .swiper-button-prev::after, .news_left .btns .swiper-button-next::after, .news_left .btns .swiper-button-prev::after{width: 40px;height: 40px;background-size: 25%;}

    .section-5>.box{display: block;}
    
    .product_right .item{width: 94% !important;box-sizing: border-box;padding: 5%;margin: 5% 3%;}
    .product_right .item .pic{opacity: 1;}
    .product_right .item:hover .pic,
    .product_right .item:hover .tct{transform: translateY(0);}
    
    .solution_right{background: none;}
    .solution_content{flex-direction: column;}
    .solution_content .box_title{width: 100%;}
    .swiper-container-solution{width: 100%;margin: 20px auto;}
    .swiper-container-solution .swiper-slide{padding-right: 0;justify-content: flex-start;text-align: left;}
    
    .foot_top{display: none;}
    .foot_left h3{padding-bottom: 20px;}
    .foot_center>.box{display: block;}
    .foot_right dl dd{padding-left: 0;padding-right: 15px;}
    .foot_right dl.box{justify-content:flex-start;}
    .foot_right dl dd.box{align-items:flex-start;}
    

    .product_items .item,
    .product_items .item:nth-child(5n){width: 48%;margin: 2% 1%;}
    .product_list .item{margin: 20px auto;display: block;}
    .product_list .item .pic{width: 100%;}
    .product_list .item .tct,
    .product_list .item:nth-child(odd) .tct,
    .product_list .item:nth-child(even) .tct{width: 100%;box-sizing: border-box;margin: 10px auto;position: static;}

    .bar{height: 200px;margin-top: 65px;}

    .crumbs_left ul{flex-wrap: wrap;}
    .crumbs_left ul li{width: 50%;box-sizing: border-box;text-align: center;}
    .crumbs_left ul li a{padding: 0 5px;}
    .solution_con .items .item{display: block;margin: 20px auto;padding: 0 5%;box-sizing: border-box;background: none;}
    .solution_con .items .item .num{display: none;}
    .solution_con .items .item .pic,
    .solution_con .items .item .tct{width: 100%;margin: 20px auto;}
    .solution_con .items .item .pic{height:180px;}
    .solution_con .items .item .tct{padding: 0;}
    .solution_con .items .item .tct h3{padding-bottom: 20px;}
    
    .contact_tab{margin-top: 20px;}
    .contact_content{min-height: auto;}
    .contact_content .list_item .map{position: static;height: auto;width: 100%;}
    .contact_btm{background: none;padding: 30px 0;}
    .contact_btm .main_title{text-align: left !important;}
    .contact_btm .main_title p{width: 30%;margin: 30px auto 30px 0;}
    .contact_btm .main_title p::after{right: auto;}
    .contact_btm .items{margin: 20px auto;display: block;}
    .contact_btm .items .item{width: 100%;margin: 20px auto;}
    .contact_btm .items .item dl dt{padding: 15px 0;}
    
    .about_item1 .mains_text{height: auto;overflow-y: hidden;width: 100%;margin: 20px auto;}
    .about_item1 .mains_text p,
    .about_item3 .mains_text p,
    .about_item5 .mains_text p,
    .news .main_text p{font-size: 14px !important;line-height: 24px !important;}
    .main_title p{margin: 30px auto;}
    .about_item2 .items{height: auto;display: block;}
    .about_item2 .item{padding: 15px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
    .about_item2 .item p,
    .about_item2 .item:hover p{height: auto;}
    .about_item3{padding: 30px 0;height: auto;}
    .about_item3 .mains_text,
    .about_item5 .mains_text{height:auto;padding: 15px;width: 100%;}
    .about_item4 .items_con{display: block;}
    .about_item4 .items_left{width: 100%;}
    .about_item4 .items_left .item{width: 48%;margin: 2% 1%;padding: 15px;}
    .about_item4 .items_right{width: 100%;height: auto;}
    .about_item4 .items_left .item p{height: auto;}
    .about_item5{padding: 30px 0;}
    .about_item6 .items{display: block;}
    .about_item6 .items .item{width: 100%;padding: 15px;}

    .swiper-container-honors{padding: 0px 0 60px;}
    .swiper-container-honors .swiper-slide{width: 100%;}
    .swiper-container-honors .swiper-button-next, .swiper-container-honors .swiper-button-prev{width: 40px;height: 40px;}
    .swiper-container-honors .swiper-button-prev{left: 15%;}
    .swiper-container-honors .swiper-button-next{right: 15%;}
    .swiper-container-honors .swiper-slide{height: 450px;line-height: 450px;}
    
    .case_con{display: block;}
    .case_left,
    .case_right{width: 100%;margin: 20px auto;}
    .case_right .items .item{width: 100%;margin: 10px auto;}

    .about_item2, .about_item4, .about_item6, .honors, .news, .case_con, .contact_con, .about_item1{padding: 20px 0;}

    .mySwiper .swiper-slide{height: 330px;}
    .mySwiper .swiper-slide .pic{height: 100%;}
    .mySwiper .swiper-slide .tct{width: 90%;padding: 15px;box-sizing: border-box;left: 5%;height: 220px;}
    .mySwiper .swiper-slide .tct h3{font-size: 16px;}
    .news_banner .swiper-button-next, .news_banner .swiper-button-prev{width: 40px !important;height: 40px !important;}
    .news_banner .swiper-button-next::after, .news_banner .swiper-button-prev::after{font-size: 18px;}
    .news_items{display: block;}
    .news_items .item{width: 100%;}
    .news_items .item .tct{padding: 15px;}
    .news_items .item .tct h3{font-size: 16px;height: auto;line-height: 24px;}

    .page{padding: 0;}
    .about_item1 .main_title p{margin: 20px auto 20px 0;}
    .product_list .item .pic{height:220px;}
    .news_items .item .pic{height: 190px;line-height: 190px;}
    .news_tit{padding: 20px 0;}
    .lg_fy_con2{margin: 20px auto;}
    .lg_fy_con2 dl{padding-top: 20px;}
    .lg_fy_con2 dl dd,
    .lg_fy_con2 dl dt{width: 100px;line-height: 40px;}
    .lg_fy_con2 dl dt{background: none;text-indent: 0;text-align: center;}
    header .head_right .tel{display: none;}

    .more a em::after{display: none;}
    .solution_left{display: block;width: 100%;}
    .solution_content{display: block;}
    .swiper-container-solution .swiper-slide{display: block;width: 100%;}
    .swiper-pagination-solution{display: none;}
    .solution_left .btns{margin: 0px auto;flex-direction:row;}
    .solution_left .btns .swiper-button-next, .solution_left .btns .swiper-button-prev{width: 40px;height: 40px;}
    .solution_left .btns .swiper-button-next::after, .solution_left .btns .swiper-button-prev::after{width: 40px;height: 40px;background-size: 25%;}
    .solution_right{height: auto;}

    .product_top .product_pic{width: 100%;}
    .product_top .product_pic .view{height: 220px;line-height: 220px;}
    .preview{display: none;}
    .view .arrow-right, .view .arrow-left{width: 40px;height: 40px;line-height: 40px;}
    .product_top .product_tct{width: 100%;padding: 20px;}
    .product_top .product_tct h3::before{left: -20px;}
    .product_top .product_tct .pos small{width: 100%;}
    .product_top .product_tct .pos a{display: none;}
    .product_bt ul{flex-wrap: wrap;}
    .product_btm .product_bt li{line-height: 40px;}
    .product_page ul li,
    .product_page ul li:nth-child(2){width: 30%;}
    .product_page ul li span,.product_page ul li:nth-child(2) span{display: none;}
    .product_page ul li a{display: block;text-align: center;}
    .product_top .product_tct .pos{background-size: contain;}
    .news_right .item .tit{font-size: 16px;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}