@charset "utf-8";
@import url("https://css02.v15cdn.com/m409/fonts/iconfont.css");
@import url("https://css02.v15cdn.com/m409/message.css");
@import url("https://css01.v15cdn.com/language.css");
:root{--color:#008A97;--hovercolor:#FAFAFA;--fontcolor:#000000;--headercolor:#000000;--footercolor:#000000;--introcolor:#555555;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Roboto', 'Lato', 'Open Sans', 'Poppins', 'Noto Sans', arial, sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box}
html{margin:0px;padding:0px;overflow-x:hidden;direction:rtl}
body{margin:0px auto;max-width:1920px;font-size:var(--fontsize16);color:var(--fontcolor);line-height:1.6;font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6{font-size:100%;text-transform:capitalize;font-weight:var(--fontbold5)}
ul,ol,li{list-style:none}
video,iframe{max-width:100%}
a{text-decoration:none;color:var(--fontcolor)}
a:hover{text-decoration:none}
img{border:none;max-width:100%;max-height:100%;height:auto}
input::placeholder,textarea::placeholder{font-family:var(--fontfamily)}
button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0}
button{cursor:pointer}
table{border-collapse:collapse}
table,tr,td{border-collapse:collapse;border-spacing:0px;margin:0px;padding:0px}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
sup,sub{font-size:100%}
:focus{outline:0}
.fr{float:right;*display:inline}
.fl{float:left;*display:inline}
.ehn,.otw,.tow{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.clearfix{clear:both;*zoom:1}
.clearfix:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0px}
.container{clear:both;margin:0px auto;padding:0px 15px;width:100%;max-width:1430px;box-sizing:border-box}
.banner{width:100%;background:#F2F2F2}
.banner img{width:100%}
header{width:100%;min-height:100px;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
header .container{height:100%;display:flex;align-items:center;justify-content:space-between}
header .container .info{display:flex;height:100%}
header .container .info .block{padding-left:20px;box-sizing:border-box;display:flex;align-items:center}
header .container .info .block:nth-last-child(1) div{border-right:0px}
header .container .info .block i,header .container .info .block em{font-size:21px;color:var(--color);margin:0px 5px}
header .container .info .block div{padding-right:20px;border-right:1px solid #E7E7E7}
header .container .info .block div p,header .container .info .block div p a{color:var(--headercolor);font-size:var(--fontsize15)}
@media(max-width:1024px){header{min-height:50px}
header .container{display:flex;flex-direction:column;padding:0px}
header .container .info{display:none}
header .container .info .block:nth-of-type(1){display:none}
header .container .info .block{padding-left:0px;padding:0px 10px}
header .container .info .block div{padding-right:0px;border-right:0px}
header .container .info .block i,header .container .info .block em{font-size:21px}
header .container .info{margin-top:20px;width:100%;justify-content:space-between}
header .container .info .block div p:nth-of-type(1) a{font-size:var(--fontsize15)}
header .container .info .block div p:nth-of-type(2) a{font-size:var(--fontsize12)}}
nav{background:var(--color);display:flex;align-items:center;justify-content:center;color:#FFFFFF}
nav .container{display:flex;justify-content:space-between}
nav .container .mobile-menu{display:none}
nav .container>ul.menu{height:60px;display:flex}
nav .container>ul.menu>li{display:flex;align-items:center;padding:0px 20px;cursor:pointer;border-right:1px solid #FFFFFF66;position:relative}
nav .container>ul.menu>li .menu2{display:none}
nav .container>ul.menu>li:nth-last-child(1){border-right:0px}
nav .container>ul.menu>li:hover{background:var(--color);transition:all .4s}
nav .container>ul.menu>li a{transition:all .4s;font-size:var(--fontsize16);color:#FFFFFF}
nav .container>ul.menu>li a em{margin:0;font-size:14px;margin-left:5px;}
nav .container>ul.menu>li ul{background:var(--color);position:absolute;top:60px;left:0px;display:none}
nav .container>ul.menu>li ul li{height:36px;padding:0px}
nav .container>ul.menu>li ul li:hover{background:var(--color);transition:all .4s}
nav .container>ul.menu>li ul li a{padding:0px 10px;box-sizing:border-box;display:flex;align-items:center;height:36px;white-space:nowrap;text-transform:capitalize}
nav .container .search-box{display:flex;justify-content:center;align-items:center}
nav .container .search-box div{position:relative;width:200px;height:100%;overflow:hidden}
nav .container .search-box .search{background:0;color:#FFFFFF;border-bottom:1px solid white;padding:5px;position:absolute;top:0px;left:200px;right:5px;transition:all .3s ease;transform:translateY(50%)}
nav .container .search-box input::-webkit-input-placeholder{color:#FFFFFF}
nav .container .search-box i{cursor:pointer;font-size:var(--fontsize24);margin-left:30px}
nav .container i,nav .container em{cursor:pointer;font-size:var(--fontsize24);margin-left:30px}
nav .container>ul.menu>li a{width:100%;height:100%;display:flex;align-items:center}
@media(min-width:1025px){
#liinquiry{display:flex;align-items:center}
#liinquiry a{color:var(--color);height:40px;padding:0 15px;border-radius:30px;background-color:#fff;transition:all .1s linear;text-decoration:none}
#liinquiry a:hover{opacity:.9}
#liinquiry a::before{display:none}
}
@media(max-width:1000px){nav .container i,nav .container em{cursor:pointer;font-size:var(--fontsize24);margin-left:0px}}
nav .container .mob-search{display:none}
@media(max-width:1300px){nav .container{position:relative;display:flex;padding:0px;align-items:flex-end}
nav .container .search-box{position:absolute;right:0px;margin-right:15px}
nav .container .search-box div{position:relative;width:100px;height:50px;overflow:hidden}}
@media(max-width:1024px){nav .container{height:50px;display:flex;align-items:center}
nav .container .mobile-menu{display:block;display:flex;align-items:center;padding-left:15px;z-index:9999}
nav .container .mobile-menu i{font-size:32px}
nav .container>ul.menu{position:absolute;top:50px;background:var(--color);height:auto;display:none;z-index:100}
nav .container>ul.menu>li:hover ul{display:none}
nav .container>ul.menu>li a{color:#FFFFFF;text-align:left;padding:0px 20px;line-height:45px;align-items:center;justify-content:center;display:inline-block}
nav .container>ul.menu>li .menu2{position:absolute;top:8px;right:20px;font-size:var(--fontsize26)}
nav .container>ul.menu>li .menu2{display:block}
nav .container>ul.menu>li{width:100%;padding:0px;border-right:0px;display:block}
nav .container>ul.menu>li ul{position:static;display:none}
nav .container>ul.menu>li ul li a{height:40px;justify-content:flex-start}
nav .container>ul.menu>li ul li{height:auto}
nav .container .mob-search{display:flex;position:absolute;top:50px;left:0px;background:var(--color);width:100%;height:40px;border-top:1px solid #666666;display:none}
nav .container .mob-search .show-box{display:flex;width:100%;box-sizing:border-box}
nav .container .mob-search div{width:80%;border-right:1px solid #666666;height:100%}
nav .container .mob-search div input{width:100%;border-right:1px solid #666666;height:100%;padding:10px;background:0;box-sizing:border-box;color:#FFFFFF;font-size:var(--fontsize18);border-radius:0}
nav .container .mob-search .search-btn{color:#FFFFFF;width:20%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fontsize22)}
nav .container .mob-search .search-btn:active{background:var(--color)}}
footer{margin:50px auto 0px auto;background:var(--hovercolor);padding:15px 0px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
body.index footer{margin:0px auto}
footer .container{height:100%;display:flex;flex-wrap:wrap}
footer .container .logo{display:none}
footer .container .menu{font-size:var(--fontsize15);width:100%}
footer .container .menu ul{display:flex;flex-wrap:wrap}
footer .container .menu ul li{margin:0px 20px 0px 0px;display:flex;line-height:2}
footer .container .menu ul li:hover a::after{width:100%;transition:all .4s ease}
footer .container .menu ul li a{position:relative;padding-bottom:8px;color:var(--footercolor)}
footer .container .menu ul li a::after{position:absolute;bottom:0px;left:0px;content:'';height:2px;width:0px;background:var(--color);transition:all .4s ease}
footer .container .share{margin-top:20px;width:100%}
footer .container .share ul{display:flex}
footer .container .share ul a{width:30px;height:30px;margin-right:8px;border-radius:3px;display:flex;align-items:center;justify-content:center}
footer .container .share ul a i{color:#FFFFFF}
footer .container .share ul a.tw{box-sizing:border-box;background:#323232;transition:all .3s ease}
footer .container .share ul a.tw:hover{background:#FFFFFF;transition:all .3s ease}
footer .container .share ul a.tw:hover i{transition:all .3s ease;color:#323232}
footer .container .share ul a.lk{box-sizing:border-box;background:#0077b5;transition:all .3s ease}
footer .container .share ul a.lk:hover{background:#FFFFFF;transition:all .3s ease}
footer .container .share ul a.lk:hover i{transition:all .3s ease;color:#0077b5}
footer .container .share ul a.ins{box-sizing:border-box;background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #FD5949 45%, #d6249f 60%, #285aeb 90%);transition:all .3s ease}
footer .container .share ul a.ins:hover{background:#FFFFFF;transition:all .3s ease}
footer .container .share ul a.ins:hover i{transition:all .3s ease;color:#d6249f}
footer .container .share ul a.vk{box-sizing:border-box;background:#0077FF;transition:all .3s ease}
footer .container .share ul a.vk:hover{background:#FFFFFF;transition:all .3s ease}
footer .container .share ul a.vk:hover i{transition:all .3s ease;color:#0077FF}
footer .container .share ul a.fb{box-sizing:border-box;background:#39599F;transition:all .3s ease}
footer .container .share ul a.fb:hover{background:#FFFFFF;transition:all .3s ease}
footer .container .share ul a.fb:hover i{transition:all .3s ease;color:#39599F}
footer .container .share ul a.pi{box-sizing:border-box;background:#db0023;transition:all .3s ease}
footer .container .share ul a.pi:hover{background:#FFFFFF;transition:all .3s ease}
footer .container .share ul a.pi:hover i{transition:all .3s ease;color:#db0023}
footer .container .share ul a.you{box-sizing:border-box;background:#cc2127;transition:all .3s ease}
footer .container .share ul a.you:hover{background:#FFFFFF;transition:all .3s ease}
footer .container .share ul a.you:hover i{transition:all .3s ease;color:#cc2127}
footer .container .info{margin:0px 0px 0px auto;color:var(--footercolor);font-size:var(--fontsize15);max-width:340px;line-height:34px;text-align:right}
footer .container .info a{color:var(--footercolor)}
.copyright {background:var(--color);padding:10px 0px;font-size:var(--fontsize14);color:#FFFFFF}
.copyright a {margin-left:10px;font-size:var(--fontsize14);color:#FFFFFF}
.go-top{display:none;position:fixed;right:30px;bottom:15%;padding:5px;cursor:pointer;background:#ECF2FC;height:40px;z-index:10000}
.go-top:hover{background:#88a0c7;color:#ECF2FC}
.go-top:hover span{display:inline-block;width:32px;height:32px;font-size:var(--fontsize14)}
@media(max-width:500px){nav .container .mob-search .search-btn{font-size:var(--fontsize16)}}
@media(max-width:1000px){
nav{position:sticky;top:0px;left:0px;width:100%;z-index:999}
.index section.products {padding:20px}
.index section.recommended .container .swiper-box ul li .title {margin:0px;font-size:var(--fontsize16)}
#black-box{background:black;width:100vw;height:100vh;position:fixed;left:0px;top:0px;z-index:999;display:none;opacity:.3}}
.index section.products{display:flex;justify-content:center;background:#FCFCFC;padding:50px 0px}
.index section.products h4{text-align:center;font-size:var(--fontsize28);text-transform:capitalize}
.index section.products p.descption{color:var(--introcolor);text-align:center;margin:0px 20px 20px}
.index section.products ul{width:100%;display:flex;flex-wrap:wrap}
.index section.products ul li{padding:10px;width:20%;height:auto;box-sizing:border-box}
.index section.products ul li a{width:100%;height:100%;display:inline-block;overflow:hidden;background:#FFFFFF;border:solid 1px #EEEEEE;color:var(--fontcolor);font-size:var(--fontsize16)}
.index section.products ul li a p{width:100%;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;text-align:center}
.index .swiper-products{height:600px}
@media(max-width:1000px){
.index .swiper-products{height:900px}
.index section.products ul li{width:25%}
.index section.products ul li a img{max-height:170px}}
@media(max-width:1440px){
.index .swiper-products{height:900px}
.index section.products ul li{width:20%}}
@media(max-width:1250px){
.index .swiper-products{height:1200px}
.index section.products ul li{width:33.3333%}}
.index .swiper-controls{position:relative;height:100px;display:flex;justify-content:center;display:none}
.index .swiper-controls .left{width:100px;height:100%;position:relative}
.index .swiper-controls .right{width:100px;height:100%;position:relative}
.index .products .swiper-button-prev,.index .products .swiper-container-rtl .swiper-button-next{left:auto!important;right:50px!important;user-select:none;background:#F2F2F2}
.index .products .swiper-button-next,.index .products .swiper-container-rtl .swiper-button-prev{right:auto!important;left:50px!important;user-select:none;background:#F2F2F2}
.index .products .swiper-button-prev:after,.index .products .swiper-container-rtl .swiper-button-next:after{content:'none'!important;background:#F2F2F2}
.index .products .swiper-button-next:after,.index .products .swiper-container-rtl .swiper-button-prev:after{content:'none'!important;content:'none'!important;background:#F2F2F2}
.index .swiper-controls .left{animation:myAnimLeft 1s cubic-bezier(0.26,0.82,1,1) 1s infinite alternate both running}
.index .swiper-controls .left i{font-size:80px;color:var(--color)}
.index .swiper-controls .left i:nth-of-type(1){color:var(--color)}
.index .swiper-controls .left i:nth-of-type(2){color:#79B7DA}
.index .swiper-controls .left i:nth-of-type(3){color:#a9cfe4}
@keyframes myAnimLeft{0%{left:0px}100%{left:-30px}}
@keyframes myAnimRight{0%{left:-30px}100%{left:0px}}
.index .swiper-controls .right{animation:myAnimRight 1s cubic-bezier(0.26,0.82,1,1) 1s infinite alternate both running}
.index .swiper-controls .right i{font-size:80px;color:var(--color)}
.index .swiper-controls .right i:nth-of-type(3){color:var(--color)}
.index .swiper-controls .right i:nth-of-type(2){color:#79B7DA}
.index .swiper-controls .right i:nth-of-type(1){color:#a9cfe4}
@media(max-width:1000px){
.index .swiper-products{height:900px;display:flex}
.index .swiper-controls{display:flex;padding-left:30px}
.index section.recommended .container h4{display:flex;justify-content:center}}
@media(max-width:750px){
.index .swiper-products{height:730px}
.index section.products ul li{padding:4px}
.index section.products ul{margin:0px auto;width:92%}
.index section.products ul li{height:240px}
.index .swiper-products{height:730px;display:flex}}
.index section.recommended{background:#FFFFFF;padding-top:10px;padding-bottom:30px;display:flex;justify-content:center}
.index section.recommended .container{padding:5px;background:#FFFFFF}
.index section.recommended .container .swiper-pagination-fjy{display:flex;justify-content:flex-end;height:20px}
.index section.recommended .container .swiper-pagination-fjy .swiper-prev,.index section.recommended .container .swiper-pagination-fjy .swiper-next{display:none}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-next-recommended,.index section.recommended .container .swiper-pagination-fjy .swiper-button-prev-recommended{width:40px;height:40px;top:0px;outline:0;z-index:9999;color:transparent;border:2px solid #EFEFEF;margin-left:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#FFFFFF;transition:all .3s ease}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-next-recommended i,.index section.recommended .container .swiper-pagination-fjy .swiper-button-prev-recommended i{color:#828282;font-size:var(--fontsize18)}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-next-recommended:hover,.index section.recommended .container .swiper-pagination-fjy .swiper-button-prev-recommended:hover{transition:all .3s ease;background:var(--color);border:2px solid var(--color)}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-next-recommended:hover i,.index section.recommended .container .swiper-pagination-fjy .swiper-button-prev-recommended:hover i{color:#FFFFFF}
.index section.recommended .container h4{display:flex;align-items:center;margin-bottom:10px;font-size:var(--fontsize28)}
.index section.recommended .container h4 img{margin-right:5px}
.index section.recommended .container .swiper-box{width:100%}
.index section.recommended .container .swiper-box ul li{padding:10px;width:322px;border:2px solid #EFEFEF;box-sizing:border-box}
.index section.recommended .container .swiper-box ul li a{justify-content:center;display:flex}
.index section.recommended .container .swiper-box ul li a img{max-width:310px;max-height:310px}
.index section.recommended .container .swiper-box ul li .title{margin:10px 0px;font-size:var(--fontsize18);font-weight:var(--fontbold5);text-align:center;border-bottom:1px solid #EFEFEF}
.index section.recommended .container .swiper-box ul li .title a{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.index section.recommended .container .swiper-box ul li .descption{color:var(--introcolor);margin:10px 0px;text-align:center;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.index section.recommended .container .swiper-box ul li .button a{font-size:var(--fontsize14);display:block;width:160px;height:40px;line-height:40px;background:#EFEFEF;text-align:center;margin:0px auto;cursor:pointer;transition:all .3s ease}
.index section.recommended .container .swiper-box ul li .button a i{font-size:var(--fontsize16);margin-left:10px}
.index section.recommended .container .swiper-box ul li .button a:hover{background:var(--color);color:#FFFFFF;transition:all .3s ease}
@media(max-width:1000px){
.index .recommended .swiper-box{height:1074px}
.index .recommended .swiper-box ul{height:100%}
.index section.recommended .container .swiper-pagination-fjy .swiper-prev,.index section.recommended .container .swiper-pagination-fjy .swiper-next{display:block;font-size:80px!important}
.index section.recommended .container .swiper-pagination-fjy .swiper-prev{position:relative;animation:myAnimLeft 1s cubic-bezier(0.26,0.82,1,1) 1s infinite alternate both running}
.index section.recommended .container .swiper-pagination-fjy .swiper-prev:nth-of-type(2){color:var(--color)}
.index section.recommended .container .swiper-pagination-fjy .swiper-prev:nth-of-type(3){color:#79B7DA}
.index section.recommended .container .swiper-pagination-fjy .swiper-prev:nth-of-type(4){color:#a9cfe4}
.index section.recommended .container .swiper-pagination-fjy .swiper-next{position:relative;animation:myAnimRight 1s cubic-bezier(0.26,0.82,1,1) 1s infinite alternate both running}
.index section.recommended .container .swiper-pagination-fjy .swiper-next:nth-of-type(4){color:var(--color)}
.index section.recommended .container .swiper-pagination-fjy .swiper-next:nth-of-type(3){color:#79B7DA}
.index section.recommended .container .swiper-pagination-fjy .swiper-next:nth-of-type(2){color:#a9cfe4}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-next-recommended i:nth-of-type(1),.index section.recommended .container .swiper-pagination-fjy .swiper-button-prev-recommended i:nth-of-type(1){display:none}
.index section.recommended .container .swiper-box ul li .button a{width:100%}
.index section.recommended .container .swiper-box ul li{height:500px;display:flex;flex-wrap:wrap}
.index section.recommended .container .swiper-box ul li>a{display:flex;align-items:center;height:145px}
.index section.recommended .container .swiper-box ul li>a img{max-height:100%}
.index section.recommended .container .swiper-box ul li>*{width:100%}
.index section.recommended .container{position:relative}
.index section.recommended .container .swiper-pagination-fjy{position:absolute;z-index:110;bottom:0px;left:50%;transform:translateX(-47%)}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-next-recommended:hover{transition:none;background:0;border:0px;color:red}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-next-recommended:hover i:nth-of-type(4){color:var(--color);opacity:.5}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-next-recommended:hover i:nth-of-type(3){color:#79B7DA;opacity:.5}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-next-recommended:hover i:nth-of-type(2){color:#a9cfe4;opacity:.5}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-prev-recommended:hover{transition:none;background:0;border:0px;color:red}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-prev-recommended:hover i:nth-of-type(2){opacity:.5;color:var(--color)}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-prev-recommended:hover i:nth-of-type(3){color:#79B7DA;opacity:.5}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-prev-recommended:hover i:nth-of-type(4){color:#a9cfe4;opacity:.5}
.index section.recommended .container .swiper-pagination-fjy .swiper-button-next-recommended,.index section.recommended .container .swiper-pagination-fjy .swiper-button-prev-recommended{width:130px!important;border:0px}}
@media(max-width:768px){
.index section.recommended .container .swiper-box{padding-bottom:10px}}
@media(max-width:710px){
.index section.recommended .container .swiper-box ul li{height:450px}
.index section.recommended .container .swiper-box ul li{padding:10px 10px;width:322px}}
@media(max-width:680px){
.index .recommended .swiper-box{height:985px}}
@media(max-width:570px){
.index section.recommended .container .swiper-box ul li{height:380px}
.index .recommended .swiper-box{height:850px}}
@media(max-width:375px){
.index section.recommended .container .swiper-box ul li{height:310px}
.index .recommended .swiper-box{height:710px}}
.index section.about-us{padding:120px 0px 70px;display:flex;align-items:center;justify-content:center}
.index section.about-us>img{position:fixed;left:0px;top:0px;z-index:-1;width:100vw;height:100vh}
.index section.about-us .container{z-index:2;position:relative}
.index section.about-us .container .box{background:#FFFFFF;position:relative;padding:100px 60px 60px}
.index section.about-us .container .box .circle{font-weight:var(--fontbold5);border-radius:50%;position:absolute;left:50%;margin-left:-80px;top:-80px;width:160px;height:160px;border:10px solid rgba(0,125,195,0.6);box-sizing:border-box}
.index section.about-us .container .box .circle span{display:block;width:100%;height:100%;border-radius:50%;background:var(--color);text-align:center;color:#FFFFFF;font-size:var(--fontsize28);line-height:36px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.index section.about-us .container .box>.details{text-align:center;padding-bottom:20px;color:var(--introcolor)}
.index section.about-us .container .box .swiper-box ul{display:flex;justify-content:space-between}
.index section.about-us .container .box .swiper-box ul li{padding:20px;box-sizing:border-box;cursor:default;text-align:center;float:left;width:33.3333%;border:2px solid #EDEDED}
.index section.about-us .container .box .swiper-box ul li.swiper-slide{flex-shrink:1!important}
.index section.about-us .container .box .swiper-box ul li:nth-of-type(2){margin:0 3vw}
.index section.about-us .container .box .swiper-box ul li .title{font-size:var(--fontsize20);font-weight:var(--fontbold5);margin:10px 0px 0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.index section.about-us .container .box .swiper-box ul li .details{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.index section.about-us .container .swiper-button-prev-about{display:none}
.index section.about-us .container .swiper-button-next-about{display:none}
@media(max-width:1000px){
.index section.about-us>img{width:auto;height:100%}
.index section.about-us .container .box .swiper-box ul li:nth-of-type(2){margin:0px}
.index section.about-us .container .box .swiper-box ul li.swiper-slide{flex-shrink:0!important}
.index section.about-us .container .swiper-button-prev-about{display:block;left:0px;border:2px solid #EDEDED;background:#FFFFFF;z-index:10}
.index section.about-us .container .swiper-button-next-about{display:block;right:0px;border:2px solid #EDEDED;background:#FFFFFF;z-index:10}
.index .swiper-button-next.swiper-button-disabled,.index .swiper-button-prev.swiper-button-disabled{opacity:1!important}
.index .swiper-button-prev:after,.index .swiper-container-rtl .swiper-button-next:after{content:'prev';background:#FFFFFF;font-size:var(--fontsize14)!important;display:flex;align-items:center;justify-content:center;height:100%;color:#482b28;font-weight:var(--fontbold5)}
.index .swiper-button-next:after,.index .swiper-container-rtl .swiper-button-prev:after{content:'next';background:#FFFFFF;font-size:var(--fontsize14)!important;display:flex;align-items:center;justify-content:center;height:100%;color:#482b28;font-weight:var(--fontbold5)}}
@media(max-width:800px){
.index section.about-us .container .box .circle{font-weight:var(--fontbold5);border-radius:50%;position:absolute;left:50%;transform:translateX(36%);top:-50px;width:90px;height:90px;border:10px solid rgba(0,125,195,0.6);box-sizing:border-box}
.index section.about-us .container .box .circle span{font-size:var(--fontsize15);line-height:1}
.index section.about-us .container .box{padding:50px 20px 40px}}
.index section.news{padding:50px 0px;display:flex;align-items:center;justify-content:center;background:#F2F2F2}
.index section.news .container h4{margin-bottom:10px;font-size:var(--fontsize28);display:flex;align-items:center}
.index section.news .container h4 img{margin-right:5px;width:28px}
.index section.news .container .swiper-container ul.swiper-wrapper{display:flex}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide{background:#FFFFFF;box-sizing:border-box}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .padding-box{padding:15px 15px 0px 15px}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .time{display:flex;align-items:center;color:var(--introcolor);font-size:var(--fontsize14)}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .time i{margin-right:5px;font-size:var(--fontsize16)}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .title{font-weight:var(--fontbold5);font-size:var(--fontsize18);line-height:28px;height:56px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--fontcolor);margin:4px 0px 10px}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .title a{color:var(--fontcolor)}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .title a:hover{color:var(--color)}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .line{width:48px;height:1px;background:var(--color);display:block}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .details{margin:15px 0px;color:var(--introcolor);font-size:var(--fontsize15);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .btn{border-top:1px solid #F2F2F2;height:50px;display:flex;align-items:center;padding-left:15px}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .btn a{color:var(--fontcolor);font-size:var(--fontsize14)}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .btn a:hover{color:var(--color)}
.index section.news .container .swiper-container .swiper-pagination-news{position:static;padding:20px 0px}
.index section.news .container .swiper-container .swiper-pagination-news .swiper-pagination-bullet{border-radius:0;opacity:1;background-color:#666666;transition:all .3s ease}
.index section.news .container .swiper-container .swiper-pagination-news .swiper-pagination-bullet:hover{width:25px;transition:all .3s ease;background-color:var(--color)}
.index section.news .container .swiper-container .swiper-pagination-news .swiper-pagination-bullet-active{width:25px;background-color:var(--color)}
.index section.news .container .swiper-button-prev-news,.index section.news .container .swiper-button-next-news{display:none}
@media(max-width:1000px){
.index .swiper-pagination-news{display:none}
section.content.feedback{padding:10px 0px}
.index section.news .container .swiper-button-prev-news,.index section.news .container .swiper-button-next-news{display:block;position:static;margin-top:0px}
.index .swiper-prev-next-box{margin:30px 0px;width:100%;display:flex;justify-content:center}
.index section.news .swiper-button-next:after,.index section.news .swiper-container-rtl .swiper-button-prev:after{content:''!important;display:none}
.index section.news .swiper-button-prev:after,.index section.news .swiper-container-rtl .swiper-button-next:after{content:''!important;display:none}
.index section.news .container .left,.index section.news .container .right{width:50%;font-size:80px;width:100px}
.index section.news .container .left .swiper-button-prev-news,.index section.news .container .right .swiper-button-next-news{display:flex;justify-content:flex-start}
.index section.news .container .left{display:flex;justify-content:flex-end;transform:translateX(-70px)}
.index section.news .container .right{transform:translateX(13px)}
.index section.news .container .left .swiper-button-prev-news{position:relative;left:0px;top:0px;animation:myAnimLeft 1s cubic-bezier(0.26,0.82,1,1) 1s infinite alternate both running}
.index section.news .container .left .swiper-button-prev-news i:nth-of-type(1){color:var(--color)}
.index section.news .container .left .swiper-button-prev-news i:nth-of-type(2){color:#79B7DA}
.index section.news .container .left .swiper-button-prev-news i:nth-of-type(3){color:#a9cfe4}
.index section.news .container .right .swiper-button-next-news{position:relative;left:0px;top:0px;padding-left:19px;animation:myAnimRight 1s cubic-bezier(0.26,0.82,1,1) 1s infinite alternate both running}
.index section.news .container .right .swiper-button-next-news i:nth-of-type(3){color:var(--color)}
.index section.news .container .right .swiper-button-next-news i:nth-of-type(2){color:#79B7DA}
.index section.news .container .right .swiper-button-next-news i:nth-of-type(1){color:#a9cfe4}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .btn{background:var(--color);position:relative;width:60%;left:20%;top:10px;height:30px}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .btn a{color:#FFFFFF;font-size:var(--fontsize12)}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .btn a:hover{color:#FFFFFF}}
.index section.email{display:flex;justify-content:center;background:#0000005c;background-size:cover;background-position:center;padding:40px 0px;box-sizing:border-box}
.index section.email .container{color:#FFFFFF;display:flex;justify-content:space-between}
.index section.email .container .left{display:flex;align-items:center}
.index section.email .container .left .img-border{margin-right:20px;width:80px;height:80px;border:2px solid #FFFFFF;border-radius:50%;display:flex;align-items:center;justify-content:center}
.index section.email .container .left .img-border img{width:40px}
.index section.email .container .left .info p{line-height:30px}
.index section.email .container .left .info p.title{font-size:var(--fontsize20);font-weight:var(--fontbold5)}
.index section.email .container .left .info p.descption{font-size:var(--fontsize20)}
.index section.email .container .right{display:flex;align-items:center}
.index section.email .container .right input{width:400px;height:45px;font-size:var(--fontsize17);color:var(--introcolor);background:#FFFFFF;border:solid 1px #EEEEEE;text-indent:10px}
.index section.email .container .right span{width:150px;line-height:45px;font-size:var(--fontsize17);cursor:pointer;background:var(--color);text-align:center;color:#FFFFFF;transition:.4s}
.index section.email .container .right span:hover{background:#359da7;transition:.4s}
@media(max-width:1230px){
.index section.email .container .right input{width:380px}
.index section.email .container .right span{width:140px}}
@media(max-width:1000px){
.index section.email{box-sizing:content-box;padding:20px 0px;height:213px}
.index section.email .container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.index section.email .container .left{display:flex;justify-content:center;align-items:center;width:100%;height:100px}
.index section.email .container .right{width:100%}
.index section.email .container .left .img-border{width:60px;height:60px;display:flex;margin-left:30px}
.index section.email .container .left .img-border img{width:30px}
.index section.email .container .left .info p.title{display:inline-block;font-size:3.8vw}
.index section.email .container .left .info p.descption{font-size:3.8vw}
.index section.email .container .right{display:flex;justify-content:center}
.index section.email .container .right input{width:50%;font-size:var(--fontsize14)}
.index section.email .container .right span{width:15%;min-width:70px;font-size:var(--fontsize14)}}
.index section.products ul li a img:hover{transition:all .3s ease;transform:scale(1.05)}
.index section.recommended .container .swiper-box ul li a{overflow:hidden}
.index section.recommended .container .swiper-box ul li a img:hover{transition:all .3s ease;transform:scale(1.05)}}
section.content.feedback{display:flex;justify-content:center;padding:0px}
section.content.feedback .container{display:flex;justify-content:space-between}
section.content.feedback .container main{flex:1;margin-right:50px}
section.content.feedback .container main h1{font-size:var(--fontsize24);padding-bottom:5px;margin-bottom:15px;color:var(--color)}
section.content.feedback .container main article{color:var(--fontcolor)}
section.content.feedback .container main article .if a{color:var(--fontcolor)}
section.content.feedback .container main article strong{font-weight:var(--fontbold5)}
section.content.feedback .container main .keys{padding:10px 0px}
section.content.feedback .container main .keys ul{display:flex;flex-wrap:wrap}
section.content.feedback .container main .keys ul li{margin:0px 20px 10px 0px}
section.content.feedback .container main .keys ul li a{color:var(--color)}
section.content.feedback .container aside{width:280px}
section.content.feedback .container aside h2{position:relative;border-bottom:1px solid #F1F1F1;margin-bottom:15px;font-size:var(--fontsize22);font-weight:var(--fontbold5)}
section.content.feedback .container aside h2::after{content:"";display:block;position:absolute;bottom:-2px;left:0px;width:50px;height:2px;background:var(--color)}
section.content.feedback .container aside>ul{margin-bottom:25px}
section.content.feedback .container aside>ul.aside-menu>li{width:100%}
section.content.feedback .container aside>ul.aside-menu>li>a{border:1px solid #EEEEEE;border-radius:0px 6px 0px 0px}
section.content.feedback .container aside>ul.aside-menu>li>a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:6px}
section.content.feedback .container aside>ul.aside-menu>li ul{display:none}
section.content.feedback .container aside>ul.aside-menu>li a{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;font-size:var(--fontsize15);color:var(--fontcolor);transition:all .3s;padding:10px 0px 10px 20px;display:block}
section.content.feedback .container aside>ul.aside-menu>li a:hover::after{background:#FFFFFF}
section.content.feedback .container aside>ul.aside-menu>li a:hover{background:var(--color);color:#FFFFFF}
section.content.feedback .container aside>ul.aside-news li{margin-bottom:20px}
section.content.feedback .container aside>ul.aside-news li:hover a .right h3{color:var(--color)}
section.content.feedback .container aside>ul.aside-news li a{display:flex}
section.content.feedback .container aside>ul.aside-news li a .left{margin-right:15px}
section.content.feedback .container aside>ul.aside-news li a .left img{max-width:100px;height:100px}
section.content.feedback .container aside>ul.aside-news li a .right h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:normal}
section.content.feedback .container aside>ul.aside-news li a .right p{color:var(--introcolor);font-size:var(--fontsize13);line-height:1.5}
section.content.feedback .container aside>ul.aside-news li a .right p i{margin-right:10px}
section.content.feedback .container aside>ul.recommended{display:flex;flex-wrap:wrap}
section.content.feedback .container aside>ul.recommended li{position:relative;width:135px;height:135px;border:1px solid #EEEEEE;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
section.content.feedback .container aside>ul.recommended li:nth-child(2n){margin-right:0px}
section.content.feedback .container aside>ul.recommended li:hover a{display:flex}
section.content.feedback .container aside>ul.recommended li img{width:100%}
section.content.feedback .container aside>ul.recommended li a{z-index:2;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#464646;opacity:.7;display:none}
section.content.feedback .container aside>ul.recommended li a i{color:#FFFFFF;font-size:var(--fontsize24)}
@media(max-width:1000px){
.feedback section.content .container aside{display:none}
.feedback section.content .container main{margin:0px}}
.feedback .xh{color:red}
@media(max-width:1000px){section.content.feedback .container main{margin-right:0px}}
.nav-bar{padding:8px 0px;margin-bottom:30px;font-size:var(--fontsize14);background:#FCFCFC;display:flex;justify-content:center}
.nav-bar .container{display:flex;align-items:center}
.nav-bar .container h1{font-size:var(--fontsize14);font-weight:normal}
.nav-bar .container a{margin:0px 5px;color:var(--fontcolor);font-size:var(--fontsize14)}
.nav-bar .container a:first-child{margin:0px 5px 0px}
.nav-bar .container i{margin:0px 10px;font-size:var(--fontsize14)}
section.content.industrylist{display:flex;justify-content:center;padding:0px}
section.content.industrylist .container{display:flex;justify-content:space-between}
section.content.industrylist .container main{flex:1;margin-right:50px}
section.content.industrylist .container main h1{font-size:var(--fontsize22);border-bottom:1px dashed #EEEEEE;margin-bottom:15px;color:var(--fontcolor)}
section.content.industrylist .container main article{line-height:1.7;color:var(--fontcolor)}
section.content.industrylist .container main article ul li{border-bottom:1px dashed #CCCCCC;padding:15px 0px;margin-bottom:0px;display:flex;align-items:center;justify-content:center}
section.content.industrylist .container main article ul li .left{width:80px;height:80px;float:left;border-radius:6px;text-align:center;background:#FEFEFE;border:1px solid #EEEEEE;display:flex;align-items:center;justify-content:center}
section.content.industrylist .container main article ul li .left .newday{font-size:var(--fontsize16);color:var(--color);line-height:30px;font-weight:var(--fontbold5);position:relative}
section.content.industrylist .container main article ul li .left .newyear{font-size:var(--fontsize22);color:var(--color);line-height:30px;width:80px}
section.content.industrylist .container main article ul li .right{flex:1;padding-left:15px}
section.content.industrylist .container main article ul li .right a{color:var(--fontcolor);overflow:hidden;max-width:100%;display:block;font-size:var(--fontsize20);line-height:1.4;margin-bottom:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
section.content.industrylist .container main article ul li .right .descption{line-height:21px;color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
section.content.industrylist .container main article .pages{padding-top:15px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
section.content.industrylist .container main article .pages a,section.content.industrylist .container main article .pages span{display:block;margin:5px;padding:4px 12px;background-color:var(--color);color:#FFFFFF}
section.content.industrylist .container main article .pages span{background-color:#AAAAAA}
section.content.industrylist .container main .keys{padding:10px 0px}
section.content.industrylist .container main .keys ul{display:flex;flex-wrap:wrap}
section.content.industrylist .container main .keys ul li{margin:0px 20px 10px 0px}
section.content.industrylist .container main .keys ul li a{color:var(--color)}
section.content.industrylist .container aside{width:280px}
section.content.industrylist .container aside h2{position:relative;border-bottom:1px solid #F1F1F1;margin-bottom:15px;font-size:var(--fontsize22);font-weight:var(--fontbold5)}
section.content.industrylist .container aside h2::after{content:"";display:block;position:absolute;bottom:-2px;left:0px;width:50px;height:2px;background:var(--color)}
section.content.industrylist .container aside>ul{margin-bottom:25px}
section.content.industrylist .container aside>ul.aside-menu>li{width:100%}
section.content.industrylist .container aside>ul.aside-menu>li>a{border:1px solid #EEEEEE;border-radius:0px 6px 0px 0px}
section.content.industrylist .container aside>ul.aside-menu>li>a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:6px}
section.content.industrylist .container aside>ul.aside-menu>li ul{display:none}
section.content.industrylist .container aside>ul.aside-menu>li a{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;font-size:var(--fontsize15);color:var(--fontcolor);transition:all .3s;padding:10px 0px 10px 20px;display:block}
section.content.industrylist .container aside>ul.aside-menu>li a:hover::after{background:#FFFFFF}
section.content.industrylist .container aside>ul.aside-menu>li a:hover{background:var(--color);color:#FFFFFF}
section.content.industrylist .container aside>ul.aside-news li{margin-bottom:20px}
section.content.industrylist .container aside>ul.aside-news li:hover a .right h3{color:var(--color)}
section.content.industrylist .container aside>ul.aside-news li a{display:flex}
section.content.industrylist .container aside>ul.aside-news li a .left{margin-right:15px}
section.content.industrylist .container aside>ul.aside-news li a .left img{max-width:100px;height:100px}
section.content.industrylist .container aside>ul.aside-news li a .right h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:normal}
section.content.industrylist .container aside>ul.aside-news li a .right p{color:var(--introcolor);font-size:var(--fontsize13);line-height:1.5}
section.content.industrylist .container aside>ul.aside-news li a .right p i{margin-right:10px}
section.content.industrylist .container aside>ul.recommended{display:flex;flex-wrap:wrap}
section.content.industrylist .container aside>ul.recommended li{position:relative;width:135px;height:135px;border:1px solid #EEEEEE;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
section.content.industrylist .container aside>ul.recommended li:nth-child(2n){margin-right:0px}
section.content.industrylist .container aside>ul.recommended li:hover a{display:flex}
section.content.industrylist .container aside>ul.recommended li img{width:100%}
section.content.industrylist .container aside>ul.recommended li a{z-index:2;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#464646;opacity:.7;display:none}
section.content.industrylist .container aside>ul.recommended li a i{color:#FFFFFF;font-size:var(--fontsize24)}
@media(max-width:1000px){
.industrylist section.content .container aside{display:none}
.industrylist section.content .container main{margin:0px}
.industrylist section.content .container main article ul li .right a{font-size:var(--fontsize16);color:var(--fontcolor);font-weight:var(--fontbold5)}
.industrylist section.content .container main article ul li .right .descption{font-size:var(--fontsize13)}
.industrylist section.content .container main article ul li .left .newday{font-size:12.5px;position:relative}
.industrylist section.content .container main article ul li .left .newday::before{position:absolute;content:'';width:5px;height:2px;top:5px;background:var(--color)}
.industrylist section.content .container main article ul li .left .newyear{font-size:var(--fontsize18)}
.industrylist section.content .container main article ul li .left{width:62px;height:62px}
.industrylist section.content .container main article ul li{align-items:flex-start}
section.content.industrylist .container main{margin-right:0px}}
section.content.industrylist .container main article ul li:hover{transition:all .3s ease;transform:translateY(-3px)}
section.content.industrylist .container main article ul li{transition:all .3s ease}}
section.content.newscontent{display:flex;justify-content:center;padding:0px}
section.content.newscontent .container{display:flex;justify-content:space-between}
section.content.newscontent .container main{flex:1;margin-right:50px}
section.content.newscontent .container main h1{font-size:var(--fontsize26);border-bottom:1px dashed #EEEEEE;padding-bottom:5px;margin-bottom:15px;color:var(--fontcolor)}
section.content.newscontent .container main h1 p{color:var(--introcolor);font-size:var(--fontsize14);font-weight:normal;padding:20px 0px 0px 0px}
section.content.newscontent .container main h1 p i,section.content.newscontent .container main h1 p em{font-weight:normal;margin-right:5px}
section.content.newscontent .container main article{color:var(--fontcolor)}
section.content.newscontent .container main .share{padding:20px 0px}
section.content.newscontent .container main .pagination div{padding:5px 0px}
section.content.newscontent .container main .pagination div a{color:var(--fontcolor);font-size:var(--fontsize15)}
section.content.newscontent .container main .related-products .title{width:100%;background:#F6F6F6;display:flex;justify-content:start;padding:5px 10px;margin:20px auto}
section.content.newscontent .container main .related-products ul{display:flex;flex-wrap:wrap;justify-content:center}
section.content.newscontent .container main .related-products ul li{width:30.9%;border:1px solid #E5E5E5;margin-right:20px;margin-bottom:20px}
section.content.newscontent .container main .related-products ul li:nth-of-type(3n){margin-right:0px}
section.content.newscontent .container main .related-products ul li a{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
section.content.newscontent .container main .related-products ul li a .img-box{width:100%;flex:1;display:flex;align-items:center}
section.content.newscontent .container main .related-products ul li a .img-box img{width:100%}
section.content.newscontent .container main .related-products ul li a p{border-top:1px solid #E5E5E5;color:var(--introcolor);font-size:var(--fontsize16);line-height:1.5;text-align:center;overflow:hidden;text-overflow:ellipsis;display:block;padding:1% 5%;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
section.content.newscontent .container aside{width:280px}
section.content.newscontent .container aside h2{position:relative;border-bottom:1px solid #F1F1F1;margin-bottom:15px;font-size:var(--fontsize22);font-weight:var(--fontbold5)}
section.content.newscontent .container aside h2::after{content:"";display:block;position:absolute;bottom:-2px;left:0px;width:50px;height:2px;background:var(--color)}
section.content.newscontent .container aside>ul{margin-bottom:25px}
section.content.newscontent .container aside>ul.aside-menu>li{width:100%}
section.content.newscontent .container aside>ul.aside-menu>li>a{border:1px solid #EEEEEE;border-radius:0px 6px 0px 0px}
section.content.newscontent .container aside>ul.aside-menu>li>a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:6px}
section.content.newscontent .container aside>ul.aside-menu>li ul{display:none}
section.content.newscontent .container aside>ul.aside-menu>li a{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;font-size:var(--fontsize15);color:var(--fontcolor);transition:all .3s;padding:10px 0px 10px 20px;display:block}
section.content.newscontent .container aside>ul.aside-menu>li a:hover::after{background:#FFFFFF}
section.content.newscontent .container aside>ul.aside-menu>li a:hover{background:var(--color);color:#FFFFFF}
section.content.newscontent .container aside>ul.aside-news li{margin-bottom:20px}
section.content.newscontent .container aside>ul.aside-news li:hover a .right h3{color:var(--color)}
section.content.newscontent .container aside>ul.aside-news li a{display:flex}
section.content.newscontent .container aside>ul.aside-news li a .left{margin-right:15px}
section.content.newscontent .container aside>ul.aside-news li a .left img{max-width:100px;height:100px}
section.content.newscontent .container aside>ul.aside-news li a .right h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:normal}
section.content.newscontent .container aside>ul.aside-news li a .right p{color:var(--introcolor);font-size:var(--fontsize13);line-height:1.5}
section.content.newscontent .container aside>ul.aside-news li a .right p i{margin-right:10px}
section.content.newscontent .container aside>ul.recommended{display:flex;flex-wrap:wrap}
section.content.newscontent .container aside>ul.recommended li{position:relative;width:135px;height:135px;border:1px solid #EEEEEE;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
section.content.newscontent .container aside>ul.recommended li:hover a{display:flex}
section.content.newscontent .container aside>ul.recommended li img{width:100%}
section.content.newscontent .container aside>ul.recommended li a{z-index:2;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#464646;opacity:.7;display:none}
section.content.newscontent .container aside>ul.recommended li a i{color:#FFFFFF;font-size:var(--fontsize24)}
@media(max-width:1000px){
.newscontent section.content .container aside{display:none}
.newscontent section.content .container main{margin:0px}
.newscontent section.content .container main article ul li .right a{font-size:var(--fontsize16);color:var(--fontcolor);font-weight:var(--fontbold5)}
.newscontent section.content .container main article ul li .right .descption{font-size:var(--fontsize13)}
.newscontent section.content .container main article ul li .left .newday{font-size:12.5px;position:relative}
.newscontent section.content .container main article ul li .left .newday::before{position:absolute;content:'';width:5px;height:2px;top:5px;background:var(--color)}
.newscontent section.content .container main article ul li .left .newyear{font-size:var(--fontsize18)}
.newscontent section.content .container main article ul li .left{width:62px;height:62px}
.newscontent section.content .container main article ul li{align-items:flex-start}
section.content.newscontent .container main{margin-right:0px}}
@media(max-width:1000px){section.content.newscontent .container main .related-products{display:none}}
.newscontent .xh{color:red}
@media(max-width:1000px){
.banner{display:none}
.nav-bar{margin-bottom:20px}
.product-detail .nav-bar,.product-detail .pagesbanner{display:none}
footer .container .info{text-align:left;margin:10px 0px 0px}
aside{display:none}
.newscontent .feedbackForm{display:none}}
section.content.newscontent .container main .related-products ul li a .img-box{overflow:hidden}
section.content.newscontent .container main .related-products ul li a .img-box img:hover{transition:all .3s ease;transform:scale(1.05)}
section.content.newscontent .container main .related-products ul li a .img-box img{transition:all .3s ease}}
section.content.singglePage{display:flex;justify-content:center;padding:0px}
section.content.singglePage .container{display:flex;justify-content:space-between}
section.content.singglePage .container main{flex:1;margin-right:50px}
section.content.singglePage .container main h1{font-size:var(--fontsize24);border-bottom:1px dashed #EEEEEE;margin-bottom:15px;color:var(--fontcolor)}
section.content.singglePage .container main article{line-height:1.7;color:var(--fontcolor)}
section.content.singglePage .container main article strong{font-weight:var(--fontbold5)}
section.content.singglePage .container main .keys{padding:10px 0px}
section.content.singglePage .container main .keys ul{display:flex;flex-wrap:wrap}
section.content.singglePage .container main .keys ul li{margin:0px 20px 10px 0px}
section.content.singglePage .container main .keys ul li a{color:var(--color)}
section.content.singglePage .container aside{width:280px}
section.content.singglePage .container aside h2{position:relative;border-bottom:1px solid #F1F1F1;margin-bottom:15px;font-size:var(--fontsize22);font-weight:var(--fontbold5)}
section.content.singglePage .container aside h2::after{content:"";display:block;position:absolute;bottom:-2px;left:0px;width:50px;height:2px;background:var(--color)}
section.content.singglePage .container aside>ul{margin-bottom:25px}
section.content.singglePage .container aside>ul.aside-menu>li{width:100%}
section.content.singglePage .container aside>ul.aside-menu>li>a{border:1px solid #EEEEEE;border-radius:0px 6px 0px 0px}
section.content.singglePage .container aside>ul.aside-menu>li>a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:6px}
section.content.singglePage .container aside>ul.aside-menu>li ul{display:none}
section.content.singglePage .container aside>ul.aside-menu>li a{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;font-size:var(--fontsize15);color:var(--fontcolor);transition:all .3s;padding:10px 0px 10px 20px;display:block}
section.content.singglePage .container aside>ul.aside-menu>li a:hover::after{background:#FFFFFF}
section.content.singglePage .container aside>ul.aside-menu>li a:hover{background:var(--color);color:#FFFFFF}
section.content.singglePage .container aside>ul.aside-news li{margin-bottom:20px}
section.content.singglePage .container aside>ul.aside-news li:hover a .right h3{color:var(--color)}
section.content.singglePage .container aside>ul.aside-news li a{display:flex}
section.content.singglePage .container aside>ul.aside-news li a .left{margin-right:15px}
section.content.singglePage .container aside>ul.aside-news li a .left img{max-width:100px;height:100px}
section.content.singglePage .container aside>ul.aside-news li a .right h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:normal}
section.content.singglePage .container aside>ul.aside-news li a .right p{color:var(--introcolor);font-size:var(--fontsize13);line-height:1.5}
section.content.singglePage .container aside>ul.aside-news li a .right p i{margin-right:10px}
section.content.singglePage .container aside>ul.recommended{display:flex;flex-wrap:wrap}
section.content.singglePage .container aside>ul.recommended li{position:relative;width:135px;height:135px;border:1px solid #EEEEEE;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
section.content.singglePage .container aside>ul.recommended li:hover a{display:flex}
section.content.singglePage .container aside>ul.recommended li img{width:100%}
section.content.singglePage .container aside>ul.recommended li a{z-index:2;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#464646;opacity:.7;display:none}
section.content.singglePage .container aside>ul.recommended li a i{color:#FFFFFF;font-size:var(--fontsize24)}
@media(max-width:1000px){
.singglePage section.content .container aside{display:none}
.singglePage section.content .container main{margin:0px}}
.singglePage .xh{color:red}
@media(max-width:1000px){
section.content.singglePage .container main{margin-right:0px}}
section.content.newslist{display:flex;justify-content:center;padding:0px}
section.content.newslist .container{display:flex;justify-content:space-between}
section.content.newslist .container main{flex:1;margin-right:50px}
section.content.newslist .container main h1{font-size:var(--fontsize24);border-bottom:1px dashed #EEEEEE;margin-bottom:15px;color:var(--fontcolor)}
section.content.newslist .container main article{line-height:1.7;color:var(--fontcolor)}
section.content.newslist .container main article ul li{padding:15px 0px;margin-bottom:0px;display:flex;align-items:center;justify-content:center}
section.content.newslist .container main article ul li .left{width:80px;height:80px;float:left;border-radius:6px;text-align:center;background:#FEFEFE;border:1px solid #EEEEEE;display:flex;align-items:center;justify-content:center}
section.content.newslist .container main article ul li .left .newday{font-size:var(--fontsize16);color:var(--color);line-height:30px;font-weight:var(--fontbold5);position:relative}
section.content.newslist .container main article ul li .left .newyear{font-size:var(--fontsize22);line-height:30px;width:80px}
section.content.newslist .container main article ul li .right{flex:1;padding-left:15px}
section.content.newslist .container main article ul li .right a{color:var(--fontcolor);font-size:var(--fontsize18);line-height:1.4;margin-bottom:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
section.content.newslist .container main article ul li .right .descption{line-height:21px;color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--fontsize14)}
section.content.newslist .container main article .pages{padding-top:15px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
section.content.newslist .container main article .pages a,section.content.newslist .container main article .pages span{display:block;margin:5px;padding:4px 12px;background-color:var(--color);color:#FFFFFF}
section.content.newslist .container main article .pages span{background-color:#AAAAAA}
section.content.newslist .container main .keys{padding:10px 0px}
section.content.newslist .container main .keys ul{display:flex;flex-wrap:wrap}
section.content.newslist .container main .keys ul li{margin:0px 20px 10px 0px}
section.content.newslist .container main .keys ul li a{color:var(--color)}
section.content.newslist .container aside{width:280px}
section.content.newslist .container aside h2{position:relative;border-bottom:1px solid #F1F1F1;margin-bottom:15px;font-size:var(--fontsize22);font-weight:var(--fontbold5)}
section.content.newslist .container aside h2::after{content:"";display:block;position:absolute;bottom:-2px;left:0px;width:50px;height:2px;background:var(--color)}
section.content.newslist .container aside>ul{margin-bottom:25px}
section.content.newslist .container aside>ul.aside-menu>li{width:100%}
section.content.newslist .container aside>ul.aside-menu>li>a{border:1px solid #EEEEEE;border-radius:0px 6px 0px 0px}
section.content.newslist .container aside>ul.aside-menu>li>a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:6px}
section.content.newslist .container aside>ul.aside-menu>li ul{display:none}
section.content.newslist .container aside>ul.aside-menu>li a{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;font-size:var(--fontsize15);color:var(--fontcolor);transition:all .3s;padding:10px 0px 10px 20px;display:block}
section.content.newslist .container aside>ul.aside-menu>li a:hover::after{background:#FFFFFF}
section.content.newslist .container aside>ul.aside-menu>li a:hover{background:var(--color);color:#FFFFFF}
section.content.newslist .container aside>ul.aside-news li{margin-bottom:20px}
section.content.newslist .container aside>ul.aside-news li:hover a .right h3{color:var(--color)}
section.content.newslist .container aside>ul.aside-news li a{display:flex}
section.content.newslist .container aside>ul.aside-news li a .left{margin-right:15px}
section.content.newslist .container aside>ul.aside-news li a .left img{max-width:100px;height:100px}
section.content.newslist .container aside>ul.aside-news li a .right h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:normal}
section.content.newslist .container aside>ul.aside-news li a .right p{color:var(--introcolor);font-size:var(--fontsize13);line-height:1.5}
section.content.newslist .container aside>ul.aside-news li a .right p i{margin-right:10px}
section.content.newslist .container aside>ul.recommended{display:flex;flex-wrap:wrap}
section.content.newslist .container aside>ul.recommended li{position:relative;width:135px;height:135px;border:1px solid #EEEEEE;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
section.content.newslist .container aside>ul.recommended li:nth-child(2n){margin-right:0px}
section.content.newslist .container aside>ul.recommended li:hover a{display:flex}
section.content.newslist .container aside>ul.recommended li img{width:100%}
section.content.newslist .container aside>ul.recommended li a{z-index:2;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#464646;opacity:.7;display:none}
section.content.newslist .container aside>ul.recommended li a i{color:#FFFFFF;font-size:var(--fontsize24)}
@media(max-width:1000px){
.newslist section.content .container aside{display:none}
.newslist section.content .container main{margin:0px}
.newslist section.content .container main article ul li .right a{font-size:var(--fontsize16);color:var(--fontcolor);font-weight:var(--fontbold5)}
.newslist section.content .container main article ul li .right .descption{font-size:var(--fontsize13)}
.newslist section.content .container main article ul li .left .newday{font-size:12.5px;position:relative}
.newslist section.content .container main article ul li .left .newday::before{position:absolute;content:'';width:5px;height:2px;top:5px;background:var(--color)}
.newslist section.content .container main article ul li .left .newyear{font-size:var(--fontsize18)}
.newslist section.content .container main article ul li .left{width:62px;height:62px}
.newslist section.content .container main article ul li{align-items:flex-start}
section.content.newslist .container main{margin-right:0px}}
section.content.newslist .container main article ul li:hover{transition:all .3s ease;transform:translateY(-3px)}
section.content.newslist .container main article ul li{transition:all .3s ease}}
section.content.industrycontent{display:flex;justify-content:center;padding:0px}
section.content.industrycontent .container{display:flex;justify-content:space-between}
section.content.industrycontent .container main{flex:1;margin-right:50px}
section.content.industrycontent .container main h1{font-size:var(--fontsize26);line-height:1.3}
section.content.industrycontent .container main div.industry-date{font-size:var(--fontsize14);color:var(--introcolor);padding:10px 0px}
section.content.industrycontent .container main div.industry-date i{margin-right:10px}
section.content.industrycontent .container main div.industry-date #page-content-view{margin-left:10px}
section.content.industrycontent .container main article{color:var(--fontcolor)}
section.content.industrycontent .container main .share{padding:20px 0px}
section.content.industrycontent .container main .pagination div{padding:5px 0px}
section.content.industrycontent .container main .pagination div a{color:var(--fontcolor);font-size:var(--fontsize15)}
section.content.industrycontent .container main .related-products .title{width:100%;background:#F6F6F6;display:flex;justify-content:start;padding:5px 10px;margin:20px auto}
section.content.industrycontent .container main .related-products ul{display:flex;flex-wrap:wrap;justify-content:center}
section.content.industrycontent .container main .related-products ul li{width:30.9%;border:1px solid #E5E5E5;margin-right:20px;margin-bottom:20px}
section.content.industrycontent .container main .related-products ul li:nth-of-type(3n){margin-right:0px}
section.content.industrycontent .container main .related-products ul li a{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
section.content.industrycontent .container main .related-products ul li a .img-box{width:100%;flex:1;display:flex;align-items:center}
section.content.industrycontent .container main .related-products ul li a .img-box img{width:100%}
section.content.industrycontent .container main .related-products ul li a p{border-top:1px solid #E5E5E5;color:var(--introcolor);font-size:var(--fontsize16);line-height:1.5;text-align:center;overflow:hidden;text-overflow:ellipsis;display:block;padding:1% 5%;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
section.content.industrycontent .container aside{width:280px}
section.content.industrycontent .container aside h2{position:relative;border-bottom:1px solid #F1F1F1;margin-bottom:15px;font-size:var(--fontsize22);font-weight:var(--fontbold5)}
section.content.industrycontent .container aside h2::after{content:"";display:block;position:absolute;bottom:-2px;left:0px;width:50px;height:2px;background:var(--color)}
section.content.industrycontent .container aside>ul{margin-bottom:25px}
section.content.industrycontent .container aside>ul.aside-menu>li{width:100%}
section.content.industrycontent .container aside>ul.aside-menu>li>a{border:1px solid #EEEEEE;border-radius:0px 6px 0px 0px}
section.content.industrycontent .container aside>ul.aside-menu>li>a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:6px}
section.content.industrycontent .container aside>ul.aside-menu>li ul{display:none}
section.content.industrycontent .container aside>ul.aside-menu>li a{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;font-size:var(--fontsize15);color:var(--fontcolor);transition:all .3s;padding:10px 0px 10px 20px;display:block}
section.content.industrycontent .container aside>ul.aside-menu>li a:hover::after{background:#FFFFFF}
section.content.industrycontent .container aside>ul.aside-menu>li a:hover{background:var(--color);color:#FFFFFF}
section.content.industrycontent .container aside>ul.aside-news li{margin-bottom:20px}
section.content.industrycontent .container aside>ul.aside-news li:hover a .right h3{color:var(--color)}
section.content.industrycontent .container aside>ul.aside-news li a{display:flex}
section.content.industrycontent .container aside>ul.aside-news li a .left{margin-right:15px}
section.content.industrycontent .container aside>ul.aside-news li a .left img{max-width:100px;height:100px}
section.content.industrycontent .container aside>ul.aside-news li a .right h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:normal}
section.content.industrycontent .container aside>ul.aside-news li a .right p{color:var(--introcolor);font-size:var(--fontsize13);line-height:1.5}
section.content.industrycontent .container aside>ul.aside-news li a .right p i{margin-right:10px}
section.content.industrycontent .container aside>ul.recommended{display:flex;flex-wrap:wrap}
section.content.industrycontent .container aside>ul.recommended li{position:relative;width:135px;height:135px;border:1px solid #EEEEEE;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
section.content.industrycontent .container aside>ul.recommended li:nth-child(2n){margin-right:0px}
section.content.industrycontent .container aside>ul.recommended li:hover a{display:flex}
section.content.industrycontent .container aside>ul.recommended li img{width:100%}
section.content.industrycontent .container aside>ul.recommended li a{z-index:2;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#464646;opacity:.7;display:none}
section.content.industrycontent .container aside>ul.recommended li a i{color:#FFFFFF;font-size:var(--fontsize24)}
@media(max-width:1000px){
.industrycontent section.content .container aside{display:none}
.industrycontent section.content .container main{margin:0px}
.industrycontent section.content .container main article ul li .right a{font-size:var(--fontsize16);color:var(--fontcolor);font-weight:var(--fontbold5)}
.industrycontent section.content .container main article ul li .right .descption{font-size:var(--fontsize13)}
.industrycontent section.content .container main article ul li .left .newday{font-size:12.5px;position:relative}
.industrycontent section.content .container main article ul li .left .newday::before{position:absolute;content:'';width:5px;height:2px;top:5px;background:var(--color)}
.industrycontent section.content .container main article ul li .left .newyear{font-size:var(--fontsize18)}
.industrycontent section.content .container main article ul li .left{width:62px;height:62px}
.industrycontent section.content .container main article ul li{align-items:flex-start}
section.content.industrycontent .container main{margin-right:0px}}
@media(max-width:1000px){section.content.industrycontent .container main .related-products{display:none}}
@media(max-width:1000px){
.industrycontent .feedbackForm{display:none}}
section.content.industrycontent .container main .related-products ul li a .img-box{overflow:hidden}
section.content.industrycontent .container main .related-products ul li a .img-box img:hover{transition:all .3s ease;transform:scale(1.05)}
section.content.industrycontent .container main .related-products ul li a .img-box img{transition:all .3s ease}}
section.content.products{display:flex;justify-content:center;padding:0px}
section.content.products .container{display:flex;justify-content:space-between}
section.content.products .container main{flex:1;margin-right:0px;max-width:calc(1430px - 380px)}
section.content.products .container main h1{font-size:var(--fontsize26);color:var(--fontcolor)}
section.content.products .container main article ul{width:100%;display:flex;flex-wrap:wrap}
section.content.products .container main article ul li{width:calc(33.333% - 20px);margin:10px;background-color:#FDFDFD;border:solid 1px #EEEEEE}
section.content.products .container main article ul li a .img-box{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
section.content.products .container main article ul li a .img-box img{width:100%;max-width:420px;max-height:420px}
section.content.products .container main article ul li a h3{color:var(--fontcolor);padding:0px 10px;height:48px;line-height:1.4;font-size:var(--fontsize20);font-weight:var(--fontbold5);margin-bottom:10px;white-space:pre-wrap;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
section.content.products .container main article ul li a p{padding:0px 10px;font-size:var(--fontsize15);color:var(--introcolor);text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:default}
section.content.products .container main article ul li a .btn{margin-top:15px;height:40px;display:flex}
section.content.products .container main article ul li a .btn:hover .left{color:#FFFFFF;transition:all .2s}
section.content.products .container main article ul li a .btn:hover .left::before{width:100%;transition:all .2s}
section.content.products .container main article ul li a .btn:hover .right{background:var(--color);transition:all .2s}
section.content.products .container main article ul li a .btn .left{flex:1;background:#EDEDED;display:flex;align-items:center;color:var(--introcolor);transition:all .2s;position:relative;text-indent:10px}
section.content.products .container main article ul li a .btn .left span{padding-left:10px;position:relative;z-index:10}
section.content.products .container main article ul li a .btn .left::before{content:'';position:absolute;width:0px;height:100%;background:var(--color);z-index:1;transition:all .2s}
section.content.products .container main article ul li a .btn .right{width:40px;flex:0 0 auto;line-height:40px;text-align:center;margin-left:auto;background:#CCCCCC;position:relative;z-index:5;color:#FFFFFF;transition:all .2s}
section.content.products .container main article ul li a .btn .right i,section.content.products .container main article ul li a .btn .right em{font-size:var(--fontsize18)}
section.content.products .container main article .pages{padding-top:15px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
section.content.products .container main article .pages a,section.content.products .container main article .pages span{display:block;margin:5px;padding:4px 12px;background-color:var(--color);color:#FFFFFF}
section.content.products .container main article .pages span{background-color:#AAAAAA}
section.content.products .container main .keys{padding:10px 0px}
section.content.products .container main .keys ul{display:flex;flex-wrap:wrap}
section.content.products .container main .keys ul li{margin:0px 20px 10px 0px}
section.content.products .container main .keys ul li a{color:var(--color)}
section.content.products .container aside{width:280px}
section.content.products .container aside h5{position:relative;border-bottom:2px solid #F1F1F1;padding-bottom:5px;margin-bottom:15px;font-size:var(--fontsize22)}
section.content.products .container aside h5::after{content:"";display:block;position:absolute;bottom:-2px;left:0px;width:50px;height:2px;background:var(--color)}
section.content.products .container aside>ul{margin-bottom:25px}
section.content.products .container aside>ul.aside-menu>li{width:100%}
section.content.products .container aside>ul.aside-menu>li>a{border:1px solid #EEEEEE;border-radius:0px 6px 0px 0px}
section.content.products .container aside>ul.aside-menu>li>a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:6px}
section.content.products .container aside>ul.aside-menu>li ul{display:none}
section.content.products .container aside>ul.aside-menu>li a{width:100%;box-sizing:border-box;margin-bottom:5px;position:relative;font-size:var(--fontsize15);color:var(--fontcolor);transition:all .3s;padding:10px 0px 10px 20px;display:block}
section.content.products .container aside>ul.aside-menu>li a.currentProType::after{background:#FFFFFF}
section.content.products .container aside>ul.aside-menu>li a:hover::after{background:#FFFFFF}
section.content.products .container aside>ul.aside-menu>li a:hover{background:var(--color);color:#FFFFFF;margin-bottom:5px}
section.content.products .container aside>ul.aside-news li{margin-bottom:20px}
section.content.products .container aside>ul.aside-news li:hover a .right h3{color:var(--color)}
section.content.products .container aside>ul.aside-news li a{display:flex}
section.content.products .container aside>ul.aside-news li a .left{margin-right:15px}
section.content.products .container aside>ul.aside-news li a .left img{max-width:100px;height:100px}
section.content.products .container aside>ul.aside-news li a .right h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:normal}
section.content.products .container aside>ul.aside-news li a .right p{color:var(--introcolor);font-size:var(--fontsize13);line-height:1.5}
section.content.products .container aside>ul.aside-news li a .right p i{margin-right:10px}
section.content.products .container aside>ul.recommended{display:flex;flex-wrap:wrap}
section.content.products .container aside>ul.recommended li{position:relative;width:135px;height:135px;border:1px solid #EEEEEE;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
section.content.products .container aside>ul.recommended li:nth-child(2n){margin-right:0px}
section.content.products .container aside>ul.recommended li:hover a{display:flex}
section.content.products .container aside>ul.recommended li img{width:100%}
section.content.products .container aside>ul.recommended li a{z-index:2;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#464646;opacity:.7;display:none}
section.content.products .container aside>ul.recommended li a i{color:#FFFFFF;font-size:var(--fontsize24)}
@media(max-width:1000px){
.products section.content .container aside{display:none}
.products section.content .container main{margin:0px}
.products section.content .container main article ul li .right a{font-size:var(--fontsize16);color:var(--fontcolor);font-weight:var(--fontbold5)}
.products section.content .container main article ul li .right .descption{font-size:var(--fontsize13)}
.products section.content .container main article ul li .left .newday{font-size:12.5px;position:relative}
.products section.content .container main article ul li .left .newday::before{position:absolute;content:'';width:5px;height:2px;top:5px;background:var(--color)}
.products section.content .container main article ul li .left .newyear{font-size:var(--fontsize18)}
.products section.content .container main article ul li .left{width:62px;height:62px}
.products section.content .container main article ul li{align-items:flex-start}
section.content.products .container main article ul{justify-content:space-between}
section.content.products .container main article ul li{width:48%;margin:0px 0px 20px 0px}
section.content.products .container main article ul li a .btn{display:none}
section.content.products .container main article ul li a h3{font-size:var(--fontsize15)}
section.content.products .container main article ul li a p{font-size:var(--fontsize12)}}
section.content.products .container main article ul li a .img-box img:hover{transition:all .3s ease;transform:scale(1.05)}}
section.content.productscontent{display:flex;justify-content:center;padding:0px}
section.content.productscontent .container{display:flex;justify-content:space-between}
section.content.productscontent .container main{flex:1;margin-right:50px}
section.content.productscontent .container main .product-detail{display:flex}
section.content.productscontent .container main .product-detail .left{width:380px}
section.content.productscontent .container main .product-detail video{width:380px;height:380px;object-fit:contain;background:#EEEEEE}
section.content.productscontent .container main .product-detail .left .swiper-box{user-select:none;height:90px;position:relative}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page{width:350px;height:100%}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper{display:flex;align-items:center}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide{height:60px}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img{border:1px solid #E5E5E5;height:60px;width:60px}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img.hover{cursor:pointer;border:1px solid var(--color)}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-pagination{display:none}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page-button-prev{position:absolute;left:-10px}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-button-prev:after,section.content.productscontent .container main .product-detail .left .swiper-box .swiper-container-rtl .swiper-button-next:after{font-size:var(--fontsize30,30px)}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-button-next:after,section.content.productscontent .container main .product-detail .left .swiper-box .swiper-container-rtl .swiper-button-next:after{font-size:var(--fontsize30,30px)}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page-button-next{position:absolute;right:-3px}
section.content.productscontent .container main .product-detail .right{box-sizing:border-box;padding-left:30px;flex:1}
section.content.productscontent .container main .product-detail .right h1{font-size:var(--fontsize26);color:var(--fontcolor);padding:5px 0px;position:relative}
section.content.productscontent .container main .product-detail .right h1::before{width:100%;background:#F2F3F8;content:'';display:block;position:absolute;bottom:0px;left:0px;height:2px}
section.content.productscontent .container main .product-detail .right h1::after{width:100px;background:var(--color);content:'';display:block;position:absolute;bottom:0px;left:0px;height:2px}
section.content.productscontent .container main .product-detail .right>p{color:var(--introcolor);margin:10px 0px}
section.content.productscontent .container main .product-detail .right .btn span{display:inline-block;margin-right:20px;background:var(--color);border-radius:3px;color:#FFFFFF;font-size:var(--fontsize14);padding:0px 30px;line-height:40px;transition:all .3s ease;cursor:pointer}
section.content.productscontent .container main .product-detail .right .btn span:hover{background:#888888;transition:all .3s ease}
section.content.productscontent .container main .product-detail .right .share{margin:20px 0px}
section.content.productscontent .container main .description{font-size:var(--fontsize16);color:var(--fontcolor)}
section.content.productscontent .container main .description .title{background:#F6F6F6;display:flex;justify-content:start;padding:5px 10px;margin:20px auto 10px}
section.content.productscontent .container main .description img{max-width:100%;padding:10px 0px}
section.content.productscontent .container main .description table{margin:10px 0px;width:100%;font-size:var(--fontsize15);color:#8E8E8E;line-height:25px}
section.content.productscontent .container main .description table tr:nth-child(2n+1){background:#F6F6F6}
section.content.productscontent .container main .description .table td{border:1px solid #CDCDCD;padding:5px;color:var(--fontcolor)}
section.content.productscontent .container main .description .productsTags a{text-decoration:underline;text-transform:lowercase}
section.content.productscontent .container main .description .productsTags a:hover{color:var(--color)}
section.content.productscontent .container main .pagination div{padding:5px 0px}
section.content.productscontent .container main .pagination div a{color:var(--fontcolor);font-size:var(--fontsize15)}
section.content.productscontent .container main .related-products .title{background:#F6F6F6;display:flex;justify-content:start;padding:5px 10px;margin:20px auto}
section.content.productscontent .container main .related-products ul{display:flex;flex-wrap:wrap;justify-content:center}
section.content.productscontent .container main .related-products ul li{width:30.9%;border:1px solid #E5E5E5;margin-right:20px;margin-bottom:20px}
section.content.productscontent .container main .related-products ul li:nth-of-type(3n){margin-right:0px}
section.content.productscontent .container main .related-products ul li a{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
section.content.productscontent .container main .related-products ul li a .img-box{width:100%;flex:1;display:flex;align-items:center}
section.content.productscontent .container main .related-products ul li a .img-box img{width:100%}
section.content.productscontent .container main .related-products ul li a p{border-top:1px solid #E5E5E5;color:var(--introcolor);font-size:var(--fontsize16);line-height:1.5;text-align:center;overflow:hidden;text-overflow:ellipsis;display:block;padding:1% 5%;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
section.content.productscontent .container main .inquiry .title{background:#F6F6F6;display:flex;justify-content:start;padding:5px 10px;margin:20px auto}
section.content.productscontent .container aside{width:280px}
section.content.productscontent .container aside h2{position:relative;border-bottom:2px solid #F1F1F1;padding-bottom:5px;margin-bottom:15px;font-size:var(--fontsize22)}
section.content.productscontent .container aside h2::after{content:"";display:block;position:absolute;bottom:-2px;left:0px;width:50px;height:2px;background:var(--color)}
section.content.productscontent .container aside>ul{margin-bottom:25px}
section.content.productscontent .container aside>ul.aside-menu>li{width:100%}
section.content.productscontent .container aside>ul.aside-menu>li>a{border:1px solid #EEEEEE;border-radius:0px 6px 0px 0px}
section.content.productscontent .container aside>ul.aside-menu>li>a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:6px}
section.content.productscontent .container aside>ul.aside-menu>li ul{display:none}
section.content.productscontent .container aside>ul.aside-menu>li a{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;font-size:var(--fontsize15);color:var(--fontcolor);transition:all .3s;padding:10px 0px 10px 20px;display:block}
section.content.productscontent .container aside>ul.aside-menu>li a.currentProType::after{background:#FFFFFF}
section.content.productscontent .container aside>ul.aside-menu>li a:hover::after{background:#FFFFFF}
section.content.productscontent .container aside>ul.aside-menu>li a:hover{background:var(--color);color:#FFFFFF}
section.content.productscontent .container aside>ul.aside-news li{margin-bottom:20px}
section.content.productscontent .container aside>ul.aside-news li:hover a .right h3{color:var(--color)}
section.content.productscontent .container aside>ul.aside-news li a{display:flex}
section.content.productscontent .container aside>ul.aside-news li a .left{margin-right:15px}
section.content.productscontent .container aside>ul.aside-news li a .left img{max-width:100px;height:100px}
section.content.productscontent .container aside>ul.aside-news li a .right h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:normal}
section.content.productscontent .container aside>ul.aside-news li a .right p{color:var(--introcolor);font-size:var(--fontsize13);line-height:1.5}
section.content.productscontent .container aside>ul.aside-news li a .right p i{margin-right:10px}
section.content.productscontent .container aside>ul.recommended{display:flex;flex-wrap:wrap}
section.content.productscontent .container aside>ul.recommended li{position:relative;width:135px;height:135px;border:1px solid #EEEEEE;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
section.content.productscontent .container aside>ul.recommended li:nth-child(2n){margin-right:0px}
section.content.productscontent .container aside>ul.recommended li:hover a{display:flex}
section.content.productscontent .container aside>ul.recommended li img{width:100%}
section.content.productscontent .container aside>ul.recommended li a{z-index:2;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#464646;opacity:.7;display:none}
section.content.productscontent .container aside>ul.recommended li a i{color:#FFFFFF;font-size:var(--fontsize24)}
@media(max-width:1000px){
.productscontent section.content .container aside{display:none}
.productscontent section.content .container main{margin:0px}
.productscontent section.content .container main article ul li .right a{font-size:var(--fontsize16);color:var(--fontcolor);font-weight:var(--fontbold5)}
.productscontent section.content .container main article ul li .right .descption{font-size:var(--fontsize13)}
.productscontent section.content .container main article ul li .left .newday{font-size:12.5px;position:relative}
.productscontent section.content .container main article ul li .left .newday::before{position:absolute;content:'';width:5px;height:2px;top:5px;background:var(--color)}
.productscontent section.content .container main article ul li .left .newyear{font-size:var(--fontsize18)}
.productscontent section.content .container main article ul li .left{width:62px;height:62px}
.productscontent section.content .container main article ul li{align-items:flex-start}
section.content.productscontent .container main{margin-right:0px}}
@media(max-width:1000px){section.content.productscontent .container main .related-products{display:block}}
.productscontent .xh{color:red}
#picBigBigBig .img{width:380px;height:380px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;position:relative}
#picBigBigBig .img img{width:100%;height:100%}
#picBigBigBig .mask{width:200px;height:200px;position:absolute;left:0px;top:0px;background-color:#EEEEEE;opacity:.3;display:none;cursor:move}
#picBigBigBig .big{background:#FFFFFF;border:1px solid #EEEEEE;width:380px;height:380px;position:absolute;left:380px;top:0px;overflow:hidden;display:none;z-index:2}
#picBigBigBig .big img{height:auto;position:absolute;left:0px;top:0px;display:block;max-width:none;max-height:none;width:150%}
@media(max-width:1000px){section.content.productscontent .container main .product-detail .right{margin-top:30px}}
#picBigBigBig #count{display:none}
@media(max-width:1000px){section.content.productscontent .container main .product-detail{display:block}
#picBigBigBig .img{display:none}
section.content.productscontent .container main .product-detail .left{width:500px;height:auto}
section.content.productscontent .container main .product-detail .left .swiper-box{height:100%;border:1px solid black}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page{height:100%}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper{height:100%}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide{height:100%}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img{width:100%}
section.content.productscontent .container main .product-detail .left .swiper-box{width:100%!important}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page{width:100%}
section.content.productscontent .container main .product-detail{display:flex;justify-content:center;flex-wrap:wrap}
section.content.productscontent .container main .product-detail .right{width:100%;flex:auto;padding-left:0px}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img.hover{border:0px}
.swiper-product-details-page-button-prev{display:none}
.swiper-product-details-page-button-next{display:none}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-pagination{display:block}
.swiper-pagination-bullet-active{background:var(--color)}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0px}
#picBigBigBig{position:relative}
#picBigBigBig #count{display:block;position:absolute;right:0px;bottom:0px;color:#FFFFFF;background:black;padding:2px 12px;border-radius:12px;z-index:5}
@media(max-width:550px){section.content.productscontent .container main .product-detail .left{width:calc(100vw - 45px)}}
@media(max-width:1000px){section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img{height:auto}}
section.content.productTypelist{display:flex;justify-content:center;padding:0px}
section.content.productTypelist .container{display:flex;justify-content:space-between}
section.content.productTypelist .container main{flex:1;margin-right:50px}
section.content.productTypelist .container main h1{font-size:var(--fontsize24);border-bottom:1px dashed #EEEEEE;margin-bottom:15px;color:var(--fontcolor)}
section.content.productTypelist .container main .product-introduction{font-size:var(--fontsize14);line-height:1.7;margin:10px 0px;color:var(--introcolor)}
section.content.productTypelist .container main article{line-height:1.7;color:var(--fontcolor)}
section.content.productTypelist .container main article ul{width:100%;display:flex;flex-wrap:wrap}
section.content.productTypelist .container main article ul li{width:calc(33.333% - 20px);margin-right:20px}
section.content.productTypelist .container main article ul li a{width:100%}
section.content.productTypelist .container main article ul li a .img-box{width:100%;display:flex;align-items:center;justify-content:center}
section.content.productTypelist .container main article ul li a .img-box img{width:100%;max-width:420px;max-height:420px}
section.content.productTypelist .container main article ul li a h2{text-align:center;color:var(--fontcolor);padding:0px 10px;height:48px;line-height:1.4;font-size:var(--fontsize20);font-weight:var(--fontbold5);margin-bottom:10px;white-space:pre-wrap;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
section.content.productTypelist .container main article ul li a p{padding:0px 10px;font-size:var(--fontsize15);color:var(--introcolor);text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:default}
section.content.productTypelist .container main article ul li a .btn{margin-top:15px;height:40px;display:flex}
section.content.productTypelist .container main article ul li a .btn:hover .left{color:#FFFFFF;transition:all .2s}
section.content.productTypelist .container main article ul li a .btn:hover .left::before{width:100%;transition:all .2s}
section.content.productTypelist .container main article ul li a .btn:hover .right{background:var(--color);transition:all .2s}
section.content.productTypelist .container main article ul li a .btn .left{flex:1;background:#EDEDED;display:flex;align-items:center;color:var(--introcolor);transition:all .2s;position:relative;text-indent:10px}
section.content.productTypelist .container main article ul li a .btn .left span{padding-left:10px;position:relative;z-index:10}
section.content.productTypelist .container main article ul li a .btn .left::before{content:'';position:absolute;width:0px;height:100%;background:var(--color);z-index:1;transition:all .2s}
section.content.productTypelist .container main article ul li a .btn .right{width:40px;flex:0 0 auto;line-height:40px;text-align:center;margin-left:auto;background:#CCCCCC;position:relative;z-index:5;color:#FFFFFF;transition:all .2s}
section.content.productTypelist .container main article ul li a .btn .right i,section.content.productTypelist .container main article ul li a .btn .right em{font-size:var(--fontsize18)}
section.content.productTypelist .container main article .Content_ProTypeList{clear:both;margin:0px auto;padding:5pt;border:1px solid #EEEEEE;margin-top:25px;font-size:var(--fontsize13);color:var(--introcolor);line-height:170%}
section.content.productTypelist .container main article .pages{padding-top:15px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
section.content.productTypelist .container main article .pages a,section.content.productTypelist .container main article .pages span{display:block;margin:5px;padding:4px 12px;background-color:var(--color);color:#FFFFFF}
section.content.productTypelist .container main article .pages span{background-color:#AAAAAA}
section.content.productTypelist .container main .keys{padding:10px 0px}
section.content.productTypelist .container main .keys ul{display:flex;flex-wrap:wrap}
section.content.productTypelist .container main .keys ul li{margin:0px 20px 10px 0px}
section.content.productTypelist .container main .keys ul li a{color:var(--color)}
section.content.productTypelist .container aside{width:280px}
section.content.productTypelist .container aside h2{position:relative;border-bottom:1px solid #F1F1F1;margin-bottom:15px;font-size:var(--fontsize22);font-weight:var(--fontbold5)}
section.content.productTypelist .container aside h2::after{content:"";display:block;position:absolute;bottom:-2px;left:0px;width:50px;height:2px;background:var(--color)}
section.content.productTypelist .container aside>ul{margin-bottom:25px}
section.content.productTypelist .container aside>ul.aside-menu>li{width:100%}
section.content.productTypelist .container aside>ul.aside-menu>li>a{border:1px solid #EEEEEE;border-radius:0px 6px 0px 0px}
section.content.productTypelist .container aside>ul.aside-menu>li>a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:6px}
section.content.productTypelist .container aside>ul.aside-menu>li ul{display:none}
section.content.productTypelist .container aside>ul.aside-menu>li a{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;font-size:var(--fontsize15);color:var(--fontcolor);transition:all .3s;padding:10px 0px 10px 20px;display:block}
section.content.productTypelist .container aside>ul.aside-menu>li a:hover::after{background:#FFFFFF}
section.content.productTypelist .container aside>ul.aside-menu>li a:hover{background:var(--color);color:#FFFFFF}
section.content.productTypelist .container aside>ul.aside-news li{margin-bottom:20px}
section.content.productTypelist .container aside>ul.aside-news li:hover a .right h3{color:var(--color)}
section.content.productTypelist .container aside>ul.aside-news li a{display:flex}
section.content.productTypelist .container aside>ul.aside-news li a .left{margin-right:15px}
section.content.productTypelist .container aside>ul.aside-news li a .left img{max-width:100px;height:100px}
section.content.productTypelist .container aside>ul.aside-news li a .right h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:normal}
section.content.productTypelist .container aside>ul.aside-news li a .right p{color:var(--introcolor);font-size:var(--fontsize13);line-height:1.5}
section.content.productTypelist .container aside>ul.aside-news li a .right p i{margin-right:10px}
section.content.productTypelist .container aside>ul.recommended{display:flex;flex-wrap:wrap}
section.content.productTypelist .container aside>ul.recommended li{position:relative;width:135px;height:135px;border:1px solid #EEEEEE;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
section.content.productTypelist .container aside>ul.recommended li:hover a{display:flex}
section.content.productTypelist .container aside>ul.recommended li img{width:100%}
section.content.productTypelist .container aside>ul.recommended li a{z-index:2;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#464646;opacity:.7;display:none}
section.content.productTypelist .container aside>ul.recommended li a i{color:#FFFFFF;font-size:var(--fontsize24)}
@media(max-width:1000px){section.content.productTypelist .container main h1{font-size:var(--fontsize17)}
.productTypelist section.content .container aside{display:none}
.productTypelist section.content .container main{margin:0px}
.productTypelist section.content .container main article ul li .right a{font-size:var(--fontsize16);color:var(--fontcolor);font-weight:var(--fontbold5)}
.productTypelist section.content .container main article ul li .right .descption{font-size:var(--fontsize13)}
.productTypelist section.content .container main article ul li .left .newday{font-size:12.5px;position:relative}
.productTypelist section.content .container main article ul li .left .newday::before{position:absolute;content:'';width:5px;height:2px;top:5px;background:var(--color)}
.productTypelist section.content .container main article ul li .left .newyear{font-size:var(--fontsize18)}
.productTypelist section.content .container main article ul li .left{width:62px;height:62px}
.productTypelist section.content .container main article ul li{align-items:flex-start}
section.content.productTypelist .container main{margin-right:0px}
section.content.productTypelist .container main article ul li{width:calc(50% - 20px)}
section.content.productTypelist .container main article ul li:nth-of-type(odd){margin-right:20px}}
@media(max-width:1000px){section.content.productTypelist .container main article ul li a .btn{display:none}
section.content.productTypelist .container main article ul li a h2{font-size:var(--fontsize15)}
section.content.productTypelist .container main article ul li a p{font-size:var(--fontsize12)}}
section.content.productTypelist .container main article ul li a .img-box{overflow:hidden}
section.content.productTypelist .container main article ul li a .img-box img:hover{transition:all .3s ease;transform:scale(1.05)}}
section.content.productSearch{display:flex;justify-content:center;padding:0px}
section.content.productSearch .container{display:flex;justify-content:space-between}
section.content.productSearch .container main{flex:1;margin-right:50px}
section.content.productSearch .container main h1{font-size:var(--fontsize24);border-bottom:1px dashed #EEEEEE;margin-bottom:15px;color:var(--fontcolor)}
section.content.productSearch .container main article{line-height:1.7;color:var(--fontcolor)}
section.content.productSearch .container main article ul{width:100%;display:flex;flex-wrap:wrap}
section.content.productSearch .container main article ul li{width:calc(33.333% - 20px);margin-right:20px}
section.content.productSearch .container main article ul li a{width:100%}
section.content.productSearch .container main article ul li a .img-box{width:100%;display:flex;align-items:center;justify-content:center}
section.content.productSearch .container main article ul li a .img-box img{width:100%;max-width:420px;max-height:420px}
section.content.productSearch .container main article ul li a h2{color:var(--fontcolor);padding:0px 10px;height:48px;line-height:1.4;font-size:var(--fontsize20);font-weight:var(--fontbold5);margin-bottom:10px;white-space:pre-wrap;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
section.content.productSearch .container main article ul li a p{padding:0px 10px;font-size:var(--fontsize15);color:var(--introcolor);text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:default}
section.content.productSearch .container main article ul li a .btn{margin-top:15px;height:40px;display:flex}
section.content.productSearch .container main article ul li a .btn:hover .left{color:#FFFFFF;transition:all .2s}
section.content.productSearch .container main article ul li a .btn:hover .left::before{width:100%;transition:all .2s}
section.content.productSearch .container main article ul li a .btn:hover .right{background:var(--color);transition:all .2s}
section.content.productSearch .container main article ul li a .btn .left{flex:1;background:#EDEDED;display:flex;align-items:center;color:var(--introcolor);transition:all .2s;position:relative;text-indent:10px}
section.content.productSearch .container main article ul li a .btn .left span{padding-left:10px;position:relative;z-index:10}
section.content.productSearch .container main article ul li a .btn .left::before{content:'';position:absolute;width:0px;height:100%;background:var(--color);z-index:1;transition:all .2s}
section.content.productSearch .container main article ul li a .btn .right{width:40px;flex:0 0 auto;line-height:40px;text-align:center;margin-left:auto;background:#CCCCCC;position:relative;z-index:5;color:#FFFFFF;transition:all .2s}
section.content.productSearch .container main article ul li a .btn .right i,section.content.productSearch .container main article ul li a .btn .right em{font-size:var(--fontsize18)}
section.content.productSearch .container main article .pages{padding-top:15px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
section.content.productSearch .container main article .pages a,section.content.productSearch .container main article .pages span{display:block;margin:5px;padding:4px 12px;background-color:var(--color);color:#FFFFFF}
section.content.productSearch .container main article .pages span{background-color:#AAAAAA}
section.content.productSearch .container main .keys{padding:10px 0px}
section.content.productSearch .container main .keys ul{display:flex;flex-wrap:wrap}
section.content.productSearch .container main .keys ul li{margin:0px 20px 10px 0px}
section.content.productSearch .container main .keys ul li a{color:var(--color)}
section.content.productSearch .container aside{width:280px}
section.content.productSearch .container aside h2{position:relative;border-bottom:1px solid #F1F1F1;margin-bottom:15px;font-size:var(--fontsize22);font-weight:var(--fontbold5)}
section.content.productSearch .container aside h2::after{content:"";display:block;position:absolute;bottom:-2px;left:0px;width:50px;height:2px;background:var(--color)}
section.content.productSearch .container aside>ul{margin-bottom:25px}
section.content.productSearch .container aside>ul.aside-menu>li{width:100%}
section.content.productSearch .container aside>ul.aside-menu>li>a{border:1px solid #EEEEEE;border-radius:0px 6px 0px 0px}
section.content.productSearch .container aside>ul.aside-menu>li>a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:6px}
section.content.productSearch .container aside>ul.aside-menu>li ul{display:none}
section.content.productSearch .container aside>ul.aside-menu>li a{width:100%;box-sizing:border-box;margin-bottom:10px;position:relative;font-size:var(--fontsize15);color:var(--fontcolor);transition:all .3s;padding:10px 0px 10px 20px;display:block}
section.content.productSearch .container aside>ul.aside-menu>li a:hover::after{background:#FFFFFF}
section.content.productSearch .container aside>ul.aside-menu>li a:hover{background:var(--color);color:#FFFFFF}
section.content.productSearch .container aside>ul.aside-news li{margin-bottom:20px}
section.content.productSearch .container aside>ul.aside-news li:hover a .right h3{color:var(--color)}
section.content.productSearch .container aside>ul.aside-news li a{display:flex}
section.content.productSearch .container aside>ul.aside-news li a .left{margin-right:15px}
section.content.productSearch .container aside>ul.aside-news li a .left img{max-width:100px;height:100px}
section.content.productSearch .container aside>ul.aside-news li a .right h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:normal}
section.content.productSearch .container aside>ul.aside-news li a .right p{color:var(--introcolor);font-size:var(--fontsize13);line-height:1.5}
section.content.productSearch .container aside>ul.aside-news li a .right p i{margin-right:10px}
section.content.productSearch .container aside>ul.recommended{display:flex;flex-wrap:wrap}
section.content.productSearch .container aside>ul.recommended li{position:relative;width:135px;height:135px;border:1px solid #EEEEEE;margin-right:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
section.content.productSearch .container aside>ul.recommended li:hover a{display:flex}
section.content.productSearch .container aside>ul.recommended li img{width:100%}
section.content.productSearch .container aside>ul.recommended li a{z-index:2;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#464646;opacity:.7;display:none}
section.content.productSearch .container aside>ul.recommended li a i{color:#FFFFFF;font-size:var(--fontsize24)}
@media(max-width:1000px){
.productSearch section.content .container aside{display:none}
.productSearch section.content .container main{margin:0px}
.productSearch section.content .container main article ul li .right a{font-size:var(--fontsize16);color:var(--fontcolor);font-weight:var(--fontbold5)}
.productSearch section.content .container main article ul li .right .descption{font-size:var(--fontsize13)}
.productSearch section.content .container main article ul li .left .newday{font-size:12.5px;position:relative}
.productSearch section.content .container main article ul li .left .newday::before{position:absolute;content:'';width:5px;height:2px;top:5px;background:var(--color)}
.productSearch section.content .container main article ul li .left .newyear{font-size:var(--fontsize18)}
.productSearch section.content .container main article ul li .left{width:62px;height:62px}
.productSearch section.content .container main article ul li{align-items:flex-start}
section.content.productSearch .container main{margin-right:0px}
section.content.productSearch .container main article ul li{width:calc(50% - 20px)}
section.content.productSearch .container main article ul li:nth-of-type(odd){margin-right:20px}}
@media(max-width:1000px){section.content.productSearch .container main article ul li a .btn{display:none}
section.content.productSearch .container main article ul li a h2{font-size:var(--fontsize15)}
section.content.productSearch .container main article ul li a p{font-size:var(--fontsize12)}}
section.content.productSearch .container main article ul li a .img-box{overflow:hidden}
section.content.productSearch .container main article ul li a .img-box img:hover{transition:all .3s ease;transform:scale(1.05)}
.ieShow{display:none}
.ie header .container{transform:translateY(50%)}
.ie.index section.recommended .container .swiper-box ul li{box-sizing:inherit}
.ie .feedbackForm table{width:100%}
.ie .feedbackForm table tr{width:100%}
.ie .feedbackForm table tr td input{width:100%!important}
.ie .feedbackForm table tr td:nth-of-type(1){width:10%!important}
.ie .feedbackForm table tr td:nth-of-type(2){width:90%!important}
.ie section.content .container main .related-products ul{height:850px!important}
.ie section.content .container main .related-products ul li a .img-box{display:flex!important}
.ie section.content .container main .related-products ul li a .img-box img{width:93%!important;margin:auto!important}
.ie section.content .container aside>ul.aside-news li a .right{flex:1!important}
.ie section.content .container main article ul li a .btn .left::before{left:0!important;top:0!important}
.ie .ieShow{display:block!important;font-size:40px!important;transform:translateY(-20px)!important}
.ie section.productscontent.content .container main .pagination,.ie section.productscontent.content .container main .description,.ie section.productscontent.content .container main .product-detail,.ie section.productscontent.content .container main .inquiry,.ie section.productscontent.content .container main .feedbackForm,.ie section.productscontent.content .container main .related-products{width:calc(100vw - 480px);max-width:1000px}
.ie section.content.productSearch .container aside>ul.recommended li a{left:0px;top:0px}
section.content.products .container main article ul li a p{height:65.45px}
section.content.products .container main article ul li a h3{margin-top:15px}
nav .container>ul.menu>li ul{z-index:1001}
section.content.productscontent .container main .pagination div a{color:var(--fontcolor)}
section.content.productTypelist .container main article .Content_ProTypeList{border:1px solid #F4F2F2}
section.content.productTypelist .container main article ul li a p{min-height:65px}
@media(max-width:500px){section.content.productTypelist .container main article ul li a .img-box{height:100px}}
@media(max-width:1000px){section.content.productTypelist .container main{width:100%}
section.content.productTypelist .container main article ul li a p{height:auto}}
section.content.productTypelist .container main article ul li{margin-bottom:15px}
@media(max-width:1024px){header .container img{max-width:100px;max-height:46px}}
@media(max-width:1000px){
.index section.email{box-sizing:border-box;padding:20px 0px;height:190px}
.index section.email .container .right input{height:40px}
.index section.email .container .right span{height:40px;line-height:40px}}
@media(max-width:1000px){
.ftxt{min-width:100px}}
@media(max-width:750px){
.index section.products ul li{height:240px;width:50%}}
@media(max-width:1000px){
.index .swiper-pagination-news{display:block}
.index .swiper-prev-next-box{display:none}
.index section.recommended .container .swiper-pagination-fjy{display:none}
.index .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;left:50%;transform:translateX(-50%);z-index:10;width:100%}
.index .swiper-pagination-bullet-active{width:25px;background-color:var(--color);border-radius:0}
.index .swiper-pagination-bullet{border-radius:0;opacity:1;transition:all .3s ease;margin:0px 4px}}
@media(min-width:1000px){
.swiper-pagination-recommended{display:none}
.singglepic{border:0px}
.singglepic img{margin-left:-2px}
nav .container>ul.menu>li ul li:hover{background:0;transition:none}
nav .container>ul.menu>li:hover{background:0;transition:none}}
@media(max-width:700px){section.content.productscontent .container{position:relative}
#picBigBigBig{position:absolute;left:0px;top:0px;width:100%}
section.content.productscontent .container main .product-detail .left .swiper-box{border:0px}}
@media(max-width:1000px){#picBigBigBig #count{right:5px;bottom:8px}}
.pho-footer{display:none;z-index:500;bottom:0px;width:100%;height:55px;background:#FCFCFCFB;position:fixed;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
@media(max-width:1000px){
.pho-footer{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.pho-footer ul{display:flex;height:55px}
.pho-footer ul li{width:25%;text-align:center;font-size:var(--fontsize12);text-transform:capitalize;position:relative}
.pho-footer ul li a{color:var(--fontcolor);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}
.pho-footer ul li a i,.pho-footer ul li a em{font-size:var(--fontsize20);display:block;line-height:1}}
section.content.productscontent .container main .product-detail .right .btn span span{margin-right:0px;background-color:#CB2027}
section.content.productscontent .container main .product-detail .right .btn span span:hover{background-color:#CB2027}
section.content.productscontent .container main .product-detail .right .btn span:nth-of-type(2){background-color:#CB2027}
section.content.productscontent .container main .product-detail .right .btn span:nth-of-type(2):hover{background-color:#CB2027}
nav .container>ul.menu>li{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}
@media(max-width:1000px){
section.content.productTypelist .container main{width:100%}
section.content.productTypelist .container main article ul li:nth-of-type(even){margin-right:0px;margin-left:10px}
section.content.productTypelist .container main article ul li{width:calc(50% - 10px)}
section.content.productTypelist .container main article ul li:nth-of-type(odd){margin-right:10px}
section.content.productTypelist .container main article ul li{margin-right:0px}
.index section.products ul{margin:0px auto;width:92%}
.index section.products ul li{height:240px;width:50%}}
@media(max-width:680px){
.index .recommended .swiper-box{height:945px}}
@media(max-width:570px){
.index .recommended .swiper-box{height:804px}}
@media(max-width:375px){
.index .recommended .swiper-box{height:664px}}
@media(max-width:680px){
.singglepic{margin:0!important;width:auto!important}
.singglepic img{width:100vw;height:auto;max-width:none!important;max-height:none!important}}
@media(max-width:1000px){nav .container>ul.menu>li ul{padding-left:30px}}
.ie header .container{transform:translateY(0%)}
.ie section.singglePage.content .container main{display:flex;flex-wrap:wrap;flex-direction:column}
.feedback article a{color:var(--fontcolor)}
@media(min-width:1000px){
.index section.recommended .container .swiper-box ul li .descption{min-height:34px}}
header .container{position:relative}
.singglepic{z-index:1!important}
.index section.email .container .left .info{display:flex;flex-wrap:wrap;flex:1}
.index section.email .container .left .info .descption{width:100%}
section.content.productscontent .container main .product-detail .right .btn .pdown2 span{width:93.38px;text-align:center}
@media(max-width:1024px){header .container .info{display:block}}
@media(max-width:1024px){header .container .info .block:nth-of-type(2){display:none}
header .container .info .block:nth-of-type(3) i,header .container .info .block:nth-of-type(3)>div:nth-of-type(1){display:none}}
@media(max-width:1000px){header .container{height:50px}
.index section.email .container .left .info .title{margin-left:0px}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .details{display:none}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .title{-webkit-line-clamp:4;height:116px}
.index section.email .container .left .info p{line-height:4vw}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide img{border:0px}
section.content.singglePage .container main,section.content.industrycontent .container main,section.content.productscontent .container main{width:100%}
section.content.productscontent .container main .description table{min-width:450px}
section.content.products .container main article ul li a p{height:55.45px}}
@media(max-width:500px){
.index section.email .container .left .info p.title,.index section.email .container .left .info p.descption{font-size:var(--fontsize16)}}
.keywords a{color:#333333}
@media(max-width:1000px){
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .btn{left:50%;transform:translateX(-50%)}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .btn{padding-left:0px;justify-content:center}}
section.content.productscontent .container main .pagination div a{color:var(--color)}
section.content.productTypelist .container main article .Content_ProTypeList{box-shadow:0 0 10px rgb(0 0 0 / 10%);border-radius:5px;padding:10px;line-height:1.7em;color:var(--fontcolor);font-size:var(--fontsize16)}
.keywords{margin-top:10px}
.keywords span a{display:inline-block;background:#EEEEEE;padding:2px 10px;margin-right:10px;color:var(--fontcolor);margin:5px;border-radius:15px}
textarea::-webkit-input-placeholder{font:400 16.3333px Arial}
.products .single-0 li,.productTypelist .single-0 li{width:100%!important}
.products .single-0 img,.productTypelist .single-0 img{margin-bottom:10px!important}
.newslist .single-1,.industrylist .single-1{display:flex!important;flex-wrap:wrap!important}
.LocalCurrent::after,.currentProType{background:#FFFFFF!important}
section.content.productTypelist .container aside>ul.aside-menu>li>a.currentProType::after{background:#FFFFFF!important}
.LocalCurrent,.currentProType{background:var(--color)!important;color:#FFFFFF!important}
.currentProType+.pro-menu{display:block!important}
@media(max-width:1000px){nav .container>ul.menu>li{border-bottom:1px solid #FFFFFF2F;padding:0px!important}}
section.content.industrylist .container main article ul li .left .newyear{font-weight:normal}
section.content.industrycontent .container main .pagination div a{color:var(--color)}
.ie.index section.email .container .left{width:500px}
.ie main>*{padding-right:10px}
.ie .productTypelist article{max-width:1100px}
.ie .industrylist article .descption,.ie .newslist article .descption{height:43px}
.ie section.newslist.content .container main article ul li .right a,.ie section.industrylist.content .container main article ul li .right a{height:50px}
.ie .content.productTypelist main>*{max-width:1100px;padding-right:10px}
.ie .content.productSearch main>*{max-width:1100px!important;padding-right:10px}
.ie .content.productSearch main article>ul{max-width:1100px!important}
.ie section.feedback.content .container main h1{width:1100px!important}
.ie section.feedback.content .container main article>*{width:1100px!important}
.ie section.content.newslist .container main article{width:1100px!important}
.ie section.content.newslist .container main article>*{width:1100px!important}
.ie section.content.newslist .container main article>ul>*{width:1100px!important}
.ie section.content.industrylist .container main article{width:1100px!important}
.ie section.content.industrylist .container main article>*{width:1100px!important}
.ie section.content.industrylist .container main article>ul>*{width:1100px!important}
.ie section.content.newslist .container main article>ul.single-0 a{height:auto!important}
.ie section.content.industrylist .container main article>ul.single-0 a{height:auto!important}
.ie section.newslist.content .container main,.ie section.newslist.content .container main>*{width:1100px!important}
.ie section.industrycontent.content .container main,.ie section.industrycontent.content .container main>*{width:1100px!important}
@media(max-width:768px){
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .padding-box{padding:10px 15px 0px 15px}
.index section.news .container .swiper-container ul.swiper-wrapper li.swiper-slide .title a{font-size:var(--fontsize16);font-weight:normal}
.index section.news .container h4{display:flex;justify-content:center}}
section.content.productscontent .container main .product-detail .left .swiper-box .swiper-product-details-page .swiper-wrapper .swiper-slide{display:flex;align-items:center}
.btn{display:flex;padding:5px 10px;font-size:var(--fontsize14);color:var(--color);cursor:pointer}
.visibility{visibility:hidden}
.shop-car{bottom:13.067vw}
.shop-car{bottom:55px}
.shop-car{width:100%;position:fixed;height:100px;bottom:0px;left:0px;background:#F6F6F7;z-index:3;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.shop-car ul{width:1420px;padding-left:10px;overflow-x:auto;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;flex:1;margin-right:10px}
.shop-car ul li{height:60px;display:flex;border:1px solid #ECECEC;background:#FFFFFF;margin-right:10px}
.shop-car ul li .left{width:80px;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:2px solid #ECECEC;overflow:hidden}
.shop-car ul li .left img{width:100%}
.shop-car ul li .center{width:160px;font-size:var(--fontsize12);font-weight:var(--fontbold4);padding:15px;color:var(--color);display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical}
.shop-car ul li .right{cursor:pointer;width:20px;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:5px}
.shop-car div.button{font-size:var(--fontsize12)}
.shop-car div.button.buy{width:160px;height:36px;background:var(--color)}
.shop-car div.button.buy a{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;cursor:pointer;width:100%;height:100%;color:#FFFFFF}
.shop-car div.button.clear{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;cursor:pointer;width:86px;height:20px;font-weight:var(--fontbold4);color:var(--introcolor);background:0}
@media(max-width:1000px){
.shop-car{bottom:70px}
.shop-car ul li .center{display:none}}
@media(max-width:850px){
.shop-car{height:50px;z-index:3}
.shop-car ul{width:100vw;position:absolute;top:-60px;left:0px;padding:0px}
.shop-car ul li{position:relative;border-right:0px;margin-right:0px;display:flex;-webkit-box-pack:center;justify-content:center;width:calc(20vw)}
.shop-car ul li .left{border-right:0px}
.shop-car ul li .right{position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.2);width:100%;height:100%;font-size:var(--fontsize24)}}
.feedback-list{margin:20px 0px;padding:0px 20px;border:1px solid #DDDDDD}
.feedback-list .list-li{display:flex;padding:20px 0px;border-bottom:1px solid #DDDDDD}
.feedback-list .list-li:nth-last-of-type(1){border:0px}
.feedback-list .list-li div:nth-of-type(1){width:100px;height:auto}
.feedback-list .list-li div:nth-of-type(1) img{width:100%;height:100%}
.feedback-list .list-li div:nth-of-type(2){-webkit-box-flex:1;flex:1;display:flex;-webkit-box-align:center;align-items:center;padding-left:20px;font-size:var(--fontsize16)}
.feedback-list .list-li div:nth-of-type(2) a{color:var(--fontcolor)}
.feedback-list .list-li div:nth-of-type(2) a:hover{color:var(--color);text-decoration:underline}
.feedback-list .list-li div:nth-of-type(3){width:30px;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-size:var(--fontsize24);cursor:pointer}
@media(max-width:600px){
.feedback-list .list-li div:nth-of-type(1){width:97px;height:72px}
.feedback-list .list-li div:nth-of-type(2){font-size:var(--fontsize16)}
.feedback-title span{display:-webkit-box!important;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.feedback-list .list-li div:nth-of-type(3){width:30px}}
.feedback-list>.list-li>div:nth-of-type(1){width:100px;height:auto}
@media(max-width:500px){
.feedback-list>.list-li>div:nth-of-type(1){width:58px;height:43.5px}}
.btn .left{display:flex;align-items:center}
.btn .right{display:flex;align-items:center;margin-left:5px}
.btn .right span{border:1px solid var(--color);display:flex;align-items:center;justify-content:center}
.productscontent .btn{justify-content:flex-start;padding:5px 0px;background:0}
aside h2,.content.productscontent .title{font-size:var(--fontsize22);font-weight:var(--fontbold5)}
.item-hover{color:var(--color)}
.item-hover .right span{border:1px solid var(--color)}
.index .btn{background-color:#FFFFFF!important}
@media(max-width:1000px){
.index .btn{background-color:var(--color)!important}
.download-list li{flex-wrap:wrap}}
@media(min-width:1000px){nav .container>ul.menu>li ul{min-width:78px}}
.project-list .project-img img,.video-list .video-img img,.download-list .download-img img{width:100%;height:100%;max-width:150px;max-height:150px;margin-right:15px}
.project-list .project-name,.video-list .video-name,.download-list .download-name{color:var(--fontcolor);overflow:hidden;max-width:100%;display:block;font-size:var(--fontsize20);margin-bottom:5px}
.project-list .project-content,.video-list .video-in,.download-list .download-btn span{font-size:var(--fontsize15);color:var(--introcolor)}
.project-list .project-info,.video-list .video-info,.download-list .download-info{flex:1;margin-top:-35px}
.download-btn{background:#017ca6;color:#FFFFFF;padding:10px;border-radius:25px;margin-top:-35px}
.download-btn span{color:#FFFFFF!important}
@media(max-width:1300px){nav .container .search-box{top:0px}}
.index section.recommended .container{padding:15px;background:#FFFFFF}
.index section.products .container{padding:0px}
.index section.recommended .container .swiper-box ul li .descption{visibility:visible!important}
section.content .container main article ul li a .img-box{width:19vw}
section.content .container main article ul li a{display:flex;flex-wrap:wrap;justify-content:center}
section.content .container main article ul li a h2{width:100%!important}
@media(max-width:1000px){
.index section.recommended .container .swiper-box ul li a img{width:37.5vw;height:39.5vw}
.index section.recommended .container .swiper-box ul li>a{height:37.5vw}}
section.content.products .container main article ul li a h3{text-align:center}
@media(max-width:1440px){
.index section.products ul li a{padding:0px}}
.swiper-banner{position:relative}
.swiper-banner-prev,.swiper-banner-next{background:rgba(0,0,0,.5);padding:5px;color:#FFFFFF}
.swiper-banner-prev{position:absolute;left:-100px;top:50%;transition:all .3s ease}
.swiper-banner-next{position:absolute;right:-100px;top:50%;transition:all .3s ease}
.swiper-banner:hover .swiper-banner-prev{transition:all .3s ease;left:0px}
.swiper-banner:hover .swiper-banner-next{transition:all .3s ease;right:0px}
section.content .container aside>ul.aside-news li a .left img{object-fit:cover!important}
section.content.products .container main article ul li .info h3 a{padding:5px 10px;font-size:var(--fontsize18);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;box-sizing:border-box}
section.content.products .container main article ul li .info p{padding:0px 10px;font-size:var(--fontsize14);color:var(--introcolor);text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;cursor:default;-webkit-line-clamp:3}
section.content.products .container ul.single-0 li,section.content.productTypelist .container ul.single-0 li{display:flex}
section.content.products .container main article ul.single-0 li a{width:auto!important}
.products .single-0 img,.productTypelist .single-0 img{margin-bottom:0!important}
.products ul.single-0 .info{display:flex;flex:1;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-left:20px}
@media(max-width:1000px){section.content.products .container main article ul.single-0 li:nth-of-type(odd){margin-right:0px !important}
section.content.products .container main article ul.single-0 li:nth-of-type(even){margin-left:0!important}}
section.content.productTypelist .container main{max-width:calc(1430px - 380px)}
@media(max-width:850px){section.content.products .container ul.single-0 li,section.content.productTypelist .container ul.single-0 li{border:0px}
.products ul.single-0 li{border:0px}
.products ul.single-0 li{display:flex;flex-wrap:wrap;justify-content:center}
.productTypelist ul.single-0 li{display:flex;flex-wrap:wrap;justify-content:center}
section.content.products .container main article ul.single-0 li{display:block;width:49%!important}}
@media(min-width:1000px){section.content.productTypelist .container main article ul.single-0 li{height:280px}
section.content.products .container main article ul.single-0 li{min-height:220px;margin:0px 0px 30px 0px;border:solid 1px #EEEEEE}
section.content.productTypelist .container main article ul li a .img-box img{max-width:280px;max-height:280px}
section.content.products .container main article ul.single-0 li a .img-box img{max-width:250px;max-height:250px}
section.content.products .container main article ul.single-0 li a .img-box{justify-content:flex-start}
section.content.productTypelist .container main article ul.single-0 li a .img-box{justify-content:flex-start}}
@media(max-width:1300px) and (min-width:1000px){section.content.products .container main{max-width:70vw}}
main .description strong{font-weight:var(--fontbold5)}
.inprpic{margin:0px auto;overflow:hidden}
.LayImAhrefNode{display:inline-block;margin-right:20px;background:var(--color);border-radius:3px;color:#FFFFFF;font-size:var(--fontsize14);padding:0px 40px;line-height:40px;transition:all .3s ease;cursor:pointer}
section.content.productscontent .container main .product-detail .right .addToCart{background:var(--color);padding:0px 20px;border-radius:3px}
section.content.productscontent .container main .product-detail .right .addToCart span,section.content.productscontent .container main .product-detail .right .addToCart span:hover{background:url(https://css02.v15cdn.com/m409/addtocart.webp) no-repeat right center;padding:0 26px 0px 0px;background-size:20px;margin:0px}
section.content.products .container main article ul li .info p.product-price{margin:0px}
@media (max-width:769px){
.product-main .product-container .product-main .product-detail .product-top .product-left{width:100%!important}}
.hvr-bounce-to-right-y{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}
.hvr-bounce-to-right-y:before{content:"";position:absolute;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;background:#FCB026;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-bounce-to-right-y:active,.hvr-bounce-to-right-y:focus,.hvr-bounce-to-right-y:hover{color:#FFFFFF}
.hvr-bounce-to-right-y:active:before,.hvr-bounce-to-right-y:focus:before,.hvr-bounce-to-right-y:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
@media(max-width:768px){section.content.productscontent .container main .description img,section.content.feedback .container main article img{height:auto!important}}
@media(max-width:1000px){
.copyright{margin-bottom:calc(55px + constant(safe-area-inset-bottom));margin-bottom:calc(55px + env(safe-area-inset-bottom))}
iframe,video{max-width:100%;min-height:240px;height:auto}}
#jljw_IM_GdImBox{z-index:900!important}
section.content.newslist .container main article ul.single-1 li,section.content.industrylist .container main article ul.single-1 li {width:100%;margin-bottom:30px;padding:0px;border:none;background:#FCFCFC;position:relative}
.single-1 li .news-date {text-align:center;height:50px;width:50px;color:#FFFFFF;text-transform:uppercase;background:var(--color);box-sizing:border-box;padding:5px 0px;position:absolute;top:0px;left:0px}
.single-1 li .news-date-day {font-size:var(--fontsize18);line-height:1.1}
.single-1 li .news-date-year {font-size:var(--fontsize12);line-height:1.1}
.single-1 li .news-date+div {width:100%;display:flex}
.single-1 li .news-pic {width:200px;height:200px;border:1px solid #EEEEEE;box-sizing:border-box}
.single-1 li .news-pic a {height:100%;align-items:center}
.single-1 li .news-pic .news-img {width:100%;object-fit:contain;height:100%}
.single-1 li .news-right {width:calc(100% - 200px);padding:15px;box-sizing:border-box}
.single-1 li .news-title {color:var(--fontcolor);line-height:1.3;font-size:var(--fontsize18);display:-webkit-box!Important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.single-1 li .news-title:hover{color:var(--color)}
.single-1 li .news-text {font-size:var(--fontsize14);color:var(--introcolor);padding-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.single-1 li .news-more a {display:inline-block!Important;color:#FFFFFF;background:var(--color);line-height:47px;padding:0px 30px;white-space:nowrap;border-radius:3px;width:auto!Important}
.single-1 li .news-more i,.single-1 li .news-more em {margin-left:5px}
.single-1 li .news-more a:hover {background:#333333}
@media screen and (max-width:768px){
.single-1 li .news-pic{width:120px;height:120px}
.single-1 li .news-right{width:calc(100% - 120px);padding:10px}
.single-1 li .news-title{-webkit-line-clamp:2}
.single-1 li .news-text{padding-top:0px;-webkit-line-clamp:2}
.single-1 li .news-more a{line-height:42px;padding:0px 22px}}
.app{font-size:var(--fontsize16)}
.app h4{font-size:var(--fontsize24)}
.app h5{font-size:var(--fontsize20)}
.app .app-list{display:flex}
.app .app-list .list-item{flex:1}
.app .app-list .list-item h4{margin-bottom:1em}
.app .app-list li{padding:10px 0px 10px 35px;background:url(https://css02.v15cdn.com/m409/about_li.webp) no-repeat;background-position:2px}
.app .app-box{display:flex}
.app .box-l{flex:3.5}
.app .box-l img{width:100%}
.app .box-r{flex:6.5}
.app .box-r{padding-left:40px}
.support .support-item{display:flex}
.support .support-item>div{flex:1;margin-bottom:60px}
.support .item-r{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.support .item-l .item-con{padding-right:66px}
.support .item-r .item-con{padding-left:66px}
.support .item-con{margin-top:10px}
.support .item-con p{margin-top:10px}
.support .item-con h4{font-size:var(--fontsize24);padding-bottom:5px;margin-bottom:10px;position:relative}
.support .item-con h4::after{content:'';display:block;position:absolute;top:100%;left:0px;width:40px;height:2px;background-color:var(--color)}
.solution .icon-list{display:flex;position:relative}
.solution .icon-list>div{flex:1}
.solution .icon{width:90px;height:90px;display:flex;justify-content:center;-ms-flex-align:center;align-items:center}
.solution .sol-icon{display:flex;flex-direction:column;background-color:#FFFFFF;-ms-flex-align:center;align-items:center;position:relative;margin:0 6%}
.solution .sol-icon:after{content:'01';font-size:90px;font-weight:var(--fontbold6);position:absolute;top:-8px;left:50%;color:#888888;opacity:.1;transform:translateX(-50%)}
.solution .sol-icon:before{content:'';position:absolute;top:50%;left:100%;width:100%;height:30px;background:url(https://css02.v15cdn.com/m409/sol_line.webp) no-repeat;transform:translateY(-50%)}
.solution .sol-icon:nth-child(2):after{content:'02'}
.solution .sol-icon:nth-child(3):after{content:'03'}
.solution .sol-icon:nth-child(4):after{content:'04'}
.solution .sol-icon:nth-child(4):before{display:none}
.solution h4{font-size:var(--fontsize24)}
.solution .sol-tab .tab-list{display:flex;justify-content:center}
.solution .sol-tab .tab-title{padding:10px 20px;background-color:#EAEEEE;color:var(--introcolor);cursor:pointer;margin-right:20px}
.solution .sol-tab .tab-title:hover{background-color:#B0ACAC;color:#FFFFFF}
.solution .sol-tab .tab-title.is-active{background-color:#B0ACAC;color:#FFFFFF}
.solution .sol-tab .tab-title:nth-last-child(1){margin-right:0px}
.solution .sol-tab .tab-content .content-item{display:none}
.solution .tab-content{margin-top:20px}
.solution .sol-box{display:flex;margin-bottom:40px}
.solution .sol-box>div{width:50%;-ms-flex:auto;flex:auto;padding:0px}
.solution .sol-box>div img{display:block;width:100%;height:auto}
.solution .sol-box .box-icon{width:80px;height:80px;border-radius:50%;background-color:#CCCCCC;display:flex;justify-content:center;align-items:center}
.solution .sol-box .box-icon>img{width:40px;height:auto}
.solution .sol-box .con{background-color:#F3F3F3;padding:4%;box-sizing:border-box}
.solution .sol-box .con-top{display:flex;margin-bottom:20px}
.solution .sol-box .con-top p{margin-left:20px;margin-top:10px;font-size:var(--fontsize24);line-height:1.3em}
.applic-list ul{display:flex;flex-wrap:wrap;margin:0 -10px}
.applic-list ul li{width:33.3333%;margin-bottom:20px;padding:0px 10px;box-sizing:border-box}
.applic-list .applic-name{padding:10px 0px;display:block;text-align:center;color:var(--fontcolor);font-weight:var(--fontbold6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.applic-list .applic-img img{display:block;width:100%;height:auto}
.support-item-img{margin-bottom:20px}
.support-item-img img{width:100%;height:auto}
.ck-add .cp .cp-img img{width:100%;height:auto}
.ck-add .cp{display:flex}
.ck-add .cp>div{width:50%}
.ck-add .cp-con{padding-left:40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.ck-add .cp-con h4{font-size:var(--fontsize22);margin-bottom:10px}
.ck-add .ps-img{margin-bottom:20px}
.ck-add .ps-img img{width:100%;height:auto}
.ck-add .ps-con p{line-height:1.8em;margin-bottom:20px}
.ck-add .ti{display:flex;flex-wrap:wrap;align-items:center}
.ck-add .ti .ti-tit{white-space:nowrap;font-size:var(--fontsize22);color:var(--fontcolor);padding:20px}
.ck-add .ti .ti-con{flex:1}
.ck-add .ti .ti-img{width:100%;margin:10px 0px}
.ck-add .ti .ti-img img{width:100%;height:auto}
.ck-add h4{font-size:var(--fontsize22);color:var(--fontcolor);margin-top:15px}
.ck-add ul{padding-left:20px}
.ck-add ul li{position:relative;list-style:disc}
.ck-add .ce-list{display:flex}
.ck-add .ce-list>div{flex:1}
.ck-add .ce-list img{width:100%;height:auto}
.ck-add .ce-list{margin:0 -10px}
.ck-add .ce-list .ce-item{padding:0px 10px;box-sizing:border-box}
.ck-add .ho .ho-item{display:flex}
.ck-add .ho .ho-item img{display:block;margin:0px auto}
.ck-add .ho .l .ho-left,.ck-add .ho .r .ho-right{flex:4}
.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left{display:flex;flex-direction:column;justify-content:center;flex:6;padding:0px 20px;box-sizing:border-box}
.ck-add .ho .ho-title{font-size:var(--fontsize22);color:var(--fontcolor);font-weight:var(--fontbold5);margin-top:15px}
.ck-add .ho .ho-con{margin-top:10px}
.ck-add .ca-img img{width:100%;height:auto}
.ck-add .ca-img{margin-bottom:20px}
.ck-add .rd .rd-img-list{display:flex}
.ck-add .rd .rd-img{padding:0px 10px;margin-bottom:20px}
.ck-add .rf .rf-con img{float:left;margin-right:30px}
.ck-add .cm-img img{width:100%;height:auto}
.ck-add .cm-img{margin-bottom:20px}
.ck-add .cv img{float:right}
.ck-add .ch-item{display:flex}
.ck-add .ch-item>div{width:50%}
.ck-add .ch-item.r{flex-direction:row-reverse}
.ck-add .ch-con{display:flex;padding:20px;box-sizing:border-box;flex-direction:column;justify-content:center}
.ck-add .pe .pe-con .pe-img{float:right}
.ck-add .pe ul li{list-style:none}
.ck-add .pe ul{padding-left:0px}
.oe-img img{max-width:100%}
@media screen and (max-width:768px){
.applic-list ul li{width:50%}
.applic-list .applic-name{font-size:var(--fontsize14)}
.ck-add .cp{flex-direction:column}
.ck-add .cp>div{width:100%}
.ck-add .ce-list{flex-wrap:wrap}
.ck-add .ce-list>div{width:100%;flex:none}
.ck-add .cp-con{padding-left:0px;margin-top:20px}
.ck-add .ho .ho-con{margin-top:0px}
.ck-add .ho .ho-item{display:block}
.ck-add .ho .ho-title{margin:10px 0px}
.ck-add .rd .rd-img-list{flex-direction:column}
.ck-add .rd .rd-img{padding:0px}
.ck-add .ch-item.l,.ck-add .ch-item.r{flex-direction:column}
.ck-add .ch-item>div{width:100%}}
@media screen and (min-width:1001px){section.content.feedback .container aside{flex:0 0 280px}
section.content.feedback .container main{width:calc(100% - 330px)}}
.ck-add img {max-width:100%}
@media screen and (max-width:768px){
.app,.case,.solution,.support{padding:0px}
.applic-list{padding:1vw 0px}
.app .app-box,.app .app-list{flex-direction:column}
.app .box-l{margin-bottom:1em}
.app .box-r{padding-left:0px}
.app .list-item{margin-bottom:1em}
.how-to-use ul>li{width:100%}
.case ul>li{width:50%;padding:0vw 2vw}
.case ul{margin:0 -2vw}}
@media screen and (max-width:1500px){
.solution .tab-content{margin-top:10px}
.solution .sol-box{flex-direction:column}
.solution .sol-box>div{width:100%}
.solution .icon-list{flex-wrap:wrap}
.solution .icon-list>div{flex:auto}
.solution .sol-icon{width:50%;margin:0px;margin-bottom:4vw}
.solution .sol-icon:before{display:none}
.solution .sol-tab .tab-list{flex-wrap:wrap}
.solution .sol-tab .tab-title{width:100%;margin-right:0px;margin-bottom:10px}
.solution .sol-box .box-icon{width:60px;height:60px}
.solution .sol-box .con-top p{margin-top:0px;margin-left:16px}}
@media screen and (max-width:1000px){
.support .support-item{flex-direction:column}
.support .support-item img{width:100%}
.support .item-l .item-con{padding-right:0px}
.support .item-r .item-con{padding-left:0px}
.support .support-item>div{margin-bottom:8vw}
.support .item-con h4{font-size:var(--fontsize20)}}
@media (max-width:1000px){
.ck-add .dh-con h4{text-align:left}
.ck-add .ce-list>div{width:50%}
.ck-add .ch-con,.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left,.ck-add .ti .ti-tit{padding:10px 0px}
nav .container i,nav .container em{font-size:var(--fontsize14);transform:scaleY(1) translateY(10px);transition:.3s ease all}
nav .container i.is-active,nav .container em.is-active{transform:scaleY(-1) translateY(0)}
nav .container>ul.menu{position:fixed;height:auto!important;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);left:0px;right:0px;overflow-y:scroll;overflow-x:hidden}
nav .container>ul.menu>li .menu2{display:flex;justify-content:center}
nav .container>ul.menu>li .menu2{top:4px}
nav .container i.is-active,nav .container em.is-active{position:relative;top:6px}}
.addToCart.is-active{opacity:0.9}
.table td, .table th {border:1px solid #CDCDCD;padding:5px}
.ck-add .cm-img img{width:auto}
#con {margin-top:30px}
#tagContent {padding-top:20px}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags li {margin-bottom:10px;float:left}
#tags li a {text-decoration:none;display:block;line-height:1.3;padding:12px 18px;margin-right:12px;background:#EFEFEF;color:var(--fontcolor);font-size:var(--fontsize18)}
ul#tags li.selectTag,ul#tags li.selectTag a {color:#FFFFFF;background:var(--color)}
.tagContent{display:none}
#tagContent div.selectTag{display:block}
@media (max-width:768px){#tags li a{font-size:var(--fontsize14);padding:8px 5px;margin-right:0px;text-align:center}
#tags{display:flex;flex-wrap:wrap;justify-content:space-between}
#tags li{width:calc(50% - 1px);margin-bottom:2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#EFEFEF}
#tags:after{display:none}}
@media(min-width:1025px) and (max-width:1160px){
nav .container>ul.menu>li{padding:0px 10px}
nav .container>ul.menu>li a{font-size:var(--fontsize14)}}
.banner img{height:auto}
section.content.productscontent .container aside>ul.aside-menu>li ul li a {margin:0px}
@media(max-width:1024px){
.mobcate-main>.container{flex-direction:column-reverse}
section.content.products.mobcate-main .container aside{display:block;width:100%;position:relative;margin:0 0 10px}
.mobcate-main aside>h5:nth-of-type(n+2),.mobcate-main aside .aside-news,section.content.products.mobcate-main .container aside>ul.recommended{display:none}
.mobcate-main aside .aside-menu{position:absolute;top:110%;left:0px;right:0px;padding:10px 10px 0px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
section.content.products.mobcate-main .container aside>h5:first-of-type{padding:0px;cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat}
.mobcate-main aside>h5:first-of-type::after{display:none}
.aside-menu li{position:relative}
.aside-menu .icon-btn{position:absolute;width:20px;height:20px;top:10px;right:10px}
.aside-menu .icon-btn.active{transform:rotate(90deg)}
.aside-menu .icon-btn::before,.aside-menu .icon-btn::after{content:'';display:block;position:absolute;right:4px;width:10px;height:1px;background-color:#555555}
.aside-menu .currentProType+.icon-btn::before,.aside-menu .currentProType+.icon-btn::after{background-color:#FFFFFF}
.aside-menu .icon-btn::before{transform:rotate(45deg);top:6px}
.aside-menu .icon-btn::after{transform:rotate(-45deg);bottom:6px}}
@media(min-width:769px){
section.content.newslist .container main article ul li .right .descption,section.content.products .container main article ul.single-0 li .info p{-webkit-line-clamp:initial;max-height:100%}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:var(--fontbold5)}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:0px auto 30px;padding:0px 10px;max-width:1430px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px auto 30px;padding:0px 10px;max-width:1430px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.proIntro{clear:both;margin:0px auto 30px}
.proIntro a{text-decoration:underline;text-transform:lowercase}
.proIntro a:hover{color:var(--color)}
@media(max-width:768px){.prohome-content{clear:both;padding:0px 15px;line-height:1.6}
.prolist-bottom{clear:both;padding:0px 15px;line-height:1.6}}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold6);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.project-list .project-info{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #CCCCCC}
.project-list li{border-bottom:none !important;margin-top:20px}
.lang{width:auto;position:relative;z-index:99999;text-align:left;margin-left:20px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize14);user-select:none;white-space:nowrap}
.lang-icon>img{margin-right:5px;margin-top:3px}
.lang-icon span{color:var(--headercolor);position:relative;padding-right:18px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;font-size:var(--fontsize12);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1000px){
.lang{margin-left:auto;right:65px;transition:all .2s linear}
.lang-drop{transform:translateX(25%)}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:110px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:100px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-arrow{left:75%}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin-top:0px}
.lang-drop{display:none}
.lang-drop.active{display:block}
.index .recommended .swiper-box{height:auto;padding-bottom:50px}
.product-detail header{display:none}
.swiper-container-news{padding-bottom:90px !important}
.index section.news .container .swiper-container .swiper-pagination-news{position:absolute;padding:20px 0px;left:50%}}
@media(max-width:500px){
.productscontent .btn{padding:0px;flex-wrap:wrap;justify-content:space-between}
.productscontent .btn>*{width:48%;margin-right:0px !important;margin-bottom:10px;box-sizing:border-box;text-align:center}
.productscontent .btn #A_DownLoadProduct span{width:100%;margin-right:0px !important;box-sizing:border-box}
section.content.productscontent .container main .product-detail .right .share{margin:0px}
section.content.productscontent .container main .product-detail .right{margin-top:100vw !important}}
@media(max-width:768px){
.pho-footer ul li .go-top{display:block;position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%)}}
#filterlist .filterlist-ul li{display:flex;align-items:center;margin:10px 0px 20px;line-height:1;cursor:pointer;user-select:none}
#filterlist .filterlist-ul li:nth-child(n+21){display:none}
#filterlist .filterlist-ul li.act{color:var(--color)}
#filterlist .filterlist-ul li.act .input::after{transform:translate(-50%,-50%) scale(1)}
#filterlist .filterlist-ul li .input{width:16px;height:16px;margin-right:10px;border:1px solid #666666;position:relative}
#filterlist .filterlist-ul li .input::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:9px;height:9px;background:var(--color);transition:all .1s linear}
#filterlist .filterlist-ul li span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
#filterlist .viewmore-filter{color:var(--color);text-transform:uppercase;cursor:pointer}
#filterlist .viewmore-filter:hover{text-decoration:underline}
.pagesbanner{position:relative;z-index:1}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner video,.pagesbanner img{width:100%;height:auto;object-fit:cover;vertical-align:bottom;min-height:150px}
.pagesbanner .pagesbanner-animate{width:100%;padding:0px 20px;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#F3F3F3;text-align:center;margin-top:20px;opacity:0;animation:pagesbanner 1s .5s forwards;box-sizing:border-box}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize30);font-weight:var(--fontbold5);line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4)}
@keyframes pagesbanner{0%{margin-top:20px;opacity:0}100%{margin-top:0px;opacity:1}}
@media (max-width:1024px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
.pagesbanner .pagesbanner-animate .p2{margin-top:10px;font-size:var(--fontsize16)}}
@media (max-width:768px){
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}}