@charset "utf-8";
@import url(language.css);
:root{--color:#f36420;--fontcolor:#111111;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,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{overflow-x:hidden}
body{margin:0px auto;padding:0px;font-size:14px;line-height:1.6;color:var(--fontcolor);font-family:Microsoft Yahei, Tahoma, Arial, Helvetica, sans-serif}
h1,h2,h3,h4,h5,h6{font-size:20px;font-weight:600}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
a{color:var(--fontcolor);text-decoration:none}
a:focus,a:hover{text-decoration:none;color:var(--color)}
em,i{font-style:normal}
img{border:0px;max-width:100%;height:auto;vertical-align:middle}
ol,ul,li{list-style:none}
button,input,select,textarea{outline:0}
button{cursor:pointer}
table{border-collapse:collapse}
.clearfix:after{content:"";display:block;clear:both}
.fl{float:left}
.fr{float:right}
.jc-sb{justify-content:space-between}
.flex{display:flex}
.ai-c{align-items:center}
.container{max-width:1380px;margin:0px auto;padding:0px 30px}
.slider-wrap{width:100%;position:relative;overflow:hidden}
.slider-wrap ul.slider,.slider-wrap ul.slider li{display:flex;align-items:center}
.slider-wrap ul.slider li img{width:100%}
.slider-wrap .btns{border-radius:50%;position:absolute;color:#FFFFFF;width:68px;height:68px;top:50%;margin-top:-34px;cursor:pointer;background:rgba(0,0,0,.3);z-index:100;user-select:none;transition:all .3s;font-size:45px;display:flex;align-items:center;justify-content:center}
.slider-wrap .btns:hover{background-color:rgba(0,0,0,.45)}
.slider-wrap .next{right:-50px}
.slider-wrap .previous{left:-50px}
.slider-wrap:hover .next{right:30px}
.slider-wrap:hover .previous{left:30px}
.pagination-wrap{position:absolute;left:50%;bottom:30px;transform:translateX(-50%)}
.pagination-wrap ul li{margin:0px 5px;display:inline-block;width:70px;height:5px;background:rgba(255,255,255,.4);cursor:pointer}
.pagination-wrap ul li.active{background-color:#FFFFFF}
.pagination-wrap ul li,.slider-wrap ul{transition:all 1.2s cubic-bezier(.4,0,.2,1)}
header .row-1{background:#333333;color:#999999;padding:10px 0px;padding-right:260px;}
header .row-1 .container{display:flex;font-size:14px}
header .row-1 .rt{margin-left:auto;display:flex}
header .lan{position:relative;margin-left:15px;padding:0px 15px}
header .lan ul{position:absolute;top:100%;background:#3b3b3b;width:100%;left:0px;padding:10px 15px 0px 15px;box-sizing:border-box;display:none;z-index:100}
header .lan a{color:#555555;display:flex;justify-content:center;align-items:center}
header .lan:hover ul{display:block}
header .lan ul a{padding:5px 0px}
header .lan a:hover{color:#FFFFFF}
header .lan a span{margin-right:9px;margin-left:9px}
header .row-2{position:relative}
header .row-2 .container{display:flex;position:relative}
.header-menu-bars{display:none}
.header-nav{margin-left:auto;display:flex;align-items:center}
.header-nav li{position:relative;height:100%}
.header-nav li:hover ul{display:block}
.header-nav li:hover ul li:hover{background:#F7F7F7}
.header-nav a{font-size:18px;color:var(--fontcolor);font-weight:var(--fontbold6);white-space:nowrap;margin:0px 15px;position:relative;height:100%;display:flex;align-items:center}
.header-nav a::after{position:absolute;top:50%;margin-top:1rem;left:0px;width:0px;content:"";display:block;height:2px;background:var(--color);transition:all .3s}
.header-nav a:hover{color:var(--color)}
.header-nav a:hover::after{width:100%}
.header-nav ul{display:none;position:absolute;background:#FFFFFF;z-index:10;box-shadow:0px 15px 30px rgba(0,0,0,.05)}
.header-nav ul a{padding:10px 0px;font-size:14px}
.header-logo{width:240px;height:60px;margin:5px 0px;padding:0px}
.header-logo img{width:100%;height:100%;object-fit:contain}
.header-search{display:flex;align-items:center;margin-left:15px}
.header-search button{background:0 0;border:0px;font-size:18px;width:25px;height:25px}
.header-search input{width:0px;border:0px;background:0 0;height:25px;line-height:25px;border-bottom:1px solid #333333;transition:all .3s;box-sizing:border-box}
.header-search:hover input{width:150px;padding:0px 10px}
.footer-main{background:#333333;padding:2rem 0 1rem 0}
.footer-main .container{display:flex;justify-content:space-between}
.footer-title{font-size:20px;color:#FFFFFF;position:relative;padding:0px 0px 10px 15px;margin-bottom:13px;font-weight:var(--fontbold6);border-bottom:1px solid #ffffff33}
.footer-title::after{content:"";display:block;position:absolute;top:0px;left:0px;width:3px;height:22px;background:var(--color)}
.footer-main-item{width:31%;max-width:340px}
.copyright-box{background:#242424}
.copyright-box .container{position:relative}
.copyright{color:#CCCCCC;font-size:14px;padding:10px 0px}
.scrtop{position:absolute;right:0px;top:0px;height:40px;width:40px;font-size:25px;color:#FFFFFF;background:var(--color);outline:0;margin-top:-20px;border:0}
.footer-share-links{display:flex;margin:20px 0px}
.footer-share-links a{color:#CCCCCC;font-size:18PX;height:36px;width:36px;border-radius:50%;border:1px solid #FFFFFF33;display:flex;justify-content:center;align-items:center}
.footer-share-links a:hover{color:#FFFFFF;border-color:#FFFFFF}
.footer-share-links li{margin-right:.6875rem}
.footer-contact li{display:flex;align-items:flex-start}
.footer-contact a,.footer-contact p{color:#CCCCCC;font-size:14px;line-height:2}
.footer-contact i,.footer-contact em{width:25px;font-size:16px;line-height:1.6;color:var(--color)}
.footer-nav a{color:#CCCCCC;padding-left:15px;line-height:2;position:relative}
.footer-nav a::before{position:absolute;bottom:0px;left:0px;width:0px;content:"";display:block;height:1px;background:var(--color);transition:all .3s}
.footer-nav a:hover::before{width:100%}
.footer-nav a::after{position:absolute;left:0px;top:50%;content:"";display:block;background:#C1C1C1;height:3px;width:3px;border-radius:50%}
.footer-contact a:hover,.footer-nav a:hover{color:var(--color)}
.index-title{padding:4.0625rem 0;position:relative;text-align:center}
.index-title span{display:inline-block;background:#FFFFFF;position:relative;z-index:10;padding:0px 1.9375rem;font-size:2.25rem;color:var(--fontcolor)}
.index-title span::after,.index-title::before{content:"";display:block;position:absolute}
.index-title::before{width:100%;height:1px;z-index:5;background:#CFCFCF;top:50%}
.index-title span::after{width:1.875rem;height:3px;z-index:5;background:var(--color);bottom:-.9375rem;left:50%;margin-left:-.9375rem}
.cate-list li{position:relative;overflow:hidden;float:left}
.cate-list li a{position:absolute;top:0px;left:0px;width:100%;height:100%}
.cate-list li img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.cate-list li a::after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:5;transition:all .5s}
.cate-list li a:hover::after{background:0 0}
.cate-list li:hover img{transform:scale(1.05)}
.cate-list p{z-index:10;position:absolute;width:100%;bottom:0px;background:rgba(12,12,12,.75);color:#FFFFFF;font-size:18px;left:0px;display:flex;align-items:center;padding:10px;justify-content:center}
.cate-list p:hover{background:#000000}
.cate-list i{height:1.875rem;width:1.875rem;border:2px solid #FFFFFF;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:2.625rem;flex:0 0 auto}
.cate-list li:nth-child(1){width:36.5%;padding-bottom:40.6%}
.cate-list li:nth-child(2){width:35.5%;padding-bottom:20.3%}
.cate-list li:nth-child(3){width:28%;padding-bottom:20.3%}
.cate-list li:nth-child(4){width:28%;padding-bottom:20.3%}
.cate-list li:nth-child(5){width:35.5%;padding-bottom:20.3%}
.profiles-list{display:flex;width:100%}
.profiles-list li{width:25%;position:relative}
.profiles-list .profiles-item-back{width:100%}
.profiles-list .profiles-item-text{position:absolute;color:#FFFFFF;height:100%;width:100%;background:rgba(0,0,0,.6);box-sizing:border-box;top:0px;left:0px;transition:all .3s;display:flex;justify-content:center;align-items:center;flex-direction:column}
.profiles-list li:nth-child(n+2) .profiles-item-text:hover{background:rgba(243,98,32,.92)}
.profiles-list .profiles-item-text img{width:7rem;height:0rem;margin-bottom:0rem;transition:all .5s cubic-bezier(.66,-.76,.35,1.53)}
.profiles-list .profiles-item-text:hover img{width:7rem;margin-bottom:3.75rem;height:7rem}
.profiles-list .why{font-size:22px;line-height:1.3}
.profiles-list .more-link{color:#FFFFFF;font-size:14px;margin-top:15px}
.profiles-list .more-link i{margin-left:5px}
.profiles-list .text{font-size:22px;margin-top:10px;line-height:1.3;text-align:center}
.profiles-list .num{font-size:18px}
.index-news-list{display:flex;justify-content:space-between}
.index-news-list li{width:32%;position:relative;overflow:hidden}
.index-news-list .news-pic{width:100%;transition:all .5s}
.index-news-list .news-pic:hover{transform:scale(1.058)}
.index-news-list .index-news-date{position:absolute;top:1.25rem;left:1.0625rem;line-height:2.3125rem;color:#FFFFFF;background:var(--color);padding:0px 1rem}
.index-news-list .index-news-intro{position:absolute;bottom:0px;left:0px;width:100%;line-height:40px;padding:0px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#FFFFFF;background:rgba(0,0,0,.6)}
.index-products-box{padding-top:89px;padding-bottom:36px;width:100%}
.index-products-list-box{width:100%;overflow:hidden;position:relative;padding-bottom:111px}
.index-products-list-box button{position:absolute;z-index:10;left:0px;top:50%;background:var(--color);border:0px;outline:0;color:#FFFFFF;width:40px;height:40px;font-family:cursive;font-weight:var(--fontbold6);text-align:center;line-height:40px;margin-top:-75px}
.index-products-list-box button.nextIpn{right:0px;left:unset}
.index-products-list{display:flex;width:300%;transition:all .3s}
.index-products-list li{width:6.666666%;position:relative;height:0px;padding-bottom:6.666666%}
.index-products-list img{width:100%;height:100%;object-fit:cover}
.index-products-list a{position:absolute;top:0px;left:0px;width:100%;transition:all .3s;background:rgba(98,98,98,.5);height:100%}
.index-products-list a::before{position:absolute;content:"";display:block;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.3);transition:all .5s}
.index-products-list a:hover::before{background:0 0}
.index-products-list a::after{bottom:0px;left:50%;content:"";display:block;border:.8125rem solid transparent;border-bottom-color:var(--color);margin-left:-.8125rem;position:absolute;z-index:10;transition:all .3s;opacity:0}
.index-products-list a:hover{background:0 0}
.index-products-list p{white-space:nowrap;overflow:hidden;color:#FFFFFF;background:var(--color);position:absolute;top:100%;left:0px;width:100%;padding:10px;text-align:center;font-size:14px;opacity:0;transition:all .3s;text-overflow:ellipsis}
.index-products-list a:hover p{opacity:1}
.index-products-list a:hover::after{opacity:1}
.index-products-nav{display:flex;justify-content:center}
.index-products-nav li{padding:9px;cursor:pointer}
.index-products-nav li:nth-child(n+4){display:none}
.index-products-nav li i{height:11px;width:11px;background:#A7A7A7;border-radius:50%;display:block}
.index-products-nav li.active i{background:var(--color)}
.companyprofiles-box{clear:both}
.inner-banner{position:relative;overflow:hidden;display:flex;min-height:60px;background:#F1F1F1}
.inner-nav h1 {font-size:26px;line-height:1.2;text-transform:capitalize}
.inner-banner img{width:100%;object-fit:contain;padding-bottom:60px}
.inner-nav{position:absolute;top:unset;left:0px;bottom:0px;width:100%;height:auto;display:flex;align-items:center}
.inner-nav .container{width:100%;text-align:center;color:var(--fontcolor)}
.inner-nav .container a{color:var(--fontcolor);font-size:14px}
.inner-nav .container h3{font-size:26px;line-height:1.2;margin-bottom:5px;text-transform:capitalize}
.mw-100{max-width:100%}
.pr-50{padding-right:3.125rem}
.pl-50{padding-left:3.125rem}
.bPosition a:hover{color:var(--color);text-decoration:underline}
.pages{display:flex;justify-content:center;color:#FFFFFF;margin:35px 0px}
.pages a,.pages span{color:var(--fontcolor);font-size:14px;height:45px;line-height:45px;width:45px;display:block;border:1px solid #EEEEEE;border-radius:3px;text-align:center;margin-right:5px}
.pages span{color:#CCCCCC}
.pages a:hover{background:var(--color);color:#FFFFFF}
.inner-aboutus-main{font-size:14px;color:var(--fontcolor);line-height:1.7;padding-bottom:2.5rem}
.inner-aboutus-main p{padding-bottom:1.875rem}
.inner-aboutus-main .inner-title{font-size:30px;color:var(--color);position:relative;margin:2.25rem 0;font-weight:var(--fontbold6)}
.inner-aboutus-main .inner-title::after{position:absolute;bottom:-.75rem;width:3.125rem;height:.25rem;background:var(--color);content:"";display:block}
.innner-title-text{font-size:22px;color:#555555}
.inner-aboutus-main .mw-100{margin:1.25rem 0}
.inner-aboutus-main .half-half{display:flex;flex-wrap:wrap}
.inner-aboutus-main .half-half div{width:50%}
.inner-aboutus-main .checks span{width:7.5rem;display:inline-block}
.inner-aboutus-main .checks span i{color:var(--color)}
.feedbackForm #msg,.feedbackForm .fput,.feedbackForm .ftxt{max-width:unset;float:unset;width:unset;padding:unset;margin:unset;border:unset;height:unset;font-size:unset;line-height:1.5;font-family:Arial;color:#5c5c5c;background:0 0;text-align:left}
.feedbackForm{max-width:75rem;margin-left:auto;margin-right:auto}
.feed-title{font-size:1.875rem;color:var(--fontcolor);margin-top:2.5rem;margin-bottom:1.25rem;font-weight:var(--fontbold6);text-transform:uppercase}
.inner-contact-main{background:#F7F7F7;padding:3.125rem 0}
.inner-contact-title{font-size:2.5rem;margin-bottom:1.5rem;color:var(--fontcolor);font-weight:var(--fontbold6)}
.inner-contact-text{display:flex;margin-bottom:2rem;font-size:14px;color:#555555;line-height:1.875rem}
.inner-contact-text strong{font-size:1.375rem;color:var(--fontcolor);font-weight:var(--fontbold6)}
.inner-contact-text a:hover{color:var(--color);text-decoration:underline}
.inner-contact-text p:nth-child(1){width:60%}
.inner-contact-text p:nth-child(2){width:30%;margin-left:auto}
.inner-contact-global{padding:3.125rem 0;font-size:14px;color:var(--fontcolor)}
.inner-contact-global td{border:5px solid #FFFFFF;padding:1.125rem}
.inner-contact-global tr:nth-child(2n+1){background:#F7F7F7}
.inner-products-list{display:flex;flex-wrap:wrap;margin-top:30px}
.inner-products-list li{border:1px solid #EEEEEE;width:23%;margin:1% 2% 1% 0px}
.inner-products-list li:nth-child(4n+4){margin-right:0px}
.inner-products-img{position:relative;display:block;width:100%;padding-bottom:100%}
.inner-products-list img{width:100%;height:100%;object-fit:contain;position:absolute;top:0px;left:0px}
.inner-product-text{padding:10px;text-align:center;font-size:14px;color:var(--fontcolor)}
.inner-product-text h3{font-size:18px;height:48px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.inner-product-text p{color:#555555;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.inner-product-text>a{font-size:14px;color:#FFFFFF;margin-top:15px;padding:5px 0px;display:block;background:var(--color);border-radius:25px}
.inner-products-main{padding:40px 0px}
.inner-cate-list{display:flex;flex-wrap:wrap;margin-bottom:30px}
.inner-cate-list .sub-menu{position:absolute;display:none;background:#FFFFFF;z-index:10;min-width:100%;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:5px}
.inner-cate-list li a{color:#FFFFFF;font-size:16px;padding:8px 10px;display:block}
.inner-cate-list li a{background:var(--color);border-radius:3px}
.inner-cate-list li a:hover{background:var(--color)}
.inner-cate-list li{margin:0px 10px 10px 0px;position:relative;white-space:nowrap}
.inner-cate-list li:hover>.sub-menu{display:block}
.inner-cate-list .sub-menu li{margin:0px}
.inner-cate-list .sub-menu li a{background:0 0;color:var(--fontcolor);border-bottom:1px solid #DDDDDD;font-size:14px;padding:8px 1.25rem}
.inner-cate-list .sub-menu li a:hover{background:var(--color);color:#FFFFFF}
.inner-cate-list .sub-menu .sub-menu{left:100%;top:0px}
.cate-intro{display:flex;align-items:center;justify-content:space-between}
.cate-intro .lf{font-size:14px;line-height:1.8;color:var(--fontcolor);text-indent:2rem;margin-right:3%}
.cate-intro .lf h3{font-size:1.875rem;margin-bottom:.9375rem}
.cate-intro .rt img{height:350px;object-fit:cover;max-width:600px}
.inner-procontent-top-panel{display:flex;margin:40px auto}
.inner-procontet-img{width:40%;text-align:center}
.margin0auto{margin:0px auto;display:inline-block}
.inner-procontet-info{width:55%;margin-left:50px;display:flex;flex-direction:column}
.inner-procontet-name{font-size:26px;line-height:1.3;margin-bottom:15px;color:var(--fontcolor)}
.inner-procontet-intro{font-size:14px;color:#555555;margin-bottom:15px}
.inner-procontet-btns{display:flex;flex-wrap:wrap}
.inner-procontet-btns a{width:48.6%;display:block;background:#EEEEEE;text-align:center;line-height:40px;border-radius:4px;font-size:14px;color:var(--fontcolor);margin-bottom:15px}
.inner-procontet-btns a:hover{background:var(--color);color:#FFFFFF}
.inner-procontet-btns a:nth-child(1){margin-right:15px}
.inner-procontet-btns div{width:100%}
.inner-procontet-btns #A_DownLoadProduct{width:100%;margin-right:0px}
.inner-procontet-info .share{margin-top:auto;display:flex;align-items:center;padding:1rem 0}
.inner-procontet-info .share .share-text+div{margin-left:auto}
.inner-procontet-info .share-text{font-size:14px;color:var(--fontcolor)}
.inner-procontet-info .share-text i{color:#555555;margin-right:.3125rem}
.inner-procontet-info-main h3{font-size:22px;color:#FFFFFF;background:var(--color);display:inline-block;line-height:48px;width:10.875rem;text-align:center}
.inner-procontet-info-main-box{padding:15px;font-size:14px;color:var(--fontcolor);border:solid 1px #EEEEEE}
.pronext-link-products{display:flex;justify-content:space-between;white-space:nowrap;margin:30px auto}
.pronext-link-products a{font-size:14px;color:var(--fontcolor);display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pronext-link-products li{position:relative;font-size:14px;color:#555555;display:block;max-width:48%;height:60px}
.pronext-link-products li p{position:absolute;bottom:0px;z-index:-1}
.pronext-link-products p span{font-size:14px;color:#555555}
.pronext-link-products p i{width:2.25rem;height:2.25rem;background:#000000;color:#FFFFFF;line-height:2.25rem;text-align:center}
.pronext-link-products li:hover i{background:var(--color)}
.pronext-link-products li:nth-child(1) i{margin-right:.3125rem}
.pronext-link-products li:nth-child(2) i{margin-left:.3125rem}
.pronext-link-products li:nth-child(2) p{right:0px}
.inner-related-title{font-size:30px;font-weight:var(--fontbold6);color:var(--fontcolor);padding:1.875rem 0}
.inner-related-products{display:flex;margin-bottom:3.4375rem}
.inner-related-products li{width:23.3333%;margin-right:2.22222%}
.inner-related-products li:nth-child(4n+4){margin-right:0px}
.inner-related-products .inner-related-products-img{width:100%;display:block;padding-bottom:100%;position:relative;overflow:hidden}
.inner-related-products .inner-related-products-img img{position:absolute;width:100%;height:100%;top:0px;left:0px;object-fit:cover;transition:all .5s}
.inner-related-products li p{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:1.25rem .75rem;color:var(--fontcolor)}
.inner-related-products li:hover p{color:var(--color)}
.inner-related-products li:hover img{transform:scale(1.05)}
.ptit{font-size:22px;font-weight:var(--fontbold6);color:var(--fontcolor);padding:10px 0px}
.rollPro1{display:flex;flex-wrap:wrap}
.rollPro1 li{width:15%;margin-right:2%;margin-bottom:30px;text-align:center;font-size:14px;border:solid 1px #EEEEEE}
.rollPro1 li:nth-child(6n+6){margin-right:0px}
.rollPro1 li img{width:100%;height:100%;object-fit:contain;transition:all .3s}
.rollPro1 .pbox a{display:inline-block;overflow:hidden}
.rollPro1 li:hover img{transform:scale(1.05)}
@media only screen and (max-width:768px){
header{position:fixed;top:0px;background:#FFFFFF;z-index:250;width:100%}
header .row-1 .container{white-space:nowrap}
header .row-2{position:relative}
header .row-2 .container{align-items:center}
body{padding-top:119.75px}
.header-search{display:none}
.header-menu-bars{display:block;border:1px solid #E5E5E5;border-radius:3px;margin-left:auto;background:0 0;color:#555555;font-size:2.5rem;width:40px;height:40px}
.header-nav{display:block;position:absolute;right:0px;top:100%;z-index:250;background:#FFFFFF;height:100vh;border-top:1px solid #E5E5E5;transition:all .3s;overflow:hidden;width:0px}
.header-nav.active{width:45vw}
.header-nav li:hover ul{display:none}
.header-nav li{border-bottom:1px solid #E5E5E5}
.header-nav a{padding:1rem 2rem}
.footer-share-links,.profiles-list{flex-wrap:wrap}
.profiles-list li{width:50%}
.footer-share-links li{margin-bottom:.6875rem}
.index-products-list{width:500%}
.index-products-nav li:nth-child(n+4){display:block}
.inner-aboutus-main .half-half div,.inner-aboutus-main .half-half img{width:100%;padding:0px}}
.newslist ul li{border-bottom:1px dashed #AAAAAA}
.newslist ul li:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.newslist ul li a{display:block;float:left;max-width:80%;line-height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newslist ul li span{float:right;line-height:45px;color:#666666}
.newslist{margin-bottom:25px;margin-top:40px}
.feedbackForm{margin-top:40px}
.news-title{font-size:26px;line-height:1.3;text-align:center;margin:40px 0px 20px 0px}
.news-content{font-size:14px;line-height:1.7}
.more-news{margin-bottom:50px;margin-top:30px}
.date-share{margin-top:30px}
.table{border-collapse:collapse}
.table td,.table th,.table tr{border:1px solid #D8D8D8;padding:0px 5px}
.o-pcon_tit{padding-bottom:10px;position:relative;text-transform:uppercase;font-size:22px;font-family:BellMT-Regular,sans-serif;line-height:40px;float:left;margin-right:70px}
.o-pcon_tit::after{content:'';position:absolute;left:0px;bottom:0px;height:2px;transition:all .3s;width:0px}
.on.o-pcon_tit::after{width:100%}
.o-pcon_tit::after{background:var(--color)}
.pinfo{display:none;padding:12px;border:1px solid #CCC;margin-top:30px}
.on.pinfo{display:block}
.singglepage-container{padding:50px 0px}
.inner-cate-list .pro-menu{display:none}
body.innfeedback .singglepage-container{padding-bottom:0px}
.pai{text-align:center;padding:3% 0;border-top:1px dashed #d9d9d9}
.innertop{width:1200px;margin:0px auto;overflow:inherit!important}
.pai ul li{display:inline-block;vertical-align:middle}
.pai ul .paiLine{background:url(../images/line.jpg) center 0 no-repeat;width:1px;height:59px}
.index-products-list-box ul.clearfix li{float:left;width:25%;margin-bottom:15px;text-align:center}
.index-products-list-box ul.clearfix li img{max-width:100%}
.index-products-list-box ul.clearfix li p{font-size:16px;font-weight:var(--fontbold6);margin-top:10px;padding:0px 2%}
.content-protypelist{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6}
.faq-list li{border:1px solid #7fbe25;margin-bottom:20px}
.faq-list li .project-info{padding:15px 20px}
.faq-list li .project-content{display:none;padding-top:10px}
.faq-list li .project-name{position:relative;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.faq-list li .project-name::after,.faq-list li .project-name::before{content:'';display:block;position:absolute;right:0px;top:10px;width:14px;height:2px;background:#CCCCCC}
.faq-list li .project-name::after{transform:rotate(90deg)}
.faq-list li.actfap .project-name::after{display:none}
#lifaqs .submenu,#lidownloads .submenu{display:none !important}
#swiper-banner img{width:100%;height:auto}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-content{clear:both;margin:0px auto;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-content .kche-wrap-width{padding-left:0px!important;padding-right:0px!important}
.prolist-bottom{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.lang{z-index:99999;text-align:left;position:absolute;right:0;top:-37px;height:30px;padding:0px 5px;border-radius:4px;margin:0 10px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:#999;margin-left:5px;line-height:20px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#999;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#999;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:0 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.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{list-style:none;width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:0px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:12px;padding:8px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:20px}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.lang{margin-left:auto;margin-right:20px;transition:all .2s linear}
.lang-icon img{width:32px}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.active{display:block}
.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:82%}}
.blogflex-info{display:flex;align-items:flex-start;background:#f7f7f7;padding:20px 15px;margin:30px 0}
.blogflex-info .img{width:55px;height:55px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex-info .img img{width:100%;height:100%;object-fit:cover}
.blogflex-info .info{flex:1;padding-left:10px}
.blogflex-info .info-name{font-size:18px;font-weight:700}
.blogflex-info .info-content{line-height:1.4;color:#555555;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}