/*Generated by wjdhcms 3.0 */



@charset "utf-8";







::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}







::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







::selection {



    background-color: #1770c2;



    color: #fff;



}







::-moz-selection {



    background-color: #1770c2;



    color: #fff;



}







::-webkit-selection {



    background-color: #1770c2;



    color: #fff;



}







#wjdh-kefu .wjdh-kefu-qq p,



#wjdh-kefu .wjdh-kefu-qq a,



#wjdh-kefu .wjdh-kefu-tel p,



#wjdh-kefu .wjdh-kefu-tel img,



#wjdh-kefu .wjdh-kefu-erweima img {



    box-sizing: content-box;



}







* {



    padding: 0;



    margin: 0;



    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}







body {



    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;



}







*:before,



*:after {



    box-sizing: content-box;



}







:focus {



    outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



    display: block;



}







a {



    color: #333;



    text-decoration: none;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}







li,



ul {



    list-style-type: none;



}







img {



    border: none;



}







input,



textarea {



    outline: 0;



    border: 0;



    resize: none;



}















h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}







.webqq_ewm {



    box-sizing: content-box;



}











.fixedNav {



    position: fixed;



    top: 0px;



    left: 0px;



    width: 100%;



    z-index: 100000;



    _position: absolute;



    _top: expression(eval(document.documentElement.scrollTop));



    box-shadow: 0px 10px 12px rgba(0, 0, 0, .1);



}















html {



    cursor: url(../images/cur.png),



        default;



}







a {



    cursor: url(../images/Acur.png),



        default;




}







textarea {



    animation: animated 1s infinite;



    -moz-animation: animated 1s infinite;



    -webkit-animation: animated 1s infinite;



    -o-animation: animated 1s infinite;







}









input[type="text"] {



    animation: animated 1s infinite;



    -moz-animation: animated 1s infinite;



    -webkit-animation: animated 1s infinite;



    -o-animation: animated 1s infinite;



}







input[type="button"] {



    cursor: url(../images/Acur.png),



        default !important;



}







input,



button {



    outline: none;



}







@keyframes animated {



    0% {



        cursor: url('../images/Pcuro1.png'),



            auto;



    }







    8.8% {



        cursor: url('../images/Pcuro2.png'),



            auto;



    }







    17.6% {



        cursor: url('../images/Pcuro3.png'),



            auto;



    }







    26.4% {



        cursor: url('../images/Pcuro4.png'),



            auto;



    }







    35.2% {



        cursor: url('../images/Pcuro5.png'),



            auto;



    }







    44% {



        cursor: url('../images/Pcuro6.png'),



            auto;



    }







    52.8% {



        cursor: url('../images/Pcuro7.png'),



            auto;



    }







    61.6% {



        cursor: url('../images/Pcuro8.png'),



            auto;



    }







    70.4% {



        cursor: url('../images/Pcuro9.png'),



            auto;



    }







    79.2% {



        cursor: url('../images/Pcuro10.png'),



            auto;



    }







    88% {



        cursor: url('../images/Pcuro11.png'),



            auto;



    }







    100% {



        cursor: url('../images/Pcuro12.png'),



            auto;



    }











}















.wjdh-ico1,



.wjdh-ico2 {



    vertical-align: middle;



}



















.center {



    width: 1200px;



    margin: 0 auto;



}







.clear {



    clear: both;



}







.left {



    float: left;



}







.right {



    float: right;



}







.tl {



    text-align: left;



}







.tr {



    text-align: right;



}







.footer {



    overflow: hidden;



}







* {



    margin: 0;



    padding: 0;



    list-style: none;



    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}







i {



    font-weight: normal;



    font-style: normal;



}










.swiper-pagination-bullets-dynamic {



  overflow: hidden;



  font-size: 0;



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



  -webkit-transform: scale(0.33);



  -ms-transform: scale(0.33);



  transform: scale(0.33);



  position: relative;



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {



  -webkit-transform: scale(1);



  -ms-transform: scale(1);



  transform: scale(1);



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {



  -webkit-transform: scale(1);



  -ms-transform: scale(1);



  transform: scale(1);



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {



  -webkit-transform: scale(0.66);



  -ms-transform: scale(0.66);



  transform: scale(0.66);



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {



  -webkit-transform: scale(0.33);



  -ms-transform: scale(0.33);



  transform: scale(0.33);



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {



  -webkit-transform: scale(0.66);



  -ms-transform: scale(0.66);



  transform: scale(0.66);



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {



  -webkit-transform: scale(0.33);



  -ms-transform: scale(0.33);



  transform: scale(0.33);



}



.swiper-pagination-bullet {



  width: 8px;



  height: 8px;



  display: inline-block;



  border-radius: 100%;



  background: #000;



  opacity: 0.2;



}



button.swiper-pagination-bullet {



  border: none;



  margin: 0;



  padding: 0;



  -webkit-box-shadow: none;



  box-shadow: none;



  -webkit-appearance: none;



  -moz-appearance: none;



  appearance: none;



}



.swiper-pagination-clickable .swiper-pagination-bullet {



  cursor: pointer;



}



.swiper-pagination-bullet-active {



  opacity: 1;



  background: #007aff;



}



.swiper-container-vertical>.swiper-pagination-bullets {



  right: 10px;



  top: 50%;



  -webkit-transform: translate3d(0, -50%, 0);



  transform: translate3d(0, -50%, 0);



}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {



  margin: 6px 0;



  display: block;



}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: 8px;



}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



  display: inline-block;



  -webkit-transition: 0.2s top, 0.2s -webkit-transform;



  transition: 0.2s top, 0.2s -webkit-transform;



  -o-transition: 0.2s transform, 0.2s top;



  transition: 0.2s transform, 0.2s top;



  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;



}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {



  margin: 0 4px;



}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {



  left: 50%;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  white-space: nowrap;



}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



  -webkit-transition: 0.2s left, 0.2s -webkit-transform;



  transition: 0.2s left, 0.2s -webkit-transform;



  -o-transition: 0.2s transform, 0.2s left;



  transition: 0.2s transform, 0.2s left;



  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;



}



.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



  -webkit-transition: 0.2s right, 0.2s -webkit-transform;



  transition: 0.2s right, 0.2s -webkit-transform;



  -o-transition: 0.2s transform, 0.2s right;



  transition: 0.2s transform, 0.2s right;



  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;



}



.swiper-pagination-progressbar {



  background: rgba(0, 0, 0, 0.25);



  position: absolute;



}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {



  background: #007aff;



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  -webkit-transform: scale(0);



  -ms-transform: scale(0);



  transform: scale(0);



  -webkit-transform-origin: left top;



  -ms-transform-origin: left top;



  transform-origin: left top;



}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {



  -webkit-transform-origin: right top;



  -ms-transform-origin: right top;



  transform-origin: right top;



}



.swiper-container-horizontal>.swiper-pagination-progressbar,



.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {



  width: 100%;



  height: 4px;



  left: 0;



  top: 0;



}



.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,



.swiper-container-vertical>.swiper-pagination-progressbar {



  width: 4px;



  height: 100%;



  left: 0;



  top: 0;



}



.swiper-pagination-white .swiper-pagination-bullet-active {



  background: #fff;



}



.swiper-pagination-progressbar.swiper-pagination-white {



  background: rgba(255, 255, 255, 0.25);



}



.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {



  background: #fff;



}



.swiper-pagination-black .swiper-pagination-bullet-active {



  background: #000;



}



.swiper-pagination-progressbar.swiper-pagination-black {



  background: rgba(0, 0, 0, 0.25);



}



.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {



  background: #000;



}



.swiper-pagination-lock {



  display: none;



}



.swiper-scrollbar {



  border-radius: 10px;



  position: relative;



  -ms-touch-action: none;



  background: rgba(0, 0, 0, 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, 0.5);



  border-radius: 10px;



  left: 0;



  top: 0;



}



.swiper-scrollbar-cursor-drag {



  cursor: move;



}



.swiper-scrollbar-lock {



  display: none;



}



.swiper-zoom-container {



  width: 100%;



  height: 100%;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-pack: center;



  -webkit-justify-content: center;



  -ms-flex-pack: center;



  justify-content: center;



  -webkit-box-align: center;



  -webkit-align-items: center;



  -ms-flex-align: center;



  align-items: center;



  text-align: center;



}



.swiper-zoom-container>canvas,



.swiper-zoom-container>img,



.swiper-zoom-container>svg {



  max-width: 100%;



  max-height: 100%;



  -o-object-fit: contain;



  object-fit: contain;



}



.swiper-slide-zoomed {



  cursor: move;



}



.swiper-lazy-preloader {



  width: 42px;



  height: 42px;



  position: absolute;



  left: 50%;



  top: 50%;



  margin-left: -21px;



  margin-top: -21px;



  z-index: 10;



  -webkit-transform-origin: 50%;



  -ms-transform-origin: 50%;



  transform-origin: 50%;



  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;



  animation: swiper-preloader-spin 1s steps(12, end) infinite;



}



.swiper-lazy-preloader:after {



  display: block;



  content: '';



  width: 100%;



  height: 100%;



  background-image: url("../css/.com/templates/pc_wjdh/css/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("../css/.com/templates/pc_wjdh/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");



}



@-webkit-keyframes swiper-preloader-spin {



  100% {



    -webkit-transform: rotate(360deg);



    transform: rotate(360deg);



  }



}



@keyframes swiper-preloader-spin {



  100% {



    -webkit-transform: rotate(360deg);



    transform: rotate(360deg);



  }



}



.swiper-container .swiper-notification {



  position: absolute;



  left: 0;



  top: 0;



  pointer-events: none;



  opacity: 0;



  z-index: -1000;



}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {



  -webkit-transition-timing-function: ease-out;



  -o-transition-timing-function: ease-out;



  transition-timing-function: ease-out;



}



.swiper-container-fade .swiper-slide {



  pointer-events: none;



  -webkit-transition-property: opacity;



  -o-transition-property: opacity;



  transition-property: opacity;



}



.swiper-container-fade .swiper-slide .swiper-slide {



  pointer-events: none;



}



.swiper-container-fade .swiper-slide-active,



.swiper-container-fade .swiper-slide-active .swiper-slide-active {



  pointer-events: auto;



}



.swiper-container-cube {



  overflow: visible;



}



.swiper-container-cube .swiper-slide {



  pointer-events: none;



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;




  z-index: 1;



  visibility: hidden;



  -webkit-transform-origin: 0 0;



  -ms-transform-origin: 0 0;



  transform-origin: 0 0;



  width: 100%;



  height: 100%;



}



.swiper-container-cube .swiper-slide .swiper-slide {



  pointer-events: none;



}



.swiper-container-cube.swiper-container-rtl .swiper-slide {



  -webkit-transform-origin: 100% 0;



  -ms-transform-origin: 100% 0;



  transform-origin: 100% 0;



}



.swiper-container-cube .swiper-slide-active,



.swiper-container-cube .swiper-slide-active .swiper-slide-active {



  pointer-events: auto;



}



.swiper-container-cube .swiper-slide-active,



.swiper-container-cube .swiper-slide-next,



.swiper-container-cube .swiper-slide-next+.swiper-slide,



.swiper-container-cube .swiper-slide-prev {



  pointer-events: auto;



  visibility: visible;



}



.swiper-container-cube .swiper-slide-shadow-bottom,



.swiper-container-cube .swiper-slide-shadow-left,



.swiper-container-cube .swiper-slide-shadow-right,



.swiper-container-cube .swiper-slide-shadow-top {



  z-index: 0;



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



}



.swiper-container-cube .swiper-cube-shadow {



  position: absolute;



  left: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  background: #000;



  opacity: 0.6;



  -webkit-filter: blur(50px);



  filter: blur(50px);



  z-index: 0;



}



.swiper-container-flip {



  overflow: visible;



}



.swiper-container-flip .swiper-slide {



  pointer-events: none;



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  z-index: 1;



}



.swiper-container-flip .swiper-slide .swiper-slide {



  pointer-events: none;



}



.swiper-container-flip .swiper-slide-active,



.swiper-container-flip .swiper-slide-active .swiper-slide-active {



  pointer-events: auto;



}



.swiper-container-flip .swiper-slide-shadow-bottom,



.swiper-container-flip .swiper-slide-shadow-left,



.swiper-container-flip .swiper-slide-shadow-right,



.swiper-container-flip .swiper-slide-shadow-top {



  z-index: 0;



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



}



.swiper-container-coverflow .swiper-wrapper {



  -ms-perspective: 1200px;



}



/*!



Pure v0.6.0



Copyright 2014 Yahoo! Inc. All rights reserved.



Licensed under the BSD License.



https://github.com/yahoo/pure/blob/master/LICENSE.md



*/



/*!



normalize.css v^3.0 | MIT License | git.io/normalize



Copyright (c) Nicolas Gallagher and Jonathan Neal



*/



html {



  font-family: sans-serif;



  -ms-text-size-adjust: 100%;



  -webkit-text-size-adjust: 100%;



}



body {



  margin: 0;



}



article,



aside,



details,



figcaption,



figure,



footer,



header,



hgroup,



main,



menu,



nav,



section,



summary {



  display: block;



}



audio,



canvas,



progress,



video {



  display: inline-block;



  vertical-align: baseline;



}



audio:not([controls]) {



  display: none;



  height: 0;



}



[hidden],



template {



  display: none;



}



a {



  background-color: transparent;



}



a:active,



a:hover {



  outline: 0;



}



abbr[title] {



  border-bottom: 1px dotted;



}



b,



strong {



  font-weight: 700;



}



mark {



  background: #ff0;



  color: #000;



}



small {



  font-size: 80%;



}



sub,



sup {



  font-size: 75%;



  line-height: 0;



  position: relative;



  vertical-align: baseline;



}



sup {



  top: -0.5em;



}



sub {



  bottom: -0.25em;



}



img {



  border: 0;



}



svg:not(:root) {



  overflow: hidden;



}



figure {



  margin: 1em 40px;



}



hr {



  -moz-box-sizing: content-box;



  box-sizing: content-box;



  height: 0;



}



pre {



  overflow: auto;



}



code,



kbd,



pre,



samp {



  font-family: monospace, monospace;



  font-size: 1em;



}



button,



input,



optgroup,



select,



textarea {



  color: inherit;



  font: inherit;



  margin: 0;



}



button {



  overflow: visible;



}



button,



select {



  text-transform: none;



}



button,



html input[type=button],



input[type=reset],



input[type=submit] {



  -webkit-appearance: button;



  cursor: pointer;



}



button[disabled],



html input[disabled] {



  cursor: default;



}



button::-moz-focus-inner,



input::-moz-focus-inner {



  border: 0;



  padding: 0;



}



input {



  line-height: normal;



}



input[type=checkbox],



input[type=radio] {



  box-sizing: border-box;



  padding: 0;



}



input[type=number]::-webkit-inner-spin-button,



input[type=number]::-webkit-outer-spin-button {



  height: auto;



}



input[type=search] {



  -webkit-appearance: textfield;



  -moz-box-sizing: content-box;



  -webkit-box-sizing: content-box;



  box-sizing: content-box;



}



input[type=search]::-webkit-search-cancel-button,



input[type=search]::-webkit-search-decoration {



  -webkit-appearance: none;



}



fieldset {



  border: 1px solid silver;



  margin: 0 2px;



  padding: 0.35em 0.625em 0.75em;



}



legend {



  border: 0;



  padding: 0;



}



textarea {



  overflow: auto;



}



optgroup {



  font-weight: 700;



}



table {



  border-collapse: collapse;



  border-spacing: 0;



}



td,



th {



  padding: 0;



}



.hidden,



[hidden] {



  display: none !important;



}



.pure-img {



  max-width: 100%;



  height: auto;



  display: block;



}



.pure-g {



  letter-spacing: -0.31em;



  text-rendering: optimizespeed;



  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;



  display: -webkit-flex;



  -webkit-flex-flow: row wrap;



  display: -ms-flexbox;



  -ms-flex-flow: row wrap;



  -ms-align-content: flex-start;



  -webkit-align-content: flex-start;



  align-content: flex-start;



}



.opera-only :-o-prefocus,



.pure-g {



  word-spacing: -0.43em;



}



.pure-u {



  display: inline-block;



  zoom: 1;



  letter-spacing: normal;



  word-spacing: normal;



  vertical-align: top;



  text-rendering: auto;



}



.pure-g [class*=pure-u] {



  font-family: sans-serif;



}



.pure-u-1,



.pure-u-1-1,



.pure-u-1-12,



.pure-u-1-2,



.pure-u-1-24,



.pure-u-1-3,



.pure-u-1-4,



.pure-u-1-5,



.pure-u-1-6,



.pure-u-1-8,



.pure-u-10-24,



.pure-u-11-12,



.pure-u-11-24,



.pure-u-12-24,



.pure-u-13-24,



.pure-u-14-24,



.pure-u-15-24,



.pure-u-16-24,



.pure-u-17-24,



.pure-u-18-24,



.pure-u-19-24,



.pure-u-2-24,



.pure-u-2-3,



.pure-u-2-5,



.pure-u-20-24,



.pure-u-21-24,



.pure-u-22-24,



.pure-u-23-24,



.pure-u-24-24,



.pure-u-3-24,



.pure-u-3-4,



.pure-u-3-5,



.pure-u-3-8,



.pure-u-4-24,



.pure-u-4-5,



.pure-u-5-12,



.pure-u-5-24,



.pure-u-5-5,



.pure-u-5-6,



.pure-u-5-8,



.pure-u-6-24,



.pure-u-7-12,



.pure-u-7-24,



.pure-u-7-8,



.pure-u-8-24,



.pure-u-9-24 {



  display: inline-block;



  zoom: 1;



  letter-spacing: normal;



  word-spacing: normal;



  vertical-align: top;



  text-rendering: auto;



}



.pure-u-1-24 {



  width: 4.1667%;



}



.pure-u-1-12,



.pure-u-2-24 {



  width: 8.3333%;



}



.pure-u-1-8,



.pure-u-3-24 {



  width: 12.5%;



}



.pure-u-1-6,



.pure-u-4-24 {



  width: 16.6667%;



}



.pure-u-1-5 {



  width: 20%;



}



.pure-u-5-24 {



  width: 20.8333%;



}



.pure-u-1-4,



.pure-u-6-24 {



  width: 25%;



}



.pure-u-7-24 {



  width: 29.1667%;



}



.pure-u-1-3,



.pure-u-8-24 {



  width: 33.3333%;



}



.pure-u-3-8,



.pure-u-9-24 {



  width: 37.5%;



}



.pure-u-2-5 {



  width: 40%;



}



.pure-u-10-24,



.pure-u-5-12 {



  width: 41.6667%;



}



.pure-u-11-24 {



  width: 45.8333%;



}



.pure-u-1-2,



.pure-u-12-24 {



  width: 50%;



}



.pure-u-13-24 {



  width: 54.1667%;



}



.pure-u-14-24,



.pure-u-7-12 {



  width: 58.3333%;



}



.pure-u-3-5 {



  width: 60%;



}



.pure-u-15-24,



.pure-u-5-8 {



  width: 62.5%;



}



.pure-u-16-24,



.pure-u-2-3 {



  width: 66.6667%;



}



.pure-u-17-24 {



  width: 70.8333%;



}



.pure-u-18-24,



.pure-u-3-4 {



  width: 75%;



}



.pure-u-19-24 {



  width: 79.1667%;



}



.pure-u-4-5 {



  width: 80%;



}



.pure-u-20-24,



.pure-u-5-6 {



  width: 83.3333%;



}



.pure-u-21-24,



.pure-u-7-8 {



  width: 87.5%;



}



.pure-u-11-12,



.pure-u-22-24 {



  width: 91.6667%;



}



.pure-u-23-24 {



  width: 95.8333%;



}



.pure-u-1,



.pure-u-1-1,



.pure-u-24-24,



.pure-u-5-5 {



  width: 100%;



}



.pure-button {



  display: inline-block;



  zoom: 1;



  line-height: normal;



  white-space: nowrap;



  vertical-align: middle;



  text-align: center;



  cursor: pointer;



  -webkit-user-drag: none;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}



.pure-button::-moz-focus-inner {



  padding: 0;



  border: 0;



}



.pure-button {



  font-family: inherit;



  font-size: 100%;



  padding: 0.5em 1em;



  color: #444;



  color: rgba(0, 0, 0, 0.8);



  border: 1px solid #999;



  border: 0 transparent;



  background-color: #e6e6e6;



  text-decoration: none;



  border-radius: 2px;



}



.pure-button-hover,



.pure-button:focus,



.pure-button:hover {



  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));



  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));



  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.1));



  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));



  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));



}



