/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/********** 样式重置 **********/
* {margin:0; padding:0;}
html {font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/ overflow: hidden; height: 100%;}
body {font-family: "Microsoft YaHei, arial, helvetica, sans-serif";font-size: 1.4rem; /*1.4 × 10px = 14px */overflow: hidden; height: 100%;}
#container, .sections, .section { position: relative; height: 100%; }
.section {background-color: #000; background-size: cover; background-position: 50% 50%; }       
#section0 {background-image: url(../images/banner.jpg);}
#section1,#section2,#section3 {background-image: url(../images/banner1.jpg);}
/*以下样式用来设置slider样式，可自行修改*/
.pages {position:fixed; left: 50px; top: 44%; list-style: none;}
.pages li {width: 14px; height: 14px; border-radius: 50%; background: #fff; margin-top: 6px; opacity: 0.5;}
.pages li:hover {width: 14px; height: 14px; background: #fff; cursor: pointer; }
.pages li.active {width: 14px; height: 14px; background: #fff; opacity: 1; }
            		
a {text-decoration: none;}
li, ul {list-style: none;}
/* 字体 */
h2 {font-size: 3rem;} /* 标题使用 */
h3 {font-size: 1.6rem;}
.color28 {color:#282828; }
.color034 {color:#034aa2;}
.color6 {color:#666666;}
/* 改变目录位置*/
.swiper {width: 100%;height: 100%;}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {left:60px;}
.swiper-pagination-bullet{width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,14px));height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,14px));}
.swiper-pagination-bullet {background: var(--swiper-pagination-bullet-inactive-color,#fff); opacity: var(--swiper-pagination-bullet-inactive-opacity, .5); }
.swiper-pagination-bullet-active {background: var(--swiper-pagination-color,#fff);opacity: var(--swiper-pagination-bullet-opacity, 1);}
/* 第一屏 */
.zg-header {background: url(../images/banner.jpg) center center no-repeat; background-size: cover; height: 1080px;}
.zg-header .card-img-overlay {padding-top:4.25rem;}
.navbar-light .navbar-nav .nav-link {color: white; font-size: 1.6rem;}
.navbar-light .navbar-toggler {color: white; margin-right: 2rem; border: 0px;}
.navbar .navbar-nav .nav-item {margin-right: 4.1rem;}
.navbar-light .navbar-nav .nav-link:hover {color: white;}
.navbar-toggler-icon {width: 3rem;height: 3rem;}
.navbar #navbarSupportedContent .download {line-height: 40px; width: 165px; text-align: center; color: #034aa2; background: #fff; border-radius: 2rem;font-size: 1.6rem;}
.navbar #navbarSupportedContent .download:hover {text-decoration: none;}
.mt-4r {margin-top: 4rem;}
.zg-header .card-img-overlay .mt-4r .img-fluid {margin-left: 26%;}
.fir-page {margin-top: 8rem;}
.fir-page .col-lg-7 {margin-top: 5rem;}
.zg-header .up h1 {font-size: 6.8rem; font-family: Source Han Sans CN; color: white; font-weight: bold; margin-top: 20rem;}
.zg-header .up h2 {font-size: 3.6rem; font-family: Source Han Sans CN; color: white; letter-spacing: 1px;}
.zg-header .up .baihengxian {border-bottom: 4px solid #FFFFFF; width: 98%; height: 0rem; line-height: 6rem;margin-top: 2rem; margin-bottom: 2.5rem;}
.zg-header .card-img-overlay .up .img-fluid {margin-left: 0;margin-top: 7rem;}
.interview {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-around; cursor: pointer;}
.interview i {font-size: 2.8rem; margin: auto;opacity: 0.8;}
.ico .icon-jiantou_qiehuanyou_o {font-size: 5rem; position: absolute; bottom: -1.8rem; left: -2rem;}
.mousetip {background: url(../images/mousetip.png) no-repeat; width: 51px; height: 41px; position: fixed; bottom: 10px; left: 50%; margin-left: -25px; z-index: 100; cursor: pointer; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running;}
.nav-fixed {position: fixed; z-index: 999; top:5rem;left: 2%; right: 2%; }
/* 第二屏 */
.zg-background {background: url(../images/banner1.jpg) center center no-repeat; background-size: cover; height: 1080px;}
.page2 .card .card-title {color: #333333; margin-top: 4.5rem; margin-bottom: 5rem;}
.page2 .card .card-text {margin: 3rem auto; color: #666666; height: 2.4rem; line-height: 2.4rem;padding-left: 3rem; padding-right: 3rem;}
.page2 .container{padding-top:22rem;}
.since {position: absolute;left: 0;right: 0; margin: 0 auto; bottom: 1.5rem; color: white; text-align: center;}
.company {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-around; cursor: pointer;margin-top: 4.5rem;}
.company i {font-size: 3.5rem; margin: auto;opacity: 0.8;}
/* 第三屏 */
.pt24 {padding-top:24rem;}
.zhaopin {padding:5rem 3rem;}
.zhaopin h2 {height: 9rem; line-height: 9rem;}
.zhaopin h2>i:nth-child(2) {font-style: normal;}
.icon-shixinzhengfangxing {font-size: 1.6rem; color:#7ebef4;}
.zhaopin .zgtable{padding-top:4.4rem;padding-bottom: 3.4rem;}
.zhaopin .zgtable .table td {text-align: center;font-size: 1.6rem;border-top: 5px solid #fff; color: #666666;height: 2.6rem; line-height: 2.6rem;}
.zhaopin .zgtable .table tr:nth-child(even) {background-color: #f7f7f7;}
.zhaopin .zgtable .table tr:nth-child(odd) {background-color: #ebfbff;}
.zhaopin .zgtable .table tr:nth-child(1) {background: -webkit-gradient(linear,left top, right top,from(#4666d5),to(#47c5fd));background: -o-linear-gradient(left,#4666d5,#47c5fd);background: linear-gradient(to right,#4666d5,#47c5fd); -ms-background: linear-gradient(to right,#4666d5,#47c5fd);}
.zhaopin .zgtable .table tr:nth-child(1)>td {color: white;}
.yaoqiu h2>i:nth-child(2) {font-style: normal;}
/* 第四屏 */
.yaoqiu {padding:2.8rem 3rem; }
.yaoqiu h2 {height: 12rem; line-height: 12rem;}
.zhaopin2 {margin:3.4rem 0;}
.yaoqiu .num {font-size: 3rem; background: -webkit-gradient(linear, left top, right top, from(#50e4ff), to(#454ac8)); background: -o-linear-gradient(left, #50e4ff, #454ac8); background: linear-gradient(to right, #50e4ff, #454ac8); background-clip: text; -webkit-background-clip: text; color: transparent;margin-right: 1.3rem;}
.yaoqiu .row h3 {height: 5.2rem; line-height: 5.2rem; }
.baoming {margin:1rem auto;}
.baoming h3{color: #666666;  line-height: 2.8rem;}
.baoming a {color:#4e32a0; font-family: Source Han Sans CN; letter-spacing: 2px;}
.baoming a:hover {text-decoration: none;}
.zggroup p {color:#666666; font-family: Source Han Sans CN;}
/* 第五屏 */
#dituContent {-webkit-transition: all 2s linear;-o-transition: all 2s linear;transition: all 2s linear; position: absolute;}
.page5 .card {width: 100%; height: 16.3rem; background:#1e42b0; opacity: 0.8; position: relative; top: -16.8rem;}
.page5 .card .card-img-overlay {padding-right: 2rem;}
.page5 .saoma p {color: white;}
.page5 .saoma>div {padding-right: 2rem; padding-left: 3rem;}
.page5 .saoma>div>img {padding-bottom: 1rem;}
iframe {width: 100%; height: 628px;}

@media (max-width: 500px) { 
.page2 .card .card-text {display: none;}	
.zg-header .card-img-overlay .fir-page .col-lg-7 .img-fluid {width: 90%;}	
}
@media (max-width: 767px) { 
.interview .ico, .company .ico {margin: 2rem;}	
}
@media (max-width: 576px) { 
.zg-header .fir-page .up h1 {margin-top: 0rem; font-size: 4rem; }
.zg-header .fir-page .up h2 {padding-left: 2rem; font-size: 2.6rem;}	
.fir-page .col-lg-7 {margin-top: 0rem;}	
.page2 .card .card-img-overlay .card-text {line-height: 3rem;padding-left:0; padding-right: 0;font-size: 1.4rem;}
.page2 .card .card-title {margin-top: 2.5rem; margin-bottom: 0;}
.page3 .pt24 {padding-top: 10rem;}
.zhaopin {  padding: 0 3rem;}
.zhaopin .zgtable {padding-top: 0rem;padding-bottom: 2rem;}
.interview {margin-top: -5rem;}
.interview .ico, .company .ico { margin: 0 1.5rem;}
.ico .icon-jiantou_qiehuanyou_o {font-size: 3rem; bottom: 0;}
.company {margin-top: 3rem;}
.yaoqiu {padding: 0rem 3rem;}
.yaoqiu h2 {height: 7rem; line-height: 7rem;}	
.zhaopin2 {margin: 0;}	
.yaoqiu .row h3 {height: 4rem; line-height: 4rem;}
.swiper .pt24{padding-top: 7rem;}
.baoming h3 {font-size: 1.4rem; line-height: 2rem;}
}
@media (min-width: 576px) and (max-width: 767px) { 	
.page2 .card .card-title {margin-top: 2.5rem; margin-bottom: 0;}	
.zg-header .up h1 {font-size: 7.2rem; margin-top: 5rem; }
.fir-page .col-lg-7 {margin-top: 0;}
.page2 .card .card-text {padding-left:0; padding-right: 0;}
.interview {margin-top: -12rem;}	
}
@media (max-width: 991px) { 
.head1 {height: 7rem;line-height: 7rem; width: 100%; background: rgba(255,255,255,.2);display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}	
.navbar .navbar-nav .nav-item {margin-right: 0;}
.icon-xiangyoujiantou:before {float: right; }
.pt24 { padding-top: 10rem;}
.zg-background {background: url(../images/m-banner2.jpg) center center no-repeat; background-size: cover; height: 1280px; }	
.zg-header {background: url(../images/m-banner1.jpg) center center no-repeat; background-size: cover; height: 1280px; }
.nav-fixed {top:0; left: 0; right: 0;}	
.container-lg {width: 100%;}
.zg-header .up .baihengxian {margin: 2rem auto 2.5rem; width: 90%;}
.zg-header .up h2 {padding-left: 4rem;}
.page2 .card .card-text {line-height: 4rem; font-size: 1.6rem;}
.navbar-light .navbar-nav .nav-link  {color: #333333 !important;border-bottom: 2px solid #f0f0f0; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.navbar-nav {background-color: white; opacity: 0.9;}
.navbar-light .navbar-toggler {margin-right: 0rem;}
.navbar-collapse {line-height: 5rem;}	
.zg-header .up h1 {text-align: center; margin-top: 5rem;}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {left: 10px;}
}
@media (min-width: 768px) and (max-width: 991px) { 
.zg-header .up h1 {font-size: 9.4rem; }
}
@media (min-width: 992px) and (max-width: 1199px) { 
.zg-header .up h1 {font-size: 5.6rem; margin-top: 12rem; }	
.zg-header .up h2 {font-size: 3.2rem; }		
.navbar #navbarSupportedContent .download {margin-right: 2rem; }
/* page2 */
.page2 .card .card-title {margin-top: 2rem; margin-bottom: 0;}
.page2 .card .card-text {margin: 2rem auto;}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {left: 30px;}
}
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1200px;}
.modal-xl {max-width: 1200px;}
}
@media (max-width: 992px) {
.zg-header .card-img-overlay {padding-top:1rem;}
}