.page_ban{text-align: center;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: #404040;} .ResTitle_a1 br{display: none;} .ResTitle_a1 span{display: block;} .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;color: #242424;} .content img{max-width: 100%;} .about{font-size: 16px;} .about h3{color: #00509B;font-size: 1.8em;} .about h2{color: #404040;font-size: 1.6em;line-height: 1.5;} .about h2 span{font-weight: bold;color: #00509B;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;} .PosList_a1{box-sizing: border-box;line-height: 22px; font-size: 14px;color: #5a5a5a;padding: 1.5vw 13.5%;background: #fff; margin: 0 auto;text-align: left;} .PosList_a1 a{font-size: 14px;color: #5a5a5a;} .PosList_a1 b{font-weight: normal;} .news_display,.ProductDetail_a1{width: 1000px;max-width: 100%;margin-left: auto;margin-right: auto;} .news_display h3{ text-align:center; font-weight:bold; } .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{ max-width:100%; margin:5px 0;} .caseback{margin: 4vw auto 0 auto;width: 9em;font-size: 16px;color: #fff;background-color: #00509B;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-bottom: 3vw;} .NavList_a1 li {display: inline-block;margin: 0 0.5vw;width: auto;} .NavList_a1 li a{display: block;color: #666;padding: 7px 20px;line-height: 1.0;text-transform: capitalize;} .NavList_a1 li a:hover{background-color: #00509B;color: #fff;} .NavList_a1 li a.on{background-color: #00509B;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_item ul li:nth-of-type(3){width: 100%;text-overflow: normal;overflow: visible;white-space: nowrap;} .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;} .dh-btn{display: none;width: 30%;padding: 2vw 0;background: #00509B;color: #fff;text-align: center;font-size: 3.8vw;margin: 0 auto 3em auto;} /*视频*/ .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;} .VideoDisplay_a1{width:100%; margin:0 auto;} .VideoDisplay_a1 h2{ display:block; line-height:1.2; padding-bottom: 1.5vw;text-align:center;} /*.VideoDisplay_a1_C{ height:700px;}*/ .VideoDisplay_a1 video{display: block;max-width: 100% !important;height: 33vw;margin: 0 auto;object-fit: cover;} .VideoDisplay_a1_C iframe{max-width: 100% !important;height: 33vw;width: 87.5%;} .VideoDisplay_a1_C embed{max-width: 100% !important;height: 33vw;width: 87.5%;} .VideoDisplay_a1_back{text-align:center; height:40px; margin-top:30px;} .VideoDisplay_a1_C{text-align: center;} .VideoDisplay_a1_back a.more{color: #fff;display:inline-block;background: #00509B; line-height: 1.5; position:relative; transition: 0.6s; padding: 0.5em 2em; font-size:16px;border-radius: 2em;} .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:#00509B url('../images/Emile.svg')no-repeat center center;fill: #fff;background-size: 59%;} .contact_txt i.call1{background:#00509B url('../images/call1.svg')no-repeat center center;fill: #fff;background-size: 70%;} .contact_txt i.call2{background:#00509B url('../images/call2.svg')no-repeat center center;fill: #fff;background-size: 50%;} .contact_txt i.service{background:#00509B url('../images/service.svg')no-repeat center center;fill: #fff;background-size: 95%;} .contact_txt i.addr{background:#00509B url('../images/addr.svg')no-repeat center center;fill: #fff;background-size: 50%;} .contact_txt i.fox{background:#00509B 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;color: #555;line-height: 1.5;} .page .on, .page .cur{border-color: #00509B;color: #fff;background-color: #00509B;} .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 #00509B;color: #00509B;} @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: 5vw;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){ .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;} .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: #efefef;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;} .VideoDisplay_a1_C{width: 94%;margin: 0 auto;text-align: center;} .VideoDisplay_a1_C{margin-top: 3vw;} .VideoDisplay_a1_C video{height: auto;width: auto;max-height: 60vh;} .VideoDisplay_a1_back a.more{font-size: 3.8vw;} .dh-btn{display: block;} }