.pure-button:focus {



  outline: 0;



}



.pure-button-active,



.pure-button:active {



  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;



}



.pure-button-disabled,



.pure-button-disabled:active,



.pure-button-disabled:focus,



.pure-button-disabled:hover,



.pure-button[disabled] {



  border: 0;



  background-image: none;



  -khtml-opacity: 0.4;



  -moz-opacity: 0.4;



  opacity: 0.4;



  cursor: not-allowed;



  box-shadow: none;



}



.pure-button-hidden {



  display: none;



}



.pure-button::-moz-focus-inner {



  padding: 0;



  border: 0;



}



.pure-button-primary,



.pure-button-selected,



a.pure-button-primary,



a.pure-button-selected {



  background-color: #0078e7;



  color: #fff;



}



.pure-form input[type=color],



.pure-form input[type=date],



.pure-form input[type=datetime-local],



.pure-form input[type=datetime],



.pure-form input[type=email],



.pure-form input[type=month],



.pure-form input[type=number],



.pure-form input[type=password],



.pure-form input[type=search],



.pure-form input[type=tel],



.pure-form input[type=text],



.pure-form input[type=time],



.pure-form input[type=url],



.pure-form input[type=week],



.pure-form select,



.pure-form textarea {



  padding: 0.5em 0.6em;



  display: inline-block;



  border: 1px solid #ccc;



  box-shadow: inset 0 1px 3px #ddd;



  border-radius: 4px;



  vertical-align: middle;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}



.pure-form input:not([type]) {



  padding: 0.5em 0.6em;



  display: inline-block;



  border: 1px solid #ccc;



  box-shadow: inset 0 1px 3px #ddd;



  border-radius: 4px;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}



.pure-form input[type=color] {



  padding: 0.2em 0.5em;



}



.pure-form input[type=color]:focus,



.pure-form input[type=date]:focus,



.pure-form input[type=datetime-local]:focus,



.pure-form input[type=datetime]:focus,



.pure-form input[type=email]:focus,



.pure-form input[type=month]:focus,



.pure-form input[type=number]:focus,



.pure-form input[type=password]:focus,



.pure-form input[type=search]:focus,



.pure-form input[type=tel]:focus,



.pure-form input[type=text]:focus,



.pure-form input[type=time]:focus,



.pure-form input[type=url]:focus,



.pure-form input[type=week]:focus,



.pure-form select:focus,



.pure-form textarea:focus {



  outline: 0;



  border-color: #129fea;



}



.pure-form input:not([type]):focus {



  outline: 0;



  border-color: #129fea;



}



.pure-form input[type=checkbox]:focus,



.pure-form input[type=file]:focus,



.pure-form input[type=radio]:focus {



  outline: thin solid #129fea;



  outline: 1px auto #129fea;



}



.pure-form .pure-checkbox,



.pure-form .pure-radio {



  margin: 0.5em 0;



  display: block;



}



.pure-form input[type=color][disabled],



.pure-form input[type=date][disabled],



.pure-form input[type=datetime-local][disabled],



.pure-form input[type=datetime][disabled],



.pure-form input[type=email][disabled],



.pure-form input[type=month][disabled],



.pure-form input[type=number][disabled],



.pure-form input[type=password][disabled],



.pure-form input[type=search][disabled],



.pure-form input[type=tel][disabled],



.pure-form input[type=text][disabled],



.pure-form input[type=time][disabled],



.pure-form input[type=url][disabled],



.pure-form input[type=week][disabled],



.pure-form select[disabled],



.pure-form textarea[disabled] {



  cursor: not-allowed;



  background-color: #eaeded;



  color: #cad2d3;



}



.pure-form input:not([type])[disabled] {



  cursor: not-allowed;



  background-color: #eaeded;



  color: #cad2d3;



}



.pure-form input[readonly],



.pure-form select[readonly],



.pure-form textarea[readonly] {



  background-color: #eee;



  color: #777;



  border-color: #ccc;



}



.pure-form input:focus:invalid,



.pure-form select:focus:invalid,



.pure-form textarea:focus:invalid {



  color: #b94a48;



  border-color: #e9322d;



}



.pure-form input[type=checkbox]:focus:invalid:focus,



.pure-form input[type=file]:focus:invalid:focus,



.pure-form input[type=radio]:focus:invalid:focus {



  outline-color: #e9322d;



}



.pure-form select {



  height: 2.25em;



  border: 1px solid #ccc;



  background-color: #fff;



}



.pure-form select[multiple] {



  height: auto;



}



.pure-form label {



  margin: 0.5em 0 0.2em;



}



.pure-form fieldset {



  margin: 0;



  padding: 0.35em 0 0.75em;



  border: 0;



}



.pure-form legend {



  display: block;



  width: 100%;



  padding: 0.3em 0;



  margin-bottom: 0.3em;



  color: #333;



  border-bottom: 1px solid #e5e5e5;



}



.pure-form-stacked input[type=color],



.pure-form-stacked input[type=date],



.pure-form-stacked input[type=datetime-local],



.pure-form-stacked input[type=datetime],



.pure-form-stacked input[type=email],



.pure-form-stacked input[type=file],



.pure-form-stacked input[type=month],



.pure-form-stacked input[type=number],



.pure-form-stacked input[type=password],



.pure-form-stacked input[type=search],



.pure-form-stacked input[type=tel],



.pure-form-stacked input[type=text],



.pure-form-stacked input[type=time],



.pure-form-stacked input[type=url],



.pure-form-stacked input[type=week],



.pure-form-stacked label,



.pure-form-stacked select,



.pure-form-stacked textarea {



  display: block;



  margin: 0.25em 0;



}



.pure-form-stacked input:not([type]) {



  display: block;



  margin: 0.25em 0;



}



.pure-form-aligned .pure-help-inline,



.pure-form-aligned input,



.pure-form-aligned select,



.pure-form-aligned textarea,



.pure-form-message-inline {



  display: inline-block;



  vertical-align: middle;



}



.pure-form-aligned textarea {



  vertical-align: top;



}



.pure-form-aligned .pure-control-group {



  margin-bottom: 0.5em;



}



.pure-form-aligned .pure-control-group label {



  text-align: right;



  display: inline-block;



  vertical-align: middle;



  width: 10em;



  margin: 0 1em 0 0;



}



.pure-form-aligned .pure-controls {



  margin: 1.5em 0 0 11em;



}



.pure-form .pure-input-rounded,



.pure-form input.pure-input-rounded {



  border-radius: 2em;



  padding: 0.5em 1em;



}



.pure-form .pure-group fieldset {



  margin-bottom: 10px;



}



.pure-form .pure-group input,



.pure-form .pure-group textarea {



  display: block;



  padding: 10px;



  margin: 0 0 -1px;



  border-radius: 0;



  position: relative;



  top: -1px;



}



.pure-form .pure-group input:focus,



.pure-form .pure-group textarea:focus {



  z-index: 3;



}



.pure-form .pure-group input:first-child,



.pure-form .pure-group textarea:first-child {



  top: 1px;



  border-radius: 4px 4px 0 0;



  margin: 0;



}



.pure-form .pure-group input:first-child:last-child,



.pure-form .pure-group textarea:first-child:last-child {



  top: 1px;



  border-radius: 4px;



  margin: 0;



}



.pure-form .pure-group input:last-child,



.pure-form .pure-group textarea:last-child {



  top: -2px;



  border-radius: 0 0 4px 4px;



  margin: 0;



}



.pure-form .pure-group button {



  margin: 0.35em 0;



}



.pure-form .pure-input-1 {



  width: 100%;



}



.pure-form .pure-input-2-3 {



  width: 66%;



}



.pure-form .pure-input-1-2 {



  width: 50%;



}



.pure-form .pure-input-1-3 {



  width: 33%;



}



.pure-form .pure-input-1-4 {



  width: 25%;



}



.pure-form .pure-help-inline,



.pure-form-message-inline {



  display: inline-block;



  padding-left: 0.3em;



  color: #666;



  vertical-align: middle;



  font-size: 0.875em;



}



.pure-form-message {



  display: block;



  color: #666;



  font-size: 0.875em;



}



@media only screen and (max-width: 480px) {



  .pure-form button[type=submit] {



    margin: 0.7em 0 0;



  }



  .pure-form input:not([type]),



  .pure-form input[type=color],



  .pure-form input[type=date],



  .pure-form input[type=datetime-local],




  .pure-form input[type=datetime],



  .pure-form input[type=email],



  .pure-form input[type=month],



  .pure-form input[type=number],



  .pure-form input[type=password],



  .pure-form input[type=search],



  .pure-form input[type=tel],



  .pure-form input[type=text],



  .pure-form input[type=time],



  .pure-form input[type=url],



  .pure-form input[type=week],



  .pure-form label {



    margin-bottom: 0.3em;



    display: block;



  }



  .pure-group input:not([type]),



  .pure-group input[type=color],



  .pure-group input[type=date],



  .pure-group input[type=datetime-local],



  .pure-group input[type=datetime],



  .pure-group input[type=email],



  .pure-group input[type=month],



  .pure-group input[type=number],



  .pure-group input[type=password],



  .pure-group input[type=search],



  .pure-group input[type=tel],



  .pure-group input[type=text],



  .pure-group input[type=time],



  .pure-group input[type=url],



  .pure-group input[type=week] {



    margin-bottom: 0;



  }



  .pure-form-aligned .pure-control-group label {



    margin-bottom: 0.3em;



    text-align: left;



    display: block;



    width: 100%;



  }



  .pure-form-aligned .pure-controls {



    margin: 1.5em 0 0;



  }



  .pure-form .pure-help-inline,



  .pure-form-message,



  .pure-form-message-inline {



    display: block;



    font-size: 0.75em;



    padding: 0.2em 0 0.8em;



  }



}



.pure-menu {



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}



.pure-menu-fixed {



  position: fixed;



  left: 0;



  top: 0;



  z-index: 3;



}



.pure-menu-item,



.pure-menu-list {



  position: relative;



}



.pure-menu-list {



  list-style: none;



  margin: 0;



  padding: 0;



}



.pure-menu-item {



  padding: 0;



  margin: 0;



  height: 100%;



}



.pure-menu-heading,



.pure-menu-link {



  display: block;



  text-decoration: none;



  white-space: nowrap;



}



.pure-menu-horizontal {



  width: 100%;



  white-space: nowrap;



}



.pure-menu-horizontal .pure-menu-list {



  display: inline-block;



}



.pure-menu-horizontal .pure-menu-heading,



.pure-menu-horizontal .pure-menu-item,



.pure-menu-horizontal .pure-menu-separator {



  display: inline-block;



  zoom: 1;



  vertical-align: middle;



}



.pure-menu-item .pure-menu-item {



  display: block;



}



.pure-menu-children {



  display: none;



  position: absolute;



  left: 100%;



  top: 0;



  margin: 0;



  padding: 0;



  z-index: 3;



}





.pure-menu-horizontal .pure-menu-children {



  left: 0;



  top: auto;



  width: inherit;



}



.pure-menu-active>.pure-menu-children,



.pure-menu-allow-hover:hover>.pure-menu-children {



  display: block;



  position: absolute;



}



.pure-menu-has-children>.pure-menu-link:after {



  padding-left: 0.5em;



  content: "\25B8";



  font-size: small;



}



.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {



  content: "\25BE";



}



.pure-menu-scrollable {



  overflow-y: scroll;



  overflow-x: hidden;



}



.pure-menu-scrollable .pure-menu-list {



  display: block;



}



.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {



  display: inline-block;



}



.pure-menu-horizontal.pure-menu-scrollable {



  white-space: nowrap;



  overflow-y: hidden;



  overflow-x: auto;



  -ms-overflow-style: none;



  -webkit-overflow-scrolling: touch;




  padding: 0.5em 0;



}



.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {



  display: none;



}



.pure-menu-separator {



  background-color: #ccc;



  height: 1px;



  margin: 0.3em 0;



}



.pure-menu-horizontal .pure-menu-separator {



  width: 1px;



  height: 1.3em;



  margin: 0 0.3em;



}



.pure-menu-heading {



  text-transform: uppercase;



  color: #565d64;



}



.pure-menu-link {



  color: #777;



}



.pure-menu-children {



  background-color: #fff;



}



.pure-menu-disabled,



.pure-menu-heading,



.pure-menu-link {



  padding: 0.5em 1em;



}



.pure-menu-disabled {



  opacity: 0.5;



}



.pure-menu-disabled .pure-menu-link:hover {



  background-color: transparent;



}



.pure-menu-active>.pure-menu-link,



.pure-menu-link:focus,



.pure-menu-link:hover {



  background-color: #eee;



}



.pure-menu-selected .pure-menu-link,



.pure-menu-selected .pure-menu-link:visited {



  color: #000;



}



.pure-table {



  border-collapse: collapse;



  border-spacing: 0;



  empty-cells: show;



  border: 1px solid #cbcbcb;



}



.pure-table caption {



  color: #000;



  font: italic 85%/1 arial, sans-serif;



  padding: 1em 0;



  text-align: center;



}



.pure-table td,



.pure-table th {



  border-left: 1px solid #cbcbcb;



  border-width: 0 0 0 1px;



  font-size: inherit;



  margin: 0;



  overflow: visible;



  padding: 0.5em 1em;



}



.pure-table td:first-child,



.pure-table th:first-child {



  border-left-width: 0;



}



.pure-table thead {



  background-color: #e0e0e0;



  color: #000;



  text-align: left;



  vertical-align: bottom;



}



.pure-table td {



  background-color: transparent;



}



.pure-table-odd td {



  background-color: #f2f2f2;



}



.pure-table-striped tr:nth-child(2n-1) td {



  background-color: #f2f2f2;



}



.pure-table-bordered td {



  border-bottom: 1px solid #cbcbcb;



}



.pure-table-bordered tbody>tr:last-child>td {



  border-bottom-width: 0;



}



.pure-table-horizontal td,



.pure-table-horizontal th {



  border-width: 0 0 1px;



  border-bottom: 1px solid #cbcbcb;



}



.pure-table-horizontal tbody>tr:last-child>td {



  border-bottom-width: 0;



}



