html, body { font-size: 100px; }
#webbody{ display: none; overflow: hidden; }
.upperView { position: fixed; left: 0; right: 0; top: 0; z-index: 600; height: 0.9rem; }
.upperView.on { -o-box-shadow: 0rem 0rem 0.25rem -0.1rem; -ms-box-shadow: 0rem 0rem 0.25rem -0.1rem; -moz-box-shadow: 0rem 0rem 0.25rem -0.1rem; -webkit-box-shadow: 0rem 0rem 0.25rem -0.1rem; box-shadow: 0rem 0rem 0.5rem -0.1rem #000; }
.upperView .nav { padding-left: 3.3rem; }
.upperView .navLi { font-size: 0.18rem; color: #fff; line-height: 0.2rem; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding: 0 0.36rem; cursor: pointer; }
.upperView .navLi::before { content: ''; position: absolute; left: 0; width: 0; height: 0.01rem; background: #005dbf; top: 0.3rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.upperView .navLi:hover { color: #005ec0; }
.upperView .navLi:hover::before { width: 100%; }
.upperView .home { width: 0.36rem; height: 0.36rem; cursor: pointer; background: url(../image/detail/home.png) center center / 0.36rem auto no-repeat; margin-right: 0.26rem; }
.upperView .wechat { width: 0.36rem; height: 0.36rem; cursor: pointer; background: url(../image/wechat.png) center center / 0.36rem auto no-repeat; margin-right: 0.26rem; }
.upperView .code { width: 1.5rem; height: 1.5rem; position: absolute; right: 0.62rem; top: 0.8rem; background: #fff; border-radius: 0.08rem; }
.upperView .code::before { content: ''; border: 0.08rem solid transparent; border-bottom-color: #fff; position: absolute; top: -0.16rem; left: 50%; margin-left: -0.08rem; }
.upperView .code img { width: 100%; height: 100%; border-radius: 0.08rem; overflow: hidden; }
.upperView .lang { width: 0.36rem; height: 0.36rem; cursor: pointer; background: url(../image/lang.png) center center / 0.36rem auto no-repeat; margin-right: 0.56rem; }
.upperView .lang.cn { background: url(../image/lang-cn.png) center center / 0.36rem auto no-repeat; }
.upperView .cp { border-top: 0.01rem solid #fff; border-bottom: 0.01rem solid #fff; height: 0.19rem; width: 0.28rem; position: absolute; right: 0.36rem; top: 50%; margin-top: -0.095rem; display: none; }
.upperView .cp::before { content: ''; position: absolute; left: 0; right: 0; top: 0.09rem; height: 0.01rem; min-height: 1px; background: #fff; }
.cpMainView { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 999; transition: all 0.6s cubic-bezier(.77, 0, .175, 1); background: #fff; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.cpMainView.show { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.cpMainView .li { display: block; font-size: 0.16rem; color: #333; line-height: 0.5rem; border-bottom: 0.01rem solid #eee; padding: 0 0.24rem; cursor: pointer; }
.cpMainView .close { position: absolute; width: 0.4rem; height: 0.4rem; bottom: 0.1rem; left: 50%; margin-left: -0.2rem; cursor: pointer; }
.cpMainView .close::before { content: ''; width: 0.3rem; height: 0.02rem; background: #aaa; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 50%; margin-left: -0.15rem; margin-top: -0.01rem; }
.cpMainView .close::after { content: ''; width: 0.3rem; height: 0.02rem; background: #aaa; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); left: 50%; top: 50%; margin-left: -0.15rem; margin-top: -0.01rem; }
/* .pageView-1{ height: 10.76rem; background: #b82872; background: -moz-linear-gradient(-45deg, rgba(198, 40, 114,1) 0%, rgba(108, 35, 108,1) 40%, rgba(69, 38, 105,1) 70%, rgba(52, 63, 135,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198, 40, 114,1)), color-stop(40%,rgba(108, 35, 108,1)), color-stop(70%,rgba(69, 38, 105,1)), color-stop(100%,rgba(52, 63, 135,1))); background: -webkit-linear-gradient(-45deg, rgba(198, 40, 114,1) 0%, rgba(108, 35, 108,1) 40%, rgba(69, 38, 105,1) 70%, rgba(52, 63, 135,1) 100%); background: -o-linear-gradient(-45deg, rgba(198, 40, 114,1) 0%, rgba(108, 35, 108,1) 40%, rgba(69, 38, 105,1) 70%, rgba(52, 63, 135,1) 100%); background: -ms-linear-gradient(-45deg, rgba(198, 40, 114,1) 0%, rgba(108, 35, 108,1) 40%, rgba(69, 38, 105,1) 70%, rgba(52, 63, 135,1) 100%); background: linear-gradient(135deg, rgba(198, 40, 114,1) 0%, rgba(108, 35, 108,1) 40%, rgba(69, 38, 105,1) 70%, rgba(52, 63, 135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(198, 40, 114,1)', endColorstr='rgba(52, 63, 135,1)',GradientType=0 ); position: relative; border-bottom: 0.06rem solid #862168; overflow: hidden; } */
.pageView-1{ height: 10.76rem; background: #6201d1 url(../image/page-banner-s.jpg?t=20250807001) center top no-repeat;background-size: 100% auto;position: relative;overflow: hidden;}
:root .pageView-1 { filter: none; }
.pageView-1 .title { font-size: 0.66rem; color: #fff; line-height: 0.78rem; margin-left: 0.76rem; padding-left: 0.58rem; margin-top: 0.84rem; letter-spacing: 0.02rem; position: relative; z-index: 70; }
.pageView-1 .title::before { content: ''; position: absolute; left: 0; top: 0.12rem; bottom: -0.04rem; background: #fff; width: 0.14rem; }
.pageView-1 .info { font-size: 0.3rem; color: #fff; line-height: 0.44rem; margin-left: 0.76rem; padding-left: 0.64rem; margin-top: 0.23rem; letter-spacing: 0.02rem; position: relative; z-index: 70; }
.pageView-1 .logo { position: absolute; width: 3.24rem; background: url(../image/detail/logo.png) center center / 3.24rem auto no-repeat; top: 0; bottom: 0; right: 1.92rem; z-index: 65; }
.pageView-1 .bok-1 { position: absolute; width: 1.7rem; height: 1.12rem; background: url(../image/detail/bok-1.png) top left / 1.7rem auto no-repeat; top: 0; left: 0; z-index: 60; }
.pageView-1 .bok-2 { position: absolute; width: 2.09rem; height: 1.44rem; background: url(../image/detail/bok-2.png) top center / 2.09rem auto no-repeat; top: 0; right: 67.4%; z-index: 60; }
.pageView-1 .bok-3 { position: absolute; width: 3.06rem; height: 2.57rem; background: url(../image/detail/bok-3.png) top center / 3.06rem auto no-repeat; top: 0; left: 60.1%; z-index: 60; }
.pageView-1 .bok-4 { position: absolute; width: 2.83rem; height: 1.47rem; background: url(../image/detail/bok-4.png) top right / 2.83rem auto no-repeat; top: 0; right: 0; z-index: 60; }
.pageView-1 .bok-5 { position: absolute; width: 1.93rem; height: 2.89rem; background: url(../image/detail/bok-5.png) center left / 1.93rem auto no-repeat; top: 2.34rem; left: 0; z-index: 60; }
.pageView-1 .bok-6 { position: absolute; width: 1.97rem; height: 1.97rem; background: url(../image/detail/bok-6.png) center center / 1.97rem auto no-repeat; top: 2.18rem; right: 61.3%; z-index: 60; }
.pageView-1 .bok-7 { position: absolute; width: 1.61rem; height: 1.61rem; background: url(../image/detail/bok-7.png) center center / 1.61rem auto no-repeat; top: 3.05rem; left: 50%; margin-left: -0.42rem; z-index: 60; }
.pageView-1 .bok-8 { position: absolute; width: 0.74rem; height: 0.71rem; background: url(../image/detail/bok-8.png) center center / 0.74rem auto no-repeat; top: 3.56rem; left: 63.2%; z-index: 60; }
.pageView-1 .bok-9 { position: absolute; width: 2.2rem; height: 0.96rem; background: url(../image/detail/bok-9.png) bottom center / 2.2rem auto no-repeat; bottom: 0; left: 82.6%; z-index: 60; }
.pageView-1 .bok-10 { position: absolute; width: 6.5rem; height: 3.81rem; background: url(../image/detail/bok-10.png) top center / 6.5rem auto no-repeat; top: 0; left: 50%; margin-left: -2.56rem; z-index: 59; }
.pageView-1 .bok-11 { position: absolute; width: 3.96rem; height: 2.74rem; background: url(../image/detail/bok-11.png) bottom center / 3.96rem auto no-repeat; bottom: 0; right: 67.4%; z-index: 59; }
.pageView-1 .bok-12 { position: absolute; width: 2.47rem; height: 2.31rem; background: url(../image/detail/bok-12.png) top left / 2.47rem auto no-repeat; top: 0; left: 0; z-index: 59; }
.pageView-1 .bok-13 { position: absolute; width: 1.45rem; height: 1.75rem; background: url(../image/detail/bok-13.png) bottom left / 1.45rem auto no-repeat; bottom: 0; left: 0; z-index: 59; }
.pageView-1 .bok-14 { position: absolute; width: 1.2rem; height: 1.62rem; background: url(../image/detail/bok-14.png) center center / 1.2rem auto no-repeat; bottom: 0.92rem; right: 54.8%; z-index: 59; }
.pageView-1 .bok-15 { position: absolute; width: 2.87rem; height: 1.83rem; background: url(../image/detail/bok-15.png) bottom center / 2.87rem auto no-repeat; bottom: 0; left: 58.1%; z-index: 59; }
.pageView-1 .bok-16 { position: absolute; width: 1.25rem; height: 3.43rem; background: url(../image/detail/bok-16.png) bottom right / 1.25rem auto no-repeat; bottom: 0; right: 0; z-index: 59; }
.pageView-tab { margin-left: 3.64rem; margin-top: 0.14rem; position: relative; z-index: 88; }
.pageView-tab .tabLi { font-size: 0.18rem; color: #fff; line-height: 0.24rem; height: 0.64rem; min-width: 1.3rem; max-width: 2.5rem; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: #6201d1; cursor: pointer; padding: 0 0.1rem; }
.pageView-tab .tabLi:hover { padding: 0 0.18rem; background: #6201d1; }
.pageView-tab .cur { padding: 0 0.18rem; background: #015ec0; }
.pageView-tabBtn { position: relative; z-index: 88; }
.pageView-tabBtn .tabLi {
font-size: 0.24rem;
color: #fff;
text-align: center;
padding: 0 0.2rem;
line-height: 0.54rem;
height: 0.54rem;
float: left;
margin-top: 0.16rem;
margin-right: 0.16rem;
min-width: auto;
max-width: initial;
width: auto;
border-radius: 0.04rem;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background: #6201d1;
cursor: pointer;
}
.pageView-tabBtn .tabLi:hover { padding: 0 0.18rem; background: #015ec0; }
.pageView-tabBtn .cur { padding: 0 0.18rem; background: #015ec0; }
/*.pageView-tab .tabLi.cur{ padding: 0 0.18rem; background: #015ec0; }*/
/* 动画 bok-1 */
.pageView-1 .bok-1-ani{
-webkit-animation: bok-1-ani 1.5s ease-in-out 0s infinite alternate;
-moz-animation: bok-1-ani 1.5s ease-in-out 0s infinite alternate;
-ms-animation: bok-1-ani 1.5s ease-in-out 0s infinite alternate;
-o-animation: bok-1-ani 1.5s ease-in-out 0s infinite alternate;
animation: bok-1-ani 1.5s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes bok-1-ani {
0% { top: 0; left: 0; }
100% { top: -0.1rem; left: -0.2rem; }
}
@-moz-keyframes bok-1-ani {
0% { top: 0; left: 0; }
100% { top: -0.1rem; left: -0.2rem; }
}
@-ms-keyframes bok-1-ani {
0% { top: 0; left: 0; }
100% { top: -0.1rem; left: -0.2rem; }
}
@-o-keyframes bok-1-ani {
0% { top: 0; left: 0; }
100% { top: -0.1rem; left: -0.2rem; }
}
@keyframes bok-1-ani {
0% { top: 0; left: 0; }
100% { top: -0.1rem; left: -0.2rem; }
}
/* 动画 bok-3 */
.pageView-1 .bok-3-ani{
-webkit-animation: bok-3-ani 2s ease-in-out 0s infinite alternate;
-moz-animation: bok-3-ani 2s ease-in-out 0s infinite alternate;
-ms-animation: bok-3-ani 2s ease-in-out 0s infinite alternate;
-o-animation: bok-3-ani 2s ease-in-out 0s infinite alternate;
animation: bok-3-ani 2s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes bok-3-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-moz-keyframes bok-3-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-ms-keyframes bok-3-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-o-keyframes bok-3-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@keyframes bok-3-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
/* 动画 bok-4 */
.pageView-1 .bok-4-ani{
-webkit-animation: bok-4-ani 1.5s ease-in-out 0s infinite alternate;
-moz-animation: bok-4-ani 1.5s ease-in-out 0s infinite alternate;
-ms-animation: bok-4-ani 1.5s ease-in-out 0s infinite alternate;
-o-animation: bok-4-ani 1.5s ease-in-out 0s infinite alternate;
animation: bok-4-ani 1.5s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes bok-4-ani {
0% { top: 0; right: 0; }
100% { top: -0.1rem; right: -0.2rem; }
}
@-moz-keyframes bok-4-ani {
0% { top: 0; right: 0; }
100% { top: -0.1rem; right: -0.2rem; }
}
@-ms-keyframes bok-4-ani {
0% { top: 0; right: 0; }
100% { top: -0.1rem; right: -0.2rem; }
}
@-o-keyframes bok-4-ani {
0% { top: 0; right: 0; }
100% { top: -0.1rem; right: -0.2rem; }
}
@keyframes bok-4-ani {
0% { top: 0; right: 0; }
100% { top: -0.1rem; right: -0.2rem; }
}
/* 动画 bok-5 */
.pageView-1 .bok-5-ani{
-webkit-animation: bok-5-ani 2s ease-in-out 1s infinite alternate;
-moz-animation: bok-5-ani 2s ease-in-out 1s infinite alternate;
-ms-animation: bok-5-ani 2s ease-in-out 1s infinite alternate;
-o-animation: bok-5-ani 2s ease-in-out 1s infinite alternate;
animation: bok-5-ani 2s ease-in-out 1s infinite alternate;
}
@-webkit-keyframes bok-5-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-moz-keyframes bok-5-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-ms-keyframes bok-5-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-o-keyframes bok-5-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@keyframes bok-5-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
/* 动画 bok-6 */
.bok-6-ani::before {
content: '';
/*background: rgba(255, 255, 255, 0.1);*/
-webkit-animation: bok-6-ani 2s ease-out 0.6s infinite;
-moz-animation: bok-6-ani 2s ease-out 0.6s infinite;
-ms-animation: bok-6-ani 2s ease-out 0.6s infinite;
-o-animation: bok-6-ani 2s ease-out 0.6s infinite;
animation: bok-6-ani 2s ease-out 0.6s infinite;
box-shadow: 0.01rem 0.01rem 0.3rem rgba(255,255,255,0.1);
position: absolute;
width: 4.16rem;
height: 4.16rem;
left: 50%;
top: 50%;
margin-left: -2.08rem;
margin-top: -2.08rem;
border: 0.02rem solid rgba(255,255,255,0.2);
border-radius: 50%;
opacity: 0;
}
@-webkit-keyframes bok-6-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-moz-keyframes bok-6-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-ms-keyframes bok-6-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-o-keyframes bok-6-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@keyframes bok-6-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
/* 动画 bok-7 */
.bok-7-ani::before {
content: '';
/*background: rgba(255, 255, 255, 0.1);*/
-webkit-animation: bok-7-ani 2s ease-out infinite;
-moz-animation: bok-7-ani 2s ease-out infinite;
-ms-animation: bok-7-ani 2s ease-out infinite;
-o-animation: bok-7-ani 2s ease-out infinite;
animation: bok-7-ani 2s ease-out infinite;
box-shadow: 0.01rem 0.01rem 0.3rem rgba(255,255,255,0.1);
position: absolute;
width: 3.26rem;
height: 3.26rem;
left: 50%;
top: 50%;
margin-left: -1.63rem;
margin-top: -1.63rem;
border: 0.02rem solid rgba(255,255,255,0.2);
border-radius: 50%;
}
@-webkit-keyframes bok-7-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-moz-keyframes bok-7-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-ms-keyframes bok-7-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-o-keyframes bok-7-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@keyframes bok-7-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
.pageView-2 { padding: 0rem 3.64rem 0.24rem 3.64rem; overflow: hidden; background: url(../image/detail/content-bg.png) top right no-repeat; }
.pageView-2 .title { font-size: 1.08rem; color: #eeeeee; font-weight: bold; line-height: 0.86rem; }
.pageView-2 .stitle { font-size: 0.42rem; font-weight: bold; color: #66226b; line-height: 0.38rem; text-align: center; padding: 0.6rem 0 0.95rem 0; }
.pageView-2 .txt { padding-top: 0rem; }
.pageView-2 .item { width: 20%; float: left; margin-bottom: 0.36rem; }
.pageView-2 .li { width: 2rem; height: 2rem; border: 0.04rem solid #941e65; border-radius: 0.08rem; overflow: hidden; cursor: pointer; position: relative; }
.pageView-2 .li:hover::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(148, 30, 101, 0.5); }
.pageView-2 .item:nth-child(5n-3) .li { margin-left: 0.08rem; }
.pageView-2 .item:nth-child(5n-2) .li { margin: 0 auto; }
.pageView-2 .item:nth-child(5n-1) .li { float: right; margin-right: 0.08rem; }
.pageView-2 .item:nth-child(5n) .li { float: right; }
.pageView-2 .li img { width: 100%; height: 100%; float: left; }
.pageView-3 { height: auto; position: relative; z-index: 69; padding: 0 6.8rem 1rem 3.64rem; background: url(../image/detail/content-bg.png) top right no-repeat; }
.contact-bg { background: url(../image/detail/content-bg.png) top right / auto 100% no-repeat; }
.pageView-3 .title { font-size: 1.08rem; color: #eeeeee; font-weight: bold; line-height: 0.86rem; }
.pageView-3 .cap { font-size: 0.26rem; color: #000; font-weight: bold; line-height: 0.28rem; padding-top: 0.07rem; }
.pageView-3 .txt { font-size: 0.2rem; color: #000; text-align: justify; line-height: 0.36rem; padding-top: 0.41rem; }
.pageView-3 .txt a { text-decoration: underline; }
.pageView-3 .txt img { max-width: 100%; }
.pageView-3 .txt a:hover { color: #6c236c; }
.pageView-4 { height: 7.18rem; overflow: hidden; background: url(../image/detail/content-bg.png) top right no-repeat; }
.pageView-4 .mtitle { font-size: 1.08rem; color: #eeeeee; font-weight: bold; line-height: 0.86rem; padding: 0 6.8rem 0 3.64rem; }
.pageView-4 .title { font-size: 0.42rem; font-weight: bold; color: #66226b; line-height: 0.38rem; text-align: center; padding: 0 0 0.92rem 0; }
.pageView-4 .list { width: 12.42rem; overflow: hidden; margin: 0 auto; }
.pageView-4 .li { width: 3.64rem; height: 1.98rem; border-radius: 0.1rem; margin: 0 0.25rem 0.2rem 0.25rem; float: left; position: relative; font-size: 0.24rem; color: #66226b; font-weight: bold; line-height: 0.48rem; background: #eeeeee; text-align: center; }
.footView { height: 2.98rem; background: #6201d1; padding-top: 0.54rem; padding-left: 1.15rem; }
.footView .title { font-size: 0.42rem; color: #fff; font-weight: bold; position: relative; line-height: 0.44rem; }
.footView .title::before { content: ''; position: absolute; left: 0.02rem; top: 0.54rem; width: 0.8rem; height: 0.06rem; background: #fff; }
.footView .contact { width: 50%; }
.footView .contactList { padding: 0.55rem 0 0 0; }
.footView .contactLi { font-size: 0.18rem; color: #fff; line-height: 0.2rem; width: 33%; }
.footView .contactLi em { margin-left: 0.14rem; }
.footView .contactLi .phone { padding-left: 0.32rem; background: url(../image/phone.png) left center / 0.21rem auto no-repeat; margin-top: 0.16rem; }
.footView .contactLi .email { padding-left: 0.32rem; background: url(../image/email.png) left center / 0.21rem auto no-repeat; margin-top: 0.16rem; }
.footView .follow { padding-left: 2%; width: 34%; }
.footView .code { margin-top: 0.5rem; width: 1.5rem; height: 1.5rem; }
.footView .logo { width: 1.56rem; height: 2.55rem; background: url(../image/logo2.png) center center / 1.56rem auto no-repeat; margin-top: -0.04rem; margin-left: 0.06rem; }
.footView .copyright { font-size: 0.18rem; color: #fff; line-height: 0.24rem; }
.footView .copyright a { color: #fff; }
.floatView { position: fixed; right: 0.52rem; bottom: 26%; z-index: 601; }
.floatView .top { width: 0.43rem; height: 0.43rem; background: url(../image/float-top.png) center center / 0.43rem auto no-repeat; cursor: pointer; }
.floatView .wechat { margin-top: 0.12rem; width: 0.43rem; height: 0.43rem; background: url(../image/float-wechat.png) center center / 0.43rem auto no-repeat; cursor: pointer; }
/* 20201230 */
.ov-5d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.pageView-4 .newsList { width: 12.42rem; overflow: hidden; margin: -0.42rem auto 0 auto; }
.pageView-4 .newsLi { margin: 0 0.24rem 0.54rem 0.26rem; }
.pageView-4 .newsLi-left { padding-top: 0.44rem; }
.pageView-4 .newsLi-left img { width: 3.55rem; height: 1.75rem; object-fit: cover; }
.pageView-4 .newsLi-left span { font-size: 0.18rem; text-align: center; display: block; line-height: 0.22rem; margin-top: 0.17rem; padding-right: 0.17rem; }
.pageView-4 .newsLi-right { overflow: hidden; margin-left: 0.58rem; }
.pageView-4 .newsLi-cap { font-weight: bold; font-size: 0.22rem; line-height: 0.26rem; }
.pageView-4 .newsLi-txt { font-size: 0.2rem; line-height: 0.37rem; height: 1.85rem; margin-top: 0.08rem; word-break: keep-all; text-align: justify; }
.pageView-4 .newsPage { width: 12.42rem; overflow: hidden; margin: 0 auto; padding: 0.24rem 0 0.3rem 0; }
.pageView-4 .newsPage a { font-size: 0.18rem; line-height: 0.2rem; margin: 0 0.22rem 0 0.04rem; }
.pageView-4 .newsPage a:hover { text-decoration: underline; }
/* 20201230 */
@media (max-width: 1220px){
.upperView .navLi{ font-size: 0.2rem; }
.pageView-3 {padding: 0 5.6rem 1rem 3.64rem;}
.pageView-4{ height: auto; }
.pageView-4 .list{ width: auto; overflow: hidden; margin: 0; }
.pageView-4 .li{ width: 44%; height: 3rem; border-radius: 10px; margin: 0 0 4% 4%; float: left; position: relative; font-size: 0.4rem; color:#66226b; font-weight: bold; line-height: 0.74rem; background: #eeeeee; text-align: center; }
}
@media (max-width: 1072px){
.upperView .navLi{ font-size: 12px; }
.pageView-2 .stitle{ font-size: 0.38rem; }
.pageView-3 {
padding: 0 5rem 1rem 3.64rem;
}
.pageView-3 .cap{ font-size: 0.3rem; line-height: 0.32rem; }
.pageView-3 .txt{ font-size: 0.24rem; line-height: 0.4rem; }
}
@media (max-width: 768px){
html{ font-size: 100px !important; }
.upperView{ padding: 0 0.36rem; }
.upperView .home { width: 0.55rem; height: 0.55rem; cursor: pointer; background: url(../image/detail/home.png) center center / 0.55rem auto no-repeat; margin-right: 0.26rem; }
.upperView .code{ right: auto; left: 0.2rem; }
.upperView .code::before{ margin-left: 0; left: 0.26rem; }
.upperView .nav{ display: none; }
.upperView .cp{ display: block; }
.pageView-1 { height: 4.52rem; }
.pageView-1 .title{ font-size: 0.39rem; line-height: 0.45rem; margin-top: 1.02rem; margin-left: 0.52rem; padding-left: 0.32rem; letter-spacing: 0.02rem; }
.pageView-1 .title::before{ width: 0.06rem; }
.pageView-1 .info{ position:absolute; bottom: 0.34rem; left: 0; right: 0; text-align: center; font-size: 0.25rem; line-height: 0.31rem; margin-left: 0; padding-left: 0; }
.pageView-1 .logo{ width: 6.87rem; height: 6.85rem; background: url(../image/logo.png) center center / 4.6rem auto no-repeat; bottom: 1.86rem; top: auto; left: 50%; margin-left: -3.43rem; right: auto; }
.pageView-1 .bok-1{ width: 1.96rem; height: 3.03rem; background: url(../image/bok-1.png) top left / 1.4rem auto no-repeat; top: 0rem; left: 0; z-index: 60; }
.pageView-1 .bok-2{ width: 1.8rem; height: 1.8rem; background: url(../image/bok-2.png) center center / 1.18rem auto no-repeat; top: 1.9rem; right: 55%; }
.pageView-1 .bok-3{ width: 2.6rem; height: 1.45rem; background: url(../image/bok-3.png) top center / 2.6rem auto no-repeat; top: 0rem; right: 0; left: auto; }
.pageView-1 .bok-4{ width: 2rem; height: 3.04rem; background: url(../image/bok-4.png) center center / 2rem auto no-repeat; top: 2.14rem; right: 0.1rem; }
.pageView-1 .bok-5{ width: 1.8rem; height: 2.86rem; background: url(../image/bok-5.png) center center / 1.8rem auto no-repeat; top: 2.8rem; left: -0.2rem; }
.pageView-1 .bok-6{ width: 1.42rem; height: 2.08rem; background: url(../image/bok-6.png) center center / 1.42rem auto no-repeat; bottom: 4.3rem; left: 0.52rem; top: auto; }
.pageView-1 .bok-7{ width: 1.1rem; height: 1.63rem; background: url(../image/bok-7.png) center center / 1.1rem auto no-repeat; bottom: 0.44rem; right: 2.6rem; top: auto; left: auto; }
.pageView-1 .bok-8{ width: 1.1rem; height: 2.61rem; background: url(../image/bok-8.png) center center / 1.1rem auto no-repeat; bottom: 1.8rem; left: 0.82rem; top: auto; }
.pageView-1 .bok-9{ width: 1.24rem; height: 1.38rem; background: url(../image/bok-9.png) bottom center / 1.24rem auto no-repeat; bottom: 0; left: 1.6rem; }
.pageView-1 .bok-10{ display: none; }
.pageView-1 .bok-11{ width: 0.48rem; height: 0.69rem; background: url(../image/bok-11.png) center center / 0.48rem auto no-repeat; bottom: 2.36rem; right: 0.96rem; }
.pageView-1 .bok-12{ width: 1.4rem; height: 0.99rem; background: url(../image/bok-12.png) top center / 1.4rem auto no-repeat; top: 0rem; left: 1.2rem; }
.pageView-1 .bok-13{ width: 5.4rem; height: 5.6rem; background: url(../image/bok-13.png) top center / 5.4rem auto no-repeat; top: 0rem; right: -1.3rem; left: auto; }
.pageView-1 .bok-14{ width: 3.3rem; height: 2.76rem; background: url(../image/bok-14.png) bottom center / 3.3rem auto no-repeat; bottom: 0; right: auto; left: 0.2rem; z-index: 60; }
.pageView-1 .bok-15{ width: 1.4rem; height: 3.24rem; background: url(../image/bok-15.png) center left / 1.4rem auto no-repeat; top: auto; bottom: -1.5rem; left: -0.2rem; }
.pageView-1 .bok-16{ width: 1.32rem; height: 2.63rem; background: url(../image/bok-16.png) center center / 1.32rem auto no-repeat; top: 1.6rem; right: auto; left: -0.48rem; }
.pageView-1 .bok-17{ position: absolute; width: 0.8rem; height: 1.56rem; background: url(../image/bok-17.png) center center / 0.8rem auto no-repeat; bottom: 3.42rem; right: 0.55rem; }
.pageView-1 .bok-18{ display: none; }
.pageView-1 .bok-19{ position: absolute; width: 1.4rem; height: 1.09rem; background: url(../image/bok-19.png) bottom center / 1.4rem auto no-repeat; bottom: 0; right: 2rem; z-index: 59; }
.pageView-1 .bok-20{ position: absolute; width: 2.4rem; height: 2.49rem; background: url(../image/bok-20.png) bottom center / 2.4rem auto no-repeat; bottom: 0; right: -1rem; z-index: 60; }
.pageView-1 .bok-21{ position: absolute; width: 2.1rem; height: 4.56rem; background: url(../image/bok-21.png) center right / 2.1rem auto no-repeat; top: 4rem; right: -0.8rem; z-index: 61; }
.pageView-1 .bok-22{ position: absolute; width: 1.9rem; height: 4.56rem; background: url(../image/bok-22.png) bottom -0.16rem left / 1.9rem auto no-repeat; bottom: 1.6rem; left: -0.2rem; z-index: 61; }
.pageView-1 .logo{ bottom: 2.5rem; }
.pageView-1 .info{ bottom: 0.98rem; }
.pageView-tab{ margin: 0; overflow: hidden; display: block; padding: 0 0 0.16rem 0.16rem; }
.pageView-tab .tabLi{ font-size: 0.18rem; padding: 0 0.16rem; line-height: 0.46rem; float: left; margin-top: 0.16rem; margin-right: 0.16rem; min-width: auto; max-width: initial; width: auto; height: 0.46rem; border-radius: 0.04rem; }
.pageView-2{ padding: 0.28rem 0 0 0.28rem;}
.pageView-2 .title{ display:none; }
.pageView-2 .stitle{ padding: 0.2rem 0.28rem 0.58rem 0; }
.pageView-2 .item{ width: 33.33%; padding-right: 0.28rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.28rem; }
.pageView-2 .li{ float: none; width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 !important; }
.pageView-3{ height: auto; padding: 0.4rem 0.32rem 0.5rem 0.32rem;background: url(../image/detail/content-bg.png) top right / auto 100% no-repeat; }
/* .pageView-3 .title{ font-size: 0.4rem; color:#ddd; line-height: 0.8rem; } */
.pageView-3 .title{ display: none; }
.pageView-3 .cap{ font-size: 0.26rem; }
.pageView-3 .txt{ font-size: 0.24rem;line-height: 0.38rem; padding-top: 0.3rem; }
.pageView-4 .mtitle{ display: none; }
.pageView-4 .title{ padding: 0.5rem 0; font-size: 0.32rem; }
.pageView-4 .li{ width: 90%; margin: 0 auto 0.3rem auto; font-size: 0.26rem; line-height: 0.48rem; height: 1.6rem; float: none; }
.footView { height: auto; padding: 0.14rem 0.2rem; }
.footView .tool { display: block; }
.footView .contact { width: auto; }
.footView .title { font-size: 0.24rem; }
.footView .title::before { height: 0.04rem; top: 0.46rem; }
.footView .contactList { padding: 0.28rem 0; }
.footView .contactLi { font-size: 0.14rem; width: 33.33%; }
.footView .contactLi .phone { padding-left: 0.22rem; background-size: 0.16rem auto; margin-top: 0.08rem; }
.footView .contactLi .email { padding-left: 0.22rem; background-size: 0.16rem auto; margin-top: 0.08rem; }
.footView .follow { padding-left: 0; width: auto; }
.footView .title { font-size: 0.24rem; }
.footView .title::before { height: 0.04rem; top: 0.46rem; }
.footView .code { margin: 0.2rem 0; }
.footView .logo { display: none; }
.footView .copyright { text-align: center; font-size: 0.14rem; }
.footView .copyright a { color: #fff; }
.floatView{ bottom: 1.2rem; }
.pageView-4 .newsList { margin-top: 0.2rem; width: 100%; }
.pageView-4 .newsLi { margin: 0 0.24rem 0.2rem 0.24rem; }
.pageView-4 .newsLi-left { padding-top: 0.02rem; }
.pageView-4 .newsLi-left img { width: 2.8rem; height: 1.38rem; }
.pageView-4 .newsLi-left span { font-size: 0.14rem; line-height: 0.18rem; margin-top: 0.1rem; }
.pageView-4 .newsLi-right { margin-left: 0.24rem; }
.pageView-4 .newsLi-cap { font-size: 0.18rem; line-height: 0.22rem; }
.pageView-4 .newsLi-txt { font-size: 0.14rem; line-height: 0.26rem; height: 1.3rem; }
.pageView-4 .newsPage { width: 100%; padding: 0.3rem 0; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; }
.pageView-4 .newsPage a { font-size: 0.14rem; line-height: 0.18rem; margin: 0 0.2rem; }
/* 动画 bok-1 */
.pageView-1 .bok-1-ani{
-webkit-animation: bok-1-ani 1.5s ease-in-out 0s infinite alternate;
-moz-animation: bok-1-ani 1.5s ease-in-out 0s infinite alternate;
-ms-animation: bok-1-ani 1.5s ease-in-out 0s infinite alternate;
-o-animation: bok-1-ani 1.5s ease-in-out 0s infinite alternate;
animation: bok-1-ani 1.5s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes bok-1-ani {
0% { top: 0rem; left: 0; }
100% { top: -0.1rem; left: -0.2rem; }
}
@-moz-keyframes bok-1-ani {
0% { top: 0rem; left: 0; }
100% { top: -0.1rem; left: -0.2rem; }
}
@-ms-keyframes bok-1-ani {
0% { top: 0rem; left: 0; }
100% { top: -0.1rem; left: -0.2rem; }
}
@-o-keyframes bok-1-ani {
0% { top: 0rem; left: 0; }
100% { top: -0.1rem; left: -0.2rem; }
}
@keyframes bok-1-ani {
0% { top: 0rem; left: 0; }
100% { top: -0.1rem; left: -0.2rem; }
}
/* 动画 bok-4 */
.pageView-1 .bok-4-ani{
-webkit-animation: bok-4-ani 2s ease-in-out 0s infinite alternate;
-moz-animation: bok-4-ani 2s ease-in-out 0s infinite alternate;
-ms-animation: bok-4-ani 2s ease-in-out 0s infinite alternate;
-o-animation: bok-4-ani 2s ease-in-out 0s infinite alternate;
animation: bok-4-ani 2s ease-in-out 0s infinite alternate;
}
@-webkit-keyframes bok-4-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-moz-keyframes bok-4-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-ms-keyframes bok-4-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-o-keyframes bok-4-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@keyframes bok-4-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
/* 动画 bok-5 */
.pageView-1 .bok-5-ani{
-webkit-animation: bok-5-ani 2s ease-in-out 1s infinite alternate;
-moz-animation: bok-5-ani 2s ease-in-out 1s infinite alternate;
-ms-animation: bok-5-ani 2s ease-in-out 1s infinite alternate;
-o-animation: bok-5-ani 2s ease-in-out 1s infinite alternate;
animation: bok-5-ani 2s ease-in-out 1s infinite alternate;
}
@-webkit-keyframes bok-5-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-moz-keyframes bok-5-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-ms-keyframes bok-5-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@-o-keyframes bok-5-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
@keyframes bok-5-ani {
0% { -webkit-opacity: 0; opacity: 0; }
100% { -webkit-opacity: 1; opacity: 1; }
}
/* 动画 bok-6 */
.bok-6-ani::before {
content: '';
/*background: rgba(255, 255, 255, 0.1);*/
-webkit-animation: bok-6-ani 2s ease-out 0.6s infinite;
-moz-animation: bok-6-ani 2s ease-out 0.6s infinite;
-ms-animation: bok-6-ani 2s ease-out 0.6s infinite;
-o-animation: bok-6-ani 2s ease-out 0.6s infinite;
animation: bok-6-ani 2s ease-out 0.6s infinite;
box-shadow: 0.01rem 0.01rem 0.3rem rgba(255,255,255,0.1);
position: absolute;
width: 4.16rem;
height: 4.16rem;
left: 50%;
top: 50%;
margin-left: -2.08rem;
margin-top: -2.08rem;
border: 0.02rem solid rgba(255,255,255,0.2);
border-radius: 50%;
opacity: 0;
}
@-webkit-keyframes bok-6-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-moz-keyframes bok-6-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-ms-keyframes bok-6-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-o-keyframes bok-6-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@keyframes bok-6-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
/* 动画 bok-7 */
.bok-7-ani::before {
content: '';
/*background: rgba(255, 255, 255, 0.1);*/
-webkit-animation: bok-7-ani 2s ease-out infinite;
-moz-animation: bok-7-ani 2s ease-out infinite;
-ms-animation: bok-7-ani 2s ease-out infinite;
-o-animation: bok-7-ani 2s ease-out infinite;
animation: bok-7-ani 2s ease-out infinite;
box-shadow: 0.01rem 0.01rem 0.3rem rgba(255,255,255,0.1);
position: absolute;
width: 3.26rem;
height: 3.26rem;
left: 50%;
top: 50%;
margin-left: -1.63rem;
margin-top: -1.63rem;
border: 0.02rem solid rgba(255,255,255,0.2);
border-radius: 50%;
}
@-webkit-keyframes bok-7-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-moz-keyframes bok-7-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-ms-keyframes bok-7-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@-o-keyframes bok-7-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
@keyframes bok-7-ani {
0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; }
20% { opacity: 1; }
40% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
100% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
}
}
@media (max-width: 680px){
html{ font-size: 88px !important; }
}
@media (max-width: 608px){
html{ font-size: 80px !important; }
}
@media (max-width: 556px){
html{ font-size: 72px !important; }
.cpMainView .li{ font-size: 16px; line-height: 50px; }
.cpMainView .close{ width: 40px;height: 40px; margin-left: -20px; }
.cpMainView .close::before{ width: 24px; height: 2px; margin-left: -12px; margin-top: -1px; }
.cpMainView .close::after{ width: 24px; height: 2px; margin-left: -12px; margin-top: -1px; }
.upperView .wechat{ width: 30px; height: 30px; background-size: 30px auto; margin-right: 22px; }
.upperView .code{ width: 144px; height: 144px; top: 48px; }
.upperView .code::before{ left: 22px; border-width: 7px; top: -14px; margin-left: -7px; }
.upperView .lang{ width: 30px; height: 30px; background-size: 30px auto; }
.upperView .lang.cn{ background-size: 30px auto; }
.upperView .cp{ width: 22px; height: 17px; margin-top: -8.5px; }
.upperView .cp::before{ top: 8px; }
.footView .contactList{ display: block; }
.footView .contactLi{ width: auto; display: -webkit-box; display: box; display: -webkit-flex; display: flex;-webkit-box-orient:vertical; box-orient:vertical; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; font-size: 0.24rem; }
.footView .contactLi:not(:first-child){ border-top: 1px solid #a582a5; margin-top: 0.3rem; padding-top: 0.3rem;}
.footView .contactLi .phone{ background-size: 0.22rem auto; margin-top: 0.22rem;padding-left: 0.3rem; }
.footView .contactLi .email{ background-size: 0.22rem auto; margin-top: 0.22rem;padding-left: 0.36rem; }
.footView .code{ width: 2.2rem; height: 2.2rem; margin: 0.4rem auto; display: block; }
.footView .copyright{ font-size: 12px; line-height: 20px; }
.footView .copyright a { color: #fff; }
}
@media (max-width: 500px){
html{ font-size: 62px !important; }
.pageView-tab .tabLi{ font-size: 0.24rem; padding: 0 0.2rem; line-height: 0.54rem; height: 0.54rem; }
.pageView-4 .newsList { margin-top: 0.2rem; }
.pageView-4 .newsLi { margin: 0 0.24rem 0.3rem 0.24rem; display: block; }
.pageView-4 .newsLi-left { padding-top: 0; }
.pageView-4 .newsLi-left img { width: 100%; height: calc((100vw - 0.48rem) * 175 / 355); }
.pageView-4 .newsLi-left span { font-size: 0.24rem; line-height: 0.66rem; margin-top: 0; text-align: right; }
.pageView-4 .newsLi-right { margin-left: 0; margin-top: -0.66rem; display: block; }
.pageView-4 .newsLi-cap { font-size: 0.28rem; line-height: 0.66rem; margin-right: 2rem; }
.pageView-4 .newsLi-txt { font-size: 0.2rem; line-height: 0.32rem; height: 1.5rem; margin-top: 0; }
.pageView-4 .newsPage { padding: 0.2rem 0; }
.pageView-4 .newsPage a { font-size: 0.24rem; line-height: 0.3rem; margin: 0 0.2rem; }
}
@media (max-width: 414px){
html{ font-size: 54px !important; }
}