@charset "utf-8";

/********************
** header
********************/
header{left:0; top:0; transition: ease-in-out 0.3s;}
header.scroll{background:#fefefe; border-bottom:1px solid #dfe8e5}
header.scroll a{color:#222}
header.scroll .headerLink{background:#1c3a40; color:#fefefe; }
.headerLink{white-space:nowrap;}

/********************
** mainBanner
********************/
.mainBanner{background:url('../img/mainBannerImg.jpg')center center no-repeat; background-size:cover}

/********************
** service
********************/
.serviceCnt{width:calc(33.3333% - 12px);}

/********************
** proccess
********************/
.proccess{background:url('../img/stepBg.jpg')center center no-repeat; background-size:cover}
.proccessCnt{width:calc(33.3333% - 12px);}

/********************
** carrer
********************/
.carrerSlider p{white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

/********************
** about
********************/
.aboutnCntDetail{width:calc(100% - 460px); border:1px solid #dfe8e5; align-self: stretch;}

/********************
** online
********************/
.online{background:url('../img/contactBg.jpg')center center no-repeat; background-size:cover}