/*!



Pure v0.6.0



Copyright 2014 Yahoo! Inc. All rights reserved.



Licensed under the BSD License.




https://github.com/yahoo/pure/blob/master/LICENSE.md



*/



@media screen and (min-width: 35.5em) {



  .pure-u-sm-1,



  .pure-u-sm-1-1,



  .pure-u-sm-1-12,



  .pure-u-sm-1-2,



  .pure-u-sm-1-24,



  .pure-u-sm-1-3,



  .pure-u-sm-1-4,



  .pure-u-sm-1-5,



  .pure-u-sm-1-6,



  .pure-u-sm-1-8,



  .pure-u-sm-10-24,



  .pure-u-sm-11-12,



  .pure-u-sm-11-24,



  .pure-u-sm-12-24,



  .pure-u-sm-13-24,



  .pure-u-sm-14-24,



  .pure-u-sm-15-24,



  .pure-u-sm-16-24,



  .pure-u-sm-17-24,



  .pure-u-sm-18-24,



  .pure-u-sm-19-24,



  .pure-u-sm-2-24,



  .pure-u-sm-2-3,



  .pure-u-sm-2-5,



  .pure-u-sm-20-24,



  .pure-u-sm-21-24,



  .pure-u-sm-22-24,



  .pure-u-sm-23-24,



  .pure-u-sm-24-24,



  .pure-u-sm-3-24,



  .pure-u-sm-3-4,



  .pure-u-sm-3-5,



  .pure-u-sm-3-8,



  .pure-u-sm-4-24,



  .pure-u-sm-4-5,



  .pure-u-sm-5-12,



  .pure-u-sm-5-24,



  .pure-u-sm-5-5,



  .pure-u-sm-5-6,



  .pure-u-sm-5-8,



  .pure-u-sm-6-24,



  .pure-u-sm-7-12,



  .pure-u-sm-7-24,



  .pure-u-sm-7-8,



  .pure-u-sm-8-24,



  .pure-u-sm-9-24 {




    display: inline-block;



    zoom: 1;



    letter-spacing: normal;



    word-spacing: normal;



    vertical-align: top;



    text-rendering: auto;



  }



  .pure-u-sm-1-24 {



    width: 4.1667%;



  }



  .pure-u-sm-1-12,



  .pure-u-sm-2-24 {



    width: 8.3333%;



  }



  .pure-u-sm-1-8,



  .pure-u-sm-3-24 {



    width: 12.5%;



  }



  .pure-u-sm-1-6,



  .pure-u-sm-4-24 {



    width: 16.6667%;



  }



  .pure-u-sm-1-5 {



    width: 20%;



  }



  .pure-u-sm-5-24 {



    width: 20.8333%;



  }



  .pure-u-sm-1-4,



  .pure-u-sm-6-24 {



    width: 25%;



  }



  .pure-u-sm-7-24 {



    width: 29.1667%;



  }



  .pure-u-sm-1-3,



  .pure-u-sm-8-24 {



    width: 33.3333%;



  }



  .pure-u-sm-3-8,



  .pure-u-sm-9-24 {



    width: 37.5%;



  }



  .pure-u-sm-2-5 {



    width: 40%;



  }



  .pure-u-sm-10-24,



  .pure-u-sm-5-12 {



    width: 41.6667%;



  }



  .pure-u-sm-11-24 {



    width: 45.8333%;



  }



  .pure-u-sm-1-2,



  .pure-u-sm-12-24 {



    width: 50%;



  }



  .pure-u-sm-13-24 {



    width: 54.1667%;



  }



  .pure-u-sm-14-24,



  .pure-u-sm-7-12 {



    width: 58.3333%;



  }



  .pure-u-sm-3-5 {



    width: 60%;



  }



  .pure-u-sm-15-24,



  .pure-u-sm-5-8 {



    width: 62.5%;



  }



  .pure-u-sm-16-24,



  .pure-u-sm-2-3 {



    width: 66.6667%;



  }



  .pure-u-sm-17-24 {



    width: 70.8333%;



  }



  .pure-u-sm-18-24,



  .pure-u-sm-3-4 {



    width: 75%;



  }



  .pure-u-sm-19-24 {



    width: 79.1667%;



  }



  .pure-u-sm-4-5 {



    width: 80%;



  }



  .pure-u-sm-20-24,



  .pure-u-sm-5-6 {



    width: 83.3333%;



  }



  .pure-u-sm-21-24,



  .pure-u-sm-7-8 {



    width: 87.5%;



  }



  .pure-u-sm-11-12,



  .pure-u-sm-22-24 {



    width: 91.6667%;



  }



  .pure-u-sm-23-24 {



    width: 95.8333%;



  }



  .pure-u-sm-1,



  .pure-u-sm-1-1,



  .pure-u-sm-24-24,



  .pure-u-sm-5-5 {



    width: 100%;



  }



}



@media screen and (min-width: 48em) {



  .pure-u-md-1,



  .pure-u-md-1-1,



  .pure-u-md-1-12,



  .pure-u-md-1-2,



  .pure-u-md-1-24,



  .pure-u-md-1-3,



  .pure-u-md-1-4,



  .pure-u-md-1-5,



  .pure-u-md-1-6,



  .pure-u-md-1-8,



  .pure-u-md-10-24,



  .pure-u-md-11-12,



  .pure-u-md-11-24,



  .pure-u-md-12-24,



  .pure-u-md-13-24,



  .pure-u-md-14-24,



  .pure-u-md-15-24,



  .pure-u-md-16-24,



  .pure-u-md-17-24,



  .pure-u-md-18-24,



  .pure-u-md-19-24,



  .pure-u-md-2-24,



  .pure-u-md-2-3,



  .pure-u-md-2-5,



  .pure-u-md-20-24,



  .pure-u-md-21-24,



  .pure-u-md-22-24,



  .pure-u-md-23-24,



  .pure-u-md-24-24,



  .pure-u-md-3-24,



  .pure-u-md-3-4,



  .pure-u-md-3-5,



  .pure-u-md-3-8,



  .pure-u-md-4-24,



  .pure-u-md-4-5,



  .pure-u-md-5-12,



  .pure-u-md-5-24,



  .pure-u-md-5-5,



  .pure-u-md-5-6,



  .pure-u-md-5-8,



  .pure-u-md-6-24,



  .pure-u-md-7-12,



  .pure-u-md-7-24,



  .pure-u-md-7-8,



  .pure-u-md-8-24,



  .pure-u-md-9-24 {



    display: inline-block;



    zoom: 1;



    letter-spacing: normal;



    word-spacing: normal;



    vertical-align: top;



    text-rendering: auto;



  }



  .pure-u-md-1-24 {



    width: 4.1667%;



  }



  .pure-u-md-1-12,



  .pure-u-md-2-24 {



    width: 8.3333%;



  }



  .pure-u-md-1-8,



  .pure-u-md-3-24 {



    width: 12.5%;



  }



  .pure-u-md-1-6,



  .pure-u-md-4-24 {



    width: 16.6667%;



  }



  .pure-u-md-1-5 {



    width: 20%;



  }



  .pure-u-md-5-24 {



    width: 20.8333%;



  }



  .pure-u-md-1-4,



  .pure-u-md-6-24 {



    width: 25%;



  }



  .pure-u-md-7-24 {



    width: 29.1667%;



  }



  .pure-u-md-1-3,



  .pure-u-md-8-24 {



    width: 33.3333%;



  }



  .pure-u-md-3-8,



  .pure-u-md-9-24 {



    width: 37.5%;



  }



  .pure-u-md-2-5 {



    width: 40%;



  }



  .pure-u-md-10-24,



  .pure-u-md-5-12 {



    width: 41.6667%;



  }



  .pure-u-md-11-24 {



    width: 45.8333%;



  }



  .pure-u-md-1-2,



  .pure-u-md-12-24 {



    width: 50%;



  }



  .pure-u-md-13-24 {



    width: 54.1667%;



  }



  .pure-u-md-14-24,



  .pure-u-md-7-12 {



    width: 58.3333%;



  }



  .pure-u-md-3-5 {



    width: 60%;



  }



  .pure-u-md-15-24,



  .pure-u-md-5-8 {



    width: 62.5%;



  }



  .pure-u-md-16-24,



  .pure-u-md-2-3 {



    width: 66.6667%;



  }



  .pure-u-md-17-24 {



    width: 70.8333%;



  }



  .pure-u-md-18-24,



  .pure-u-md-3-4 {



    width: 75%;



  }



  .pure-u-md-19-24 {



    width: 79.1667%;



  }



  .pure-u-md-4-5 {



    width: 80%;



  }



  .pure-u-md-20-24,



  .pure-u-md-5-6 {



    width: 83.3333%;



  }



  .pure-u-md-21-24,



  .pure-u-md-7-8 {



    width: 87.5%;



  }



  .pure-u-md-11-12,



  .pure-u-md-22-24 {



    width: 91.6667%;



  }



  .pure-u-md-23-24 {



    width: 95.8333%;



  }



  .pure-u-md-1,



  .pure-u-md-1-1,



  .pure-u-md-24-24,



  .pure-u-md-5-5 {



    width: 100%;



  }



}



@media screen and (min-width: 64em) {



  .pure-u-lg-1,



  .pure-u-lg-1-1,



  .pure-u-lg-1-12,



  .pure-u-lg-1-2,



  .pure-u-lg-1-24,



  .pure-u-lg-1-3,



  .pure-u-lg-1-4,



  .pure-u-lg-1-5,



  .pure-u-lg-1-6,



  .pure-u-lg-1-8,



  .pure-u-lg-10-24,



  .pure-u-lg-11-12,



  .pure-u-lg-11-24,



  .pure-u-lg-12-24,



  .pure-u-lg-13-24,



  .pure-u-lg-14-24,



  .pure-u-lg-15-24,



  .pure-u-lg-16-24,



  .pure-u-lg-17-24,



  .pure-u-lg-18-24,



  .pure-u-lg-19-24,



  .pure-u-lg-2-24,



  .pure-u-lg-2-3,



  .pure-u-lg-2-5,



  .pure-u-lg-20-24,



  .pure-u-lg-21-24,



  .pure-u-lg-22-24,



  .pure-u-lg-23-24,



  .pure-u-lg-24-24,



  .pure-u-lg-3-24,



  .pure-u-lg-3-4,



  .pure-u-lg-3-5,



  .pure-u-lg-3-8,



  .pure-u-lg-4-24,



  .pure-u-lg-4-5,



  .pure-u-lg-5-12,



  .pure-u-lg-5-24,



  .pure-u-lg-5-5,



  .pure-u-lg-5-6,



  .pure-u-lg-5-8,



  .pure-u-lg-6-24,



  .pure-u-lg-7-12,



  .pure-u-lg-7-24,



  .pure-u-lg-7-8,



  .pure-u-lg-8-24,



  .pure-u-lg-9-24 {



    display: inline-block;



    zoom: 1;



    letter-spacing: normal;



    word-spacing: normal;



    vertical-align: top;



    text-rendering: auto;



  }



  .pure-u-lg-1-24 {



    width: 4.1667%;



  }



  .pure-u-lg-1-12,



  .pure-u-lg-2-24 {



    width: 8.3333%;



  }



  .pure-u-lg-1-8,



  .pure-u-lg-3-24 {



    width: 12.5%;



  }



  .pure-u-lg-1-6,



  .pure-u-lg-4-24 {



    width: 16.6667%;



  }



  .pure-u-lg-1-5 {



    width: 20%;



  }



  .pure-u-lg-5-24 {



    width: 20.8333%;



  }



  .pure-u-lg-1-4,



  .pure-u-lg-6-24 {



    width: 33.33%;



  }



  .pure-u-lg-7-24 {



    width: 29.1667%;



  }



  .pure-u-lg-1-3,



  .pure-u-lg-8-24 {



    width: 33.3333%;



  }



  .pure-u-lg-3-8,



  .pure-u-lg-9-24 {



    width: 37.5%;



  }



  .pure-u-lg-2-5 {



    width: 40%;



  }



  .pure-u-lg-10-24,



  .pure-u-lg-5-12 {



    width: 41.6667%;



  }



  .pure-u-lg-11-24 {



    width: 45.8333%;



  }



  .pure-u-lg-1-2,



  .pure-u-lg-12-24 {



    width: 50%;



  }



  .pure-u-lg-13-24 {



    width: 54.1667%;



  }



  .pure-u-lg-14-24,



  .pure-u-lg-7-12 {



    width: 58.3333%;



  }



  .pure-u-lg-3-5 {



    width: 60%;



  }



  .pure-u-lg-15-24,



  .pure-u-lg-5-8 {



    width: 62.5%;



  }



  .pure-u-lg-16-24,



  .pure-u-lg-2-3 {



    width: 66.6667%;



  }



  .pure-u-lg-17-24 {



    width: 70.8333%;



  }



  .pure-u-lg-18-24,



  .pure-u-lg-3-4 {



    width: 75%;



  }



  .pure-u-lg-19-24 {



    width: 79.1667%;



  }



  .pure-u-lg-4-5 {



    width: 80%;



  }



  .pure-u-lg-20-24,



  .pure-u-lg-5-6 {



    width: 83.3333%;



  }



  .pure-u-lg-21-24,



  .pure-u-lg-7-8 {



    width: 87.5%;



  }



  .pure-u-lg-11-12,



  .pure-u-lg-22-24 {



    width: 91.6667%;



  }



  .pure-u-lg-23-24 {



    width: 95.8333%;



  }



  .pure-u-lg-1,



  .pure-u-lg-1-1,



  .pure-u-lg-24-24,



  .pure-u-lg-5-5 {



    width: 100%;



  }



}



@media screen and (min-width: 80em) {



  .pure-u-xl-1,



  .pure-u-xl-1-1,



  .pure-u-xl-1-12,



  .pure-u-xl-1-2,



  .pure-u-xl-1-24,



  .pure-u-xl-1-3,



  .pure-u-xl-1-4,



  .pure-u-xl-1-5,



  .pure-u-xl-1-6,



  .pure-u-xl-1-8,



  .pure-u-xl-10-24,



  .pure-u-xl-11-12,



  .pure-u-xl-11-24,



  .pure-u-xl-12-24,



  .pure-u-xl-13-24,



  .pure-u-xl-14-24,



  .pure-u-xl-15-24,



  .pure-u-xl-16-24,



  .pure-u-xl-17-24,



  .pure-u-xl-18-24,



  .pure-u-xl-19-24,



  .pure-u-xl-2-24,



  .pure-u-xl-2-3,



  .pure-u-xl-2-5,



  .pure-u-xl-20-24,



  .pure-u-xl-21-24,



  .pure-u-xl-22-24,



  .pure-u-xl-23-24,



  .pure-u-xl-24-24,



  .pure-u-xl-3-24,



  .pure-u-xl-3-4,



  .pure-u-xl-3-5,



  .pure-u-xl-3-8,



  .pure-u-xl-4-24,



  .pure-u-xl-4-5,



  .pure-u-xl-5-12,



  .pure-u-xl-5-24,



  .pure-u-xl-5-5,



  .pure-u-xl-5-6,



  .pure-u-xl-5-8,



  .pure-u-xl-6-24,



  .pure-u-xl-7-12,



  .pure-u-xl-7-24,



  .pure-u-xl-7-8,



  .pure-u-xl-8-24,



  .pure-u-xl-9-24 {



    display: inline-block;



    zoom: 1;



    letter-spacing: normal;



    word-spacing: normal;



    vertical-align: top;



    text-rendering: auto;



  }



  .pure-u-xl-1-24 {



    width: 4.1667%;



  }



  .pure-u-xl-1-12,



  .pure-u-xl-2-24 {



    width: 8.3333%;



  }



  .pure-u-xl-1-8,



  .pure-u-xl-3-24 {



    width: 12.5%;



  }



  .pure-u-xl-1-6,



  .pure-u-xl-4-24 {



    width: 16.6667%;



  }



  .pure-u-xl-1-5 {



    width: 20%;



  }



  .pure-u-xl-5-24 {



    width: 20.8333%;



  }



  .pure-u-xl-1-4,



  .pure-u-xl-6-24 {



    width: 25%;



  }



  .pure-u-xl-7-24 {



    width: 29.1667%;



  }



  .pure-u-xl-1-3,



  .pure-u-xl-8-24 {



    width: 33.3333%;



  }



  .pure-u-xl-3-8,



  .pure-u-xl-9-24 {



    width: 37.5%;



  }



  .pure-u-xl-2-5 {



    width: 40%;



  }



  .pure-u-xl-10-24,



  .pure-u-xl-5-12 {



    width: 41.6667%;



  }



  .pure-u-xl-11-24 {




    width: 45.8333%;



  }



  .pure-u-xl-1-2,



  .pure-u-xl-12-24 {



    width: 50%;



  }



  .pure-u-xl-13-24 {



    width: 54.1667%;



  }



  .pure-u-xl-14-24,



  .pure-u-xl-7-12 {



    width: 58.3333%;



  }



  .pure-u-xl-3-5 {



    width: 60%;



  }



  .pure-u-xl-15-24,



  .pure-u-xl-5-8 {



    width: 62.5%;



  }



  .pure-u-xl-16-24,



  .pure-u-xl-2-3 {



    width: 66.6667%;



  }



  .pure-u-xl-17-24 {



    width: 70.8333%;



  }



  .pure-u-xl-18-24,



  .pure-u-xl-3-4 {



    width: 75%;



  }



  .pure-u-xl-19-24 {



    width: 79.1667%;



  }



  .pure-u-xl-4-5 {



    width: 80%;



  }



  .pure-u-xl-20-24,



  .pure-u-xl-5-6 {



    width: 83.3333%;



  }



  .pure-u-xl-21-24,



  .pure-u-xl-7-8 {



    width: 87.5%;



  }



  .pure-u-xl-11-12,



  .pure-u-xl-22-24 {



    width: 91.6667%;



  }



  .pure-u-xl-23-24 {



    width: 95.8333%;



  }



  .pure-u-xl-1,



  .pure-u-xl-1-1,



  .pure-u-xl-24-24,



  .pure-u-xl-5-5 {



    width: 100%;



  }



}



