@charset "utf-8";
@font-face {
  font-family: "pmzd";
  src: url("../font/PangMenZhengDao.ttf");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "DS-DIGIB-2";
  src: url("../font/DS-DIGIB-2.ttf");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "MiSans-regular";
  src: url("../font/MiSans-Regular.ttf");
}

@font-face {
  font-family: "MiSans-Bold";
  src: url("../font/MiSans-Bold.ttf");
}

@font-face {
  font-family: "bahnschrift";
  src: url("../font/bahnschrift.ttf");
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
    line-height: 1.15;
    user-select: none;
    -webkit-user-select: none;
}
html{overflow:hidden;}
body{background:#071d4e;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
li{list-style:none;}
img{vertical-align:middle;border:none;image-rendering:-webkit-optimize-contrast;}
.clear{
    clear:both;
}
.clearfix:after{content:"";display:block;height:0;visibility:hidden;clear:both;}
.fl{
	float: left;
}
.fr{
	float: right;
}
.wow {
   visibility: hidden;
}
/*scroll*/
::-webkit-scrollbar{width:0px;height:0px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track{background-color:#ccc;}
::-webkit-scrollbar-thumb{border-radius:0;background-color:#016EC5;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#016EC5;}
::-webkit-scrollbar-thumb:vertical:active{background-color:#016EC5;}
.flex{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.img-bg{background-size:cover;background-repeat:no-repeat;background-position:center;}
.main-color-bg{background-color:var(--main-color);}
.white-bg{background-color:#ffffff;}
.wcolor{color:#ffffff;}
.main-color{color:var(--main-color);}
.color999{color:#999999;}
.color666{color:#666666;}
@keyframes opacity1{
	from{opacity:1;}
	to{opacity:.2;}
}
@keyframes c1{
	from{transform:rotate(0);}
	to{transform:rotate(360deg);}
}
:root{--main-color:#ff6e01;--opa06-color:rgba(253,109,1,.6);}
.main{
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    z-index: 1;
    background-color: transparent;
    background-image: url(../image/pagebg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#canvas{
    height: 100%;
    width:100%;
    position: absolute;
    z-index:0;
    top:0;
}
.page-title{
    position: relative;
    background-image: url(../image/titlebg.png);
    height:188px;
    width:2210px;
    left: 0;
    top:0;
    font-size: 96px;
    color: #fff;
    padding-left:185px;
    padding-top: 70px;
    font-family: "pmzd";
    display: block;
}
.page-title span{
    background-image: linear-gradient(#fff,#9ed5f1);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}
.page-title:after {
    content: "";
    background-color: hsla(0, 0%, 100%, .1);
    height: 188px;
    width: 3em;
    display: block;
    position: absolute;
    bottom: 0;
    left: -100%;
    animation: m1 5s infinite;
}

.page-time{
    font-size: 80px;
    color:#fff;
    font-weight: 800;
    font-family: "DS-DIGIB-2";
    padding-top: 75px;
    margin-right:250px;
}
.page-time span{
    font-size: 72px;
    font-family: "pmzd";
    padding-left:50px; 
    font-weight: 400;
}
.quxiantitle{
    transform: translate(-40px,-5px);
}