html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,select,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-family: "Microsoft YaHei" ! important;color:#555;outline:0;-webkit-text-size-adjust:none;}
body{background:#fff;}
a,a:hover{color:#333;}
input,textarea,select,input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:none; border-radius:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
div{-webkit-user-select:none;-webkit-touch-callout:none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}

.clearfix {
  zoom: 1;}
.clearfix:after {
  content: ".";
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  overflow:hidden;}
.fl {
  float: left
;}
.fr {
  float: right
;}
.tl {
  text-align: left;}
.tc {
  text-align: center
;}
.tr {
  text-align: right;}
.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.inline{
  display: inline-block;
  *display: inline;
  *zoom: 1;}
html{ font-size:14px;}
@media screen and (min-width:300px){ html{ font-size:250%;} }
@media screen and (min-width:320px){ html{ font-size:266.66667%;} }
@media screen and (min-width:340px){ html{ font-size:283.33333%;} }
@media screen and (min-width:360px){ html{ font-size:300%;} }
@media screen and (min-width:375px){ html{ font-size:312.5%;} }
@media screen and (min-width:380px){ html{ font-size:316.66667%;} }
@media screen and (min-width:400px){ html{ font-size:333.33333%;} }
@media screen and (min-width:414px){ html{ font-size:345%;} }
@media screen and (min-width:440px){ html{ font-size:366.66667%;} }
@media screen and (min-width:480px){ html{ font-size:400%;} }
@media screen and (min-width:560px){ html{ font-size:466.66667%;} }
@media screen and (min-width:640px){ html{ font-size:533.33333%;} }
@media screen and (min-width:720px){ html{ font-size:600%;} }


html, body {
  width: 100%;
  height: 100%;}
.all {
  width: 100%;
  height: 100%;}
.loading_container{
  width: 100%;
  height: 100%;
  background-image: url(../image/bg1.jpg);
  background-size: cover;
  background-position:center center;
  background-repeat: no-repeat;
  background-color: #18283f;
  position: relative;
  overflow: hidden;}
#loading_progress {
  margin: 260px auto 0;
  position: relative;
  width: 270px;
  height: 106.5px;}
#loading_progress .loading_icon{
  position: absolute;
  width: 63.5px;
  height: 106.5px;
  margin-left: -32px;
  /* 改变 */
  left: 0%;}
#loading_progress .progress_all_line{
  width: 100%;
  height: 1.5px;
  background-color: white;
  position: absolute;
  left: 0;
  bottom: 0;}
#loading_progress .progress_line{
  height: 1.5px;
  background-color: #4A91E3;
  position: absolute;
  /* 改变 */
  width: 0%;}
.loading_container .brand_box{
  position: absolute;
  bottom: 59px;
  width: 100%;
  height: 33.5px;
  display: flex;
  justify-content: center;
  align-items: center;}
.loading_container .brand{
  width: 234px;
  height: 33.5px;}
/* 导航页 */
.nav{
  display: none;
  width: 100%;
  height: 100%;
  background-image: url(../image/bg1.jpg);
  background-size: cover;
  background-position:center center;
  background-repeat: no-repeat;
  background-color: #18283f;
  overflow: hidden;
  position: relative;}
.bg2{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../image/bg2.jpg);
  background-size: cover;
  background-position:center center;
  background-repeat: no-repeat;}
.nav_top {
  position: absolute;
  top: 30%;
  width: 100%;
  height: 224.5px;
  display: flex;
  flex-direction: column;
  align-items: center;}
.nav_name{
  margin-top: 1%;
  width: 332.5px;
  height: 125px;}
.nav_btn_container{
  position: absolute;
  /* bottom: 10%; */
  top: 65%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;}
.nav_btn_title{
  position: relative;
  width: 301px;
  height: 14px;}
.nav_btn_line{
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -2px;}
.nav_btn_title_name{
  font-size: 14px;
  line-height: 14px;
  color: white;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;}
.nav_btn_box{
  margin-top: 22.5px;
  display: flex;
  align-items: center;
  position: relative;
  cursor:pointer;
  width: 315.5px;
  height: 40px;}
/* .nav_btn_box img {
  width: 134px;
  height: 40.5px;
} */
.nav_btn {
  position: absolute;
  width: 315.5px;
  height: 40px;}
.nav_btn_box p {
  position: absolute;
  font-size: 16px;
  color: #fffffe;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 40px;}
.nav_btn_left{
  margin-right: -12px;}
.nav_btn_right{
  margin-left: -12px;}
.nav_btn_box .nav_btn_start{
  width: 300px;
  height: auto;}
/* 全景iframe */
#panorama_container{
  display: none;
  width: 100%;
  height: 100%;}