﻿/******************************
*******************************/

@charset "utf-8";
@import url("iconfont.css");
@import url("message.css");
:root{--color:#0089ce;--hovercolor:#222222;--fontcolor:#000000;--headercolor:#000000;--footercolor:#DDDDDD;--introcolor:#444444;--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:'Lato','Open Sans','Roboto','Poppins','Oswald','Noto Sans',helvetica neue,Helvetica,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}
body{margin:0px auto;padding:0px;max-width:1920px;color:var(--fontcolor);font-size:var(--fontsize14) !important;line-height:1.7;background:#FFFFFF;overflow-x:hidden;font-family:var(--fontfamily)}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold5);font-size:100%;line-height:inherit}
address,caption,cite,code,dfn,em,th,var{font-style:normal}
a:link,a:visited{color:var(--fontcolor);text-decoration:none}
a:active,a:hover{color:var(--color);text-decoration:none}
img{border:none;max-width:100%;height:auto;vertical-align:middle}
li,ol,ul{list-style:none}
i{font-style:normal}
table{border-collapse:collapse}
.table td,.table th{border:1px solid #DDDDDD;padding:5px}
.clearfix{zoom:1}
.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden}
header{position:absolute;top:46px;right:0px;left:0px;z-index:99999}
header .header-info{background:#F8F8F8;display:flex;padding:0px 125px;position:absolute;top:-46px;height:46px;width:100%}
header .header-info div{display:flex;align-items:center;color:var(--headercolor)}
header .header-info div i{margin-right:10px;transform:scale(1.2);color:var(--headercolor)}
header .header-info div .fa-clock-o{transform:scale(1.8)}
header .header-info .work-hours{height:100%;font-size:var(--fontsize14)}
header .header-info .telephone{height:100%;margin-left:auto;font-size:var(--fontsize14)}
header .header-info .mail{margin:0px 135px 0px 30px;height:100%;font-size:var(--fontsize14)}
header .header-info .nav-right{position:fixed;top:10px;right:125px}
header .header-info i,header .header-info a{color:var(--headercolor)}
header .header-nav{position:relative;justify-content:flex-end;align-items:center;display:flex;padding:0px 125px;height:100px;background:#0089ce;z-index:-1}
header .header-nav .header-nav-logo{display:flex;justify-content:flex-start;align-items:center;height:100%}
header .header-nav .header-nav-logo img{width:100%;max-width:400px}
header .header-nav .header-nav-list{flex:1}
header .header-nav .header-nav-list ul{margin-right:125px;display:flex;flex-direction:row;width:100%;height:100%;justify-content:flex-end}
header .header-nav .header-nav-list ul li{padding:0px 15px;line-height:100px;font-size:var(--fontsize16);text-align:center}
header .header-nav .header-nav-list ul li .fa-angle-down{margin-left:5px;color:#CC9696;transform:scale(1.5,1.5)}
header .header-nav .header-nav-list ul li a{color:#FFFFFF;opacity:.9;font-weight:bolder;transition:all .3s ease}
header .header-nav .header-nav-list ul li a:hover{color:#FFFFFF;opacity:1;background:transparent}
header .header-nav .header-nav-list ul li a:hover+.fa-angle-down{color:#FFFFFF}
header .header-nav .header-nav-list ul li .inmenu_1{opacity:1}
header .header-nav .header-nav-list ul li .submenu{display:none;height:auto;width:420px;position:absolute;top:100px;flex-wrap:wrap;justify-content:flex-start;flex-direction:row}
header .header-nav .header-nav-list ul li .submenu li{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#FFFFFF;width:50%;height:40px;padding-left: 50px;line-height:40px;font-size:var(--fontsize12);text-align:left;background-color:var(--color)}
header .header-nav .header-nav-list ul li .submenu li a{font-size:16px;font-weight:normal;color:#FFFFFF}
header .header-nav .header-nav-list ul li:last-child{padding-right:0px}
header .header-nav .header-nav-list ul .nav-item-current>a{color:#FFFFFF}
header .header-nav .header-nav-list ul .nav-item-product:hover>.nav-item-children{display:flex}
header .header-nav .header-nav-list .nav>li>a{padding:0px;display:inline}
header .header-nav .header-nav-list .nav>li>a:link{background:transparent}
header .header-nav .header-nav-list .nav>li>a:visited{background:transparent}
header .header-nav .header-nav-list .nav>li>a:active{background:transparent}
header .header-nav .nav-btn{display:none;position:relative;height:.5333rem;width:.5333rem;box-sizing:border-box}
header .header-nav .nav-btn span{border-radius:2px;position:absolute;right:.0667rem;top:.01rem;display:block;width:28px;height:2px;background-color:#FFFFFF;-webkit-transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s,-webkit-transform .2s}
header .header-nav .nav-btn span:nth-child(2){top:.25rem}
header .header-nav .nav-btn span:nth-child(3){top:.5rem}
header .header-nav .toggle-animate span:nth-of-type(1){top:.2667rem;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(45deg);-webkit-transition:top .2s,-webkit-transform .2s .2s,background .2s}
header .header-nav .toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s;-webkit-transition:opacity .2s}
header .header-nav .toggle-animate span:nth-of-type(3){top:.2667rem;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(-45deg);-webkit-transition:bottom .2s,-webkit-transform .2s .2s,background .2s}
footer{clear:both;margin:0px auto;padding:0px}
footer .search-container{padding:0px 125px;background:var(--color);display:flex;align-items:center;width:100%;height:70px;justify-content:space-between}
footer .search-container .search-input{display:flex;align-items:center;justify-content:flex-end;flex:1;height:40px}
footer .search-container .search-input input{height:100%;border-radius:20px;width:400px}
footer .search-container .search-input input:focus{border:1px solid #CCCCCC;box-shadow:1px 1px 1px 1px rgba(0,0,0,.5)}
footer .search-container .search-input .search-btn{margin-left:20px;color:var(--color);display:flex;justify-content:center;align-items:center;height:40px;border-radius:20px;width:150px;background:#FFFFFF}
footer .search-container .search-input .search-btn:hover{cursor:pointer}
footer .search-container .search-input .top-btn{margin-left:20px;cursor:pointer;transform:scale(0.7);color:#FFFFFF}
footer .search-container .search-container-left{color:#FFFFFF;font-size:var(--fontsize18);font-weight:var(--fontbold5);display:block;width:350px}
footer .contact-container{width:100%;height:auto;padding:40px 125px;background:var(--hovercolor);flex-wrap:wrap;display:flex;align-items:flex-start;justify-content:space-between}
footer .contact-container .contact-title{margin-bottom:10px;font-size:var(--fontsize18);font-weight:var(--fontbold5);color:#FFFFFF}
footer .contact-container .contact-logo-btns{width:320px}
footer .contact-container .contact-logo-btns img{margin-bottom:10px;max-width:200px;height:auto}
footer .contact-container .contact-logo-btns p{color:var(--footercolor)}
footer .contact-container .contact-logo-btns .contact-list{margin-top:15px;display:flex;align-items:center}
footer .contact-container .contact-logo-btns .contact-list li{height:32px;width:32px;margin-right:10px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:.5s all ease}
footer .contact-container .contact-logo-btns .contact-list li a{color:var(--footercolor)}
footer .contact-container .contact-logo-btns .contact-list li a:hover{color:var(--color)}
footer .contact-container .contact-logo-btns .contact-content{font-size:var(--fontsize14)}
footer .contact-container .contact-navigation{height:100%;width:20%}
footer .contact-container .contact-navigation ul{display:flex;flex-wrap:wrap;justify-content:space-between}
footer .contact-container .contact-navigation ul .nav-index a{border-bottom:2px solid #FFFFFF;color:#FFFFFF}
footer .contact-container .contact-navigation ul li{line-height:30px;width:50%}
footer .contact-container .contact-navigation ul li:hover a{color:#FFFFFF}
footer .contact-container .contact-navigation ul li a{color:var(--footercolor)}
footer .contact-container .contact-us{height:100%;display:flex;flex-direction:column}
footer .contact-container .contact-us ul{display:flex;flex-direction:column;justify-content:center}
footer .contact-container .contact-us ul li, footer .contact-container .contact-us ul li a{line-height:30px;color:var(--footercolor)}
footer .contact-container .contact-qr-code{padding-bottom:90px;height:100%;position:relative}
footer .contact-container .contact-qr-code img{width:120px}
footer .contact-container .contact-qr-code::after{transition:.5s all ease;content:"";width:120px;height:120px;background:red;position:absolute;top:40px;left:0px;background:rgba(0,0,0,.2)}
footer .contact-container .contact-qr-code:hover::after{opacity:0}
footer .contact-container .contact-list-mobile{display:none}
footer .bottom-container{width:100%;height:50px;color:var(--footercolor);font-size:var(--fontsize14);background:var(--hovercolor);display:flex;justify-content:center;align-items:center}
footer .mobile-bottom{display:none}
.p4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.p3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.p1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
@media(min-width:1280px)and (max-width:1440px){header .header-nav .header-nav-list ul li a{font-size:16px}
footer .search-container{padding:0px 50px}
footer .search-container .search-container-left{font-size:var(--fontsize14)}
footer .search-container .search-btn{width:100px}}
@media(min-width:961px)and (max-width:1279px){header .header-nav{padding:0px 80px}
header .header-nav .header-nav-list ul li{padding:0px 6px}
header .header-nav .header-nav-list ul li a{font-size:var(--fontsize12);transform:scale(0.5)}
header .header-nav .header-nav-logo{width:180px}
header .header-nav .header-nav-logo img{max-width:150px}}
@media(min-width:768px)and (max-width:961px){header .header-nav{padding:0px 50px}
header .header-nav .header-nav-list ul li{padding:0px 6px}
header .header-nav .header-nav-list ul li a{font-size:var(--fontsize12);transform:scale(0.5)}
header .header-nav .header-nav-logo{width:180px}
header .header-nav .header-nav-logo img{max-width:150px}}
@media(max-width:1280px){footer .contact-container .contact-navigation{width:300px}
footer .contact-container .contact-us{margin-top:20px;max-width:400px}
footer .contact-container .contact-qr-code{margin-top:20px;width:300px}
footer .search-container{padding:0px 50px}
footer .search-container .search-container-left{font-size:var(--fontsize14)}
footer .search-container .search-btn{width:100px}}
@media(max-width:960px){header .header-info .work-hours{display:none}
header .header-nav{padding:0px .3333rem;height:88px;position:relative}
header .header-nav .header-nav-list{display:none;position:absolute;top:88px;left:0px;width:100%}
header .header-nav .header-nav-list ul{background:var(--color);flex-direction:column}
header .header-nav .header-nav-list ul li{position:relative;line-height:48px !important;border-bottom:1px rgba(255,255,255,.2) solid;text-align:left;background:var(--color)}
header .header-nav .header-nav-list ul li a{color:#FFFFFF;font-size:var(--fontsize16);font-weight:normal}
header .header-nav .header-nav-list ul li a .fa-angle-down{display:none}
header .header-nav .header-nav-list ul li .submenu{height:auto;width:100%;top:0px !important;left:0px;position:relative;margin-bottom:10px}
header .header-nav .header-nav-list ul li .submenu li{width:100%;border-bottom:none;font-size:var(--fontsize14);color:#FFFFFF}
header .header-nav .header-nav-list ul li span:nth-of-type(1){position:absolute;border-radius:2px;position:absolute;right:.6rem;top:.65rem;display:block;width:.3rem;min-width:.2rem;height:.02rem;transform:rotate(90deg);background-color:#FFFFFF;-webkit-transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s,-webkit-transform .2s}
header .header-nav .header-nav-list ul li span:nth-of-type(2){position:absolute;border-radius:2px;position:absolute;right:.6rem;top:.65rem;display:block;width:.3rem;min-width:.2rem;height:.02rem;background-color:#FFFFFF;-webkit-transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s,-webkit-transform .2s}
header .header-nav .header-nav-list ul li .toggle-animate-left{transform:rotate(45deg) !important}
header .header-nav .header-nav-list ul li .toggle-animate-right{transform:rotate(-45deg) !important}
header .header-nav .header-nav-logo{flex:1}
header .header-nav .header-nav-logo img{max-height:60px}
header .header-nav .nav-btn{display:block}
footer .search-container .search-container-left{color:#FFFFFF;font-size:var(--fontsize12);font-weight:var(--fontbold5)}
footer .search-container .search-input{width:250px}}
@media(max-width:768px){
header .header-info,.index-header .header-info{padding:0rem .4rem}
header .header-info .work-hours,.index-header .header-info .work-hours{display:none}
header .header-info .telephone,.index-header .header-info .telephone{font-size:.2667rem}
header .header-info .mail,.index-header .header-info .mail{margin-left:.2667rem;font-size:.2667rem}
header .header-info .nav-right,.index-header .header-info .nav-right{display:none}
header .header-nav .header-nav-logo,.index-header .header-nav .header-nav-logo{width:3.333333rem}
header .header-nav .header-nav-logo a,.index-header .header-nav .header-nav-logo a{font-size:var(--fontsize16)}
header .header-nav{height:55px}
header .header-nav .header-nav-list{top:55px;max-height:100vh;overflow-y:scroll}
header .header-nav .header-nav-logo img{width:80%}
footer .search-container{height:1.5rem;padding:0px .57rem}
footer .search-container .search-container-left{display:none}
footer .search-container .search-input{margin-left:0px;width:6.8267rem;height:.9333rem}
footer .search-container .search-input input{border-radius:.6667rem}
footer .search-container .search-input .search-btn{margin-left:.1333rem;height:.9333rem;border-radius:.5333rem;font-size:var(--fontsize16)}
footer .search-container .search-input .fa-chevron-up{display:none}
footer .contact-container{padding:.4rem;display:block}
footer .contact-container .contact-logo-btns img{display:none}
footer .contact-container .contact-logo-btns .contact-content{display:none}
footer .contact-container .contact-qr-code{display:none}
footer .contact-container .contact-navigation{width:100%;margin-bottom:20px}
footer .contact-container .contact-us{margin:0px 0px .2667rem;padding-bottom:.2667rem;padding-top:0px}
footer .contact-container .contact-us ul li{font-weight:var(--fontbold3);color:#CCCCCC}
footer .contact-container .contact-list-mobile{display:block;font-size:.2133rem;height:.8rem;display:flex;align-items:center}
footer .contact-container .contact-list-mobile li{width:.8rem;height:.8rem;border-radius:50%;box-sizing:border-box;background:#5C5C5C;display:flex;justify-content:center;align-items:center;margin-right:.2rem}
footer .contact-container .contact-list-mobile li img{height:.6rem;width:.6rem;margin-bottom:0px}
footer .mobile-bottom{z-index:500;background:#FCFCFCFB;width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow:1px 2px 10px rgba(0,0,0,.2)}
footer .mobile-bottom .mobile-bottom-item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:25%;height:55px;font-size:var(--fontsize12)}
footer .mobile-bottom .mobile-bottom-item a{display:flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;width:100%;height:100%;color:var(--fontcolor)}
footer .mobile-bottom .mobile-bottom-item i{font-size:var(--fontsize20);line-height:1}
footer .bottom-container{text-align:center;height:1.5rem;font-size:var(--fontsize14);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
footer .bottom-container span{color:#CCCCCC}}
.index-header .header-nav .header-nav-list ul li .submenu{top:100px}
.index-main{position:relative;top:-72px}
.index-main .content-wrap{width:100%}
.index-main .content-wrap p{text-align:center}
.index-main .content-wrap .content-title{text-align:center;font-size:var(--fontsize30);text-transform:uppercase}
.index-main .content-wrap .content-introduce{margin:0px auto;padding:20px 0px 30px;width:800px;font-size:var(--fontsize14);color:var(--introcolor)}
.index-main .more-btn{text-align:center}
.index-main .more-btn a{padding:10px 30px;transition:.3s all ease-out;display:inline-block;border:1px solid #E5E5E5;position:relative;overflow:hidden;position:relative;z-index:9}
.index-main .more-btn a:after{content:"";background:var(--color);border-color:var(--color);position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.index-main .more-btn a:hover i{color:#FFFFFF;border-color:#000000}
.index-main .more-btn a:hover:after{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}
.index-main .more-btn a i{display:inline-block;font-size:var(--fontsize14);color:var(--fontcolor);position:relative;z-index:14;margin-left:8px;margin-right:8px}
.index-main .swiper-container{margin-top:212px}
.index-main .swiper-container .swiper-button-next,.index-main .swiper-container .swiper-container-rtl .swiper-button-prev{background-size:25px 35px;width:60px;height:60px;right:40px;opacity:.5}
.index-main .swiper-container .swiper-button-prev,.index-main .swiper-container .swiper-container-rtl .swiper-button-next{background-size:25px 35px;width:60px;height:60px;left:20px;opacity:.5}
.index-main .swiper-container .swiper-wrapper .swiper-mobile{display:none}
.index-main .advantage-container{margin:50px auto 0px;width:100%}
.index-main .advantage-container .advantage-wrap{margin-bottom:30px;padding:0px 125px;display:flex;justify-content:space-between}
.index-main .advantage-container .advantage-wrap .advantage-item{box-sizing:border-box;border:1px solid #F1F1F1;width:390px;height:350px;transition:all .5s ease;margin:0px 10px}
.index-main .advantage-container .advantage-wrap .advantage-item:hover{background:var(--color);border:1px solid var(--color);box-shadow:0px 5px 10px rgba(0,0,0,.1);transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.index-main .advantage-container .advantage-wrap .advantage-item:hover .advantage-item-icon .file-icon{background:url(../images/index-sprite-white.webp) no-repeat;background-position:-8px -8px}
.index-main .advantage-container .advantage-wrap .advantage-item:hover .advantage-item-icon .product-icon{background:url(../images/index-sprite-white.webp) no-repeat;background-position:-102px -8px}
.index-main .advantage-container .advantage-wrap .advantage-item:hover .advantage-item-icon .honor-icon{background:url(../images/index-sprite-white.webp) no-repeat;background-position:-198px -8px}
.index-main .advantage-container .advantage-wrap .advantage-item:hover .advantage-item-icon .network-icon{background:url(../images/index-sprite-white.webp) no-repeat;background-position:-292px -8px}
.index-main .advantage-container .advantage-wrap .advantage-item:hover .advantage-item-title{color:#FFFFFF}
.index-main .advantage-container .advantage-wrap .advantage-item:hover .advantage-item-content{color:#FFFFFF}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon{width:100%;height:170px;display:flex;justify-content:center;align-items:center}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon div{width:80px;height:80px;background:url(../images/index-sprite.webp) no-repeat}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon .file-icon{background-position:-8px -8px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon .product-icon{background-position:-102px -8px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon .honor-icon{background-position:-198px -8px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon .network-icon{background-position:-292px -8px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-title{margin-bottom:10px;text-align:center;font-size:var(--fontsize20);color:var(--fontcolor)}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-content{font-size:var(--fontsize14);width:100%;padding:0px 25px;text-align: left;color:var(--introcolor)}
.index-main .advantage-container .advantage-wrap-mobile{display:none}
.index-main .newproducts-container{margin:50px auto 0px;width:100%}
.index-main .newproducts-container .newproducts-list{padding:0px 125px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between}
.index-main .newproducts-container .newproducts-list .newproducts-list-item{position:relative;width:30%;margin-bottom:30px;overflow:hidden;cursor:pointer;border:1px solid #CCCCCC;display:flex;justify-content:center;align-items:center}
.index-main .newproducts-container .newproducts-list .newproducts-list-item a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.index-main .newproducts-container .newproducts-list .newproducts-list-item:hover>a>img{transform:scale(1.2)}
.index-main .newproducts-container .newproducts-list .newproducts-list-item:hover .newproducts-list-item-content{display:flex}
.index-main .newproducts-container .newproducts-list .newproducts-list-item img{max-width:100%;max-height:100%;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content{display:none;flex-direction:column;justify-content:center;width:100%;height:100%;transition:all 2s ease;background-color:rgba(0,0,0,.5);position:absolute;top:0px}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-title{margin:0px auto 20px;color:#FFFFFF;font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-title a{color:#FFFFFF}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-text{margin:0px 10px;color:#FFFFFF}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.index-main .newproducts-container .newproducts-list::after{content:"";width:30%;height:0px}
.index-main .statistics-container{position:relative;margin-top:50px;height:370px;width:100%;background-image:url(../images/index.webp)}
.index-main .statistics-container .statistics-wrap{width:100%;height:100%;position:absolute;top:0px;left:0px;background:rgba(0,0,0,.2)}
.index-main .statistics-container .statistics-wrap .statistics-content .statistics-content-title{margin:30px auto 0px;text-align:center;font-size:var(--fontsize30);color:#FFFFFF;text-transform:uppercase}
.index-main .statistics-container .statistics-wrap .statistics-content .statistics-content-text{margin:0px auto 20px;text-align:center;font-size:var(--fontsize14);color:#FFFFFF}
.index-main .statistics-container .statistics-wrap .statistics-list{margin-top:30px;width:100%;height:145px;display:flex;justify-content:space-evenly}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .team-icon{background-position:-400px -20px !important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .patent-icon{background-position:-490px -20px !important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .praise-icon{background-position:-580px -20px !important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .medal-icon{background-position:-680px -20px !important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item div:nth-child(1){width:60px;height:60px;transform:scale(1);background:url(../images/index-sprite.webp) no-repeat}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-count{font-weight:var(--fontbold5);font-size:var(--fontsize24);color:#FFFFFF}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-content{font-size:var(--fontsize16);color:#FFFFFF}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-progress{margin-top:10px;position:relative;width:100%;height:2px;background:#FFFFFF}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-progress .statistics-item-progress-done{position:absolute;width:50%;height:100%;transform:scale(1);background:var(--color)}
.index-main .news-container{margin:50px auto 0px;padding:0px 125px}
.index-main .news-container .news-list{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}
.index-main .news-container .news-list .news-item{box-sizing:border-box;border:1px solid #F1F1F1;width:500px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.index-main .news-container .news-list .news-item:hover{cursor:pointer;box-shadow:0px 5px 15px 0px rgba(0,0,0,.1);transform:translateY(5px);-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.index-main .news-container .news-list .news-item:hover .news-title{color:var(--color)}
.index-main .news-container .news-list .news-item img{width:100%}
.index-main .news-container .news-list .news-item p{padding:5px 10px 0px;text-align:left}
.index-main .news-container .news-list .news-item .news-title{font-size:var(--fontsize18)}
.index-main .news-container .news-list .news-item .news-date{font-size:var(--fontsize14);color:var(--introcolor)}
.index-main .news-container .news-list .news-item .news-content{margin-bottom:10px;font-size:var(--fontsize14);color:var(--introcolor);overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
@media(min-width:1440px)and (max-width:1790px){
.index-main .advantage-container .advantage-wrap{padding-bottom:0px}
.index-main .newproducts-container{margin-top:0px}
.index-main .news-container .news-list .news-item{width:400px}
.index-main .news-container .news-list .news-item .news-title{font-size:var(--fontsize16)}}
@media(min-width:1680px)and (max-width:1790px){
.index-main .newproducts-container{margin-top:0px}}
@media(min-width:1440px)and (max-width:1680px){
.index-main .newproducts-container{margin-top:0px}
.index-main .advantage-container .advantage-wrap{padding-bottom:0px}}
@media(min-width:1440px)and (max-width:1520px){
.index-main .newproducts-container{margin-top:0px}
.index-main .news-container .news-list .news-item{width:350px}
.index-main .news-container .news-list .news-item .news-title{font-size:var(--fontsize16)}}
@media(min-width:1330px)and (max-width:1440px){
.index-main .advantage-container .advantage-wrap{padding-bottom:0px}
.index-main .advantage-container .advantage-wrap .advantage-item{margin:0px 10px;height:300px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-title{font-size:var(--fontsize14)}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-content{font-size:var(--fontsize14)}
.index-main .newproducts-container{margin-top:0px}
.index-main .news-container .news-list .news-item{width:350px}
.index-main .news-container .news-list .news-item .news-title{font-size:var(--fontsize16)}}
@media(min-width:1200px)and (max-width:1330px){
.index-main .newproducts-container{margin-top:0px}
.index-main .newproducts-container .newproducts-list .newproducts-list-item{margin:20px 0px}
.index-main .news-container .news-list .news-item{width:300px}
.index-main .news-container .news-list .news-item .news-title{font-size:var(--fontsize16)}}
@media(min-width:768px)and (max-width:1200px){
.index-main .advantage-container .advantage-wrap{padding-bottom:0px;height:350px}
.index-main .advantage-container .advantage-wrap .advantage-item{margin:0px 10px;height:300px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-title{font-size:var(--fontsize14)}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-content{font-size:var(--fontsize14)}
.index-main .newproducts-container{margin-top:0px}
.index-main .news-container .news-list .news-item{width:500px;height:500px}
.index-main .news-container .news-list .news-item .news-title{font-size:var(--fontsize16)}
.index-main .statistics-container .statistics-wrap .statistics-list{padding:0px 100px}}
@media(min-width:768px){#swiper-pc{display:block}
#swiper-mobile{display:none}}
@media(max-width:769px){
.index-main{top:-55px}
.index-main .swiper-container{margin-top:2.6rem}
.index-main .swiper-button-prev,.index-main .swiper-container-rtl .swiper-button-next{display:none}
.index-main .swiper-button-next,.index-main .swiper-container-rtl .swiper-button-prev{display:none}
.index-main .more-btn{display:flex;justify-content:center;align-items:center;width:8.9rem;height:1rem;margin:0px auto;background:var(--color)}
.index-main .more-btn a{padding:0px;line-height:.2133rem;font-size:.2133rem;border:none;color:#FFFFFF}
.index-main .more-btn a i{margin-left:.0667rem;font-size:var(--fontsize14);color:#FFFFFF}
.index-main .content-wrap .content-title{width:100%;font-size:var(--fontsize22);font-weight:var(--fontbold5);color:var(--fontcolor)}
.index-main .content-wrap .content-introduce{margin-top:.133333rem;width:100%;padding:0px 10px;font-size:var(--fontsize14);color:var(--introcolor)}
.index-main .statistics-container{min-height:400px}
.index-main .advantage-container{margin:30px auto 50px;padding:0px}
.index-main .advantage-container .advantage-wrap{margin:.4rem 0;padding:0rem .4rem;flex-wrap:wrap}
.index-main .advantage-container .advantage-wrap .advantage-item{margin:0px;box-sizing:border-box;border:1px solid #EAEAEA;width:4.4rem;height:6.4rem;margin-bottom:.4rem;transition:all .5s ease;pointer-events:none}
.index-main .advantage-container .advantage-wrap .advantage-item:hover .advantage-item-icon .file-icon{background:url(../images/index-sprite-white.webp) no-repeat;background-size:560px 420px;background-position:-5px -5px}
.index-main .advantage-container .advantage-wrap .advantage-item:hover .advantage-item-icon .product-icon{background:url(../images/index-sprite-white.webp) no-repeat;background-size:560px 420px;background-position:-70px -5px}
.index-main .advantage-container .advantage-wrap .advantage-item:hover .advantage-item-icon .honor-icon{background:url(../images/index-sprite-white.webp) no-repeat;background-size:560px 420px;background-position:-136px -5px}
.index-main .advantage-container .advantage-wrap .advantage-item:hover .advantage-item-icon .network-icon{background:url(../images/index-sprite-white.webp) no-repeat;background-size:560px 420px;background-position:-202px -5px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon{height:2.666667rem}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon div{background-size:560px 68px;height:60px;width:60px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon .file-icon{background-position:-5px -5px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon .product-icon{background-position:-70px -5px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon .honor-icon{background-position:-136px -5px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-icon .network-icon{background-position:-202px -5px}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-title{font-weight:var(--fontbold5);color:var(--fontcolor);font-size:var(--fontsize16);height:.6667rem}
.index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-content{margin-top:0px;padding:0px 10px}
.index-main .statistics-container .statistics-wrap .statistics-content .statistics-content-title{margin:.5rem 0;height:.1rem;line-height:.5rem;font-size:.5rem;font-weight:var(--fontbold3);color:#FFFFFF}
.index-main .statistics-container .statistics-wrap .statistics-content .statistics-content-text{margin:0px 0px 20px;font-size:.35rem;font-weight:var(--fontbold5);color:#FFFFFF}
.index-main .statistics-container .statistics-wrap .statistics-list{margin:0px;padding:0px;width:100%;height:auto;flex-wrap:wrap}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item{display:flex;justify-content:center;align-items:center;flex-direction:column;width:40%}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-content{font-size:var(--fontsize14);color:#FFFFFF}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item div:nth-child(1){width:60px;height:60px;transform:scale(0.8);background:url(../images/index-sprite.webp) no-repeat}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .team-icon{background-position:-395px -12px !important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .patent-icon{background-position:-490px -12px !important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .praise-icon{background-position:-580px -12px !important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .medal-icon{background-position:-678px -12px !important}
.index-main .statistics-container .statistics-wrap .statistics-list .statistics-item .statistics-item-progress{width:60%}
.index-main .news-container{padding:0rem .4rem;margin:30px auto 0px}
.index-main .news-container .news-list .news-item{margin-top:.6667rem;width:9.1rem}
.index-main .news-container .news-list .news-item .news-title{height:auto;line-height:1.4;font-size:var(--fontsize18);color:var(--fontcolor);font-weight:var(--fontbold5)}
.index-main .news-container .news-list .news-item:hover{cursor:pointer;box-shadow:none;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px)}
.index-main .newproducts-container{margin:30px auto 50px}
.index-main .newproducts-container .newproducts-list{padding:0rem .4rem;margin-top:.6667rem;flex-wrap:wrap;justify-content:space-between}
.index-main .newproducts-container .newproducts-list .newproducts-list-item{overflow:visible;width:4.2rem;max-height:4.2rem}
.index-main .newproducts-container .newproducts-list .newproducts-list-item a{display:flex;height:100%;justify-content:center}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content{background-color:transparent;display:block}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-title{margin:0px;padding:0px;position:absolute;bottom:-0.6667rem;left: 0;width: 100%;text-align: center;display:block;z-index:9999;font-size:var(--fontsize14);font-weight:var(--fontbold5);color:var(--fontcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-title a{color:var(--fontcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content .newproducts-content-text{display:none}
.index-main .newproducts-container .newproducts-list .newproducts-list-item:hover>a>img{transform:scale(1)}}
.abouts-main .about-banner{width:100%;margin-top:147px}
.abouts-main .breadcrumbs-nav{padding:0px 125px;display:flex;width:100%;height:50px;background:#F8F8F8}
.abouts-main .breadcrumbs-nav .breadcrumbs-content{font-size:var(--fontsize14);display:flex;align-items:center;height:100%}
.abouts-main .breadcrumbs-nav .breadcrumbs-content i{color:var(--color);transform:scale(1.3);margin-right:5px}
.abouts-main .breadcrumbs-nav .breadcrumbs-content span{margin:0px 5px}
.abouts-main .breadcrumbs-nav .breadcrumbs-text{font-size:var(--fontsize18);display:flex;align-items:center;flex-direction:row-reverse;margin-left:auto}
.abouts-main .abouts-container{display:flex;padding:40px 125px;width:100%;flex-wrap:wrap}
.abouts-main .abouts-container .abouts-left{width:280px;min-width:280px}
.abouts-main .abouts-container .abouts-left .abouts-left-title{font-size:var(--fontsize18);font-weight:var(--fontbold5);display:flex;justify-content:center;align-items:center;width:100%;height:45px;background:var(--color);color:#FFFFFF}
.abouts-main .abouts-container .abouts-left .abouts-left-ab ul li{font-size:var(--fontsize16);display:block;align-items: center;height:50px;display:flex;justify-content:center;align-items:left;color:var(--fontcolor);background:#FAFAFA;border-bottom:2px solid #FFFFFF}
.abouts-main .abouts-container .abouts-left .abouts-left-ab ul li:hover a{cursor:pointer;color:var(--color)}



.abouts-main .abouts-container .abouts-left .abouts-left-title{font-size:var(--fontsize18);display:flex;justify-content:center;align-items:center;width:100%;height:45px;background:var(--color);color:#FFFFFF}
.abouts-main .abouts-container .abouts-left .abouts-left-cu ul li{font-size:var(--fontsize14);color:var(--fontcolor)}
.abouts-main .abouts-container .abouts-left .abouts-left-cu ul li i,.abouts-main .abouts-container .abouts-left .abouts-left-cu ul li em{color:var(--fontcolor);display:inline-block;text-align:center;line-height:30px;height:30px;width:30px}
.abouts-main .abouts-container .abouts-left .abouts-left-cu ul li p{font-size:var(--fontsize12);text-align:right;padding-right:45px}


.abouts-main .abouts-container .abouts-left .abouts-left-cu ul li{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-left .abouts-left-cu ul li i,.abouts-main .abouts-container .abouts-left .abouts-left-cu ul li em{color:var(--introcolor);display:inline-block;text-align:left;line-height:30px;height:30px;width:30px}
.abouts-main .abouts-container .abouts-left .abouts-left-cu ul li p{font-size:var(--fontsize12);text-align:right;padding-right:45px}
.abouts-main .abouts-container .abouts-main{padding-left:50px;width:100%;flex:1;margin-bottom:30px}
.abouts-main .abouts-container .abouts-main h1{font-size:var(--fontsize26);text-align:center;line-height:26px;height:50px}
.abouts-main .abouts-container .abouts-main h3{font-size:var(--fontsize20);font-weight:normal;line-height:40px}
.abouts-main .abouts-container .abouts-main p{font-size:var(--fontsize16);color:var(--fontcolor);margin:0px 0px 10px 0px}
.abouts-main .abouts-container .abouts-main p.project-name{font-size:var(--fontsize18);color:var(--fontcolor);margin:0px}
.abouts-main .abouts-container .abouts-main p img{margin-top:10px}
.abouts-main .abouts-container .abouts-main .abouts-main-who{margin-bottom:60px;width:100%}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content{width:100%}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-title{font-size:var(--fontsize28);display:flex;justify-content:center;align-items:center;height:100%;flex:2;margin-top:150px}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article{flex-direction:column;justify-content:space-evenly;display:flex;color:var(--introcolor);height:100%;flex:8}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-img{width:100%;height:300px}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-img img{width:100%;height:100%;object-fit:cover}
.abouts-main .abouts-container .abouts-main .abouts-main-pro{padding:20px 20px 0px;background:#F8F8F8;width:100%}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-title{font-size:var(--fontsize28);width:100%;line-height:65px}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article{width:100%;flex-direction:column;justify-content:space-evenly;display:flex;color:var(--introcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list{padding-top:20px;width:100%;display:flex;justify-content:space-between}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item{transition:all .5s ease;width:300px;height:100%}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item .pro-name{margin-top:5px;font-size:var(--fontsize16);line-height:65px;height:65px;width:100%;text-align:center;color:var(--fontcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item:hover{cursor:pointer}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item:hover .pro-name{color:var(--color)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor{display:flex;margin-top:40px;width:100%}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left{flex:3.5}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-title{height:65px;font-size:var(--fontsize28);width:100%;line-height:65px}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-article{width:100%;flex-direction:column;justify-content:space-evenly;display:flex;color:var(--introcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list{padding:10px 60px;flex:6.5;display:flex;justify-content:space-between}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item{overflow:hidden;box-shadow:0 1px 2px 2px rgba(0,0,0,.2)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item img{transition:.6s all ease}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item:hover img{transform:scale(1.2)}
.abouts-main .abouts-container .abouts-main .abouts-network{margin-bottom:50px;width:100%}
.abouts-main .abouts-container .abouts-main .abouts-network .abouts-main-title{height:65px;font-size:var(--fontsize28);width:100%;line-height:65px}
.abouts-main .abouts-container .abouts-main .abouts-network .abouts-main-article{display:flex;justify-content:center;color:var(--introcolor)}
.abouts-main .abouts-container .contact-main{padding-left:50px;width:100%;flex:1}
.abouts-main .abouts-container .contact-main div{width:100%}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-title{font-size:var(--fontsize18);line-height:50px;height:50px}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content{display:flex;padding-left:20px;height:310px}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-left{position:relative;width:450px}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-left::after{content:"";height:240px;width:400px;position:absolute;border:2.5px solid #000000;top:20px;left:20px;z-index:-100}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-text{padding-top:60px;padding-left:26px;flex:1}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-text ul li{font-size:var(--fontsize15);color:var(--introcolor)}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-text ul li .fa{color:var(--introcolor);display:inline-block;text-align:center;line-height:30px;height:30px;width:30px}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-text ul li p{font-size:var(--fontsize15);text-align:left;padding-right:45px;line-height:35px}
.abouts-main .abouts-container .feedback-main .feedbackForm{margin-left:0px}
.abouts-main .feedbackForm{margin-top:40px}
@media(min-width:1561px)and (max-width:1790px){
.abouts-main .about-banner img{width:100%}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list{flex-wrap:wrap}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item .pro-name{margin-top:0px}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item{box-shadow:none}}
@media(min-width:1441px)and (max-width:1560px){
.abouts-main .about-banner{width:100%}
.abouts-main .about-banner img{width:100%}
.abouts-main .abouts-container{padding:40px 50px 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-title{font-size:var(--fontsize22)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-title{font-size:var(--fontsize22)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article{color:var(--fontcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article p{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list{flex-wrap:wrap}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item .pro-name{margin-top:0px;font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-title{font-size:var(--fontsize22)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list{margin-top:50px;padding:0px}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item{box-shadow:none}
.abouts-main .abouts-container .abouts-main .abouts-network{margin-top:50px}
.abouts-main .abouts-container .abouts-main .abouts-network .abouts-main-title{font-size:var(--fontsize22)}
.abouts-main .feedbackForm{margin-left:0px}}
@media(min-width:1391px)and (max-width:1440px){
.abouts-main .about-banner{width:100%}
.abouts-main .about-banner img{width:100%}
.abouts-main .abouts-container{padding:40px 50px 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-title{font-size:var(--fontsize18)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article{color:var(--fontcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article p{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-img{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-title{font-size:var(--fontsize20)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article{color:var(--fontcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article p{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list{flex-wrap:wrap}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item{width:400px;justify-content:flex-start}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item img{margin-left:90px}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item .pro-name{margin-top:0px;font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor{display:block}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-article{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-title{font-size:var(--fontsize20)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list{padding:50px 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item{box-shadow:none}
.abouts-main .abouts-container .abouts-main .abouts-network .abouts-main-title{font-size:var(--fontsize22)}
.abouts-main .feedbackForm{margin-left:0px}}
@media(min-width:1350px)and (max-width:1391px){
.abouts-main .about-banner{width:100%}
.abouts-main .about-banner img{width:100%}
.abouts-main .abouts-container{padding:40px 50px 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-title{font-size:var(--fontsize18)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article p{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-img{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-title{font-size:var(--fontsize20)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article{color:var(--fontcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article p{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list{flex-wrap:wrap}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item{width:420px}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item img{margin-left:90px}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item .pro-name{margin-top:0px;font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor{display:block}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-article{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-title{font-size:var(--fontsize20)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list{padding:50px 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item{box-shadow:none}
.abouts-main .abouts-container .abouts-main .abouts-network .abouts-main-title{font-size:var(--fontsize22)}
.abouts-main .feedbackForm{margin-left:0px}}
@media(min-width:1201px)and (max-width:1350px){
.abouts-main .about-banner{width:100%}
.abouts-main .about-banner img{width:100%}
.abouts-main .abouts-container{padding:40px 50px 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-title{margin-top:200px;font-size:var(--fontsize18)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article{color:var(--fontcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article p{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-img{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-title{font-size:var(--fontsize20)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article{color:var(--fontcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article p{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list{position:relative;left:-80px;flex-wrap:wrap}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item{width:350px}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item img{margin-left:90px}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item .pro-name{margin-left:20px;margin-top:0px;font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor{display:block}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-article{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-title{font-size:var(--fontsize20)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list{padding:50px 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item{box-shadow:none}
.abouts-main .abouts-container .abouts-main .abouts-network .abouts-main-title{font-size:var(--fontsize22)}
.abouts-main .feedbackForm{margin-left:0px}}
@media(min-width:961px)and (max-width:1220px){
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-left{width:240px}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-left:after{width:240px;height:140px}}
@media(min-width:961px)and (max-width:1200px){
.abouts-main .about-banner{width:100%}
.abouts-main .about-banner img{width:100%}
.abouts-main .abouts-container{padding:40px 50px 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-title{font-size:var(--fontsize18);margin-top:300px}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article{color:var(--fontcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article p{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-img{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-title{font-size:var(--fontsize20)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article{color:var(--fontcolor)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article p{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list{flex-wrap:wrap}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item .pro-name{margin-top:0px;font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor{display:block}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-article{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-title{font-size:var(--fontsize20)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list{padding:50px 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item{box-shadow:none}
.abouts-main .abouts-container .abouts-main .abouts-network .abouts-main-title{font-size:var(--fontsize22)}
.abouts-main .feedbackForm{margin-left:0px}}
@media(min-width:768px)and (max-width:960px){
.abouts-main .about-banner{height:134px}
.abouts-main .about-banner img{display:none}
.abouts-main .abouts-container{padding:40px 50px 0px}
.abouts-main .abouts-container .abouts-left{display:none}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-title{margin-top:280px;font-size:var(--fontsize18)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article{padding-left:20px}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article p{width:100%;font-size:var(--fontsize12)}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-img{width:100%;height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-pro{width:100%}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-title{font-size:var(--fontsize20)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-article p{font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list{flex-wrap:wrap}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item{width:300px}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item .pro-name{margin-top:0px;font-size:var(--fontsize14)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor{display:block}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-article{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-title{font-size:var(--fontsize20)}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list{padding:50px 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item{box-shadow:none}
.abouts-main .abouts-container .abouts-main .abouts-network .abouts-main-title{font-size:var(--fontsize22)}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content{padding-left:0px;display:block;height:auto}
.abouts-main .feedbackForm{margin-left:0px}}
@media(max-width:769px){
.abouts-main .about-banner{display:none}
.abouts-main .breadcrumbs-nav{margin-top:55px;padding:10px 15px;height:auto;flex-direction:column}
.abouts-main .breadcrumbs-nav .breadcrumbs-text{margin:0px;padding-top:5px;align-items:flex-start;flex-direction:row}
.abouts-main .abouts-container{margin-top:0px !important}
.abouts-main .abouts-container{margin-top:2rem;padding:0px;width:100%}
.abouts-main .abouts-container .abouts-left{display:none}
.abouts-main .abouts-container .abouts-main{padding-left:0px;margin-bottom:0px}
.abouts-main .abouts-container .abouts-main .abouts-main-who{margin-bottom:.8rem;padding:0rem .4rem}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content{height:auto;flex-direction:column}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-title{margin-top:0px;font-size:var(--fontsize22);display:block;height:.8rem;line-height:.8rem}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-content .abouts-main-article{display:block}
.abouts-main .abouts-container .abouts-main .abouts-main-who .abouts-main-who-img{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-pro{padding:.4rem .4rem}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-main-title{font-size:var(--fontsize22);display:block;height:.8rem;line-height:.8rem}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list{flex-wrap:wrap}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item{width:4rem}
.abouts-main .abouts-container .abouts-main .abouts-main-pro .abouts-pro-list .pro-list-item .pro-name{height:auto;line-height:1rem;margin-top:0px;color:var(--fontcolor);font-size:var(--fontsize14);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.abouts-main .abouts-container .abouts-main .abouts-main-honor{margin-top:.5rem;padding:0rem .4rem .4rem;display:block}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-title{font-size:var(--fontsize22);display:block;height:.8rem;line-height:.8rem}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-left .abouts-main-article{height:auto}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list{padding:.1333rem 0px}
.abouts-main .abouts-container .abouts-main .abouts-main-honor .abouts-honor-list .abouts-honor-item{width:2.8rem;height:3.92rem}
.abouts-main .abouts-container .abouts-main .abouts-network{padding:0rem .4rem .5rem;display:block;margin-bottom:0px}
.abouts-main .abouts-container .abouts-main .abouts-network .abouts-main-title{font-size:var(--fontsize22);display:block;height:.8rem;line-height:.8rem}
.abouts-main .abouts-container .contact-main{padding:0rem .4rem}
.abouts-main .abouts-container .contact-main .contact-info{margin-top:.6667rem}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-title{color:var(--fontcolor);font-size:var(--fontsize16);line-height:.4rem}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content{padding-left:0px;height:auto;display:block}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-left{width:auto;margin:0px auto}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-left img{width:8rem;height:4.8rem}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-left::after{content:"";height:4.8rem;width:8rem;position:absolute;border:.0333rem solid #000000;top:.2667rem;left:.2667rem;z-index:-100}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-text{padding-left:0px;padding-bottom:.6667rem}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-text ul li{height:.6667rem;font-size:var(--fontsize14);line-height:.6667rem;color:var(--introcolor);padding-left:.3333rem;text-indent:-0.3333rem}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-text ul li p{padding-right:0px;padding-left:10px}
.abouts-main .abouts-container .contact-main .contact-info .contact-info-content .content-text ul li p .fa{margin-right:5px}
.abouts-main .abouts-container .contact-main .contact-inquiry{margin-top:.4rem;height:auto}
.abouts-main .abouts-container .contact-main .contact-inquiry .contact-inquiry-title{color:var(--fontcolor);font-size:var(--fontsize16);line-height:.4rem}
.abouts-main .abouts-container .contact-main .contact-inquiry .contact-inquiry-form{margin:.6667rem 0px;height:auto;display:block}
.abouts-main .abouts-container .contact-main .contact-inquiry .contact-inquiry-form .form-input{font-size:var(--fontsize14);width:100%;height:1.2rem;margin-bottom:.2667rem}
.abouts-main .abouts-container .contact-main .contact-inquiry .contact-inquiry-form .form-input span{font-size:var(--fontsize14);width:2.2rem}
.abouts-main .abouts-container .contact-main .contact-inquiry .contact-inquiry-form .form-textarea{height:3.2rem}
.abouts-main .abouts-container .contact-main .contact-inquiry .contact-inquiry-btn{background:var(--color);width:100%;padding:0rem .4rem;height:1.2rem;margin-bottom:.6667rem}
.abouts-main .abouts-container .contact-main .contact-inquiry .contact-inquiry-btn a i,.abouts-main .abouts-container .contact-main .contact-inquiry .contact-inquiry-btn a em{color:#FFFFFF}
.abouts-main .abouts-container .feedback-main p{padding:.36rem}
.abouts-main .abouts-container .feedback-main .inquiry-pro-list{margin:0px}
.abouts-main .abouts-container .feedbackForm{margin-left:.57rem}
.abouts-main .feedbackForm{margin-left:0px}
.abouts-main .inquiry-pro-list{padding:.1rem .36rem}}
.news-main .news-banner{width:100%;margin-top:147px}
.news-main .news-banner img{width:100%}
.news-main .breadcrumbs-nav{font-size:var(--fontsize14);padding:0px 125px;display:flex;width:100%;height:50px;background:#F8F8F8}
.news-main .breadcrumbs-nav .breadcrumbs-content{font-size:var(--fontsize14);display:flex;align-items:center;height:100%}
.news-main .breadcrumbs-nav .breadcrumbs-content i{color:var(--color);transform:scale(1.3);margin-right:5px}
.news-main .breadcrumbs-nav .breadcrumbs-content span{margin:0px 5px}
.news-main .breadcrumbs-nav .breadcrumbs-text{font-size:var(--fontsize18);display:flex;align-items:center;flex-direction:row-reverse;margin-left:auto;width:250px;height:100%}
.news-main .news-container{display:flex;padding:40px 125px;width:100%}
.news-main .news-container .news-left{width:280px;margin-bottom:50px}
.news-main .news-container .news-left .news-left-title{font-size:var(--fontsize18);display:flex;justify-content:center;align-items:center;width:100%;height:45px;background:var(--color);color:#FFFFFF}
.news-main .news-container .news-left .news-left-ab ul li{margin:5px 0px;padding:10px;display:flex}
.news-main .news-container .news-left .news-left-ab ul li .news-left-item-info{display:flex;flex-direction:column;justify-content:space-between;height:100%;flex:1}
.news-main .news-container .news-left .news-left-ab ul li .news-left-item-info p{font-size:var(--fontsize14)}
.news-main .news-container .news-left .news-left-ab ul li .news-left-item-info p a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-main .news-container .news-left .news-left-ab ul li .news-left-item-info p:nth-of-type(1){padding-right:5px}
.news-main .news-container .news-left .news-left-ab ul li .news-left-item-info p:nth-of-type(1):hover{color:var(--color)}
.news-main .news-container .news-left .news-left-ab ul li .news-left-item-info p:nth-of-type(2){padding-right:5px;color:var(--introcolor)}
.news-main .news-container .news-left .news-left-ab ul li .news-left-item-info:hover p a{color:var(--color)}
.news-main .news-container .news-left .news-left-ab ul li .news-left-item-img{display:flex;flex-direction:row-reverse;flex:1;height:100%;width:66px;overflow:hidden}
.news-main .news-container .news-left .news-left-ab ul li .news-left-item-img img{transition:.3s all ease;height:100%}
.news-main .news-container .news-left .news-left-ab ul li:hover .news-left-item-img img{transform:scale(1.2)}
.news-main .news-container .news-left .news-left-ab ul li:hover .news-left-item-info p a{color:var(--color)}
.news-main .news-container .news-left .news-left-cu ul li{font-size:var(--fontsize14)}
.news-main .news-container .news-left .news-left-cu ul li i,.news-main .news-container .news-left .news-left-cu ul li em{color:var(--introcolor);display:inline-block;text-align:center;line-height:30px;height:30px;width:30px}
.news-main .news-container .news-left .news-left-cu ul li p{font-size:var(--fontsize12);text-align:right;padding-right:45px}
.news-main .news-container .news-main{padding-left:50px;width:100%;flex:1}
.news-main .news-container .news-main ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.news-main .news-container .news-main ul li{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-bottom:25px;width:420px;height:480px}
.news-main .news-container .news-main ul li .news-item-img{display:flex;justify-content:center;height:246px}
.news-main .news-container .news-main ul li .news-item-content{padding:5px 10px}
.news-main .news-container .news-main ul li .news-item-content .news-item-title{font-size:var(--fontsize18);line-height:1.4;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-main .news-container .news-main ul li .news-item-content .news-item-date{margin:5px auto}
.news-main .news-container .news-main ul li .news-item-content .news-item-date,.news-main .news-container .news-main ul li .news-item-content .news-item-artcle{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:var(--fontsize14);color:var(--introcolor)}
.news-main .news-container .news-main ul li .news-item-btn{margin:0px 10px;width:120px;height:40px;text-align:center;border:1px solid #EEEEEE}
.news-main .news-container .news-main ul li .news-item-btn a{width:120px;height:40px;line-height:40px;transition:.3s all ease-out;display:inline-block;position:relative;overflow:hidden;position:relative;z-index:9}
.news-main .news-container .news-main ul li .news-item-btn a:after{content:"";background:var(--color);border-color:var(--color);position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.news-main .news-container .news-main ul li .news-item-btn a:hover i,.news-main .news-container .news-main ul li .news-item-btn a:hover em{color:#FFFFFF;border-color:#000000}
.news-main .news-container .news-main ul li .news-item-btn a:hover:after{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}
.news-main .news-container .news-main ul li .news-item-btn a i{display:inline-block;font-size:var(--fontsize14);color:var(--fontcolor);position:relative;z-index:14}
.news-main .news-container .news-main ul li:hover{box-shadow:0px 5px 15px 0px rgba(0,0,0,.1);transform:translateY(5px);-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px)}
.news-main .news-container .news-main ul .news-line{margin:0px auto 20px;padding:10px;width:100%;height:auto;background:#FBFBFB;transition:.5s all ease}
.news-main .news-container .news-main ul .news-line .news-item-top{width:100%;height:30px;display:flex;justify-content:space-between}
.news-main .news-container .news-main ul .news-line .news-item-top .news-item-title{height:100%;line-height:30px;font-size:var(--fontsize18)}
.news-main .news-container .news-main ul .news-line .news-item-top .news-item-date{font-size:var(--fontsize12);color:var(--introcolor)}
.news-main .news-container .news-main ul .news-line .news-item-content{font-size:var(--fontsize14);color:var(--introcolor);height:auto}
.news-main .news-container .news-main ul .news-line:hover{cursor:pointer;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.news-main .news-container .news-main .news-pages{display:flex;justify-content:center;align-items:center;margin-bottom:50px;width:100%;height:60px;font-size:var(--fontsize16)}
.news-main .news-container .news-main .news-pages span{opacity:.4}
.news-main .news-container .news-main .news-pages span,.news-main .news-container .news-main .news-pages a{margin:0px 5px;padding:10px 15px;height:35px;font-size:var(--fontsize16);transition:all ease .3s;box-sizing:border-box;border:1px solid #EEEEEE;display:flex;justify-content:center;align-items:center}
.news-main .news-container .news-main .news-pages a:hover{background:var(--color);color:#FFFFFF}
.news-main .news-container .news-main .news-pages span.ctxt{background:var(--color);color:#FFFFFF;opacity:1}
.news-main .news-container .news-main .news-mobile-pages{display:none}
.news-main .news-container .news-detail-main{padding-left:50px;width:100%;flex:1}
.news-main .news-container .news-detail-main .news-detail-top{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.news-main .news-container .news-detail-main .news-detail-top .news-detail-title{font-size:var(--fontsize26);margin:0px 0px 10px;line-height:1.4}
.news-main .news-container .news-detail-main .news-detail-top .news-detail-info{position:relative;display:flex}
.news-main .news-container .news-detail-main .news-detail-top .news-detail-info .news-detail-date{font-size:var(--fontsize14);color:var(--introcolor)}
.news-main .news-container .news-detail-main .news-detail-top .news-detail-info .news-view{margin-left:20px}
.news-main .news-container .news-detail-main .news-detail-top .news-detail-info .news-view span{font-size:var(--fontsize14);color:var(--introcolor)}
.news-main .news-container .news-detail-main article{padding:20px 0px}
.news-main .news-container .news-detail-main article p{font-size:var(--fontsize16)}
.news-main .news-container .news-detail-main .addthis_inline_share_toolbox{margin:20px 0px}
.news-main .news-container .news-detail-main .contact-list{display:flex;width:100%}
.news-main .news-container .news-detail-main .contact-list li{display:flex;justify-content:center;align-items:center;height:40px;width:40px}
.news-main .news-container .news-detail-main .contact-list li i,.news-main .news-container .news-detail-main .contact-list li em{color:var(--introcolor);transform:scale(1.1)}
.news-main .news-container .news-detail-main .contact-list .contact-list-more{text-align:center;line-height:28px}
.news-main .news-container .news-detail-main .contact-list .contact-list-more span{font-size:var(--fontsize12);color:#FFFFFF;display:block;height:28px;width:28px;background:var(--color);border-radius:50%}
.news-main .news-container .news-detail-main .pro-list .pro-list-title{font-size:var(--fontsize18)}
.news-main .news-container .news-detail-main .pro-list ul{margin-top:10px;width:100%;height:200px;display:flex;justify-content:space-between}
.news-main .news-container .news-detail-main .pro-list ul li{width:200px;height:170px}
.news-main .news-container .news-detail-main .pro-list ul li p{margin-top:10px;text-align:center;color:var(--fontcolor);font-size:var(--fontsize12)}
.news-main .news-container .news-detail-main .pro-list ul li:hover{cursor:pointer;background:var(--color);box-shadow:0px 5px 10px rgba(0,0,0,.8);transform:translateY(5px);-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.news-main .news-container .news-detail-main .pro-list ul li:hover p{color:#FFFFFF}
.news-main .news-container .news-detail-main .pages-list{margin-bottom:30px;padding:0px 10px;height:40px;width:100%;background:#F8F8F8;display:flex;justify-content:space-between;align-items:center}
.news-main .news-container .news-detail-main .pages-list span:nth-child(1){color:var(--color)}
.news-main .news-container .news-detail-main .pages-list div{font-size:var(--fontsize16)}
.news-main .news-container .news-detail-main .pages-list div span{font-size:var(--fontsize16)}
@media(min-width:1561px)and (max-width:1790px){
.news-main .news-banner{width:100%}
.news-main .news-banner img{width:100%}}
@media(min-width:1441px)and (max-width:1560px){
.news-main .news-banner{width:100%}
.news-main .news-banner img{width:100%}}
@media(min-width:1391px)and (max-width:1440px){
.news-main .news-banner{width:100%}
.news-main .news-banner img{width:100%}}
@media(min-width:1650px)and (max-width:1850px){
.news-main .news-container .news-main ul li{width:350px}
.news-main .news-container .news-main ul li .news-item-img{height:auto}}
@media(min-width:1440px)and (max-width:1650px){
.news-main .news-container .news-main ul li{width:400px}
.news-main .news-container .news-main ul li .news-item-img{height:auto}}
@media(min-width:1201px)and (max-width:1440px){
.news-main .news-banner{width:100%}
.news-main .news-banner img{width:100%}
.news-main .news-container{padding:40px 50px 0px}
.news-main .news-container .news-main ul li{width:400px}
.news-main .news-container .news-main ul li .news-item-img{height:auto}}
@media(min-width:960px)and (max-width:1200px){
.news-main .news-banner{width:100%}
.news-main .news-banner img{width:100%}
.news-main .news-container{padding:40px 50px 0px}
.news-main .news-container .news-main ul .news-line{padding-left:20px;padding-bottom:20px;height:auto}
.news-main .news-container .news-main ul .news-line .news-item-top .news-item-title{font-size:var(--fontsize14);width:420px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.news-main .news-container .news-main ul .news-line .news-item-top .news-item-date{font-size:var(--fontsize14)}
.news-main .news-container .news-main ul .news-line .news-item-content{font-size:var(--fontsize14)}
.news-main .breadcrumbs-nav .breadcrumbs-content{font-size:var(--fontsize14)}
.news-main .breadcrumbs-nav .breadcrumbs-text{font-size:var(--fontsize14)}}
@media(min-width:768px)and (max-width:960px){
.news-main .news-left{display:none}
.news-main .news-container{padding:40px 50px 0px}
.news-main .news-container .news-main ul li{width:300px}
.news-main .news-container .news-main ul li .news-item-img{height:auto}
.news-main .news-container .news-main ul li .news-item-content{padding-left:30px}
.news-main .news-container .news-main ul li .news-item-content .news-item-title{font-size:var(--fontsize14)}
.news-main .news-container .news-main ul li .news-item-content .news-item-date,.news-main .news-container .news-main ul li .news-item-content .news-item-artcle{font-size:var(--fontsize14)}
.news-main .news-container .news-main ul li .news-item-btn{margin-left:30px}
.news-main .breadcrumbs-nav .breadcrumbs-content{font-size:var(--fontsize14)}
.news-main .breadcrumbs-nav .breadcrumbs-text{font-size:var(--fontsize14)}}
@media(min-width:768px)and (max-width:960px){
.news-main .news-banner{height:134px;display:none}
.news-main .news-banner img{display:none}
.news-main .breadcrumbs-nav{font-size:var(--fontsize14);margin-top:130px}
.news-main .breadcrumbs-nav .breadcrumbs-content,.news-main .breadcrumbs-nav .breadcrumbs-text{font-size:var(--fontsize14)}
.news-main .news-left{display:none}
.news-main .news-container .news-main ul{width:100%}
.news-main .news-container .news-main ul li{width:800px;height:auto}
.news-main .news-container .news-main ul li .news-item-img{height:auto}
.news-main .news-container .news-main ul li .news-item-img img{width:90%}
.news-main .news-container .news-main ul li .news-item-content{padding-left:30px}
.news-main .news-container .news-main ul li .news-item-content .news-item-title{font-size:var(--fontsize14)}
.news-main .news-container .news-main ul li .news-item-content .news-item-date,.news-main .news-container .news-main ul li .news-item-content .news-item-artcle{font-size:var(--fontsize14)}
.news-main .news-container .news-main ul li .news-item-btn{margin-left:30px}
.news-main .news-container .news-main .news-pages .news-page-text{font-size:var(--fontsize14)}
.news-main .news-container .news-main .news-pages .news-page-num{font-size:var(--fontsize14)}}
@media(max-width:769px){
.news-main .news-banner{display:none}
.news-main .breadcrumbs-nav{margin-top:55px;padding:10px 15px;height:auto;flex-direction:column}
.news-main .breadcrumbs-nav .breadcrumbs-text{margin:0px;padding-top:5px;align-items: flex-start;flex-direction:row}
.news-main .news-container{margin-top:0px !important}
.news-main .news-container{margin-top:2.2rem;padding:0px;width:100%}
.news-main .news-container .news-left{display:none}
.news-main .news-container .news-main{padding:.4rem}
.news-main .news-container .news-main ul li{width:48%;height:initial;box-sizing:border-box;border:1px solid #EEEEEE}
.news-main .news-container .news-main ul li .news-item-content{padding:0px 10px}
.news-main .news-container .news-main ul li .news-item-content .news-item-title{-webkit-line-clamp:3;line-height:1.4}
.news-main .news-container .news-main ul li .news-item-img{height:auto}
.news-main .news-container .news-main ul li .news-item-btn{display:none}
.news-main .news-container .news-main ul li:hover{box-shadow:none;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px)}
.news-main .news-container .news-main ul .news-line{margin:0px auto;background:#FFFFFF;width:9.2rem;border:none;border-bottom:1px solid #EAEAEA;padding:.3733rem 0;height:auto}
.news-main .news-container .news-main ul .news-line .news-item-top{display:flex;flex-direction:column;height:auto}
.news-main .news-container .news-main ul .news-line .news-item-top .news-item-title{color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize16);line-height:.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.news-main .news-container .news-main ul .news-line .news-item-top .news-item-date{color:var(--introcolor);font-size:var(--fontsize16);line-height:.4rem}
.news-main .news-container .news-main ul .news-line .news-item-content{margin:5px auto;padding:0px;font-size:var(--fontsize14);font-weight:350;color:var(--introcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-main .news-container .news-main .news-pages{flex-wrap:wrap}
.news-main .news-container .news-main .news-pages span, .news-main .news-container .news-main .news-pages a{margin-bottom:10px}
.news-main .news-container .news-main .news-mobile-pages{margin:.6667rem 0px;display:flex;width:100%;height:1.2rem;justify-content:space-between}
.news-main .news-container .news-main .news-mobile-pages .news-pages-prev,.news-main .news-container .news-main .news-mobile-pages .news-pages-next{height:1.2rem;width:4.1333rem;box-sizing:border-box;border:1px solid #9a9a9a;display:flex;justify-content:center;align-items:center}
.news-main .news-container .news-main .news-mobile-pages .news-pages-prev i,.news-main .news-container .news-main .news-mobile-pages .news-pages-next i{font-size:.56rem;color:#9a9a9a}
.news-main .news-container .news-main .news-mobile-pages .news-pages-next{background:var(--color);border:none}
.news-main .news-container .news-main .news-mobile-pages .news-pages-next i{color:#FFFFFF}
.news-main .news-container .news-detail-main{margin:0px;padding:.4rem}
.news-main .news-container .news-detail-main .addthis_inline_share_toolbox{margin:.3rem 0px}
.news-main .news-container .news-detail-main ul.contact-list{display:none}
.news-main .news-container .news-detail-main ul.contact-list li{height:.8rem;width:.8rem;margin-right:.0667rem}
.news-main .news-container .news-detail-main ul.contact-list li i,.news-main .news-container .news-detail-main ul.contact-list li em{transform:scale(1)}
.news-main .news-container .news-detail-main .pages-list{background:#FFFFFF;height:auto;padding:0px;margin-bottom:20px;flex-direction:column;display:block}
.news-main .news-container .news-detail-main .pages-list div{background:#F8F8F8;margin-bottom:.2rem;font-size:var(--fontsize14);display:flex;line-height:.9rem;padding-left:.3rem}
.news-main .news-container .news-detail-main .pages-list div span{font-size:var(--fontsize14)}
.news-main .news-container .news-detail-main .pages-list div a{margin-left:.1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}
.knowledges-main .knowledges-banner{width:100%;margin-top:147px}
.knowledges-main .breadcrumbs-nav{padding:0px 125px;display:flex;width:100%;height:50px;background:#F8F8F8}
.knowledges-main .breadcrumbs-nav .breadcrumbs-content{font-size:var(--fontsize14);display:flex;align-items:center;height:100%}
.knowledges-main .breadcrumbs-nav .breadcrumbs-content i{color:var(--color);transform:scale(1.3);margin-right:5px}
.knowledges-main .breadcrumbs-nav .breadcrumbs-content a{margin:0px 5px;color:var(--introcolor);font-size:var(--fontsize16)}
.knowledges-main .breadcrumbs-nav .breadcrumbs-text{font-size:var(--fontsize18);display:flex;align-items:center;flex-direction:row-reverse;margin-left:auto;width:250px;height:100%}
.knowledges-main .knowledges-container{display:flex;padding:40px 125px;width:100%}
.knowledges-main .knowledges-container .knowledges-left{margin-bottom:50px;width:280px}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-title{font-size:var(--fontsize18);display:flex;justify-content:center;align-items:center;width:100%;height:45px;background:var(--color);color:#FFFFFF}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-ab{position:relative}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-ab i,.knowledges-main .knowledges-container .knowledges-left .knowledges-left-ab em{cursor:pointer;position:absolute;margin-top:14px;right:5px;transform:scale(1.6)}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-ab ul .LiLevel1{padding:0px 5px;line-height:45px;font-size:var(--fontsize16);text-align:left;border-bottom:1px solid #F9F9F9}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-ab ul .LiLevel1 .sub-menu{display:none}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-ab ul .LiLevel1 a:hover{color:var(--color)}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-ab ul .LiLevel1 ul .LiLevel2{position:relative;font-size:var(--fontsize16);line-height:35px;text-align:left;margin-left:5px}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-ab ul .LiLevel1 ul .LiLevel2 a:hover{color:var(--color)}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-ab ul .LiLevel1 ul .LiLevel2 .sub-menu{padding-left:20px;display:none;width:100px;height:30px;position:absolute;background:#EEEEEE;left:220px;top:-4px;z-index:99999}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-ab ul .LiLevel1 ul .LiLevel2:hover .sub-menu{display:block}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-cu ul li{font-size:var(--fontsize14)}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-cu ul li i,.knowledges-main .knowledges-container .knowledges-left .knowledges-left-cu ul li em{color:var(--introcolor);display:inline-block;text-align:center;line-height:30px;height:30px;width:30px}
.knowledges-main .knowledges-container .knowledges-left .knowledges-left-cu ul li p{font-size:var(--fontsize12);text-align:right;padding-right:45px}
.knowledges-main .knowledges-container .knowledges-main{padding-left:50px;width:100%;flex:1}
.knowledges-main .knowledges-container .knowledges-main ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.knowledges-main .knowledges-container .knowledges-main ul li{margin:0px auto 20px;padding:10px;width:100%;height:auto;background:#FBFBFB;transition:.5s all ease}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-top{width:100%;height:30px;display:flex;justify-content:space-between}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-top .knowledges-item-title{height:100%;line-height:30px;font-size:var(--fontsize18)}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-top .knowledges-item-date{font-size:var(--fontsize12);color:var(--introcolor)}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-content{font-size:var(--fontsize14);color:var(--introcolor)}
.knowledges-main .knowledges-container .knowledges-main ul li:hover{cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.knowledges-main .knowledges-container .knowledges-main ul .list1{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-bottom:26px;width:430px;height:510px;padding:0px;background:#FFFFFF}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-img{display:flex;justify-content:center;height:246px}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-img img{width:100%}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-content{padding:5px}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-content .knowledges-item-title{padding-top:10px;font-size:var(--fontsize16);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-content .knowledges-item-date{margin:10px auto}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-content .knowledges-item-date,.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-content .knowledges-item-artcle{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:var(--fontsize16);color:var(--introcolor)}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-btn{margin:0px 10px;width:120px;height:40px;text-align:center;border:1px solid #EEEEEE}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-btn a{width:120px;height:40px;line-height:40px;transition:.3s all ease-out;display:inline-block;position:relative;overflow:hidden;position:relative;z-index:9}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-btn a:after{content:"";background:var(--color);border-color:var(--color);position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-btn a:hover i{color:#FFFFFF;border-color:#000000}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-btn a:hover:after{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-btn a i{display:inline-block;font-size:var(--fontsize14);color:var(--fontcolor);position:relative;z-index:14}
.knowledges-main .knowledges-container .knowledges-main ul .list1:hover{box-shadow:0px 5px 15px 0px rgba(0,0,0,.1);transform:translateY(5px);-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px)}
.knowledges-main .knowledges-container .knowledges-main .knowledges-pages{display:flex;justify-content:center;align-items:center;margin-bottom:50px;width:100%;height:60px;font-size:var(--fontsize16)}
.knowledges-main .knowledges-container .knowledges-main .knowledges-pages span{opacity:.4}
.knowledges-main .knowledges-container .knowledges-main .knowledges-pages span,.knowledges-main .knowledges-container .knowledges-main .knowledges-pages a{margin:0px 5px;padding:10px 15px;height:35px;font-size:var(--fontsize16);transition:all ease .3s;box-sizing:border-box;border:1px solid #EEEEEE;display:flex;justify-content:center;align-items:center}
.knowledges-main .knowledges-container .knowledges-main .knowledges-pages a:hover{background:var(--color);color:#FFFFFF}
.knowledges-main .knowledges-container .knowledges-main .knowledges-pages span.ctxt{background:var(--color);color:#FFFFFF;opacity:1}
.knowledges-main .knowledges-container .knowledges-main .knowledges-mobile-pages{display:none}
.knowledges-main .knowledges-container .knowledges-detail-main{padding-left:50px;width:100%;flex:1}
.knowledges-main .knowledges-container .knowledges-detail-main .knowledges-detail-top{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.knowledges-main .knowledges-container .knowledges-detail-main .knowledges-detail-top .knowledges-detail-title{font-size:var(--fontsize22);font-weight:var(--fontbold5)}
.knowledges-main .knowledges-container .knowledges-detail-main .knowledges-detail-top .knowledges-detail-info{position:relative;display:flex}
.knowledges-main .knowledges-container .knowledges-detail-main .knowledges-detail-top .knowledges-detail-info .knowledges-detail-date{font-size:var(--fontsize14);color:var(--introcolor)}
.knowledges-main .knowledges-container .knowledges-detail-main .knowledges-detail-top .knowledges-detail-info .news-view{width:120px;display:flex;align-items:center;margin-left:30px}
.knowledges-main .knowledges-container .knowledges-detail-main .knowledges-detail-top .knowledges-detail-info .news-view span{font-size:var(--fontsize14);color:var(--introcolor)}
.knowledges-main .knowledges-container .knowledges-detail-main article{padding:20px 0px}
.knowledges-main .knowledges-container .knowledges-detail-main article p{font-size:var(--fontsize16)}
.knowledges-main .knowledges-container .knowledges-detail-main .addthis_inline_share_toolbox{margin:20px 0px}
.knowledges-main .knowledges-container .knowledges-detail-main .contact-list{display:flex;width:100%}
.knowledges-main .knowledges-container .knowledges-detail-main .contact-list li{display:flex;justify-content:center;align-items:center;height:40px;width:40px}
.knowledges-main .knowledges-container .knowledges-detail-main .contact-list li i,.knowledges-main .knowledges-container .knowledges-detail-main .contact-list li em{color:var(--introcolor);transform:scale(1.1)}
.knowledges-main .knowledges-container .knowledges-detail-main .contact-list .contact-list-more{text-align:center;line-height:28px}
.knowledges-main .knowledges-container .knowledges-detail-main .contact-list .contact-list-more span{font-size:var(--fontsize12);color:#FFFFFF;display:block;height:28px;width:28px;background:var(--color);border-radius:50%}
.knowledges-main .knowledges-container .knowledges-detail-main .pro-list .pro-list-title{font-size:var(--fontsize18)}
.knowledges-main .knowledges-container .knowledges-detail-main .pro-list ul{margin-top:10px;width:100%;height:200px;display:flex;justify-content:space-between}
.knowledges-main .knowledges-container .knowledges-detail-main .pro-list ul li{width:200px;height:170px}
.knowledges-main .knowledges-container .knowledges-detail-main .pro-list ul li p{margin-top:10px;text-align:center;color:var(--fontcolor);font-size:var(--fontsize12)}
.knowledges-main .knowledges-container .knowledges-detail-main .pro-list ul li:hover{cursor:pointer;background:var(--color);box-shadow:0px 5px 10px rgba(0,0,0,.8);transform:translateY(5px);-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.knowledges-main .knowledges-container .knowledges-detail-main .pro-list ul li:hover p{color:#FFFFFF}
.knowledges-main .knowledges-container .knowledges-detail-main .pages-list{margin-bottom:30px;padding:0px 10px;height:40px;width:100%;background:#F8F8F8;display:flex;justify-content:space-between;align-items:center}
.knowledges-main .knowledges-container .knowledges-detail-main .pages-list span:nth-child(1){color:var(--color)}
.knowledges-main .knowledges-container .knowledges-detail-main .pages-list div{font-size:var(--fontsize16)}
.knowledges-main .knowledges-container .knowledges-detail-main .pages-list div span{font-size:var(--fontsize16)}
@media(min-width:1561px)and (max-width:1790px){
.knowledges-main .knowledges-banner{width:100%}
.knowledges-main .knowledges-banner img{width:100%}}
@media(min-width:1441px)and (max-width:1560px){
.knowledges-main .knowledges-banner{width:100%}
.knowledges-main .knowledges-banner img{width:100%}}
@media(min-width:1391px)and (max-width:1440px){
.knowledges-main .knowledges-banner{width:100%}
.knowledges-main .knowledges-banner img{width:100%}}
@media(min-width:1201px)and (max-width:1440px){
.knowledges-main .knowledges-banner{width:100%}
.knowledges-main .knowledges-banner img{width:100%}
.knowledges-main .knowledges-container{padding:40px 50px 0px}
.knowledges-main .knowledges-container .knowledges-main ul li{padding-left:20px;padding-bottom:20px;height:auto}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-top .knowledges-item-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}
@media(min-width:768px)and (max-width:1200px){
.knowledges-main .knowledges-banner{width:100%}
.knowledges-main .knowledges-banner img{width:100%}
.knowledges-main .knowledges-container{padding:40px 50px 0px}
.knowledges-main .knowledges-container .knowledges-main ul li{padding-left:20px;padding-bottom:20px;height:auto}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-top .knowledges-item-title{font-size:var(--fontsize14);width:420px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-top .knowledges-item-date{font-size:var(--fontsize14)}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-content{font-size:var(--fontsize14)}
.knowledges-main .breadcrumbs-nav .breadcrumbs-content{font-size:var(--fontsize14)}
.knowledges-main .breadcrumbs-nav .breadcrumbs-text{font-size:var(--fontsize14)}}
@media(min-width:768px)and (max-width:960px){
.knowledges-main .knowledges-banner{width:100%}
.knowledges-main .knowledges-banner img{width:100%}
.knowledges-main .knowledges-banner{height:134px}
.knowledges-main .knowledges-banner img{display:none}
.knowledges-main .breadcrumbs-nav .breadcrumbs-content{font-size:var(--fontsize14)}
.knowledges-main .breadcrumbs-nav .breadcrumbs-text{font-size:var(--fontsize14)}
.knowledges-main .knowledges-container .knowledges-left{display:none}}
@media(max-width:769px){
.header{position:fixed !important;top:0px !important}
.knowledges-main .knowledges-banner{display:none}
.knowledges-main .breadcrumbs-nav{display:none}
.knowledges-main .knowledges-container{margin-top:.2.2rem;padding:0px;width:100%}
.knowledges-main .knowledges-container .knowledges-left{display:none}
.knowledges-main .knowledges-container .knowledges-main{padding-left:0px;padding:.4rem .4rem 0px}
.knowledges-main .knowledges-container .knowledges-main ul li{margin:0px auto;background:#FFFFFF;width:9.2rem;border-bottom:1px solid #EAEAEA;padding:.3733rem 0;height:auto}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-top{display:flex;flex-direction:column;height:auto}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-top .knowledges-item-title{color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize16);line-height:.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-top .knowledges-item-date{color:var(--introcolor);font-size:var(--fontsize16);line-height:.4rem}
.knowledges-main .knowledges-container .knowledges-main ul li .knowledges-item-content{margin-top:.266667rem;font-size:var(--fontsize14);font-weight:350;color:var(--introcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.knowledges-main .knowledges-container .knowledges-main ul .list1{width:100%;height:auto;box-sizing:border-box;border:1px solid #CCCCCC;padding-top:0px}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-content{margin-bottom:.4rem;height:auto;padding:0px .2667rem}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-content .knowledges-item-title{font-size:var(--fontsize16)}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-content .knowledges-item-date,.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-content .knowledges-item-artcle{font-size:var(--fontsize14)}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-content .knowledges-item-date{color:var(--introcolor)}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-img{height:auto}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-img img{width:100%}
.knowledges-main .knowledges-container .knowledges-main ul .list1 .knowledges-item-btn{display:none}
.knowledges-main .knowledges-container .knowledges-main .knowledges-pages{display:none}
.knowledges-main .knowledges-container .knowledges-main .knowledges-mobile-pages{margin:.4rem 0;display:block;width:100%;display:flex;height:1.2rem;justify-content:space-between}
.knowledges-main .knowledges-container .knowledges-main .knowledges-mobile-pages .knowledges-pages-prev,.knowledges-main .knowledges-container .knowledges-main .knowledges-mobile-pages .knowledges-pages-next{height:1.2rem;width:4.1333rem;box-sizing:border-box;border:1px solid #9a9a9a;display:flex;justify-content:center;align-items:center}
.knowledges-main .knowledges-container .knowledges-main .knowledges-mobile-pages .knowledges-pages-prev i,.knowledges-main .knowledges-container .knowledges-main .knowledges-mobile-pages .knowledges-pages-next i{font-size:.56rem;color:#9a9a9a}
.knowledges-main .knowledges-container .knowledges-main .knowledges-mobile-pages .knowledges-pages-next{background:var(--color);border:none}
.knowledges-main .knowledges-container .knowledges-main .knowledges-mobile-pages .knowledges-pages-next i{color:#FFFFFF}
.knowledges-main .knowledges-container .knowledges-detail-main{margin:0px;padding:0rem .4rem}
.knowledges-main .knowledges-container .knowledges-detail-main .knowledges-detail-top .knowledges-detail-title{font-size:1.5}
.knowledges-main .knowledges-container .knowledges-detail-main .knowledges-detail-top .knowledges-detail-date{font-size:var(--fontsize14)}
.knowledges-main .knowledges-container .knowledges-detail-main .knowledges-detail-top .knowledges-detail-date .knowledges-view{font-size:.34rem;left:2.6rem}
.knowledges-main .knowledges-container .knowledges-detail-main article p{font-size:var(--fontsize14)}
.knowledges-main .knowledges-container .knowledges-detail-main .addthis_inline_share_toolbox{margin:.3rem 0px}
.knowledges-main .knowledges-container .knowledges-detail-main ul.contact-list li{height:.8rem;width:.8rem;margin-right:.0667rem}
.knowledges-main .knowledges-container .knowledges-detail-main ul.contact-list li i,.knowledges-main .knowledges-container .knowledges-detail-main ul.contact-list li em{transform:scale(0.8)}
.knowledges-main .knowledges-container .knowledges-detail-main .pro-list{display:none}
.knowledges-main .knowledges-container .knowledges-detail-main .pages-list{height:auto;padding:0px;margin-bottom:0px;flex-direction:column;display:block}
.knowledges-main .knowledges-container .knowledges-detail-main .pages-list div{background:#F8F8F8;margin-bottom:.2rem;font-size:var(--fontsize14);display:flex;line-height:.9rem;padding-left:.3rem}
.knowledges-main .knowledges-container .knowledges-detail-main .pages-list div span{font-size:var(--fontsize14)}
.knowledges-main .knowledges-container .knowledges-detail-main .pages-list div a{margin-left:.1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}
.product-main .product-banner{width:100%;margin-top:147px}
.product-main .product-banner img{height:100%}
.product-main .breadcrumbs-nav{padding:0px 125px;display:flex;width:100%;height:45px;background:#F8F8F8}
.product-main .breadcrumbs-nav .breadcrumbs-content{font-size:var(--fontsize14);display:flex;align-items:center;height:100%}
.product-main .breadcrumbs-nav .breadcrumbs-content i{color:var(--color);transform:scale(1.3);margin-right:5px}
.product-main .breadcrumbs-nav .breadcrumbs-content span{margin:0px 5px}
.product-main .breadcrumbs-nav .breadcrumbs-text{font-size:var(--fontsize18);display:flex;align-items:center;flex-direction:row-reverse;margin-left:auto;width:250px;height:100%}
.product-main .product-container{display:flex;padding:40px 125px;width:100%}
.product-main .product-container .product-left{margin-bottom:50px;width:280px}
.product-main .product-container .product-left .product-left-title{font-size:var(--fontsize18);display:flex;justify-content:center;align-items:center;width:100%;height:45px;background:var(--color);color:#FFFFFF}
.product-main .product-container .product-left .product-left-cu ul li{font-size:var(--fontsize14);color:var(--fontcolor)}
.product-main .product-container .product-left .product-left-cu ul li i,.product-main .product-container .product-left .product-left-cu ul li em{color:var(--fontcolor);display:inline-block;text-align:center;line-height:30px;height:30px;width:30px}
.product-main .product-container .product-left .product-left-cu ul li p{font-size:var(--fontsize12);text-align:right;padding-right:45px}
.product-main .product-container .product-left .product-lastest-products ul{padding:20px 0px}
.product-main .product-container .product-left .product-lastest-products ul li{padding:20px 10px;height:104px;width:100%;display:flex;align-items:center;transition:all .3s ease}
.product-main .product-container .product-left .product-lastest-products ul li .product-name{flex:1}
.product-main .product-container .product-left .product-lastest-products ul li .product-name a{font-size:var(--fontsize14)}
.product-main .product-container .product-left .product-lastest-products ul li .product-img{height:90px;width:150px;overflow:hidden}
.product-main .product-container .product-left .product-lastest-products ul li .product-img img{transition:.3s all ease;width:100%;height:90px;}
.product-main .product-container .product-left .product-lastest-products ul li:hover .product-img img{transform:scale(1.2)}
.product-main .product-container .product-left .product-lastest-products ul li:hover .product-name a{color:var(--color)}
.product-main .product-container .product-left .product-left-ab{position:relative}
.product-main .product-container .product-left .product-left-ab i,.product-main .product-container .product-left .product-left-ab em{cursor:pointer;position:absolute;margin-top:14px;right:5px;transform:scale(1.6)}
.product-main .product-container .product-left .product-left-ab ul>li{padding:0px 5px;line-height:45px;padding-left: 40px;font-size:var(--fontsize16);text-align:left;border-bottom:1px solid #F9F9F9}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 a:hover{color:var(--color)}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 ul .LiLevel2{position:relative;font-size:var(--fontsize16);line-height:35px;text-align:left;margin-left:5px}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 ul .LiLevel2 a:hover{color:var(--color)}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 .currentProType{color:var(--color)}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 ul .LiLevel2 .sub-menu{display:none;width:300px;height:35px;position:absolute;background:#EEEEEE;left:260px;top:-4px;z-index:99999}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 ul .LiLevel2:hover .sub-menu{display:block}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 a.active{color:var(--color)}
.product-main .product-container .product-main{padding-left:50px;width:calc(100% - 280px);flex:1}
.product-main .product-container .product-main .product-list-1{width:100%}
.product-main .product-container .product-main .product-list-1 ul li{background:#FBFBFB;width:100%;margin-bottom:28px;display:flex;transition:.5s all ease;align-items:center}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img{background:#FFFFFF;display:flex;justify-content:center;width:100%;height:100%}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img img{width:100%;height:100%;object-fit:cover}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content{display:flex;flex-direction:column;justify-content:space-between;padding:28px;height:100%;flex:1}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-title{position:relative;font-size:var(--fontsize18)}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-title span{position:relative}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-title span:after{transition:.5s all ease;position:absolute;left:0px;bottom:-5px;content:"";width:50px;height:1px;background:var(--color)}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-text{font-size:var(--fontsize14);color:var(--introcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-btn{text-align:center;transition:.5s all ease;display:flex;justify-content:center;align-items:center;width:150px;height:50px;border:1px solid #E5E5E5}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-btn a{font-size:var(--fontsize16);width:150px;height:50px;line-height:50px;transition:.3s all ease-out;display:inline-block;position:relative;overflow:hidden;position:relative;z-index:9}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-btn a:after{content:"";background:var(--color);border-color:var(--color);position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-btn a:hover i{color:#FFFFFF;border-color:#000000}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-btn a:hover:after{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-btn a i{display:inline-block;font-size:var(--fontsize14);color:var(--fontcolor);position:relative;z-index:14}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-btn a i:nth-child(2){margin-left:5px}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .btn-container{display:flex}
.product-main .product-container .product-main .product-list-1 ul li:hover{background:#FFFFFF;box-shadow:0px 5px 10px rgba(0,0,0,.1);transform:translateY(5px);-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px)}
.product-main .product-container .product-main .product-list-1 ul li:hover .product-item-content-title span{color:var(--color)}
.product-main .product-container .product-main .product-list-1 ul li:hover .product-item-content-title:after{width:250px}
.product-main .product-container .product-main .product-list-1 ul li:hover .product-item-content-title span:after{width:100%}
.product-main .product-container .product-main .product-list-1 ul{width:100%;display:flex;flex-wrap:wrap}
.product-main .product-container .product-main .product-list-1 ul .list2{position:relative;margin:0px 2% 30px 0px;width:31%;height:340px;overflow:hidden}
.product-main .product-container .product-main .product-list-1 ul .list2 img{height:100%;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-o-transition:all .4s ease}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{padding:0px 28px 28px;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-o-transition:all .4s ease;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;top:205px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title{display:flex;justify-content:center;height:50px;margin-bottom:20px;color:#FFFFFF;font-size:var(--fontsize16)}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title a span{color:#FFFFFF}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title span:after{content:"";width:0;height:0px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-text{display:flex;justify-content:center;align-items:center;text-align:center;height:200px;padding-left:20px;font-size:var(--fontsize12);color:#FFFFFF;line-height:24px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-text a{color:#FFFFFF;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{cursor:pointer;box-shadow:none;transform:translateY(-205px)}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content .product-item-content-title{line-height:50px;margin-bottom:0px}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content .product-item-content-text{height:auto}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-img img{transform:scale(1.2)}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content-title span{color:#FFFFFF}
.product-main .product-container .product-main .product-list-1 ul .list2:hover{box-shadow:none;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px)}
.product-main .product-container .product-main .product-pages{display:flex;justify-content:center;align-items:center;margin-bottom:50px;width:100%;height:60px;font-size:var(--fontsize16)}
.product-main .product-container .product-main .product-pages span{opacity:.4}
.product-main .product-container .product-main .product-pages span,.product-main .product-container .product-main .product-pages a{margin:0px 5px;padding:10px 15px;height:35px;font-size:var(--fontsize16);transition:all ease .3s;box-sizing:border-box;border:1px solid #EEEEEE;display:flex;justify-content:center;align-items:center}
.product-main .product-container .product-main .product-pages a:hover{background:var(--color);color:#FFFFFF}
.product-main .product-container .product-main .product-pages span.ctxt{background:var(--color);color:#FFFFFF;opacity:1}
.product-main .product-container .product-main .news-mobile-pages{display:none}
.product-main .product-container .product-main .product-bottom-text{padding:10px;box-shadow:0px 0px 6px rgba(0,0,0,.1)}
.product-main .product-container .product-main .product-bottom-text a{text-decoration:underline}
.product-main .product-container .product-main .product-detail{width:100%}
.product-main .product-container .product-main .product-detail .product-top{display:flex;width:100%;min-height:380px}
.product-main .product-container .product-main .product-detail .product-top .product-left{position:relative;width:500px;height:100%}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img{background:#FFFFFF;position:relative;width:100%;height:400px;border:1px solid #e0e0e0}
.product-mobile-swiper{margin-top:20px}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img video{width:100%;height:100%;object-fit:contain;background:#EEEEEE}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img:hover{cursor:zoom-in}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img .img-wrap{background:#FFFFFF;position:relative;top:-100%;left:100%;width:400px;height:400px;box-sizing:border-box;border:1px solid #e0e0e0;overflow:hidden;z-index:999}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img .img-wrap img{height:100%}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img .img-wrap .img-zoom{position:absolute;max-width:none;width:1000px;height:540px;left:-50%;right:-50%}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img .hover{display:none;position:absolute;left:0px;top:0px;width:200px;height:200px;border:1px solid #AAA;box-sizing:border-box;background:rgba(0,0,0,.2)}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img img{height:100%;object-fit:contain}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list{padding-left:20px;display:flex;align-items:center;width:580px;height:68px;justify-content:flex-start}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list .angle{height:100%;display:flex;justify-content:center;align-items:center;height:100%}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list .angle:hover{cursor:pointer}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list .product-thumb-img{height:48px;width:80px;margin:0px 15px;border:1px solid #EEEEEE}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list .product-thumb-img img{width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list .product-thumb-img:hover{border-color:#000000;cursor:pointer}
.product-main .product-container .product-main .product-detail .product-top .product-left .fa{display:flex;height:100%;width:30px;background:#FFFFFF;z-index:9999999;position:absolute;align-items:center;cursor:pointer;transition:ease all .3s}
.product-main .product-container .product-main .product-detail .product-top .product-left .fa-angle-right{right:0px;top:0px;justify-content:flex-end}
.product-main .product-container .product-main .product-detail .product-top .product-left .banner-page{display:none}
.product-main .product-container .product-main .product-detail .product-top .product-right{padding-left:20px;flex:1}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content{width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info{padding-left:20px;width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-name{font-size:var(--fontsize24);font-weight:var(--fontbold5)}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-text{font-size:var(--fontsize14);color:var(--introcolor)}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-view{font-size:var(--fontsize14);color:var(--introcolor);height:24px;line-height:24px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-price{font-size:var(--fontsize14);color:var(--introcolor);margin:10px 0px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-price .unit{font-size:var(--fontsize13);color:var(--introcolor);margin-left:5px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-price .quan{color:var(--introcolor)}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .share-btn-list{margin:10px 15px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list{margin:10px 0px;width:470px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3{transition:.5s all ease;display:flex;text-align:center;justify-content:center;align-items:center;height:50px;color:var(--fontcolor);margin:10px 0px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a{border:1px solid #E5E5E5;width:200px;height:50px;line-height:50px;transition:.3s all ease-out;display:inline-block;position:relative;overflow:hidden;position:relative;z-index:9}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:after,.sendtoinquiry::after,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a:after{content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;background:var(--color)}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:hover i,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a:hover i{color:#FFFFFF;border-color:#000000}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:hover span,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a:hover span{color:#FFFFFF;border-color:#000000}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:hover:after,.sendtoinquiry:hover::after,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a:hover:after{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a i,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a span,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a i,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a span{display:inline-block;font-size:var(--fontsize14);color:var(--fontcolor);position:relative;z-index:14}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:hover,.sendtoinquiry:hover,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a:hover{color:#FFFFFF}
.product-main .product-container .product-main .product-detail .product-top .product-right .addthis_inline_share_toolbox{margin-left:20px;margin-top:30px}
.product-main .product-container .product-main .product-detail .product-top .product-right .contact-list{padding:20px 15px;display:flex;width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-right .contact-list li{display:flex;justify-content:center;align-items:center;height:40px;width:40px}
.product-main .product-container .product-main .product-detail .product-top .product-right .contact-list li:hover{cursor:pointer;color:var(--color)}
.product-main .product-container .product-main .product-detail .product-top .product-right .contact-list li:hover i,.product-main .product-container .product-main .product-detail .product-top .product-right .contact-list li:hover em{color:var(--color)}
.product-main .product-container .product-main .product-detail .product-top .product-right .contact-list li i,.product-main .product-container .product-main .product-detail .product-top .product-right .contact-list li em{color:var(--introcolor);transform:scale(1.1)}
.product-main .product-container .product-main .product-detail .product-top .product-right .contact-list .contact-list-more{text-align:center;line-height:28px}
.product-main .product-container .product-main .product-detail .product-top .product-right .contact-list .contact-list-more span{font-size:var(--fontsize12);color:#FFFFFF;display:block;height:28px;width:28px;background:var(--color);border-radius:50%}
.product-main .product-container .product-main .product-detail .product-top .singglepic{display:flex;justify-content:center;align-items:center;overflow:hidden;width:500px;pointer-events:none}
.product-main .product-container .product-main .product-detail .product-detail-list{margin-top:20px}
.product-main .product-container .product-main .product-detail .product-detail-list li{width:100%}
.product-main .product-container .product-main .product-detail .product-detail-list .product-detail-title{padding:15px 0px}
.product-main .product-container .product-main .product-detail .product-detail-list .product-detail-title h5,
.product-main .product-container .product-main .product-detail .product-detail-list .product-detail-title .h5{display:inline;padding-bottom:3px;font-size:var(--fontsize18);font-weight:var(--fontbold5);border-bottom:2px solid var(--color)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-name{font-size:var(--fontsize16);color:var(--fontcolor)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-text{font-size:var(--fontsize14);color:var(--fontcolor)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list{padding:0px 10px;height:40px;width:100%;background:#F8F8F8;display:flex;justify-content:space-between;align-items:center}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list span:nth-child(1){color:var(--color)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list div{font-size:var(--fontsize16)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list div span{font-size:var(--fontsize16)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .table-responsive{touch-action:auto;width:100%;margin:10px 0px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .productsTags{margin:10px 0px;font-size:var(--fontsize16);line-height:1.7px}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .productsTags a{text-decoration:underline;text-transform:lowercase}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .productsTags a:hover{color:var(--color)}
.product-main .product-container .product-main .product-detail .product-detail-list .certificate{margin-top:50px}
.product-main .product-container .product-main .product-detail .product-detail-list .certificate .certificate-list{width:100%;height:300px;display:flex}
.product-main .product-container .product-main .product-detail .product-detail-list .certificate .certificate-list .certificate-item{transition:.3s all ease;margin-right:24px;height:100%;width:295px;transition:.5 all ease}
.product-main .product-container .product-main .product-detail .product-detail-list .certificate .certificate-list .certificate-item:hover{box-shadow:0 1px 0 1px rgba(0,0,0,.2)}
.product-main .product-container .product-main .product-detail .product-detail-list .certificate .certificate-list .certificate-item:hover p{color:var(--color)}
.product-main .product-container .product-main .product-detail .product-detail-list .certificate .certificate-list .certificate-item p{margin-top:5px;font-size:var(--fontsize12);text-align:center;color:#494949}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product{margin-top:10px}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list{width:100%}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list .pro-list-title{font-size:var(--fontsize18)}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul{margin-top:10px;padding:0px 20px;width:100%;display:flex;flex-wrap:wrap}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li{width:15.6%;margin:0.5%;box-sizing:border-box;transition:.5s all ease}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li:hover{cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li:hover p{color:var(--color)}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li p{margin-top:10px;text-align:center;color:var(--fontcolor);font-size:var(--fontsize12)}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li img{max-height:100%}
.product-main .product-container .product-main .product-detail .product-detail-list .send-inquiry{width:100%}
.product-main .product-container .product-main .product-detail .product-detail-list .send-inquiry .feedback-inquiry-title{display:inline;padding-bottom:3px;font-size:var(--fontsize18);font-weight:var(--fontbold5);border-bottom:2px solid var(--color);font-size:var(--fontsize18);line-height:50px}
.product-main .product-container .product-main .product-title{height:45px;line-height:45px;font-size:var(--fontsize20);border-left:4px solid var(--color);padding-left:20px;border-bottom:1px #e2e2e2 solid}
.product-main .product-container .product-main .product-typecontent{margin:10px auto}
.list-wrapper{padding-left:100px;height:100%;margin-right:380px;position:relative;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden}
.list-wrapper::-webkit-scrollbar{height:8px}
.list-wrapper::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(0,0,0,.1)}
.list-wrapper::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:rgba(0,0,0,.3)}
.list-wrapper .pre,.list-wrapper .next{display:block;position:absolute;top:0px;cursor:pointer;height:60px;color:var(--introcolor);font-size:32px;line-height:60px;width:32px}
.list-wrapper .next{right:0px;text-align:right;color:#FFFFFF}
.cart-list{padding:0px 32px}
.swiper-slide img{width:100%}
@media(min-width:1440px)and (max-width:1790px){
.product-main .product-container .product-main .product-detail-list .relates-product .pro-list ul li{margin-right:10px}}
@media(min-width:1260px)and (max-width:1440px){
.product-main .product-container{padding:40px 50px 0px}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-title{font-size:var(--fontsize18);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-info .product-content-text{width:300px}
.product-main .product-container .product-main .product-detail-list .relates-product .pro-list ul li{margin-right:30px}}
@media(min-width:1201px)and (max-width:1461px){
.product-main .product-container{padding:40px 30px 0px}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-title{font-size:var(--fontsize18)}}
@media(max-width:1700px){
.product-main .product-container .product-main .product-list-1 ul .list2{height:220px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{top:190px}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{transform:translateY(-190px)}}
@media(max-width:1440px){
.product-main .product-container .product-main .product-list-1 ul .list2{height:150px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{top:120px}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{transform:translateY(-120px)}
.list-wrapper{padding-left:10px}}
@media(max-width:1260px){
.product-main .product-container .product-main .product-list-1 ul .list2{height:180px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{top:150px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-img{width:100%}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{transform:translateY(-150px)}
.product-main .product-container .product-main .product-detail-list .relates-product .pro-list ul li{margin-right:40px}}
@media(max-width:1220px){
.product-main .product-container{padding:40px 50px 0px}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-title{font-size:var(--fontsize18);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}
@media(max-width:1200px){
.product-main .product-container{padding:40px 50px 0px}
.product-main .product-container .product-main .product-list-1 ul li{height:180px}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img{width:280px}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content{padding:16px}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-text{-webkit-line-clamp:2}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-img{width:100%}}
@media(max-width:1080px){
.product-main .product-container .product-main .product-list-1 ul .list2{height:150px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{top:120px}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{transform:translateY(-120px)}}
@media(max-width:1040px){
.product-main .product-container .product-main .product-list-1 ul li .product-item-img{width:200px;height:130px;margin-top:25px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-img{width:100%;height:100%;margin-top:0px}}
@media(max-width:1430px){
.product-main .product-container .product-main .product-detail .product-top{display:block;height:auto}
.product-main .product-container .product-main .product-detail .product-top .product-left{margin-left:100px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info{padding-left:100px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list{padding:0px 50px;height:auto;flex-wrap:nowrap;width:100%}}
@media(min-width:768px)and (max-width:961px){
.product-main .product-container .product-main .product-list-1 ul .list2{width:300px;height:180px;margin-right:30px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{top:150px}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{transform:translateY(-150px)}}
@media(max-width:961px){
.product-main .breadcrumbs-nav{margin-top:135px}
.product-main .product-container{padding-top:20px}
.product-main .product-container .product-left{display:none}
.product-main .product-banner{display:none}}
@media(max-width:769px){
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:1px}
.swiper-pagination-bullet{background:#FFFFFF}
.product-main .breadcrumbs-nav{margin-top:55px;padding:10px 15px;height:auto;flex-direction:column}
.product-main .breadcrumbs-nav .breadcrumbs-text{margin:0px;padding-top:5px;align-items:flex-start;flex-direction:row}
.product-main .product-container{padding:50px 15px 0px}
.product-main .product-container .product-main{padding-left:0px;padding-right:0px;width:100%;}
.product-main .product-container .product-main .product-list-1{padding-top:.3rem}
.product-main .product-container .product-main .product-list-1 ul li{display:block;margin:0.5%;width:48.9%;height:auto;background:none}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img{margin-top:0px;border:1px solid #EEEEEE;width:100%;height:auto;display:flex;justify-content:center;align-items:center}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img img{height:100%;width:100%}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content{position:relative;padding:.1rem}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-btn{display:none}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-title{text-align:center}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-title a span{font-size:var(--fontsize14)}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-title span:after{background:transparent}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-text{display:none}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .compare-action{margin-left:0px;position:absolute;top:30px;left:23%}
.product-main .product-container .product-main .product-list-1 ul li:hover{box-shadow:none;transform:none}
.product-main .product-container .product-main .product-list-1 ul .list2{overflow:visible;margin:0px 0px 30px 0px;width:100%;height:100%}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{top:4.2rem;background:transparent}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title a span{color:var(--fontcolor);font-size:var(--fontsize16)}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-text{display:none}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{cursor:pointer;box-shadow:none;transform:translateY(0)}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-img img{transform:scale(1)}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content .product-item-content-title{margin-top:-40px;margin-bottom:20px;line-height:50px;height:50px}
.product-main .product-container .product-main .product-pages{flex-wrap:wrap}
.product-main .product-container .product-main .product-pages span, .product-main .product-container .product-main .product-pages a{margin-bottom:10px}
.product-main .product-container .product-main .news-mobile-pages .news-pages-prev,.product-main .product-container .product-main .news-mobile-pages .news-pages-next{height:1.2rem;width:4.1333rem;box-sizing:border-box;border:1px solid #9a9a9a;display:flex;justify-content:center;align-items:center;z-index:14}
.product-main .product-container .product-main .news-mobile-pages .news-pages-prev i,.product-main .product-container .product-main .news-mobile-pages .news-pages-next i{font-size:.56rem;color:#9a9a9a}
.product-main .product-container .product-main .news-mobile-pages .news-pages-next{background:var(--color);border:none}
.product-main .product-container .product-main .news-mobile-pages .news-pages-next i{color:#FFFFFF}
.product-main .product-container .product-main .product-bottom-text{margin-bottom:.5rem}
.product-main .product-container .product-main .product-detail .product-top .product-mobile-swiper{position:relative;display:block;width:100%;height:auto}
.product-main .product-container .product-main .product-detail .product-top .product-mobile-swiper .banner-page{display:flex;justify-content:center;align-items:center;position:absolute;height:.5rem;width:1.2rem;border-radius:.25rem;background:rgba(0,0,0,.8);bottom:.1333rem;right:.3rem;z-index:99999}
.product-main .product-container .product-main .product-detail .product-top .product-mobile-swiper .banner-page span{color:#FFFFFF;font-size:var(--fontsize16)}
.product-main .product-container .product-main .product-detail .product-top .product-mobile-swiper .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:contain}
.product-main .product-container .product-main .product-detail .product-top .product-left,.product-main .product-container .product-main .product-detail .product-top .product-right{padding-left:0px;margin-left:0px}
.product-main .product-container .product-main .product-detail .product-top .product-left{display:block;margin-bottom:0px;width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img{display:none!important}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-mobile-swiper ul .angle{display:none}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list{height:auto;padding-left:0px;position:relative;top:0px;width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list .product-thumb-img{margin:0px;height:100vw}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-thumb-list .product-thumb-img video{width:100%;height:100%;object-fit:contain;background:#EEEEEE}
.product-main .product-container .product-main .product-detail .product-top .product-left .fa{display:none}
.product-main .product-container .product-main .product-detail .product-top .product-right{margin-top:.4rem}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content{height:auto}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info{height:auto;padding-left:0px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-name{font-size:var(--fontsize24)}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-text{font-size:var(--fontsize14);color:var(--introcolor);height:auto}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info .product-content-view{margin-top:0px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list{padding:0px;margin-top:.4rem;width:100%;margin-left:0px;flex-direction:column}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3{width:100%;color:#FFFFFF;background:var(--color);margin-bottom:.2667rem;border-radius:0}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn:nth-of-type(2),.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3:nth-of-type(2){background:#333333}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn:nth-of-type(2) a span,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3:nth-of-type(2) a span{color:#FFF !important}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn:nth-of-type(3),.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3:nth-of-type(3){background:#FFFFFF;border:#E5E5E5 solid 1px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn:nth-of-type(3) a span,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3:nth-of-type(3) a span{color:#000 !important}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a{border:0;display:inline;color:#FFFFFF;display:flex;justify-content:center;width:100%}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a i,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a i{color:#FFFFFF}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:after,.sendtoinquiry::after,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a:after{display:none}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .btn a:hover:after,.sendtoinquiry:hover::after,.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list .pdown3 a:hover:after{display:none}
.product-main .product-container .product-main .product-detail .product-top .product-right .addthis_inline_share_toolbox{margin-left:0px;margin-top:.6rem}
.product-main .product-container .product-main .product-detail .product-top .product-right .contact-list{display:none}
.product-main .product-container .product-main .product-detail .product-top .singglepic{pointer-events:none;width:10rem;position:relative;left:-0.56rem;top:-0.01rem;height:auto !important}
.product-main .product-container .product-main .product-detail .product-top .singglepic img{width:100%;max-width:initial;max-height:initial}
.product-main .product-container .product-main .product-detail .product-detail-list{margin:0px}
.product-main .product-container .product-main .product-detail .product-detail-list .product-detail-title{margin-top:.2rem;margin-bottom:.2667rem}
.product-main .product-container .product-main .product-detail .product-detail-list .product-detail-title h5,
.product-main .product-container .product-main .product-detail .product-detail-list .product-detail-title .h5{font-size:var(--fontsize16);font-weight:var(--fontbold5);color:var(--fontcolor)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript{height:auto}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content p{height:auto}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-name{font-size:var(--fontsize14);font-weight:var(--fontbold5);color:var(--introcolor)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-text{font-size:var(--fontsize14);color:var(--fontcolor);line-height:.7rem}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .tag-info{font-size:var(--fontsize14);font-weight:var(--fontbold5);color:var(--fontcolor);line-height:.7rem;margin-bottom:.2667rem}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list{padding:0px;height:auto;flex-direction:column;background:#FFFFFF}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list div{display:flex;align-items:center;height:.6667rem;font-size:var(--fontsize14);font-weight:var(--fontbold5);width:100%;height:.6667rem;margin-bottom:.1333rem;background:#F8F8F8}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list div span{font-size:var(--fontsize14)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list span{margin-right:.1333rem;color:var(--color)}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .pages-list a{font-size:var(--fontsize14);font-weight:var(--fontbold5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.product-main .product-container .product-main .product-detail .product-detail-list .certificate{margin-top:0px;height:auto}
.product-main .product-container .product-main .product-detail .product-detail-list .certificate .certificate-list{justify-content:space-between;height:auto}
.product-main .product-container .product-main .product-detail .product-detail-list .certificate .certificate-list .certificate-item{width:3.9467rem;margin-right:0px}
.product-main .product-container .product-main .product-detail .product-detail-list .certificate .certificate-list .certificate-item p{text-align:left;margin-top:.0667rem;font-size:var(--fontsize14);font-weight:var(--fontbold3);color:var(--fontcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product{margin-top:0px}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul{margin-top:.1333rem;padding:0px;justify-content:space-between}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li{height:auto;width:4rem;margin-bottom:.2rem;margin-right:0px}
.product-main .product-container .product-main .product-detail .product-detail-list .relates-product .pro-list ul li p{margin:.1333rem;font-size:var(--fontsize14);line-height:.4rem}
.product-main .product-container .product-main .product-detail .product-detail-list .send-inquiry{height:auto}
.product-main .product-container .product-main .product-detail .product-detail-list .send-inquiry .feedback-inquiry-title{font-size:var(--fontsize16);font-weight:var(--fontbold5);color:var(--fontcolor)}
.product-main .product-container .product-main .product-title{margin:.3rem 0;font-size:.45rem}}
@media(min-width:2000px){
.about-banner img{width:100%}
.product-banner img{width:100%}
.knowledges-banner img{width:100%}
.abouts-banner img{width:100%}
header .header-info,.index-main .advantage-container .advantage-wrap,footer .search-container,.index-main .news-container,.product-main .breadcrumbs-nav,.news-main .breadcrumbs-nav,.abouts-main .breadcrumbs-nav,.knowledges-main .breadcrumbs-nav,.index-main .newproducts-container .newproducts-list,header .header-nav{padding:0px 185px}
footer .contact-container{padding:40px 185px}
.abouts-main .abouts-container,.news-main .news-container,.knowledges-main .knowledges-container,.product-main .product-container{padding:40px 185px 0px}}
.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-text,.product-main .product-container .product-main .product-detail .product-detail-list .descript .product-detail-content .product-text a{font-size:var(--fontsize16);line-height:1.7}
.video-line{height:100px;background:#FBFBFB;margin-bottom:20px;transition:0.4s box-shadow ease}
.video-line:hover{box-shadow:0 5px 10px rgba(0,0,0,.2)}
.video-line a{padding:5px;width:100%;height:100%;display:flex}
.video-img{width:90px;height:90px;display:flex;justify-content:flex-start;align-items:center}
.video-img img{max-height:100%;max-width:100%;display:block}
.video-item-top{margin-left:50px}
.video-item-date{font-size:var(--fontsize14)}
.video-item-content{-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:300px}
@media (max-width:768px){footer .contact-container{height:auto}
.abouts-main .abouts-container .abouts-main h3{font-size:var(--fontsize14)}
.video-item-top{margin-left:20px;display:flex;flex-direction:column}}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img .img-wrap .img-zoom{position:absolute;width:150%;height:auto;left:0px;right:0px}
.product-main .product-container .product-main .product-detail .product-top .product-left .product-img{text-align:center}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content .product-item-content-title{line-height:1.4}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img a{text-align:center;display:block;width:100%;height:100%}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title a span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content .product-item-content-title{margin-top:20px}
@media (min-width:1201px) and (max-width:1461px){
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-text a{-webkit-line-clamp:3}}
.project-list li{display:flex;background:#FBFBFB;padding:10px;margin-bottom:20px}
.project-info{margin-left:30px;width:auto}
.project-content{font-size:var(--fontsize14);color:var(--introcolor);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.download-list{width:100%}
.download-list li{width:100%;height:105px;display:flex;align-items:center;background-color:#EEEEEE;margin-bottom:30px}
.download-img{height:100%;width:228px;display:flex;align-items:center}
.download-img img{display:block;max-height:100%}
.download-name{max-width:500px;width:100%;font-size:var(--fontsize18);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.download-info{align-items:center;color:var(--fontcolor);margin-left:30px}
.download-info img{margin:0px 20px}
.download-btn{margin-left:auto;margin-right:30px;width:154px;height:40px;background-color:var(--color);color: #FFFFFF!important;display:flex;justify-content:center;align-items:center}
.download-btn i{transform:scale(1.1);margin-right:20px}
.project-info a{display:block;flex-direction:column;width:100%;height:100%;display:flex;justify-content:space-evenly}
.product-pages{display:flex;justify-content:center;align-items:center;margin-bottom:50px;width:100%;height:60px;font-size:var(--fontsize16)}
.product-pages span{opacity:.4}
.product-pages a:hover{background:var(--color);color:#FFFFFF}
.product-pages a,.product-pages span{margin:0px 5px;padding:10px 15px;height:35px;font-size:var(--fontsize16);transition:all ease .3s;box-sizing:border-box;border:1px solid #EEEEEE;display:flex;justify-content:center;align-items:center}
.product-pages span.ctxt{background:var(--color);color:#FFFFFF;opacity:1}
.news-mobile-pages{display:none}
.videos-main video{margin:20px 0px;width:70%}
.videos-main article{font-size:var(--fontsize16);color:var(--fontcolor)}
.video-list{width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap}
.video-list li{transition:.3s ease box-shadow,.3s ease transform;width:calc(30% - 30px);margin-right:30px;margin-bottom:40px}
.video-list li:nth-of-type(3n){margin-right:0px}
.video-list li:hover{box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transform:translateY(2px)}
.video-list .video-img{width:100%;height:auto}
.video-list .video-img a{width:100%;height:100%}
.video-list .video-img img{width:100%}
.video-in,.video-name{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.video-info{padding:0px 10px 10px;box-sizing:border-box}
.video-name{font-size:var(--fontsize18);font-weight:var(--fontbold5);color:var(--fontcolor);line-height:40px}
.video-in{font-size:var(--fontsize14);color:var(--introcolor)}
.video-title{font-size:var(--fontsize24);color:var(--fontcolor)}
.abouts-main video{width:60%}
@media screen and (max-width:769px){
.videos-main .download-list li{flex-direction:column;align-items:flex-start;height:auto;padding:.4rem}
.videos-main .download-list .download-img{display:none}
.videos-main .download-list .download-info{margin-left:0px}
.videos-main .download-list .download-info img{margin:0px 5px}
.videos-main .download-list .download-name{max-width:7.5rem}
.videos-main .download-list .download-in{font-size:var(--fontsize14);margin:0px}
.videos-main .download-list .download-btn{font-size:var(--fontsize14);margin:0px}
.video-title{font-size:var(--fontsize20)}
.abouts-main video{width:100%;height:auto}}
@media screen and (max-width:769px){
.video-list{padding:0px 10px;justify-content:space-between}
.video-list li{width:47%}
.download-list li{flex-wrap:wrap;position:relative}
.download-img{width:47%}
.download-info{position:absolute;top:20px;width:47%}
.download-btn{position:absolute;bottom:10px;right:10px;padding:10px;width:unset;height:unset;font-size:var(--fontsize14)}}
.faq-list li{background:url(../images/faq.webp) no-repeat;background-size:35px 35px;background-position:0px 20px}
header .header-nav .header-nav-list ul li .submenu{flex-direction:column}
.no-pic{background:url(../images/player.webp) no-repeat;background-size:120px;background-position:50% 50%}
@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)}
#relatedprod{width:100%;height:auto;margin-bottom:15px;display:block}
#relatedprod .pro-list-title{font-size:var(--fontsize18)}
#relatedprod .product-detail-title h5,.feedback-inquiry-title{display:inline-block;padding-bottom:3px;font-size:var(--fontsize18);font-weight:var(--fontbold5);border-bottom:2px solid var(--color)}
#relatedprod ul{margin-top:10px;width:100%;display:flex;flex-wrap:wrap;height:auto;justify-content:flex-start}
#relatedprod ul li{margin:0.5%;width:15.6%;box-sizing:border-box;transition:.5s all ease;height:auto}
#relatedprod ul li:hover{cursor:pointer;box-shadow:0px 5px 10px rgba(0,0,0,.1);background:none}
#relatedprod ul li:hover p{color:var(--color)}
#relatedprod ul li p{margin-top:10px;text-align:center;color:var(--fontcolor);font-size:var(--fontsize12)}
#relatedprod ul li img{max-height:100%;border:solid 1px #CCCCCC}
@media screen and (max-width:769px){#relatedprod ul{margin-top:.1333rem;padding:0px;justify-content:space-between}
#relatedprod ul li{margin:10px 0px 0px 0px;height:auto;width:4.2rem}
#relatedprod ul li p{margin:.1333rem;font-size:var(--fontsize14);line-height:.4rem}}
#toast-container{font-size:var(--fontsize16)}
.ie .index-main .advantage-container .advantage-wrap .advantage-item .advantage-item-content{height:80px}
.ie .index-main .newproducts-container .newproducts-list .newproducts-list-item .newproducts-list-item-content{left:0px}
.ie .index-main .statistics-container .statistics-wrap .statistics-list{justify-content:space-around}
.ie .product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{left:0px}
.ie .news-main .news-container .news-main ul li .news-item-content .news-item-title{overflow:hidden;white-space:nowrap}
.ie .news-main .news-container .news-left .news-left-ab ul li .news-left-item-img{display:block}
.ie .news-main .news-container .news-left .news-left-ab ul li .news-left-item-info p:nth-of-type(1){height:35px;overflow:hidden}
.ie .product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-text{height:60px}
.ie .compare-action .compare-action-check+label{top:12px}
.ie .product-main .product-container .product-main .product-list-1 ul li .product-item-img{display:block}
.ie .item-img{display:block}
@media (min-width:768px) and (max-width:1025px){header .header-nav{height:80px!important}
header .header-nav .header-nav-list{top:80px}
.index-main .advantage-container .advantage-wrap{padding:0px 50px;height:auto}
.index-main .newproducts-container .newproducts-list,.index-main .news-container{padding:0px 50px}
.index-main .news-container .news-list .news-item{width:30%;height:auto}
footer .contact-container .contact-us ul li a,footer .mobile-bottom .mobile-bottom-item,footer .search-container .search-input .search-btn{font-size:var(--fontsize18)}
footer .search-container{height:80px}
footer .search-container .search-input .search-btn,footer .search-container .search-input input{height:80%}
footer .contact-container .contact-list-mobile li{width:50px;height:50px}
footer .contact-container .contact-list-mobile li img{width:35px;height:35px}
header .header-nav .nav-btn span{width:50px}
.product-main .product-container .product-main .product-detail .product-top{display:flex;flex-direction:column}
.product-main .product-banner img{height:auto}}
@media (min-width:1201px) and (max-width:1440px){
.news-main .news-container .news-main ul li{width:30%;height:auto;padding-bottom:30px}}
@media (max-width:1400px){
.product-main .product-container .product-main .product-detail .product-top{display:flex}
.product-main .product-container .product-main .product-detail .product-top .product-left{margin:0px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .product-info{padding-left:0px}
.product-main .product-container .product-main .product-detail .product-top .product-right .product-content .btn-list{padding:0px;margin:0px}
.btn{padding:0px}}
@media (max-width:768px){
.product-main .product-container .product-main .product-detail .product-top{display:block}
.product-main .product-container .product-main .product-list-1 ul li .product-item-img{max-width:none}
.news-main .news-container .news-detail-main .news-detail-top,.knowledges-main .knowledges-container .knowledges-detail-main .knowledges-detail-top{align-items:flex-start}}
.mobile-bottom-item a{text-transform:capitalize}
footer .bottom-container a{color:#CCCCCC;margin-left:10px}
.compare-action .compare-action-check+label i{display:none}
.product-main .product-container .product-main .product-list-1 ul .list2 .compare-action{position:absolute;top:10px;right:10px;height:auto;margin:0px}
.product-main .product-container .product-main .product-list-1 ul .list2 .compare-action span{display:none}
.product-main .product-container .product-main .product-list-1 ul .list2 .compare-action .compare-action-check+label{position:static;cursor:pointer;width:26px;height:26px;border:none;position:static;margin:0px;background:#FFFFFF;border-radius:50%;text-align:center;line-height:26px;opacity:0;font-size:var(--fontsize16)}
.product-main .product-container .product-main .product-list-1 ul .list2 .compare-action .compare-action-check+label i{display:inline-block}
.product-main .product-container .product-main .product-list-1 ul .list2 .compare-action .compare-action-check:checked+label::before{display:none}
.product-main .product-container .product-main .product-list-1 ul .list2 .compare-action .compare-action-check:checked+label{background:var(--color);color:#FFFFFF;opacity:1}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-price{text-align:center;color:#FFFFFF}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .compare-action .compare-action-check+label{opacity:1}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{justify-content:flex-start}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{justify-content:center}
.product-main .product-container .product-main .product-list-1 ul .list2 .compare-action input{opacity:0}
.addToCart{display:flex;text-align:center;justify-content:center;align-items:center;cursor:pointer;color:var(--fontcolor);border:1px solid #E5E5E5;width:200px;height:50px;line-height:50px;transition:.3s all ease-out;display:inline-block;overflow:hidden;position:relative;z-index:9;margin:6px 12px}
.addToCart::after{content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;background:var(--color)}
.addToCart:hover::after{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.addToCart span{display:inline-block;font-size:var(--fontsize14);color:var(--fontcolor);position:relative;z-index:14}
@media(max-width:768px){
.product-main .product-container .product-main .product-list-1 ul li .product-item-content{height:auto}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .btn-container{position:relative}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .compare-action{position:relative;top:0px;left:0px;margin:0px auto}
.product-main .product-container .product-main .product-list-1 ul .list2 .compare-action .compare-action-check+label{opacity:1}
.product-price{text-align:center;font-size:var(--fontsize16)}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-price{color:var(--fontcolor)}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{position:static;padding-bottom:0px;transform:translateY(0)}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title{height:auto;margin-bottom:0px}
.addToCart{width:100%;background:var(--color);margin-bottom:.2667rem;border-radius:0}
.addToCart span{color:#FFFFFF}
.addToCart::after{display:none}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content .product-item-content-title{margin-top:0px;margin-bottom:10px;height:auto;line-height:30px}}
.addToCart:hover span{color:#FFFFFF}
.pdown1,.pdown2,.pdown3{padding:6px 12px}
@media(max-width:960px){header .header-nav .header-nav-list{position:fixed;bottom:0px;background:var(--color)}
header .header-nav .header-nav-list ul{height:auto}
header .header-nav .header-nav-list ul::after{display:none}}
@media(max-width:768px){footer .mobile-bottom{height:auto;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
footer .bottom-container{margin-bottom:calc(55px + constant(safe-area-inset-bottom));margin-bottom:calc(55px + env(safe-area-inset-bottom))}}
@media(max-width:768px){
iframe,video{max-width:100%;min-height:240px;height:auto}}
#jljw_IM_GdImBox{z-index:900!important}
#jljw_IM_GdImBox .gimicf{font-size:var(--fontsize14)}
.compare-panel.is-bottom{bottom:calc(55px + constant(safe-area-inset-bottom));bottom:calc(55px + env(safe-area-inset-bottom))}
.app{font-size:var(--fontsize16)}
.app p{font-size:1em}
.app h4{font-size:1.5em}
.app h5{font-size:1em;margin:1em 0em 0em}
.app .app-list{display:-ms-flexbox;display:flex}
.app .app-list .list-item{-ms-flex:1;flex:1}
.app .app-list .list-item h4{margin-bottom:1em}
.app .app-list li{padding:10px 0px 10px 35px;background:url(../images/about_li.webp) no-repeat;background-position:2px}
.app .app-box{display:-ms-flexbox;display:flex}
.app .box-l{-ms-flex:3.5;flex:3.5}
.app .box-l img{width:100%}
.app .box-r{-ms-flex:6.5;flex:6.5}
.app .box-r{padding-left:40px}
.support .support-item{display:-ms-flexbox;display:flex}
.support .support-item>div{-ms-flex:1;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:.5em}
.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;height:2px;width:50px;background-color:var(--color)}
.solution .icon-list{display:-ms-flexbox;display:flex;position:relative}
.solution .icon-list>div{-ms-flex:1;flex:1}
.solution .icon{width:90px;height:90px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.solution .sol-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#FFFFFF;-ms-flex-align:center;align-items:center;position:relative;margin:0px 6%}
.solution .sol-icon:after{content:'01';font-size:90px;font-weight:var(--fontbold5);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(../images/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:-ms-flexbox;display:flex;-ms-flex-pack:center;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:40px}
.solution .sol-box{display:-ms-flexbox;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:86px;height:86px;border-radius:50%;background-color:#B0ACAC;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align: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:-ms-flexbox;display:flex;margin-bottom:20px}
.solution .sol-box .con-top p{margin-left:30px;margin-top:10px;font-size:var(--fontsize24);line-height:1.3em}
.applic-list ul{display:flex;flex-wrap:wrap;margin:0px -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(--fontbold5);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);line-height:1.2em}
.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);font-weight:var(--fontbold5);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 .dh-con h4{text-align:center}
.ck-add p{margin-bottom:20px;line-height:1.7em;color:var(--fontcolor)}
.ck-add h4{font-size:var(--fontsize22);color:var(--fontcolor)}
.ck-add ul{padding-left:20px}
.ck-add ul li{position:relative;color:#6E6E6E;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:0px -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-weight:var(--fontbold5)}
.ck-add .ho .ho-con{margin-top:30px}
.ck-add .ca-img img{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{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 img{margin-top:0px !important}
.ck-add .pe ul li{list-style:none}
.ck-add .pe ul{padding-left:0px}
@media screen and (max-width:768px){
.applic-list ul li{width:50%;padding:0px 8px 0px 0px}
.applic-list ul li:nth-child(2n){width:50%;padding:0px 0px 0px 8px}
.applic-list .applic-name{font-size:var(--fontsize16)}
.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 (max-width:768px){
.ck-add{padding:4vw}}
@media screen and (max-width:768px){
.app,.case,.solution,.support{padding:10px}
.applic-list{padding:0px 10px}
.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:0px 2vw}
.case ul{margin:0px -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:65px;height:65px}
.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 screen and (max-width:768px){
.app,.case,.ck-add,.solution,.support{padding:0px}}
@media (max-width:769px){
.abouts-main .abouts-container .abouts-main .abouts-main-who{padding:0px}
.abouts-main .abouts-container .abouts-main{padding:15px}
.ck-add .ch-con{padding:10px 0px}
.ck-add ul{padding-left:0px}
.ck-add .rf .rf-con img{margin-bottom:10px;margin-right:0px}
.ck-add .ho .l .ho-right,.ck-add .ho .r .ho-left{padding:10px 0px}
.ck-add .ce-list>div{width:50%}
.ck-add .ti .ti-tit{padding:10px 0px}}
.ck-add .pe .pe-con .pe-img{margin-bottom:10px}
.addToCart.is-active{color:#FFFFFF;background:var(--color)}
.addToCart.is-active span{color:#FFFFFF}
.wmkc-add p{font-size:var(--fontsize18);margin-bottom:30px}
.wmkc-add-img{display:flex;align-items:center;justify-content:center;justify-content:space-between;flex-wrap:wrap}
.wmkc-add-ig{width:24%}
.wmkc-add-img img{border:2px solid #3a0101;margin-bottom:20px;width:100%;height:100%}
.wmkc-app-size{display:flex;flex-wrap:wrap;align-items:center}
.wmkc-add-p{font-size:var(--fontsize16);margin-bottom:10px}
.wmkc-app-foot{white-space:nowrap;font-size:var(--fontsize22);font-weight:var(--fontbold5);color:var(--fontcolor);padding:20px;text-align:center}
.wmkc-app-p{flex:1}
.wmkc-app-size img{width:100%;margin-top:25px;margin-bottom:25px}
.wmkc-app-img{margin-top:25px;margin-bottom:25px}
.wmkc-app p{font-size:var(--fontsize16);margin-bottom:10px}
.wmkc-aoo-size p{font-size:var(--fontsize16);margin-bottom:10px}
.wmkc-aoo-content{margin-left:20px}
.wmkc-arr img{max-width:100%;margin-bottom:50px}
.wmkc-size h5{font-size:var(--fontsize18);font-weight:var(--fontbold5);margin:10px 0px}
.wmkc-size p{margin-bottom:10px;color:var(--fontcolor)}
.wmkc-agg-table h4{font-size:var(--fontsize22);color:var(--fontcolor);text-align:center;display:block}
.wmkc-agg-table p{text-align:center}
.wmkc-agg-all{display:flex;justify-content:center;align-items:center;justify-content:space-between;flex-wrap:wrap}
.wmkc-agg-box{width:30%;margin-bottom:20px}
.abouts-main .abouts-container .abouts-main .wmkc-agg-item-tit{text-align:center;font-size:var(--fontsize20);margin-bottom:0px;margin-top:25px;font-weight:var(--fontbold5);color:var(--fontcolor);display:block}
.wmkc-agg-box p{text-align:center;margin-bottom:20px}
.wmkc-agg-box,.wmkc-agg-box img{border-radius:10px}
.wmkc-agg-box:hover{box-shadow:#e3e3e4 5px 5px 10px 5px}
.wmkc-agg p{margin-bottom:10px}
.wmkc-aoo-bbc{display:flex}
.wmkc-aoo-span{display:block;width:55px;height:40px;border:2px solid #DDDDDD;text-align:center;line-height:40px;font-size:var(--fontsize16);margin:auto}
.wmkc-aoo-circle{width:2px;background-color:#EEEEEE;height:auto;margin-left:25px;margin-right:25px;position:relative}
.wmkc-aoo-cle{width:15px;height:15px;border-radius:30px;background-color:#FF0000;position:absolute;text-align:center;left:-6px;top:50%;margin-top:-8px}
.wmkc-aoo-sizep p:nth-child(1){margin-bottom:0px;font-weight:var(--fontbold5);color:var(--fontcolor)}
.wmkc-aoo-sizep{flex:1}
@media (max-width:320px){
.wmkc-add-img img{max-width:235px}
.wmkc-add-img{justify-content:space-around}
.wmkc-agg-all,.wmkc-app-size{flex-direction:column}
.wmkc-agg-box{width:100%}
.wmkc-aoo-p{margin-bottom:232px}
.wmkc-aoo-tool{height:272px}
.wmkc-aoo-content{margin-top:10px}
.wmkc-app-foot{margin-top:0px;padding:10px 0px}
.wmkc-aoo-p{width:10%;margin-top:0px;border:0px}
.wmkc-add-ig{width:48%}}
@media (min-width:321px) and (max-width:768px){
.wmkc-app-p p{font-size:var(--fontsize18)}
.wmkc-add-img img{width:100%}
.wmkc-add-img{justify-content:space-around}
.wmkc-agg-all,.wmkc-app-size{flex-direction:column}
.wmkc-agg-box{width:100%}
.wmkc-agg-box img{width:100%}
.wmkc-app-size{flex-direction:column}
.wmkc-app-foot{margin-top:-20px;font-size:var(--fontsize20)}
.wmkc-add-ig{width:48%}
.abouts-main .abouts-container .abouts-main .wmkc-agg-item-tit{font-size:var(--fontsize16)}}
footer .contact-container .contact-qr-code img{height:auto}
#banner-pc img{height:auto}
.breadcrumbs-text{margin-top:0px !important;margin-bottom:0px!important}
@media(max-width:769px){
.product-main .mobcate-main{flex-wrap:wrap;padding-top:0px}
.innerdetail .breadcrumbs-nav{display:none}
.product-main .mobcate-main .product-left{display:block;margin:10px auto;width:100%}
.mobcate-main .product-lastest-products,.mobcate-main .product-left-cu,.mobcate-main .product-notice{display:none}
.product-main .mobcate-main .product-left .product-left-title{justify-content:flex-start;color:var(--fontcolor);padding:10px 0px;cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat !important;border-bottom:1px solid #CCCCCC}
.product-main .mobcate-main .product-left .product-left-title+ul{position:absolute;top:100%;left:0px;right:0px;padding:0px 10px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1{padding-left:0px}
.product-main .product-container .product-left .product-left-ab ul>li{position:relative;padding:0px 20px 0px 0px}}
@media(min-width:769px){
.news-main .news-container .news-main ul li div.news-item-content{min-height:170px;height:auto}
.product-main .product-container .product-main .product-list-1 ul li .product-item-content .product-item-content-text{-webkit-line-clamp:initial}}
.product-price{font-size:var(--fontsize16)}
#banner-pc .swiper-slide a{display:block}
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:175%}
.lang{width:auto;position:relative}
.lang-icon{display:flex;align-items:center;width:100%;height:24px;border:none;cursor:pointer;font-size:var(--fontsize14);user-select:none;white-space:nowrap}
.lang-icon img{margin-right:5px}
.lang-icon span{position:relative;padding-right:18px;font-size:var(--fontsize14);color:var(--headercolor)}
.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 rgb(0 0 0 / 10%);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.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-drop.lang-flex{transform:translateX(20%)}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-flex .lang-wrap{width:340px;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;color:#000000 !important;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:768px){
.lang{margin-left:auto;margin-right:30px}
.lang-icon span{display:none}
.lang-icon img{width:36px;height:24px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
.product-main .product-container .product-main .product-list-1 .pro-list-0 li .product-item-img{width:350px}
@media(max-width:1280px){
.product-main .product-container .product-main .product-list-1 .pro-list-0 li .product-item-img{width:300px}}
@media(max-width:768px){
.product-main .product-container .product-main .product-list-1 .pro-list-0 li .product-item-img{width:100%}}
.prohome-content{clear:both;margin:0px 125px 30px;line-height:1.6;box-sizing:border-box}
.prolist-content{margin:0px 0px 20px 0px}
.prolist-bottom{clear:both;margin:0px 125px 30px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
@media(min-width:2000px){.prohome-content,.prolist-bottom{margin:0px 185px 50px}}
@media(max-width:1220px){.prohome-content,.prolist-bottom{margin:0px 50px 50px}}
@media(max-width:1200px){.prohome-content,.prolist-bottom{margin:0px 50px 50px}}
@media(max-width:769px){.prohome-content,.prolist-bottom{margin:0px 15px 50px}}
@media(max-width:768px){.prohome-content{clear:both;line-height:1.6;font-size:var(--fontsize16);box-sizing:border-box}
.prolist-content{clear:both;line-height:1.6;margin:0px 0px 10px;font-size:var(--fontsize16)}
.prolist-bottom{clear:both;line-height:1.6;font-size:var(--fontsize16);box-sizing:border-box}}
footer .contact-container .contact-list-mobile ul, footer .contact-container .contact-logo-btns .contact-list ul{display:flex}
@media(max-width:768px){
footer .contact-container .contact-us .contact-list ul{margin-top:15px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start}
footer .contact-container .contact-us .contact-list ul li{height:32px;width:32px;margin-right:10px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:.5s all ease}}
.wmkcfeedback .wmkcfb-company{background:url(../images/company.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-name{background:url(../images/user.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-title{width:100%;background:url(../images/title.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-phone{background:url(../images/phone.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-email{background:url(../images/email.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.wmkcfeedback .wmkcfb-content{background:url(../images/pencil.webp) no-repeat;background-size:15px 15px;background-position:right 10px top 10px}
.mediaplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;width:50px!important;height:50px!important;cursor:pointer;display:none}
.product-main .product-container .product-main .product-detail .product-top .swiper-pagination{display:none}
#filterlist .filterlist-ul{display:block;box-shadow:none;position:static}
#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}
@media(max-width:768px){
#filterlist .product-left-title{background:none !important}}
.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;min-height:160px}
.pagesbanner .pagesbanner-animate{width:100%;padding:0px 20px;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#a94442;text-align:center;margin-top:20px;opacity:0;animation:pagesbanner 1s .5s forwards}
.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)}}
@media(min-width:769px){
.sendtoinquiry{border:1px solid #e5e5e5;width:200px;line-height:50px;margin-left:10px!important;position:relative}
.sendtoinquiry span{z-index:2}
.sendtoinquiry:hover span{color:#FFFFFF}}

/*分页*/
.mypages{clear:both;margin:20px 0px 20px 0px;text-align: center;height:40px;line-height:40px;}
.mypages ul{display:inline-block;margin:0 auto;}
.mypages li{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}
.page-num{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;border-radius: 5px;margin: 0 3px;float:left;background-color:#FFF;cursor:pointer;}
.page-num-current,.page-num-current a,.page-num-current a:hover{color: #fff!important;background-color:#0089ce;}

/*  英文版在线客服  */
#wmkc {position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:9999}
#wmkc * {box-sizing:border-box;font-size:12px;line-height:1.1}
.wmkc-list {padding:0;border:1px solid #EEE;background-color:#FFF;max-width:78px;border-radius:4px;margin:0}
.wmkc-icon {display:inline-block;background:url(../images/wmkc-ico23.png)no-repeat;width:28px;height:28px;transform:scale(.8)}
.wmkc-list>li {width:100%;border-top:1px solid #EEE;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out}
.wmkc-list>li>a>p {margin:0;transform:scale(.9);text-transform:capitalize}
.wmkc-list>li a {color:#555;text-decoration:none;display:block;padding:0 2px}
.wmkc-wechat-img {position:absolute;right:calc(100% - 1px);bottom:0;width:120px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom}
.wmkc-wechat-img img {display:block;max-width:100%;max-height:100%}
.wmkc-wechat-img p {margin:4px 0 0;transform:scale(.9);word-break:break-all}
.wmkc-wechat-img em {display:inline-block;width:16px;height:16px;background:url(../images/wmkc-ico23.png)-76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px}
.wmkc-list>li:hover .wmkc-wechat-img {transition:transform .4s;transform:scale(1)}
.wmkc-list>li:hover,.wmkc-list>li:hover+li {border-color:transparent} 
.wmkc-email .wmkc-icon {background-position:-8px -6px}
.wmkc-whatsapp .wmkc-icon {background-position:-52px -50px}
.wmkc-skype .wmkc-icon {background-position:-52px -6px}
.wmkc-wechat .wmkc-icon {background-position:-144px -10px}
.wmkc-list li:hover a {color:#FFF} .wmkc-email:hover {background-color:#f90}
.wmkc-whatsapp:hover {background-color:#2cb740}
.wmkc-skype:hover {background-color:#0091df}
.wmkc-wechat:hover {background-color:#51c332}
.wmkc-email:hover .wmkc-icon {background-position:-96px -6px}
.wmkc-whatsapp:hover .wmkc-icon {background-position:-52px -94px}
.wmkc-skype:hover .wmkc-icon {background-position:-96px -50px}
.wmkc-wechat:hover .wmkc-icon {background-position:-144px -62px}
.wmkc-list>li:first-child {border-radius:4px 4px 0 0;border:0}
.wmkc-list>li:last-child {border-radius:0 0 4px 4px}
@media (max-width:768px) {#wmkc {display:none}}