/* @charset "UTF-8";*/



/*!



 * animate.css -https://daneden.github.io/animate.css/



 * Version - 3.7.2



 * Licensed under the MIT license - http://opensource.org/licenses/MIT



 *



 * Copyright (c) 2019 Daniel Eden



 */



@-webkit-keyframes bounce {



  0%,



  20%,



  53%,



  80%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  40%,



  43% {



    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);



    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);



    -webkit-transform: translate3d(0, -30px, 0);



    transform: translate3d(0, -30px, 0);



  }



  70% {



    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);



    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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%,



  20%,



  53%,



  80%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  40%,



  43% {





    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);



    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);



    -webkit-transform: translate3d(0, -30px, 0);



    transform: translate3d(0, -30px, 0);



  }



  70% {



    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);



    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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%,



  50%,



  to {



    opacity: 1;



  }



  25%,



  75% {



    opacity: 0;



  }



}



@keyframes flash {



  0%,



  50%,



  to {



    opacity: 1;



  }



  25%,



  75% {



    opacity: 0;



  }



}



.flash {



  -webkit-animation-name: flash;



  animation-name: flash;



}



@-webkit-keyframes pulse {



  0% {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



  50% {



    -webkit-transform: scale3d(1.05, 1.05, 1.05);



    transform: scale3d(1.05, 1.05, 1.05);



  }



  to {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



}



@keyframes pulse {



  0% {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



  50% {



    -webkit-transform: scale3d(1.05, 1.05, 1.05);



    transform: scale3d(1.05, 1.05, 1.05);



  }



  to {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



}



.pulse {



  -webkit-animation-name: pulse;



  animation-name: pulse;



}



@-webkit-keyframes rubberBand {



  0% {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



  30% {



    -webkit-transform: scale3d(1.25, 0.75, 1);



    transform: scale3d(1.25, 0.75, 1);



  }



  40% {



    -webkit-transform: scale3d(0.75, 1.25, 1);



    transform: scale3d(0.75, 1.25, 1);



  }



  50% {



    -webkit-transform: scale3d(1.15, 0.85, 1);



    transform: scale3d(1.15, 0.85, 1);



  }



  65% {



    -webkit-transform: scale3d(0.95, 1.05, 1);



    transform: scale3d(0.95, 1.05, 1);



  }



  75% {



    -webkit-transform: scale3d(1.05, 0.95, 1);



    transform: scale3d(1.05, 0.95, 1);



  }



  to {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



}



@keyframes rubberBand {



  0% {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



  30% {



    -webkit-transform: scale3d(1.25, 0.75, 1);



    transform: scale3d(1.25, 0.75, 1);



  }



  40% {



    -webkit-transform: scale3d(0.75, 1.25, 1);



    transform: scale3d(0.75, 1.25, 1);



  }



  50% {



    -webkit-transform: scale3d(1.15, 0.85, 1);



    transform: scale3d(1.15, 0.85, 1);



  }



  65% {



    -webkit-transform: scale3d(0.95, 1.05, 1);



    transform: scale3d(0.95, 1.05, 1);



  }



  75% {



    -webkit-transform: scale3d(1.05, 0.95, 1);



    transform: scale3d(1.05, 0.95, 1);



  }



  to {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



}



.rubberBand {



  -webkit-animation-name: rubberBand;



  animation-name: rubberBand;



}



@-webkit-keyframes shake {



  0%,



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(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%,



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(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 headShake {



  0% {



    -webkit-transform: translateX(0);



    transform: translateX(0);



  }



  6.5% {



    -webkit-transform: translateX(-6px) rotateY(-9deg);



    transform: translateX(-6px) rotateY(-9deg);



  }



  18.5% {



    -webkit-transform: translateX(5px) rotateY(7deg);



    transform: translateX(5px) rotateY(7deg);



  }



  31.5% {



    -webkit-transform: translateX(-3px) rotateY(-5deg);



    transform: translateX(-3px) rotateY(-5deg);



  }



  43.5% {



    -webkit-transform: translateX(2px) rotateY(3deg);



    transform: translateX(2px) rotateY(3deg);



  }



  50% {



    -webkit-transform: translateX(0);



    transform: translateX(0);



  }



}



@keyframes headShake {



  0% {



    -webkit-transform: translateX(0);



    transform: translateX(0);



  }



  6.5% {



    -webkit-transform: translateX(-6px) rotateY(-9deg);



    transform: translateX(-6px) rotateY(-9deg);



  }



  18.5% {



    -webkit-transform: translateX(5px) rotateY(7deg);



    transform: translateX(5px) rotateY(7deg);



  }



  31.5% {



    -webkit-transform: translateX(-3px) rotateY(-5deg);



    transform: translateX(-3px) rotateY(-5deg);



  }



  43.5% {



    -webkit-transform: translateX(2px) rotateY(3deg);



    transform: translateX(2px) rotateY(3deg);



  }



  50% {



    -webkit-transform: translateX(0);



    transform: translateX(0);



  }



}



.headShake {



  -webkit-animation-timing-function: ease-in-out;



  animation-timing-function: ease-in-out;



  -webkit-animation-name: headShake;



  animation-name: headShake;



}



@-webkit-keyframes swing {



  20% {



    -webkit-transform: rotate(15deg);



    transform: rotate(15deg);



  }



  40% {



    -webkit-transform: rotate(-10deg);



    transform: rotate(-10deg);



  }



  60% {



    -webkit-transform: rotate(5deg);



    transform: rotate(5deg);



  }



  80% {



    -webkit-transform: rotate(-5deg);



    transform: rotate(-5deg);



  }



  to {



    -webkit-transform: rotate(0deg);



    transform: rotate(0deg);



  }



}



@keyframes swing {



  20% {



    -webkit-transform: rotate(15deg);



    transform: rotate(15deg);



  }



  40% {



    -webkit-transform: rotate(-10deg);



    transform: rotate(-10deg);



  }



  60% {



    -webkit-transform: rotate(5deg);



    transform: rotate(5deg);



  }



  80% {



    -webkit-transform: rotate(-5deg);



    transform: rotate(-5deg);



  }



  to {



    -webkit-transform: rotate(0deg);



    transform: rotate(0deg);



  }



}



.swing {



  -webkit-transform-origin: top center;



  transform-origin: top center;



  -webkit-animation-name: swing;



  animation-name: swing;



}



@-webkit-keyframes tada {



  0% {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



  10%,



  20% {



    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);



    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);



  }



  30%,



  50%,



  70%,



  90% {



    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);



    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);



  }



  40%,



  60%,



  80% {



    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);



    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);



  }



  to {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



}



@keyframes tada {



  0% {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



  10%,



  20% {



    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);



    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);



  }



  30%,



  50%,



  70%,



  90% {



    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);



    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);



  }



  40%,



  60%,



  80% {



    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);



    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);



  }



  to {



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



}



.tada {



  -webkit-animation-name: tada;



  animation-name: tada;



}



@-webkit-keyframes wobble {



  0% {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  15% {



    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);



    transform: translate3d(-25%, 0, 0) rotate(-5deg);



  }



  30% {



    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);



    transform: translate3d(20%, 0, 0) rotate(3deg);



  }



  45% {



    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);



    transform: translate3d(-15%, 0, 0) rotate(-3deg);



  }



  60% {



    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);



    transform: translate3d(10%, 0, 0) rotate(2deg);



  }



  75% {



    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);



    transform: translate3d(-5%, 0, 0) rotate(-1deg);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes wobble {



  0% {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  15% {



    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);



    transform: translate3d(-25%, 0, 0) rotate(-5deg);



  }



  30% {



    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);



    transform: translate3d(20%, 0, 0) rotate(3deg);



  }



  45% {



    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);



    transform: translate3d(-15%, 0, 0) rotate(-3deg);



  }



  60% {



    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);



    transform: translate3d(10%, 0, 0) rotate(2deg);



  }



  75% {



    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);



    transform: translate3d(-5%, 0, 0) rotate(-1deg);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.wobble {



  -webkit-animation-name: wobble;



  animation-name: wobble;



}



@-webkit-keyframes jello {



  0%,



  11.1%,



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  22.2% {



    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);



    transform: skewX(-12.5deg) skewY(-12.5deg);



  }



  33.3% {



    -webkit-transform: skewX(6.25deg) skewY(6.25deg);



    transform: skewX(6.25deg) skewY(6.25deg);



  }



  44.4% {



    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);



    transform: skewX(-3.125deg) skewY(-3.125deg);



  }



  55.5% {



    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);



    transform: skewX(1.5625deg) skewY(1.5625deg);



  }



  66.6% {



    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);



    transform: skewX(-0.78125deg) skewY(-0.78125deg);



  }



  77.7% {



    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);



    transform: skewX(0.390625deg) skewY(0.390625deg);



  }



  88.8% {



    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);



    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);



  }



}



@keyframes jello {



  0%,



  11.1%,



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  22.2% {



    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);



    transform: skewX(-12.5deg) skewY(-12.5deg);



  }



  33.3% {



    -webkit-transform: skewX(6.25deg) skewY(6.25deg);



    transform: skewX(6.25deg) skewY(6.25deg);



  }



  44.4% {



    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);



    transform: skewX(-3.125deg) skewY(-3.125deg);



  }



  55.5% {



    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);



    transform: skewX(1.5625deg) skewY(1.5625deg);



  }



  66.6% {



    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);



    transform: skewX(-0.78125deg) skewY(-0.78125deg);



  }



  77.7% {



    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);



    transform: skewX(0.390625deg) skewY(0.390625deg);



  }



  88.8% {



    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);



    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);



  }



}



.jello {



  -webkit-animation-name: jello;



  animation-name: jello;



  -webkit-transform-origin: center;



  transform-origin: center;



}



@-webkit-keyframes heartBeat {



  0% {



    -webkit-transform: scale(1);



    transform: scale(1);



  }



  14% {



    -webkit-transform: scale(1.3);



    transform: scale(1.3);



  }



  28% {



    -webkit-transform: scale(1);



    transform: scale(1);



  }



  42% {



    -webkit-transform: scale(1.3);



    transform: scale(1.3);



  }



  70% {



    -webkit-transform: scale(1);



    transform: scale(1);



  }



}



@keyframes heartBeat {



  0% {



    -webkit-transform: scale(1);



    transform: scale(1);



  }



  14% {



    -webkit-transform: scale(1.3);



    transform: scale(1.3);



  }



  28% {



    -webkit-transform: scale(1);



    transform: scale(1);



  }



  42% {



    -webkit-transform: scale(1.3);



    transform: scale(1.3);



  }



  70% {



    -webkit-transform: scale(1);



    transform: scale(1);



  }



}



.heartBeat {



  -webkit-animation-name: heartBeat;



  animation-name: heartBeat;



  -webkit-animation-duration: 1.3s;



  animation-duration: 1.3s;



  -webkit-animation-timing-function: ease-in-out;



  animation-timing-function: ease-in-out;



}



@-webkit-keyframes bounceIn {



  0%,



  20%,



  40%,



  60%,



  80%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



  }



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.3, 0.3, 0.3);



    transform: scale3d(0.3, 0.3, 0.3);



  }



  20% {



    -webkit-transform: scale3d(1.1, 1.1, 1.1);



    transform: scale3d(1.1, 1.1, 1.1);



  }



  40% {



    -webkit-transform: scale3d(0.9, 0.9, 0.9);



    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);



    transform: scale3d(0.97, 0.97, 0.97);



  }



  to {



    opacity: 1;



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



}



@keyframes bounceIn {



  0%,



  20%,



  40%,



  60%,



  80%,



  to {




    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



  }



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.3, 0.3, 0.3);



    transform: scale3d(0.3, 0.3, 0.3);



  }



  20% {



    -webkit-transform: scale3d(1.1, 1.1, 1.1);



    transform: scale3d(1.1, 1.1, 1.1);



  }



  40% {



    -webkit-transform: scale3d(0.9, 0.9, 0.9);



    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);



    transform: scale3d(0.97, 0.97, 0.97);



  }



  to {



    opacity: 1;



    -webkit-transform: scaleX(1);



    transform: scaleX(1);



  }



}



.bounceIn {



  -webkit-animation-duration: 0.75s;



  animation-duration: 0.75s;



  -webkit-animation-name: bounceIn;



  animation-name: bounceIn;



}



@-webkit-keyframes bounceInDown {



  0%,



  60%,



  75%,



  90%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes bounceInDown {



  0%,



  60%,



  75%,



  90%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);



  }



  to {



    -webkit-transform: translateZ(0);




    transform: translateZ(0);



  }



}



.bounceInDown {



  -webkit-animation-name: bounceInDown;



  animation-name: bounceInDown;



}



@-webkit-keyframes bounceInLeft {



  0%,



  60%,



  75%,



  90%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes bounceInLeft {



  0%,



  60%,



  75%,



  90%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.bounceInLeft {



  -webkit-animation-name: bounceInLeft;



  animation-name: bounceInLeft;



}



@-webkit-keyframes bounceInRight {



  0%,



  60%,



  75%,



  90%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes bounceInRight {



  0%,



  60%,



  75%,



  90%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }




}



.bounceInRight {



  -webkit-animation-name: bounceInRight;



  animation-name: bounceInRight;



}



@-webkit-keyframes bounceInUp {



  0%,



  60%,



  75%,



  90%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);




  }



}



@keyframes bounceInUp {



  0%,



  60%,



  75%,



  90%,



  to {



    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);



    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.bounceInUp {



  -webkit-animation-name: bounceInUp;



  animation-name: bounceInUp;



}



@-webkit-keyframes bounceOut {



  20% {



    -webkit-transform: scale3d(0.9, 0.9, 0.9);



    transform: scale3d(0.9, 0.9, 0.9);



  }



  50%,



  55% {



    opacity: 1;



    -webkit-transform: scale3d(1.1, 1.1, 1.1);



    transform: scale3d(1.1, 1.1, 1.1);



  }



  to {



    opacity: 0;



    -webkit-transform: scale3d(0.3, 0.3, 0.3);



    transform: scale3d(0.3, 0.3, 0.3);



  }



}



@keyframes bounceOut {



  20% {



    -webkit-transform: scale3d(0.9, 0.9, 0.9);




    transform: scale3d(0.9, 0.9, 0.9);



  }



  50%,



  55% {



    opacity: 1;



    -webkit-transform: scale3d(1.1, 1.1, 1.1);



    transform: scale3d(1.1, 1.1, 1.1);



  }



  to {



    opacity: 0;



    -webkit-transform: scale3d(0.3, 0.3, 0.3);



    transform: scale3d(0.3, 0.3, 0.3);



  }



}



.bounceOut {



  -webkit-animation-duration: 0.75s;



  animation-duration: 0.75s;



  -webkit-animation-name: bounceOut;



  animation-name: bounceOut;



}



@-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);



  }



  to {



    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);



  }



  to {



    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);



  }



  to {



    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);



  }



  to {



    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);



  }



  to {



    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);



  }



  to {



    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);



  }



  to {



    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);



  }



  to {



    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;



  }



  to {



    opacity: 1;



  }



}



@keyframes fadeIn {



  0% {



    opacity: 0;



  }



  to {



    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);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes fadeInDown {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(0, -100%, 0);



    transform: translate3d(0, -100%, 0);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);




  }



}



