@charset "utf-8";
@import url(../../language.css);
:root{--color:#007bc1;--fontcolor:#000000;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box}
html{margin:0px;padding:0px;font-size:16px;overflow-x:hidden;direction:rtl}
body{margin:0px auto;font-size:16px;line-height:1.7;color:var(--fontcolor);font-family:'Century Gothic',Arial,sans-serif}
a{color:var(--fontcolor);text-decoration:none;transition:all .4s}
a:active,a:hover{color:var(--color);text-decoration:none}
ol,ul,li{list-style:none}
img{max-width:100%;height:auto;border:0px;vertical-align:bottom}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
.center-block{display:block;margin-right:0px;margin-left:0px}
.pull-right{float:right!important}
.pull-left{float:left!important}
.text-right{text-align:right!important}
.text-left{text-align:left!important}
.text-center{text-align:center!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0px}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both}
.browerupgrade{margin:0px;padding:1rem;background:#CCCCCC}
.navbar{background:rgba(0,0,0,.8);height:6.25em;position:fixed;left:0px;top:0px;bottom:0px;right:0px;z-index:1000}
.navbar .container{position:relative}
.container{max-width:1400px;margin:0px auto;width:100%;padding:0px 20px}
.logo img{max-height:80px;margin-top:10px;display:inline-block}
.owl-theme .owl-dots{position:relative;z-index:20}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:-2.5rem}
.f16{font-size:16px}
#nav{float:right}
#nav>.menu{float:left;}
#nav li{float:left;position:relative;z-index:99999}
#nav li a{font-size:16px;color:#FFFFFF;line-height:100px;display:block;padding:0px 25px;text-align:center}
.inmenu{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:var(--color);transform-origin:50% 50%;left:0px;top:0px;right:0px;bottom:0px;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:var(--color);z-index:-1}
#nav .fl,#nav .fr{display:none;font-size:20px;color:#FFFFFF;line-height:100px}
.nbtn{background:url(nav_icon.png) center no-repeat;width:60px;text-indent:900px;overflow:hidden;cursor:pointer}
#nav li:hover ul li{float:none;display:block;width:100%;height:40px;border-bottom:1px solid #FFFFFF;clear:both;min-width:120px;background:var(--color)}
#nav li:hover ul li a{float:none;display:block;color:#FFFFFF;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0px 10px;line-height:40px;text-align:left;text-transform:none;border-top:0px}
#nav li:hover ul li a:hover{color:#FFFFFF;background:#000000;border-top:0px}
#nav li ul{display:none;float:left;width:auto;position:absolute;top:100px;left:0px;background:var(--color);padding-left:0px;z-index:9999999}
.columns-box{text-align:center}
.columns-box .prices-title{padding:40px 0px 10px;margin-bottom:20px;text-align:center;font-size:34px;line-height:1;position:relative;font-weight:var(--fontbold7)}
.columns-box .prices-title:after{content:'';width:4rem;position:absolute;height:3px;background:#666666;left:50%;bottom:0px;margin-left:-2rem}
.columns-box li{width:25%;float:left;padding:0px 1.5rem 35px 1.5rem}
.columns-box img{width:75px}
.columns-box h2,.columns-box .h2{font-size:24px;font-weight:var(--fontbold6)}
.columns-box li i.iconfont{font-size:3rem}
.columns-box li p{font-size:14px;color:var(--fontcolor)}
.columns-box li a{display:inline-block}
.columns-box li a:active,.columns-box li a:hover{color:var(--color)}
.abouts-imgs{width:50%;position:relative;display:table-cell;overflow:hidden;vertical-align:top}
.abouts-text{width:50%;color:var(--fontcolor);display:table-cell;padding:3%;vertical-align:baseline;background:#f2f5f8}
.abouts-imgs .abouts-fixed{background-position:center;background-size:cover;width:100%;height:100%;position:absolute}
.abouts-text h2.h2,.abouts-text .h2{display:block;font-size:24px;font-weight:var(--fontbold6)}
.abouts-text p{font-size:16px}
.abouts-button{padding:5px 25px;margin-top:15px;border:1px solid var(--color);color:var(--color);text-transform:lowercase;display:inline-block}
.abouts-text p.f16{font-size:16px;color:#666666}
.abouts-button:hover{background:var(--color);border-color:var(--color);color:#FFFFFF}
.team-index .abouts-text{background:#FFFFFF}
.prices-box{background:#f2f4f8;overflow:hidden;padding-bottom:3rem}
.prices-title{padding:40px 0px 10px;margin-bottom:20px;text-align:center;font-size:34px;line-height:1;position:relative;font-weight:var(--fontbold7)}
.prices-title:after{content:'';width:4rem;position:absolute;height:3px;background:#666666;left:50%;bottom:0px;margin-left:-2rem}
#owl-demo2 .item{position:relative;background:var(--color);text-align:center;font-size:0px;overflow:hidden}
#owl-demo2 .item img{max-width:100%;width:100%;height:auto;transition:all .5s}
#owl-demo2 .item div.al-txt{transition:all .5s;position:absolute;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%);color:var(--color)}
#owl-demo2 .item div.al-txt h3{font-size:16px;font-weight:var(--fontbold4)}
#owl-demo2 .item div.al-txt p{font-size:14px}
#owl-demo2 .item:active img,#owl-demo2 .item:hover img{opacity:.3;transform:scale(1.1,1.1)}
#owl-demo2 .item:active div.al-txt,#owl-demo2 .item:hover div.al-txt{opacity:1;color:#FFFFFF}
.vod{position:relative;padding-bottom:3rem}
.vod i{position:absolute;border:50px solid transparent;border-left-color:rgba(255,255,255,.8);width:0px;height:0px;left:50%;top:50%;cursor:pointer;display:block;margin-top:-50px;margin-left:-50px}
.info-box{background:#f2f4f8}
.info-list{font-size:0px;margin:0px -1rem}
.info-list.ProductTopHotList{display:flex;flex-wrap:wrap}
.info-list li{width:25%;display:inline-block;font-size:14px;color:#666666;overflow:hidden;padding:0px 1rem 1rem;margin-bottom:20px}
.info-list li img{width:100%;height:auto;transition:all .5s}
.info-list li h3,.info-list li .h3{font-weight:var(--fontbold6);line-height:1.3;margin:5px 0px 0px 0px}
.info-list li h3 a,.info-list li .h3 a{font-size:18px;color:var(--fontcolor)}
.info-list li h3 a:hover,.info-list li .h3 a:hover{font-size:18px;color:var(--color)}
.info-list li a span,.info-list li time{font-size:14px}
.info-list li p{margin:10px 0px;color:#666666}
.info-list li a:active img,.info-list li a:hover img{transform:scale(1.1,1.1);opacity:.8}
.info-list li a.pic{overflow:hidden;display:block;font-size:0px}
.info-list li a span{border:1px solid var(--color);padding:8px 20px;color:var(--color);margin:0px auto}
.info-list li a span:hover{background:var(--color);padding:8px 20px;color:#FFFFFF}
.met-footer{width:33.33333%;float:left;padding:0px 1rem 1rem;color:#CACACA;font-size:14px}
.met-footer a{color:#CACACA}
.met-footer h3,.met-footer .h3{font-size:20px;padding-bottom:5px;text-align:left;color:#FFFFFF;font-weight:var(--fontbold6)}
.met-footer:nth-child(2) i{margin-right:8px}
.social-box{margin-top:1.2rem}
.social-box img{display:inline-block;margin-right:7px;border-radius:50%}
.social-box i{color:#FFFFFF;font-size:1.5rem}
.met-footer li{list-style:none}
.met-footer dl{margin-bottom:10px;overflow:hidden}
.met-footer dt{float:left;width:50px;line-height:0px}
.met-footer dd{margin-left:3.75rem;overflow:hidden}
.met-footer dd a{display:block;height:1.5rem;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;color:#AAAAAA}
.met-footer dd time{display:block;height:1.25rem;overflow:hidden;line-height:1.25;font-size:14px}
.met-footer dd a:hover{color:var(--color)}
footer{background:#3d3f3e;overflow:hidden;padding:2rem 0 0 0;color:#AAAAAA;line-height:2}
.copy{background:#2c2e2e;line-height:2;color:#666666;padding:1.2rem 0em}
.links{text-align:center}
.links li{display:inline-block;font-size:14px;color:#666666}
.links li a{color:#666666}
.links li+li:before{padding:0px 6px 0 1px;color:#666666;content:"/"}
.copy p{font-size:14px;text-align:center}
#banner{margin-top:100px}
.services{background:url(services.jpg) no-repeat 0 0;padding:2em 0 4em 0;background-size:cover}
.services h3,.services .h3{text-align:center;color:#FFFFFF;font-size:34px;font-weight:var(--fontbold6);margin-bottom:5px}
.services h3 span,.services .h3 span{font-weight:var(--fontbold6)}
.services-grids{background:#FFFFFF;padding:1% 1%;margin:1% 1%;width:46%;display:inline-block}
ul.srevicesgrid_info{list-style:none;margin:0px;padding:0px}
ul.srevicesgrid_info li{margin:10px 0px}
li.tick{background:url(tick.png) no-repeat center right;padding:0px 28px 0px 0px}
.services-bottom{background:var(--color);padding:10px 0px}
.services-bottom p{color:#FFFFFF;text-align:center;font-size:26px;padding:0px;margin:0px}
.services-bottom span{font-weight:var(--fontbold6);margin:7px}
.icon{float:left;width:15%;margin-right:2%}
.icon-text{float:left;width:83%;margin-top:.3em}
.service-section{padding:5em 0em}
.service-section-head h3{color:#394b50;font-size:2.2em;font-weight:900;text-transform:uppercase}
.service-section-head{margin-bottom:2em}
.service-section-head p{color:#394b50;font-size:1.2em;font-weight:var(--fontbold5)}
.service-section-grid{margin-top:3em}
.service-section-grid h4{color:#394b50;font-size:1.25em;font-weight:900;margin-bottom:.85em;font-family:Ubuntu,sans-serif}
.service-section-grid p{color:#7b7b7b;font-size:.9em;font-weight:var(--fontbold4);line-height:1.8em;font-family:Ubuntu,sans-serif}
.inner-banner{margin-top:100px;text-align:center}
.inner-banner img{max-width:100%;display:block}
.bPosition{font-size:14px;background:#EEEEEE;padding:10px 0px;text-indent:14px;margin:20px auto}
.container .ejfl{font-size:30px;line-height:1;text-align:center;margin:20px 0px;font-weight:var(--fontbold7)}
.news-bigbox{width:100%;display:inline-block;margin-bottom:30px}
.news-bigbox:nth-of-type(2n){background:#EEEEEE}
.bigboxtime{float:left;padding:18px;text-align:center;border:1px solid #EEEEEE}
.bigboxtime b{display:block;font-size:16px}
.bigboxtime span{font-size:16px}
.bigboxtxt{margin-left:110px;margin-right:20px}
.bigboxtxt h4{font-size:18px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bigboxtxt p{margin:5px 0px 0px;font-size:14px;color:#666666;overflow:hidden}
.pages{text-align:center;color:#BBBBBB;padding:15px 0px;clear:both}
.pages a,.pages span{display:inline-block;margin:0px 5px;padding:5px 14px}
.pages a:link,.pages a:visited{color:#666666;background:#FFFFFF}
.pages a:active,.pages a:hover,.pages span.ctxt{color:#FFFFFF;background:#333333;color:#FFFFFF;text-decoration:none}
.main{margin-bottom:50px}
.tit{text-align:center;font-size:26px;line-height:1.3;font-weight:var(--fontbold7)}
.time{font-size:14px;text-align:center}
.pinfo{clear:both;margin:15px auto;font-size:16px}
.pinfo li{list-style:none}
.rnews,.rollPro{margin:0px auto}
.rnews h3,.rollPro h3{font-size:25px;line-height:24px;padding:10px 0px 12px 0px;color:var(--color);text-align:right;font-weight:var(--fontbold4);height:30px}
.rnews li{display:inline-block;width:50%;height:35px;line-height:35px}
.rnews li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:15px;border-bottom:1px dashed #CCCCCC}
.rnews li a:hover{color:var(--color)}
.newcon .pn{padding:12px;border:1px solid #EEEEEE;margin-top:10px}
.newcon .next,.newcon .prev{color:var(--color);font-size:16px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newcon .next{margin-right:0px}
.prosubmenu{margin-bottom:20px}
.prosubmenu li{width:24%;float:left;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:1px}
.plist{display:inline-block;width:100%}
.pro-bigbox{float:left;width:49%;background:#EEEEEE;margin-bottom:20px;margin-right:2%;height:250px}
.pro-bigbox .bigboximg{width:40%;float:left;text-align:center;font-size:0px;margin:10px}
.pro-bigbox .bigboximg img{max-height:230px;max-width:100%}
.pro-bigbox:nth-child(even){margin-right:0px}
.pro-bigbox .bigboxword{width:53%;float:right;margin-right:10px}
.pro-bigbox .bigboxword h3{margin:10px 0px;line-height:25px;font-size:20px}
.pro-bigbox .bigboxword p{height:100px;line-height:25px;overflow:hidden}
.pro-bigbox .bigboxword .bigboxmore{margin:10px 0px 15px 0px}
.pro-bigbox .bigboxword .bigboxmore a{padding:5px 20px;background:var(--color);color:#FFFFFF;border-radius:50px}
.pro-bigbox .bigboxword .bigboxmore a:hover{background:#333333}
.pcon_l{float:left;width:400px;text-align:left}
.pcon_r{float:right;width:65%}
.pcon_r .pd-title{font-size:26px;text-transform:capitalize;line-height:1.3;margin-bottom:10px}
.pcon_info{margin-bottom:20px}
.p_more{color:#FFFFFF;background:var(--color);padding:8px 20px;margin-top:10px;border-radius:50px;display:inline-block}
.p_more:hover{color:#FFFFFF;background:#333333}
.pcon{width:100%;display:inline-block}
.pcon .tit{margin:10px 0px;padding:10px 0px;text-align:left;background:var(--color);text-indent:10px;color:#FFFFFF;font-size:20px;font-weight:var(--fontbold6)}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0px;margin:0px}
.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:40px;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}
.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 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(../../down2_1.webp) no-repeat;padding:0px 12px 0 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}
.proCateTags{clear:both;padding:0px 10px 8px 10px;margin:0px 10px;border:1px solid #EEEEEE;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}
.ptit{margin:10px 0px;padding:10px 0px;text-align:left;background:var(--color);text-indent:10px;color:#FFFFFF;font-size:20px;font-weight:var(--fontbold6);line-height:1.3}
.rollPro1{width:100%;margin:20px auto;overflow:hidden}
.productsTitle h4{margin:10px 0px;padding:10px 0px;text-align:right;background:var(--color);text-indent:10px;color:#FFFFFF;font-size:20px;font-weight:var(--fontbold4)}
.rollPro1 li{width:31%;float:left;margin-right:3.5%;text-align:center}
.rollPro1 li:nth-of-type(3n){margin-right:0px}
.rollPro1 li .pbox{border:1px solid #e2e2e2;padding:4px;height:240px}
.rollPro1 li .pbox img{max-width:100%;max-height:230px}
.rollPro1 li p{height:50px;line-height:25px;overflow:hidden;margin:10px auto}
.pro-body{margin-bottom:10px}
@media only screen and (max-width:960px){
.pro-bigbox{width:100%;background:#EEEEEE;margin-bottom:20px}
.pro-bigbox .bigboxword{width:62%;float:right}
.prosubmenu li{width:49%}}
@media only screen and (max-width:755px){
.bigboxtxt{margin-left:90px}
.rnews li{width:100%}}
@media only screen and (max-width:450px){
.pro-bigbox{width:100%;background:#EEEEEE;margin-bottom:20px;margin-right:0px;height:auto}
.pro-bigbox .bigboximg{width:100%;float:none;text-align:center;font-size:0px;margin:10px 0px 0px 0px}
.pro-bigbox .bigboxword{width:96%;float:none;text-align:center;margin:0px auto}
.prosubmenu li{width:99%}}
@media only screen and (max-width:50em){
.cpxq-img,.cpxq-txt{width:100%}
.cpxq-txt{padding-left:0px;padding-top:1rem}
.product-content-body{width:100%}
.product-hot{width:100%;margin-top:1.2rem}
.product-hot li{width:50%;float:left;padding:0px 1.5rem}
.product-hot .case-list .item{width:50%;float:left}
.top-dh{display:none}
#nav-menu{margin-right:0px}
.map{width:100%}
.lx-txt{width:100%;padding-left:0px}
.foot-02{display:none}
footer .met-footer{width:50%}
.columns-box li{width:50%;padding:0px 1rem 1rem}
.abouts-imgs{width:100%;display:block;min-height:350px}
.info-list li{width:50%}
.product-box figure{width:50%}
.case-list .item{width:50%}
#owl-demo .item img{min-height:22rem}}
@media only screen and (min-width:30.0625em) and (max-width:47em){
.navbar{height:3.75rem;overflow:hidden;background:#000000}
.nav-logo{display:block}
.logo img{max-height:40px}
.abouts-text h2.h2{margin-bottom:1rem}
.foot-01{display:none}
.foot-02{display:none}
footer .met-footer{width:100%}
.column-nav li a{padding:.5rem 1rem}
.news-nav ul{width:100%}
.input-search{width:100%;margin-top:0px;margin-bottom:1rem}
#owl-demo .item img{min-height:15rem}
.value-box{background-size:cover}
#wowslider-container{margin-top:60px}}
@media only screen and (max-width:30em){
.nav-logo{display:block}
.abouts-text h2.h2{margin-bottom:1rem}
.logo img{max-height:40px}
.abouts-imgs{width:100%;display:block;min-height:200px}
.foot-01{display:none}
.foot-02{display:none}
footer .met-footer{width:100%}
.links{display:none}
.column-nav li a{display:block}
.column-nav li{width:48%}
.product-box figure{width:100%}
.product-box{margin-top:1rem}
.case-list{margin-top:0px}
.case-list .item{width:100%}
.news-nav ul{width:100%}
.input-search{width:100%;margin-top:0px;margin-bottom:1rem}
dl.news-ajax dd p{max-height:2.8125rem}
dl.news-ajax dt{width:6.25rem}
dl.news-ajax dd{margin-left:7.25rem}
dl.news-ajax{padding-bottom:1rem;margin-bottom:1rem}
.product-hot li{width:100%;padding:0px}
.product-hot{padding:1rem}
#owl-demo .item img{min-height:10rem}
.para li{width:100%}
.columns-box li{width:100%;padding:0px 1rem 1rem}
.info-list li{width:100%}
#wowslider-container{margin-top:60px}
#nav li a{font-size:14px!important;padding:0px 20px}}
@media only screen and (max-width:21em){
dl.news-ajax dd p{max-height:2.8125rem}
dl.news-ajax dt{display:none}
dl.news-ajax dd{margin-left:0px}
dl.news-ajax h2{white-space:normal;text-overflow:clip}}
@media only screen and (max-width:1200px){
#nav li a{font-size:15px;padding:0px 12px}}
@media only screen and (max-width:960px) and (min-width:755px){
#nav .fr{display:block}
#nav .fl{display:none}
#nav ul{display:none;position:absolute;top:100px;right:0px}
#nav ul li{width:100%;height:35px;line-height:35px;background:#000000;border-bottom:1px solid #222222}
#nav ul li a{width:100%;height:35px;line-height:35px}
#nav li:hover ul li{display:none}
#nav{height:100px}}
@media only screen and (max-width:755px){
.services-grids{width:96%}
.navbar{height:60px}
#nav .fl,#nav .fr{display:none;font-size:20px;color:#FFFFFF;line-height:60px}
#nav .fr{display:block}
#nav .fl{display:none}
#nav ul{display:none;position:absolute;top:60px;left:0px}
#nav ul li{width:100%;height:35px;line-height:35px;background:#000000;border-bottom:1px solid #222222}
#nav ul li a{width:100%;height:35px;line-height:35px}
#nav li:hover ul li{display:none}
#nav{height:60px}
.inner-banner{margin-top:60px}}
html{direction:rtl}
.pro-md{width:25%;float:left;padding:8px 8px 10px}
.mdcent{width:300px;display:table-cell;vertical-align:middle}
.mdcent img{max-width:100%;max-height:100%;display:block;margin:0px auto}
.pro-md h3{font-size:16px;line-height:1.4;text-transform:capitalize;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:5px;border-top:1px solid #EEEEEE}
.pro-md a{display:inline-block;border:1px solid #EEEEEE;width:100%}
@media screen and (max-width:1200px){
.mdcent{height:270px}}
@media screen and (max-width:992px){
.mdcent{height:220px}}
@media screen and (max-width:768px){
.pro-md{width:50%}
.mdcent{height:300px}}
.box_li{padding:20px 0px;border-bottom:1px solid #ececec;float:left;width:100%}
.box_left{width:200px;float:left}
.box_left img{width:100%}
.box_right{padding-left:220px;float:none}
.box_right h3 a{font-size:18px;line-height:1.3}
.artical_date{padding:5px 0px 0px;color:#666666;font-size:14px}
.newslistt a{float:left;font-size:15px;text-align:left;text-indent:15px;color:#666666;display:inline-block;width:80%;overflow:hidden;height:40px}
.newslistt span{font-size:14px;color:var(--fontcolor);float:right}
#searchbox{width:100%;background:#222222}
#searchbox .searchbox_content{width:600px;margin:0px auto;padding:20px 0px}
#searchbox .sk{float:left;height:45px;line-height:45px;border:1px solid #FFFFFF;width:498px;text-indent:10px;background:#FFFFFF;border-radius:25px 0px 0px 25px;outline:0}
#searchbox .sbtn{width:100px;height:45px;background:var(--color);border:0px;color:#FFFFFF;font-size:14px;border-radius:0px 25px 25px 0px;outline:0;cursor:pointer}
@media (max-width:640px){
#searchbox .sk{width:calc(100% - 80px);height:40px}
#searchbox .sbtn{width:80px;height:40px}
#searchbox .searchbox_content{width:90%;margin:0px auto;padding-top:10px}
#searchbox{height:62px}}
.proIntro {padding:0px;margin:10px 0px}
.pd-title {line-height:1.2;margin-bottom:12px}
.pcon .pinfo,.pcon .pinfo p,.pcon .pinfo a,.pcon .pinfo td {font-size:16px;color:var(--fontcolor);line-height:1.7}
.procategories {padding:0px 0 50px;background:#F2F2F2}
ul.procatelist {display:flex;justify-content:space-between;margin-top:20px}
ul.procatelist li {width:23%;text-align:center}
ul.procatelist li .procatepic {width:100%;padding-bottom:100%;position:relative;overflow:hidden}
ul.procatelist li .procatepic img {width:100%;height:100%;position:absolute;top:0px;left:0px;object-fit:contain;border:4px solid var(--color)}
ul.procatelist li .procateonetit {font-size:16px;padding:8px;color:var(--fontcolor);line-height:1.3}
ul.procatelist li a:hover .procateonetit {color:var(--color)}
@media screen and (max-width:768px){ul.procatelist{flex-wrap:wrap}
ul.procatelist li{width:48%;margin-bottom:25px}}
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;max-width:1350px}
.prolist-content{clear:both;margin:0px auto;padding:0px;line-height:1.6}
.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;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}
.head-lang{display:none}
.lang{z-index:99999;text-align:left;position:relative;height:30px;padding:0px 5px;border-radius:4px;margin:0 10px;float:right;margin-top:36px;}
.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:#fff;margin-left:5px;line-height:20px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#fff;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#fff;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;float: none !important;}
.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!important;color:var(--fontcolor)!important;font-size:12px!important;padding:8px!important;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:20px!important;
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.lang{margin-left:auto;margin-right:20px;transition:all .2s linear}
.lang-icon img{width:32px}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.active{display:block}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:82%}}
.blogflex-info{display:flex;align-items:flex-start;background:#f7f7f7;padding:20px 14px;margin:20px 0}
.blogflex-info .img{width:55px;height:55px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex-info .img img{width:100%;height:100%;object-fit:cover}
.blogflex-info .info{flex:1;padding-left:10px}
.blogflex-info .info-name{font-size:18px;font-weight:700}
.blogflex-info .info-content{line-height:1.4;color:#555555;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}