@charset "utf-8";
@import url(language.css);
:root{--color:#0e446d;--fontcolor:#333333;--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}
html{overflow-x:hidden}
body{font-size:14px;line-height:1.7;color:var(--fontcolor);position:relative;font-family:Helvetica,Arial,Verdana,sans-serif}
li,ul,ol{list-style:none}
a{text-decoration:none;color:#333333}
h1{text-transform:capitalize;font-size:36px}
.container{max-width:1190px;margin:0px auto}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
@media screen and (max-width:960px){
.hidden_content{display:block}
.img_li li{width:33.33%}
.news_li li{width:50%}
.t_title p{display:block;text-align:center;width:100%}
.img_line{display:block}
.foot_li>li,.product_li li{width:50%}
.itembody .list_left{float:none}
.itembody .list_right{width:100%;padding-left:0!important;margin-top:10px}
.singgle_b{width:50%!important}
.mobile_login_menu{display:block}
.nav>li{float:none}
.nav{position:absolute;float:right;transition:all .3s;z-index:200;right:0px;width:300px;min-width:unset;top:60px;padding:0px;background:#FFF}
.nav li{display:none}
.nav li a{line-height:45px;color:#000}
.nav .submenu{top:0!important;right:300px;left:unset!important;width:300px}}
@media screen and (max-width:760px){
.news_li li{width:100%}
.foot_top .fl,.foot_top .fr{width:100%;text-align:center;padding-left:0px}
.foot_top .fm{display:none}
.img_li li{width:50%}
.pro_left{width:100%!important;float:none!important}
.pro_right{padding-left:0!important}
.itembody .list_left{float:none}
.itembody .list_right{width:100%;padding-left:0!important;margin-top:10px}
.itembody{padding:0!important}
.news_message{padding:0!important}
.news_message li a{text-indent:0!important}}
@media screen and (max-width:640px){
.foot_li>li{width:100%}
.meet_title{font-size:36px}
#meet p{font-size:23px;max-width:325px}}
@media screen and (max-width:460px){
.product_li li{width:100%}
.img_li li{width:100%}
.singgle_b{width:100%!important}}
.pinfo img{max-width:100%}
.inner_banner img{max-height:inherit;width:100%}
.products{padding-top:40px;transition:all .3s}
.ssp_mid{background:#FFF!important}
.ssp_mid .content_title{width:100%;padding:5px 0px;margin-bottom:10px;font-weight:var(--fontbold4);color:#333333;font-size:14px}
.products_wrap{padding:0px 25px}
.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}
.bPosition{text-align:left;line-height:35px;background:#f7f7f7;margin:0px 25px;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;color:#8d9095}
.bPosition a{color:#8d9095;font-size:18px}
.bPosition a:hover{color:var(--color)}
.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:#111111;line-height:20px;font-size:16px;padding:9px 0px 9px 18px;background:#f5f5f5 url(../images/pico.png) 5px 15px no-repeat}
.pro_left .sf-menu a:hover{color:#FFF;background:var(--color)}
.pro_right{padding:0px 0px 30px 30px;overflow:hidden}
.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:#666666;height:45px;overflow:hidden;line-height:1.7}
.pror_wrap{width:100%;font-size:14px;margin-top:20px}
.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 0px;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}
.pror_detail .special_read{margin-top:10px}
.itembody{padding:30px 30px 0px 30px;float:left}
.itembody .list_right .case_detail{padding:0px}
.itembody_in{padding-bottom:30px;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 a{color:#333333;font-size:18px}
.itembody .list_left img{width:100%;height:100%}
.pages{text-align:center;font-size:12px;padding:15px 0px 20px 0px;color:#b2b2b2;clear:both}
.pages li,.pages li{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0px 10px;line-height:30px}
.pages li:link,.pages li:visited{color:#666666;background:#FFF}
.pages li:active,.pages a:hover,.pages li:hover,.pages li.active,.pages li.active a{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:8px;float:left}
.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;margin-bottom:15px;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 0px;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);line-height:16px;margin:10px 0px;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:#333333}
.plist ul a:hover{color:var(--color)}
.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:220px;position:relative}
.rollPro1 li a{text-decoration:none;color:#333333}
.rollPro1 li .pbox img{max-width:99%;max-height:99%;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%)}
@media screen and (max-width:992px){
.rollPro1 li .pbox{height:190px}}
.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(../images/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:#666666;display:inline-block;width:80%;overflow:hidden;height:40px;line-height:40px}
.news_message li span{font-size:14px;color:#333333}
.news_message li a:hover{color:var(--color);text-decoration:underline}
.box_li{padding:20px 0px;border-bottom:1px solid #ececec}
.box_left{width:200px;float:left}
.box_left img{width:100%}
.box_right{padding-left:220px;float:none}
.box_right h3 a{color:#333333;font-size:18px;line-height:16px}
.artical_date{padding:5px 0px;color:#666666;font-size:14px}
.tit{text-align:center;color:#333333;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}
.pro_right>ul{overflow:hidden}
.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{font-size:25px;line-height:24px;padding:10px 0 35px 0px;font-weight:var(--fontbold4);height:30px;color:var(--color)}
.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:#333333}
.news_mid a:hover{color:var(--color)}
.prev_next a:hover{color:var(--color)}
.case_explain{padding:10px 0px}
.pshare{float:left;padding:8px 0px 0px 0px}
.jsshare{text-align:center;padding-top:8px;float:left}
.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}
.ejfl{font-size:24px;margin:0px 0px 20px;font-weight:var(--fontbold4)}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table{border-collapse:collapse}
.search-lan{display:flex;justify-content:flex-end;float:right}
#xyz *{box-sizing:border-box}
#xyz{position:relative !important;z-index:99999;width:120px;margin-left:10px}
.xyz12{width:100%;position:absolute;height:100%}
.xyz12 li{float:none;margin-left:0px;width:100%;position:relative;height:27px;z-index:1;text-align:left}
.xyz12 li a{color:#333333;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(../images/amore.webp) center no-repeat;display:block;width:29px;height:29px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url(../images/amore1.webp) center no-repeat}
.xyz12 li img{vertical-align:middle;margin:0px 7px 0px 0px}
.xyz12 li:hover{background:#F2F2F2}
@media screen and (max-width:960px){
.htop .info-links,.htop .search_bar{display:none}
#xyz{position:absolute;right:70px;top:16px}
.xyz12 ul{background:#F2F2F2}
.htop_content{height:0px}}
.LayImAhrefNode{padding:6px 12px;background:#f08000;color:#FFF!important;border-radius:5px;display:inline-block!important;transition:all .5s linear 0s}
.pror_detail .LayImAhrefNode{margin-left:15px}
.singgle_b .watch_box>a.LayImAhrefNode{padding:6px 15px}
.itembody .list_right a.LayImAhrefNode:hover,.pror_detail .LayImAhrefNode:hover,.singgle_b .watch_box>a.LayImAhrefNode:hover{background:#2b2b2b;text-decoration:none}
.indexpage{font-size:12px}
.container1{width:1200px;margin:0px auto}
header{height:100px;display:flex;align-items:center}
header .logo a{display:flex;align-items:center}
.tell{height:48px}
.navbar{width:100%;background-color:#333333;position:relative}
.navbar nav{width:100%;position:sticky;top:0px;background:rgba(51,51,51,.9);z-index:100}
.nav-list{height:50px;display:flex;align-items:center}
.nav-list li{color:#FFF;position:relative}
.nav-list li a{color:#FFF;font-size:16px}
.banner{width:100%;background-color:#333333;position:relative;top:-50px}
.swiper{width:1440px;height:600px;margin:0px auto}
.anc{display:flex;justify-content:space-between;margin-top:-50px}
.index-about{width:25%}
.index-about>h3,.index-contact>h3,.index-news h3{color:#000;font-size:14px;font-weight:var(--fontbold7);margin:15px 0px}
.index-about>div .frimg_box{width:100%;height:130px;overflow:hidden}
.index-about>div img{width:100%}
.index-about>p{text-align:justify;line-height:1.8;margin:4px 0px;color:#444}
.index-news{width:39%}
.index-news-title{display:flex;justify-content:space-between;align-items:center}
.index-news-title>p{color:#888}
.index-news-box>a{display:flex}
.index-news-box>a>p{width:35%}
.index-news-box>a>p>img{width:100%}
.index-news-box>a>div{width:65%}
.index-news-box-r{padding-left:2%}
.index-news-box-r>div{display:flex;justify-content:space-between;color:#666}
.index-news-box-r>div>h4{width:70%;line-height:20px;text-indent:5px;font-weight:var(--fontbold7);font-size:12px}
.index-news-box-r>div>p{width:24%;text-align:right}
.index-news-box-r>p{font-size:12px;color:#666666;line-height:20px;text-indent:5px}
.index-news-list{margin:10px 0px}
.index-news-list li a{display:flex;justify-content:space-between;color:#666666;padding:4px 0px;border-top:1px dashed #c9c9c9;padding:10px 6px}
.index-news-list li a h4{width:84%;line-height:20px;font-weight:initial}
.index-news-list li a p{width:15%;line-height:20px;text-align:right}
.index-news-list li a:hover{background-color:#c9c9c9;color:#FFF}
.index-contact{width:26%;color:#666}
.index-contact>p>img{width:100%}
.index-contact>div p{margin-bottom:10px}
.contact-box{display:flex;justify-content:space-between}
.contact-box-left{width:60%}
.contact-box-right{width:38%}
.contact-box-right img{width:100%;height:auto}
.pro{margin:2% auto}
.pro>h3{color:#000;font-size:14px;font-weight:var(--fontbold7);margin:15px 0px}
.pro-list{display:flex;justify-content:space-between}
.pro-item{display:inline-block;width:280px!important;color:#666666;margin-right:40px!important;white-space:nowrap}
.pro-item img{width:100%;transition:all .3s ease-in-out}
.pro-item p{text-align:center;overflow:hidden}
.pro-item p:nth-child(1){margin-bottom:10px}
.pro-item:hover img{transform:scale(1.2)}
.cc{display:flex;justify-content:space-between;margin:20px auto}
.cc-left{width:58%}
.cc-left>h3{width:16%;color:#000;font-size:14px;font-weight:var(--fontbold7);padding:10px 2px;border-bottom:2px solid #333333}
.cc-left-box{margin:4px 0px;height:366px;overflow:hidden}
.cc-left-list{display:flex;flex-wrap:wrap}
.cc-left-list li{width:210px;height:150px!important;margin-bottom:10px;text-align:center;overflow:hidden;float:left;margin-right:20px}
.cc-left-list li img{transition:all .3s ease-in-out}
.cc-left-list li:hover img{transform:scale(1.3)}
.cc-right{width:38%}
.cc-right>h3{color:#000;font-size:14px;font-weight:var(--fontbold7);padding:10px 2px}
.cc-right-box{position:relative;top:10px}
.cc-right-box-img{width:160px;height:244px;overflow:hidden;margin:0px auto}
.cc-right-box-img img{width:100%;height:100%}
.cc-but{width:40px;height:92px;text-align:center;background-color:rgba(0,0,0,.3);color:#FFF;font-size:24px;line-height:92px;position:absolute;top:50%;margin-top:-46px;border-radius:4px 0 0 4px;cursor:pointer;opacity:0}
.prev{left:0px}
.next{right:0px}
.cc-right:hover .next,.cc-right:hover .prev{opacity:1}
.next:hover,.prev:hover{background-color:rgba(0,0,0,.7)}
.cc-right-bottom{display:flex;justify-content:space-between;margin:5% 0}
.bot-but{width:8px;height:80px;background:#333333;line-height:80px;text-align:center;cursor:pointer;outline:0}
.bot-but span{display:inline-block;width:0px;height:0px;border:5px solid transparent}
.bot-prev>span{border-right-color:#FFF;margin-left:-5px}
.bot-next>span{border-left-color:#FFF;margin-left:2px}
.cc-right-bot-list{width:93%;display:flex}
.cc-right-bot-list li{width:74px;height:75px;text-align:center}
.cc-right-bot-list li img{width:auto;height:73px}
footer{background:#2b2b35}
.foot-box{display:flex;padding:30px 0px;color:#aaa;justify-content:space-between}
.foot-logo{text-align:center;width:270px;box-sizing:border-box}
.foot-con{box-sizing:border-box;padding:0px 30px}
.foot-con>h3,.foot-follow>h3{font-size:14px;padding:0px 0px 10px 4px;border-bottom:1px solid #FFF}
.foot-con>p{line-height:20px;margin-top:3px;text-indent:4px}
.foot-follow{width:150px;box-sizing:border-box}
.foot-follow p{text-align:center}
.foot-follow p:nth-child(2){margin-top:5px}
.foot-follow img{width:100px;padding:0px 25px}
.foot-sea{padding-left:30px;padding-top:70px}
.foot-sea input{width:200px;height:30px;background-color:#FFF;border-radius:5px;border:1px solid #CCC}
.foot-key{padding:10px 0px}
.foot-key a{display:inline-block;color:#666666;margin:0px 8px 10px 0px}
.nav-list li a{display:block;height:100%;line-height:50px;padding:0px 20px}
.nav-list li .nav-item-act{background-color:rgba(5,73,124,.8)}
.nav-list li a:hover{background-color:rgba(5,73,124,.8)}
.swiper-slide img{max-width:100%;height:auto}
.nav-list .dropdown-menu{background:rgba(51,51,51,.9);white-space:nowrap;position:absolute;top:100%;left:0px;z-index:-10;opacity:0;transition:all .3s}
.nav-list li:hover .dropdown-menu{opacity:1;z-index:100}
.swiper-pagination1{position:absolute;bottom:0px;right:0px;left:initial!important;width:auto!important;z-index:100}
.swiper-pagination1 .swiper-pagination-bullet{width:12px;height:16px;border-radius:0;background-color:rgba(255,255,255);text-align:center;padding:2px;opacity:.6}
.swiper-pagination1 .swiper-pagination-bullet-active{opacity:1}
#swiper2{overflow:hidden}
.swiper-slide-thumb-active{border:1px solid #333333}
#swiper4{width:90%}
.pro_left .contact-text p{font-size:16px;line-height:20px;color:#111111;background:#f5f5f5;padding:9px 0px 9px 18px;border-bottom:1px solid #FFF}
.pro_left .contact-text p a{font-size:16px;line-height:20px;color:#111}
.pro_title{font-size:14px;color:#666666;margin:4px 0px}
.fl p{color:#666666;font-size:12px;line-height:20px;word-break:break-all}
.inmenu_1{background-color:rgba(5,73,124,.8)}
#btnSearch{background:#FFF;color:#999;padding:5px 25px;margin-top:10px;border-radius:5px;border:1px solid #CCC;cursor:pointer}
.footer-Email a{color:inherit}
.foot-navlist {text-align:center;padding:10px 0px;border-top:1px solid #aaa}
.foot-navlist ul li {display:inline-block}
.foot-navlist ul li a {color:#aaa;display:inline-block;padding:4px 22px;font-size:14px;background:none}
.foot-navlist ul li a:hover {color:#FFF}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6;max-width:1140px}
.button_box,.button_box a {font-size:15px;color:#111111;line-height:1.6}
.productsTags {font-size:15px;line-height:1.6;font-weight:var(--fontbold5);color:#111111;border:none}
.productsTags a {color:#111}
.foot-follow img{height:auto}
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}
.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}
.text-limit {
    display: -webkit-box;
    -webkit-line-clamp: 8; /* 大约8行，每行25字 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}