@charset "utf-8";
:root{--color:#f47920}
html{line-height:1.15;overflow-x:hidden;-webkit-text-size-adjust:100%}
a{text-decoration:none;color:var(--fontcolor);transition:color .2s ease;background-color:transparent}
a:hover{color:var(--color)}
.l-wrap{margin:0 auto;max-width:1600px}
.more-btn{padding:10px 40px;border:1px solid var(--color);background:var(--color);color:#fff;text-transform:lowercase;transition:color ease .3s,background ease .3s}
.more-btn:hover{background:#fff;color:var(--color)}
.main-part,.main-title{text-align:center}
.main-title{margin-bottom:5px;color:#555}
.main-part{text-transform:uppercase;font-size:2.2em}
img{max-width:100%;height:auto;border-style:none}
#about{padding:80px 0}
#about .l-wrap{display:flex}
#about .about-con,#about .about-img{width:50%}
#about .about-con{padding-left:100px}
#about .about-con .title{color:var(--color);font-weight:var(--fontbold6);margin-bottom:22px}
#about .about-con h3{font-size:2em;text-transform:uppercase;margin-bottom:20px}
#about .about-con h3>span{color:var(--color)}
#about .about-con .con{color:#555;line-height:1.5em}
#about .about-con ul{margin:40px 0 50px;padding-left:70px;position:relative;color:var(--fontcolor)}
#about .about-con ul li{line-height:1.5em;margin-bottom:10px;position:relative}
#about .about-con ul li span{color:var(--color);font-size:18px;margin:0 6px;font-weight:var(--fontbold5)}
#about .about-con ul li:after{content:"";width:14px;height:14px;background:var(--color);position:absolute;top:6px;left:-22px}
#about .about-con ul:after,#about .about-con ul:before{content:"";height:100%;width:1px;background:var(--color);position:absolute;left:0}
#about .about-con ul:after{left:14px;top:-22px}
#about .about-con ul:before{top:10px}
#about .about-img{padding-top:60px}
#about .about-img img{display:block;right:0;width:90%;height:auto}
#about .about-img .img-wrap{position:relative;display:flex;justify-content:flex-end}
#about .about-img .box,#about .about-img .dot{position:absolute}
#about .about-img .dot{z-index:-2;background-image:radial-gradient(#d8d8d8 1.2px,rgba(0,0,0,0) 1px);background-size:16px 16px}
#about .about-img .box{background:#f1f4f9;z-index:-1}
@media screen and (max-width:1470px){#about .about-con{padding-left:50px}}
@media screen and (max-width:768px){#about{padding:9.6vw 0}
#about .l-wrap{display:block}
#about .about-con,#about .about-img{width:100%}
#about .about-img{margin-bottom:40px}
#about .about-img img{width:100%}
#about .about-con{padding-left:0}
#about .about-con .title,#about .about-con h3{text-align:center}
#about .about-con h3{font-size:18px}
#about .about-con .title{margin-bottom:16px}
#about .about-con ul{margin:30px 0 40px;padding-left:60px}}
#ind{display:flex;padding:100px 0;overflow:hidden}
#ind>div{flex:1}
#ind .ind-wrap{box-sizing:border-box;padding:90px 120px}
#ind .ind-l{z-index:1;background:#09162a}
#ind .ind-l h3{margin-bottom:20px;font-size:2em;color:#fff}
#ind .ind-l .con{margin-bottom:30px;line-height:1.5em;color:#98a0b4}
#ind .ind-r{position:relative;top:-54px;z-index:0;margin-left:-100px}
#ind .ind-r>img{display:block;width:100%;height:auto}
#ind .ind-r .play{display:flex;position:absolute;left:50%;top:50%;justify-content:center;align-items:center;border-radius:50%;width:77px;height:77px;background:var(--color);transform:translate(-50%,-50%)}
#ind .adv-icon{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -16px}
#ind .adv-icon>li{box-sizing:border-box;margin-bottom:25px;padding:0 16px;width:50%}
#ind .adv-icon .icon-item{display:flex;box-sizing:border-box;padding:30px;background:#0d1b31;color:#fff}
#ind .adv-icon .icon-img{margin-right:24px}
#ind .adv-icon .icon-img em{color:var(--color);font-size:46px}
#ind .adv-icon .num{font-size:2em}
#ind .adv-icon .text{margin-top:0;color:#98a0b4}
@media screen and (max-width:1680px){#ind .ind-wrap{padding:100px}
#ind .ind-r .play{top:40%}}
@media screen and (max-width:1470px){#ind .ind-wrap{padding:40px}
#ind .adv-icon .icon-item{padding:14px}
#ind .ind-r .play{top:45%}}
@media screen and (max-width:768px){#ind{flex-direction:column-reverse;margin:5.3333333333vw 0;padding:20px 0}
#ind .ind-r{position:relative;top:0;margin:0}
#ind .ind-r .play{top:50%;width:9.3333333333vw;height:9.3333333333vw}
#ind .ind-r .play img{width:3.2vw}
#ind .ind-wrap{padding:4vw}
#ind .ind-l h3{font-size:24px;margin-bottom:20px}
#ind .adv-icon .icon-img{margin-right:0}
#ind .adv-icon .icon-item{padding:4vw;height:100%;flex-direction:column}
#ind .adv-icon .icon-item>div{text-align:center}
#ind .adv-icon .num{margin-top:4px;font-size:1.6em}}
#product{margin-bottom:100px}
#product .pro-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:50px -20px 0}
#product .pro-list>li{width:25%;padding:0 20px;margin-bottom:36px;box-sizing:border-box}
#product .pro-list .pro-item{padding:15px;border:1px solid #e3e3e3;transition:border .3s ease}
#product .pro-list .pro-item:hover{border-color:var(--color)}
#product .pro-list .pro-item:hover img{transform:scale(1.05)}
#product .pro-list .pro-img{position:relative;padding-top:100%}
#product .pro-list .pro-img img{transition:transform .3s ease}
#product .pro-list .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
#product .pro-list .pro-name{margin:15px 0;text-align:center;color:var(--fontcolor);font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#product .pro-list .pro-more{width:100%;display:block;color:#333;font-size:14px;background:#f2f2f2;text-align:center;height:40px;line-height:40px;text-transform:lowercase;transition:color .3s ease,background .3s ease}
#product .pro-list .pro-more:hover{color:#fff;background:var(--color)}
#product .product-more{text-align:center}
#product .product-more .more-btn{display:inline-block;margin:30px auto 0;padding:10px 25px;background:#fff;text-transform:capitalize;color:var(--fontcolor);border-color:var(--fontcolor)}
#product .product-more .more-btn:hover{background:var(--color);border-color:var(--color);color:#fff}
#product .product-more .more-btn em,#product .product-more .more-btn i{display:inline-block;margin-left:14px;transform:rotate(180deg)}
@media screen and (max-width:1470px){#product .pro-list .pro-item{padding:14px}}
@media screen and (max-width:768px){#product{margin-bottom:5.3333333333vw}
#product .pro-list{margin:4vw -2vw}
#product .pro-list>li{padding:0 2vw;margin-bottom:4vw;width:50%}
#product .pro-list .pro-name{font-size:16px;margin:0 0 2vw 0;-webkit-line-clamp:3}
#product .pro-list .pro-item{padding:10px}
#product .pro-list .pro-more{font-size:14px}
#product .product-more .more-btn{margin:0}}
#appli{background-color:#f6f6f6;background-image:url(/Content/uploads/202311116/20230927170936cdd095fdfbef422498334ae8da2b1020.png);background-repeat:no-repeat;background-position:center bottom;background-size:100%}
#appli-swiper{box-sizing:border-box;padding-bottom:60px}
#appli-swiper .swiper-slide{display:flex;overflow:hidden}
#appli-swiper .swiper-slide>div{flex:1}
#appli-swiper .sol-img img{width:100%;height:auto;max-height:540px}
#appli-swiper .sol-r-wrap{padding:0 9%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}
#appli-swiper .sol-r{background:#fff}
#appli-swiper .sol-title{font-size:1.8em;margin-bottom:10px;font-weight:var(--fontbold6);text-transform:capitalize;color:var(--fontcolor)}
#appli-swiper .sol-con{color:#555;line-height:1.7em;margin-bottom:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden}
#appli-swiper .swiper-pagination-bullet{background:var(--color)}
.sol-top{background:url(/Content/uploads/202311116/20230926105038dfde11abf2b647fdaba47d092bfcfe41.png) repeat-x left top}
.sol-top h3{font-size:2.2em;text-align:center;padding:70px 0 50px;text-transform:uppercase;color:#fff}
.advan{padding:60px 0 85px}
.advan h3{margin-bottom:5px;font-size:2.2em;text-align:center;text-transform:uppercase}
.advan .title{margin:0 auto;color:#555;max-width:48%;text-align:center;margin-bottom:54px}
.advan .advan-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -25px}
.advan .advan-list>li{width:25%;padding:0 25px;box-sizing:border-box}
.advan .advan-item{padding:38px 20px 46px;box-sizing:border-box;height:100%;background:#fff;position:relative}
.advan .advan-item .tit{margin:0 auto;text-align:center;font-weight:var(--fontbold6);margin:20px 0;font-size:1.25em}
.advan .advan-item .con{text-align:center;line-height:1.5em;color:#555}
.advan .advan-item:hover .advan-icon{background-color:var(--color)}
.advan .advan-item:hover .advan-icon .qa{background-position:-36px 0}
.advan .advan-item:hover .advan-icon .gs{background-position:-108px 0}
.advan .advan-item:hover .advan-icon .rn{background-position:-180px 0}
.advan .advan-item:hover .advan-icon .fd{background-position:-252px 0}
.advan .advan-item:hover:after{border-bottom:24px solid var(--color);border-left:24px solid transparent}
.advan .advan-item:after{content:"";position:absolute;display:block;height:0;width:0;right:14px;bottom:14px;border-bottom:14px solid var(--color);border-left:14px solid transparent;transition:border .3s ease}
.advan .advan-icon{width:65px;height:65px;margin:0 auto;border-radius:5px;background:#f6f6f6;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}
.advan .advan-icon>em,.advan .advan-icon>i{display:block;width:36px;height:36px;background:url(/Content/uploads/202311116/20230926104942e706593c43e545019e73bca068bdfcae.png) no-repeat}
.advan .advan-icon .gs{background-position:-72px 0}
.advan .advan-icon .rn{background-position:-144px 0}
.advan .advan-icon .fd{background-position:-216px 0}
@media screen and (max-width:1470px){.advan .advan-item{padding:20px 16px 30px}
.advan .advan-item .tit{margin:18px 30px}}
@media screen and (max-width:768px){#appli-swiper .swiper-slide{display:block}
#appli-swiper .sol-title{font-size:18px}
#appli-swiper .sol-r-wrap{padding:5.3333333333vw 4vw}
#appli-swiper .sol-con{font-size:16px;margin-bottom:4vw}
.sol-top h3{font-size:19px;padding:9.3333333333vw 0}
.sol-top{background-size:auto 30%;background-position:top 0 center}
.more-btn{font-size:14px;padding:10px 30px}
.advan h3{font-size:19px}
.advan .title{max-width:100%;font-size:16px;margin-bottom:5.3333333333vw}
.advan{padding:5.3333333333vw 0}
.advan .advan-list>li{width:50%;margin-bottom:4vw;padding:0 2vw}
.advan .advan-list{margin:0 -2vw}
.advan .advan-item .tit{font-size:16px;margin:4vw 0}
.advan .advan-item .con{font-size:16px}}
#new{padding:80px 130px}
#new .new-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:36px -25px 0}
#new .new-list>li{width:33.3333%;padding:0 25px;box-sizing:border-box}
#new .new-item{box-shadow:0 0 70px 0 rgba(184,184,184,.33);padding-bottom:15px}
#new .new-item .new-img:hover img{transform:scale(1.05)}
#new .new-img{position:relative;overflow:hidden;display:block}
#new .new-img img{display:block;width:100%;height:auto;transition:transform .3s ease}
#new .new-date{position:absolute;left:20px;font-size:14px;padding:5px 10px;color:#fff;background:var(--color);bottom:0}
#new .new-date i{margin-right:6px}
#new .new-more{margin:0 20px;font-size:14px;display:flex;justify-content:space-between;text-transform:lowercase}
#new .new-more i{font-weight:var(--fontbold6);transform:rotate(180deg)}
#new .new-title{margin:15px 20px;padding-bottom:15px;border-bottom:1px solid #e3e3e3;font-size:18px;color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:60px}
#new .new-title:hover{color:var(--color)}
@media screen and (max-width:1470px){#new .new-title{margin:12px 20px}
#new{padding:100px 80px}}
@media screen and (max-width:768px){#new{padding:4vw 0}
#new .new-list{margin:4vw -2vw}
#new .new-list>li{padding:0 2vw;width:50%}
#new .new-list>li:last-child{display:none}
#new .new-date{font-size:12px;padding:2px 5px;left:10px}
#new .new-item{padding-bottom:1px}
#new .new-title{font-size:16px;margin:6px 10px;padding-bottom:6px;-webkit-line-clamp:3;height:74px}
#new .new-more{font-size:14px;margin:10px}
#new .new-more i{font-size:14px}}
@media screen and (max-width:1680px){.l-wrap{max-width:1400px}}
@media screen and (max-width:1470px){.l-wrap{max-width:1200px}
.new-main .sidebar,.product-main .sidebar{flex:0 0 320px;width:320px}}
@media screen and (max-width:1279px){.l-wrap{max-width:none;max-width:initial;width:auto;margin:0 50px}
.new-main .sidebar,.product-main .sidebar{display:none}
.inner-banner h1{font-size:1.8em}}
@media screen and (max-width:768px){.l-wrap{margin:0 4vw}
.main-part{font-size:19px}
.main-title{font-size:16px}
.inner-banner{height:40vw}
.inner-banner>img{height:100%;object-fit:cover}
.inner-banner h1,.inner-banner h2{font-size:1.5em}
.inner-banner .breadcrumb{font-size:12px}
.common-main{margin:5.3333333333vw 0}}
#contact{padding:20px 0;background:#222}
#contact .l-wrap{display:flex;justify-content:space-between}
#contact .foot-contact{padding:0 25px;height:40px;background:var(--color);line-height:40px;color:#fff;white-space:nowrap}
#contact .foot-title{line-height:40px;font-size:1.25em;text-transform:capitalize;color:#fff}
@media screen and (max-width:768px){#contact .l-wrap{flex-wrap:wrap}
#contact .foot-title{line-height:1.6;font-size:16px}
#contact .foot-contact{margin-top:10px}}
#divQQbox{display:none!important}
.fpronav li{float:left;width:50%}
.foot-list>.foot-item-box{width:80%}
.foot-list>.foot-item-box>div.foot-item3{max-width:40%}
.foot-list>.foot-item-box>div.foot-item3 li a{white-space:nowrap}
.foot-list>.foot-item1{width:20%}
@media (min-width:1251px){.products-ninelist-1 li{width:24%;margin-right:1.3333%}
.products-ninelist-1 li:nth-child(3n){margin-right:1.3333%}
.products-ninelist-1 li:nth-child(4n){margin-right:0}}
.products-ninelist-1 li .products-list-img>a{height:0;padding-bottom:100%;position:relative;width:100%}
.products-ninelist-1 li .products-list-img>a img{max-height:inherit;height:100%;position:absolute;top:0;left:0;object-fit:contain}
@media (min-width:1025px){nav .nav li a{color:#000;font-size:14px;padding:0 12px}}
@media (max-width:1440px) and (min-width:1025px){nav .nav li a{padding:0 7px;font-size:13px}}
@media (max-width:1200px) and (min-width:1025px){nav .nav li a{padding:0 5px;font-size:12px}}
.fshare a:nth-child(1){background-color:#3b5997}
.fshare a:nth-child(2){background-color:#2d2d2d}
.fshare a:nth-child(3){background-color:#0a66c2}
.fshare a:nth-child(4){background:red}
.fshare a:nth-child(5){background-color:#cc2127}
.fshare a i{color:#fff}
header {height:130px;}
body {padding-top:130px;}
.headact {height:110px;}
.headtop {height:40px;background:#f7f7f7;}
header>.container {height:calc(100% - 40px);}
.tcont {display:flex;align-items:center;color:#fff;}
.tcont a {color:#000;}
.tcont p {margin-right:30px;}
.tcont p i {margin-right:6px;color:var(--color)}
.tcont a:hover{color:var(--color)}
.headshare {height:30px;}
.headshare a {margin-left:4px;}
.headshare a img{border-radius:50%}
@media screen and (max-width:1024px){header {height:calc(1rem + 40px);}
body {padding-top:calc(1rem + 40px);}
.headact {height:calc(.7rem + 40px);}}
@media screen and (max-width:610px){.headshare{display:none}
.headtop{height:30px}
header {height:calc(1rem + 30px);}
body {padding-top:calc(1rem + 30px);}
.headact {height:calc(.7rem + 30px);}
header>.container {height:calc(100% - 30px);}
.tcont p{font-size:14px;margin-right:20px}
.logo{max-width:inherit}}
div#jljw_IM_GdImBox .GdImBox { right: 50px;}