﻿/*基本样式*/
*{margin:0;padding:0;border:0;}
li{list-style:none;}
a{text-decoration: none;}

/*测试*/
.test{border:solid;}

/*&#51;&#54;&#53;&#29992;&#33521;&#35821;&#24590;&#20040;&#32763;&#35793;&#95;&#66;&#69;&#84;&#20307;&#32946;&#51;&#54;&#53;&#25237;&#27880;&#23448;&#32593;&#95;&#51;&#54;&#53;&#25171;&#27700;&#36134;&#21495;&#24590;&#20040;&#38450;&#27490;&#23553;&#21495;模块*/
.top-banner {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;z-index: 9999;}
video{ width: 100%;  height: 100%;object-fit: cover;}

#passvideo{position:absolute;display: block;bottom:50px;left:47%;padding: 5px 10px; font-size: 16px; color: #333;border-radius: 6px;background: #ccc; cursor: pointer;z-index: 9999;}
.passvideo{position:absolute;display: block;bottom:50px;left:47%;padding: 5px 10px; font-size: 16px; color: #333;border-radius: 6px;background: #ccc; cursor: pointer;z-index: 9999;}
.voice{width: 70px;height: 70px;background: url(../img/icon-muted.png) center center no-repeat;background-size: contain; position: fixed;top: 50px;left:50px;z-index: 1000;cursor: pointer;transition: all linear .25s;}
.voice.muted{background: url(../img/icon-voice.png) center center no-repeat;background-size: contain; }


/*特殊样式*/
.p-all{position:fixed;width: 100vw;height: 100vh; overflow: hidden; margin:0 auto;padding: 0; background-image:url(../img/bg.png); background-size: cover; background-position: bottom; background-repeat: no-repeat;}
.logo{width: 60vw;height: 30vh;margin-top: 8vh;margin-left: 31vw;display: -webkit-flex;display: flex;justify-content: center;align-items: center;}
.logo img{width: 60vw;}
.p-index{z-index: 888; width: 100vw; height: 100vh; -webkit-animation: fadeInUp 0.5s ease-in 2s both; -o-animation:fadeInUp  1s ease-in 2s both ; animation: fadeInUp 0.5s ease-in 2s both;}
/* .p-index{z-index: 888; position: absolute; display:block;width: 1220px; height: 384px; -webkit-animation: fadeInUp 0.5s ease-in 2s both; -o-animation:fadeInUp  1s ease-in 2s both ; animation: fadeInUp 0.5s ease-in 2s both;border-radius: 20px;} */
/* .p-titles{display: -webkit-flex;display: flex;justify-content: center;flex-direction: row;width: 90%;height: 30vh;margin-top: 20vh;} */
.p-titles{margin-top: 23vh;display: -webkit-flex;display: flex;justify-content: center;margin-bottom: 10vh;width: 100vw;height: 35vh;justify-content: center;align-items: center;}
.title-content{width: 18vw;height: 31vh;display: -webkit-flex;display: flex;justify-content: center;align-items: center;}
.p-titles div:nth-child(2){margin-top: -25vh;}
.p-titles div:nth-child(4){margin-top: -25vh;}
.p-index .p-titles img{
	width: 18vw;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    -ms-transition: -ms-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transform: rotate(0) scale(1,1);
}

/*向左转动动画效果*/
.p-index .p-titles img:hover {
    -moz-transform: scale(1.225);
    -webkit-transform: scale(1.225);
    -ms-transform: scale(1.225);
    transform: scale(1.225);
    transform: rotate(-5deg) scale(1.1,1.1);
}


/*底部*/
.p-logo{position: absolute;z-index: 999;top:95%;margin-top:10px;left:30%;}
