@charset "utf-8";
@import url(language.css);
:root{--color:#555555;--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}
body{margin:0px auto;padding:0px;font-size:16px;color:var(--fontcolor);line-height:1.6;font-family:arial}
ol,ul,li{padding:0px;margin:0px;list-style:none}
input,textarea{outline:0;resize:none;border:none}
button{border:0px;outline:0}
a{text-decoration:none;color:var(--fontcolor)}
a:hover{color:var(--color)}
input[type=checkbox],input[type=password],input[type=text],textarea{font-size:16px}
img{border:0px;max-width:100%;height:auto}
header{z-index:999999;position:sticky;top:0px;width:100%;left:0px;background:rgba(255,255,255,.9);border-bottom:solid 1px #EEEEEE}
.hetop{max-width:1350px;margin:0px auto;padding:0px 10px;position:relative}
.hetop:after,.navlist:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.logo{width:240px;float:left;position:relative;margin-right:110px;height:100px}
.logo img{max-width:100%;max-height:100%;display:block;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%)}
.navlist{float:left}
.navlist>li{float:left;position:relative}
.navlist>li>a{display:inline-block;line-height:100px;padding:0px 20px;text-transform:uppercase;font-size:16px;font-weight:var(--fontbold7)}
.navlist>li>a:hover{color:var(--color)}
.navlist ul{min-width:100%;max-width:400px;position:absolute;left:0px;background:rgba(255,255,255,.9);display:none}
@media screen and (min-width:993px){
.navlist li:hover>ul{display:block}}
.navlist ul li a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:100%;display:block;line-height:32px;padding:0px 10px;font-size:16px;border-bottom:1px dashed #CCCCCC}
.navlist ul li:last-child a{border:none}
.navlist ul li a:hover{background:var(--color);color:#FFFFFF}
.tsearch{float:right;position:relative;display:flex;align-items:center}
.tsbtn{display:inline-block;width:30px;height:30px;margin:33px 0px;background:url(../png/icon-search.png) center center no-repeat;cursor:pointer}
.tseabox{display:none;width:280px;height:40px;background:#F2F2F2;border-radius:18px;z-index:999;overflow:hidden;position:absolute;right:0px;top:80px}
.searchtxt{width:216px;height:40px;padding-left:20px;background:0 0;color:var(--fontcolor);float:left}
.searchbtn{width:64px;height:40px;background:var(--color);float:left;cursor:pointer;color:#FFFFFF;font-size:15px}
.mobmenu{position:absolute;right:10px;top:50%;width:40px;height:40px;transform:translate(0,-50%);cursor:pointer;display:none}
@media screen and (max-width:1400px){
.logo{margin-right:50px}}
@media screen and (max-width:1200px){
.navlist>li>a{padding:0px 10px;font-size:15px}
.logo{width:200px;margin-right:40px}}
@media screen and (max-width:992px){
body,html{overflow-x:hidden}
.tsearch{display:none}
.mobmenu{display:block}
header{height:60px;position:fixed}
.inner-banner,#banner{margin-top:60px}
.logo{height:60px;width:180px}
.navlist{position:absolute;right:-300px;top:60px;width:300px;background:rgba(255,255,255,.9)}
.navlist>li{float:none;width:100%;border-bottom:1px solid #CCCCCC;text-align:left;background:url(../png/icon-down.png) 95% 14px no-repeat;background-size:16px}
.navlist>li.mob{background-image:url(../png/icon-up.png)}
.navlist>li>a{line-height:44px;padding:0px 15px}
.navlist ul{position:static}}
.banner{width:100%;position:relative;overflow:hidden}
.bannerlist{width:8000px}
.bannerlist li{float:left}
.banner img{width:100%;display:block}
.banicon{position:absolute;bottom:10px;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0)}
.bilist{float:left}
.bilist li{width:35px;height:4px;background:#333333;float:left;margin:18px 15px;border-radius:5px;cursor:pointer}
.bilist li.bactive,.bilist li:hover{background:var(--color)}
.bnext,.bprev{float:left;cursor:pointer;display:block;width:40px;height:40px;background:url(../png/icon-lef.png) center center no-repeat;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.bprev{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.bnext:hover,.bprev:hover{background-image:url(../png/icon-lef-act.png);-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
@media screen and (max-width:768px){
.bilist li{width:20px;height:3px;margin:8px 7px}
.bnext,.bprev{width:20px;height:20px;background-size:100%}}
.ind{padding:50px 0px 0px}
#about{max-width:1200px;margin:20px auto;padding:40px 10px}
#about:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.ablef{width:300px;float:left}
.abtit{font-size:24px;line-height:34px}
.abmd{text-transform:uppercase;color:var(--color);letter-spacing:6px;font-size:12px;margin-top:5px}
.abrig{padding-left:340px;font-size:16px}
.morebtn{font-size:12px;text-transform:uppercase;margin-top:15px;display:inline-block;line-height:22px;position:relative}
.morebtn span{display:inline-block;width:20px;height:20px;border:1px solid #000000;position:absolute;top:0px;right:-35px;line-height:19px;text-align:center;color:#000000;font-size:14px}
.morebtn:hover span{border-color:var(--color);color:var(--color)}
@media screen and (max-width:768px){
.ablef{width:100%;float:none}
.abrig{padding:0px;margin-top:25px}}
#igrow{padding:20px 0 30px}
#igrow:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
.iglef{width:50%;height:500px;float:left;background:url(../jpg/indpic.jpg) center center no-repeat;background-size:cover}
.igrig{width:50%;float:left;padding:40px 70px;height:500px}
.igtit{font-size:30px;line-height:42px;text-transform:uppercase;margin-bottom:10px}
.abcol{color:var(--color);text-transform:uppercase;letter-spacing:2px;margin-bottom:25px;font-size:14px}
.iglist li{margin-bottom:15px;padding-left:20px;position:relative}
.iglist li:before{content:'';width:7px;height:7px;border:1px solid #333333;border-radius:50%;position:absolute;left:0px;top:5px}
@media screen and (max-width:1400px){
.igrig{padding:40px}}
@media screen and (max-width:992px){
.iglef,.igrig{width:100%}
.igrig{padding:40px 70px}}
@media screen and (max-width:600px){
.igrig{padding:40px 25px}
.igtit{font-size:26px;line-height:36px}}
.iprlist:after,.proshw:after,.psicon:after{content:'';display:block;height:0px;clear:both;visibility:hidden}
.iprtop{width:100%;overflow:hidden}
.iprlist{width:4100px;display:flex;flex-wrap:wrap}
.iprlist li{float:left;position:relative;margin-right:10px;border:solid 1px #EEEEEE}
.iprlist li>a{display:inline-block;width:100%}
.iprlist li img{width:100%}
.ipcli{margin-top:-30px;padding-bottom:10px;width:200px;position:relative;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.ipcont{width:170px;background:#FFFFFF;padding:5px 15px 15px;box-shadow:3px 3px 15px #e1eaee}
.iprlist li:hover .ipcli{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.proshw{max-width:1100px;margin:0px auto;position:relative;padding:30px 198px 0px}
.psiout{width:100%;overflow:hidden}
.psicon{width:200%;height:15px}
.psicon li{float:left;width:12.5%;height:8px;border-bottom:3px solid #e4e7f0;cursor:pointer}
.psicon li:hover{border-color:var(--color)}
.pronext,.proprev{cursor:pointer;display:inline-block;width:91px;height:18px;position:absolute;bottom:0px;left:36px;background:url(../png/icon-le.png) left center no-repeat}
.pronext{background:url(../png/icon-rg.png) right center no-repeat;left:auto;right:36px}
.proprev:hover{background-image:url(../png/icon-lere.png)}
.pronext:hover{background-image:url(../png/icon-rgre.png)}
@media screen and (max-width:800px){
.proshw{padding:30px 148px 0px}
.proprev{left:20px}
.pronext{right:20px}}
@media screen and (max-width:450px){
.proshw{padding:30px 128px 0px}
.pronext,.proprev{width:65px}}
#inews{max-width:1400px;margin:0px auto;padding:50px 10px}
#inews:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.inelf{width:45%;float:left;text-align:center;padding:115px 0px}
.inetit{font-size:30px;text-transform:uppercase}
.ineprom{font-size:14px;color:var(--color);text-transform:uppercase;margin-top:12px}
.line{width:1px;height:50px;background:#e4e7f0;display:inline-block;margin:30px 0px}
.inedetail{line-height:24px;margin-bottom:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;max-height:240px}
.inerg{float:right;width:50%;padding:0px 100px 100px 0px;position:relative}
.inerg>img{width:100%}
.nrgmd{position:absolute;right:0px;bottom:0px;width:54%;padding:20px;border:7px solid;border-image:-webkit-linear-gradient(to right,#FFF 30%,#aaa) 30 30;border-image:-moz-linear-gradient(to right,#FFF 30%,#aaa) 30 30;border-image:linear-gradient(to right,#FFF 30%,#aaa) 30 30}
.nrgmd img{width:100%}
@media screen and (max-width:1200px){
.inelf{padding:60px 0px}}
@media screen and (max-width:992px) and (min-width:769px){
.line{height:0px;margin:0px}
.inelf{padding:40px 0px}}
@media screen and (max-width:768px){
.inelf{width:100%;padding:0px}
.inerg{display:none}}
#prodcate:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.prefi{width:33.333333%;float:left;overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.prefi img{margin:1%;width:97%;border:solid 1px #EEEEEE}
.prefi:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
@media screen and (max-width:768px){
.prefi{width:100%}}
footer{text-align:center;background-color:#FAFAFA}
.fotxt{font-size:24px;text-transform:uppercase;margin-bottom:20px}
.fonav li{display:inline-block;padding:10px;font-size:16px;text-transform:uppercase}
.fonav li a:hover{color:var(--color)}
.foshare{margin:35px 0px 50px}
.foshare li{display:inline-block;padding:0px 8px}
.copyright{margin:0px auto;padding:10px;font-size:14px;text-align:center;text-transform:capitalize}
@media screen and (max-width:1200px){
.fonav li{padding:12px 20px}}
@media screen and (max-width:992px){
.fonav li{padding:12px 10px}}
.inner-banner{width:100%;display:block}
.inner{max-width:1300px;padding:0px 10px;margin:0px auto 30px}
.inner-banner{display:block}
.bPosition{padding:10px;text-align:right;font-size:12px;color:#666666;margin-bottom:20px;border-bottom:1px #EEEEEE solid;text-transform:capitalize}
.bPosition a{font-size:12px;color:#666666}
.inner-l{width:270px;float:left;padding-bottom:25px}
.inner:after{content:'';visibility:hidden;height:0px;clear:both;display:block}
.ltit,.sidetit{width:100%;line-height:44px;text-align:center;background:var(--color);border-radius:5px;font-size:20px;color:#FFFFFF;margin-bottom:12px}
.leftMenu{margin-bottom:15px}
.sf-menu,.sf-menu1,.sf-menu2{margin:10px 0px 20px}
.inner-content li,.sf-menu li,.sf-menu1 li,.sf-menu2 li{line-height:38px}
.inner-content li a,.sf-menu li a,.sf-menu1 li a,.sf-menu2 li a{padding:6px 10px 6px 15px;background:#F2F2F2;display:block;width:100%;border-bottom:1px dashed #BBBBBB;font-size:17px;line-height:25px}
.inner-content .leftMenu>ul>li:first-child>a,.sf-menu1>li:first-child>a,.sf-menu2>li:first-child>a,.sf-menu>li:first-child>a{border-radius:5px 5px 0 0}
.inner-content .leftMenu>ul>li:last-child>a,.sf-menu1>li:last-child>a,.sf-menu2>li:last-child>a,.sf-menu>li:last-child>a{border-radius:0 0 5px 5px}
.inner-content li a:hover,.sf-menu li a:hover,.sf-menu ul li a:hover,.sf-menu ul ul li a:hover,.sf-menu1 li a:hover,.sf-menu1 ul li a:hover{color:#FFFFFF;background:var(--color)}
.sf-menu ul li a,.sf-menu1 ul li a{font-size:15px;color:var(--color);background:#FFFFFF}
.sf-menu ul ul li a,.sf-menu1 ul ul li a{color:#777777}
.sf-menu ul,.sf-menu2 ul{display:none}
.sf-menu li:hover>ul,.sf-menu2 li:hover>ul{display:block}
.sf-menu li,.sf-menu2 li{position:relative}
.sf-menu .pro-menu,.sf-menu2 .pro-menu{position:absolute;left:100%;top:0px;width:100%}
.sf-menu ul.pro-menu li a{background:#888888;color:#FFFFFF;border-color:#CCCCCC}
.sf-menu ul.pro-menu li a:hover{background:var(--color)}
.sf-menu2 .sub-menu{position:absolute;left:100%;top:0px;width:100%}
.sf-menu2>li>a:hover{text-decoration:underline}
.sf-menu2 ul li a{background:var(--color);color:#FFFFFF;border-color:#CCCCCC}
.sf-menu2 ul li a:hover{background:#888888}
.contout{border-radius:5px;padding:10px;background:#F2F2F2;line-height:24px;font-size:15px;margin-top:10px}
.contout a:hover{color:var(--color)}
.inner-r{padding-left:20px;padding-right:20px;overflow:hidden}
.inner-r .inner-position>h1,.inner-r>h1{font-size:24px;line-height:44px;margin-bottom:12px;border-radius:5px;background:#F7F7F7;text-indent:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inner-r .tagContent img,.inner-r iframe,.inner-r table{max-width:100%}
.inprone{float:left;width:100%;padding:14px 0px;border-bottom:1px dashed #CCCCCC}
.inprolist:after,.inprone:after{content:'';visibility:hidden;height:0px;clear:both;display:block}
.iplef{width:260px;display:inline-block;border:1px solid #efefef;float:left}
.iplef img{max-width:100%;display:block;margin:0px auto}
.iprotxt{padding-left:290px;padding-top:15px}
.iprtit{font-size:19px;line-height:30px;margin-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:90px}
.iprtit:hover{color:var(--color)}
.ipdetail{overflow:hidden;color:#696969}
.iprbtn{border-radius:5px;color:#FFFFFF;display:inline-block;min-width:120px;line-height:38px;background:var(--color);text-align:center;padding:0px 10px;margin-top:18px}
.iprbtn:hover{background:#888888;color:#FFFFFF}
.plmor{float:left;width:31.33%;margin:1%;border:solid 1px #EEEEEE}
.plmpic{width:100%;height:302px;position:relative;background:#F7F7F7}
.plmpic img{max-width:100%;max-height:100%;display:block;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.plmtit{padding:0px 5px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.plmor:hover .plmtit{color:var(--color)}
@media screen and (max-width:1100px){
.plmpic{height:150px}}
@media screen and (max-width:992px){
.iplef{width:210px}
.iprotxt{padding-left:230px}
.plmor{width:33.3333%}
.plmpic{height:170px}}
@media screen and (max-width:992px) and (min-width:768px){
.iprotxt{padding-left:0px;width:100%;float:left}}
@media screen and (max-width:768px){
.inner-l{width:100%}
.inner-r{padding:0px}
.iprotxt{padding-top:0px}
.plmpic{height:200px}}
@media screen and (max-width:600px){
.plmor{width:50%}
.iprotxt{padding-left:0px;width:100%;float:left;margin-top:20px}}
@media screen and (max-width:415px){
.plmor{width:100%}
.plmpic{height:auto}}
.pro-content{font-size:16px}
.pro-detail .fl{float:left}
.pro-detail .fr{padding-left:400px}
.pro-detail:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.pro-detail .fr div a{border-radius:5px;margin:20px 0px;display:inline-block;margin-right:14px;padding:0px 18px;line-height:36px;font-size:16px;background:var(--color);color:#FFFFFF}
.pro-detail .fr div a:hover{background:#888888}
.inner-r .fr h1{font-size:26px;line-height:1.3;margin-bottom:10px}
.inner-r .fr p{color:#555555}
div#con{float:left;width:100%}
.pro-detail{float:left;margin-bottom:30px;width:100%}
.detag,.ptit,h3.feedBack{line-height:36px;margin:15px 10px 15px 0px;text-align:center;background:var(--color);color:#FFFFFF;display:inline-block;padding:0px 24px;font-size:17px}
.productsTags{padding:10px 0px}
.tagContent iframe,.tagContent img,.tagContent table{max-width:100%}
@media screen and (max-width:1100px){
.pro-detail{margin-bottom:15px}
.pro-detail .fr{width:100%;padding:0px;float:left;margin-top:35px;border-bottom:1px dashed #CCCCCC;padding-bottom:30px}}
.rollPro1{width:100%;margin:10px 0px}
.rollPro1:after{content:'';display:block;visibility:hidden;clear:both;height:0px}
.rollPro1 li{float:left;width:33.3333%;padding:10px;margin-bottom:10px}
.rollPro1 li .pbox{width:100%}
.rollPro1 li .pbox a{width:380px;height:280px;display:table-cell;vertical-align:middle;background:#F7F7F7}
.rollPro1 li .pbox img{max-width:100%;max-height:100%;display:block;margin:0px auto}
.rollPro1 li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;text-align:center;line-height:30px;margin-top:10px}
.rollPro1 li:hover a{color:var(--color)}
@media screen and (max-width:1100px){
.rollPro1 li .pbox a{height:200px}}
@media screen and (max-width:992px){
.rollPro1 li .pbox a{height:130px}}
@media screen and (max-width:768px){
.rollPro1 li{width:50%}
.rollPro1 li .pbox a{height:180px}}
@media screen and (max-width:667px){
.rollPro1 li .pbox a{height:250px}}
@media screen and (max-width:460px){
.rollPro1 li{width:100%}
.rollPro1 li .pbox a{height:auto}}
.newlist:after{content:'';display:block;visibility:hidden;clear:both;height:0px}
.nwone{line-height:42px;border-bottom:1px dashed #CCCCCC}
.nwone a{overflow:hidden;max-width:78%;text-overflow:ellipsis;white-space:nowrap;display:block;float:left}
.nwtime{float:right;font-size:14px}
.nwone:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.nwone{float:left;width:100%}
@media screen and (max-width:500px){
.nwone a{max-width:68%}}
.nwmor{width:100%;float:left;border-bottom:1px dashed #CCCCCC;padding:14px 0px}
.wmpic{display:block;float:left;width:260px}
.wmpic img{max-width:100%;display:block;margin:0px auto}
.newstxt{padding-left:290px;color:#696969}
.newstxt a{max-width:95%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:19px;max-height:48px}
.txtime{color:#888888;font-size:13px;margin:8px 0px;display:block}
.txtime span{font-weight:var(--fontbold7);margin-right:6px}
.newstxt p{overflow:hidden}
@media screen and (max-width:992px) and (min-width:768px){
.newstxt{padding-left:0px;width:100%;float:left;margin-top:15px}}
@media screen and (max-width:600px){
.newstxt{padding-left:0px;width:100%;float:left;margin-top:15px}}
.newsTitle{font-size:26px;line-height:1.3;text-align:center}
.newsDate{text-align:center;font-size:13px;color:#888888;margin:8px 0px 25px;padding-bottom:6px;position:relative}
.newsDate:after{content:'';width:100px;height:1px;background:#CCCCCC;position:absolute;bottom:0px;left:50%;margin-left:-50px}
.newsContent img{max-width:100%}
.prevNext .next,.prevNext .prev{line-height:44px;margin-top:15px;background:#F2F2F2;border-radius:5px;padding:0px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prevNext .next a,.prevNext .prev a{margin-left:5px}
.prevNext .next a:hover,.prevNext .prev a:hover{color:var(--color)}
.pages{text-align:center;margin:20px 0px;color:#666666;font-size:14px}
.pages a,.pages span{margin:0px 4px;display:inline-block;line-height:28px;padding:0px 10px}
.pages a:hover,.pages span.ctxt{background:var(--color);color:#FFFFFF}
.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}
.table,.table1,table#emphasis,table#newspaper,table#verzebra,table.colorful,table.hovertable,table.imagetable{width:100%;border-collapse:collapse}
.table p,.table1 p,table#emphasis p,table#newspaper p,table#verzebra p,table.colorful p,table.hovertable p,table.imagetable p{padding:0px;margin:0px}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table tr:nth-child(odd){background-color:#efede1}
.table tr:nth-child(even){background-color:#FFFFFF}
.table tr:first-child{background-color:#8db3e3}
.table tr:nth-child(3){background-color:#d7d7d7}
.table1 th,.table1 tr.bgcolor{background-color:#c1c1c1}
.table1 td,.table1 th{border:1px solid #000000;padding:5px}
table.imagetable{font-family:verdana,arial,sans-serif;font-size:11px;color:var(--fontcolor);border-width:1px;border-color:#888888;border-collapse:collapse}
table.imagetable th{background:#b5cfd2;border-width:1px;padding:8px;border-style:solid;border-color:#999}
table.imagetable td{background:#dcddc0;border-width:1px;padding:8px;border-style:solid;border-color:#999}
table.hovertable{font-family:verdana,arial,sans-serif;font-size:11px;color:var(--fontcolor);border-width:1px;border-color:#888888;border-collapse:collapse}
table.hovertable th{background-color:#c3dde0;border-width:1px;padding:8px;border-style:solid;border-color:#a9c6c9}
table.hovertable tr{background-color:#d4e3e5}
table.hovertable tr:hover{background-color:#ff6}
table.hovertable td{border-width:1px;padding:8px;border-style:solid;border-color:#a9c6c9}
#verzebra{font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;font-size:12px;text-align:left;border-collapse:collapse}
#verzebra th{font-size:14px;font-weight:var(--fontbold4);padding:12px 15px;border-right:1px solid #FFFFFF;border-left:1px solid #FFFFFF;color:#039}
#verzebra td{padding:8px 15px;border-right:1px solid #FFFFFF;border-left:1px solid #FFFFFF;color:#669}
.vzebra-odd{background:#eff2ff}
.vzebra-even{background:#e8edff}
#verzebra #vzebra-adventure,#verzebra #vzebra-children{background:#d0dafd;border-bottom:1px solid #c8d4fd}
#verzebra #vzebra-action,#verzebra #vzebra-comedy{background:#dce4ff;border-bottom:1px solid #d6dfff}
#emphasis{font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;font-size:12px;text-align:left;border-collapse:collapse}
#emphasis th{font-size:14px;font-weight:var(--fontbold4);padding:12px 15px;color:#039}
#emphasis td{padding:10px 15px;color:#669;border-top:1px solid #e8edff}
.oce-first{background:#d0dafd;border-right:10px solid transparent;border-left:10px solid transparent}
#emphasis tr:hover td{color:#339;background:#eff2ff}
#newspaper{font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;font-size:12px;text-align:left;border-collapse:collapse;border:1px solid #6cf}
#newspaper th{padding:20px;font-weight:var(--fontbold4);font-size:13px;color:#039;text-transform:uppercase;border-right:1px solid #0865c2;border-top:1px solid #0865c2;border-left:1px solid #0865c2;border-bottom:1px solid #FFFFFF}
#newspaper td{padding:10px 20px;color:#669;border-right:1px dashed #6cf}
table.colorful{font-family:"Trebuchet MS",sans-serif;font-size:16px;font-weight:var(--fontbold7);line-height:1.4em;font-style:normal;border-collapse:separate}
.colorful thead th{padding:15px;color:#FFFFFF;text-shadow:1px 1px 1px #568f23;border:1px solid #93ce37;border-bottom:3px solid #9ed929;background-color:#9dd929;background:-webkit-gradient(linear,left bottom,left top,color-stop(.02,#7bc043),color-stop(.51,#8bc642),color-stop(.87,#9ed929));background:-moz-linear-gradient(center bottom,#7bc043 2%,#8bc642 51%,#9ed929 87%);-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius:5px 5px 0px 0px;border-top-left-radius:5px;border-top-right-radius:5px}
.colorful thead th:empty{background:0 0;border:none}
.colorful tbody th{color:#FFFFFF;text-shadow:1px 1px 1px #568f23;background-color:#9dd929;border:1px solid #93ce37;border-right:3px solid #9ed929;padding:0px 10px;background:-webkit-gradient(linear,left bottom,right top,color-stop(.02,#9ed929),color-stop(.51,#8bc642),color-stop(.87,#7bc043));background:-moz-linear-gradient(left bottom,#9ed929 2%,#8bc642 51%,#7bc043 87%);-moz-border-radius:5px 0 0 5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.colorful tfoot td{color:#9cd009;font-size:32px;text-align:center;padding:10px 0px;text-shadow:1px 1px 1px #444}
.colorful tfoot th{color:#666666}
.colorful tbody td{padding:10px;text-align:center;background-color:#def3ca;border:2px solid #e7efe0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#666666;text-shadow:1px 1px 1px #FFFFFF}
#indexnewspanel h3{text-align:center;font-size:30px;margin-bottom:30px}
.indexnewslist:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.indexnewslist li{width:33.333%;float:left}
.indexnewslist li img{display:block;max-width:100%;margin:0px auto;width:100%}
.indexnewslist li p{text-align:center;font-size:18px;margin-top:10px}
@media screen and (max-width:768px){
.indexnewslist{padding:0px 20px}
.indexnewslist li{width:100%;margin-bottom:20px}}
.navlist>li>a{padding:0px 15px}
.foshare{margin:35px 0px 20px}
.detail-catename{font-size:24px;line-height:44px;margin-bottom:12px;border-radius:5px;background:#F7F7F7;text-indent:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proIntro{clear:both;margin:20px auto;padding:10px 0px}
.relatednews .otitle {line-height:36px;margin:25px 10px 15px 0px;text-align:center;background:var(--color);color:#FFFFFF;display:inline-block;padding:0px 24px;font-size:17px}
.relatednews ul {margin-bottom:20px}
.relatednews ul:after {content:'';height:0px;clear:both;visibility:hidden;display:block}
.relatednews ul li {width:48.5%;float:left;line-height:40px;border-bottom:1px dashed #CCCCCC;margin-right:2%}
.relatednews ul li:nth-child(2n) {margin-right:0px}
.relatednews ul li a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.hnews {display:flex;justify-content:space-between;flex-wrap:wrap}
.hnews .h3 {margin:0px 0px 25px;width:100%;font-size:28px;color:var(--fontcolor);text-align:left;text-transform:uppercase;font-weight:bold}
.hnews .lnew,.hnews .tnew {float:left;width:48.5%}
.hnews .tnew .tbox {border:1px solid #ddd;margin-top:14px;display:flex}
.hnews .tnew p {line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;height:88px}
.hnews .tnew .tlpic {float:left;padding-right:20px;height:200px;width:220px}
.hnews .tnew strong {display:block;font-size:16px;margin:15px 0px 10px;text-transform:capitalize;font-weight:var(--fontbold6);white-space:nowrap;text-overflow:ellipsis;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;padding-left:14px;height:36px;line-height:36px;overflow:hidden;position:relative;max-width:80%;white-space:nowrap;text-overflow:ellipsis;display:block}
.hnews li a:before {content:"";width:4px;height:8px;background:var(--color);position:absolute;left:0px;top:50%;margin-top:-4px}
.hnews a.p_more.mmv {background:var(--color);color:#FFFFFF;display:inline-block;line-height:34px;padding:0px 30px;margin-top:20px}
.hnews a.p_more.mmv:hover {background:#333333}
.hnews li span {font-size:14px}
.hnews .tnew .ttext {width:calc(100% - 220px);padding-right:15px}
.industrys ul {width:100%;display:flex;flex-wrap:wrap}
.industrys ul li {width:50%}
.industrys ul li a object {display:flex}
.industrys ul li div {flex:1}
.industrys ul li .news-img img {width:100%;display:block}
.industrys ul li .news-content {position:relative;background:#f6f6f6;display:flex;flex-direction:column;justify-content:space-evenly}
.industrys ul li .news-content .news-title {margin:0px 20px;color:#2b2b2b;font-size:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.industrys ul li .news-content .news-date {margin:0px 20px;color:#666666;font-weight:var(--fontbold7)}
.industrys ul li .news-content article {margin:0px 20px;color:#444444;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.industrys ul li .news-content .more-link {margin:0px 20px;color:#2b2b2b;font-weight:var(--fontbold7);line-height:24px;font-size:18px}
.industrys ul li .news-content .more-link i {color:#2b2b2b;position:relative;top:1px;transform:scale(1.7)}
.industrys ul li .news-content:before {content:"";position:absolute;bottom:0px;transition:opacity .7s ease 0s,transform .7s ease 0s;width:94%;height:92%;top:4%;left:3%;opacity:0;border-top:2px solid var(--color);border-bottom:2px solid var(--color);transform:scaleX(0);-webkit-transform:scaleX(0);box-sizing:border-box}
.industrys ul li .news-content:after {transition:opacity .5s ease 0s,transform .5s ease 0s;content:"";border-left:2px solid var(--color);border-right:2px solid var(--color);transform:scaleY(0);-webkit-transform:scaleY(0);opacity:0;position:absolute;width:94%;height:92%;top:4%;left:3%;box-sizing:border-box}
.industrys ul li:hover .news-content .more-link a,.industrys ul li:hover .news-content .more-link i,.industrys ul li:hover .news-content .news-title a {color:var(--color)}
.industrys ul li:hover .news-content:after,.industrys ul li:hover .news-content:before {opacity:1;transform:scale(1)}
.industrys ul li:nth-child(3) a object,.industrys ul li:nth-child(4) a object {flex-direction:row-reverse}
.industrys {max-width:1400px;margin:0px auto;padding:0px 10px 50px}
.industrys >.h3 {margin:0px 0px 25px;font-size:28px;color:var(--fontcolor);text-align:left;text-transform:uppercase;font-weight:bold}
@media screen and (max-width:992px){.hnews .lnew,.hnews .tnew,.industrys ul li{width:100%}
.hnews .lnew{margin-top:35px}
.hnews{flex-wrap:wrap}}
.download-list li{width:100%;height:137px;display:flex;align-items:center;background-color:#fbfbfb;margin-bottom:30px}
.download-list{width:100%}
.download-img{height:100%;width:228px;display:flex;align-items:center}
.download-img img{max-height:100%;max-width:100%}
.download-info{display:flex;align-items:center;color:#777777;margin-left:30px}
.download-btn:hover{color:#FFFFFF}
.download-btn{margin-left:auto;margin-right:30px;width:154px;border-radius:10px;height:40px;background-color:var(--color);color:#FFFFFF;display:flex;justify-content:center;align-items:center}
.download-btn{min-height:40px;height:auto;padding:10px;box-sizing:border-box}
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:relative;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:#000000;margin-left:5px;line-height:20px;display:none}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#333333;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#333333;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%}}
.sidebar-item{box-sizing:border-box;width:100%;margin-bottom:20px;position:relative}
.sidebar-item.sidebar-search{background:#F2F2F2;display:flex;justify-content:space-between;align-items:center;border:none;padding:20px 10px;border-radius:5px}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{font-size:14px;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;background:#F2F2F2;font-size:15px;border-radius:5px}
.sidebar-item .sidebar-list{padding:0 10px;background:#F2F2F2;border-radius:5px}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #bbb}
.sidebar-item .sidebar-list .item:last-child{border:none}
.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:15px;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:4px;text-transform:capitalize;color:var(--color);font-size:14px}
.blogflex{display:flex;align-items:flex-start;padding:20px 10px;border:none;background:#F2F2F2;border-radius:5px}
.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}