@charset "utf-8";
/* CSS Document */

/*通用*/

.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.show{display:block;}
.hide{display:none;}

.f18{font-size:18px !important;}
.f16{font-size:16px !important;}
.f14{font-size:14px !important;}
.f12{font-size:12px !important;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}

.ml5{margin-left:5px;}

.taC{text-align:center;}
.taL{text-align:left;}
.taR{text-align:right;}

.ttU{text-transform:uppercase;}

.ofH{overflow:hidden;}
.ofA{overflow:visible !important;}

.fwB{font-weight:600;}

.vaM{vertical-align:middle;}

.pr{position:relative;}



/*字体*/
@font-face {
    font-family: '';
    src: url('../fonts/.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*flex*/
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}
.flex-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.flex-1
{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}

.vertical-container
{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}


/*限制行数 -- 一行*/
.line1,
.HnPro-block .name,
.Hweb-nav a,
.iLink-list li a .t1,
.iLink-list li a .t2,
.iPro-list .iPro-type,
.iPro-box .type,
.iPro-box .list a,
.iCase-box .title,
.iNews-box .name,
.pb-accordion li .pba-top
{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/
.line2,
.iCase-box .con,
.iNews-box .con,
.iAbUs-wrap .con
{height:50px;-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}

.line3,
.HnPro-block .con
{height:90px;-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}


/*动画*/
a:hover
{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}


.animation,
.Hlang-menu .icon,
.Hnav .Hname:after,
.Hweb-nav a .icon,
.iPro-list .iPro-box,
.iCase-name,
.iCase-box,
.iCtUs-icon,
.iCtUs-icon img,
.clc-img img,
.clc-bottom,
.clc-tlt,
.cc-slider li a span img,
.cc-slider li a p,
.csp-list a dl dt img,
.csp-list a dl dd p,
.ic-text,
.inward-cell span img,
.case-list li div img,
.solution-list ul li  a dl dt img,
.alp-img img,
.cerl-tlt,
.cer-list li i,
.customerbanner .cusbanbox ul li,
.customerbanner .cusbanbox ul li span img,
.pba-top,
.newlist-img img,
.newl-ban div img,
.rdb-close,
.honor-slider span i,
.closeboxmain,
.recruit .recruitlist li span img,
.recruit .recruitlist li span p
{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}