.sub-banner{width: 100%;height:500px;margin-top:88px;background-color: #eee;background-size:100% auto;background-repeat: no-repeat;background-position: center bottom;position: relative;overflow: hidden}
.sub-banner:after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,0.35);position: absolute;left: 0;top:0;z-index: 1;}
.sub-banner .text{padding:10% 0 50px 0;width: 100%;position: relative;z-index: 2;}
.sub-banner .text h4{width: 100%;font-weight:600;font-size:50px;line-height:50px;margin-bottom:30px;color: #222;}
.sub-banner .text p{width: 100%;font-size: 25px;font-weight: 400;line-height:30px;color:#222;margin-bottom:50px;}
.pro-banner{background-size:cover;}
.pro-banner .text{padding:0}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .sub-banner{margin-top: 80px;height:350px;background-size:100% auto;}
    .sub-banner .text{padding:8% 0 20px 0}
    .sub-banner .text h4{font-size:40px;line-height:45px;margin-bottom:20px;}
    .sub-banner .text p{font-size: 20px;line-height:28px;margin-bottom:40px;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .sub-banner{margin-top: 70px;height:300px;background-size:100% auto}
    .sub-banner .text{padding:7% 0 20px 0}
    .sub-banner .text h4{font-size:30px;line-height:40px;}
    .sub-banner .text p{font-size: 15px;line-height:25px;margin-bottom:30px;}
    .pro-banner .text{padding:0}
}
@media screen and (max-width: 991px){
    .sub-banner{height:200px;margin-top:60px;background-color: #fff;background-position:right center;background-size:cover;background-repeat: no-repeat;position: relative}
    .sub-banner .text{padding:15% 0 20px 20px;position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top:0}
    .sub-banner .text h4{font-size:2rem;line-height:2rem;margin-bottom:10px;color: #495057}
    .sub-banner .text p{font-size: 1.4rem;line-height: 2rem;color: #495057;margin-bottom:10px;width: 60%;display: none}
    .sub-banner .mobile{width: 100%;z-index: 1;position: relative}
    .sub-banner .mobile img{width: 100%;}
}

/*page-nav*/
.main{padding: 0!important;margin: 0!important;}
.main .page-nav{background-color:#fff;width: 100%;}
.main .page-nav .loc {line-height: 80px;color:#495057}
.main .page-nav .loc a{font-size: 18px;color:#495057;line-height: 80px;}
.main .page-nav .loc i{font-size: 1.6rem;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: 80px;font-size:18px;border-left: 1px solid #eee;}
.main .page-nav ul li a{color:#495057;font-weight:400;display: block;position: relative;text-align: center;line-height: 80px;}
.main .page-nav li a:hover,.main .page-nav li a.cur{color:#fff;font-weight: 500;background-color:var(--color-3);height: 82px}
.main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
    content: '';left: 50%;margin-left: -10px;bottom: -12px;position: absolute;z-index: 9;
    width:0;
    height:0;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid var(--color-3);
}
@media (max-width: 1536px) {
    .main .page-nav .loc{line-height: 60px;}
    .main .page-nav .loc a{font-size: 16px;line-height:60px;}
    .main .page-nav ul li{font-size:16px;line-height:60px;}
    .main .page-nav ul li a{line-height: 60px;}
    .main .page-nav li a:hover,.main .page-nav li a.cur{height: 62px}
}
@media (max-width: 1440px) {
    .main .page-nav .loc a{font-size: 14px;}
    .main .page-nav ul li{font-size:14px;}
}

@media (max-width: 991px) {
    .main .page-nav{margin-bottom: 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.5rem;font-weight:500;padding: 0!important;}
    .main .page-nav ul li:first-child{border-left: none;}
    .main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
        margin-left: -6px;bottom: -6px;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:6px solid var(--color-3);
    }

}
.about{background-color:#f1f3f5;}
.page-nav .loc{width:35%;}
.page-nav .page-nav-ul{width:65%;}
.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: 992px) {
    .page-nav .loc{display: none}
    .page-nav .page-nav-ul{width: 100%;}
    .page-nav .page-nav-ul li{width:25%;}
}


.section-title{width: 100%;margin-bottom: 20px;}
.section-title.center{text-align: center;}
.section-title h4{font-size: 40px;line-height: 55px;font-weight:650;color:#212529;position: relative;text-transform: uppercase}
.section-title.white h4{color:#fff}
.section-title h4 span{display: block;color: var(--color-1);font-size: 60px;}
.section-title p{font-size: 25px;line-height: 35px;font-weight: 500;color:#868e96}
@media (max-width: 1440px) {
    .section-title h4{font-size: 35px;}
    .section-title p{font-size: 20px}
}
@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;}
}
.title{width: 100%;}
.title h4{font-size:30px;color:var(--color-1);padding: 0;text-transform: uppercase;position: relative;font-weight:550;margin-bottom:40px;}
.title h4:after{content: '';width:40px;height:2px;background-color:var(--color-3);position: absolute;bottom:-15px;left:2px;}
@media (max-width: 1440px) {
    .title h4{font-size:25px;margin-bottom:30px;}
}
@media (max-width: 992px) {
    .title h4{font-size:2.2rem;margin-bottom:5px;}
}


/*about-info*/
.about{background-color: #f8f8f8}
.about .about-info{padding: 50px 0 0 0;}
.about .about-info .info{width:47%;margin-right:6%;margin-bottom: 5%}
.about .about-info .info p{font-size:18px;line-height:36px;font-weight: 400;color: #495057;text-align:justify; text-justify:inter-ideograph;margin-bottom:20px;}
.about .about-info .info p:last-child{margin-bottom: 0}
.about .about-info .img{width:47%;margin-bottom: 5%;min-height: 450px;position: relative;border-bottom-left-radius:50px;border-top-right-radius:50px;overflow: hidden;background-size: cover;background-position: center}
.about .about-info .img:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;background-color: rgba(3,110,185,0.2);}
.about .about-info .img img{width: 100%;}
.culture{background-image: url(../images/aboutbg.jpg);background-position:bottom center;background-size: cover;padding: 100px 0;}
.culture .text{padding: 20px 0}
.culture .text h6{font-size: 22px;font-weight: 550;color: var(--color-2);margin-bottom:20px;}
.culture .text p{font-size: 18px;line-height:36px;color: #444;width: 60%}
@media (max-width: 1440px) {
    .about .about-info .info p{font-size:16px;line-height:30px;}
}
@media (max-width: 991px) {
    .about{background-color: #fff}
    .about .about-info{padding:0;margin:20px 0;border-bottom-left-radius:0;border-top-right-radius:0;flex-wrap: wrap}
    .about .about-info .info{width:100%;margin-bottom: 20px;padding:20px 0;margin-right: 0}
    .about .about-info .info .title{margin-bottom:30px;}
    .about .about-info .info p{font-size:1.5rem;line-height:2.5rem;margin-bottom:20px;}
    .about .about-info .img{width:100%;border-bottom-left-radius:30px;border-top-right-radius:30px;min-height:220px;}
    .culture{background-size: 100% auto;padding:0 0 20px 0;background-repeat: no-repeat}
    .culture .text h6{font-size: 1.8rem;margin-bottom:10px;line-height: 2.8rem}
    .culture .text p{font-size: 1.4rem;line-height:2.2rem;width: 100%}
}

/*contact*/
.contact{background-color: #f8f9fa;}
.contact .contact-info{
    margin: 80px auto;
}
.contact .contact-text{width: 45%;margin-right: 5%}
.contact .contact-text h3{font-size: 25px;font-weight: 600;color:var(--color-2);
    line-height: 22px;position: relative;padding-bottom: 20px;margin-bottom: 20px;
    border-bottom: 1px solid var(--color-2);
}
.contact .contact-text h3:first-child{margin-top: 0;}
.contact .contact-text p{font-size: 18px;color:#444;line-height: 30px;padding: 10px 0;}
.contact .contact-text p.pl-30{padding-left:23px;}
.contact .contact-text p em{font-size: 2rem;color: #fff;text-align: center;margin-right: 10px;display: inline-block;
    height: 40px;width: 40px;line-height: 40px;border-radius: 50%;
    background-image:-webkit-linear-gradient(45deg, var(--color-3),var(--color-2));
    background-image:linear-gradient(45deg, var(--color-3),var(--color-2));
    box-shadow: 0 6px 16px -6px rgba(25,113,194,0.65);
    -webkit-box-shadow: 0 6px 16px -6px rgba(25,113,194,0.65);
}
.contact-info .img{width: 50%}
#Gaodemap{width: 100%;height: 100%;min-height: 450px}
#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;}
.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) {
    .contact .contact-info{margin: 50px auto;}
    .contact .contact-text{width: 50%;margin-right: 5%}
    .contact .contact-text h3{font-size: 22px;margin-bottom: 20px}
    .contact .contact-text p{font-size: 15px;line-height: 30px;}
    .contact .contact-text p em{height: 30px;width: 30px;line-height: 30px;font-size: 1.5rem}
    .contact-info .img{width: 45%}
    #Gaodemap{min-height: 350px}
}
@media (max-width: 991px) {
    .contact{background-color: #fff;}
    .contact .container{padding: 0;}
    .contact .page-nav .page-nav-ul{display: none}
    .contact .contact-info{padding:20px;flex-wrap: wrap;-webkit-box-shadow:none;box-shadow:none;margin:0;}
    .contact .contact-text{width:100%;margin-bottom:10px;}
    .contact .contact-text h3{font-size: 2rem;line-height: 2.5rem;margin-bottom:10px;}
    .contact .contact-text p{font-size: 1.4rem;line-height:2rem;padding: 10px 0;}
    .contact .contact-text p:last-child{border-bottom: none;}
    .contact .contact-text p em{height: 26px;width: 26px;line-height: 26px;font-size: 1.3rem;margin-right: 0}
    .contact-info .img{width: 100%}
    #Gaodemap{min-height: 300px}
}
/*contact-form*/
.contact-form{width: 100%;position: relative;padding:50px 0;background-color: #fff;}
.contact-form form{
    width: 50%;position: relative;z-index: 3;
    background-image: url(../images/bg-img.png);
    background-repeat: no-repeat;background-position: right bottom;
}
.contact-form form label input:focus,.contact-form form label select:focus,.contact-form form label textarea:focus{border: 1px solid var(--color-1)}
.contact-form .info{width: 50%;position: relative;z-index: 3;}
.contact-form .info .img{width: 100%;padding:10px 0}
.contact-form .info h4{font-size: 30px;font-weight:550;color:#495057;margin-bottom:20px;}
.contact-form .info h4 i{font-size:3.2rem;font-weight: 400;color:var(--color-1)}
.contact-form .info p{font-size: 18px;color:#495057;font-weight:400;line-height: 36px;}
.contact-form form h4{font-size: 30px;font-weight:550;color:#495057;margin-bottom:20px;}
.contact-form form h4 i{font-size:3.2rem;font-weight: 400;margin-right:10px;color:var(--color-1)}
.contact-form form label{display: block;width:100%;margin:15px 0;}
.contact-form form label input{width: 100%!important;font-weight: 400;font-size: 16px;color: #868e96;border: 1px solid #ddd;text-indent: 20px;line-height:50px;height:50px;background-color:#fff;}
.contact-form form label.i2 input{width:49%!important;margin-right:2%;}
.contact-form form label.i2 input:last-child{margin-right: 0;}
.contact-form form label textarea{background-color: transparent;font-weight:400;width: 100%;border: 1px solid #ddd;height:150px;outline: none;color:#212529;font-size: 16px;}
.contact-form form label textarea{padding: 20px;}
.contact-form form label span{font-size: 16px;font-weight: 400;display: inline-block;margin-left: 10px;}
.contact-form form button{
    border: none;text-transform: uppercase;
    width: 200px;height:50px;line-height: 45px;color: #fff;font-size:18px;
    font-weight: 500;outline: none;border-radius: 25px;
    background-image:-webkit-linear-gradient(125deg, var(--color-3),var(--color-2));
    background-image:linear-gradient(125deg, var(--color-3),var(--color-2));
    box-shadow: 0 16px 32px -12px rgba(25,113,194,0.5);
    -webkit-box-shadow: 0 16px 32px -12px rgba(25,113,194,0.5);
}
.contact-form form button i{font-size: 2.2rem;margin-left: 10px;}
@media (max-width: 1440px) {
    .contact-form form h4{font-size: 25px;}
    .contact-form form label{margin:15px 0;}
    .contact-form form label input{line-height:40px;height:40px;font-size: 15px;}
    .contact-form form label textarea{height:120px;font-size: 15px;}
    .contact-form form label textarea{padding: 20px;}
    .contact-form form label span{font-size: 15px;font-weight: 400;display: inline-block;margin-left: 10px;}
    .contact-form form button{width: 150px;height:45px;line-height: 45px;font-size:16px;}
    .contact-form form button i{font-size:2rem;margin-left: 5px;}
    .contact-form .info{}
    .contact-form .info h4{font-size: 25px;margin-bottom:20px;}
    .contact-form .info h4 i{font-size: 3rem;}
    .contact-form .info p{font-size: 15px;line-height: 30px;}
}
@media (max-width: 991px) {
    .contact-form{padding:20px 25px;background-color: #f1f3f5;border-top-right-radius:0}
    .contact-form .container{flex-wrap: wrap;padding: 0}
    .contact-form .flex-sb{flex-wrap: wrap!important;}
    .contact-form form{order: 2;padding: 20px!important;margin-right:0;border-radius: 12px;width: 100%!important;background-color: #fff;box-shadow:none;-webkit-box-shadow:none;}
    .contact-form form h4{font-size: 2.2rem!important;margin-bottom:20px;}
    .contact-form form h4 i{font-size: 2.5rem!important;}
    .contact-form form label button{width: 150px;margin:20px auto}
    .contact-form form label button i{color: #fff;}
    .contact-form form .form{width: 100%;padding: 20px;}
    .contact-form form label{margin:0!important;flex-wrap: wrap;}
    .contact-form form .form label input{line-height:40px;height:40px;width:100%;margin-right:2%;font-weight:400;font-size: 1.4rem;border: 1px solid #eee;}
    .contact-form form .form label input:last-child{margin-right: 0;}
    .contact-form form .form label textarea{height:100px;font-size: 1.4rem;border: 1px solid #eee;padding:10px;}
    .contact-form form .form button{width: 50%;height: 40px;line-height: 40px;font-size:1.4rem;}
    .contact-form form .form button i{font-size:1.8rem;}
    .contact-form form .form label input::-webkit-input-placeholder{font-size:1.2rem;font-family: arial, sans-serif;}
    .contact-form form .form label input::-moz-placeholder{font-size:1.2rem;font-family: arial, sans-serif;}
    .contact-form form .form label input:-ms-input-placeholder{font-size: 1.2rem;font-family: arial, sans-serif;}
    .contact-form form label.i2 input{margin-bottom: 2%!important;}
    .contact-form .info{width: 100%;padding:20px 0;order: 1;}
    .contact-form .info .img{width:50%;margin: 0 auto;text-align: center}
    .contact-form .info .img img{width: auto;max-width: 100%}
    .contact-form .info h4{font-size: 2.2rem;margin-bottom:20px;}
    .contact-form .info h4 i{font-size: 2.5rem;margin-right:5px;}
    .contact-form .info p{font-size: 1.5rem;line-height: 2.5rem;}
}


.job{padding:50px 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-title{text-align: center;width: 100%;margin-bottom: 20px}
.job .job-title h4{font-size: 35px;font-weight: 600;color: var(--color-4)}
.job .job-ul{width: 100%;flex-wrap: wrap;align-items: center;margin: 50px 0 100px 0;}
.job .job-ul li{
    width: 23.5%;margin-bottom: 2%;
    padding: 40px;background-color: #fff;text-align: center;
    -webkit-box-shadow:5px 10px 10px rgba(225,229,236,.35), -5px -10px 10px #f8f9fa;
    box-shadow:5px 10px 10px rgba(225,229,236,.35), -5px -10px 10px #f8f9fa;border-radius:20px;
    font-size: 20px;line-height: 36px;font-weight: 500;color: var(--color-4);
}
.job .job-ul li i{font-size: 5rem;font-weight: 400;color: var(--color-2);display: block;margin-bottom: 20px}
@media (max-width: 991px) {
    .job .title h4{font-size: 2.2rem;}
    .job .title h4 i{font-size:2.5rem;}
    .job .job-title h4{font-size: 2.2rem;}
    .job .job-ul{margin: 20px 0 40px 0;}
    .job .job-ul li{width: 49%;padding: 20px;border-radius: 6px;font-size: 1.6rem;line-height: 2.6rem;}
    .job .job-ul li i{font-size: 4rem;margin-bottom:10px}
}
.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:30% 70%;
    grid-template-rows:1fr;
    grid-gap:0 20px;
    justify-content: center;
    align-items:center;
    border-radius: 20px;
}
.job-r .info p{font-size:18px;line-height:30px;color:#495057;font-weight:400;margin-bottom: 20px;}
.job-r .info p b{font-weight: 450;color:#495057; }
.job-r .img{width: 100%;padding: 20px;}
.job-r .img img{width: auto;max-width:90%;}
.job-r .info a{
    display: inline-block;padding: 12px 35px;
    background-image:-webkit-linear-gradient(125deg, var(--color-1), var(--color-3));
    background-image:linear-gradient(125deg, var(--color-1), var(--color-3));
    box-shadow: 0 16px 32px -12px rgba(106,200,245,0.9);
    -webkit-box-shadow: 0 16px 32px -12px rgba(106,200,245,0.9);
    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:50px;}
    .job .nav-tabs{width: 1000%;border: none!important;}
    .job .nav-tabs>li{margin-right: 5px;border-radius: 20px;border: none!important;}
    .job .nav-tabs li a{font-size: 1.4rem;padding: 10px 12px;border-radius: 20px!important;}
}
.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-weight:400}
.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;}
}


.news-ul{flex-wrap: wrap;margin:50px 0 30px 0;}
.news-ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;
    border: 1px solid #e9ecef;
    box-shadow: 6px 8px 1px rgba(0,0,0,0.03);
    -webkit-box-shadow:6px 8px 1px rgba(0,0,0,0.03);
    -moz-box-shadow:6px 8px 1px rgba(0,0,0,0.03);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.news-ul li:nth-child(2n){margin-right: 0;}
.news-ul li a{padding:40px;}
.news-ul li .time{width: 25%;position: relative;}
.news-ul li .time:after{content: '';height: 30%;width: 1px;background-color:#dee2e6;position: absolute;left:30px;bottom: 0;}
.news-ul li .time span{display: block;font-size:60px;color:var(--color-3);line-height:40px;margin-bottom: 15px;font-weight: 500;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.news-ul li .time p{font-size: 18px;color:#868e96;font-weight: 400}
.news-ul li .info{width:75%;}
.news-ul li .info h4{font-size: 18px;color: #495057;position: relative;margin-bottom:15px;font-weight: 500;line-height: 23px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-ul li .info h4:after{content: '';width: 30px;height: 2px;background-color:var(--color-3);position: absolute;left: 0;bottom: -15px;}
.news-ul li .info p{color:#868e96;font-size: 14px;line-height: 22px;margin-bottom: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-ul li .info span{
    display: block;width: 120px;line-height: 35px;border-radius: 20px;text-align: center;
    font-size: 14px;color:#868e96;border: 1px solid #ddd;
    text-transform: uppercase;}
.news-ul li .info span i{font-size:1.2rem;margin-left: 5px;position: relative;top:-1px;}
.news-ul li:hover{ border: 1px solid var(--color-3);}
.news-ul li a:hover .info h4{color:var(--color-3);}
.news-ul li a:hover .info span{
    border: none;
    background-image:-webkit-linear-gradient(125deg, var(--color-3),var(--color-2));
    background-image:linear-gradient(125deg, var(--color-3),var(--color-2));
    box-shadow: 0 10px 25px -5px rgba(25,113,194,0.5);
    -webkit-box-shadow: 0 10px 25px -5px rgba(25,113,194,0.5);
    color: #fff;
}
@media (max-width: 1440px) {
    .news-ul li{
        box-shadow: 5px 6px 1px rgba(0,0,0,0.03);
        -webkit-box-shadow: 5px 6px 1px rgba(0,0,0,0.03);
        -moz-box-shadow: 5px 6px 1px rgba(0,0,0,0.03);
    }
    .news-ul li a{padding:30px;}
    .news-ul li .time span{font-size:45px;line-height:40px;margin-bottom: 5px;}
    .news-ul li .time p{font-size: 14px;}
    .news-ul li .info h4{font-size: 16px;margin-bottom:10px;line-height: 20px}
    .news-ul li .info h4:after{bottom: -15px;}
    .news-ul li .info p{margin-bottom: 20px;}
    .news-ul li .info span{width: 100px;line-height: 30px;}
}
@media (max-width: 991px) {
    .news-ul{margin:20px 0;padding: 0 20px;}
    .news-ul li{width: 100%;margin-right: 0;margin-bottom:15px;
        border:none;
        box-shadow: 5px 6px 1px rgba(0,0,0,0.03);
        -webkit-box-shadow: 5px 6px 1px rgba(0,0,0,0.03);
        -moz-box-shadow: 5px 6px 1px rgba(0,0,0,0.03);
        border-bottom: none;
        background-color: #fff;
    }
    .news-ul li:last-child{margin-bottom: 0;}
    .news-ul li a{padding:20px 10px;}
    .news-ul li .time{width: 22%;}
    .news-ul li .time:after{left:20px;}
    .news-ul li .time span{font-size:4rem;line-height:3.5rem;margin-bottom:5px;}
    .news-ul li .time p{font-size: 1.2rem;font-weight: 600;}
    .news-ul li .info{width:78%;}
    .news-ul li .info h4{font-size: 1.4rem;margin-bottom:5px;line-height: 2.2rem;font-weight: 500;}
    .news-ul li .info h4:after{content: '';width: 30px;height: 2px;background-color:var(--color-3);position: absolute;left: 0;bottom: -15px;}
    .news-ul li .info p{font-size:1.2rem;line-height:1.8rem;margin-bottom: 10px;}
    .news-ul li .info span{width:80px;line-height:28px;font-size:1.1rem;}
    .news-ul li .info span i{font-size:1rem;margin-left:5px;}
}



/*shownews*/
.shownews{padding:100px 0 50px 0;background-color: #f8f9fa}
.shownews .loc{margin: 0 auto 15px auto;padding: 0;width: 100%;font-size: 16px;line-height: 30px;color: #868e96;position: relative;text-align: left}
.shownews .loc a{color: #868e96;}
.shownews .loc i{font-size: 1.8rem;margin-right: 2px;}
.shownews .loc .icon-jiating-{font-size: 2rem;}
.shownews .loc .icon-reply{font-size:2.5rem;margin-left: 5px;position: relative;top:3px;}
.shownews .loc .back{position: absolute;right: 0;}
.shownews .new_right{margin-top:25px}
.shownews .new_right{padding:30px 0 0 0;}
.shownews .new_right .title{margin-bottom:5px;padding-top:10px;}
.shownews .info{
    background-color: #fff;padding:30px;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06);
    box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06);
}
.shownews .shownews-title{font-size: 30px;color:#495057;font-weight: 600;margin-bottom: 10px;}
.shownews .shownews-info{font-size: 16px;color: #868e96;border-bottom: 1px dashed #ddd;margin: 0 0 10px 0;padding: 10px 0 20px 0;}
.shownews .shownews-info span{margin: 0 10px 0 0;}
.shownews .shownews-cont{padding: 30px 0;font-size:18px;line-height: 36px;color:#495057;}
.shownews .shownews-cont p{margin: 10px 0;font-size:18px;line-height: 36px;color:#495057;}
.shownews .shownews-cont img{max-width: 100%;width: auto;height: auto;margin: 20px auto;display: block;}
@media screen and (max-width: 1440px) {
    .shownews .shownews-title{font-size: 25px;}
    .shownews .shownews-info{font-size: 14px;padding: 10px 0;}
    .shownews .shownews-cont{padding: 20px 0;font-size:15px;line-height: 25px;}
    .shownews .shownews-cont p{font-size:15px;line-height: 25px;}
}
@media screen and (max-width: 992px) {
    .shownews{padding:50px 0 0 0;}
    .shownews .container{padding:0!important;width: 100%;}
    .shownews .new_right{padding: 0 20px;margin-top: 0}
    .shownews .new_left{padding:20px 0;margin-bottom:0;}
    .shownews .loc{width: 100%;margin:10px auto;padding: 0 20px;font-size: 1.3rem;line-height: 2.2rem;display: block}
    .shownews .loc a{margin-left:0;font-size: 1.3rem;}
    .shownews .loc i{font-size: 1.3rem;margin-right: 1px;}
    .shownews .loc .back{position: absolute;right: 20px;font-size: 1.3rem;}
    .shownews .info{width: 100%;padding:20px 30px;}
    .shownews .shownews-title{font-size:2.2rem;line-height:3rem;font-weight:600;padding-right: 0}
    .shownews .shownews-info{font-size: 1.5rem;}
    .shownews .shownews-cont{padding:0!important;width: 100%!important;font-size:1.5rem!important;line-height:2.2rem!important;color:#868e96!important;}
    .shownews .shownews-cont p{font-size:1.5rem!important;line-height:2.5rem!important;color:#868e96!important;display: block;width: 100%;}
    .shownews .shownews-cont img{max-width: 100%;width: 100%;margin: 0 auto;}
    .shownews .shownews-cont p{padding: 8px 0;font-size: 1.5rem!important;line-height:2.5rem!important;text-indent: 0 !important;}
    .shownews .shownews-cont p span{font-size: 1.5rem!important;line-height:2.5rem!important;}
    .shownews .shownews-cont img{width: 100%!important;}
    .shownews .shownews-cont p img{width: 100%!important;}
    .shownews .shownews-cont p span img{width: 100%!important;}
    .shownews .shownews-cont p strong{font-size: 1.5rem!important;line-height:2.5rem!important;}
    .shownews .hot-ul{margin-bottom: 0}
}
.bottom-btn{padding:20px 0;border-top: 1px dashed #ddd;}
.bottom-btn a{width: 50%;display: block;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;line-height: 32px;color:#495057;font-weight: 500;}
.bottom-btn a:hover{color:#495057;}
.bottom-btn a i{font-size: 2.5rem;color: #999;margin-right:10px;display: inline-block;vertical-align:middle;}
.bottom-btn a:last-child i{margin-right: 0;margin-left: 10px;}
.share-div{margin: 30px auto;text-align: left;padding: 0;}
.share-2{padding: 0;}
@media screen and (max-width: 992px) {
    .bottom-btn{padding:0;height: auto;line-height:2rem;border-top:none;}
    .bottom-btn a{width: 100%;font-size:1.4rem;line-height:2.2rem;margin-bottom: 10px;}
    .bottom-btn a:hover{}
    .bottom-btn a:nth-child(2n){text-align: left;}
    .bottom-btn a i{display: none;}
    .share-div{margin: 20px auto;width: 100%;}
}

.hot-ul{
    background-color: #fff;display: block;
    padding:20px;margin-bottom: 30px;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06);
    box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06);
}
.hot-ul li{border-bottom: 1px dashed #ddd;margin-bottom:20px;padding-bottom:20px;}
.hot-ul li:last-child{border-bottom: none;margin-bottom: 0;}
.hot-ul li a{
    display: block;
    position:relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    align-items: center;
    flex-wrap: wrap;
}
.hot-ul li a .info{padding: 0;width:100%;-webkit-box-shadow: none!important;box-shadow: none!important;}
.hot-ul li a .info h6{font-size:14px;line-height: 20px;color:#495057;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hot-ul li a .info p{font-size: 14px;color: #868e96;}
.hot-ul li a .info p i{font-size: 1.4rem;position: relative;top:1px;}
.hot-ul li a .img{width:100%;margin-bottom: 10px;}
.hot-ul li a .img img{width:100%;}
.hot-ul li a:hover .info h6{color:var(--color-3);}

.news-title{margin-bottom:15px;}
.news-title h4{font-size:25px;color:#495057;font-weight: 550;}
.news-title h4 i{font-size: 3rem;color:var(--color-3);line-height: 2.5rem;}
@media screen and (max-width: 992px){
    .news-title h4{font-size:2rem;}
    .news-title h4 i{font-size:2rem;}
}
.new_left{width: calc(98% - 300px);margin-right: 2%;margin-top: 50px;margin-bottom:50px;}
.new_right{width:300px;margin-top: 50px;}
@media screen and (max-width: 992px) {
    .new_left {width: 100%;margin-right: 0;padding: 0 20px;margin-top: 0;margin-bottom: 0}
    .new_right {width: 100%;padding: 0 20px;margin-bottom: 20px;margin-top: 20px}
}

.news-list-ul{
    background-color: #fff;padding:20px;margin-bottom: 30px;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06);
    box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06);
}
.news-list-ul li{padding:10px 10px 10px 15px;border-bottom: 1px dashed #ddd;position: relative;}
.news-list-ul li:after{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #dee2e6;position: absolute;left: 0;top:50%;margin-top: -3px;}
.news-list-ul li:last-child{border-bottom: none;}
.news-list-ul li a{font-size: 15px;color:#495057;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.news-list-ul li a:hover{color:var(--color-3)}
.news-list-ul li a i{width: 30px;display: inline-block}
@media screen and (max-width: 992px){
    .news-list-ul{;margin-bottom: 10px;}
}

.honor{width: 100%;padding: 50px 0 0 0;}
.honor-imgs{flex-wrap: wrap;padding-bottom:60px;}
.honor-imgs .img{width: 32%;border-radius: 12px;margin-right: 2%;
    background-color: rgba(255,255,255,0.75);
    backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);
    position: relative;
    box-shadow:0 16px 32px -5px rgba(0,0,0,0.05);
    -webkit-box-shadow:0 16px 32px -5px rgba(0,0,0,0.05);
    border: 2px solid #fff;
}
.honor-imgs .img img{width: 100%;border-radius: 6px}
.honor-imgs .img:last-child{margin-right: 0;}
@media (max-width: 991px) {
    .honor{padding-top: 50px}
    .honor-imgs{padding:20px 0;}
    .honor-imgs .img{width: 100%;border-radius:6px;background-color: rgba(255,255,255,0.75);margin-bottom:5%}
    .honor-imgs .img:last-child{margin-bottom: 0}
}
.zhuanli{background-repeat: no-repeat;background-position: center;background-size: cover;padding:10px;background-color: #fff}
.honor-ul{width: 100%;height: auto!important;padding: 20px 0;}
.honor-ul li{height: auto!important;margin: 20px 15px;outline: none;}
.honor-ul li .info{padding:10px}
.honor-ul li .img{width: 100%;border: 1px solid #eee;
    background-color:rgba(255,255,255,0.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);
    padding: 16px;border-radius: 8px;font-size:16px;color:#495057;
    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);
}
.honor-ul li .img img{width: 100%;}
.honor-ul li h6{font-size: 16px;text-align: center;font-weight:400;color:#495057;margin-bottom:10px;line-height:22px;}
.honor-ul .NextArrow,.honor-ul .PrevArrow{
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 32px;
    background-image:-webkit-linear-gradient(45deg, var(--color-3), var(--color-1));
    background-image:linear-gradient(45deg, var(--color-3), var(--color-1));
    box-shadow:0 6px 20px -2px rgba(36,72,246, 0.35);
    -webkit-box-shadow:0 6px 20px -2px rgba(36,72,246, 0.35);
    text-align: center;
    z-index: 999;
    border: 1px solid rgba(255,255,255,0.75);
    outline: none;
    border-radius: 50%;
    top:-30px;
}
.honor-ul .NextArrow i,.honor-ul .PrevArrow i{font-size:1.6rem;color:#fff;}
.honor-ul .NextArrow:hover,.honor-ul .PrevArrow:hover{}
.honor-ul .NextArrow:hover i,.honor-ul .PrevArrow:hover i{}
.honor-ul .NextArrow{right:20px;}
.honor-ul .PrevArrow{right:70px;}
@media (max-width: 991px) {
    .zhuanli{padding:25px 0;}
    .honor-ul{width: 100%;margin-bottom:0;padding: 0}
    .honor-ul li{padding:5px;margin:0!important;}
    .honor-ul li .img{padding:10px;}
    .honor-ul li .info{padding:10px 0 0 0}
    .honor-ul li .info h6{font-size:1.3rem;line-height: 1.8rem;}
    .honor-ul .NextArrow,.honor-ul .PrevArrow{width:32px;height:32px;line-height:30px;top:50%;bottom:unset;margin-top: -35px;}
    .honor-ul .NextArrow{right:0;}
    .honor-ul .PrevArrow{left:0}
    .honor-ul .NextArrow i,.honor-ul .PrevArrow i{font-size:1.6rem;}
}
.team{padding: 40px 0 80px 0;}
.team-ul{padding:0;margin: 0}
.team-ul li{width: 32%;background-color: #fff;padding: 25px;border-radius: 10px;box-shadow: 0 10px 25px 0 rgba(0,0,0,.05);-webkit-box-shadow: 0 10px 25px 0 rgba(0,0,0,.05);}
.team-ul li .img{width: 100%;}
.team-ul li .img img{width: 100%;border-radius:5px;}
.team-ul li .info{padding:20px 0;}
.team-ul li .info h6{font-size: 22px;font-weight: 550;color:var(--color-1);margin-bottom: 10px;}
.team-ul li .info p{font-size: 16px;line-height: 26px;color: #495057;font-weight: 300}

.Enterprise-philosophy{padding: 40px 0 120px 0;background-color: #fff;border-top: 1px solid #eee;background-repeat: no-repeat;background-size: 100% auto;background-position: center bottom;}
.Enterprise-philosophy-ul{flex-wrap: wrap}
.Enterprise-philosophy-ul li{width: 49%;margin-bottom: 2%;padding:30px;border-radius: 12px;border: 1px solid #eee;background-color: rgba(255,255,255,0.15);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.Enterprise-philosophy-ul li .info{}
.Enterprise-philosophy-ul li .info h6{width: 50%;font-size: 22px;font-weight: 500;margin-bottom: 20px;background-color: var(--color-1);color: #fff;display: block;line-height: 50px;position: relative;left: -30px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;padding: 0 25px;}
.Enterprise-philosophy-ul li .info p{font-size: 18px;line-height: 32px;color: #495057;font-weight:300}

.service{padding:50px 0 ;width: 100%; background-color: var(--color-2)}
.service .container{position: relative;z-index: 2;}
.service-ul{padding:0;flex-wrap: wrap}
.service-ul li{width: 15.83%;padding:20px;border-radius: 10px;background-color: rgba(255,255,255,0.95);text-align: center}
.service-ul li i{font-size:5rem;width:100px;display:block;line-height:5rem;color:var(--color-1);margin:10px auto;}
.service-ul li b{font-size: 20px;font-weight: 550;color:#222}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .team{padding: 30px 0 60px 0;}
    .team-ul li{padding: 20px;}
    .team-ul li .info{padding:15px 0;}
    .team-ul li .info h6{font-size: 20px;}
    .team-ul li .info p{font-size: 15px;line-height: 25px;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .team{padding: 25px 0 50px 0;}
    .team-ul li{padding: 15px;}
    .team-ul li .info{padding:10px 0;}
    .team-ul li .info h6{font-size: 18px;}
    .team-ul li .info p{font-size: 14px;line-height: 22px;}
    .service-ul li i{font-size:4rem;line-height:4rem;}
    .service-ul li b{font-size: 18px;}
}
.ser-info{padding:100px 0;background-color: #f8f9fa}
.ser-info-ul{width: 30%;padding:0 40px;}
.ser-info-ul li{width: 100%;height: 50%;text-align: left;}
.ser-info-ul li:last-child{margin-bottom: 0;border-bottom: none;}
.ser-info-ul li h6{font-size: 22px;font-weight: 550;margin-bottom: 10px;color:#fff;background-color: var(--color-1);padding: 0 20px;line-height: 45px;}
.ser-info-ul li p{font-size: 15px;line-height: 25px;color: #495057;position: relative;padding:3px 0 3px 15px;}
.ser-info-ul li p:after{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-1);position: absolute;left: 0;top:50%;margin-top: -3px; }
.ser-info-img{width:40%;flex-wrap: wrap}
.ser-info-img li{width: 49.5%;margin-bottom: 1%;}
.ser-info-img li img{width: 100%;height:100%}
.ser-info-img li:nth-child(3),.ser-info-img li:nth-child(4){margin-bottom: 0}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .ser-info{padding:80px 0;}
    .ser-info-ul{padding:0 30px;}
    .ser-info-ul li h6{font-size: 20px;line-height: 40px;}
    .ser-info-ul li p{font-size: 14px;line-height: 22px;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .ser-info{padding:60px 0;}
    .ser-info-ul{padding:0 20px;}
    .ser-info-ul li h6{font-size: 18px;line-height: 36px;}
    .ser-info-ul li p{font-size: 13px;line-height: 20px;}
}

.case{padding: 50px 0 80px 0;width: 100%;background-color: #fff;border-top: 1px solid #eee;}
.case-ul{width: 100%;flex-wrap: wrap;padding: 20px 0;}
.case-ul li{width: 23.5%;margin-bottom: 2%;margin-right: 2%}
.case-ul li:nth-child(4n){margin-right: 0}
.case-ul li a{display: block;}
.case-ul li .img{width: 100%;overflow: hidden;}
.case-ul li .img img{width: 100%;}
.case-ul li .info{padding:12px 0;text-align: center;background-color: #f8f9fa;}
.case-ul li .info h6{line-height:30px;font-size: 16px;font-weight: 400;color:#495057;}
.case-ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.case-ul li a:hover .info{background-color: var(--color-1);}
.case-ul li a:hover .info h6{color: #fff;}
/*模板样式*/
.left{text-align:left!important;}
.center{text-align: center!important;}
.right{text-align: right!important}
.block{display: block!important;width: 100% !important}
.bold{font-weight: bold!important;}
.pos-abs{position: absolute;}
.pos-rel{position: relative;}
.wp-100{width: 100%!important;}
.wp-90{width: 90%!important;}
.wp-85{width: 85%!important;}
.wp-80{width: 80%!important;}
.wp-75{width: 75%!important;}
.wp-70{width: 70%!important;}
.wp-65{width: 65%!important;}
.wp-60{width: 60%!important;}
.wp-55{width: 55%!important;}
.wp-50{width: 50%!important;}
.wp-45{width: 45%!important;}
.wp-40{width: 40%!important;}
.wp-35{width: 35%!important;}
.wp-30{width: 30%!important;}
.wp-25{width: 25%!important;}
.wp-20{width: 20%!important;}
.wp-15{width: 15%!important;}
.wp-10{width: 10%!important;}
.ai-ce{align-items: center}
.ai-fs{align-items: flex-start}

.p-5{padding: 5px 0!important;}
.p-10{padding: 10px 0!important;}
.p-20{padding: 20px 0!important;}
.p-30{padding: 30px 0!important;}
.p-40{padding: 40px 0!important;}
.p-50{padding: 50px 0!important;}
.p-60{padding: 60px 0!important;}
.p-80{padding: 80px 0!important;}
.p-100{padding: 100px 0!important;}
.m-b-0{margin-bottom:0!important;}
.m-b-5{margin-bottom:5px!important;}
.m-b-10{margin-bottom: 10px!important;}
.m-b-20{margin-bottom: 20px!important;}
.m-b-30{margin-bottom: 30px!important;}
.m-b-40{margin-bottom: 40px!important;}
.m-b-50{margin-bottom: 50px!important;}
.m-b-60{margin-bottom: 60px!important;}
.m-b-70{margin-bottom: 70px!important;}
.m-b-80{margin-bottom: 80px!important;}
.m-b-90{margin-bottom: 90px!important;}
.m-b-100{margin-bottom: 100px!important;}
.p-left{left: 0;right: unset;}
.p-right{left:unset;right: 0;}

.padding-left-50{padding-left: 50px!important;}
.padding-right-50{padding-right: 50px!important;}
.padding-left-100{padding-left: 100px!important;}
.padding-right-100{padding-right: 100px!important;}
.padding-top-10{padding-top: 10px!important;}
.padding-top-20{padding-top: 20px!important;}
.padding-top-30{padding-top: 30px!important;}
.padding-top-40{padding-top: 40px!important;}
.padding-top-50{padding-top: 50px!important;}
.padding-top-100{padding-top: 100px!important;}
.padding-0{padding: 0!important;}
.padding-10{padding: 10px!important;}
.padding-20{padding: 20px!important;}
.padding-30{padding: 30px!important;}
.padding-40{padding: 40px!important;}
.padding-50{padding: 50px!important;}
.ul-3{}
.ul-3 li{width: 32%!important;}