﻿@charset "utf-8"; 
.latestnews-img img{max-height:100%}
.table-responsive{margin:5px 0}
.nyab{max-width:800px;margin:0 auto}
.nyab p{text-align:justify}
.hotpro-title{max-height:42px}
.highpro-l img{object-fit:cover}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{background:#013a7c}
.swiper-pagination-bullet{background:#999}
.swiper-pagination-bullet-active{background:#000}
.wmkc-itemcont{height:auto!important;min-height:100%!important}
#wmkc{top:200px!important}
#wmkc .wmkc-list{overflow:inherit}
.wmkc-wechat .wmkc-itemcont>div:hover img{display:block}
.wmkc-wechat .wmkc-itemcont img{position:absolute;right:100%;top:0;display:none}
.wmkc-wechat .wmkc-itemcont{overflow:inherit}
.wmkc-wechat .wmkc-itemcont>div{padding:0}
li.wmkc-wechat{position:relative}
li.wmkc-wechat>img{position:absolute;right:100%;max-width:inherit;max-height:inherit;width:160px;top:0;display:none}
li.wmkc-wechat:hover>img{display:block}
.nyab{max-width:1200px}
.nyab img{width:100%}
.bannervideo video{max-width:1400px;width:100%;margin:0 auto;display:block}
.bannervideo{max-width:1920px}
.bannervideo lite-youtube{width:100%;height:100%;max-width:100%;display:contents}
.bannervideo iframe{width:100%;height:600px;max-width:1200px;margin:0 auto;display:block}
@media (min-width:1201px){header .container{position:relative}}
.location .container-s{justify-content:space-between}
@media (max-width:769px){.location .container-s{flex-direction:column}
.location-box,.location-map iframe{width:100%}}
.highpro-l lite-youtube{max-width:100%!important;height:100%}
.contactmap{display:none!important}
.wmkc-dt iframe{width:100%}
.wmkc-dt{margin-top:30px}
#wmkc .wmkc-whatsapp .wmkc-itemcont{overflow-y:inherit}
.wmkc-itemcont a{position:relative}
.wmkc-itemcont a img{position:absolute;max-width:120px;right:100%;display:none;max-height:120px;top:0}
.wmkc-itemcont a:hover img{display:block}
@media(max-width:1559px){nav .nav>li>a{font-size: 14px;}}
.content_protype,.prolist-bottom{max-width:1150px;margin-left:auto;margin-right:auto}
.page-box.mobcate-main>.container{max-width:1400px;}
.siggle-page.innerpage .pageAll{max-width:1150px;margin:0 auto}
iframe{max-width:100%}
.home-procate{margin:4% 0}
.procate-list{display:flex;flex-wrap:wrap}
.procate-list .procate-item{z-index:99;width:22%;margin-right:4%;background:#FFF;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);transition:all .1s linear;overflow:hidden;border-radius:5px}
.procate-list .procate-item:hover{box-shadow:0 3px 18px 0 rgba(0,0,0,.24)}
.procate-list .procate-item:hover .procate-img img{transform:scale(1.02)}
.procate-list .procate-item:hover .procate-title a{color:var(--color)}
.procate-list .procate-item:nth-child(4){margin-right:0px}
.procate-list .procate-item .procate-img{max-height:360px;min-height:180px;position:relative;display:flex;align-items:center;justify-content:center}
.procate-list .procate-item .procate-img .tags{position:absolute;top:0px;left:0px;background:rgba(0,0,0,.24);color:#FFF;padding:2px 8px;z-index:1;border-radius:5px 0 0 0;text-transform:lowercase;font-size:14px}
.procate-list .procate-item .procate-img img{width:100%;height:100%;object-fit:cover}
.procate-list .procate-item .procate-title{height:80px;display:flex;align-items:center;padding:10px 20px}
.procate-list .procate-item .procate-title a{display:inline-block;width:100%;font-size:18px;font-weight:var(--fontbold5);color:#272727;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media (max-width:1366px){.home-procate{margin-top:30px;}}
@media (max-width:768px){.procate-list{justify-content: space-between;}
.procate-list .procate-item{width:49%;margin-right:0;margin-bottom:20px;}
.procate-list .procate-item .procate-title a{font-size:16px;}}
.home-product{padding:4% 0 6%}
.index-pro{display:flex;flex-wrap:wrap;margin-top:20px}
.index-pro .pro-item{width:25%;border:1px solid #E5E5E5;border-left:none;overflow:hidden;text-align:center;transition:all .1s linear;display:flex;flex-direction:column;position:relative}
.index-pro .pro-item:nth-child(4n+1){border-left:1px solid #E5E5E5}
.index-pro .pro-item:nth-child(n+5){border-top:none}
.index-pro .pro-item:hover{outline-color:var(--color);z-index:9}
.index-pro .pro-item:hover .pro-img img{transform:translate(-50%,-50%) scale(1.05)}
.index-pro .pro-item:hover .pro-info .pro-title a{color:var(--color)}
.index-pro .pro-item:hover .pro-info .pro-btn em{position:static;opacity:1}
.index-pro .pro-item .pro-img a{display:block;overflow:hidden;position:relative;height:0px;padding-bottom:100%}
.index-pro .pro-item .pro-img a img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .1s linear}
.index-pro .pro-item .pro-info{flex:1;padding:10px;display:flex;flex-direction:column;justify-content:space-between}
.index-pro .pro-item .pro-title a{font-weight:700;margin-bottom:10px;color:var(--fontcolortitle);line-height:20px;text-transform:capitalize}
.index-pro .pro-item .pro-btn{color:var(--color);font-size:16px;padding-left:15px;transition:all .1s linear}
.index-pro .pro-item .pro-btn em{font-style:normal;opacity:0;transition:all .1s linear}
.home-product .home-title{text-align:center;}
@media (max-width:768px){.index-pro .pro-item{width:50%;border:1px solid #E5E5E5 !important}
.index-pro .pro-item:nth-child(2n+1){border-right:none !important}
.index-pro .pro-item:nth-child(n+3){border-top:none !important}
.index-pro .pro-item .pro-info{font-weight:400}}
.about{background:#000;color:#fff}
.about .home-title,.about-l-text,.about-r li i, .about-r li em,.about-r-title,.about-r-num{color:#fff}
.about .home-more{background:#fff;border-color:#fff}
.about .home-more:hover{background:#000;color:#fff}
.section1{max-width:1200px;margin:20px auto 40px;line-height:25px;text-align: center;}
.section1 p{max-width:1200px;margin:20px auto;text-align:center;font-size:14px}
.section1 .section1-box{max-width:1200px;height:440px;position:relative}
.section1 .section1-box img{width:310px;height:310px;position:absolute;top:60px;left:440px;border:1px solid #ccc;padding:4px;border-radius:100%}
.section1 .section1-box li{position:absolute;width:410px;top:60px}
.section1 .section1-box li strong{width:410px;height:40px;line-height:40px;font-size:25px;font-weight:700}
.section1 .section1-box li strong i{font-style:italic;font-size:50px;color:#1f71fb;color:#fff;}
.section1 .section1-box li p{width:410px;line-height:20px;font-size:14px;font-weight:400;text-align:left;padding-bottom:50px;margin-bottom:35px;border-bottom:1px dashed #ccc}
.section1 .section1-box li:nth-child(odd){right:0}
.section1 .section1-box li:nth-child(even){left:0}
.section1 .section1-box li p:nth-of-type(2n){border:0;padding:0}
@media(max-width:1024px){.section1 .section1-box img{display:none;}}
@media(max-width:768px){.section1 .section1-box li{width: 50%;}.section1 .section1-box li p{width: 90%;}}
@media(max-width:500px){.section1 .section1-box li strong i{font-size:24px;}.section1 .section1-box li strong{font-size:16px;}.section1 .section1-box li p{-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;padding-bottom: 0;}}
.location-box{background:#000;}
.location-title,.contact li strong,.contact li a, .contact li p,.highpro-step-act .highpro-step-title{color:#fff}
.about-l2{width:43.75%;}
.about-l2 img{display:block;width:100%}
.about-l2 img:hover{transform:scale(1.03)}
.about-l-l{width:47.6%;margin:20px 0px;background:#333;display:flex;flex-wrap:wrap;align-items:flex-start}
.about-l-r{width:52.4%}
.about-r2{width:56.25%;padding-left:3.5%}
.about-l-l-txt{line-height:1.8;padding:20px}
.about-l-l .about-l-l-txt p{color:#FFF;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:87px}
.about-r2 .home-tit{font-size:30px;font-weight:400;color:#fff;margin-bottom:40px;text-transform:uppercase;text-align:center}
.about-r2 .home-tit{text-align:left;margin-bottom:10px}
.about-r-txt1{font-size:20px;font-weight:400;color:var(--fontcolor);line-height:1.5;margin-bottom:20px}
.about-r-txt2{color:#fff;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;max-height:200px}
.about-r2 .viewmore{display:block;width:150px;background:#F6B22A;border-radius:20px;text-align:center;padding:10px 0px;color:#FFF;font-size:14px;line-height:1.7;margin:30px auto 0px;transition:background .2s ease-in-out;text-transform:capitalize}
.about-r2 .viewmore:hover{background:rgb(246 178 42 / 80%);}
.about-r2 .viewmore{margin-left:0px}
@media (max-width:1200px){.about-l2{align-items:center}}
@media (max-width:768px){.about-r2 .home-tit{text-align:center}
.about-l2{width:100%;align-items:inherit;margin-top:2%}
.about-r-txt1{margin-bottom:10px}
.about-r2{width:100%;padding:6% 0 0;text-align:center}
.about-r .viewmore,.repro-boxl .viewmore{margin-left:auto}}
@media (max-width:500px){.about-l-l-txt{line-height:1.8;padding:10px}
.about-l-l .about-l-l-txt p{font-size:14px}
.about-r2{padding:30px 0}
.about-r2 .home-tit{line-height:1.2;font-size:24px}
.about-r2 .viewmore{margin-left:auto}}
#new .new-list>li {width:24%;padding:0;margin:0 1.333% 0 0;display:block!important;}
#new .new-list>li:nth-child(4n) {margin-right:0;}
#new .new-img {width:100%;padding-bottom:56.2%;}
#new .new-img img {height:100%;position:absolute;top:0;left:0;object-fit:contain;}
#new .new-title{padding-bottom:5px;}
@media (max-width:1080px){#new .new-list>li {width:48%;padding:0;margin:0 4% 30px 0;}
#new .new-list>li:nth-child(2n) {margin-right:0;}}