.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);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes fadeInDownBig {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(0, -2000px, 0);



    transform: translate3d(0, -2000px, 0);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.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);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes fadeInLeft {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(-100%, 0, 0);



    transform: translate3d(-100%, 0, 0);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.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);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes fadeInLeftBig {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(-2000px, 0, 0);



    transform: translate3d(-2000px, 0, 0);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.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);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes fadeInRight {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(100%, 0, 0);



    transform: translate3d(100%, 0, 0);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.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);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes fadeInRightBig {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(2000px, 0, 0);



    transform: translate3d(2000px, 0, 0);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.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);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes fadeInUp {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(0, 100%, 0);



    transform: translate3d(0, 100%, 0);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.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);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes fadeInUpBig {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(0, 2000px, 0);



    transform: translate3d(0, 2000px, 0);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.fadeInUpBig {



  -webkit-animation-name: fadeInUpBig;



  animation-name: fadeInUpBig;



}



@-webkit-keyframes fadeOut {



  0% {



    opacity: 1;



  }



  to {



    opacity: 0;



  }



}



@keyframes fadeOut {



  0% {



    opacity: 1;



  }



  to {



    opacity: 0;



  }



}



.fadeOut {



  -webkit-animation-name: fadeOut;



  animation-name: fadeOut;



}



@-webkit-keyframes fadeOutDown {



  0% {



    opacity: 1;



  }



  to {



    opacity: 0;



    -webkit-transform: translate3d(0, 100%, 0);



    transform: translate3d(0, 100%, 0);



  }



}



@keyframes fadeOutDown {



  0% {



    opacity: 1;



  }



  to {



    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;



  }



  to {



    opacity: 0;



    -webkit-transform: translate3d(0, 2000px, 0);



    transform: translate3d(0, 2000px, 0);



  }



}



@keyframes fadeOutDownBig {



  0% {



    opacity: 1;



  }



  to {



    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;



  }



  to {



    opacity: 0;



    -webkit-transform: translate3d(-100%, 0, 0);



    transform: translate3d(-100%, 0, 0);



  }



}



@keyframes fadeOutLeft {



  0% {



    opacity: 1;



  }



  to {



    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;



  }



  to {



    opacity: 0;



    -webkit-transform: translate3d(-2000px, 0, 0);



    transform: translate3d(-2000px, 0, 0);



  }



}



@keyframes fadeOutLeftBig {



  0% {



    opacity: 1;



  }



  to {



    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;



  }



  to {



    opacity: 0;



    -webkit-transform: translate3d(100%, 0, 0);



    transform: translate3d(100%, 0, 0);



  }



}



@keyframes fadeOutRight {



  0% {



    opacity: 1;



  }



  to {



    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;



  }



  to {



    opacity: 0;



    -webkit-transform: translate3d(2000px, 0, 0);



    transform: translate3d(2000px, 0, 0);



  }



}



@keyframes fadeOutRightBig {



  0% {



    opacity: 1;



  }



  to {



    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;



  }



  to {



    opacity: 0;



    -webkit-transform: translate3d(0, -100%, 0);



    transform: translate3d(0, -100%, 0);



  }



}



@keyframes fadeOutUp {



  0% {



    opacity: 1;



  }



  to {



    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;



  }



  to {



    opacity: 0;



    -webkit-transform: translate3d(0, -2000px, 0);



    transform: translate3d(0, -2000px, 0);



  }



}



@keyframes fadeOutUpBig {



  0% {



    opacity: 1;



  }



  to {



    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) scaleX(1) translateZ(0) rotateY(-1turn);



    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);



    -webkit-animation-timing-function: ease-out;



    animation-timing-function: ease-out;



  }



  40% {



    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);



    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);



    -webkit-animation-timing-function: ease-out;



    animation-timing-function: ease-out;



  }



  50% {



    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);



    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



  }



  80% {



    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);



    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



  }



  to {



    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);



    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



  }



}



@keyframes flip {



  0% {



    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);



    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);



    -webkit-animation-timing-function: ease-out;



    animation-timing-function: ease-out;



  }



  40% {



    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);



    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);



    -webkit-animation-timing-function: ease-out;



    animation-timing-function: ease-out;



  }



  50% {



    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);



    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



  }



  80% {



    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);



    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



  }



  to {



    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);



    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);



    -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) rotateX(90deg);



    transform: perspective(400px) rotateX(90deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



    opacity: 0;



  }



  40% {



    -webkit-transform: perspective(400px) rotateX(-20deg);



    transform: perspective(400px) rotateX(-20deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



  }



  60% {



    -webkit-transform: perspective(400px) rotateX(10deg);



    transform: perspective(400px) rotateX(10deg);



    opacity: 1;



  }



  80% {



    -webkit-transform: perspective(400px) rotateX(-5deg);



    transform: perspective(400px) rotateX(-5deg);



  }



  to {



    -webkit-transform: perspective(400px);



    transform: perspective(400px);



  }



}



@keyframes flipInX {



  0% {



    -webkit-transform: perspective(400px) rotateX(90deg);



    transform: perspective(400px) rotateX(90deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



    opacity: 0;



  }



  40% {



    -webkit-transform: perspective(400px) rotateX(-20deg);



    transform: perspective(400px) rotateX(-20deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



  }



  60% {



    -webkit-transform: perspective(400px) rotateX(10deg);



    transform: perspective(400px) rotateX(10deg);



    opacity: 1;



  }



  80% {



    -webkit-transform: perspective(400px) rotateX(-5deg);



    transform: perspective(400px) rotateX(-5deg);



  }



  to {



    -webkit-transform: perspective(400px);



    transform: perspective(400px);



  }



}



.flipInX {



  -webkit-backface-visibility: visible !important;



  backface-visibility: visible !important;



  -webkit-animation-name: flipInX;



  animation-name: flipInX;




}



@-webkit-keyframes flipInY {



  0% {



    -webkit-transform: perspective(400px) rotateY(90deg);



    transform: perspective(400px) rotateY(90deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



    opacity: 0;



  }



  40% {



    -webkit-transform: perspective(400px) rotateY(-20deg);



    transform: perspective(400px) rotateY(-20deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



  }



  60% {



    -webkit-transform: perspective(400px) rotateY(10deg);



    transform: perspective(400px) rotateY(10deg);



    opacity: 1;



  }



  80% {



    -webkit-transform: perspective(400px) rotateY(-5deg);



    transform: perspective(400px) rotateY(-5deg);



  }



  to {



    -webkit-transform: perspective(400px);



    transform: perspective(400px);



  }



}



@keyframes flipInY {



  0% {



    -webkit-transform: perspective(400px) rotateY(90deg);



    transform: perspective(400px) rotateY(90deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



    opacity: 0;



  }



  40% {



    -webkit-transform: perspective(400px) rotateY(-20deg);



    transform: perspective(400px) rotateY(-20deg);



    -webkit-animation-timing-function: ease-in;



    animation-timing-function: ease-in;



  }



  60% {



    -webkit-transform: perspective(400px) rotateY(10deg);



    transform: perspective(400px) rotateY(10deg);



    opacity: 1;



  }



  80% {



    -webkit-transform: perspective(400px) rotateY(-5deg);



    transform: perspective(400px) rotateY(-5deg);



  }



  to {



    -webkit-transform: perspective(400px);



    transform: perspective(400px);



  }



}



.flipInY {



  -webkit-backface-visibility: visible !important;



  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) rotateX(-20deg);



    transform: perspective(400px) rotateX(-20deg);



    opacity: 1;



  }



  to {



    -webkit-transform: perspective(400px) rotateX(90deg);



    transform: perspective(400px) rotateX(90deg);



    opacity: 0;



  }



}



@keyframes flipOutX {



  0% {



    -webkit-transform: perspective(400px);



    transform: perspective(400px);



  }



  30% {



    -webkit-transform: perspective(400px) rotateX(-20deg);



    transform: perspective(400px) rotateX(-20deg);



    opacity: 1;



  }



  to {



    -webkit-transform: perspective(400px) rotateX(90deg);



    transform: perspective(400px) rotateX(90deg);



    opacity: 0;



  }



}



.flipOutX {



  -webkit-animation-duration: 0.75s;



  animation-duration: 0.75s;



  -webkit-animation-name: flipOutX;



  animation-name: flipOutX;



  -webkit-backface-visibility: visible !important;



  backface-visibility: visible !important;



}



@-webkit-keyframes flipOutY {



  0% {



    -webkit-transform: perspective(400px);



    transform: perspective(400px);



  }



  30% {



    -webkit-transform: perspective(400px) rotateY(-15deg);



    transform: perspective(400px) rotateY(-15deg);



    opacity: 1;



  }



  to {



    -webkit-transform: perspective(400px) rotateY(90deg);



    transform: perspective(400px) rotateY(90deg);



    opacity: 0;



  }



}



@keyframes flipOutY {



  0% {



    -webkit-transform: perspective(400px);



    transform: perspective(400px);



  }



  30% {



    -webkit-transform: perspective(400px) rotateY(-15deg);



    transform: perspective(400px) rotateY(-15deg);



    opacity: 1;



  }



  to {



    -webkit-transform: perspective(400px) rotateY(90deg);



    transform: perspective(400px) rotateY(90deg);



    opacity: 0;



  }



}



.flipOutY {



  -webkit-animation-duration: 0.75s;



  animation-duration: 0.75s;



  -webkit-backface-visibility: visible !important;



  backface-visibility: visible !important;



  -webkit-animation-name: flipOutY;



  animation-name: flipOutY;



}



@-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);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@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);



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.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;



  }



  to {



    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);



    transform: translate3d(100%, 0, 0) skewX(30deg);



    opacity: 0;



  }



}



@keyframes lightSpeedOut {



  0% {



    opacity: 1;



  }



  to {



    -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: rotate(-200deg);



    transform: rotate(-200deg);



    opacity: 0;



  }



  to {



    -webkit-transform-origin: center;



    transform-origin: center;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    opacity: 1;



  }



}



@keyframes rotateIn {



  0% {



    -webkit-transform-origin: center;



    transform-origin: center;



    -webkit-transform: rotate(-200deg);



    transform: rotate(-200deg);



    opacity: 0;



  }



  to {



    -webkit-transform-origin: center;



    transform-origin: center;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    opacity: 1;



  }



}



.rotateIn {



  -webkit-animation-name: rotateIn;



  animation-name: rotateIn;



}



@-webkit-keyframes rotateInDownLeft {



  0% {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: rotate(-45deg);



    transform: rotate(-45deg);



    opacity: 0;



  }



  to {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    opacity: 1;



  }



}



@keyframes rotateInDownLeft {



  0% {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: rotate(-45deg);



    transform: rotate(-45deg);



    opacity: 0;



  }



  to {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    opacity: 1;



  }



}



.rotateInDownLeft {



  -webkit-animation-name: rotateInDownLeft;



  animation-name: rotateInDownLeft;



}



@-webkit-keyframes rotateInDownRight {



  0% {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



    opacity: 0;



  }



  to {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    opacity: 1;



  }



}



@keyframes rotateInDownRight {



  0% {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



    opacity: 0;



  }



  to {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    opacity: 1;



  }



}



.rotateInDownRight {



  -webkit-animation-name: rotateInDownRight;



  animation-name: rotateInDownRight;



}



@-webkit-keyframes rotateInUpLeft {



  0% {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



    opacity: 0;



  }



  to {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    opacity: 1;



  }



}



@keyframes rotateInUpLeft {



  0% {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



    opacity: 0;



  }



  to {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    opacity: 1;



  }



}



.rotateInUpLeft {



  -webkit-animation-name: rotateInUpLeft;



  animation-name: rotateInUpLeft;



}



@-webkit-keyframes rotateInUpRight {



  0% {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: rotate(-90deg);



    transform: rotate(-90deg);



    opacity: 0;



  }



  to {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    opacity: 1;



  }



}



@keyframes rotateInUpRight {



  0% {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: rotate(-90deg);



    transform: rotate(-90deg);



    opacity: 0;



  }



  to {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    opacity: 1;



  }



}



.rotateInUpRight {



  -webkit-animation-name: rotateInUpRight;



  animation-name: rotateInUpRight;



}



@-webkit-keyframes rotateOut {



  0% {



    -webkit-transform-origin: center;



    transform-origin: center;



    opacity: 1;



  }



  to {



    -webkit-transform-origin: center;



    transform-origin: center;



    -webkit-transform: rotate(200deg);



    transform: rotate(200deg);



    opacity: 0;



  }



}



@keyframes rotateOut {



  0% {



    -webkit-transform-origin: center;



    transform-origin: center;



    opacity: 1;



  }



  to {



    -webkit-transform-origin: center;



    transform-origin: center;



    -webkit-transform: rotate(200deg);



    transform: rotate(200deg);



    opacity: 0;



  }



}



.rotateOut {



  -webkit-animation-name: rotateOut;



  animation-name: rotateOut;



}



@-webkit-keyframes rotateOutDownLeft {



  0% {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    opacity: 1;



  }



  to {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



    opacity: 0;



  }



}



@keyframes rotateOutDownLeft {



  0% {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    opacity: 1;



  }



  to {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: rotate(45deg);



    transform: rotate(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;



  }



  to {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: rotate(-45deg);



    transform: rotate(-45deg);



    opacity: 0;



  }



}



@keyframes rotateOutDownRight {



  0% {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    opacity: 1;



  }



  to {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: rotate(-45deg);



    transform: rotate(-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;



  }



  to {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: rotate(-45deg);



    transform: rotate(-45deg);



    opacity: 0;



  }



}



@keyframes rotateOutUpLeft {



  0% {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    opacity: 1;



  }



  to {



    -webkit-transform-origin: left bottom;



    transform-origin: left bottom;



    -webkit-transform: rotate(-45deg);



    transform: rotate(-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;



  }



  to {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: rotate(90deg);



    transform: rotate(90deg);



    opacity: 0;



  }



}



@keyframes rotateOutUpRight {



  0% {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    opacity: 1;



  }



  to {



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



    -webkit-transform: rotate(90deg);



    transform: rotate(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: rotate(80deg);



    transform: rotate(80deg);



    -webkit-transform-origin: top left;



    transform-origin: top left;



    -webkit-animation-timing-function: ease-in-out;



    animation-timing-function: ease-in-out;



  }



  40%,



  80% {



    -webkit-transform: rotate(60deg);



    transform: rotate(60deg);



    -webkit-transform-origin: top left;



    transform-origin: top left;



    -webkit-animation-timing-function: ease-in-out;



    animation-timing-function: ease-in-out;



    opacity: 1;



  }



  to {



    -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: rotate(80deg);



    transform: rotate(80deg);



    -webkit-transform-origin: top left;



    transform-origin: top left;



    -webkit-animation-timing-function: ease-in-out;



    animation-timing-function: ease-in-out;



  }



  40%,



  80% {



    -webkit-transform: rotate(60deg);



    transform: rotate(60deg);



    -webkit-transform-origin: top left;



    transform-origin: top left;



    -webkit-animation-timing-function: ease-in-out;



    animation-timing-function: ease-in-out;



    opacity: 1;



  }



  to {



    -webkit-transform: translate3d(0, 700px, 0);



    transform: translate3d(0, 700px, 0);



    opacity: 0;



  }



}



.hinge {



  -webkit-animation-duration: 2s;



  animation-duration: 2s;



  -webkit-animation-name: hinge;



  animation-name: hinge;



}



@-webkit-keyframes jackInTheBox {



  0% {



    opacity: 0;



    -webkit-transform: scale(0.1) rotate(30deg);



    transform: scale(0.1) rotate(30deg);



    -webkit-transform-origin: center bottom;



    transform-origin: center bottom;



  }



  50% {



    -webkit-transform: rotate(-10deg);



    transform: rotate(-10deg);



  }



  70% {



    -webkit-transform: rotate(3deg);



    transform: rotate(3deg);



  }



  to {



    opacity: 1;



    -webkit-transform: scale(1);



    transform: scale(1);



  }



}



@keyframes jackInTheBox {



  0% {



    opacity: 0;



    -webkit-transform: scale(0.1) rotate(30deg);



    transform: scale(0.1) rotate(30deg);



    -webkit-transform-origin: center bottom;



    transform-origin: center bottom;



  }



  50% {



    -webkit-transform: rotate(-10deg);



    transform: rotate(-10deg);



  }



  70% {



    -webkit-transform: rotate(3deg);



    transform: rotate(3deg);



  }



  to {



    opacity: 1;



    -webkit-transform: scale(1);



    transform: scale(1);



  }



}



.jackInTheBox {



  -webkit-animation-name: jackInTheBox;



  animation-name: jackInTheBox;



}



@-webkit-keyframes rollIn {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);



    transform: translate3d(-100%, 0, 0) rotate(-120deg);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes rollIn {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);



    transform: translate3d(-100%, 0, 0) rotate(-120deg);



  }



  to {



    opacity: 1;



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.rollIn {



  -webkit-animation-name: rollIn;



  animation-name: rollIn;



}



@-webkit-keyframes rollOut {



  0% {



    opacity: 1;



  }



  to {



    opacity: 0;



    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);



    transform: translate3d(100%, 0, 0) rotate(120deg);



  }



}



@keyframes rollOut {



  0% {



    opacity: 1;



  }



  to {



    opacity: 0;



    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);



    transform: translate3d(100%, 0, 0) rotate(120deg);



  }



}



.rollOut {



  -webkit-animation-name: rollOut;



  animation-name: rollOut;



}



@-webkit-keyframes zoomIn {



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.3, 0.3, 0.3);



    transform: scale3d(0.3, 0.3, 0.3);



  }



  50% {



    opacity: 1;



  }



}



@keyframes zoomIn {



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.3, 0.3, 0.3);



    transform: scale3d(0.3, 0.3, 0.3);



  }



  50% {



    opacity: 1;



  }



}



.zoomIn {



  -webkit-animation-name: zoomIn;



  animation-name: zoomIn;



}



