锘?sub-banner{width: 100%;height:450px;background-size:cover;background-repeat: no-repeat;background-position: center bottom;background-color:#e0edfb;position: relative;margin-top:65px;overflow: hidden}
.sub-banner .container{position: relative;z-index: 2;}
.sub-banner .container .text{padding: 10% 0 0 0}
.sub-banner .container h4{width: 100%;font-size:40px;font-weight: 550;line-height:50px;margin-bottom:20px;color: #222;text-transform: uppercase;}
.sub-banner .container p{width: 100%;font-size: 18px;font-weight: 400;line-height:32px;color:#222;text-transform: uppercase;margin-bottom:50px;}
.sub-banner .container a{border: 1px solid transparent;color:#fff;font-size:14px;margin-right:10px;text-align: center;font-weight:400;display: inline-block;text-transform: uppercase;
    line-height:35px;border-radius:4px;background-color:var(--color-2);padding: 0 15px;}
.sub-banner .container a i{font-size:1.4rem;margin-left:5px;font-weight:400;}
@media screen and (max-width: 1440px){
    .sub-banner{height:400px;background-size:cover;}
}
@media screen and (max-width: 991px){
    .sub-banner{height:auto;margin-top:60px;background-position:left top;background-size:120% auto;background-repeat: no-repeat;position: relative}
    .sub-banner .container .text{padding:10% 0 20px 20px;position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top:0}
    .sub-banner .container h4{font-size:2.2rem;line-height:2.2rem;margin-bottom:10px;color: #495057}
    .sub-banner .container p{font-size: 1.5rem;line-height: 2.5rem;color: #495057;margin-bottom:10px;}
    .sub-banner .mobile{width: 100%;z-index: 1;position: relative}
    .sub-banner .mobile img{width: 100%;}
}

/*page-nav*/
.main{padding: 0;margin: 0;position: relative}
.main .page-nav{background-color:rgba(255,255,255,0.7);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);width: 100%;position: relative;top:-60px;border-top: 2px solid #fff;border-bottom: 1px solid #fff;z-index: 9}
.main .page-nav .loc {line-height:60px;color:#495057}
.main .page-nav .loc a{font-size: 16px;color:#495057;line-height:60px;}
.main .page-nav .loc i{font-size: 1.8rem;margin-right: 10px;}
.main .page-nav .loc .icon-jiating-{font-size:2rem;}
.main .page-nav ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.main .page-nav ul li{line-height:60px;font-size:16px;border-left: 1px solid #fff}
.main .page-nav ul li:first-child{border-left: none;}
.main .page-nav ul li a{color:#495057;font-weight:400;display: block;position: relative;text-align: center;line-height:60px;}
.main .page-nav li a:hover,.main .page-nav li a.cur{color:var(--color-2);font-weight: 500;height: 62px;border-bottom:2px solid #8eb5f9;position: relative;bottom: -1px;}
.page-nav .loc{width:50%;}
.page-nav .page-nav-ul{width:50%;}
.page-nav .page-nav-ul li{width:25%;}
@media (max-width: 1440px) {
    .page-nav .loc{width:30%;}
    .page-nav .page-nav-ul{width: 70%;}
    .page-nav .page-nav-ul li{width: 20%;}
}
@media (max-width: 991px) {
    .main .page-nav{top:0;}
    .main .page-nav .container{flex-wrap: wrap;padding: 0;}
    .main .page-nav .loc{display: none}
    .main .page-nav .page-nav-ul{width:100%;order: 1;}
    .main .page-nav ul li{font-size:1.4rem;font-weight:500;padding: 0!important;line-height:50px;}
    .main .page-nav ul li:first-child{border-left: none;}
    .main .page-nav ul li a{line-height:50px;}
    .main .page-nav li a:hover,.main .page-nav li a.cur{height:50px;}
    .page-nav .loc{display: none}
    .page-nav .page-nav-ul{width: 100%;}
    .page-nav .page-nav-ul li{width:100%;}
    .about .page-nav .page-nav-ul li a{font-size: 1.6rem;font-weight: 500;}
}


.section-title{width: 100%;margin-bottom: 20px;}
.section-title.center{text-align: center;}
.section-title h4{font-size: 36px;font-weight: 550;color: #495057;position: relative;margin-bottom: 10px;}
.section-title h4:after{content: '';width:40px;height:10px;position: absolute;top:-30px;left:0;border-radius:10px;
    background-image:-webkit-linear-gradient(45deg, #408af3, #8eb5f9);
    background-image:linear-gradient(45deg, #408af3, #8eb5f9);
    box-shadow: 0 2px 10px -2px rgba(36,72,246, 0.35);
    -webkit-box-shadow:0 2px 10px -2px rgba(36,72,246, 0.35);
    border: 1px solid rgba(255,255,255,0.85);
}
.section-title.center h4:after{left: 50%;margin-left: -20px;}
.section-title p{font-size: 18px;line-height: 32px;font-weight: 500;color:#868e96}
@media (max-width: 1440px) {
    .section-title h4{font-size: 30px;}
    .section-title h4:after{top:-25px;}
}
@media screen and (max-width: 992px){
    .section-title{margin-bottom:10px;}
    .section-title h4{font-size: 2.2rem;}
    .section-title h4:after{content: '';width:30px;height:8px;top:-20px;}
    .section-title.center h4:after{margin-left: -15px;}
    .section-title p{font-size: 1.4rem;line-height:2.2rem;}
}
.about{background-color:rgba(0,0,0,0.02)}
.about-text{position: relative;padding:50px 0 100px 0;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows:1fr;
    grid-gap:0;justify-content: center;
    align-items:center ;
}
.about-text .info{width:100%;}
.about-text .info p{font-size: 16px;line-height:30px;color: #495057;text-align:justify; text-justify:inter-ideograph;margin-bottom: 30px;font-weight: 450;}
.about-text .img{width:100%;text-align: right;position: relative;}
.about-text .img img{width: auto;max-width:80%;border-top-right-radius: 50px;border-bottom-left-radius: 50px;position: relative;z-index: 2;}
.about-text .img:after{content: '';width:50%;height:50%;position: absolute;right: -25px;bottom: -30px;z-index:1;
    background-color: #f1f5ff;border-top-right-radius: 50px;border-bottom-left-radius: 50px;
}
@media (max-width: 1440px) {
    .about-text .info p{font-size:15px;line-height:30px;margin-bottom: 20px}
}
@media screen and (max-width: 992px){
    .about{background-color:#f1f3f5}
    .about-text{padding:50px 10px 0 10px;grid-template-columns: 100%;grid-template-rows:1fr;}
    .about-text .info{width: 100%;order:1;margin-bottom: 10px;}
    .about-text .info p{font-size: 1.5rem;line-height:2.5rem;}
    .about-text .img{width: 100%;text-align:center;order:2;margin-bottom: 50px;}
    .about-text .img img{max-width:100%;}
}

.culture{padding:80px 0;background-color: #f4f6f8;}
.culture .img-info{flex-wrap: wrap;align-items: center;width: 100%;padding-top: 20px;}
.culture .img-info .info{width:70%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr;
    grid-gap:20px 20px;
}
.culture .img-info .info p{background-color: #fff;padding:40px 20px;position: relative;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.08);
    -webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,0.08);
    border-radius: 8px;
}
.culture .img-info .info p:nth-child(2n){margin-right: 0;}
.culture .img-info .info p i{position: absolute;right:20px;bottom:20px;color:#e0edfb;font-size:5.5rem;font-weight: 400;z-index: 1;}
.culture .img-info .info p b{display: block;font-size:20px;color: #495057;font-weight: 550;margin-bottom:5px;z-index: 2;position: relative}
.culture .img-info .info p span{display: block;font-size: 15px;line-height: 25px;color: #495057;font-weight: 400;z-index: 2;position: relative;}
.culture .img-info .img{width:28%;margin-left: 2%}
.culture .img-info .img img{width: auto;max-width: 100%;}
@media screen and (max-width: 992px){
    .culture{padding:50px 10px 0 10px;}
    .culture .img-info{padding-top: 10px;}
    .culture .img-info .info{width:100%;grid-template-columns: 1fr;grid-template-rows:1fr;grid-gap:15px 0;}
    .culture .img-info .info p{padding:20px 20px;box-shadow: 0 5px 10px -5px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 10px -5px rgba(0,0,0,0.08);}
    .culture .img-info .info p i{font-size:5rem;}
    .culture .img-info .info p b{font-size:1.8rem;}
    .culture .img-info .info p span{font-size: 1.4rem;line-height:2.2rem;}
    .culture .img-info .img{width:100%;margin-left: 0}
}

.history{background-color: #fff;padding: 80px;}
.history-ul{flex-wrap: wrap;position: relative;width: 100%;padding:50px 0;overflow: hidden;}
.history-ul:after{
    content: '';width: 4px;height:100%;background-color:#f1f3f5;position: absolute;left: 50%;margin-left: -2px;z-index: 1;top:0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.history-ul li{width:47.5%;text-align: right;position: relative;margin-bottom:1%}
.history-ul li:after{
    content: '';width:20px;height: 20px;border-radius: 50%;background-color:#dee2e6;border: 4px solid #fff;
    position: absolute;right: -42px;top:0;z-index:9;
}
.history-ul li:nth-child(2n){;text-align: left;margin-top:1%;margin-left: auto;margin-right: 0}
.history-ul li:nth-child(2n):after{right: unset;left: -42px;top:0;}
.history-ul li span{font-size: 25px;color: #495057;letter-spacing: -1px;font-weight: 550;line-height: 25px;margin-bottom: 10px;display: block}
.history-ul li p{font-size: 16px;line-height: 28px;color:#868e96;font-family: "Microsoft YaHei", "Roboto", sans-serif }
@media (max-width: 1440px) {
    .history-ul li:after{right: -40px;}
    .history-ul li:nth-child(2n):after{left: -40px;}
}
@media (max-width: 1280px) {
    .history-ul li:after{right: -34px;}
    .history-ul li:nth-child(2n):after{left: -34px;}
}
@media screen and (max-width: 992px){
    .history{padding:50px 0;}
    .history-ul{padding:25px 0;}
    .history-ul:after{width: 2px;margin-left: 0;left:11px;}
    .history-ul li{width:100%;text-align: left;margin-bottom:5%;padding-left:30px;}
    .history-ul li:after{width:16px;height: 16px;border: 3px solid #fff;left:4px;top:2px;}
    .history-ul li:nth-child(2n){margin-top:0;}
    .history-ul li:nth-child(2n):after{left:4px;top:2px;}
    .history-ul li span{font-size:2rem;line-height:2rem;margin-bottom: 5px}
    .history-ul li p{font-size: 1.3rem;line-height: 2rem;}
}
/*contact*/
.contact{width: 100%}
.contact .contact-info{
    margin: 20px auto 80px auto;
    padding: 40px;
    background-color: #fff;
    flex-wrap: wrap;
    border-radius:15px;
    overflow: hidden;
    box-shadow: 0 25px 50px -25px rgba(0,0,0,0.09);
    -webkit-box-shadow: 0 25px 50px -25px rgba(0,0,0,0.09);

}
.contact .contact-text{width: 50%;border-right: 1px dashed #ddd;}
.contact .contact-text h3{font-size: 25px;font-weight: 600;color:#495057;line-height: 25px;margin-bottom:20px;position: relative;}
.contact .contact-text h3:first-child{margin-top: 0;}
.contact .contact-text p{font-size: 15px;color:#495057;line-height: 30px;margin-bottom: 5px;}
.contact .contact-text p em{font-size: 2rem;margin-right: 5px;}
.contact .contact-tel{width: 100%;padding-top:50px;}
.contact .contact-tel h3{font-size: 25px;font-weight: 600;color:#495057;line-height: 25px;margin-bottom: 20px;position: relative;}
.contact .contact-tel h3 em{font-size:2.6rem;font-weight:500;margin-right: 10px;color: var(--color-2)}
.contact .contact-tel h4{font-size: 30px;color:var(--color-3);margin-bottom:10px;font-weight:600}
.contact .contact-tel p{font-size: 14px;color:#868e96;line-height:25px;font-weight: 400}

/*contact-form*/
.contact-form{width:50%;padding-left: 50px;}
.contact-form .form{width: 100%;}
.contact-form .form h4{margin-bottom:20px;font-size:25px;line-height: 25px;font-weight: 600;color: #495057}
.contact-form .form i{font-size: 2.6rem;color:var(--color-2);font-weight: 500}
.contact-form .form ul{margin-bottom: 15px;}
.contact-form .form ul li{margin-bottom: 15px;}
.contact-form .form ul li input{width:48.5%;text-indent: 20px;margin-right: 3%;height: 45px;border-radius: 6px;font-size: 14px;color:#868e96;border:1px solid #dcdcdc;}
.contact-form .form ul li textarea{border:1px solid #dcdcdc;width: 100%;text-indent: 20px;height: 80px;border-radius: 6px;padding: 10px 0 0 0;font-size: 14px;color: #868e96;}
.contact-form .form ul li input:nth-child(2){margin-right: 0;}
.contact-form .form ul li button{border: none;color: #fff;font-size: 16px;width:35%;height:45px;border-radius: 30px;font-weight: 400;
    background-image:-webkit-linear-gradient(45deg, var(--color-2), var(--color-5));
    background-image:linear-gradient(45deg, var(--color-2), var(--color-5));
    box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
    -webkit-box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
    margin-right: 0;margin-bottom:10px;
}
.contact-form .form ul li button i{font-size: 2rem;color: #fff;margin-left: 10px;}
.contact-form .form p{font-size: 14px;line-height: 22px;color:#868e96;}
@media (max-width: 1440px) {
    .contact-info{padding:40px;}
    .contact-text h3{font-size: 20px;}
    .contact-text p{font-size: 14px;line-height: 22px;}
    .contact-text p i{font-size: 1.6rem;}
    .contact-tel h3{font-size: 20px;}
    .contact-tel h3 i{font-size: 2.2rem;}
    .contact-tel h4{font-size: 32px;}
    .contact-tel p{font-size: 14px;line-height:22px;}
}
@media (max-width: 991px) {
    .contact{background-color:transparent;position: relative;padding-top:30px;}
    .contact .contact-info{padding:0 10px;flex-wrap: wrap;-webkit-box-shadow:none;box-shadow:none;margin:0 auto;background-color: transparent}
    .contact .contact-text{width:100%;border-right:none;padding-bottom:0;margin-bottom:20px;}
    .contact .contact-text h3{font-size: 1.8rem;line-height: 2rem;margin-bottom:15px;}
    .contact .contact-text p{font-size: 1.5rem;line-height:2rem;margin-bottom: 10px;position: relative;padding-left: 25px;}
    .contact .contact-text p em{font-size: 1.8rem;margin-right:0;position: absolute;left: 0;}
    .contact .contact-tel{width: 100%;border-right:none;border-bottom: 1px dashed #ddd;padding: 20px 0 0 0}
    .contact .contact-tel h3{font-size: 1.8rem;line-height: 2rem;margin-bottom:15px;}
    .contact .contact-tel h3 i{font-size:1.8rem;margin-right: 5px;}
    .contact .contact-tel h4{font-size:2.5rem;margin-bottom: 10px;}
    .contact .contact-tel p{font-size: 1.5rem;line-height:2.5rem;padding: 0}
    .contact-form{padding:0;background-color:transparent;width: 100%;border-radius: 8px;}
    .contact-form .form{padding: 10px 0;flex-wrap: wrap;}
    .contact-form .form h4{margin-bottom:15px;font-size: 1.8rem;}
    .contact-form .form h4 i{font-size:2.5rem;}
    .contact-form .form ul li{margin-bottom: 10px;}
    .contact-form .form ul li input{text-indent: 10px;height: 35px;font-size:1.5rem;border-radius: 4px;color: #999;border: 1px solid #eee;}
    .contact-form .form ul li textarea{text-indent: 10px;font-size:1.5rem;border-radius: 4px;border: 1px solid #eee;}
    .contact-form .form ul li button{font-size:1.6rem;width:100%;height: 45px;border-radius: 4px;margin: 0 auto;display: block}
    .contact-form .form ul li button i{font-size: 1.8rem;}
    .contact-form .form p{font-size:1.3rem;line-height:2rem;}
}
#Gaodemap{width: 100%;min-height:450px;margin-top: 50px;border-radius: 12px;overflow: hidden}
#Gaodemap .ripple{text-align: center;line-height: 1;}
#Gaodemap .ripple>i{font-size: 32px;display: block;color: var(--color-2);}
#Gaodemap .ripple>span{position:relative;left:50%;width: 14px;height: 14px;display: block;border-radius: 50%;background-color:var(--color-2);transform: translateX(-50%);}
#Gaodemap .ripple>span:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: var(--color-2);animation:soak 6s ease-in-out infinite;opacity: 0;}
#Gaodemap .ripple>p{width:90px;text-align: center;display: block;padding-top:10px;font-size: 1.2rem;}
.amap-logo{display: none!important;}
.amap-copyright{opacity:0;}
@keyframes soak{
    0% {
        opacity:.6;
        transform:scale(1);
    }

    50% {
        opacity:.2;
        transform:scale(6);
    }

    100% {
        opacity:.6;
        transform:scale(1);
    }
}
@media (max-width: 1440px) {
    #Gaodemap{min-height: 400px}
}
@media (max-width: 991px) {
    #Gaodemap{min-height: 200px;margin-top:20px;}
}


.job{padding:0 0 25px 0;width: 100%}
.job .title{margin-bottom: 20px;}
.job .title h4{font-size: 25px;font-weight: 550;color: #495057;}
.job .title h4 i{font-size:3rem;margin-right: 10px;color:var(--color-2);font-weight: 400;}
.job .job-l{width:100%;margin-bottom:5%}
.job .job-r{width:100%;margin-bottom:5%}
.job .job-r .info{
    background-color: #fff;
    padding: 25px 50px;
    box-shadow: 0 25px 50px -25px rgba(0,0,0,0.09);
    -webkit-box-shadow: 0 25px 50px -25px rgba(0,0,0,0.09);
    display: grid;
    grid-template-columns:40% 60%;
    grid-template-rows:1fr;
    grid-gap:0 20px;
    justify-content: center;
    align-items:center;
    border-radius: 15px;
}
.job-r .info p{font-size:18px;line-height:30px;color:#495057;font-weight: 400;margin-bottom: 20px;}
.job-r .img{width: 100%;padding: 20px;}
.job-r .img img{width: auto;max-width: 100%;}
.job-r .info a{
    display: inline-block;padding: 12px 35px;
    background-image:-webkit-linear-gradient(45deg, var(--color-2), var(--color-5));
    background-image:linear-gradient(45deg, var(--color-2), var(--color-5));
    box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
    -webkit-box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
    color: #fff;
    font-size: 16px;
    font-weight:500;
    border-radius:30px;}
@media (max-width: 1440px) {
    .job .job-r .info{padding:25px;}
}
@media (max-width: 991px) {
    .job{padding: 30px 0 10px 0;}
    .job .title{margin-bottom:0;}
    .job .title h4{font-size: 2rem;}
    .job .title h4 i{font-size:2.5rem;}
    .job .job-l{width: 100%;}
    .job .job-r{width:100%;margin-bottom:5%;}
    .job .job-r .title{margin-bottom: 20px;}
    .job .job-r .info{padding:20px;grid-template-columns:100%;grid-gap:0;border-radius: 10px;}
    .job-r .info p{font-size:1.5rem;line-height:2.5rem;margin-bottom:0;}
    .job-r .info a{padding: 10px 25px;font-size: 1.6rem;margin: 20px auto;}
    .job-r .img{width: 100%;padding:10px 0;}


}
.job .myjob{width: 100%;position:relative;height:50px;margin:0 auto;overflow-x: scroll;overflow-y: hidden;scroll-behavior: smooth;scrollbar-width: none;-ms-overflow-style: none;-webkit-overflow-scrolling: touch;}
.job .myjob::-webkit-scrollbar{display: none;}
.job .nav-tabs{position:absolute;width: 200%;display: flex;align-items: flex-start;}
.job .nav-tabs>li{border-bottom: none!important;margin-right: 10px;}
.job .nav-tabs li{border: 1px solid #eee;border-top-left-radius: 5px;border-top-right-radius: 5px;background-color:#fff}
.job .nav-tabs li a{font-size: 16px;padding: 15px 25px;font-weight: 500;color: #495057;border: none;background-color:transparent!important;}
.job .nav-tabs li.active{border: none!important;}
.job .nav-tabs li.active a,.job .nav-tabs li.active:hover a{border-top-left-radius: 5px;border-top-right-radius: 5px;border: none!important;background-color: var(--color-2)!important;color: #fff!important;}
@media (max-width: 991px) {
    .job .myjob{height:40px;}
    .job .nav-tabs>li{margin-right: 5px;}
    .job .nav-tabs li a{font-size: 1.5rem;padding: 10px 12px;}
}
.joblist{
    background-color: #fff;
    padding:30px;
    border: 1px solid #eee;
    box-shadow: 0 25px 50px -25px rgba(0,0,0,0.09);
    -webkit-box-shadow: 0 25px 50px -25px rgba(0,0,0,0.09);
    border-top:3px solid var(--color-2) !important;
    border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;
    position: relative;z-index: 2;
}
.joblist h4{font-size:18px;color:#495057;font-weight:500;position: relative;padding: 15px 0;margin: 0 0 10px 0;}
.joblist h4:after{
    content: '';
    position: absolute;
    width: 5px;height: 22px;
    background-color:var(--color-2);
    left:-30px;top:16px;
}
.joblist h4:before{
    content: '';
    position: absolute;
    width: 100%;height: 1px;
    background-color: #eee;
    left:0;bottom: 5px;
}
.jobinfo-ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content:space-between;
    margin: 10px 0 30px 0;
    border-left: 1px solid #eee;
    border-top:1px solid #eee;
    background-color: #fff;
    border-radius: 6px;
}
.joblist .jobinfo-ul li{width: 25%;
    box-sizing:border-box;
    background-color: rgba(0,0,0,0.02);
    padding: 10px;border-right: 1px solid #eee;border-bottom: 1px solid #eee;position: relative;
    margin: 0;}
.joblist .jobinfo-ul li:nth-child(2n){background-color: #fff;}
.joblist .jobinfo-list{padding: 10px;}
.joblist .jobinfo-list li{line-height: 30px;font-size:14px;color: #666;font-family: "Microsoft YaHei"}
.showjob{width: 100%;padding-top:10px;}
.showjob h3{font-size:25px;font-weight: 600;color:#212529;position: relative;margin: 20px 0;padding-bottom: 20px;}
.showjob h3:after{
    content: '';
    position: absolute;
    width: 30px;height: 3px;
    background-color:var(--color-2);
    left:0;top:-20px;
}
.showjob h3:before{
    content: '';
    position: absolute;
    width: 100%;height: 1px;
    background-color: #eee;
    left:0;bottom: 5px;
}
@media (max-width: 992px) {
    .showjob{padding-top: 30px;}
    .showjob h3{font-size:2.2rem;padding: 10px 0;margin: 0 0 10px 0;font-weight: 700;}
    .showjob h3:after{width: 30px;height: 2px;left:0;top:-5px;	}
    .showjob h3:before{bottom: 5px;}
    .joblist{padding:0 20px 20px 20px;margin:0;border-top:1.5px solid var(--color-2) !important;background-color: #fff}
    .joblist h4{font-size: 1.8rem;padding:20px 0;margin: 0 0 10px 0;font-weight:550;}
    .joblist h4:after{display: none}
    .joblist h4:before{bottom: 5px;	}
    .jobinfo-ul{margin:20px 0 0 0;border-radius:0;}
    .joblist .jobinfo-ul li{padding: 5px 10px;width: 50%;}
    .joblist .jobinfo-list{padding: 0;}
    .joblist .jobinfo-list li{line-height:2.2rem;font-size:1.4rem;margin-bottom: 5px;}
}

.service{background-color: #f8f9fa}
.service-ul{width: 100%;padding: 20px 0 0 0}
.service-ul li{width:18.4%;background-color: #fff;padding:40px 20px;text-align: center;border-radius:8px;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.08);
    -webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,0.08);
}
.service-ul li i{font-size: 5rem;display: block;color: var(--color-4);}
.service-ul li b{font-size:1.8rem;font-weight: 500;color:#495057;display: block; }

.service-item{width: 100%;margin:30px auto}
.service-item:last-child{margin:30px auto 60px auto}
.service-item .flex-sb{align-items: center;background-color: #fff;border-radius:8px;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.08);
    -webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,0.08);
}
.service-item .img{width:32%;text-align: center;padding: 0 40px;}
.service-item .img img{width: auto;max-width: 100%;}
.service-item .info{padding: 40px;width:68%}
.service-item .info h6{font-size: 25px;font-weight: 550;color: #495057;margin-bottom:15px;}
.service-item .info p{font-size: 15px;line-height:25px;color: #495057;}
@media (max-width: 991px) {
    .service .sub-banner .container p{width:60%;margin-bottom: 0;font-size: 1.4rem;font-weight: 500;line-height: 2.2rem;}
    .service .page-nav .container{padding: 0!important;}
    .service-info{padding-top: 50px }
    .service-ul{padding: 10px 0 0 0;flex-wrap: wrap}
    .service-ul li{width:49%;padding:10px 10px 20px 10px;margin-bottom: 2%;}
    .service-ul li i{font-size: 4rem;}
    .service-ul li b{font-size:1.5rem;}
    .service-ul li:last-child{width: 100%;margin-bottom: 0}
    .service-item{width: 100%;margin:20px 0 0 0;padding: 0 20px;}
    .service-item:last-child{margin:10px auto 20px auto}
    .service-item .flex-sb{flex-wrap: wrap;box-shadow: 0 5px 10px -5px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 10px -5px rgba(0,0,0,0.08);}
    .service-item .img{width:100%;text-align: center;padding: 0;order: 1;padding-top: 10px;}
    .service-item .img img{width:150px;max-width: 100%;}
    .service-item .info{padding:0 5px 20px 5px;width:100%;order: 2}
    .service-item .info h6{font-size: 1.8rem;margin-bottom:10px;line-height: 2.6rem;color: #495057;font-weight:500}
    .service-item .info p{font-size: 1.4rem;line-height:2.2rem;color: #868e96}
}

/*service-form*/
.service-form{width: 100%;position: relative;padding:50px 0 100px 0;background-color: #fff}
.service-form form{width:60%;position: relative;z-index: 3;padding: 50px 0 0 0;}
.service-form form label input:focus,.service-form form label select:focus,.service-form form label textarea:focus{border: 1px solid var(--color-2)}
.service-form form .flex-sb{width: 100%;align-items: center;margin-bottom: 10px;flex-wrap: wrap}
.service-form form label{display: block;width:48.5%;}
.service-form form label.w100{width: 100%}
.service-form form label input{width:100%;border-radius:4px;font-weight: 400;font-size: 15px;color: #868e96;border: 1px solid #ddd;text-indent: 20px;line-height:40px;}
.service-form form label select{width:100%;border-radius:4px;font-weight: 400;font-size: 15px;color: #868e96;border: 1px solid #ddd;height:40px;text-indent: 20px;}
.service-form form label textarea{width:100%;border-radius:4px;font-weight: 400;font-size: 14px;color: #868e96;border: 1px solid #ddd;outline: none;height:100px;padding: 10px;font-weight: 300}
.service-form form label span{font-size: 15px;font-weight: 400;display: block;margin-bottom: 5px;}
.service-form form label span i{color: var(--color-3);margin-right: 5px;font-family: Arial}
.service-form form button{
    border: none;text-transform: uppercase;margin-top: 10px;
    width: 200px;height:50px;line-height: 45px;color: #fff;font-size:18px;
    font-weight: 500;outline: none;border-radius: 6px;
    background-image:-webkit-linear-gradient(45deg, var(--color-2), var(--color-5));
    background-image:linear-gradient(45deg, var(--color-2), var(--color-5));
    box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
    -webkit-box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
}
.service-form form button i{font-size: 2.2rem;margin-left: 10px;}
.service-form .img{width:40%;position: relative;z-index: 3;padding: 50px 0 0 0;}
.service-form .img img{width: auto;max-width: 100%}
.gm-form{background-color: transparent}
.cx-form{padding:0 0 50px 0}
.cx-form .img{display: none}
.cx-form form{margin: 0 auto;padding:20px 0 0 0}
.cx-form form button{margin: 20px auto;display: block}
.cx-form .section-title{width: 60%;margin: 25px auto}
.cx-form .section-title p{font-weight: 400;color: #495057}
.results{width: 60%;margin: 25px auto;padding: 25px 0;}
.results h6{font-size: 22px;text-align: center;padding-bottom: 20px;font-weight: 550;color: #495057}
.results table{width: 100%;border: 3px solid #e9ecef;border-radius: 6px;}
.results table th{padding: 8px 20px;border:1px solid #dee2e6;background-color: #f1f3f5}
.results table td{padding: 8px 20px; border:1px solid #dee2e6;}
.results .err{border-top: 1px dashed #ddd;text-align: center;padding: 20px 0}
.results .err img{width: auto;max-width:100px;margin-bottom:15px}
.results .err p{font-size:18px;line-height: 32px;font-weight: 400;color:#abb5c1; }
@media (max-width: 991px) {
    .service-form{width: 100%;padding:50px 0;background-color: #fff}
    .service-form form{width:100%;padding:20px 0 0 0;order: 1;}
    .service-form form .flex-sb{margin-bottom:0;}
    .service-form form label input{font-size:1.4rem;}
    .service-form form label select{font-size:1.4rem;background-color: #fff;}
    .service-form form label textarea{font-size:1.4rem;line-height:2.2rem;height:80px;}
    .service-form form label span{font-size:1.4rem;}
    .service-form form button{width: 100%;height:40px;line-height: 35px;font-size: 1.6rem;}
    .service-form .img{width: 100%;padding:20px 0 0 0;order: 2;}
    .service-form .img img{width: auto;max-width: 100%}
    .gm-form .flex-sb{flex-wrap: wrap}
    .gm-form form button{margin-top:15px;}
    .cx-form .img{display: none}
    .cx-form form{margin: 0 auto;padding:20px 0 0 0}
    .cx-form form button{margin: 0 auto;}
    .results{width:100%;margin: 0 auto;padding: 20px 0;}
    .results h6{font-size: 1.8rem;}
    .results table{border:2px solid #e9ecef;}
    .results table th{padding:10px;font-size: 1.4rem;}
    .results table td{padding:10px;font-size: 1.4rem;}
    .results .err{padding: 10px 0}
    .results .err p{font-size:1.6rem;line-height: 2.6rem;}
}
.knowledge{margin-top: 50px;padding: 50px 0;width: 100%;background-color:#ddd;background-image: url(../images/knowledge-bg.jpg);background-size: 100% auto;background-position: center;background-repeat: no-repeat}
.knowledge .txt{width: 100%;text-align: center;}
.knowledge .txt i{display: block;font-size: 6rem;color:var(--color-2);}
.knowledge .txt h6{font-size: 3.5rem;color:var(--color-2);font-weight: 550;margin: 20px 0}
.knowledge .txt a{display: block;margin:20px auto;
    width: 200px;line-height: 45px;color:var(--color-2);font-size:18px;text-align: center;
    font-weight: 500;outline: none;border-radius:5px;border:1px solid #fff;background-color: rgba(255,255,255,0.5);backdrop-filter: blur(5px);
}
@media (max-width: 991px) {
    .knowledge{margin-top: 25px;padding:10px 0;background-size: cover;background-position: center center;}
    .knowledge .txt{width: 100%;text-align: center;}
    .knowledge .txt i{font-size:4rem;}
    .knowledge .txt h6{font-size:2rem;margin: 10px 0;}
    .knowledge .txt a{display: block;margin:10px auto;width: 40%;line-height:40px;font-size:1.6rem;}
}

.Download{width: 100%;padding:30px 0}
.Download .nav-tabs{border-bottom:none;}
.Download .nav-tabs .nav-item{margin-right:2%;width:auto;border: none;background-color: #fff}
.Download .nav-tabs .nav-item:last-child{margin-right: 0}
.Download .nav-tabs .nav-item a{font-size: 15px;color: #495057;font-weight: 400;border-radius:5px;background-color:#fff;padding: 12px 40px;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.08);
    -webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,0.08);
}
.Download .nav-tabs .nav-item a:hover,.Download .nav-tabs>li.active>a,.Download .nav-tabs>li.active>a:focus,.Download .nav-tabs>li.active>a:hover{color:#fff;border-radius:5px;border: none;background-color: var(--color-2);box-shadow: 0 16px 32px -12px #0055ff4d;}
.Download .nav-tabs .nav-item a:after{display: none}
.Download .tab-content{min-height: 400px;}

.downlosd-ul{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;padding: 50px 0}
.downlosd-ul li{width: 49%;margin-bottom: 2%;margin-right: 2%}
.downlosd-ul li:nth-child(2n){margin-right: 0}
.downlosd-ul li a{display: flex;justify-content: space-between;background-color: #fff;padding:40px;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.08);
    -webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,0.08);
    border-radius: 12px;
}
.downlosd-ul li a .info{width: 70%;}
.downlosd-ul li a .info h6{font-size: 22px;font-weight: 500;margin-bottom: 20px;}
.downlosd-ul li a .info span{display: inline-block;width: 150px;line-height: 45px;border: 1px solid #ddd;text-align: center;color: #495057;border-radius:6px;font-size: 15px;}
.downlosd-ul li a .icon{width:30%;}
.downlosd-ul li a .icon i{margin: 0 0 0 auto;font-size:4rem;width:90px;height:90px;border-radius: 50%;text-align: center;line-height:90px;border: 1px solid var(--color-2);display: block;color: var(--color-2)}
.downlosd-ul li a:hover{}
.downlosd-ul li a:hover span{
    background-image:-webkit-linear-gradient(45deg, var(--color-2), var(--color-5));
    background-image:linear-gradient(45deg, var(--color-2), var(--color-5));
    box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
    -webkit-box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
    color: #fff;border: none;
}
@media (max-width: 991px) {
    .Download{padding:20px 0;}
    .Download .nav-tabs .nav-item{width: 32%}
    .Download .nav-tabs .nav-item a{font-size:1.5rem;padding:10px 0;text-align: center;font-weight: 500}
    .Download .tab-content{min-height: 400px;}
    .downlosd-ul{padding:20px 0 0 0}
    .downlosd-ul li{width: 100%;margin-bottom:4%;margin-right: 0}
    .downlosd-ul li a{padding:20px;border-radius: 5px;}
    .downlosd-ul li a .info h6{font-size:1.5rem;margin-bottom:20px;}
    .downlosd-ul li a .info span{width:45%;line-height:32px;border-radius:4px;font-size: 1.2rem;
        background-image:-webkit-linear-gradient(45deg, var(--color-2), var(--color-5));
        background-image:linear-gradient(45deg, var(--color-2), var(--color-5));
        box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
        -webkit-box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
        color: #fff;border: none;
    }
    .downlosd-ul li a .icon i{font-size:2.5rem;width:50px;height:50px;line-height:50px;}
}

/*search*/
.search{width: 100%;padding:50px 0;background-color:#fff}
.search-title{padding:100px 0 0 0;margin: 0 auto;width: 50%}
.search-title form{width:100%;padding: 0;margin: 0;}
.search-title form label{
    width:100%;margin: 0 auto;
    overflow: hidden;
    background: linear-gradient(158deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.2) 80%);
    border-radius:40px;
    border: 1px solid rgb(55 108 250 / 10%);
    backdrop-filter: blur(5px);
    box-shadow: 10px 10px 20px rgb(55 108 250 / 10%);
    padding: 0 20px;
}
.search-title form label select{border: none;outline:none;background-color: transparent;margin-right: 2%;width: 20%}
.search-title form label input{border:none;border-left: 1px solid #eee;height: 50px;width:68%;text-indent:30px;font-size: 16px;color: #868e96;font-weight: 400;background-color:rgba(255,255,255,0.3);}
.search-title form label button{border:none;height: 50px;background-color:rgba(255,255,255,0.3);width:10%;text-align: center;}
.search-title form label button i{font-size: 2.5rem;color:var(--color-2);font-weight: 400}
.search .tips{padding:30px 0;text-align: center}
.search .tips p{font-size: 18px;line-height: 30px;color: #868e96;font-weight: 400;}
.search .tips p span{color: var(--color-4);font-weight: 550;}
.search .err{min-height: 300px}
.search-info{width: 100%;flex-wrap: wrap;align-items: flex-start;}
.search-left{width: 22%;margin-right:3%;}
.search-dl{
    width: 100%;padding:40px;
    background: linear-gradient(158deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.2) 80%);
    border-radius:8px;
    box-shadow: 0 0 0 2px #f1f3f5;
    border-image: linear-gradient(139deg,#f8f9fa,hsla(0,0%,100%,0)) 2 2;
    -webkit-border-image: linear-gradient(139deg,#f8f9fa,hsla(0,0%,100%,0)) 2 2;
}
.search-dl dt{display: block;width: 100%;font-size:18px;font-weight: 500;margin-bottom: 10px;color: #495057}
.search-dl dd{display: block;padding:5px 0 5px 20px;position: relative;}
.search-dl dd:after{content: '';width: 8px;height: 8px;background-color:var(--color-5);position: absolute;left: 0;top:50%;margin-top: -4px;border-radius: 50%}
.search-dl dd a{display: block;font-size: 14px;line-height: 22px;font-weight: 400;color: #495057}
.search-dl dd a:hover{color: var(--color-4);}
.search-right{width:75%;padding: 40px;
    background: linear-gradient(158deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.2) 80%);
    border-radius:8px;
    box-shadow: 0 0 0 2px #f1f3f5;
    border-image: linear-gradient(139deg,#f8f9fa,hsla(0,0%,100%,0)) 2 2;
    -webkit-border-image: linear-gradient(139deg,#f8f9fa,hsla(0,0%,100%,0)) 2 2;
}
.search-list{width: 100%;padding:0 0 20px 0}
.search-list li{display: block;width: 100%;padding: 20px 0;border-bottom: 1px dashed #ddd;}
.search-list li a{display: block;position: relative;}
.search-list li a h6{font-size: 18px;font-weight: 500;color: #495057;margin-bottom: 5px;}
.search-list li a p{font-size: 14px;line-height: 22px;color: #868e96;font-weight: 400;}
.search-list li a span{position: absolute;right: 0;font-size: 2.5rem;color: #adb5bd}
@media (max-width: 992px) {
    .search{padding:20px;}
    .search-title{padding:100px 0 0 0;}
    .search-title a{width: 32%;font-size:1.2rem;height:45px;line-height:43px}
    .search-title form{width:66%;padding: 0;margin: 0;}
    .search-title form label input{border:none;height:45px;width:78%;text-indent:20px;font-size:1.4rem}
    .search-title form label button{height:45px;width:22%;text-align:center;padding-right:0;}
    .search-title form label button i{font-size:2.5rem;}
    .search .tips{padding:20px 0;width: 100%;}
    .search .tips p{font-size: 1.6rem;line-height:2.2rem}
    .search-left{width: 100%;margin-right:0;order:2;}
    .search-dl{padding:40px;border-bottom-right-radius: 30px;border-top-left-radius: 30px;margin-bottom: 30px;background-color:#f1f3f5}
    .search-dl dt{font-size:1.8rem;}
    .search-dl dd{padding:8px 0 8px 20px;}
    .search-dl dd a{font-size:1.5rem;line-height: 2.5rem}
    .search-dl dd a:hover{color: var(--color-4);}
    .search-right{width:100%;padding-left:0;border-left:none;order:1;}
    .search-list{width: 100%;padding:0 0 20px 0;background-color: #fff;}
    .search-list li{border-bottom: 1px dashed #aaa;}
    .search-list li a h6{font-size: 1.4rem;}
    .search-list li a p{font-size: 1.2rem;line-height:1.8rem;}
    .search-list li a span{font-size:2rem;}
}

/*鍒嗛〉鏍峰紡*/
.pagination {
    width:100%;
    margin: 0 auto;
    display: flex;
    display:-webkit-flex;
    justify-content:center;
    flex-wrap: wrap;
    line-height: 35px;
    text-transform: uppercase;
    color: #868e96;
    font-size: 14px;
    align-items: center;
    margin-bottom:20px;
}
.pagination a{
    display: block;text-transform: uppercase;text-align: center;font-size: 14px;color:#495057;
    line-height:28px;padding:0 12px;height:30px;
    margin-right: 10px;margin-bottom: 10px;
    border: 1px solid var(--color-2);border-radius:20px;
}
.pagination a:last-child{margin-right: 0;}
.pagination a:hover,
.pagination a:focus,
.pagination a.active,
.pagination .active span {color: #fff !important;background-color:var(--color-2)}
.pagination a:last-child{margin-right: 20px;}
@media (max-width: 991px) {
    .pagination {padding:0;line-height:2rem;margin:20px auto;;font-size: 1.4rem;}
    .pagination a{font-size: 1.3rem;line-height:2.8rem;height:3rem;margin-right:5px;margin-bottom:5px;}
    .pagination a:last-child,.pagination a:first-child{display: none}
    .err{margin:5% auto;width:80%;}
    .err p{line-height:3rem;font-size:1.3rem;}
}