body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.none{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
}
.bg {
	width: 100%;
	height: 100%;
	background-color: black;
	overflow: hidden;
}

.swiper-slide {
	width: 100%;
	height: 100%;
}
.swiper-pagination.swiper-pagination-bullets{
	right: -10px;
}

.p1 {
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/fp1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

/* 2019/08/14改 -- start */
.fp1_box{
    width: 27%;
    height: 35%;
    position: relative;
    margin-top: 2.8%;
    margin-left: 34.6%;
}
.fp1_geyser{
	width: 21%;
    position: absolute;
    top: 12%;
    left: 0%;
    z-index: 2;
}
.fp1_song{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.swiper-slide-active .fp1On.fp1_geyser{-webkit-animation: fadeInUp1 .5s .8s both linear;animation: fadeInUp1 .5s .8s both linear;}
.swiper-slide-active .fp1On.fp1_song{-webkit-animation: fadeIn .5s .5s both linear;animation: fadeIn .5s .5s both linear;}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform:translateY(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform:translateY(0);
  }
}
@-webkit-keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform:translateY(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform:translateY(0);
  }
}
.fp1_video{
    width: 24%;
    height: 28%;
    background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/video_bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 12%;
    right: 10%;
}
.videoBtn_bg{
	width: 100%;
    height: 100%;
    opacity: 0.2;
    background: #000;
}
.fp1_video .video_play {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/videoPlay.png');
    cursor: pointer;
}
.radio_show {
    position: absolute;
    width: 95%;
    height: 85%;
    /* top: -6%; */
    top: -60px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #000;
    box-shadow: 0 0 16px #fff;
    z-index: 999;
}
.radio_show .radio_close {
    position: absolute;
    left: 97.5%;
    top: 0px;
    font-size: 45px;
    cursor: pointer;
    /* color: #3d3d3d; */
    color: #FFF;
    width: 35px;
    height: 35px;
    padding: 5px;
    line-height: 30px;
    z-index: 999;
}
.radio_show .video_bg{
	width: 100%;
	height: 100%;
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/video_bg.jpg');
	background-size: cover;
    background-repeat: no-repeat;
}
.radio_show .video_play {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/videoPlay.png');
    cursor: pointer;
    z-index: 1000;
}
.radio_show .my-video {
	opacity: 1;
	width: 100%;
	height: 100%;
	display: none;
}
@keyframes Twinkle {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes Twinkle {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-ms-keyframes Twinkle {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.songer{
	position: absolute;
    top: 87%;
    left: 30%;
    color: #FFF;
    font-size: 24px;
}
/* 2019/08/14改 -- end */

.p2 {
	overflow: hidden;
}

.p3 {
	z-index: 99;
}

.p2reshuiqi {
	width: 79%;
	display: inline-block;
	float: right;
	position: relative;
}

.p4 {/* overflow: hidden; */}

.p1logo {
	/*height: 14.2%;*/
	position: absolute;
	top: 43%;
	right: 5%;
}

.p1sign {
	/*width: 8.6%;*/
    position: absolute;
    bottom: 20.5%;
    left: 36%;
}

.p1r {
	height: 60%;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 5.6%;
}
.p1tag {
	width: 11.2%;
	position: absolute;
	bottom: 15%;
	right: 5%;
}

.p2r {
	width: 100%;	/* position: absolute; */

	/* right: 0%; */

	/* float: right; */

	/* top: 0%; */
}

.p2block {
	height: 42%;
	position: absolute;
	left: 10%;
	top: 30%;
	padding: 0 1%;
}

.p2title {
	height: 40%;
	margin-left: 50%;
	transform: translateX(-50%);
}

.heng1, .heng2 {
	height: 0.5%;
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translateX(-50%);
	transition: top 0.6s linear;
}

.heng1a {
	top: 50%;
}

.heng2a {
	top: 100%;
}

.p2btn {
	width: 38.5%;
	height: 38.5%;
	position: absolute;
	top: 75%;
	transform: translateY(-50%) scale(1,0);
	background-size: contain;
	background-repeat: no-repeat;
	transition: all 0.3s linear;
	transition-delay: 0.2s;
	-moz-transition-delay: 0.2s; /* Firefox 4 */
	-webkit-transition-delay: 0.2s;
	opacity: 0;
	cursor: pointer;
	background-position: center;
}

.p2bp_btn {
	left: 10%;
	/*background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p2unbp.png');*/
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p2bp.png');
}

.opacity {
	opacity: 1;
	transform: translateY(-50%) scale(1,1);
}

.p2dd_btn {
	right: 10%;
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p2dd.png');
}

.p2bp_1 {
	height: 13.4%;
	position: absolute;
	transition: all 0.4s linear;
	top: 53%;
	right: 42%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.p2dd_1 {
	height: 11.8%;
	position: absolute;
	transition: all 0.4s linear;
	top: 49%;
	right: 42%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.p2dd_2 {
	height: 9.7%;
	position: absolute;
	transition: all 0.4s linear;
	top: 51%;
	left: 66%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.p2dd {
	opacity: 1;
}

.p3yuan {
	width: 31%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.p3q2 {
	width: 100%;
	animation: p3q2a 22s ease-in-out infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
}

.p3q1 {
	width: 94%;
	position: absolute;
	top: 3%;
	left: 3%;
	animation: p3q1a 22s ease-in-out infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
}

@keyframes p3q2a {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}

}

@keyframes p3q1a {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(-360deg);
	}

}

.p3btn {
	width: 9.1%;
	height: 9.1%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: 9;
	cursor: pointer;
	opacity: .3;
}

.p3btn1 {
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p3btn1.png');
	position: absolute;
	left: 50%;
	top: -12%;
	transform: translateX(-50%);
}

.p3btn2 {
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p3btn2.png');
	position: absolute;
	right: -12%;
	top: 50%;
	transform: translateY(-50%);
}

.p3btn3 {
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p3btn3.png');
	position: absolute;
	left: 50%;
	bottom: -12%;
	transform: translateX(-50%);
}

.p3btn4 {
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p3btn4.png');
	position: absolute;
	left: -12%;
	top: 50%;
	transform: translateY(-50%);
}

.p3text {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	opacity: 0;
	transition: opacity 0.4s linear;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.p3_0 {
	width: 78.2%;
	opacity: 1;
	top: 50%;
}

.p3_1 {
	width: 67.2%;
}

.p3_2 {
	width: 48.8%;
}

.p3_3 {
	width: 64.6%;
}

.p3_4 {
	width: 59%;
}

.p4g {
	height: 131.2%;
	height: 110%;
	max-width: none;
	position: absolute;
	right: -4%;
	right: 3%;
	bottom: -5%;
	transition: opacity 0.7s cubic-bezier(0.55, 0.06, 0.68, 0.19);
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.p4r {
	height: 111%;
	position: absolute;
	right: 9.5%;
	bottom: 8%;
}
.p4textblock{
	position: absolute;
	top: 30%;
	left: 10%;
	transform: translateY(-60%);
	z-index: 99;
	/* padding-right: 30.7%; */
}
.p4text{
	height: 36%;
	padding-right: 30.7%;
	box-sizing: border-box;
	max-width: 200% !important;
	display: block;
}
.p4btnblock{
	/* width: 100%; */
	/*height: 51.6%;*/
	height: auto;
	text-align: center;
	position: absolute;
	/*bottom: 6.1%;*/
	/* top: 44%; */
	border-bottom: 1px solid #555555;
	padding: 20px 0;
	border-top: 1px solid #555555;
	margin-top: 10%;
	transform: scale(1, 0);
	transition: transform 0.3s linear;
	transition-delay: 0.2s;
	-moz-transition-delay: 0.2s; /* Firefox 4 */
	-webkit-transition-delay: 0.2s;
}
.p4btnblock_active{
	transform: scale(1, 1)
}
.p4_btnBox{
	display: inline-block;
	width: auto;
	height: auto;
	width: 160px;
}
.p4btn{
	/*height: 96%;*/
	height: 109px;
	cursor: pointer;
	transition: opacity 0.4s linear;
	opacity: 0.5;
}
/*.p4_btnBox2{
	margin: 0 5.5%;
}*/
/*.p4btn1{
	opacity: 1;
}*/

.p4_icon_word{
	margin:auto;
	margin-top: 14px;
	height: 42px;
	width: auto;
	display: none;
	opacity: 0;
}
.p4_icon_word.active{
	display: block;
	animation: fadeIn_level0 .3s both linear;-webkit-animation: fadeIn_level0 .3s both linear;-ms-animation: fadeIn_level0 .3s both linear;
}

.p5g {
	height: 241%;
	position: absolute;
	left: 0;
	top: -60%;
	transition: opacity 0.7s cubic-bezier(0.55, 0.06, 0.68, 0.19);
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.p5r {
	height: 126%;
	position: absolute;
	left: 0;
	top: 0;
}

.p5block {

	/* width: 780px;
	height: 430px; */
	position: absolute;
	/*height: 8.1%;*/
	/*right: 16.5%;*/
	right: 8.5%;
	top: 20%;
	width: 700px;
	height: auto;
}
.p5block1, .p5block2, .p5block3, .p5block4{
	height: auto;
	width: 335px;
	/*width: auto;*/
	margin-bottom: 20px;
	float: left;
}
.p5block_title{
	color: #fff;
	font-size: 22px;
	margin-top: 0 !important;
	margin-bottom: 6px !important;
}
.p5_box1 .p5block_title{
	margin-top: 8px !important;
}
.p5_icon{
	width: 93px;
	height: auto;
	display: block;
	float: left;
	margin-right: 20px;
}
.p5title {
	height: 100%;	/* overflow: hidden; */
	margin-bottom: 102px;
}
.p5_box{
	float: left;
	height: auto;
	width: auto;
	text-align: left;
	font-size: 18px;
	color: #a7a7a7;
}

.p5_box p{
	margin-top: -6px;
} 

.swiper-slide-active .p5_1{
	animation: fadeIn_level0 .2s .2s both linear;
	-webkit-animation: fadeIn_level0 .2s .2s both linear;
	-ms-animation: fadeIn_level0 .2s .2s both linear;
}
.swiper-slide-active .p5_1{
	animation: fadeIn_level0 .2s .4s both linear;
	-webkit-animation: fadeIn_level0 .2s .4s both linear;
	-ms-animation: fadeIn_level0 .2s .4s both linear;
}
.swiper-slide-active .p5_box1{
	animation: fadeIn_level0 .2s .6s both linear;
	-webkit-animation: fadeIn_level0 .2s .6s both linear;
	-ms-animation: fadeIn_level0 .2s .6s both linear;
}
.swiper-slide-active .p5_2{
	animation: fadeIn_level0 .2s .8s both linear;
	-webkit-animation: fadeIn_level0 .2s .8s both linear;
	-ms-animation: fadeIn_level0 .2s .8s both linear;
}
.swiper-slide-active .p5_box2{
	animation: fadeIn_level0 .2s 1s both linear;
	-webkit-animation: fadeIn_level0 .2s 1s both linear;
	-ms-animation: fadeIn_level0 .2s 1s both linear;
}
.swiper-slide-active .p5_3{
	animation: fadeIn_level0 .2s 1.2s both linear;
	-webkit-animation: fadeIn_level0 .2s 1.2s both linear;
	-ms-animation: fadeIn_level0 .2s 1.2s both linear;
}
.swiper-slide-active .p5_box3{
	animation: fadeIn_level0 .2s 1.4s both linear;
	-webkit-animation: fadeIn_level0 .2s 1.4s both linear;
	-ms-animation: fadeIn_level0 .2s 1.4s both linear;
}
.swiper-slide-active .p5_4{
	animation: fadeIn_level0 .2s 1.6s both linear;
	-webkit-animation: fadeIn_level0 .2s 1.6s both linear;
	-ms-animation: fadeIn_level0 .2s 1.6s both linear;
}
.swiper-slide-active .p5_box4{
	animation: fadeIn_level0 .2s 1.8s both linear;
	-webkit-animation: fadeIn_level0 .2s 1.8s both linear;
	-ms-animation: fadeIn_level0 .2s 1.8s both linear;
}

/*.p5_1 {
	height: 93%;
	display: block;
}

.p5_2 {
	height: 100%;
	display: block;
}

.p5_3 {
	height: 93%;
	display: block;
	margin-top: 10%;
}

.p5_4 {
	height: 93%;
	display: block;
	margin-top: 10%;
}*/

/*.p5block1 {
	width: 60%;
	height: 135%;
	position: absolute;
	left: 0;
	top: 220%;
}

.p5block2 {
	width: 60%;
	height: 135%;
	position: absolute;
	left: 58%;
	top: 220%;
}*/




.p6bg {
	width: 100%;
	position: absolute;
	top: 70%;
	transform: translateY(-50%);
}

.p6title {
	height: 17.5%;
	position: absolute;
	top: 28%;
	left: 8%;
}

.p6g {
	height: 100%;
	position: absolute;
	right: 10%;
	top: 0%;
	transition: opacity 0.7s cubic-bezier(0.55, 0.06, 0.68, 0.19);
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.p6rblock {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 23%;
	height: 100%
}

.p6r {
	height: 75%;
	margin-top: 15%;
}

.p6gd {
	width: 208px;
	height: 407px;
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p6gd.png?v1');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 7%;
	bottom: 15%;
}

.p6gdt {
	height: 100%;
	width: 70px;
	position: absolute;
	top: 0;
	left: -30px;
}

.p6btn {
	width: 26px;
	height: 26px;
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p6btn.png');
	background-size: contain;
	cursor: pointer;
	margin-left: 35.55%;
}

@media screen and (max-width:1500px) {
	.p6gd {
		width: 153px;
		height: 300px;
	}

	.p6gdt {
		height: 100%;
	}

	.p6btn {
		width: 19px;
		height: 19px;
	}

}

.p6yp {
	height: 38%;
	position: absolute;
	bottom: 26%;
	left: -56%;
	transition: all 0.5s linear;
	opacity: 0;
	/* transform: scale(0); */
}

.p6ypa {
	animation: p6ypa 3s ease-in-out;
	-webkit-animation: p6ypa 3s ease-in-out;
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

@keyframes p6ypa {
	10% {
		opacity: 1;
		transform: scale(1);
	}

	90% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(0);
	}

}

@keyframes p6ypa {
	10% {
		opacity: 1;
		transform: scale(1);
	}

	90% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(0);
	}

}

.p6yuan {
	height: 100%;
	width: auto !important;
}

.p6c {
	height: 10%;
	position: absolute;
	top: 38%;
	right: 14%;
}

.p6num {
	width: 50%;
	height: 24%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.p6num1, .p6num2 {
	width: 50%;
	display: inline-block;
	height: 100%;
	float: left;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.p6num1 {
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p6_4.png')
}

.p6num2 {
	background-image: url('//img.intech.gdinsight.com/vatti/a20190816gh8i_pc/p6_6.png')
}


.p2_word_box{position: absolute;width: 6%;height: 10%;top: 60%;left: 59%;}
.p2_word_body1{}
.p2_word_body_left{height: 100%;bottom: 90%;right: 100%;}
.p2_word_body_right{height: 75%;bottom: 90%;left: 100%;}
.p2_word_body2{height: 113%;bottom: 80%;right: 135%;}
.p2_word_body{opacity: 0;position: absolute;}
.p2_word_body.active{opacity: 1;}
.p2_line_box img{max-width: none;height: 100%;position: absolute;}
.p2_line_box1 img{top: 0;right: 0;}
.p2_line_box2 img{top: 0;left: 0;}
.p2_line_box3 img{top: 0;right: 0;}
.p2_line_box{width: 0;height: 100%;position: absolute;transition: width .5s;-webkit-transition: width .5s;-ms-transition: width .5s;overflow: hidden;}
.active .p2_line_box{width: 100%;}
.p2_line_box1{right: 0;top: 0;}
.p2_line_box2{left: 0;top: 0;}
.p2_line_box3{right: 0;top: 0;}
.p2_icon_box{width: 48px;height: 48px;position: absolute;top: -24px;}
.p2_word_body_left .p2_icon_box{right: 105%;}
.p2_word_body_right .p2_icon_box{left: 105%;}
.p2_word_body2 .p2_icon_box{right: 105%;}
.p2_icon{width: 100%;}
.p2_icon_word{transform: translate(-50%);-webkit-transform: translate(-50%);-ms-transform: translate(-50%);}
.p2_icon_word{top: 120%;left: 50%;text-align: center;color: #fff;position: absolute;min-width: 500px;line-height: 1.3;font-size: 16px;}
.p2_icon_word>span{font-size: 20px;line-height: 1.8;}
.p2btn{opacity: .5;}
.p2btn.active,.p2btn.hover_active{opacity: 1;}
.active .p2_icon_box{animation: fadeIn_level0 .8s .4s both linear;-webkit-animation: fadeIn_level0 .8s .4s both linear;-ms-animation: fadeIn_level0 .8s .4s both linear;}

.p3btn.active{opacity: 1;transition: opacity .2s;-webkit-transition: opacity .2s;-ms-transition: opacity .2s;overflow: hidden;}
.p3_icon_box{position: absolute;width: 16.9%;opacity: 0;transition: opacity .4s linear;-webkit-transition: opacity .4s linear;-ms-transition: opacity .4s linear;left: 50%;bottom: 60%;transform: translate(-50%,50%);}
.p3_icon_box.active{opacity: 1;}
.p3_icon_box img{position: absolute;width: 100%;height: 100%;}
.p3_icon1_2{}
.p3_icon2_2{animation: fadeIn_level0 .5s 0s both linear infinite;-webkit-animation: fadeIn_level0 .5s 0s both linear infinite;-ms-animation: fadeIn_level0 .5s 0s both linear infinite;}
.p3_icon3{animation: fadeInBig_level3 .8s 0s both linear infinite;-webkit-animation: fadeInBig_level3 .8s 0s both linear infinite;-ms-animation: fadeInBig_level3 .8s 0s both linear infinite;}
.p3_icon4_2{animation: Rotate360 3s 0s both linear infinite;-webkit-animation: Rotate360 3s 0s both linear infinite;-ms-animation: Rotate360 3s 0s both linear infinite;}
.p3_bg_box{z-index: 0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.p3_bg.active{z-index: 1;opacity: 1;}
.p3_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;}

/* .swiper-slide-active.p4 .p4btnblock{-webkit-animation:bounceIn .8s .5s both;} */
.p4_word_div{width: 100%;height: 35%;/* padding-top: 20px; */overflow: hidden;position: absolute;bottom: -42%;}
.p4_word{position: absolute;opacity: 0;left: 0;}
.p4_word1{width: 529px;}
.p4_word2{width: 534px;}
.p4_word3{width: 508px;}

.p6btn_first{animation: up_and_down 2.5s 0s both linear infinite;-webkit-animation: up_and_down 2.5s 0s both linear infinite;-ms-animation: up_and_down 2.5s 0s both linear infinite;}

.p7_product_box{height: 85%;width: 100%;position: relative;}
.p7_product{height: 130%;margin-top: -1%;}
.p7_btn{width: 70px;height: 70px;position: absolute;z-index: 1;cursor: pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;}
.p7_btn{animation: flash_level6 2s 0s both linear infinite;-webkit-animation: flash_level6 2s 0s both linear infinite;-ms-animation: flash_level6 2s 0s both linear infinite;}
.p7_btn1{top: 19%;left: 9%;}
.p7_btn2{top: 62%;left: 19%;}
.p7_btn3{top: 97%;left: -14%;}
.p7_line{/* position: absolute; */max-width: none;display: none;}
.p7_line.active{display: block;}

.p7_word{height: 100%;display: none;}
.p7_word.active{display: block;}
.p7_word_box1{height: 46.8%;position: absolute;left: 52%;top: 20%;width: 50%;}
.p7_word_box{height: 72%;position: absolute;left: 0;top: 28%;opacity: 0;}
.p7_word_box.active{animation: fadeIn_level0 .8s .5s both linear;-webkit-animation: fadeIn_level0 .8s .5s both linear;-ms-animation: fadeIn_level0 .8s .5s both linear;}
.p7_line_and_btn_box{position: absolute;display: inline;height: 32.44%;left: 19%;top: 48%;}
.p7_line_box.active{width: 100%;transition: width .5s;-webkit-transition: width .5s;-ms-transition: width .5s;overflow: hidden;opacity: 1;transform: translateY(10%);}
.p7_line_box{width: 0;opacity: 0;height: 100%;}
.p7_word_title{
    max-width: none;
    height: 28%;
}

.p8_title{}
.p8_light{position: absolute;height: 100%;right: 2%;top: 0;opacity: 0;transition: opacity 0.7s cubic-bezier(0.55, 0.06, 0.68, 0.19);-webkit-transition: opacity 0.7s cubic-bezier(0.55, 0.06, 0.68, 0.19);}
.p8_product{position: absolute;height: 75%;right: 0%;top: 10%;}
.p8 table{color: #fff;font-size: 22px;border-collapse: collapse;text-align: center;vertical-align: middle;position: absolute;top: 0;bottom: 70px;margin: auto 0;left: 8%;z-index: 1;}
.p8 tr:first-child td{border: none;text-align: left;padding: 0 0 40px;}
.p8 td{border: 1px solid #fff;padding: 20px 16px;}

.p6_num{display: none;}
.p6_num{height: 2.54%;position: absolute;left: 42%;top: 69.5%;}
.p6_num_46,.p6_num_44,.p6_num_42,.p6_num_40,.p6_num_38,.p6_num_36{display: block;}
@media screen and (max-width: 1500px){
	.p5_box{font-size: 18px;}
	.p5block_title{font-size: 14px;}
	.p5_icon{width: 73px;}
	.p5block{right: 1.5%;}
	/*.p5block1, .p5block2, .p5block3, .p5block4{width: 280px;}*/
}
@media screen and (max-width: 1440px){
	.p2_icon_word{font-size: 14px;}
	.p2_icon_word>span{font-size: 18px;}

	.p5block {height: 7.1%;}
	

	.p7_product{height: 115%;margin-top: -3%;}
	.p7_btn{width: 60px;height: 60px;}
	.p7_btn1{top: 35%;top: 15%;left: 18%;left: 5%;}
	.p7_btn2{top: 53%;top: 64%;left: 22%;left: 19%;}
	.p7_btn3{top: 67%;top: 95%;left: 15%;left: -16%;}
	.p7_line_and_btn_box{left: 15%;top: 34%;}
	.p7_word_box{/* left: 50%; */}

	.p8 table {font-size:18px;}
	.p8_light{height: 90%;top: 5%;}
	.p8_product{height: 65%;top: 20%;}
}
@media screen and (max-width: 1300px){
	.p2_icon_word{font-size: 12px;}
	.p2_icon_word>span{font-size: 16px;}

	.p5block {height: 7.1%;}
	/*.p5_box{font-size: 12px;}
	.p5block_title{font-size: 16px;}*/

	.p7_product_box{height: 85%;width: 100%;position: relative;}
	.p7_product{height: 110%;margin-top: -5%;}
	.p7_btn{width: 45px;height: 45px;}
	.p7_line_and_btn_box{left: 16%;top: 26%;}
	.p7_word_box{/* left: 53%; */}

	.p8 table {font-size:16px;}
	.p8_title {width: 140px;}
	.p8_light{height: 80%;top: 11%;}
	.p8_product{height: 60%;top: 20%;}
}

@keyframes flash_level6 {
	from, 50%, to {
	    opacity: 1;
	}
	25%, 75% {
	    opacity: .6;
	}
}
@-webkit-keyframes flash_level6 {
	from, 50%, to {
	    opacity: 1;
	}
	25%, 75% {
	    opacity: .6;
	}
}
@-ms-keyframes flash_level6 {
	from, 50%, to {
	    opacity: 1;
	}
	25%, 75% {
	    opacity: .6;
	}
}

@keyframes fadeIn_level0 {
	0% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}
@-webkit-keyframes fadeIn_level0 {
	0% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}
@-ms-keyframes fadeIn_level0 {
	0% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}

@keyframes fadeInBig_level3 {
	0% {
	    opacity: .3;
	    transform: scale(1);
	}
	50% {
	    opacity: 1;
	    transform: scale(1.2);
	}
	100% {
	    opacity: .3;
	    transform: scale(1);
	}
}
@-webkit-keyframes fadeInBig_level3 {
	0% {
	    opacity: .3;
	    -webkit-transform: scale(1);
	}
	50% {
	    opacity: 1;
	    -webkit-transform: scale(1.2);
	}
	100% {
	    opacity: .3;
	    -webkit-transform: scale(1);
	}
}
@-ms-keyframes fadeInBig_level3 {
	0% {
	    opacity: .3;
	    -ms-transform: scale(1);
	}
	50% {
	    opacity: 1;
	    -ms-transform: scale(1.2);
	}
	100% {
	    opacity: .3;
	    -ms-transform: scale(1);
	}
}

@keyframes Rotate360 {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(360deg);
	}
}
@-webkit-keyframes Rotate360 {
	0% {
	    -webkit-transform: rotate(0deg);
	}
	100% {
	    -webkit-transform: rotate(360deg);
	}
}
@-ms-keyframes Rotate360 {
	0% {
	    -ms-transform: rotate(0deg);
	}
	100% {
	    -ms-transform: rotate(360deg);
	}
}

@keyframes up_and_down {
	0% {
	    transform: translateY(0);
	}
	50% {
	    transform: translateY(40px);
	}
	100% {
	    transform: translateY(0);
	}
}
@-webkit-keyframes up_and_down {
	0% {
	    -webkit-transform: translateY(0);
	}
	50% {
	    -webkit-transform: translateY(40px);
	}
	100% {
	    -webkit-transform: translateY(0);
	}
}
@-ms-keyframes up_and_down {
	0% {
	    -ms-transform: translateY(0);
	}
	50% {
	    -ms-transform: translateY(40px);
	}
	100% {
	    -ms-transform: translateY(0);
	}
}
.swiper-pagination-bullet {
    /* width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%; */
    border: 2px #fff solid;
}

/*2020.03.19*/
	.p1{background-image: url('../images/20190123gh8i/fp1_bg_20200318.jpg');margin-top: -60px;}
	.fp1_word_20200318{position: absolute;bottom: 0;left: 40%;max-width: 51%;max-height: 77%;}
/*2020.03.19*/