.lb_ppt1{
	width: 100%;
	height: auto;
	min-height: 800px;
	background: url(../images/ppt_1.png) center center;
	background-size: cover;
	color: #55B9BE;
	padding-top: 160px;
	position: relative;
}
.lb_ppt1_box{
	position: absolute;
	width: 250px;
	top: 25%;
	right: 20%;
	opacity:0;
	transition: all 1s;
}
.ppt1_02{
	position: absolute;
	width: 0;
	top: 14%;
	left: 30%;
	max-width: 760px;
	min-width: 320px;
	transition: all 1s;	
}

.ppt1_01{
	position: absolute;
	width: 0;
	max-width: 480px;
	min-width: 220px;
	top: 32%;
	left: 25%;
	opacity:0;
}

.lb_ppt2{
	width: 100%;
	height: auto;
	min-height: 800px;
	background: url(../images/ppt_2.png) center center;
	background-size: cover;
	color: #55B9BE;
	padding-top: 160px;
	position: relative;
}
.lb_ppt2_box{
	width: 50%;
	padding-left: 25%;
	margin-top: 100px;
	opacity: 0;
	transition: all 1s;
}
.ppt_2_1{
	position: absolute;
	width: 32%;
	max-width: 430px;
	min-width: 140px;
	left: 55%;
	top: 25%;
	opacity: 0;
	-webkit-animation:ppt_2_1 2s infinite;
	animation:ppt_2_1 2s infinite;
}
@-webkit-keyframes ppt_2_1 {
0% {
	left: 55%;
	top: 25%;
}
50%{
	left: 57%;
	top: 27%;
	
}
100% {
	left: 55%;
	top: 25%;
}
}
.lb_ppt4{
	width: 100%;
	height: auto;
	min-height: 800px;
	background: url(../images/ppt_4.png) center bottom;
	background-size: cover;
	color: #55B9BE;
	padding-top: 160px;
	position: relative;
	text-align: center;
}
.ppt11{
	max-width: 460px;
	min-width: 100px;
	opacity:0;
	width: 0;
	
	transition: all 2s;
}

