@charset "utf-8";
@import url(../../language.css);
@font-face{font-family:latobold;src:url(../fonts/Lato-Bold_0.ttf) format('truetype')}
@font-face{font-family:latoreg;src:url(../fonts/Lato-Regular_0.ttf) format('truetype')}
@font-face{font-family:latoblack;src:url(../fonts/Lato-Black_0.ttf) format('truetype')}
:root{--color:#d3b493;--fontcolor:var(--fontcolor);--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:'latoreg','Lato', 'Open Sans', 'Roboto', 'Poppins', 'Oswald', 'Noto Sans', sans-serif}
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{max-width:100%;height:auto;border:none}
strong{font-family:latoblack}
header{width:100%;background:#cfdfc2;position:relative;z-index:999}
.top{max-width:1300px;padding:6px 10px;margin:0px auto;text-align:center;position:relative;background:#cfdfc2}
.logo img{max-height:100px}
.search{position:absolute;right:10px;top:18px;width:250px;background:#FFFFFF}
.searchtxt{float:left;width:210px;height:36px;text-indent:10px;border:none}
.searchbtn{float:right;width:36px;height:36px;cursor:pointer;background:#FFFFFF url(../icon-searh.png) center center no-repeat}
.mobmenu{position:absolute;right:10px;top:50%;width:40px;height:40px;transform:translate(0,-50%);cursor:pointer;display:none}
.nav{width:100%;background:#FCFCFC;text-align:center}
.navlist{position:relative}
.navlist>li{display:inline-block}
.navlist>li>a{padding:0px 22px;line-height:80px;display:inline-block;font-family:latobold;font-size:18px;text-transform:uppercase;position:relative}
.navlist>li>a:after{content:'';bottom:0px;height:3px;width:0px;background:var(--color);position:absolute;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.navlist>li.inmenu>a,.navlist>li>a:hover{color:var(--color)}
.navlist>li.inmenu>a:after,.navlist>li>a:hover::after{width:40%;transform:translate(-50%,0);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.navlist>li{position:relative}
.submenu{position:absolute;left:0px;background:rgba(255,255,255,.8);display:none;min-width:200px;max-width:400px}
.submenu li a{display:block;padding:0px 10px;line-height:32px;font-size:15px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.submenu li a:hover{background:var(--color);color:#FFFFFF}
.navlist li:hover>ul{display:block}
@media screen and (max-width:992px){
.top{text-align:left;position:relative;z-index:99}
.logo img{max-height:58px;display:block}
.search{display:none}
.mobmenu{display:block}
.nav{width:300px;position:fixed;right:0px;top:0px;height:100%;padding-top:70px;border-left:1px solid #CCCCCC;display:none}
.navlist{overflow:scroll;height:100%}
.navlist>li{width:100%;border-bottom:1px solid #CCCCCC;text-align:left;background:url(../icon-down.png) 95% 14px no-repeat;background-size:16px}
.navlist>li:hover{background-image:url(../icon-up.png)}
.navlist>li>a{width:auto;line-height:42px;font-size:16px}
.navlist>li.inmenu>a:after,.navlist>li>a:hover::after{width:0px;opacity:0}
.submenu{position:static}}
.banner{width:100%;position:relative;overflow:hidden}
.bannerlist{width:8000px}
.bannerlist li{float:left}
.banner img{width:100%;display:block}
.bicon{position:absolute;bottom:30px;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0)}
.bicon li{width:35px;height:5px;border-radius:3px;background:rgba(255,255,255,.9);float:left;margin-right:10px;cursor:pointer}
.bicon li.bactive,.bicon li:hover{background:var(--color)}
.bnext,.bprev{cursor:pointer;display:block;width:60px;height:60px;background:rgba(255,255,255,.5) url(../icon-black.png) center center no-repeat;position:absolute;top:50%;margin-top:-30px;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.bprev{left:-60px}
.bnext{right:-60px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.banner:hover .bprev{left:0px;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.banner:hover .bnext{right:0px;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.bnext:hover,.bprev:hover{background-image:url(../icon-white.png);background-color:rgba(0,0,0,.5)}
@media screen and (max-width:768px){
header{height:70px}
.top{position:fixed;top:0px;left:0px;width:100%}
.bicon{bottom:20px}
.bicon li{width:25px}
.bnext,.bprev{width:34px;height:34px;background-size:70%}}
.ind{padding:30px 10px}
.intitle{text-align:center;font-size:50px;text-transform:uppercase;padding:20px 0px 60px;position:relative}
.intitle:after{content:'';width:60px;height:3px;background:var(--color);position:absolute;bottom:60px;left:50%;margin-left:-30px}
.prodln li{margin-bottom:30px;width:25%;float:left;text-align:center;padding:0px 15px}
.prodln{margin:0px auto;max-width:1300px}
.prodln:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
.prfi{font-size:18px;color:var(--color);margin-bottom:5px}
.promore,.protit{font-family:latoblack;font-size:18px;text-transform:uppercase}
.protxt{color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.protit{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px}
.prpic{width:350px;height:300px;display:table-cell;vertical-align:middle;overflow:hidden;padding:10px}
.prpic img{max-width:100%;max-height:100%;display:block;margin:0px auto;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.prodln li:hover .promore a{color:var(--color)}
.prodln li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
@media screen and (max-width:992px){
.prpic{height:260px}
.intitle{font-size:42px}}
@media screen and (max-width:768px){
.prodln li{width:50%}
.prpic{height:350px}}
@media screen and (max-width:500.latitpx){
.prpic{height:260px}}
@media screen and (max-width:400px){
.prodln li{width:100%}}
#customize{padding-top:80px;background:url(../cebg.jpg) center center no-repeat;background-size:cover}
.cuscontainer{max-width:1000px;margin:0px auto;text-align:center}
.custitle{text-align:center;font-size:50px;text-transform:uppercase;color:#FFFFFF;padding:50px 0px;max-width:600px;margin:0px auto}
.cusword{padding:0px 10px;color:#FFFFFF;font-size:18px;line-height:30px}
.cusbtn{font-family:latobold;display:inline-block;line-height:42px;font-size:17px;min-width:200px;background:#cfdfc2;text-align:center;margin:40px 0px 30px}
.cusbtn:hover{color:#FFFFFF;background:var(--color)}
@media screen and (max-width:992px){
.custitle{font-size:42px}}
.indetail{width:1170px;margin:0px auto;overflow:hidden;position:relative}
.indlist{width:20000px}
.indlist:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.indlist li{width:1170px;float:left;text-align:center;padding:0px 150px}
.indpic{margin-bottom:20px}
.indpic img{max-height:100px}
.indtit{font-family:latoblack;font-size:15px;position:relative;padding-right:34px;line-height:20px;display:inline-block;max-width:380px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indtit:after{content:'';height:14px;width:2px;background:#333333;position:absolute;right:15px;top:3px}
.indtime{margin-bottom:10px}
.dtime{font-size:15px;color:#999999;display:inline-block;line-height:20px;vertical-align:top}
.indewor{font-size:20px;color:#999999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.inext,.inprev{display:inline-block;width:35px;height:35px;background:url(https://css02.v15cdn.com/m222/icon-le.png) center center no-repeat;position:absolute;top:50%;margin-top:50px;cursor:pointer}
.inext{background-image:url(https://css02.v15cdn.com/m222/icon-ri.png);right:0px}
.inprev:hover{background-image:url(https://css02.v15cdn.com/m222/icon-le-gr.png)}
.inext:hover{background-image:url(https://css02.v15cdn.com/m222/icon-ri-gr.png)}
@media screen and (max-width:1290px){
.indetail,.indlist li{width:900px}
.indlist{width:2700px}}
@media screen and (max-width:992px){
.indetail,.indlist li{width:600px}
.indlist{width:1800px}
.indlist li{padding:0px 100px}
.indtit{display:block;padding:0px;max-width:100%;line-height:34px}
.indtit:after{width:0px}
.indewor{font-size:20px;line-height:28px}}
@media screen and (max-width:640px){
.indetail,.indlist li{width:315px}
.indlist{width:945px}
.indlist li{padding:0px 50px}}
#prodrecomm{padding:50px 0px}
#prodrecomm:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
#prodrecomm li{width:16.66667%;float:left;position:relative}
#prodrecomm li img{width:100%;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#prodrecomm li:nth-child(1),#prodrecomm li:nth-child(3),#prodrecomm li:nth-child(6){margin-top:32px}
#prodrecomm li:nth-child(2),#prodrecomm li:nth-child(5){margin-top:20px}
#prodrecomm li a{display:inline-block;width:100%}
.precent{width:90%;height:90%;border:3px solid #FFFFFF;position:absolute;top:5%;left:5%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.precent span{width:48px;height:48px;display:inline-block;background:#cfdfc2 url(../icon-link.png) center center no-repeat;position:absolute;right:-3px;bottom:-3px}
#prodrecomm li:hover .precent{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
#prodrecomm li:hover img{-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
@media screen and (max-width:992px) and (min-width:501px){
#prodrecomm li{width:33.3333%}
#prodrecomm li:nth-child(1),#prodrecomm li:nth-child(2),#prodrecomm li:nth-child(3),#prodrecomm li:nth-child(5),#prodrecomm li:nth-child(6){margin-top:0px}
#prodrecomm li a{height:380px;width:320px;display:table-cell;vertical-align:middle}
#prodrecomm li img{display:block;max-height:380px}
.precent{height:50%;top:25%}}
@media screen and (max-width:768px){
#prodrecomm li a{height:300px}
#prodrecomm li img{max-height:300px}}
@media screen and (max-width:600px){
#prodrecomm li a{height:240px}
#prodrecomm li img{max-height:240px}}
@media screen and (max-width:500px){
#prodrecomm li{width:94%;margin:10px 3%!important}
#prodrecomm li a{height:auto;width:100%}
#prodrecomm li img{max-height:inherit}}
#laone{max-width:1300px;margin:0px auto;border-top:1px solid #CCCCCC}
#laone li:after,#laone:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
#laone li{float:left;width:33.3333%}
.lapic{position:relative;background:#cfdfc2;display:inline-block;float:left;width:70px;height:90px}
.lapic img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%}
.lacont{padding-left:85px;padding-right:20px}
.latit{font-size:20px;margin-bottom:7px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.laword{color:#999999;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media screen and (max-width:992px){
#laone li{width:100%;margin-bottom:20px}}
footer{background:#333333}
.fobtop{max-width:1300px;margin:0px auto}
@media screen and (min-width:993px){
.fobtop{display:flex;justify-content:space-between}}
.fobtop:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.fobone{float:left;width:24%;color:#aeaeae;line-height:26px}
.fobtop .fobone:nth-child(2){margin:0px 14%;width:auto;max-width:24%}
.fobtop .fobone:nth-child(3){float:right}
.foblogo{display:block;max-height:100px}
.fobtit{color:#FFFFFF;font-size:23px;margin:45px 0px 24px}
.fobwor{font-family:latoreg;margin-top:15px}
.fobone a{color:#aeaeae}
.fobone a:hover{color:var(--color)}
.fotxt{background:#3b3b3b;width:270px;height:40px;margin-top:15px}
.fotxt input{height:40px}
.fointxt{text-indent:12px;color:#FFFFFF;width:230px;background:0 0;float:left}
.fotxtbtn{width:40px;background:url(../icon-mail.png) center center no-repeat;cursor:pointer}
.fobottom{text-align:center;color:#999999;font-size:14px;background:#FFFFFF}
.fobshare li{margin-bottom:20px;display:inline-block;width:47px;height:47px;border-radius:50%;border:1px solid #CCCCCC;margin-right:5px;background:url(../share-1-de.png) center center no-repeat}
.fobshare li:nth-child(2){background-image:url(../share-f-de.png)}
.fobshare li:nth-child(3){background-image:url(../share-t-de.png)}
.fobshare li:nth-child(4){background-image:url(../share-v-de.png)}
.fobshare li:last-child{margin:0px}
.fobshare li a{width:47px;height:47px;display:inline-block}
.fobshare li:hover{background-color:#cfdfc2;border-color:#cfdfc2}
.fobshare li:nth-child(1):hover{background-image:url(../share-1-wh.png)}
.fobshare li:nth-child(2):hover{background-image:url(../share-f-wh.png)}
.fobshare li:nth-child(3):hover{background-image:url(../share-t-wh.png)}
.fobshare li:nth-child(4):hover{background-image:url(../share-v-wh.png)}
@media screen and (max-width:992px){
.fobone{width:100%}
.fobtop .fobone:nth-child(2){margin-left:0px;max-width:100%}}
.inner-banner{width:100%;display:block}
.inner{margin:0px auto 30px;padding:0px;max-width:1300px}
.inner-banner{display:block}
.bPosition{clear:both;margin:0px auto 20px;padding:5px;text-align:right;background-color:#FAFAFA;border-bottom:1px #EEE solid;text-transform:capitalize}
.bPosition a{font-size:14px;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%;font-size:22px;font-family:latobold;color:#FFFFFF;line-height:44px;text-align:center;background:var(--color)}
.leftMenu{margin-bottom:15px}
.sf-menu,.sf-menu1,.sf-menu2{margin:0px auto 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 li:last-child a,.sf-menu1>li:last-child a:last-child,.sf-menu2>li:last-child a:last-child,.sf-menu>li:last-child a:last-child{border-bottom:none}
.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:#555555;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;z-index:9}
.sf-menu .pro-menu,.sf-menu2 .pro-menu{position:absolute;left:100%;top:0px;width:100%}
.sf-menu ul.pro-menu li a{background:#e0c1a0;color:#FFFFFF;border-color:#f0d3b2}
.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:#f0d3b2}
.sf-menu2 ul li a:hover{background:#e0c1a0}
.contout{padding:10px;background:#F2F2F2}
.contout a:hover{color:var(--color)}
.inner-r{padding-left:25px;overflow:hidden}
.inner-r h1,.inner-r h3{font-size:26px;line-height:44px;margin-bottom:10px}
.inner-r iframe,.inner-r img,.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{display:inline-block;min-width:120px;line-height:38px;background:#cfdfc2;text-align:center;padding:0px 10px;margin-top:18px}
.iprbtn:hover{color:#FFFFFF;background:var(--color)}
.plmor{float:left;width:25%;padding:10px;margin-bottom:10px}
.plmpic{width:100%;height:230px;position:relative;border:solid 1px #F1F1F1}
.plmpic img{max-width:100%;max-height:100%;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{font-size:16px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
.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;font-family:latoreg}
.pro-detail .fl{float:left}
.pro-detail .fr{float:right;width:580px}
.pro-detail:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.pro-detail .fr p a{margin-top:20px;display:inline-block;margin-right:14px;padding:0px 18px;line-height:36px;font-size:16px;background:#cfdfc2}
.pro-detail .fr p a:hover{background:var(--color);color:#FFFFFF}
.pro-detail .fr div{clear:none}
.inner-r .fr h1{font-size:26px;line-height:1.3}
.inner-r .fr p{color:#555555}
div#con{float:left;width:100%}
.pro-detail{float:left;margin-bottom:10px;width:100%}
.ptit,h3.feedBack{padding:0px 20px;font-size:22px;color:#FFFFFF;line-height:44px;text-align:center;background:var(--color);display:inline-block}
#tags:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
#tags li{float:left;line-height:36px;margin:15px 10px 15px 0px}
#tags li a{text-align:center;background:#DDDDDD;color:#444444;display:inline-block;padding:0px 24px;font-size:17px;cursor:pointer}
#tags li.selectTag a{background:var(--color);color:#FFFFFF}
.tagall{display:none}
.tagall.tagactive{display:block}
.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;text-align:center}
.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:#999999;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}}
h1.newsTitle{font-size:26px;line-height:1.3;text-align:center}
.newsDate{text-align:center;font-size:13px;color:#999999;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{background:#f7f7f7;line-height:44px;padding:0px 10px;height:44px;margin:15px 0px}
.prevNext:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
.prevNext .next,.prevNext .prev{width:48%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prevNext .next{float:right}
.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:#777777}
.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(../../down1_2.webp) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(../../down1_1.webp) no-repeat;padding:0px 0px 0px 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(../../down2_1.webp) no-repeat;padding:0px 12px 0px 16px}
.pdown2 #A_DownLoadProduct{background:url(../../down2_2.webp) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(../../down2_3.webp) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(../../down2_4.webp) right top no-repeat}
.table,.table1,table#emphasis,table#newspaper,table#verzebra,table.colorful,table.hovertable,table.imagetable,table.table2{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,table.table2 p{padding:0px;margin:0px}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
table.table2 td,table.table2 th{border:1px solid #cdcdcd;padding:5px}
table.table2 tr:nth-child(odd){background-color:#efede1}
table.table2 tr:nth-child(even){background-color:#FFFFFF}
table.table2 tr:first-child{background-color:#8db3e3}
table.table2 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-size:11px;color:var(--fontcolor);border-width:1px;border-color:#999999;border-collapse:collapse}
table.imagetable th{background:#b5cfd2;border-width:1px;padding:8px;border-style:solid;border-color:#999999}
table.imagetable td{background:#dcddc0;border-width:1px;padding:8px;border-style:solid;border-color:#999999}
table.hovertable{font-size:11px;color:var(--fontcolor);border-width:1px;border-color:#999999;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:#666699}
.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 #444444}
.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}
.innerbanners{display:block;width:100%}
.newsContent{word-break:break-word}
.sf-menu li:hover{z-index:999}
.inew-box-par{max-width:1200px;padding:0px 50px;position:relative;margin:0px auto}
#inew-box{width:100%;margin:0px auto}
#inew-box li{text-align:center}
.inewext,.inewprev{display:inline-block;width:35px;height:35px;background:url(https://css02.v15cdn.com/m222/icon-le.png) center center no-repeat;position:absolute;top:50%;left:0px;margin-top:-50px;cursor:pointer;outline:none}
.inewext{background-image:url(https://css02.v15cdn.com/m222/icon-ri.png);left:auto;right:0px}
#inew-box img{max-height:300px}
#inew-box .indtit{font-size:18px}
#inew-box .indewor{font-size:16px;line-height:1.4}
ul.fobnav{padding:0px 15px 15px;max-width:1300px;margin:0px auto}
ul.fobnav li{display:inline-block;padding:0px 10px;font-size:16px;line-height:10px}
ul.fobnav li a:hover{color:var(--fontcolor)}
.proIntro{clear:both;padding:0px;margin:0px auto}
.recommendbox{padding:20px 0px 50px}
.recommendbox .recommendlist{max-width:1300px;margin:0px auto;position:relative;padding:0px 80px}
.recomlist-btn>div{position:absolute;width:44px;height:44px;color:var(--fontcolor);display:flex;align-items:center;justify-content:center;top:50%;margin-top:-22px;background:#f6f6f6;cursor:pointer;transition:.3s}
.recomlist-btn>div i{font-size:30px}
.recomlist-btn>div.recomlist-prev{left:10px}
.recomlist-btn>div.recomlist-next{right:10px}
.recomlist-btn>div:hover{background:#efefef}
.recommendlist #prodrecomm{padding:0px}
.recommendbox #prodrecomm li{margin-top:0!important}
.recommendbox #prodrecomm li a{display:block;width:100%;height:auto}
.recommendbox .precent{height:90%;top:5%}
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{position:absolute;z-index:99999;width:120px;height:30px;line-height:30px;left:0px; display: none !important;}
.lang-icon>img{margin-right:5px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;color:var(--fontcolor);font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px}
.lang-icon span::before{content:'';position:absolute;right:4px;top:16px;width:8px;height:1px;background:#000000;transform:rotate(50deg)}
.lang-icon span::after{content:'';position:absolute;right:0;top:16px;width:8px;height:1px;background:#000000;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:40%;transform:translateX(50%);background:#FFFFFF;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #ebeef5;border-left:1px solid #ebeef5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0;box-sizing:border-box}
.lang-drop.lang-flex{transform:translateX(20%);right:auto;left:-60%}
.lang-drop.lang-flex .lang-arrow{left:18%!important}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:4px 16px;box-sizing:border-box;transition:background-color .3s;text-align:left}
.lang-flex .lang-wrap li{width:33%;padding:4px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size: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{display:none}
.lang{margin-left:auto}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin:2px 0 0 0}
.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%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
.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}
.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}
.sidebar-item .sidebar-list{padding:0 10px;background:#F2F2F2}
.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}
.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}