.in-banner-wrap {position: relative;overflow: hidden;background: url("../../images/education_pc/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("../../images/education_pc/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 {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("../../images/education_pc/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("../../images/education_pc/icon.png") no-repeat -286px 17px;}
.train-box2 .train-title span {color: #3a74a9;}
.swiper-slide {position: relative;}
.result-guide {background: url("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/map-bg.jpg") no-repeat center 0;background-size: cover;}
/*------product style------*/
.pro-banner-wrap {width: 100%;text-align: center;overflow: hidden; height: 680px;background: url("../../images/education_pc/banner-edu.png") 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("../../images/education_pc/orange-pre.png") repeat 0 0;height: 70px;padding: 0 40px;line-height: 70px;}
.pro-feature-list li {float: left;width: 25%;background: url("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/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("../../images/education_pc/mod2-bg1.jpg") no-repeat center center;}
.t-mod-2 {background: url("../../images/education_pc/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("../../images/education_pc/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;}
}

@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;}
}


.free-use-btn {
    margin-top: 35px;
    text-align: center;
}

.free-use-btn a {
    width: 200px;
    font-size: 20px;
    cursor: pointer;
    height: 46px;
    line-height: 46px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    text-align: center;
    border: 1px solid #e94c2b;
    color: #e94c2b;
    display: inline-block;
}

.free-use-btn a tt {  line-height: 46px;  display: inline-block;  font-size: 20px;  }

.pro-btn-wrap {
    margin: 70px 0 80px;
}
.btn-wrap {
    text-align: center;
    margin-top: 15px;
}

.function-wrap .btn-wrap a, .four-ends-way .btn-wrap a, .advant-tec .btn-wrap a {
    color: #fff;
    border-color: #fff;
}
.btn-wrap a {
    width: 172px;
    border-radius: 3px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    height: 50px;
    border: 1px solid #e94c2b;
    display: inline-block;
    font-size: 20px;
    color: #e94c2a;
    text-align: center;
    line-height: 50px;
}





.form-add {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}


.form-add .title {
    font-size: 30px;
    color: #333333;
    text-align: center;
    margin-top: 40px;
}
.form-add .title:after {
    content: "";
    background: url(../images/newfangan/title_line2.png) no-repeat center 0px;
    height: 28px;
    width: 441px;
    display: block;
    margin: 0 auto;
}
.form-add .jianjie {
    text-align: center;
    color: #333333;
    font-size: 15px;
    padding: 13px 0px;
    padding-bottom: 18px;
}
.shenqing {
    padding-bottom: 50px;
    width: 620px;
    margin: 0 auto;
}
.shenqing p {
    margin-bottom: 10px;
    overflow: hidden;
}

.shenqing p {
    margin-bottom: 10px;
    overflow: hidden;
}
.shenqing label {
    float: left;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    width: 130px;
    display: block;
    text-align: right;
}
 .shenqing .kuang {
    float: left;
    margin-left: 10px;
    width: 424px;
    height: 46px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    color: rgb(51, 51, 51);
    line-height: 46px;
    font-size: 16px;
    font-family: 微软雅黑;
    border: 1px solid rgb(204, 204, 204);
    padding: 0px 10px;
}
.shenqing i {
    color: #f63636;
    font-size: 20px;
    margin-left: 3px;
}
.shenqing .xuanze {
    float: left;
    margin-left: 10px;
    width: 154px;
    height: 46px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    line-height: 46px;
    font-size: 16px;
    font-family: 微软雅黑;
    color: rgb(51, 51, 51);
    border: 1px solid rgb(204, 204, 204);
    padding: 0px 0px 0px 10px;
}
.button2 {
    width: 180px;
    height: 60px;
    line-height: 60px;
    display: block;
    color: rgb(255, 255, 255);
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: rgb(73, 180, 79);
    font-family: 微软雅黑;
    border-radius: 5px;
    border: none;
}

.shenqing textarea {
    float: left;
    margin-left: 10px;
    width: 424px;
    height: 130px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-family: 微软雅黑;
    border: 1px solid rgb(204, 204, 204);
    padding: 0px 10px;
}


.box-mod {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.grey333 {
    color: #333;
}
.font28 {
    font-size: 28px;
}
.grey666 {
    color: #666;
}
.font14 {
    font-size: 14px;
}

.box-mod .list-item {
    margin-top: 50px;
}
.box-mod .list-item ul li {
    float: left;
    width: 25%;
    height: 180px;
    margin-bottom: 50px;
}
.box-mod .list-item ul li a {
    display: block;
    margin-right: 20px;
    position: relative;
    box-sizing: border-box;
}
.box-mod .list-item ul li img {
    width: 100%;
    height: 180px;
    transition: all 0.6s;
}
.box-mod .list-item ul li img:hover{
     transform: scale(1.1);  
}
.box-mod .list-item ul li .text {
    
    text-align: center;
    color: #000000;
    margin-top: 10px;
    font-size: 18px;
    /* font-weight: bold; */
    overflow: hidden;
}
.box-mod .list-item ul li a:hover{
    text-decoration: none;
}
.botom_text{
    color: #999999;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}