:root{
--color:#005bac;
}
@font-face {
font-family: 'iconfont'; /* Project id 2365634 */
src: url('//at.alicdn.com/t/font_2365634_h4apkcbqqe.woff2?t=1640746470090') format('woff2'),
url('//at.alicdn.com/t/font_2365634_h4apkcbqqe.woff?t=1640746470090') format('woff'),
url('//at.alicdn.com/t/font_2365634_h4apkcbqqe.ttf?t=1640746470090') format('truetype');
}
.k_bannerbox:after{position: fixed;
top: 0;
content:"";
display:block;
z-index: 11111;
width: 165%;
height: 0vh;
left:-20%;
background: #0c376c;width:140%;
transition: all 2s cubic-bezier(.77,0,.17,1);
/* transform-origin: left;
animation-name:lv-maskfadebody;
animation-duration:1s;
animation-fill-mode:both;*/
}
.p_OccupyBox{width:100%;display:block;}
.NavList_a1 .more:hover{
}
.maskfadeUp:after{
background-color: #fff;
opacity: 0.6;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: opacity 0.8s 1s;
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
}
.maskfadeUp.animated:after{
opacity: 0;
z-index:-1;
}
@keyframes lv-maskfadeUp{
0% {
opacity:0;
transform: scaleX(0) skewX(0deg);
}
100%{
opacity:1;
transform: scaleX(1) skewX(0deg);
}
}
@keyframes lv-maskfadeLeft{
0% {
transform: skewY(10deg) translateY(5px);
opacity:0;
}
100%{
opacity:1;
transform: skewY(0deg) translateY(0%);
}
}
@keyframes lv-maskfadebody{
0% {
transform: scaleX(1) skewX(-15deg);
}
100%{
transform: scaleX(0) skewX(-15deg);
}
}
.maskfadeUp{
display: block;
background-color: #c3d600;
z-index: 1;
-webkit-transition: -webkit-transform 1.2s 0.3s;
transition: all 1.2s 0.3s;
-webkit-transform: translateY(0%) rotate(45deg);
transform: translateY(0%) rotate(45deg);
}
.maskfadeLeft{
display: block;
background-color: #c3d600;
z-index: 1;
-webkit-transition: -webkit-transform 1.2s 0s;
transition: all 1.2s 0s;
-webkit-transform: translatex(0%) rotate(45deg);
transform: translatex(0%) rotate(45deg);
}
.maskfadeRight{
display: block;
background-color: #c3d600;
z-index: 1;
-webkit-transition: -webkit-transform 1.2s 0s;
transition: all 1.2s 0s;
-webkit-transform: translatex(0%);
transform: translatex(0%);
}
.maskfadeLeft.animated:after{
opacity: 0;
z-index:-1;
}
.maskfadeRight.animated:after{
opacity: 0;
z-index:-1;
}
.maskfadeLeft, .maskfadeUp{
position: absolute!important;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.animated{
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.maskfadeUp.animated{
-webkit-transform: translateY(-101%) rotate(0deg);
transform: translateY(-101%);
opacity:1;
}
.maskfadeLeft.animated{
-webkit-transform: translatex(-101%) rotate(0deg);
transform: translatex(-101%);
opacity:1;
}
.maskfadeRight.animated{
-webkit-transform: translatex(101%) rotate(0deg);
transform: translatex(101%);
opacity:1;
}
.btn1{
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 145px;
height: 38px;
line-height: 38px;
color: #fff;
cursor: pointer;
position: relative;
text-align: center;
vertical-align: middle;
-webkit-transition-property: opacity,background-color;
transition-property: opacity,background-color;
transition-timing-function: cubic-bezier(.2,1,.2,1);
transition-duration: 1s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background-color: #000;
font-size: 8px;
margin-top: 5px;
}
/*按钮1按钮内加div spanæ ‡ç¾加文å—*/
.btn1 div:after{
-webkit-transition-property: left,background-color;
transition-property: left,background-color;
-webkit-transition-timing-function: cubic-bezier(.2,1,.2,1);
transition-timing-function: cubic-bezier(.2,1,.2,1);
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
content: "";
display: block;
position: absolute;
top: 0px;
left: -54%;
width: 70%;
height: 2px;
background-color: #C1C1C1;
}
.btnc div{
position: absolute;
width: 120%;
height: 1px;
overflow: hidden;
top: 50%;
left: -10%;
}
.btn1:hover{
background-color: #fff;
}
.btn1:hover div:after{
left: 84%;
background-color: #000;
}
.maskfadeUp{
position:absolute!important;
}
.maskfadeLeft{
position:absolute!important;
}
.lightbox:after{
content: url(//dfs.yun300.cn/group1/M00/21/1E/rBQBHGLfeHeEM4qcAAAAAB6QqjI589.svg);
font-family: iconfont;
display: block;
cursor: pointer;
width: 54px;
height: 54px;
z-index: 10;
text-align: center;
color: #fff;
font-size: 16px;
transition: all 0.2s;
overflow: hidden;
z-index: 12;
position: absolute;
left: 50%;
transform: translate(-50%,-50%);
top: 50%;
opacity: 0;
max-width: 80%;
}
.lightbox{
position:relative;
}
.lightbox:before{
content:"";
display:block;
width:100%;
height:100%;
background: rgb(0,0,0,0.35);
left:0px;
top:0px;
position:absolute;
z-index: 1;
opacity: 0;
transition: all 0.5s;
}
.lightbox:hover:after{
opacity: 1;
top:50%;
left:50%;
}
.lightbox:hover:before{
opacity:1;
}
.button:after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
background-color:var(--color);
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;
transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;
-o-transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s;
transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s;
transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s, -webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;
transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.button:hover:after{
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:bottom right;
-ms-transform-origin:bottom right;
transform-origin:bottom right;
}
.button.tabactive:after{
-webkit-transform: scaleY(1)!important;
-ms-transform: scaleY(1)!important;
transform: scaleY(1)!important;
-webkit-transform-origin:bottom right;
-ms-transform-origin:bottom right;
transform-origin:bottom right;
}
@keyframes lv-fadeinup{
0% {
opacity: 0;
-webkit-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);
}
100%{
opacity: 1;
-webkit-transform: none;
-ms-transform:none;
transform: none;
}
}
@keyframes lv-fadeindown{
0% {
opacity: 0;
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
}
100%{
opacity: 1;
-webkit-transform: none;
-ms-transform:none;
transform: none;
}
}
@keyframes lv-fadeinRa{
0% {
opacity: 0;
transform: rotate(45deg);
}
100%{
transform: rotate(45deg);
}
}
@keyframes lv-fadeinBg1{
0% {
opacity:0;
}
50%{
background:#fff;
opacity:1;
}
100%{
opacity:1;
background:none;
}
}
@keyframes lv-fadeinLeft{
0% {
opacity: 0;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
100%{
opacity: 1;
-webkit-transform: none;
-ms-transform:none;
transform: none;
}
}
@keyframes lv-fadeindd{
20% {
-webkit-transform: rotate(
15deg
);
transform: rotate(
15deg
);
}
40% {
-webkit-transform: rotate(
-10deg
);
transform: rotate(
-10deg
);
}
60% {
-webkit-transform: rotate(
5deg
);
transform: rotate(
5deg
);
}
80% {
-webkit-transform: rotate(
-5deg
);
transform: rotate(
-5deg
);
}
100% {
-webkit-transform: rotate(
0deg
);
transform: rotate(
0deg
);
}
}
@keyframes lv-fadeinRight{
0% {
opacity: 0;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
100%{
opacity: 1;
-webkit-transform: none;
-ms-transform:none;
transform: none;
}
}
@keyframes lv-fadeinnav{
0% {
opacity: 0;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.lv-fadeinup{
animation-name: lv-fadeinup;
}
.lv-fadeinLeft{
animation-name: lv-fadeinLeft;
}
.lv-fadeinRight{
animation-name: lv-fadeinRight;
}
.lv-fadeindd{
animation-name: lv-fadeindd;
}
.lv-fadeindown{animation-name: lv-fadeindown;}
.lv-fadeinBg1{animation-name: lv-fadeinBg1;}
.transition3{
-webkit-transition:
all .3s cubic-bezier(.165,.84,.44,1),
background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1),
color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1);
transition: all .3s cubic-bezier(.165,.84,.44,1),
background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1),
color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1);
-o-transition: all .3s cubic-bezier(.165,.84,.44,1),
background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1);
-moz-transition: all .3s cubic-bezier(.165,.84,.44,1),
background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1);
-ms-transition: all .3s cubic-bezier(.165,.84,.44,1),
background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1);
}
.transition3:hover{
-webkit-transition:
all .5s cubic-bezier(.165,.84,.44,1),
background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
transition: all .5s cubic-bezier(.165,.84,.44,1),
background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
-o-transition: all .5s cubic-bezier(.165,.84,.44,1),
background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
-moz-transition: all .5s cubic-bezier(.165,.84,.44,1),
background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
-ms-transition: all .5s cubic-bezier(.165,.84,.44,1),
background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
}
.transition5{
-webkit-transition:
all .5s cubic-bezier(.165,.84,.44,1),
background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
transition: all .5s cubic-bezier(.165,.84,.44,1),
background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
-o-transition: all .5s cubic-bezier(.165,.84,.44,1),
background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
-moz-transition: all .5s cubic-bezier(.165,.84,.44,1),
background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
-ms-transition: all .5s cubic-bezier(.165,.84,.44,1),
background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1),
color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);
}
.transition5:hover{
-webkit-transition:
all .7s cubic-bezier(.165,.84,.44,1),
background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1),
color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);
transition: all .7s cubic-bezier(.165,.84,.44,1),
background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1),
color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);
-o-transition: all .7s cubic-bezier(.165,.84,.44,1),
background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1),
color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);
-moz-transition: all .7s cubic-bezier(.165,.84,.44,1),
background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1),
color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);
-ms-transition: all .7s cubic-bezier(.165,.84,.44,1),
background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1),
color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);
}
.transition7{
-webkit-transition:
all .7s cubic-bezier(.165,.84,.44,1),
background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1),
color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);
transition: all .7s cubic-bezier(.165,.84,.44,1),
background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1),
color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);
-o-transition: all .7s cubic-bezier(.165,.84,.44,1),
background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1),
color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);
-moz-transition: all .7s cubic-bezier(.165,.84,.44,1),
background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1),
color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);
-ms-transition: all .7s cubic-bezier(.165,.84,.44,1),
background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1),
color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1);
}
.transition7:hover{
-webkit-transition:
all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
-moz-transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
-ms-transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
}
.transition10{
-webkit-transition:
all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
-moz-transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
-o-transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
-ms-transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
}
.transition20{
-webkit-transition:
all 2s cubic-bezier(.165,.84,.44,1),
background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1),
color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1);
transition: all 1s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1),
color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1);
-o-transition: all 2s cubic-bezier(.165,.84,.44,1),
background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1),
color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1);
-moz-transition: all 2s cubic-bezier(.165,.84,.44,1),
background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1),
color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1);
-o-transition: all 2s cubic-bezier(.165,.84,.44,1),
background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1),
color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1);
-ms-transition: all 2s cubic-bezier(.165,.84,.44,1),
background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1),
color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1);
}
.jzimgbox{
position:relative;
width:100%;
height:0px;
overflow:hidden;
padding-bottom:75%;
}
.jzimg{
left:50%;
top:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
max-width:100%;
position:absolute;
}
.jzimgbox:hover img{
transform:translate(-50%,-50%) scale(1.1);
-webkit-transform: translate(-50%,-50%) scale(1.1);
-moz-transform: translate(-50%,-50%) scale(1.1);
-ms-transform: translate(-50%,-50%) scale(1.1);
-o-transform:translate(-50%,-50%) scale(1.1);
cursor: pointer;
}
.wlbg:after{
content:"";
position:absolute;
width:100%;
left:0px;
top:0px;
height:100%;
}
.wlbg:before{
content:"";
position:absolute;
width:100%;
left:0px;
top:0px;
height:100%;
}
.fdbox{
overflow:hidden;
width:100%;
}
.fd{
float:left;
}
.fd2{
float:left;
width:50%;
}
.fd3{
float:left;
width:33.33333%;
}
.fd4{
float:left;
width:25%;
}
.fd5{
float:left;
width:20%;
}
.jzbox{
text-align:center;
font-size:0px;
}
.jz{
display:inline-block;
}
.flexsxjz{
display: -webkit-flex;
display:flex;
align-items:center;
}
.flextxjz{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
align-items:center;
}
.flextxlc{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.heibai img{
filter:saturate(0.2);
-webkit-filter:saturate(0.2);
transition:1s;
}
.heibai img:hover{
filter:saturate(1);
-webkit-filter:saturate(1);
}
.ccyc1{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.ccyc2{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.ccyc3{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.ccyc4{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.ccyc5{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
}
.d_description img,.reset_style img{
max-width:100%!important;
height:auto!important;
}
@media only screen and (min-width: 769px) {
.p_page .iconfont{}
.p_page .pre .i_pre,.p_page .next .i_next{display: none!important;font-size: 14px;}
.p_page .pre {
display: inline-table;
position: relative;
left: 0;
top: 0;
float: left;
height: 30px;
margin: 0 5px 0 18px;
text-align: center;
padding: 0 25px;
border-radius: 0px;
border: 1px solid #f0f0f0;
background: #f0f0f0;
color: #333;
}
.p_page .pre:active {
background-color:#87b2c7;
border-color:#87b2c7;
color: #fff;
}
.p_page .pre:hover {
color: #fff;
background:#87b2c7;
border-color:#87b2c7;
cursor: pointer;
}
.p_page .next {
display: inline-table;
position: relative;
left: 0;
top: 0;
float: left;
height: 30px;
background: #e0e0e0;
color: #666;
text-align: center;
padding: 0 25px;
border-radius: 0px;
border: none;
}
.p_page .next:active {
background:#87b2c7;
border-color:#87b2c7;
color: #fff;
}
.p_page .next:hover {
background:#87b2c7;
border-color:#87b2c7;
color: #fff;
cursor: pointer;
}
.p_page .pageNum {
position: relative;
float: left;
height: 30px;
min-width: 30px;
margin: 0 5px 0 0;
padding: 0 0px;
background-size: 100% 100%;
color: #595959;
border: 1px solid #f2f2f3;
cursor: pointer;
line-height: 30px;
display: inline-block;
font-family: inherit;
font-size: 14px;
font-weight: inherit;
text-decoration: none;
background-color: #fff;
text-align: center;
border-radius: 0px;
}
.p_page .pageNum:active {
color: #fff;
text-decoration: none;
background-color:#87b2c7;
border-color:#87b2c7;
}
.p_page .pageNum:hover {
color: #fff;
border-color:#87b2c7;
cursor: pointer;
text-decoration: none;
background-color:#87b2c7;
}
.p_page .pageNum.active {
text-decoration: none;
background-color:#87b2c7;
color: #fff;
border-color:#87b2c7;
}
}
@media screen and (max-width: 1366px) {
span[style="font-size:48px"]{font-size:36px!important;}
span[style="font-size:36px"]{font-size:28px!important;}
}
@media screen and (max-width: 768px) {
span[style="font-size:48px"]{font-size:20px!important;}
span[style="font-size:36px"]{font-size:18px!important;}
span[style="font-size:16px"]{font-size:14px!important;}
span[style="font-size:18px"]{font-size:16px!important;}
span[style="font-size:14px"]{font-size:13px!important;}
.p_OccupyBox{width:100%!important;}
.p_pagebox .NumBox {
display: none !important;
}
.p_pagebox {
width: 100%;
text-align: center;
}
.p_pagebox .js_pageBtnDisable,
.p_pagebox .js_pageBtnDisable:hover,
.p_pagebox .js_pageBtnDisable:active {
background: #f5f5f5 !important;
border-color: #d9d9d9 !important;
color: #bfbfbf !important;
cursor: default;
}
.p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;}
.p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;}
.p_pagebox .pre {
width: 48%;
margin-right:2%;
background-color: #009b4c;
}
.p_pagebox .pre:hover {
color: rgba(255, 255, 255, 1);
border-color: #009b4c;
background-color: #009b4c;
cursor: pointer;
}
.p_pagebox .pre:active {
background-color: #009b4c;
}
.p_pagebox .next {
width: 48%;
margin-left:2%;
background-color: #009b4c;
}
.p_pagebox .next:hover {
background-color: #009b4c;
}
.p_pagebox .next:active {
background-color: #009b4c;
}
}
.p_articles img,.reset_style img{
max-width:100%;
height:auto!important;
}
.cursor-dot {
width:5px;
height:5px;
background-color:rgba(255, 255, 255,0);
transition:all 0.2s ease-out;
}
.cursor-dot-outline {
width:5px;
height:5px;
background-color:#fff;
transition:all 0.2s ease-out;
}
.cursor-dot,.cursor-dot-outline {
pointer-events:none;
position:absolute;
top:50%;
left:50%;
border-radius:50%;
opacity:0;
transform:translate(-50%,-50%);
transition:opacity .3s ease-in-out,transform .3s ease-in-out;
z-index:99999999999 !important;
mix-blend-mode: difference;
}
.lightbox:after{zoom:0.8;}