/* CSS Document */
.m-menubtn{position:absolute;z-index:1002;top:0;right: 0;width:80px;height:60px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #fff; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #fff;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);background:#fff}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;background:#fff}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#fff}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}
*/
.header-scroll .m-menubtn span, .header-scroll .m-menubtn span:before, .header-scroll .m-menubtn span:after{background-color: #333;}
.header.curr .m-menubtn span, .header.curr .m-menubtn span:before, .header.curr .m-menubtn span:after{background-color: #333;}
.m-menu{position: fixed; right:0;left:0;top:0; width:100%; height:100vh;z-index:90; background:#fff;display: none;border-top: 1px solid #e8e8e8;}
.m-menu>ul{height: calc(100vh - 60px);overflow-y: auto;padding-bottom: 80px;padding-top: 80px;}
.m-menu li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu li>a{ font-size:17px;line-height:55px; padding:0 2.5rem; position:relative}
.m-menu li>i{ position:absolute; width:60px; height:55px; right:0;top:0;z-index: 2;}
.m-menu li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu li.on>i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

.m-menu a{ display:block; color:#101010;}
.m-menu .sub{ display:none; background:#f5f5f5; padding:10px 2.5rem}
.m-menu .sub li{ border-bottom:0}
.m-menu .sub a{color:#333; line-height:26px;font-size:14px; padding:2px 0; position:relative}
.m-menu .sub-mpro em{position: absolute;right: 0;top:8px;width: 8px;height: 8px;border-right: 1px solid #333;border-top: 1px solid #333;transform: rotate(45deg);}
.m-menu .sub-mpro-sed{padding-left:20px;}
.m-menu .sub-mpro-sed li{display: flex;display: -webkit-flex;align-items: flex-start;margin-bottom: 10px;}
.m-menu .sub-mpro-sed li>a{border: 1px solid #ddd;margin-right: 10px;min-width: 200px;text-align: center;}
.m-menu .sub-mpro-sed .list{display: flex;display: -webkit-flex;flex-wrap:wrap;}
.m-menu .sub-mpro-sed .list a{padding-right: 10px;margin-right: 10px;}
.m-menu .sub-mpro-sed .list a:after{ content: '';width: 1px;height: 15px;background: #666;position: absolute;right: 0;top:50%;margin-top: -7px;}

.m-foot{ position:fixed; width:100%;line-height:15px; left:0; bottom:0;background: #0c3184;color:#fff; display:none; z-index:999;}
.m-foot ul{display: flex;display: -webkit-flex; height:55px; }
.m-foot li{width:33.33%; text-align:center;}
.m-foot a{ color:#fff;display: block;height:100%}
.m-foot a i{ display: block;height: 20px;margin:10px 0 5px;}
.m-foot li:nth-child(1) i{background:url(https://www.oi-smart.com/public/static/home/images/mf-ico1.png) no-repeat center center; }
.m-foot li:nth-child(2) i{background:url(https://www.oi-smart.com/public/static/home/images/mf-ico2.png) no-repeat center center; }
.m-foot li:nth-child(3) i{background:url(https://www.oi-smart.com/public/static/home/images/mf-ico3.png) no-repeat center center; }
.nheader .m-menubtn span,
.nheader .m-menubtn span:before,
.nheader .m-menubtn span:after{background-color: #000;}
@media screen and (max-width: 1920px){
    .wrap{max-width: 90%;}
    .i-about:after, .i-product:after, .i-solution:after, .i-advantage:after, .i-partner:after, .i-news:after{left:5%}
    .i-news:before{width: 5%;}
    .i-header:after{left: 5%;}
    .header-menu-sub-item .inner{padding-right:calc(9% + 4rem)}
    .banner:after, .banner .swiper-container:after{left: 5%;}
    .banner .swiper-pagination{right: calc(95% - 4px);}
    .banner .swiper-pagination-bullet-active i:after{width: 35px;}
    .banner .txt{left: 15%;}
    .i-newsRight li{padding: 2.5em 0;}
    .i-advLeft, .i-advRight{padding: 4em;}
    .i-advLeft li:before, .i-advRight li:before{height: 300px;}
    .i-advLeft .ico, .i-advRight .ico{height: 60%;}
    .i-advLeft li a, .i-advRight li a{padding: 3em 2em;}
    .i-advLeft li:hover h4, .i-advRight li:hover h4{margin-top: -0.8em;font-size: 1.35em;}
    .newsList li{padding-left:calc(5% + 4rem) ;padding-right:calc(5% + 4rem) ;}
    .i-solutionCon .wrap{padding-right: calc(5% + 4rem);}
    .downList a{padding: 3.125em 4em;}
    .section-advantage .wrap{padding-right: calc(5% + 4rem);}
    .section-research-patent .wrap{padding-left:calc(5% + 4rem);}
    #devp-gallery .swiper-slide-content .txt .year{font-size: 6em;}
    .section-advantage .adv-list .swiper-pagination{bottom:20%;}
    .section-advantage .adv-list .num{font-size: 5em;}
    .section-area .map{width: 900px;margin-left: 500px;}
    .section-area .tabCon .conn{width: 400px;}
    .section-area .tabCon .txt{padding: 1.5em;}
    .section-area .tabCon .txt h3{font-size: 1.25em;}
    .section-area .tabCon .txt p{font-size: .9em;}
    .nbanner-protop .wrap{width:90%;left: 5%;}
}
@media screen and (max-width: 1680px){
    .menu>ul>li{margin: 0 20px;}
    .engt .menu>ul>li{margin: 0 5px;font-size: 16px;}
    .engt .lang{font-size: 16px;}
    .banner .txt{left: 12%;}
    .space{padding: 120px 0;}
    .i-advRight{border-top-right-radius: 15%;padding: 4em;}
    .i-advLeft, .i-advRight{padding: 3em;}
    .i-advantageCon .tit{margin-bottom: 1em;}
    .i-advLeft .ico, .i-advRight .ico{margin-bottom: 1.5em;}
    .i-advLeft li{width: 23%;}
    .i-advLeft li:before, .i-advRight li:before {height: 260px;}
    .i-advLeft li:hover h4, .i-advRight li:hover h4{font-size: 1.25em;}
    .i-advLeft .intro, .i-advRight .intro{max-height: 8em;font-size:12px;}
    .engt .i-advantageCon .tit{font-size: 1.5rem;}
    .engt .i-advLeft h4, .engt .i-advRight h4{font-size: 1rem;}
    .engt .i-advLeft li:hover h4, .engt .i-advRight li:hover h4{font-size: 1rem;margin-top: 1em;}
    .engt .i-advLeft li a, .engt .i-advRight li a {
        padding: 1em;
    }
    .engt .i-advLeft .ico img, .engt .i-advRight .ico img{
        height: 70%;
    }
    .engt .i-advLeft .intro, .engt .i-advRight .intro{max-height: 10em;}
    .i-partlist li{width: 19%;margin-right: 1%;margin-bottom: 0.5%;}
    .i-partlist ul{margin-right: -1%;}
    .i-partlist .pic:before{padding-top: 45%;}
    .i-newsCon .nav{width: 120px;}
    .i-newsCon-list {width: calc(100% - 150px);}
    .i-newsLeft{padding-left: 40px;}
    .i-newsLeft .txt{padding: 1.5em;}
    .i-newsRight li{padding: 2em 0;}
    .i-solRight .tit span{display: inline;}
    .solutionList-ul .list{margin-bottom: 2em;}
    .solutionList .txt{padding: 5%;}
    .downList a {padding: 3em;}
    .downList .ico{padding-bottom: 0;}
    .downList .ico img{height: 140px;}

    .section-certification .certification .pic{margin: 0 15px;}
    .section-culture .cul-pic:before{padding-top: 90vh;}
    .section-culture .cul-txt .ico{top: 35%;}
    #devp-thumbs .time{height: 100px;padding-left: 40px;line-height: 1;}
    #devp-thumbs .swiper-slide-thumb-active .time{font-size: 1.2em;}
    #devp-gallery .swiper-slide-content .txt .year{font-size: 5em;}
    #devp-gallery{height: 90vh;}
    .section-area .map{width:800px;margin-left: 400px;}
    #devp-thumbs{width: 15%;}
    .fa-advlist .info {font-size: .9rem;}
    .fa-advlist h3 {font-size: 1.2rem;}
    .fa-advlist .ico {width: 45px;height: 45px;}
    .fa-advlist li:hover h3 {font-size: 1.3rem;}
    .caseList{font-size: 1rem;}
    .nbanner-protop .txt h1{font-size: 3rem;}
    .fa-zucheng-item-list tr:first-child td, .fa-zucheng-item-list tr:nth-child(2) td{padding: 35px;}
    .fa-zucheng-item-list .pic-box{margin: 35px;}

}
@media screen and (max-width: 1440px){
    .menu>ul>li {margin: 0 10px;font-size: 16px;}
    .wrap{padding: 0 2.5rem;}
    
    .header-menu-sub-item .inner{padding-right:calc(5% + 2.5rem)}
    .titleCon, .i-aboutRight h2, .i-solRight .tit, .n-title .cn{font-size: 2.5rem;}
    .i-solutionCon .wrap{padding-right: calc(5% + 2.5rem);}
    .i-solRight .arrow, .nbanner-pro .arrow{width: 80px;height: 80px;}
    .i-solRight .arrow:before{background-size: 30px auto;}
    .i-advLeft li a, .i-advRight li a{padding: 1em;}
    .i-advLeft li:hover h4, .i-advRight li:hover h4{margin-top: 1em;}
    .i-advLeft .ico img, .i-advRight .ico img{height: 75%;}
    .nbanner-pro .arrow:before{background-size: 30px auto;}
    .banner .swiper-pagination{right: calc(94.99% - 4px);}
    .banner .swiper-pagination-bullet i:after{width: 12px;}
    .banner .swiper-pagination-bullet-active i:after{width: 20px;}
    .i-news:before{width: 5%;}
    .i-newsRight .txt h3{font-size: 1.35rem;}
    .i-newsLeft{padding-left: 30px;}
    .titleCon .en .line{width: calc(100% + 2.5rem);left: -2.5rem;}
    .i-solLeft-title{padding: 2em;height: 60%;top:20%;}
    .section-advantage .wrap{padding-right: calc(5% + 2.5rem);}
    .section-research-patent .wrap{padding-left:calc(5% + 2.5rem);}
    
    #devp-gallery .swiper-slide-content ul{padding-right: 10px;}
    #devp-gallery .swiper-slide-content .txt{width: 40%;padding: 3%;}
    #devp-gallery .swiper-slide-content .txt .year{font-size: 4em;}
    
    .nbanner-pro .txt{font-size: 1em;}
    .nbanner-pro .txt h2, .biaot, .nbanner-protop .txt h1, .nbanner-case .txt h1{font-size: 2.5rem;;}
    .nbanner-pro .ico img{max-width: 40%;}
    .nbanner-protop .txt{min-width: 50%;}
    .nbanner-protop .txt>p{font-size: 1.35rem;}
    .nbanner-protop .txt h5{font-size: 1.25rem;}
    .nbanner-protop .txt li h4{font-size: 1.2rem;}
    .nbanner-protop .txt .ico{margin-right: .5em;}
    .nbanner-protop .txt li p{font-size: 14px;}
    .nbanner-protop .dbt{max-width: 45%;right: -3%;}
    .main_about{font-size: 1.15rem;}
    .section-advantage .adv-list{font-size: 1em;}
    .section-advantage .adv-list .num{font-size: 5em;}
    
    .section-culture .cul-txt .ico{margin-left: -50px;}
    .section-culture .cul-txt .ico img{height: 100px;}
    .section-culture .cul-txt h3{font-size: 1.6em;}
    .section-culture li.cur .cul-txt .ico{-webkit-transform: scale(1.5);-moz-transform: scale(1.5);transform: scale(1.5);}

    .newsList li{padding-left: calc(5% + 2.5rem);padding-right: calc(5% + 2.5rem);}
    .newsList .txt h3{font-size: 1.875rem;line-height: 1.4;}
    .newsList .txt .intro{font-size: 1rem;}
    .n-title .cn{font-size: 2.5rem;}
    .section-area .tabCon .conn{width: 320px;}
    .section-area .map{margin-left: 350px;width: calc(100% - 450px);}
    .section-area .tabCon .txt h3{font-size: 1.15em;}
    .section-area .tabCon .txt p {font-size: .8em;}
    .section-area .map .dot li{width: 34px;height: 34px;}
    .section-area .hotspot-img .hot-spot .tooltip{top: 40px;}
    .main_product_inside .item-advantage h3{font-size: 1.25rem;}
    
    .fa-advlist h3, .fa-advlist li:hover h3{font-size: 1.1rem;}
    .item-application-list .txt{padding: 1em;}
    .item-application-list .txt{font-size: 1.15em;}
    .main_product_inside .item-about{align-items: flex-end;}
    .main_product_inside .item-advantage ul{margin-right:-5%}
    .main_product_inside .item-advantage li{width: 20%;margin-right: 5%;}
    
    
}
@media screen and (max-width: 1366px){
    .engt .menu>ul>li{margin: 0 10px;}
    .engt .menu .menu_a{padding: 0;}
    .engt .i-advLeft .ico, .engt .i-advRight .ico{margin-bottom: 0;}
    .caseList .item .con li{width: 32.33%;}
    
}
@media screen and (max-width: 1200px){
    .menu>ul>li{margin: 0;}
    .engt .menu>ul>li{font-size: 14px;margin: 0 5px;}
    .engt .lang{margin-left: 10px;font-size: 14px;}
    .banner .txt{font-size: 40px;}
    .titleCon, .i-aboutRight h2, .i-solRight .tit, .n-title .cn{font-size: 2rem;}
    .n-title .en{margin-top: 0;}
    .space, .main_product_inside .space, .main_solution_inside .space {padding: 80px 0;}
    .i-aboutRight .more{margin: 2.5em 0 0;}
    .i-product-categy .tit{top: 8%;left: 5%;}
    .i-product-categy .ltitlist{bottom: 8%;left: 5%;}
    .i-product-categy .item:nth-child(2) .ltitlist{right: 5%;}
    .i-solLeft-imglist .swiper-pagination-bullet{margin: 15px 0;width: 10px;height: 10px;}
    .i-solLeft-imglist .swiper-button-prev:after, .i-solLeft-imglist .swiper-button-next:after{width: 10px;height: 10px;}
    .i-solRight .arrow, .nbanner-pro .arrow{width: 60px;height: 60px;}
    .i-advLeft, .i-advRight{padding: 2em;}
    .i-advantageCon .tit{padding-left: 30px;font-size: 1.5rem;}
    .i-advantageCon .tit:before{width: 20px;}
    .i-advLeft li a, .i-advRight li a{padding: 1em;}
    .i-advLeft li:before, .i-advRight li:before{height: 220px;}
    .i-advLeft .ico img, .i-advRight .ico img{max-width: 90px;}
    .i-advLeft h4, .i-advRight h4{font-size: 1.15rem;}
    .i-advLeft li:hover h4, .i-advRight li:hover h4{margin-top: 0;}
    .i-advLeft li:hover h4:after, .i-advRight li:hover h4:after{width: 20px;margin: .6em auto;}
    .i-newsRight .txt h3{font-size: 1.25rem;}
    .nbanner-pro .txt{font-size: 1em;padding: 0 8%;}
    .nbanner-pro .txt h2, .nbanner-case .txt h1, .biaot, .nbanner-protop .txt h1{font-size: 2rem;}
    .nbanner-protop .txt>p{font-size: 1.15em;}
    .nbanner-protop .dbt{max-width: 40%;right: -5%;}
    .main_product .pro-txt .tit{font-size: 3rem;}
    

    .newsList .txt h3{font-size: 1.5rem;}
    .newsList .tm{padding: 1.25em;}
    .newsList .tm span{font-size: 2em;line-height: 1;}
    .newsList .txt {width: calc(96% - 120px);}
    .newtit{font-size: 1.875rem;}
    .newtm{margin-bottom: 2em;}
    .newdetail{padding-top: 2em;}
    .fa-advlist .info{font-size: .8rem;max-height: 6em;}
    .fa-advlist h3, .fa-advlist li:hover h3{font-size: 1rem;}
    .nbanner-case .txt .intro{font-size: 1rem;}
    .main_about{font-size: 1rem;}
    .section-advantage .adv-list .swiper-pagination-bullet, 
    .section-certification .certification .swiper-pagination-bullet,
    .section-research-patent .swiper-pagination-bullet,
    .section-partner .swiper-pagination-bullet{width: 15px;height: 15px;margin:0 5px;}
    .section-advantage .adv-list .swiper-pagination-bullet-active, 
    .section-certification .certification .swiper-pagination-bullet-active,
    .section-research-patent .swiper-pagination-bullet-active,
    .section-partner .swiper-pagination-bullet-active{width: 30px;}
    .section-advantage .adv-list .num{font-size: 4em;}
    .section-culture .cul-pic:before{padding-top: 80vh;}
    #devp-gallery{height: 80vh;margin-bottom: 100px;}
    .section-area .tabCon .conn{width: 260px;}
    .section-area .map{margin-left: 300px;width: calc(100% - 350px);}
    .inner-nav li{margin: 0 3rem;}
}
@media screen and (max-width:1024px){
    body,html{font-size: 14px;}
    .lang{line-height: 60px;margin-left: 0;margin-right: 30px;font-size: 14px;}
    .engt .lang{margin-left: 0;}
    .wrap{width: 100%;max-width: 100%;}
    .nbanner-protop .wrap{width: 100%;left: 0;}
    .menu{display: none;}
    .banner:after, .banner .swiper-container:after, .i-header:after{left: 1rem;}
    .banner .swiper-pagination{right: auto;left:10px;}
    .banner .swiper-pagination-bullet, .banner .swiper-pagination-bullet i{flex-direction: row-reverse;}
    .banner .swiper-pagination-bullet i:after{width: 5px;}
    .banner .swiper-pagination-bullet-active i:after{width: 20px;}
    .banner .swiper-slide:before{content: '';display: block;padding-top: 65%;}
    .banner .swiper-slide img{position: absolute;left: 0;top:0;}
    .i-about:after, .i-product:after, .i-solution:after, .i-advantage:after, .i-partner:after, .i-news:after{left: 1rem;}
    .i-news:before{width: 1rem;}
    .headerBox, .header, .logo{height: 60px;}
    .logo img{height: 25px;}
    .m-menubtn{display: block;}
    .headerBox:hover .header{background-color: transparent;}
    .headerBox:hover .logo .ico_1{opacity: 1;}
    .headerBox:hover .logo .ico_2{opacity: 0;}
    .header-scroll{background-color: #fff !important;}
    .header-scroll .logo .ico_1{display: none !important;}
    .header-scroll .logo .ico_2{opacity: 1 !important;}
    .header.curr{background-color: #fff !important;box-shadow: 0 0 10px rgba(0,0,0,.08);}
    .header.curr .logo .ico_1{display: none;}
    .header.curr .logo .ico_2{opacity: 1;}
    .titleCon{margin-bottom: 2em;}
    .titleCon, .i-aboutRight h2, .i-solRight .tit{font-size: 2rem;}
    .titleCon .line i{width: 15px;height: 15px;left: -7px;top: -7px;}
    .titleCon .line i:before{width:40%;height: 40%;left: 31%;top:31%;}
    .titleCon .en .line{left: -1.5rem;width: calc(100% + 1.5rem);}
    .space, .main_product_inside .space, .main_solution_inside .space{padding: 60px 0;}
    .i-aboutRight{width: calc(100% - 450px);margin-top: -4rem;}
    .more{border-top-right-radius: 25px;width: 120px;line-height: 40px; font-size: 13px;}
    .more i:before{width: 20px;}
    .more:hover i:before{width: 30px;}
    .video-show{width: 100%;padding: 0 2.5rem;}
    .video-close{right: 2.5rem;top:-35px}
    .i-solLeft-title{width: 200px;padding: 1.5em 1em;border-top-right-radius: 10%;}
    .i-solLeft-title h3{font-size: 1.15rem;}
    .i-advLeft li{width: 23.5%;}
    .i-partlist li{padding: 6px;}
    .i-partlist .pic{border-radius: 10px;box-shadow: 0 2px 15px rgba(0,0,0,.08);}
    .i-partlist .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px !important;}
    .i-partlist .swiper-pagination-bullet-active{width: 25px;}
    .i-newsLeft .more{width: 100px;line-height: 36px;height: 38px;}
    .i-newsCon .nav{float: none;width: 100%;display: flex;display: -webkit-flex;}
    .i-newsCon .nav li{font-size: 16px;margin: 0;margin-right: 20px;}
    .i-newsCon .nav a{padding-left: 20px;}
    .i-newsCon .nav a::before{left: 0;}
    .i-newsCon .nav li.cur a::before{width: 15px;}
    .i-newsCon-list{margin-top: 2em;width: 100%;}
    .i-newsRight .tm{width: 100px;}
    .i-newsRight .txt {width: calc(100% - 100px);}
    .footer-top{padding: 40px 0;}
    .footer-bot{padding: 30px 0;}
    .f-nav a{padding: 0 0 15px;}
    .f-logo img{height: 30px;}
    .f-form input[type=text]{width: 260px;}
    .nbanner-pro .txt{padding: 0 2.5rem;top:55%}
    .nbanner-protop .txt ul{margin-top: 1em;flex-wrap: wrap;}
    .nbanner-protop .txt li{width: 100%;margin-bottom: 2%;margin-right: 0;}
    .nbanner-protop .txt li h4 {font-size: 1.15em;}
    .nbanner-protop .txt ul.ys-4 li{width: 100%;}
    .nbanner-protop .dbt{max-width: 50%;right: 0;}
    .nbanner-protop .probg{position: absolute;left: 0;top:0;right: 0;bottom: 0;width: 100%;height: 100%;}
    .nbanner-protop .probg img{height: 100%;object-fit: cover;}
    .nbanner-protop .wrap{position: relative;}
    .nbanner-protop .txt{position: relative;-webkit-transform: none;transform: none;top: 0;padding-top: 40px;padding-bottom: 40px;}
    .biaot{left: 2.5rem;top: 55%;}
    
    .main_product .pro-img:before{padding-top: 81.25%;}
    .main_product .pro-txt .tit{font-size: 2rem;padding-left: 20px;}
    .main_product .pro-txt .tit span{font-size: .5em;}
    .main_product .pro-txt .tit:before{width: 4px;}
    .main_product .pro-txt .nav{font-size: 1.25rem;margin-bottom: 2em;}
    .main_product .pro-txt .nav>ul>li{margin-bottom: .5em;}
    .main_product .pro-txt .nav>ul>li>a, .main_product .pro-txt .nav .sub{padding-left: 20px;}
    .main_product .pro-txt .nav>ul>li>a:before{width: 15px;height: 2px;margin-top: -1px;}
    .main_product .pro-txt .more{margin-left: 20px;}
    .main_product .item:nth-child(even) .pro-txt .more{margin-right: 20px;}
    .main_product .item:nth-child(even) .pro-txt .tit,
    .main_product .item:nth-child(even) .pro-txt .nav>ul>li>a{padding-right: 20px;}
    .nbanner-protop{margin-top: 60px;}
    
    .n-title{margin-bottom: 2em;}
    .n-title .cn{font-size: 2rem;}
    
    .solutionList-ul>li{border-top-right-radius: 60px;}
    .solutionList-ul>li:nth-child(even){border-top-left-radius: 60px;}
    .solutionList .n-title{display: block;}
    .solutionList .n-title .en{margin-left: 0;margin-top: .5em;}
    .solutionList .txt .ico{height: 25%;}
    .solutionList-ul .list li{font-size: 1rem;}
    .solutionList-ul .list i{width: 10px;height: 10px;top: 5px;}
    .solutionList-ul .list i::before{width: 4px;height: 4px;}
    .solutionList-ul .list a{padding-left: 15px;}
    .choose-reason li{font-size: 1rem;}
    
    .location{font-size: 1rem;padding: 15px 0;}
    .inner-nav li{margin: 0 10px;font-size: 1rem;}
    .inner-nav li a{padding: 15px 0;line-height: 1.2;}
    .downList a{padding: 2em;}
    .downList .ico img{height: 100px;}
    .downList h3{font-size: 1.5rem;}
    .downList-file li{width: 48%;}
    .downList-file a{padding: 5%;}

    .newsList li{padding-left:2.5rem;padding-right:2.5rem;}
    .newsList li .txtCon{width: 55%;}
    .newsList .txt {width: calc(96% - 110px);}
    .nbanner-case .txt{max-width: 60%;}
    .nbanner-case .txt .intro{ max-height: 6em;}
    .inner-nav-fix{top: 60px;}
    .inner-nav-height{height: 59px;}
    .fa-advlist .ico{margin: 15% auto 15%;}
    .caseList{font-size: 1rem;}
    .caseList .item .tit{width: 20%;}
    .caseList .item>*{padding: 1.5em;}
    .caseList .item .ico img{max-width: 60px;}
    .main_solution_inside .content{font-size: 1rem;}
    
    .section-advantage .adv-list{font-size: 1em;}
    .section-advantage .adv-list .num{font-size: 4em;}
    .section-advantage .adv-list .swiper-pagination-bullet, 
    .section-certification .certification .swiper-pagination-bullet,
    .section-research-patent .swiper-pagination-bullet,
    .section-partner .swiper-pagination-bullet{width: 10px; height: 10px;margin: 0 3px;}
    .section-advantage .adv-list .swiper-pagination-bullet-active, 
    .section-certification .certification .swiper-pagination-bullet-active,
    .section-research-patent .swiper-pagination-bullet-active,
    .section-partner .swiper-pagination-bullet-active{width: 25px;}
    .nbanner-pro .ico img{max-width: 30%;}
    .section-culture{margin-top: 60px;}
    .section-development{padding-top: 60px;padding-bottom: 60px;}
    .section-culture .cul-pic:before{padding-top: 450px;}
    .section-culture .cul-txt .ico img{height: 80px;}
    .section-culture .cul-txt .ico{margin-left: -40px;}
    .section-development .content{flex-wrap: wrap;}
    #devp-gallery{height: 450px;width: 100%;margin-bottom: 40px;}
    #devp-gallery .swiper-slide-content{padding-left: 6%;}
    #devp-gallery .swiper-slide-content li{padding-left: 20px;background: url(../image/ico_dot.png) no-repeat left 6px;background-size: 12px;}
    #devp-gallery .swiper-slide-content .txt{border-top-right-radius: 45px;}
    #devp-gallery .swiper-slide-content .txt .year{font-size: 3em;}
    
    #devp-thumbs{width: 100%;border-bottom: 1px solid #cccbc4;padding: 0 2.5rem;}
    #devp-thumbs .swiper-slide{width: 69px;}
    #devp-thumbs .time{height: 40px;background: url(../image/devp-line-2.png) no-repeat left bottom;background-size: contain;padding-left: 0;}
    #devp-thumbs .swiper-slide-thumb-active .time{font-size: .8em;background: url(../image/devp-line-2h.png) no-repeat left bottom;background-size: contain;}
    
    .section-research-patent .wrap{padding-left: 2.5rem;}
    .section-research-patent .patentCon{width: 75%;padding: 1.5em;}
    .section-research-patent .patent .pic{margin: 5px;}
    .section-area .map{margin: 0 auto;width: 80%;}
    .section-area .tabCon{position: relative;bottom: auto;display: flex;display: -webkit-flex;justify-content: space-between;}
    .section-area .tabCon .conn{position: relative;opacity:1;visibility: inherit;left: auto;width: 31.33%;}
    .section-area .tabCon .pic{border-top-right-radius: 60px;}
    .section-research-strength .ico img{height: 40px;}
    .section-research-strength li:first-child .ico img{height: 50px;}
    .section-advantage .adv-pic{border-bottom-right-radius: 150px;}
    .section-advantage .wrap{padding-right: 2.5rem;}
    .section-certification .certification .pic{margin: 0 10px;}
    .section-research-strength{margin-top: 4em;}

    .main_product_inside .item-advantage .ico img{height: 60px;}
    .main_product_inside .item-advantage h3{font-size: 1.25em;line-height: 1.2;}
    .main_product_inside .item-advantage p{line-height: 1.6;}
    .main_product_inside .item-parameter .content>h3{font-size: 1em;}
    
    .tableBox table th{font-size: 1.15em;padding: 5px;}
    .tableBox table tr td:first-child{font-size: 1.15em;}
    .tableBox table td{padding: 5px;}
    .item-application-list .ico img{height:40px}
    
    .jiance-shiyitu .jc-tit{font-size: 1.25em;}
    .fa-zucheng-item-top{font-size: 1em;}
    .fa-zucheng-item-top h3{font-size: 1.5em;}

    .fa-zucheng-item-top, 
    .fa-zucheng-item-con{padding: 15px;}

    .item-application-list{padding-bottom: 30px;}
    .item-application-list .swiper-pagination{display: block;}
    .item-application-list .swiper-wrapper{justify-content:flex-start;}

    .gjjslide .txt-con .list li p{padding: 10px;}
    .fa-zucheng-item-list tr:first-child td{padding: 15px;font-size: 1.2em;}
    .fa-zucheng-item-list tr:nth-child(2) td{padding: 15px;}
    .fa-zucheng-item-list .pic-box{margin: 15px;}
    .fa-zucheng-item-list .pic-box p{font-size: 1rem;padding: 10px;}
    .fa-advlist-02 .ico{width: 45px;}
    .fa-advlist-02 h3{font-size: 1.15em;line-height: 1.5;}

    .main_solution_inside .item-about-top{display: block;}
    .main_solution_inside .item-about-top .txtCon{width: 100%;min-height: auto;margin-top: 1em;}
    .main_solution_inside .item-about-top .img{position: relative;width: 100%;}
    .main_solution_inside .item-about-top .img video{max-height: 400px;}
    .main_product_inside .item-about{display: block;}
    .main_product_inside .item-about .imgCon{position: relative;margin: 0 auto;}
    .main_product_inside .item-about .txtCon{width: 100%;min-height: auto;margin-top: 1em;}
    .main_product_inside .item-advantage ul{justify-content:center}

    .pop-liuyan-con{width: 650px;}
    .friendlink li{font-size: 14px;}
    .newsrelated li::before{top: 10px;}
    .newsrelated a{padding-left: 12px;}
}
@media screen and (max-width:768px){
    .wrap{padding: 0 2rem;}
    .titleCon{margin-bottom: 1.5em;}
    .titleCon .en .line{left: -1rem;width: calc(100% + 1rem);margin-top: .3em;}
    .titleCon, .i-aboutRight h2, .i-solRight .tit{font-size: 1.6rem;}
    .space, .main_product_inside .space, .main_solution_inside .space{padding: 40px 0;}
    .banner .txt{font-size: 30px;}
    .banner .swiper-pagination{bottom: 5%;}
    .i-aboutbox{display: block;}
    .i-aboutLeft{width: 100%;margin-top: 0;}
    .i-aboutRight{width: 100%;margin-top: 1em;}
    .i-aboutRight .conn{max-height: inherit;}
    .i-about .titleCon .en{width: 100%;}
    .i-aboutRight h3{font-size: 1.2rem;}
    .i-advLeft{border-top-right-radius: 35px;border-bottom-left-radius:0}
    .i-advRight{border-top-right-radius:0}
    .i-advLeft li:before, .i-advRight li:before{height: 180px;}
    .v-btn{background-size: 60px;}
    .more{line-height: 35px;}
    .i-aboutRight .more{margin-top: 1.5em;}
    .i-product-categy .tit{font-size: 1.25rem;padding-left: 10px;}
    .i-product-categy .ltitlist a{padding-left: 10px;}
    .i-product-categy .item:nth-child(2) .ltitlist a{padding-right: 10px;}
    .i-product-categy .ltitlist li{margin: 3px 0;}
    .i-solutionCon .wrap{padding-right: 2rem;}
    .i-advLeft ul{flex-wrap: wrap;}
    .i-advLeft li{width: 49%;}
    .i-advLeft li:nth-child(-n+2){margin-bottom: 2%;}
    .i-solRight::before{width: 90%;}
    .i-solRight .arrow, .nbanner-pro .arrow{width: 45px;height: 45px;}
    .i-solRight .arrow:before, .nbanner-pro .arrow:before {background-size: 20px auto;}
    .i-solLeft{width: 72%;}
    .i-advantageCon{flex-wrap: wrap;}
    .i-advLeft, .i-advRight{width: 100%;}
    .i-partlist{margin: -10px;}
    .i-partlist li{width: 32.33%;}
    .i-partlist .swiper-pagination{width: 32.33%;bottom: 10%;}
    .i-newsLeft, .i-newsRight{width: 100%;float: none;}
    .i-newsLeft{margin-bottom: 2em;}
    .i-newsRight li{padding: 1.5em 0;}
    .i-newsRight .txt h3{margin-bottom: .5em;}
    .i-newsRight .tm{width: 90px;}
    .i-newsRight .txt {width: calc(100% - 90px);}
    .i-newsLeft{padding-left: 20px;padding-bottom: 20px;}
    .i-newsLeft:after{width: 100%;}
    .i-newsLeft .more{margin-left: 0;line-height: 30px;height: 30px;}
    .f-form input[type=text]{width: 150px;}
    .f-form .submit{width: 65px;}
    .nbanner-pro .txt{padding: 0 2rem;}
    .nbanner-pro .txt .intro{margin-bottom: 1em;}
    .nbanner-pro .arrow{margin-top: 2em;}
    .main_product .pro-txt .tit{font-size: 1.6rem;}
    .main_product .pro-txt .nav{font-size: 1.15rem;}
    .nbanner-pro .txt h2, .nbanner-case .txt h1, .biaot, .nbanner-protop .txt h1{font-size: 1.6rem;}
    .nbanner-protop .txt .ico {margin-right: .2em;}
    .nbanner-protop .txt .ico img{height: 40px;}
    .nbanner-protop .txt>p{font-size: 1em;}
    .biaot{left: 2rem;}
    .nbanner-case .txt{position: relative;-webkit-transform: none;transform: none;top: 0;padding-top: 100px;padding-bottom: 40px;}
    .nbanner-case>img{position: absolute;left: 0;top:0;height: 100%;object-fit: cover;}
    
    .n-title{margin-bottom: 1em;}
    .n-title .cn{font-size: 1.6rem;}

    .downList-pc{display: none;}
    .downList-mb{display: block;}
    .downList li{width: 100%;margin-bottom: 2%;}
    .downList a{padding: 1.5em;}
    .downList-file li{width: 100%;margin-right: 0;}
    .downList-file a{padding:1em 1.5em;}
    .downList-file .ico{width: 60px;height: 60px;}
    .downList-file .txt{width: calc(100% - 60px);padding-right: 6%;}
    .newsList li{padding-left:2rem;padding-right:2rem;}
    .newsList li .txtCon{width: 57%;flex-wrap: wrap;align-content: flex-start;}
    .newsList .txt .intro{-webkit-line-clamp: 1;margin-bottom: 1em;}
    .newsList .tm{padding: 0;border: 0;line-height: 1;display: flex;display: -webkit-flex;align-items: center;flex-direction: row-reverse;margin-bottom: .5em;}
    .newsList .tm span{font-weight: normal;font-size: 1em;line-height: 1;position: relative;padding-left: 8px;color: var(--grey-color);}
    .newsList .tm span:before{content: '';width: 7px;height: 1px;background-color: var(--grey-color);position: absolute;left: 0;top:55%}
    .newsList .txt{width: 100%;}
    .newsList .txt h3{font-size: 1.285rem;margin-bottom: .3em;}
    .caseList .item{flex-wrap: wrap;}
    .caseList .item .tit, .caseList .item .con{width: 100%;}
    .fa-advlist{justify-content: center;}
    .fa-advlist li{width: 31.33%;margin-bottom: 2%;}
    
    .section-advantage .wrap{padding-right: 2rem;}
    .section-culture{margin-top: 40px;}
    .section-culture ul{flex-wrap: wrap;}
    .section-culture li{width: 100%;}
    .section-culture .cul-txt{position: relative;padding: 4%;}
    .section-culture .cul-pic{position: absolute;left: 0;top:0;right:0;bottom:0;}
    .section-culture .cul-pic:before{padding-top: 0;position: absolute;left: 0;top:0;width: 100%;height: 100%;}
    .section-culture .cul-txt .ico, .section-culture .cul-txt .intro{position: relative;top: auto;bottom: auto;left:auto;margin: 0;}
    .section-culture .cul-txt .ico img{height: 45px;margin: 0 auto 1%;}
    .section-culture .cul-txt h3{font-size: 1.5em;}
    .section-culture li.cur .cul-txt .nr{list-style: 1.5;}
    .section-culture .cul-txt .line{height: 2px;width: 20px;margin: 0 auto 2%;}
    .section-culture .cul-txt .intro{padding: 0}
    .section-culture .cul-txt .nr{position: relative;top: auto;opacity: 1;}
    .section-culture .cul-txt .nrcon{text-align: left;}
    .section-culture li.cur{width: 100%;}
    .section-culture li.cur .cul-txt .intro{bottom:auto;text-align:center}
    .section-culture li.cur .cul-txt .ico{left:auto;top:auto;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
    .section-research-patent .wrap{flex-wrap: wrap;padding-left: 2rem;}
    .section-research-patent .patentCon{width: 100%;}
    .section-research-patent .patentLeft {width: 100%;}
    .section-research-patent .swiper-pagination{margin-bottom: 1em;margin-top: 0;}
    .section-development{padding-top: 40px;padding-bottom: 40px;}
    #devp-gallery .swiper-slide-content .txt{border-top-right-radius: 45px;}
    #devp-gallery .swiper-slide-content .txt .year{font-size: 3em;}
    .section-research-strength{margin-top: 2.5em;flex-wrap: wrap;}
    .section-research-strength li{width: 32.33%;margin-bottom: 1.5%;}
    .section-research-strength li:nth-child(4), .section-research-strength li:nth-child(5){width: 49%;}
    .section-research-strength li:nth-child(4) .pic:before, 
    .section-research-strength li:nth-child(5) .pic:before{padding-top: 93%;}
    .section-partner .wrap, .section-contact .wrap{flex-wrap: wrap;}
    .section-partner-left, .section-partner-right{width: 100%;}
    .section-partner .swiper-pagination{margin-top: 1em;margin-bottom: 1em;}
    .section-area .tabCon .pic{border-top-right-radius:45px}
    .section-contact-left, .section-contact-right{width: 100%;}
    .section-contact-right{margin-top: 1em;}
    #devp-thumbs{padding: 0 2rem;}

    .fa-zucheng-item-top{flex-wrap: wrap;}
    .fa-zucheng-item-top h3{max-width: 100%;width: 100%;margin-right:0;margin-bottom: .5em;font-size: 1.25em;}
    .fa-zucheng-item-con li h4{font-size: 1.15em;padding: 1em;}
    .fa-zucheng-item-list h3{font-size: 1.25em;}

    .main_product_inside .item-about .imgCon{width: 100%;}
    .main_product_inside .item-advantage h3{font-size: 1.15em;}
    
    .fa-advlist-02{flex-wrap: wrap;}
    .fa-advlist-02 li{width: 100%;margin: 0;margin-bottom: 2%;}
    .fa-advlist-02 .conn{padding: 3%;}
    .main_product_inside .item-advantage ul{margin-right: 0;justify-content: space-between;}
    .main_product_inside .item-advantage li{width: 47%;margin-right: 0;}
    
    .footer{padding-bottom: 55px;}
    .pop-liuyan-con{width: calc(100% - 4rem);padding: 35px;}
    .pop-liuyan-con .pop-tit{font-size: 1.6em;margin-bottom: 20px;}
    .pop-liuyan-con .inp{font-size: 1rem;line-height: 45px;margin-bottom:10px}
    .pop-liuyan-con .submit{line-height: 45px;}

    .float_kf{display: none;}
    .float-message{display: block;}
    .float-message .btn_m{display: block;}
    .float-message .popupBox{right: 2rem;left: 2rem;bottom: 55px;width: calc(100% - 4rem);}
    .friendlink{margin-top: -75px;padding-bottom: 70px;}
	
	.copyright{ text-align:center}
	.f-ewm{float:none; display:inline-block;}
	.f-left{ float:none; text-align:left;}
	.copyright .f-ewm{ margin:0 15px 20px 15px;}
    
}
@media screen and (max-width:640px){
    .i-product-categy>ul{flex-wrap: wrap;}
    .i-product-categy>ul>li{width: 100%;margin-bottom: 1em;}
    /* .i-product-categy .item:nth-child(2) .ltitlist{right: auto;left: 5%;}
    .i-product-categy .item:nth-child(2) .ltitlist a{padding-right: 0;padding-left: 10px;}
    .i-product-categy .item:nth-child(2) .ltitlist a:before{left: 0;} */
    .space, .main_product_inside .space, .main_solution_inside .space {padding: 30px 0;}
    .titleCon .en{min-width: 100px;}
    .titleCon, .i-solRight .tit{font-size: 1.25rem;}
    
    .i-solutionCon .wrap{flex-wrap: wrap;}
    .i-solLeft, .i-solRight{width: 100%;}
    .i-solRight{display: flex;display: -webkit-flex;align-items: center;margin-bottom: 1em;}
    .i-solRight::after, .i-solRight::before{display: none;}
    .i-solRight .arrow{width: 35px;height: 35px;margin: 0;margin-left: 15px;}
    .i-solRight .arrow:before {background-size: 15px auto;}
    .i-solLeft{padding-left: 2rem;}
    .i-solLeft-imglist{padding-right: 60px;}
    .i-solLeft-imglist .btn{position: relative;flex-direction: row;margin-top: 1rem;}
    .i-solLeft-imglist .swiper-pagination{margin: 0;line-height: 0;}
    .i-solLeft-imglist .swiper-pagination-bullet{display: inline-block;margin: 0 5px;}
    .i-solLeft-imglist .swiper-button-prev:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);border-left: 1px solid #0a0405;border-top: 1px solid #0a0405;}
    .i-solLeft-imglist .swiper-button-next:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);border-right: 1px solid #0a0405;border-bottom: 1px solid #0a0405;}
    .i-solLeft-imglist .swiper-button-prev:hover::after{border-left: 1px solid var(--background-color);border-top: 1px solid var(--background-color);}
    .i-solLeft-imglist .swiper-button-next:hover::after{border-right: 1px solid var(--background-color);border-bottom: 1px solid var(--background-color);}
    .i-solLeft-title{right: 0;width: 140px;top: 18%;}
    .i-solLeft-title h3{font-size: 1rem;}
    .i-advLeft li{width: 100%;}
    .i-advLeft li:nth-child(-n+3) {
        margin-bottom: 2%;
    }
    .nbanner:before{padding-top: 32%;}
    .biaot{top:60%}
    .nbanner-pro .txt h2, .nbanner-case .txt h1, .biaot, .nbanner-protop .txt h1{font-size: 1.5rem;}
    .nbanner-pro:before{display: none;}
    .nbanner-pro .txt{position: relative;padding: 100px 2rem 40px;top: auto;-webkit-transform: none;transform: none;}
    .nbanner-pro .txt p{text-align: left !important;margin-bottom: 5px;}
    
    .solutionList-ul>li{flex-wrap: wrap; overflow: hidden;}
    .solutionList-ul>li:nth-child(even){border-top-left-radius:0;border-top-right-radius:60px}
    .solutionList-ul>li>a, .solutionList .txt{width: 100%;}
    .solutionList-ul>li:nth-child(even) .txt .ico{left: auto;right: 5%;}
    .solutionList .txt{padding: 4%;}
    .n-title .cn{font-size: 1.5rem;}
    .solutionList .n-title .cn{font-size: 1.25rem;}
    .choose-reason li h3{font-size: 1.15em;}
    
    .downList .ico img{height: 80px;}
    .newtit{font-size: 1.5rem;}
    .fa-advlist{margin-right: 0;}
    .fa-advlist li{width: 100%;margin-right: 0;}
    .fa-advlist li:before{display: none;}
    .fa-advlist .conn{position: relative;padding: 5%;}
    .fa-advlist .info{position: relative;opacity: 1;padding: 0;margin: 0;max-height: inherit;}
    .fa-advlist .ico {margin: 0 auto 2%; transition: .3s;}
    .fa-advlist li:hover h3{font-size: 1rem;color: var(--black-color);}
    .fa-advlist li:hover .info{bottom: 0; color: var(--grey-color);}
    .fa-advlist li:hover .ico{height: 45px; overflow: hidden;transform:none;margin: 0 auto 2%;}
    .fa-advlist li:hover::after{opacity: 0;}

    .section-advantage .wrap{padding:0}
    .section-advantage .swiper-slide{flex-wrap: wrap;}
    .section-advantage .adv-pic{width: 100%;border-bottom-right-radius: 45px;}
    .section-advantage .adv-list .adv-txt{width: 100%;right: auto;text-align: left;padding: 1.5rem 2rem 2rem;}
    .section-advantage .adv-list .num{justify-content:flex-start}
    .section-advantage .adv-list .swiper-pagination{padding: 0 2rem;bottom: 0;text-align: left;}
    .section-culture{margin-top: 30px;}
    .section-culture .cul-txt h3{font-size: 1.25em;}
    .section-certification .certification .pic{margin: 0;}
    .section-area .map .dot li{width: 20px;height: 20px;}
    .section-area .tabCon{flex-wrap: wrap;}
    .section-area .tabCon .conn{width: 100%;margin-bottom: 2%;display: flex;display: -webkit-flex;}
    .section-area .tabCon .pic{width: 45%;border-top-right-radius:0}
    .section-area .tabCon .txt{width: 55%;}
    .section-area .tab{display: none;}
    .section-area .map{width: 100%;}
    .section-research-strength{margin-top: 1.5em;}
    .section-research-strength li{width: 49%;}
    .section-research-strength li:nth-child(5){width: 100%;}
    .section-research-strength li:nth-child(5) .pic:before{padding-top: 69%;}
    .section-research-strength li:nth-child(4) .pic:before{padding-top: 141.25%;}
    .section-research-strength .txt{padding: 1em;}
    .section-certification .certification{padding-bottom: 30px;}

    #devp-gallery{height: auto;}
    #devp-gallery .swiper-slide-content .img{position: relative;}
    #devp-gallery .swiper-slide-content .img:before{content: '';display: block;padding-top: 59.5%;}
    #devp-gallery .swiper-slide-content .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
    #devp-gallery .swiper-slide-content{padding-left: 0;padding-bottom: 0;}
    #devp-gallery .swiper-slide-content .txt{width: 100%;position: relative;}
    #devp-gallery .swiper-slide-content .txt{border-top-right-radius:0;height: 240px;}
    #devp-gallery .swiper-slide-content ul{margin-top: 1em;}
    #devp-gallery .swiper-slide-content li{margin-bottom: .5em;}

    .main_product_inside .item-advantage{overflow: hidden;}
    .main_product_inside .item-advantage ul{margin-right: 0;}
    .main_product_inside .item-advantage li{width: 100%;margin-right: 0;}
    .main_product_inside .item-advantage li:nth-child(-n+4) {
        margin-bottom: 3%;
    }
    .tableBox, .tableBox2{overflow-x: auto;}
    .tableBox table th, .tableBox table tr td:first-child{font-size: 1em;}
    
    .caseList .item .ico img{height: 45px;}
    .fa-zucheng-item-con li{width: 100%;}
    .caseList .item .con li{width: 49%;}
    .inner-nav ul{padding: 0 1em;}
    .engt .inner-nav li{margin: 0;}
    .pageturn{display: block;}
    .pageturn p{width: 100%;margin-bottom: 10px;}
    .pageturn p:nth-child(2){text-align: left;}
    .pageturn p a{font-size: 1.1em;}
    .newsrelated{margin-top: 20px;padding-top: 20px;}
    .newsrelated ul{display: block;}
    .newsrelated li{width: 100%;}
}
@media screen and (max-width:480px){
    .banner .swiper-slide:before{padding-top: 90%;}
    .banner .txt{font-size: 20px;}
    .i-solLeft-title{padding: 1em;width: 120px;border-radius: 10px 25px 10px 10px;}
    .i-solLeft-imglist .pic:before{padding-top: 75%;}
    .i-newsLeft{padding-left: 10px;}
    .i-advLeft .ico img, .i-advRight .ico img{max-width: 70px;}
    .i-newsCon .nav li{font-size: 1rem;margin-right: 10px;}
    .i-newsLeft .tm{padding: 5%;}
    .i-newsLeft .tm span, .i-newsRight .tm span{font-size: 1.5em;}
    .i-newsRight .tm{width: 60px;}
    .i-newsRight .txt {width: calc(100% - 60px);}
    .i-newsRight li:after{width: 42px;}
    .i-newsRight .txt h3, .i-newsLeft .txt h3{font-size: 1.15rem;}
    .footer-top .wrap{flex-wrap:wrap;justify-content: center;}
    .f-logo{margin-bottom: 1em;}
    .f-logo img{height: 20px;}
    .f-form{width: 100%;}
    .f-form input[type=text]{width: calc(100% - 65px);}
    .footer-bot{padding: 20px 0;}
    .f-nav:after{display: none;}
    .f-nav ul{flex-wrap: wrap;justify-content: flex-start;}
    .f-nav a{text-align: center;padding-bottom: 10px;}
    .f-nav li{width: 33.33%;max-width: 33.33%;}
    .f-nav li:nth-child(-n+3){margin-bottom: 3%;}
    .main_product .wrap{flex-wrap: wrap;}
    .main_product .pro-img, .main_product .pro-txt{width: 100%;}
    .main_product .item:nth-child(even) .pro-txt .tit,
    .main_product .item:nth-child(even) .pro-txt .nav>ul>li>a{padding-right: 0;padding-left: 20px;text-align: left;}
    .main_product .item:nth-child(even) .pro-txt .tit:before{left: 0;}
    .main_product .item:nth-child(even) .pro-txt .nav{text-align: left;}
    .main_product .item:nth-child(even) .pro-txt .nav>ul>li>a:before{left: 0;}
    .main_product .item:nth-child(even) .pro-txt .more{margin-left: 20px;}
    .more{width: 85px;line-height: 26px;font-size: 12px;border-top-right-radius: 15px;}
    .more i{margin-left: 5px;}
    .more i:before{width: 10px;}
    .more:hover i:before{width: 15px;}
    .more i:after{width: 6px;height: 6px;top: -3px;}
    .i-newsLeft .more{width: 80px;line-height: 26px;height: 26px;}
    .nbanner:before{padding-top: 180px;}
    .inner-nav ul{justify-content: flex-start;overflow-x: auto;}
    .inner-nav li{margin: 0 2px;}
    .downList a{padding: 1.5em;align-items: center;}
    .downList h3{font-size: 1.25rem;}
    .downList .ico img{height: 65px;}
    .downList-file .ico{width: 45px;height: 45px;background-size: 45px;}
    .downList-file .txt{width: calc(100% - 45px);}
    .downList-file .txt h4{font-size: 1.15em;margin-bottom: .2em;}
    .downList-file .txt p{font-size: .85em;}
    .newsList .txt .intro{display: none;}
    .newsList .more{float: left;}
    .newsList .txt h3{font-size: 1.15rem;}
    .newsList .tm{font-size: .85em;margin-bottom: .2em;}

    .nbanner-protop .txt{padding-top: 20px;padding-bottom:20px;max-width:100%}
    .nbanner-protop .dbt{position: relative;bottom: auto;right: auto;max-width: 80%;display: block;margin: 0 auto;}
    .fa-zucheng-item-list .pic-box{margin: 0;}
    .caseList .item .con li{width: 100%;margin-left: 0;margin-right: 0;}
    .fa-zucheng-item-list .row li{display: block;}

    .float-message .pop-con{padding: 15px;}
    .float-message .pop-tit{padding: 15px;}
    .float-message .pop-tit h4{font-size: 1.25em;}
    .pop-liuyan-con{padding: 25px;}

    .message-form form li{flex-wrap: wrap;}
    .message-form form .inp{width: 100%;line-height: 40px;}
    .message-form form .area{height: 120px;}
    .message-form form .submit{letter-spacing: 0;padding: 0 20px;}
    .message-form .tel{background-size: 15px;padding-left: 18px; bottom: 5px;}
    .copyright{display: block;}
    .f-ewm{margin-bottom: 5px;}
    .f-ewm img{margin-left: auto;margin-right: auto;}
    .friendlink{margin-top: -70px;}
}