.ppt_4_1{
	position: absolute;
	width: 0;
	left: 50%;
	bottom: 8%;
	opacity:0;
	z-index: 3;
}
.ppt4_1_3{
	position: absolute;
	width: 50px;
	left: 32%;
	bottom: 42%;
	opacity:0;
	-webkit-animation:anim_ppt4_1_3 2s infinite;
	animation:anim_ppt4_1_3 2s infinite;

}
@-webkit-keyframes anim_ppt4_1_3 {
0% {
	left: 32%;
	bottom: 42%;
}
50%{
	left: 30%;
	bottom: 44%;	
}
100% {
	left: 32%;
	bottom: 42%;
}
}
.ppt4_1_2{
	position: absolute;
	width: 60px;
	left: 64%;
	bottom: 48%;
	opacity:0;
	-webkit-animation:ppt4_1_2 2s infinite;
	animation:ppt4_1_2 2s infinite;
}
@-webkit-keyframes ppt4_1_2 {
0% {
	left: 64%;
	bottom: 48%;
}
50%{
	left: 65%;
	bottom: 47%;
	
}
100% {
	left: 64%;
	bottom: 48%;
}
}
.ppt12{
	position: absolute;
	width: 0;
	left: 50%;
	bottom: 12%;
	max-width: 300px;
	min-width: 100px;
	opacity:0;
}
.lb_001{
	width: 100%;
	height: auto;
	min-height: 800px;
	background: url(../images/p4.png) center center;
	background-size: cover;
	color: #55B9BE;
	padding-top: 160px;
	position: relative;
}
.p_tit_1{
	width: 0;
	max-width: 540px;
	position: absolute;
	bottom: 0px;
	margin-left: 50%;
	opacity: 0;
}
.p_tit_2{
	width: 30%;
	max-width: 400px;
	position: absolute;
	bottom: 15%;
	margin-left: 50%;
	opacity: 0;
}
.lb_001 p{
	color: #A3D9E4;
	text-align: center;
}
.about_fot_box{
	background-color: #F7FDFF;
	height: auto;
	padding-top: 40px;
}
.about_fot_box p:nth-child(1){
	font-size: 34px;
	color: black;
	text-align: center;
}
.about_fot_box p:nth-child(2){
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}
.about_fot_box .line{
	width: 60px;
	height: 2px;
	background-color: black;
	margin-left: 50%;
	transform: translateX(-50%);
	margin-top: 12px;
}
.about_fot_box{
	height: auto;
	padding-bottom: 20px;
}
.about_fot_box .list{
	width: calc(50% - 40px);
	margin: 20px;
	background-color: #1FA2D2;
	padding: 4px 4px 0 4px;
	float: left;
	position: relative;
	
}
.about_fot_box .list>div{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.0);
	transition: all 0.3s;
}
.about_fot_box .list:hover div{
	background-color: rgba(0,0,0,0.2);
}
.about_fot_box .list .go{
	position: absolute;
	right: 0;
	bottom: 0;
}
.about_sca_img img{
	transition: all 0.3s;
}
.about_sca_img img:hover{
	transform: scale(1.1);
}
.mach_1{
	background-color: #fff;
	height: auto;
	padding-top: 0;
}
.mach_1 .left,.mach_1 .right{
	width: 50%;
	float: left;
	padding: 40px;
	text-align: center;
}
.mach_1 .left img,.mach_1 .right img{
	transition: all 0.3s;
}
.mach_1 .left img:hover,.mach_1 .right img:hover{
	transform: scale(0.9);
}
.mach_1 .left p{
	text-align: left;
	margin-top: 6px;
}
.mach_1 .left img,.mach_1 .right img{
	max-width: 100%;

}
.mach_1_main button{
	width: 220px;
	height: 40px;
	background-color: #1FA2D2;
	color: #fff;
	border: none;
	border-radius: 800px;
	font-size: 16px;
	margin-left: calc(50% - 110px);
	margin-bottom: 20px;
}
.mach_1_main button:hover{
	background-color: #D0D0D2;
	color: #1FA2D2;
}
.mach_2{
	background-color: #F7FDFF;
	height: auto;
	position: relative;
}
.zz1{
	position: absolute;
	right: 20%;
	top: 4px;
	max-width: 90%;
	max-height: 98%;
}
.mach_2_main .bottom,.mach_2_main .top{
	position: relative;
}
.mach_2_main .right{
	width: 40%;
	text-align: left;
	float: right;
	margin-bottom: 60px;
} 
.mach_2_main .left{
	width: 40%;
	text-align: right;
	float: left;
	margin-bottom: 40px;
}
.mach_2_main .p1_img{
	width: 70%;
	position: absolute;
	left: -34%;
	top: 0;
	max-height: 100%;
	overflow: hidden;
}
.mach_2_main .p1_img img{
	transition: all 0.3s;
}
.mach_2_main .p1_img img:hover{
	transform: scale(0.9);
}
.mach_2_main .p2_img{
	width: 70%;
	position: absolute;
	right: -34%;
	top: 0;
	max-height: 100%;
	overflow: hidden;
}
.mach_2_main .p2_img img{
	transition: all 0.3s;
}
.mach_2_main .p2_img img:hover{
	transform: scale(0.9);
}
.mach_3{
	background-color: #fff;
	height: auto;
	padding: 60px 0;
	position: relative;
}
.mach_3_main p{
	text-align: center;
	color: black;
}
.p005_img{
	float: left;
	max-width: 40%;
	margin-top: 30px;
	transition: all 0.3s;
}
.p005_img:hover{
	transform: scale(0.9);
}
.p006_img{
	float: right;
	max-width: 50%;
	margin-top: 30px;
	transition: all 0.3s;
}
.p006_img:hover{
	transform: scale(0.9);
}
.mach_4{
	min-height: 400px;
	background: url(../images/p007.png) center center;
	background-size: cover;
	padding: 60px 0;
}
.mach_4 p{
	color: black;
}
.mach_5{
	background-color: #F7FDFF;
	height: auto;
	padding: 40px 0;
}
.mach_5 p{
	text-align: center;
	font-size: 18px;
	color: black;
}
.mach_5 img{
	transition: all 0.3s;
}
.mach_5 img:hover{
	transform: scale(0.9);
}
.mach_6{
	padding: 50px 0;
	margin-top: 30px;
}
.mach_6_main>p{
	text-align: center;
	color: black;
}
.mach_6_main button{
	width: 160px;
	height: 34px;
	background-color: #1FA2D2;
	color: #fff;
	border: none;
	border-radius: 800px;
	font-size: 16px;
	margin-left: calc(50% - 80px);
	margin-bottom: 30px;
	margin-top: 20px;
}
.mach_6_main button:hover{
	background-color: #D0D0D2;
	color: #1FA2D2;
}
.mach_6_main .left{
	width: calc(50% - 40px);
	float: left;
	background-color: #F9F9F9;
	padding: 6px 0;
}
.mach_6_main .right{
	width: calc(50% - 40px);
	float: right;
	background-color: #F9F9F9;
	padding: 6px 0;
}
.mach_6_main .left p,.mach_6_main .right p{
	padding: 10px;
	text-align: left;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
    word-break: break-all;
    color: black;
}
.mach_6_main .left p:hover,.mach_6_main .right p:hover{
	background-color: #1FA2D2;
	color: #fff; 
}



@media screen and (min-width: 1440px) {
	.mach_2_main .left{
		width: 40%;
		text-align: right;
		float: left;
		margin-bottom: 40px;
		margin-top: 60px;
	}
	
}  
@media screen and (min-width: 1050px) and (max-width: 1440px) {
	.zz1{
		position: absolute;
		right: 8%;
		top: 4px;
		max-width: 90%;
		max-height: 98%;
	}
	
}

