.home-weare-guanxiang {padding: clamp(30px, 2.60vw, 50px) 0; background: url('https://okki-shop.oss-accelerate.aliyuncs.com/category/53157/720/5bc9a422f145473f1155384f5f354909/index_03bg.jpg') no-repeat center center / cover;}

.home-weare-guanxiang .container {margin: 0 auto;}

.home-weare-guanxiang .wp {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}

.home-weare-guanxiang .main-href {margin-top: clamp(15px, 1.56vw, 30px); text-align: center;}

.home-weare-guanxiang .main-href a {display: inline-block; padding: 10px 40px; color: #000; font-size: clamp(14px, 0.83vw, 16px); cursor: pointer; border: 1px solid #000; border-radius: 5px;}

.home-weare-guanxiang .main-href a:hover {background: #212121; color: #fff; text-decoration: none;}

.home-weare-guanxiang .title {margin: 0 auto; text-align: center;}

.home-weare-guanxiang .title h1 a:hover, .home-weare-guanxiang .home-ourtxt h3 a:hover, .home-weare-guanxiang .title h2 a:hover {color: var(--color-primary); text-decoration: underline;}

.home-weare-guanxiang .home-wearefl {position: relative; width: 37%; height: 100%; text-align: right; background-size: 100% 70%;}

.home-weare-guanxiang .home-wearefl span {display: block; overflow: hidden; height: 100%;}

.home-weare-guanxiang .home-wearefl span::after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; display: block;}

.home-weare-guanxiang .home-wearefl span img {width: 100%; vertical-align: middle; transition: 1s all;}

.home-weare-guanxiang .home-wearefl:hover span img {-webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}

.home-weare-guanxiang .home-wearefr {width: 50%; padding-right: 20px;}

.home-weare-guanxiang .home-wearefr .title {width: 100%; text-align: left;}

.home-weare-guanxiang .home-wearefr .main-href {text-align: left;}

.home-weare-guanxiang .home-wearefltxt {position: absolute; right: 0; bottom: 50px; display: inline-block; padding: 25px; background: rgba(0,0,0,0.75); cursor: pointer;}

.home-weare-guanxiang .home-wearefltxt img {margin-left: 20px;}

.home-weare-guanxiang .home-wearefltxt p {margin-top: 0; color: #fff; font-size: 17px;}

.home-weare-guanxiang .videos-guanxiang {display: none; position: fixed; left: 0; top: 0; bottom: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); text-align: center; z-index: 999; overflow: hidden;}

.home-weare-guanxiang .videos-guanxiang #video {position: fixed; left: 10%; top: 10vh; width: 80%; height: 80vh; background: #000; z-index: 999;}

.home-weare-guanxiang .vclose {position: absolute; right: 3%; top: 5%; width: auto; cursor: pointer;}

@media screen and (max-width: 1580px) {
  .home-weare-guanxiang .home-wearefr .title {margin-top: 0px;}
  .home-weare-guanxiang p {line-height: 26px;}
}

@media screen and (max-width: 1400px) {
  .home-weare-guanxiang p {line-height: 24px;}
}

@media screen and (max-width: 1280px) {
  .home-weare-guanxiang .home-wearefltxt p {font-size: 14px;}
  .home-weare-guanxiang .home-wearefltxt {padding: 20px;}
}

@media screen and (max-width: 991px) {
  .home-weare-guanxiang .wp {gap: 20px;}
  .home-weare-guanxiang .main-href a {padding: 7px 25px;}
  .home-weare-guanxiang .main-href a:nth-child(2) {margin-left: 0; margin-top: 10px; padding: 15px 49px;}
  .home-weare-guanxiang p {margin-top: 16px;line-height: 22px;}
  .home-weare-guanxiang .title h1, .home-weare-guanxiang .title h1 a, .home-weare-guanxiang .title h2, .home-weare-guanxiang .title h2 a {
    text-align: center;
}
  .home-weare-guanxiang h3, .home-weare-guanxiang h3 a {font-size: 18px;}
  .home-weare-guanxiang .home-wearefl {width: 100%;}
  .home-weare-guanxiang .home-wearefltxt {bottom: 20px;}
  .home-weare-guanxiang .home-wearefltxt p {font-size: 12px;}
  .home-weare-guanxiang .home-wearefltxt img {width: 50px;}
  .home-weare-guanxiang .home-wearefr {width: 100%; padding-right: 0;}
  .home-weare-guanxiang .home-wearefr .title {text-align: center;}
  .home-weare-guanxiang .home-wearefr .main-href {text-align: center;}
  .home-weare-guanxiang .title {width: 100%;}
}