:root{--color:#0b8dd7;--fontcolor:#333;--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,pre,form,input,button,textarea {margin:0px;padding:0px}
body{font-size:14px;word-spacing:normal;color:var(--fontcolor);font-family:"Microsoft YaHei UI";font-style:normal;font-weight:var(--fontbold4);position:relative;line-height:1.7}
li,ul{list-style:none}
a{text-decoration:none}
.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}
input{outline:0}
img{max-width:100%;height:auto}
.fl{float:left}
.fr{float:right}
#head{height:100%;position:relative}
.head_top{background:var(--color)}
.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:#000}
.nav_en1 li{float:none!important;background:var(--color);width:250px;display:none}
.nav_en1 li:hover{background:var(--color)}
.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}
#txtSearch{border-radius:14px;background:#F5F5F5;padding:3px 20px;border:0px;height:24px;line-height:24px;width:210px;display:block;margin:10px 0px;color:#999;font-size:12px;outline:0}
#btnSearch{width:55px;height:30px;position:absolute;right:-1px;top:10px;border:none;background:#666;color:#FFF;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-right:30px}
.info-links a{color:#FFF}
.nav>li,.nav_en1>li{float:left;position:relative}
.nav>li:hover,.nav_en1>li:hover{background:var(--color)}
.nav>li a,.nav_en1>li a{display:block;padding:11px 30px;font-weight:var(--fontbold5);font-size:17px;color:#000}
.nav,.nav_en1{float:right}
.hidden_content{position:relative;z-index:1000;height:67px;display:none;background:var(--color);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:#FFF}
.nav .submenu li:hover,.nav_en1 .submenu li:hover{background:var(--color)}
.nav .submenu li:hover a,.nav_en1 .submenu li:hover a{color:#FFF}
.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:#000;color:#000;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:#000;top:0px;transition:all .3s;transform:scale(0)}
.hide_content{position:absolute;top:0px;width:80%;padding:10%;color:#FFF;text-align:center;visibility:hidden}
.mid_span{display:inline-block;width:50px;background:#FFF;height:3px}
.hide_content a{color:#FFF}
.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 #FFF}
.box{float:left;width:25%;position:relative;transition:all .8s;overflow:hidden}
.box_content{padding:8%;border-bottom:1px dotted #DDD;border-right:1px dotted #ddd}
.box img{max-width:100%;display:block}
.content{position:absolute;z-index:2;background:var(--color);width:83%;height:82%;margin:8%;left:-100%;top:-100%;opacity:.6;text-align:center;color:#FFF;overflow:hidden}
.content a{color:#FFF}
.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:#FFF;float:left}
.defind_fl ul li:hover{background:#F5F5F5;border:1px solid #FFF}
.defind_content{padding:6% 10%}
.defind_fl ul li .defind-num,.defind_fl ul li h3{color:#363636;font-size:50px;font-family:"Microsoft YaHei UI";font-weight:var(--fontbold4)}
.defind_fl ul li p{color:#7f7f7f;font-size:24px}
.defind_fr{background:url(../image/30.jpg);background-size:cover}
.fr_content{height:100%;position:relative}
.rvc{float:left;position:relative;margin:auto;max-width:100%;height:100%;color:#FFF}
#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 #FFF;display:inline-block;margin:20px 0px}
.topimg{padding:5px}
.topimg img{width:100%}
.rvc_name span{display:inline-block;width:50px;height:1px;background:#FFF;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;font-family:"Microsoft YaHei UI";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:#000;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:#000;font-size:18px}
.img-wrapper .btn_bar a{color:#FFF}
.news_wrap .fr .btn_bar{margin-top:10px;padding-left:30px}
.news_wrap .fr .btn_bar a{color:#000}
.foot_li ul li a:hover,.news_wrap .fr .btn_bar a:hover{text-decoration:underline}
.foot{background:var(--color);margin-top:50px;padding-top:70px;color:#000}
.foot_li>li{float:left;width:25%}
.foot_info{padding:0px 15px;line-height:1.7}
.foot_li a{color:#000;padding:3px 0;display:inline-block}
.faddress_bar li{padding:7px 0px}
.foot_info .fi-title,.foot_info h3{border-bottom:1px solid #666;padding-bottom:15px;margin-bottom:15px;color:#333;font-weight:var(--fontbold6);font-size:16px}
.share_box{margin-top:1.2rem}
.share_box img{display:inline-block;margin-right:7px}
.copyright{background:#7f7f7f;padding:15px 0px;text-align:center;color:#FFF;font-size:16px}
.foot_info a img{max-height:75px}
.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:#333;font-size:14px}
.products_wrap{padding:0px 25px;margin-top:5px}
.pro_left{width:200px;padding-bottom:10px;font-size:15px;line-height:1.7;color:#666}
.list_left,.list_right,.pro_left{float:left}
.con_title{height:55px;line-height:55px;color:#FFF;background:var(--color);font-size:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.pro_left .sf-menu{margin:0px auto;padding-bottom:20px}
.pro_left .sf-menu li{border-bottom:1px solid #FFF}
.pro_left .sf-menu a{display:block;color:#000;line-height:20px;font-size:16px;padding:9px 0 9px 18px;background:url(../image/pico.png) 5px 15px no-repeat}
.pro_left .sf-menu a:hover{color:#FFF;background-color:var(--color)}
.pro_right {overflow:hidden;padding-left:40px;margin-bottom:25px}
.singgle_b{width:33.333%;float:left;transition:all .3s}
.single_imgb img{max-width:100%}
.singgle_b .watch_box{padding:0px 10px 20px 10px}
.change_box{text-align:center}
.singgle_b .watch_box img{max-height:100%;max-width:100%}
.singgle_b .watch_box>a{display:block;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 0px;font-size:15px;font-weight:var(--fontbold7)}
.singgle_b .watch_box p{text-align:center;margin-top:10px;color:#666;height:45px;overflow:hidden;line-height:1.7}
.pror_wrap{width:100%;font-size:14px}
.pror_detail{width:100%;display:inline-block;padding-bottom:20px;border-bottom:1px dashed #CCC}
.pror_detail .fl{max-width:400px;float:left}
.pror_detail .fr{width:52%;float:right;font-size:14px;line-height:25px}
.productsTags,.pror_detail .fr h1{font-weight:var(--fontbold6);width:100%;display:block;font-size:19px;border-bottom:1px dashed #DDD;padding:7px 0;margin-bottom:10px;line-height:34px;color:#666}
.special_read{padding:6px 12px;background:var(--color);color:#FFF!important;border-radius:5px;transition:all .3s;display:inline-block!important;line-height:1.2!important;margin-right:5px}
.pror_detail .special_read{margin-top:10px}
.itembody{width:100%;float:left}
.itembody .list_right .case_detail{padding:0px}
.itembody_in{padding:30px 0px;border-bottom:1px dotted #e4e4e4;transition:all .3s;overflow:hidden}
.itembody .list_left{width:250px}
.itembody .list_right{transition:all .3s;padding-left:270px;float:none}
.itembody .list_right h3 a{color:#000;font-size:18px}
.itembody .list_left img{width:100%;height:100%}
.pages{text-align:center;font-size:12px;padding:15px 0 20px 0px;color:var(--color);clear:both;margin-bottom:30px}
.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:#666;background:#FFF}
.pages a:active,.pages a:hover,.pages span.ctxt{color:#FFF;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:30px}
.button_box button{border:none;width:140px;padding:10px 20px;font-size:14px;color:#FFF;cursor:pointer;outline:0;background:var(--color)}
.button_box p{padding:10px 0px}
.productsTags,.pror_detail .fr h1{font-weight:var(--fontbold6);display:block;font-size:19px;border-bottom:1px dashed #DDD;padding:7px 0;margin-bottom:10px;line-height:34px;color:#666}
.watch_botton .ptit{border:none;padding:10px 20px;font-size:14px;color:#FFF;cursor:pointer;outline:0;background:var(--color);display:inline-block;line-height:16px;margin:25px 0 10px}
h1{text-transform:capitalize;font-size:36px}
.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:#333}
.plist ul a:hover{color:#666}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 li{width:30%;float:left;margin-right:3%;text-align:center}
.rollPro1 li .pbox{border:1px solid #DDD;padding:4px;width:100%;height:230px;position:relative}
.rollPro1 li a{text-decoration:none;color:#333}
.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}
@media screen and (max-width:1050px){
.rollPro1 li .pbox{height:180px}}
.news_message{padding:0px 16px;border:none}
.news_message .news_li{text-align:right;height:40px;margin-top:0!important;background:url(../image/pico.png) 5px 15px no-repeat;border-bottom:1px dashed #DDD;line-height:40px;color:#888;overflow:hidden}
.news_message .news_li a{float:left;font-size:15px;text-align:left;text-indent:15px;color:#666;display:inline-block;width:80%;overflow:hidden;height:40px}
.news_message li span{font-size:14px;color:#333}
.news_message li a:hover{color:#666;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:#333;font-size:18px;line-height:16px}
.artical_date{padding:5px 0px;color:#666;font-size:14px}
.tit{text-align:center;color:#333;font-size:22px}
.time{line-height:30px;border-bottom:1px solid #CCC;padding-top:10px;font-size:12px;color:#999;width:160px;margin:0px auto 20px;text-align:center}
.pinfo img{max-width:100%}
.prev_next{padding:20px 0px;font-size:16px;color:#444;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:#444;font-size:15px}
.pro_right .news_top,.products_wrap.clearfix .ptit{font-size:25px;line-height:24px;padding:25px 0 15px 0px;font-weight:var(--fontbold4);height:30px;color:#000}
.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 #CCC;color:#333}
.news_mid a:hover{color:#000;text-decoration:underline}
.prev_next a:hover{color:#000}
.case_explain{padding:10px 0px;line-height:26px}
.ejfl{font-size:24px;font-weight:var(--fontbold4);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:#FFF;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(../image/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(../image/down2_1.png) no-repeat;padding:0px 12px 0 16px}
.inner_banner img{display:block}
.bPosition{padding:10px 20px;background:#FAFAFA;text-align:right;font-size:12px;color:#666;width:calc(100% - 50px);margin:0px auto 20px;box-sizing:border-box}
.bPosition a{font-size:12px;color:#666}
.head_top .container{display:flex;justify-content:flex-end}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99999;width:120px;height:30px;line-height:30px;margin-left:10px;top:10px}
.xyz12{width:100%;position:absolute;height:100%}
.xyz12 ul{border:1px #EEE solid;background:#FFF}
.xyz12 li{float:none;margin-left:0px;width:100%;position:relative;height:28px;z-index:1;text-align:left}
.xyz12 li a{color:#333;font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0px 8px}
.xyz12 li.selected{border-top:0px}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:6px;top:0px;background:url(../image/amore.png) center no-repeat;display:block;width:30px;height:30px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url(../image/amore1.png) center no-repeat}
.xyz12 li img{vertical-align:middle;margin:0px 7px 0px 0px;width:16px}
.xyz12 li:hover{background:#F2F2F2}
@media (max-width:960px){
.head_top .container .info-links,.head_top .container .search_bar{display:none}
#xyz{position:absolute;right:62px;top:19px}}
#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:#222;font-size:16px}
ul#tags li.selectTag a{color:#FFF;background:var(--color)}
.tagContent{display:none;width:100%;color:#333;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:22px;color:#000;margin-bottom:8px}
.news-page>div .news-a{display:flex;display:-webkit-flex;height:36px;align-items:center;color:#777;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:#222;position:relative;color:#FFF}
.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:var(--color)}
.Content-1-Product {margin-top:12px}
.Content-1-Product * {color:#222}
.productsTags {font-size:15px;line-height:1.6;font-weight:var(--fontbold5);border:none}
.news-page>div .news-p a {color:#222;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:1140px}
.project-img {width:200px}
.bPosition{width:auto;padding:0px;margin:0px}
.navb{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#FAFAFA;text-align:right;font-size:12px;color:#666;width:calc(100% - 50px);margin:0px auto 20px;box-sizing:border-box}
.navb h1,.navb h2{font-size:16px}
.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:#777270;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:1140px}
.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:1140px}
.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}