.in-banner-wrap {position: relative;overflow: hidden;background: url("../img_dj/banner3.jpg") center 20px;background-size: cover;}
/*.in-banner-wrap img {width: 100%; height: auto;}*/
#canvas {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
#dowebok .logo img {width: 130px;}
.in-banner-wrap .m-banner-pic {display: none;}
.in-banner-left {display:none;}
.in-banner-desc {font-size: 54px;margin-bottom: 60px; color: #fff;line-height: 60px;}
.in-banner-desc span {color: #e94c2a;font-size: 110px;}
.banner-line {width: 200px; height: 2px; margin: 62px 0;border-radius: 8px;overflow: hidden;background: url("../img_dj/white-percent.png") repeat-x 0 0;}
.in-banner-info {color: #b1b3b3; font-size: 32px;line-height: 32px;}
.i-down-arrow {position: absolute; bottom: 100px; left: 50%;margin-left: -28px;}
.i-down-arrow img {width: 57px; height: 44px;}
.swiper-slide img {width: 1042px; margin: 0 auto;}
.i-slide {margin: 100px auto 80px;}
.i-slide {width: 100%;overflow: hidden;position: relative;}
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
    
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
    
    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
    
    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
    
    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-slide img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* ===============================================================
可自定义幻灯片以下样式
================================================================*/
/* ===============================================================
分页样式
================================================================*/
.i-slide .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 10px;
    width: 100%;
    z-index: 9;
}
.swiper-pagination-switch,.course-slide .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    border: 1px solid #fff;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition:width 0.5s ease-out;
    -moz-transition:width 0.5s ease-out;
    -o-transition:width 0.5s ease-out;
    transition:width 0.5s ease-out;
}
.swiper-active-switch {
    background: rgba(255,255,255,.8);
    width: 20px;
}
/* ===============================================================
左右 控制箭头
================================================================*/
.i-slide .s-arrow {
    position: absolute;
    top: 50%;
    margin-top: -45px;
    display: block;
    width: 40px;
    height: 90px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter:alpha(opacity=80);
    z-index: 13;
}
.i-slide .arrow-left {
    background: url(../img_dj/s-prev-btn.png) no-repeat 0 0;
    left: 200px;
}
.i-slide .arrow-right {
    background: url(../img_dj/s-next-btn.png) no-repeat 0 0;
    right: 200px;
}
.i-slide .s-arrow:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=100);
    text-decoration: none;
}
.i-slide {height: 424px;}
.train-box {position: absolute;top: 0; left: 560px;}
.train-box .train-title {font-size: 30px; line-height: 34px; color: #333;}
.train-box .train-title span {color: #e94c2a;}
.train-box ul {margin-top: 35px;}
.train-box ul li {padding-left: 32px;background: url("../img_dj/icon.png") no-repeat -286px -270px;}
.train-box ul li p {color: #555;font-size: 20px;line-height: 50px;}
.train-box2 ul li {background: url("../img_dj/icon.png") no-repeat -286px 17px;}
.train-box2 .train-title span {color: #3a74a9;}
.swiper-slide {position: relative;}
.result-guide {background: url("../img_dj/i-mod3-bg.jpg") no-repeat center 0;width: 100%; background-size: cover; }
.in-common-header {margin: 80px auto 55px;text-align: center;}
.in-common-header span {font-size: 30px; color: #333;line-height: 30px;}
.in-common-header tt {width: 80px;height: 2px;display: block;margin: 30px auto 10px;background: url("../img_dj/common-line.png") repeat-x 0 0;}
.in-common-header small {color: #555; margin-top: 21px;display: inline-block;font-size: 22px; line-height: 30px;}
.result-guide .in-common-header span,.advant-tec .in-common-header span,.advant-tec .in-common-header small {color: #fff;}
.result-guide .in-common-header tt,.online-train .in-common-header tt,.advant-tec .in-common-header tt {background: url("../img_dj/white-percent.png") repeat-x 0 0;}
.r-g-list ul {padding-top: 19px;margin-left: -25px;}
.r-g-list ul li {float: left;width: 25%;}
.r-g-wrap {margin-left: 25px;position: relative;height: 240px;padding: 145px 20px 0;background: url("../img_dj/black-pre.png") repeat 0 0;}
.r-g-wrap h3 {font-size: 24px; color: #fff;line-height: 30px;}
.r-g-wrap p {margin-top: 35px;color: #fff; font-size: 16px;text-align: justify;line-height: 30px;}
.r-g-pic {width: 126px; height: 116px; display: inline-block;background: url("../img_dj/i-train-icon.png") no-repeat 0 0;position: absolute; right: -7px;top: -21px;}
.r-g-p-1 {background-position: -4px -9px;}
.r-g-p-2 {background-position: -10px -153px;}
.r-g-p-3 {background-position: 13px -297px;}
.r-g-p-4 {background-position: -15px -441px;}
.t-p-pic {text-align: center;padding: 20px 0 80px;}
.t-p-pic img {width: 700px; height: auto;}
.common-choose {background: url("../img_dj/map-bg.jpg") no-repeat center 0;background-size: cover;}
/*------product style------*/
.pro-banner-wrap {width: 100%;text-align: center;overflow: hidden; height: 550px;background: url("../img_dj/pro-banner.jpg") no-repeat center 0;}
.pro-banner-wrap .pro-title {font-size: 66px;font-family: SimHei;letter-spacing: 2px;margin-top: 170px; color: #fff;line-height: 70px;}
.pro-banner-wrap .pro-title span {color: #e94c2a;}
.pro-banner-desc {display: inline-block;margin-top: 59px;color: #fff;font-size: 36px;background:url("../img_dj/orange-pre.png") repeat 0 0;height: 70px;padding: 0 40px;line-height: 70px;}
.pro-feature-list li {float: left;width: 25%;background: url("../img_dj/icon.png") no-repeat -285px -132px;text-align: left;}
.pro-feature-list {width: 80%;margin: 90px auto 0;}
.pro-feature-list li span {color: #fff; font-size: 28px; line-height: 30px;margin-left: 32px; display: block;}
.multi-end-cont {margin-top: 55px;padding-left: 544px;padding-bottom: 80px;position: relative;}
.multi-end-cont img.multi-pic {width: 442px; height: 425px; position: absolute; left: 60px; top: 0;}
.m-e-cont {padding: 70px 97px 70px 114px;position: relative;background: url("../img_dj/left-quota.png") no-repeat 28px 6px;}
.m-e-cont p {font-size: 18px;text-align: justify; color: #666; line-height: 30px;margin-bottom: 36px;}
.m-e-cont p.sec-par {margin: 36px 0 0;}
.m-e-cont .orange-line{width: 100%; height: 1px; background: #fbdbd4;}
.right-quota {position: absolute; right: 0; bottom: 0;}
.online-train {background: url("../img_dj/pro-banner-pic2.jpg") no-repeat center 0;padding-bottom: 80px;background-size: cover;}
.online-train .in-common-header span,.online-train .in-common-header small {color: #fff;}
.o-t-list ul li {width: 33.3%; float: left;}
.o-t-list ul {margin-left: -6px;}
.o-t-wrap {padding: 30px 33px 30px 90px;cursor: pointer;margin: 6px 0 0 6px; position: relative;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s; background: url("../img_dj/black-pre.png") repeat 0 0;}
.o-t-wrap h3 {font-size: 20px; line-height: 30px;color: #fff;}
.o-t-wrap p {margin-top: 25px; font-size: 14px; line-height: 26px;color: #fff;}
.o-t-pic {position: absolute; left: 38px; top: 30px;width: 36px; height: 34px; display: inline-block;background: url("../img_dj/pro-icon-large.png") no-repeat 0 0;}
.o-t-p-1 {background-position: -29px -15px;}
.o-t-p-2 {background-position: -29px -79px;}
.o-t-p-3 {background-position: -31px -143px;}
.o-t-p-4 {background-position: -29px -206px;}
.o-t-p-5 {background-position: -29px -270px;}
.o-t-p-6 {background-position: -31px -333px;}
.o-t-list ul li:hover .o-t-wrap {background: url("../img_dj/orange-pre.png") repeat 0 0;} 
.o-t-list ul li:hover .o-t-p-1 {background-position: -113px -15px;}
.o-t-list ul li:hover .o-t-p-2 {background-position: -113px -79px;}
.o-t-list ul li:hover .o-t-p-3 {background-position: -115px -143px;}
.o-t-list ul li:hover .o-t-p-4 {background-position: -113px -206px;}
.o-t-list ul li:hover .o-t-p-5 {background-position: -113px -270px;}
.o-t-list ul li:hover .o-t-p-6 {background-position: -114px -333px;}
.train-sys-box {padding: 80px 0 80px 490px;position: relative;}
.train-sys-box .t-sys-right { position: absolute; left: 15px; top: 100px;width: 535px;}
.train-sys-box .t-sys-right .t-sys-title { font-size: 30px; line-height: 34px; color: #333;}
.t-sys-list {margin-top: 35px;}
.t-sys-list li {color: #555;line-height: 28px;padding-left: 23px;margin-bottom: 10px;font-size: 16px;background: url("../img_dj/dot.png") no-repeat 0 9px;}
.t-sys-line { width: 30px;height: 2px; background: #ea4b2b;margin: 18px 0 20px;display: inline-block;}
.t-sys-link { color: #ea4b2b; font-size: 18px; margin-top: 22px;display: inline-block;}
.train-sys-box2 {padding: 80px 549px 80px 15px;position: relative;}
.train-sys-box2 .t-sys-right {right: 15px; top: 173px;left: auto;}
.train-sys-box .scene-pic-box { margin-top: 28px;}
.advant-tec {background: url("../img_dj/pro-banner-pic3.jpg") no-repeat center 0;background-size: cover;padding-bottom: 0;}
.a-t-list ul li {width: 16.6%;float: left;}
.a-t-wrap {margin-left: 20px;overflow: hidden;cursor: pointer;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;border:1px solid #675d60;border-radius: 3px;text-align: center; }
.a-t-pic {width: 50px; height: 50px; display: inline-block;margin: 38px 0 30px; background: url("../img_dj/pro-icon-large.png") no-repeat 0 0;}
.a-t-wrap p {margin-bottom: 38px;font-size: 18px; color: #fff; line-height: 28px;}
.a-t-p-1 {background-position: -108px -393px; }
.a-t-p-2 {background-position: -108px -473px; }
.a-t-p-3 {background-position: -108px -553px; }
.a-t-p-4 {background-position: -108px -632px; }
.a-t-p-5 {background-position: -108px -712px; }
.a-t-p-6 {background-position: -108px -792px; }
.a-t-list ul li:hover p {color: #e94c2a;}
.a-t-list ul li:hover .a-t-wrap {border-color: #e94c2a;}
.a-t-list ul li:hover .a-t-p-1 {background-position: -23px -393px; }
.a-t-list ul li:hover .a-t-p-2 {background-position: -23px -473px; }
.a-t-list ul li:hover .a-t-p-3 {background-position: -23px -553px; }
.a-t-list ul li:hover .a-t-p-4 {background-position: -23px -632px; }
.a-t-list ul li:hover .a-t-p-5 {background-position: -23px -712px; }
.a-t-list ul li:hover .a-t-p-6 {background-position: -23px -792px; }
.cost-effec-box .a-t-pic {width: 65px; height: 65px;}
.cost-effec-box .a-t-p-1 {background-position: -13px -937px; }
.cost-effec-box ul li:hover .a-t-p-1 {background-position: -102px -937px; }
.a-t-w-1,.cost-effec-box ul li:hover .a-t-w-1 {border-color: #a3c8eb;}
.a-t-w-1 p {color: #a3c8eb;}
.cost-effec-box ul li:hover .a-t-w-1 {background: #a3c8eb;}
.cost-effec-box ul li:hover p {color: #fff;}

.cost-effec-box .a-t-p-2 {background-position: -13px -1058px; }
.cost-effec-box ul li:hover .a-t-p-2 {background-position: -102px -1058px; }
.a-t-w-2 {border-color: #e5857e;}
.cost-effec-box ul li:hover .a-t-w-2 {background: #e5857e;}
.a-t-w-2 p {color: #e5857e;}
.cost-effec-box .a-t-p-3 {background-position: -13px -1179px; }
.cost-effec-box ul li:hover .a-t-p-3 {background-position: -102px -1179px; }
.a-t-w-3,.cost-effec-box ul li:hover .a-t-w-3 {border-color: #8589e2;}
.a-t-w-3 p {color: #8589e2;}
.cost-effec-box ul li:hover .a-t-w-3 {background: #8589e2;}
.cost-effec-box .a-t-p-4 {background-position: -13px -1301px; }
.cost-effec-box ul li:hover .a-t-w-4 {background: #e7c086;}
.a-t-w-4,.cost-effec-box ul li:hover .a-t-w-4 {border-color: #e7c086;}
.a-t-w-4 p {color: #e7c086;}
.cost-effec-box ul li:hover .a-t-p-4 {background-position: -102px -1301px; }
.cost-effec-box .a-t-p-5 {background-position: -13px -1422px; }
.cost-effec-box ul li:hover .a-t-p-5 {background-position: -102px -1422px; }
.a-t-w-5,.cost-effec-box ul li:hover .a-t-w-5 {border-color: #7ee5ac;}
.a-t-w-5 p {color: #7ee5ac;}
.cost-effec-box ul li:hover .a-t-w-5 {background: #7ee5ac;}
.cost-effec-box ul li:hover .a-t-p-6 {background-position: -102px -1544px; }
.cost-effec-box .a-t-p-6 {background-position: -13px -1544px; }
.a-t-w-6,.cost-effec-box ul li:hover .a-t-w-6 {border-color: #80d3e5;}
.a-t-w-6 p {color: #80d3e5;}
.cost-effec-box ul li:hover .a-t-w-6 {background: #80d3e5;}
.cost-effec-box .a-t-wrap {border-radius: 0;}
.cost-effec-box {margin-bottom: 80px;}
.service-first {background: url("../img_dj/any-help-bg.jpg") no-repeat center 0;background-size: cover;}
.s-f-list ul {margin-left: -25px;}
.s-f-list ul li {width: 25%; float: left;}
.s-f-list ul li .s-f-wrap {margin-left: 25px;overflow: hidden;position: relative;background: #fff;text-align: center;padding: 60px 0;height: 168px;}
.s-f-list ul li .s-f-wrap span {color: #555;display: block; line-height: 30px; font-size: 26px;}
.s-f-pic {width: 103px;margin-bottom: 50px; height: 80px; display: inline-block; background: url("../img_dj/train-icon.png") no-repeat 0 0;}
.s-f-list {padding-bottom: 80px;}
.s-f-p-1 {background-position: -9px -26px;}
.s-f-p-2 {background-position: -10px -141px;}
.s-f-p-3 {background-position: -9px -256px;}
.s-f-p-4 {background-position: -9px -370px;}
.s-f-mask {position: absolute;cursor: pointer;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;background: #f67a5f;text-align: center;left: 0;right: 0;height: 288px; bottom: -288px;}
.s-f-mask h3 {font-size: 20px;margin-top: 58px; color: #fff;line-height: 30px;}
.s-f-mask p {font-size: 14px;width: 188px;text-align: left;margin: 48px auto 0; color: #fff;line-height: 28px;}
.s-f-list ul li:hover .s-f-mask {bottom: 0;}
.in-banner-wrap .m-i-banner {display: none;}
#dowebok .in-common-header {margin: 0 auto 60px;}
#dowebok .talent-promote .in-common-header {margin: 45px auto 54px;}
#fp-nav ul li a span {border: 1px solid #999;}
#fp-nav ul li a.active span {background: #e94c2b;border-color: #e94c2b;}
#fp-nav ul li {margin: 18px;}
.t-mod-1 {background: url("../img_dj/mod2-bg1.jpg") no-repeat center center;}
.t-mod-2 {background: url("../img_dj/mod2-bg2.jpg") no-repeat center center;}
.swiper-slide .mod-phone-pic {display: none;}
.swiper-slide .mod-pc-pic {display: block;} 
.train-mod {padding: 50px 0}
.m-banner-pic {display: none;}
.in-banner-wrap {overflow: hidden;}
.advant-tec .btn-wrap a:hover {background: none; border: 1px solid #fff;opacity: 0.9;-moz-opacity: 0.9; filter: alpha(opacity=90)  }
.godown { *display: none; position: absolute; left: 50%; bottom: 42px; z-index: 100; width: 50px; height: 53px; margin-left: -25px;}
.godown span { display: block; width: 50px; height: 53px; background-image: url("../img_dj/godown.png");}
.godown span { -webkit-animation: fade 3s infinite linear; animation: fade 3s infinite linear;-moz-animation: fade 3s infinite linear;}
@-webkit-keyframes fade {
    0% { opacity: 1;}
    50% { opacity: 0.3;}
    100% { opacity: 1;}
}
@keyframes fade {
    0% { opacity: 1;}
    50% { opacity: 0.3;}
    100% { opacity: 1;}
}
/*-------promoting page style-------*/
.promote-box .pro-banner-wrap {background: url("../img_dj/promote-banner.jpg") no-repeat center 0;}
.promote-box .pro-banner-desc {margin-top: 165px;height: 60px; line-height: 60px;font-size: 26px;}
.promote-box .pro-banner-wrap .pro-title {margin-top: 45px;font-size: 82px;}
.promote-box .pro-feature-list li {width: 33.3%; margin-bottom: 35px;}
.multi-ends-box {margin-bottom: 60px;}
.multi-ends-box ul li {width: 20%; text-align: center;float: left;}
.m-e-icon {width: 120px; background: url("../img_dj/multi-ends-icon.png") no-repeat 0 0;height: 120px; display: inline-block;}
.multi-ends-box ul li p {color: #333; font-size: 18px;line-height: 30px;margin-top: 10px;}
.m-e-1 {background-position: -21px -2px;}
.m-e-2 {background-position: -21px -162px;}
.m-e-3 {background-position: -21px -333px;}
.m-e-4 {background-position: -21px -498px;}
.m-e-5 {background-position: -21px -662px;}
.promote-box .o-t-wrap {padding: 30px 15px 30px 81px;}
.promote-box .o-t-wrap p {margin-top: 15px;}
.promote-box .o-t-pic {left: 31px;}
.promote-box .a-t-list ul li {width: 20%;}
.promote-box .cost-effec-box {margin: 0 0 20px -20px;}
.zzjg-box .in-common-header {margin: 20px 0 30px;}
.zzjg-pic img {display: block;}
.promote-box .o-t-pic {position: absolute; left: 38px; top: 30px;width: 36px; height: 36px; display: inline-block;background: url("../img_dj/multi-ends-icon.png") no-repeat 0 0;}
.promote-box .o-t-p-1 {background-position: -23px -817px;}
.promote-box .o-t-p-2 {background-position: -23px -882px;}
.promote-box .o-t-p-3 {background-position: -23px -946px;}
.promote-box .o-t-p-4 {background-position: -23px -1011px;}
.promote-box .o-t-p-5 {background-position: -23px -1077px;}
.promote-box .o-t-p-6 {background-position: -23px -1141px;}
.promote-box .o-t-list ul li:hover .o-t-wrap {background: url("../img_dj/orange-pre.png") repeat 0 0;} 
.promote-box .o-t-list ul li:hover .o-t-p-1 {background-position: -90px -817px;}
.promote-box .o-t-list ul li:hover .o-t-p-2 {background-position: -90px -882px;}
.promote-box .o-t-list ul li:hover .o-t-p-3 {background-position: -90px -946px;}
.promote-box .o-t-list ul li:hover .o-t-p-4 {background-position: -90px -1011px;}
.promote-box .o-t-list ul li:hover .o-t-p-5 {background-position: -90px -1077px;}
.promote-box .o-t-list ul li:hover .o-t-p-6 {background-position: -90px -1141px;}

.promote-box .s-f-pic {background: url("../img_dj/yyjz-icon.png") no-repeat 0 0;}
.promote-box .s-f-p-1 {background-position: -9px -26px;}
.promote-box .s-f-p-2 {background-position: 2px -136px;}
.promote-box .s-f-p-3 {background-position: -15px -255px;}
.promote-box .s-f-p-4 {background-position: -1px -370px;}
.promote-box .cost-effec-box .a-t-pic {width: 62px; height: 62px; display: inline-block;margin: 38px 0 30px; background: url("../img_dj/sydx-icon.png") no-repeat 0 0;}
.promote-box .cost-effec-box .a-t-p-6 {background-position: -10px -20px; }
.promote-box .cost-effec-box .a-t-p-2 {background-position: -10px -106px; }
.promote-box .cost-effec-box .a-t-p-3 {background-position: -10px -193px; }
.promote-box .cost-effec-box .a-t-p-4 {background-position: -8px -277px; }
.promote-box .cost-effec-box .a-t-p-5 {background-position: -10px -365px; }
.promote-box .a-t-list ul li:hover p {color: #fff;}
.promote-box .s-f-mask p {margin-top: 38px;}
.promote-box .a-t-list ul li:hover .a-t-p-2 {background-position: -89px -106px; }
.promote-box .a-t-list ul li:hover .a-t-p-3 {background-position: -89px -193px; }
.promote-box .a-t-list ul li:hover .a-t-p-4 {background-position: -87px -277px; }
.promote-box .a-t-list ul li:hover .a-t-p-5 {background-position: -89px -365px; }
.promote-box .a-t-list ul li:hover .a-t-p-6 {background-position: -89px -20px; }
.promote-box .m-e-1 {background-position: -7px 4px;}
.promote-box .m-e-2 {background-position: -7px -116px;}
.promote-box .m-e-3 {background-position: -7px -244px;}
.promote-box .m-e-4 {background-position: -10px -376px;}
.promote-box .m-e-5 {background-position: -7px -494px;}
.zzjg-pic img {width: 100%; height: auto;}
.hi-icon-wrap {
    text-align: center;
    margin: 0 auto;
    padding: 2em 0 1em;
}
.promote-box .o-t-wrap P {height: 78px;}
.hi-icon {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 15px 30px 0;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    width: 130px;
    height: 130px;
}
.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hi-icon:before {
    font-family: 'ecoicon';
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
.hi-icon-effect-1 .hi-icon {
    background: rgba(233, 76, 43, 0.1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}
.hi-icon-effect-1 .hi-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #e94c2b;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}
/* Effect 1a */

.hi-icon-effect-1a .hi-icon:hover {
    background: rgba(233, 76, 43,1);
    color: #e94c2b;
}
.hi-icon-effect-1a .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
@media (min-width: 992px) and (max-width: 1440px) {
    .in-banner-wrap .container {top: 142px;}
    .in-banner-desc {font-size:40px; margin-bottom: 24px;}
    .in-banner-desc span {font-size:80px;}
    .banner-line {margin: 45px 0;}
    .in-banner-info {font-size: 28px;}
    .t-p-pic img {width: 520px;}
    .i-slide {margin: 30px auto 50px;}
    #dowebok .in-common-header {margin: 0 auto 30px;}
    #dowebok .talent-promote .in-common-header {margin: 30px auto;}
    .pro-banner-wrap {height: 550px;}
    .pro-feature-list {margin-top: 72px;}
    .pro-feature-list li span {font-size: 24px;}
    .pro-banner-desc {font-size: 28px;height: 60px; line-height: 56px;margin-top: 44px;}
    .r-g-wrap {height: 218px;padding-top: 125px;}
    .i-slide .s-arrow {width: 22px; height: 50px;margin-top: -25px;}
    .i-slide .arrow-right {background-size: 100%; right: 75px;}
    .i-slide .arrow-left {background-size: 100%; left: 75px;}
    .six-list-in ul li {width: 25%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .t-sys-list {margin-top: 15px;}
    .t-sys-list li {font-size: 14px;}
    .train-sys-box .t-sys-right .t-sys-title {font-size: 26px;}
    .train-sys-box2 .t-sys-right {top: 110px;}
    .train-sys-box2 .kskh-box{top: 145px;}
    .logo img {margin-top: 14px;}
    .multi-end-cont {padding-left: 445px;}
    .multi-end-cont img.multi-pic {left: 0;}
    .m-e-cont {background-position: 0 6px;padding: 78px 90px 78px 81px;}
    .m-e-cont p {font-size: 16px; margin-bottom: 30px;}
    .m-e-cont p.sec-par {margin-top: 30px;}
    .train-sys-box {padding: 80px 0 80px 443px;}
    .train-sys-box .t-sys-right {width: 509px;}
    .train-sys-box2 {padding: 80px 497px 80px 0;}
    .footer .foot-box {padding-top: 50px;}
    .a-t-list ul {margin-left: -10px;}
    .a-t-wrap {margin-left: 10px;}
}