@-webkit-keyframes zoomInDown {



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  60% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



@keyframes zoomInDown {



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  60% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



.zoomInDown {



  -webkit-animation-name: zoomInDown;



  animation-name: zoomInDown;



}




@-webkit-keyframes zoomInLeft {



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  60% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



@keyframes zoomInLeft {



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  60% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



.zoomInLeft {



  -webkit-animation-name: zoomInLeft;



  animation-name: zoomInLeft;



}



@-webkit-keyframes zoomInRight {



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  60% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



@keyframes zoomInRight {



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  60% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



.zoomInRight {



  -webkit-animation-name: zoomInRight;



  animation-name: zoomInRight;



}



@-webkit-keyframes zoomInUp {



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  60% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);




  }



}



@keyframes zoomInUp {



  0% {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  60% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



.zoomInUp {



  -webkit-animation-name: zoomInUp;



  animation-name: zoomInUp;



}



@-webkit-keyframes zoomOut {



  0% {



    opacity: 1;



  }



  50% {



    opacity: 0;



    -webkit-transform: scale3d(0.3, 0.3, 0.3);



    transform: scale3d(0.3, 0.3, 0.3);



  }



  to {



    opacity: 0;



  }



}



@keyframes zoomOut {



  0% {



    opacity: 1;



  }



  50% {



    opacity: 0;



    -webkit-transform: scale3d(0.3, 0.3, 0.3);



    transform: scale3d(0.3, 0.3, 0.3);



  }



  to {



    opacity: 0;



  }



}



.zoomOut {



  -webkit-animation-name: zoomOut;



  animation-name: zoomOut;



}



@-webkit-keyframes zoomOutDown {



  40% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  to {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);



    -webkit-transform-origin: center bottom;



    transform-origin: center bottom;



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



@keyframes zoomOutDown {



  40% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  to {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);



    -webkit-transform-origin: center bottom;



    transform-origin: center bottom;



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



.zoomOutDown {



  -webkit-animation-name: zoomOutDown;



  animation-name: zoomOutDown;



}



@-webkit-keyframes zoomOutLeft {



  40% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);



  }



  to {



    opacity: 0;



    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);



    transform: scale(0.1) translate3d(-2000px, 0, 0);



    -webkit-transform-origin: left center;



    transform-origin: left center;



  }



}



@keyframes zoomOutLeft {



  40% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);



  }



  to {



    opacity: 0;



    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);



    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);



  }



  to {



    opacity: 0;



    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);



    transform: scale(0.1) translate3d(2000px, 0, 0);



    -webkit-transform-origin: right center;



    transform-origin: right center;



  }



}



@keyframes zoomOutRight {



  40% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);



  }



  to {



    opacity: 0;



    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);



    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  to {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);



    -webkit-transform-origin: center bottom;



    transform-origin: center bottom;



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



@keyframes zoomOutUp {



  40% {



    opacity: 1;



    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);



    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);



    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);



  }



  to {



    opacity: 0;



    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);



    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);



    -webkit-transform-origin: center bottom;



    transform-origin: center bottom;



    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);



  }



}



.zoomOutUp {



  -webkit-animation-name: zoomOutUp;



  animation-name: zoomOutUp;



}



@-webkit-keyframes slideInDown {



  0% {



    -webkit-transform: translate3d(0, -100%, 0);



    transform: translate3d(0, -100%, 0);



    visibility: visible;



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}




@keyframes slideInDown {



  0% {



    -webkit-transform: translate3d(0, -100%, 0);



    transform: translate3d(0, -100%, 0);



    visibility: visible;



  }



  to {



    -webkit-transform: translateZ(0);




    transform: translateZ(0);



  }



}



.slideInDown {



  -webkit-animation-name: slideInDown;



  animation-name: slideInDown;



}



@-webkit-keyframes slideInLeft {



  0% {



    -webkit-transform: translate3d(-100%, 0, 0);



    transform: translate3d(-100%, 0, 0);



    visibility: visible;



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes slideInLeft {



  0% {



    -webkit-transform: translate3d(-100%, 0, 0);



    transform: translate3d(-100%, 0, 0);



    visibility: visible;



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.slideInLeft {



  -webkit-animation-name: slideInLeft;



  animation-name: slideInLeft;



}



@-webkit-keyframes slideInRight {



  0% {



    -webkit-transform: translate3d(100%, 0, 0);



    transform: translate3d(100%, 0, 0);




    visibility: visible;



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes slideInRight {



  0% {



    -webkit-transform: translate3d(100%, 0, 0);



    transform: translate3d(100%, 0, 0);



    visibility: visible;



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.slideInRight {



  -webkit-animation-name: slideInRight;



  animation-name: slideInRight;



}



@-webkit-keyframes slideInUp {



  0% {



    -webkit-transform: translate3d(0, 100%, 0);



    transform: translate3d(0, 100%, 0);



    visibility: visible;



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



@keyframes slideInUp {



  0% {



    -webkit-transform: translate3d(0, 100%, 0);



    transform: translate3d(0, 100%, 0);



    visibility: visible;



  }



  to {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



}



.slideInUp {



  -webkit-animation-name: slideInUp;



  animation-name: slideInUp;



}



@-webkit-keyframes slideOutDown {



  0% {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  to {



    visibility: hidden;



    -webkit-transform: translate3d(0, 100%, 0);



    transform: translate3d(0, 100%, 0);



  }



}



@keyframes slideOutDown {



  0% {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  to {



    visibility: hidden;



    -webkit-transform: translate3d(0, 100%, 0);



    transform: translate3d(0, 100%, 0);



  }



}



.slideOutDown {



  -webkit-animation-name: slideOutDown;



  animation-name: slideOutDown;



}



@-webkit-keyframes slideOutLeft {



  0% {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  to {



    visibility: hidden;



    -webkit-transform: translate3d(-100%, 0, 0);



    transform: translate3d(-100%, 0, 0);



  }



}



@keyframes slideOutLeft {



  0% {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  to {



    visibility: hidden;



    -webkit-transform: translate3d(-100%, 0, 0);



    transform: translate3d(-100%, 0, 0);



  }



}



.slideOutLeft {



  -webkit-animation-name: slideOutLeft;



  animation-name: slideOutLeft;



}



@-webkit-keyframes slideOutRight {



  0% {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  to {



    visibility: hidden;



    -webkit-transform: translate3d(100%, 0, 0);



    transform: translate3d(100%, 0, 0);



  }



}



@keyframes slideOutRight {



  0% {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  to {



    visibility: hidden;



    -webkit-transform: translate3d(100%, 0, 0);



    transform: translate3d(100%, 0, 0);



  }



}



.slideOutRight {



  -webkit-animation-name: slideOutRight;



  animation-name: slideOutRight;



}



@-webkit-keyframes slideOutUp {



  0% {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  to {



    visibility: hidden;



    -webkit-transform: translate3d(0, -100%, 0);



    transform: translate3d(0, -100%, 0);



  }



}



@keyframes slideOutUp {



  0% {



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



  }



  to {



    visibility: hidden;



    -webkit-transform: translate3d(0, -100%, 0);



    transform: translate3d(0, -100%, 0);



  }



}



.slideOutUp {



  -webkit-animation-name: slideOutUp;



  animation-name: slideOutUp;



}



.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.delay-1s {



  -webkit-animation-delay: 1s;



  animation-delay: 1s;



}



.animated.delay-2s {



  -webkit-animation-delay: 2s;



  animation-delay: 2s;



}



.animated.delay-3s {



  -webkit-animation-delay: 3s;



  animation-delay: 3s;



}



.animated.delay-4s {



  -webkit-animation-delay: 4s;



  animation-delay: 4s;



}



.animated.delay-5s {



  -webkit-animation-delay: 5s;



  animation-delay: 5s;



}



.animated.fast {



  -webkit-animation-duration: 0.8s;



  animation-duration: 0.8s;



}



.animated.faster {



  -webkit-animation-duration: 0.5s;



  animation-duration: 0.5s;



}



.animated.slow {



  -webkit-animation-duration: 2s;



  animation-duration: 2s;



}



.animated.slower {



  -webkit-animation-duration: 3s;



  animation-duration: 3s;



}



@media (prefers-reduced-motion: reduce),

(print) {



  .animated {



    -webkit-animation-duration: 1ms !important;



    animation-duration: 1ms !important;



    -webkit-transition-duration: 1ms !important;



    transition-duration: 1ms !important;



    -webkit-animation-iteration-count: 1 !important;



    animation-iteration-count: 1 !important;



  }



}



/*首页banner*/



.banner {



  max-height: 650px;



  overflow: hidden;



}



.pics_wrap {



  width: 100%;

  overflow: hidden;

  max-height: 650px;

}



.html5zoo-img-0 img {



  width: 100%;



}



.html5zoo-arrow-left-0 {



  left: 10% !important;



  width: 50px !important;



  height: 50px !important;



  border-radius: 100%;



}



.html5zoo-arrow-right-0 {



  right: 10% !important;



  width: 50px !important;



  height: 50px !important;



  border-radius: 100%;



}



.html5zoo-bullet-wrapper-0 div {



  margin: 0 4px !important;



}



.html5zoo-nav-0 {



  margin-top: -35px !important;



  left: 48% !important;



}



.html5zoo-bullet-wrapper-0 {



  width: 100% !important;



}



.banner {



  width: 100%;



  margin: 0 auto;



  position: relative;



}



.banner ul.bb {



  position: relative;



  padding: 0px;



  margin: 0px;



  z-index: 5;



}



.banner ul.bb li {



  position: absolute;



  display: none;



}



.banner .num {



  position: absolute;



  right: 2px;



  bottom: 10px;



  z-index: 100;



}



.banner .num li {



  width: 18px;



  height: 18px;



  display: inline-block;



  margin-right: 4px;



  background: #fff;



  line-height: 18px;



  text-indent: -100px;



  overflow: hidden;



  border-radius: 10px;



}



.banner .num li.num_hover {



  background-color: #f7de07;



}



.banner .num li.num_hover a {



  color: #fff;



}



.banner .num li a {



  float: left;



  display: block;



  text-align: center;



  color: #666;



  text-decoration: none;



  cursor: pointer;



  width: 18px;



  height: 18px;



  line-height: 18px;



}



#bannerArrow,



#bannerCircle {



  display: none;



}



/*幻灯片样式2*/



#focus {



  width: 255px;



  height: 188px;



  overflow: hidden;



  position: relative;



}



#focus ul {



  height: 188px;



  position: absolute;



}



#focus ul li {



  float: left;



  width: 255px;



  height: 188px;



  overflow: hidden;



  position: relative;



  background: #000;



}



#focus ul li a img {



  height: 188px;



  width: 255px;



}



#focus ul li div {



  position: absolute;



  overflow: hidden;



}



#focus .btnBg {



  position: absolute;



  width: 255px;



  height: 20px;



  left: 0;



  bottom: 0;



  background: #000;



}



#focus .btn {



  position: absolute;



  width: 255px;



  height: 10px;



  padding: 5px 10px;



  right: 0;



  bottom: 0;



  text-align: right;



}



#focus .btn span {



  display: inline-block;



  _display: inline;



  _zoom: 1;



  width: 25px;



  height: 10px;



  _font-size: 0;



  margin-left: 5px;



  cursor: pointer;



  background: #fff;



}



#focus .btn span.on {



  background: #fff;



}



.form {



  padding-left: 65px;



  padding-top: 17px;



  position: relative;



  padding-bottom: 20px;



  background-color: #ffffff;



  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);



}



.form input {



  width: 140px;



  height: 45px;



  border-radius: 22px;



  background-color: #f6f6f6;



  padding-left: 35px;



  margin-right: 15px;



}



.form input::placeholder {



  font-size: 12px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 45px;



  letter-spacing: 0px;



  color: #cccccc;



}



.form #name {



  background: url('../images/name.png') no-repeat center;



  background-position-x: 15px;



  background-color: #f6f6f6;



}



.form #tel {



  background: url('../images/tel.png') no-repeat center;



  background-position-x: 15px;



  background-color: #f6f6f6;



}



.form #codeText {



  background: url('../images/yan.png') no-repeat center;



  width: 205px;



  background-position-x: 15px;



  background-color: #f6f6f6;



}



.form #contant {



  background: url('../images/contant.png') no-repeat center;



  background-position-x: 15px;



  background-color: #f6f6f6;



  width: 225px;



}



.form #imgCode {



  width: 81px;



  height: 32px;



  position: absolute;



  top: 24px;



  right: 629px;



}



.form #btn {



  position: relative;



  z-index: 1;



  display: block;



  overflow: hidden;



  -webkit-transition: background-color 0.6s, color 0.3s;



  transition: background-color 0.6s, color 0.3s;



  box-sizing: border-box;



  border: none;



  text-align: center;



  float: right;



  margin-right: 65px;



  outline: none;



  cursor: pointer;



  width: 135px;



  height: 45px;



  background-color: #1770c2;



  border-radius: 22px;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 45px;



  letter-spacing: 0px;



  color: #ffffff;



}



.form #btn::before {



  content: '';



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  border: 2px solid #1770c2;



  z-index: -1;



  border-radius: inherit;



  opacity: 0;



  -webkit-transform: scale3d(0.6, 0.6, 1);



  transform: scale3d(0.6, 0.6, 1);



  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;



  transition: transform 0.3s, opacity 0.3s;



  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);



  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);



  box-sizing: border-box;



}



.form #btn:hover {



  color: #1770c2;



  background-color: #fff;



}



.form #btn:hover::before {



  -webkit-transform: scale3d(1, 1, 1);



  transform: scale3d(1, 1, 1);



  opacity: 1;



}



.tops {



  padding-top: 48px;



  padding-bottom: 50px;



  text-align: center;



}



.tops p {



  font-size: 36px;



  font-family: Arial;



  font-weight: bold;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #31312f;



  line-height: 36px;



  margin-bottom: 10px;



}



.tops p span {



  color: #1770c2;



}



.tops h3 {



  font-size: 24px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #333333;



  line-height: 24px;



}



.tops h3 a {



  font-size: 24px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #333333;



}



.four {



  background: url('../images/four.jpg') no-repeat center;



  height: 440px;



}



.four .center {



  overflow: hidden;



}



.four .center ul {



  overflow: hidden;



}



.four .center ul li {



  float: left;



  width: 211px;



  margin-right: 118px;



  text-align: center;



}



.four .center ul li:last-of-type {



  border: none;



  margin-right: 0px;



  padding-right: 0px;



  padding-left: 0px;



  margin-left: 0px;



}



.four .center ul li:last-of-type:after {



  content: '';



  display: none;



}



.four .center ul li:last-of-type:before {



  content: '';



  display: none;



}



.four .center ul li .img {



  background: url('../images/fo2.png') no-repeat center;



  transition: 0.7s;



  width: 143px;



  height: 140px;



  background-position-y: 0px;



  position: relative;



  display: block;



  margin: 0 auto;



}



.four .center ul li .img img {



  transition: 0.7s;



  position: absolute;



  max-width: 100%;



  max-height: 100%;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



}



.four .center ul li .img .i1 {



  transition: 0.7s;



  opacity: 1;



}



.four .center ul li .img .i2 {



  transition: 0.7s;



  opacity: 0;



}



.four .center ul li .p1 {



  font-size: 18px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 18px;



  letter-spacing: 0px;



  color: #4c4c4c;



  transition: 0.7s;



  margin-bottom: 10px;



}



.four .center ul li .p2 {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 24px;



  letter-spacing: 0px;



  color: #818181;




}



.four .center ul li:hover .img {



  background: url('../images/fo1.png') no-repeat center;



  background-position-y: 0px;



}



.four .center ul li:hover .img .i1 {



  opacity: 0;



  animation: msClock 1.2s linear infinite;



}



@keyframes msClock {



  0%,



  70%,



  100% {



    transform: rotate(0) scale(1);



  }



  10%,



  30% {



    transform: rotate(-15deg) scale(1.1);



  }



  20%,



  40% {



    transform: rotate(15deg) scale(1.1);



  }



}



.four .center ul li:hover .img .i2 {



  opacity: 1;



  animation: msClock 1.2s linear infinite;



}



@keyframes msClock {



  0%,



  70%,



  100% {



    transform: rotate(0) scale(1);



  }



  10%,



  30% {



    transform: rotate(-15deg) scale(1.1);



  }



  20%,



  40% {



    transform: rotate(15deg) scale(1.1);



  }



}



.four .center ul li:hover .p1 {



  color: #1770c2;



}




.pro {



  background: url('../images/pro.jpg') no-repeat center;



  height: 1058px;



}



.pro .center {



  overflow: hidden;



  font-size: 0px;



}



.pro .center .left {



  background-color: #1770c2;



  width: 256px;



}



.pro .center .left ul {



  padding-top: 10px;



  padding-bottom: 15px;



}



.pro .center .left ul li {



  padding: 0 13px;



  padding-top: 10px;



  padding-bottom: 10px;

  width: 230px;



  height: 40px;



  margin: 10px 0;



  padding: 0px;



  margin-left: 13px;



  border-radius: 20px;



  border-bottom: 1px #558dcd dashed;



  vertical-align: middle;



  -webkit-transform: perspective(1px) translateZ(0);



  transform: perspective(1px) translateZ(0);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0);



  position: relative;



  -webkit-transition-property: color;



  transition-property: color;



  -webkit-transition-duration: 0.8s;



  transition-duration: 0.8s;



  overflow: hidden;



}



.pro .center .left ul li:before {



  content: "";



  position: absolute;



  z-index: -1;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background: #ffae00;



  -webkit-transform: scaleX(0);



  transform: scaleX(0);



  -webkit-transform-origin: 0 50%;



  transform-origin: 0 50%;



  -webkit-transition-property: transform;



  transition-property: transform;



  -webkit-transition-duration: 0.8s;



  transition-duration: 0.8s;



  -webkit-transition-timing-function: ease-out;



  transition-timing-function: ease-out;



}



.pro .center .left ul li:hover,



.pro .center .left ul li:focus,



.pro .center .left ul li:active {



  color: white;



}



.pro .center .left ul li:hover:before,



.pro .center .left ul li:focus:before,



.pro .center .left ul li:active:before {



  -webkit-transform: scaleX(1);



  transform: scaleX(1);



  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);



  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);



}