@media screen and (min-width: 780px) and (max-width: 1050px) {
	.zz1{
		position: absolute;
		right: 20px;
		top: 4px;
		max-width: 90%;
		max-height: 98%;
	}
}
@media screen and (min-width: 480px) and (max-width: 780px) {
	.lb_001{
		width: 100%;
		height: auto;
		min-height: 600px;
		background: url(../images/p4.png) center center;
		background-size: cover;
		color: #55B9BE;
		padding-top: 160px;
		position: relative;
	}
	.lb_ppt1,.lb_ppt2,.lb_ppt4{
		min-height: 600px;
	}
	.p_tit_1{
		width: 40%;
		max-width: 540px;
		position: absolute;
		bottom: 0px;
		margin-left: calc(35%);
	}
	.p_tit_2{
		width: 30%;
		max-width: 400px;
		position: absolute;
		bottom: 15%;
		margin-left: calc(35%);
	}
	.about_fot_box p:nth-child(1) {
	    font-size: 26px;
	}
	.about_fot_box .list{
		width: calc(100% - 40px);
		margin: 20px;
		
	}
	.mach_1 .left,.mach_1 .right{
		width: 100%;
		float: left;
		padding: 40px;
		text-align: center;
	}
	.mach_6_main .left{
		width: 100%;
		float: left;
		background-color: #F9F9F9;
		padding: 6px 0;
	}
	.mach_6_main .right{
		width: 100%;
		float: right;
		background-color: #F9F9F9;
		padding: 6px 0;
		margin-top: 20px;
	}
	.zz1{
		position: absolute;
		right: 10px;
		top: 4px;
		max-width: 90%;
		max-height: 98%;
	}
	.lb_ppt2_box{
		width: 100%;
		padding-left: 30px;
		margin-top: 80px;
	}
	.ppt_2_1{
		position: absolute;
		width: 32%;
		max-width: 430px;
		min-width: 140px;
		left: 55%;
		top: 40%;
	}
	.lb_ppt1_box{
		position: absolute;
		width: 160px;
		top: 25%;
		right: 10%;
	}
	.ppt1_01 {
	    position: absolute;
	    width: 30%;
	    max-width: 480px;
	    min-width: 220px;
	    top: 28%;
	    left: 20%;
	}
}
@media screen and (max-width: 480px) {
	.lb_001{
		width: 100%;
		height: auto;
		min-height: 400px;
		background: url(../images/p4.png) center center;
		background-size: cover;
		color: #55B9BE;
		padding-top: 100px;
		position: relative;
	}
	.lb_ppt1,.lb_ppt2,.lb_ppt4{
		min-height: 400px;
	}
	.p_tit_1{
		width: 40%;
		max-width: 540px;
		position: absolute;
		bottom: 0px;
		margin-left: calc(35%);
	}
	.p_tit_2{
		width: 30%;
		max-width: 400px;
		position: absolute;
		bottom: 10%;
		margin-left: calc(35%);
	}
	.about_fot_box p:nth-child(1) {
	    font-size: 20px;
	}
	.about_fot_box .list{
		width: calc(100% - 20px);
		margin: 10px;
	}
	.mach_1 .left,.mach_1 .right{
		width: 100%;
		float: left;
		padding: 40px;
		text-align: center;
	}
	.p005_img{
		float: left;
		max-width: 80%;
		margin-top: 10px;
		margin-left: 10%;
	}
	.p006_img{
		float: left;
		max-width: 80%;
		margin-top: 10px;
		margin-left: 10%;
	}
	.mach_6_main .left{
		width: 100%;
		float: left;
		background-color: #F9F9F9;
		padding: 6px 0;
	}
	.mach_6_main .right{
		width: 100%;
		float: right;
		background-color: #F9F9F9;
		padding: 6px 0;
		margin-top: 20px;
	}
	.mach_2_main .right{
		width: 100%;
		text-align: left;
		float: right;
		margin-bottom: 60px;
	} 
	.mach_2_main .left{
		width: 100%;
		text-align: right;
		float: left;
		margin-bottom: 40px;
	}
	.mach_2_main .p1_img{
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
	}
	.mach_2_main .p2_img{
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
	}
	.zz1{
		position: absolute;
		right: 10px;
		top: 4px;
		max-width: 90%;
		max-height: 98%;
	}
	.lb_ppt2_box{
		width: 100%;
		padding-left: 10px;
		margin-top: 40px;
	}
	.ppt_2_1{
		position: absolute;
		width: 32%;
		max-width: 430px;
		min-width: 140px;
		left: 55%;
		top: 50%;
	}
	.lb_ppt1_box{
		position: absolute;
		width: 100px;
		top: 25%;
		left: 0;
	}
}