.banner_box {width: 100%;display: flex;position: absolute;top: 100px;color: #FFFFFF;height: 550px;}
.banner_box .left3 {width: 50%;height: 100%;display: flex;justify-content: center;flex-direction: column;margin-left: 140px;opacity: 0;}
.banner_box .left3 img {position: absolute;top: -25px;left: 85px;}	
.banner_box .right3 {width: 50%;height: 100%;display: flex;align-items: center;padding: 0px 90px 0 50px;}
.banner_box .right3 img {position: relative;}

.view1 {position: relative;}
.view1 .container_box1 {position: absolute;top: 200px;left: 140px;color: #FFFFFF;display: flex;flex-direction: column;}
.view1 .container_box1 .view_box1 {margin-bottom: 65px;}
.view1 .container_box1 .view_box1 img {margin-right: 35px;width: 200px;height: 124px;}
.view1 .container_box1 .a_box1 a {padding: 5px 35px;font-size: 16px;color: #FFFFFF;}
.view1 .container_box1 .style1 {position: relative;right: 300px;opacity: 0;}
.view1_mask {position: fixed;top: 0px;left: 0px;height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;z-index: 4;flex-direction: column;display: none;}
.view1_mask video {display: none;}

.view2 {position: relative;}
.view2 .container_box2 {position: absolute;top: 220px;right: 160px;color: #3d4359;display: flex;flex-direction: column;align-items: flex-end;}
.view2 .container_box2 .a_box2 a {padding: 5px 35px;font-size: 16px;}
.view2 .container_box2 .style2 {position: relative;left: 300px;opacity: 0;}

.view3 {position: relative;}
.view3 .container_box3 {position: absolute;top: 200px;left: 140px;color: #FFFFFF;display: flex;flex-direction: column;z-index: 10;}
.view3 .container_box3 .a_box3 a {padding: 5px 35px;font-size: 16px;color: #FFFFFF;}
.view3 .container_box3 .style3 {position: relative;right: 300px;opacity: 0;}
.view3 .ip {position: absolute;right: 5%;top: 5%;object-fit: contain;width: 30%;}
.view3 .logo2 {position: absolute;right: 35%;top: 5%;object-fit: contain;width: 30%;}

.view4 {position: relative;}
.view4 .container_box4 {position: absolute;top: 80px;color: #3d4359;display: flex;width: 100%;justify-content: center;margin-left: -50px;}
.view4 .style4 {position: relative;bottom: 200px;opacity: 0;}

.view5 {padding: 70px 240px;background-color: #f8f8f8;}
.view5 .container_box5 {padding: 60px 45px;background-color: #FFFFFF;display: flex;flex-direction: column;}
.view5 .container_box5 p {font-size: 16px;}

.view1 img,.view2 img,.view3 img,.view4 img{width: 100%;height: 100%;}
.view1_mask {z-index: 13;}
.view1_mask img {position: absolute;top: 2%;right: 2%;width: 35px;}
.view1_mask video {width: 100%;}
/* 留言模块 */
.breadcrumb-banner-area:after {background-color: transparent !important;}
.foot_sub{color: #FFFFFF;}
.swiper-container1 {
	     width: auto;
	     height: 480px;
			 position: relative;
			 top: 37px;
			 overflow: hidden;
	 } 
.submit_succes,
.submit_flase {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 80px;
	margin-left: -100px;
	margin-top: -40px;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	border-radius: 5px;
	display: none;
}
.submit_succes img,
.submit_flase img {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin-right: 10px;
}

/* 动画 */
.anima
{
    animation: anima 2s;
    -webkit-animation: anima 2s; /* Safari 与 Chrome */
		animation-fill-mode:forwards;
		-webkit-animation-fill-mode: forwards; /* Safari 与 Chrome */
		animation-iteration-count:1;
		-webkit-animation-iteration-count:1;
}
@keyframes anima
{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
 
@-webkit-keyframes anima /* Safari 与 Chrome */
{
    0% {opacity: 0;}
   100% {opacity: 1;}
}
.anima1
{
    animation: anima1 2s;
    -webkit-animation: anima1 2s; /* Safari 与 Chrome */
		animation-fill-mode:forwards;
		-webkit-animation-fill-mode: forwards; /* Safari 与 Chrome */
		animation-iteration-count:1;
		-webkit-animation-iteration-count:1;
}
@keyframes anima1
{
    0% {opacity: 0;right: 300px;}
    100% {opacity: 1;right: 0px;}
}
 
@-webkit-keyframes anima1 /* Safari 与 Chrome */
{
    0% {opacity: 0;right: 300px;}
   100% {opacity: 1;right: 0px;}
}
.anima2
{
    animation: anima2 2s;
    -webkit-animation: anima2 2s; /* Safari 与 Chrome */
		animation-fill-mode:forwards;
		-webkit-animation-fill-mode: forwards; /* Safari 与 Chrome */
		animation-iteration-count:1;
		-webkit-animation-iteration-count:1;
}
@keyframes anima2
{
    0% {opacity: 0;left: 300px;}
    100% {opacity: 1;left: 0px;}
}
 
@-webkit-keyframes anima2 /* Safari 与 Chrome */
{
    0% {opacity: 0;left: 300px;}
   100% {opacity: 1;left: 0px;}
}
.anima3
{
    animation: anima3 2s;
    -webkit-animation: anima3 2s; /* Safari 与 Chrome */
		animation-fill-mode:forwards;
		-webkit-animation-fill-mode: forwards; /* Safari 与 Chrome */
		animation-iteration-count:1;
		-webkit-animation-iteration-count:1;
}
@keyframes anima3
{
    0% {opacity: 0;right: 300px;}
    100% {opacity: 1;right: 0px;}
}
 
@-webkit-keyframes anima3 /* Safari 与 Chrome */
{
    0% {opacity: 0;right: 300px;}
   100% {opacity: 1;right: 0px;}
}
.anima4
{
    animation: anima4 2s;
    -webkit-animation: anima4 2s; /* Safari 与 Chrome */
		animation-fill-mode:forwards;
		-webkit-animation-fill-mode: forwards; /* Safari 与 Chrome */
		animation-iteration-count:1;
		-webkit-animation-iteration-count:1;
}
@keyframes anima4
{
    0% {opacity: 0;bottom: 200px;}
    100% {opacity: 1;bottom: 0px;}
}
 
@-webkit-keyframes anima4 /* Safari 与 Chrome */
{
    0% {opacity: 0;bottom: 200px;}
   100% {opacity: 1;bottom: 0px;}
}