@charset "utf-8";
/* CSS Document */

/*通用*/

*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}

*:focus{ outline:none;}
html{ -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}
/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
/*图片默认样式*/
img{border:0;vertical-align: middle;}
/*动画效果*/
*{transition-property:all;}
.com-img img{ transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.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:'SFUIDisplay_Regular';
	src:url('../fonts/SFUIDisplay_Regular.otf');
    src:url('../fonts/SFUIDisplay_Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'SFUIDisplay_Semibold';
	src:url('../fonts/SFUIDisplay_Semibold.otf');
    src:url('../fonts/SFUIDisplay_Semibold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'SFUIDisplay_Bold';
	src:url('../fonts/SFUIDisplay_Bold.otf');
    src:url('../fonts/SFUIDisplay_Bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'SFUIDisplay_Medium';
	src:url('../fonts/SFUIDisplay_Medium.otf');
    src:url('../fonts/SFUIDisplay_Medium.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'SFUIDisplay_Light';
	src:url('../fonts/SFUIDisplay_Light.otf');
    src:url('../fonts/SFUIDisplay_Light.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'SFUIDisplay_Heavy';
	src:url('../fonts/SFUIDisplay_Heavy.otf');
    src:url('../fonts/SFUIDisplay_Heavy.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,
.comHonor-box .n,
.pA2list-box .name
{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/
.line2,
.srv-box .con,
.news-block .name,
.case-box .name
{-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,
.news-block .con
{-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,
.case-swiper .swiper-slide,
.case-box img,
.case-box .name,
.case-box .btn,
.proSwiper-img:after,
.pIndLeading-swiper .swiper-container .swiper-slide,
.pParm-box:after,
.pParm-box:before,
.pLD-block .pLD-con
{-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,
.F-share a img,
.F-cr,
.index-more span,
.index-stage .index-block,
.iBnrMeida-box .btn,
.Hnav-menu:after,
.sp-container .btn,
.sp-container .btn span,
.news-nav a:after,
.nInfo-action .share a,
.case-box .btn span
{-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;}

.srv-wrap .srv-bg,
.srv-wrap:after,
.srv-box .num:after,
.srv-box .more:after,
.srv-box .more:before,
.mlist-box .mlist-bg,
.mlist-box .mlist-btn{transition:all 1s cubic-bezier(.19,1,.22,1);-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);}


/*通用img*/
.F-share a img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}

.sSct-img img,
.news-img img,
.proB-bg img{width:100%;height:100%;object-fit:cover;}

.aa{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}

.index-wrap,
.index-bnr,
.index-box,
.index-abb,
.iBnrMedia-video,
.index-bg,
.srv-wrap .srv-bg,
.srv-wrap:after,
.srvSale-ct .sSct-img,
.mlist-box .mlist-bg,
.proSwiper-img:after,
.proA3-bg,
.pro-A3 .proA-img:after,
.proB-bg,
.pParm-box:after,
.pBModular-cover,
.pArcSplice-cover{width:100%;height:100%;position:absolute;top:0px;left:0px;}

.index-wrap,
.index-bnr .swiper-slide .bnr-img,
.index-bg,
.srv-wrap .srv-bg,
.mlist-box .mlist-bg,
.ddCen-list li .icon,
.pro-stage{background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;}


/*滚动条*/
.viewport { overflow: hidden; position: relative; /*width:0px; height: 0px;*/}/*内容可视区域的宽高*/
.overview { list-style: none; position: absolute; left: 0; top: 0; /*width:0px; height: 0px;*/}  /*内容可视区域的宽高*/
.scrollbar{position: relative;  float: right; position:relative;  display:inline; z-index:400; z-index:2;/*width:0px; height:0px;background-color:#afafaf;*/}/*滚动条的宽高颜色*/
.track{ position: relative; /*width:0px;*/}/*滚动条的宽*/
.thumb{cursor: pointer; position: absolute; top:0; left:0px; z-index:400;/*width:0px;background-color:#afafaf;*/}/*滚动条-当前条的宽 left 颜色*/
.disable{ display: none; }  
.noSelect { user-select:none;}

/*分页*/
.pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;}/*分页*/
.pagination a{display:inline-block;width:31px;height:31px;line-height:31px;text-align:center;font-family:'宋体';border:1px solid #f2f2f2;background-color:#f2f2f2;}
.pagination a.on, .pagination a:hover{background-color:#0054a5;color:#ffffff;border-color:#0054a5;}
.pagination a:first-child,
.pagination a:last-child{background:none;border:1px solid #cacaca;font-weight:600;}
