@charset "utf-8";
html,body,div,span,h1,h2,h3,h4,h5,p,a,img,s,strong,b,u,i,dl,dt,dd,ol,ul,li,form,label,table,tbody,thead,tr,th,td,canvas,section,time,video {margin: 0;padding: 0;}
ul,ol,li {list-style-type: none;vertical-align: 0
}
i {font-style: normal;}
a {text-decoration: none;}
html,body,.index {
    /* width: 100%; */
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    min-width: 750px;
    /* max-width: 1920px; */
    height: 100vh;
    height: auto;
    box-sizing: border-box;
    font-family: 'Microsoft YaHei';
    }
@font-face {font-family: 'FZRUI';src: url('./css/FZPSZHUNHJW_3.TTF');}
/* .navBg {height: 85px;width: 100%;z-index: 99;position: relative;background-color: #fff;box-sizing: content-box;top: 0;}
.navBox {width: 1080px;padding: 0px 15px 0;margin: 0 auto;box-sizing: border-box;}
.navBox .logo {float: left;width: 210px;display: block;margin-top: 5px;}
.navBox .nav {width: 470px;margin-top: 25px;float: right;display: flex;justify-content: space-between;}
.nav > li > a {color: #5a595b;display: block;text-align: center;line-height: 30px;padding: 2px 10px;font-size: 22px;font-weight: bold;border-radius: 10px;box-sizing: border-box;border: 2px solid #c40c42;}
.nav > li > a span{font-size: 8px;font-weight: normal;line-height: 10px;display: block;margin-top: 5px;letter-spacing: -0.1px;}
.nav > li {font-size: 16px;text-align: center;letter-spacing: 2px;color: #fff;}
.nav > li > a:hover,.nav > li.on > a{background-color: #c40c42;color: #fff;} */
.img_center {margin: 0 auto;display: block;}
.hover_top:hover {transform: translateY(-5px);}
.hover_max:hover {transform: scale(1.05);}
.hover_a:hover {text-decoration: underline;}
.banner {width: 100%;}
.banner img {width: 100%;display: block;}
.footer {width: 100%;line-height: 35px;text-align: center;font-size: 12px;color: #777777;position: absolute;bottom: 5px;/* background-color: #0079e6; */
}
.footer a {color: #777777;}
.content_box {
    width: 92%;
    height: 705px;
    /* background-color: #000; */
    box-sizing: border-box;
    position: relative;
    background-size: 100%;
    top: 10%;
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    margin: auto;
    /* transform: translateX(-50%); */
    /* padding: 0 3px 11px 28px; */
}
.title_box {display: block;text-align: center;padding: 85px 0 70px;}
.job_cont_box::after {display: block;content: "";clear: both;}
.window_box {width: 100%;height: 100vh;position: fixed;top: 0;display: none;z-index: 99;background-color: rgb(0 0 0 / 85%);}
.window_contant1 {position: absolute;width: 95%;min-height: 380px;top: 53%;left: 50%;/* padding: 45px 45px; */
    box-sizing: border-box;border-radius: 10px;transform: translate(-50%, -50%);/* background-color: #fff; */
    /* overflow: hidden; */
    /* box-shadow: 0px 0px 10px #616161; */
    display: none;}
.show1 {display: block !important;animation: Show1 0.5s ease-out 0s 1 normal;animation-fill-mode: forwards;}
@keyframes Show1 {0% {    opacity: 0;    top: 55%;}
    100% {    opacity: 1;    top: 50%;}
}
.window_contant1 .window_contant_1 {display: flex;justify-content: space-between;border-bottom: 1px dashed #c8c8c8;padding-bottom: 15px;}
.window_contant1 .window_contant_1 p {line-height: 45px;color: #555555;font-size: 22px;font-weight: bold;}
.window_contant1 .window_contant_1 a {line-height: 45px;padding: 0 28px;font-size: 18px;color: #fff;border-radius: 10px;background-color: #4e3b94;}
.window_contant1 .window_contant_2 {margin-top: 25px;}
.window_contant1 .window_contant_2 img {width: 20px;}
.window_contant1 .window_contant_2 span {font-size: 16px;color: #909091;margin-bottom: 10px;position: relative;top: -10px;margin-left: 10px;}
.window_contant1 .window_contant_3 {font-size: 16px;color: #909091;margin-top: 8px;}
.window_contant1 #sp1 {display: block;width: 100%;height: 400px;}
.window_contant1 .sp_on {display: inline-block;position: absolute;bottom: -85px;width: 40px;left: 50%;transform: translateX(-50%);cursor: pointer;}
.window_contant1 .sp_on img {display: block;width: 100%;}
.page {height: 100vh;background: #2594e8 url(./images/bg.jpg)no-repeat bottom;background-size: 100% 100%;}
.content_box {}
.content_box .cont_nav_bg {width: 100%;height: 65px;backdrop-filter: blur(0.4rem);background-color: rgb(78 138 252 / 80%);border-top-left-radius: 15px;border-top-right-radius: 15px;position: absolute;bottom: -75px;box-shadow: 0 4px 10px 0 rgb(55 55 55 / 30%);}
.content_box .cont_nav {position: relative;}
.content_box .cont_nav ul {display: flex;justify-content: space-around;position: relative;width: 99%;margin: 0 auto;user-select: none;}
.content_box .cont_nav ul li {}
.cont_nav ul li:nth-child(1) div svg {fill: #25b9ca;}
.cont_nav ul li:nth-child(2) div svg {fill: #2594e8;}
.cont_nav ul li:nth-child(3) div svg {fill: #ff688d;}
.cont_nav ul li:nth-child(4) div svg {fill: #5ac055;}
.cont_nav ul li div {background: url(./images/title_k.png)no-repeat;width: 196px;background-size: 100% 100%;height: 62px;padding: 1.4px 0 2px 2px;box-sizing: border-box;position: relative;cursor: pointer;}
.cont_nav ul li div svg {/* fill: #555555; */
    /* display: block; */
    position: absolute;}
.cont_nav ul li:nth-child(1)>svg {fill: #25b9ca;position: relative;}
.cont_nav ul li:nth-child(2)>svg {fill: #2594e8;}
.cont_nav ul li:nth-child(3)>svg {fill: #ff688d;}
.cont_nav ul li:nth-child(4)>svg {fill: #5ac055;}
.cont_nav ul li>svg {opacity: 0;}
.cont_nav ul li>svg {display: block;padding-right: 15px;margin: 10px auto 0;}
.content_box .cont_nav ul li.cont_nav_on div span,.content_box .cont_nav ul li:hover div span {font-weight: bold;}
.content_box .cont_nav ul li.cont_nav_on>svg,.content_box .cont_nav ul li:hover>svg {opacity: 1;}
.content_box .cont_nav ul li .nav-btn{
    margin-left: 25px;
    opacity: 0;
    animation: lightSpeedIn 0.8s 0.6s forwards linear,dont 2.5s 1s infinite  linear;
    /* margin-left: -50px; */
}
/* .content_box .cont_nav ul li svg{fill: #555555;} */
.content_box .cont_nav ul li span {position: relative;display: block;z-index: 1;top: 20%;text-align: center;font-family: 'FZRUI';letter-spacing: 1px;font-size: 32px;color: #fff;}
.cont_box {margin-top: 83px;}
.cont_box .cont {
    backdrop-filter: blur(0.3rem);
    width: 100%;
    height: 68vh;
    background-color: rgb(78 138 252 / 80%);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
    box-shadow: 0 4px 5px 0 rgb(55 55 55 / 30%);
    }
.cont_box .cont {}
.cont_box .cont .nav_box {width: 88%;position: relative;/* left: -22px; */
    margin: 0 auto;top: -72px;justify-content: space-between;display: flex;}
.cont_box .cont .nav_box li {width: 133px;height: 64px;margin-bottom: 17px;background-color: #fff;border-top-left-radius: 15px;border-bottom-right-radius: 15px;position: relative;box-sizing: border-box;padding: 7px 0;cursor: pointer;user-select: none;box-shadow: 0 5px 10px 0px rgb(55 55 55 / 30%);}
.cont_box .cont .nav_box li>div {text-align: center;height: 28px;}
.cont_box .cont .nav_box li>p {color: #032462;text-align: center;font-size: 19px;/* font-weight: bold; */
    margin-top: 2px;}
.cont_box .cont .nav_box li .on_jt {position: absolute;right: -18px;top: 50%;transform: translateY(-50%);opacity: 0;display: none;}
.cont_box .cont .nav_box li .nav_sj_ {position: absolute;left: -1px;bottom: -21px;display: none;}
.cont_box .cont .nav_box li>div img {display: block;margin: 0 auto;display: inline-block;height: 28px;}
.cont_box .cont .nav_box li>div img:first-child {}
.cont_box .cont .nav_box li>div img:last-child {display: none;}
.cont_box .cont .nav_box.nav_box1 .nav_on {background-color: #25b9ca;}
.cont_box .cont .nav_box.nav_box1 .nav_on p {color: #fff;}
.cont_box .cont .nav_box.nav_box1 .nav_on div img:first-child {display: none;}
.cont_box .cont .nav_box.nav_box1 .nav_on div img:last-child {display: block;}
.cont_box .cont .nav_box.nav_box1 .nav_on .on_jt {opacity: 1;}
.cont_box .cont .nav_box.nav_box3 .nav_on {background-color: #ff688d;}
.cont_box .cont .nav_box.nav_box3 .nav_on p {color: #fff;}
.cont_box .cont .nav_box.nav_box3 .nav_on div img {display: block;}
.cont_box .cont .nav_box.nav_box3 .nav_on .on_jt {opacity: 1;}
.cont_box .cont .nav_box.nav_box4 .nav_on {background-color: #5ac055;}
.cont_box .cont .nav_box.nav_box4 .nav_on p {color: #fff;}
.cont_box .cont .nav_box.nav_box4 .nav_on div img:first-child {display: none;}
.cont_box .cont .nav_box.nav_box4 .nav_on div img:last-child {display: block;}
.cont_box .cont .nav_box.nav_box4 .nav_on .on_jt {opacity: 1;}
.content_cont_box {width: 95%;height: 90%;margin: 0 auto;position: relative;top: -20px;overflow: auto;padding-top: 30px;}
.content_cont_box .content_cont1_1_box {font-family: 'FZRUI';background: url(./images/cont1/cont_k_top.png)no-repeat top, url(./images/cont1/cont_k_bottom.png)no-repeat bottom;height: 100%;position: relative;}
.content_cont_box .content_cont1_2_box {}
.content_cont_box .content_cont1_2_box ul {}
.content_cont_box .content_cont1_2_box ul li {cursor: pointer;transition: all 0.5s;}
.content_cont_box .content_cont1_2_box ul li:hover {transform: translateY(-12px);}
.content_cont_box .content_cont1_2_box ul li img {display: block;}
.content_cont_box .content_cont1_2_box ul.fq_A {display: flex;justify-content: space-between;width: 55%;margin: 0 auto;position: relative;z-index: 5;top: -15px;}
.content_cont_box .content_cont1_2_box ul.fq_B {display: flex;justify-content: space-between;width: 55%;margin: 0 auto;position: relative;top: -70px;z-index: 5;}
.content_cont_box .content_cont1_2_box ul.fq_C {display: flex;justify-content: space-between;width: 90%;margin: 0 auto;position: relative;top: -70px;z-index: 5;}
.content_cont_box .content_cont1_3_box {font-family: 'FZRUI';background: url(./images/cont1/cont_k_top.png)no-repeat top, url(./images/cont1/cont_k_bottom.png)no-repeat bottom;height: 100%;position: relative;color: #fff;}
.content_cont_box .content_cont1_4_box {position: relative;padding-top: 18px;}
.content_cont_box .content_cont1_1_box>div {position: relative;height: 100%;/* padding: 0 50px; */
}
.content_cont_box .content_cont1_2_box>div {position: relative;/* height: 510px; */
}
.content_cont_box .content_cont1_3_box>div {margin: 0 auto;width: 95%;padding: 8px 25px 0 35px;box-sizing: border-box;overflow-y: auto;height: 90%;}
.content_cont_box .content_cont1_4_box ul {/* display: flex; */
    /* justify-content: space-between; */
    width: 100%;position: relative;/* left: 50%; */
    top: -50px;}
.content_cont_box .content_cont1_1_box>div>.content_cont_p {color: #fff;font-size: 30px;position: relative;top: -15px;text-align: center;}
.content_cont_p img {margin: 0 8px;position: relative;top: -3px;}
.content_cont_box .content_cont1_1_box>div>.content_cont_div {text-align: justify;position: absolute;top: 50%;left: 50%;width: 85%;font-size: 22px;line-height: 40px;color: #fff;transform: translate(-50%, -50%);}
.content_cont_box .content_cont1_3_box>.content_cont_p {color: #fff;font-size: 30px;position: relative;top: -15px;text-align: center;}
.content_cont_box .content_cont1_3_box>div>.content_cont_div {line-height: 35px;font-size: 22px;text-align: justify;}
.content_cont_box .content_cont1_3_box>div>.content_cont_div .cont1_3_a:hover {text-decoration: underline;}
.content_cont_box .content_cont1_3_box>div>.content_cont_div .cont1_3_a {color: #fff;text-decoration: underline;width: 100%;display: block;font-size: 21px;}
.zhibos_box li .zb_a:hover {background-color: #ff688d;}
.zhibos_box li .zb_a:hover img {transform: translateX(5px);}
.content_cont_box .content_cont1_4_box ul>li {margin-bottom: 38px;}
.content_cont_box>li+li {display: none;}
.content_cont_box .content_cont1_4_box ul>li p {color: #fff;font-size: 22px;text-align: center;height: 48px;line-height: 22px;margin-bottom: 5px;}
.content_cont_box .content_cont1_4_box ul>li img {display: block;margin: 0 auto;width: 190px;height: 138px;}
.content_cont_box .content_cont1_4_box ul>li a:hover {transform: scale(0.98);}
.content_cont_box .content_cont1_4_box ul>li a {color: #fff;background-color: #25b9ca;font-size: 24px;display: block;width: 160px;height: 40px;transition: all 0.3s;border-radius: 50px;line-height: 39px;text-align: center;margin: 15px auto 0;box-shadow: 0 4px 10px 0px rgb(55 55 55 / 50%);}
.content_cont_box .content_cont1_3_box>div::-webkit-scrollbar {width: 10px;height: 10px;/* background-color:#F5F5F5; */
}
.content_cont_box .content_cont1_3_box>div::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 3px;/* background-color:#F5F5F5; */
}
.content_cont_box .content_cont1_3_box>div::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #fff;}
.cont_box2,.cont_box3,.cont_box4 {display: none;}
.content_cont_box .content_cont1_1_box.fq_s {}
.content_cont_box .content_cont1_1_box.fq_s>div {}
.content_cont_box .content_cont1_1_box.fq_s>div p {}
.content_cont_box .content_cont1_1_box.fq_s>div div {font-size: 22px;line-height: 40px;}
.content_cont_box .content_cont1_1_box.fq_s>div span:hover {text-decoration: underline;}
.content_cont_box .content_cont1_1_box.fq_s>div span {display: block;border-radius: 5px;border: 2px solid #fff;width: 185px;height: 45px;line-height: 45px;font-size: 24px;color: #fff;text-align: center;position: absolute;cursor: pointer;right: 35px;bottom: 35px;}
.zhibos_box {font-size: 16px;}
.zhibos_box li {display: block;display: flex;margin-bottom: 15px;justify-content: space-between;}
.zhibos_box li span {display: inline-block;line-height: 35px;}
.zhibos_box li .zb_sj {width: 30%;}
.zhibos_box li .zb_name {width: 40%;}
.zhibos_box li .zb_a {width: 123px;text-align: center;line-height: 35px;display: block;border: 1px solid #fff;border-radius: 5px;box-sizing: border-box;}
.zhibos_box li .zb_a img {transition: all 0.3s;display: inline-block;position: relative;top: 5px;margin-left: 3px;}
.cont_box .cont .nav_box.nav_box4 li {/* margin-bottom: 38px; */
}
.zc_box {/* padding-right: 8px; */
    padding-top: 10px;font-size: 20px !important;}
.zc_box>p {border-bottom: 2px solid #fff;display: inline-block;padding: 0 10px 5px 10px;position: relative;line-height: 25px;margin-bottom: 15px;}
.zc_box>div {position: relative;margin-bottom: 15px;}
.zc_box>div span {position: absolute;left: 0px;bottom: -19px;border-bottom: 2px solid #fff;display: inline-block;padding: 0 6px;}
.zc_box>div p {position: relative;margin-left: 90px;line-height: 25px;border-bottom: 2px solid #fff;display: inline-block;padding: 0 5px 5px 5px;}
.zc_box>p::before {display: block;content: "";position: absolute;width: 10px;height: 10px;left: -8px;border-radius: 10px;background-color: #fff;bottom: -6px;}
.zc_box a span{font-size: 17px;}
.zc_box>div span::before {display: block;content: "";position: absolute;width: 10px;height: 10px;left: -8px;border-radius: 10px;background-color: #fff;bottom: -6px;}
.zc_box>div span::after {display: block;content: "";position: absolute;width: 43.5px;height: 2px;right: -41px;transform: rotate(-26.5deg);border-radius: 10px;background-color: #fff;bottom: 7px;}
.zc_box a:hover {text-decoration: underline;}
.zc_box a {color: #fff;}
.zc_box2 {padding-left: 305px;}
.logo_ {position: fixed;top: 2%;left: 3%;}
.p_hy span {color: #ffcd6d;}
.p_hy span i {display: inline-block;width: 15px;height: 15px;border-radius: 20px;background: #25b9ca;margin-right: 5px;}
.nav_box4 {width: 75% !important;}

.index-box {position: relative;width: 100%;height: 100vh;background: url("./images/index/index-bg.jpg") no-repeat;background-size: 100% 100%;}
.logo {/* padding: 5% 0 0 5%; */position: absolute;top: 3%;left: 23%;width: 38%;animation: bounceIn 1.2s forwards linear;}
.logo>img {width: 100%;}
.inter {position: absolute;right: 2%;width: 20%;top: 2.5%;animation: bounceIn 1.2s forwards linear;}
.inter>img {width: 100%;}
.index-text1 {position: absolute;top: 8%;left: 50%;/* transform: translateX(-50%); */width: 96%;animation: fadeInUp 0.5s 0.5s forwards linear;opacity: 0;margin-left: -48%;}
.index-text1>img {width: 100%;display: block;}
.ball a {position: absolute;width: 33%;opacity: 0;animation: dont2 1s 0.8s forwards linear,dont 2.5s 1s infinite linear;}
.one {left: 0%;top: 30%;}
.two {left: 34%;top: 30%;/* transform: translateX(-50%); */}
.three {right:0%;top: 30%;/* transform: translateX(58%); */}
.ball a>img {width: 100%;}
.index-text2{
    position: absolute;
    top: 40%;
    left: 50%;
    /* transform: translateX(-50%); */
    width: 60%;
    animation: fadeInUp 0.5s 1s forwards linear;
    opacity: 0;
    margin-left: -30%;
}
.index-text2 img{
    width: 100%;display: block;
}
.ball a.two .bounceIn{
    position: absolute;
    top: -5px;
    left: 45%;
    width: 140px;
    height: auto;
    animation: lightSpeedIn 0.8s 0.6s forwards linear,dont 2.5s 1s infinite  linear;
    margin-left: -50px;
    opacity: 0;
}
/* .ball a.two:hover .bounceIn{
   
    animation: lightSpeedIn 0.8s 0s forwards linear,dont 2.5s 1s infinite  linear;
} */
@keyframes dont2 {0%{opacity: 0;}
100%{opacity: 1;}}
@keyframes dont {0%, 100%{     transform: scale(1)}
50% {    transform: scale(0.92);}
}
@keyframes bounceIn {
    0%,    100%,    20%,    40%,    60%,    80% {    transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {    opacity: 0;     transform:translateX(-50%)  scale3d(.3, .3, .3)
    }
    20% {     transform:translateX(-50%)  scale3d(1.1, 1.1, 1.1)
    }
    40% {      transform:translateX(-50%)  scale3d(.9, .9, .9)
    }
    60% {    opacity: 1;    transform:translateX(-50%)  scale3d(1.03, 1.03, 1.03)
    }
    80% {      transform:translateX(-50%)  scale3d(.97, .97, .97)
    }
    100% {    opacity: 1;     transform:translateX(-50%)  scale3d(1, 1, 1)
    }
}
@keyframes fadeInUp {
0% {    opacity: 0; transform: translateX(-50%) translate3d(0, 100%, 0)
}
100% {    opacity: 1;   transform: translateX(-50%) none
}
}
.ball{
    /* width: 100%; */
    /* height: 100%; */
}
.content_cont1_4_box>div{display: flex;}