*{margin: 0;padding: 0;border: 0;list-style: none;}
a,a:hover{text-decoration: none;-webkit-transition: all 0.45s;-ms-transition: all 0.45s;-moz-transition: all 0.45s;transition: all 0.45s;}
.allclear{ clear: both;}

body{width: 100%;font-size: 12px;font-family: Arial, Helvetica, sans-serif;min-width: 1200px;background-color: #1b1b1b;}
.wrap{position: relative;width: 100%;height: 1080px;overflow: hidden;}
.bg{position: absolute;top:0;left: 50%;width: 1920px;margin-left: -960px;}
.bg img{display: block;width: 100%;}
.main{position: relative;width: 1200px;margin: 0 auto;}
.post{position: absolute;}
.logo{top: 180px;left: 110px;}
.intro{top: 416px;left: 110px; width: 600px;font-size: 30px;line-height: 40px;color: #fff;}
.contact{top: 720px;left: 110px;width: 600px;font-size: 30px;color: #f3d432;font-weight: bold;line-height: 60px;}
.email{position: relative;display: inline-block;margin-left: 8px; font-size: 24px;font-weight: normal; line-height: 30px;color: #fff;vertical-align: 15px;}
.email::after{content: "";position: absolute;left: 0; bottom: -7px;width: 100%;height: 3px;background-color: #fff;}
footer{position: absolute;top: 1030px;left: 0;width: 100%; text-align: center;color: #4f9aff;font-size: 18px;}



@media screen and (max-width: 1800px) {
  .wrap { height: 1037px; }
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.96);transform: perspective(1px) scale(0.96); -webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
  .bg,.main{ -webkit-transform-origin: center 0px;transform-origin: center 0px; }
}
@media screen and (max-width: 1700px) {
  .wrap { height: 994px; }
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.92);transform: perspective(1px) scale(0.92); }
}
@media screen and (max-width: 1600px) {
  .wrap { height: 951px; }
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.88);transform: perspective(1px) scale(0.88); }
}
@media screen and (max-width: 1500px) {
  .wrap{ height: 908px; }
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.84);transform: perspective(1px) scale(0.84); }
}
@media screen and (max-width: 1400px) {
  .wrap{ height: 865px; }
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.8);transform: perspective(1px) scale(0.8); }
}
@media screen and (max-width: 1300px) {
  .wrap { height: 822px; }
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.76);transform: perspective(1px) scale(0.76); }
}