@charset "utf-8";
/* CSS Document */
/*圆圈特效*/
.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color .2s ease-out;
}

.loading-anim {
  position: relative;
  width: 500px;
  height: 500px;
  margin: auto;
  perspective: 800px;
  /*transform-style: preserve-3d;
  transform: translateZ(-100px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) scale(0.5);*/
  transition: all .2s ease-out;
  z-index: 999;
  /*margin-bottom: 34rem;*/
}

.slogan{
  margin-top: 73rem;
  position: fixed;
  font-size: 4rem;
  text-align: center;
  width: 100%;
}

.loading-anim .border {
  position: absolute;
  border-radius: 50%;
}

.loading-anim .border i{
  position: absolute;
  width:8px;
  height:8px;
  border-radius:50%; 
 
}
.loading-anim .in {
  border:2px solid  #c1c1c1;
  top: 35%;
  left: 35%;
  width: 30%;
  height: 30%;
  animation: spin 5s linear infinite; 
}
.loading-anim .in i{
  top:50%;
  left:-5px;
  background:#c1c1c1;
}
.loading-anim .out1 {
  border:2px solid  #000;
  top: 30%;
  left: 30%;
  width: 40%;
  height: 40%;
  border-left-color: transparent;
  animation: spin 5s linear reverse infinite;
}
.loading-anim .out1 i:first-child {
  background: #000;
  bottom:5%;
  right:20%;
  width:15px;
  height:15px;
}
.loading-anim .out1 i:last-child {
  background: #000;
  bottom:11%;
  right:15%;
  width:10px;
  height:10px;
}
.loading-anim .out2{
  border:2px solid  #dfdfdf;
  width:52%;
  height:52%;
  left:24%;
  top: 24%;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  animation: spin 5s linear reverse infinite;
}
.loading-anim .out2 i {
  background: #000;
  top:13%;
  right:12%;
  width:15px;
  height:15px;
}
.loading-anim .out3{
  border:2px solid  #c1c1c1;
  width:58%;
  height:58%;
  left:21%;
  top: 21%;
  border-right-color: transparent;
  transform: rotate(-45deg);
  animation: spin 5s linear reverse infinite;
}
.loading-anim .out3 i:first-of-type {
  background: #c1c1c1;
  top:3%;
  left:27%;
  width:15px;
  height:15px;
}
.loading-anim .out3 i:last-of-type {
  background: #000;
  top:-1%;
  left:41%;
  width:10px;
  height:10px;
}
.loading-anim .out3 u{
  width:15px;
  height:15px;
  background: #000;
  position: absolute;
  bottom:51%;
  left:-2%;
}
.loading-anim .out4{
  border:2px solid  #c1c1c1;
  width:75%;
  height:75%;
  left:12.5%;
  top: 12.5%;
  border-left-color: transparent;
  transform: rotate(-45deg);
  animation: spin 5s linear reverse infinite;
}
.loading-anim .out4 i:first-of-type {
  background: #c1c1c1;
  top:43%;
  right:-1%;
  width:12px;
  height:12px;
}
.loading-anim .out4 i:last-of-type {
  background: #000;
  bottom:14%;
  left:13%;
  width:12px;
  height:12px;
}
.loading-anim .out5{
  border:2px solid  #c1c1c1;
  width:87%;
  height:87%;
  left:6.5%;
  top: 6.5%;
  animation: spin 5s linear reverse infinite;
}
.loading-anim .out5 i:first-of-type {
  background: #c1c1c1;
  bottom:30%;
  right:2%;
  width:18px;
  height:18px;
}
.loading-anim .out5 i:nth-of-type(2) {
  background: #000;
  top:31%;
  left:2%;
  width:15px;
  height:15px;
}
.loading-anim .out5 i:nth-of-type(3) {
  background: #000;
  bottom:26%;
  right:5%;
  width:8px;
  height:8px;
}
.loading-anim .out5 u{
  width:12px;
  height:12px;
  background:#c1c1c1;
  position: absolute;
  top:20%;
  right:8%;
}
.loading-anim .out6{
  border:2px solid  #c1c1c1;
  width:99%;
  height:99%;
  left:0.5%;
  top: 0.5%;
  animation: spin 5s linear reverse infinite;
}
.loading-anim .out6 i:first-of-type {
  background: #c1c1c1;
  top:16%;
  left:11%;
  width:15px;
  height:15px;
}
.loading-anim .out6 i:nth-of-type(2) {
  background: #000;
  top:33%;
  right:2%;
  width:8px;
  height:8px;
}
.loading-anim .out6 i:nth-of-type(3) {
  background: #000;
  bottom:24%;
  left:6.5%;
  width:8px;
  height:8px;
}
.loading-anim .out6 i:nth-of-type(4) {
  background: #c1c1c1;
  bottom:16%;
  right:12%;
  width:10px;
  height:10px;
}
.loading-anim .mid {
  top: 37.5%;
  left: 37.5%;
  width: 25%;
  height: 25%;
  background:#000;
  font-size: 2rem;
  color: #fff;
  text-align: center;
  display: flex;
  align-items:center;
  line-height:1.5;
}

.loading .loading-anim {
  transform: translateZ(0) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1);
  opacity: 1;
}

.loading .loading-overlay {
  background: rgba(255, 255, 255, 0.5);
}



@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes jitter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.7, 0.7);
  }
  50% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(1.3, 1.3);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes fade-in-out {
  0% {
    opacity: 0.8;
  }
  25% {
    opacity: 0.2;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.8;
  }
}

.privacy_text .container .wrap{
	display: block !important;
}
.privacy_text .content{
	display: block !important;
}
.privacy_text h4 {
    margin: 30px 0 15px;
    padding: 0 15px;
    font-weight: 500;
    margin:40px 0;
    font-size:18px;
}
.privacy_text p {
    line-height: 2;
    padding: 0 15px;
    text-align: left;
}

.lianjie{
    padding-left: 63px;
}

.gaiyaotb{
  border: 1px solid white;
  line-height: 5rem;
  width: 75%;
}

.gaiyaotr
{
  border: 1px solid white;

}

.gaiyaotdl
{
  border: 1px solid white;
  width: 23%;
  padding-left: 2rem;
  vertical-align: middle;
}

.gaiyaotdr{
  padding-left: 2rem;
  vertical-align: middle;
  font-size: 1.8rem;
}
.synr{
	color:#fff;
	font-weight:bold;
	overflow:hidden;
	margin:100px 0 0 0;
	padding:60px 1%;
}
/*.synr li:nth-child(3){*/
/*	margin-right:0;*/
/*}*/
.synr li{
	float:left;
	width:40%;
	margin-right:4%;
	position:relative;
	outline:1px solid #fff;
	border-radius:15px;
	padding:20px 0;
	display:flex;
	justify-content:center;
	direction:column;
	align-items:center;
	height:180px;
}
.synr li p{
	margin-bottom:0px;
	font-size:18px;
	line-height:1.6em;
}

.synr li:nth-child(3){
	margin:53px 4.5% 0 0%;
}
.synr li:nth-child(4){
	margin:53px 4.5% 0 0%;
}
/*.synr li:nth-child(3){*/
/*	margin:80px 6.5% 0 13%;*/
/*}*/
/*.synr li:nth-child(5){*/
/*	margin:80px 13% 0 6.5%;*/
/*}*/
.synr-h2{
	margin-top:60px  !important;
}