/*热招岗位*/
.g-hotjob-box{ margin-top: 30px;}
.g-hotjob-box .m-hotjob-cont{ width:1248px;}
.g-hotjob-box .m-hotjob-cont a{ width: 392px; height: auto; float: left; margin: 30px 0 0 24px; display: inline; overflow: hidden; position: relative;}
.g-hotjob-box .m-hotjob-cont a img{ width: 100%; height: auto; display: block; overflow: hidden;}
.g-hotjob-box .m-hotjob-cont a strong{ width: auto; height: 22px; line-height: 22px; font-size: 18px; font-weight: bold; color: #fff; display: block; overflow: hidden; position: absolute; left: 12px; top: 12px; z-index: 10;}
.g-hotjob-box .m-hotjob-cont a i{ width: 100%; height: 100%; background: rgba(0, 0, 0, .5); display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1;}
.g-hotjob-box .m-hotjob-cont a.u-five{ margin-left: 177px;}
.g-hotjob-box .m-hotjob-cont a:nth-child(4){
    margin-left: 233px;
}

/* 员工福利 */
.g-ygfl-box{ width: 100%; height: 703px; background:#fbfbfb; margin: 60px 0 0; display: block; overflow: hidden; position: relative;}
.g-ygfl-box .m-ygfl-cont{ width: 1248px; height: 676px; background: #2655a4; position: relative; z-index: 10;}
.g-ygfl-box .m-ygfl-cont .u-left-bg{ width: 1126px; height: 676px; background: #fbfbfb; border-radius: 0 0 60px 0; display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 0;}
.g-ygfl-box .m-ygfl-cont .g-title-2{ position: relative; z-index: 10; margin: 60px 0 0 24px; width: auto;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-labelbox{ width: 100%; height: auto; display: block; overflow: hidden;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label{width: 220px; height: auto; float: left; margin: 24px 0 0 24px;  display: inline; overflow: hidden; position: relative; z-index: 10;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl{ width: 218px; height: 212px; background: #fff; border: 1px solid #eee; border-radius: 6px; display: block; overflow: hidden;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl dt{ width: 81px; height: 65px; background: url(../images/join-icon.png) no-repeat 0 -63px;  margin:42px auto 0; display: block; overflow: hidden;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl dd{ width: 100%; height: auto; line-height: 26px; font-size: 16px; font-weight: normal; color: #000; margin:15px 0 0; display: block; overflow: hidden; text-align: center}
.g-ygfl-box .u-right-bg{ width: 100%; height: 703px; background: #2655a4; display: block; overflow: hidden; position: absolute; left: 50%; top: 0; z-index: 0;}

.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-2 dt{ width: 55px; height: 65px; background-position: 0 -182px;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-3 dt{ width: 62px; height: 65px; background-position: 0 -300px;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-4 dt{ width: 56px; height: 65px; background-position: 0 -419px;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-5 dt{ width: 65px; height: 65px; background-position: 0 -538px;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-6 dt{ width: 71px; height: 65px; background-position: 0 -656px;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-7 dt{ width: 65px; height: 65px; background-position: 0 -775px;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-8 dt{ width: 65px; height: 65px; background-position: 0 -894px;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-9 dt{ width: 65px; height: 65px; background-position: 0 -1012px;}
.g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-10 dt{ width: 64px; height: 65px; background-position:4px -1131px;}


/* 员工活动 */
.g-yghd-box{width: 100%; height: auto; margin: 60px 0 0; display: block; overflow: hidden; position: relative;}
.g-yghd-box .m-yghd-cont{ width: 1248px}
.g-yghd-box .m-yghd-cont dt{ width: 760px; height: auto; float: left; display: inline; overflow: hidden;}
.g-yghd-box .m-yghd-cont dd{ width: auto; height: auto; float: left; display: inline; overflow: hidden;}
.g-yghd-box .m-yghd-cont span{ width: auto; height: auto; float: left; margin:24px 0 0 24px; display: inline; overflow: hidden; position: relative;}
.g-yghd-box .m-yghd-cont span img{ width: 100%; height: auto; display: block; overflow: hidden;}
.g-yghd-box .m-yghd-cont span strong{ width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: normal; color: #fff; background: rgba(0, 0, 0, .5); text-indent: 24px; display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 10;;}

.g-yghd-box .m-yghd-cont span.u-yghd-img1{ width: 736px; height: 238px; display: block; overflow: hidden;}
.g-yghd-box .m-yghd-cont span.u-yghd-img2{ width: 356px; height: 238px; display: block; overflow: hidden;}
.g-yghd-box .m-yghd-cont span.u-yghd-img2 img{ height: 238px;}
.g-yghd-box .m-yghd-cont span.u-yghd-img3{ width: 440px; height: 500px; display: block; overflow: hidden;}
.g-yghd-box .m-yghd-cont span.u-yghd-img3 img{ height: 500px;}
.g-yghd-box .m-yghd-cont span.u-yghd-img4{ width: 282px; height: 238px; display: block; overflow: hidden;}
.g-yghd-box .m-yghd-cont span.u-yghd-img4 img{ height: 238px;}

/*扬飞游戏*/
.g-ygcz-box{ width: 100%; height: auto; padding: 60px 0; margin-top: 60px; background: #fbfbfb; display: block; overflow: hidden; position: relative;}
.g-ygcz-box .m-ygcz-expert{ width: 100%; height: auto; margin: 6px 0 0; display: block; overflow: hidden;}
.g-ygcz-box .m-ygcz-expert p{ width: 100%; height: auto; line-height: 36px; font-size: 17px; font-weight: normal; color: #555; text-indent: 0; margin: 12px 0 0; display: block; overflow: hidden; text-align: center}
.g-ygcz-box .m-ygcz-jstd{ width: 1078px; height: auto; margin: 30px auto 0; display: block; overflow: hidden;}
.g-ygcz-box .m-ygcz-jstd dt{ width: 178px; height: 91px; background: #0559af; float: left; display: inline; overflow: hidden;}
.g-ygcz-box .m-ygcz-jstd dt strong{ width: 100%; height: 19px; line-height: 19px; font-size: 17px; font-weight: normal; color: #fff; text-align:center; margin: 22px 0 0; display: block; overflow: hidden;}
.g-ygcz-box .m-ygcz-jstd dt b{ width: 100%; height: 16px; line-height: 16px; font-size: 14px; font-weight: normal; color: #fff; text-align:center; margin: 13px 0 0; display: block; overflow: hidden;}
.g-ygcz-box .m-ygcz-jstd dd{ width: 178px; height: 91px; border-right: 2px solid #fbfbfb; background: #fff; float: left; display: inline; overflow: hidden; position: relative;}
.g-ygcz-box .m-ygcz-jstd dd strong{ width: 100%; height: 19px; line-height: 19px; font-size: 17px; font-weight: normal; color: #0559af; text-align:center; margin: 22px 0 0; display: block; overflow: hidden;}
.g-ygcz-box .m-ygcz-jstd dd b{ width: 100%; height: 16px; line-height: 16px; font-size: 14px; font-weight: normal; color: #999; text-align:center; margin: 13px 0 0; display: block; overflow: hidden;}
.g-ygcz-box .m-ygcz-jstd dd i{ width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #0559af; display: block; overflow: hidden; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 5;}
.g-ygcz-box .g-box-1200{ position: relative; z-index: 5;}
.g-ygcz-box .u-ygzc-img{ width: 479px; height: auto; margin: 60px 0 0; overflow: hidden; position: relative; z-index: 5;}
.g-ygcz-box .u-ygzc-img img{ width: 100%; height: auto; display: block; overflow: hidden;}
.g-ygcz-box .u-ygzc-img img.u-web{ display: none}

.g-ygcz-box .m-ygzc-glpx{ width: 721px; height: auto; overflow: hidden; position: relative; z-index: 5;}
.g-ygcz-box .m-ygzc-glpx h3{ width: 100%; height: 30px; line-height: 30px; font-size: 28px; font-weight: bold; color: #0559af; font-style:italic; margin: 147px 0 0 32px;  float: left; display: inline; overflow: hidden;}
.g-ygcz-box .m-ygzc-glpx span{ width: 134px; height: auto; float: left; margin: 30px 0 0 16px; display: inline; overflow: hidden;}
.g-ygcz-box .m-ygzc-glpx span strong{ width: 115px; height: 38px; line-height: 38px; font-size: 16px; font-weight: normal; color: #0559af; text-align: center; border: 1px solid #0559af; display: block; overflow: hidden; margin: auto;}
.g-ygcz-box .m-ygzc-glpx span i{ width: 2px; height: 25px; background: #0559af; margin: 10px auto 0; display: block; overflow: hidden;}
.g-ygcz-box .m-ygzc-glpx span b{ width: 100%; height: 18px; line-height: 18px; font-size: 16px; font-weight: normal; color: #0559af; text-align: center; margin: 10px 0 0; display: block; overflow: hidden;}
.g-ygcz-box .m-ygzc-glpx span p{ width: 110px; height: 153px; line-height: 28px; font-size: 14px; font-weight: normal; color: #666; background: #fbfbfb; padding: 13px 12px 0; margin: 19px auto 0; display: block; overflow: hidden;}
.g-ygcz-box .m-ygzc-glpx span.m-span-2{ width: 162px;}
.g-ygcz-box .m-ygzc-glpx span.m-span-2 p{ width: 138px;}
.g-ygcz-box .m-ygzc-glpx span.m-span-3{ width: 181px;}
.g-ygcz-box .m-ygzc-glpx span.m-span-3 p{ width: 157px;}
.g-ygcz-box .m-ygzc-glpx span.m-span-4{ width: 180px;}
.g-ygcz-box .m-ygzc-glpx span.m-span-4 p{ width: 156px;}
.g-ygcz-box .u-bg{ width: 100%; height: 123px; background: #2655a4; display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 0;}
.g-ygcz-box .u-ygzc-bg{ width: 100%; height: 459px; background: #fff; position: absolute; left: 0; bottom: 0; z-index: 0}

/* 在岗员工培训体系 */
.g-pxtx-box{ width: 100%; height:auto; padding: 38px 0 60px; background: #fbfbfb; display: block; overflow: hidden;}
.g-pxtx-box .g-pxtx-cont{ width: 1248px;}
.g-pxtx-box .g-pxtx-cont h3{ width: 100%; height: 30px; line-height: 30px; font-size: 28px; font-weight: bold; color: #0559af; font-style: italic; display: block; overflow: hidden; text-indent: 24px;}
.g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox{ width: 100%; height: auto; display: block; overflow: hidden;}
.g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl{ width: 384px; height: auto; float: left; background: #fff; margin: 40px 0 0 24px; display: inline; overflow: hidden; border-radius: 4px;}
.g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dt{ width: 100%; height: auto; display: block; overflow: hidden;}
.g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dt img{ width: 100%; height: auto; display: block; overflow: hidden;}

.g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dd{ width: 100%; height: 176px; display: block; overflow: hidden;}
.g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dd strong{ width: auto; height: 30px; line-height: 22px; font-size: 20px; font-weight: bold; color: #222; margin:28px 30px 0; display: block; overflow: hidden;}
.g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dd b{ width: auto; height:20px; line-height: 20px; font-size: 16px; font-weight: normal; color: #666; margin:13px 30px 0; display: block; overflow: hidden;}
.g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dd b i{ width: 12px; height: 10px; background: url(../images/join-icon.png) no-repeat; float: left; margin: 5px 12px 0 0; display: inline; overflow: hidden;}

.g-bottom{ margin: 0}

.u-more-btn{ margin-top: 30px; width:140px; height: 48px; line-height: 48px; border-radius: 2px;}

@media only screen and (max-width: 640px) {
    .g-hotjob-box{ margin:22px 0 0}
    .g-hotjob-box .m-hotjob-cont{ width: 100%; padding: 3px 14px 0 0; box-sizing: border-box;}
    .g-hotjob-box .m-hotjob-cont a{ width: 50%; padding: 14px 0 0 14px; box-sizing: border-box; margin: 0;}
    .g-hotjob-box .m-hotjob-cont a i{ left: 14px; top: 14px;}
    .g-hotjob-box .m-hotjob-cont a strong{ font-size: 14px; left: 24px; top:20px;}
    

    .g-title-2 i{ margin:8px auto 0;}

    .g-ygfl-box{ margin: 22px 0 0; height: auto;}
    .g-ygfl-box .m-ygfl-cont{ width: 100%; height: auto;  padding: 0 0 35px 0;}
    .g-ygfl-box .m-ygfl-cont .g-title-2{ margin: 22px 0 0; text-align: center; width: 100%; }
    .g-ygfl-box .m-ygfl-cont .m-ygfl-labelbox{ padding: 0 14px 0 4px; box-sizing: border-box;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label{ width: 50%; margin: 0; padding: 10px 0 0 10px; box-sizing: border-box}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl{ width: 100%; box-sizing: border-box; height: auto; padding: 20px 0;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl dt{ width: 68px; height: 55px; margin: 0 auto; background-size: 414px; background-position: -134px 0;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl dd{ font-size: 14px; line-height: 22px;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-2 dt{ background-position: -341px 0; width: 46px; height: 55px;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-3 dt{ background-position: -141px -159px; width: 55px; height: 55px;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-4 dt{ background-position: -341px -159px; width: 47px; height: 55px;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-5 dt{ background-position: -141px -318px; width: 55px; height: 55px;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-6 dt{ background-position: -335px -318px; width: 59px; height: 55px;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-7 dt{ background-position: -141px -477px; width: 55px; height: 55px;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-8 dt{ background-position: -337px -477px; width: 55px; height: 55px;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-9 dt{ background-position: -140px -636px; width: 55px; height: 55px;}
    .g-ygfl-box .m-ygfl-cont .m-ygfl-label .m-ygfl-dl.u-icon-10 dt{ background-position: -339px -636px; width: 52px; height: 55px;}
    .g-ygfl-box .m-ygfl-cont .u-left-bg{ width: 92%; height: 98%; border-radius: 0 0 30px 0}
    .g-ygfl-box .u-right-bg{ height: 100%;}

    .g-yghd-box{ margin: 22px 0 0;}
    .g-yghd-box .m-yghd-cont{ width: 100%; padding: 5px 14px 0 2px; box-sizing: border-box;}
    .g-yghd-box .m-yghd-cont dt{ width: 100%;}
    .g-yghd-box .m-yghd-cont span{ margin: 0; padding: 12px 0 0 12px; box-sizing: border-box; height: auto}
    .g-yghd-box .m-yghd-cont span strong{ height: 24px; line-height: 24px; font-size: 14px; left: 12px;}
    .g-yghd-box .m-yghd-cont span.u-yghd-img1{ width: 100%; height: auto}
    .g-yghd-box .m-yghd-cont span.u-yghd-img2{ width: 50%; height: auto}
    .g-yghd-box .m-yghd-cont span.u-yghd-img2 img{ height: auto}
    .g-yghd-box .m-yghd-cont dd{ width: 50%;}
    .g-yghd-box .m-yghd-cont span.u-yghd-img4{ width: 100%; height: auto;}
    .g-yghd-box .m-yghd-cont span.u-yghd-img4 img{ height: auto}    
    .g-yghd-box .m-yghd-cont dd.u-pc{ display: none;}

    .g-ygcz-box{ margin: 22px 0 0; padding: 22px 0 0; box-sizing: border-box}
    .g-ygcz-box .m-ygcz-expert{ margin: 0; padding: 0 14px; box-sizing: border-box;}
    .g-ygcz-box .m-ygcz-expert p{ line-height: 24px; font-size: 14px; margin: 8px 0 0; text-align: left}
    .g-ygcz-box .m-ygcz-jstd{ width: 100%; display: flex; padding: 0 14px; margin:12px 0 0; box-sizing: border-box}
    .g-ygcz-box .m-ygcz-jstd dt{ float: none; width: 149px; height: 64px; display: block;}
    .g-ygcz-box .m-ygcz-jstd dt strong{ height: 16px; line-height: 16px; font-size: 14px; margin: 14px 0 0;}
    .g-ygcz-box .m-ygcz-jstd dt b{ height: 14px; line-height: 14px; font-size: 12px; margin: 7px 0 0;}
    .g-ygcz-box .m-ygcz-jstd dd{ width: auto; height: 64px; padding: 0 10px; box-sizing: border-box; float: none; display: table; flex: 1}
    .g-ygcz-box .m-ygcz-jstd dd strong{ margin: 0; height: 100%; line-height:18px;  font-size: 14px; display:table-cell; vertical-align:middle;}
    .g-ygcz-box .m-ygcz-jstd dd b{ display: none;}
    .g-ygcz-box .g-box-1200{ background: #fff; margin:14px 0 0;}
    .g-ygcz-box .u-ygzc-img{ width: 100%; margin: 0 0 0; padding: 0 14px; box-sizing: border-box;}
    .g-ygcz-box .u-ygzc-img img.u-pc{ display: none}
    .g-ygcz-box .u-ygzc-img img.u-web{ display: block}
    .g-ygcz-box .u-ygzc-bg{ display: none;}

    .g-ygcz-box .m-ygzc-glpx{ width: 100%; padding: 0 14px 20px 0; box-sizing: border-box}
    .g-ygcz-box .m-ygzc-glpx h3{ height:auto; line-height: 20px; font-size: 16px; margin:0; padding: 17px 14px 0; box-sizing: border-box;}
    .g-ygcz-box .m-ygzc-glpx span{ width: 50%; margin: 0; padding: 14px 0 0 14px; box-sizing: border-box;}
    .g-ygcz-box .m-ygzc-glpx span strong{ width: 80px; height: 33px; line-height: 33px; font-size: 14px;}
    .g-ygcz-box .m-ygzc-glpx span i{ width: 1px; height: 14px; margin: 6px auto 0;}
    .g-ygcz-box .m-ygzc-glpx span b{ height: 16px; line-height: 16px; font-size: 14px; margin: 4px 0 0;}
    .g-ygcz-box .m-ygzc-glpx span p{ width: 100%; box-sizing: border-box; margin-top: 6px; background: #f4f4f4}
    .g-ygcz-box .m-ygzc-glpx span.m-span-2{ width: 50%;}
    .g-ygcz-box .m-ygzc-glpx span.m-span-2 p{ width: 100%;}
    .g-ygcz-box .m-ygzc-glpx span.m-span-3{ width: 50%}
    .g-ygcz-box .m-ygzc-glpx span.m-span-3 p{ width: 100%;}
    .g-ygcz-box .m-ygzc-glpx span.m-span-4{ width: 50%}
    .g-ygcz-box .m-ygzc-glpx span.m-span-4 p{ width: 100%;}

    .g-pxtx-box{ padding: 20px 0;}
    .g-pxtx-box .g-pxtx-cont{ width: 100%;}
    .g-pxtx-box .g-pxtx-cont h3{height:auto; line-height: 20px; font-size: 16px; margin:0; padding: 0 14px 0; box-sizing: border-box; text-indent: 0;}

    .g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox{ white-space: nowrap; overflow-x: auto; font-size: 0; line-height: 0; padding: 0 14px 0 0; box-sizing: border-box}
    .g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl{ width: 211px; height: auto; margin: 14px 0 0 14px; float: none; display: inline-block;}
    .g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dd{ height: 112px;}
    .g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dd strong{ height: 17px; line-height: 17px; font-size: 15px; margin: 13px 14px 0;}
    .g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dd b{ height: 16px; line-height: 16px; font-size: 14px; margin: 8px 14px 0;}
    .g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dd b i{ margin: 2px 8px 0 0;}

    .u-more-btn{ margin-top: 22px;}

    
}


@media(hover: hover) and (pointer: fine) {
    .g-pxtx-box .g-pxtx-cont .m-pxtx-scrollbox dl dt:hover img{ transform: scale3d(1.2,1.2,1)}
    .g-ygcz-box .u-ygzc-img:hover img{ transform: scale3d(1.2,1.2,1)}
    .g-yghd-box .m-yghd-cont span:hover img{ transform: scale3d(1.2,1.2,1)}
    .g-hotjob-box .m-hotjob-cont a:hover img{ transform: scale3d(1.2,1.2,1)}
    .g-hotjob-box .m-hotjob-cont a:hover i{ display: none}
}