@charset "utf-8";
/* CSS Document */
.icon-menu {
--gap: 5px;
--height-bar: 2px;
--pos-y-bar-one: 0;
--pos-y-bar-three: 0;
--scale-bar: 1;
--rotate-bar-one: 0;
--rotate-bar-three: 0;
width: 25px;
display: flex;
flex-direction: column;
gap: var(--gap);
cursor: pointer;
position: absolute;
right: 1rem;
top: 22px;
opacity: 0;
visibility: hidden;
z-index: -99;
}

.bar {
position: relative;
height: var(--height-bar);
width: 100%;
border-radius: .5rem;
background-color: #000;
}

.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:60px; width:100%; height:100vh;z-index:400; background:#fff;display: none;border-top: 1px solid #e8e8e8;}
.m-menu-con{height: calc(100vh - 60px);overflow: auto;padding-bottom: 80px;}
.m-menu li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu .menu_a{ font-size:16px;line-height:52px; padding:0 20px; position:relative}
.m-menu .menu_a:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--gradient-background);opacity: 0;transition: .4s;}
.m-menu .menu_a>i{ position:absolute; width:52px; height:52px; right:0;top:0;z-index: 2;}
.m-menu .menu_a>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;transition: .3s;}
.m-menu .menu_a>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;transition: .3s;}
.m-menu .menu_a span{position: relative;z-index: 2;}
.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:4px 20px; position:relative}
.m-menu li.active i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}
.m-menu li.active .menu_a{color: #fff;}
.m-menu li.active .menu_a:after{opacity: 1;}
.m-menu li.active .menu_a>i:before{background: #fff;}
.m-menu .sub a:hover{color:#1d2088}

.m-footer{ position:fixed; width:100%;line-height:1;font-size: 12px;left:0;bottom:0;background: var(--gradient-background);color:#fff; display:none; z-index:999;}
.m-footer ul{display: flex;display: -webkit-flex; height:45px; }
.m-footer li{width:33.33%; text-align:center;font-weight: 300;}
.m-footer a{ color:#fff;display: block;height:45px}
.m-footer a i{ display: block;height: 20px;margin:4px 0 5px;}
.m-footer .tel i{background:url(../images/ico_ctel_w.png) no-repeat center center;background-size: 22px;}
.m-footer .mail i{background:url(../images/ico_mail.png) no-repeat center center;}

@media screen and (max-width: 1680px){
    .menu{margin-left: 12%;}
    .menu li {margin: 0 30px;}
    .i-productCon .item-1 .con, .i-about .content{font-size: 1.125em;}
    .f-nav{width: 35%;}
    .f-contact{width: 40%;}
    .product_left_detail .structure-qfm .img{max-width: 50%;}
}
@media screen and (max-width: 1440px){
    .menu{margin-left: 20%;}
    .menu li {margin: 0 25px;}
    .i-productCon .item-1 .con, .i-about .content{font-size: 1em;}
    .title{font-size: 2.8rem;margin-bottom: .8em;}
    .nbanner .tit{font-size: 2.8rem;}
    .section_comp_con{grid-gap: 3rem;}
    .section_comp_con .abt_txt .intro{font-size: 1.05em;}
    .culList ul{padding: 4% 0;}
    .culList h4{font-size: 1.6em;}
    .honorList .swiper-slide{padding: 20px;}
    .honorList p{font-size: 1.15em;}
    .f-ewm img{width: 120px;}
    .f-contact{padding: 0 4%;}
    .f-contact .tel p{font-size: 1.3em;}
    .hrList{padding: 4%;}
    .hrList .hr_tit{padding: 18px 30px;}
    .hrList .hr_tit h3{font-size: 24px;background-size: auto 24px;padding-left: 35px;}
    .hrList .hr_tit .arrow{width: 20px;height: 20px;}
    .hrList .hr_tit .arrow:before{left: calc(50% - 1px);}
    .hrList .hr_tit .arrow:after{top: calc(50% - 1px);}
    .hrList .hr_con{ padding: 30px 65px 40px;}
    .hrList li.on .hr_tit h3{background-size: auto 24px;}
    .videoList li{margin-bottom: 3%;}
    .newsList .info{margin-bottom: 2em;}
    .newsList .tm{margin-bottom: .5em;}
    .newsList h3{font-size: 22px;margin-bottom: .6em;}
    .product_left {width: calc(100% - 340px);}
    .product_right{width: 280px;}
}
@media screen and (max-width: 1250px){
    .banner{height: auto;margin-top:80px}
    .banner .swiper-pagination{left: 2.5%;}
    .nbanner{margin-top: 80px;}
    .header, .logo{height: 80px;}
    .wrap{width: 95%;}
    .menu{font-size: 1em;}
    .menu li {margin: 0 15px;}
    .menu .menu_a{line-height: 80px;}
    .menu .sub_con{padding-left: 2.5%;}
    .lang{font-size: 15px;}
    .logo img{height: 60px;}
    .i-about .wrap{padding-left: calc(2.5% + 1rem);}
    .section_comp .wrap{padding-right: calc(2.55% + 1rem);}
    .video-show{width: 90%;}
    .video-close{right: 0;top: -40px;}
    .main_news_dt, .main_product_dt{margin-top: 80px;}
    .pro-titbox .intro{font-size: 1em;}
    
}
@media screen and (max-width:1024px){
    body{font-size: 14px;overflow-x: hidden;}
    .wrap{width: 100%;padding: 0 1rem;}
    .menu{display: none;}
    .header, .logo{height: 60px;}
    .logo img{height: 40px;}
    .lang{font-size: 14px;margin-right: 60px;}
    .lang a{padding: 0 15px;line-height: 30px;}
    .lang a i{margin-left: 2px;}
    .icon-menu{opacity: 1;visibility: visible;z-index:99}
    .banner, .nbanner{margin-top: 60px;}
    .banner .scroll-down{width: 15px;height: 15px;}
    .banner .scroll-down span{background-size: contain;}
    .banner .swiper-pagination{left: 1rem;}
    .banner .swiper-pagination-bullet,
    .i-news .swiper-pagination-bullet,
    .honorList .swiper-pagination-bullet,
    .related-news-list .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 5px!important;}
    .banner .swiper-pagination-bullet:after,
    .i-news .swiper-pagination-bullet:after,
    .honorList .swiper-pagination-bullet:after,
    .related-news-list .swiper-pagination-bullet:after{width: calc(100% + 6px);height: calc(100% + 6px);left: -3px;top: -3px;}

    .space{padding: 45px 0;}
    .title, .nbanner .tit{font-size: 2.15em;}
    .title .line{width: 30px;height: 3px;}
    .i-productCon{grid-template-columns: repeat(3, 33.33%);}
    .i-productCon .item-1{grid-column: 1/span 1;padding-right: 5%;}
    .i-productCon .item-1 .con{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
    .i-about .wrap{padding-left: 1rem;}
    .i-news-list{margin-bottom: 30px;}
    .more a, .more_n>div{line-height: 35px;padding: 0 15px;}
    .more i{width: 5px;height: 10px;background-size: contain;margin-left: 5px;top: -2px;}
    .more_n i{margin-left: 5px;top: -2px;}
    .footer-top{padding: 15px 0;}
    .footer-top .backtop{width: 35px;height: 35px;}
    .footer-top .backtop::after{background-size: auto 6px;}
    .footer-mid{padding: 25px 0;}
    .f-nav{display: none;}
    .f-contact{padding: 0;border-left: 0;border-right: 0;width: calc(100% - 130px);}
    .f-contact .tel{background-size: 35px; padding-left: 45px;margin-bottom: 20px;}
    .f-ewm img{width: 100px;}
    .f-ewm p{font-size: 12px;margin-top: 5px;}
    .footer-bot{font-size: 12px;padding-top: 10px;}

    .anchor{top: -60px;}
    .honorList, .related-news-list{padding-bottom: 30px;}
    .content_contact{display: block;}
    .contact-list, .map{width: 100%;}
    .contact-list li{margin-bottom: 2%;}
    .contact-list h2{font-size: 1.5em;}
    .contact-list .ico{width:50px;height:50px;margin-right: 10px;}
    #allmap{height: 400px;}
    .message input[type=text]{height: 50px;line-height: 48px;}
    .message input[type=text], .message textarea{padding: 0 10px;font-size: 14px;}
    .message textarea{padding: 10px;}
    .message .row{margin-bottom: 10px;flex-wrap: wrap;}
    .message .row .colum{width: 49.5%;margin-bottom: 10px;}
    .message .row:first-child{margin-bottom: 0;}
    .message .submit{line-height: 42px;width: 120px;}

    .hrList{padding: 15px}
    .hrList .hr_tit{padding: 10px 20px;}
    .hrList .hr_tit h3{font-size: 18px;background-size: auto 15px;padding-left: 20px;}
    .hrList li.on .hr_tit h3{background-size: auto 15px;}
    .hrList .hr_tit .arrow{width: 15px;height: 15px;}
    .hrList .hr_tit .arrow:before{width: 1px;}
    .hrList .hr_tit .arrow:after{height: 1px;}
    .hrList .hr_con {padding: 20px 35px 30px;}
    .hrList .hr_con .more{margin-top: 20px;font-size: 13px;}
    .hrList .hr_con .more img{height: 10px !important;margin-right: 4px;}
    
    .inner-nav a{padding: 15px 0;}
    .videoList .tit{margin-top: 10px;}
    .video-show{width: calc(100% - 2rem);}
    .newsList h3{font-size: 20px;}
    .newsList .info{margin-bottom: 1em;}
    .main_news_dt{margin-top: 70px;}
    .newstit{font-size: 1.8em;}
    .newstm{margin-top: .5em;}
    .newsdetail{padding-top: 1.5em;margin-top: 1em;}
    .pageturn{padding-top: 1.5em;margin-top: 1.5em;}
    .pageturn .more{top: 1.5em;}
    .related-news-list .txt{padding-top: 10px;}
    .related-news-list h3{font-size: 1.15em;line-height: 1.4;}

    .section_comp .wrap{padding: 0 1rem;}
    .section_comp_con{display: block;}
    .section_comp_con .abt_pic{margin-bottom: 1em;}
    .section_comp_con .abt_txt h2{margin-bottom: .2em;line-height: 1.4;}
    .culList li:nth-child(1), .culList li:nth-child(3) {transform: scale(1.2);}
    .culList h4{font-size: 1.5em;}
    
    .pro-titbox{display: block;}
    .pro-titbox .title, .pro-titbox .intro{width: 100%;}
    .proList .txt{font-size: 1.15em;padding: 15px;}
    .main_product_dt{margin-top: 60px;}
    .location i{margin: 0 5px;}
    .product_left, .product_right{width: 100%;}
    .product_right{padding-top: 20px;overflow: hidden;}
    .product_right ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -2%;}
    .product_right li{width: 31.33%;margin-right: 2%;margin-bottom: 2%;}
    .product_left>h2{font-size: 2em;}
    .product_left_detail table{margin-bottom: 20px;}

}
@media screen and (max-width:768px){
    .space{padding: 25px 0;}
    .title, .nbanner .tit{font-size: 1.6rem;}
    .title .line{width: 20px;margin-top: 5px;}
    .nbanner .tit{bottom: 15%;}
    .i-product .title{text-align: center;}
    .i-product .title .line{margin-left: auto;margin-right: auto;}
    .i-productCon {grid-template-columns: repeat(2, 50%);margin-bottom: 25px;}
    .i-productCon .item-1{grid-column: 1/span 2;padding-right:0;padding-bottom: 3%;}
    .i-productCon .item-1 .con{display: block;}
    .i-productCon .item-pro h3{ padding: 6px 15px;text-align: center;}
    .i-productCon .item-mor{display: none;}
    .i-product .align_c{display: block;}
    .i-about .wrap{display: block;padding-left: 0;}
    .i-about .left{width: 100%;padding: 30px 1rem;}
    .i-about .title h4{margin-top: 5px;}
    .i-about .content{margin-bottom: 2%;}
    .i-about .right{width: 100%;padding-bottom: 6%;}
    .i-about .right img{margin: 0;}
    .i-news-list{margin-bottom: 25px;}
    .i-news-list .txt{padding: 4% 6% 2%;}
    .i-news-list h3{font-size: 1.15em;}
    .i-news-list .info{-webkit-line-clamp: 2;}
    .i-news-list .bot{padding: 10px 0;}
    .m-footer{display: block;}
    .footer{padding-bottom: 45px;font-size: 13px;}
    .footer-top .wrap{flex-direction: column-reverse;}
    .f-navkj{width: 100%;margin-top: 10px;}
    .f-navkj ul{justify-content: space-between;}
    .f-navkj li{margin-right: 0;}

    .content_contact{line-height: 1.6;}
    .contact-list{font-size: 1em;}
    .contact-list h2{font-size: 1.15em;}
    .contact-list .ico{width: 45px;height: 45px;}
    #allmap{height: 300px;}
    .message .row{margin-bottom: 5px;}
    .message .row .colum{width: 100%;margin-bottom: 5px;}
    .message textarea{height: 100px;}
    .message .row_yzm .yzm{width: 200px;}
    
    .videoList li{width: 48%;}
    .videoList .tit{font-size: 1.15em;margin-top: 5px;}
    .newsList .txt{width: 62%;}
    .newsList .info{display: none;}
    .newsList .pic{width: 35%;}
    .newsList h3{margin-bottom: 1em;line-height: 1.2;}

    .culList .con{width: 110px;height: 110px;}
    .culList h4, .en .culList h4{font-size: 1.15em;}
    .honorList .swiper-slide{padding: 10px;}
    .culList li:nth-child(1), .culList li:nth-child(3) {transform: scale(1.15);}

    .proList li{width: 48%;}
    .product_left_detail .tableBox{overflow: auto;}
    .product_left_detail table{width: 99%;}
}
@media screen and (max-width:640px){
    .hrList .hr_tit{padding: 5px 15px;}
    .hrList .hr_tit h3{font-size: 14px;background-size: auto 12px;padding-left: 15px;}
    .hrList li.on .hr_tit h3 {background-size: auto 12px;}
    .hrList .hr_tit .arrow{width: 10px;height: 10px;}
    .hrList .hr_con{padding: 15px;font-size: .9em;line-height: 1.6;}
    .hrList .hr_con .more{margin-top: 10px;font-size: 12px;}

    .inner-nav li{margin: 0 2%;}
    .inner-nav a{padding: 10px 0;font-size: 1em;}
    .videoList ul{margin-right: 0;}
    .videoList li{width: 100%;margin-right: 0;}
    .newsList h3{font-size: 16px;-webkit-line-clamp: 3;}
    .newstit{font-size: 1.5em;}

    .culList ul{justify-content: space-between;}
    .culList .con{width: 100px;height: 100px;}
    .culList li:nth-child(1), .culList li:nth-child(3) {transform: scale(1);}

    .product_left_detail>h4{max-width: 90%;}
    .apptlist ul{margin-right: 0;}
    .apptlist li{width: 100%;margin-right: 0;border-radius: 10px;padding: 20px;}
    .apptlist .dbt{display: block;width: 100%;}
    .apptlist .dbt .pic{border-radius: 0;width: 100%;}
    .apptlist .dbt .txt{width: 100%;padding:15px 20px 20px;}
    .apptlist-qfm li{display: block;border-radius: 10px;overflow: hidden;}
    .apptlist-qfm .pic{width: 100%;border-radius: 0;}
    .apptlist-qfm .txt{width: 100%;border-radius: 0;padding:15px 20px 20px;}
    

    .product_left_detail .model{display: block;}
    .product_left_detail .model .info{margin-left: 0;}
    .product_left_detail .structure{display: block;}
    .product_left_detail .structure .info{margin-right: 0;}
    .product_left_detail .structure-qfm{margin: 0;}
    .product_left_detail .structure-qfm .img{max-width: 100%;}
    
    
}
@media screen and (max-width:480px){
    .lang{margin-right: 40px;}
    .title{font-size: 1.25rem;margin-bottom: .6em;}
    .space {padding: 20px 0;}
    .more a{line-height: 30px;}
    .more span{font-size: 12px;}
    .more i{top: 0;width: 4px;height: 8px;}
    .more_n>div{line-height: 25px;padding: 0 10px;}
    .more_n span{font-size: 12px;}
    .more_n i {margin-left:2px;top: 0;width: 5px;height: 5px;}
    .i-productCon, .i-news-list{margin-bottom: 15px;}
    .i-productCon .item-pro h3{font-size: 1em;line-height: 1.2;}
    .i-news-list .txt {padding: 4% 5% 2%;}
    .i-news-list h3{font-size: 1.07em;}
    .footer-mid{padding: 15px 0;}
    .footer-mid .wrap{display: block;}
    .f-contact{width: 100%;}
    .f-contact .tel{margin-bottom: 15px;background-size: 30px;padding-left: 40px;}
    .f-contact .tel p span:nth-child(1){margin-right: 5px;}
    .f-contact .tel p span:nth-child(2){margin-left: 5px;}
    .f-contact p{margin-bottom: 5px;}
    .f-ewm{margin-top: 10px;}
    .f-ewm img{margin: 0 auto;}
    .nbanner .tit{font-size: 1.25rem;}
    .main .content{line-height: 1.8;}
    #allmap{height: 220px;}
    .message input[type=text]{height: 40px;line-height: 38px;}
    .message input[type=text], .message textarea{font-size: 12px;}
    .message .submit{font-size: 15px;line-height: 36px;width: 100px;margin-top: 15px;}
    .message .row_yzm .yzm{width: 40%;}

    .videoList li{margin-bottom: 4%;}
    .videoList .v-btn{background-size: 45px;}
    .newsList .txt{width: 58%;}
    .newsList .pic{width: 40%;}
    .newsList h3{font-size: 14px;margin-bottom: .8em;}
    .newstit{font-size: 1.25em;}
    .pageturn{padding-top: 1em;}
    .pageturn p{width: 65%;line-height: 1.6;}
    .pageturn .more{top: 1.2em;}
    
    .culList .con{width: 70px;height: 70px;}

    .proList{margin-top: 3%;}
    .proList ul{margin-right: 0;}
    .proList li{width: 100%;margin-right: 0;margin-bottom: 3%;}
    .product_left>h2{font-size: 1.5em;}
    .product_left>.pic{border-radius: 10px;}
    .product_left_detail>h4{max-width: 90%;font-size: 1.15em;padding: 2px 10px;}
    .apptlist li{padding: 15px;}
    .apptlist .tit, .apptlist-qfm .tit{font-size: 1.15em;line-height: 1.4;}
    .apptlist .info, .apptlist-qfm .info{margin-top: 0;}
    .apptlist .dbt .txt, .apptlist-qfm .txt{padding: 10px 15px 15px;}
    .product_left_detail table th{font-size: 1em;padding:8px 5px;}
    .product_left_detail table td{padding: 5px;font-size: .9em;}
    .product_right>h3{font-size: 1.25em;line-height: 1.4;}
    .product_right ul{margin-right: 0;}
    .product_right li{width: 100%;margin-right: 0;margin-bottom: 3%;}
    .product_right li:last-child{margin-bottom: 0;}
    .product_right li a{padding: 10px;}
        
    .en .culList h4{font-size: .85em;}
}