@charset "utf-8";
:root{--color:#107ed8;--color2:#046abe}
#feedbackForm .send-btn:hover,.about .swiper-button-next:hover,.about .swiper-button-prev:hover,.news-list li:hover .news-item-data,.newspage-ninelist-0>li:hover .newspage-item-data,.pdshow-r-btn a:hover{background-color:var(--color2)}
.news-l a:hover,.product-list li:hover .product-more,.products-ninelist-1 li:hover .products-add-inquirl{color:var(--color2)}
.products-ninelist-1 li:hover .products-inquirl-btn{border-color:var(--color2)}
.home-more:hover{background:var(--color2)}
.foot-b{background:var(--color2)}
.fnav li a,.foot-contact span,.foot-contact span a,.fpronav li a,footer{color:#c1c0c0}
@media(min-width:769px){.inquiry-form input#in-phone{margin-right:2%}}
#feedbackForm .send-btn:hover,.about .swiper-button-next:hover,.about .swiper-button-prev:hover,.news-list li:hover .news-item-data,.newspage-ninelist-0>li:hover .newspage-item-data,.pdshow-r-btn a:hover{background-color:var(--color2)}
.news-l a:hover,.product-list li:hover .product-more,.products-ninelist-1 li:hover .products-add-inquirl{color:var(--color2)}
.products-ninelist-1 li:hover .products-inquirl-btn{border-color:var(--color2)}
.home-more:hover{background:var(--color2)}
.foot-b{background:var(--color2)}
.fnav li a,.foot-contact span,.foot-contact span a,.fpronav li a,footer{color:#c1c0c0}
@media (min-width:769px){.inquiry-form input#in-phone{margin-right:2%}}
.table td,table th{border-color:#ccc}
.latestnews-img img{max-height:100%}
.prodetails-bref table{display:table}
@media (max-width:768px){.logo img{max-height:100%}
.logo{height:100%}
.head-b{height:1.2rem}
.fpronav li{width:50%;margin-right:0}}
.foot-item5{display:none}
.fpronav li{float:left;width:50%}
.foot-item3{min-width:360px}
.submenu .LiLevel1 ul{display:none;position:absolute;left:100%;top:0;background:#fff}
.submenu .LiLevel1:hover ul{display:block}
.mobile-bottom{display:none!important}
.mobactfoot{margin-bottom:0}
.head-share a:nth-child(3),.head-share a:nth-child(5){display:none}
.video-box{position:relative;width:100%;height:0;padding-bottom:56.25%}
.video-box iframe{position:absolute;top:0;left:0;width:100%;height:100%}
@media screen and (max-width:800px){.video-box{width:100%}}
.fshare a:nth-child(3),.fshare a:nth-child(5){display:none}
.prodetails-box{max-width:1028px}
.foot-b,.foot-t{background:#2a2a2a}
.foot-list>li>h6{color:var(--color)}
/*about*/
section.about{padding:80px 0px}
section.about .l-wrap{display:flex}
section.about .about-img,section.about .about-con{width:50%}
section.about .about-con{padding-left:100px}
section.about .about-con .title{color:var(--color);font-weight:var(--fontbold6);margin-bottom:22px}
section.about .about-con h3{font-size:var(--fontsize32);text-transform:uppercase;margin-bottom:20px}
section.about .about-con h3>span{color:var(--color)}
section.about .about-con .con{color:var(--introcolor);line-height:1.5em}
section.about .about-con ul{margin:40px 0px 50px;padding-left:70px;position:relative;color:var(--fontcolor)}
section.about .about-con ul li{line-height:1.5em;margin-bottom:10px;position:relative}
section.about .about-con ul li:after{content:"";width:10px;height:10px;background:var(--color);position:absolute;top:8px;left:-20px}
section.about .about-con ul:before,section.about .about-con ul:after{content:"";height:100%;width:1px;background:var(--color);position:absolute;left:0px}
section.about .about-con ul:after{left:14px;top:-22px}
section.about .about-con ul:before{top:10px}
section.about .about-img{padding-top:60px}
section.about .about-img img{display:block;right:0px;width:90%;height:auto}
section.about .about-img .img-wrap{position:relative;display:flex;justify-content:flex-end}
section.about .about-img .dot,section.about .about-img .box{position:absolute}
section.about .about-img .dot{z-index:-2;background-image:radial-gradient(#D8D8D8 1.2px, rgba(0, 0, 0, 0) 1px);background-size:16px 16px}
section.about .about-img .box{background:#F1F4F9;z-index:-1}
@media screen and (max-width:1470px){
section.about .about-con{padding-left:50px}}
@media screen and (max-width:768px){
section.about{padding:3vw}
section.about .l-wrap{display:block;margin:0px}
section.about .about-img,section.about .about-con{width:100%}
section.about .about-img{margin-bottom:40px}
section.about .about-img img{width:100%}
section.about .about-con{padding-left:0px}
section.about .about-con h3,section.about .about-con .title{text-align:center}
section.about .about-con h3{font-size:var(--fontsize20)}
section.about .about-con .title{margin-bottom:16px}
section.about .about-con ul{margin:30px 0px 40px;padding-left:60px}}
section.about .more-btn{display: inline-block;padding: 10px 40px;border: 1px solid var(--color);background: var(--color);color: #FFFFFF;text-transform: lowercase;transition: color ease .3s, background ease .3s;}
section.about .more-btn:hover {background: #FFFFFF;color: var(--color);}
/*about*/
.news{background-image:url(/uploads/34288/page/p20250107170558a8377.jpg)}
@media (min-width:769px){.news .news-l h4,.news .news-l p{color:#fff;}}
@media (min-width:769px){.inner-banner{position: relative;}
.inner-banner .breadcrumbs{position: absolute;top:50%;left:0;padding-left:8%;transform: translateY(-50%);z-index:2;background:none;}
.inner-banner .breadcrumbs .container{flex-direction: column-reverse;align-items:flex-start;}
.inner-banner .breadcrumbs .breadcrumbs-title{color:#fff;margin-bottom:10px;font-size:46px;}
.inner-banner .breadcrumbs .container>div, .inner-banner .breadcrumbs .container>div a{color:#fff;font-size:16px;}}
@media (min-width:769px) and (max-width:1440px){.inner-banner .breadcrumbs .breadcrumbs-title{font-size:34px;}}
@media (min-width:769px) and (max-width:1280px){.inner-banner .breadcrumbs .breadcrumbs-title{font-size:26px;}}
@media (max-width:768px){.pagesbanner video, .pagesbanner img{min-height:inherit;}}
#swiper-banner .banner-animote{position:absolute;top:50%;left:0;transform:translateY(-50%);color:#fff;padding-left:15%;opacity:0;}
#swiper-banner .banner-animote .p1{font-size:42px;font-weight:var(--fontbold5);line-height:1.3}
#swiper-banner .banner-animote .p2{font-size:var(--fontsize22);margin:40px 0 30px;}
#swiper-banner .banner-animote .p3 a{border:1px solid #fff;padding:8px 15px;transition: all .3s;}
#swiper-banner .banner-animote .p3 a:hover{color:#fff;background:var(--color);border-color: var(--color);}
#swiper-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@media (max-width:1600px){#swiper-banner .banner-animote{padding-left:10%;}
#swiper-banner .banner-animote .p1{font-size:2.7vw;}
#swiper-banner .banner-animote .p2{font-size:1.3vw}}
@media (max-width:1024px){#swiper-banner .banner-animote .p2{margin:20px 0 0;}
#swiper-banner .banner-animote .p3{display: none;}
#swiper-banner .banner-animote .p1{font-size:24px;}
#swiper-banner .banner-animote .p2{font-size:14px}}
@media (max-width:768px){#swiper-banner .banner-animote{padding-left:15px;}
#swiper-banner .banner-animote .p1{font-size:14px;}
#swiper-banner .banner-animote .p2{display:none}}
@media (min-width: 769px) {.news .news-l h4, .news .news-l p {color: #000;}.news-l{padding-right: 4%;padding-left: 4%;background: #ffffff63;}}
.product-more {text-transform: capitalize;}
section.about .more-btn, .home-more{text-transform: unset;}