@charset "utf-8";
@charset "UTF-8";

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
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 swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}html.fp-enabled,
.fp-enabled body {
margin: 0;
padding: 0;
overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index:1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout:fixed;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: hidden;
position: relative;
}
.fp-scroller{
overflow: hidden;
}
.iScrollIndicator{
border: 0 !important;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
top: 50%;
opacity: 1;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translate3d(0,-50%,0);
}
#fp-nav.fp-right {
right: 17px;
}
#fp-nav.fp-left {
left: 17px;
}
.fp-slidesNav{
position: absolute;
z-index: 4;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
left: 0 !important;
right: 0;
margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
bottom: 17px;
}
.fp-slidesNav.fp-top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position:relative;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
width: 10px;
height: 10px;
margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
height: auto !important;
} .fp-sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}@font-face {
font-family: 'lg';
src: url(//psjiancai.com/wp-content/themes/huanbao/static/fonts/lg.eot);
src: url(//psjiancai.com/wp-content/themes/huanbao/static/fonts/lg.eot) format("embedded-opentype"), url(//psjiancai.com/wp-content/themes/huanbao/static/fonts/lg.woff) format("woff"), url(//psjiancai.com/wp-content/themes/huanbao/static/fonts/lg.ttf) format("truetype"), url(//psjiancai.com/wp-content/themes/huanbao/static/fonts/lg.svg) format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
border: none;
outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(//psjiancai.com/wp-content/themes/huanbao/static/images/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(//psjiancai.com/wp-content/themes/huanbao/static/images/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url(//psjiancai.com/wp-content/themes/huanbao/static/images/video-play.png) no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(//psjiancai.com/wp-content/themes/huanbao/static/images/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(//psjiancai.com/wp-content/themes/huanbao/static/images/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: cyan;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(//psjiancai.com/wp-content/themes/huanbao/static/images/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.demo-gallery{
width: 960px;
margin: 20px auto;
}
.demo-gallery > ul {
margin-bottom: 0;
}
.demo-gallery > ul > li {
float: left;
margin-bottom: 15px;
margin-right: 20px;
width: 200px;
}
.demo-gallery > ul > li a {
border: 3px solid #FFF;
border-radius: 3px;
display: block;
overflow: hidden;
position: relative;
float: left;
}
.demo-gallery > ul > li a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery > ul > li a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
height: 48px;
margin-left: -24px;
margin-top: -24px;
opacity: 0.8;
width: 48px;
}
.demo-gallery.dark > ul > li a {
border: 3px solid #04070a;
}
.home .demo-gallery {
padding-bottom: 80px;
}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}@font-face {
font-family: "iconfont"; src: url(//psjiancai.com/wp-content/themes/huanbao/static/fonts/iconfont.ttf) format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dizhi:before {
content: "\e60f";
}
.icon-dianhua:before {
content: "\e611";
}
.icon-youxiang:before {
content: "\e612";
}
.icon-diqiu:before {
content: "\e614";
}
.icon-erweima:before {
content: "\e618";
}
.icon-liuyan:before {
content: "\e61b";
}
.icon-weixin:before {
content: "\e620";
}
.icon-dingbu:before {
content: "\e624";
}
.icon-youjiantou:before {
content: "\e625";
}
.icon-shangjiantou:before {
content: "\e626";
}
.icon-xiajiantou:before {
content: "\e627";
}
.icon-zuojiantou:before {
content: "\e628";
}
.icon-zuojiantou1:before {
content: "\e62b";
}
.icon-youjiantou1:before {
content: "\e62c";
}
.icon-jiantoushang:before {
content: "\e62d";
}
.icon-jiantoushang1:before {
content: "\e62f";
}
.icon-sousuo:before {
content: "\e632";
}
.icon-xiangyingshi:before {
content: "\e635";
}
.icon-tuiguang:before {
content: "\e636";
}
.icon-shouhou:before {
content: "\e638";
}
.icon-taishiji:before {
content: "\e63a";
}
.icon-shouji:before {
content: "\e63e";
}
.icon-pingban:before {
content: "\e642";
}
.icon-bijiben:before {
content: "\e646";
}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,pre,ul,ol,menu,map,kbd,samp,var,object,tt,figure {margin:0;}
ul,ol,th,td,button,fieldset,legend,input,textarea {padding:0;}
body,button,input,select,textarea {font-family:"Microsoft YaHei";}
ul,ol {list-style:none;}
address,cite,dfn,em,var {font-style:normal;}
code,kbd,pre,samp,tt {font-family:"Courier New",Courier,monospace;}
small {font-size:12px;}
a {text-decoration:none;outline:none;transition:all ease-out 0.3s;}
li,img {transition:all ease-out 0.3s;}
abbr[title],acronym[title] {border-bottom:1px dotted;cursor:help;}
q:before,q:after {content:'';}
legend {color:#000;}
fieldset,img,input,button {border:none;}
button,input,select,textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
hr {border:none;height:1px;}
html {overflow-y:scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
input,select {vertical-align:middle;}
object {max-width:100%;}
input[type=search] {-webkit-appearance:none;outline:none;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {display:none;}
input:focus,textarea:focus {outline:none;}
ul:after {content:'';display:table;clear:both;}
html {overflow-x:hidden;overflow-y:auto;}
body {color:#333;line-height:20px;}
.clear{clear:both;} .clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
a {color:#333;}
@font-face {font-family:'sysfont';src:url(//psjiancai.com/wp-content/themes/huanbao/static/fonts/sysfont.ttf) format('truetype');}
@font-face {font-family:'ResourceHanRounded';src:url(//psjiancai.com/wp-content/themes/huanbao/static/fonts/resourcehanrounded.ttf) format('truetype');}
.icon {width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden;}
::selection {background:#182fa3;color:#fff;}
@media (min-width:1025px) { body {font-size:14px;}
.w {width:1200px;margin:0 auto;box-sizing:border-box;}
.w:after {content:'';display:block;clear:both;}
header {}
.top {font-size:12px;position:relative;line-height:30px;border-bottom:1px solid #eee;}
.topwelcome {float:left;}
.topwelcome span {padding:0 5px;}
.toplink {float:right;position:relative;}
.toplink a {display:inline-block;padding-left:20px;border-left:1px dotted rgba(0,0,0,0.2);margin-left:20px;}
.head {}
.headlogo {float:left;padding:20px 0;}
.headlogo a {display:block;overflow:hidden;}
.headlogo img {height:80px;}
.headtel {float:right;padding:40px 0;overflow:hidden;}
.headtel i {float:left;display:block;width:50px;height:50px;border-radius:50px;background-color:#1f5fc3;color:#fff;text-align:center;font-size:30px;line-height:50px;margin-right:10px;}
.headtel dl {float:right;}
.headtel dt {font-size:12px;color:#ccc;}
.headtel dd {font-size:24px;line-height:30px;font-weight:bold;white-space:nowrap;}
.headnav {background:#1f5fc3;background-image:linear-gradient(-45deg,transparent 49%,rgba(255,255,255,0.2) 51%,transparent 0);background-size:3px 3px;background-repeat:repeat;}
nav {}
nav ul {}
nav li {float:left;position:relative;border-left:1px solid rgba(0,0,0,0.1);margin-right:1px;}
nav>ul>li>a {display:block;font-size:16px;font-weight:bold;line-height:50px;padding:0 50px;position:relative;color:#fff;}
nav li a:hover,nav li a.on,nav>ul>li.on>a {background:rgba(0,0,0,0.1);color:#fff;}
footer {background:#30333a;line-height:30px;color:#888;}
footer a {color:#888;}
footer a:hover {color:#fff;}
.foot {padding:20px 0;}
.footnav {margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:20px;}
.footnav a {margin-right:10px;}
.footlogo {display:none;float:left;width:150px;margin-right:50px;}
.footcontact {float:left;margin-right:50px;width:700px;}
.footcontact ul {padding:5px 0;}
.footcontact li {float:left;width:50%;}
.footqrcode {float:right;width:250px;}
.footqrcode figure {}
.footqrcode img {width:100px;margin-bottom:10px;float:left;margin-right:20px;}
.footqrcode figcaption {font-size:12px;}
.copy {padding:10px 0;background:#222;font-size:12px;color:#999;overflow:hidden;}
.copyright {float:left;}
.copyright a {margin:0 10px;}
.copysupport {float:right;}
.copysupport a {margin-left:10px;}
}
@media (min-width:768px) and (max-width:1024px) { body {font-size:12px;padding-top:80px;}
.w:after {content:'';display:table;clear:both;}
header {position:fixed;z-index:9;top:0;left:0;right:0;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.head {height:80px;padding:0 20px;position:relative;}
.headlogo {float:left;padding:20px 0;margin-right:40px;}
.headlogo img {height:40px;}
.headnav {float:left;}
nav {}
nav span {position:absolute;z-index:99;top:8px;right:15px;display:block;width:60px;background:#fff;padding:5px 15px;box-sizing:border-box;}
nav span:after {content:'导航菜单';clear:both;position:absolute;top:40px;right:0;width:60px;text-align:center;color:#005bac;text-align:center;}
nav span i {display:block;content:'';width:100%;height:2px;background:#005bac;margin:6px 0;transition:all 0.3s ease-out 0.1s;}
nav span.on i:nth-of-type(1) {transform:translateY(8.5px) rotate(45deg);}
nav span.on i:nth-of-type(2) {opacity:0;}
nav span.on i:nth-of-type(3) {transform:translateY(-8.5px) rotate(-45deg);}
nav ul {position:fixed;z-index:3;right:-300px;bottom:0;top:80px;width:300px;background:rgba(255,255,255,1);box-shadow:0 30px 30px rgba(0,0,0,0.1);transition:all ease-out 0.3s;}
nav ul.on {right:0;}
nav ul li {position:relative;}
nav ul li i {position:absolute;z-index:1;top:0;right:0;width:40px;height:40px;background:rgba(0,0,0,0.1);text-align:center;line-height:40px;font-style:normal;}
nav li a {display:block;line-height:40px;font-size:14px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
nav li a:hover {background:#005bac;color:#fff;}
nav li ul {display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
nav li ul.on {display:block;}
nav li li {float:left;width:50%;}
nav li li a {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}
.headtel {float:right;line-height:30px;position:relative;transition:all 0.3s ease-out 0s;margin-right:70px;}
footer {color:rgba(255,255,255,1);background:#0b4486;}
.foot {overflow:hidden;padding:30px;}
.footnav {line-height:30px;}
.footnav a {display:block;white-space:nowrap;color:#fff;}
.footnav h3 {display:none;font-size:18px;font-weight:bold;margin-bottom:20px;opacity:1;}
.footnav ul {overflow:hidden;}
.footnav>ul>li {overflow:hidden;position:relative;padding-left:80px;}
.footnav>ul>li>a {font-size:14px;font-weight:bold;position:absolute;top:0;left:0;}
.footnav>ul>li>ul {}
.footnav li li {float:left;margin-right:20px;}
.footcontact {float:left;width:60%;clear:both;margin-top:30px;}
.footcontact h3 {font-size:14px;margin-bottom:10px;color:#fff;}
.footcontact section {}
.footcontact section p {line-height:30px;display:flex;align-items:center;}
.footcontact section p svg {font-size:22px;margin-right:10px;}
.footcontact a {color:#fff;}
.footmedia {float:right;width:30%;margin-top:30px;}
.footmediatitle {font-size:14px;font-weight:bold;margin-bottom:10px;opacity:1;}
.footmediaqrcode {}
.footmediaqrcode ul {display:flex;}
.footmediaqrcode li {flex:1;margin:0 5px;}
.footmediaqrcode figure {margin-bottom:5px;}
.footmediaqrcode img {width:100%;}
.footmediaqrcode p {text-align:center;}
.copy {text-align:center;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1);}
.copyright a {color:#fff;}
}
@media (max-width:767px) { body {font-size:12px;padding:130px 0 60px;}
.w:after {content:'';display:table;clear:both;}
header {position:fixed;z-index:9;top:0;left:0;right:0;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.top {text-align:center;line-height:25px;background-color:#f9f9f9;padding:5px 0;}
.topwelcome {}
.topwelcome span {padding:0 5px;}
.toplink {display:none;}
.toplink a {display:inline-block;margin:0 5px;}
.head {padding:0 20px;position:relative;}
.headlogo {padding:15px 0;}
.headlogo a {display:block;overflow:hidden;}
.headlogo img {height:40px;}
.headtel {display:none;}
.headnav {position:relative;}
nav {}
nav span {position:absolute;z-index:99;top:-65px;right:15px;display:block;width:60px;background:#fff;padding:5px 15px;box-sizing:border-box;}
nav span:after {content:'导航菜单';clear:both;position:absolute;top:35px;right:0;width:60px;text-align:center;color:#005bac;text-align:center;}
nav span i {display:block;content:'';width:100%;height:2px;background:#005bac;margin:6px 0;transition:all 0.3s ease-out 0.1s;}
nav span.on i:nth-of-type(1) {transform:translateY(8.5px) rotate(45deg);}
nav span.on i:nth-of-type(2) {opacity:0;}
nav span.on i:nth-of-type(3) {transform:translateY(-8.5px) rotate(-45deg);}
nav ul {position:fixed;z-index:3;right:-300px;bottom:0;top:130px;width:300px;background:rgba(255,255,255,1);box-shadow:0 30px 30px rgba(0,0,0,0.1);transition:all ease-out 0.3s;}
nav ul.on {right:0;}
nav ul li {position:relative;}
nav ul li i {position:absolute;z-index:1;top:0;right:0;width:40px;height:40px;background:rgba(0,0,0,0.1);text-align:center;line-height:40px;font-style:normal;}
nav li a {display:block;line-height:40px;font-size:14px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
nav li a:hover {background:#005bac;color:#fff;}
nav li ul {display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
nav li ul.on {display:block;}
nav li li {float:left;width:50%;}
nav li li a {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}
footer {background:#30333a;color:#888;}
footer a {color:#888;}
footer a:hover {color:#fff;}
.foot {padding:20px;}
.footnav {border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:15px;margin-bottom:15px;}
.footnav a {margin-right:10px;}
.footlogo {margin-bottom:10px;}
.footcontact {margin-bottom:10px;}
.footcontact ul {padding:5px 0;}
.footcontact li {}
.footqrcode {}
.footqrcode figure {}
.footqrcode img {width:100px;margin-bottom:10px;float:left;margin-right:20px;}
.footqrcode figcaption {font-size:12px;}
.copy {padding:20px;background:#222;font-size:12px;color:#999;overflow:hidden;}
.copyright {}
.copyright a {margin:0 10px;}
.copysupport {}
.copysupport a {margin-left:10px;}
}
@media (min-width:768px) { .sidebar {position:fixed;z-index:3;top:50%;transform:translateY(-50%);right:0;width:50px;font-size:12px;}
.sidebar ul {}
.sidebar li {position:relative;border-bottom:2px solid transparent;}
.sidebar li i {display:block;position:relative;z-index:2;font-style:normal;text-align:center;background:#333;color:#fff;padding:5px 0;cursor:pointer;}
.sidebar li i svg {font-size:30px;line-height:30px;}
.sidebar li i span {display:block;}
.sidebar li section {position:absolute;z-index:-1;top:50%;transform:translateY(-50%);left:72px;transition:all ease-out 0.3s;border-right:2px solid transparent;opacity:0;}
.sidebar li section.sidebartel dl {background:#333;color:#fff;padding:15px;border-right:2px solid transparent;box-sizing:content-box;width:160px;}
.sidebar li section.sidebartel dd {font-size:22px;font-weight:bold;line-height:30px;font-family:'iconfont';}
.sidebar li section.sidebartel dd a {color:#2091d9;}
.sidebar li section.sidebarqrcode dl {display:inline-block;text-align:center;padding:5px;background:#333;color:#fff;margin:1px 0;}
.sidebar li section.sidebarqrcode dd {margin-bottom:5px;}
.sidebar li section.sidebarqrcode dd img {width:100px;}
.sidebar li:hover section.sidebartel {z-index:1;left:-194px;opacity:1;}
.sidebar li:hover section.sidebarqrcode {z-index:1;left:-112px;opacity:1;}
}
@media (max-width:767px) { .sidebar {position:fixed;z-index:3;right:0;bottom:0;left:0;}
.sidebar ul {position:relative;}
.sidebar li {float:left;width:25%;}
.sidebar li i {display:block;z-index:2;font-style:normal;text-align:center;background:#333;color:#fff;padding:5px 0;cursor:pointer;}
.sidebar li i svg {font-size:30px;}
.sidebar li i span {display:block;}
.sidebar li section {position:absolute;z-index:-1;bottom:-60px;left:50%;transform:translateX(-50%);transition:all ease-out 0.3s;opacity:0;white-space:nowrap;}
.sidebar li section.sidebartel dl {background:#333;color:#fff;padding:15px;box-sizing:content-box;}
.sidebar li section.sidebartel dd {font-size:22px;font-weight:bold;line-height:30px;font-family:'iconfont';}
.sidebar li section.sidebartel dd a {color:#f60;}
.sidebar li section.sidebarqrcode dl {display:inline-block;text-align:center;padding:5px;background:#333;color:#fff;}
.sidebar li section.sidebarqrcode dd {margin-bottom:5px;}
.sidebar li section.sidebarqrcode dd img {width:100px;}
.sidebar li:hover section.sidebartel {bottom:62px;opacity:1;}
.sidebar li:hover section.sidebarqrcode {bottom:62px;opacity:1;}
} .toolbar {width:52px;position:fixed;right:1%;bottom:5%;z-index:999;}
.toolbar dd {width:51px;height:51px;margin-bottom:1px;position:relative;-webkit-border-radius:100%;border-radius:100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius:100%;border-radius:100%;}
.toolbar dd i {width:51px;height:51px;display:block;position:absolute;left:0;top:0;cursor:pointer;text-align:center;-webkit-border-radius:100%;border-radius:100%;}
.toolbar dd i span {width:35px;height:35px;display:block;margin:8px 0 0 8px;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop {display:none;}
.toolbar .slide-tel {display:block;width:0;height:53px;line-height:53px;font-size:24px;font-weight:bold;font-family:arial;color:#FFF;position:absolute;padding:0 0 0 53px;top:-1px;right:-2px;-webkit-border-radius:50px;border-radius:50px;overflow:hidden;}
.toolbar .pop {position:absolute;right:90px;top:-65px;background:#1f5fc3;display:none;}
.toolbar .pop-code {width:160px;}
.toolbar .pop-code img {width:120px;height:120px;display:block;padding:20px 20px 0;}
.toolbar .pop-code h3 {height:52px;line-height:26px;text-align:center;color:#fff;font-size:16px;font-weight:400;white-space:nowrap;}
.toolbar .pop-code h3 b {display:block;font-size:14px;font-weight:normal;}
.toolbar .qq span {background-position:-35px -47px;}
.toolbar .qq a {width:52px;height:52px;cursor:pointer;display:block;}
.toolbar .qq:hover {background-color:#1f5fc3;border-radius:100%;}
.toolbar .qq:hover span {background-position:0 -47px;}
.toolbar .tel span {background-position:-35px 0;}
.toolbar .tel:hover {background:#1f5fc3;}
.toolbar .tel:hover span {background-position:0 0;}
.toolbar .code span {background-position:-35px -95px;}
.toolbar .code:hover {background-color:#1f5fc3;border-radius:100%;}
.toolbar .code:hover span {background-position:0 -95px;}
.toolbar .top {padding:0;}
.toolbar .top span {background-position:-35px -142px;}
.toolbar .top:hover {background-color:#1f5fc3;border-radius:100%;}
.toolbar .top:hover span {background-position:0 -142px;}
.toolbar dd:hover {} .listpage {margin:20px 0 40px 0;text-align:center!important;font-size:14px;}
.listpage a {border:1px solid #e4eaec;border-right:none;background:#fff;padding:8px 13px;text-align:center;color:#76838f;}
.listpage a:hover {background:#f5f5f5}
.listpage a.NextA {border-right:1px solid #e4eaec}
.listpage .NextSpan,.listpage .PreSpan {border:1px solid #e4eaec;padding:8px 13px;background:#fff;color:#ccd5db;cursor:default}
.listpage .firstPage,.listpage .lastPage {height:28px;line-height:28px;min-width:40px}
.listpage span {border:1px solid #e4eaec;border-right:none;padding:8px 13px;text-align:center;background:#00A2E9;border-color:#00A2E9;color:#fff;cursor:default}
.listpage a,.listpage a:active,.listpage a:focus,.listpage a:hover {text-decoration:none}
.listpage .listpageText {margin-left:10px;color:#aaa;display:none}
.listpage a:last-child{ border-right:1px solid #e4eaec}
.tags{overflow:hidden;margin-bottom:10px;margin-top:20px;clear:both;}
.tags span{float: left;display: block;line-height: 40px;}
.tags a{border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;line-height: 28px;padding: 0 6px;margin: 5px;background: #fff;border: 1px solid #dadada;}
.tags a:hover {background: #009b4c;border-color: #009b4c;color: #fff;}@media (min-width:1441px) { .banner {position:relative;}
.banner figure {overflow:hidden;position:relative;height:700px;background:#000;}
.banner img {position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:700px;}
.banner .iconfont {font-size:40px;color:#fff;background:#005bac;padding:5px 0;border-radius:5px;margin:0 100px;}
.banner .swiper-button-prev {left:0;}
.banner .swiper-button-next {right:0;}
.title {margin-left:40%;margin-bottom:60px;}
.title h2 {font-size:24px;line-height:30px;text-transform:uppercase;font-weight:normal;position:relative;margin-bottom:5px;}
.title h2:before {content:'';display:block;position:absolute;top:0;left:-100px;font-size:60px;line-height:60px;color:#333;font-weight:bold;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/bgtitle.png) no-repeat center center;width:88px;height:50px;}
.title h2:after {content:'';display:block;position:absolute;top:30px;left:-130px;width:150px;height:1px;background:linear-gradient(to right,#888 0,#888 30px,transparent 30px,transparent 110px,#888 110px,#888 150px);transform:rotate(135deg);}
.title h2 span {color:#888;font-family:'宋体';margin-left:10px;border-left:1px solid #999;padding-left:10px;}
.title p {color:#666;}
.product {padding:100px 0;}
.productclass {margin-bottom:40px;}
.productclass ul {text-align:center;}
.productclass li {display:inline-block;padding:0 3px;}
.productclass li a {display:block;line-height:40px;padding:0 20px;border:1px solid #333;}
.productclass li a:hover,.productclass li a.on {background:#1f5fc3;border:1px solid #1f5fc3;color:#fff;}
.productlist {}
.productlist ul {margin:0 -1%;margin-bottom:20px;}
.productlist li {float:left;width:23%;margin:0 1% 20px;position:relative;}
.productlist li a {display:block;}
.productlist li section {transition:all ease-out 0.3s;border:1px solid #eee;}
.productlist li figure {overflow:hidden;}
.productlist li figure img {width:100%;}
.productlist li h4 {position:absolute;bottom:0;left:0;right:0;line-height:40px;transition:all ease-out 0.3s;background:#f1f1f1;text-align:center;}
.productlist li:hover section {box-shadow:0 0 20px rgba(0,0,0,0.1);}
.productlist li:hover figure img {transform:scale3d(1.05,1.05,1);}
.slogen {background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/bgslogen.jpg) no-repeat center center;height:180px;}
.slogeninfo {text-align:center;font-weight:bold;padding:35px 0;}
.slogeninfo h2 {font-size:24px;line-height:30px;color:#f9ee16;}
.slogeninfo p {font-size:18px;line-height:30px;color:#fff;margin-bottom:20px;}
.slogeninfo a {font-size:24px;line-height:30px;color:#fff;}
.brand {padding:60px 0;}
.brandlist {}
.brandlist dl {background:#1f5fc3;float:left;width:580px;box-sizing:border-box;padding:30px;color:#fff;}
.brandlist dt {margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:19px;}
.brandlist dt h3 {font-size:24px;line-height:30px;}
.brandlist dt h3 strong {color:#fff102;}
.brandlist dt p {text-transform:uppercase;}
.brandlist dd {}
.brandlist ul {float:right;width:580px;}
.brandlist li {float:left;width:180px;margin-right:20px;text-align:center;}
.brandlist li:last-child {margin-right:0;}
.brandlist li section {border:1px solid #eee;height:188px;position:relative;}
.brandlist li section:after {content:'';display:block;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid #1f5fc3;transition:all ease-out 0.3s;opacity:0;}
@keyframes name {0%,100% {clip:rect(0 180px 2px 0px);}
25% {clip:rect(0 180px 190px 178px);}
50% {clip:rect(188px 180px 190px 0);}
75% {clip:rect(0 2px 190px 0);}
}
.brandlist li section:hover:after {animation:name 1s linear infinite;opacity:1;}
.brandlist li section figure {padding:25px;}
.brandlist li section img {}
.brandlist li section h3 {}
.about {padding:60px 0;background:#1f5fc3;background-image:linear-gradient(-45deg,transparent 49%,rgba(255,255,255,0.2) 51%,transparent 0);background-size:3px 3px;background-repeat:repeat;}
.about .title {color:#fff;}
.about .title h2:before {color:#fff;}
.about .title h2 span {color:#fff;}
.about .title p {color:#fff;}
.aboutinfo {float:left;width:50%;position:relative;-webkit-perspective:800;height:300px;}
.aboutinfo:after {content:'';display:block;position:absolute;top:0;left:0;height:280px;width:715px;background:#fff;transform:rotateY(30deg);box-shadow:0 5px 30px rgba(0,0,0,0.2);}
.aboutinfo dl {position:relative;z-index:1;padding:40px;height:200px;}
.aboutinfo dt {font-size:24px;line-height:30px;margin-bottom:20px;}
.aboutinfo dd {color:#666;}
.aboutinfo dd a {display:inline-block;margin-top:20px;}
.aboutcover {float:right;width:50%;position:relative;-webkit-perspective:800;height:300px;}
.aboutcover:after {content:'';display:block;position:absolute;top:0;right:0;height:280px;width:715px;background:linear-gradient(to right,#ccc 0,#fff 715px);transform:rotateY(-30deg);box-shadow:0 5px 30px rgba(0,0,0,0.2);}
.aboutcover figure {position:relative;z-index:1;overflow:hidden;padding:40px;height:200px;-webkit-perspective:800;}
.aboutcover figure img {height:200px;width:100%;transform:rotateY(-30deg) translateX(-5%);}
.aboutmore {clear:both;text-align:center;}
.aboutmore a {display:inline-block;line-height:40px;color:#fff;border-bottom:3px solid #58bbfc;}
.news {padding:80px 0 40px;}
.newslist ul {margin:0 -1%;}
.newslist li {float:left;width:31.33%;margin:0 1% 2%;}
.newslist li section {background:#f3f3f3;padding:30px 30px 30px 120px;position:relative;overflow:hidden;}
.newslist li section:before {content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:0;background:#1f5fc3;transition:all ease-out 0.3s;}
.newslist li section:after {content:'→';display:block;position:absolute;bottom:30px;left:120px;opacity:0.7;}
.newslist li section a {display:block;}
.newslist li section time {position:absolute;top:30px;left:30px;width:60px;display:block;text-align:right;font-family:sysfont,verdana,sans-serif;transition:all ease-out 0.3s;}
.newslist li section time strong {display:block;font-size:30px;line-height:40px;}
.newslist li section time span {}
.newslist li section dl {position:relative;z-index:1;height:160px;}
.newslist li section dt {font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:20px;font-weight:bold;transition:all ease-out 0.3s;}
.newslist li section dd {line-height:30px;height:90px;overflow:hidden;opacity:0.7;}
.newslist li section i {position:absolute;left:30px;bottom:30px;display:block;width:60px;height:60px;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/iconnewslist.png) no-repeat center center;}
.newslist li:hover section a {color:#fff;}
.newslist li:hover section:before {width:100%;}
.newslist li:hover section:after {color:#fff;}
.newslist li:hover section time {color:#fff;}
.newslist li:hover section dt {color:#fff;}
}
@media (min-width:1025px) and (max-width:1440px) { .banner {position:relative;}
.banner figure {overflow:hidden;position:relative;height:600px;background:#000;}
.banner img {position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:600px;}
.banner section {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin-top:150px;padding:0 5%;}
.banner section dl {width:50%;text-shadow:0 0 5px rgba(0,0,0,0.5);}
.banner section dt {color:#fff;font-size:22px;line-height:30px;margin-bottom:20px;}
.banner section dd {color:#fff;font-size:40px;line-height:50px;margin-bottom:60px;}
.banner section a {display:block;}
.banner .iconfont {font-size:40px;color:#fff;background:#005bac;padding:5px 0;border-radius:5px;margin:0 100px;}
.banner .swiper-button-prev {left:0;}
.banner .swiper-button-next {right:0;}
.title {margin-left:40%;margin-bottom:60px;}
.title h2 {font-size:24px;line-height:30px;text-transform:uppercase;font-weight:normal;position:relative;margin-bottom:5px;}
.title h2:before {content:'FL';display:block;position:absolute;top:0;left:-100px;font-size:60px;line-height:60px;color:#333;font-weight:bold;}
.title h2:after {content:'';display:block;position:absolute;top:30px;left:-130px;width:150px;height:1px;background:linear-gradient(to right,#888 0,#888 40px,transparent 40px,transparent 110px,#888 110px,#888 150px);transform:rotate(135deg);}
.title h2 span {color:#888;font-family:'宋体';margin-left:10px;border-left:1px solid #999;padding-left:10px;}
.title p {color:#666;}
.product {padding:100px 0 30px 0;}
.productclass {margin-bottom:40px;}
.productclass ul {text-align:center;}
.productclass li {display:inline-block;padding:0 3px;}
.productclass li a {display:block;line-height:40px;padding:0 20px;border:1px solid #333;}
.productclass li a:hover,.productclass li a.on {background:#1f5fc3;border:1px solid #1f5fc3;color:#fff;}
.productlist {}
.productlist ul {margin:0 -1%;margin-bottom:20px;}
.productlist li {float:left;width:23%;margin:0 1% 20px;position:relative;}
.productlist li a {display:block;}
.productlist li section {transition:all ease-out 0.3s;border:1px solid #eee;}
.productlist li figure {overflow:hidden;}
.productlist li figure img {width:100%;}
.productlist li h4 {line-height:40px;transition:all ease-out 0.3s;background:#f1f1f1;text-align:center;}
.productlist li:hover section {box-shadow:0 0 20px rgba(0,0,0,0.1);}
.productlist li:hover figure img {transform:scale3d(1.05,1.05,1);}
.slogen {height:180px;}
.slogeninfo {text-align:center;font-weight:bold;padding:35px 0;}
.slogeninfo h2 {font-size:24px;line-height:30px;color:#f9ee16;}
.slogeninfo p {font-size:18px;line-height:30px;color:#fff;margin-bottom:20px;}
.slogeninfo a {font-size:24px;line-height:30px;color:#fff;}
.brand {padding:60px 0;}
.brandlist {}
.brandlist dl {background:#1f5fc3;float:left;width:580px;box-sizing:border-box;padding:30px;color:#fff;}
.brandlist dt {margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:19px;}
.brandlist dt h3 {font-size:24px;line-height:30px;}
.brandlist dt h3 strong {color:#fff102;}
.brandlist dt p {text-transform:uppercase;}
.brandlist dd {}
.brandlist ul {float:right;width:580px;}
.brandlist li {float:left;width:180px;margin-right:20px;text-align:center;}
.brandlist li:last-child {margin-right:0;}
.brandlist li section {border:1px solid #eee;height:188px;position:relative;}
.brandlist li section:after {content:'';display:block;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid #1f5fc3;transition:all ease-out 0.3s;opacity:0;}
@keyframes name {0%,100% {clip:rect(0 180px 2px 0px);}
25% {clip:rect(0 180px 190px 178px);}
50% {clip:rect(188px 180px 190px 0);}
75% {clip:rect(0 2px 190px 0);}
}
.brandlist li section:hover:after {animation:name 1s linear infinite;opacity:1;}
.brandlist li section figure {padding:25px;}
.brandlist li section img {}
.brandlist li section h3 {}
.about {padding:60px 0;background:#1f5fc3;background-image:linear-gradient(-45deg,transparent 49%,rgba(255,255,255,0.2) 51%,transparent 0);background-size:3px 3px;background-repeat:repeat;}
.about .title {color:#fff;}
.about .title h2:before {color:#fff;}
.about .title h2 span {color:#fff;}
.about .title p {color:#fff;}
.aboutinfo {float:left;width:50%;position:relative;-webkit-perspective:800;height:300px;}
.aboutinfo:after {content:'';display:block;position:absolute;top:0;left:0;height:280px;width:715px;background:#fff;transform:rotateY(30deg);box-shadow:0 5px 30px rgba(0,0,0,0.2);}
.aboutinfo dl {position:relative;z-index:1;padding:40px;height:200px;}
.aboutinfo dt {font-size:24px;line-height:30px;margin-bottom:20px;}
.aboutinfo dd {color:#666;}
.aboutinfo dd a {display:inline-block;margin-top:20px;}
.aboutcover {float:right;width:50%;position:relative;-webkit-perspective:800;height:300px;}
.aboutcover:after {content:'';display:block;position:absolute;top:0;right:0;height:280px;width:715px;background:linear-gradient(to right,#ccc 0,#fff 715px);transform:rotateY(-30deg);box-shadow:0 5px 30px rgba(0,0,0,0.2);}
.aboutcover figure {position:relative;z-index:1;overflow:hidden;padding:40px;height:200px;-webkit-perspective:800;}
.aboutcover figure img {height:200px;width:100%;transform:rotateY(-30deg) translateX(-5%);}
.aboutmore {clear:both;text-align:center;}
.aboutmore a {display:inline-block;line-height:40px;color:#fff;border-bottom:3px solid #58bbfc;}
.news {padding:80px 0 40px;}
.newslist ul {margin:0 -1%;}
.newslist li {float:left;width:31.33%;margin:0 1% 2%;}
.newslist li section {background:#f3f3f3;padding:30px 30px 30px 120px;position:relative;overflow:hidden;}
.newslist li section:before {content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:0;background:#1f5fc3;transition:all ease-out 0.3s;}
.newslist li section:after {content:'→';display:block;position:absolute;bottom:30px;left:120px;opacity:0.7;}
.newslist li section a {display:block;}
.newslist li section time {position:absolute;top:30px;left:30px;width:60px;display:block;text-align:right;font-family:sysfont,verdana,sans-serif;transition:all ease-out 0.3s;}
.newslist li section time strong {display:block;font-size:30px;line-height:40px;}
.newslist li section time span {}
.newslist li section dl {position:relative;z-index:1;height:160px;}
.newslist li section dt {font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:20px;font-weight:bold;transition:all ease-out 0.3s;}
.newslist li section dd {line-height:30px;height:90px;overflow:hidden;opacity:0.7;}
.newslist li section i {position:absolute;left:30px;bottom:30px;display:block;width:60px;height:60px;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/iconnewslist.png) no-repeat center center;}
.newslist li:hover section a {color:#fff;}
.newslist li:hover section:before {width:100%;}
.newslist li:hover section:after {color:#fff;}
.newslist li:hover section time {color:#fff;}
.newslist li:hover section dt {color:#fff;}
}
@media (min-width:768px) and (max-width:1024px) { .banner {position:relative;}
.banner figure {overflow:hidden;position:relative;height:400px;}
.banner img {height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.banner section {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;margin-top:100px;}
.banner section h3 {color:#fff;font-size:50px;line-height:60px;margin-bottom:20px;white-space:nowrap;}
.banner section p {color:#fff;font-size:22px;white-space:nowrap;margin-bottom:60px;}
.banner section a {display:block;}
.search {padding:30px;background:#fff;}
.searchhot {float:left;line-height:40px;}
.searchhot strong {color:#246ac9;}
.searchhot a {margin-right:20px;color:#999;}
.searchform {float:right;}
.searchform form {position:relative;}
.searchform input {box-sizing:border-box;}
.searchform input.txt {background:#f1f1f1;height:40px;padding:0 20px;}
.searchform input.btn {position:absolute;top:5px;right:5px;width:30px;height:30px;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/iconsearch.png) no-repeat center center;}
.title {text-align:center;margin-bottom:40px;}
.title h2 {font-size:36px;line-height:40px;margin-bottom:10px;position:relative;display:inline-block;}
.title h2:before {content:'';display:block;position:absolute;top:50%;left:-20px;border:1px solid #333;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);}
.title h2:after {content:'';display:block;position:absolute;top:50%;right:-20px;border:1px solid #333;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);}
.title h2 span {color:#246ac9;}
.title p {font-size:16px;font-weight:normal;opacity:0.7;}
.product {padding:30px;background:#f6f6f6;}
.productmain {}
.productclass {}
.productclass dl {display:none;}
.productclass ul {margin:0 -1%;}
.productclass li {margin-bottom:10px;float:left;width:23%;margin:0 1% 2%;}
.productclass li:last-child {margin-bottom:0;}
.productclass li a {display:block;font-size:15px;line-height:55px;padding:0 20px;position:relative;background:#fff;}
.productclass li a:before {content:'';display:block;position:absolute;top:50%;right:20px;width:10px;height:10px;border-top:1px solid #ccc;border-right:1px solid #ccc;transform:rotate(45deg) translateY(-50%);transition:all ease-out 0.3s;}
.productclass li a:hover {padding:0 30px;background:#246ac9;color:#fff;}
.productclass li a:hover:before {right:30px;border-top:1px solid #fff;border-right:1px solid #fff;}
.productlist {}
.productlist ul {margin:0 -1%;}
.productlist li {float:left;width:23%;margin:0 1% 20px;}
.productlist li a {display:block;border:1px solid #eee;}
.productlist li figure {overflow:hidden;}
.productlist li figure img {width:100%;}
.productlist li section {overflow:hidden;background:#fff;position:relative;padding-right:60px;transition:all ease-out 0.3s;}
.productlist li section a {position:absolute;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
.productlist li section h3 {font-size:13px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;}
.productlist li section i {position:absolute;top:0;right:0;display:block;width:40px;height:40px;box-sizing:border-box;padding:5px;}
.productlist li section i svg {font-size:30px;line-height:30px;color:#999;}
.productlist li a:hover figure img {transform:scale3d(1.05,1.05,1);}
.productlist li a:hover section {background:#246ac9;color:#fff;}
.productlist li a:hover i svg {color:#fff;}
.advan {padding:30px;background:#fff;}
.advanlist {}
.advanlist ul {overflow:hidden;}
.advanlist li {float:left;width:50%;}
.advanlist section {overflow:hidden;height:220px;}
.advanlist figure {width:50%;overflow:hidden;height:220px;position:relative;}
.advanlist li:nth-of-type(1) figure,.advanlist li:nth-of-type(2) figure {float:left;}
.advanlist li:nth-of-type(3) figure,.advanlist li:nth-of-type(4) figure {float:right;}
.advanlist figure img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:220px;}
.advanlist dl {float:right;width:50%;text-align:center;background:rgba(0,0,0,0.5);padding:20px;height:220px;box-sizing:border-box;}
.advanlist dl {color:#fff;}
.advanlist dt {position:relative;font-size:22px;line-height:30px;margin-bottom:20px;padding-bottom:10px;}
.advanlist dt:after {content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#fff;width:30px;height:2px;}
.advanlist dd {opacity:0.6;}
.about {padding:100px 5%;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/bgabout.jpg) no-repeat center center;background-attachment:fixed;background-size:cover;position:relative;}
.about .w {position:relative;z-index:2;}
.about .title {color:#fff;}
.aboutnav {}
.aboutnav ul {overflow:hidden;margin:0 -1%;}
.aboutnav li {float:left;width:48%;margin:0 1% 2%;text-align:center;}
.aboutnav li a {display:block;color:#fff;padding:30px;border-radius:10px;}
.aboutnav li a:hover {background:rgba(11,68,134,0.7);color:#fff;transform:translateY(5px);}
.aboutnav li figure {}
.aboutnav li figure img {width:100px;}
.aboutnav li dl {}
.aboutnav li dt {font-size:18px;position:relative;margin-bottom:40px;}
.aboutnav li dt:after {content:'';display:block;position:absolute;top:40px;left:50%;transform:translateX(-50%);width:30px;height:1px;background:#fff;opacity:0.5;}
.aboutnav li dd {height:60px;overflow:hidden;opacity:0.7;}
.aboutnav li span {opacity:0.6;text-transform:uppercase;font-size:12px;}
.case {padding:30px;background:#f6f6f6;}
.caselist {}
.caselist ul {margin:0 -1%;}
.caselist li {float:left;width:23%;margin:0 1% 2%;}
.caselist li:nth-of-type(1) {width:48%;}
.caselist li a {display:block;position:relative;}
.caselist li a p {position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);padding:0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;}
.caselist li div {background:#ddd;position:relative;transition:all ease-out 0.3s;}
.caselist li div span {height:50px;font-size:14px;line-height:50px;display:block;white-space:nowrap;padding:0 15px;}
.caselist li div svg {position:absolute;top:15px;right:5px;display:block;width:20px;height:20px;font-size:20px;}
.caselist li figure {overflow:hidden;}
.caselist li figure img {width:100%;}
.caselist li:hover img {transform:scale3d(1.05,1.05,1);}
.caselist li:hover div {background:#246ac9;color:#fff;}
.slogen {padding:40px 0;color:#fff;background:#246ac9 url(//psjiancai.com/wp-content/themes/huanbao/static/images/bgslogen.jpg) no-repeat center center;}
.slogeninfo {text-align:center;}
.slogeninfo h2 {font-size:24px;line-height:30px;}
.slogeninfo h2 span {color:#f60;}
.slogeninfo p span {font-size:16px;line-height:30px;margin-top:10px;position:relative;display:inline-block;}
.slogeninfo p span:before {content:'';display:block;position:absolute;top:50%;left:0;width:60px;height:1px;background:#fff;margin-left:-70px;}
.slogeninfo p span:after {content:'';display:block;position:absolute;top:50%;right:0;width:60px;height:1px;background:#fff;margin-right:-70px;}
.slogeninfo p strong {display:inline-block;font-size:17px;line-height:40px;margin-top:30px;}
.slogeninfo p strong a {display:inline-block;background:#fff;padding:0 20px;border-radius:20px;color:#246ac9;margin:0 10px;}
.slogeninfo p strong a:hover {background:#f60;color:#fff;}
.news {padding:30px;background:#f6f6f6;}
.newsmain {}
.newstopic {}
.newstopic section {position:relative;margin-bottom:20px;}
.newstopic section a {display:block;overflow:hidden;margin:0 -1%;position:relative;}
.newstopic section figure {overflow:hidden;float:left;width:48%;position:relative;margin:0 1%;}
.newstopic section figure img {width:100%;}
.newstopic section time {position:absolute;z-index:1;bottom:20px;right:20px;display:block;width:80px;text-align:center;transition:all ease-out 0.3s;color:#246ac9;}
.newstopic section strong {display:block;font-family:'ResourceHanRounded';font-size:36px;line-height:40px;}
.newstopic section span {font-size:12px;}
.newstopic section dl {float:right;width:48%;margin:0 1%;background:#fff;padding:20px;line-height:25px;box-sizing:border-box;}
.newstopic section dt {margin-bottom:5px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.newstopic section dd {color:#999;}
.newslist ul {margin:0 -1%;}
.newslist li {float:left;width:48%;margin:0 1% 2%;}
.newslist li a {display:block;padding:15px;background:#fff;position:relative;}
.newslist li a:after {content:'>';display:block;position:absolute;bottom:0;right:0;width:0;top:0;background:#eee;color:#fff;text-align:center;transition:all ease-out 0.3s;font-size:0px;line-height:130px;}
.newslist li dl {}
.newslist li dt {font-size:16px;margin-bottom:10px;transition:all ease-out 0.3s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.newslist li dd {font-size:13px;color:#999;height:40px;overflow:hidden;margin-bottom:10px;}
.newslist li time {display:block;font-size:12px;color:#999;}
.newslist li span {display:block;}
.newslist li a:hover {padding:15px 40px 15px 20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.newslist li a:hover:after {background:#f60;color:#fff;width:20px;font-size:20px;}
.newsmore {text-align:center;margin-top:20px;}
.newsmore a {display:inline-block;line-height:40px;background:#246ac9;color:#fff;padding:0 80px;}
.newsmore a:hover {background:#f60;padding:0 90px;}
}
@media (max-width:767px) { .banner {position:relative;}
.banner figure {overflow:hidden;position:relative;height:240px;background:#000;}
.banner img {position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:240px;}
.banner .iconfont {font-size:20px;color:#fff;background:#005bac;padding:5px 0;border-radius:5px;}
.banner .swiper-button-prev {left:10px;}
.banner .swiper-button-next {right:10px;}
.title {margin-bottom:20px;text-align:center;}
.title h2 {font-size:14px;text-transform:uppercase;position:relative;margin-bottom:5px;}
.title h2 span {color:#888;font-family:'宋体';margin-left:10px;border-left:1px solid #999;padding-left:10px;}
.title p {color:#666;}
.product {padding:30px 20px;}
.productclass {margin-bottom:20px;}
.productclass ul {text-align:center;}
.productclass li {display:inline-block;padding:0 3px;margin-bottom:10px;}
.productclass li a {display:block;line-height:30px;padding:0 20px;border:1px solid #333;}
.productclass li a:hover,.productclass li a.on {background:#1f5fc3;border:1px solid #1f5fc3;color:#fff;}
.productlist {}
.productlist ul {margin:0 -1%;}
.productlist li {float:left;width:48%;margin:0 1% 10px;position:relative;}
.productlist li a {display:block;}
.productlist li section {transition:all ease-out 0.3s;border:1px solid #eee;}
.productlist li figure {overflow:hidden;}
.productlist li figure img {width:100%;}
.productlist li h4 {line-height:40px;transition:all ease-out 0.3s;background:#f1f1f1;text-align:center;}
.productlist li:hover section {box-shadow:0 0 20px rgba(0,0,0,0.1);}
.productlist li:hover figure img {transform:scale3d(1.05,1.05,1);}
.slogen {background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/bgslogen.jpg) no-repeat center center;height:180px;}
.slogeninfo {text-align:center;font-weight:bold;padding:35px 20px;}
.slogeninfo h2 {font-size:15px;color:#f9ee16;}
.slogeninfo p {font-size:12px;color:#fff;margin-bottom:20px;}
.slogeninfo a {font-size:16px;color:#fff;}
.brand {padding:30px 20px;}
.brandlist {}
.brandlist dl {background:#1f5fc3;box-sizing:border-box;padding:20px;color:#fff;margin-bottom:20px;}
.brandlist dt {margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:19px;}
.brandlist dt h3 {font-size:17px;line-height:30px;}
.brandlist dt h3 strong {color:#fff102;}
.brandlist dt p {text-transform:uppercase;}
.brandlist dd {}
.brandlist ul {margin:0 -1%;}
.brandlist li {float:left;width:31.33%;margin:0 1%;text-align:center;}
.brandlist li section {border:1px solid #eee;position:relative;}
.brandlist li section:after {content:'';display:block;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid #1f5fc3;transition:all ease-out 0.3s;opacity:0;}
@keyframes name {0%,100% {clip:rect(0 180px 2px 0px);}
25% {clip:rect(0 180px 190px 178px);}
50% {clip:rect(188px 180px 190px 0);}
75% {clip:rect(0 2px 190px 0);}
}
.brandlist li section:hover:after {animation:name 1s linear infinite;opacity:1;}
.brandlist li section figure {padding:25px 25px 5px;}
.brandlist li section img {width:100%;}
.brandlist li section h3 {padding-bottom:25px;}
.about {padding:30px 20px;background:#1f5fc3;background-image:linear-gradient(-45deg,transparent 49%,rgba(255,255,255,0.2) 51%,transparent 0);background-size:3px 3px;background-repeat:repeat;}
.about .title {color:#fff;}
.about .title h2:before {color:#fff;}
.about .title h2 span {color:#fff;}
.about .title p {color:#fff;}
.aboutinfo {position:relative;}
.aboutinfo dl {position:relative;z-index:1;padding:20px;background-color:#fff;}
.aboutinfo dt {font-size:17px;line-height:25px;margin-bottom:10px;}
.aboutinfo dd {color:#666;}
.aboutinfo dd a {display:inline-block;margin-top:20px;}
.aboutcover {background-color:#fff;}
.aboutcover figure {overflow:hidden;padding:20px;}
.aboutcover figure img {width:100%;}
.aboutmore {clear:both;text-align:center;}
.aboutmore a {display:inline-block;line-height:40px;color:#fff;border-bottom:3px solid #58bbfc;}
.news {padding:30px 20px;}
.newslist ul {margin:0 -1%;}
.newslist li {float:left;width:48%;margin:0 1% 2%;}
.newslist li section {background:#f3f3f3;padding:20px;}
.newslist li section:before {content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:0;background:#1f5fc3;transition:all ease-out 0.3s;}
.newslist li section:after {content:'→';display:block;position:absolute;bottom:30px;left:120px;opacity:0.7;}
.newslist li section a {display:block;}
.newslist li section time {}
.newslist li section dl {position:relative;z-index:1;height:110px;}
.newslist li section dt {font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px;font-weight:bold;transition:all ease-out 0.3s;}
.newslist li section dd {height:80px;overflow:hidden;opacity:0.7;}
.newslist li section i {position:absolute;left:30px;bottom:30px;display:block;width:60px;height:60px;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/iconnewslist.png) no-repeat center center;}
.newslist li:hover section a {color:#fff;}
.newslist li:hover section:before {width:100%;}
.newslist li:hover section:after {color:#fff;}
.newslist li:hover section time {color:#fff;}
.newslist li:hover section dt {color:#fff;}
}@media (min-width:1441px) { .pgbanner {}
.pgbanner figure {height:350px;position:relative;overflow:hidden;}
.pgbanner img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#fff;height:350px;}
.pgposition {border-bottom:1px solid #eee;font-size:12px;padding:10px 0;}
.pgpositioninfo i {display:block;width:20px;height:20px;float:left;margin-right:10px;}
.pgpositioninfo i svg {font-size:20px;line-height:30px;}
.listpage {clear:both;text-align:center;overflow:hidden;font-size:12px;margin-bottom:60px;}
.listpage a,.listpage span {display:inline-block;padding:7px 15px;margin:0 3px 6px;border:1px solid #ccc;}
.listpage a:hover {background:#333;border:1px solid #333;color:#fff;}
.listpage span {background:#333;border:1px solid #333;color:#fff;}
.edit {margin-bottom:40px;}
.edit img {max-width:100%;}
.pg {padding:60px 0;overflow:hidden;}
.pgs {padding:60px 0;overflow:hidden;}
.pgs .w {position:relative;padding-left:440px;}
.pgnav {background:#f4f4f4;line-height:55px;margin-bottom:40px;}
.pgnav ul {display:flex;}
.pgnav li {flex:1;}
.pgnav li a {display:block;text-align:center;font-size:18px;position:relative;}
.pgnav li a:after {content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-bottom:6px solid #fff;border-right:6px solid transparent;opacity:0;transition:all ease-out 0.3s;}
.pgnav li a:hover,.pgnav li a.on {background:#333;color:#fff;}
.pgnav li a:hover:after,.pgnav li a.on:after {opacity:1;}
.pgaboutinfophoto {padding-top:30px;}
.pgaboutinfophoto ul {margin:0 -1%;}
.pgaboutinfophoto li {float:left;width:31.33%;margin:0 1%;}
.pgaboutinfophoto li figure {overflow:hidden;}
.pgaboutinfophoto li img {width:100%;}
.pgaboutinfocon {}
.pgbody {}
.pgcolumntitle { position:relative;line-height:30px;padding:20px;border:1px solid #eee;margin-bottom:40px;}
.pgcolumntitle span {position:absolute;top:20px;right:20px;text-transform:uppercase;color:#999;}
.pgcolumntitle h3 {position:relative;font-size:14px;font-weight:normal;}
.pgcaselist {margin-bottom:30px;}
.pgcaselist ul {margin:0 -1%;}
.pgcaselist li {float:left;width:23%;margin:0 1% 2%;position:relative;}
.pgcaselist li a {display:block;}
.pgcaselist li section {border:1px solid #eee;}
.pgcaselist li section figure {position:relative;overflow:hidden;}
.pgcaselist li section figure img {width:100%;}
.pgcaselist li section figure figcaption {position:absolute;top:0;left:0;bottom:0;right:0;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
.pgcaselist li section p {padding:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgcaselist li:hover img {transform:scale3d(1.05,1.05,1);}
.pgcaselist li:hover figcaption {opacity:1;}
.infoproduct {}
.infoproducthead {margin-bottom:20px;position:relative;border:1px solid #eee;padding:40px;overflow:hidden;}
.infoproductslide {float:left;width:335px;margin-right:20px;}
.infoproductslide figure {overflow:hidden;}
.infoproductslide figure img {width:100%;}
.infoproductsummary {min-height:315px;}
.infoproductsummary h3 {display:inline-block;border:1px solid #ddd;padding:0 10px;line-height:28px;font-size:14px;font-weight:normal;}
.infoproductsummary h1 {font-size:14px;line-height:40px;margin:20px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-transform:uppercase;color:#005bac;}
.infoproductsummary section {color:#999;}
.infoproductsummary ul {margin-top:20px;}
.infoproductsummary li {margin-top:10px;}
.infoproductsummary span a {display:inline-block;line-height:30px;background:#0b4486;color:#fff;padding:0 20px;margin-top:10px;}
.infoproductdetail {border:1px solid #eee;padding:20px;margin-bottom:20px;}
.detailtab {margin-bottom:30px;position:relative;}
.detailtab h3 {font-size:14px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.detailtab h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.detailtab span {position:absolute;top:15px;right:15px;}
.detailtab span a {}
.infoprevnext {position:relative;}
.infoprevnext span {display:inline-block;line-height:40px;border:1px solid #ddd;padding:0 15px;}
.prev {float:left;}
.next {float:right;}
.infoproductother {margin-bottom:20px;border:1px solid #eee;padding:20px;}
.infoproductother h3 {font-size:14px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.infoproductother h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.infoproductother ul {margin:0 -1%;}
.infoproductother li {position:relative;float:left;width:18%;margin:0 1%;}
.infoproductother li a {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
.infoproductother li figure {overflow:hidden;border:1px solid #dcdcdc;padding:10px;}
.infoproductother li figure img {width:100%;margin-bottom:10px;}
.infoproductother li figcaption {text-align:center;font-size:12px;}
.infoproductother li:hover {box-shadow:0 0 10px rgba(0,0,0,0.1);}
.infoproductother li:hover figure img {transform:scale3d(1.05,1.05,1);}
.inforelated {border:1px solid #eee;padding:20px;}
.inforelated h3 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.inforelated h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.inforelated ul {overflow:hidden;}
.inforelated li {float:left;width:50%;line-height:30px;}
.pgnewslist {margin-bottom:30px;padding-top:10px;}
.pgnewslist ul {}
.pgnewslist li {position:relative;margin-bottom:20px;}
.pgnewslist li section {overflow:hidden;position:relative;padding:20px;border:1px solid #eee;transition:all ease-out 0.3s;}
.pgnewslist li section dl {}
.pgnewslist li section dt {line-height:30px;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}
.pgnewslist li section dd {color:#999;line-height:25px;}
.pgnewslist li section dd span a {display:inline-block;margin-top:20px;border:1px solid #eee;padding:0 20px;line-height:38px;font-size:12px;color:#999;}
.pgnewslist li section time {position:absolute;top:20px;right:20px;font-size:12px;color:#999;line-height:30px;}
.pgnewslist li:hover section dd span a {background:#0b4486;color:#fff;}
article {padding:50px;border:1px solid #eee;margin-bottom:20px;}
.articlehead {padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;}
.articlehead h1 {font-size:14px;line-height:30px;}
.articlehead p {font-size:12px;color:#999;margin-top:10px;}
.articlehead p span {margin-right:10px;}
.articlehead p time {margin-right:10px;}
.articlebody {}
.edit {line-height:200%;columns:600px 3;column-gap:40px;}
.edit img {max-width:100%;}
.edit ul {}
.edit li {border-bottom:1px dashed #ddd;line-height:49px;}
.edit li strong {font-size:18px;}
.relatedarticle {}
.relatedarticle h3 {font-size:18px;line-height:30px;margin-bottom:10px;}
.relatedarticle ul {}
.relatedarticle li {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
.relatedarticle li a {float:left;position:relative;padding-left:13px;}
.relatedarticle li a:after {content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
.relatedarticle li time {float:right;color:#999;font-size:12px;}
.infotags {margin-bottom:20px;font-style:italic;font-size:12px;padding:15px;background:#f6f6f6;color:#666;}
.table {overflow-x:scroll;}
.table::-webkit-scrollbar {width:1px;height:1px;}
.table::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
.table::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1);}
.table table {border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
.table tr {}
.table th {font-size:14px;border:1px solid #ddd;padding:8px 10px;line-height:150%;background:#f9f9f9;font-weight:normal;}
.table td {font-size:12px;border:1px solid #ddd;padding:8px 10px;line-height:150%;}
.pgside {position:absolute;top:0;left:0;width:400px;}
.pgsidenav {margin-bottom:20px;background:#ececec;}
.pgsidenavhead {color:#fff;background:linear-gradient(to bottom,#0b4486 0%,#0b4486 100%);padding:20px;}
.pgsidenav p {text-transform:uppercase;font-size:14px;margin-bottom:20px;position:relative;}
.pgsidenav p:after {content:'';display:block;position:absolute;bottom:-10px;left:0;width:30px;height:2px;background:#fff;}
.pgsidenav h3 {position:relative;font-size:14px;font-weight:normal;}
.pgsidenav ul {}
.pgsidenav li {}
.pgsidenav li:last-child {border-bottom:none;}
.pgsidenav li a {line-height:60px;display:block;padding:0 20px;position:relative;border-bottom:1px solid #ddd;}
.pgsidenav li a:after {content:'';display:block;position:absolute;right:20px;top:25px;width:10px;height:10px;text-align:center;border-top:2px solid #ddd;border-right:2px solid #ddd;transform:rotate(45deg);}
.pgsidenav li a:hover,.pgsidenav li a.on {background:#f5f5f5;}
.pgsidenav li ul {padding:0;}
.pgsidenav li li a {line-height:39px;background:none;padding-left:38px;border-bottom:1px dashed #ddd;}
.pgsidenav li li a:before {content:'';display:block;position:absolute;left:20px;top:16px;width:5px;height:5px;border:2px solid #ddd;}
.pgsidenav li li a:after {content:'';}
.pgsidenav li li a:hover {background:none;color:#06c;}
.pgsidenav li li a:hover:before {border:2px solid #06c;}
.pgsidearticle {border:1px solid #eee;padding:20px;margin-bottom:20px;}
.pgsidearticle h3 {margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidearticle ul {}
.pgsidearticle li {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:25px;}
.pgsidearticle li a {position:relative;padding-left:15px;}
.pgsidearticle li a:after {content:'';display:block;position:absolute;top:50%;let:0;width:3px;height:3px;transform:translateY(-50%);background:#999;}
.pgsidekey {border:1px solid #eee;padding:20px 20px 10px;margin-bottom:20px;}
.pgsidekey h3 {margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidekey section {line-height:25px;}
.pgsidekey a {display:inline-block;line-height:30px;padding:0 10px;margin:0 10px 10px 0;border:1px solid #ddd;}
.pgsidecotact {border:1px solid #eee;padding:20px;}
.pgsidecotact h3 {margin-bottom:10px;font-size:14px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidecotact section {line-height:25px;}
.pgsidecotact figure img {width:120px;}
.pgsidecotact a.chat {display:inline-block;line-height:50px;padding:0 10px;background:#0b4486;margin-top:20px;color:#fff;margin-bottom:20px;}
.pgmap {float:right;width:48%;}
.pgcontact {}
.pgcontacttitle {margin-bottom:40px;}
.pgcontacttitle h1 {font-size:36px;line-height:40px;font-weight:normal;text-align:center;}
.pgcontactlist {margin:0 -1%;overflow:hidden;margin-bottom:40px;}
.pgcontactlist section {float:left;width:23%;margin:0 1%;box-sizing:border-box;border:1px solid #f5f5f5;padding:30px 0;text-align:center;}
.pgcontactlist figure {width:50px;height:50px;margin:0 auto;margin-bottom:10px;}
.pgcontactlist figure svg {font-size:50px;line-height:50px;}
.pgcontactlist p {}
.pgcontactmap {margin-bottom:40px;}
.pgmessage {}
.pgmessage h3 {font-size:14px;margin-bottom:30px;}
.pgmessage p {}
.pgmessage form {margin-top:30px;}
.pgmessage ul {overflow:hidden;margin:0 -1%;}
.pgmessage li {position:relative;margin-bottom:20px;border-bottom:1px solid #eee;box-sizing:border-box;}
.pgmessage li:last-child {border:none;margin-bottom:0;}
.pgmessage li:nth-of-type(1),.pgmessage li:nth-of-type(2) {float:left;width:48%;margin:0 1% 20px;}
.pgmessage li:nth-of-type(3) {float:left;width:98%;margin:0 1% 20px;}
.pgmessage li:nth-of-type(4) {float:left;width:48%;margin:0 1% 20px;}
.pgmessage li span {display:none;position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
.pgmessage li span i {margin-right:10px;}
.pgmessage li input {width:100%;padding:10px;box-sizing:border-box;background:#f6f6f6;}
.pgmessage li textarea {display:block;border:none;width:100%;height:120px;padding:10px;box-sizing:border-box;background:#f6f6f6;}
.pgmessage li input.btn {width:100%;background:#232e39;color:#fff;}
#checkCodeImg {position:absolute;top:7px;right:7px;} .pgtagdescription {background:#fff;padding:40px;font-size:16px;line-height:30px;margin-bottom:20px;}
.pgtagproduct {}
.pgtagproduct h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagproduct h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagproduct ul {margin:0 -1%;}
.pgtagproduct li {float:left;width:23%;margin:0 1% 20px;}
.pgtagproductimg {overflow:hidden;}
.pgtagproductimg img {width:100%;}
.pgtagproductwz {background:#fff;padding:20px;transition:all ease-out 0.3s;}
.pgtagproductwz h2 {font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgtagproduct li:hover img {transform:scale3d(1.05,1.05,1);}
.pgtagproduct li:hover .pgtagproductwz {background:#0b4486;color:#fff;}
.pgtagproduct li:hover .pgtagproductwz a {color:#fff;}
.pgtagnews {}
.pgtagnews h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagnews h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagnews ul {margin:0 -1%;}
.pgtagnews li {float:left;width:23%;margin:0 1% 20px;box-sizing:border-box;}
.pgtagnews li a {display:block;padding:20px;background:#fff;}
.pgtagnews li dl {margin-bottom:10px;}
.pgtagnews li dt {padding-bottom:10px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgtagnews li dd {opacity:0.7;height:60px;overflow:hidden;}
.pgtagnews li time {font-size:12px;}
.pgtagnews li a:hover {transform:translateY(-5px);background:#0376d8;color:#fff;}
.pgtagrecom {}
.pgtagrecom h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagrecom h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagrecom ul {margin:0 -1%;}
.pgtagrecom li {float:left;width:23%;margin:0 1% 20px;box-sizing:border-box;}
.pgtagrecom li a {display:block;}
.pgtagrecom li section {background:#fff;transition:all ease-out 0.3s;}
.pgtagrecom li section figure {overflow:hidden;}
.pgtagrecom li section img {width:100%;}
.pgtagrecom li section h3 {font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:10px;}
.pgtagrecom li section:hover {background:#0376d8;color:#fff;}
.pgtagrecom li section:hover img {transform:scale3d(1.05,1.05,1);}
.pgsearchlist {}
.pgsearchlisttotal {border:1px solid #eee;padding:30px;background:#eee;}
.pgsearchproductlist {margin-top:40px;}
.pgsearchproductlist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearchproductlist ul {margin:0 -1%;}
.pgsearchproductlist li {float:left;width:23%;margin:0 1% 20px;}
.pgsearchproductlist li section {position:relative;overflow:hidden;}
.pgsearchproductlist li section a {position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.pgsearchproductlist li figure {overflow:hidden;}
.pgsearchproductlist li figure img {width:100%;}
.pgsearchproductlist li p {position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
.pgsearcharticlelist {margin-top:40px;}
.pgsearcharticlelist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearcharticlelist ul {overflow:hidden;margin:0 -1%;}
.pgsearcharticlelist li {float:left;width:31.33%;margin:0 1% 20px;}
.pgsearcharticlelist li a {display:block;}
.pgsearcharticlelist li section {padding:20px;border:1px solid #eee;background:#fff;}
.pgsearcharticlelist li time {display:block;margin-bottom:5px;}
.pgsearcharticlelist li dl {box-sizing:border-box;margin-bottom:5px;}
.pgsearcharticlelist li dt {font-size:16px;line-height:30px;}
.pgsearcharticlelist li dd {height:40px;overflow:hidden;color:#999;font-size:12px;}
.pgsearcharticlelist li span {display:block;}
.pgsearchcaselist {}
.pgsearchcaselist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearchcaselist ul {margin:0 -1%;}
.pgsearchcaselist li {float:left;width:23%;margin:0 1% 20px;}
.pgsearchcaselist li section {position:relative;overflow:hidden;}
.pgsearchcaselist li section a {position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.pgsearchcaselist li figure {overflow:hidden;}
.pgsearchcaselist li figure img {width:100%;}
.pgsearchcaselist li p {position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
.pgsearchjoblist {}
.pgsearchdownlist {}
.pgsitemap {}
.pgsitemap section {margin-bottom:30px;}
.pgsitemap h3 {font-size:17px;margin-bottom:10px;}
.pgsitemap ul {clear:both;}
.pgsitemap li {float:left;width:25%;border-bottom:1px solid #ddd;line-height:40px;}
.pgsitemap ul ul {background:#eee;}
.pgsitemap li li {float:none;width:100%;}
.pgsitemap ul ul ul {background:#ccc;}
}
@media (min-width:1025px) and (max-width:1440px) { .pgbanner {}
.pgbanner figure {height:250px;position:relative;overflow:hidden;}
.pgbanner img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:250px;}
.pgposition {border-bottom:1px solid #eee;font-size:12px;padding:10px 0;}
.pgpositioninfo i {display:block;width:20px;height:20px;float:left;margin-right:10px;}
.pgpositioninfo i svg {font-size:20px;line-height:30px;}
.listpage {clear:both;text-align:center;overflow:hidden;font-size:12px;margin-bottom:60px;}
.listpage a,.listpage span {display:inline-block;padding:7px 15px;margin:0 3px 6px;border:1px solid #ccc;}
.listpage a:hover {background:#333;border:1px solid #333;color:#fff;}
.listpage span {background:#333;border:1px solid #333;color:#fff;}
.edit {}
.edit img {max-width:100%;}
.pg {padding:60px 0;overflow:hidden;}
.pgs {padding:60px 0;overflow:hidden;}
.pgs .w {position:relative;padding-left:340px;}
.pgnav {background:#f4f4f4;line-height:55px;margin-bottom:40px;}
.pgnav ul {display:flex;}
.pgnav li {flex:1;}
.pgnav li a {display:block;text-align:center;font-size:18px;position:relative;}
.pgnav li a:after {content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-bottom:6px solid #fff;border-right:6px solid transparent;opacity:0;transition:all ease-out 0.3s;}
.pgnav li a:hover,.pgnav li a.on {background:#333;color:#fff;}
.pgnav li a:hover:after,.pgnav li a.on:after {opacity:1;}
.pgaboutinfophoto {padding-top:30px;}
.pgaboutinfophoto ul {margin:0 -1%;}
.pgaboutinfophoto li {float:left;width:31.33%;margin:0 1%;}
.pgaboutinfophoto li figure {overflow:hidden;}
.pgaboutinfophoto li img {width:100%;}
.pgaboutinfocon {}
.pgbody {}
.pgcolumntitle { position:relative;line-height:30px;padding:20px;border:1px solid #eee;margin-bottom:20px;}
.pgcolumntitle span {position:absolute;top:20px;right:20px;text-transform:uppercase;font-size:14px;color:#999;}
.pgcolumntitle h3 {position:relative;font-size:16px;}
.pgcaselist {margin-bottom:30px;}
.pgcaselist ul {margin:0 -1%;}
.pgcaselist li {float:left;width:31.33%;margin:0 1% 2%;position:relative;}
.pgcaselist li a {display:block;}
.pgcaselist li section {border:1px solid #eee;}
.pgcaselist li section figure {position:relative;overflow:hidden;}
.pgcaselist li section figure img {width:100%;}
.pgcaselist li section figure figcaption {position:absolute;top:0;left:0;bottom:0;right:0;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
.pgcaselist li section p {padding:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgcaselist li:hover img {transform:scale3d(1.05,1.05,1);}
.pgcaselist li:hover figcaption {opacity:1;}
.infoproduct {}
.infoproducthead {margin-bottom:20px;position:relative;border:1px solid #eee;padding:20px;overflow:hidden;}
.infoproductslide {float:left;width:335px;margin-right:20px;}
.infoproductslide figure {overflow:hidden;}
.infoproductslide figure img {width:100%;}
.infoproductsummary {min-height:315px;}
.infoproductsummary h1 {font-size:16px;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.infoproductsummary section {color:#999;line-height:30px;}
.infoproductsummary p {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.infoproductsummary p span a {display:inline-block;line-height:30px;background:#0b4486;color:#fff;padding:0 20px;margin-top:10px;}
.infoprevnext {}
.infoprevnext span {display:inline-block;line-height:40px;border:1px solid #ddd;}
.prev {float:left;padding:0 15px 0 15px}
.next {float:right;padding:0 15px 0 15px;}
.infoproductdetail {border:1px solid #eee;padding:20px;margin-bottom:20px;}
.detailtab {margin-bottom:30px;position:relative;}
.detailtab h3 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.detailtab h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.detailtab span {position:absolute;top:15px;right:15px;}
.detailtab span a {}
.infoproductother {margin-bottom:20px;border:1px solid #eee;padding:20px;}
.infoproductother h3 {font-size:14px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.infoproductother h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.infoproductother ul {margin:0 -1%;}
.infoproductother li {position:relative;float:left;width:18%;margin:0 1%;}
.infoproductother li a {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
.infoproductother li figure {overflow:hidden;border:1px solid #dcdcdc;padding:10px;}
.infoproductother li figure img {width:100%;margin-bottom:10px;}
.infoproductother li figcaption {text-align:center;font-size:12px;}
.infoproductother li:hover {box-shadow:0 0 10px rgba(0,0,0,0.1);}
.infoproductother li:hover figure img {transform:scale3d(1.05,1.05,1);}
.inforelated {border:1px solid #eee;padding:20px;}
.inforelated h3 {font-size:14px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.inforelated h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.inforelated ul {overflow:hidden;}
.inforelated li {float:left;width:50%;line-height:30px;}
.pgnewslist {margin-bottom:30px;padding-top:10px;}
.pgnewslist ul {}
.pgnewslist li {position:relative;margin-bottom:20px;}
.pgnewslist li section {overflow:hidden;position:relative;padding:20px;border:1px solid #eee;transition:all ease-out 0.3s;}
.pgnewslist li section dl {}
.pgnewslist li section dt {font-size:14px;line-height:30px;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}
.pgnewslist li section dd {color:#999;line-height:25px;}
.pgnewslist li section dd span a {display:inline-block;margin-top:20px;border:1px solid #eee;padding:0 20px;line-height:38px;font-size:12px;color:#999;}
.pgnewslist li section time {position:absolute;top:20px;right:20px;font-size:12px;color:#999;line-height:30px;}
.pgnewslist li:hover section dd span a {background:#0b4486;color:#fff;}
article {padding:50px;border:1px solid #eee;margin-bottom:20px;}
.articlehead {padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;}
.articlehead h1 {font-size:16px;}
.articlehead p {font-size:12px;color:#999;margin-top:10px;}
.articlehead p span {margin-right:10px;}
.articlehead p time {margin-right:10px;}
.articlebody {}
.edit {line-height:200%;columns:500px 2;column-gap:40px;}
.edit img {max-width:100%;}
.edit ul {}
.edit li {border-bottom:1px dashed #ddd;line-height:49px;}
.edit li strong {font-size:18px;}
.relatedarticle {}
.relatedarticle h3 {font-size:18px;line-height:30px;margin-bottom:10px;}
.relatedarticle ul {}
.relatedarticle li {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
.relatedarticle li a {float:left;position:relative;padding-left:13px;}
.relatedarticle li a:after {content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
.relatedarticle li time {float:right;color:#999;font-size:12px;}
.infotags {margin-bottom:20px;font-style:italic;font-size:12px;padding:15px;background:#f6f6f6;color:#666;}
.infoprevnext {}
.table {overflow-x:scroll;}
.table::-webkit-scrollbar {width:1px;height:1px;}
.table::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
.table::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1);}
.table table {border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
.table tr {}
.table th {font-size:14px;border:1px solid #ddd;padding:8px 10px;line-height:150%;background:#f9f9f9;font-weight:normal;}
.table td {font-size:12px;border:1px solid #ddd;padding:8px 10px;line-height:150%;}
.pgside {position:absolute;top:0;left:0;width:300px;}
.pgsidenav {margin-bottom:20px;background:#ececec;}
.pgsidenavhead {color:#fff;background:linear-gradient(to bottom,#0073b2 0%,#0073b2 100%);padding:20px;}
.pgsidenav p {text-transform:uppercase;font-family:'';font-size:14px;margin-bottom:20px;position:relative;}
.pgsidenav p:after {content:'';display:block;position:absolute;bottom:-10px;left:0;width:30px;height:2px;background:#fff;}
.pgsidenav h3 {position:relative;font-size:16px;}
.pgsidenav ul {}
.pgsidenav li {}
.pgsidenav li:last-child {border-bottom:none;}
.pgsidenav li a {line-height:60px;display:block;padding:0 20px;position:relative;border-bottom:1px solid #ddd;}
.pgsidenav li a:after {content:'';display:block;position:absolute;right:20px;top:25px;width:10px;height:10px;text-align:center;border-top:2px solid #ddd;border-right:2px solid #ddd;transform:rotate(45deg);}
.pgsidenav li a:hover,.pgsidenav li a.on {background:#f5f5f5;}
.pgsidenav li ul {padding:0;}
.pgsidenav li li a {line-height:39px;background:none;padding-left:38px;border-bottom:1px dashed #ddd;}
.pgsidenav li li a:before {content:'';display:block;position:absolute;left:20px;top:16px;width:5px;height:5px;border:2px solid #ddd;}
.pgsidenav li li a:after {content:'';}
.pgsidenav li li a:hover {background:none;color:#06c;}
.pgsidenav li li a:hover:before {border:2px solid #06c;}
.pgsidearticle {border:1px solid #eee;padding:20px;margin-bottom:20px;}
.pgsidearticle h3 {margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidearticle ul {}
.pgsidearticle li {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:25px;}
.pgsidearticle li a {position:relative;padding-left:15px;}
.pgsidearticle li a:after {content:'';display:block;position:absolute;top:50%;let:0;width:3px;height:3px;transform:translateY(-50%);background:#999;}
.pgsidekey {border:1px solid #eee;padding:20px 20px 10px;margin-bottom:20px;}
.pgsidekey h3 {margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidekey section {line-height:25px;}
.pgsidekey a {display:inline-block;line-height:30px;padding:0 10px;margin:0 10px 10px 0;border:1px solid #ddd;}
.pgsidecotact {border:1px solid #eee;padding:20px;}
.pgsidecotact h3 {margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidecotact section {line-height:25px;}
.pgsidecotact a.chat {display:inline-block;line-height:50px;padding:0 10px;background:#0b4486;margin-top:20px;color:#fff;margin-bottom:20px;}
.pgsidecotact figure {overflow:hidden;}
.pgsidecotact figure img {width:120px;}
.pgmap {float:right;width:48%;}
.pgcontact {}
.pgcontacttitle {margin-bottom:40px;}
.pgcontacttitle h1 {font-size:36px;line-height:40px;font-weight:normal;text-align:center;}
.pgcontactlist {margin:0 -1%;overflow:hidden;margin-bottom:40px;}
.pgcontactlist section {float:left;width:23%;margin:0 1%;box-sizing:border-box;border:1px solid #f5f5f5;padding:30px 0;text-align:center;}
.pgcontactlist figure {width:50px;height:50px;margin:0 auto;margin-bottom:10px;}
.pgcontactlist figure svg {font-size:50px;line-height:50px;}
.pgcontactlist p {}
.pgcontactmap {margin-bottom:40px;}
.pgmessage {}
.pgmessage h3 {font-size:16px;margin-bottom:30px;}
.pgmessage p {}
.pgmessage form {margin-top:30px;}
.pgmessage ul {overflow:hidden;margin:0 -1%;}
.pgmessage li {position:relative;margin-bottom:20px;border-bottom:1px solid #eee;box-sizing:border-box;}
.pgmessage li:last-child {border:none;margin-bottom:0;}
.pgmessage li:last-child {border:none;margin-bottom:0;}
.pgmessage li:nth-of-type(1),.pgmessage li:nth-of-type(2) {float:left;width:48%;margin:0 1% 20px;}
.pgmessage li:nth-of-type(3) {float:left;width:98%;margin:0 1% 20px;}
.pgmessage li:nth-of-type(4) {float:left;width:48%;margin:0 1% 20px;}
.pgmessage li span {display:none;position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
.pgmessage li span i {margin-right:10px;}
.pgmessage li input {width:100%;padding:10px;box-sizing:border-box;background:#f6f6f6;}
.pgmessage li textarea {display:block;border:none;width:100%;height:120px;padding:10px;box-sizing:border-box;background:#f6f6f6;}
.pgmessage li input.btn {width:100%;background:#232e39;color:#fff;}
#checkCodeImg {position:absolute;top:7px;right:7px;} .pgtagdescription {background:#fff;padding:40px;font-size:16px;line-height:30px;margin-bottom:20px;}
.pgtagproduct {}
.pgtagproduct h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagproduct h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagproduct ul {margin:0 -1%;}
.pgtagproduct li {float:left;width:23%;margin:0 1% 20px;}
.pgtagproductimg {overflow:hidden;}
.pgtagproductimg img {width:100%;}
.pgtagproductwz {background:#fff;padding:20px;transition:all ease-out 0.3s;}
.pgtagproductwz h2 {font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgtagproduct li:hover img {transform:scale3d(1.05,1.05,1);}
.pgtagproduct li:hover .pgtagproductwz {background:#0b4486;color:#fff;}
.pgtagproduct li:hover .pgtagproductwz a {color:#fff;}
.pgtagnews {}
.pgtagnews h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagnews h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagnews ul {margin:0 -1%;}
.pgtagnews li {float:left;width:23%;margin:0 1% 20px;box-sizing:border-box;}
.pgtagnews li a {display:block;padding:20px;background:#fff;}
.pgtagnews li dl {margin-bottom:10px;}
.pgtagnews li dt {padding-bottom:10px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgtagnews li dd {opacity:0.7;height:60px;overflow:hidden;}
.pgtagnews li time {font-size:12px;}
.pgtagnews li a:hover {transform:translateY(-5px);background:#0376d8;color:#fff;}
.pgtagrecom {}
.pgtagrecom h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagrecom h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagrecom ul {margin:0 -1%;}
.pgtagrecom li {float:left;width:23%;margin:0 1% 20px;box-sizing:border-box;}
.pgtagrecom li a {display:block;}
.pgtagrecom li section {background:#fff;transition:all ease-out 0.3s;}
.pgtagrecom li section figure {overflow:hidden;}
.pgtagrecom li section img {width:100%;}
.pgtagrecom li section h3 {font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:10px;}
.pgtagrecom li section:hover {background:#0376d8;color:#fff;}
.pgtagrecom li section:hover img {transform:scale3d(1.05,1.05,1);}
.pgsearchlist {}
.pgsearchlisttotal {border:1px solid #eee;padding:30px;background:#eee;}
.pgsearchproductlist {margin-top:40px;}
.pgsearchproductlist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearchproductlist ul {margin:0 -1%;}
.pgsearchproductlist li {float:left;width:23%;margin:0 1% 20px;}
.pgsearchproductlist li section {position:relative;overflow:hidden;}
.pgsearchproductlist li section a {position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.pgsearchproductlist li figure {overflow:hidden;}
.pgsearchproductlist li figure img {width:100%;}
.pgsearchproductlist li p {position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
.pgsearcharticlelist {margin-top:40px;}
.pgsearcharticlelist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearcharticlelist ul {overflow:hidden;margin:0 -1%;}
.pgsearcharticlelist li {float:left;width:31.33%;margin:0 1% 20px;}
.pgsearcharticlelist li a {display:block;}
.pgsearcharticlelist li section {padding:20px;border:1px solid #eee;background:#fff;}
.pgsearcharticlelist li time {display:block;margin-bottom:5px;}
.pgsearcharticlelist li dl {box-sizing:border-box;margin-bottom:5px;}
.pgsearcharticlelist li dt {font-size:16px;line-height:30px;}
.pgsearcharticlelist li dd {height:40px;overflow:hidden;color:#999;font-size:12px;}
.pgsearcharticlelist li span {display:block;}
.pgsearchcaselist {}
.pgsearchcaselist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearchcaselist ul {margin:0 -1%;}
.pgsearchcaselist li {float:left;width:23%;margin:0 1% 20px;}
.pgsearchcaselist li section {position:relative;overflow:hidden;}
.pgsearchcaselist li section a {position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.pgsearchcaselist li figure {overflow:hidden;}
.pgsearchcaselist li figure img {width:100%;}
.pgsearchcaselist li p {position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
.pgsearchjoblist {}
.pgsearchdownlist {}
.pgsitemap {}
.pgsitemap section {margin-bottom:30px;}
.pgsitemap h3 {font-size:17px;margin-bottom:10px;}
.pgsitemap ul {clear:both;}
.pgsitemap li {float:left;width:25%;border-bottom:1px solid #ddd;line-height:40px;}
.pgsitemap ul ul {background:#eee;}
.pgsitemap li li {float:none;width:100%;}
.pgsitemap ul ul ul {background:#ccc;}
}
@media (min-width:768px) and (max-width:1024px) { .pgbanner {}
.pgbanner figure {height:200px;position:relative;overflow:hidden;}
.pgbanner img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:200px;}
.pgposition {border-bottom:1px solid #eee;padding:10px;}
.pgpositioninfo i {display:block;width:20px;height:20px;float:left;margin-right:10px;}
.pgpositioninfo i svg {font-size:20px;line-height:30px;}
.listpage {clear:both;text-align:center;overflow:hidden;margin-bottom:60px;}
.listpage a,.listpage span {display:inline-block;padding:7px 15px;margin:0 3px 6px;border:1px solid #ccc;}
.listpage a:hover {background:#333;border:1px solid #333;color:#fff;}
.listpage span {background:#333;border:1px solid #333;color:#fff;}
.edit {font-size:16px;line-height:30px;}
.edit img {max-width:100%;}
.pg {padding:30px;}
.pgs {padding:30px;}
.pgnav {background:#f4f4f4;line-height:55px;margin-bottom:40px;}
.pgnav ul {display:flex;}
.pgnav li {flex:1;}
.pgnav li a {display:block;text-align:center;font-size:18px;position:relative;}
.pgnav li a:after {content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-bottom:6px solid #fff;border-right:6px solid transparent;opacity:0;transition:all ease-out 0.3s;}
.pgnav li a:hover,.pgnav li a.on {background:#333;color:#fff;}
.pgnav li a:hover:after,.pgnav li a.on:after {opacity:1;}
.pgaboutinfophoto {padding-top:30px;}
.pgaboutinfophoto ul {margin:0 -1%;}
.pgaboutinfophoto li {float:left;width:31.33%;margin:0 1%;}
.pgaboutinfophoto li figure {overflow:hidden;}
.pgaboutinfophoto li img {width:100%;}
.pgaboutinfocon {}
.pgbody {margin-bottom:20px;}
.pgcolumntitle { position:relative;line-height:30px;padding:20px;border:1px solid #eee;margin-bottom:20px;}
.pgcolumntitle span {position:absolute;top:20px;right:20px;text-transform:uppercase;font-size:14px;color:#999;}
.pgcolumntitle h3 {position:relative;font-size:22px;font-weight:normal;}
.pgcaselist {margin-bottom:30px;}
.pgcaselist ul {margin:0 -1%;}
.pgcaselist li {float:left;width:31.33%;margin:0 1% 2%;position:relative;}
.pgcaselist li a {display:block;}
.pgcaselist li section {border:1px solid #eee;}
.pgcaselist li section figure {position:relative;overflow:hidden;}
.pgcaselist li section figure img {width:100%;}
.pgcaselist li section figure figcaption {position:absolute;top:0;left:0;bottom:0;right:0;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
.pgcaselist li section p {padding:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgcaselist li:hover img {transform:scale3d(1.05,1.05,1);}
.pgcaselist li:hover figcaption {opacity:1;}
.infoproduct {}
.infoproducthead {margin-bottom:20px;position:relative;border:1px solid #eee;padding:20px;overflow:hidden;}
.infoproductslide {float:left;width:335px;margin-right:20px;}
.infoproductslide figure {overflow:hidden;}
.infoproductslide figure img {width:100%;}
.infoproductsummary {min-height:315px;}
.infoproductsummary h1 {font-size:24px;line-height:30px;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.infoproductsummary section {color:#999;line-height:30px;}
.infoproductsummary p {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.infoproductsummary p span a {display:inline-block;line-height:30px;background:#0b4486;color:#fff;padding:0 20px;margin-top:10px;}
.infoprevnext {}
.infoprevnext span {position:absolute;bottom:20px;display:inline-block;line-height:40px;border:1px solid #ddd;padding:0 10px;}
.prev {left:380px;}
.next {right:20px;}
.infoproductdetail {border:1px solid #eee;padding:20px;margin-bottom:20px;}
.detailtab {margin-bottom:30px;position:relative;}
.detailtab h3 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.detailtab h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.detailtab span {position:absolute;top:15px;right:15px;}
.detailtab span a {}
.infoproductother {margin-bottom:20px;border:1px solid #eee;padding:20px;}
.infoproductother h3 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.infoproductother h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.infoproductother ul {margin:0 -1%;}
.infoproductother li {position:relative;float:left;width:18%;margin:0 1%;}
.infoproductother li a {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
.infoproductother li figure {overflow:hidden;border:1px solid #dcdcdc;padding:10px;}
.infoproductother li figure img {width:100%;margin-bottom:10px;}
.infoproductother li figcaption {text-align:center;font-size:12px;}
.infoproductother li:hover {box-shadow:0 0 10px rgba(0,0,0,0.1);}
.infoproductother li:hover figure img {transform:scale3d(1.05,1.05,1);}
.inforelated {border:1px solid #eee;padding:20px;}
.inforelated h3 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.inforelated h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.inforelated ul {overflow:hidden;}
.inforelated li {float:left;width:50%;line-height:30px;}
.pgnewslist {margin-bottom:30px;padding-top:10px;}
.pgnewslist ul {}
.pgnewslist li {position:relative;margin-bottom:20px;}
.pgnewslist li section {overflow:hidden;position:relative;padding:20px;border:1px solid #eee;transition:all ease-out 0.3s;}
.pgnewslist li section dl {}
.pgnewslist li section dt {font-size:16px;line-height:30px;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}
.pgnewslist li section dd {color:#999;line-height:25px;}
.pgnewslist li section dd span a {display:inline-block;margin-top:20px;border:1px solid #eee;padding:0 20px;line-height:38px;font-size:12px;color:#999;}
.pgnewslist li section time {position:absolute;top:20px;right:20px;font-size:12px;color:#999;line-height:30px;}
.pgnewslist li:hover section dd span a {background:#0b4486;color:#fff;}
article {padding:50px;border:1px solid #eee;margin-bottom:20px;}
.articlehead {padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;}
.articlehead h1 {font-size:24px;line-height:30px;}
.articlehead p {font-size:12px;color:#999;margin-top:10px;}
.articlehead p span {margin-right:10px;}
.articlehead p time {margin-right:10px;}
.articlebody {}
.edit {line-height:200%;margin-bottom:100px;columns:500px 2;column-gap:40px;}
.edit img {max-width:100%;}
.relatedarticle {}
.relatedarticle h3 {font-size:18px;line-height:30px;margin-bottom:10px;}
.relatedarticle ul {}
.relatedarticle li {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
.relatedarticle li a {float:left;position:relative;padding-left:13px;}
.relatedarticle li a:after {content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
.relatedarticle li time {float:right;color:#999;font-size:12px;}
.infotags {margin-bottom:20px;font-style:italic;font-size:12px;padding:15px;background:#f6f6f6;color:#666;}
.infoprevnext {}
.table {overflow-x:scroll;}
.table::-webkit-scrollbar {width:1px;height:1px;}
.table::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
.table::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1);}
.table table {border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
.table tr {}
.table th {font-size:14px;border:1px solid #ddd;padding:8px 10px;line-height:150%;background:#f9f9f9;font-weight:normal;}
.table td {font-size:12px;border:1px solid #ddd;padding:8px 10px;line-height:150%;}
.pgside {overflow:hidden;position:relative;padding-left:260px;}
.pgsidenav {background:#ececec;position:absolute;top:0;left:0;width:240px;}
.pgsidenavhead {color:#fff;background:linear-gradient(to bottom,#0073b2 0%,#0073b2 100%);padding:20px;}
.pgsidenav p {text-transform:uppercase;font-family:'sysfont';font-size:17px;line-height:30px;margin-bottom:20px;position:relative;}
.pgsidenav p:after {content:'';display:block;position:absolute;bottom:-10px;left:0;width:30px;height:2px;background:#fff;}
.pgsidenav h3 {position:relative;font-size:20px;line-height:30px;}
.pgsidenav ul {}
.pgsidenav li {}
.pgsidenav li:last-child {border-bottom:none;}
.pgsidenav li a {line-height:50px;display:block;padding:0 20px;position:relative;border-bottom:1px solid #ddd;}
.pgsidenav li a:after {content:'';display:block;position:absolute;right:20px;top:25px;width:10px;height:10px;text-align:center;border-top:2px solid #ddd;border-right:2px solid #ddd;transform:rotate(45deg);}
.pgsidenav li a:hover,.pgsidenav li a.on {background:#f5f5f5;}
.pgsidenav li ul {padding:0;}
.pgsidenav li li a {line-height:39px;background:none;padding-left:38px;border-bottom:1px dashed #ddd;}
.pgsidenav li li a:before {content:'';display:block;position:absolute;left:20px;top:16px;width:5px;height:5px;border:2px solid #ddd;}
.pgsidenav li li a:after {content:'';}
.pgsidenav li li a:hover {background:none;color:#06c;}
.pgsidenav li li a:hover:before {border:2px solid #06c;}
.pgsidearticle {border:1px solid #eee;padding:20px;margin-bottom:20px;}
.pgsidearticle h3 {margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidearticle ul {}
.pgsidearticle li {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:25px;}
.pgsidearticle li a {position:relative;padding-left:15px;}
.pgsidearticle li a:after {content:'';display:block;position:absolute;top:50%;let:0;width:3px;height:3px;transform:translateY(-50%);background:#999;}
.pgsidekey {border:1px solid #eee;padding:20px 20px 10px;margin-bottom:20px;}
.pgsidekey h3 {margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidekey section {line-height:25px;}
.pgsidekey a {display:inline-block;line-height:30px;padding:0 10px;margin:0 10px 10px 0;border:1px solid #ddd;}
.pgsidecotact {border:1px solid #eee;padding:20px;}
.pgsidecotact h3 {margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidecotact section {line-height:25px;}
.pgsidecotact a.chat {display:inline-block;line-height:50px;padding:0 10px;background:#0b4486;margin-top:20px;color:#fff;}
.pgmap {float:right;width:48%;}
.pgcontact {}
.pgcontacttitle {margin-bottom:40px;}
.pgcontacttitle h1 {font-size:24px;line-height:30px;font-weight:normal;text-align:center;}
.pgcontactlist {margin:0 -1%;overflow:hidden;margin-bottom:40px;}
.pgcontactlist section {float:left;width:23%;margin:0 1%;box-sizing:border-box;border:1px solid #f5f5f5;padding:30px 0;text-align:center;}
.pgcontactlist figure {width:50px;height:50px;margin:0 auto;margin-bottom:10px;}
.pgcontactlist figure svg {font-size:50px;line-height:50px;}
.pgcontactlist p {}
.pgcontactmap {margin-bottom:40px;}
.pgmessage {}
.pgmessage h3 {font-size:16px;margin-bottom:30px;}
.pgmessage p {}
.pgmessage form {margin-top:30px;}
.pgmessage ul {overflow:hidden;}
.pgmessage li {position:relative;margin-bottom:20px;border-bottom:1px solid #eee;box-sizing:border-box;}
.pgmessage li:last-child {border:none;margin-bottom:0;}
.pgmessage li:nth-of-type(1),.pgmessage li:nth-of-type(2),.pgmessage li:nth-of-type(3),.pgmessage li:nth-of-type(4) {float:left;width:24%;margin-right:1%;}
.pgmessage li:nth-of-type(5) {clear:both;width:99%;margin-right:1%;}
.pgmessage li:nth-of-type(6),.pgmessage li:nth-of-type(7) {float:left;width:24%;margin-right:1%;}
.pgmessage li span {display:none;position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
.pgmessage li span i {margin-right:10px;}
.pgmessage li input {width:100%;padding:10px;box-sizing:border-box;background:#f6f6f6;}
.pgmessage li textarea {display:block;border:none;width:100%;height:120px;padding:10px;box-sizing:border-box;background:#f6f6f6;}
.pgmessage li input.btn {width:100%;background:#232e39;color:#fff;}
#checkCodeImg {position:absolute;top:7px;right:7px;} .pgtagdescription {background:#fff;padding:40px;font-size:16px;line-height:30px;margin-bottom:20px;}
.pgtagproduct {}
.pgtagproduct h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagproduct h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagproduct ul {margin:0 -1%;}
.pgtagproduct li {float:left;width:23%;margin:0 1% 20px;}
.pgtagproductimg {overflow:hidden;}
.pgtagproductimg img {width:100%;}
.pgtagproductwz {background:#fff;padding:20px;transition:all ease-out 0.3s;}
.pgtagproductwz h2 {font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgtagproduct li:hover img {transform:scale3d(1.05,1.05,1);}
.pgtagproduct li:hover .pgtagproductwz {background:#0376d8;color:#fff;}
.pgtagproduct li:hover .pgtagproductwz a {color:#fff;}
.pgtagnews {}
.pgtagnews h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagnews h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagnews ul {margin:0 -1%;}
.pgtagnews li {float:left;width:23%;margin:0 1% 20px;box-sizing:border-box;}
.pgtagnews li a {display:block;padding:20px;background:#fff;}
.pgtagnews li dl {margin-bottom:10px;}
.pgtagnews li dt {padding-bottom:10px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgtagnews li dd {opacity:0.7;height:60px;overflow:hidden;}
.pgtagnews li time {font-size:12px;}
.pgtagnews li a:hover {transform:translateY(-5px);background:#0376d8;color:#fff;}
.pgtagrecom {}
.pgtagrecom h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagrecom h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagrecom ul {margin:0 -1%;}
.pgtagrecom li {float:left;width:23%;margin:0 1% 20px;box-sizing:border-box;}
.pgtagrecom li a {display:block;}
.pgtagrecom li section {background:#fff;transition:all ease-out 0.3s;}
.pgtagrecom li section figure {overflow:hidden;}
.pgtagrecom li section img {width:100%;}
.pgtagrecom li section h3 {font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:10px;}
.pgtagrecom li section:hover {background:#0376d8;color:#fff;}
.pgtagrecom li section:hover img {transform:scale3d(1.05,1.05,1);}
.pgsearchlist {}
.pgsearchlisttotal {border:1px solid #eee;padding:30px;background:#eee;}
.pgsearchproductlist {margin-top:30px;}
.pgsearchproductlist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearchproductlist ul {margin:0 -1%;}
.pgsearchproductlist li {float:left;width:23%;margin:0 1% 20px;}
.pgsearchproductlist li section {position:relative;overflow:hidden;}
.pgsearchproductlist li section a {position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.pgsearchproductlist li figure {overflow:hidden;}
.pgsearchproductlist li figure img {width:100%;}
.pgsearchproductlist li p {position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
.pgsearcharticlelist {margin-top:10px;}
.pgsearcharticlelist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearcharticlelist ul {overflow:hidden;margin:0 -1%;}
.pgsearcharticlelist li {float:left;width:31.33%;margin:0 1% 20px;}
.pgsearcharticlelist li a {display:block;}
.pgsearcharticlelist li section {padding:15px;border:1px solid #eee;background:#fff;}
.pgsearcharticlelist li time {display:block;margin-bottom:5px;}
.pgsearcharticlelist li dl {box-sizing:border-box;margin-bottom:5px;}
.pgsearcharticlelist li dt {font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgsearcharticlelist li dd {height:40px;overflow:hidden;color:#999;font-size:12px;}
.pgsearcharticlelist li span {display:block;}
.pgsearchcaselist {}
.pgsearchcaselist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearchcaselist ul {margin:0 -1%;}
.pgsearchcaselist li {float:left;width:23%;margin:0 1% 20px;}
.pgsearchcaselist li section {position:relative;overflow:hidden;}
.pgsearchcaselist li section a {position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.pgsearchcaselist li figure {overflow:hidden;}
.pgsearchcaselist li figure img {width:100%;}
.pgsearchcaselist li p {position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
.pgsearchjoblist {}
.pgsearchdownlist {}
.pgsitemap {}
.pgsitemap section {margin-bottom:30px;}
.pgsitemap h3 {font-size:17px;margin-bottom:10px;}
.pgsitemap ul {clear:both;}
.pgsitemap li {float:left;width:25%;border-bottom:1px solid #ddd;line-height:40px;}
.pgsitemap ul ul {background:#eee;}
.pgsitemap li li {float:none;width:100%;}
.pgsitemap ul ul ul {background:#ccc;}
}
@media (max-width:767px) { .pgbanner {}
.pgbanner figure {height:120px;position:relative;overflow:hidden;}
.pgbanner img {position:absolute;top:50%;left:10%;transform:translate(-50%,-50%);height:120px;}
.pgposition {border-bottom:1px solid #eee;padding:10px;}
.pgpositioninfo i {display:block;width:20px;height:20px;float:left;margin-right:10px;}
.pgpositioninfo i svg {font-size:20px;line-height:30px;}
.edit {font-size:14px;}
.edit img {max-width:100%;}
.pg {padding:20px;}
.pgs {padding:20px;}
.pgnav {background:#f4f4f4;line-height:55px;margin-bottom:40px;}
.pgnav ul {display:flex;}
.pgnav li {flex:1;}
.pgnav li a {display:block;text-align:center;font-size:18px;position:relative;}
.pgnav li a:after {content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-bottom:6px solid #fff;border-right:6px solid transparent;opacity:0;transition:all ease-out 0.3s;}
.pgnav li a:hover,.pgnav li a.on {background:#333;color:#fff;}
.pgnav li a:hover:after,.pgnav li a.on:after {opacity:1;}
.pgaboutinfophoto {padding-top:30px;}
.pgaboutinfophoto ul {margin:0 -1%;}
.pgaboutinfophoto li {float:left;width:31.33%;margin:0 1%;}
.pgaboutinfophoto li figure {overflow:hidden;}
.pgaboutinfophoto li img {width:100%;}
.pgaboutinfocon {}
.pgbody {margin-bottom:20px;}
.pgcolumntitle { position:relative;line-height:30px;padding:20px;border:1px solid #eee;margin-bottom:20px;}
.pgcolumntitle span {position:absolute;top:20px;right:20px;text-transform:uppercase;font-size:14px;color:#999;}
.pgcolumntitle h3 {position:relative;font-size:16px;}
.pgcaselist {margin-bottom:30px;}
.pgcaselist ul {margin:0 -1%;}
.pgcaselist li {float:left;width:48%;margin:0 1% 2%;position:relative;}
.pgcaselist li a {display:block;}
.pgcaselist li section {border:1px solid #eee;}
.pgcaselist li section figure {position:relative;overflow:hidden;}
.pgcaselist li section figure img {width:100%;}
.pgcaselist li section figure figcaption {position:absolute;top:0;left:0;bottom:0;right:0;background:url(//psjiancai.com/wp-content/themes/huanbao/static/images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
.pgcaselist li section p {padding:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgcaselist li:hover img {transform:scale3d(1.05,1.05,1);}
.pgcaselist li:hover figcaption {opacity:1;}
.infoproduct {}
.infoproducthead {margin-bottom:20px;position:relative;border:1px solid #eee;padding:20px;overflow:hidden;}
.infoproductslide {margin-bottom:20px;}
.infoproductslide figure {overflow:hidden;}
.infoproductslide figure img {width:100%;}
.infoproductsummary {}
.infoproductsummary h3 {font-size:14px;}
.infoproductsummary h1 {font-size:14px;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.infoproductsummary section {color:#999;}
.infoproductsummary p {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.infoproductsummary p span a {display:inline-block;line-height:30px;background:#0b4486;color:#fff;padding:0 20px;margin-top:10px;}
.infoprevnext {margin-top:20px;}
.infoprevnext span {display:inline-block;line-height:40px;border:1px solid #ddd;padding:0 15px;}
.prev {}
.next {}
.infoproductdetail {border:1px solid #eee;padding:20px;margin-bottom:20px;}
.detailtab {margin-bottom:30px;position:relative;}
.detailtab h3 {font-size:14px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.detailtab h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.detailtab span {position:absolute;top:15px;right:15px;}
.detailtab span a {}
.infoproductother {margin-bottom:20px;border:1px solid #eee;padding:20px;}
.infoproductother h3 {font-size:14px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.infoproductother h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.infoproductother ul {margin:0 -1%;}
.infoproductother li {position:relative;float:left;width:48%;margin:0 1% 2%;}
.infoproductother li a {position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
.infoproductother li figure {overflow:hidden;border:1px solid #dcdcdc;padding:10px;}
.infoproductother li figure img {width:100%;margin-bottom:10px;}
.infoproductother li figcaption {text-align:center;font-size:12px;}
.infoproductother li:hover {box-shadow:0 0 10px rgba(0,0,0,0.1);}
.infoproductother li:hover figure img {transform:scale3d(1.05,1.05,1);}
.inforelated {border:1px solid #eee;padding:20px;}
.inforelated h3 {font-size:14px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.inforelated h3:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0b4486;}
.inforelated ul {}
.inforelated li {line-height:30px;}
.pgnewslist {margin-bottom:30px;padding-top:10px;}
.pgnewslist ul {}
.pgnewslist li {position:relative;margin-bottom:20px;}
.pgnewslist li section {overflow:hidden;position:relative;padding:20px;border:1px solid #eee;transition:all ease-out 0.3s;}
.pgnewslist li section dl {}
.pgnewslist li section dt {font-size:14px;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}
.pgnewslist li section dd {color:#999;line-height:25px;}
.pgnewslist li section dd span a {display:inline-block;margin-top:20px;border:1px solid #eee;padding:0 20px;line-height:38px;font-size:12px;color:#999;}
.pgnewslist li section time {position:absolute;top:20px;right:20px;font-size:12px;color:#999;}
.pgnewslist li:hover section dd span a {background:#0b4486;color:#fff;}
article {padding:20px;border:1px solid #eee;margin-bottom:20px;}
.articlehead {padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;}
.articlehead h1 {font-size:14px;}
.articlehead p {color:#999;margin-top:10px;}
.articlehead p span {margin-right:10px;}
.articlehead p time {margin-right:10px;}
.articlebody {}
.edit {line-height:200%;margin-bottom:100px;columns:500px 2;column-gap:40px;}
.edit img {max-width:100%;}
.relatedarticle {}
.relatedarticle h3 {font-size:18px;line-height:30px;margin-bottom:10px;}
.relatedarticle ul {}
.relatedarticle li {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
.relatedarticle li a {float:left;position:relative;padding-left:13px;}
.relatedarticle li a:after {content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
.relatedarticle li time {float:right;color:#999;font-size:12px;}
.infotags {margin-bottom:20px;font-style:italic;font-size:12px;padding:15px;background:#f6f6f6;color:#666;}
.infoprevnext {}
.table {overflow-x:scroll;}
.table::-webkit-scrollbar {width:1px;height:1px;}
.table::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
.table::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1);}
.table table {border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
.table tr {}
.table th {font-size:14px;border:1px solid #ddd;padding:8px 10px;line-height:150%;background:#f9f9f9;font-weight:normal;}
.table td {font-size:12px;border:1px solid #ddd;padding:8px 10px;line-height:150%;}
.pgside {}
.pgsidenav {margin-bottom:20px;background:#ececec;}
.pgsidenavhead {color:#fff;background:linear-gradient(to bottom,#0073b2 0%,#0073b2 100%);padding:20px;}
.pgsidenav p {text-transform:uppercase;margin-bottom:20px;position:relative;}
.pgsidenav p:after {content:'';display:block;position:absolute;bottom:-10px;left:0;width:30px;height:2px;background:#fff;}
.pgsidenav h3 {position:relative;font-size:14px;}
.pgsidenav ul {}
.pgsidenav li {}
.pgsidenav li:last-child {border-bottom:none;}
.pgsidenav li a {line-height:40px;display:block;padding:0 20px;position:relative;border-bottom:1px solid #ddd;}
.pgsidenav li a:after {content:'';display:block;position:absolute;right:20px;top:15px;width:10px;height:10px;text-align:center;border-top:2px solid #ddd;border-right:2px solid #ddd;transform:rotate(45deg);}
.pgsidenav li a:hover,.pgsidenav li a.on {background:#f5f5f5;}
.pgsidenav li ul {padding:0;}
.pgsidenav li li a {line-height:39px;background:none;padding-left:38px;border-bottom:1px dashed #ddd;}
.pgsidenav li li a:before {content:'';display:block;position:absolute;left:20px;top:16px;width:5px;height:5px;border:2px solid #ddd;}
.pgsidenav li li a:after {content:'';}
.pgsidenav li li a:hover {background:none;color:#06c;}
.pgsidenav li li a:hover:before {border:2px solid #06c;}
.pgsidearticle {border:1px solid #eee;padding:20px;margin-bottom:20px;}
.pgsidearticle h3 {margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidearticle ul {}
.pgsidearticle li {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:25px;}
.pgsidearticle li a {position:relative;padding-left:15px;}
.pgsidearticle li a:after {content:'';display:block;position:absolute;top:50%;let:0;width:3px;height:3px;transform:translateY(-50%);background:#999;}
.pgsidekey {border:1px solid #eee;padding:20px 20px 10px;margin-bottom:20px;}
.pgsidekey h3 {margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidekey section {line-height:25px;}
.pgsidekey a {display:inline-block;line-height:30px;padding:0 10px;margin:0 10px 10px 0;border:1px solid #ddd;}
.pgsidecotact {border:1px solid #eee;padding:20px;}
.pgsidecotact h3 {margin-bottom:10px;font-size:14px;line-height:40px;border-bottom:1px solid #eee;}
.pgsidecotact section {line-height:25px;}
.pgsidecotact a.chat {display:inline-block;line-height:50px;padding:0 10px;background:#0b4486;margin-top:20px;color:#fff;margin-bottom:20px;}
.pgsidecotact figure img {width:120px;}
.pgmap {float:right;width:48%;}
.pgcontact {}
.pgcontacttitle {margin-bottom:20px;}
.pgcontacttitle h1 {font-size:18px;text-align:center;}
.pgcontactlist {margin:0 -1%;overflow:hidden;}
.pgcontactlist section {float:left;width:48%;margin:0 1% 2%;box-sizing:border-box;border:1px solid #f5f5f5;padding:30px 0;text-align:center;}
.pgcontactlist figure {width:50px;height:50px;margin:0 auto;margin-bottom:10px;}
.pgcontactlist figure svg {font-size:50px;line-height:50px;}
.pgcontactlist p {min-height:40px;}
.pgcontactmap {margin-bottom:40px;}
.pgmessage {}
.pgmessage h3 {font-size:16px;margin-bottom:30px;}
.pgmessage p {}
.pgmessage form {margin-top:30px;}
.pgmessage ul {overflow:hidden;}
.pgmessage li {position:relative;margin-bottom:10px;border-bottom:1px solid #eee;box-sizing:border-box;}
.pgmessage li:last-child {border:none;margin-bottom:0;}
.pgmessage li span {display:none;position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
.pgmessage li span i {margin-right:10px;}
.pgmessage li input {width:100%;padding:10px;box-sizing:border-box;background:#f6f6f6;}
.pgmessage li textarea {display:block;border:none;width:100%;height:120px;padding:10px;box-sizing:border-box;background:#f6f6f6;}
.pgmessage li input.btn {width:100%;background:#232e39;color:#fff;}
#checkCodeImg {position:absolute;top:7px;right:7px;} .pgtagdescription {margin-bottom:20px;}
.pgtagproduct {}
.pgtagproduct h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagproduct h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagproduct ul {margin:0 -1%;}
.pgtagproduct li {float:left;width:48%;margin:0 1% 2%;}
.pgtagproductimg {overflow:hidden;}
.pgtagproductimg img {width:100%;}
.pgtagproductwz {background:#fff;padding:20px 0;transition:all ease-out 0.3s;}
.pgtagproductwz h2 {font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgtagnews {}
.pgtagnews h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagnews h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagnews ul {margin:0 -1%;}
.pgtagnews li {float:left;width:23%;margin:0 1% 20px;box-sizing:border-box;}
.pgtagnews li a {display:block;padding:20px;background:#fff;}
.pgtagnews li dl {margin-bottom:10px;}
.pgtagnews li dt {padding-bottom:10px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pgtagnews li dd {opacity:0.7;height:60px;overflow:hidden;}
.pgtagnews li time {font-size:12px;}
.pgtagrecom {}
.pgtagrecom h2 {font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
.pgtagrecom h2:after {content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
.pgtagrecom ul {margin:0 -1%;}
.pgtagrecom li {float:left;width:23%;margin:0 1% 20px;box-sizing:border-box;}
.pgtagrecom li a {display:block;}
.pgtagrecom li section {background:#fff;transition:all ease-out 0.3s;}
.pgtagrecom li section figure {overflow:hidden;}
.pgtagrecom li section img {width:100%;}
.pgtagrecom li section h3 {font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:10px;}
.pgsearchlist {}
.pgsearchlisttotal {border:1px solid #eee;padding:30px;background:#eee;}
.pgsearchproductlist {margin-top:40px;}
.pgsearchproductlist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearchproductlist ul {margin:0 -1%;}
.pgsearchproductlist li {float:left;width:23%;margin:0 1% 20px;}
.pgsearchproductlist li section {position:relative;overflow:hidden;}
.pgsearchproductlist li section a {position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.pgsearchproductlist li figure {overflow:hidden;}
.pgsearchproductlist li figure img {width:100%;}
.pgsearchproductlist li p {position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
.pgsearcharticlelist {margin-top:40px;}
.pgsearcharticlelist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearcharticlelist ul {overflow:hidden;margin:0 -1%;}
.pgsearcharticlelist li {float:left;width:31.33%;margin:0 1% 20px;}
.pgsearcharticlelist li a {display:block;}
.pgsearcharticlelist li section {padding:20px;border:1px solid #eee;background:#fff;}
.pgsearcharticlelist li time {display:block;margin-bottom:5px;}
.pgsearcharticlelist li dl {box-sizing:border-box;margin-bottom:5px;}
.pgsearcharticlelist li dt {font-size:16px;line-height:30px;}
.pgsearcharticlelist li dd {height:40px;overflow:hidden;color:#999;font-size:12px;}
.pgsearcharticlelist li span {display:block;}
.pgsearchcaselist {}
.pgsearchcaselist h2 {font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
.pgsearchcaselist ul {margin:0 -1%;}
.pgsearchcaselist li {float:left;width:23%;margin:0 1% 20px;}
.pgsearchcaselist li section {position:relative;overflow:hidden;}
.pgsearchcaselist li section a {position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
.pgsearchcaselist li figure {overflow:hidden;}
.pgsearchcaselist li figure img {width:100%;}
.pgsearchcaselist li p {position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
.pgsearchjoblist {}
.pgsearchdownlist {}
.pgsitemap {}
.pgsitemap section {margin-bottom:30px;}
.pgsitemap h3 {font-size:17px;margin-bottom:10px;}
.pgsitemap ul {clear:both;}
.pgsitemap li {float:left;width:25%;border-bottom:1px solid #ddd;line-height:40px;}
.pgsitemap ul ul {background:#eee;}
.pgsitemap li li {float:none;width:100%;}
.pgsitemap ul ul ul {background:#ccc;}
}
    .fleft {float: left;}
.fright {float: right;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.clearfix {*zoom:1;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.ovh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.logoimg{max-width:100%;max-height:100%;}
#wpmobans{display:none;} .zicategory{padding:5px 5px 5px 10px;display:none}
.zicategory li{padding:5px 0;height:40px;line-height:40px}
.sidenav>li{position:relative}
.jia{position:absolute;display:block;width: 30px;height: 30px;text-align:center;line-height:30px;border-radius:50%;border:1px solid #ddd;right:20px;box-sizing: border-box;background: #fff;top:15px;cursor:pointer;}  #share_wechat2{display: none;position: fixed;left: 0%;top: 0%;z-index: 99;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.showwx2 {position: fixed;border-radius: 3px;left: 50%;top: 50%;z-index: 100;width: 260px;margin-left: -140px;margin-top: -200px;background: #fff;padding: 20px 25px 15px 25px;text-align: center;}
.wxclose2 {width: 100%;font-size: 14px;color: #333;cursor: pointer;margin-bottom: 10px;float: right;text-align: right;}
.showwx2 img {width: 220px;}
.swz22 {text-align: center;font-size: 16px;}
.topnav li{position:relative;}
.topnav .sub-menu>li,.topnav .sub-menu>li a{display:block;width:100%;text-align:center;box-sizing:border-box;margin:0;padding:0;}
.topnav .sub-menu li{line-height:36px;position:relative;}
@media screen and (min-width: 768px) {
.topnav li .sub-menu{position:absolute;left:-10%;right:0;top:100%;z-index:99999999999;background:#fff;width: 120%;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.topnav li .sub-menu{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.topnav li:hover>.sub-menu,.topnav .sub-menu:hover{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.topnav .sub-menu .sub-menu{position:absolute;top:0;left:100%;}
}
@media screen and (max-width: 768px) {
.xlsjx{display:block;width:30px;height:30px;background:url(//psjiancai.com/wp-content/themes/huanbao/basic/images/down.png) no-repeat 50% 50%;position:absolute;z-index:9;right:5px;top:10px;background-size:70% 70%;}
.topnav li .sub-menu{display:none;opacity: 1;position:relative;left:0;right:0;top:0;z-index:1;padding-left:10px;box-sizing:border-box;}
}     .kmain,.kmain p{line-height:2.3em;}
.kmain p{text-indent:2em;}
.kmain .aligncenter{margin:10px auto;}
.kmain img {display:block;	max-width:100%;	height:auto;margin:10px auto;}
.kmain video{display:block;	max-width:100%;	height:auto;}
.kmain code{padding:1px 4px;border-radius:2px;background-color:#eee;font-family:'courier new';color:#777;margin:0 4px}
.kmain table{border:solid 1px #ddd;max-width: 100%;box-sizing:border-box;margin-bottom: 16px;border-collapse:collapse;}
.kmain table th{background-color:#f9f9f9;text-align:center}
.kmain table td,.kmain table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.kmain .alignleft{float:left;text-align:left;margin-right:10px}
.kmain .aligncenter{text-align:center}
.kmain .alignright{float:right;text-align:right;margin-left:10px}
.kmain pre{margin:15px auto;font:12px/20px 'courier new';border:1px solid #d6d6d6;border-left-width:4px;background:#fbfbfb;padding:10px 15px}
.kmain blockquote{margin:15px auto;border:1px solid #d6d6d6;border-top-width:3px;padding:15px 20px 10px;background-color:#fdfdfd;}
.kmain blockquote p{margin:0;padding:0;text-indent:24px;margin-bottom:10px;}
@media screen and (max-width: 768px) {
.kmain {overflow-x:auto !important;}
.kmain table{width:100% !important;}
.kmain table img{max-width:100% !important;}
body {
font-size: 12px;
padding: 130px 0 0;
}
.topnav .sub-menu.on{display:block}
} .pagination{height:40px;width:100%;text-align:center;margin-top: 20px;text-align:center;}
.pagination .current, .pagination a{display:inline-block;height:30px;line-height:30px;padding:0px 8px;border:1px solid #c0c8ce;border-radius: 3px;margin-right:10px;font-size:14px;text-decoration:none;}
.pagination a:hover,.pagination .current{color:#6e7275;background:#FFF;}
.pagination a{background:#c0c8ce;color:#FFF;}