@charset "utf-8";
body{font-size: 12px;}
@media (max-width:1000px) {
	body{font-size: 16px;}
	a{font-size: 16px;}
}
/* CSS Document */
.about .container { width: 1366px; margin: 0 auto 40px }
.about .footer-pc .footer-top { display: none }
.about .container .tab-wrap { padding-top: 45px }
.about .container .tab-wrap .tab-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex }
.about .container .tab-wrap .tab-btn-wrap a { width: 118px; height: 38px; text-align: center; line-height: 38px; background: #fff; font-size: 16px; color: #333; font-weight: 700; margin-right: 7px }
.about .container .tab-wrap .tab-btn-wrap a.active { background: #703c2e; color: #fff }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .us { margin-top: 50px; width: 1366px; height: 100%; background: #fff; padding: 0 87px; -webkit-box-sizing: border-box; box-sizing: border-box }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .us h2 { padding-top: 50px; font-size: 48px; color: #000; position: relative; margin-bottom: 35px; font-weight: 700 }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .us h2 i { position: absolute; left: 0; bottom: -19px; font-size: 48px; width: 3em; height: 1px; background: #000 }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .us p { font-size: 14px; color: #555; line-height: 24px; text-indent: 2em;
padding-bottom: 30px }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team { margin-top: 21px; display: -webkit-box; display: -ms-  flexbox; display: flex; background: #fff }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team img { width: 819px; height: 483px }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0  130px 0 67px }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team .text h2 { font-size: 36px; font-weight: 700; color: #090d0e; position: relative; padding-top: 100px; margin-bottom: 60px }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team .text h2 i { font-size: 36px; width: 4em; height: 1px; position: absolute; left: 0; bottom: -17px; background: #000 }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team .text p { font-size: 18px; color: #090d0e; line-height: 36px; text-indent: 2em }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team-hd { background: #fff; padding: 16px 0 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team-hd .hd-list { width: 273px; padding: 90px 40px 0; -webkit-box-sizing: border-box;
box-sizing: border-box }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team-hd .hd-list img { width: 125px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100% }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team-hd .hd-list .name { font-size: 16px; color: #555; padding-top: 15px;
padding-bottom: 20px }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team-hd .hd-list .inf { font-size: 12px; color: #555 }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture { background: #fff; margin-top: 17px; display: -webkit-  box; display: -ms-flexbox; display: flex }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture img { width: 819px; height: 487px }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture .text { padding-left: 85px; width: 543px }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture .text h2 { font-size: 36px; color: #000; padding-top: 70px; position: relative; font-weight: 700; padding-bottom: 10px; margin-bottom: 38px }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture .text h2 i { position: absolute; left: 0; bottom: -17px; font-size: 40px; height: 1px; width: 3em; background: #000 }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture .text h3 { font-size: 18px; color: #000; font-weight: 700; padding-top: 28px }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture .text p { font-size: 16px; padding-top: 20px; color: #333 }
.about .banner { width: 100% }
.about .banner .text { width: 1366px; height: 100%; position: absolute; left: 0; top: 125px; bottom: 0; right: 0; margin: auto; color: #fff; box-sizing: border-box; padding-top: 200px }
.about .banner .text h2 { font-size: 48px; padding-bottom: 10px; color: #fff; position: relative; font-weight: 700 }
.about .banner .text p { font-size: 18px; padding-top: 20px }
.about .banner .text h2 i { position: absolute; left: 0; bottom: -17px; font-size: 48px; width: 3em; height: 2px; background: #fff }
.about .banner img { width: 100% }
.footer-in { display: block; height: 40px; line-height: 40px; width: 100%; background: #222222; }
.footer-in ul { display: block; width: 1366px; margin: 0 auto; }
.footer-in ul span { display: inline-block; float: left; margin-right: 10px; }
.footer-in ul span s { display: inline-block; float: left; margin-right: 5px; }
.footer-in ul p { display: block; float: right; text-align: right; }
body{line-height:24px;}
@media (max-width:1000px) {
body{line-height:30px;}
.footer-in { display: none; }
.about .banner .text { width: 100%; height: 100%; position: absolute; left: 0; top: 54px; bottom: 0; right: 0; margin: auto; color: #fff; box-sizing: border-box; padding: .65rem .5rem 0 }
.about .banner .text h2 { font-size: 24px; padding-bottom: .1rem; color: #fff; position: relative; font-weight: 700 }
.about .banner .text p { font-size: .18rem; padding: 0 }
.about .banner .text h2 i { position: absolute; left: 0; bottom: 0; font-size: .3rem; width: 5em; height: 2px; background: #fff }
.about .container { width: 100%; margin: 0; padding: .3rem 0; -webkit-box-sizing: border-box; box-sizing: border-box }
.about .container .tab-wrap { padding: 0 }
.about .container .tab-wrap .tab-btn-wrap a { width: 1.7rem; height: .57rem; line-height: .57rem; font-size: .2rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .us { padding: 0 .17rem; width: 100%; -webkit-box-sizing: border-  box; box-sizing: border-box; height: 7rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .us h2 { font-size: .36rem; padding-top: .47rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .us h2 i { font-size: .4rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .us p { font-size: .18rem; color: #555; line-height: .36rem; padding-bottom: .55rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: .2rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team img { width: 100%; height: 4.42rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team .text { padding: 0 .17rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team .text h2 { padding-top: .5rem; margin-bottom: .3rem; font-size: .36rem;
color: #090d0e }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team .text h2 i { font-size: .36rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team .text p { font-size: .18rem; color: #333; line-height: .36rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team-hd { padding: 0 .17rem .7rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team-hd .hd-list { width: 3.52rem; padding: 1rem .3rem 0 }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team-hd .hd-list img { width: 1.25rem; height: 1.25rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team-hd .hd-list .name { font-size: .16rem; color: #000; padding-top: .13rem;
padding-bottom: .2rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .team-hd .hd-list .inf { font-size: .12rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture { margin-top: .15rem; -webkit-box-orient: vertical; -webkit-box-direction: reverse;
-ms-flex-direction: column-reverse; flex-direction: column-reverse }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture img { width: 100%; height: 4.45rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture .text { padding: 0 .17rem .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture .text h2 { font-size: .36rem; color: #000; padding-top: .7rem; margin-bottom: .3rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture .text h2 i { font-size: .45rem }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture .text h3 { padding-top: .3rem; font-size: .18rem; color: #000 }
.about .container .tab-wrap .tab-list-wrap .tab-item-list .culture .text p { padding-top: .18rem; font-size: .16rem; color: #333 }
}
.load, .load-wrap { height: 100%; z-index: 999999; width: 100%; left: 0 }
*, td, th { padding: 0 }/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden 
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
@-webkit-keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(.755, .05, .855, .06);
transition-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(.755, .05, .855, .06);
transition-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(.755, .05, .855, .06);
transition-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(.755, .05, .855, .06);
transition-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom }
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash { -webkit-animation-name: flash; animation-name: flash }
@-webkit-keyframes pulse {
0%, 100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
}
@keyframes pulse {
0%, 100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }
@-webkit-keyframes rubberBand {
0%, 100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
}
@keyframes rubberBand {
0%, 100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
}
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake { -webkit-animation-name: shake; animation-name: shake }
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing }
@-webkit-keyframes tada {
0%, 100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
}
@keyframes tada {
0%, 100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
}
.tada { -webkit-animation-name: tada; animation-name: tada }
@-webkit-keyframes wobble {
0%, 100% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
}
@keyframes wobble {
0%, 100% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble }
@-webkit-keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s }
.bounceOut, .flipOutX { -webkit-animation-duration: .75s }
@-webkit-keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown }
@-webkit-keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }
@-webkit-keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight }
@-webkit-keyframes bounceInUp {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; animation-duration: .75s }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown }
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft }
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.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:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig }
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig }
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig }
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.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
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig }
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig }
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig }
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig }
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX }
.flipInY, .flipOutX { -webkit-backface-visibility: visible!important }
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY { backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY }
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; animation-duration: .75s; backface-visibility: visible!important }
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
.flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s }
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
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% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) 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;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
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:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
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:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
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:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
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:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight }
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut }
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft }
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight }
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft }
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight }
@-webkit-keyframes hinge {
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:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hinge {
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:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge }
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn }
@-webkit-keyframes rollOut {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut }
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown }
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft }
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight }
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp }
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut }
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown }
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft }
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight }
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp }
 @-webkit-keyframes slideInDown {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown }
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft }
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight }
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp }
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
}
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown }
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft }
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight }
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp }
* { margin: 0; font-size: 12px; font-family: 'Microsoft-YaHei' }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 12px }
a { text-decoration: none; color: #01B1B3; font-size: 16px}
a:hover { text-decoration: none; color: #F00000; font-size: 16px}
img { border: 0; vertical-align: top }
p {line-height: 28px}
dd, dl, dt, ol, ul { margin: 0; padding: 0 }
li { list-style: none }
b, strong { font-weight:bold;font-size: 14px; }
table { border-collapse: collapse }
td, th { border: 0px solid #000 }
.clearfix:after { display: block; content: ""; clear: both }
.clearfix { zoom: 1 }
.fl { float: left }
.fr { float: right }
.slide, .slidesContainer, .swiper-container-no-flexbox .swiper-slide { float: left }
body { background: #f1f1f1 }
.hand { cursor: pointer }
.prohibit { cursor: not-allowed }
.progress-bar-security { background-color: #337ab7 }
.progress-bar-warning { background-color: #f0ad4e }
.progress-bar-danger { background-color: #d9534f }
.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }
.block { display: block }
.inline-block { display: inline-block }
.inline { display: inline }
.hide { display: none }
.text-hidden-four, .text-hidden-three, .text-hidden-two { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden }
.hidden { visibility: hidden }
.show { visibility: visible }
.text-hidden, .text-hidden-one { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.text-hidden-two { -webkit-line-clamp: 2 }
.text-hidden-three { -webkit-line-clamp: 3 }
.text-hidden-four { -webkit-line-clamp: 4 }
.panel-body { padding: 15px }
.load-wrap { position: fixed; top: 0; background: #fff }
.load-wrap .mint-spinner-triple-bounce { width: 100%; text-align: center; position: absolute; left: 0; top: 50% }
.load { position: fixed; top: 0 }
.load .mint-spinner-triple-bounce { width: 100%; text-align: center; position: absolute; left: 0; top: 50% }
.case .container { width: 1366px; margin: 0 auto 40px }
.case .footer-pc .footer-top { display: none }
.case .load-more { width: 391px; height: 43px; background: #ebebeb; line-height: 43px; margin: 0 auto 60px; font-size: 16px; color: #888; display: block }
.case .container .tab-wrap { padding-top: 45px ; }

.case .container .tab-wrap .tab-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex;  }
.case .container .tab-wrap .tab-btn-wrap a { width: 118px; height: 38px; text-align: center; line-height: 38px; background: #fff; font-size: 14px; color: #333; font-weight: 580; margin-right: 7px }
.case .container .tab-wrap .tab-btn-wrap a.active { background: #703c2e; color: #fff }
.case .container .tab-wrap .tab-btn-wrap a.activey { background: #fe3701; color: #fff }
.case .container .tab-wrap .tab-list-wrap .tab-item-list { -ms-flex-wrap: wrap; flex-wrap: wrap; display: none }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list { margin-top: 30px; margin-right: 30px; padding: 22px; background: #fff }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list:nth-child(3n) { margin-right: 0 }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .img-main { width: 390px; height: 390px; overflow: hidden; position: relative }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .img-main .mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all .5s ease-out; transition: all .5s ease-out }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .img-main img { width: 100%; height: 100% }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap { position: relative; padding: 20px; -webkit-box-sizing: border-box;
box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap h3 { font-size: 16px; color: #000; font-weight: 700;
padding-bottom: 10px; padding-right: 30px; -webkit-transition: all .5s ease; transition: all .5s ease }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap p { font-size: 14px; color: #555; padding-right: 30px;
-webkit-transition: all .5s ease; transition: all .5s ease }
.case .container .tab-wrap .tab-btn-wrap a:hover p{color: #fff !important;}
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap i { position: absolute; right: 10px; top: 0; height: 100%; width: 30px; background: url(../img/btn-right-icon1.png) center/11px 20px no-repeat }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .text-wrap { background: #703c2e; border: none }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .text-wrap h3, .case .container .tab-wrap .tab-  list-wrap .tab-item-list .item-list:hover .text-wrap p { color: #fff }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .text-wrap i { background: url(../img/btn-left-icon.png) center/11px 20px no-repeat
}
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .text-wrap p { color: #fff;}
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .img-main .mask { background: rgba(0,0,0,.5) }
.case .container .tab-wrap .tab-list-wrap .tab-item-list.active { display: -webkit-box; display: -ms-flexbox; display: flex }
.case .banner { width: 100%; position: relative }
.case .banner .text { width: 1366px; height: 100%; position: absolute; left: 0; top: 125px; bottom: 0; right: 0; margin: auto; color: #fff; box-sizing: border-box; padding-top: 200px }
.case .banner .text h2 { font-size: 48px; padding-bottom: 10px; color: #fff; position: relative; font-weight: 700 }
.case .banner .text p { font-size: 18px; padding-top: 20px }
.case .banner .text h2 i { position: absolute; left: 0; bottom: -17px; font-size: 48px; width: 3.5em; height: 2px; background: #fff }
.case .banner img { width: 100% }

@media (max-width:1000px) {
.case .banner .text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; color: #fff; box-sizing: border-box; padding: .9rem .17rem 0 }
.case .banner .text h2 { font-size: 24px; padding-bottom: .1rem; color: #fff; position: relative; font-weight: 700 }
.case .banner .text p { font-size: .14rem; padding: 0 }
.case .banner .text h2 i { position: absolute; left: 0; bottom: 0; font-size: .3rem; width: 3.5em; height: 2px; background: #fff }
.case .load-more { width: 3.91rem; height: .43rem; background: #ebebeb; line-height: .43rem; margin: .6rem auto; font-size: .16rem; color: #888; display: block }
.case .container { width: 100%; margin: 0; padding: .3rem .2rem; -webkit-box-sizing: border-box; box-sizing: border-box }
.case .container .tab-wrap { padding: 0 }
.case .container .tab-wrap .tab-btn-wrap a { width: 1.7rem; height: .57rem; line-height: .57rem; font-size: .2rem }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list { margin-top: .35rem; margin-right: 0; padding: 0 }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list:nth-child(2n) { margin-left: .2rem }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .img-main { width: 3.45rem; height: 2.32rem }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap { padding: .2rem; width: 3.45rem; border: 1px  solid #ddd }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap h3, .case .container .tab-wrap .tab-list-wrap  .tab-item-list .item-list .text-wrap p { padding-right: .3rem }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap h3 { font-size: .16rem }
.case .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap p { font-size: .14rem }
}
.case-page .banner { width: 100%; position: relative }
.case-page .footer-pc .footer-top { display: none }
.case-page .container { width: 1366px; margin: 0 auto }
.case-page .container .tab-wrap { padding-top: 45px }
.case-page .container .tab-wrap .tab-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex }
.case-page .container .tab-wrap .tab-btn-wrap a { width: 118px; height: 38px; text-align: center; line-height: 38px; background: #fff; font-size: 16px; color: #333; font-weight: 700; margin-right: 7px }
.case-page .container .tab-wrap .tab-btn-wrap a.active { background: #703c2e; color: #fff }
.case-page .container .tab-wrap .item-contetn { margin-top: 53px; padding: 133px; background: #fff }
.case-page .container .tab-wrap .item-contetn .title { padding-bottom: 20px; border-bottom: 1px solid #d9d9d9 }
.case-page .container .tab-wrap .item-contetn .title h2 { font-size: 24px; color: #010101; padding-bottom: 25px }
.case-page .container .tab-wrap .item-contetn .title p { font-size: 14px; color: #888 }
.case-page .container .tab-wrap .item-contetn .v-html { width: 100%; padding: 43px 0px;line-height: 0.14rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d9d9d9 }
.case-page .container .tab-wrap .item-contetn .v-html img {max-width: 800px; }
.case-page .container .tab-wrap .item-contetn .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between }
.case-page .container .tab-wrap .item-contetn .links .page, .case-page .container .tab-wrap .item-contetn .links .page div { padding-top: 10px }
.case-page .container .tab-wrap .item-contetn .links .page div a, .case-page .container .tab-wrap .item-contetn .links .page  div b { color: #333; font-size: 14px }
.case-page .container .tab-wrap .item-contetn .links .page div b { font-weight: 700 }
.case-page .container .tab-wrap .item-contetn .links .page div a:hover { color: #01b1b3 }
.case-page .container .tab-wrap .item-contetn .links .back { width: 119px; height: 38px; border: 1px solid #dcdcdc; font-size: 18px;
color: #bcbcbc; text-align: center; line-height: 38px; font-weight: 700; margin-top: 48px }
.case-page .container .tab-wrap .item-contetn .operation-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end;
-ms-flex-pack: end; justify-content: flex-end; padding-top: 114px }
.case-page .container .tab-wrap .item-contetn .operation-btn a { width: 177px; height: 35px; text-align: center; line-height: 35px; background: #00a4b0; color: #fff }
.case-page .container .tab-wrap .item-contetn .operation-btn a:first-child { background: #f7cc0b; color: #000 }
.case-page .container .tab-wrap .relevant { margin-top: 30px; margin-bottom: 60px; padding: 100px 133px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff }
.case-page .container .tab-wrap .relevant h2 { font-size: 24px; color: #000; font-weight: 700 }
.case-page .container .tab-wrap .relevant h2 span { font-size: 24px; color: #ccc }
.case-page .container .tab-wrap .relevant .contetn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;
flex-wrap: wrap }
.case-page .container .tab-wrap .relevant .contetn .list-item { width: 33.333%; padding-top: 41px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 57px }
.case-page .container .tab-wrap .relevant .contetn .list-item h3 { font-size: 20px; color: #111; font-weight: 400 }
.case-page .container .tab-wrap .relevant .contetn .list-item .time { font-size: 14px; color: #888; padding: 13px 0 }
.case-page .container .tab-wrap .relevant .contetn .list-item .text { line-height: 26px; font-size: 14px; color: #555 }
.case-page .container .tab-wrap .relevant .contetn .list-item:nth-child(3n) { padding-right: 0 }
.case-page .banner .text { width: 1366px; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; color: #fff; box-sizing: border-box; padding-top: 200px }
.case-page .banner .text h2 { font-size: 48px; padding-bottom: 10px; color: #fff; position: relative; font-weight: 700 }
.case-page .banner .text p { font-size: 18px; padding-top: 20px }
.case-page .banner .text h2 i { position: absolute; left: 0; bottom: -17px; font-size: 48px; width: 3.5em; height: 2px; background: #fff }
.case-page .banner img { width: 100% }

@media (max-width:1000px) {
.case-page .banner .text h2 { font-size: 24px;padding: 0px; color: #fff; position: relative; font-weight: 700 }
.case-page .banner .text p { font-size: 14px; padding: 0px }
.case-page .banner .text h2 i { position: absolute; left: 0; bottom: -2px; font-size: 18px; width: 3.5em; height: 2px; background: #fff }
.case-page .banner img { width: 100% }

.case-page .container .tab-wrap .item-contetn .v-html img {max-width: 100%; }
.case-page .banner .text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; color: #fff; box-sizing: border-box; padding: .9rem .17rem 0 }
.case-page .banner .text h1 { font-size: .3rem; padding-bottom: .1rem; color: #fff; position: relative; font-weight: 700 }
.case-page .banner .text p { font-size: .14rem; padding-top: 0rem }
.case-page .banner .text h1 i { position: absolute; left: 0; bottom: 0; font-size: .3rem; width: 3.5em; height: 2px; background: #fff }

.case-page .container { width: 100%; margin: 0; padding: .3rem 0; -webkit-box-sizing: border-box; box-sizing: border-box }
.case-page .container .tab-wrap { padding: 0 }
.case-page .container .tab-wrap .tab-btn-wrap a { width: 1.7rem; height: .57rem; line-height: .57rem; font-size: .2rem }
.case-page .container .tab-wrap .item-contetn { margin-top: .35rem; padding: .17rem }
.case-page .container .tab-wrap .item-contetn .title { padding: .2rem; border: none }
.case-page .container .tab-wrap .item-contetn .title h1 { padding-bottom: .2rem; font-size: .24rem; color: #010101; font-weight: 700;}
.case-page .container .tab-wrap .item-contetn .title p { font-size: .14rem }
.case-page .container .tab-wrap .item-contetn .v-html { padding: .17rem;line-height: 0.5rem; }
.case-page .container .tab-wrap .item-contetn .links .page { padding-top: .1rem }
.case-page .container .tab-wrap .item-contetn .links .page div { padding-top: .2rem }
.case-page .container .tab-wrap .item-contetn .links .page div b { font-size: .14rem }
.case-page .container .tab-wrap .item-contetn .links .page div a { font-size: .14rem; color: #333 }
.case-page .container .tab-wrap .item-contetn .links .back { display: none }
.case-page .container .tab-wrap .item-contetn .operation-btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
padding: .5rem 0 }
.case-page .container .tab-wrap .item-contetn .operation-btn a { width: 1.8rem; height: .36rem; line-height: .36rem; font-size: .14rem
}
.case-page .container .tab-wrap .relevant { margin-top: .18rem; padding: .2rem .17rem }
.case-page .container .tab-wrap .relevant h2 { padding-top: .9rem; padding-bottom: .38rem; font-size: .24rem }
.case-page .container .tab-wrap .relevant h2 span { font-size: .24rem }
.case-page .container .tab-wrap .relevant .contetn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column }
.case-page .container .tab-wrap .relevant .contetn .list-item { width: 100%; padding: 0; margin-bottom: .7rem }
.case-page .container .tab-wrap .relevant .contetn .list-item:last-child { margin: 0 }
.case-page .container .tab-wrap .relevant .contetn .list-item h3 { font-size: .24rem; font-weight: 700 }
.case-page .container .tab-wrap .relevant .contetn .list-item .time { font-size: .18rem; color: #888; padding: .2rem 0 }
.case-page .container .tab-wrap .relevant .contetn .list-item .text { font-size: .18rem; color: #333; line-height: .3rem }
}
.contactUs .container { width: 1366px; margin: 0 auto }
.contactUs .footer-pc .footer-top { display: none }
.contactUs .container .tab-wrap { padding-top: 45px }
.contactUs .container .tab-wrap .tab-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex }
.contactUs .container .tab-wrap .tab-btn-wrap a { width: 118px; height: 38px; text-align: center; line-height: 38px; background: #fff; font-size: 16px; color: #333; font-weight: 700; margin-right: 7px }
.contactUs .container .tab-wrap .tab-btn-wrap a.active { background: #703c2e; color: #fff }
.contactUs .container .tab-wrap .section1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .5rem; background: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.contactUs .container .tab-wrap .section1 .text { padding: 50px 70px 0 90px; width: 548px; -webkit-box-sizing: border-box; box-sizing: border-box }
.contactUs .container .tab-wrap .section1 .text h1 { font-size: 48px; color: #000; font-weight: 700; position: relative; padding-bottom: 20px }
.contactUs .container .tab-wrap .section1 .text h1 i { font-size: 48px; position: absolute; left: 0; bottom: 0; height: 1px; width: 3em; background: #000 }
.contactUs .container .tab-wrap .section1 .text ol { padding-top: 20px }
.contactUs .container .tab-wrap .section1 .text ol li { font-size: 18px; color: #000; line-height: 38px }
.contactUs .container .tab-wrap .section1 .text .party { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 34px
}
.contactUs .container .tab-wrap .section1 .text .party a { padding-right: 30px }
.contactUs .container .tab-wrap .section1 .text .party a img { display: block; margin: 0 auto .2rem }
.contactUs .container .tab-wrap .section1 .text .party a:last-child { padding: 0 }
.contactUs .container .tab-wrap .section1 .text .party a span { font-size: 12px; color: #555 }
.contactUs .container .tab-wrap .section2 { margin-top: 20px; margin-bottom: 10px; background: #fff; padding: 0px 0px }
.contactUs .container .tab-wrap .section2 h2 { font-size: 24px; color: #000; font-weight: 700; padding-bottom: 55px }
.contactUs .container .tab-wrap .section2 .table-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;
flex-wrap: wrap }
.contactUs .container .tab-wrap .section2 .table-wrap .td { width: 50%; height: 170px; -webkit-box-sizing: border-box; box-sizing: border-box;
padding: 40px; border: 1px solid #d8d8d8 }
.contactUs .container .tab-wrap .section2 .table-wrap .td p { color: #555; font-size: 14px; padding-bottom: 15px }
.contactUs .banner { width: 100% }
.contactUs .banner .text { width: 1366px; height: 100%; position: absolute; left: 0; top:125px; bottom: 0; right: 0; margin: auto; color: #fff; box-sizing: border-box; padding-top: 200px }
.contactUs .banner .text h2 { font-size: 48px; padding-bottom: 10px; color: #fff; position: relative; font-weight: 700 }
.contactUs .banner .text p { font-size: 18px; padding-top: 20px }
.contactUs .banner .text h2 i { position: absolute; left: 0; bottom: -17px; font-size: 48px; width: 3.5em; height: 2px; background: #fff }
.contactUs .banner img { width: 100% }

@media (max-width:1000px) {
.contactUs .banner .text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; color: #fff; box-sizing: border-box; padding: .9rem .17rem 0 }
.contactUs .banner .text h2 { font-size: 24px; padding-bottom: .1rem; color: #fff; position: relative; font-weight: 700 }
.contactUs .banner .text p { font-size: .14rem; padding:0; }
.contactUs .banner .text h2 i { position: absolute; left: 0; bottom: 0; font-size: .3rem; width: 3.5em; height: 2px; background: #fff }
.contactUs .container { width: 100%; margin: 0; padding: .3rem 0; -webkit-box-sizing: border-box; box-sizing: border-box }
.contactUs .container .tab-wrap { padding: 0 }
.contactUs .container .tab-wrap .tab-btn-wrap a { width: 1.7rem; height: .57rem; line-height: .57rem; font-size: .2rem }
.contactUs .container .tab-wrap .section1 { margin-top: .35rem }
.container .tab-wrap .section1 .text { padding: .48rem .17rem 0 }
.contactUs .container .tab-wrap .section1 .text h1 { font-size: .48rem; padding-bottom: .3rem }
.contactUs .container .tab-wrap .section1 .text h1 i { font-size: .48rem }
.contactUs .container .tab-wrap .section1 .text ol { padding-top: .25rem }
.contactUs .container .tab-wrap .section1 .text ol li { font-size: .18rem; color: #000; line-height: 35px }
.contactUs .container .tab-wrap .section1 .text .party { padding-top: .3rem }
.contactUs .container .tab-wrap .section1 .text .party a { margin: 0 auto .2rem }
.contactUs .container .tab-wrap .section1 .text .party a img { width: .3rem; height: .33rem }
.contactUs .container .tab-wrap .section1 img { display: none }
.contactUs .container .tab-wrap .section2 { margin-top: .22rem; margin-bottom: .6rem; padding: .5rem .17rem .2rem }
.contactUs .container .tab-wrap .section2 h2 { font-size: .24rem; padding-bottom: .45rem }
.contactUs .container .tab-wrap .section2 .table-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column }
.contactUs .container .tab-wrap .section2 .table-wrap .td { border: none; padding: 0; width: 100%; height: 1.3rem }
.contactUs .container .tab-wrap .section2 .table-wrap .td p { padding-bottom: .27rem; font-size: .18rem }
}
.footer-pc .footer-top { width: 100%; height: 290px; background: #1f2729 }
.footer-pc .footer-top .footer-2017 { width: 1366px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between }
.footer-pc .footer-top .footer-2017 .telephone { color: #7d8081 }
.footer-pc .footer-top .footer-2017 .telephone dt { font-size: 24px; font-weight: 700; padding-top: 70px; padding-bottom: 30px }
.footer-pc .footer-top .footer-2017 .telephone dd { font-size: 12px; padding-bottom: 15px }
.footer-pc .footer-top .footer-2017 .link h2 { font-size: 24px; color: #7d8081; font-weight: 700; padding-top: 70px; padding-bottom: 20px }
.footer-pc .footer-top .footer-2017 .link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 690px }
.footer-pc .footer-top .footer-2017 .link ul li { padding: 0; color: #7d8081 }
.footer-pc .footer-top .footer-2017 .link ul li a { color: #7d8081; font-size: 12px; padding: 0 5px; display: inline-block }
.footer-pc .footer-top .footer-2017 .link ul li a:hover{color:#fff;}
.footer-pc .footer-botom .footer-2017, header .header-wrap { -webkit-box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; }
.footer-pc .footer-top .footer-2017 .link ul li a:hover { color: red }
.footer-pc .footer-top .footer-2017 .code { padding-top: 71px }
.footer-pc .footer-botom { width: 100%; height: 50px; background: #222 }
.footer-pc .footer-botom .footer-2017 { width: 1366px; height: 100%; margin: 0 auto; box-sizing: border-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #7d8081 }
.footer-pc .footer-botom .footer-2017 span { padding-right: 15px }
.footer-mobile { display: none }

@media (max-width:1000px) {
.footer-pc { display: none }
.footer-mobile { height: 1.25rem; display: block }
.footer-mobile .footer-seat { position: fixed; left: 0; bottom: 0; background: #fff; height: 1.25rem; width: 100%; border-top: 1px solid #ccc;
-webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center;
justify-content: center; z-index: 999999 }
.footer-mobile .footer-seat a { width: 33.33333% }
.footer-mobile .footer-seat a img { display: block; margin: 0 auto }
.footer-mobile .footer-seat a img:nth-child(1) { width: .51rem; height: .51rem }
.footer-mobile .footer-seat a img:nth-child(2) { width: .5rem; height: .5rem }
.footer-mobile .footer-seat a img:nth-child(3) { width: .65rem; height: .51rem }
.footer-mobile .footer-seat a span { font-size: .24rem; color: #070002; padding-top: .1rem }
}
header { position: fixed; top: 0; left: 0; width: 100%; height: 65px; z-index: 9999999999; -webkit-transition: all .5s ease; transition: all .5s ease; padding: 1px 0;background-color:#703c2e  }
header .header-wrap { width: 100%; height: 100%; padding: 0 25px; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;background-color:#703c2e }
header .header-wrap .logo { display: -webkit-box; display: -ms-flexbox; display: flex }
header .header-wrap .logo img { width: 100%; height: 42px}
header .header-wrap .logo .img2 { display: none }
header .header-wrap .logo .img1 { display: block }
header .header-wrap .logo .text { height:42px; line-height: 21px; margin-left: 10px; padding-left: 10px; border-left: 1px dotted #b9b9b9; color: #fff }
header .header-wrap .logo .text p { font-size: 14px; display: block; margin: 0px; padding: 0px;height: 20px;}
header .header-wrap .logo .text p a{color: #fff; font-size: 14px;}
header.active .header-wrap .logo .text p a{color: #555;font-size: 14px;}
header .header-wrap .logo .text p:last-child { padding-top: 0px }
header .header-wrap .nav-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; float:right;}
header .header-wrap .nav-wrap a { color: #fff; font-size: 16px; margin-right: 25px; height: 100%; line-height: 64px; -webkit-transition: all .5s ease;
transition: all .5s ease; border-bottom: 3px solid transparent; -webkit-box-sizing: border-  box; box-sizing: border-box }
header .header-wrap .nav-wrap a:last-child { margin-right: 0 }
header .header-wrap .nav-wrap a.active, header .header-wrap .nav-wrap a:hover { border-bottom: 3px solid #f4c51d; -webkit-box-sizing: border-box;
box-sizing: border-box }
header  a.activea{ padding-left:10px; padding-right:10px; background-color:#fb0813; -webkit-box-sizing: border-box;box-sizing: border-box }
header.active { background: #fff; box-shadow: 0 0px 1px #ddd }
header.active .logo .img2 { display: block }
header .menu, header.active .logo .img1 { display: none }
header.active .logo .text p { color: #fff }
header.active .logo .text p:last-child { color: #fff }
header.active .nav-wrap a { color: #fff }
header .menu-pc { position: fixed; right: 0; top: 50%; margin-top: -155px; width: 50px }
header .menu-pc ul { display: block; margin: 0px; padding: 0px; }
header .menu-pc ul li { width: 100%; height: 50px; background: #01b1b3; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex;   align-items: center; text-align: center; position: relative; margin-bottom: 2px;}
header .menu-pc ul li a{display: block; width: 100%;}
header .menu-pc ul li img { display: block; margin: 0 auto }
header .menu-pc .back { font-size: 16px; color: #fff; height: 50px; width: 100%; background: url(../img/home-back-icon.png)  center center no-repeat #01b1b3; background-size: 34px 23px; cursor: pointer; text-align: center; padding-top: 10px; -webkit-box-sizing: border-box;
box-sizing: border-box; position: absolute; left: 0; bottom: -1px; z-index: -1; }
header .menu-pc .back.active { bottom: -51px }

header .menu-pc ul li dl.dianhua{display:none;background: #01888a;width: 160px; height: 50px; line-height: 50px; color: #fff; font-weight: bold; font-size: 16px;position: absolute; left: 0px; top: 0px;opacity: 0;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
header .menu-pc ul li:hover dl.dianhua a{color: #fff;font-size: 16px;display: block;}
header .menu-pc ul li:hover dl.dianhua{display: block; opacity: 1; left: -155px;}

header .menu-pc ul li dl.weixin{display:none;background: #01888a; width: 100px; height: 120px;padding: 10px; position: absolute; left: -120px; top: 0px; opacity: 0;}
header .menu-pc ul li dl.weixin span{display: block; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center;}
header .menu-pc ul li:hover dl.weixin{display: block; opacity: 1; }
header .menu-pc ul li:hover{background: #01888a;}

@media (max-width:1000px) {
header .header-wrap .logo .text, header .header-wrap .nav-wrap, header .menu-pc { display: none }
header { height: .76rem; width: 100% }
header .header-wrap { width: 100%; padding: 0 .17rem; -webkit-box-sizing: border-box; box-sizing: border-box }
header .header-wrap .logo img { width: 2.13rem; height: .48rem }
header .header-wrap .menu-button { width: .65rem; height: .46rem; background: url(../img/menu-button.png) center/100% 100% }
header.active .header-wrap .menu-button { background: url(../img/menu-button-active.png) center/100% 100% }
header .menu { position: fixed; top: 0; width: 100%; height: 100%; background: #121718; padding: 0 .17rem; -webkit-box-sizing: border-box;
box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease; left: 100vw; display: block }
header .menu .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 1.26rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative }
header .menu .hd .clone { width: .88rem; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/delete-icon.png) center/.32rem .32rem no-repeat;
}
header .menu ul {display: block; padding: 0 .75rem }
header .menu ul li{ display: block; height: .9rem; line-height: .9rem; border-bottom: 1px solid #333b3c }
header .menu ul li a{ display: block;font-size: .24rem; color: #fff ;}
header .menu.active { left: 0 }
}
.index .swiper-container { display: none }
.index .swiper-container.active { display: block; width: 100%; height: 100vh }
.index .swiper-container img { width: 100%; height: 100% }
.index .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 56px; height: 2px; background: #01dbdd; opacity: 1; border-radius: 0 }
.index .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffd800 }
.index section { width: 1366px; margin: 0 auto }
.index .btn { -webkit-transition: all .5s ease; transition: all .5s ease }
.index .service-wrap { padding-top: 36px; position: relative; z-index: 9999 }
.index .service-wrap .img-wrap { width: 904px; height: 493px; position: relative; overflow: hidden }
.index .service-wrap .img-wrap img { width: 100%; height: 100%; -webkit-transition: all .5s ease; transition: all .5s ease }
.index .service-wrap .img-wrap:hover img { -webkit-transform: scale(1.4); transform: scale(1.4) }
.index .service-wrap .img-wrap:hover .model { display: block; opacity: .5 }
.index .service-wrap .img-wrap .model { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease }
.index .service-wrap .img-wrap .model .btn-center { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 80px; height: 80px }
.index .service-wrap .img-wrap .model .btn-center i { display: block; height: 60px; width: 100%; background: url(../img/icon1.png) center/30px 30px no-repeat
}
.index .service-wrap .img-wrap .model .btn-center span { display: block; color: #fff; font-size: 16px; padding-top: 10px }
.index .service-wrap .text-wrap { width: 462px; height: 651px; background: #fff; position: absolute; right: 0; bottom: 0; z-index: 99;
padding: 86px; -webkit-box-sizing: border-box; box-sizing: border-box }
.index .service-wrap .text-wrap .h1_titie { font-size: 60px; color: #000; position: relative ;font-weight:bold;}
.index .service-wrap .text-wrap .h1_titie i { position: absolute; left: 0; bottom: -27px; height: 1px; width: 100px; background: #000;  color:#888;}
.index .service-wrap .text-wrap h3 { font-size: 29px; color: #000; padding-top: 70px; padding-bottom: 55px; font-weight: bold;}
.index .service-wrap .text-wrap p { font-size: 18px; color: #333; line-height: 34px }
.index .service-wrap .text-wrap .btn { display: block; width: 43px; height: 43px; border-radius: 100%; background: url(../img/btn-right-icon1.png) center/11px 20px no-repeat;
border: 1px solid #bababa; -webkit-transition: all .5s ease; transition: all .5s ease; margin-top: 60px }
.index .service-wrap .text-wrap .btn:hover { background: url(../img/btn-left-icon.png) center/11px 20px no-repeat #703c2e ;border: 1px solid #703c2e;}
.index .programme-wrap { margin-top: 20px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden }
.index .programme-wrap .text-wrap { width: 460px; height: 400px; padding: 70px; -webkit-box-sizing: border-box; box-sizing: border-box }
.index .programme-wrap .text-wrap h2 { font-size: 30px; color: #000; font-weight: 700; padding-bottom: 45px; padding-top: 30px; position: relative }
.index .programme-wrap .text-wrap h2 .icon { position: absolute; left: 0; bottom: 30px; width: 3.5em; height: 1px; background: #000 }
.index .programme-wrap .text-wrap p { font-size: 14px; color: #333; line-height: 33px }
.index .programme-wrap .text-wrap .btn { display: block; width: 43px; height: 43px; border: 1px solid #bababa; border-radius: 100%; margin-top: 80px; background: url(../img/btn-right-icon1.png) center/11px 20px no-repeat; }
.index .programme-wrap .text-wrap .btn.active { margin-top: 20px }
.index .programme-wrap .text-wrap .btn:hover { background: url(../img/btn-left-icon.png) center/11px 20px no-repeat #703c2e;border: 1px solid #703c2e; }
.index .programme-wrap .img-wrap { overflow: hidden; position: relative }
.index .programme-wrap .img-wrap img { width: 100%; height: 100%; -webkit-transition: all .5s ease; transition: all .5s ease }
.index .programme-wrap .img-wrap:hover img { -webkit-transform: scale(1.4); transform: scale(1.4) }
.index .programme-wrap .img-wrap:hover .model { display: block; opacity: .5 }
.index .programme-wrap .img-wrap .model { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease }
.index .programme-wrap .img-wrap .model .btn-center { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 80px; height: 80px }
.index .programme-wrap .img-wrap .model .btn-center i { display: block; height: 60px; width: 100%; background: url(../img/icon1.png) center/30px 30px no-repeat
}
.index .programme-wrap .img-wrap .model .btn-center span { display: block; color: #fff; font-size: 16px; padding-top: 10px }
.index .section3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 18px;
overflow: hidden }
.index .section3 .list-list { width: 444px; margin-right: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.index .section3 .list-list:last-child { margin: 0 }
.index .section3 .list-list .img-wrap { width: 100%; height: 297px; overflow: hidden }
.index .section3 .list-list .img-wrap img { width: 100%; height: 100%; -webkit-transition: all .5s ease; transition: all .5s  ease }
.index .section3 .list-list .text { background: #fff; height: 190px; padding: 36px; -webkit-box-sizing: border-box; box-sizing: border-box
}
.index .section3 .list-list .text h2 { font-size: 18px; color: #000; font-weight: 700; padding-bottom: 30px }
.index .section3 .list-list .text p { font-size: 16px; color: #333; line-height: 30px }
.index .section3 .list-list:hover .img-wrap img { -webkit-transform: scale(1.4); transform: scale(1.4) }
.index .section3 .list-list:hover .text p { color: #703c2e }
.index .case-wrap { background: #fff; margin-top: 17px; overflow: hidden; padding: 0 67px 70px }
.index .case-wrap .title { padding-top: 50px }
.index .case-wrap .title h2 { font-size: 30px; color: #000; font-weight: 700; position: relative; padding-bottom: 3px }
.index .case-wrap .title h2 i { position: absolute; left: 0; bottom: -7px; height: 1px; width: 3em; background: #000; font-size: 30px }
.index .case-wrap .title p { font-size: 16px; color: #888; padding-top: 10px }
.index .case-wrap .tab-wrap { padding-top: 45px }
.index .case-wrap .tab-wrap .tab-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex }
.index .case-wrap .tab-wrap .tab-btn-wrap a { width: 118px; height: 38px; text-align: center; line-height: 38px; background: #eee; font-size: 16px; color: #333; font-weight: 700; margin-right: 7px }
.index .case-wrap .tab-wrap .tab-btn-wrap a.active { background: #703c2e; color: #fff }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list { -ms-flex-wrap: wrap; flex-wrap: wrap; display: none }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list { margin-top: 30px; margin-right: 30px }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list:nth-child(3n) { margin-right: 0 }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .img-main { width: 390px; height: 261px; overflow: hidden; position: relative }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .img-main .mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all .5s ease-out; transition: all .5s ease-out ;opacity: 0;}
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .img-main img { width: 100%; height: 100% }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap { position: relative; padding: 20px; -webkit-box-sizing: border-box;
box-sizing: border-box; border: 1px solid #ddd; -webkit-transition: all .5s ease; transition: all .5s ease }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap h3 { font-size: 16px; color: #000; font-weight: 700;
padding-bottom: 10px; padding-right: 30px; -webkit-transition: all .5s ease; transition: all .5s ease }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap p { font-size: 14px; color: #555; padding-right: 30px;
-webkit-transition: all .5s ease; transition: all .5s ease }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap i { position: absolute; right: 10px; top: 0; height: 100%; width: 30px; background: url(../img/btn-right-icon1.png) center/11px 20px no-repeat }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .text-wrap { background: #703c2e; border: none }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .text-wrap h3, .index .case-wrap .tab-wrap .tab-  list-wrap .tab-item-list .item-list:hover .text-wrap p { color: #fff }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .text-wrap i { background: url(../img/btn-left-icon.png) center/11px 20px no-repeat
}
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .text-wrap p {color: #fff;}
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .img-main .mask { background: rgba(0,0,0,.5);color: #fff;font-size: 0.02rem; text-indent: 0.1rem; opacity: 1;padding-top: 0.05rem;}
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list.active { display: -webkit-box; display: -ms-flexbox; display: flex }
.index .customer-wrap { margin-top: 20px; background: #fff; overflow: hidden; padding: 0 67px 47px }
.index .customer-wrap .title h2 { font-size: 24px; color: #000; font-weight: 700; padding-top: 60px; position: relative; padding-bottom: 5px }
.index .customer-wrap .title h2 .icon { font-size: 24px; position: absolute; left: 0; bottom: 0; width: 3em; height: 1px; background: #000 }
.index .customer-wrap .title p { padding-top: 10px; padding-bottom: 30px; font-size: 16px; color: #888 }
.index .customer-wrap .content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.index .customer-wrap .content a { position: relative; height: 138px; width: 204px; border: 1px dotted #e7e7e7; -webkit-box-sizing: border-box;
box-sizing: border-box }
.index .customer-wrap .content a img {max-width: 150px; display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,  -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0) }
.index .consultation-wrap { margin-top: 15px; margin-bottom: 40px; padding: 0 67px 32px 67px; background: #fff; overflow: hidden }
.index .consultation-wrap h2 { position: relative; font-size: 24px; font-weight: 700; color: #000; padding-top: 60px; padding-bottom: 5px }
.index .consultation-wrap h2 .icon { position: absolute; left: 0; bottom: 0; font-size: 24px; width: 3em; height: 2px; background: #000 }
.index .consultation-wrap p { font-size: 16px; color: #888; padding-bottom: 30px; padding-top: 10px }
.index .consultation-wrap .tab-wrap .tab-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.index .consultation-wrap .tab-wrap .tab-btn-wrap a { width: 118px; height: 38px; background: #eee; line-height: 38px; margin-right: 6px; font-size: 16px; color: #333; font-weight: 700 }
.index .consultation-wrap .tab-wrap .tab-btn-wrap a:last-child { margin-right: 0 }
.index .consultation-wrap .tab-wrap .tab-btn-wrap a.active { background: #703c2e; color: #fff }
.index .consultation-wrap .tab-wrap .tab-item-wrap { padding: 32px 0 }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list { -ms-flex-wrap: wrap; flex-wrap: wrap; display: none }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list.active { display: -webkit-box; display: -ms-flexbox; display: flex }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list { border: 1px solid #ddd; margin:0 8px 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
flex-direction: column; -webkit-transition: all .5s ease; transition: all .5s ease }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list:hover { -webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc;
-webkit-transform: translate(0, -10px); transform: translate(0, -10px) }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list:last-child { margin-right: 0 }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active { -webkit-box-orient: vertical; -webkit-box-direction: reverse;
-ms-flex-direction: column-reverse; flex-direction: column-reverse }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .img-wrap { padding: 16px }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .img-wrap img { width: 126px; height: 85px }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .text-wrap .text { -webkit-line-clamp: 4; font-size: 14px; line-height: 29px; }

.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .text-wrap .timer { font-size: 14px; display: block; height: 30px;line-height: 30px; }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .img-wrap img { width: 298px; height: 202px }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap { width: 298px; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 144px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap span {display: block; padding: 0; font-size: 16px; color: #000; font-weight: bold; }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap .timer { font-size: 12px; color: #888; padding: 0px;display: block; height: 20px; line-height: 20px;}
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap .text { padding: 0; font-size: 12px; color: #333; line-height: 20px }
.swiper-wrapper .swiper-slide { height: 100%!important }


@media (max-width:1000px) {
.index section { width: 100%; }
.index .swiper-container.active { width: 100%; height: 4.22rem; display: none }
.index .swiper-container { display: block }
.index .swiper-container img { width: 100%; height: 4.22rem }
.index .swiper-container .swiper-pagination .swiper-pagination-bullet { width: .4rem; height: 1px; background: #01dbdd; opacity: 1; border-radius: 0 }
.index .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffd800 }
.index { width: 100% }
.index .service-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse;
-ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: .5rem; background: #fff; height: 6.8rem; z-index: 9999 }
.index .service-wrap .img-wrap .model, .index .service-wrap .text-wrap .h1_titie { display: none }
.index .service-wrap .text-wrap .btn, .index .service-wrap .text-wrap .btn:hover { background: url(../img/btn-left-icon.png)  center/.11rem .2rem no-repeat #33a3cb }
.index .service-wrap .img-wrap { width: 100%; height: 4.09rem }
.index .service-wrap .img-wrap img { width: 100%; height: 100% }
.index .service-wrap .text-wrap { position: static; padding: 0 .17rem; height: 2.7rem; -webkit-box-sizing: border-box; box-sizing: border-box;
width: 100% }
.index .service-wrap .text-wrap h3 { font-size: .45rem; font-weight: 700; color: #000; padding: .2rem 0 .27rem }
.index .service-wrap .text-wrap p { font-size: .25rem; color: #333; line-height: .35rem }
.index .service-wrap .text-wrap .btn { margin-top: .3rem; width: .43rem; height: .43rem }
.index .programme-wrap { margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 8rem }
.index .programme-wrap.about .text-wrap .btn { margin-bottom: .6rem }
.index .programme-wrap .text-wrap { padding: 0 .17rem; font-size: .3rem; color: #000; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box }
.index .programme-wrap .text-wrap h2 { padding-top: .6rem; padding-bottom: .4rem; font-size: .4rem }
.index .programme-wrap .text-wrap h2 .icon { font-size: .3rem; width: 4em; left: 0; bottom: .3rem }
.index .programme-wrap .text-wrap p { font-size: .18rem; color: #333; line-height: .35rem }
.index .programme-wrap .text-wrap .btn { width: .43rem; height: .43rem; margin-top: .4rem; background: url(../img/btn-right-icon1.png) center/.11rem .2rem no-repeat
}
.index .programme-wrap .img-wrap { width: 100%; height: 8rem }
.index .section3 { margin-top: 0; overflow: hidden; background: #fff }
.index .section3 .list-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; width: 100%; -webkit-box-orient: vertical;
-webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse }
.index .section3 .list-list .text { padding: 0 .17rem; height: 2.9rem }
.index .section3 .list-list .text h2 { padding-top: .83rem; padding-bottom: .25rem }
.index .section3 .list-list .text p { font-size: .24rem; line-height: .4rem }
.index .section3 .list-list .img-wrap { width: 100%; height: 5rem }
.index .section3 .list-list .img-wrap img { width: 100%; height: 100% }
.index .case-wrap { margin: 0; padding: .3rem .2rem }
.index .case-wrap .title { padding-top: .1rem }
.index .case-wrap .title h1 { font-size: .3rem }
.index .case-wrap .title h1 i { font-size: .3rem; width: 3em }
.index .case-wrap .title p { font-size: .16rem; padding-bottom: .26rem }
.index .case-wrap .tab-wrap { padding: 0 }
.index .case-wrap .tab-wrap .tab-btn-wrap a { width: 1.7rem; height: .57rem; line-height: .57rem; font-size: .2rem }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list { margin-top: .35rem; margin-right: 0 }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list:nth-child(2n) { margin-left: .2rem }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .img-main { width: 3.45rem; height: 2.32rem }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap { padding: .2rem; width: 3.45rem }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap h3, .index .case-wrap .tab-wrap .tab-list-  wrap .tab-item-list .item-list .text-wrap p { padding-right: .3rem }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap h3 { font-size: .16rem }
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap p { font-size: .14rem;}
.index .case-wrap .tab-wrap .tab-list-wrap .tab-item-list:hover .item-list p.text-wrap { color: #fff;}
.index .customer-wrap { padding: 0 .17rem .4rem; margin-top: .25rem; overflow: hidden }
.index .customer-wrap .title h1 { font-size: .24rem; color: #000; padding-top: .6rem }
.index .customer-wrap .title h1 .icon { font-size: .24rem }
.index .customer-wrap .title p { font-size: .16rem; color: #888 }
.index .customer-wrap .content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.index .customer-wrap .content a { width: 1.79rem; height: 1.1rem }
.index .customer-wrap .content a img { width: 70% }
.index .consultation-wrap { margin-top: .25rem; margin-bottom: .5rem; padding: 0 .17rem }
.index .consultation-wrap h1 { padding-top: .4rem; font-size: .24rem; color: #000 }
.index .consultation-wrap h1 .icon { font-size: .24rem; width: 3em; height: 1px }
.index .consultation-wrap p.title { font-size: 16px; color: #888; padding-bottom: .2rem }
.index .consultation-wrap .tab-wrap .tab-btn-wrap a { width: 1.7rem; height: .56rem; line-height: .56rem; font-sizE: .2rem }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list { border: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: .35rem; margin-right: 0 }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active { -webkit-box-orient: vertical; -webkit-box-direction: reverse;
-ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100% }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active h1 { padding-top: .1rem }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .img-wrap { padding: 0 }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .text-wrap { padding: 0; width: 100% }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .text-wrap .text { font-size: .16rem; font-weight: 400; line-height: .29rem }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .text-wrap .timer { font-size: .16rem }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .img-wrap img { width: 2.27rem; height: 1.54rem }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap { padding: 0 0 0 .2rem; width: 4.63rem; height:1.6rem;overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap2 { padding: 0 0 0 .2rem; width: 4.63rem; height:2.0rem;overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
	
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap span { font-size: .2rem; color: #000;font-weight: bold; }
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap .timer { display: none;}
.index .consultation-wrap .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap .text { font-size: .16rem; line-height: .3rem;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
}
.Journalism .footer-pc .footer-top { display: none }
.Journalism .container { width: 1366px; margin: 0 auto; overflow: hidden; padding-bottom: 5%; }
.Journalism .container .tab-wrap { padding-top: 45px }
.Journalism .container .tab-wrap .tab-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex }
.Journalism .container .tab-wrap .tab-btn-wrap a { width: 118px; height: 38px; text-align: center; line-height: 38px; background: #fff; font-size: 16px; color: #333; font-weight: 700; margin-right: 7px }
.Journalism .container .tab-wrap .tab-btn-wrap a.active { background: #703c2e; color: #fff }
.Journalism .container .tab-wrap .tab-item-wrap { padding: 32px 0 }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list { -ms-flex-wrap: wrap; flex-wrap: wrap; display: none }
.Journalism .load-more { width: 391px; height: 43px; background: #ebebeb; line-height: 43px; margin: 0 auto 60px; font-size: 16px; color: #888; display: block }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list.active { display: -webkit-box; display: -ms-flexbox; display: flex }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list { margin-right: 62px; width:413px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; margin-bottom: 50px; -webkit-transition: all .5s ease; transition: all .5s ease }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list:nth-child(3n) { margin-right: 0 }

.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list:hover { -webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc;
-webkit-transform: translate(0, -10px); transform: translate(0, -10px) }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active { -webkit-box-orient: vertical; -webkit-box-direction: reverse;
-ms-flex-direction: column-reverse; flex-direction: column-reverse }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .img-wrap { padding: 30px;display: flex; justify-content: space-between; }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .img-wrap img { width: 172px; height: 116px }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .text-wrap { height: 114px }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .text-wrap .text { display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 6; overflow: hidden; height: 160px }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .img-wrap img { width: 413px; height: 280px }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap { width: 413px; padding: 0 20px; -webkit-box-sizing: border-box;
box-sizing: border-box; height: 150px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 20px }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap span { padding: 0; font-size: 20px; color: #000; line-height: 42px; font-weight: bold; }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap .timer { font-size: 12px; color: #888; padding: 5px 0px; }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap .text { padding: 0; font-size: 14px; color: #888; line-height: 26px }
.banner { width: 100%; position: relative; }
.Journalism .banner .text { width: 1366px; height: 100%; position: absolute; left: 0; top:125px; bottom: 0; right: 0; margin: auto; color: #fff; box-sizing: border-box; padding-top: 200px }
.Journalism .banner .text h2 { font-size: 48px; padding-bottom: 10px; color: #fff; position: relative; font-weight: 700 }
.Journalism .banner .text p { font-size: 18px; padding-top: 20px }
.Journalism .banner .text h2 i { position: absolute; left: 0; bottom: -7px; font-size: 48px; width: 3.5em; height: 2px; background: #fff }
.Journalism .banner img { width: 100% }

@media (max-width:1000px) {
.Journalism .banner .text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; color: #fff; box-sizing: border-box; padding: .9rem .17rem 0 }
.Journalism .banner .text h2 { font-size: 24px; padding-bottom: .1rem; color: #fff; position: relative; font-weight: 700 }
.Journalism .banner .text p { font-size: .14rem; padding-top: 0 }
.Journalism .banner .text h2 i { position: absolute; left: 0; bottom: 0; font-size: .3rem; width: 3.5em; height: 2px; background: #fff }
.Journalism .load-more { width: 3.91rem; height: .43rem; background: #ebebeb; line-height: .43rem; margin: .6rem auto; font-size: .16rem;
color: #888; display: block }
.Journalism .container { width: 100%; margin: 0; padding: .3rem 0; -webkit-box-sizing: border-box; box-sizing: border-box }
.Journalism .container .tab-wrap { padding: 0 }
.Journalism .container .tab-wrap .tab-btn-wrap a { width: 1.7rem; height: .57rem; line-height: .57rem; font-size: .2rem }
.Journalism .container .tab-wrap .tab-item-wrap { margin-top: .3rem; padding: .35rem .17rem; background: #fff }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list { border: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
-ms-flex-direction: row; flex-direction: row; margin-bottom: .35rem; margin-right: 0; overflow: hidden }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active { -webkit-box-orient: vertical; -webkit-box-direction: reverse;
-ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100% }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .img-wrap { padding: 0;justify-content: flex-start ; }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .img-wrap img { width: 2.27rem; height: 1.54rem;margin-right:.2rem; }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .text-wrap { padding: 0; height: 2.2rem;  width: 100% }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .text-wrap span { padding-top: .2rem }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list.active .text-wrap .text { margin: 0; height: 1.2rem; line-height: .3rem;-webkit-line-clamp: 4 }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .img-wrap img { width: 2.27rem; height: 1.54rem }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap { padding: 0 0 0 .2rem; width: 4.63rem; height: 1.54rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0 }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap span {display: block; font-size: 0.3rem; color: #000; line-height: 100%; padding-bottom: .1rem }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap .timer { display: block; margin: 0px; padding: 0; height: 20px; line-height: 20px; }
.Journalism .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .text-wrap .text { line-height: .3rem; height: .6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: .16rem; color: #888 }
}



#superContainer, .section, .slides, .slidesContainer, .tableCell { position: relative }
body, html { margin: 0; padding: 0 }
#superContainer { height: 100% }
.section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.slide, .slidesContainer { height: 100%; display: block }
.slides { height: 100%; overflow: hidden; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;
transition: all .3s ease-out }
.section.table, .slide.table { display: table; width: 100% }
.tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 0 10%; box-sizing: border-box }
.controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px }
.controlArrow.prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent  transparent }
.controlArrow.next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff }
.scrollable { overflow: scroll }
.easing { -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; transition: all .7s ease-out }
#fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1 }
#fullPage-nav.right { right: 17px }
#fullPage-nav.left { left: 17px }
.fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1 }
.fullPage-slidesNav.bottom { bottom: 17px }
.fullPage-slidesNav.top { top: 17px }
#fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0 }
#fullPage-nav li, .fullPage-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative }
.fullPage-slidesNav li { display: inline-block }
#fullPage-nav li a, .fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none }
#fullPage-nav span, .fullPage-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%;
border-radius: 50%; position: absolute; z-index: 1 }
.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px }
.fullPage-tooltip.right { right: 20px }
.fullPage-tooltip.left { left: 20px }
.section { width: 100%; overflow: hidden;background-size: cover; }
.section.section1 { background: url(../img/banner2.jpg) center }
.section.section2 { background: url(../img/banner3.jpg) center }
.section.section3 { background: url(../img/banner4.jpg) center }
.section.section4 { background: url(../img/banner5.jpg) center }
.section .content { width: 1366px; height: 100%; margin: 0 auto; position: relative }
.section .content img { position: absolute; left: 0; top: 30% }
.section .content .text { width: 755px; position: absolute; top: 30%; right: 0 }
.section .content .text.active { left: 0 }
.section .content .text h1 { font-size: 48px; color: #fff; padding-bottom: 54px }
.section .content .text p { font-size: 30px; color: #fff; line-height: 58px }
.section .content .text .btn { width: 50px; height: 50px; border: 1px solid #fff; border-radius: 100%; background: url(../img/bottom-icon.png) center/24px 13px no-repeat;
display: block; margin-top: 60px }
/*in banner*/
.pe-main-section{height:auto; padding: 0px;}
.pe-parallax {background-attachment: fixed}

@media (max-width:1000px) {
.pe-main-section{height:auto;overflow: hidden; padding: 0px;}
.pe-parallax {background-attachment: fixed}
/*in banner 结束*/
.section .content { width: 100% }
.section .content img { display: none }
.section .content .text { width: 100%; padding: 0 .17rem; -webkit-box-sizing: border-box; box-sizing: border-box }
.section .content .text h1 { font-size: .48rem; padding-bottom: .54rem }
.section .content .text p { font-size: .3rem; line-height: .58rem }
.section .content .text .btn { width: .5rem; height: .5rem; margin-top: .6rem; background: url(../img/bottom-icon.png)  center/.24rem .13rem no-repeat }
}
.Study .footer-pc, .Study header { background: rgba(0,0,0,.5) }
.Study .menu-pc { display: none!important }
.Study .footer-pc .footer-top { display: none }
.Study .footer-pc { width: 100%; position: fixed; left: 0; bottom: 0 }
.Study .footer-pc .footer-botom { background: 0 0; color: #fff }
.Study .footer-pc .footer-botom .footer-2017 { color: #fff }
.Study .p1, .Study h3 { color: #000; opacity: 0; top: 20px; transition: all .5s ease-out; position: relative }
#fullPage-nav span, .fullPage-slidesNav span { background: #01aab9; border: none }
#fullPage-nav li .active span, .fullPage-slidesNav .active span { background: #ffd800 }
.Study h3 { font-size: 48px; font-weight: 700; line-height:60px;}
.Study .p1 { font-size: 24px; margin-top: 45px; line-height: 43px }
.Study .btn.icon { display: block; width: 40px; height: 40px; border: 1px solid #f6f6f5; border-radius: 100%; box-sizing: border-box; margin-top: 50px; background: url(../img/bottom-icon.png) center no-repeat; opacity: 0; transition: all .5s  ease-out; position: relative; top: 20px }
.Study .btn1, .Study .btn2 { background: #ffd800; border-radius: 5px; opacity: 0; top: 20px; text-align: center }
.Study .btn1 { width: 215px; height: 48px; color: #fff; line-height: 48px; display: inline-block; margin-top: 60px; font-size: 18px;
transition: all .5s ease-out; position: relative }
.Study .btn1:hover { box-shadow: 0 5px 10px #ccc }
.Study .wrap h5 { font-size: 30px; font-weight: 700; padding-top: 25px; padding-bottom: 40px; color: #000; opacity: 0; transition: all .5s ease-out; position: relative; top: 20px }
.Study .wrap.white, .Study .wrap.white .p1, .Study .wrap.white .p2, .Study .wrap.white h3 { color: #fff }
.Study .wrap h6 { font-size: 16px; font-weight: 700; color: #000; padding-bottom: 15px }
.Study .wrap .p2 { padding-bottom: 35px; font-size: 14px; color: #000; line-height: 25px }
.Study .wrap .text-wrap { opacity: 0; transition: all .5s ease-out; position: relative; top: 20px }
.Study .wrap { display: flex }
.Study .wrap .main { width: 600px }
.Study .wrap.left { justify-content: flex-start }
.Study .wrap.right { justify-content: flex-end }
.Study .btn2 { width: 215px; height: 47px; color: #000; font-weight: 700; font-size: 18px; line-height: 47px; display: block; transition: all .5s ease; position: relative }
.swiper-slide, .swiper-wrapper { width: 100%; height: 100%; position: relative }
.Study .btn2:hover { box-shadow: 0 5px 10px #ccc }
.Study .show { top: 0!important; opacity: 1!important }

@media (max-width:1000px) {
.Study .wrap .main { width: 100% }
}
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column }
.swiper-wrapper { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-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-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0 }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height;
-webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform;
transition-property: transform, height; transition-property: transform, height, -webkit-transform }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y }
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10;
cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat }
.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 {
background-image: url("data:image/svg+xml;charset=utf-8,  %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d  %3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox  %3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill  %3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: 
 url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox  %3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill  %3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,  %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d  %3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: 
 url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox  %3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill  %3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: 
 url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox  %3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill  %3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -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-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; -moz-appearance: none;
-ms-appearance: none; -webkit-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-white .swiper-pagination-bullet { background: #fff }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }
.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: 5px 0; display: block }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
.swiper-pagination-progress { background: rgba(0,0,0,.25); position: absolute }
.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; transform-origin: right top }
.swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 }
.swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-pagination-progress.swiper-pagination-white { background: rgba(255,255,255,.5) }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 }
.swiper-container-3d { -webkit-perspective: 1200px; -o-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-linear-gradient(right, rgba(0,0,0,.5), rgba  (0, 0, 0, 0)); background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(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-linear-gradient(left, rgba(0,0,0,.5), rgba  (0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(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-linear-gradient(bottom, rgba(0,0,0,.5), rgba  (0, 0, 0, 0)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(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-linear-gradient(top, rgba(0,0,0,.5), rgba  (0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) }
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px }
.swiper-container-cube, .swiper-container-flip { overflow: visible }
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden;
backface-visibility: hidden; z-index: 1 }
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-  container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.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, .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-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 }
.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-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-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity }
.swiper-container-fade .swiper-slide a{ display:block; width:100%; height:100%;}
.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-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center;
-ms-flex-pack: center; justify-content: center; -webkit-box-align: 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-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-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%; 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)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.infotextkey {color: #139eac;font-size:16px;}
.infotextkey:hover{color:#F00000;font-size:16px;}
.title h1 {color:#555;font-size:0.1rem;margin-bottom:14px;}

.dangqianweizhi{font-size:14px; color:#888;}
.dangqianweizhi a{font-size:14px; color:#888;}