@charset "utf-8";
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#b2b2b2;--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{direction:rtl}
body{margin:0px auto;font-size:14px;line-height:1.6;color:var(--fontcolor);font-family:Microsoft Yahei, Arial, Helvetica, sans-serif}
ol,ul,li{list-style:none}
a{text-decoration:none;color:var(--fontcolor)}
img{border:0px;max-width:100%;height:auto}
input{outline:0}
.container{max-width:1200px;margin:0px auto}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{display:table;content:""}
.inner_banner img{width:100%}
.clearfix:after{clear:both}
.fl{float:left}
.fr{float:right}
#head{height:100%;position:relative}
.head_top{background:#E5E5E5}
.logo_bar{width:30%;position:absolute;top:0px;height:100px;background:var(--color);float:left;text-align:right;padding-right:30px;line-height:100px;transform:skew(-45deg,0deg);left:-50px}
.logo_bar img{max-width:100%;max-height:100%;vertical-align:middle;transform:skew(45deg,0deg)}
.info-links,.search_bar{float:right}
.logo,.mobile_logo{display:inline-block}
.mobile_login_menu img{vertical-align:middle;cursor:pointer;background:#000000}
.nav_en1 li{float:none!important;background:#E5E5E5;width:250px;display:none}
.nav_en1 li:hover{background:#cbcbcb}
.mobile_login_menu{line-height:67px;float:right;display:none}
.hide_menuwrap{position:absolute;float:right;transition:all .3s;z-index:200;right:0px;width:250px}
.info-links li{line-height:25px;height:25px}
.info-links li img{width:24px;vertical-align:middle}
.search_bar{position:relative;margin-left:20px}
#txtSearch{border-radius:14px;background:#F5F5F5;padding:3px 60px 3px 5px;border:0px;height:24px;line-height:24px;width:210px;display:block;margin:10px 0px;color:#666666;font-size:12px;outline:0}
#btnSearch{width:55px;height:30px;position:absolute;right:-1px;top:10px;border:none;background:#666666;color:#FFFFFF;cursor:pointer;outline:0;-moz-border-radius-topleft:15px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:15px;-moz-border-radius-bottomleft:0px;-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:15px}
.info-links{margin-left:30px}
.info-links a{color:var(--fontcolor)}
.nav>li,.nav_en1>li{float:left;position:relative}
.nav>li:hover,.nav_en1>li:hover{background:#cbcbcb}
.nav>li a,.nav_en1>li a{display:block;padding:11px 20px;font-weight:var(--fontbold5);font-size:17px;color:var(--fontcolor)}
.nav,.nav_en1{float:right}
.hidden_content{position:relative;z-index:1000;height:67px;display:none;background:#cbcbcb;padding:0px 25px}
.nav .submenu,.nav_en1 .submenu{position:absolute;float:left;width:auto;top:50px;padding-left:0px;opacity:.95;filter:alpha(opacity=85);z-index:9999999;display:none;text-align:left;overflow:hidden}
.nav .submenu li,.nav_en1 .submenu li{display:block;height:50px;line-height:50px;background:#FFFFFF}
.nav .submenu li:hover,.nav_en1 .submenu li:hover{background:#cbcbcb}
.nav .submenu li:hover a,.nav_en1 .submenu li:hover a{color:#FFFFFF}
.nav .submenu li a,.nav_en1 .submenu li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:45px;height:45px;width:220px;border:none!important;background:0 0;text-align:left;padding:0px 15px}
#slider{width:100%;margin:0px auto;display:-webkit-box}
.responsive{width:100%;height:auto;display:block}
.controls li:nth-child(1){left:0px}
.controls li{top:50%;margin-top:-30px}
.controls li:nth-child(2){right:0px}
.in_title{height:80px;line-height:80px}
.in_title>span{width:50px;height:1px;background:#000000;color:var(--fontcolor);display:inline-block;vertical-align:middle}
.in_title h3,.in_title h6,.in_title p{display:inline-block;vertical-align:middle;font-size:23px;font-weight:var(--fontbold7);margin-left:5px}
.about_li li{float:left;width:31.333%;margin-right:3%;position:relative}
.about_li li:last-child{margin-right:0px}
.about_li li img{max-width:100%;display:block}
.about_li li:hover .ab_mask{transform:scale(1);opacity:.6}
.about_li li:hover .hide_content{visibility:visible}
.ab_mask{position:absolute;width:100%;height:100%;background:#000000;top:0px;transition:all .3s;transform:scale(0)}
.hide_content{position:absolute;top:0px;width:80%;padding:10%;color:#FFFFFF;text-align:center;visibility:hidden}
.mid_span{display:inline-block;width:50px;background:#FFFFFF;height:3px}
.hide_content a{color:#FFFFFF}
.hide_content .about-li-title,.hide_content h3{font-size:26px}
.hide_content p{margin-top:10px;height:70px;overflow:hidden}
.btn_bar{margin-top:10px}
.btn_bar a:hover{border-bottom:2px solid #FFFFFF}
.box{float:left;width:25%;position:relative;transition:all .8s;overflow:hidden}
.box_content{padding:2%;border-bottom:1px dotted #DDDDDD;border-right:1px dotted #DDDDDD}
.box img{max-width:100%;display:block}
.content{position:absolute;z-index:2;background:#000000;width:83%;height:82%;margin:8%;left:-100%;top:-100%;opacity:.6;text-align:center;color:#FFFFFF;overflow:hidden}
.content a{color:#FFFFFF}
.content.trans{transition:all .6s;backface-visibility:hidden}
.content_title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px}
.trans_con{padding:10%}
.trans p{margin:6px 0px;font-family:Myriad Pro Regular;color:#FEFEFE;font-size:16px;padding:0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:52px}
#defind_area{margin-top:50px;overflow:hidden}
.oneinfo{background-color:#F7F7F7}
.oneinfo>div{width:50%;float:left}
.defind_fl{background:#F7F7F7}
.defind_fl ul li{width:49%;text-align:center;border:1px solid #F7F7F7;background:#FFFFFF;float:left}
.defind_fl ul li:hover{background:#F5F5F5;border:1px solid #FFFFFF}
.defind_content{padding:6% 10%}
.defind_fl ul li .defind-num,.defind_fl ul li h3{color:#363636;font-size:50px;font-weight:var(--fontbold4)}
.defind_fl ul li p{color:#7f7f7f;font-size:24px}
.defind_fr{background:url(30.jpg);background-size:cover}
.fr_content{height:100%;position:relative}
.rvc{float:left;position:relative;margin:auto;max-width:100%;height:100%;color:#FFFFFF}
#about .rvc{max-width:66%}
.rvc .rvc-wrapper{overflow:hidden}
.rvc .rvc-wrapper ul{overflow:hidden;position:relative}
.rvc .rvc-wrapper ul li{float:left;text-align:center;position:relative}
.img-wrapper a img{width:100%}
.rvc-next,.rvc-prv{position:absolute;height:100%;top:0px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;right:20px;cursor:pointer}
.rvc-prv{left:20px}
.rvc_topimg{width:100px;height:100px;border-radius:50%;border:2px solid #FFFFFF;display:inline-block;margin:20px 0px}
.topimg{padding:5px}
.topimg img{width:100%}
.rvc_name span{display:inline-block;width:50px;height:1px;background:#FFFFFF;margin-bottom:4px}
.rvc_name{margin-bottom:20px}
.rvc_name p{display:inline-block;margin:0px 10px;font-size:22px}
.bottom_content{font-size:18px;max-width:600px;margin:0px auto;padding:0px 15px;opacity:.7}
.news_wrap .fl img{max-width:100%}
.news_wrap .fl,.news_wrap .fr{width:50%}
.news_fr li{transition:all .6s;padding:21px;margin:0px 15px;font-family:Helvetica}
.news_fr h3 a{color:#363636;font-size:21px;font-weight:var(--fontbold4);font-family:Helvetica}
.news_fr li>span{width:73px;height:1px;background:#000000;margin-bottom:8px;display:none}
.news_fr p{display:none;font-family:Helvetica}
.active{box-shadow:1px 5px 20px #c9c7c7;display:block}
.active p,.news_fr li.active>span{display:block}
.news_fr .btn_bar{padding-left:10px}
.news_fr .btn_bar a{color:var(--fontcolor);font-size:18px}
.img-wrapper .btn_bar a{color:#FFFFFF}
.news_wrap .fr .btn_bar{margin-top:10px;padding-left:30px}
.news_wrap .fr .btn_bar a{color:var(--fontcolor)}
.foot_li ul li a:hover,.news_wrap .fr .btn_bar a:hover{text-decoration:underline}
.foot{background:var(--color);margin:50px auto 0px;padding:30px 0px 0px;color:var(--fontcolor)}
.foot_li>li{float:left;width:25%}
.foot_info{padding:0px 15px;line-height:1.7}
.foot_li a{color:var(--fontcolor);padding:3px 0px;display:inline-block}
.faddress_bar li{padding:5px 0px}
.foot_info .fi-title,.foot_info h3{border-bottom:1px solid #666666;padding-bottom:10px;margin-bottom:10px;color:var(--fontcolor);font-weight:var(--fontbold6);font-size:18px}
.share_box{margin-top:1.2rem}
.share_box img{display:inline-block;margin-right:7px}
.copyright{margin:40px auto 0px;background:#999999;padding:10px 0px;text-align:center;color:#FFFFFF;font-size:14px}
.foot_info a img{max-height:43px}
.pro_right ul li:nth-child(1) .itembody_in{padding-top:0px}
.products{padding-top:20px;transition:all .3s}
.ssp_mid{background:#FFF!important}
.ssp_mid .content_title{width:100%;height:35px;padding:5px 0px;margin-bottom:10px;font-weight:var(--fontbold4);color:var(--fontcolor);font-size:14px}
.products_wrap{margin:0px auto;padding:0px}
.pro_left{width:240px}
.list_left,.list_right,.pro_left{float:left}
.faddress_bar{padding:0px 5px;background-color:#FAFAFA}
.foot_info .faddress_bar{padding:0px;background:none}
.con_title{height:50px;line-height:50px;color:#FFFFFF;background:var(--color);font-size:20px;text-align:center}
.pro_left .sf-menu{margin:0px auto 30px;background-color:#FAFAFA}
.pro_left .sf-menu li{border-bottom:1px solid #FFFFFF}
.pro_left .sf-menu a{display:block;color:var(--fontcolor);font-size:16px;text-transform:capitalize;padding:10px 0px 10px 15px;background:url(pico.png) 5px 20px no-repeat}
.pro_left .sf-menu a:hover{color:var(--fontcolor);background:#E5E5E5}
.pro_right {overflow:hidden;padding-left:40px}
.singgle_b{width:29.333%;margin:0px 2% 4%;min-height:375px;border:solid 1px #EEEEEE;float:left;transition:all .3s}
.single_imgb img{max-width:100%}
.singgle_b .watch_box{padding:5px 5px 0px}
.change_box{text-align:center}
.singgle_b .watch_box img{max-height:260px;max-width:100%}
.singgle_b .watch_box>a{font-size:16px;font-weight:var(--fontbold6);text-transform:capitalize;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.singgle_b .watch_box p{color:#666666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pror_wrap{width:100%;font-size:14px}
.pror_detail{width:100%;display:inline-block;padding-bottom:20px;border-bottom:1px dashed #CCCCCC}
.pror_detail .fl{max-width:400px;float:left}
.pror_detail .fr{width:55%;float:right}
.pror_detail .fr h1{font-size:26px;padding:10px 0px;margin-bottom:10px;line-height:1.3;border-bottom:1px dashed #DDDDDD}
.special_read{margin:15px 0px;padding:10px 20px;background:var(--color);color:#FFFFFF;border-radius:5px;transition:all .3s;display:inline-block}
.itembody{width:100%;float:left}
.itembody .list_right .case_detail{padding:0px}
.itembody_in{padding:25px 0px;border-bottom:1px dotted #EEEEEE;transition:all .3s;overflow:hidden}
.itembody .list_left{width:250px;border:solid 1px #EEEEEE}
.itembody .list_right{transition:all .3s;padding-left:270px;float:none}
.itembody .list_right h3 a{color:var(--fontcolor);font-size:18px}
.itembody .list_left img{width:100%;height:100%}
.pages{text-align:center;font-size:16px;padding:10px 0px;color:var(--color);clear:both}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0px 10px;line-height:30px}
.pages a:link,.pages a:visited{color:#666666;background:#FFFFFF}
.pages a:active,.pages a:hover,.pages span.ctxt{color:#FFFFFF;background:var(--color);text-decoration:none}
#imgshow{display:none!important}
.pshare{float:left;padding:8px 0px 0px 0px}
.jsshare{text-align:center;padding-top:25px}
.pshare li{float:left;width:48%;height:28px;line-height:28px}
.pshare li img{vertical-align:middle;margin-right:12px}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0px 8px 0px 0px;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}
.watch_botton{margin-top:20px}
.button_box button{border:0px;padding:10px 20px;font-size:20px;color:#FFFFFF;cursor:pointer;outline:0;background:var(--color)}
.button_box p{padding:10px 0px}
.watch_botton .ptit{padding:10px 20px;font-size:20px;line-height:1.2;color:#FFFFFF;background:var(--color);display:inline-block}
.plist{display:inline-block}
.plist ul{float:left;width:100%;transition:all .6s}
.plist ul .fl{float:left;width:250px}
.plist ul .fl img{width:100%;height:100%}
.plist ul strong{font-weight:var(--fontbold7)}
.plist ul li>p{transition:all .3s;padding-left:270px}
.plist ul a{color:var(--fontcolor)}
.plist ul a:hover{color:#666666}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 li{width:15.6%;float:left;margin-right:1%;text-align:center}
.rollPro1 li .pbox{border:1px solid #EEEEEE;width:100%;height:120px;position:relative}
.rollPro1 li a{text-decoration:none;color:var(--fontcolor)}
.rollPro1 li .pbox img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}
.news_message{padding:0px 16px;border:none}
.news_message .news_li{text-align:right;height:40px;margin-top:0!important;background:url(pico.png) 5px 15px no-repeat;border-bottom:1px dashed #DDDDDD;line-height:40px;color:#666666;overflow:hidden}
.news_message .news_li a{float:left;font-size:15px;text-align:left;text-indent:15px;display:inline-block;width:80%;overflow:hidden;height:40px}
.news_message li span{font-size:14px;color:var(--fontcolor)}
.news_message li a:hover{color:#666666;text-decoration:underline}
.box_li{padding:20px 0px;border-bottom:1px solid #ECECEC;float:left}
.box_left{width:200px;float:left}
.box_left img{width:100%}
.box_right{padding-left:220px;float:none}
.box_right h3 a{color:var(--fontcolor);font-size:18px;line-height:16px}
.artical_date{padding:5px 0px;color:#666666;font-size:14px}
.tit{text-align:center;color:var(--fontcolor);font-size:26px;line-height:1.3}
.time{line-height:30px;border-bottom:1px solid #CCCCCC;padding-top:10px;font-size:12px;color:#666666;width:160px;margin:0px auto 20px;text-align:center}
.pinfo img{max-width:100%}
.prev_next{padding:20px 0px;font-size:16px;color:var(--fontcolor);width:100%;border:none!important}
.prev_next li:nth-child(1){margin-right:5%}
.prev_next li{float:left;width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prev_next a{color:var(--fontcolor);font-size:15px}
.pro_right .news_top,.products_wrap.clearfix .ptit{clear:both;margin:10px auto;font-size:20px;line-height:1.3;padding:8px 20px;background-color:var(--color);color:#FFFFFF;font-weight:400;display:inline-block}
.news_mid{border:none!important}
.news_mid li{float:left;width:50%;height:35px;line-height:35px}
.news_mid li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:14px;border-bottom:1px dashed #CCCCCC;color:var(--fontcolor)}
.news_mid a:hover{color:var(--fontcolor);text-decoration:underline}
.prev_next a:hover{color:var(--fontcolor)}
.case_explain{padding:10px 0px;line-height:26px}
.ejfl{font-size:24px;line-height:50px;font-weight:var(--fontbold4);text-transform:capitalize;margin-bottom:10px}
@media screen and (max-width:1300px){
.logo_bar{width:25%}}
@media screen and (max-width:1200px){
.pror_detail .fr{width:100%}}
@media screen and (max-width:1150px){
.nav>li a,.nav_en1>li a{padding:11px 20px}}
@media screen and (max-width:960px){
.hidden_content{display:block}
.box{width:33.33%}
.hide_content p{height:42px}
.hide_content{padding:6% 10%}
.oneinfo>div{width:100%;float:none!important}
.fr_content .rvc{float:none!important}
.foot_li>li{width:50%}
.nav .submenu,.nav_en1 .submenu{top:0px;left:-250px}
.itembody .list_left{float:none}
.itembody .list_right{width:100%;padding-left:0!important;margin-top:10px}
.nav{position:absolute;float:right;transition:all .3s;z-index:200;right:0px;width:300px;min-width:unset;top:67px;padding:0px;background:#FFFFFF;height:unset}
.nav>li{float:none;display:none}
.nav>li a{line-height:45px;padding:0px 20px}
.nav .submenu{left:unset!important;right:300px;top:0px}
.mobile_login_menu{display:block;margin-right:15px}
.logo_bar{height:67px;line-height:67px;transform:unset;background:0 0}
.logo_bar img{transform:unset}}
@media screen and (max-width:760px){
.news_wrap .fl,.news_wrap .fr{width:100%}
.fl_img{padding:5% 0}
.about_li li{width:100%;margin-right:0px}
.about_li li img{margin:0px auto}
.pro_left{width:100%!important;float:none!important}
.pro_right{padding-left:0!important}
.news_message{padding:0!important}}
@media screen and (max-width:640px){
.box{width:50%}
.defind_fl ul li{width:99%}
.foot_li>li{width:100%}}
.table{width:100%;border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.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{background:url(down2_2.png) right top no-repeat}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(down2_1.png) no-repeat;padding:0px 12px 0 16px}
.inner_banner img{display:block}
.bPosition{margin:0px;padding:0px;font-size:14px;color:#333333;background:#FAFAFA;text-align:right}
.bPosition a{font-size:14px;color:#333333}
.head_top .container{display:flex}
@media (max-width:960px){
.head_top .container .info-links,.head_top .container .search_bar{display:none}}
#con{margin-top:30px}
#tagContent{padding-top:20px}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags li{margin-bottom:10px;float:left}
#tags li a{text-decoration:none;display:block;line-height:40px;padding:0px 18px;margin-right:8px;background:#efefef;color:var(--fontcolor);font-size:16px}
ul#tags li.selectTag a{color:#FFFFFF;background:var(--color)}
.tagContent{display:none;width:100%;color:var(--fontcolor);padding-top:10px;font-size:14px;line-height:28px}
#tagContent div.selectTag{display:block}
.index-news-t a{font-size:18px;margin:5px 0px;display:block}
.content_title{white-space:normal}
.news-page{display:flex;display:-webkit-flex;justify-content:space-between}
.news-page>div{width:48%;flex-basis:48%;position:relative}
.news-page>div .news-p{font-size:16px;color:var(--fontcolor);margin-bottom:10px}
.news-page>div .news-a{display:flex;display:-webkit-flex;height:36px;align-items:center;color:#666666;font-size:16px;margin-top:18px;position:relative;z-index:1}
.news-page>div .news-a i{margin-right:10px;display:block;width:36px;height:36px;background:#111111;position:relative;color:#FFFFFF}
.news-page>div .news-a i:after{content:' ';width:8px;height:8px;border:2px #FFF solid;border-right:none;border-top:none;position:absolute;top:50%;margin-top:-5px;margin-left:-4px;left:50%;transform:rotate(45deg)}
.news-page .next{text-align:right}
.news-page>div>a:first-child{margin:10px 0px;display:inline-block}
.news-page>.next .news-a{justify-content:flex-end}
.news-page>.next .news-a i{margin-left:10px;margin-right:0px}
.news-page>.next .news-a i:after{transform:rotate(-135deg);margin-left:-7px}
.news-page{border-top:1px #E2E2E2 solid;padding:25px 0px}
.news-page>div:hover .news-a i{background:#0b8dd7}
.Content-1-Product {margin-top:12px}
.Content-1-Product * {color:var(--fontcolor)}
.news-page>div .news-p a {color:var(--fontcolor);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.news-page {justify-content:space-between}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6;max-width:1200px}
.project-img {width:200px}
.navb{display:flex;align-items:center;justify-content:space-between;margin:0px auto 20px;padding:10px;background:#FAFAFA}
.navb h1,.navb h2{font-size:18px}
.project-list li{display:flex;background:#FBFBFB;margin-bottom:30px;padding:20px}
.project-info{width:auto;margin-left:20px}
.project-info a{flex-direction:column;width:100%;height:100%;display:flex;justify-content:space-evenly}
.project-name{font-size:18px;line-height:1.3}
.project-content{font-size:14px;color:#666666;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;overflow:hidden}
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:1200px}
.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:1200px}
.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;display:flex;align-items:center;margin-left:10px}
.lang-icon{display:flex;align-items:center;height:30px;border:none;cursor:pointer;font-size:var(--fontsize16);user-select:none;white-space:nowrap}
.lang-icon img{width:24px}
.lang-icon span{position:relative;padding-right:18px;color:var(--fontcolor);margin-left:6px;font-size:14px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:13px;width:8px;height:1px;background:#333333;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:13px;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:var(--borderradius);box-shadow:0px 2px 12px 0px rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-drop.lang-flex .lang-arrow{left:79%}
.lang-wrap{list-style:none;width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33.3333%}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:12px;padding:10px 12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){.lang{transition:all .2s linear}
.lang-icon img{width:28px;filter:invert(70%)}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.lang-flex{position:fixed;width:95%;right:auto;left:50%;transform:translateX(-50%)}
.lang-drop.lang-flex .lang-arrow{left:84%}
.lang-drop.lang-flex .lang-wrap{width:100%}
.lang-drop.active{display:block;top:calc(100% + 3px)}}
.sidebar-item{width:100%;margin-bottom:30px;position:relative}
.sidebar-item.sidebar-search{background:#fafafa;display:flex;justify-content:space-between;align-items:center;border:none;padding:15px 5px}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{font-size:13px;width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear}
.email-subscription button{font-size:14px;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{background:#fafafa}
.company-intro p{padding:10px 5px;font-size:14px}
.sidebar-item .sidebar-list{background:#fafafa;padding:0 5px}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #FFFFFF;padding:10px 0}
.sidebar-item .sidebar-list .item:last-child{border-bottom: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:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info .more{margin-top:6px;text-transform:capitalize;color:var(--color);font-size:14px;padding:0;border:none;line-height:1.4}
.blogflex{display:flex;align-items:flex-start;padding:15px 5px;border:none;background:#fafafa}
.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:17px;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}