@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 a.co_gray0{color:#222}
header.scroll .headerLink{background:#1c3a40; color:#fefefe; }
.headerLink{white-space: nowrap;}

.writeInput{border:1px solid #dfe8e5;}
button{border:0}

.carrerCnt{width:calc(25% - 18px)}
.latestImg{align-self: stretch; background-size:cover !important}
.carrerListSubject{white-space: nowrap;overflow:hidden; text-overflow: ellipsis;max-width:100%;}

.viewPageBtn{border:1px solid #222}
.subBanner{background:url('/img/stepBg.jpg') center center no-repeat; background-size:cover}


/********************
** 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}