.pro .center .left ul li a {



  display: block;



  padding-left: 63px;



  background: url('../images/pro1.png') no-repeat center;



  background-position-x: 29px;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 40px;



  letter-spacing: 0px;



  color: #ffffff;



  padding-right: 10px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



.pro .center .left ul li:hover {



  width: 230px;



  height: 40px;



  margin: 10px 0;



  padding: 0px;



  margin-left: 13px;



  border-radius: 20px;




}



.pro .center>ul {



  width: 944px;



  float: right;



}



.pro .center>ul li {



  float: left;



  width: 268px;



  padding: 10px;



  padding-bottom: 0px;



  margin-left: 26px;



  background-color: #fff;



  vertical-align: middle;



  -webkit-transform: perspective(1px) translateZ(0);



  transform: perspective(1px) translateZ(0);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0);



  position: relative;



  -webkit-transition-property: color;



  transition-property: color;



  -webkit-transition-duration: 0.7s;



  transition-duration: 0.7s;



  margin-bottom: 28px;



  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);



}



.pro .center>ul li:before {



  content: "";



  position: absolute;



  z-index: -1;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background: #1770c2;



  -webkit-transform: scaleY(0);



  transform: scaleY(0);



  -webkit-transform-origin: 0 0%;



  transform-origin: 0 0%;



  -webkit-transition-property: transform;



  transition-property: transform;



  -webkit-transition-duration: 0.7s;



  transition-duration: 0.7s;



  -webkit-transition-timing-function: ease-out;



  transition-timing-function: ease-out;



}



.pro .center>ul li:hover,



.pro .center>ul li:focus,



.pro .center>ul li:active {



  color: white;



}



.pro .center>ul li:hover:before,



.pro .center>ul li:focus:before,



.pro .center>ul li:active:before {



  -webkit-transform: scaleY(1);



  transform: scaleY(1);



  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);



  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);



}



.pro .center>ul li .img {



  width: 268px;



  height: 200px;



  border-radius: 3px;



  text-align: center;



  display: block;



}



.pro .center>ul li .img img {



  height: 100%;



  transition: 0.7s;



}



.pro .center>ul li .a1 {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 46px;



  letter-spacing: 0px;



  color: #808080;



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  padding-right: 25px;



  background: url('../images/jia.png') no-repeat center;



  background-position-x: 245px;



  transition: 0.7s;



}



.pro .center>ul li:hover .a1 {



  color: #fff;



  background: url('../images/jia1.png') no-repeat center;



  background-position-x: 245px;



}



.bgbox {



  background: url('../images/bgbox.jpg') no-repeat center;



  height: 1512px;



}



.ys .tops h3,



.ys .tops p {



  color: #fff;



}



.ys .box {



  overflow: hidden;



}



.ys .box .item {



  width: 554px;



}



.ys .box .item img {



  width: 310px;



  height: 400px;



  background-color: #1962cb;



  border-radius: 3px;



}



.ys .box .item .text {



  margin-top: 28px;



  width: 212px;



  padding: 0 37px;



  border-radius: 3px;



  background-color: #ffffff;



  margin-left: -43px;



  padding-bottom: 40px;



}



.ys .box .item .text .p1 {



  font-size: 24px;



  font-weight: bold;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #404040;



  padding-top: 42px;



  padding-bottom: 9px;



  line-height: 24px;



}



.ys .box .item .text .p2 {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;




  letter-spacing: 0px;



  color: #a8a8a8;



  line-height: 12px;



}



.ys .box .item .text .p3 {



  width: 37px;



  height: 3px;



  background-color: #e6e6e6;




  margin-top: 24px;



  margin-bottom: 20px;



  position: relative;



}



.ys .box .item .text .p3:after {



  content: '';



  display: block;



  height: 3px;



  transition: 0.7s;



  width: 0;



  background-color: #1770c2;



  position: absolute;



  top: 0px;



  left: 0px;



}



.ys .box .item .text .p4 {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 26px;



  letter-spacing: 0px;



  color: #666565;



  margin-bottom: 20px;



  text-indent: 2rem;



}



.ys .box .item .text .p5 {



  font-family: Arial;



  font-size: 54px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #e5e5e5;



  height: 48px;



  overflow: hidden;



  transition: 0.7s;



}



.ys .box .item .text:hover .p3:after {



  content: '';



  width: 100%;



}



.ys .box .item .text:hover .p5 {



  color: #1770c2;



}



.ys .box .item .text.left {



  margin-left: 0px;



  margin-right: -43px;



}



.ys .b1 {



  margin-bottom: 64px;



}



.ser>ul {



  overflow: hidden;



  text-align: center;



  margin-bottom: 40px;



}



.ser>ul li {



  float: left;



  outline: none;



  cursor: pointer;



  margin: 0 35px;



  display: inline-block;



  text-align: center;



}



.ser>ul li .t {



  width: 88px;



  height: 88px;



  margin: 0 auto;



  background-color: #ededed;



  border-radius: 100%;



  padding: 4px;



  transition: 0.7s;



  overflow: hidden;



}



.ser>ul li .t .img {



  width: 100%;



  height: 100%;



  border-radius: 100%;



  position: relative;



  display: block;



  border: dashed 1px rgba(255, 255, 225, 0.5);



}



.ser>ul li .t .img img {



  transition: 0.7s;



  position: absolute;



  max-width: 100%;



  max-height: 100%;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



}



.ser>ul li .t .img .i1 {



  opacity: 1;



  transition: 0.7s;



}



.ser>ul li .t .img .i2 {



  opacity: 0;



  transition: 0.7s;



  left: -100px;



}



.ser>ul li p {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #4d4d4d;



  line-height: 50px;



}



.ser>ul li:hover .t {



  background-color: #ffae00;



  position: relative;



  display: block;



}



.ser>ul li:hover .t img {



  transition: 0.7s;



  position: absolute;



  max-width: 100%;



  max-height: 100%;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



}



.ser>ul li:hover .t .i1 {



  left: 100px;



  opacity: 0;



}



.ser>ul li:hover .t .i2 {



  opacity: 1;



  left: 0px;



}



.ser .b {



  text-align: center;



}



.ser .b .tel {



  overflow: hidden;



  width: 236px;



  display: inline-block;



  vertical-align: top;



}



.ser .b .tel .img {



  float: left;



  width: 44px;



  height: 44px;



  background-color: #1770c2;



  position: relative;



  display: block;



  border-radius: 100%;



}



.ser .b .tel .img img {



  transition: 0.7s;



  position: absolute;



  max-width: 100%;



  max-height: 100%;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



}



.ser .b .tel .img img {



  -webkit-animation: float 3s ease-in-out infinite;



  -o-animation: float 3s ease-in-out infinite;



  animation: float 3s ease-in-out infinite;



  transform: scale(1.1);



}



@keyframes float {



  0% {



    transform: rotate(10deg);



  }



  25% {



    transform: rotate(-10deg);



  }



  50% {



    transform: rotate(10deg);



  }



  75% {



    transform: rotate(-10deg);



  }



  100% {



    transform: rotate(10deg);



  }



}



.ser .b .tel .text {



  float: left;



  text-align: left;



  margin-left: 10px;



}



.ser .b .tel .text .p1 {



  font-size: 17px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #666666;



  line-height: 20px;



}



.ser .b .tel .text .p2 {



  font-family: Arial;



  font-size: 29px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #333333;



  line-height: 29px;



}



.ser .b .button.dark {



  --background: #2F3545;



  --shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);



  --shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);




}



.ser .b .button.white {



  --background: #fff;



  --shadow: 0 2px 8px -1px rgba(18, 22, 33, 0.04);



  --shadow-hover: 0 4px 20px -2px rgba(18, 22, 33, 0.12);



}



.ser .b .button {



  --text: #fff;



  --font-size: 16px;



  --duration: 0.5s;



  --move-hover: -4px;



  font-family: 'Roboto';



  font-weight: 500;



  line-height: var(--font-size);



  border-radius: 24px;



  display: block;



  outline: none;



  border: none;



  cursor: pointer;



  text-decoration: none;



  font-size: var(--font-size);



  letter-spacing: 0.5px;



  background: var(--background);



  color: var(--text);



  box-shadow: var(--shadow);



  -webkit-transform: translateY(var(--y));



  transform: translateY(var(--y));



  transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;



  transition: transform var(--duration) ease, box-shadow var(--duration) ease;



  transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;



  -webkit-tap-highlight-color: transparent;



  -webkit-appearance: none;



}



.ser .b .button span {



  display: flex;



}



.ser .b .button span i {



  display: block;



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  font-style: normal;



}



.ser .b .button span i:nth-child(1) {



  --d: 0.05s;



}



.ser .b .button span i:nth-child(2) {



  --d: 0.1s;



}



.ser .b .button span i:nth-child(3) {



  --d: 0.15s;



}



.ser .b .button span i:nth-child(4) {



  --d: 0.2s;



}



.ser .b .button span i:nth-child(5) {



  --d: 0.25s;



}



.ser .b .button span i:nth-child(6) {



  --d: 0.3s;



}



.ser .b .button span i:nth-child(7) {



  --d: 0.35s;



}



.ser .b .button span i:nth-child(8) {



  --d: 0.4s;



}



.ser .b .button span i:nth-child(9) {



  --d: 0.45s;



}



.ser .b .button span i:nth-child(10) {



  --d: 0.5s;



}



.ser .b .button span i:nth-child(11) {



  --d: 0.55s;



}



.ser .b .button:hover {



  --y: var(--move-hover);



  --shadow: var(--shadow-hover);



  --move: -4px;



  --shadow-active: 0 3px 1px rgba(0, 0, 0, 0.2);



}



.ser .b .button:hover i {



  -webkit-animation: move var(--duration) linear var(--d);



  animation: move var(--duration) linear var(--d);



}



.ser .b .button.smoke {



  --move: 12px;



  --move-y: -8px;



  --blur: 4px;



}



.ser .b .button.smoke:hover i {



  --duration: 1s;



  -webkit-animation: smoke var(--duration) linear var(--d);



  animation: smoke var(--duration) linear var(--d);



}



.ser .b .button.drive {



  --move: 16px;



  --skew: 25deg;



  --skew-fast: 40deg;



  --skew-bounce: -12px;



}



.ser .b .button.drive:hover i {



  --duration: 1s;



  -webkit-transform-origin: 50% 100%;



  transform-origin: 50% 100%;



  -webkit-animation: drive var(--duration) linear var(--d);



  animation: drive var(--duration) linear var(--d);



}



@-webkit-keyframes move {



  40% {



    -webkit-transform: translateY(var(--move));



    transform: translateY(var(--move));



    text-shadow: var(--shadow-active);



  }



}



@keyframes move {



  40% {



    -webkit-transform: translateY(var(--move));



    transform: translateY(var(--move));



    text-shadow: var(--shadow-active);



  }



}



@-webkit-keyframes smoke {



  45%,



  55% {



    -webkit-filter: blur(var(--blur));



    filter: blur(var(--blur));



  }



  50%,



  50.1% {



    opacity: 0;



  }



  25%,



  75% {



    -webkit-transform: translateX(0);



    transform: translateX(0);



  }



  50% {



    -webkit-transform: translateX(var(--move)) translateY(var(--move-y));



    transform: translateX(var(--move)) translateY(var(--move-y));



  }



  50.1% {



    -webkit-transform: translateX(calc(var(--move) * -1));



    transform: translateX(calc(var(--move) * -1));



  }



}



@keyframes smoke {



  45%,



  55% {



    -webkit-filter: blur(var(--blur));



    filter: blur(var(--blur));



  }



  50%,



  50.1% {



    opacity: 0;



  }



  25%,



  75% {



    -webkit-transform: translateX(0);



    transform: translateX(0);



  }



  50% {



    -webkit-transform: translateX(var(--move)) translateY(var(--move-y));



    transform: translateX(var(--move)) translateY(var(--move-y));



  }



  50.1% {



    -webkit-transform: translateX(calc(var(--move) * -1));



    transform: translateX(calc(var(--move) * -1));



  }



}



@-webkit-keyframes drive {



  40% {



    opacity: 1;



  }



  55% {



    -webkit-transform: skewX(var(--skew)) translateX(var(--move));



    transform: skewX(var(--skew)) translateX(var(--move));



  }



  56% {



    -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));



    transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));



  }



  55%,



  56% {



    opacity: 0;



  }



  75% {



    -webkit-transform: skewX(var(--skew));



    transform: skewX(var(--skew));



  }



  85% {



    -webkit-transform: skewX(var(--skew-bounce));



    transform: skewX(var(--skew-bounce));



  }



}



@keyframes drive {



  40% {



    opacity: 1;



  }



  55% {



    -webkit-transform: skewX(var(--skew)) translateX(var(--move));



    transform: skewX(var(--skew)) translateX(var(--move));



  }



  56% {



    -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));



    transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));



  }



  55%,



  56% {



    opacity: 0;



  }



  75% {



    -webkit-transform: skewX(var(--skew));



    transform: skewX(var(--skew));



  }



  85% {



    -webkit-transform: skewX(var(--skew-bounce));



    transform: skewX(var(--skew-bounce));



  }



}



.ser .b .button {



  width: 75px;



  margin-left: 39px;



  padding: 0px;



  height: 51px;



  background: url('../images/bbb.png') no-repeat center;



  display: inline-block;



  padding-left: 72px;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;




  letter-spacing: 0px;



  color: #f9f9f9;



  line-height: 5px;



  vertical-align: top;



  line-height: 51px;



}



.case {



  overflow: hidden;



  padding-bottom: 79px;



}



.case .center {



  position: relative;



}



.case .center .bd ul {



  padding: 10px !important;



}



.case .center .bd li {



  width: 525px;



  height: 203px;



  padding-top: 32px;



  background-color: #f5f5f5;



  border-radius: 3px;



  padding-left: 26px;



  padding-right: 36px;



  overflow: hidden;



  margin-right: 25px;



  float: left;



  transition: 0.7s;



}



.case .center .bd li .img {



  width: 176px;



  height: 176px;



  float: left;



  display: block;



  border-radius: 100%;



}



.case .center .bd li .img img {



  width: 100%;



  height: 100%;



  transition: 0.7s;



}



.case .center .bd li .img img {



  border-radius: 100%;



}



.case .center .bd li .text {



  width: 309px;



  float: right;



}



.case .center .bd li .text a {



  display: block;



  font-size: 18px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #333333;



  line-height: 60px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  transition: 0.7s;



  border-bottom: #ddd 1px solid;



  margin-bottom: 20px;



  margin-top: 10px;



  position: relative;



}



.case .center .bd li .text a::before {



  content: '';



  display: block;



  transition: 0.7s;



  width: 0px;



  height: 1px;



  position: absolute;



  bottom: 0px;



  left: 0px;



  border-left: 0 0px solid;



  background: #1770c2;



}



.case .center .bd li .text a:hover:before {



  width: 100%;



}



.case .center .bd li .text p {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #666666;



  display: -webkit-box;



  overflow: hidden;



  text-overflow: ellipsis;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 3;



  text-indent: 2rem;



}



.case .center .bd li:hover {



  box-shadow: 3px 4px 5px 0px rgba(6, 0, 1, 0.09);



}



.case .center .bd li:hover .text a {



  color: #1770c2;



}



.case .center .hd .prev {



  width: 41px;



  height: 41px;



  background-color: #1770c2;



  transition: 0.7s;



  position: relative;



  display: block;



  position: absolute;



  top: 340px;



  right: -80px;



  border-radius: 100%;



  outline: none;



  cursor: pointer;



}



.case .center .hd .prev img {



  transition: 0.7s;



  position: absolute;



  max-width: 100%;



  max-height: 100%;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



}



.case .center .hd .prev:hover {



  background-color: #ffae00;



}



.case .center .hd .next {



  width: 41px;



  height: 41px;



  background-color: #1770c2;



  transition: 0.7s;



  position: relative;



  display: block;



  position: absolute;



  top: 340px;



  left: -80px;



  border-radius: 100%;



  outline: none;



  cursor: pointer;



}



.case .center .hd .next img {



  transition: 0.7s;



  position: absolute;



  max-width: 100%;



  max-height: 100%;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



}



.case .center .hd .next:hover {



  background-color: #ffae00;



}



.button.dark {



  --background: #2F3545;



  --shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);



  --shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);



}



.button.white {



  --background: #fff;



  --shadow: 0 2px 8px -1px rgba(18, 22, 33, 0.04);



  --shadow-hover: 0 4px 20px -2px rgba(18, 22, 33, 0.12);



}



.button {



  --text: #fff;



  --font-size: 16px;



  --duration: 0.5s;



  --move-hover: -4px;



  font-family: 'Roboto';



  font-weight: 500;



  line-height: var(--font-size);



  border-radius: 24px;



  display: block;



  outline: none;



  border: none;



  cursor: pointer;



  text-decoration: none;



  font-size: var(--font-size);



  letter-spacing: 0.5px;



  background: var(--background);



  color: var(--text);



  box-shadow: var(--shadow);



  -webkit-transform: translateY(var(--y));



  transform: translateY(var(--y));



  transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;



  transition: transform var(--duration) ease, box-shadow var(--duration) ease;



  transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;



  -webkit-tap-highlight-color: transparent;



  -webkit-appearance: none;



}



.button span {



  display: flex;



}



.button span i {



  display: block;



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  font-style: normal;



}



.button span i:nth-child(1) {



  --d: 0.05s;



}



.button span i:nth-child(2) {



  --d: 0.1s;



}



.button span i:nth-child(3) {



  --d: 0.15s;



}



