@charset "utf-8";
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#ff0204;--fontcolor:#333333;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,input,legend,ol,p,pre,span,strong,td,textarea,th,ul{margin:0px;padding:0px;font-family:Microsoft Yahei,Arial,Helvetica,sans-serif}
html{margin:0px;padding:0px}
body{margin:0px auto;padding:0px;font-size:14px;color:var(--fontcolor);line-height:1.7}
body,table,td,th,tr{color:#333333;line-height:1.7}
dd,dl,dt,li,ol,ul{margin:0px;padding:0px;list-style:none}
h1,h2,h3,h4,h5,h6{font-size:15px;text-transform:capitalize}
em,i{font-style:normal}
img{border:0 none}
.h3{font-weight:var(--fontbold6)}
a{color:#333333;text-decoration:none}
a:hover{color:var(--color);text-decoration:none}
.fl{float:left}
.fr{float:right}
.clr{display:block;overflow:hidden;clear:both;height:0px;font-size:0}
.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{zoom:1}
#nav ul,.container,.fbox,.top{max-width:1200px;margin:0px auto}
.top{position:relative}
.logo{float:left;max-width:300px;height:100%;margin-right:10px}
.logo img{max-width:100%;max-height:100px}
.top .fr{width:300px}
.head-text strong{color:#4a4a4a;font-size:20px;display:block;padding:24px 0 6px 0px}
.ss .sk{float:left;height:35px;border:solid 1px #CCC;width:248px;text-indent:8px;color:#696868}
.ss .sbtn{width:47px;height:37px;background:url(sbtn.png);border:0}
#nav{clear:both;background:#000;box-shadow:1px 5px 20px #c9c7c7}
#nav li{float:left;border-right:1px solid #5c5b5b;background:#000}
#nav li#liHome{border-left:1px solid #5c5b5b}
#nav li a{font-size:15px;font-weight:var(--fontbold6);color:#FEFEFE;line-height:64px;display:block;padding:0px 28px;text-align:center}
.inmenu{background:#000;vertical-align:middle;position:relative;box-shadow:0 0 1px rgba(0,0,0,0);transform:translateZ(0);transition-property:color;transition-duration:.3s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.inmenu::before{background:rgba(255,255,255,.1)!important;transform-origin:50% 50%;left:0px;top:0px;right:0px;bottom:0px;border-bottom:6px solid var(--color);position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.3s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:50%}
.inmenu:hover::before{transform:scaleX(1);-webkit-transform:scaleX(1)}
.inmenu:focus::before{transform:scaleX(1);-webkit-transform:scaleX(1)}
.inmenu:active::before{transform:scaleX(1);-webkit-transform:scaleX(1)}
#nav li a.inmenu_1{background:rgba(255,255,255,.1) url(btbg.png) bottom repeat-x!important;z-index:-1}
#nav .fl,#nav .fr{display:none;font-size:20px;color:#FFF;line-height:60px;padding:0px 12px}
.nbtn{background:url(nav_icon.png) center no-repeat;width:60px;text-indent:900px;overflow:hidden;cursor:pointer}
#nav li{position:relative;z-index:99999}
#nav li:hover ul li{float:none;display:block;width:100%;height:30px;border-bottom:1px solid #bdbcb8;clear:both;min-width:120px;background:#000}
#nav li:hover ul li a{float:none;display:block;color:#FFF;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0px 10px;line-height:30px;text-align:left;text-transform:none;border-top:0px}
#nav li ul{display:none;float:left;width:auto;position:absolute;top:64px;left:0px;background:#000;padding-left:0px;opacity:.9;filter:alpha(opacity=90);z-index:9999999}
#banner{clear:both;background:#FFF;width:100%;margin:0px auto 20px}
.slider_img{display:block;text-align:center;height:100%}
.slider_img img{margin:0px auto;max-width:100%;width:auto;height:auto}
.wmuSlider{height:100%!important;position:relative;overflow:hidden}
.bbdd{z-index:2;position:absolute;bottom:2%;margin:0px;padding:0px;width:100%;text-align:center}
.bbdd li{margin:0px 8px 10px 0px;list-style-type:none;display:inline-block}
.bbdd a{display:inline-block;text-indent:-9999px;width:16px;height:16px;background:url(dot.png) no-repeat 0 -16px;display:block;border-radius:16px;overflow:hidden}
.bbdd a.wmuActive{background-position:0 0}
.banner{width:100%;text-align:center;margin:0px auto;padding:0px;height:10px;margin-bottom:30px;margin-top:-10px;line-height:0px}
.banner img{max-width:100%;margin:0px auto;padding:0px;height:auto;width:auto;display:none}
.wmuSliderNext,.wmuSliderPrev{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0px 0px;display:block;background:url(ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px}
.wmuSliderNext{background-position:0 -70px;right:48px}
.wmuSliderPrev{left:48px}
.wmuSlider:hover .wmuSliderNext{opacity:.8;filter:alpha(opacity=25)}
.wmuSlider:hover .wmuSliderPrev{opacity:.8;filter:alpha(opacity=25)}
.wmuSlider:hover .wmuSliderNext:hover,.wmuSlider:hover .wmuSliderPrev:hover{opacity:1;filter:alpha(opacity=50)}
.whyinfo{margin:0px 15px}
.whyinfo h3,.whyinfo .h3{font-size:25px;text-align:center;padding:20px 0px 10px 0px;font-weight:var(--fontbold6);text-transform:uppercase;color:#333232}
.whyinfo p{font-size:14px;padding-bottom:15px;color:#696868;text-align:center}
.prolist li{float:left;width:48%;height:200px;border:1px solid #dddada;margin:15px .8%}
.propic{float:left}
.protext{padding:0px 12px 0 230px;font-size:14px}
.propic{height:200px;width:200px;text-align:center}
.propic img{max-height:200px;max-width:200px}
.protext h3,.protext .h3{font-size:16px;margin-top:25px;margin-bottom:0px;min-height:34px;text-transform:capitalize;font-weight:var(--fontbold6);max-height:42px;overflow:hidden}
.protext p{max-height:64px;overflow:hidden}
.p_more{margin:16px 0px;display:inline-block;min-width:85px;padding:0px 15px;height:30px;line-height:30px;font-size:14px;font-weight:var(--fontbold6);text-transform:uppercase;text-align:center;color:#FFF}
.mmv{background-color:var(--color);padding:0px 13px;vertical-align:middle;display:inline-block;position:relative;box-shadow:0 0 1px rgba(0,0,0,0);transform:translateZ(0);transition-property:color;transition-duration:.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.mmv::before{background-color:#192634;transform-origin:0 50%;left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:"";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%}
.mmv:hover{color:#FFF;text-decoration:underline}
.mmv:focus{color:#FFF}
.mmv:active{color:#FFF}
.mmv:hover::before{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)}
.mmv:focus::before{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)}
.mmv:active::before{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)}
.aboutinfo{clear:both;padding-top:70px;background:url(bg-1_b.jpg) 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#FFF}
.aboutinfo_qi{clear:both;padding-top:70px;background:url(/uploads/201611049/images/bg.jpg) 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#FFF}
.ab.aboutinfo{clear:both;padding-top:70px;background:url(bg-1_b.jpg) 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#FFF}
outinfo-bg{clear:both;padding-top:70px;background:url(Workedbrands.jpg) 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#FFF}
.aboutinbg{clear:both;padding-top:70px;background:url(bg-2_b.jpg) 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#FFF}
.aboutinfo_ni{clear:both;padding-top:70px;background:url(/uploads/201610507/images/bg.jpg) 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#FFF}
.aboutinfo_bo{clear:both;padding-top:70px;background:url(/uploads/201611408/images/bg.jpg) 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#FFF}
.aboutinfo_nb{clear:both;padding-top:70px;background:url(/uploads/201611990/images/bg.jpg) 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#FFF}
.aboutinfo_xi{clear:both;padding-top:70px;background:url(/uploads/201612326/images/bg1.jpg) 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#FFF}
.aboutinfo h3,.aboutinfo .h3{font-size:50px;line-height:50px;font-weight:var(--fontbold5);width:100%;height:80px;text-shadow:1px 1px #000}
.aboutinfo p{font-size:15px;line-height:20px;font-weight:var(--fontbold4);width:96%;margin:0px auto;text-shadow:1px 1px #000}
.aboutinfo .p_more{margin:45px auto 20px auto;line-height:36px;height:36px}
.aboutinfo .mmv:hover{text-decoration:none}
.hnews h3,.hotpro h3,.hnews .h3,.hotpro .h3{margin:30px auto 12px auto;font-size:25px;color:#333232;text-align:left;text-indent:15px;text-transform:uppercase}
.hotpro li{float:left;width:25%}
.hotpro li .pbox{padding:0px;margin:15px;margin-bottom:26px;border:1px solid #d3d3d3;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;background:#FFF;position:relative;text-align:center}
.hotpro li .pbox .hpic{height:206px;text-align:center}
.hotpro li .pbox .hpic img{max-height:206px}
.hotpro li .pbox:hover{-moz-box-shadow:0px 0px 20px rgba(0,0,0,.3);-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.3);box-shadow:0px 0px 20px rgba(0,0,0,.3);background:#ededed}
.hotpro li .pbox img{max-width:100%;width:auto}
.hotpro li .pbox p{font-size:13px;margin:10px;text-align:center;text-transform:capitalize;height:42px;overflow:hidden}
.hotpro .p_more{margin:0px auto 20px auto;line-height:45px;height:45px}
.hotpro .mmv:hover{text-decoration:none}
.hotpro span{display:inline-block;background:url(ico01.png) no-repeat;padding-left:45px}
.hnews{clear:both}
.lnew,.tnew{float:left;width:50%}
.tnew .tbox{margin:0px 15px;border:1px solid #ddd;margin-top:16px;display:flex}
.tnew p{padding:0px 12px 0px 0px;overflow:hidden}
.tnew img{float:left;padding-right:20px;height:200px}
.tnew strong{display:block;font-size:16px;min-height:34px;margin-top:25px;text-transform:capitalize;font-weight:var(--fontbold6);max-height:42px;overflow:hidden}
.hnews li{border-bottom:solid 1px #EEE;height:36px;line-height:36px;text-align:right;overflow:hidden}
.hnews li a{float:left;text-align:left;text-indent:18px;background:url(btbg.png) 3px center no-repeat;height:36px;line-height:36px;overflow:hidden}
.hnews ul{margin:0px 15px}
footer{clear:both;background:#ecedee;margin-top:30px;line-height:24px}
footer .fbox{clear:both;margin:0px auto;padding:10px 0px}
.foottext{clear:both;background:#333333;color:#FFF;text-align:center;font-size:14px}
footer h3,footer .h3{line-height:2.1em;font-size:16px;font-weight:var(--fontbold6);text-transform:uppercase;color:#4a4a4a;margin:12px auto}
footer .col1 h3,footer .col1 .h3{text-indent:15px}
footer .col1 li{text-indent:15px}
footer li a{color:#696868}
footer li .inmenu{background-color:#ecedee!important}
.col1,.col2,.col3{float:left}
.col1{width:14%}
.col2{width:28%}
.col3{width:28%}
.col4{width:262px;padding-right:15px;float:right}
.foo-contact,.foo-contact a{font-size:16px;color:#333333}
.foo-contact span{display:block;padding-left:32px;height:30px}
.eput,.form-control{width:260px;border:solid 1px #CCC;color:#999;text-indent:12px;font-size:14px}
.eput{height:30px}
.form-control{height:64px;resize:none;overflow:auto;margin:12px auto;line-height:30px;font-family:Arial,Helvetica,sans-serif}
.eput:focus,.form-control:focus{border-color:var(--color);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(240,99,104,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(240,99,104,.6)}
.ebtn{float:right;padding:0px 15px;height:30px;border:0px;background:#333333;font-size:14px;font-weight:var(--fontbold6);color:#FFF;text-transform:uppercase;cursor:pointer}
.sidebar{float:left;width:240px;padding-top:24px}
.main{padding:30px 0px 0px 30px;overflow:hidden}
.ctit h3{font-size:20px;color:#333333;line-height:42px;border-bottom:solid 1px #CCC;text-transform:uppercase;margin-bottom:12px}
.bPosition{background:#1a1a1a;line-height:36px;padding:0px 16px;color:#EEEEEE;margin-bottom:16px}
.bPosition a{color:#FFF}
.pcon_l{float:left}
.pcon_r{padding:0px 16px 0px 440px}
h1.pd-title{font-size:26px;font-weight:var(--fontbold6);margin-top:0px;color:#4a4a4a;padding-top:15px;line-height:1.4;border-top:1px solid #e4e2e2;text-transform:none;margin-bottom:20px}
.pcon_r .pcon_info{line-height:30px;color:333}
.pcon_r .p_more{line-height:48px;height:48px;padding:0px 20px}
.pcon{padding-top:30px;float:left;width:100%}
.pcon .tit{height:40px;line-height:40px;padding-left:20px;background:#f3efec;color:#000;font-size:18px}
.pcon .pinfo{display:block;line-height:24px;padding:20px 20px 30px 20px}
.pcon .pinfo img{max-width:100%;margin:0px auto}
.acon{float:left;width:100%}
.acon .pinfo{display:block;line-height:24px;padding:20px 0 30px 20px}
.prosubmenu li{float:left;width:32%;line-height:24px}
.prosubmenu{padding:3px 0px 0px 10px}
.sf-menu{display:table;width:220px;margin:0px auto;padding-bottom:20px}
.sf-menu li{clear:both;border-bottom:solid 1px #EEE}
.sf-menu li a,.sf-menu li:hover a{display:block;color:#0a4da6;color:#333333;line-height:24px;font-size:16px;background:url(pico.png) 3px 15px no-repeat;padding:9px 0 6px 14px}
.sf-menu li a:hover{background-color:#F2F2F2}
.sf-menu li li{clear:both;text-transform:capitalize;margin:0px auto;position:relative;border-bottom:none;padding-bottom:0px}
.sf-menu li li.LiLevel2 a{background:url(icon01.gif) no-repeat 8px 11px;line-height:26px}
.sf-menu li li.LiProDetail a{background:url(ico_sort.png) no-repeat 8px 11px}
.sf-menu li li a,.sf-menu li:hover li a{display:block;line-height:20px;color:#777;padding:6px 0px 4px 0px;text-decoration:none;font-size:12px;padding-left:18px;font-weight:var(--fontbold4)}
.sf-menu li li a:hover{text-decoration:none;font-weight:var(--fontbold7);color:#555}
ul.sf-menu ul{display:none}
.sf-menu li:hover ul{display:block}
ul.sf-menu ul ul{position:absolute;left:220px;width:220px;top:0px;margin:0px;visibility:hidden;border:0px;border-radius:0;border-left:0px;z-index:999999}
.sf-menu li li li{background:#FFF;padding:0px}
.sf-menu li li:hover{opacity:1}
.sf-menu li li li a,.sf-menu li:hover li li a{text-decoration:none;background:url(ico_sort.png) #F2F2F2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px}
ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize}
ul.sf-menu li:hover>ul{visibility:visible;margin:0px;padding:0px}
ul.sf-menu li.Level1>a{background:url(pico1.png) 3px 15px no-repeat}
.sf-menu1{display:table;width:220px;margin:0px auto;padding-bottom:20px}
.sf-menu1 li{clear:both;border-bottom:solid 1px #EEE}
.sf-menu1 li a{display:block;color:#0a4da6;color:#333333;line-height:24px;font-size:16px;background:url(pico.png) 3px 15px no-repeat;padding:9px 0 6px 14px}
.sf-menu1 li a:hover{background-color:#F2F2F2}
.sf-menu1 li li{clear:both;text-transform:capitalize;margin:0px auto;position:relative;border-bottom:none;padding-bottom:0px}
.sf-menu1 li li.LiLevel2 a{background:url(icon01.gif) no-repeat 8px 11px;line-height:26px}
.sf-menu1 li li.LiProDetail a{background:url(ico_sort.png) no-repeat 8px 11px}
.sf-menu1 li li a{display:block;line-height:20px;color:#777;padding:2px 0px 4px 0px;text-decoration:none;font-size:12px;padding-left:18px;font-weight:var(--fontbold4)}
.sf-menu1 li li a:hover{text-decoration:none;font-weight:var(--fontbold7);color:#555}
ul.sf-menu1 ul{visibility:visible}
ul.sf-menu1 ul ul{position:absolute;left:220px;width:220px;top:0px;margin:0px;visibility:hidden;border:0px;border-radius:0;border-left:0px;z-index:999999}
.sf-menu1 li li li{background:#FFF;padding:0px}
.sf-menu1 li li:hover{opacity:1}
.sf-menu1 li li li a,.sf-menu1 li:hover li li a{text-decoration:none;background:url(ico_sort.png) #F2F2F2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px}
ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize}
ul.sf-menu1 li.Level1>a{background:url(pico1.png) 3px 15px no-repeat}
.sf-menu2{display:table;width:220px;margin:0px auto;padding-bottom:20px}
.sf-menu2 li{clear:both;border-bottom:solid 1px #EEE;position:relative}
.sf-menu2 li a,.sf-menu2 li:hover a{display:block;color:#0a4da6;color:#333333;line-height:24px;font-size:16px;background:url(pico.png) 3px 15px no-repeat;padding:9px 0 6px 14px}
.sf-menu2 li a:hover{background-color:#F2F2F2}
.sf-menu2 li li{clear:both;text-transform:capitalize;margin:0px auto;position:relative;border-bottom:none;padding-bottom:0px;border-bottom:1px solid #FFF}
.sf-menu2 li li.LiLevel2 a{background:url(icon01.gif) no-repeat 8px 13;line-height:26px}
.sf-menu2 li li.LiProDetail a{background:url(ico_sort.png) no-repeat 8px 13px}
.sf-menu2 li li a,.sf-menu2 li:hover li a{display:block;line-height:20px;color:#777;padding:6px 0px 4px 0px;text-decoration:none;font-size:12px;padding-left:18px;font-weight:var(--fontbold4)}
.sf-menu2 li li a:hover{text-decoration:none;font-weight:var(--fontbold7);color:#555}
ul.sf-menu2 ul{display:none}
.sf-menu2 li:hover ul{display:block}
ul.sf-menu2 ul{position:absolute;left:220px;width:220px;top:0px;margin:0px;visibility:hidden;border:0px;border-radius:0;border-left:0px;z-index:999999;background:#EEEEEE}
.sf-menu2 li li li{background:#FFF;padding:0px}
.sf-menu2 li li:hover{opacity:1}
.sf-menu2 li li li a,.sf-menu2 li:hover li li a{text-decoration:none;background:url(ico_sort.png) #F2F2F2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px}
ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize}
ul.sf-menu2 li:hover>ul{visibility:visible;margin:0px;padding:0px}
ul.sf-menu2 li.Level1>a{background:url(pico1.png) 3px 15px no-repeat}
.pro_lb0{float:left;width:100%}
.pro_lb0 li{clear:both;border-bottom:solid 1px #EEE;padding:8px 12px 8px 0px}
.pro_lb0 li:hover{background:#FFFcf3}
.pro_lb0 .fl{float:left;padding-right:20px}
.pro_lb0 .pimg{background:#FFF;width:150px;height:150px;text-align:center;vertical-align:middle;display:table-cell;border:solid 1px #EEE;padding:2px;overflow:hidden}
.pro_lb0 img{max-width:150px;max-height:145px;padding-top:5px}
.pro_lb0 p{line-height:20px;margin:0px}
.pro_lb0 .pinfo{display:block;font-size:12px;color:#777;overflow:hidden}
.pro_lb0 strong{display:block;max-height:38px;font-size:14px;padding:4px 0 6px 0px;overflow:hidden}
.pro_lb0 strong a{color:#333333}
.pro_lb0 strong a:hover{color:var(--color)}
.pro_lb0 h3,.pro_lb0 .h3{display:block;max-height:38px;font-size:14px;padding:4px 0 6px 0px;overflow:hidden}
.pro_lb0 h3 a,.pro_lb0 .h3 a{color:#333333}
.pro_lb0 h3 a:hover,.pro_lb0 .h3 a:hover{color:var(--color)}
.pro_lb1 h3{font-weight:var(--fontbold4)}
.pro_lb0 span{display:block}
.pro_lb1{float:left;padding-top:10px}
.pro_lb1 p{line-height:24px}
.pro_lb1 li{float:left;width:25%}
.pro_lb1 li .pp_box{margin:15px 12px}
.pro_lb1 li a{display:block;position:relative;border:1px solid #ccc;}
.pro_lb1 li a img{width:100%;vertical-align:bottom;}
.pro_lb1 li a .text{width:100%;height:60px;background:#8f8f8f;position:absolute;z-index:1;bottom:0px;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;transition:all 0.1s linear;}
.pro_lb1 li a .tex{width:100%;height:60px;line-height:20px;position:absolute;z-index:2;bottom:0px;text-align:center;overflow:hidden;color:#FFF;display:flex;align-items:center;justify-content:center;}
.pro_lb1 li a:hover .text{background:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.pro_lb1 .li0{padding-right:0px}
.pages{text-align:center;font-size:12px;padding:15px 0px;color:#b2b2b2;clear:both}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0px 10px;line-height:30px;border:1px solid #ccc;transition:all 0.1s linear;}
.pages a:link,.pages a:visited{color:#666666;background:#FFF}
.pages a:active,.pages a:hover,.pages span.ctxt{color:#FFF;background:#333333;color:#FFF;text-decoration:none}
.newslist{margin:12px auto 12px auto;float:left;width:100%}
.newslist ul{padding-right:16px}
.newslist li{text-align:right;height:36px;background:url(arrow-list.gif) 8px 10px no-repeat;border-bottom:1px dashed #ddd;line-height:32px;color:#888;overflow:hidden}
.newslist li a{float:left;font-size:14px;text-align:left;text-indent:6px}
.newslist li a:hover{color:#d22720;text-decoration:underline}
.newslist1{float:left}
.newslist li.newspic{float:left;width:100%;height:auto;text-align:left}
.newspic{clear:both;border-bottom:solid 1px #EEE;padding:8px 12px 8px 0px}
.newspic li:hover{background:#FFFcf3}
.newspic .fl{float:left;padding-right:20px}
.newspic .pimg{background:#FFF;width:150px;height:150px;text-align:center;vertical-align:middle;display:table-cell;border:solid 1px #EEE;padding:2px;overflow:hidden}
.newspic img{max-width:150px;max-height:145px;padding-top:5px}
.newspic p{line-height:20px;margin:0px;padding:6px 0 0 170px;word-break:break-word}
.newspic .pinfo{display:block;font-size:12px;color:#777;max-height:60px;overflow:hidden}
.newspic strong{display:block;max-height:38px;font-size:14px;padding:4px 0 6px 0px;overflow:hidden}
.newspic strong a{color:#333333}
.newspic strong a:hover{color:#fc0103}
.rnews,.rollPro{margin:0px auto}
.rnews h3,.rollPro h3{font-size:18px;line-height:24px;padding:10px 0px 12px 0px;color:#333333;font-weight:var(--fontbold4);height:30px}
.rnews li{float:left;width:50%;height:30px;line-height:30px}
.rnews li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:12px;border-bottom:1px dashed #EEE}
.rnews li a:hover{color:var(--color)}
.rollPro{height:220px;margin-bottom:30px}
.rollPro .Cont{width:94%;overflow:hidden;margin:0px auto}
.rollPro .ScrCont{width:2500px}
.rollPro .pic{position:relative;width:170px;height:160px;margin:0px 3px;border:solid 1px #EEE;text-align:center}
.rollPro .pbox img{max-width:162px;max-height:100px}
.rollPro .pbox{width:100%;height:120px;text-align:center}
.rollPro p{height:42px;overflow:hidden;line-height:20px;position:absolute;bottom:0px}
.rollPro #List1,.rollPro #List2,.rollPro .Cont,.rollPro .pic,.rollPro .wen_jt{float:left}
.rollPro .wen_jt{width:24px;padding-top:45px}
.newcon{padding-top:28px}
.newcon .tit{text-align:center;color:#000;font-size:26px;line-height:1.4;}
.newcon .time{line-height:30px;border-bottom:solid 1px #CCC;padding-top:10px;font-size:12px;color:#999;width:160px;margin:0px auto;text-align:center}
.newcon p{padding-top:20px;line-height:24px}
.pinfo{font-size:14px}
.newcon .pn{padding:12px 0px 0px 0px;min-height:40px}
.newcon .next,.newcon .prev{float:left;font-size:16px;padding:6px 0px;width:48%;white-space:nowrap;margin-right:2%;text-overflow:ellipsis;overflow:hidden;height:20px}
.newcon .next{margin-right:0px}
.ftxt{width:30%}
.fput{width:68%}
.es-carousel-wrapper{padding:10px 37px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:relative}
.es-carousel{overflow:hidden;background:#FFF}
.es-carousel ul{display:none}
.es-carousel ul li{height:100%;float:left;display:block}
.es-carousel ul li a{display:block;border:1px solid #EEE!important;width:138px;height:136px;line-height:136px;vertical-align:middle;display:table-cell;text-align:center}
.es-carousel ul li a img{display:block;border:none;max-width:132px;max-height:124px;margin:0px auto}
.es-nav span{position:absolute;top:50%;left:12px;background:transparent url(duo_left.gif) no-repeat top left;width:19px;height:32px;margin-top:-13px;text-indent:-9000px;cursor:pointer;opacity:.8}
.es-nav span.es-nav-next{right:12px;left:auto;background:transparent url(duo_right.gif) no-repeat top left}
.es-nav span:hover{opacity:1}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0px;margin:0px}
@media screen and (min-width:1004px){
.top .fl{min-width:690px;overflow:hidden}
.top .fr .ss{clear:both;padding-top:50px}
#nav li a{font-size:14px}
#liinquiry{display:flex;align-items:center;height:64px;padding:0 10px;}
#liinquiry a{background:#fff;height:40px!important;line-height:40px!important;padding:0 15px !important;border-radius:30px;color:#333 !important;transition:all .1s linear;text-decoration:none}
#liinquiry a:hover{opacity:.9}
#liinquiry a::before{display:none;}
#nav ul{display:inherit}
.pro_lb1 li:nth-child(4n+5){clear:both}}
@media screen and (max-width:1004px) and (min-width:960px){
.top .fl{float:none;clear:both;max-width:100%}
.top .fr{float:none;clear:both;width:100%}
.top .fr .ss{float:right}
.top .fr .xyz{float:left;padding-top:6px}
#nav li a{font-size:14px;padding:0px 20px}
#nav ul{display:inherit}
.col2{width:27%}
.col3{width:28%}
.pro_lb1 li{width:33.33%}
.pro_lb1 li:nth-child(3n+4){clear:both}}
@media screen and (max-width:960px) and (min-width:640px){
.logo{float:none;width:100%;text-align:center}
.head-text,.top .fr .xyz{display:none}
.logo img{max-height:70px}
#nav{border-top:6px solid var(--color)}
#nav li{width:100%;border-right:0px;border-bottom:1px solid #303b48}
#nav li a{line-height:48px}
#nav li:hover ul{display:none!important}
.inmenu::before{border-bottom-width:1px}
#nav li a.inmenu_1{background:rgba(255,255,255,.1) url(btbg.png) left 47px repeat-x!important;z-index:-1}
.prolist li{float:left;width:98%;height:200px;border:1px solid #dddada;margin:15px .8%}
.hotpro li{width:50%}
.lnew,.tnew{float:none;width:100%;clear:both}
#nav .fl,#nav .fr{display:block}
#nav ul{display:none;position:absolute;top:60px;left:0px}
#nav{height:60px;position:relative}
.col1{width:50%}
.col2{width:262px;padding-right:15px;float:right}
.col3{padding-left:15px;clear:both}
.pro_lb1 li{width:50%}
.pro_lb1 li:nth-child(2n+3){clear:both}
.pcon_r{word-break:break-word}
.newslist li a{width:75%}
#nav li#liHome{border-left:0px}}
@media screen and (max-width:960px) and (min-width:700px){
.pcon_l{float:none;width:402px;margin:0px auto;overflow:hidden}
.pcon_r{padding-left:0px}
.pcon_r .pcon_info,.pcon_r .pd-title{padding-left:20px}
.pcon_r .p_more{margin-left:20px}
.jqZoomPup,.zoomdiv{display:none!important}
.rnews li{float:none;display:block;width:100%;margin:0px auto}
.newcon .next,.newcon .prev{float:none;width:100%;margin:0px auto}
#nav li#liHome{border-left:0px}}
@media screen and (max-width:700px) and (min-width:480px){
.pcon_l{float:none;width:400px;margin:0px auto;overflow:hidden}
.pcon_r{padding-left:12px}
.jqZoomPup,.zoomdiv{display:none!important}
.newslist li a{width:75%}
.rnews li{float:none;display:block;width:100%;margin:0px auto}
.newcon .next,.newcon .prev{float:none;width:100%;margin:0px auto}
#nav li#liHome{border-left:0px}}
@media screen and (max-width:640px){
.top .fl,.top .fr{float:none;width:100%;margin-top:0px}
.logo{float:none;width:100%;max-width:480px;text-align:center}
.head-text,.top .fr .ss,.top .fr .xyz{display:none}
.logo img{max-height:70px}
#nav{border-top:4px solid var(--color)}
#nav li{width:100%;border-right:0px;border-bottom:1px solid var(--color)}
#nav li a{line-height:36px}
#nav li:hover ul{display:none!important}
.inmenu::before{border-bottom-width:0px}
#nav li a.inmenu_1{background:rgba(255,255,255,.1)!important;z-index:-1}
#nav .fl,#nav .fr{display:block}
#nav ul{display:none;position:absolute;top:48px;left:0px}
#nav{height:48px;position:relative}
#nav .fl,#nav .fr{font-size:18px;line-height:48px}
.top .fr .ss{float:none;width:300px;padding-top:0px;margin:0px auto}
.ss .sk{border-radius:0}
.lnew,.tnew{float:none;width:100%;clear:both}
.hotpro li{float:left;width:50%}
.hotpro li.hotpro li .p_more{display:none}
.tnew p{max-height:106px}
.ttext{padding:0px 12px 0 172px}
.tnew img{width:160px}
.prolist li{float:none;width:98%;height:160px}
.propic{height:160px;width:160px;text-align:center}
.propic img{max-height:160px;max-width:160px}
.protext{padding:0px 12px 0 180px;font-size:12px}
.protext h3,.protext .h3{font-size:14px;margin-top:25px}
.protext p{max-height:40px;overflow:hidden}
.p_more{margin:16px 0px;display:inline-block;min-width:85px;padding:0px 15px;height:30px;line-height:30px;font-size:14px;font-weight:var(--fontbold6);text-transform:uppercase;text-align:center;color:#FFF}
.col1,.col2{display:none}
.col3{float:none;width:auto;margin:0px;padding:0px}
.col3 h3{text-indent:15px}
.col4{float:left}
.ccs{word-break:break-word;word-wrap:break-word;padding:0px 15px}
.col4{float:left;padding-left:15px}
.pro_lb1 li{width:50%}
.sidebar{float:none;width:100%;padding-top:12px}
.main{padding:6px 0px 0px 0px}
.sf-menu{display:table;width:96%;margin:0px auto;padding-bottom:20px}
ul.sf-menu ul ul{display:none!important}
.ctit h3{text-indent:10px}
.newcon .next,.newcon .prev{float:none;width:100%;margin:0px auto}
.newcon{padding:0px 12px}}
@media screen and (max-width:480px){
.hotpro span{display:none}
.col1,.col2{display:none}
.col3{float:none;width:auto;margin:0px;padding:0px}
.col3 h3{text-indent:15px}
.col4{float:left}
.pro_lb1 li{width:100%}
.pages span{display:none}
.pages span.ctxt{display:inline-block}
.pcon_l{float:none;margin:0px auto;overflow:hidden}
.pcon_r{padding-left:12px}
.pcon_l{float:none;width:302px;margin:0px auto;overflow:hidden}
.jqzoom,.spec-preview{width:300px!important;height:300px!important}
.jqzoom img{max-width:300px!important;max-height:300px!important}
.spec-scroll .items{width:244px!important}
.spec-scroll{width:302px!important}
.jqZoomPup,.zoomdiv{display:none!important}
.newslist li a,.rnews li{float:none;display:block;width:100%}
.newslist li span{display:none}
.newcon .next,.newcon .prev{float:none;width:100%;margin:0px auto}
.newcon{padding:0px 12px}
#nav li#liHome{border-left:0px}
.es-carousel ul li a{width:100%;height:100px;line-height:100px}
.es-carousel ul li a img{max-height:96px;max-width:100%}}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0px;margin:0px}
.buybtn{clear:both;width:200px;height:40px;margin:20px 0px 0px 0px;text-align:left;line-height:40px}
.buybtn a{display:inline-block;padding:0px 15px;color:#FFF;height:40px;background:#0a4da6;border-radius:2px;font-size:18px}
.buybtn a:hover{background:#145cbc;color:#FFF;border-radius:2px}
.pshare{float:left;padding:8px 0px 0px 0px}
.jsshare{text-align:center;padding-top:8px}
.pshare li{float:left;width:48%;height:28px;line-height:28px}
.pshare li img{vertical-align:middle;margin-right:12px}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0px 8px 0px 0px;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
.at-icon-wrapper svg,span.at-icon-wrapper{width:24px!important;height:24px!important;line-height:24px!important}
.tenflag1,.tenflag2,.tenflag3{width:680px;clear:both}
.tenflag1{border:solid 1px #EEE}
.tenflag1 dt{border-bottom:solid 1px #EEE}
.tenflag1 dd{text-indent:12px}
.tenflag1 dt,.tenflag2 dt,.tenflag3 dt{font-size:16px;font-weight:var(--fontbold7);padding:16px 0 12px 12px}
.tenflag2 dd{float:left;width:20%;margin:0px;padding:0px;line-height:36px;text-align:left}
.tenflag1 dd{height:36px;line-height:36px;border-bottom:solid 1px #EEE;padding:0px;margin:0px;background:#f5f5f5}
.tenflag1 dd span{float:left;width:36%;background:#FFF;font-weight:var(--fontbold7)}
.tenflag1 dd:nth-child(2n) span{background:#f5f5f5}
.tenflag1 dd:nth-child(2n){background:#FFF}
.tenflag2 dd{text-align:center}
.tenflag2 dd img{width:116px;display:block;margin:0px auto;padding-bottom:0!important}
.tenflag2 dd p{padding:0px 0 6px 0px;margin:0px}
.tenflag3 img{width:680px!important;height:448px!important}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0px 0px 0px;line-height:32px;background:url(https://img01.v15cdn.com/down1_2.webp) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(https://img01.v15cdn.com/down1_1.webp) no-repeat;padding:0px 0 0 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0px 0px 0px;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(https://img01.v15cdn.com/down2_1.webp) no-repeat;padding:0px 12px 0 16px}
.pdown2 #A_DownLoadProduct{background:url(https://img01.v15cdn.com/down2_2.webp) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(https://img01.v15cdn.com/down2_3.webp) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(https://img01.v15cdn.com/down2_4.webp) right top no-repeat}
.proCateTags{clear:both;padding:0px 6px 6px 6px;margin:0px 10px;border:solid 1px #EEE;border-radius:5px}
.proCateTags h3{font-size:14px;line-height:32px;margin:0px;padding:0px}
.keywords{margin:12px auto}
.keywords a{margin-right:10px;color:#2e66b5;line-height:1.8;text-decoration:underline;display:inline-block;white-space:nowrap;text-overflow:ellipsis}
.keywords a:hover{text-decoration:none}
.qrcode{float:right;margin:0px;height:24px;line-height:24px;text-align:left;background:url(https://img01.v15cdn.com/ewm.webp) no-repeat;background-size:24px 24px;cursor:pointer;position:relative}
.qrcode .ErWeiImg{width:24px;height:24px;opacity:0;border:1px solid #FFF;position:absolute;z-index:99999}
.qrcode span{display:inline-block;background:url(https://img01.v15cdn.com/bmore.webp) right no-repeat;padding:0px 12px 0 30px;background-size:8px 7px;color:#FFF}
.qrcode:hover span{background:url(https://img01.v15cdn.com/bmore1.webp) right no-repeat;background-size:8px 7px}
.hamore{color:#FFF;clear:both;float:left;height:36px;line-height:36px;background:#5fa568;padding:0px 20px;margin-top:12px}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 h2{padding-bottom:10px}
.rollPro1 li{width:30%;float:left;margin-right:5%;text-align:center}
.rollPro1 li:nth-of-type(3){margin-right:0px}
.rollPro1 li:nth-of-type(6){margin-right:0px}
.rollPro1 li:nth-of-type(9){margin-right:0px}
.rollPro1 li:nth-of-type(12){margin-right:0px}
.rollPro1 li .pbox{border:solid 1px #EEE;padding:4px;height:150px}
.rollPro1 li .pbox img{max-width:100%;max-height:150px}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}
.pro-body{padding:10px;font-size:14px;border-radius:3px;margin-bottom:5px}
.inner-banner img{width:100%}
.protext .sub1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.prolist li{height:auto;display:flex}
.propic{height:auto;width:230px;flex:0 0 auto}
.protext{padding:10px;display:flex;flex-direction:column;align-items:flex-start}
.prolist.clearfix ul{display:flex;flex-wrap:wrap}
.prolist li a.p_more{margin:0px;margin-top:auto}
.protext .h3,.protext h3{margin-top:0px;height:auto;line-height:1.6;min-height:auto;margin-bottom:7px;max-height:inherit;}
.propic img{max-height:none;display:block;max-width:100%}
@media (max-width:960px){
.top .fr{display:none}}
.top .fr{position:relative}
#xyz *{box-sizing:border-box}
#xyz{position:absolute;z-index:999999;width:120px;height:30px;line-height:30px;margin-left:10px;top:10px;right:0px}
.xyz12{width:100%;position:absolute;height:100%}
.xyz12 ul{border:1px #EEE solid;background:#FFF}
.xyz12 li{float:none;margin-left:0px;width:100%;position:relative;height:28px;padding:0px 8px;z-index:1;text-align:left}
.xyz12 li a{color:#333333;font-size:12px;padding:0px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.xyz12 li.selected{border-top:0px}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:6px;top:0px;background:url(https://img01.v15cdn.com/amore.webp) center no-repeat;display:block;width:30px;height:30px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url(https://img01.v15cdn.com/amore1.webp) center no-repeat}
.xyz12 li img {vertical-align:middle;margin:0px 7px 0px 0px}
.xyz12 li:hover{background:#F2F2F2}
@media (max-width:960px){
.top .fr{display:block}
.top .fr .ss{display:none}
#xyz{top:21px;right:72px}
.xyz12 ul{background:#333333;border:none}
.xyz12 span{background-image:url(amore.png)}
.xyz12 span.dp{background-image:url(amore1.png)}
.xyz12 li a{color:#FFF}}
.foo-contact span.ico1 {background:url(https://css02.v15cdn.com//m122/blue/ico01.gif) no-repeat}
.foo-contact span.ico2{background:url(https://css02.v15cdn.com//m122/blue/ico02.gif) no-repeat}
.foo-contact span.ico3{background:url(https://css02.v15cdn.com//m122/blue/ico03.gif) no-repeat}
.foo-contact span.ico3,.foo-contact span.ico2,.foo-contact span.ico1{ background-size:18px 18px}
.pro-body {padding:0px;color:#333333;line-height:1.6;margin-bottom:10px}
h1.ejfl {font-size:18px;color:#222;line-height:1.3;margin:10px 0px}
.pcon .pinfo {padding:10px}
.pcon .pinfo {color:#222;font-size:15px;line-height:1.7}
.productsTags {font-size:15px;color:#222;margin:10px;line-height:1.6}
.productsTags a {color:#222}
.proIntro {font-size:14px;line-height:1.7;color:#666666;margin:15px 0 25px}
.proIntro a {color:#666}
.ttpic {width:280px;overflow:hidden;height:200px;margin-right:20px}
.tnew .tbox .ttpic img {padding:0px}
.ttext {width:calc(100% - 300px)}
.tnew strong {margin-top:15px}
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}
.sidebar{margin-bottom:30px}
.sidebar-item *{box-sizing:border-box}
.sidebar-item{box-sizing:border-box;width:100%;margin-bottom:20px;position:relative}
.sidebar-item.sidebar-search{background:#F1F1F1;display:flex;justify-content:space-between;align-items:center;border:none;padding:20px 12px}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{font-size:12px;width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear}
.email-subscription button{margin-top:10px;width:100%;height:40px;background:var(--color);color:#FFFFFF;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}
.company-intro{border:none}
.company-intro p{padding:10px 12px 15px;border:1px solid #EEEEEE;font-size:14px}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;padding:1em 0;border-bottom:1px solid #EEEEEE}
.sidebar-item .sidebar-list .item:first-child{padding-top:0}
.sidebar-item .sidebar-list .item:hover .img img{transform:scale(1.02)}
.sidebar-item .sidebar-list .item:hover .info .title{color:var(--color)}
.sidebar-item .sidebar-list .item .img{width:100px;height:80px;background:#FFFFFF;border:1px solid #EBEBEB;border-radius:3px;overflow:hidden}
.sidebar-item .sidebar-list .item .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info{flex:1;padding-left:15px}
.sidebar-item .sidebar-list .item .info .title{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info .more{margin-top:5px;text-transform:capitalize;color:var(--color);font-size:14px}
.blogflex{display:flex;align-items:flex-start;padding:20px 12px;border:none;background:#F1F1F1}
.blogflex .blogflex-img{width:50px;height:50px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex .blogflex-img img{width:100%;height:100%;object-fit:cover}
.blogflex .blogflex-info{flex:1;padding-left:10px}
.blogflex .blogflex-info .blogflex-name{font-size:18px;line-height:1.4;font-weight:700}
.blogflex .blogflex-info .blogflex-content{font-size:14px;line-height:1.4;color:#666666;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}
.lang{z-index:999999;text-align:left;position:absolute;right:0;top:10px;;}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize16);user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:var(--headercolor,#333);margin-left:8px;font-size:var(--fontsize14,14px)}
.lang-icon span::before{content:"";position:absolute;right:4px;top:13px;width:8px;height:1px;background:var(--headercolor,#333);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:13px;width:8px;height:1px;background:var(--headercolor,#333);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(20%)}
.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-drop.lang-flex .lang-arrow{left:80%}
.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.3333%}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor,#333);font-size:var(--fontsize12,12px);padding:10px 12px;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:1024px){
.lang{transition:all .2s linear}
.lang-icon img{width:32px;height:auto;}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.active{display:block;top:calc(100% + 12px)}}
@media(max-width:1240px){
h1.pd-title,.newcon .tit{font-size:22px;}
}