@charset "utf-8";
body{
    font-family: 微软雅黑,Tahoma, Geneva, sans-serif, 宋体;
    font-size: 14px;
    color:#fff;
    font-weight: normal;
    height:100%;
		min-width: 98.3125rem;
}
body::-webkit-scrollbar{width: 0;}
*{
    padding:0;
    margin:0;
}
ul,ol{
    list-style-type: none;
    outline: none;
}

a{
    text-decoration: none;
}

/* .sq_tow_screen,.sq_center_2,.sq_position,.sq_m_small,.sq_center{
    transition: all 1s;
    -webkit-transition: all 1s;
} */
.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;z-index: 1}
.section .bg img { display: block; width: 100%; height: 100%;}
.sq_menu_back{
    position: absolute;top:0;left:0;background: #2F2F2F;z-index:3;width: 100%;height:100%;opacity: 0.5
}
#fex{
	position: fixed; top: 0px; right: 20px; width: 150px; z-index: 12;
}
#fex img{
	width: 100%;
}
/* 第一页 样式 start */
.sq_menu_container{
    width:100%;
    height:100%;
    position: fixed;
    z-index: 6;
}
.page1_haed{
	  display: flex;
		align-items: center;
		justify-content: space-between;
		width: 80%; margin: 1.875rem auto;
}
.page1_haed_first{
	/* width: 8%; */
}
.page1_haed>div{
	display: flex; align-items: center; justify-content: space-between;
}
.Menu{
	width: 40%;
	min-width: 640px;
}
.Menu>div{
	padding-bottom:10px;  font-size: 18px; font-weight: bold;
	cursor: pointer; position: relative;
}
.Menu_fun_junior{
	  opacity: 0;
	  position: absolute;
    top: 35px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.animtion_junior{
	animation: Menu_fun_junior_animetion 2s forwards;
}
@keyframes Menu_fun_junior_animetion{
	0%{
		opacity: 0;
	}
	100%{
			opacity: 1;
	}
}
.Menu_fun_junior a{
	  display: block;
    padding: 5px;
    /* border-bottom: 1px solid white; */
    font-size: 18px; color: white;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    text-align: center;
}
.Menu>div>a{
	color: white;
}
.sq_center_1_hiden{
	position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;
}
.page1_haed h1{
	  color: white; margin-left: 1.25rem;
}
.anmation_down{
	position: absolute; display: flex; justify-content: center; bottom: 10px;
}
.sq_mouse{
    position: absolute;
    bottom: 3%;
    left:50%;
    margin-left:-10px;
    z-index:1;
		opacity: .5;
		animation: mouse1 1s ease-in-out infinite;
}
.onefont{
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%; display: flex;
	flex-direction: column;justify-content: space-between;
}
.onefont>div{
	text-align: center;height: 33.333%; font-size: 60px;
	display: flex; justify-content: center; align-items: center;
}
.onefontstyle{
	justify-content: space-between !important;
}
@keyframes  mouse1{
	  0%{
	  	bottom:3%;
	  }
		50%{
			bottom:3.5%;
		}
	  100%{
	  		bottom:3%;
	  }
}
.active .sq_center_1{
    animation: fontimg 1.5s ease-in-out forwards;
}
@keyframes  fontimg{
	  10%{
			opacity: 0;
			top:90%;
		}
		100%{
				opacity: 1;
				top:50%;
		}
}
.sq_center_1{
    opacity: 0;
    margin-top:-270px;
    margin-left:-225px;
}
.sq_position{
    position: absolute;
    top: 90%;
    left:50%;
    z-index: 3;
    opacity: 1;
}
/* 第一页 样式 end */

/* 第二页 样式 start */
.section2{
	 display: flex;  justify-content: center;
   align-items: center;
}
.sq_center_2{
	  width: 58.5%;
    z-index: 10;
		/* margin: 0autp; */
    /* animation: fadeInDown 0.5s forwards 1s; */
    /* -webkit-animation: fadeInDown 0.5s forwards 1s; */
		display: grid;
		grid-template-columns: auto auto auto auto;
    grid-template-rows: 243px 243px 243px;
		grid-column-gap: 14px;
    grid-row-gap: 14px;
}
.sq_center_2>div>img{
	width: 100%;
}
.section2_head{
	font-size: 2.25rem;
	transform-style: preserve-3d;
}
.item0{
	grid-column-start: 1;
	grid-column-end: 5;
	color: black;
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto auto;text-align: center;
}
.item1{
			grid-row-start: 2;
			grid-row-end: 3;
	    grid-column-start: 1;
      grid-column-end: 3;
			animation: itemimg1 12s ease-in-out 1000ms infinite forwards;
			background-image: url(https://91financial.91yueapp.cn/photo1.png);
}
@keyframes  itemimg1{
    10%{
        transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo1_1.png);
    }
		50%{
				transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo1_1.png);
		}
		60%{
				transform:  rotateY(360deg);background-image: url(https://91financial.91yueapp.cn/photo1.png);
		}
		100%{
				transform:  rotateY(360deg);background-image: url(https://91financial.91yueapp.cn/photo1.png);
		}
}
.item2{
	animation: itemimg2 12s ease-in-out 1700ms infinite forwards;
	background-image: url(https://91financial.91yueapp.cn/photo2.png);
}
.item4{
	animation: itemimg4 12s ease-in-out 1700ms infinite forwards;
	background-image: url(https://91financial.91yueapp.cn/photo4.png);
}
@keyframes  itemimg2{
    10%{
        transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo1_2.png);
    }
		50%{
				transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo1_2.png);
		}
		60%{
				transform:  rotateY(360deg);
				background-image: url(https://91financial.91yueapp.cn/photo2.png);
		}
		100%{
				transform:  rotateY(360deg);
				background-image: url(https://91financial.91yueapp.cn/photo2.png);
		}
}
@keyframes  itemimg4{
    10%{
        transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo4_2.png);
    }
		50%{
				transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo4_2.png);
		}
		60%{
				transform:  rotateY(360deg);
				background-image: url(https://91financial.91yueapp.cn/photo4.png);
		}
		100%{
				transform:  rotateY(360deg);
				background-image: url(https://91financial.91yueapp.cn/photo4.png);
		}
}
.item5{
	animation: itemimg5 12s ease-in-out 2900ms infinite forwards;
	background-image: url(https://91financial.91yueapp.cn/photo5.png);
}
@keyframes  itemimg5{
    10%{
        transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo5_2.png);
    }
		50%{
				transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo5_2.png);
		}
		60%{
				transform:  rotateY(360deg);
				background-image: url(https://91financial.91yueapp.cn/photo5.png);
		}
		100%{
				transform:  rotateY(360deg);
				background-image: url(https://91financial.91yueapp.cn/photo5.png);
		}
}
.item6{
	animation: itemimg6 12s ease-in-out 500ms infinite forwards;
	background-image: url(https://91financial.91yueapp.cn/photo6.png);
}
@keyframes  itemimg6{
    10%{
        transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo6_2.png);
    }
		50%{
				transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo6_2.png);
		}
		60%{
				transform:  rotateY(360deg);
				background-image: url(https://91financial.91yueapp.cn/photo6.png);
		}
		100%{
				transform:  rotateY(360deg);
				background-image: url(https://91financial.91yueapp.cn/photo6.png);
		}
}
@keyframes  itemimg3{
    10%{
        transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo3_2.png);
    }
		50%{
				transform:  rotateY(180deg);
				background-image: url(https://91financial.91yueapp.cn/photo3_2.png);
		}
		60%{
				transform:  rotateY(360deg);
				background-image: url(https://91financial.91yueapp.cn/photo3.png);
		}
		100%{
				transform:  rotateY(360deg);
				background-image: url(https://91financial.91yueapp.cn/photo3.png);
		}
}
.item3{
	  grid-row-start: 2;
    grid-row-end: 4;
		 grid-column-start: 4;
    grid-column-end: 4;
		animation: itemimg3 12s ease-in-out 2900ms infinite forwards;
		background-image: url(https://91financial.91yueapp.cn/photo3.png);
}

/* 第二页 样式 end */

/* 第三页 样式 start */
.sq_three_s2{
    display: flex;
		position: relative;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		z-index: 6;
}
.page3_content{
	 width: 100%;
	 color: white;
	 position: relative;
}
.page3_left{
	position: absolute; height: 100%; max-width: 21.875rem; left: 0; opacity: 0;
}
.active .page3_left{
	animation: anmeti1 3s forwards;
}
.page3_right{
	position: absolute; height: 100%; max-width: 21.875rem; right: 0;
}
.active .page3_right{
	animation: anmeti2 3s forwards;
}
.page3_itme1,.page3_itme3,.page3_itme4,.page3_itme5{
	padding-top: 60px;
	display: flex;align-items: center; flex-direction: column;
}
.page3_itme1>div,.page3_itme3>div,.page3_itme4>div,.page3_itme5>div{
	display: flex; align-items: center;
	width: 80%; font-size: 16px;letter-spacing:8px;
}
@keyframes  anmeti1{
    100%{
			opacity: 1; left: 20%;
		}
}
@keyframes  anmeti2{
    100%{
			opacity: 1; right: 20%;
		}
}
.page3_itme2{
	text-align: center;
	width: 20%;
	margin: 0 auto;
	position: relative;
}
.page3_itme3{
	/* right: 0; top: 30%; */
}
.page3_itme4{
	padding-top: 80px;
}
.page3_itme5{
	padding-top: 97px;
}
.page3_itme2>img{
	 width: 100%; height: 100%;
}
.page3_itme2>div>img{
	width: 80%; height: 100%;
}
.example{
	position: absolute; width: 100%; height: 100%;
	    display: flex;
    justify-content: center
}
/* 第三页 样式 end */

/* 第四页 样式 start */
#vidioPlay{
	background-image: url(../images/website/vediobg.jpg);
	background-size: 100%;
}
.page4_content{
	width: 100%; height: 100%; display: flex; justify-content: center;
	align-items: center;flex-direction: column;
}
.page4_head{
	text-align: center; color: black;  font-size: 2.5rem;
	font-family: serif;padding-bottom: 6.25rem;
}
.page4_nav{
	display: flex;
/* 	display: grid; width: 44%;
	grid-template-columns: 1fr 1fr 1fr;
	/* grid-template-rows: au; */
	grid-column-gap: 30px;
	grid-row-gap: 20px; 
	transition: all 3s;
}
.active_shadow{
	box-shadow: 5px 10px 30px  #888888;
}
.page4_nav>div{
	border: 1px solid gray;
	width: 260px;cursor: pointer;
}
.page4_nav>div>img{
	width: 100%;
}
.page4_nav>div:nth-child(2){
	border: none;
	}
.page4_nav>div:nth-child(2),.page4_nav>div:nth-child(3){
	margin-left: 50px;
}
.footer{
	color: black; bottom: 0;
	position: absolute; width: 100%;
}
.blogroll{
	width: 80%; display: flex; justify-content: flex-start;
	margin: 0 auto;
}
.downbtn{

}
.blogroll>div{
	padding: 0 1.25rem 0 1.25rem;
}
.Aboutus{
	width: 100%; display: flex; justify-content: center; flex-direction: column;
	align-items: center; font-size: 0.75rem;
}
/* 第四页 样式 end */
/* 第五页 样式 start */
.page5_content{
	width: 100%; height: 100%; display: flex; justify-content: center;
	align-items: center;flex-direction: column;
	position: relative;
}
.viedio_contaner{
	position: absolute; left: 0; top: 0; width: 100%;  height: 100%;
	display: flex;justify-content: center;visibility: hidden;
	align-items: center; background: rgba(0,0,0,0.8); z-index: 5;
}
.page5_head{
	padding-bottom: 6.25rem;
}
video{
	z-index: 20;
}
/* 第五页样式  end */
.sq_meun_back{
    position: absolute;
    top:0;
    left:-50%;
    height:100%;
    width:50%;
    background: #434343;
    z-index: 5;
    opacity: 0.5;
}
.sq_nav_park{
    float:left;
    display:block;
    width:15px;
    height:15px;
    border-radius:60%;
    background: #fff;
    margin-top:10px;
    opacity: 0;
}
.sq_nav_1{
    margin-top:80px;
    cursor: pointer;
    margin-left:-155%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.sq_meun_nav{
    position: absolute;
    top:5%;
    left:7%;
    z-index:5;
}
.sq_nav_left{
    margin-left:15px;
    font-size: 26px;
    font-weight: bold;
}
.sq_menu{
    position: absolute;
    top:30px;
    left:35px;
    background: none;
    cursor: pointer;
    z-index: 6;
}
.sq_menu div{
    float:left;
}
.sq_m_span span{
    width:25px;
    height:3px;
    border-radius: 6px;
    display:block;
    background: #fff;
    margin:5px 0;
}
.sq_m_meun{
    margin-top:3px;
    margin-left:10px;
    font-size: 18px;
    color:#fff;
    font-weight: bold;
}
.sq_concat{
    position: fixed;
    top:50%;
    margin-top:-94px;
    right:5%;
    z-index: 6;
}
.sq_concat_back{
    width:7px;
    height:188px;
    background: url("../images/index/youcexian.png") no-repeat;
    position: relative;
}
.sq_phone{
    position: absolute;
    top:35px;
    left:-5px;
}
.sq_qq{
    position: absolute;
    top:90px;
    left:-7px;
}
.sq_weixin{
    position: absolute;
    top:143px;
    left:-7px;
}


.active .sq_center{
    opacity: 1;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;

}

.sq_center{
    opacity: 0;
    margin-top:-205px;
    margin-left:-207px;
    animation: myrotate 5s forwards infinite linear;
    -webkit-animation: myrotate 5s forwards infinite linear;
}
@keyframes  myrotate{
   100%{
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes  myrotate{
    100%{
        -webkit-transform: rotate(-360deg);
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.sq_start{
    position: absolute;
    bottom: 10%;
    left:50%;
    z-index:3;
    margin-left:-50px;
    width: 100px;
    height: 20px;
    font-size: 18px;
    background: -webkit-gradient(linear,left top,right top,color-stop(0, #3CAF5A),color-stop(0.3, #3CAF5A),color-stop(0.5, white),color-stop(0.7, #3CAF5A),color-stop(1, #3CAF5A));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-animation: slidetounlock 4s linear infinite;
    animation: slidetounlock 4s linear infinite;
}

@-webkit-keyframes slidetounlock { 0% {background-position: -150px 0;} 80%{background-position: 100px 0;} 100% {background-position: 150px 0;}}
@keyframes slidetounlock { 0% {background-position: -150px 0;} 80%{background-position: 100px 0;} 100% {background-position: 150px 0;}}


.sq_m_small{
    position: absolute;
    top:5px;
    left:50%;
    margin-left:-1px;
    width:2px;
    height:8px;
    border-radius: 6px;
    background: #fff;
    animation: smallDown 1.5s forwards infinite;
    -webkit-animation: smallDown 1.5s forwards infinite;
}
@keyframes smallDown {
    0%{top:7px;opacity: 1;}
    50%{top:9px;opacity: 0.5;}
    100%{top:10px;opacity: 0}
}
@-webkit-keyframes smallDown {
    0%{top:7px;opacity: 1;}
    50%{top:9px;opacity: 0.5;}
    100%{top:10px;opacity: 0}
}
.sq_tow_screen{
    position: absolute;
    top:0;
    left:50%;
    opacity: 0;
    line-height: 30px;
    width:730px;
    margin-left:-365px;
    text-align: center;
    font-size: 16px;
    z-index:3;
    letter-spacing: 5px;
    animation: fadeInDown 0.5s forwards 1s;
    -webkit-animation: fadeInDown 0.5s forwards 1s;
}
.sq_center_2 .item0{
    top:25%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}

.sq_tow_msg{
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-480px;
    z-index: 3;
    width:1100px;
    text-align: center;
    cursor: pointer;
}
.sq_tow_msg ul li {
    float:left;
    margin:0 40px;
    padding-top:300px;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.active .sq_tow_msg ul .sq_li1{
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .sq_tow_msg ul .sq_li2{
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
}
.active .sq_tow_msg ul .sq_li3{
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
}
.active .sq_tow_msg ul .sq_li4{
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
}
.active .sq_tow_msg ul li{
    opacity: 1;
    padding-top:0;

}
.sq_img .sq_img_s1{
    margin-top:25px;
}

.sq_zw{
    position: absolute;
    bottom:10%;
    left:0;
    z-index: 3;
}

.sq_three{
    width:100px;
    position: absolute;
    z-index:3;
    top:20%;
    left:50%;
    margin-left:-50px;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 8px;
}
.sq_three_s1{
    width: 200px;
    margin-left: 60px;
}
.sq_three_s1_span{
    float:left;display:block;width:20px;background: #9f9f9f;height:1px;
}
.sq_three_s1_span1{
    float:left;display:block;width:50px;background: #3CAF5A;height:1px;
}

.sq_three_top{
    margin-top:15px;
}
.sq_three_s3{
    position: absolute;
    bottom: 10%;
    left: 50%;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.active .sq_three_s3{
    opacity: 1;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
}
.sq_three_all{
    width:300px;
    height:50px;
    line-height: 50px;
    border:1px #fff solid;
    text-align: center;
    color:#3CAF5A;
    margin-left:-150px;
    font-size: 18px;
    letter-spacing: 5px;
}
.sq_four{
    position: absolute;
    top:50%;
    left:50%;
    z-index: 3;
    margin-left:-187px;
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 0;
}
.active .sq_four{
    opacity: 1;
    transition-delay:0.5s;
    -webkit-transition-delay: 0.5s;
}
.sq_four2{
    position: absolute;
    bottom:10%;
    left:50%;
    z-index:3;
    margin-left:-30px;
}
.sq_four_all{
    position: absolute;
    top:0;
    left:50%;
    margin-left:-155px;
    margin-top:20px;
    z-index:3;
    color:#fff;
    letter-spacing: 5px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 0;
}
.active .sq_four_all{
    opacity: 1;
    top:50%;
    transition-delay:1s;
    -webkit-transition-delay: 1s;
}
.sq_z_left{
    position: absolute;top:38%;;left:0;opacity: 0;
}
.sq_z_right{
    position: absolute;top:49%;;right:0;opacity: 0;
}
.sq_z_back{
    position: absolute;top:0;left:0;width:270px;height:220px;background: #7bc91e;opacity: 0;
}