@charset "utf-8";
.tb80{ padding: 80px 0; }
.ovh{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.ovhs{ display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.ans{ transition: all .3s ease-out;-webkit-transition: all .3s ease-out; }
/*HeaderSTART*/
.header,
.header .logo a{ height:100px;line-height: 100px; }
.header .logo a{ display: flex;align-items: center; }
/** nav **/
.nav ul li{float: left;}
.nav ul li a{ position: relative; display:block; margin: 0 25px; font-size: 16px; }
.nav ul li:last-child a{ margin-right: 0; }
.nav ul li a.pars:after{ position: absolute;bottom: 0;left: 50%;width: 0;height: 3px;content: "";transition: all .3s ease-out; background: var(--color);z-index: 68; }
.nav ul li .childer{
    display: none;
    position: absolute;
    width: 100%;
    height: 110px;
    line-height: 110px;
    top: 100px;
    left: 0;
    background: #fff;
    text-align: center;
    border-top: 1px solid var(--border);
    z-index: 100;
}
.nav ul li .cls-left{ position: absolute; }
.nav ul li:nth-of-type(2) .cls-left{ left: 36%; }
.nav ul li:nth-of-type(3) .cls-left{ left: 34%; }
.nav ul li:nth-of-type(4) .cls-left{ left: 45%; }
.nav ul li:nth-of-type(5) .cls-left{ left: 54%; }
.nav ul li:nth-of-type(6) .cls-left{ left: 60%; }
.nav ul li:nth-of-type(7) .cls-left{ left: 62%; }
.nav ul li:nth-of-type(9) .cls-left{ left: 73%; }
.nav ul li .childer a{ display: inline-block;margin: 0 10px; }
.nav ul li.on a.pars{ color: var(--color); }
.nav ul li.on a.pars:after{ left: 0;width: 100%; }
.nav ul li:hover .childer{ display: block; }
.nav ul li .childer a:hover{ color: var(--color); }
/*SlidesSTART*/
.swiper-container { width: 100%;height: auto;background: var(--white); }
.swiper-slide { background: var(--white);-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat: no-repeat;background-position: center center; }
.slide-usezans .swiper-pagination-bullets{ width: auto; bottom: 15%;left: calc((100% - var(--defaultw)) / 2); }
.slide-usezans .swiper-pagination-bullet{ width: 50px;height: 6px;border-radius: 0;background: var(--white);opacity: 1; }
.slide-usezans .swiper-pagination-bullet.swiper-pagination-bullet-active{ height: 10px; background: var(--color);vertical-align: -2px; }
.slide-usezans .swiper-button-prev{ left: 120px; }
.slide-usezans .swiper-button-next{ right: 120px; }
.slide-usezans .swiper-button-next,
.slide-usezans .swiper-button-prev{ width: 100px;height: 200px;top: 40%; color: #fff; }
.slide-usezans .swiper-button-next.swiper-button-disabled,
.slide-usezans .swiper-button-prev.swiper-button-disabled{ opacity: 0; }
.slide-intro{
    position: absolute;
    top: 36%;
    left: calc((100% - var(--defaultw)) / 2);
    color: #fff;
    z-index: 6;
}
.slide-intro .en{ font-size: 18px;color: rgba(255,255,255,.8);text-transform: uppercase;padding-top: 20px; }
.slide-intro h5{ font-size: 72px;line-height: 80px;padding-bottom: 20px;letter-spacing: 5px; }
.slide-intro .brand{ font-size: 48px;font-weight: lighter;line-height: 38px; }
.a-more,
.a-more-v2{ display: block;width:148px;line-height: 48px; border: 1px solid var(--white);border-radius: var(--radius);
    position: relative;color: #fff;text-align: center;margin-top: 40px;overflow: hidden;z-index: 8;}
/*FooterSTART*/
.footer{ padding: 70px 0 0; }
.footer .footer-list{ padding-bottom: 45px; }
.footer-nav ul li{min-width: 200px;float: left;}
.footer-nav ul li:nth-of-type(2){ min-width: 240px; }
.footer-nav ul li h3{ font-size: 16px;color: #fff;padding-bottom: 10px; }
.footer-nav ul li a{ color: #999;display: block;padding-top: 10px; }
.footer-right{ width: 235px; }
.footer-right .phone{ text-align: right; }
.footer-right .phone span{ display: block;height: 24px;line-height: 24px; color: #a4a4a4;
    padding-right: 32px; background: url("../images/tel-icon.png") no-repeat center right; }
.footer-right .phone strong{font-size: 28px;color: #fff;padding:5px 0 25px;}
.footer-right .code{ display: block;float: right;width: 110px; }
.footer-right .wtime{ clear: both;color: #fff;text-align: right;padding-top: 12px; }
.footer-right .wtime p{ color: #ababab; }
/** copyright **/
.copyright{height: 55px;line-height: 55px;border-top: 1px solid #3f3f3f;}
.copyright,.copyright a{ color:#999 }
.footer-nav ul li a:hover,
.copyright a:hover{ color: var(--color); }
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.comm-title{ position: relative;text-align: center;padding-bottom: 40px; }
.comm-title h3{ font-size:40px;padding-bottom:5px; }
.comm-title p{ font-size: 16px;color: #666; }
/** module-video **/
.module-video{ background: #000;overflow: hidden; }
.module-video .vsub{ text-align: center;height: 100px;line-height: 100px;background: #fff; }
.module-video .vsub a{ margin: 0 25px;text-transform: uppercase;cursor: pointer; }
.module-video .vsub a.on{ color: var(--color); }
/** module-procudt **/
.module-procudt{ padding: 60px 0; }
.product-list .module-procudt{ padding: 0; }
.module-procudt ul li{ width: calc((100% / 3) - 20px); float: left; border: 1px solid var(--border);
    margin-bottom: 30px;background: #fff; }
.module-procudt ul li:not(:nth-of-type(3n)){ margin-right: 30px; }
.module-procudt ul li .imgs{ display: flex;align-items: center;justify-content: center; height: 425px;
    border-bottom: 1px solid var(--border);overflow: hidden; }
.module-procudt ul li .imgs img{ max-width: 100%; }
.module-procudt ul li h5{ font-size: 18px;font-weight: bold; padding: 27px 10px;text-align: center; }
.module-procudt ul li:hover .imgs img{ transform: scale(var(--scale)); }
.module-procudt ul li:hover h5{ color: var(--color); }
/*++---------------
/*++  内容开始
/*++---------------*/
.nbanner .container{ position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;height: 500px; }
.nbanner .text{ position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff; }
.nbanner .text h5{ position: relative; font-size: 36px;margin-bottom: 10px; }
.nbanner .text h5 span{ padding: 0 15px; }
.nbanner .text h5 em{ display: inline-block;width: 90px;height: 1px;background: #fff;vertical-align: 11px; }
.nbanner .text p{ font-size: 36px;text-transform: uppercase; }
/** subcat **/
.subcat{ margin-bottom: 30px; padding: 25px 0;border-bottom: 1px solid var(--border); }
.subcat ul li{ display: inline-block;padding: 9px 28px;border-radius: 5px; }
.subcat ul li.on{ background: var(--color); }
.subcat ul li.on a{ color: #fff; }
/** subcat-list **/
.subcat-list{ margin-bottom: 35px; }
.subcat-list a{ position: relative; font-size: 20px;color: #000;font-weight: bold;margin-right: 15px; }
.subcat-list a:after{ position: absolute;bottom:-10px;left: 0; width: 100%; display:block;height:4px;background: transparent;content: "";
    z-index: 6;
}
.subcat-list a.on{ color: var(--color); }
.subcat-list a.on:after{ background: var(--color); }
/** pro-screen **/
.pro-screen h3{ font-size: 20px;color: #000;padding: 25px 0 15px; }
.pro-subcat{ background: #fff;padding: 20px 20px 10px;margin-bottom: 25px; }
.pro-subcat .sub a{ display: inline-block;margin-right: 20px; color: #000;font-weight: bold; }
.pro-subcat .sub a.on{ color: var(--color); }
.protype{ padding: 15px 0 0;border-top: 1px solid var(--border);margin-top: 15px; }
.protype ul{ width: 930px; }
.protype ul li{ display: inline-block;min-width: 300px;margin-bottom: 10px; }
.protype ul li span{ display: inline-block; color: #000;margin-right: 10px; }
/*.protype ul li a:first-child{ color: #000; }*/
.protype ul li a{ color: #666;margin-right: 10px; }
.protype ul li a.active{ color: var(--color); }

/** contactus-page **/
.contactus-page{ padding: 30px 0; background: var(--bgf8); }
.contactus-page .container{ padding: 30px; background: #fff; }
/** product-show **/
.vv-video,
.vv-video video{ width: 100%;object-fit: cover;background: #000; }
/** article-back **/
.article-back{ background: var(--bgf8); }
/** article **/
.article{ background: var(--bgf8); }
.recommend-article{ padding: 30px 0 40px;overflow: hidden; }
.recommend-article ul li{
    float: left;
    width: 48%;
    background: #fff;
}
.recommend-article ul li.first{ width: 100%;float: none;margin-bottom: 23px; }
.recommend-article ul li.first a{ display: flex;align-items: center; }
.recommend-article ul li.first .imgs{ width: 62%;height: auto; }
.recommend-article ul li.first .remark{ width: 38%;  }
.recommend-article ul li.first .remark .intros{ width: 250px; }
.recommend-article ul li.first .remark .desc{ display: block; }
.recommend-article ul li:nth-of-type(3){ float: right; }
.recommend-article ul li .imgs{ width: 100%;height: 350px;overflow: hidden; }
.recommend-article ul li img{ display: block;width: 100%;height: 100%; }
.recommend-article ul li .remark{ padding: 20px 40px; }
.recommend-article ul li .remark h6{ color: var(--color); }
.recommend-article ul li .remark h3{ font-size: 20px;color: #000;font-weight: bold;padding: 5px 0 20px; }
.recommend-article ul li .remark .desc{ display: none;margin-bottom: 60px; }
.recommend-article ul li:hover .remark h3{ color: var(--color); }
.article-list ul li{ margin-bottom: 25px; }
.article-list ul li a{ display: flex;align-items: center; }
.article-list ul li .imgs{ width: 375px; }
.article-list ul li img{ display: block; width: 100%; }
.article-list ul li .remark{ width: calc(100% - 445px); padding: 0 35px; }
.article-list ul li .remark .time{ color: #757474;font-weight: normal;padding-left: 20px; }
.article-list ul li .remark h5{ font-size: 16px;color: #000;padding: 0 0 20px;font-weight: bold; }
.article-list ul li .remark p{ font-size: 16px;color: #000;line-height: 24px; }
/* article-show */
.article-show{ background: var(--bgf8); }
.content-title{ padding: 60px 0 49px;border-bottom: 2px solid #efefef; }
.content-title h1{ font-size: 36px;color: #000; }
.content-title .sub-title{ color: #999; }
.content-title .sub-title span{ margin-right: 15px; }
.news-content .detail{ padding: 45px 0 30px; }
.news-content .detail img{ max-width:100%; }
/** show **/
.content-show .stitle{ padding: 50px 0; text-align: center; }
.content-show .stitle h1{ font-size: 28px;color: #000;padding-bottom: 8px; }
.content-show .stitle span{ color: #666; }
.detail{ padding: 0 0 30px; }
.detail p{ font-size: 16px; }
.detail img{ max-width: 100%; }
/** cert-list **/
.cert-list li{ float: left; width: calc((100% / 3) - 14px);margin-bottom: 21px; }
.cert-list li:not(:nth-of-type(3n)){ margin-right: 21px; }
.cert-list li .imgs{ display: flex;align-items: center;justify-content: center; width: 100%;height: 450px;background: #f0f0f0; }
.cert-list li .imgs img{ max-width: 60%; }
.cert-list li h5{ text-align: center;padding-top: 10px;color: #000;font-weight: bold; }
/** download **/
.download .subcat{ margin-bottom: 0; }
.download-list{ padding-bottom: 50px; }
.download-list li{ height: 60px;line-height: 60px;border-bottom: 1px solid var(--border); }
.download-list li h5{ display: inline-block;width:90%;color: #000;font-weight: bold; }
.download-list li .down{ cursor: pointer;color: #666; }
/* lay-down */
.lay-down{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 1105; }
.lay-down .cons{ position: absolute;top: 50%;left: 50%; width: 500px;height: auto;padding-bottom: 40px; background: #fff;border-radius: 10px;transform: translate(-50%,-50%); }
.lay-down h5{ text-align: center;font-weight: bold;font-size: 20px;color: #000;text-transform: uppercase;padding: 30px 0 20px; }
.lay-down .layui-form{ padding: 0 60px 0 30px; }
.lay-down .layui-textarea{ resize: none; }
.lay-down .layui-btn{ display: block;width: 100%;background: var(--color); }
.lay-down .close-xc{ position: absolute;top: -35px;right: -30px;cursor: pointer; z-index: 154; }
/*+---------------
/*+  Pages
/*+---------------*/
.pages{ text-align:center;padding:35px 0; }
.pages a{ display:inline-block;padding:5px 10px;margin-right:5px;border:1px solid var(--border);border-radius: 5px; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:var(--color);border-color:var(--color); }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative;padding: 35px 0;border-top: 1px solid var(--border); }
.Pre-Next p{ margin-bottom: 10px;line-height: 30px; }
.Pre-Next p span{ display: inline-block;width: 75px;height: 30px;color: #fff;border-radius: 5px;background: var(--color);
    text-align: center;margin-right: 15px; }
.Pre-Next p:hover a{ color: var(--color); }

.ue-table-interlace-color-double{background:#bbbfbf}