/* 重置基本样式 */
* {
  margin: 0;
  padding: 0;
  /* -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
}

em,
b {
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: 0;
  font-size: 0;
}

button,
input,
select,
textarea {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* rem root */
html {
  font-size: 100px;
}

/* 字体 */
@font-face {
  font-family: "MYingHeiPRC-W2";
  src: url("../../font/MYingHeiPRC-W2.eot");
  src: url("../../font/MYingHeiPRC-W2.eot?#font-spider") format("embedded-opentype"),
  url("../../font/MYingHeiPRC-W2.ttf") format("truetype");
}

@font-face {
  font-family: "MYingHeiPRC-W3";
  src: url("../../font/MYingHeiPRC-W3.eot");
  src: url("../../font/MYingHeiPRC-W3.eot?#font-spider") format("embedded-opentype"),
  url("../../font/MYingHeiPRC-W3.ttf") format("truetype");
}

@font-face {
  font-family: "MYingHeiPRC-W5";
  src: url("../../font/MYingHeiPRC-W5.eot");
  src: url("../../font/MYingHeiPRC-W5.eot?#font-spider") format("embedded-opentype"),
  url("../../font/MYingHeiPRC-W5.ttf") format("truetype");
}

@font-face {
  font-family: "MYingHeiPRC-W7";
  src: url("../../font/MYingHeiPRC-W7.eot");
  src: url("../../font/MYingHeiPRC-W7.eot?#font-spider") format("embedded-opentype"),
  url("../../font/MYingHeiPRC-W7.ttf") format("truetype");
}

@font-face {
  font-family: "Gilroy-Medium";
  src: url("../../font/Gilroy-Medium.eot");
  src: url("../../font/Gilroy-Medium.eot?#font-spider") format("embedded-opentype"),
  url("../../font/Gilroy-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Gilroy-Light";
  src: url("../../font/Gilroy-Light.eot");
  src: url("../../font/Gilroy-Light.eot?#font-spider") format("embedded-opentype"),
  url("../../font/Gilroy-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Gilroy-Thin";
  src: url("../../font/Gilroy-Thin.eot");
  src: url("../../font/Gilroy-Thin.eot?#font-spider") format("embedded-opentype"),
  url("../../font/Gilroy-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Gilroy-Bold";
  src: url("../../font/Gilroy-Bold.eot");
  src: url("../../font/Gilroy-Bold.eot?#font-spider") format("embedded-opentype"),
  url("../../font/Gilroy-Bold.ttf") format("truetype");
}

/* 字体大小 */
.f16 {
  font-size: 0.16rem;
}

.f17 {
  font-size: 0.17rem;
}

.f18 {
  font-size: 0.18rem;
}

.f19 {
  font-size: 0.19rem;
}

.f20 {
  font-size: 0.2rem;
}

.f21 {
  font-size: 0.21rem;
}

.f22 {
  font-size: 0.22rem;
}

.f23 {
  font-size: 0.23rem;
}

.f24 {
  font-size: 0.24rem;
}

.f25 {
  font-size: 0.25rem;
}

.f26 {
  font-size: 0.26rem;
}

.f27 {
  font-size: 0.27rem;
}

.f28 {
  font-size: 0.28rem;
}

.f29 {
  font-size: 0.29rem;
}

.f30 {
  font-size: 0.3rem;
}

.f31 {
  font-size: 0.31rem;
}

.f32 {
  font-size: 0.32rem;
}

.f33 {
  font-size: 0.33rem;
}

.f34 {
  font-size: 0.34rem;
}

.f35 {
  font-size: 0.35rem;
}

.f36 {
  font-size: 0.36rem;
}

.f37 {
  font-size: 0.37rem;
}

.f38 {
  font-size: 0.38rem;
}

.f39 {
  font-size: 0.39rem;
}

.f40 {
  font-size: 0.4rem;
}

.f41 {
  font-size: 0.41rem;
}

.f42 {
  font-size: 0.42rem;
}

.f43 {
  font-size: 0.43rem;
}

.f44 {
  font-size: 0.44rem;
}

.f45 {
  font-size: 0.45rem;
}

.f46 {
  font-size: 0.46rem;
}

.f47 {
  font-size: 0.47rem;
}

.f48 {
  font-size: 0.48rem;
}

.f49 {
  font-size: 0.49rem;
}

.f50 {
  font-size: 0.5rem;
}

.f51 {
  font-size: 0.5rem;
}

.f52 {
  font-size: 0.5rem;
}

.f53 {
  font-size: 0.5rem;
}

.f54 {
  font-size: 0.5rem;
}

/* 字体 */
.ff-w2 {
  font-family: "MYingHeiPRC-W2";
}

.ff-w3 {
  font-family: "MYingHeiPRC-W3";
}

.ff-w5 {
  font-family: "MYingHeiPRC-W5";
}

.ff-w7 {
  font-family: "MYingHeiPRC-W7";
}

.ff-b {
  font-family: "Gilroy-Bold";
}

.ff-m {
  font-family: "Gilroy-Medium";
}

.ff-l {
  font-family: "Gilroy-Light";
}

.ff-t {
  font-family: "Gilroy-Thin";
}
a[title="站长统计"]{
  display:none;
}
.banner-video{
  width:100%;position: absolute;top: 0;left: 0;height: 100%;background-color: #000;display: none;
}
/* banner next page */
.banner-next {
  position: absolute;
  bottom: 0.45rem;
  left: 50%;
  width: 0.43rem;
  height: 0.68rem;
  transform: translateX(-50%);
  overflow: hidden;
  background: url("../images/common/banner-nextpage.png") no-repeat;
  background-size: cover;
}
.banner-next:before {
  content: " ";
  width: 0.06rem;
  height: 0.14rem;
  background-color: white;
  border-radius: 0.06rem;
  position: absolute;

  left: 50.09%;
  transform: translateX(-50%);
  animation: bannerNextPage 1s infinite;
}

@keyframes bannerNextPage {
  0% {
    top: 55%;
    opacity: 1;
    display: none;
  }

  100% {
    opacity: 1;
    top: -30%;
  }
}

/* header */

header.show{
  background: rgba(1, 10, 22, 0.1);
}
.herder {
  height: 0.88rem;
  width: calc(100vw - (100vw - 100%));
  transition: all 0.5s ease-in-out;
  z-index: 999;
  position: fixed;
}
.herder:hover{
  background: rgb(1 19 38 / 60%)!important;
}

.herder .logo {
  line-height: 0.88rem;
  width: 0.8rem;
  height: 0.88rem;
  position: absolute;
  top: 0;
  left: 0.82rem;
  z-index: 10000;
  cursor: pointer;
}

.herder .logo img {
  position: absolute;
  top: 51%;
  left: 0;
  transform: translateY(-50%);
  width: 0.8rem;
}

.herder .language {
  line-height: 0.88rem;
  height: 0.88rem;
  position: absolute;
  top: 0;
  right: 0.96rem;
  color: #fff;
  font-family: "Gilroy-Medium";
  cursor: pointer;
  letter-spacing: 0.05rem;
  z-index: 10000;
}

.herder .menu {
  width: 15.1rem;
  height: 0.88rem;
  line-height: 0.88rem;
  margin-left: 1.95rem;

  font-family: "Gilroy-Medium";
  cursor: pointer;
  text-align: center;
}

.herder a{
  text-decoration: none;
  color: #fff;
  display: inline-block;

}

.herder .herder-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 0rem;
  background: rgb(1 19 38 / 80%)!important;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}

.herder .menu-item-box {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  font-size: 0;
  z-index: 999;
  height: 0.88rem;
  position: relative;
  left: 0.33rem;
}


.herder .menu-item {
  width: auto;
  height:  0.88rem;
  line-height: 0.88rem;
  padding: 0 0.3rem;
  font-size: 0.18rem;
  display: inline-block;
  color: #fff;
  vertical-align: top;
  overflow: hidden;
  transition: all 0.4s ;
  overflow: hidden;
}

.herder .menu-item.active .menu-item-title {
  color: rgb(7, 109, 216);
}

.herder .menu-item-title {
  transition: color 0.5s;
}

.herder .menu-item-ch {
  padding-bottom: 0.2rem;
}

.herder .menu-item .menu-item-ch .item {
  line-height: 0.69rem;
  transition: color 0.5s;
  display: block;
}

.herder .menu-item:hover .menu-item-title {
  transition: color 0.5s;
  color: rgb(7, 109, 216);
}


/* .herder .menu-item:nth-child(1):hover .menu-item-ch{
  display: block;
  height: 6rem;
} */

.herder .menu-item .menu-item-ch .item:hover {
  transition: color 0.5s;
  color: rgb(7, 109, 216);
}

.menu-item-about:hover{
  height: 5.2rem;
  transition: all 0.4s 0.3s;
}
.menu-item-about:hover ~ .herder-bg {
  height: 5.2rem;
  transition: all 0.5s ease-in-out;  
}
.menu-item-strategy:hover{
  height: 3.06rem;
  transition: all 0.4s 0.3s;
}
.menu-item-strategy:hover ~ .herder-bg {
  height: 3.06rem;
  transition: all 0.5s ease-in-out;  
}
.menu-item-media:hover{
  height: 2.4rem;
  transition: all 0.4s 0.3s; 
}
.menu-item-media:hover ~ .herder-bg {
  height: 2.4rem;
  transition: all 0.5s ease-in-out;  
}

/* footer */
.find {
  background: url(../images/public/find/find_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
  overflow: hidden;
}

.find-title {
  text-align: center;
  font-size: 0.42rem;
  color: #fff;
  font-weight: 400;
  font-weight: normal;
  font-size: 0.42rem;
  /* letter-spacing: 0.14rem; */
  margin-top: -7px;
  padding-bottom: 0.55rem;
  padding-top: 1.5rem;
  font-family: "Gilroy-Medium";

}

.find-box {
  width: 89%;
  /* text-align: center; */
  margin: auto;
  overflow: hidden;
  padding-bottom: 1.3rem;
  padding-left: 0.1rem;
}

.find-box a {
  display: block;
  position: relative;
  /* right: 50%; */
  width: 5.08rem;
  height: 5.08rem;
  margin: 0.28rem;
  background: url(../images/culture/banner1.jpg);
  /* background-size: 4.63rem 4.63rem; */
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat;
  font-family: "Gilroy-Light";
  float: left;
  transition: background 0.5s;
}

.find-box a p {
  position: absolute;
  bottom: 0.2rem;
  left: 0.56rem;
  /* letter-spacing: 0.03rem; */
  font-size: 0.23rem;
  color: #fff;
  font-family: "Gilroy-Medium";
}

.find-box a p::before {
  content: "";
  visibility: middle;
  display: block;
  position: absolute;
  left: -0.18rem;
  bottom: 0.05rem;
  height: 0.15rem;
  width: 0.02rem;
  background-color: #fff;
}

.find-box a:hover {
  background-size: 115% 115% !important;
}

/* find item */
/* .find-box .item1,.find-box .item2,.find-box .item3{
     background-size: cover;
   } */
.find-box .item1 {
  background: url(../images/public/find/find1.jpg);
}

.find-box .item2 {
  background: url(../images/public/find/find2.jpg);
}

.find-box .item3 {
  background: url(../images/public/find/find3.jpg);
}

/* find end */
/* 底部 */
.footer {
  position: relative;
  margin: 0px;
  padding: 0px;
  /* margin-top: .35rem; */
  padding: 1.42rem;
  background: #f1f1f1;
  font-family: "Gilroy-Light","MYingHeiPRC-W3";
}

.footer .left {
  position: absolute;
  /* top: 10px;
    bottom: 10px; */
  top: 0.58rem;
  left: 0.58rem;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

.footer .left div a,
.footer div em {
  float: left;
  margin: 0px;
  padding: 0px;
  font-size: 0.18rem;
  letter-spacing: 0.001rem;
}

.footer .left div {
  margin-top: 0.66rem;
  /* margin-left: -0.035rem; */
}

.footer div em {
  margin: 0px 0.17rem;
}

.footer .right {
  position: absolute;
  top: 0.53rem;
  /* bottom: 10px; */
  right: 0.3rem;
  text-align: right;
  margin: 0px;
  padding: 0px;
}

.footer a {
  color: #53565a;
  font-size: 0.18rem;
  font-weight: 350;
  display: inherit;
}

.footer a:hover {
  text-decoration: none;
}

.footer .left em {
  color: #53565a;
}

.footer .right p a {
  padding-top: 0.66rem;
  padding-right: 0.3rem;
  font-size: 0.18rem;
  letter-spacing: 0.1px;
}

.footer .right .link {
  /* overflow: hidden; */
  padding-right: 0.2rem;
}

.footer .right .link a {
  float: right;
}

.footer .right .link a i {
  font-size: 0.3rem;
  margin: 0rem 0.1rem;
  /* color: #353565; */
}

/* new new 819 */
/* new new 819 */
/* new new 819 */

.footer .right .link a {
  position: relative;
}

.qrbox {
  padding: 0.18rem 0.14rem;
  /* padding-bottom: .16rem; */
  opacity: 0;
  transition: all 0.5s;
  position: fixed;
  text-align: center;
  background: url(../images/public/find/codebg.png);
  background: none;
  background-size: cover;
  background-repeat: no-repeat;
  /* 使用margin定位 */
  /* top: 0px;
    left: 0px; */
}

.qrbox img {
  width: 1.62rem;
}

.qrbox p {
  font-size: 0.12rem;
  color: #fff;
}

.right .link a:nth-child(1) .qrbox {
  /* background-color: palevioletred; */
  margin-left: -0.65rem;
  margin-top: -3.57rem;
}

.right .link a:nth-child(2) .qrbox {
  /* background-color: rgb(36, 170, 130); */
  margin-left: -0.48rem;
  margin-top: -3.57rem;
}

.right .link a:nth-child(3) .qrbox {
  /* background-color: rgb(112, 131, 216); */
  margin-left: -0.36rem;
  margin-top: -3.57rem;
}

.right .link a:nth-child(4) .qrbox {
  /* background-color: rgb(216, 188, 112); */
  margin-left: -0.46rem;
  margin-top: -3.57rem;
}

.qractive {
  opacity: 1;
  /* margin-left: -50px;
    margin-top: -395px; */
}

/* new */
.footer {
  padding-bottom: 1.32rem;
}

.footer .left .logo img {
  width: 1.32rem;
  /* padding-left: 28px; */
  margin-top: -0.19rem;
}

.footer div em {
  margin: 0px 0.3rem;
}

.footer .left {
  left: 0.8rem;
}

.footer .left div {
  margin-top: 0.36rem;
}

.footer .right .link {
  padding-right: 0.44rem;
}

.footer .right p a {
  padding-top: 0.66rem;
  padding-right: 0.5rem;
}

/* center */
.footer .center{
  position: absolute;
  left: 2.52rem;
  width: 10.25rem;
  text-align: center;
  /* background: pink; */
  top: .6rem;
  display: block;
  pointer-events: none;
}
.footer .newlink{
  /* font-family: "Gilroy-Medium","MYingHeiPRC-W3"; */
  display: inline-block;
  vertical-align: top;
  margin: 0rem 0.1675rem;
  text-align: left;
  pointer-events: all;
}
.footer .newlink .title1{
  font-size: .18rem;
  color: #53565a;
  /* font-family: "Gilroy-Medium","MYingHeiPRC-W3"; */
  cursor: default;
}
.footer .newlink .hidden{
  visibility: hidden;
}
.footer .center .twonav{
  margin-left: -1.02rem;
  margin-right: .2rem;
}
.footer .newlink a{
  display: block;
  /* font-family: "Gilroy-Medium","MYingHeiPRC-W3"; */
  font-size: .16rem;
  margin: .15rem 0rem;
  color: #999999;
}
.footer .newlink a:hover{
  cursor: pointer;
}


/* new 8-19 20:15 */

footer .right .link a:hover div {
  display: block;
  opacity: 1;
}

.footer a:hover div {
  opacity: 1;
}

footer .right .link a:nth-child(1) .qrbox,
footer .right .link a:nth-child(2) .qrbox,
footer .right .link a:nth-child(3) .qrbox,
footer .right .link a:nth-child(4) .qrbox {
  margin: 0px;
  z-index: 3;
  bottom: 1.8rem;
  background: none;
  /* opacity: 1; */
  /* display: none; */
}

footer .right .link a:nth-child(4) .qrbox {
  right: 1.6rem;
}

footer .right .link a:nth-child(3) .qrbox {
  right: 1.1rem;
}

footer .right .link a:nth-child(2) .qrbox {
  right: 0.5rem;
}

footer .right .link a:nth-child(1) .qrbox {
  right: 0.05rem;
}

.qrbox p {
  display: none;
}

.footer .link a img {
  /* border: 1px solid tomato; */
  /* height: 0px; */
  /* width: 0px; */
  display: none;
  width: 1.85rem;
  transition: all 0.6s;
  z-index: 3;
}

.footer .link a:hover img {
  display: block;
  /* height: 200px; */
  position: absolute;
  right: -0.88rem;
  bottom: 0.5rem;
  /* margin-top: -309px; */
  z-index: 3;
}

.footer .link :nth-child(3) img {
  /* border: 1px solid tomato; */
  right: -0.78rem !important;
}

.footer .link :nth-child(2) img {
  /* border: 1px solid tomato; */
  right: -0.8rem !important;
}

.footer .link :nth-child(1) img {
  /* border: 1px solid tomato; */
  right: -0.72rem !important;
}

.footer .right .link {
  overflow: initial;
}

#cookie-box{
  width: 100%;
  height: 1.9rem;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #000b16;
  z-index: 999 ;
  padding: 0.4rem 0.5rem  0 0.95rem;
  font-family: "Gilroy-Light";
  font-size: 0.2rem;
  color: #fff;
  letter-spacing: 0.00rem;
  box-sizing: border-box;
  display: none;
}

.cookie-text a{
  text-decoration: underline;
  color: #fff;
}

.cookie-btn{
  background-color: #fff;
  color: #000;
  margin-top: 0.15rem;
  display: inline-block;
  width: 2rem;
  height: 0.58rem;
  text-align: center;
  line-height: 0.58rem;
  letter-spacing: 0.01rem;
  cursor: pointer;
}


#link-popup{
  width: 3.85rem;
  height: 2.22rem;
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #000b16;
  z-index: 999 ;
  padding: 0.58rem 0.2rem 0 0.20rem;
  font-family: "Gilroy-Thin";
  font-size: 0.18rem;
  color: #fff;
  box-sizing: border-box;
  /*letter-spacing: -0.3rem;*/

  display: none;
}

#link-popup a{
  text-decoration: underline;
  color: #fff;
  letter-spacing: -0.005rem;
}

.link-popup-btn{
  background-color: #fff;
  color: #000;
  margin-top: 0.22rem;
  display: inline-block;
  width: 1.42rem;
  height: 0.41rem;
  text-align: center;
  line-height: 0.41rem;
  /*letter-spacing: 0.04rem;*/
  cursor: pointer;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Gilroy-Medium";
  font-size: 0.2rem;
}
.link-popup-close{

  position: absolute;
  top: 0.12rem;
  right: 0.14rem;
}