.page_ban{text-align: center;max-height: 25vw;position: relative;width: 100%;overflow: hidden;}
.page_ban div{width: 100%;}
.page_ban img{display: block;width: 100%;}

.ResTitle_a1{width: 100%;text-align: center;margin-bottom: 3.7vw;font-size: 1.8vw;color: #007FC8;}
.ResTitle_a1 br{display: none;}
.ResTitle_a1 span{display: block;font-weight: bold;}
.ResTitle_a1 em{text-transform: uppercase;font-family: Arial;display: none;}

.content{width: 73%;margin: 3.2vw auto 5.3vw auto;font-size: 16px;line-height: 1.8;}
.content img{max-width: 100%;}
.about{font-size: 16px;}
.about h3{color: #007FC8;font-size: 1.8em;}
.about h2{color: #404040;font-size: 1.6em;line-height: 1.5;}
.about h2 span{font-weight: bold;color: #007FC8;font-family: Impact;font-size:2em;}
.about h2:before{content: "";display: block;background: #f0ca9f;height: 4px;width: 33px;margin-bottom: 0.5vw;}
.about .mt{margin-top: 1.5vw;}
.about .msms{margin:50px auto;}
.about .boo2 .ooo{display: flex;justify-content: center;align-items: center;background: #f6f7fd;margin:50px 0;}
.about .boo2 .ooo .text{width: 40%;margin:0 5%;}
.about .boo2 .ooo .img{width: 50%;}
.about .boo2 .ooo img{vertical-align: top;}
.about .boo2 .ooo .t0 span{}
.about .boo2 .ooo .t1{width: 10%;height:2px;background: #007FC8;overflow: hidden;}
.about .boo2 .ooo:nth-child(2){flex-direction: row-reverse;}
.about .BannerShow_c1 #kinMaxShow {display: flex;}
.about .BannerShow_c1 #kinMaxShow div{flex:1;margin:0 1% 0 0;}
.about .BannerShow_c1 #kinMaxShow div:nth-last-child(1){flex:1;margin:0;}

.cooperation .editv10{
    margin: 2rem 0;
}
.cooperation .editv10 > div p{
    text-align: center;
    margin:0.3rem 0;
}
.cooperation .editv10 > div p b{
    font-size: 20px;
}

.feature .card{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

.feature .card .kog{
    border: 1px solid #eee;
    background: #fff;
    padding: 1.4rem;
    box-sizing: border-box;
    border-radius: 2px;
}
.feature .card .kog:hover{
    border: 1px solid #007FC8;
    box-shadow: 4px 4px 0px #007FC844;
}
.feature .card .kog:hover h5{
    color: #007FC8;
}
.feature .card .kog .no{
    line-height: 1.5;
    -webkit-text-stroke: 1px #222;
    -webkit-text-fill-color : transparent;
    font-size: 4vw;
    font-weight: bold;
    opacity: 0.2;
}

.feature .card .kog h5{
    font-weight: bold;
}

.feature .card .kog .ms{
    line-height: 1.7;
    margin:0.4rem 0 0 0;
    color: #666;
}

.competencies .editv10{
    line-height: 1.8;
}

.cooperation_cases .page{
    display: none !important;
}

.cooperation_cases .PhotoList_i1{
    border-bottom: 1px solid #ddd;
    padding: 0 0 2rem 0;
    margin: 0 0 2rem 0;
}

.cooperation_cases .editv10 .card{
    border-bottom: 1px solid #ddd;
    margin: 0 0 2rem 0;
    padding: 0 0 2rem 0;
}

.cooperation_cases .editv10 .card .tag{
    font-weight: bold;
}

.cooperation_cases .editv10 .card .tag::before{
    content:'▏';
    color: #007FC8;
}

.cooperation_cases .editv10 .card li p::before{
    content:'- ';
    display: inline-block;
}

.PosList_a1{box-sizing: border-box;line-height: 22px; font-size: 14px;padding: 1.5vw 13.5%;margin: 0 auto;text-align: left;}
.PosList_a1 a{font-size: 14px;}
.PosList_a1 b{font-weight: normal;}

.news_display h3{ text-align:center; font-weight:bold;font-size: 33px; }
.news_display h4{ width:100%;margin:0 0 10px; text-align:center; font-weight:300;padding:8px 0; color:#bbb; border-bottom:1px dashed #bbb;}
.news_display p img{ display:block; max-width:100%; margin:5px 0;}
.caseback{margin: 4vw auto 0 auto;width: 8em;font-size: 16px;color: #fff;background-color: #007FC8;padding: 0.5em 0; line-height: 1.5;text-align: center;display: block;}

table{text-align: center;border-collapse: collapse;border: 1px solid #cccccc;width: auto !important;}
table td{border-width: 1px;border-style: solid;padding: 0.2vw 0.5vw;line-height: 1.6;width: auto !important;height: auto !important;}
.ProductDetail_a1 .Pimg {text-align: center;max-width: 100%; margin: 0 auto 1vw auto;}
.ProductDetail_a1 .Pimg img{width: auto;display: inline-block;height: auto;max-height: 640px;max-width: 640px;}
.ProductDetail_a1 .pul li{display: none;}
.ProductDetail_a1 .pul li.name{display: block;font-size: 22px;text-align: center;margin-bottom: 3vw;}
.detail .til1{font-size: 22px;border-left: 5px solid #333;padding-left: 2vw;margin-bottom: 3vw;}

.NavList_a1 {text-align: center;margin: 3vw  0 !important;}
.NavList_a1 li {display: inline-block;margin: 0 0.5vw;width: auto;}
.NavList_a1 li a{display: block;padding: 7px 20px;line-height: 1.0;text-transform: capitalize;}
.NavList_a1 li a:hover{background-color: #007FC8;color: #fff;}
.NavList_a1 li a.on{background-color: #007FC8;color: #fff;}
.mobsnav .sort_btn{display: none;}

/*招聘中心*/
.hrList_a1_item{ background:#fff;width:100%; float:left; margin-bottom:60px;border-bottom: dotted 1px #ddd;padding-bottom: 60px;}
.hrList_a1_item:nth-child(3n){ margin-right:0;}
.hrList_a1_title{ font-size:24px; font-weight:bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height: 1.0;
    border-left: solid #666 5px; padding:2px 0 2px 10px;color:#666;}
.hrList_a1_button{display: none;}
.hrList_a1_item ul{ padding-top:15px;}
.hrList_a1_item ul li{ width:33%; float:left; line-height:20px; padding:5px 0; color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hrList_a1_item ul li.other{ width:100%; line-height:22px; padding:5px 0;color:#777;text-overflow: inherit;white-space: inherit; }
.hrList_a1_item ul li.other p{display: block;width: calc(100% - 5.7em);float: right;}
.hrList_a1_item ul li span{ display:inline-block; width:90px; color:#333; font-weight:bold;}

/*视频*/
.vdobx {width: 100%;text-align: center;}
.vdobx h3 {width: 100%;margin-bottom: 2vw;text-align: center;}
.vdobx iframe {width: 800px;height: 500px;margin: 0 auto;}

.contact_img{width: 50%;overflow: hidden;}
.contact_img img{width: 100%;display: block;}
.contact_txt {width: 45%;}
.contact_txt .line{margin-top: 1.5vw;position: relative;padding-left: 2em;box-sizing: border-box;}
.contact_txt i{width: 1.6em;height: 1.6em;background: #e4007d;border-radius: 50%;position: absolute;left: 0;top: 0;}
.contact_txt i.email{background:#007FC8 url('../images/Emile.svg')no-repeat center center;fill: #fff;background-size: 59%;}
.contact_txt i.call1{background:#007FC8 url('../images/call1.svg')no-repeat center center;fill: #fff;background-size: 70%;}
.contact_txt i.call2{background:#007FC8 url('../images/call2.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.service{background:#007FC8 url('../images/service.svg')no-repeat center center;fill: #fff;background-size: 95%;}
.contact_txt i.addr{background:#007FC8 url('../images/addr.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.fox{background:#007FC8 url('../images/fox.svg')no-repeat center center;fill: #fff;background-size: 60%;}

.page{text-align: center;padding-top: 2vw;}
.page a,.page span{display: inline-block;padding: 2px 10px;border: 1px solid #ccc;margin: 5px;line-height: 1.5;}
.page .on, .page .cur{border-color: #007FC8;color: #fff;background-color: #007FC8;}
.pageinfo{display: none;}
.content .page{display: block;}
.content .load_more_button{display: none;width: 100px;margin: 20px auto 0 auto;padding: 0.6em 1em;line-height: 1.5;
    text-align: center;border: 1px solid #007FC8;color: #007FC8;}

@media screen and (max-width: 1380px){
	.content{width: 80%;}
    .PosList_a1{padding: 1vw 10%;}
}
@media screen and (max-width: 1024px) {
	.content{width: 90%;height: auto;margin-top: 5vw;min-height: 50vh;}
	.PosList_a1{padding: 1vw 5%;margin-bottom: 5vw;}
    .about h2 br{display: none;}
    .ResTitle_a1 span{font-size: 35px;}
	.ResTitle_a1 em{font-size: 24px;}

    .contact_txt .line{width: 50%;float: left;}
    .contact_txt div:first-of-type{width: 100%;}
	.contact_img{width: 100%;float: none;}
	.contact_txt{width: 100%;margin-bottom: 6vw;float: none;}

    .hrList_a1_item ul li{width: 50%;}
    .hrList_a1_title{font-size: 20px;}
    .hrList_a1_item{padding-bottom: 30px;margin-bottom: 30px;}
    .vdobx iframe{width: 70vw;height: 40vw;}
}
@media screen and (max-width: 640px){
    .page_ban{
        max-height: 55vw;
    }
    .page_ban img{height:55vw;object-fit: cover;}
    .about .boo2 .ooo{display: block;justify-content: center;align-items: center;background: #f6f7fd;margin:50px 0;}
    .about .boo2 .ooo .text{width: 90%;padding: 5%;box-sizing: border-box;}
    .about .boo2 .ooo .img{width: 96%;margin: 2%;}
    .about .boo2 .ooo .t0 span{padding :0 0 0 10px;}
    .about .boo2 .ooo .t1{width: 10%;height:2px;background: #007FC8;overflow: hidden;}
    .about .boo2 .ooo .t2{}
    .about .boo2 .ooo:nth-child(2){flex-direction: row-reverse;}

    .content{font-size: 3.8vw;margin: 8vw auto 16vw auto;min-height: 60vh;}
	.content{width: 94%;}
    .ResTitle_a1{margin-bottom: 8vw;}
    .ResTitle_a1 span{font-size: 6vw;}
    .ResTitle_a1 em{font-size: 5vw;}
    .ResTitle_a1:after{margin-top: 3vw;}

    .about {font-size: 3.8vw;}
    .about .fl{float: none;width: 100%;}
    .about .fr{float: none;width: 100%;margin: 6vw 0;border:none;padding: 0;}
    .about h2{font-size: 1.3em;}
    .about h3{font-size: 1.2em;}

	.content #page{display: none;}
	.content .load_more_button{display: block;}

	.PosList_a1{font-size: 3.6vw;margin-bottom: 10vw;text-align: left;padding: 2vw 4%;}
	.contact_txt .line{margin-top: 5vw;width: 100%;float: none;}

    .ProductDetail_a1 .Pimg{margin-bottom: 3vw;width: 100%;height: auto;max-height: 100vw;}
    .ProductDetail_a1 .Pimg img{max-height: 100vw;max-width: 100%;height: auto !important;width: auto !important;}
    .detail .til1,.ProductDetail_a1 .pul li.name{font-size: 4.5vw;border-width: 3px;line-height: 1.5;}
    .vdobx iframe{width: 100%;height: 55vw;}
    .caseback{font-size: 3.8vw;}
    
    .NavList_a1{margin-bottom: 6vw !important;}
    .NavList_a1 li a{padding: 2vw 3vw;}

    .hrList_a1_item ul li{width: 100%;}
    .hrList_a1_title{font-size: 4.2vw;}
    .hrList_a1_item ul li span{font-size: 3.8vw;font-weight: normal;display: inline;}
    .hrList_a1_item p{display: inline;float: none;font-size: 3.8vw;}
    .hrList_a1_item ul li{font-size: 3.8vw;}

    .mobsnav{margin-bottom: 6vw;position: relative;}
    .mobsnav .sort_btn{display: block;border-bottom: 1px solid #cdcdcd;line-height: 1.8;padding: 3vw 0; font-size: 4vw;padding: 0.5em 12% 0.5em 3%;
        background: url(../images/d.png) 95% center no-repeat;
        background-size: auto 5px;}
    .mobsnav .NavList_a1{width: 100%;z-index:2;display: none;overflow:hidden;padding: 0;position: absolute;
    /* bottom: -100%; */background: #333;z-index: 1;height: 45vw;overflow: auto;}
    .NavList_a1 li a{border: none;}
    .mobsnav .NavList_a1 li{margin: 0 auto;text-align: left; display: block; width: 100%;border-bottom: 1px solid #efefef;padding: 0 ;line-height: 1.5;list-style: none;box-sizing: border-box;}


    .news_display h3{font-size: 5vw;}

    .feature .card{grid-template-columns: 1fr;}
    .feature .card .kog .no{font-size: 9vw;}
}