html,body {padding:0px;margin:0px; font-family:-apple-system,system-ui,"Microsoft YaHei",Arial,sans-serif; font-size:100%; color:#333; word-wrap:break-word;}
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0; list-style: none;}
a{display: inline-block; cursor: pointer; text-decoration: none; color: #000;}
.loader {background:url(../img/loader.gif) no-repeat center #fff;}
#content { width: 100%; height: 1080px; background: url(../img/bg.jpg) no-repeat;  background-size: cover; }
.top{width: 100%; height: 125px; background:url(../img/tt.png) no-repeat top center; background-size:cover;position: absolute; z-index: 10; text-align: center; font-size: 40px; color: #fff; padding-top: 15px;  font-weight:bolder; padding-bottom:10px; }
.left {width: 455px; height: 810px;  position: absolute; z-index: 6; top:100px; background: url(../img/left.png) no-repeat;  background-size: cover; }
.mac{width: 377px; height: 700px; overflow-y: auto; margin-left: 50px; margin-top: 50px;}

.europe_map{ width:389px; height:768px;    right: calc(-100% + 400px); top:10px;  }
.right_bg{ width:405px; height:810px;    right: calc(-100% + 410px); position:relative; background: url(../img/right_bg.png) no-repeat;  top:113px;  }


.box{ width: 360px; display: flex; flex-flow: wrap; justify-content: space-around;  }
.box_l{ width: 108px; overflow:hidden;  }
.box_r{width: 360px; }
.box a {width:78px; height: 108px; background: #fff; text-align: center; margin-left: 9px; float: left; display: block; margin-bottom: 10px; background: url(../img/kuang1.png) no-repeat;}
.box a span {width: 85%; height: 40px; display: block; color: #fff; font-size: 15px; font-weight: bolder; margin: 0 auto;margin-top: 20px;  }
.box a b {width: 100%; display: block; font-size: 24px; color: #FFBB00;}
.box_r a{background: url(../img/kuang2.png) no-repeat; }
.box_r a b{color: #FFE08C;}
.box_left{ justify-content: flex-start; width:110px;}
.box_pf{justify-content: space-between ;}
.box_pf .box_r{width: 264px; }
.box_pf .box_l{width: 95px; }

.aaa{ position:fixed;}



.imgCaption {
bottom:0;
left:0;
color:#fff;
opacity:.6;
background:#333;
padding:10px;
width:940px;
text-align:center;
font-size:16px;
text-transform:uppercase;
text-shadow:1px 1px 0 #111;
font-weight:bold;
}

.bubble .close {
display:block;
text-indent:-9999px;
position:absolute;
top:13px;
right:13px;
width:16px;
height:16px;
outline:none;
background:url(../img/close.png) no-repeat;
cursor:pointer;
}

.mapNav {
width:84px;
height:84px;
display: none;

}


.navBtn {
position:absolute;
background-repeat:no-repeat;
width:32px;
height:32px;
outline:none;
text-indent:-9999px;
display:block;
z-index:7px;
}


.navBtn0 {
top:0;
left:26px;
background-image:url(../img/navtop.png);
}

.navBtn1 {
top:26px;
right:0;
background-image:url(../img/navright.png);
}

.navBtn2 {
bottom:0;
left:26px;
background-image:url(../img/navbottom.png);
}

.navBtn3 {
top:26px;
left:0;
background-image:url(../img/navleft.png);
}



.point {display:block;text-indent:-9999px;width:44px;height:51px;outline:none;background:url(../img/marker.png) no-repeat; background-size:cover; cursor:pointer;}

.bubble {width:682px;height: 500px;background:url(../img/tan2.png) no-repeat;color:#fff;display: flex; flex-flow: wrap; justify-content: space-around; align-content: flex-start;
-moz-box-shadow:0 0 20px #999;
-webkit-box-shadow:0 0 20px #999;
}


.bubble h3{ color: #fff; font-size: 30px; text-align: center;width: 682px; line-height: 30px; height: 30px; margin-top: 35px; }

.photo_box{display: flex; flex-flow: wrap; justify-content: space-around;width: 533px; height: 390px; margin:auto;  margin-top: 25px; overflow-y:auto; padding:0 50px; }
.photo_c {width: 100px; height: 300px; margin:0 5px;  margin-top: 15px; display: flex; flex-flow: wrap; justify-content: center; }
.photo{ width: 100px; height: 142px; overflow: hidden; }
.photo_c h4 { line-height: 20px; font-size: 14px; width:100px; text-align:center;  }
.photo_c span { font-size: 12px;line-height: 0px; height:0px; display:none; }
.photo img{ width:100px; height:140px; overflow:hidden; object-fit: cover;}
@keyframes rotate {
  0% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
  }
  100% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
  }
}
.stars {
  transform: perspective(500px);
  transform-style: preserve-3d;
  position: absolute;
  bottom: 0;
  perspective-origin: 50% 100%;
  left: 50%;
  animation: rotate 90s infinite linear;
  z-index: 10000;
}

.star {
  width: 2px;
  height: 2px;
  background: #F7F7B6;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0 -300px;
  transform: translate3d(0, 0, -300px);
  backface-visibility: hidden;
}