video#bgvid  {
   position: absolute;
   top: 50%; left: 50%;
   transform: translate(-50%, -50%);
   object-fit: cover;
   height: 100%; width: 100%;
}
.wrap {
 overflow: hidden;
 width: 100%;
 height: 100%;
}
.main {
 position: relative;
 width: 100%;
 height: 100%;
}
@font-face {
 font-family: 'LiSu';
 src: url(/Content/Areas/Common/images/logo/LiSu.ttf);
 
} 
.duanyu , .navmenu a{
 font-family: 'LiSu'; 
}
.indexbox {
 width: 100%;
 height: auto;
 position: fixed;
 top: 32%;
}
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.main_content1 {
  overflow: hidden;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}
.linequxian{
 transition: all 1.5s;
 width: 100%;
 height: 132px;
 background: url(/Sites/Uploaded/UserUpLoad/20190904/20190904103532.png) no-repeat center center;
 opacity: 1;
}

ul.navmenu {
 position: absolute;
 width: 1000px;
 height: 400px;
 /* background: url(/Sites/Uploaded/UserUpLoad/20190904/20190904103532.png) no-repeat center center; */
 /* background-size: contain; */
 left: 50%;
 margin-left: -500px;
 top: -80px;
}
ul.navmenu li {
 position: absolute;
 top: 40%;
 transform: scale(2);
 opacity: 0;
 transition: all 1s;
}
ul.navmenu li a {
 display: block;
 font-size: 30px;
 width: 35px;
 text-align: center;

}
ul.navmenu li:nth-child(1){right: 7%;top: 50%;}
ul.navmenu li:nth-child(2){
 top: 31%;
 right: 30%;
}
ul.navmenu li:nth-child(3){
 right: 50%;
 top: 20%;
}
ul.navmenu li:nth-child(4){
 right: 70%;
 top: 33%;
}
ul.navmenu li:nth-child(5){
 right: 90%;
 top: 43%;
}
ul.navmenu li i{
 display: block;
 width: 16px;
 margin: 0 auto;
 height: 16px;
 background: url(/Sites/Uploaded/UserUpLoad/20190904/20190904105100.png);
 margin-bottom: 20px;
}
ul.navmenu li:hover i{
 background: url(/Sites/Uploaded/UserUpLoad/20190904/20190904131619.png); 
}
ul.navmenu li:hover a{
 color: #790c0c; 
}
ul.navmenu li:hover span{
 color: #790c0c; 
}
span.duanyu {
 display: block;
 width: 20px;
 position: absolute;
 left: -25px;
 top: 60px;
 font-size: 20px;
 font-weight: bold;
}

em.douhao {
 display: block;
 text-align: center;
 box-sizing: border-box;
}



/*¶¯»­*/




@keyframes mymove{

 0% {
  transform: scale(2);
  opacity: 0;
 }
/* 25%  {
  transform: scale(1.5);
  opacity: 0.3;
 }
 50%  {
  transform: scale(1.2);
  opacity: 0.6;
 }*/
 100% {
  transform: scale(1);
  opacity: 1;
 } 
}
 
ul.navmenu li:nth-child(1){
 animation: mymove 1.5s ease forwards 0s normal;
}

ul.navmenu li:nth-child(2){
 animation: mymove 1.5s ease forwards 0.5s normal;
}

ul.navmenu li:nth-child(3){
 animation: mymove 1.5s ease forwards 1s normal;
}

ul.navmenu li:nth-child(4){
 animation: mymove 1.5s ease forwards 1.5s normal;
}

ul.navmenu li:nth-child(5){
 animation: mymove 1.5s ease forwards 2s normal;
}


@keyframes linemove{
 0% {
 opacity: 0;
 }
 25%  {
    opacity: 0.2;
 }
 50%  {
    opacity: 0.4;
 }
 75%  {
    opacity: 0.7;
 } 
 100% {
  opacity: 1;
 }  
}

.linequxian{
 animation: linemove 1s ease forwards 0s normal;
}






@media only screen and (max-width: 1366px){

}
@media only screen and (max-width: 768px){
 span.duanyu{
 display: none;
 }
ul.navmenu li {
 position: absolute;
 top: 0 !important;
 transform: scale(2);
 opacity: 0;
 transition: all 1s;
}
ul.navmenu{
 width: 100%;
 left: 0;
 margin-left: 0;
 top: 0;
 margin-top: 80px;
}
.linequxian{
 display: none;
}
.indexbox{
 width: 100%;
}



}