@font-face
{
font-family: yiq_en;
src:url('../font/yiq_en.woff') format('woff'),
	url('../font/yiq_en.ttf') format('truetype');
}

@font-face
{
font-family: yiq_en1;
src:url('../font/yiq_en1.woff') format('woff'),
	url('../font/yiq_en1.ttf') format('truetype');
}

@font-face
{
font-family: yiq_en2;
src:url('../font/yiq_en2.woff') format('woff'),
	url('../font/yiq_en2.ttf') format('truetype');
}

@font-face
{
font-family: yiq_en3;
src:url('../font/Roboto-Medium-12.ttf') format('truetype');
}

@font-face
{
font-family: yiq_en4;
src:url('../font/Roboto-Thin-15.ttf') format('truetype');
}

@font-face
{
font-family: yiq_en5;
src:url('../font/Roboto-Regular-14.ttf') format('truetype');
}

:root{
	--Q_Color:#00BDB7;
	--B_Color:#009B96;
}

*{padding:auto;margin:0px;}
.buttom_style {border:none; width:94px; height: 33px; background-color:#FF8D00; line-height:28px; cursor:hand; margin:0 auto; font-size:15px; color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
table {font-size:13px; line-height:22px;}
input,textarea {color:#11121E; font-size:12px;outline:none;}
select{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('https://s4.qingcloud.com/static/assets/qingyun/images/jian.png') no-repeat scroll right 5% center transparent;
background-size: 10px auto;
outline:none;
}

img {border:none;}
ul,li {padding:0px; margin:0px; list-style-type:none;}
h1,h2,h3,h4,h5,h6,h7,h8,dd {font-weight:normal; padding:0px; margin:0px;}

.table thead {
background-image:-webkit-linear-gradient(to bottom,#FFF,#F8F8F8);
background-image:linear-gradient(to bottom,#FFF,#F8F8F8);
}
.table th {text-align:center;}
.table tbody {background-color:#FFF;}

.T_L_B {font-weight:bold; color:#0E991A;}
.T_R_B {font-weight:bold; color:#FF6600;}

.TR_B1 {background-color:#EFEFEF;}
.TR_B2 {background-color:#FFFFFF;}

/*重定义Boot*/
/*消息提示框----模态框*/
.modal {text-align: left;}
.modal-dialog {max-width:320px;}
.modal-header {height:30px; overflow:hidden; padding:5px 15px; background-color:#F8F8F8;
background-image:-webkit-linear-gradient(to bottom,#FFF,#F8F8F8);
background-image:linear-gradient(to bottom,#FFF,#F8F8F8);
}
.modal-title {font-size:14px; font-weight:bold;}
.list-group {margin-bottom:0px;}
.list-group li {overflow:hidden;}

A {font-size: 13px;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
A:link,A:visited,A:active {COLOR: #11121E; font-family: "PingFang SC","SF Pro SC", "SF Pro Display", "SF Pro Icons",  BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;; TEXT-DECORATION: none; text-align:left;outline:none;}
A:hover {COLOR: #000;TEXT-DECORATION: underline; star:expression(this.onFocus=this.blur());}

/*滚动条*/
.YIQ_Scroll {padding-right:10px;}
.YIQ_Scroll::-webkit-scrollbar-track {background-color: #F8F8F8;}
.YIQ_Scroll::-webkit-scrollbar {width:3px; height:3px;}
.YIQ_Scroll::-webkit-scrollbar-thumb {background-color: #DDD;}

::-webkit-input-placeholder { /* WebKit browsers */color: #CCC; font-size: 15px;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #CCC; font-size: 15px;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #CCC; font-size: 15px;}

@keyframes Show{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes Fu_Up{
	0%{transform:translate(0px,20px);opacity: 0;}
	100%{transform:translate(0px,0px);opacity: 1;}
}
@keyframes Fu_Down{
	0%{transform:translate(0px,-40px);opacity: 0;}
	100%{transform:translate(0px,0px);opacity: 1;}
}
@keyframes WidthToFull{
	0%{width: 0px; opacity: 0;}
	100%{width:100%; opacity: 1;}
}

@keyframes TxtToTop1{
	0%{top: 0px;}

	10%{top: 0px;}
	15%{top: -48px;}

	30%{top: -48px;}
	35%{top: -96px;}

	55%{top: -96px;}
	59.999%{top: -144px;}

	60%{top: 0px;}
}
@keyframes TxtToTop2{
	0%{top: 0px;}

	15%{top: 0px;}
	20%{top: -48px;}

	35%{top: -48px;}
	40%{top: -96px;}

	60%{top: -96px;}
	65.999%{top: -144px;}

	66%{top: 0px;}
}
@keyframes TxtToTop3{
	0%{top: 0px;}

	20%{top: 0px;}
	25%{top: -48px;}

	40%{top: -48px;}
	45%{top: -96px;}

	65%{top: -96px;}
	70.999%{top: -144px;}

	71%{top: 0px;}
}
@keyframes TxtToTop4{
	0%{top: 0px;}

	25%{top: 0px;}
	30%{top: -48px;}

	45%{top: -48px;}
	50%{top: -96px;}

	70%{top: -96px;}
	75.999%{top: -144px;}

	76%{top: 0px;}
}

html,body {width: 100%; height: 100%;}
body{text-align:center; margin:0px; font-size:13px; line-height:22px; background-color:#FFF; font-family:"PingFang SC","SF Pro SC", "SF Pro Display", "SF Pro Icons", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color:#333;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
overflow: hidden;
}

/*网页整体框架*/
.CSS_Body{width:100%; height:auto; max-height:auto; margin:0px auto; display:run-in; padding:0px; position:relative;}

/*定义网站宽度*/
.CSS_C{width:100%; height:auto; max-height:auto; margin:0px auto; display:run-in; padding:0px;}
.Box_Big {width: 100%; height: 100%; float: left; overflow: hidden; position: relative;}
.Box_Box {width: 100%; height: auto; float: left; overflow: hidden; position: absolute; left: 0px; top: 0px;}
.Box_K {width: 100%; height: auto; float: left; overflow: hidden;}

/*一、视频*/
.Page1 {width: 100%; height: 100%; float: left; overflow: hidden; position: relative;}
.Page1 video {position: absolute; left: 0px; top: 0px; z-index: 1; object-fit: cover;}
.LOGO {width: 20%; max-width: 170px; height: auto; position: absolute; left: 2.6vw; top: 2vw; z-index: 3;}
.LOGO img {width: 100%; height: auto;}
.Video_Txt {width: 100%; height: auto; position: absolute; left: 0px; top: 45%; z-index: 2; color: #FFF;}
.Video_Txt b {width: 100%; height: auto; float: left; overflow: hidden; font-size: 42px; line-height: 60px; letter-spacing:15px;}
.Video_Txt span {width: 100%; height: auto; float: left; overflow: hidden; font-size: 28px; line-height: 30px; margin-top: 20px;}
.Video_Txt div {width: 100%; height: auto; float: left; overflow: hidden; padding-right: 50px;}
.Video_Txt div img {width: 200px; height: auto; cursor: pointer; margin-top: 50px;}
.Video_Down {width: 100%; height: auto; position: absolute; left: 0px; bottom: 30px; z-index: 3; text-align: center; animation: Fu_Down 0.5s 3s both;}
.Video_Down img {width: auto; max-width: 80px; height: auto; margin: 0px auto; display: inline-block; cursor: pointer;}

/*二、文字*/
.Page2 {width: 100%; height: 100%; float: left; overflow: hidden; position: relative;}
.Page2 font {width: 100%; height: 100%; position: absolute; z-index: 0; left: 0px; top: 0px; background-image: url("../image/page2_b.png"); background-repeat: no-repeat; background-position: right center; background-size: 40% auto; animation: Show 0.5s 0.5s both;}
.Page2 div {width: 100%; max-width: 1500px; height: auto; position: absolute; left: 0px; top: 0px; color: #333; font-size: 2.8vw; line-height: 5vw; text-align: left; font-weight:bold;}
.Page2 div b {width: 100%; height: auto; float: left; overflow: hidden; animation: Fu_Up 0.5s 0.5s both;}
.Page2 div span {width: auto; height: auto; float: left; overflow: hidden; animation: Fu_Up 0.5s 1.0s both;}
.Page2 div span p {width: 100%; height: 0.6vw; float: left; overflow: hidden; background-color: #00a971; padding: 0px; margin: 0px; margin-top: 1vw; animation: WidthToFull 0.5s 1.5s both;}
.Page2 div u {width: 100%; height: auto; float: left; overflow: hidden; animation: Fu_Up 0.5s 1.5s both; text-decoration: none;}
.Page2 div u A {color: #999; font-size: 1.4vw; text-decoration: none; font-weight:lighter;}
.Page2 div u A:hover {color: #00a971;}
.Page2 dd {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #FFF; background-color: rgba(0,0,0,0.8); padding: 0px; margin: 0px; display: none;}
.Page2 dd video {position: absolute; left: 0px; top: 0px; z-index: 1; outline: none;}
.Page2 dd p {width: 40px; height: auto; position: absolute; padding: 0px; margin: 0px; left: 1vw; top: 1vw; cursor: pointer; z-index: 99999999;}
.Page2 dd p img {width: 100%; height: 100%;}

/*三、品牌理念*/
.Page3 {width: 100%; height: 100%; float: left; overflow: hidden; position: relative;}
.PPLL {width: 100%; height: auto; float: left; overflow: hidden;}
.PPLL_L {width: 24.47%; height: 100%; float: left;}
.PPLL_L ul {width: 100%; height: 100%; float: left;}
.PPLL_L ul li {width: 100%; height: auto; float: left; position: relative; border-bottom: 3px #FFF solid; z-index: 9;}
.PPLL_L ul li:last-child {border-bottom: none;}
.PPLL_L ul li div {width: 100%; height: 100%; position: absolute; z-index: 2; left: 0px; top: 0px; background-color: #F7F7F7; font-size: 90px; cursor: pointer; color: #00a972;}
.PPLL_L ul li div b {width: 100%; height: 100%; float: left; font-weight: normal; opacity: 1; padding-left: 0px; color: #00a972;}
/*.PPLL_L ul li div.current {width:150%; background-color: #00a972; color: #FFF; padding-right: 20%; text-align: right;}*/
.PPLL_L ul li div span {width: 100%; height: 100%; position:absolute; z-index: 3; left: 0px; top: 0px; background-image: url("../image/arr.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: -500% top;}

.PPLL_L ul li div.current {animation: ppll 0.2s 0s both ease-in;}
@keyframes ppll{
	0%{width: 100%; background-color: #F7F7F7;}
	100%{width: 150%; background-color: #00a972;}
}
@-webkit-keyframes ppll{
	0%{width: 100%; background-color: #F7F7F7;}
	100%{width: 150%; background-color: #00a972;}
}
@keyframes ppll1{
	0%{width: 100%; height: 100%; background-color: #F7F7F7;}
	100%{width: 100%; height: 350%; background-color: #00a972;}
}
@keyframes ppll2{
	0%{width: 100%; height: 100%; background-color: #F7F7F7;}
	100%{width: 100%; height: 230%; background-color: #00a972;}
}
.PPLL_L ul li div.current b {animation: ppll_b 1s 0s both ease-in;}
@keyframes ppll_b{
	0%{opacity: 1;}
	33%{opacity: 0; padding-right: 30%;}
	66%{opacity: 0; padding-left: 0px;}
	100%{opacity: 1; padding-left: 30%; color: #FFF;}
}
@keyframes ppll_b1{
	0%{opacity: 1; margin-top: 0px;}
	33%{opacity: 0; margin-top: -20px;}
	66%{opacity: 0; padding-bottom: 30%; padding-top: 0px;}
	100%{opacity: 1; padding-bottom: 0%; padding-top: 45%; color: #FFF;}
}
.PPLL_L ul li div.current span {animation: ppll_span 0.5s 1s both ease;}
@keyframes ppll_span{
	0%{background-position: -500% top;}
	100%{background-position: 20% top;}
}
@keyframes ppll_span1{
	0%{background-position: -500% top;}
	100%{background-position: 0% top;}
}
@keyframes ppll_span2{
	0%{background-position: left -500%; opacity: 0;}
	100%{background-position: left 0%; opacity: 1;}
}

.PPLL_R {width: 75.53%; height: 100%; float: left; overflow: hidden; position: relative;}
.PPLL_R_K {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; display: none;}
.PPLL_R_K img {width: 100%; height: auto; position: absolute; left: 0px; top: 0px; z-index: 1;}
.PPLL_R_K div {width: 780px; height: auto; position: absolute; right: 5%; bottom:5%; z-index: 3; text-align: left; visibility: hidden;}
.PPLL_R_K div span {width: 100%; height: auto; float: left; overflow: hidden; background-color: #FFF; padding: 0px; margin: 0px; padding: 60px 90px; padding-bottom: 60px;}
.PPLL_R_K div span b {width: 100%; height: auto; float: left; line-height: 90px; font-size: 46px; color: #00a972; padding-bottom: 30px; position: relative;}
.PPLL_R_K div span b::after {width: 100%; height: 1px; content: " "; position: absolute; left: 0px; bottom: 0px; background-color: #00a972; animation: WidthToFull 1s 1s both;}
.PPLL_R_K div span b font {width: 100%; height: auto; float: left; overflow: hidden; visibility: hidden;}
.PPLL_R_K div span ul {width: 100%; height: auto; float: left; line-height: 30px; font-size: 18px; color: #333; padding-top: 5%; visibility: hidden;}
.PPLL_R_K div span ul li {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 10px;}
.PPLL_R_K div dd {width: 100%; height: 31px; float: left; overflow: hidden; border-top: 1px #FFF solid;}
.PPLL_R_K div dd u {width: calc(100% - 31px); height: 100%; float: left; overflow: hidden; background-color: #FFF;}
.PPLL_R_K div dd i {width: 31px; height: 100%; float: left; overflow: hidden; background-image: url("../image/jiao.png");}
.PPLL_R_T {width: 100%; height: auto; position: absolute; right: 5%; top: 5%; color: #FFF; text-align: right; z-index: 3;}
.PPLL_R_T b {width: 100%; height: auto; float: left; line-height: 50px; font-size: 48px; letter-spacing:17px;}
.PPLL_R_T span {width: 100%; height: auto; float: left; line-height: 30px; font-size: 28px; padding-right: 18px; margin-top: 1vw; font-family:"PingFang SC"}

/*四、价值主张*/
.Page4 {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; background-image: url("../image/page4_b.png"); background-repeat: no-repeat; background-position: 10% center; background-size: auto 80%;}
.JJZZ {width: 200%; height: 100%; position: absolute; left: 0px; top: 0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.JJZZ1 {width: 50%; height: 100%; float: left; overflow: hidden; position: relative;}
.JJZZ1_T {width: 100%; height: auto; position: absolute; color: #333; left: 0px; top: 5vw; z-index: 1; padding-left: 17px;}
.JJZZ1_T b {width: 100%; height: auto; float: left; line-height: 50px; font-size: 48px; letter-spacing:17px; animation: Fu_Up 0.5s 0.5s both;}
.JJZZ1_T span {width: 100%; height: auto; float: left; line-height: 30px; font-size: 23px; padding-right: 13px; animation: Fu_Up 0.5s 1.0s both; margin-top: 1.1vw;}
.JJZZ1_C {width: 100%; height: auto; position: absolute; color: #00a972; left: 0px; top: 10%; z-index: 2;}
.JJZZ1_C div {width: 100%; height: auto; float: left; line-height: 70px; font-size: 60px; letter-spacing:0px; text-align: center; animation: Fu_Up 0.5s 1.5s both;}
.JJZZ1_C div b {width: auto; height: auto; margin: 0px auto; display: inline-block;}
.JJZZ1_C div b p {width: 100%; height: 0.2vw; float: left; overflow: hidden; background-color: #00a971; padding: 0px; margin: 0px; margin-top: 1.2vw; animation: WidthToFull 0.5s 1.5s both;}
.JJZZ1_C span {width: 100%; height: auto; float: left; line-height: 50px; font-size: 50px; margin-top: 1.2vw; animation: Fu_Up 0.5s 2.0s both; font-weight: 350;}
.JJZZ2 {width: 50%; height: 100%; float: left; overflow: hidden; position: relative;}
.JJZZ2_K {width: 25%; height: 100%; float: left; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; font-size: 44px; font-weight: bold; color: #FFF; position :relative;}
.JJZZ2_K_Img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: hidden; z-index: 1;}
.JJZZ2_K_Img div {width: 100%; height: 100%; float: left; overflow: hidden;}
.JJZZ2_K_Img div img {width: auto; height: 100%; position: absolute; left: 0px; top: 0px; transform: scale(1);}
.JJZZ2_K_Img div img.current {transform: scale(1.2);
-webkit-transition: all 20s ease-in-out;
-moz-transition: all 20s ease-in-out;
transition: all 20s ease-in-out;
}
.JJZZ2_K_Img div img.current1 {transform: scale(1);
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.JJZZ2_K_Txt {width: 100%; height: 48px; line-height: 48px; position: absolute; left: 0px; top: 0px; z-index: 2;}
.JJZZ2_K_Txt div {width: auto; height: 100%; margin: 0px auto; display: inline-block; overflow: hidden;}
.JJZZ2_K_Txt div span {width: 106px; height: 100%; float: left; overflow: hidden; position: relative; margin-right: 5px;}
.JJZZ2_K_Txt div span ul {width: 100%; height: auto; overflow: hidden; position: absolute; left: 0px; top: 0px; display: none; background-color: #00a971;}
/*.JJZZ2 .JJZZ2_K:nth-child(1) .JJZZ2_K_Txt div span ul {animation: TxtToTop1 10s 1s infinite;}
.JJZZ2 .JJZZ2_K:nth-child(2) .JJZZ2_K_Txt div span ul {animation: TxtToTop2 10s 1s infinite;}
.JJZZ2 .JJZZ2_K:nth-child(3) .JJZZ2_K_Txt div span ul {animation: TxtToTop3 10s 1s infinite;}
.JJZZ2 .JJZZ2_K:nth-child(4) .JJZZ2_K_Txt div span ul {animation: TxtToTop4 10s 1s infinite;}*/
.JJZZ2_K_Txt div span ul li {width: 100%; height: 48px; float: left; overflow: hidden;}
.JJZZ2_K_Txt div p {width: auto; height: 100%; float: left; overflow: hidden; padding: 0px; margin: 0px;}

/*五、价值主张*/
.Page5 {width: 100%; height: 100%; float: left; overflow: hidden; position: relative;}
.Logos {width: 100%; height: auto; position: absolute; left: 0px; top: 0px;}
.Download {width: 100%; height: auto; position: absolute; left: 0px; bottom: 48px; padding: 5% 0px; background-color: #000;}
.Page5 .Logos a { text-align:  center; }
.Logos_T {width: 100%; height: auto; float: left; overflow: hidden;}
.Logos_T img {width: 480px; height: auto;}
.Logos_C {width: 100%; max-width: 1800px; height: auto; margin: 0px auto; display: inline-block; margin-top: 5%;}
.Logos_C div {width: 25%; height: auto; float: left; overflow: hidden; visibility: hidden;}
.Logos_C div img {width: 290px; height: auto;}

.Download {width: 100%; height: auto; padding: 5% 0px; background-color: #000;}
.Download .attachments {width: auto; height: 40px; line-height: 40px; margin: 0px auto; display:inline-block; background-color: #00a972; color: #FFF; font-weight: bold; font-size: 22px; cursor: pointer; border-radius: 20px; padding:0px 15px; text-decoration: none;}


.Page5 .footer {
	height: 48px;
	width: 100%;
	background-color: #3E3D49;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
}

.Page5 .footer a {
	text-decoration: underline;
	color: #898898;
	font-weight: 600;
	padding: 10px 20px;
}

@media(max-width:1920px){
	.Page2 div {max-width: 1200px;}
	.Logos_T img {width: 450px;}
	.Logos_C {max-width: 1500px;}
	.Logos_C div img {width: 210px;}
}

@media(max-width:1600px){
	.PPLL_R_K div {width:600px;}
	.PPLL_R_K div span {padding: 40px 60px; padding-bottom: 5%;}
	.PPLL_R_K div span b {font-size: 36px; line-height: 45px;}
	.PPLL_R_K div span ul {font-size: 17px; line-height: 25px;}
	.JJZZ2_K {font-size: 35px;}
	.JJZZ2_K_Txt div span {width: 80px;}
	.Logos_C {max-width: 1200px;}
	.Logos_T img {width: 400px;}
	.Logos_C div img {width: 180px;}
}

@media(max-width:1500px){
}

@media(max-width:1199px){
	.PPLL_L ul li div {font-size: 40px;}
	.PPLL_R_K div {width:490px;}
	.PPLL_R_K div span {padding: 40px 60px; padding-bottom: 5%;}
	.PPLL_R_K div span b {font-size: 28px; line-height: 35px;}
	.PPLL_R_K div span ul {font-size: 16px; line-height: 25px;}
	.page2 div {width: 90%;}
	.JJZZ2_K {font-size: 30px;}
	.JJZZ2_K_Txt div span {width: 70px;}
	.PPLL_R_T b {line-height: 35px; font-size: 30px; letter-spacing:15px;}
	.PPLL_R_T span {line-height: 25px; font-size: 19.5px; padding-right: 13px; margin-top: 1vw;}
}

@media(max-width:1003px){
	.PPLL_L ul li div {font-size: 40px;}
	.JJZZ2_K {font-size: 24px;}
	.JJZZ2_K_Txt {height: 40px; line-height: 40px;}
	.JJZZ2_K_Txt div span {width: 60px;}
	.JJZZ2_K_Txt div span ul li {height: 40px;}
	.PPLL_L ul li div.current span {animation: ppll_span1 0.5s 1.5s both;}
}

@media(max-width:749px){
	.Video_Txt b {font-size: 24px; line-height: 40px; letter-spacing:10px;}
	.Video_Txt span {font-size: 15px; line-height: 20px; margin-top: 20px;}
	.Video_Txt div {padding-right: 50px;}
	.Video_Txt div img {width: 150px; margin-top: 50px;}
	.Page2 div {font-size: 4vw;}
	.PPLL_L {width:100%; height: 50px;}
	.PPLL_R {width: 100%; height: calc(100% - 50px);}
	.PPLL_L ul li {width: 33.33%; height: 50px; border-bottom: none;}
	.PPLL_L ul li div {font-size: 24px;}
	.PPLL_L ul li div.current {animation: ppll1 0.5s 0.5s both;}
	.PPLL_L ul li div.current b {animation: ppll_b1 1.5s 0s both;}
	.PPLL_L ul li div span {background-image: url("../image/arr1.png"); background-size: 100% auto; background-position: left -500%; opacity: 0;}
	.PPLL_L ul li div.current span {animation: ppll_span2 0.5s 1.5s both;}
	.PPLL_R_T {text-align: center; right: 0px;}
	.PPLL_R_T b {line-height: 30px; font-size: 26px; letter-spacing:13px;}
	.PPLL_R_T span {line-height: 22px; font-size: 16.6px; padding-right: 13px; margin-top: 1vw;}
	.PPLL_R_K div span {padding: 30px 40px; padding-bottom: 5%;}
	.PPLL_R_K div span b {font-size: 24px; line-height: 30px;}
	.PPLL_R_K div span ul {font-size: 14px; line-height: 22px;}
	.PPLL_R_K div span ul li {margin-top: 5px;}
	.JJZZ2_K {width: 100%; height: 25%; background-size: 100% auto;}
	.Logos_T img {max-width: 50%;}
	.Logos_C div img {width: 150px;}
	.Download {padding: 10% 0px;}
	.Download div {height: 60px; line-height: 60px; font-size: 18px;}
	.JJZZ1_T b {font-size: 30px; line-height: 40px; letter-spacing: 10px;}
	.JJZZ1_T {padding-left: 17px;}
	.JJZZ1_T span {font-size: 15px; margin-top: 0.1vw;}
	.JJZZ1_C div {font-size: 40px; line-height: 60px;}
	.JJZZ1_C span {font-size: 34px; line-height: 35px;}
	.Logos_C div {width: 33.33%;}
}

@media(max-width:479px){
	.LOGO {width: 100%; max-width: 100%; top: 6vw; left: 0px;}
	.LOGO img {width: auto; height: 24px;}
	.Video_Txt b {font-size: 18px; line-height: 30px; letter-spacing:5px;}
	.Video_Txt span {font-size: 14px; line-height: 20px; margin-top: 20px;}
	.Video_Txt div {padding-right: 30px;}
	.Video_Txt div img {width: 120px; margin-top: 30px;}
	.Page2 div {font-size: 4.5vw; line-height: 7vw;}
	.Page2 font {background-size: 100%; left: 50%;}
	.PPLL_L ul li div {font-size: 20px;}
	.PPLL_L ul li div.current {animation: ppll2 0.5s 0.5s both;}
	.PPLL_R_T {top: 10%; padding-left: 2%;}
	.PPLL_R_K div {width: 290px;}
	.PPLL_R_K div span {padding: 10px 20px; padding-bottom: 0px;}
	.PPLL_R_K div span b {font-size: 18px; line-height: 28px; padding-bottom: 20px;}
	.PPLL_R_K div span ul {font-size: 12px; line-height: 20px;}
	.PPLL_R_T b {line-height: 28px; font-size: 20px; letter-spacing:11px;}
	.PPLL_R_T span {line-height: 20px; font-size: 13px; padding-right: 13px; margin-top: 1vw;}
	.JJZZ1_T b {font-size: 24px; line-height: 30px; letter-spacing: 10px;}
	.JJZZ1_T {padding-left: 17px;}
	.JJZZ1_T span {font-size: 13px;}
	.JJZZ1_C div {font-size: 30px; line-height: 50px;}
	.JJZZ1_C span {font-size: 24px; line-height: 35px;}
	.JJZZ2_K_Txt {height: 34px; line-height: 34px;}
	.JJZZ2_K_Txt div span ul li {height: 34px;}
	.Logos_C div {width: 50%;}
	.Download div {height: 40px; line-height: 40px; font-size: 15px;}
	.Video_Down img {width: 150px;}
}