.about{}
.about-tj{background-color: #f1f3f5;}
.about-tj-ul{width: 100%;align-items: center;}
.about-tj-ul li{width:25%;text-align: center;position: relative;border-right: 1px solid rgba(0,0,0,0.06);font-size: 25px;padding: 20px 0}
.about-tj-ul li:last-child{border-right: none;}
.about-tj-ul li h6{color:#02b980;margin-bottom:10px;}
.about-tj-ul li h6 span{font-size: 60px;line-height:60px;font-weight: 600;font-family: "DINPro-Bold"; }
.about-tj-ul li h6 em{font-style: normal;font-size: 50px;font-weight: 400;position: relative;}
.about-tj-ul li p{font-size: 22px;line-height:25px;font-weight:550;color:#495057;}
.about-info{padding:100px 0 50px 0;}
.about-info .img{width: 1100px;margin: 0 auto;position: relative;z-index: 2;}
.about-info .img a{display: block;width: 100%;padding: 0;position: relative;}
.about-info .img a img{width: 100%;box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.1);}
.about-info .img a i{width: 80px;height: 80px;line-height:80px;text-align: center;font-size:10rem;color:rgba(0,0,0,0.5);
    position: absolute;left: 50%;margin-left: -40px;top:50%;margin-top: -40px;z-index: 2;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.about-info .info{width: 1200px;margin: 0 auto;position: relative;top:-50px;z-index: 1;padding:100px 50px 50px 50px;background-color:#f1f3f5;border-radius: 30px;}
.about-info .info p{font-size: 20px;line-height:36px;color: #212529;margin-bottom: 20px;}
.about-info .info p:last-child{margin-bottom: 0;}

.culture{padding:50px 0 0 0;}
.culture-ul{padding:20px 0;align-items: center}
.culture-ul li{width: 32%;margin-right: 2%;padding:10px 30px 30px 30px;text-align: center;min-height:300px;border:1px solid #eee;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.025);
    -webkit-box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.025);
}
.culture-ul li:last-child{margin-right: 0;}
.culture-ul li:nth-child(2){
    min-height: 400px;background-color: #fff;
    box-shadow: 12px 12px 2px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 12px 12px 2px rgba(0, 0, 0, 0.03);
}
.culture-ul li:nth-child(2) p{line-height: 40px;}
.culture-ul li i{font-size: 6.5rem;color: #02b980;display: block;}
.culture-ul li h6{font-size: 25px;font-weight: 550;color: #495057;border-bottom: 1px solid #dee2e6;width:30%;margin: 0 auto 20px auto;padding-bottom: 20px;}
.culture-ul li p{text-align: center;font-size: 18px;line-height: 32px;color: #212529;align-items: center;font-weight: 400}
.culture-ul li p.text-left{text-align: left!important;}
.culture-ul li p b{padding: 0 5px;font-weight:700;font-size: 40px;font-family: "DINPro-Bold";letter-spacing: -1px;color: #02b980;position: relative;top:3px;}
.culture-ul li p span{font-weight: 600;color: #495057;font-size: 22px;padding:5px 0;border-right: 1px solid #dee2e6;display: block;width: 32%;margin-top: 2%;margin-right: 2%;text-align: center}
.culture-ul li p span:last-child{border-right: none;margin-right: 0}

.fc{padding:50px 0;}
.fc-ul{width: 100%;padding: 20px 0}
.fc-ul li{
    margin: 20px 15px;
    display: block;
    position: relative;
    box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.05);
    background-color: #fff;overflow: hidden;
    background-position: center;background-size: cover;background-repeat: no-repeat;z-index: 1;
}
.fc-ul li .info{padding:20px;text-align: center;}
.fc-ul li .img{width:100%;min-height: 250px;background-size: cover; overflow: hidden;background-color: #fff;text-align: center;line-height: 250px;}
.fc-ul li .img img{width:35%;display: inline-block;vertical-align: middle;opacity: 0.5;filter:Alpha(opacity=50);padding-top:20px;}
.fc-ul li h4{font-size:18px;font-weight: 500;color:#495057;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fc-ul .NextArrow,.fc-ul .PrevArrow{
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: transparent;border: none;top:50%;margin-top: -25px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.fc-ul .NextArrow i,.fc-ul .PrevArrow i{font-size:5rem;color:#adb5bd;}
.fc-ul .NextArrow:hover i,.fc-ul .PrevArrow:hover i{color:#fdb817;}
.fc-ul .NextArrow{right:-50px;}
.fc-ul .PrevArrow{left:-50px;}
@media (max-width: 991px) {
    .fc{padding:30px 0;}
    .fc-ul{width: 100%;margin-bottom:20px}
    .fc-ul li{padding:20px;margin:30px 10px;}
    .fc-ul li .info{padding: 20px 0 0 0}
    .fc-ul li h4{font-size: 2.2rem;}
    .fc-ul .NextArrow,.fc-ul .PrevArrow{width:32px;height:32px;line-height:30px;top:unset;bottom:-25px;}
    .fc-ul .NextArrow{right:10px;display: none}
    .fc-ul .PrevArrow{right:55px;display: none}
    .fc-ul .NextArrow i,.fc-ul .PrevArrow i{font-size:1.6rem;}
}
.zs{padding:50px 0;background-color: #f1f3f5}
.zs .info{text-align: center;width:900px;margin:10px auto}
.zs .info p{font-size: 22px;line-height: 40px;font-weight: 400;color: #495057;}
.zs-ul{width: 100%;padding: 20px 0}
.zs-ul li{margin: 20px 10px;display: block;width:auto;background-color: #fff;
    box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.05);text-align: center;
}
.zs-ul li img{width: 100%;padding: 10px;height: 300px;overflow: hidden;}
.zs-ul li p{font-size:18px;font-weight: 500;color:#495057;padding: 10px 0 20px 0;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zs-ul .NextArrow,.zs-ul .PrevArrow{
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: transparent;border: none;top:50%;margin-top: -25px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.zs-ul .NextArrow i,.zs-ul .PrevArrow i{font-size:5rem;color:#adb5bd;}
.zs-ul .NextArrow:hover i,.zs-ul .PrevArrow:hover i{color:#fdb817;}
.zs-ul .NextArrow{right:-50px;}
.zs-ul .PrevArrow{left:-50px;}
@media (max-width: 991px) {
    .zs{padding:30px 0;}
    .zs-ul{width: 100%;margin-bottom:20px}
    .zs-ul li{margin:30px 10px;}
    .zs-ul li p{font-size: 2.2rem;}
    .zs-ul .NextArrow,.zs-ul .PrevArrow{width:32px;height:32px;line-height:30px;top:unset;bottom:-25px;}
    .zs-ul .NextArrow{right:10px;display: none}
    .zs-ul .PrevArrow{right:55px;display: none}
    .zs-ul .NextArrow i,.zs-ul .PrevArrow i{font-size:1.6rem;}
}

.mapBox {width: 100%;height: 320px;position: relative;background-color: #ddd;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.15);
}
.mapBox #allmap {width: 100%;height: 100%;}
.BMap_cpyCtrl{display: none}
.anchorBL{display: none}
@media screen and (max-width: 992px){
    .mapBox{height: 280px;;margin: 30px 0 0 0}
}
.contactus{padding: 50px 0;}
.contact-info{width: 1150px;background-color:#f8f9fa;border-radius:30px;padding:50px;margin: 30px auto;}
.contact-info .info{width: 50%;border-right: 1px solid #dee2e6;padding-left: 50px; }
.contact-info .info h6{font-size: 30px;font-weight: 550;color: #212529;margin-bottom:30px;}
.contact-info .info p{font-size: 20px;line-height: 30px;color: #495057;margin-bottom: 10px;font-weight: 450;}
.contact-info .info p:last-child{margin-bottom: 0;}
.contact-info .info p b{color:#212529 }
.contact-info .info p.pl-3{padding-left: 60px;}
.contact-info .form{width: 50%;text-align: center;padding: 0 0 0 50px;}
.contact-info .form h6{font-size: 30px;font-weight: 550;color: #212529;margin-bottom:30px;}
.contact-info .form p{font-size: 20px;line-height: 30px;color: #495057;width:80%;margin: 30px auto;text-align: left;}
.contact-info .form a{display: block;margin: 0 auto;width: 200px;height: 60px;line-height: 60px;font-size: 22px;font-weight: 550;text-align: center;background-color: #02b980;color: #fff;border-radius: 4px;}

.address{padding:0 0 50px 0;}
.add-info{width: 1200px;margin: 0 auto;align-items: center;padding:30px 0;}
.add-info .info{width: 45%;}
.add-info .info h6{font-size: 25px;font-weight: 550;margin-bottom:10px;color: #495057}
.add-info .info h6 i{color: #02b980;font-size: 3rem;margin-right: 10px;}
.add-info .info p{font-size: 18px;line-height: 36px;color: #495057}
.add-info .img{width: 55%;}

.contact .page-nav .loc{width: 50%;}
.contact .page-nav .page-nav-ul{width: 50%;}
.contact .page-nav .page-nav-ul li{width: 25%;}
.contact .page-nav li a:hover,.contact .page-nav li a.cur{background-color:#02b980;color: #fff;}
.contact .page-nav li a:hover:after,.contact .page-nav ul li a.cur:after{
    content: '';left: 50%;margin-left: -10px;bottom: -10px;position: absolute;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #02b980;
}
.contact .contact-cont{padding:100px 0 50px 0;}
.contact .contact-cont h4{font-size: 25px;font-weight:600;color: #495057;margin-bottom:30px;}
.contact .c-title{width: 37%;border-right: 2px solid #eee;}
.contact .c-title p{font-size: 16px;color:#495057;margin-bottom: 10px;line-height: 25px;position: relative;padding: 0 0 0 30px;}
.contact .c-title p i{font-size:2rem;color:#495057;position: absolute;left: 0;top:0;}
.contact .info{width: 26%;text-align: center;border-right: 2px solid #eee;}
.contact .info h4{margin-bottom: 10px;}
.contact .info p{font-size: 18px;font-weight:500;color:#495057;text-transform: uppercase;margin-bottom:30px;}
.contact .info p:last-child{margin-bottom: 0;}
.contact .info p span{font-size: 32px;font-family: "DINPro-Bold"!important;color:#02b980;display: block;letter-spacing: -1px;}
.contact .info p i{font-size: 3.5rem;margin-right: 10px;}
.contact .img{width: 37%;text-align: center;padding: 0 0 0 20px;}
.contact .img p{font-size: 18px;line-height: 30px;color:#495057;text-align: center;font-weight: 500;}
.contact .img span{display: block;width: 32%;margin-right: 2%;}
.contact .img span:nth-child(3n){margin-right: 0;}
.contact .img img{width:100%;display: block;margin-bottom: 10px;padding: 0 20px;}
@media screen and (max-width: 1440px){
    .contact .contact-cont h4{font-size: 22px;margin-bottom:20px;}
    .contact .c-title p{font-size: 14px;line-height: 22px;}
    .contact .info p{font-size: 16px;margin-bottom:15px;}
    .contact .info p span{font-size: 25px;}
    .contact .info p i{font-size: 2.8rem;}
    .contact .img p{font-size: 16px;line-height: 26px;}
    .contact .img img{margin-bottom: 5px;padding: 0 20px;}
}
@media screen and (max-width: 992px){
    .contact .container{flex-wrap: wrap;}
    .contact .c-title{width: 100%;border-right:none;padding: 10px 0;}
    .contact .c-title h4{font-size: 2rem;margin-bottom:20px;}
    .contact .c-title p{font-size: 1.4rem;margin-bottom: 10px;line-height:2.2rem;}
    .contact .c-title p em{font-size:1.8rem;margin-right: 3px;}
    .contact .info{width:100%;text-align: center;border-right:none;background-color: #fff;padding:15px 0;border-radius: 4px;}
    .contact .info p{font-size:1.6rem;}
    .contact .info p span{font-size:2.6rem;}
    .contact .info p em{font-size: 4.5rem;}
    .contact .img{display: none;}

}

.sub-contact-list{padding:60px 0;background-color: #f1f3f5;}
.sub-contact-list .container{flex-wrap: wrap}
.sub-contact-list .sub-contact-list_left{width:25%}
.sub-contact-list .sub-contact-list_left h3{font-size: 30px;font-weight:600;color:#212529;line-height: 50px;position: relative}
.sub-contact-list .sub-contact-list_left h3:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 4px;
    left: 0;top:-12px;
    background-color: #01b882;
}
.sub-contact-list .sub-contact-list_left p{font-size: 20px;color:#495057;line-height: 40px;}
.sub-contact-list .sub-contact-list_left p i{font-size:2.8rem;margin-right: 10px;color: #01b882;position: relative;top:2px;}
.sub-contact-list .sub-contact-list_left img{margin: 50px 0 0 0}
.sub-contact-list .sub-contact-list_right{width:75%;flex-wrap: wrap;}
.sub-contact-list .sub-contact-list_right .txt{
    width: 49%;margin-right: 2%;
    padding:30px;
    -webkit-box-shadow: 0 5px 40px 1px rgba(0, 0, 0, 0.06);
    box-shadow: 0 5px 40px 1px rgba(0, 0, 0, 0.06);
    background-color: #fff;}
.sub-contact-list .sub-contact-list_right .txt:last-child{margin-right: 0;}
.sub-contact-list .sub-contact-list_right .txt h4{font-size: 22px;font-weight:600;width:100%;color:#495057;border-bottom: 1px solid #ddd;margin: 0 0 10px 0;padding: 0 0 10px 0}
.sub-contact-list .sub-contact-list_right .txt p{font-size: 16px;color:#495057;display: block;line-height:25px;margin: 15px 0}

@media (max-width: 1440px) {
    .sub-contact-list .sub-contact-list_left{width:25%}
    .sub-contact-list .sub-contact-list_left h3{font-size: 25px;line-height:40px;}
    .sub-contact-list .sub-contact-list_left p{font-size: 16px;line-height: 30px;}
    .sub-contact-list .sub-contact-list_right{width:75%;}
    .sub-contact-list .sub-contact-list_right .txt{width: 49%;margin-right:2%;}
    .sub-contact-list .sub-contact-list_right .txt p{font-size: 14px;line-height:22px;}
}
@media screen and (max-width: 992px){
    .sub-contact-list{padding: 50px 0;}
    .sub-contact-list .container{flex-wrap: wrap!important;}
    .sub-contact-list .sub-contact-list_left{width: 100%!important;}
    .sub-contact-list .sub-contact-list_left h3{font-size: 2.2rem;font-weight:700;line-height: 4rem;}
    .sub-contact-list .sub-contact-list_left h3:after{width: 30px;height: 6px;left: 0;top:-12px;}
    .sub-contact-list .sub-contact-list_left p{font-size: 1.6rem;line-height:3rem;}
    .sub-contact-list .sub-contact-list_left img{margin:30px 0 0 0}
    .sub-contact-list .sub-contact-list_right{width: 100%!important;}
    .sub-contact-list .sub-contact-list_right .txt{padding:20px;width: 100%;margin: 1% 0;}
    .sub-contact-list .sub-contact-list_right .txt h4{font-size: 1.6rem;font-weight:700;width: 100%;}
    .sub-contact-list .sub-contact-list_right .txt p{font-size: 1.4rem;padding-left: 20px;line-height:2.2rem;margin: 10px 0}

}

/*showjob*/
.showjob{margin: 30px auto}
.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: #01b882;
    left:0;top:-20px;
}
.showjob h3:before{
    content: '';
    position: absolute;
    width: 100%;height: 1px;
    background-color: #eee;
    left:0;bottom: 5px;
}
.showjob .info-text{padding:20px 0}
.showjob .info-text p{font-size: 18px;line-height:36px;color:#495057;text-align:justify; text-justify:inter-ideograph;}
.showjob .info-text p:last-child{border-bottom: none;margin-bottom:20px;}
.showjob .info-mail{font-size:18px;line-height:36px;color:#495057;padding: 0 0 20px 0 }
.showjob .info-mail i{background-color: #01b882;display:inline-block;width: 35px;height:35px; border-radius: 50%;color: #fff;font-size: 18px;line-height: 35px;text-align: center;margin-right: 10px;}
.job{padding:0 0 50px 0;}
.joblist{
    background-color: #fff;padding:30px;
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #ddd;border-top: none;
}

.joblist h4{font-size: 22px;color:#495057;font-weight:550;position: relative;padding: 15px 0;margin: 0 0 10px 0;}
.joblist h4:after{
    content: '';
    position: absolute;
    width: 5px;height: 22px;
    background-color: #01b882;
    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;
    -moz-justify-content: space-between;
    -ms-justify-content:space-between;
    -o-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;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    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; }
.nav-tabs{}
.nav-tabs li{}
.nav-tabs li a{font-size: 18px;padding: 10px 25px;font-weight: 550;color: #495057}
.nav-tabs li a:hover{color:#01b882; }
@media (max-width: 992px) {
    .showjob{margin:0 auto}
    .showjob h3{font-size:2.2rem;padding: 10px 0;margin: 0 0 10px 0;font-weight: 700;}
    .showjob h3:after{width: 30px;height: 6px;left:0;top:-5px;	}
    .showjob h3:before{bottom: 5px;}
    .showjob .info-text{padding:10px 0 0 0}
    .showjob .info-text p{font-size: 1.4rem;letter-spacing: 0;line-height:2.2rem;margin: 0 0 10px 0;padding: 0 0 10px 0;}
    .showjob .info-mail{font-size:1.4rem;line-height:2.2rem;padding: 0 0 10px 0 }
    .joblist{padding:10px;margin:0 0 10px 0;}
    .joblist h4{font-size: 1.8rem;padding: 10px 0;margin: 0 0 10px 0;font-weight: 700;}
    .joblist h4:after{width: 30px;height: 6px;left:0;top:-5px;}
    .joblist h4:before{bottom: 5px;	}
    .jobinfo-ul{margin: 10px 0 30px 0;}
    .joblist .jobinfo-ul li{padding: 5px 5px;}
    .joblist .jobinfo-list{padding: 10px;}
    .joblist .jobinfo-list li{line-height:2.2rem;font-size:1.3rem; }
    .nav-tabs{margin: 10px 0 0 0;}
    .nav-tabs li{}
    .nav-tabs li a{font-size:1.4rem;padding:5px 10px;}
}
.service{padding:80px 0;}
.service-cont{padding: 20px 0;align-items: center}
.service-cont .text{width: 50%;}
.service-cont .text p{font-size: 20px;line-height: 36px;color: #495057;font-weight: 400;}
.service-cont .img{width: 45%;}
.service-cont .img img{width: 100%;}
.technical{background-color: #f1f3f5;padding: 50px 0}
.technical-ul{padding: 20px 0;}
.technical-ul li{width: 32%;margin-right: 2%;padding: 30px;background-color: #fff;
    box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.05);text-align: center;
}
.technical-ul li i{font-size: 8rem;display: block;margin: 10px auto;color:#01b882; }
.technical-ul li h6{font-size: 25px;font-weight: 600;color: #212529;margin-bottom: 20px;}
.technical-ul li p{font-size: 18px;line-height: 30px;color: #495057;font-weight: 400;}
.technical-ul li:last-child{margin-right: 0;}

.hotline{width: 100%;padding:50px 0;background-size:cover;background-image: url(../../images/kf-bg.jpg);background-repeat:no-repeat;background-position:center bottom;}
.hotline .hotline-cont{width: 100%;}
.hotline .tel{width: 100%;text-align: center}
.hotline .tel span{display: block;font-family: "DINPro-Bold";letter-spacing:-1px;font-size: 40px;font-weight: 600;color: #01b882;}
.hotline .tel p{font-size: 18px;color:#495057;line-height: 28px;text-align: center;}
.hotline .img{text-align: center;width: 100%;}
.hotline .img img{width: 180px;display: block;margin: 20px auto;}
.hotline .img p{font-size: 18px;line-height: 30px;color: #495057;}
@media (max-width: 992px) {
    .hotline{padding:10px 0;}
    .hotline .hotline-cont{tpadding: 10px 0;}
    .hotline .tel{font-size:1.6rem;margin-bottom: 20px;}
    .hotline .tel span{font-size:2.2rem;}
    .hotline .tel p{font-size: 1.4rem;line-height: 2.5rem;}
}