@charset "utf-8";
/* CSS Document */
.icon-menu-box{
display: none;
z-index: 9;
background-color: #34456c;
width: 50px;
height: 50px;
}
.icon-menu {
--gap: 5px;
--pos-y-bar-one: 0;
--pos-y-bar-three: 0;
--scale-bar: 1;
--rotate-bar-one: 0;
--rotate-bar-three: 0;
--height-bar:2px;
width: 20px;
display: flex;
flex-direction: column;
gap: var(--gap);
cursor: pointer;
position: absolute;
right: 1.1rem;
top: 18px;
z-index: -99;
}

.bar {
position: relative;
height: 2px;
width: 100%;
background-color: #fff;
}

.bar--1 {
top: var(--pos-y-bar-one);
transform: rotate(var(--rotate-bar-one));
transition: top 200ms 100ms, transform 100ms;
}

.bar--2 {
transform: scaleX(var(--scale-bar));
transition: transform 150ms 100ms;
}

.bar--3 {
bottom: var(--pos-y-bar-three);
transform: rotate(var(--rotate-bar-three));
transition: bottom 200ms 100ms, transform 100ms;
}

.icon-menu.active .bar--1 {
transition: top 200ms, transform 200ms 100ms;
}

.icon-menu.active .bar--3 {
transition: bottom 200ms, transform 200ms 100ms;
}
.icon-menu.active {
--pos-y-bar-one: calc(var(--gap) + var(--height-bar));
--pos-y-bar-three: calc(var(--gap) + var(--height-bar));
--scale-bar: 0;
--rotate-bar-one: 45deg;
--rotate-bar-three: -45deg;
}

