@media screen and (max-width: 760px) {
 img.banner {
  height: 300px;
  object-fit: cover;
 }

 .about {
  padding: 20px 0 0 !important;
 }

 .about .content {
  width: 100% !important;
  display: block !important;
  padding: 0 20px !important;
  box-sizing: border-box;
 }
 .about .content>div:nth-child(1) {
  margin-right: 0 !important;
 }
 .about .content>div:nth-child(1)>div>p:nth-child(1) {
  color: #333  !important;
  white-space: nowrap  !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 22.4px !important;

 }
 #about-us-tag > div.content > div:nth-child(1) > p:nth-child(2) {
  margin-top: 20px !important;
 }
 .about .content>div:nth-child(1)>div>p:nth-child(2) {
  display: none !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 20px !important;

 }


 .about .content>div:nth-child(2) {
  width: 100% !important;
  height: 200px !important;
  padding: 30px 0 !important;
 }

 .about .content>div:nth-child(2)  video {
  width: 100% !important;
  height: auto !important;
 }

 #about-us-tag {
  margin-bottom: 0px !important;
 }

 body > div.data {
  width: 100% !important;
  padding: 20px !important;
flex-wrap: wrap;
 }

 body > div.data > div.item {
  width: calc(50% - 30px)  !important;
  margin-top: 20px;
 }
 .data .item:not(:first-child) {
  margin-left: 0 !important;
}
 body > div.data > div.item:nth-child(2n) {
  margin-left:  20px !important;
 }
 #service-tag > div:nth-child(1) > p.title_word {
  padding-top: 30px !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 30px !important;
color: #333 !important;
 }
 #service-tag > div:nth-child(1) > p.title {
font-size: 12px !important;
font-weight: 400 !important;
line-height: 20px !important;
color: #D4A87B !important;
 }
 #service-tag > div:nth-child(1) > div {
  display:  none !important;
 }
 #service-tag {
  padding: 20px !important;
 }
 #service-tag > div.service-nav {
  display: none !important;
 }

 #service-tag > div.service-panel {
  width: 100% !important;
 }
 #service-tag > div.service-panel > .panel-item {
  width: 100% !important;
  display: block !important;
 }

 #service-tag > div.service-panel > .panel-item  > img {
  display: none !important;
 }

 .service-panel .panel-item {
  padding: 10px 0 !important;
 }
 .service-panel .panel-item:not(:last-child) {
  border-bottom: 1px solid #c6c6c6 !important;

 }
 .service-panel .panel-item > div > a {
  display: none !important;
 }

 .service-panel .panel-item > div {
  position:  relative !important;
  padding-left: 50px !important;
  margin-left: 5px;
 }
 .service-panel .panel-item > div::before  {
  content: '';
  width: 40px;
  height: 40px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 1px solid #333;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 50% 50%;
  background-position-x: 10px ;
  background-position-y: 10px;
 }
 .service-panel .panel-item > div > p::before {
  display: block;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
color:#333;
margin-bottom: 10px;
font-weight: bold;
 }
 #service-panel-1 > div::before {
  background-image: url("/static/image/index-1.svg");
 }
 #service-panel-2 > div::before {
  background-image: url("/static/image/index-2.svg");
 }
 #service-panel-3 > div::before {
  background-image: url("/static/image/index-3.svg");
 }
 #service-panel-4 > div::before {
  background-image: url("/static/image/index-4.svg");
 }

 #service-panel-1 > div > p::before {
  content: "勞務外判";
 }
 #service-panel-2 > div > p::before {
  content: "人事服務外判";
 }
 #service-panel-3 > div > p::before {
  content: "招聘服務外判";
 }
 #service-panel-4 > div > p::before {
  content: "商用及其他服務";
 }

 #service-tag{
  margin-bottom:  0 !important;
 }

 body > div:nth-child(14) {
  display: none !important;
 }


 #ys-tag {
  padding: 20px !important;
 }

 #ys-tag > div:nth-child(1) {
font-size: 18px !important;
font-weight: 400 !important;
line-height: 30px !important;
text-align: center !important;

 }

 #ys-tag > div:nth-child(2) {
font-size: 12px !important;
font-weight: 400;
line-height: 20px !important;

 }
 #ys-tag > div:nth-child(3) {
  display: none !important;
 }

 #ys-tag > div.fwys {
  width: 100% !important;
  padding: 0px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
 }
 #ys-tag > div.fwys > div {
  width: calc(50% - 3px) !important;
  margin-top: 20px !important;
 }
 #ys-tag > div.fwys > div > div {
  white-space: nowrap !important;
 }


 #network-tag > div:nth-child(1) {
font-size: 18px !important;
line-height: 30px !important;
color:#333 !important;
 }
 #network-tag > div:nth-child(2) {
  font-family: PingFang SC !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 20px !important;
