@charset "utf-8";
/* -------------------------------
 --CSS  好视通 www.hst.com
 --by   市场部 Sivan 2016-11-18
 --update  v.2017-02-25
----------------------------------*/
/*banner首页公用*/
.index_banner { position: relative; background-color: #000; max-height: 800px; overflow: hidden; }
.index_banner .arrow_w { margin: auto; top: 50%; position: absolute; left: 0; right: 0; ; z-index: 100; }
.index_banner .pagination { width: 100%; margin: auto; position: absolute; z-index: 100; left: 10px; right: 0; display: inline-block; text-align: center; bottom: 30px; }
.index_banner .swiper-pagination-switch { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background-color: #FFF; opacity: .4; margin: 0 5px; background: #FFF; }
.index_banner .swiper-active-switch { width: 20px; background-color: #FFF; opacity: .8; border-radius: 30px; /*! transition: width .3s ease-out; */ }
.index_banner .arrow-left, .index_banner .arrow-right { display: block; cursor: pointer; position: absolute; top: 50%; z-index: 1000; color: #FFF; border-radius: 30px; background: #000; font-size: 22px; opacity: .4; width: 50px; height: 50px; line-height: 50px; text-align: center }
.index_banner .arrow-right:hover, .index_banner .arrow-left:hover {opacity: 1; }
.index_banner .arrow-right { background: url(../images/banner/btn_arrow_right.png) no-repeat; right: -2% }
.index_banner .arrow-left { background: url(../images/banner/btn_arrow_left.png) no-repeat; left: -2% }
.index_banner .arrow-right { right: -10%; }
.index_banner .arrow-left { left: -10% }

@media screen and (max-width:1366px) {
.index_banner .arrow-right { right: 8% }
.index_banner .arrow-left { left: 8% }
}

@media screen and (max-width:1024px) {
.index_banner .arrow-right { right: 6% }
.index_banner .arrow-left { left: 6% }
}

@media screen and (max-width:768px) {
.index_banner .arrow-right { right: 4% }
.index_banner .arrow-left { left: 4% }
}

@media screen and (max-width:640px) {
.index_banner .arrow-right { right: 2%; background: none; border: 0px; }
.index_banner .arrow-left { left: 2%; background: none; border: 0px; }
}

@media screen and (max-width:320px) {
.index_banner .arrow-right { right: 1% }
.index_banner .arrow-left { left: 1% }
}
.bannertext { margin: auto; position: absolute; left: 0; right: 0; bottom: 22%; z-index: 10; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.3) }
/*招聘Banner1*/
.zp_banner1 { position: relative; text-align: center; width: 100%; height: 800px; background: #2f7bda url(../images/zp_banner1_bg.png) no-repeat center center; background-size: cover; overflow: hidden; }
.zp_banner1 .text-w { position: absolute; top: 10%; text-align: center; width: 100%; }
.zp_banner1 h3 { color: #FFF; margin-top: 20px; margin-bottom: 50px; }
.zp_banner1 .zp2017_btn { display: block; width: 180px; height: 52px; line-height: 52px; margin: 10px auto 10px auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #fb9348; border-radius: 30px; }
.zp_banner1 .zp2017_btn:hover { background-color: #FFA50A; }

@media screen and (max-width:970px) {
.zp_banner1 { height: 600px; }
.zp_banner1 h3 { font-size: 16px; }
}
/*招聘Banner2*/
.zp_banner2 { position: relative; text-align: center; width: 100%; height: 800px; background: #7C56E9 url(../images/zp_banner2_bg.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.zp_banner2 .text-w { position: absolute; top: 15%; text-align: center; width: 100%; }
.zp_banner2 h3 { color: #FFF; margin-top: 20px; margin-bottom: 50px; line-height: 24px; }
.zp_banner2 .zp2017_btn { display: block; width: 180px; height: 52px; line-height: 52px; margin: 10px auto 10px auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #F1B815; border-radius: 30px; }
.zp_banner2 .zp2017_btn:hover { background-color: #FFA50A; }

@media screen and (max-width:970px) {
.zp_banner2 { height: 600px; }
.zp_banner2 h3 { font-size: 16px; }
}
/*春季2017社会招聘Banner spring*/
.zp2017_spring_w { position: relative; width: 100%; height: 800px; background: #48AEB0 url(../images/zp2017_spring_bg.jpg) center center no-repeat; background-size: cover; overflow: hidden; } /**linear-gradient(to top,#21a4de 0,#9bdf79 100%)**/
.zp2017_spring_w .text-w { position: absolute; top: 15%; text-align: center; width: 100%; }
.zp2017_spring_w h2 { margin-top: 5%; margin-bottom: 30px; }
.zp2017_spring_w h1 { margin-top: 0px; margin-bottom: 20px; }
.zp2017_spring_w p { margin-top: 20px; margin-bottom: 50px; }
.zp2017_spring_w .zp2017_btn { display: block; width: 180px; height: 52px; line-height: 52px; margin: 10px auto 10px auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #019cfe; border-radius: 30px; }
.zp2017_spring_w .zp2017_spring_btn:hover { background-color: #0691e9; ; }

@media screen and (max-width:970px) {
.zp2017_spring_w { height: 600px; }
}

@media screen and (max-width:480) {
.zp2017_spring_w .text-w { position: absolute; top: 5%; }
.zp_banner1 h3, .zp_banner2 h3, .zp2017_spring_w p { margin-bottom: 30px; }
}
/*2017社会招聘Banner 02-18 已结束*/
.zp2017 { position: relative; width: 100%; height: 800px; background: #29a1d6; overflow: hidden; }
.zp2017 .zp2017_p1 { position: absolute; top: 170px; left: 0px; }
.zp2017 .zp2017_p2 { position: absolute; top: 350px; left: 0px; }
.zp2017 .zp2017_p3 { position: absolute; top: 580px; ; left: 0px; }
.zp2017 .zp2017_map { position: absolute; top: 350px; ; right: 0px; }
.zp2017 .zp2017_btn { position: absolute; top: 440px; left: 0; display: block; width: 180px; height: 52px; line-height: 52px; margin: 10px auto 10px auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #F1B815; border-radius: 30px; }
.zp2017 .zp2017_btn:hover { background-color: #FFA50A; }

@media screen and (max-width:970px) {
.zp2017 { height: 600px; }
}

@media screen and (max-width:640px) {
.zp2017 .zp2017_p1 { position: absolute; top: 20px; left: 0px; }
.zp2017 .zp2017_p2 { position: absolute; top: 120px; left: 0px; }
.zp2017 .zp2017_p3 { position: absolute; top: 260px; ; left: 0px; }
.zp2017 .zp2017_btn { position: absolute; top: 180px; left: 0px; }
.zp2017 .zp2017_map { position: absolute; top: 360px; left: 0px; right: 0px; background-size: cover; width: 200px; }
}

/*春季2019社会招聘Banner zp2019_w*/
.zp2019_w { position: relative; width: 100%; height: 800px; background: #48AEB0 url(../images/zp2019_bg.jpg) center center no-repeat; background-size: cover; overflow: hidden; } 
.zp2019_w .text-w { position: absolute; top: 15%; text-align: center; width: 100%; }
.zp2019_w h2 { margin-top: 5%; margin-bottom: 0; }
.zp2019_w h1 { margin-top:0px; margin-bottom: 0; }
.zp2019_w p { margin-top: 0px; margin-bottom: 30px; }
.zp2019_w .zp2019_btn { display: block; width: 180px; height: 52px; line-height: 52px; margin: 10px auto 10px auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #019cfe; border-radius: 30px; }
.zp2019_w .zp2019_spring_btn:hover { background-color: #0691e9; ; }

@media screen and (max-width:970px) {
.zp2019_w { height: 600px; }
}

@media screen and (max-width:480) {
.zp2019_w .text-w { position: absolute; top: 5%; }
.zp2019_w p { margin-bottom: 30px; }
}


/*春季2019社会招聘Banner spring*/
.zp2019_spring_w { position: relative; width: 100%; height: 800px; background: #0d5fc3 url(../images/zp2019_spring_bg.jpg) center center no-repeat; background-size: cover; overflow: hidden; } 
.zp2019_spring_w .text-w { position: absolute; top: 15%; text-align: center; width: 100%; }
.zp2019_spring_w h2 { margin-top: 2%; margin-bottom: 0px; }
.zp2019_spring_w h1 { margin-top: 0px; margin-bottom: 0px; }
.zp2019_spring_w p { margin-top: 20px; margin-bottom: 0px; }
.zp2019_spring_w .zp2019_btn { display: block; width: 180px; height: 52px; line-height: 52px; margin: 10px auto 10px auto; text-align: center; font-size: 18px; color: #f2f2f2; background-color: #019cfe; border-radius: 30px; }
.zp2019_spring_w .zp2019_spring_btn:hover { background-color: #0691e9; ; }

@media screen and (max-width:970px) {
.zp2019_spring_w { height: 600px; }
}

@media screen and (max-width:480) {
.zp2019_spring_w .text-w { position: absolute; top: 5%; }
.zp2019_spring_w p { margin-bottom: 30px; }
}
/*内页banner*/
.zp_banner_s { position: relative; z-index: 10; width: 100%; overflow: hidden; background-color: #05a1fc; 
  background-image: -moz-linear-gradient( -90deg, rgb(10,196,248) 0%, rgb(0,128,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(10,196,248) 0%, rgb(0,128,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(10,196,248) 0%, rgb(0,128,255) 100%);
}
.zp_list_w { background-color: #FFF; }
.123zp_banner_s img { transform: scale(1); animation: slow_scale 12000ms 1 forwards; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
@-moz-keyframes slow_scale {
0% {
-moz-transform:  scale(1.1);
}
100% {
-moz-transform:  scale(1.0);
}
}
@-webkit-keyframes slow_scale {
0% {
-webkit-transform:  scale(1.1);
}
100% {
-webkit-transform:  scale(1.0);
}
}
@keyframes slow_scale {
0% {
transform: scale(1.1);
}
100% {;
transform: scale(1);
}
}
.123zp_banner_s img:hover { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); -webkit-transition: -webkit-transform 4000ms; transition: transform 4000ms; }
.zp_banner_s .container-fluid { padding-right: 0px; padding-left: 0px; }
.zp_banner_s .zp_banner_s_mark { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/dark_mark.png) repeat; opacity: 0.2; }
/*2018春季招聘会banner*/
.zp_banner_w { position: relative; width: 100%; height: 800px; min-width: 320px; max-width: 100%; max-height: 100%; background-color: #1e1471; color: #FFF; margin: 0 auto; text-align: center; overflow: hidden }
.index_banner_zp .index_banner_zp_text { float: none; width: 100%; height: 100%; margin: auto; padding: 0; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.index_banner_zp .index_banner_zp_text img { float: none; margin: auto; padding: 0; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.index_banner_zp .index_banner_zp_img img { float: none; margin: auto; padding: 0; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; }
.index_banner_zp .index_banner_zp_text .h1_w { height: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 20; color: #fff; }
.index_banner_zp .index_banner_zp_text .h1_w { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all 1.2s ease; transition: all 1.2s ease; }
.index_banner_zp .index_banner_zp_text .h1_1 { z-index: 10; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); }
.index_banner_zp .index_banner_zp_text .h1_2 { z-index: 9; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.index_banner_zp .index_banner_zp_text .h1_3 { z-index: 8; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.index_banner_zp .index_banner_zp_text .h1_4 { z-index: 7; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
.swiper-slide-active .index_banner_zp .index_banner_zp_text .h1_w { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); animation-direction: reverse; }
.index_banner_zp .index_banner_zp_img { float: none; width: 100%; height: 100%; margin: auto; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; }
.index_banner_zp .img_list { width: 100%; height: 100%; position: relative; z-index: 10; margin: 0 auto; }
.index_banner_zp .img_list .img_w { opacity: 0; width: 100%; height: 100%; margin: auto; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: all 1.2s ease; transition: all 1.2s ease }
.index_banner_zp .img_list .img_1 { z-index: 10; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.index_banner_zp .img_list .img_2 { z-index: 9; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.index_banner_zp .img_list .img_3 { z-index: 8; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.swiper-slide-active .index_banner_zp .img_list .img_w { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); animation-direction: reverse; }
.index_banner_zp_bg { width: 100%; height: 100%; max-width: 1920px; ; margin: 0 auto; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/banner/zp/index_banner_zp_bg.png) no-repeat center center; background-size: cover; }
.index_banner_zp_bg_2 { width: 100%; height: 100%; max-width: 1920px; ; margin: 0 auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/banner/zp/index_banner_zp_bg2.png) no-repeat center center; background-size: cover; }
.index_banner_zp_bg_3 { margin: auto; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; transform: rotate(90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
.index_banner_zp_bg_3::before { content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 1200px; height: 600px; background: url(../images/sivan_line.html) no-repeat center 80px; animation: 10s sivan_line infinite linear; }
.index_banner_zp_bg_3::after { content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 1200px; height: 600px; background: url(../images/sivan_line.html) no-repeat center bottom; animation: 20s sivan_line infinite linear; }
 @-webkit-keyframes sivan_line {
 0% {
opacity: 0;
transform: translate(0%, 0);
}
50% {
opacity: 1;
transform: translate(50%, 0);
}
 100% {
 opacity: 0;
transform: translate(100%, 0);
}
}
 @keyframes sivan_line {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
50% {
 opacity: 1;
 transform: translate(50%, 0);
}
 100% {
 opacity: 0;
 transform: translate(100%, 0);
}
}

@media screen and (max-width:970px) {
.zp_banner_w { height: 600px; }
}

@media screen and (max-width:480) {
.zp_banner_w .text-w { position: absolute; top: 5%; }
.zp_banner_w h3, .zp_banner_w h3, .zp_banner_w p { margin-bottom: 30px; }
}
/*按钮水纹交互 Menu DropEft CSS*/
.dropeft { position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 0; }
.water { display: block; position: absolute; background: rgba(255, 255, 255, 0.14); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.drop-animate { -webkit-animation: dropper 0.65s linear; -moz-animation: dropper 0.65s linear; -ms-animation: dropper 0.65s linear; -o-animation: dropper 0.65s linear; animation: dropper 0.65s linear; }
 @-webkit-keyframes dropper {
 100% {
 opacity: 0;
 -webkit-transform: scale(2.5);
}
}
@-moz-keyframes dropper {
 100% {
 opacity: 0;
 -moz-transform: scale(2.5);
}
}
@-o-keyframes dropper {
 100% {
 opacity: 0;
 -o-transform: scale(2.5);
}
}
@keyframes dropper {
 100% {
 opacity: 0;
 transform: scale(2.5);
}
}