.m-menu{position: fixed; right:0;left:0;top:50px; width:100%; height:100vh;z-index:400; background:#fff;display: none;border-top: 1px solid #e8e8e8;}
.m-menu .m-menu-con{height: -webkit-calc(100vh - 60px);height: -moz-calc(100vh - 60px);height: calc(100vh - 60px);overflow: auto;padding-bottom: 80px;}
.m-menu li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu li>a{ font-size:16px;line-height:50px; padding:0 20px; position:relative}
.m-menu li>a>i{ position:absolute; width:55px; height:55px; right:0;top:0;}
.m-menu li>a>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu li>a>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;transition: .3s;}
.m-menu li.active i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}
.m-menu li.active>a{color: var(--yellow-color);}
.m-menu a{ display:block; color:#101010;}
.m-menu .sub{ display:none; background:#f5f5f5; padding:10px 0}
.m-menu .sub a{color:#333; line-height:26px;font-size:14px; padding:2px 20px; position:relative}
.m-menu .sub a:hover{color:var(--yellow-color);}

.m-footer{ position:fixed; width:100%;line-height:15px; left:0; bottom:0;background:#f08300;color:#fff; display:none; z-index:999;}
.m-footer ul{display: flex;display: -webkit-flex; height:50px; }
.m-footer li{width:50%; text-align:center;}
.m-footer a{ color:#fff;display: block;height:100%}
.m-footer a i{ display: block;height: 20px;margin:5px 0 5px;}
.m-footer li:nth-child(1) i{background:url(../images/ico-ctel.png) no-repeat center center;background-size: 20px;}
.m-footer li:nth-child(2) i{background:url(../images/ico-cmail.png) no-repeat center center;background-size: 20px;}

@media screen and (max-width:1920px){
    .i-aboutCon{width: 37%;}
    .newsContent .right{width: 450px;}
    .newsContent .left{width: calc(100% - 550px);}
}
@media screen and (max-width: 1680px){
    .space{padding: 80px 0;}
    .i-about{padding: 120px 0;}
    .i-aboutCon{width: 50%;}
    .menu>ul>li{margin: 0 30px;}
    .main_product .left{width: 300px;}
    .main_product .right{width: calc(100% - 300px);}
    .main_product .nav li>a{padding: 20px 40px;}
    .main_product .nav li>a span{right: 30px;}
    .main_product .nav .sub a{padding: 8px 40px;}
    .main_product .pro-tit{font-size: 2.8rem;}
    .productsList a{padding: 35px;}
    .productsList .tit{font-size: 1.25em;}
    .i-news-list h3{font-size: 20px;}
    .f-nav li:not(:first-child) {margin-left: 100px;}
    .newstit{font-size: 2em;}
    .nbanner .tit span{font-size: .8em;}
}
@media screen and (max-width: 1440px){  
    .wrap{width: 90%;}
    .nbanner .tit{left: calc(5% + 1rem);}
    .menu>ul>li{margin: 0 20px;}
    .i-product-list a{padding: 50px 25px 25px;}
    .i-product-list .tit{font-size: 22px;}
    .i-about{padding: 100px 0;}
    .i-aboutCon{width: 50%;}
    .i-aboutCon .txt{margin-bottom: 60px;}
    .i-aboutCon .txt ul{margin-top: 40px;}
    .i-aboutCon .txt li{width: 135px;height: 135px;font-size: 18px;}
    .i-aboutCon .txt li .ico{height: 40px;}
    .i-case-list .box h3{font-size: 22px;}
    .i-case-list .box .txt{padding: 0 25px 15px;}
    .i-case-list .box .mor{width: 40px;height: 40px;}
    .i-news-list .txt{ padding: 30px 25px 0;}
    .i-news-list .intro{font-size: .9em;}
    .i-news-list .bot{margin-top: 1.5em;padding: 12px 0 20px;}
    .f-contact div{font-size: 20px;}
    .f-nav li:not(:first-child) {margin-left: 80px;}
    .ability-list .tit{font-size: 22px}
    .content_about1 .txt{font-size: 16px;}
    .honorList p{font-size: 1.15em;}
    .newsList .tm{font-size: .9rem;}
    .newsList h3{font-size: 1.4em;}
    .newsList .intro{margin-bottom: 1.5em;}
    .newsList .more{line-height: 38px;}
    .newsContent .right{width: 350px;padding: 25px 25px;}
    .newsContent .left {width: calc(100% - 420px);}
    .related-case .txt{padding: 0 25px 15px;}
    .related-case h3{font-size: 18px;}
    .productsList li{width: 47%;}
    .main_product .left {width: 245px;}
    .main_product .right {width: calc(100% - 245px);}
    .main_product .nav {font-size: 1em;}
    .main_product .nav li>a{padding: 20px 30px;}
    .main_product .nav li>a span {right: 25px;}
    .main_product .nav .sub a{padding: 8px 30px;}
    .main_product .pro-tit{font-size: 2.5em;}
    .main_product .pro-infor{display: block;}
    .main_product .pro-infor .img{width: 100%;}
    .main_product .pro-infor .img img{width: auto;max-width: 100%;}
    .main_product .pro-infor .txt{width: 100%;}
    .productDetail{display: block;}
    .productDetail-imgslide{width: 60%;margin: 0 auto;}
    .productDetail-txt{font-size: 1em;width: 100%;}
    .productDetail-txt .intro p {background: url(../images/ico_dot.png) no-repeat left 8px;}
    .f-nav h4{font-size: 17px;}
    .f-nav .sub{font-size: 14px;}
}
@media screen and (max-width:1250px){
    .logo img{height: 40px;}
    .menu{margin-right: 20px;}
    .menu>ul>li{margin: 0 10px;font-size: 1em;}
    .f-nav li:not(:first-child) {margin-left: 40px;}
    .title{font-size: 2.6rem;}
    .space {padding: 60px 0;}
    .i-about{padding: 60px 0;}
    .i-aboutCon{width: 100%;}
    .i-aboutCon .title{text-align: center;}
    .i-aboutCon .txt{margin-bottom: 30px;font-size: 1.15em;line-height: 1.8;}
    .i-aboutCon .txt ul{margin-top: 30px;justify-content: center;}
    .i-about .more{margin: 0 auto;}
    .newsContent{display: block;}
    .newsContent .left{width: 100%;}
    .newsContent .right{width: 100%;margin-top: 40px;}
    .related-news .pic{width: 25%;}
    .related-news .txt{width: 72%;}
    .related-news h3{font-size: 1.15em;}
}
@media screen and (max-width: 1024px){
    html,body{font-size: 14px;}
    body{overflow-x: hidden}
    .header_wrap{padding-left: 1.1rem;background-color: #fff;border-bottom:0;box-shadow: 0 0 5px rgba(0,0,0,.08);}
    .headroom--unpinned {top: 0;}
    .logo img{height: 35px;}
    .wrap{width: 100%;padding: 0 1.1rem;}
    .nbanner{margin-top: 50px;}
    .nbanner .tit{left: 1.1rem;font-size: 2rem;}
    .logo{height: 50px;}
    .menu{display: none;}
    .lang .ico{width: 50px;height: 50px;}
    .icon-menu-box{display: block;}
    .header.hbg .header_wrap, .header.hbg-scroll .header_wrap{border-bottom: 0;}
    .banner{height: auto;margin-top: 50px;}
    .banner .swiper-pagination-bullet{width: 15px;height: 15px;}
    .banner .swiper-pagination-bullet:after{left: 2px;top:2px;width: calc(100% - 4px);height: calc(100% - 4px);}
    .space{padding: 45px 0;}
    .i-product form{height: 50px;width: 450px;}
    .i-product form .txt{font-size: 16px;}
    .i-product-list{margin: 40px 0 30px;}
    .i-product-list a {padding: 30px 15px 15px;}
    .i-product-list .tit{font-size: 18px;}
    .i-product-list .swiper-button{bottom: -70px;}
    .i-product-list .swiper-button>div{width: 40px;height: 40px;margin-right: 10px;}
    .more{width: 120px;line-height: 38px;padding-right: 5px;padding-left: 15px;}
    .en .more{padding-left: 10px;font-size: 13px;}
    .title{font-size: 2.5em;margin-bottom: .6em;}
    .i-aboutCon .txt ul{justify-content: space-around;}
    .i-aboutCon .txt li:not(:last-child){margin-right: 0;}
    .i-aboutCon .txt li{width: 120px;height: 120px;font-size: 16px;}
    .i-aboutCon .txt li .ico{height: 35px;margin-top: 25px;}
    .i-case .swiper-button>div{width: 40px;height: 40px;margin-left: 10px;}
    .i-case-list .box .txt{padding: 0 15px 8px;}
    .i-case-list .box h3{font-size: 18px;}
    .i-case-list .box .mor{width: 35px;height: 35px;}
    .i-news.space{padding-top: 0;}
    .i-news-list{margin-bottom: 30px;}
    .i-news-list .txt {padding: 20px 15px 0;}
    .i-news-list h3{font-size: 16px;}
    .i-news-list .intro{-webkit-line-clamp: 2;}
    .footer{padding-top: 30px;}
    .f-nav{display: none;}
    .footer-top{padding-bottom: 20px;}
    .footer-top .left{float: none;position: relative;padding-right: 200px;max-width: 100%;}
    .f-ewm{position: absolute;right: 0;top: 0;}
    .f-contact{margin-top: 20px;}

    .inner-nav a{font-size: 16px;padding: 15px 0;}
    .newsList li{margin-bottom: 3%;}
    .newsList .more{display: none;}
    .newsList .intro{-webkit-line-clamp: 1;margin-bottom: 0;}
    .newsList h3{font-size: 1.2em;line-height: 1.4;}
    .newsList .pic:before{padding-top: 58%;}
    .newstit{font-size: 1.7em;}
    .newsdetail{padding-top: 1.5em;margin-top: 1em;}
    .pageturn{padding-top: 1em;margin-top: 1.5em;}
    .pageturn p{width: 100%;}
    .pageturn .more{position: relative;margin: 20px auto;top:auto;width: 120px;}

    .inner-nav2{margin-bottom: 20px;}
    .caseList .txt{padding-top: 10px;}
    .caseList h3{font-size: 1.15em; line-height: 1.4;}
    .caseList .pic span{top: 15px;right: 15px;}
    .related-case .txt {padding: 0 15px 10px;}
    .related-case h3{font-size: 16px;}

    .fulidy .txt{font-size: 1.15em;}
    .fulidy li{margin-top: .5em;background-size: 15px;padding-left: 22px;}
    .hrBox .top, .hrList li{margin-bottom: 10px;}
    .hrBox .top .colm, .hrList .colm{padding: 10px 2%;}
    .hrList .colm5:after{top: 2px;}
    .hrList li.cur .colm5:after{top: 5px;}

    .contact-list{margin-bottom: 20px;}
    .contact-list .ico{width: 80px;height: 80px;}
    @keyframes Run {
        0% {
          width: 100%;
          height: 100%;
        }
        70% {
          opacity: 1;
        }
        100% {
          width: 125%;
          height: 125%;
          opacity: 0;
        }
      }
    .contact-list .tit{margin-top: 20px;}
    #allmap{height: 300px;}
    .message{padding: 5%;}
    input, textarea, select, button{font-size: 14px;}

    .content_about1{display: block;}
    .content_about1 .img, .content_about1 .txt{width: 100%;}
    .content_about1 .txt{font-size: 14px;}
    .content_about2{display: block;}
    .content_about2 .left, .content_about2 .right{width: 100%;}
    .ability-list .tit{font-size: 18px; padding: 8px 15px;}
    .ability-list .tit span{right: 15px;top: 12px;}
    .ability-list .con{padding: 15px;}
    .ability-list .con p{background: url(../images/ico_dot.png) no-repeat left 6px;background-size: 12px; padding-left: 18px;margin-bottom: 6px;}

    .main_product .left{float: none;width: 100%;position: relative;top: auto;max-height: inherit;padding: 1.1rem;}
    .main_product .nav li.cur .sub{display: none;}
    .main_product .nav{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -1%;}
    .main_product .nav li{width: 19%;margin-right: 1%;margin-bottom: 1%;border-bottom: 0;background-color: #fff;}
    .main_product .nav li>a{background-color: #fff;padding: 10px;}
    .main_product .nav li>a span{width: 6px;height: 6px;right: 10px;top: 17px;}
    .main_product .nav .cur>a{height: 100%;}
    .main_product .right{width: 100%;float: none;padding:30px 1.1rem;}
    .main_product .pro-tit{font-size: 2em;}
}
@media screen and (max-width:768px){
    .space {padding: 30px 0;}
    .title{font-size: 2rem;}
    .banner .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px !important;border: 1px solid #fff;}
    .banner .swiper-pagination-bullet:after {left: 1px;top: 1px;width: calc(100% - 2px);height: calc(100% - 2px);}
    .banner .swiper-pagination-bullet-active{border: 1px solid var(--yellow-color);} 
    .banner .swiper-pagination-bullet-active:after{background-color: var(--yellow-color);}
    .i-product-list{margin: 20px 0;}
    .i-product-list .swiper-button{bottom: -60px;}
    .i-news-list{margin-bottom: 20px;}

    .productDetail-txt .tableBox{overflow-x: auto;}
    .caseList li{width: 48%;}
    .related-case .swiper-pagination{margin-top: 10px;}
    .related-case .swiper-pagination-bullet,
    .honorList .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 5px !important;border: 1px solid #ddd;}
    .related-case .swiper-pagination-bullet-active,
    .honorList .swiper-pagination-bullet-active {border: 1px solid var(--yellow-color);} 
    .related-case .swiper-pagination-bullet-active:after,
    .honorList .swiper-pagination-bullet-active:after {background-color: var(--yellow-color);}
    .honorList .swiper-container{padding-bottom: 35px;}

    .fulidy{display: block;}
    .fulidy .txt, .hrBox{font-size: 1em;}
    .fulidy .img, .fulidy .txt{width: 100%;}
    
    .contact-list ul{display: block;}
    .contact-list li{width: 100%;padding:20px 0;border-bottom: 1px dashed #ddd;position: relative;text-align: left;padding-left: 65px;}
    .contact-list .ico{width: 50px;height: 50px;position: absolute;left: 0;top:20px;}
    .contact-list .ico img{height: 22px;}
    .contact-list .tit{margin-top: 0;margin-bottom: 0;}
    .message .row{display: block;margin-bottom:0}
    .message .colum{width: 100%;margin-bottom: 10px;}
    .message textarea{margin-bottom: 10px;height: 120px;padding: 10px;}
    .message input[type=text]{line-height: 42px;height: 42px;padding: 0 10px;}
    .message input[type=text].inp{width: 200px;}
    .message .submit{height: 45px;line-height: 45px;width: 120px;font-size: 16px;margin-top: 20px;}
    .ability-list .tit{font-size: 16px;}
    .main_product .nav{margin-right: 0;justify-content: space-between;}
    .main_product .nav li{width: 49.5%;margin-right: 0;}
    .main_product .pro-infor{margin-bottom: 2em;}
    .productsList a{padding: 15px;}
    .m-footer{display: block;}
    .footer{padding-bottom: 50px;}
    .table_yjb th{font-size: 1.15em;padding: 10px;}
    .m-navlist{display: block;}
}
@media screen and (max-width:640px){
    .i-product form{width: 80%;}
    .i-aboutCon .txt{font-size: 1em;}
    .i-case-list .box{display: block;}
    .i-case-list .box .left{width: 100%;}
    .i-case-list .box .right{width: 100%;margin-top: 10px;flex-direction:row}
    .i-case-list .box .right a{width: 49%;}
    .i-case-list .box h3{font-size: 16px;}

    .nbanner::before{padding-top: 32%;}
    .nbanner .tit{font-size: 1.5rem;}
    .inner-nav li{margin-right: 20px;}
    .inner-nav li::before{display: none;}
    .newsList .intro{display: none;}
    .newsList .tm{margin-bottom: .3em;}
    .newsList h3{margin-bottom: 0;font-size: 1.05em;}
    .newstit{font-size: 1.5em;}

    .inner-nav2{font-size: 1em; display: block;}
    .inner-nav2 li{margin-left: 0;margin-right: 5px;margin-bottom: 5px;}
    .inner-nav2 li a{padding: 5px 10px;}
    .caseList ul{margin-right: 0;}
    .caseList li{width: 100%;margin-right:0;margin-bottom: 4%;}
    .caseList h3{max-width: calc(100% - 40px);}
    .productDetail-imgslide{width: 100%;margin-bottom: 2%;}
    .productsList ul{margin-right: 0;}
    .productsList li{width: 100%;margin-right: 0;}
    
}
@media screen and (max-width:480px){
    .logo img{height: 30px;}
    .title{font-size: 1.6rem;}
    .i-product-list .swiper-button>div{display: none;}
    .i-about{padding: 40px 0;}
    .i-aboutCon .txt ul{margin-top: 15px;}
    .i-aboutCon .txt li{width: 90px;height: 90px;font-size: 14px;}
    .i-aboutCon .txt li .ico {height: 25px;margin-top: 20px;}
    .more{line-height: 32px;}
    .more i{width: 24px;height: 24px;}
    .i-case .title-box{justify-content: center;}
    .i-case .swiper-button{display: none;}
    .i-case-list .box .mor{display: none;}
    .i-case-list .box h3{max-width: 100%;}
    .i-case-list .box .txt {padding: 0 10px 8px;}
    
    .nbanner .tit {font-size: 1.2rem;}
    .newstit{font-size: 1.3em;}
    .footer-top .left{padding-right: 0;}
    .f-ewm{position: relative;display: block;margin-top:20px}
    .f-ewm img{margin-left: auto;margin-right: auto;}
    .f-contact div:nth-child(3){margin-bottom: 15px;}
    .f-contact div{font-size: 16px;}
    #allmap {height: 220px;}
    .newsContent .right{padding: 15px;}
    .related-news li{padding-bottom: 15px;margin-bottom: 15px;}
    .related-news li:last-child{margin-bottom: 0;border-bottom:0}
    .related-news h3{font-size: 1.05em;line-height: 1.4;}
    .hrBox .top .colm, .hrList .colm{padding: 6px 2%;}
    .hrList .colm5:after{top: -2px;}
    .main_product .right{padding-top: 20px;padding-bottom: 20px;}
    .main_product .pro-tit{font-size: 1.6em;}
    .footer{padding-top: 20px;}
    .footer-top{padding-bottom: 15px;}
    .f-logo img{height: 30px;}
    .f-contact{margin-top: 12px;}
    .f-contact div:nth-child(3){margin-bottom: 10px;}
    .f-ewm{font-size: 12px;}
    .footer-bot{font-size: 12px;padding: 15px 0;}
}