letter-spacing: 0.30000001192092896px !important;
color: #D4A87B !important;

 }
 #network-tag {
  padding: 20px !important;
 }
 #network-tag > div:nth-child(4) {
  width: 100% !important;
  display: block !important;
  margin-top: 20px !important;
 }
 #network-tag > div:nth-child(3) {
  display: none !important;
 }
 #network-tag > div:nth-child(4) > div:nth-child(1) > img {
  width:  100% !important;
  height: auto !important;
 }
 #network-tag > div:nth-child(4) > div:nth-child(1) > div {
  width:  100% !important;
 }
 #network-tag > div:nth-child(4) > div:nth-child(2){
  width: 100% !important;
  margin-left:  0 !important;
 }
 #network-tag > div:nth-child(4) > div:nth-child(2) > img {
  width: 100% !important;
  height: auto !important;
 }


 body > div:nth-child(16) > div {
  padding: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
 }
 #citypicker1 {
  width: 100% !important;
  display: block !important;
 }
 #provinceselector {
  width: 100% !important;
  display: block !important;
 }
 #cityselector {
  
  width: 100% !important;
  display: block !important;
  margin-top: 16px;
  margin-left: 0 !important;
 }

 #citypicker1 > button {
  width: 100% !important;
height: 50px !important;
border-radius: 30px !important;
margin: 20px 0 0 0 !important;
 }

 #gsCOntainer {
  width: 100% !important;
 }
 #gsList > div {
  width: 100% !important;
  margin: 0 !important;
 }
 #gsCOntainer > p {
  line-height: 50px !important;
 }

 #company-tag {
  margin: 0 !important;
  padding: 20px !important;
 }
 #company-tag > div:nth-child(1) {
font-size: 18px !important;
line-height: 30px  !important;
 }
 #company-tag > div:nth-child(2) {
  font-size: 12px !important;
  line-height: 20px !important;
  margin-top: 5px !important;
  
 }
 #company-tag > div:nth-child(3) {
  display:  none !important;
 }
 #company-tag > div:nth-child(4) {
  width:  100% !important;
  height: auto !important;
  margin-top: 20px !important; 
 }

 #ry-tag > div:nth-child(1) {
font-size: 20px !important;
font-weight: 400;
line-height: 30px  !important;

 }

 #ry-tag > div:nth-child(2)  > svg {
 width: 50px !important;
 height: auto !important;
 }

 #ry-tag {
  padding: 20px 0 !important;
 }

 #rpyc-cont {
  width: 100% !important;
 }

 #news-tag > div:nth-child(1) {
  
font-size: 20px !important;
font-weight: 400;
line-height: 30px  !important;
 }
 #news-tag > div:nth-child(2) > svg{
  width: 50px !important;
  height: auto !important;
 }

 body > div.news > div{
  width: 100% !important;
 }
 #indexHotNewList{
  width: 100% !important;
 }

 #indexHotNewList > div{
  width: 100% !important;
 }
 #indexHotNewList > div > a{
  width: 100% !important;
 }
 #indexHotNewList > div:nth-child(1) > a > img {
  display: block !important;
 }
 #indexHotNewList > div:nth-child(2) > a > img {
  display: none !important;
 }
 #indexHotNewList > div > a > img{
  width: 100% !important;
 }
 #indexHotNewList > div:nth-child(2) > a > div {
  position: static !important;
 }
 #indexHotNewList > div:nth-child(2) > a > div {
  background: #fff !important;
  padding: 0  !important;
 }
 #indexHotNewList > div:nth-child(2) > a > div > p.title{ 
  color: #333 !important;
 }
 #indexHotNewList > div:nth-child(2) > a > div > p:nth-child(2) {
  color: #333 !important;
 }
 #indexHotNewList > div{
  margin: 0 !important;
 }
 #indexHotNewList > div> a > div {
  padding: 0 20px !important;

 }
 #indexHotNewList > div > a {
  box-sizing: border-box !important;
  border-bottom: 1px solid #f2f2f2 !important;
 }
 #indexHotNewList > div:nth-child(1) > a > div {
  width: 100% !important;
  box-sizing: border-box !important;
 }
 #indexHotNewList > div:nth-child(2) > a > div {
  padding : 0 20px !important;
 }
 #indexHotNewList > div > a > div > p:nth-child(2) {
  width: 350px !important;
 }

 body > div.news > div {
  min-height: 0px !important;
 }

 #indexHotNewList > div:nth-child(1) > a > img {
  width: 100% !important;
  height: auto !important;
 }


 .banner {
  display: none !important;
 }

 .banner-h5 {
  display: block !important;
  position: relative ;
 }

 .banner-h5 > img {
  display: block !important;
 }

 .banner-h5 .banner-h5-text {
position: absolute ;
bottom: 30px ;
left:  50%;
transform: translateX(-50%);
 }


 #hisleft {
  display: none !important;
 }
 #hisright {
  display: none !important;
 }
 #rpyc-cont {
  padding: 50px 0 !important;
  background: #f5f8fc !important;
 }


 #swiper-button > div.swiper-wrapper.bar {
  min-width:  0 !important;
  background-image: none !important;
 }

 #rpyc-cont {
  width: 150vw !important;
  margin-left: -25vw !important;
 }


 #service-tag > div:nth-child(1) > p.title_word {
  font-weight: bold !important;
 }

 #network-tag > div:nth-child(4) > div:nth-child(1) > div > p,
 #network-tag > div:nth-child(4) > div:nth-child(2) > div > p {
font-size: 14px !important;
line-height: 25px !important;
 }


 
 #company-tag > div:nth-child(4) > img:nth-child(1) {
  display: none !important;
}
#company-tag > div:nth-child(4) > img:nth-child(2) {
  display: block !important;
}


#lookmorehzdw {
  width: fit-content !important;
  display: block !important;
  margin: 20px auto !important;
  margin-bottom: 0 !important;
}
}