.button span i:nth-child(4) {



  --d: 0.2s;



}



.button span i:nth-child(5) {



  --d: 0.25s;



}



.button span i:nth-child(6) {



  --d: 0.3s;



}



.button span i:nth-child(7) {



  --d: 0.35s;



}



.button span i:nth-child(8) {



  --d: 0.4s;



}



.button span i:nth-child(9) {



  --d: 0.45s;



}



.button span i:nth-child(10) {



  --d: 0.5s;



}



.button span i:nth-child(11) {



  --d: 0.55s;



}



.button:hover {



  --y: var(--move-hover);



  --shadow: var(--shadow-hover);



  --move: -4px;



  --shadow-active: 0 3px 1px rgba(0, 0, 0, 0.2);



}



.button:hover i {



  -webkit-animation: move var(--duration) linear var(--d);



  animation: move var(--duration) linear var(--d);



}



.button.smoke {



  --move: 12px;



  --move-y: -8px;



  --blur: 4px;



}



.button.smoke:hover i {



  --duration: 1s;



  -webkit-animation: smoke var(--duration) linear var(--d);



  animation: smoke var(--duration) linear var(--d);



}



.button.drive {



  --move: 16px;



  --skew: 25deg;



  --skew-fast: 40deg;



  --skew-bounce: -12px;



}



.button.drive:hover i {



  --duration: 1s;



  -webkit-transform-origin: 50% 100%;



  transform-origin: 50% 100%;



  -webkit-animation: drive var(--duration) linear var(--d);



  animation: drive var(--duration) linear var(--d);



}



@-webkit-keyframes move {



  40% {



    -webkit-transform: translateY(var(--move));



    transform: translateY(var(--move));



    text-shadow: var(--shadow-active);



  }



}



@keyframes move {



  40% {



    -webkit-transform: translateY(var(--move));



    transform: translateY(var(--move));



    text-shadow: var(--shadow-active);



  }



}



@-webkit-keyframes smoke {



  45%,



  55% {



    -webkit-filter: blur(var(--blur));



    filter: blur(var(--blur));




  }



  50%,



  50.1% {



    opacity: 0;



  }



  25%,



  75% {



    -webkit-transform: translateX(0);



    transform: translateX(0);



  }




  50% {



    -webkit-transform: translateX(var(--move)) translateY(var(--move-y));



    transform: translateX(var(--move)) translateY(var(--move-y));



  }



  50.1% {



    -webkit-transform: translateX(calc(var(--move) * -1));



    transform: translateX(calc(var(--move) * -1));



  }



}



@keyframes smoke {



  45%,



  55% {



    -webkit-filter: blur(var(--blur));



    filter: blur(var(--blur));



  }



  50%,



  50.1% {



    opacity: 0;



  }



  25%,



  75% {



    -webkit-transform: translateX(0);



    transform: translateX(0);



  }



  50% {



    -webkit-transform: translateX(var(--move)) translateY(var(--move-y));



    transform: translateX(var(--move)) translateY(var(--move-y));



  }



  50.1% {



    -webkit-transform: translateX(calc(var(--move) * -1));



    transform: translateX(calc(var(--move) * -1));



  }



}



@-webkit-keyframes drive {



  40% {



    opacity: 1;



  }



  55% {



    -webkit-transform: skewX(var(--skew)) translateX(var(--move));



    transform: skewX(var(--skew)) translateX(var(--move));



  }



  56% {



    -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));



    transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));



  }



  55%,



  56% {



    opacity: 0;



  }



  75% {



    -webkit-transform: skewX(var(--skew));



    transform: skewX(var(--skew));



  }



  85% {



    -webkit-transform: skewX(var(--skew-bounce));



    transform: skewX(var(--skew-bounce));



  }



}



@keyframes drive {



  40% {



    opacity: 1;



  }



  55% {



    -webkit-transform: skewX(var(--skew)) translateX(var(--move));



    transform: skewX(var(--skew)) translateX(var(--move));



  }



  56% {



    -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));



    transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));



  }



  55%,



  56% {



    opacity: 0;



  }



  75% {



    -webkit-transform: skewX(var(--skew));



    transform: skewX(var(--skew));



  }



  85% {



    -webkit-transform: skewX(var(--skew-bounce));



    transform: skewX(var(--skew-bounce));



  }



}



.ban1 {



  background: url('../images/ban1.jpg') no-repeat center;



  height: 228px;



}



.ban1 .center {



  overflow: hidden;



}



.ban1 .center .left {



  width: 613px;



  padding-top: 73px;



}



.ban1 .center .left p {



  font-size: 29px;



  font-weight: bold;



  font-stretch: normal;



  line-height: 29px;



  letter-spacing: 0px;



  color: #ffffff;



}



.ban1 .center .left .p1 {



  padding-left: 100px;



}



.ban1 .center .left .p2 {



  text-align: right;



  padding-right: 56px;



  margin-top: 28px;



}



.ban1 .center .right {



  width: 315px;



  text-align: center;



}



.ban1 .center .right .p1 {



  font-size: 18px;



  font-weight: normal;



  padding-top: 70px;



  font-stretch: normal;



  line-height: 24px;



  letter-spacing: 0px;



  color: #ffffff;



  padding-left: 35px;



  background: url('../images/btel.png') no-repeat center;



  background-position-y: 75px;



  background-position-x: 0px;



}



.ban1 .center .right .p1 span {



  font-family: Arial;



  font-size: 30px;



  font-weight: normal;



  letter-spacing: 0px;



  line-height: 24px;




  color: #ffffff;



}



.ban1 .center .right a {



  width: 139px;



  height: 36px;



  background-color: #ffae00;



  border-radius: 12px;



  margin: 0 auto;



  display: block;



  margin-top: 24px;



  text-align: center;



  font-size: 16px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 36px;



  letter-spacing: 0px;



  color: #ffffff;



}



.ban1 .center .right a span {



  text-align: center;



  display: inline-block;



}



.ban1 .center .right a i {



  display: inline-block;



}



.about {



  background: url('../images/about.jpg') no-repeat center;



  height: 838px;



}



.about .center .left {



  width: 449px;



}



.about .center .left>.p1 {



  font-size: 24px;



  font-weight: bold;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #323232;



}



.about .center .left>.p2 {



  font-family: Arial;



  font-size: 12px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #808080;



  border-bottom: #d9d9d9 1px solid;



  padding-bottom: 10px;



  padding-top: 5px;



  margin-bottom: 10px;



}



.about .center .left .p3 {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 30px;



  letter-spacing: 0px;



  color: #666666;



  display: -webkit-box;



  overflow: hidden;



  text-overflow: ellipsis;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 4;



}



.about .center .left .b {



  overflow: hidden;



  padding-top: 17px;



  margin-top: 10px;



}



.about .center .left .b a {



  width: 130px;



  height: 41px;



  background-color: #ffae00;



  border-radius: 3px;



  float: left;



  display: block;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 41px;



  letter-spacing: 0px;



  color: #ffffff;



}



.about .center .left .b a span {



  text-align: center;



  display: block;



}



.about .center .left .b a span i {



  display: inline-block;



}



.about .center .left .b .tel {



  overflow: hidden;



}



.about .center .left .b .tel .img {



  width: 35px;



  height: 35px;



  background-color: #ffae00;



  position: relative;



  display: block;



  border-radius: 100%;



  float: left;



  margin-left: 40px;



  margin-top: 5px;



  margin-right: 6px;



}



.about .center .left .b .tel .img img {



  transition: 0.7s;



  position: absolute;



  max-width: 100%;



  max-height: 100%;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



}



.about .center .left .b .tel .img img {



  -webkit-animation: float 3s ease-in-out infinite;



  -o-animation: float 3s ease-in-out infinite;



  animation: float 3s ease-in-out infinite;



}



@keyframes float {



  0% {



    transform: rotate(10deg);



  }



  25% {



    transform: rotate(-10deg);



  }



  50% {



    transform: rotate(10deg);



  }



  75% {



    transform: rotate(-10deg);



  }



  100% {



    transform: rotate(10deg);



  }



}



.about .center .left .b .tel .text {



  float: left;



}



.about .center .left .b .tel .text .p1 {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #666666;



}



.about .center .left .b .tel .text .p2 {



  font-family: Arial;



  font-size: 23px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #333333;



}



.about .center>img {



  float: right;



}



.about .center .menu {



  overflow: hidden;



  background: url('../images/sb.png') no-repeat center;



  margin-top: 50px;



  background-position-x: 250px;



}



.about .center .menu .a {



  display: block;



  float: left;



  font-size: 16px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #666666;



  padding-left: 40px;



  background: url('../images/ab1.png') no-repeat center;



  background-position-x: 0px;



  transition: 0.7s;



  margin-right: 40px;



}



.about .center .menu .a2 {



  background: url('../images/ab2.png') no-repeat center;



  background-position-x: 0px;



  padding-left: 30px;



}



.about .center .menu .a1.on {



  background: url('../images/ab11.png') no-repeat center;



  background-position-x: 0px;



}



.about .center .menu .a2.on {



  background: url('../images/ab21.png') no-repeat center;



  background-position-x: 0px;



}



.about .center .menu .on {



  color: #1770c2;



}



.about .center .menu .a3 {



  float: right;



  display: block;



}



.about .center .box {



  margin-top: 40px;



}



.about .center .box .con {



  overflow: hidden;



}



.about .center .box .con li {



  width: 227px;



  float: left;



  margin-right: 16px;



}



.about .center .box .con li:last-of-type {



  border: none;



  margin-right: 0px;



  padding-right: 0px;



  padding-left: 0px;



  margin-left: 0px;



}



.about .center .box .con li:last-of-type:after {



  content: '';



  display: none;



}



.about .center .box .con li:last-of-type:before {



  content: '';



  display: none;



}



.about .center .box .con li .img {



  width: 227px;



  height: 168px;



  display: block;



  text-align: center;



}



.about .center .box .con li .img img {



  width: 100%;



  height: 100%;



  transition: 0.7s;



}



.about .center .box .con li .a1 {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #666666;



  line-height: 40px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



  text-align: center;



  transition: 0.7s;



}



.about .center .box .con li:hover .a1 {



  color: #1770c2;



}



.ban2 {



  background: url('../images/ban2.jpg') no-repeat center;



  height: 213px;



}



.ban2 .center {



  padding-top: 40px;



}



.ban2 .center .button {



  width: 75px;



  margin-left: 39px;



  padding: 0px;



  height: 51px;



  background: url('../images/bbtel.png') no-repeat center;



  display: block;



  float: right;



  padding-left: 72px;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #f9f9f9;



  line-height: 5px;



  vertical-align: top;



  line-height: 51px;



  margin-top: 40px;



}



.ban2 .center .left .p1 {



  width: 153px;



  height: 40px;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #525f6b;



  background-color: #fff;



  line-height: 40px;



  text-align: center;



  border-radius: 20px;



  margin-bottom: 23px;



}



.ban2 .center .left .p2 {



  font-size: 24px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #f9f9f9;



  line-height: 25px;



  margin-bottom: 10px;



}



.ban2 .center .left .p3 {



  font-size: 20px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #f9f9f9;



}



.ban2 .center .right {



  padding-left: 67px;



  margin-top: 26px;



  margin-right: 50px;



  background: url('../images/btels.png') no-repeat center;



  background-position-x: 0px;



}



.ban2 .center .right p {



  font-family: Arial;



  font-size: 30px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 40px;



  letter-spacing: 0px;



  color: #f9f9f9;



}



.news .center {

/* margin-bottom: 40px; */
}



.news .center .menu {



  overflow: hidden;



}



.news .center .menu .a {



  float: left;



  font-size: 16px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 40px;



  display: block;



  letter-spacing: 0px;



  color: #666666;



  padding-left: 33px;



  padding-right: 42px;



}



.news .center .menu .on {



  color: #1770c2;



}



.news .center .menu .a1.on {



  background: url('../images/new11.png') no-repeat center;



  background-position-x: 0px;



}



.news .center .menu .a2.on {



  background: url('../images/new21.png') no-repeat center;



  background-position-x: 0px;



}



.news .center .menu .a3.on {



  background: url('../images/new31.png') no-repeat center;



  background-position-x: 0px;



}



.news .center .menu .a1 {



  background: url('../images/new1.png') no-repeat center;



  background-position-x: 0px;



}



.news .center .menu .a2 {



  background: url('../images/new2.png') no-repeat center;



  background-position-x: 0px;



}



.news .center .menu .a3 {



  background: url('../images/new3.png') no-repeat center;



  background-position-x: 0px;



}



.news .center .menu .a4 {



  height: 40px;



  float: right;



  position: relative;



  display: block;



  width: 44px;



}



.news .center .menu .a4 img {



  transition: 0.7s;



  position: absolute;



  max-width: 100%;



  max-height: 100%;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  margin: auto;



}



.news .center .box {

overflow: hidden;

height: 551px;
}



.news .center .box .con .picScroll {



  margin-top: 10px;



  height: 335px;



  position: relative;



  overflow: hidden;



}



.news .center .box .con .picScroll .bd li {



  overflow: hidden;



}



.news .center .box .con .picScroll .bd li .img {



  width: 600px;



  height: 335px;



  background-color: #323232;



  border-radius: 3px;



  display: block;




  float: left;



}



.news .center .box .con .picScroll .bd li .img img {



  width: 100%;



  height: 100%;



  transition: 0.7s;



}



.news .center .box .con .picScroll .bd li .text {

width: 600px;

padding-left: 50px;

padding-right: 60px;

height: 335px;

background-color: #fafafa;

float: right;
}



.news .center .box .con .picScroll .bd li .text .a1 {



  display: block;



  font-size: 20px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #333333;



  padding-top: 50px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



.news .center .box .con .picScroll .bd li .text .p1 {



  font-family: Arial;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #999999;



  line-height: 30px;



}



.news .center .box .con .picScroll .bd li .text .p2 {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 30px;



  letter-spacing: 0px;



  color: #666666;



  text-indent: 2rem;



  display: -webkit-box;



  overflow: hidden;



  text-overflow: ellipsis;





  -webkit-box-orient: vertical;



  -webkit-line-clamp: 3;



}



.news .center .box .con .picScroll .bd li .text .button {



  width: 140px;



  height: 42px;



  border: solid 1px #666666 !important;



  display: block;



  background: none;



  border-radius: 0px;



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 42px;



  letter-spacing: 0px;



  color: #666666;



  margin-top: 40px;



}



.news .center .box .con .picScroll .bd li .text .button span {



  display: block;



  text-align: center;



}



.news .center .box .con .picScroll .bd li .text .button span i {



  display: inline-block;



}



.news .center .box .con .picScroll .hd {



  width: 266px;



  height: 68px;



  background-color: #1770c2;



  overflow: hidden;



  position: absolute;



  bottom: 0px;



  left: 334px;



  border-left: 0 334px solid;



  z-index: 9999;




}



.news .center .box .con .picScroll .hd .prev {



  float: right;



  margin-top: 30px;



  margin-right: 10px;



  outline: none;



  cursor: pointer;



}



.news .center .box .con .picScroll .hd .next {



  float: right;



  margin-top: 30px;



  margin-left: 10px;



  margin-right: 10px;



  outline: none;



  cursor: pointer;



}



.news .center .box .con .picScroll .hd ul {



  float: right;



  margin-top: 36px;



}



.news .center .box .con .picScroll .hd ul li {



  width: 6px;



  height: 6px;



  border-radius: 100%;



  float: left;



  transition: 0.7s;



  border: solid 1px #ffffff;



  margin: 0 5px;



  outline: none;



  cursor: pointer;



}



.news .center .box .con .picScroll .hd ul .on {



  background-color: #fff;



}



.news .center .box .con .picScroll .hd .pageState {



  font-family: Arial;



  font-size: 24px;



  font-weight: normal;



  font-stretch: normal;



  letter-spacing: 0px;



  color: #ffffff;



  line-height: 68px;



  margin-left: 24px;



}



.news .center .box .con .picScroll .hd .pageState span {



  font-size: 36px;



}



.news .center .box .con>ul {



  overflow: hidden;



  margin-top: 20px;



  width: 1310px;



}



.news .center .box .con>ul li {



  float: left;



  width: 546px;



  border-bottom: #ccc 1px solid;



  overflow: hidden;



  position: relative;



  margin-right: 108px;



}




.news .center .box .con>ul li::before {



  content: '';



  display: block;



  transition: 0.7s;



  width: 0px;



  height: 1px;



  position: absolute;



  bottom: 0px;



  left: 0px;



  border-left: 0 0px solid;



  background: #1770c2;



}



.news .center .box .con>ul li:hover:before {



  width: 100%;



}



.news .center .box .con>ul li a {


float: left;


font-size: 14px;


font-weight: normal;


font-stretch: normal;


line-height: 60px;


letter-spacing: 0px;


color: #666666;


display: block;


padding-left: 21px;


width: 380px;


overflow: hidden;


text-overflow: ellipsis;


white-space: nowrap;


background: url('../images/new.png') no-repeat center;


background-position-x: 0px;


transition: 0.7s;
}



.news .center .box .con>ul li span {



  font-size: 14px;



  font-weight: normal;



  font-stretch: normal;



  line-height: 40px;



  letter-spacing: 0px;



  color: #666666;



  float: right;



}



.news .center .box .con>ul li:hover a {



  color: #1770c2;



}











.news .tops {



  padding-top: 45px;



  padding-bottom: 30px;



}