@charset "utf-8";
body, html {
font-size: -webkit-calc(100vw / 120);
font-size: -moz-calc(100vw / 120);
font-size: calc(100vw / 120);
}
@media (min-width: 1024px) and (max-width: 1366px) {
body, html {
font-size: -webkit-calc(100vw / 100);
font-size: -moz-calc(100vw / 100);
font-size: calc(100vw / 100);
}
}
@media (min-width: 767px) and (max-width: 1024px) {
body, html {
font-size: -webkit-calc(100vw / 90);
font-size: -moz-calc(100vw / 90);
font-size: calc(100vw / 90);
}
}
@media (max-width: 767px) {
body, html {
font-size: 14px;
}
}
.tio_naxsa {
padding-top: 50px;
}
.tio_naxsa dt {
color: #333333;
font: 500 20px/60px "sourcehansans";
}
.tio_naxsa dt img {
width: 40px;
margin-right: 1em;
}
@media (max-width: 768px) {
.tio_naxsa dt img {
width: 30px;
}
}
.tio_naxsa .s_srsa a {
display: block;
color: #666666;
font: 500 15px/60px "sourcehansans";
}
.tio_naxsa .s_srsa a:hover {
color: #000;
}
.tio_naxsa .s_srsa a + a {
margin-left: 3em;
}
.yycja-cont1 {
font-size: 0;
}
.yycja-cont1 .as_sst {
width: 100%;
z-index: 9;
}
.yycja-cont1 .as_sst dt {
color: #fff;
font: 600 4rem/1.5em "sourcehansans";
text-shadow: 0 2px 0.5rem rgba(0, 0, 0, 0.5);
}
.hs {
background: #000;
}
.hsz {
color: #000 !important;
}
.secImg {
z-index: 9;
}
.sec1a {
position: relative;
overflow: hidden;
}
.sec_alla {
background: #000;
}
.jcbfbj {
background: url(../images/bjs1.jpg) no-repeat center bottom;
-o-background-size: cover;
background-size: cover;
height: 50vw;
padding: 5% 0;
}
.jcbfbj.jcbfbja1 {
background: url(../images/bjs1ast1.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
}
.jcbfbj.jcbfbja1 .ahhsdrsa .xp-bj {
left: 37.3%;
top: 41%;
width: 25.36458vw;
}
.jcbfbj .titl_ad {
position: absolute;
left: 0;
width: 100%;
}
.jcbfbj .ahhsdrsa {
color: #fff;
margin-top: 4.375rem;
}
.jcbfbj .ahhsdrsa p {
font: 500 2.25rem/1.8em "sourcehansans";
position: absolute;
left: 48.17708%;
top: 60%;
}
.jcbfbj .ahhsdrsa .xp-bj {
width: 15.57292vw;
position: absolute;
left: 30.83333%;
top: 50%;
}
.jcbfbj .ahhsdrsa .xp-bj img {
width: 100%;
}
.secImg img {
-o-object-fit: cover;
object-fit: cover;
}
.app_body {
overflow-x: hidden;
}
.titl_ad {
color: #fff;
}
.titl_ad dt {
font: 600 4rem/1.2em "sourcehansans";
}
.titl_ad .p {
margin-top: 2em;
}
.titl_ad .p dd {
font: 500 2rem/1.6em "sourcehansans";
}
.titl_ad .p p {
font: 500 1.5rem/1.7em "sourcehansans";
}
.titl_ad .p p span {
display: block;
}
.gxl-cont1 {
padding: 6.25rem 0 43.5rem;
}
.gxl-cont1 .dlta {
color: #fff;
font: 600 2.25rem/1.5em "sourcehansans";
margin-top: 0.5em;
}
.gxl-cont2 {
padding: 18.125rem 0 29.0625rem;
}
.gxl-cont2 .dtas {
font: 500 4rem/1.2em "sourcehansans";
margin-top: 0.2em;
}
.gxl-cont3 {
background: #000;
padding: 5.9375rem 0 3.125rem;
}
.gxl-cont3 .dlkbj {
padding: 0 8%;
position: relative;
}
.gxl-cont3 .dlkbj i {
display: block;
}
.gxl-cont3 .dlkbj i img {
width: 100%;
}
.gxl-cont3 .dlkbj .dlkbj-asd {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
padding: 3.7% 10.8% 7.4% 11.8%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gxl-cont3 .dlkbj .dlkbj-asd img {
width: 100%;
height: 100%;
}
.gxl-cont3 .dlkbj .dlkbj-asd .pr {
width: 100%;
height: 100%;
}
.gxl-cont3 .dlkbj .dlkbj-asd .pr .twentytwenty-horizontal {
width: 100%;
height: 100%;
}
.gxl-cont3 .dlkbj .dlkbj-asd .twentytwenty-container {
height: 100% !important;
}
.wh-b {
padding: 0 12.70833%;
}
.sec_allat .sec1ata {
overflow: hidden;
position: relative;
}
.sec_allat .sec1ata .jcbfbj-a {
padding-top: 5vw;
height: 50vw;
}
.sec_allat .sec1ata .jcbfbj-a .cyl-zsa1 {
width: 36.26444%;
}
.sec_allat .sec1ata .jcbfbj-a .cyl-zsa1 .titl_ad {
color: #333333;
}
.sec_allat .sec1ata .jcbfbj-a .cyl-zsa1 .titl_ad .p p {
color: #666666;
}
.sec_allat .sec1ata .jcbfbj-a .cyl-zsa2 {
width: 53.85109%;
}
.cdsb-cont3 {
padding: 7rem 0;
}
.cdsb-cont3 .cdsb-a1 {
width: 37.80488%;
}
.cdsb-cont3 .cdsb-a1 .titl_ad dt {
color: #333333;
}
.cdsb-cont3 .cdsb-a1 .titl_ad .p {
color: #666;
margin-top: 2em;
}
.cdsb-cont3 .cdsb-a2 {
width: 40.65041%;
margin-right: 5%;
}
.wes-sd-z dt {
color: #333333;
font: 600 4rem/1.3em "sourcehansans";
}
.wes-sd-z p {
color: #666666;
font: 500 1.5rem/1.5em "sourcehansans";
margin-top: 0.4em;
}
.twentytwenty-horizontal .twentytwenty-after-label:before, .twentytwenty-horizontal .twentytwenty-before-label:before {
display: none;
}
.tvgq-cont1 {
overflow: hidden;
}
.tvgq-cont1 .sec1aSrcollDiv {
width: 100%;
height: 100%;
}
.tvgq-cont1 .sec1aSrcollDiv h2 {
color: #fff;
font: 600 4rem/1.5em "sourcehansans";
width: 100%;
text-align: center;
}
.tvgq-cont1 .sec1aSrcollDiv .tvgq-d1 {
width: 100%;
color: #fff;
text-align: center;
display: none;
}
.tvgq-cont1 .sec1aSrcollDiv .tvgq-d1 dt {
font: 600 3.125rem/1.5em "sourcehansans";
}
.tvgq-cont1 .sec1aSrcollDiv .tvgq-d1 dd {
font: 500 2rem/1.4em "sourcehansans";
}
.tvgq-cont1 .sec1aSrcollDiv .tvgq-d1 p {
font: 500 1.5rem/1.4em "sourcehansans";
}
.tvgq-cont1 .sec1aSrcollDiv.onn h2 {
display: none;
}
.tvgq-cont1 .sec1aSrcollDiv.onn .tvgq-d1 {
display: block;
}
.tvgq-cont1 .tvgq-a1 {
height: 60vw;
}
.tvgq-cont1 .tvgq-a1 .wh-a {
position: absolute;
width: 69.11458%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: 10vw;
}
.tvgq-cont1 .tvgq-a1 .wh-a .tvgq-c1 {
position: relative;
}
.tvgq-cont1 .tvgq-a1 .wh-a .tvgq-c1 .img-asd i {
display: block;
font-size: 0;
}
.tvgq-cont2 .tvgq-a2_v1 {
padding: 5% 3% 5% 12.65625%;
}
.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b1 {
width: 34.64583%;
text-align: justify;
}
.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 {
width: 55.57292%;
}
.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd {
position: absolute;
left: 0;
top: 0;
z-index: 9;
width: 100%;
height: 100%;
padding: 7.8% 1.7% 11.2% 3.5%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd .pr {
width: 100%;
height: 100%;
}
.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal {
width: 100%;
height: 100%;
}
.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container {
height: 100% !important;
}
.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.tvgq-cont2.tvgq-cont2_bj {
background: -webkit-linear-gradient(341.42deg, #4CDA73 2.89%, #00A2E8 87.53%);
background: -moz-linear-gradient(341.42deg, #4CDA73 2.89%, #00A2E8 87.53%);
background: -o-linear-gradient(341.42deg, #4CDA73 2.89%, #00A2E8 87.53%);
background: linear-gradient(108.58deg, #4CDA73 2.89%, #00A2E8 87.53%);
}
.tvgq-cont2.tvgq-cont2_bj .wes-sd-z dt, .tvgq-cont2.tvgq-cont2_bj .wes-sd-z p {
color: #fff;
}
.tvgq-cont2.tvgq-cont2_bj .tvgq-a2_v1 .tvgq-a2_b2 {
width: 59.0625%;
}
.tvgq-cont2.tvgq-cont2_bj .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd {
padding: 3.6% 2.5% 17.8% 3.2%;
}
.tvgq-cont2.tvgq-cont2_bj1 {
background: url(../images/bjassdt1.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
}
.tvgq-cont2.tvgq-cont2_bj1 .wes-sd-z dt {
background: -webkit-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
background: -moz-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
background: -o-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
background: linear-gradient(108.58deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-o-background-clip: text;
background-clip: text;
text-fill-color: transparent;
text-align: left;
}
.tvgq-cont2.tvgq-cont2_bj1 .tvgq-a2_v1 .tvgq-a2_b1 {
width: 41%;
}
.tvgq-cont2.tvgq-cont2_bj1 .tvgq-a2_v1 .tvgq-a2_b2 {
width: 46.92708%;
}
.tvgq-cont2.tvgq-cont2_bj1 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd {
padding: 4.4% 8% 25.5% 8.4%;
}
.gxl-cont2ta {
padding: 44.3125rem 0 9.625rem;
}
.gxl-cont2ta .titl_ad-as {
font: 600 4rem/1.25em "sourcehansans";
text-align: right;
color: #fff;
}
.gxl-cont2ta p {
color: #fff;
font: 500 1.5rem/1.7em "sourcehansans";
margin-left: 50%;
text-align: right;
margin-top: 1em;
}
@media (max-width: 768px) {
.gxl-cont2ta p {
font-size: 1rem;
margin-left: 10%;
}
}
.sp_sdt img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.pbdn-cont1 .sec1ata .jcbfbj-a {
height: 38vw;
}
.pbdn-cont1 .wh-b {
padding: 0 4.21875% 0 12.39583%;
}
.pbdn-cont1 .sec1ata .jcbfbj-a .cyl-zsa2 {
width: 54.73958%;
}
.pbdn-cont1 .a-sd_sd {
position: absolute;
width: 19.27083vw;
left: 11%;
top: 46%;
}
.vrsdt-cont1 {
background: url(../images/bjs3tad.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
}
.vrsdt-cont1 .sec1ata .jcbfbj-a {
height: 38vw;
}
.vrsdt-cont1 .wh-b {
padding: 0 11.97917%;
}
.vrsdt-cont1 .sec1ata .jcbfbj-a .cyl-zsa1 {
width: 100%;
}
.vrsdt-cont1 .sec1ata .jcbfbj-a .cyl-zsa1 .titl_ad, .vrsdt-cont1 .sec1ata .jcbfbj-a .cyl-zsa1 .titl_ad .p p {
color: #fff;
}
.vrsdt-cont1 .a-sd_sd {
position: absolute;
width: 19.27083vw;
left: 11%;
top: 46%;
}
.ckxsp-cont1 {
padding: 4.375rem 0 1.5625rem;
background: url(../images/xbbj.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
}
.ckxsp-cont1 .ckxsp1-a1 {
width: 43.05556%;
}
.ckxsp-cont1 .ckxsp1-a1 .wes-sd-z dt, .ckxsp-cont1 .ckxsp1-a1 .wes-sd-z p {
color: #fff;
}
.ckxsp-cont1 .ckxsp1-a2 {
width: 30.97222%;
}
.ckxsp-cont2 {
padding: 25.5rem 0;
}
.ckxsp-cont3 {
padding: 23.25rem 0 19.875rem;
}
.ckxsp-cont3 .titl_ad p {
line-height: 1.5em;
width: 40%;
}
.ckxsp-cont3 .dlta {
font: 600 2.25rem/1.1em "";
margin-top: 1em;
}
.ckxsp-cont4 {
padding: 1rem 0;
background: url(../images/xbbj4.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
}
.ckxsp-cont4 .ckxsp1-a1 {
width: 46%;
}
.ckxsp-cont4 .ckxsp1-a1 .wes-sd-z dt, .ckxsp-cont4 .ckxsp1-a1 .wes-sd-z p {
color: #fff;
}
.ckxsp-cont4 .ckxsp1-a2 {
width: 52.84722%;
}
.ckxsp-cont5 {
padding: 7rem 0 9rem;
}
.ckxsp-cont5 .wes-sd-z dt {
background: -webkit-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
background: -moz-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
background: -o-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
background: linear-gradient(108.58deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-o-background-clip: text;
background-clip: text;
text-fill-color: transparent;
}
.ckxsp-cont5 .wes-sd-z p span {
display: block;
}
.ckxsp-cont5 .tvgq-a2_b2 {
width: 57.55208%;
margin: 2.8125rem auto 0;
}
.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd {
position: absolute;
left: 0;
top: 0;
z-index: 9;
width: 100%;
height: 100%;
padding: 2.6% 2.9% 2.9% 2.7%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd .pr {
width: 100%;
height: 100%;
}
.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal {
width: 100%;
height: 100%;
}
.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container {
height: 100% !important;
}
.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 2rem;
}
.led-cont1 .as_sst {
top: auto;
bottom: 15%;
}
.led-cont5 {
padding: 6.5rem 0 4.5125rem;
}
.led-cont5 .wes-sd-z dt {
color: #000;
background: none;
-webkit-text-fill-color: #000;
}
.led-cont5 .tvgq-a2_b2 .dlkbj-asd {
padding: 1.8% 2.2% 2.4%;
}
.led-cont5 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container img {
border-radius: 0;
}
.led-cont2 .sec1aSrcollDiv.on img {
border: 1em solid #000000;
}
@-webkit-keyframes LetterColor {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .625rem #00b3ff,
0 0 1.25rem #FF0000,
0 0 1.875rem #00b3ff,
0 0 2.5rem #FFD600,
0 0 3.125rem #00b3ff,
0 0 3.75rem #00FB19,
0 0 4.375rem #00b3ff,
0 0 5rem #00A3FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .625rem #00b3ff,
0 0 1.25rem #FF0000,
0 0 2.5rem #00b3ff,
0 0 5rem #FFD600,
0 0 7.5rem #00b3ff,
0 0 25rem #FFD600;
/* 色调变换360度 */
-webkit-filter: hue-rotate(360deg);
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
}
@-moz-keyframes LetterColor {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .625rem #00b3ff,
0 0 1.25rem #FF0000,
0 0 1.875rem #00b3ff,
0 0 2.5rem #FFD600,
0 0 3.125rem #00b3ff,
0 0 3.75rem #00FB19,
0 0 4.375rem #00b3ff,
0 0 5rem #00A3FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .625rem #00b3ff,
0 0 1.25rem #FF0000,
0 0 2.5rem #00b3ff,
0 0 5rem #FFD600,
0 0 7.5rem #00b3ff,
0 0 25rem #FFD600;
/* 色调变换360度 */
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
filter: hue-rotate(0deg);
}
}
@-o-keyframes LetterColor {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .625rem #00b3ff,
0 0 1.25rem #FF0000,
0 0 1.875rem #00b3ff,
0 0 2.5rem #FFD600,
0 0 3.125rem #00b3ff,
0 0 3.75rem #00FB19,
0 0 4.375rem #00b3ff,
0 0 5rem #00A3FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .625rem #00b3ff,
0 0 1.25rem #FF0000,
0 0 2.5rem #00b3ff,
0 0 5rem #FFD600,
0 0 7.5rem #00b3ff,
0 0 25rem #FFD600;
/* 色调变换360度 */
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
filter: hue-rotate(0deg);
}
}
@keyframes LetterColor {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .625rem #00b3ff,
0 0 1.25rem #FF0000,
0 0 1.875rem #00b3ff,
0 0 2.5rem #FFD600,
0 0 3.125rem #00b3ff,
0 0 3.75rem #00FB19,
0 0 4.375rem #00b3ff,
0 0 5rem #00A3FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .625rem #00b3ff,
0 0 1.25rem #FF0000,
0 0 2.5rem #00b3ff,
0 0 5rem #FFD600,
0 0 7.5rem #00b3ff,
0 0 25rem #FFD600;
/* 色调变换360度 */
-webkit-filter: hue-rotate(360deg);
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
}
@-webkit-keyframes LetterColora {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .3125rem #00b3ff,
0 0 .4375rem #FF0000,
0 0 .5625rem #00b3ff,
0 0 .6875rem #FFD600,
0 0 .8125rem #00b3ff,
0 0 .9375rem #00FB19,
0 0 1.0625rem #00b3ff,
0 0 1.1875rem #00A3FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .3125rem #00b3ff,
0 0 .4375rem #FF0000,
0 0 .6875rem #00b3ff,
0 0 .8125rem #FFD600,
0 0 .9375rem #00b3ff,
0 0 1.0625rem #FFD600;
/* 色调变换360度 */
-webkit-filter: hue-rotate(360deg);
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
}
@-moz-keyframes LetterColora {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .3125rem #00b3ff,
0 0 .4375rem #FF0000,
0 0 .5625rem #00b3ff,
0 0 .6875rem #FFD600,
0 0 .8125rem #00b3ff,
0 0 .9375rem #00FB19,
0 0 1.0625rem #00b3ff,
0 0 1.1875rem #00A3FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .3125rem #00b3ff,
0 0 .4375rem #FF0000,
0 0 .6875rem #00b3ff,
0 0 .8125rem #FFD600,
0 0 .9375rem #00b3ff,
0 0 1.0625rem #FFD600;
/* 色调变换360度 */
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
filter: hue-rotate(0deg);
}
}
@-o-keyframes LetterColora {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .3125rem #00b3ff,
0 0 .4375rem #FF0000,
0 0 .5625rem #00b3ff,
0 0 .6875rem #FFD600,
0 0 .8125rem #00b3ff,
0 0 .9375rem #00FB19,
0 0 1.0625rem #00b3ff,
0 0 1.1875rem #00A3FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .3125rem #00b3ff,
0 0 .4375rem #FF0000,
0 0 .6875rem #00b3ff,
0 0 .8125rem #FFD600,
0 0 .9375rem #00b3ff,
0 0 1.0625rem #FFD600;
/* 色调变换360度 */
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
filter: hue-rotate(0deg);
}
}
@keyframes LetterColora {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .3125rem #00b3ff,
0 0 .4375rem #FF0000,
0 0 .5625rem #00b3ff,
0 0 .6875rem #FFD600,
0 0 .8125rem #00b3ff,
0 0 .9375rem #00FB19,
0 0 1.0625rem #00b3ff,
0 0 1.1875rem #00A3FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .3125rem #00b3ff,
0 0 .4375rem #FF0000,
0 0 .6875rem #00b3ff,
0 0 .8125rem #FFD600,
0 0 .9375rem #00b3ff,
0 0 1.0625rem #FFD600;
/* 色调变换360度 */
-webkit-filter: hue-rotate(360deg);
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
}
@-webkit-keyframes LetterColorb {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .3125rem #90F9FF,
0 0 .4375rem #90F9FF,
0 0 .5625rem #90F9FF,
0 0 .6875rem #90F9FF,
0 0 .8125rem #90F9FF,
0 0 .9375rem #90F9FF,
0 0 1.0625rem #90F9FF,
0 0 1.1875rem #90F9FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .3125rem #90F9FF,
0 0 .4375rem #90F9FF,
0 0 .6875rem #90F9FF,
0 0 .8125rem #90F9FF,
0 0 .9375rem #90F9FF,
0 0 1.0625rem #90F9FF;
/* 色调变换360度 */
-webkit-filter: hue-rotate(360deg);
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
}
@-moz-keyframes LetterColorb {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .3125rem #90F9FF,
0 0 .4375rem #90F9FF,
0 0 .5625rem #90F9FF,
0 0 .6875rem #90F9FF,
0 0 .8125rem #90F9FF,
0 0 .9375rem #90F9FF,
0 0 1.0625rem #90F9FF,
0 0 1.1875rem #90F9FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .3125rem #90F9FF,
0 0 .4375rem #90F9FF,
0 0 .6875rem #90F9FF,
0 0 .8125rem #90F9FF,
0 0 .9375rem #90F9FF,
0 0 1.0625rem #90F9FF;
/* 色调变换360度 */
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
filter: hue-rotate(0deg);
}
}
@-o-keyframes LetterColorb {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .3125rem #90F9FF,
0 0 .4375rem #90F9FF,
0 0 .5625rem #90F9FF,
0 0 .6875rem #90F9FF,
0 0 .8125rem #90F9FF,
0 0 .9375rem #90F9FF,
0 0 1.0625rem #90F9FF,
0 0 1.1875rem #90F9FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .3125rem #90F9FF,
0 0 .4375rem #90F9FF,
0 0 .6875rem #90F9FF,
0 0 .8125rem #90F9FF,
0 0 .9375rem #90F9FF,
0 0 1.0625rem #90F9FF;
/* 色调变换360度 */
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
filter: hue-rotate(0deg);
}
}
@keyframes LetterColorb {
0% {
color: #fff;
/* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
box-shadow: 0 0 .3125rem #90F9FF,
0 0 .4375rem #90F9FF,
0 0 .5625rem #90F9FF,
0 0 .6875rem #90F9FF,
0 0 .8125rem #90F9FF,
0 0 .9375rem #90F9FF,
0 0 1.0625rem #90F9FF,
0 0 1.1875rem #90F9FF;
/* 设置高斯模糊与色调,实现模糊效果和颜色变换 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
30%,
70% {
color: #fff;
/* 减少光晕大小 */
box-shadow: 0 0 .3125rem #90F9FF,
0 0 .4375rem #90F9FF,
0 0 .6875rem #90F9FF,
0 0 .8125rem #90F9FF,
0 0 .9375rem #90F9FF,
0 0 1.0625rem #90F9FF;
/* 色调变换360度 */
-webkit-filter: hue-rotate(360deg);
filter: hue-rotate(360deg);
}
100% {
/* 动画结束字变透明 */
color: transparent;
/* 动画结束消除阴影 */
box-shadow: none;
/* 动画结束色调重置 */
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
}
.xg-xp-xont1 {
background: url(../images/bjs1ast1.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
padding: 10.25rem 0 8.25rem;
}
.xg-xp-xont1 .xptiasd {
width: 23.59375%;
margin: 0 auto;
margin-top: 5rem;
position: relative;
}
.xg-xp-xont1 .xptiasd::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-animation: LetterColor 3s linear infinite;
-moz-animation: LetterColor 3s linear infinite;
-o-animation: LetterColor 3s linear infinite;
animation: LetterColor 3s linear infinite;
/* 计算每个字的动画起始时间 */
-webkit-animation-delay: -webkit-calc(0.1s * var(--o));
-moz-animation-delay: -moz-calc(0.1s * var(--o));
-o-animation-delay: calc(0.1s * var(--o));
animation-delay: calc(0.1s * var(--o));
}
.xg-xp-cont2 {
background: url(../images/bjs1.jpg) no-repeat center bottom;
-o-background-size: cover;
background-size: cover;
padding: 10.1875rem 0 16.875rem;
}
.xg-xp-cont2 .ahhsdrsa {
margin-top: 6.25rem;
}
.xg-xp-cont2 .ahhsdrsa p {
color: #fff;
font-size: 2.25rem;
margin-left: 1.5em;
}
.xg-xp-cont2 .ahhsdrsa .fgxpz {
width: 15.0625rem;
}
.xg-xp-cont2 .ahhsdrsa .fgxpz img {
-webkit-animation: LetterColor 3s linear infinite;
-moz-animation: LetterColor 3s linear infinite;
-o-animation: LetterColor 3s linear infinite;
animation: LetterColor 3s linear infinite;
/* 计算每个字的动画起始时间 */
-webkit-animation-delay: -webkit-calc(0.1s * var(--o));
-moz-animation-delay: -moz-calc(0.1s * var(--o));
-o-animation-delay: calc(0.1s * var(--o));
animation-delay: calc(0.1s * var(--o));
}
.xg-xp-cont3 {
padding: 9.75rem 0 10.9375rem;
}
.xg-xp-cont3 .wh-a {
padding: 0 4.21875% 0 12.39583%;
}
.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 {
width: 36.26444%;
}
.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 .titl_ad {
color: #333333;
position: relative;
z-index: 1;
}
.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 .titl_ad .p p {
color: #666;
}
.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 .fgxpz {
width: 19.125rem;
margin-top: 6.25rem;
}
.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 .fgxpz img {
-webkit-animation: LetterColora 3s linear infinite;
-moz-animation: LetterColora 3s linear infinite;
-o-animation: LetterColora 3s linear infinite;
animation: LetterColora 3s linear infinite;
/* 计算每个字的动画起始时间 */
-webkit-animation-delay: -webkit-calc(0.1s * var(--o));
-moz-animation-delay: -moz-calc(0.1s * var(--o));
-o-animation-delay: calc(0.1s * var(--o));
animation-delay: calc(0.1s * var(--o));
}
.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b2 {
width: 54.73958%;
}
.FpulseSlow2 {
-webkit-animation: FpulseSlow2 infinite 3s linear;
-moz-animation: FpulseSlow2 infinite 3s linear;
-o-animation: FpulseSlow2 infinite 3s linear;
animation: FpulseSlow2 infinite 3s linear;
opacity: 0.1;
}
@-webkit-keyframes FpulseSlow2 {
0% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 1;
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.5;
}
100% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@-moz-keyframes FpulseSlow2 {
0% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 1;
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.5;
}
100% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@-o-keyframes FpulseSlow2 {
0% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 1;
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.5;
}
100% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@keyframes FpulseSlow2 {
0% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 1;
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0.5;
}
100% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@-webkit-keyframes opacitya {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@-moz-keyframes opacitya {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@-o-keyframes opacitya {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes opacitya {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.xg-xp-cont4 {
padding: 7.5rem 0 5.625rem;
}
.xg-xp-cont4 .cyl-zsa1 {
width: 34.625rem;
}
@media (max-width: 768px) {
.xg-xp-cont4 .cyl-zsa1 {
width: 100%;
}
}
.xg-xp-cont4 .cyl-zsa1 .titl_ad {
color: #333333;
}
.xg-xp-cont4 .cyl-zsa1 .titl_ad .p p {
color: #666666;
}
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd {
position: relative;
margin-top: 2rem;
}
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd1 {
width: 34.625rem;
height: 34.625rem;
border-radius: 50%;
background: url(../images/qa1.svg) no-repeat center;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
@media (max-width: 768px) {
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd1 {
width: 26rem;
height: 26rem;
margin: 0 auto;
}
}
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd2 {
width: 29.5rem;
height: 29.5rem;
border-radius: 50%;
background: url(../images/qa2.svg) no-repeat center;
-o-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
margin-top: -14.75rem;
margin-left: -14.75rem;
}
@media (max-width: 768px) {
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd2 {
width: 23rem;
height: 23rem;
margin-top: -11.5rem;
margin-left: -11.5rem;
}
}
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd3 {
width: 24.75rem;
height: 24.75rem;
border-radius: 50%;
background: url(../images/qa3.svg) no-repeat center;
-o-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
margin-top: -12.375rem;
margin-left: -12.375rem;
}
@media (max-width: 768px) {
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd3 {
width: 20rem;
height: 20rem;
margin-top: -10rem;
margin-left: -10rem;
}
}
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd4 {
width: 19.75rem;
height: 19.75rem;
border-radius: 50%;
background: url(../images/qa4.svg) no-repeat center;
-o-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
margin-top: -9.875rem;
margin-left: -9.875rem;
}
@media (max-width: 768px) {
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd4 {
width: 17rem;
height: 17rem;
margin-top: -8.5rem;
margin-left: -8.5rem;
}
}
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ahher {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 15.4375rem;
}
@media (max-width: 768px) {
.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ahher {
width: 12.4375rem;
}
}
.xg-xp-cont4 .cyl-zsa2 {
width: 33.85109%;
}
.xg-xp-cont6 {
background: url(../images/VCG211356688732.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
padding: 13rem 0;
}
.xg-xp-cont6 .a-sd_sd {
width: 19.1875rem;
margin-top: 8rem;
}
.xg-xp-cont6 .a-sd_sd img {
-webkit-animation: LetterColorb 3s linear infinite;
-moz-animation: LetterColorb 3s linear infinite;
-o-animation: LetterColorb 3s linear infinite;
animation: LetterColorb 3s linear infinite;
/* 计算每个字的动画起始时间 */
-webkit-animation-delay: -webkit-calc(0.1s * var(--o));
-moz-animation-delay: -moz-calc(0.1s * var(--o));
-o-animation-delay: calc(0.1s * var(--o));
animation-delay: calc(0.1s * var(--o));
}
.aggts-anc {
border-bottom: 1px solid #CFCFCF;
display: none;
}
.aggts-anc dl {
width: -webkit-calc(100%/8);
width: -moz-calc(100%/8);
width: calc(100%/8);
text-align: center;
}
@media (max-width: 1280px) {
.aggts-anc dl {
width: -webkit-calc(100%/4);
width: -moz-calc(100%/4);
width: calc(100%/4);
}
}
.aggts-anc dl a {
padding: 1em 0;
display: block;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.aggts-anc dl i {
display: block;
width: 2rem;
margin: 0 auto;
text-align: center;
}
@media (max-width: 1280px) {
.aggts-anc dl i {
width: 15%;
}
}
@media (max-width: 450px) {
.aggts-anc dl i {
width: 30%;
}
}
.aggts-anc dl i img {
width: 100%;
}
.aggts-anc dl h2 {
color: #333333;
font: 500 15px/1.5em "";
margin-top: 0.5em;
padding: 0 1em;
}
@media (max-width: 450px) {
.aggts-anc dl h2 {
font-size: 12px;
padding: 0 0.5em;
}
}
.aggts-anc dl.active i img {
-webkit-filter: invert(13%) sepia(23%) saturate(7496%) hue-rotate(224deg) brightness(84%) contrast(91%);
filter: invert(13%) sepia(23%) saturate(7496%) hue-rotate(224deg) brightness(84%) contrast(91%);
}
.aggts-anc dl.active h2 {
color: #1E2B6A;
}
.more-msl {
display: inline-block;
color: #000;
border: 1px solid #000;
text-decoration: none;
position: relative;
z-index: 2;
overflow: hidden;
white-space: nowrap;
font: 500 1rem/3rem "sourcehansans";
border-radius: 1.5rem;
width: 8.75rem;
text-align: center;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
@media (max-width: 768px) {
.more-msl {
line-height: 2.7rem;
width: 7.8rem;
font-size: .875rem;
}
}
.more-msl i {
font-weight: 600;
}
@media (max-width: 768px) {
.more-msl i {
font-size: .875rem;
}
}
.more-msl:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
border-radius: 100%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
-moz-transition-property: transform, -moz-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.more-msl:hover {
color: #fff;
}
.more-msl:hover img {
-webkit-filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
}
.more-msl:hover::before {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}
.p-liuyan {
background: rgba(0, 0, 0, 0.65);
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
pointer-events: auto;
z-index: 9999;
}
.p-liuyan, .p-liuyan * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-liuyan .hzyxclass {
box-shadow: 1px 1px 3.125rem rgba(0, 0, 0, 0.3);
background: #fff;
z-index: 999;
width: 40.78125%;
padding: 2.125rem 2.13027% 3rem;
border-radius: .9375rem;
}
@media (max-width: 768px) {
.p-liuyan .hzyxclass {
width: 89%;
padding: 1.6rem 2.3027% 2rem;
}
}
.p-liuyan .hzyxclass .msg_tita h2 {
color: #2F2A2A;
font: 500 1.8rem/1.6em "sourcehansans";
}
@media (max-width: 768px) {
.p-liuyan .hzyxclass .msg_tita h2 {
font-size: 1.6rem;
}
}
.p-liuyan .hzyxclass .msg_tita .jataxta {
position: absolute;
right: -2.9rem;
top: -2.5rem;
}
.p-liuyan .hzyxclass .msg_tita .jataxta i {
color: #fff;
font: 500 3.375rem/1em "sourcehansans";
}
@media (max-width: 768px) {
.p-liuyan .hzyxclass .msg_tita .jataxta {
right: 0;
}
.p-liuyan .hzyxclass .msg_tita .jataxta i {
font-size: 2rem;
}
}
.p-liuyan .hzyxclass form {
margin-top: 1.5625rem;
}
@media (max-width: 768px) {
.p-liuyan .hzyxclass form {
margin-top: 1rem;
}
}
.p-liuyan .hzyxclass form input {
width: 100%;
border-radius: 1.6875rem;
font: 500 1rem/3.25rem "sourcehansans";
border: 1px solid #E6E5E5;
text-indent: 1.4em;
margin-bottom: 1.375rem;
}
@media (max-width: 768px) {
.p-liuyan .hzyxclass form input {
margin-bottom: 1rem;
}
}
.p-liuyan .hzyxclass form textarea {
width: 100%;
border-radius: 1.6875rem;
font: 500 1rem/1.5rem "sourcehansans";
border: 1px solid #E6E5E5;
padding: 1em 1.4em;
margin-bottom: 1.375rem;
}
.p-liuyan .hzyxclass .div_aghgha .more-msl {
margin: 0 auto;
background: #fff;
display: block;
}
.hidden {
display: none;
}
.erhggsft-xg {
position: relative;
z-index: 1;
}
.erhggsft-xg::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../images/huis2.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
display: none;
}
.erhggsft-xg::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../images/huis1.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
-webkit-animation: opacitya 0.8s linear infinite;
-moz-animation: opacitya 0.8s linear infinite;
-o-animation: opacitya 0.8s linear infinite;
animation: opacitya 0.8s linear infinite;
}
.erhggsft-xg1 {
position: relative;
z-index: 1;
}
.erhggsft-xg1::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../images/8-8.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
}
.erhggsft-xg1::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../images/8.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
-webkit-animation: opacitya 0.8s linear infinite;
-moz-animation: opacitya 0.8s linear infinite;
-o-animation: opacitya 0.8s linear infinite;
animation: opacitya 0.8s linear infinite;
}
.erhggsft-xg2 {
position: relative;
z-index: 1;
}
.erhggsft-xg2::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
-o-background-size: cover;
background-size: cover;
}
.erhggsft-xg2::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../images/3.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
-webkit-animation: opacitya 0.8s linear infinite;
-moz-animation: opacitya 0.8s linear infinite;
-o-animation: opacitya 0.8s linear infinite;
animation: opacitya 0.8s linear infinite;
display: none;
}
.erhggsft-xg2 .wh {
position: relative;
z-index: 2;
}
.erhggsft-xg3 {
position: relative;
z-index: 1;
}
.erhggsft-xg3::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../images/4-4.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
}
.erhggsft-xg3::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(../images/4.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
-webkit-animation: opacitya 0.8s linear infinite;
-moz-animation: opacitya 0.8s linear infinite;
-o-animation: opacitya 0.8s linear infinite;
animation: opacitya 0.8s linear infinite;
}
@media (max-width: 768px) {
.tio_naxsa dt {
font-size: 14px;
line-height: 50px;
}
.tio_naxsa .s_srsa a {
font-size: .75rem;
line-height: 50px;
}
.yycja-cont1 .as_sst dt {
font-size: 1.7rem;
}
.xg-xp-xont1 {
padding: 2.5rem 0;
}
.titl_ad dt {
font-size: 1.6rem;
}
.titl_ad .p {
margin-top: 1em;
}
.wh-a {
padding: 0 4%;
}
.titl_ad .p p {
font-size: 1rem;
}
.titl_ad .p p span {
display: inline-block;
}
.xg-xp-xont1 .xptiasd {
margin-top: 1.5rem;
width: 40%;
}
.gxl-cont1 .dlta {
font-size: 1.2rem;
}
.gxl-cont1 {
padding: 2.5rem 0 18rem;
}
.gxl-cont2 {
padding: 8rem 0;
}
.tvgq-cont2 .tvgq-a2_v1 {
padding: 4% 4%;
}
.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b1 {
width: 100%;
}
.wes-sd-z dt {
font-size: 1.7rem;
}
.wes-sd-z p {
font-size: 1rem;
}
.tvgq-cont2.tvgq-cont2_bj .tvgq-a2_v1 .tvgq-a2_b2 {
width: 100%;
margin-top: 1em;
}
.xg-xp-cont2 {
padding: 4rem 0 6rem;
}
.titl_ad .p dd {
font-size: 1.4rem;
}
.xg-xp-cont2 .ahhsdrsa {
margin-top: 3rem;
}
.xg-xp-cont2 .ahhsdrsa p {
margin-left: 0;
font-size: 1.4rem;
margin-top: 2rem;
}
.gxl-cont2 .dtas {
font-size: 1.4rem;
}
.gxl-cont3 {
padding: 3.9375rem 0 3.125rem;
}
.xg-xp-cont3 {
padding: 3.5rem 0 2rem;
}
.xg-xp-cont3 .wh-a {
padding: 0 4%;
}
.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 {
width: 100%;
}
.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b2 {
width: 100%;
margin-top: 2rem;
}
.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 .fgxpz {
margin: 0 auto;
width: 50%;
margin-top: 2rem;
}
.tvgq-cont2.tvgq-cont2_bj1 .tvgq-a2_v1 .tvgq-a2_b1 {
width: 100%;
}
.tvgq-cont2.tvgq-cont2_bj1 .tvgq-a2_v1 .tvgq-a2_b2 {
width: 100%;
margin-top: 1em;
}
.ckxsp-cont1 .ckxsp1-a1 {
width: 62%;
}
.ckxsp-cont1 {
padding: 2.5rem 0 1.5625rem;
}
.ckxsp-cont3 .titl_ad p {
width: 100%;
}
.ckxsp-cont3 .dlta {
font-size: 1.4rem;
}
.ckxsp-cont5 {
padding: 4rem 4%;
}
.ckxsp-cont5 .wes-sd-z dt {
padding: 0 11%;
}
.ckxsp-cont5 .tvgq-a2_b2 {
width: 100%;
margin: 1.5rem auto 0;
}
.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container img {
border-radius: 1rem;
}
.xg-xp-cont4 {
padding: 2.5rem 0;
}
.xg-xp-cont4 .wh-b {
padding: 0 5%;
}
.xg-xp-cont4 .cyl-zsa2 {
width: 74%;
margin: 0 auto;
}
.cdsb-cont3 {
padding: 2.5rem 0;
}
.cdsb-cont3 .cdsb-a1 .titl_ad .p {
margin-top: 1.5rem;
}
.cdsb-cont3 .cdsb-a1 {
width: 100%;
}
.cdsb-cont3 .cdsb-a2 {
width: 80%;
margin: 0 auto;
}
.xg-xp-cont6 {
padding: 3rem 0;
}
.xg-xp-cont6 .wh-b {
padding: 0 4%;
}
.xg-xp-cont6 .a-sd_sd {
width: 50%;
margin: 2em auto 0;
}
.tvgq-cont1 .tvgq-a1 {
height: auto;
}
.tvgq-cont1 .tvgq-a1 .wh-a {
position: static;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
margin: 0 auto 2rem;
}
.tvgq-cont1 .sec1aSrcollDiv {
display: none;
}
.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 {
width: 100%;
}
.led-cont2 {
height: 54vw;
}
.gxl-cont2ta {
padding: 3.5rem 0;
}
.gxl-cont2ta .titl_ad-as {
font-size: 1.7rem;
}
.led-cont2.tvgq-cont1 .sec1aSrcollDiv {
display: block;
}
.led-cont2.tvgq-cont1 .sec1aSrcollDiv .secImg {
height: auto;
}
.led-cont2 .sec1aSrcollDiv.on img {
border: none;
}
.tvgq-cont1 .sec1aSrcollDiv h2 {
font-size: 1.7rem;
display: block;
}
}
.gong-tita dt {
color: #333;
font: 600 3.2rem/1.3em "sourcehansans";
}
@media (max-width: 768px) {
.gong-tita dt {
font-size: 1.7rem;
}
}
.gong-tita p {
color: #666;
font: 500 1.5rem/1.5em "sourcehansans";
margin-top: 0.4em;
}
@media (max-width: 768px) {
.gong-tita p {
font-size: 1rem;
}
}
.video video {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.xg-ba-cont1 {
position: relative;
}
.xg-ba-cont1 .gong-tita {
width: 31%;
position: absolute;
top: 8%;
right: 10%;
z-index: 1;
}
@media (max-width: 1200px) {
.xg-ba-cont1 .gong-tita {
position: relative;
width: 100%;
top: 0;
left: 0;
padding: 6rem 4%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.xg-ba-cont2 {
position: relative;
}
.xg-ba-cont2 .gong-tita {
position: absolute;
left: 15%;
width: 40%;
top: 35%;
z-index: 1;
}
@media (max-width: 1200px) {
.xg-ba-cont2 .gong-tita {
position: relative;
width: 100%;
top: 0;
left: 0;
padding: 6rem 4%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.xg-ba-cont2 .gong-tita dt, .xg-ba-cont2 .gong-tita p {
color: #fff;
text-shadow: 0 2px 0.5rem rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
.xg-ba-cont2 .heng {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.xg-ba-cont2 .heng img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
}
.xg-ba-cont3 {
position: relative;
}
.xg-ba-cont3 .gong-tita {
position: absolute;
left: 15%;
width: 35%;
top: 20%;
z-index: 1;
}
@media (max-width: 1200px) {
.xg-ba-cont3 .gong-tita {
position: relative;
width: 100%;
top: 0;
left: 0;
padding: 6rem 4%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.xg-ba-cont3 .gong-tita dt {
color: #fff;
}
.xg-ba-cont3 .gong-tita p {
color: #fff;
}
.yycja-cont1::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.led-cont1 .as_sst {
top: 50%;
bottom: auto;
text-align: center;
z-index: 9;
}
.led-cont1 {
font-size: 0;
}
.sp_sdt {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
}
.video {
font-size: 0;
}
.tvgq-cont1-a {
overflow: hidden;
}
.tvgq-cont1-a .sec1aSrcollDiv.on .secImg {
border-radius: 2.2rem;
overflow: hidden;
}
.tvgq-cont1-a .sec1aSrcollDiv {
width: 100%;
height: 100%;
}
.tvgq-cont1-a .sec1aSrcollDiv h2 {
color: #fff;
font: 600 4rem/1.5em "sourcehansans";
width: 100%;
text-align: center;
}
.tvgq-cont1-a .sec1aSrcollDiv .tvgq-d1 {
width: 100%;
color: #fff;
text-align: center;
display: none;
}
.tvgq-cont1-a .sec1aSrcollDiv .tvgq-d1 dt {
font: 600 3.125rem/1.5em "sourcehansans";
}
.tvgq-cont1-a .sec1aSrcollDiv .tvgq-d1 dd {
font: 500 2rem/1.4em "sourcehansans";
}
.tvgq-cont1-a .sec1aSrcollDiv .tvgq-d1 p {
font: 500 1.5rem/1.4em "sourcehansans";
}
.tvgq-cont1-a .sec1aSrcollDiv.onn h2 {
display: none;
}
.tvgq-cont1-a .sec1aSrcollDiv.onn .tvgq-d1 {
display: block;
}
.tvgq-cont1-a .tvgq-a1 {
height: 60vw;
}
.tvgq-cont1-a .tvgq-a1 .wh-a {
position: absolute;
width: 69.11458%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: 10vw;
}
.tvgq-cont1-a .tvgq-a1 .wh-a .tvgq-c1 {
position: relative;
}
.tvgq-cont1-a .tvgq-a1 .wh-a .tvgq-c1 .img-asd i {
display: block;
font-size: 0;
}
.tvgq-cont2-b .tvgq-a1 {
height: 60vw;
}
.tvgq-cont2-b .tvgq-a1 .wh-a {
position: absolute;
width: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: 10vw;
}
.tvgq-cont2-b .tvgq-a1 .wh-a .tvgq-c1 {
position: relative;
}
.tvgq-cont2-b .tvgq-a1 .wh-a .tvgq-c1 .img-asd i {
display: block;
font-size: 0;
}
.s_srsa {
display: none;
}
.mhide {
display: none;
height: 70vh;
}
.mhide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mhidea {
display: none;
}
@media (max-width: 1200px) {
.pchide {
display: none;
}
.mhide {
display: block;
}
.mhidea {
display: block;
}
}
.m-gy-wes .tvgq-d1 {
color: #fff;
text-shadow: 0 2px 0.5rem rgba(0, 0, 0, 0.5);
text-align: center;
}
.m-gy-wes .tvgq-d1 dt {
font: 600 4rem/1.5em "sourcehansans";
}
@media (max-width: 768px) {
.m-gy-wes .tvgq-d1 dt {
font-size: 1.7rem;
}
}
.m-gy-wes .tvgq-d1 dd {
font: 500 2rem/1.4em "sourcehansans";
}
@media (max-width: 768px) {
.m-gy-wes .tvgq-d1 dd {
font-size: 1.25rem;
}
}
.m-gy-wes .tvgq-d1 p {
font: 500 1.5rem/1.4em "sourcehansans";
}
.czxsfa .sryta{
position: relative;
}
.czxsfa .sryta::after{
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.m-gy-wes .tvgq-d1 p {
font-size: 1rem;
}
}