/* CSS reset by Jarvis,2021-07-01*/

* {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     outline: 0;
     -webkit-text-size-adjust: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
     -webkit-text-size-adjust: 100%;
     height: 100%
}

html,
body,
div,
p,
strong,
span,
a,
b,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
del,
img,
i,
em,
select,
button,
textarea,
input {
     margin: 0;
     padding: 0;
     -webkit-text-size-adjust: none
}

body {
     background: #fff;
     font-family: "syr", "Microsoft YaHei", "PingFang SC", "苹方" !important;
     position: relative;
     min-height: 100%;
}

a,
img,
button,
input,
textarea,
select {
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

input[type="text"],
input[type="hidden"],
input[type="password"],
button,
textarea,
select {
     outline: none;
     border: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-radius: 0;
     font-family: "syr", "Microsoft YaHei", "PingFang SC", "苹方" !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
     display: block
}

audio,
canvas,
progress,
video {
     display: inline-block;
     vertical-align: baseline
}

body img {
     border: none;
     max-width: 100%;
     height: auto;
}

#dituContent img {
     max-width: none;
}

*,
:after,
:before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
     content: "";
     display: table
}

.clearfix:after {
     clear: both
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

ul,
ol,
dl {
     list-style: none
}

input,
select,
textarea {
     outline: 0
}

a {
     text-decoration: none;
     outline: 0;
     transition: all 0.3s ease
}

a:active,
a:hover {
     text-decoration: none;
     color: #c12c25;
     outline: 0
}

.cor_blue {
     color: var(--cor);
}

.dsNone {
     display: none
}

.dsBlock {
     display: block
}

.dsRelative {
     position: relative;
}

.dsAbsolute {
     position: absolute;
}

.verticalCenter {
     top: 50%;
     transform: translateY(-50%);
     position: absolute;
}

.autoImg img {
     width: 100%;
     height: auto;
     display: block
}

.imgBlock img {
     display: block
}

.autoMaxImg img {
     max-width: 100%;
     height: auto
}

.h100 {
     height: 100%;
}

.w100 {
     width: 100%;
}

.fl {
     float: left
}

.fr {
     float: right
}

.text-left {
     text-align: left
}

.text-right {
     text-align: right
}

.text-center {
     text-align: center
}

.text-justify {
     text-align: justify
}

.text-nowrap {
     white-space: nowrap
}

.text-lowercase {
     text-transform: lowercase
}

.text-uppercase {
     text-transform: uppercase
}

.text-capitalize {
     text-transform: capitalize
}

.cor_bs,
.cor_bs:hover {
     color: #fff
}

.cor_red {
     color: #B5001F
}

.ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block
}

.transition {
     transition: all 0.3s ease
}

.opacity {
     opacity: 0
}

.container {
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto
}

.cor_000 {
     color: #000
}

.cor_111 {
     color: #111
}

.cor_222 {
     color: #222
}

.cor_333 {
     color: #333
}

.cor_444 {
     color: #444
}

.cor_555 {
     color: #555
}

.cor_666 {
     color: #666
}

.cor_777 {
     color: #777
}

.cor_888 {
     color: #888
}

.cor_999 {
     color: #999
}

.overflowHide {
     overflow: hidden;
     position: relative;
     z-index: 0
}

.scaleImg {}

.scaleImg .coverImg img {
     transition: all 0.3s ease;
}

.scaleImg:hover .coverImg img {
     transform: scale(1.05);
}

.coverBg {
     background-size: cover !important;
}

.backTop {}

select::-ms-expand {
     display: none;
}

input::-ms-clear {
     display: none;
}

.clear {
     clear: both;
}

.clearfix:after {
     content: "";
     display: block;
     height: 0;
     visibility: hidden;
     clear: both;
}

.clearfix {
     *zoom: 1;
}

.coverImg {
     position: relative;
     height: 100%;
}

.coverImg img {
     display: block !important;
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.bgImg {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     transition: all 0.3s ease;
     height: 100%;
     width: 100%;
}

.bgImg img {
     display: none;
}

.scaleImg:hover .bgImg {
     transform: scale(1.05);
}

.cellBox {
     display: table;
     table-layout: fixed;
     width: 100%;
}

.cellBox .cell {
     display: table-cell;
     vertical-align: middle;
     width: 100%;
     height: 100%;
}

.imgTxtBox {
     display: flex;
     justify-content: space-between;
}

.txtBox,
.imgBox {
     display: flex;
     flex-direction: column;
     justify-content: center;
}

.imgTxtBoxList .imgTxtBox:nth-child(2n) {
     flex-direction: row-reverse;
}

.smRds {
     border-radius: 0.2em;
}

.lgRds {
     border-radius: 0.6em;
}

.hfRds {
     border-radius: 3em;
}

.rndRds {
     border-radius: 50%;
}

.tnSdw,
.sdwWpr:hover .tnSdw {
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
}

.smSdw,
.sdwWpr:hover .smSdw {
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
}

.lgSdw,
.sdwWpr:hover .lgSdw {
     box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
}

.dkSdw,
.sdwWpr:hover .dkSdw {
     box-shadow: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
}

.sdwWpr {}

.sdwWpr .tnSdw,
.sdwWpr .smSdw,
.sdwWpr .lgSdw,
.sdwWpr .dkSdw {
     box-shadow: none;
}

.editor ul {
     margin-left: 12px
}

.editor ol {
     margin-left: 16px
}

.editor dl dd {
     margin-left: 24px
}

.media_img {}

/*html{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/

@media (min-width:993px) {
     .trsYwpr {}

     .trsY5,
     .trsY10 {
          transition: all 0.5s ease;
     }

     .trsYwpr:hover .trsY5,
     .trsY5:hover {
          transform: translateY(-5px)
     }

     ;

     .trsYwpr:hover .trsY10,
     .trsY10:hover {
          transform: translateY(-10px)
     }

     ;

     .trsYwpr:hover .trsY5:hover,
     .trsYwpr:hover .trsY10:hover {
          transform: translateY(0);
     }
}


/*common*/
:root {
     --cor: #003b80;
     /*  rgba(0,59,128,0.3)  */
     --bg: #E2E2E2;
     --rgba: rgba(0, 59, 128, 0.95);
     --bor: #E2E2E2;
}

@media (min-width:768px) {
     .container {
          width: 750px
     }
}

@media (min-width:993px) {
     .container {
          width: 970px
     }
}

@media (min-width:1200px) {
     .container {
          width: 1170px
     }
}

@media (min-width:1799px) {
     .container {
          width: 1550px
     }
}

body {
     font-size: 14px;
     color: #333;
     animation: pageIn 0.3s ease;
}

a {
     color: #333;
}

a:active,
a:hover {
     color: var(--cor);
}

.autoScr {
     padding-right: 15px;
     margin-right: -15px;
     overflow-y: auto;
}

.flexlst {
     display: flex;
     flex-wrap: wrap;
}

.elis {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
}

.vhCter {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}

.hCter {
     display: flex;
     flex-direction: column;
     justify-content: center;
}


.pubCon {
     padding-top: 2.25vw;
     padding-bottom: 6.25vw;
}

.pub_t {}

.pub_t strong {
     font-size: 38px;
     line-height: 40px;
}

.pub_t p {
     font-size: 16px;
     line-height: 30px;
     margin-top: 15px;
}

.pub_txt {
     font-size: 16px;
     line-height: 30px;
     text-align: justify;
}

.pub_m {
     font-size: 16px;
     line-height: 48px;
     color: #386bf3;
     background: #FFF;
     height: 50px;
     width: 160px;
     border: 1px solid #FFF;
     text-align: center;
     display: inline-block;
     border-radius: 2em;
     letter-spacing: 1px;
     cursor: pointer;
     transition: all 0.3s ease;
}

.pub_m:hover,
.pub_mWpr:hover .pub_m {
     background: #386bf3;
     transform: translateY(-5px);
     box-shadow: 0 3px 18px rgba(56, 107, 243, 0.5);
     color: #fff;
     border: 1px solid #386bf3;
}

.posLink {
     height: 0;
     position: relative;
     overflow: hidden;
     top: -150px;
     display: block;
}

.pubSw {}

.pubSw .slick-dots {
     bottom: 0;
}

.pubSw .slick-dots li button {
     display: none;
}

.pubSw .slick-dots li {
     display: inline-block;
     height: 16px;
     width: 16px;
     margin: 0px 5px;
     position: relative;
     border-radius: 50%;
     vertical-align: middle;
     border: 2px solid #D9D9D9;
}

.pubSw .slick-dots li.slick-active {
     background: #386bf3;
     border: 2px solid #386bf3;
     height: 16px;
     width: 16px;
}

.pubSw .slick-prev {
     background: url(../images/pubBtn.png) no-repeat center center;
     display: inline-block;
     height: 60px;
     width: 60px;
     position: absolute;
     left: -80px;
     top: 50%;
     overflow: hidden;
     cursor: pointer;
     border: 2px solid #FFF;
     margin-top: -30px;
     z-index: 1;
     box-shadow: 0 0 15px rgba(70, 70, 70, 0.1);
     border-radius: 50%;
     background-size: cover !important;
}

.pubSw .slick-next {
     background: url(../images/pubBtn.png) no-repeat center center;
     display: inline-block;
     height: 60px;
     width: 60px;
     position: absolute;
     right: -80px;
     top: 50%;
     overflow: hidden;
     cursor: pointer;
     border: 2px solid #FFF;
     margin-top: -30px;
     z-index: 1;
     box-shadow: 0 0 15px rgba(70, 70, 70, 0.1);
     border-radius: 50%;
     background-size: cover !important;
     transform: rotateY(180deg);
}

.pubSw .slick-prev:hover,
.pubSw .slick-next:hover {
     background: url(../images/pubBtn2.png) no-repeat center center;
}

.wrapper {
     height: 100%;
}

@media (max-width:1799px) {
     .posLink {
          top: -120px;
     }
}

@media (max-width:1559px) {}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .wrapper {
          width: 100%;
          overflow: hidden;
          padding-top: 56px;
     }
}

@media (max-width:993px) {}

@media (max-width:767px) {
     .pubCon {
          padding-top: 13vw;
          padding-bottom: 13vw;
     }
}


/*scroll*/
::-webkit-scrollbar {
     width: 4px;
     height: 4px
}

::-webkit-scrollbar-button:vertical {
     display: none
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
     background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
     border-radius: 0;
     background-color: var(--cor);
}

::-webkit-scrollbar-thumb:vertical:hover {
     background-color: var(--cor);
}

::-webkit-scrollbar-thumb:vertical:active {
     background-color: var(--cor);
}

@font-face {
     font-family: 'din';
     src: url('../fonts/D-DIN.ttf');
}

@font-face {
     font-family: 'din_b';
     src: url('../fonts/D-DIN-Bold.ttf');
}

@font-face {
     font-family: 'syl';
     src: url('../fonts/syl.OTF');
}

@font-face {
     font-family: 'syr';
     src: url('../fonts/syr.OTF');
}

@font-face {
     font-family: 'sym';
     src: url('../fonts/sym.OTF');
}



/*share css*/
.weixin-prop {
     width: 172px;
     height: 240px;
     border: 1px #ddd solid;
     background: #fff;
     position: fixed;
     left: 50%;
     top: 50%;
     margin: -86px 0px 0px -120px;
     z-index: 2345667
}

.weixin-close {
     width: 20px;
     height: 20px;
     position: absolute;
     right: 2px;
     top: 14px;
     line-height: 30px;
     text-align: center;
     font-size: 20px;
     color: #333;
     cursor: pointer;
     background: url(../images/close-2.png) no-repeat;
     background-size: 12px auto;
}

.weixin-img {
     float: left;
     width: 160px;
     margin: 38px 0px 0px 10px
}

.weixin-img canvas {
     width: 150px;
     height: 150px
}

.weixin-prop p {
     float: left;
     width: 100%;
     overflow: hidden;
     font-size: 13px;
     text-align: center;
     color: #222;
     line-height: 28px;
}


/* container */
.container-fluid {
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto
}

.row {
     margin-right: -15px;
     margin-left: -15px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
     float: left
}

.col-xs-12 {
     width: 100%
}

.col-xs-11 {
     width: 91.66666667%
}

.col-xs-10 {
     width: 83.33333333%
}

.col-xs-9 {
     width: 75%
}

.col-xs-8 {
     width: 66.66666667%
}

.col-xs-7 {
     width: 58.33333333%
}

.col-xs-6 {
     width: 50%
}

.col-xs-5 {
     width: 41.66666667%
}

.col-xs-4 {
     width: 33.33333333%
}

.col-xs-3 {
     width: 25%
}

.col-xs-2 {
     width: 16.66666667%
}

.col-xs-1 {
     width: 8.33333333%
}

.col-xs-pull-12 {
     right: 100%
}

.col-xs-pull-11 {
     right: 91.66666667%
}

.col-xs-pull-10 {
     right: 83.33333333%
}

.col-xs-pull-9 {
     right: 75%
}

.col-xs-pull-8 {
     right: 66.66666667%
}

.col-xs-pull-7 {
     right: 58.33333333%
}

.col-xs-pull-6 {
     right: 50%
}

.col-xs-pull-5 {
     right: 41.66666667%
}

.col-xs-pull-4 {
     right: 33.33333333%
}

.col-xs-pull-3 {
     right: 25%
}

.col-xs-pull-2 {
     right: 16.66666667%
}

.col-xs-pull-1 {
     right: 8.33333333%
}

.col-xs-pull-0 {
     right: auto
}

.col-xs-push-12 {
     left: 100%
}

.col-xs-push-11 {
     left: 91.66666667%
}

.col-xs-push-10 {
     left: 83.33333333%
}

.col-xs-push-9 {
     left: 75%
}

.col-xs-push-8 {
     left: 66.66666667%
}

.col-xs-push-7 {
     left: 58.33333333%
}

.col-xs-push-6 {
     left: 50%
}

.col-xs-push-5 {
     left: 41.66666667%
}

.col-xs-push-4 {
     left: 33.33333333%
}

.col-xs-push-3 {
     left: 25%
}

.col-xs-push-2 {
     left: 16.66666667%
}

.col-xs-push-1 {
     left: 8.33333333%
}

.col-xs-push-0 {
     left: auto
}

.col-xs-offset-12 {
     margin-left: 100%
}

.col-xs-offset-11 {
     margin-left: 91.66666667%
}

.col-xs-offset-10 {
     margin-left: 83.33333333%
}

.col-xs-offset-9 {
     margin-left: 75%
}

.col-xs-offset-8 {
     margin-left: 66.66666667%
}

.col-xs-offset-7 {
     margin-left: 58.33333333%
}

.col-xs-offset-6 {
     margin-left: 50%
}

.col-xs-offset-5 {
     margin-left: 41.66666667%
}

.col-xs-offset-4 {
     margin-left: 33.33333333%
}

.col-xs-offset-3 {
     margin-left: 25%
}

.col-xs-offset-2 {
     margin-left: 16.66666667%
}

.col-xs-offset-1 {
     margin-left: 8.33333333%
}

.col-xs-offset-0 {
     margin-left: 0
}

.dsPadPhone,
.dsPhone {
     display: block
}

.dsPad,
.dsPc,
.dsPcPad {
     display: none
}

@media (min-width:768px) {

     .col-sm-1,
     .col-sm-10,
     .col-sm-11,
     .col-sm-12,
     .col-sm-2,
     .col-sm-3,
     .col-sm-4,
     .col-sm-5,
     .col-sm-6,
     .col-sm-7,
     .col-sm-8,
     .col-sm-9 {
          float: left
     }

     .col-sm-12 {
          width: 100%
     }

     .col-sm-11 {
          width: 91.66666667%
     }

     .col-sm-10 {
          width: 83.33333333%
     }

     .col-sm-9 {
          width: 75%
     }

     .col-sm-8 {
          width: 66.66666667%
     }

     .col-sm-7 {
          width: 58.33333333%
     }

     .col-sm-6 {
          width: 50%
     }

     .col-sm-5 {
          width: 41.66666667%
     }

     .col-sm-4 {
          width: 33.33333333%
     }

     .col-sm-3 {
          width: 25%
     }

     .col-sm-2 {
          width: 16.66666667%
     }

     .col-sm-1 {
          width: 8.33333333%
     }

     .col-sm-pull-12 {
          right: 100%
     }

     .col-sm-pull-11 {
          right: 91.66666667%
     }

     .col-sm-pull-10 {
          right: 83.33333333%
     }

     .col-sm-pull-9 {
          right: 75%
     }

     .col-sm-pull-8 {
          right: 66.66666667%
     }

     .col-sm-pull-7 {
          right: 58.33333333%
     }

     .col-sm-pull-6 {
          right: 50%
     }

     .col-sm-pull-5 {
          right: 41.66666667%
     }

     .col-sm-pull-4 {
          right: 33.33333333%
     }

     .col-sm-pull-3 {
          right: 25%
     }

     .col-sm-pull-2 {
          right: 16.66666667%
     }

     .col-sm-pull-1 {
          right: 8.33333333%
     }

     .col-sm-pull-0 {
          right: auto
     }

     .col-sm-push-12 {
          left: 100%
     }

     .col-sm-push-11 {
          left: 91.66666667%
     }

     .col-sm-push-10 {
          left: 83.33333333%
     }

     .col-sm-push-9 {
          left: 75%
     }

     .col-sm-push-8 {
          left: 66.66666667%
     }

     .col-sm-push-7 {
          left: 58.33333333%
     }

     .col-sm-push-6 {
          left: 50%
     }

     .col-sm-push-5 {
          left: 41.66666667%
     }

     .col-sm-push-4 {
          left: 33.33333333%
     }

     .col-sm-push-3 {
          left: 25%
     }

     .col-sm-push-2 {
          left: 16.66666667%
     }

     .col-sm-push-1 {
          left: 8.33333333%
     }

     .col-sm-push-0 {
          left: auto
     }

     .col-sm-offset-12 {
          margin-left: 100%
     }

     .col-sm-offset-11 {
          margin-left: 91.66666667%
     }

     .col-sm-offset-10 {
          margin-left: 83.33333333%
     }

     .col-sm-offset-9 {
          margin-left: 75%
     }

     .col-sm-offset-8 {
          margin-left: 66.66666667%
     }

     .col-sm-offset-7 {
          margin-left: 58.33333333%
     }

     .col-sm-offset-6 {
          margin-left: 50%
     }

     .col-sm-offset-5 {
          margin-left: 41.66666667%
     }

     .col-sm-offset-4 {
          margin-left: 33.33333333%
     }

     .col-sm-offset-3 {
          margin-left: 25%
     }

     .col-sm-offset-2 {
          margin-left: 16.66666667%
     }

     .col-sm-offset-1 {
          margin-left: 8.33333333%
     }

     .col-sm-offset-0 {
          margin-left: 0
     }

     .dsPad,
     .dsPadPhone,
     .dsPcPad {
          display: block
     }

     .dsPc,
     .dsPhone {
          display: none
     }
}

@media (min-width:993px) {

     .col-md-1,
     .col-md-10,
     .col-md-11,
     .col-md-12,
     .col-md-2,
     .col-md-3,
     .col-md-4,
     .col-md-5,
     .col-md-6,
     .col-md-7,
     .col-md-8,
     .col-md-9 {
          float: left
     }

     .col-md-12 {
          width: 100%
     }

     .col-md-11 {
          width: 91.66666667%
     }

     .col-md-10 {
          width: 83.33333333%
     }

     .col-md-9 {
          width: 75%
     }

     .col-md-8 {
          width: 66.66666667%
     }

     .col-md-7 {
          width: 58.33333333%
     }

     .col-md-6 {
          width: 50%
     }

     .col-md-5 {
          width: 41.66666667%
     }

     .col-md-4 {
          width: 33.33333333%
     }

     .col-md-3 {
          width: 25%
     }

     .col-md-2 {
          width: 16.66666667%
     }

     .col-md-1 {
          width: 8.33333333%
     }

     .col-md-pull-12 {
          right: 100%
     }

     .col-md-pull-11 {
          right: 91.66666667%
     }

     .col-md-pull-10 {
          right: 83.33333333%
     }

     .col-md-pull-9 {
          right: 75%
     }

     .col-md-pull-8 {
          right: 66.66666667%
     }

     .col-md-pull-7 {
          right: 58.33333333%
     }

     .col-md-pull-6 {
          right: 50%
     }

     .col-md-pull-5 {
          right: 41.66666667%
     }

     .col-md-pull-4 {
          right: 33.33333333%
     }

     .col-md-pull-3 {
          right: 25%
     }

     .col-md-pull-2 {
          right: 16.66666667%
     }

     .col-md-pull-1 {
          right: 8.33333333%
     }

     .col-md-pull-0 {
          right: auto
     }

     .col-md-push-12 {
          left: 100%
     }

     .col-md-push-11 {
          left: 91.66666667%
     }

     .col-md-push-10 {
          left: 83.33333333%
     }

     .col-md-push-9 {
          left: 75%
     }

     .col-md-push-8 {
          left: 66.66666667%
     }

     .col-md-push-7 {
          left: 58.33333333%
     }

     .col-md-push-6 {
          left: 50%
     }

     .col-md-push-5 {
          left: 41.66666667%
     }

     .col-md-push-4 {
          left: 33.33333333%
     }

     .col-md-push-3 {
          left: 25%
     }

     .col-md-push-2 {
          left: 16.66666667%
     }

     .col-md-push-1 {
          left: 8.33333333%
     }

     .col-md-push-0 {
          left: auto
     }

     .col-md-offset-12 {
          margin-left: 100%
     }

     .col-md-offset-11 {
          margin-left: 91.66666667%
     }

     .col-md-offset-10 {
          margin-left: 83.33333333%
     }

     .col-md-offset-9 {
          margin-left: 75%
     }

     .col-md-offset-8 {
          margin-left: 66.66666667%
     }

     .col-md-offset-7 {
          margin-left: 58.33333333%
     }

     .col-md-offset-6 {
          margin-left: 50%
     }

     .col-md-offset-5 {
          margin-left: 41.66666667%
     }

     .col-md-offset-4 {
          margin-left: 33.33333333%
     }

     .col-md-offset-3 {
          margin-left: 25%
     }

     .col-md-offset-2 {
          margin-left: 16.66666667%
     }

     .col-md-offset-1 {
          margin-left: 8.33333333%
     }

     .col-md-offset-0 {
          margin-left: 0
     }

     .dsPc,
     .dsPcPad {
          display: block
     }

     .dsPad,
     .dsPadPhone,
     .dsPhone {
          display: none
     }
}

@media (min-width:1200px) {

     .col-lg-1,
     .col-lg-10,
     .col-lg-11,
     .col-lg-12,
     .col-lg-2,
     .col-lg-3,
     .col-lg-4,
     .col-lg-5,
     .col-lg-6,
     .col-lg-7,
     .col-lg-8,
     .col-lg-9 {
          float: left
     }

     .col-lg-12 {
          width: 100%
     }

     .col-lg-11 {
          width: 91.66666667%
     }

     .col-lg-10 {
          width: 83.33333333%
     }

     .col-lg-9 {
          width: 75%
     }

     .col-lg-8 {
          width: 66.66666667%
     }

     .col-lg-7 {
          width: 58.33333333%
     }

     .col-lg-6 {
          width: 50%
     }

     .col-lg-5 {
          width: 41.66666667%
     }

     .col-lg-4 {
          width: 33.33333333%
     }

     .col-lg-3 {
          width: 25%
     }

     .col-lg-2 {
          width: 16.66666667%
     }

     .col-lg-1 {
          width: 8.33333333%
     }

     .col-lg-pull-12 {
          right: 100%
     }

     .col-lg-pull-11 {
          right: 91.66666667%
     }

     .col-lg-pull-10 {
          right: 83.33333333%
     }

     .col-lg-pull-9 {
          right: 75%
     }

     .col-lg-pull-8 {
          right: 66.66666667%
     }

     .col-lg-pull-7 {
          right: 58.33333333%
     }

     .col-lg-pull-6 {
          right: 50%
     }

     .col-lg-pull-5 {
          right: 41.66666667%
     }

     .col-lg-pull-4 {
          right: 33.33333333%
     }

     .col-lg-pull-3 {
          right: 25%
     }

     .col-lg-pull-2 {
          right: 16.66666667%
     }

     .col-lg-pull-1 {
          right: 8.33333333%
     }

     .col-lg-pull-0 {
          right: auto
     }

     .col-lg-push-12 {
          left: 100%
     }

     .col-lg-push-11 {
          left: 91.66666667%
     }

     .col-lg-push-10 {
          left: 83.33333333%
     }

     .col-lg-push-9 {
          left: 75%
     }

     .col-lg-push-8 {
          left: 66.66666667%
     }

     .col-lg-push-7 {
          left: 58.33333333%
     }

     .col-lg-push-6 {
          left: 50%
     }

     .col-lg-push-5 {
          left: 41.66666667%
     }

     .col-lg-push-4 {
          left: 33.33333333%
     }

     .col-lg-push-3 {
          left: 25%
     }

     .col-lg-push-2 {
          left: 16.66666667%
     }

     .col-lg-push-1 {
          left: 8.33333333%
     }

     .col-lg-push-0 {
          left: auto
     }

     .col-lg-offset-12 {
          margin-left: 100%
     }

     .col-lg-offset-11 {
          margin-left: 91.66666667%
     }

     .col-lg-offset-10 {
          margin-left: 83.33333333%
     }

     .col-lg-offset-9 {
          margin-left: 75%
     }

     .col-lg-offset-8 {
          margin-left: 66.66666667%
     }

     .col-lg-offset-7 {
          margin-left: 58.33333333%
     }

     .col-lg-offset-6 {
          margin-left: 50%
     }

     .col-lg-offset-5 {
          margin-left: 41.66666667%
     }

     .col-lg-offset-4 {
          margin-left: 33.33333333%
     }

     .col-lg-offset-3 {
          margin-left: 25%
     }

     .col-lg-offset-2 {
          margin-left: 16.66666667%
     }

     .col-lg-offset-1 {
          margin-left: 8.33333333%
     }

     .col-lg-offset-0 {
          margin-left: 0
     }
}


/*!
Animate.css - http://daneden.me/animate
*/
.animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both
}

.animated.infinite {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite
}

.animated.hinge {
     -webkit-animation-duration: 2s;
     animation-duration: 2s
}

@-webkit-keyframes bounce {

     0%,
     100%,
     20%,
     53%,
     80% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
     }

     40%,
     43% {
          -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
          transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
          -webkit-transform: translate3d(0, -30px, 0);
          transform: translate3d(0, -30px, 0)
     }

     70% {
          -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
          transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
          -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0)
     }

     90% {
          -webkit-transform: translate3d(0, -4px, 0);
          transform: translate3d(0, -4px, 0)
     }
}

@keyframes bounce {

     0%,
     100%,
     20%,
     53%,
     80% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          -webkit-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0)
     }

     40%,
     43% {
          -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
          transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
          -webkit-transform: translate3d(0, -30px, 0);
          -ms-transform: translate3d(0, -30px, 0);
          transform: translate3d(0, -30px, 0)
     }

     70% {
          -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
          transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
          -webkit-transform: translate3d(0, -15px, 0);
          -ms-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0)
     }

     90% {
          -webkit-transform: translate3d(0, -4px, 0);
          -ms-transform: translate3d(0, -4px, 0);
          transform: translate3d(0, -4px, 0)
     }
}

.bounce {
     -webkit-animation-name: bounce;
     animation-name: bounce;
     -webkit-transform-origin: center bottom;
     -ms-transform-origin: center bottom;
     transform-origin: center bottom
}

@-webkit-keyframes flash {

     0%,
     100%,
     50% {
          opacity: 1
     }

     25%,
     75% {
          opacity: 0
     }
}

@keyframes flash {

     0%,
     100%,
     50% {
          opacity: 1
     }

     25%,
     75% {
          opacity: 0
     }
}

.flash {
     -webkit-animation-name: flash;
     animation-name: flash
}

@-webkit-keyframes pulse {
     0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }

     50% {
          -webkit-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05)
     }

     100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }
}

@keyframes pulse {
     0% {
          -webkit-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }

     50% {
          -webkit-transform: scale3d(1.05, 1.05, 1.05);
          -ms-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05)
     }

     100% {
          -webkit-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }
}

.pulse {
     -webkit-animation-name: pulse;
     animation-name: pulse
}

@-webkit-keyframes rubberBand {
     0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }

     30% {
          -webkit-transform: scale3d(1.25, .75, 1);
          transform: scale3d(1.25, .75, 1)
     }

     40% {
          -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1)
     }

     50% {
          -webkit-transform: scale3d(1.15, .85, 1);
          transform: scale3d(1.15, .85, 1)
     }

     65% {
          -webkit-transform: scale3d(.95, 1.05, 1);
          transform: scale3d(.95, 1.05, 1)
     }

     75% {
          -webkit-transform: scale3d(1.05, .95, 1);
          transform: scale3d(1.05, .95, 1)
     }

     100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }
}

@keyframes rubberBand {
     0% {
          -webkit-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }

     30% {
          -webkit-transform: scale3d(1.25, .75, 1);
          -ms-transform: scale3d(1.25, .75, 1);
          transform: scale3d(1.25, .75, 1)
     }

     40% {
          -webkit-transform: scale3d(0.75, 1.25, 1);
          -ms-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1)
     }

     50% {
          -webkit-transform: scale3d(1.15, .85, 1);
          -ms-transform: scale3d(1.15, .85, 1);
          transform: scale3d(1.15, .85, 1)
     }

     65% {
          -webkit-transform: scale3d(.95, 1.05, 1);
          -ms-transform: scale3d(.95, 1.05, 1);
          transform: scale3d(.95, 1.05, 1)
     }

     75% {
          -webkit-transform: scale3d(1.05, .95, 1);
          -ms-transform: scale3d(1.05, .95, 1);
          transform: scale3d(1.05, .95, 1)
     }

     100% {
          -webkit-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }
}

.rubberBand {
     -webkit-animation-name: rubberBand;
     animation-name: rubberBand
}

@-webkit-keyframes shake {

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

     10%,
     30%,
     50%,
     70%,
     90% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0)
     }

     20%,
     40%,
     60%,
     80% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0)
     }
}

@keyframes shake {

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

     10%,
     30%,
     50%,
     70%,
     90% {
          -webkit-transform: translate3d(-10px, 0, 0);
          -ms-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0)
     }

     20%,
     40%,
     60%,
     80% {
          -webkit-transform: translate3d(10px, 0, 0);
          -ms-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0)
     }
}

.shake {
     -webkit-animation-name: shake;
     animation-name: shake
}

@-webkit-keyframes swing {
     20% {
          -webkit-transform: rotate3d(0, 0, 1, 15deg);
          transform: rotate3d(0, 0, 1, 15deg)
     }

     40% {
          -webkit-transform: rotate3d(0, 0, 1, -10deg);
          transform: rotate3d(0, 0, 1, -10deg)
     }

     60% {
          -webkit-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg)
     }

     80% {
          -webkit-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg)
     }

     100% {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg)
     }
}

@keyframes swing {
     20% {
          -webkit-transform: rotate3d(0, 0, 1, 15deg);
          -ms-transform: rotate3d(0, 0, 1, 15deg);
          transform: rotate3d(0, 0, 1, 15deg)
     }

     40% {
          -webkit-transform: rotate3d(0, 0, 1, -10deg);
          -ms-transform: rotate3d(0, 0, 1, -10deg);
          transform: rotate3d(0, 0, 1, -10deg)
     }

     60% {
          -webkit-transform: rotate3d(0, 0, 1, 5deg);
          -ms-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg)
     }

     80% {
          -webkit-transform: rotate3d(0, 0, 1, -5deg);
          -ms-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg)
     }

     100% {
          -webkit-transform: rotate3d(0, 0, 1, 0deg);
          -ms-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg)
     }
}

.swing {
     -webkit-transform-origin: top center;
     -ms-transform-origin: top center;
     transform-origin: top center;
     -webkit-animation-name: swing;
     animation-name: swing
}

@-webkit-keyframes tada {
     0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }

     10%,
     20% {
          -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
     }

     30%,
     50%,
     70%,
     90% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
     }

     40%,
     60%,
     80% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
     }

     100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }
}

@keyframes tada {
     0% {
          -webkit-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }

     10%,
     20% {
          -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
          -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
     }

     30%,
     50%,
     70%,
     90% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
          -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
     }

     40%,
     60%,
     80% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
          -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
     }

     100% {
          -webkit-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }
}

.tada {
     -webkit-animation-name: tada;
     animation-name: tada
}

@-webkit-keyframes wobble {
     0% {
          -webkit-transform: none;
          transform: none
     }

     15% {
          -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
          transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
     }

     30% {
          -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
          transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
     }

     45% {
          -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
          transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
     }

     60% {
          -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
          transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
     }

     75% {
          -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
          transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
     }

     100% {
          -webkit-transform: none;
          transform: none
     }
}

@keyframes wobble {
     0% {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }

     15% {
          -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
          -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
          transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
     }

     30% {
          -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
          -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
          transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
     }

     45% {
          -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
          -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
          transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
     }

     60% {
          -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
          -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
          transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
     }

     75% {
          -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
          -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
          transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
     }

     100% {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.wobble {
     -webkit-animation-name: wobble;
     animation-name: wobble
}

@-webkit-keyframes bounceIn {

     0%,
     100%,
     20%,
     40%,
     60%,
     80% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
     }

     0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
     }

     20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
          -webkit-transform: scale3d(.97, .97, .97);
          transform: scale3d(.97, .97, .97)
     }

     100% {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }
}

@keyframes bounceIn {

     0%,
     100%,
     20%,
     40%,
     60%,
     80% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
     }

     0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          -ms-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
     }

     20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          -ms-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1)
     }

     40% {
          -webkit-transform: scale3d(.9, .9, .9);
          -ms-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          -ms-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03)
     }

     80% {
          -webkit-transform: scale3d(.97, .97, .97);
          -ms-transform: scale3d(.97, .97, .97);
          transform: scale3d(.97, .97, .97)
     }

     100% {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
     }
}

.bounceIn {
     -webkit-animation-name: bounceIn;
     animation-name: bounceIn;
     -webkit-animation-duration: .75s;
     animation-duration: .75s
}

@-webkit-keyframes bounceInDown {

     0%,
     100%,
     60%,
     75%,
     90% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
     }

     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -3000px, 0);
          transform: translate3d(0, -3000px, 0)
     }

     60% {
          opacity: 1;
          -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0)
     }

     75% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0)
     }

     90% {
          -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0)
     }

     100% {
          -webkit-transform: none;
          transform: none
     }
}

@keyframes bounceInDown {

     0%,
     100%,
     60%,
     75%,
     90% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
     }

     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -3000px, 0);
          -ms-transform: translate3d(0, -3000px, 0);
          transform: translate3d(0, -3000px, 0)
     }

     60% {
          opacity: 1;
          -webkit-transform: translate3d(0, 25px, 0);
          -ms-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0)
     }

     75% {
          -webkit-transform: translate3d(0, -10px, 0);
          -ms-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0)
     }

     90% {
          -webkit-transform: translate3d(0, 5px, 0);
          -ms-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0)
     }

     100% {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.bounceInDown {
     -webkit-animation-name: bounceInDown;
     animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

     0%,
     100%,
     60%,
     75%,
     90% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
     }

     0% {
          opacity: 0;
          -webkit-transform: translate3d(-3000px, 0, 0);
          transform: translate3d(-3000px, 0, 0)
     }

     60% {
          opacity: 1;
          -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0)
     }

     75% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0)
     }

     90% {
          -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0)
     }

     100% {
          -webkit-transform: none;
          transform: none
     }
}

@keyframes bounceInLeft {

     0%,
     100%,
     60%,
     75%,
     90% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
     }

     0% {
          opacity: 0;
          -webkit-transform: translate3d(-3000px, 0, 0);
          -ms-transform: translate3d(-3000px, 0, 0);
          transform: translate3d(-3000px, 0, 0)
     }

     60% {
          opacity: 1;
          -webkit-transform: translate3d(25px, 0, 0);
          -ms-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0)
     }

     75% {
          -webkit-transform: translate3d(-10px, 0, 0);
          -ms-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0)
     }

     90% {
          -webkit-transform: translate3d(5px, 0, 0);
          -ms-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0)
     }

     100% {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.bounceInLeft {
     -webkit-animation-name: bounceInLeft;
     animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

     0%,
     100%,
     60%,
     75%,
     90% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
     }

     0% {
          opacity: 0;
          -webkit-transform: translate3d(3000px, 0, 0);
          transform: translate3d(3000px, 0, 0)
     }

     60% {
          opacity: 1;
          -webkit-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0)
     }

     75% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0)
     }

     90% {
          -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0)
     }

     100% {
          -webkit-transform: none;
          transform: none
     }
}

@keyframes bounceInRight {

     0%,
     100%,
     60%,
     75%,
     90% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
     }

     0% {
          opacity: 0;
          -webkit-transform: translate3d(3000px, 0, 0);
          -ms-transform: translate3d(3000px, 0, 0);
          transform: translate3d(3000px, 0, 0)
     }

     60% {
          opacity: 1;
          -webkit-transform: translate3d(-25px, 0, 0);
          -ms-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0)
     }

     75% {
          -webkit-transform: translate3d(10px, 0, 0);
          -ms-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0)
     }

     90% {
          -webkit-transform: translate3d(-5px, 0, 0);
          -ms-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0)
     }

     100% {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.bounceInRight {
     -webkit-animation-name: bounceInRight;
     animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

     0%,
     100%,
     60%,
     75%,
     90% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
     }

     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 3000px, 0);
          transform: translate3d(0, 3000px, 0)
     }

     60% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
     }

     75% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0)
     }

     90% {
          -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0)
     }

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

@keyframes bounceInUp {

     0%,
     100%,
     60%,
     75%,
     90% {
          -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
          transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
     }

     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 3000px, 0);
          -ms-transform: translate3d(0, 3000px, 0);
          transform: translate3d(0, 3000px, 0)
     }

     60% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          -ms-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
     }

     75% {
          -webkit-transform: translate3d(0, 10px, 0);
          -ms-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0)
     }

     90% {
          -webkit-transform: translate3d(0, -5px, 0);
          -ms-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0)
     }

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

.bounceInUp {
     -webkit-animation-name: bounceInUp;
     animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
     20% {
          -webkit-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9)
     }

     50%,
     55% {
          opacity: 1;
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1)
     }

     100% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
     }
}

@keyframes bounceOut {
     20% {
          -webkit-transform: scale3d(.9, .9, .9);
          -ms-transform: scale3d(.9, .9, .9);
          transform: scale3d(.9, .9, .9)
     }

     50%,
     55% {
          opacity: 1;
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          -ms-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1)
     }

     100% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          -ms-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
     }
}

.bounceOut {
     -webkit-animation-name: bounceOut;
     animation-name: bounceOut;
     -webkit-animation-duration: .75s;
     animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
     20% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0)
     }

     40%,
     45% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
     }
}

@keyframes bounceOutDown {
     20% {
          -webkit-transform: translate3d(0, 10px, 0);
          -ms-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0)
     }

     40%,
     45% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          -ms-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          -ms-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
     }
}

.bounceOutDown {
     -webkit-animation-name: bounceOutDown;
     animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
     20% {
          opacity: 1;
          -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
     }
}

@keyframes bounceOutLeft {
     20% {
          opacity: 1;
          -webkit-transform: translate3d(20px, 0, 0);
          -ms-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          -ms-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
     }
}

.bounceOutLeft {
     -webkit-animation-name: bounceOutLeft;
     animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
     20% {
          opacity: 1;
          -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
     }
}

@keyframes bounceOutRight {
     20% {
          opacity: 1;
          -webkit-transform: translate3d(-20px, 0, 0);
          -ms-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          -ms-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
     }
}

.bounceOutRight {
     -webkit-animation-name: bounceOutRight;
     animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
     20% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0)
     }

     40%,
     45% {
          opacity: 1;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
     }
}

@keyframes bounceOutUp {
     20% {
          -webkit-transform: translate3d(0, -10px, 0);
          -ms-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0)
     }

     40%,
     45% {
          opacity: 1;
          -webkit-transform: translate3d(0, 20px, 0);
          -ms-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          -ms-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
     }
}

.bounceOutUp {
     -webkit-animation-name: bounceOutUp;
     animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
     0% {
          opacity: 0
     }

     100% {
          opacity: 1
     }
}

@keyframes fadeIn {
     0% {
          opacity: 0
     }

     100% {
          opacity: 1
     }
}

.fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
     }
}

@keyframes fadeInDown {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -20px, 0);
          -ms-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
     }
}

@keyframes fadeInDownBig {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          -ms-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.fadeInDownBig {
     -webkit-animation-name: fadeInDownBig;
     animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(-200px, 0, 0);
          transform: translate3d(-200px, 0, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
     }
}

@keyframes fadeInLeft {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(-200px, 0, 0);
          -ms-transform: translate3d(-200px, 0, 0);
          transform: translate3d(-200px, 0, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
     }
}

@keyframes fadeInLeftBig {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          -ms-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.fadeInLeftBig {
     -webkit-animation-name: fadeInLeftBig;
     animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(200px, 0, 0);
          transform: translate3d(200px, 0, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
     }
}

@keyframes fadeInRight {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(200px, 0, 0);
          -ms-transform: translate3d(200px, 0, 0);
          transform: translate3d(200px, 0, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
     }
}

@keyframes fadeInRightBig {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          -ms-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.fadeInRightBig {
     -webkit-animation-name: fadeInRightBig;
     animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
     }
}

@keyframes fadeInUp {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 20px, 0);
          -ms-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
     }
}

@keyframes fadeInUpBig {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          -ms-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.fadeInUpBig {
     -webkit-animation-name: fadeInUpBig;
     animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0
     }
}

@keyframes fadeOut {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0
     }
}

.fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0)
     }
}

@keyframes fadeOutDown {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 20px, 0);
          -ms-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0)
     }
}

.fadeOutDown {
     -webkit-animation-name: fadeOutDown;
     animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
     }
}

@keyframes fadeOutDownBig {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          -ms-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0)
     }
}

.fadeOutDownBig {
     -webkit-animation-name: fadeOutDownBig;
     animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
     0% {
          opacity: 1
     }

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

@keyframes fadeOutLeft {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          -ms-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0)
     }
}

.fadeOutLeft {
     -webkit-animation-name: fadeOutLeft;
     animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
     }
}

@keyframes fadeOutLeftBig {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          -ms-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0)
     }
}

.fadeOutLeftBig {
     -webkit-animation-name: fadeOutLeftBig;
     animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
     0% {
          opacity: 1
     }

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

@keyframes fadeOutRight {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          -ms-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0)
     }
}

.fadeOutRight {
     -webkit-animation-name: fadeOutRight;
     animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
     }
}

@keyframes fadeOutRightBig {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          -ms-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0)
     }
}

.fadeOutRightBig {
     -webkit-animation-name: fadeOutRightBig;
     animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
     }
}

@keyframes fadeOutUp {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -20px, 0);
          -ms-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0)
     }
}

.fadeOutUp {
     -webkit-animation-name: fadeOutUp;
     animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
     }
}

@keyframes fadeOutUpBig {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          -ms-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0)
     }
}

.fadeOutUpBig {
     -webkit-animation-name: fadeOutUpBig;
     animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
     0% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
     }

     40% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
     }

     50% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
     }

     80% {
          -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
          transform: perspective(400px) scale3d(.95, .95, .95);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
     }

     100% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
     }
}

@keyframes flip {
     0% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
     }

     40% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
     }

     50% {
          -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
     }

     80% {
          -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
          -ms-transform: perspective(400px) scale3d(.95, .95, .95);
          transform: perspective(400px) scale3d(.95, .95, .95);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
     }

     100% {
          -webkit-transform: perspective(400px);
          -ms-transform: perspective(400px);
          transform: perspective(400px);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
     }
}

.animated.flip {
     -webkit-backface-visibility: visible;
     -ms-backface-visibility: visible;
     backface-visibility: visible;
     -webkit-animation-name: flip;
     animation-name: flip
}

@-webkit-keyframes flipInX {
     0% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
          opacity: 0
     }

     40% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in
     }

     60% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          opacity: 1
     }

     80% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
     }

     100% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
     }
}

@keyframes flipInX {
     0% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
          opacity: 0
     }

     40% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in
     }

     60% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          opacity: 1
     }

     80% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
          -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
     }

     100% {
          -webkit-transform: perspective(400px);
          -ms-transform: perspective(400px);
          transform: perspective(400px)
     }
}

.flipInX {
     -webkit-backface-visibility: visible !important;
     -ms-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInX;
     animation-name: flipInX
}

@-webkit-keyframes flipInY {
     0% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
          opacity: 0
     }

     40% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in
     }

     60% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          opacity: 1
     }

     80% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
     }

     100% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
     }
}

@keyframes flipInY {
     0% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
          opacity: 0
     }

     40% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
          -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in
     }

     60% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
          opacity: 1
     }

     80% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
          -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
     }

     100% {
          -webkit-transform: perspective(400px);
          -ms-transform: perspective(400px);
          transform: perspective(400px)
     }
}

.flipInY {
     -webkit-backface-visibility: visible !important;
     -ms-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInY;
     animation-name: flipInY
}

@-webkit-keyframes flipOutX {
     0% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
     }

     30% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          opacity: 1
     }

     100% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          opacity: 0
     }
}

@keyframes flipOutX {
     0% {
          -webkit-transform: perspective(400px);
          -ms-transform: perspective(400px);
          transform: perspective(400px)
     }

     30% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          opacity: 1
     }

     100% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          opacity: 0
     }
}

.flipOutX {
     -webkit-animation-name: flipOutX;
     animation-name: flipOutX;
     -webkit-animation-duration: .75s;
     animation-duration: .75s;
     -webkit-backface-visibility: visible !important;
     -ms-backface-visibility: visible !important;
     backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
     0% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px)
     }

     30% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          opacity: 1
     }

     100% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          opacity: 0
     }
}

@keyframes flipOutY {
     0% {
          -webkit-transform: perspective(400px);
          -ms-transform: perspective(400px);
          transform: perspective(400px)
     }

     30% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
          opacity: 1
     }

     100% {
          -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
          opacity: 0
     }
}

.flipOutY {
     -webkit-backface-visibility: visible !important;
     -ms-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipOutY;
     animation-name: flipOutY;
     -webkit-animation-duration: .75s;
     animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
     0% {
          -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
          transform: translate3d(100%, 0, 0) skewX(-30deg);
          opacity: 0
     }

     60% {
          -webkit-transform: skewX(20deg);
          transform: skewX(20deg);
          opacity: 1
     }

     80% {
          -webkit-transform: skewX(-5deg);
          transform: skewX(-5deg);
          opacity: 1
     }

     100% {
          -webkit-transform: none;
          transform: none;
          opacity: 1
     }
}

@keyframes lightSpeedIn {
     0% {
          -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
          -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
          transform: translate3d(100%, 0, 0) skewX(-30deg);
          opacity: 0
     }

     60% {
          -webkit-transform: skewX(20deg);
          -ms-transform: skewX(20deg);
          transform: skewX(20deg);
          opacity: 1
     }

     80% {
          -webkit-transform: skewX(-5deg);
          -ms-transform: skewX(-5deg);
          transform: skewX(-5deg);
          opacity: 1
     }

     100% {
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          opacity: 1
     }
}

.lightSpeedIn {
     -webkit-animation-name: lightSpeedIn;
     animation-name: lightSpeedIn;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
     0% {
          opacity: 1
     }

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

@keyframes lightSpeedOut {
     0% {
          opacity: 1
     }

     100% {
          -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
          -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
          transform: translate3d(100%, 0, 0) skewX(30deg);
          opacity: 0
     }
}

.lightSpeedOut {
     -webkit-animation-name: lightSpeedOut;
     animation-name: lightSpeedOut;
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
     0% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, -200deg);
          transform: rotate3d(0, 0, 1, -200deg);
          opacity: 0
     }

     100% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: none;
          transform: none;
          opacity: 1
     }
}

@keyframes rotateIn {
     0% {
          -webkit-transform-origin: center;
          -ms-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, -200deg);
          -ms-transform: rotate3d(0, 0, 1, -200deg);
          transform: rotate3d(0, 0, 1, -200deg);
          opacity: 0
     }

     100% {
          -webkit-transform-origin: center;
          -ms-transform-origin: center;
          transform-origin: center;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          opacity: 1
     }
}

.rotateIn {
     -webkit-animation-name: rotateIn;
     animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
     0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
     }

     100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
     }
}

@keyframes rotateInDownLeft {
     0% {
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          -ms-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
     }

     100% {
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          opacity: 1
     }
}

.rotateInDownLeft {
     -webkit-animation-name: rotateInDownLeft;
     animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
     0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
     }

     100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
     }
}

@keyframes rotateInDownRight {
     0% {
          -webkit-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          -ms-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
     }

     100% {
          -webkit-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          opacity: 1
     }
}

.rotateInDownRight {
     -webkit-animation-name: rotateInDownRight;
     animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
     0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
     }

     100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
     }
}

@keyframes rotateInUpLeft {
     0% {
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          -ms-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
     }

     100% {
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          opacity: 1
     }
}

.rotateInUpLeft {
     -webkit-animation-name: rotateInUpLeft;
     animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
     0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -90deg);
          transform: rotate3d(0, 0, 1, -90deg);
          opacity: 0
     }

     100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          transform: none;
          opacity: 1
     }
}

@keyframes rotateInUpRight {
     0% {
          -webkit-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -90deg);
          -ms-transform: rotate3d(0, 0, 1, -90deg);
          transform: rotate3d(0, 0, 1, -90deg);
          opacity: 0
     }

     100% {
          -webkit-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          opacity: 1
     }
}

.rotateInUpRight {
     -webkit-animation-name: rotateInUpRight;
     animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
     0% {
          -webkit-transform-origin: center;
          transform-origin: center;
          opacity: 1
     }

     100% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, 200deg);
          transform: rotate3d(0, 0, 1, 200deg);
          opacity: 0
     }
}

@keyframes rotateOut {
     0% {
          -webkit-transform-origin: center;
          -ms-transform-origin: center;
          transform-origin: center;
          opacity: 1
     }

     100% {
          -webkit-transform-origin: center;
          -ms-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate3d(0, 0, 1, 200deg);
          -ms-transform: rotate3d(0, 0, 1, 200deg);
          transform: rotate3d(0, 0, 1, 200deg);
          opacity: 0
     }
}

.rotateOut {
     -webkit-animation-name: rotateOut;
     animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
     0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1
     }

     100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
     }
}

@keyframes rotateOutDownLeft {
     0% {
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1
     }

     100% {
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          -ms-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
          opacity: 0
     }
}

.rotateOutDownLeft {
     -webkit-animation-name: rotateOutDownLeft;
     animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
     0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1
     }

     100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
     }
}

@keyframes rotateOutDownRight {
     0% {
          -webkit-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1
     }

     100% {
          -webkit-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          -ms-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
     }
}

.rotateOutDownRight {
     -webkit-animation-name: rotateOutDownRight;
     animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
     0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1
     }

     100% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
     }
}

@keyframes rotateOutUpLeft {
     0% {
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1
     }

     100% {
          -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          -ms-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
          opacity: 0
     }
}

.rotateOutUpLeft {
     -webkit-animation-name: rotateOutUpLeft;
     animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
     0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1
     }

     100% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 90deg);
          transform: rotate3d(0, 0, 1, 90deg);
          opacity: 0
     }
}

@keyframes rotateOutUpRight {
     0% {
          -webkit-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1
     }

     100% {
          -webkit-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate3d(0, 0, 1, 90deg);
          -ms-transform: rotate3d(0, 0, 1, 90deg);
          transform: rotate3d(0, 0, 1, 90deg);
          opacity: 0
     }
}

.rotateOutUpRight {
     -webkit-animation-name: rotateOutUpRight;
     animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
     0% {
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
     }

     20%,
     60% {
          -webkit-transform: rotate3d(0, 0, 1, 80deg);
          transform: rotate3d(0, 0, 1, 80deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
     }

     40%,
     80% {
          -webkit-transform: rotate3d(0, 0, 1, 60deg);
          transform: rotate3d(0, 0, 1, 60deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          opacity: 1
     }

     100% {
          -webkit-transform: translate3d(0, 700px, 0);
          transform: translate3d(0, 700px, 0);
          opacity: 0
     }
}

@keyframes hinge {
     0% {
          -webkit-transform-origin: top left;
          -ms-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
     }

     20%,
     60% {
          -webkit-transform: rotate3d(0, 0, 1, 80deg);
          -ms-transform: rotate3d(0, 0, 1, 80deg);
          transform: rotate3d(0, 0, 1, 80deg);
          -webkit-transform-origin: top left;
          -ms-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
     }

     40%,
     80% {
          -webkit-transform: rotate3d(0, 0, 1, 60deg);
          -ms-transform: rotate3d(0, 0, 1, 60deg);
          transform: rotate3d(0, 0, 1, 60deg);
          -webkit-transform-origin: top left;
          -ms-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          opacity: 1
     }

     100% {
          -webkit-transform: translate3d(0, 700px, 0);
          -ms-transform: translate3d(0, 700px, 0);
          transform: translate3d(0, 700px, 0);
          opacity: 0
     }
}

.hinge {
     -webkit-animation-name: hinge;
     animation-name: hinge
}

@-webkit-keyframes rollIn {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
          transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none
     }
}

@keyframes rollIn {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
          -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
          transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
     }

     100% {
          opacity: 1;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none
     }
}

.rollIn {
     -webkit-animation-name: rollIn;
     animation-name: rollIn
}

@-webkit-keyframes rollOut {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
          transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
     }
}

@keyframes rollOut {
     0% {
          opacity: 1
     }

     100% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
          -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
          transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
     }
}

.rollOut {
     -webkit-animation-name: rollOut;
     animation-name: rollOut
}

@-webkit-keyframes zoomIn {
     0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
     }

     50% {
          opacity: 1
     }
}

@keyframes zoomIn {
     0% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          -ms-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
     }

     50% {
          opacity: 1
     }
}

.zoomIn {
     -webkit-animation-name: zoomIn;
     animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
     0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

@keyframes zoomInDown {
     0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

.zoomInDown {
     -webkit-animation-name: zoomInDown;
     animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
     0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

@keyframes zoomInLeft {
     0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

.zoomInLeft {
     -webkit-animation-name: zoomInLeft;
     animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
     0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

@keyframes zoomInRight {
     0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

.zoomInRight {
     -webkit-animation-name: zoomInRight;
     animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
     0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

@keyframes zoomInUp {
     0% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     60% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

.zoomInUp {
     -webkit-animation-name: zoomInUp;
     animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
     0% {
          opacity: 1
     }

     50% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
     }

     100% {
          opacity: 0
     }
}

@keyframes zoomOut {
     0% {
          opacity: 1
     }

     50% {
          opacity: 0;
          -webkit-transform: scale3d(.3, .3, .3);
          -ms-transform: scale3d(.3, .3, .3);
          transform: scale3d(.3, .3, .3)
     }

     100% {
          opacity: 0
     }
}

.zoomOut {
     -webkit-animation-name: zoomOut;
     animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
     40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     100% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

@keyframes zoomOutDown {
     40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     100% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
          -webkit-transform-origin: center bottom;
          -ms-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

.zoomOutDown {
     -webkit-animation-name: zoomOutDown;
     animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
     40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
          transform: scale(.1) translate3d(-2000px, 0, 0);
          -webkit-transform-origin: left center;
          transform-origin: left center
     }
}

@keyframes zoomOutLeft {
     40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
          -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
          -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
          transform: scale(.1) translate3d(-2000px, 0, 0);
          -webkit-transform-origin: left center;
          -ms-transform-origin: left center;
          transform-origin: left center
     }
}

.zoomOutLeft {
     -webkit-animation-name: zoomOutLeft;
     animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
     40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
          transform: scale(.1) translate3d(2000px, 0, 0);
          -webkit-transform-origin: right center;
          transform-origin: right center
     }
}

@keyframes zoomOutRight {
     40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
          -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
          transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
     }

     100% {
          opacity: 0;
          -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
          -ms-transform: scale(.1) translate3d(2000px, 0, 0);
          transform: scale(.1) translate3d(2000px, 0, 0);
          -webkit-transform-origin: right center;
          -ms-transform-origin: right center;
          transform-origin: right center
     }
}

.zoomOutRight {
     -webkit-animation-name: zoomOutRight;
     animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
     40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     100% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

@keyframes zoomOutUp {
     40% {
          opacity: 1;
          -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
          animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
     }

     100% {
          opacity: 0;
          -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
          -webkit-transform-origin: center bottom;
          -ms-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
          animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
     }
}

.zoomOutUp {
     -webkit-animation-name: zoomOutUp;
     animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
     0% {
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
          visibility: visible
     }

     100% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
     }
}

@keyframes slideInDown {
     0% {
          -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
          transform: translateY(-100%);
          visibility: visible
     }

     100% {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0)
     }
}

.slideInDown {
     -webkit-animation-name: slideInDown;
     animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
     0% {
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
          visibility: visible
     }

     100% {
          -webkit-transform: translateX(0);
          transform: translateX(0)
     }
}

@keyframes slideInLeft {
     0% {
          -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          transform: translateX(-100%);
          visibility: visible
     }

     100% {
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0)
     }
}

.slideInLeft {
     -webkit-animation-name: slideInLeft;
     animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
     0% {
          -webkit-transform: translateX(100%);
          transform: translateX(100%);
          visibility: visible
     }

     100% {
          -webkit-transform: translateX(0);
          transform: translateX(0)
     }
}

@keyframes slideInRight {
     0% {
          -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
          transform: translateX(100%);
          visibility: visible
     }

     100% {
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0)
     }
}

.slideInRight {
     -webkit-animation-name: slideInRight;
     animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
     0% {
          -webkit-transform: translateY(100%);
          transform: translateY(100%);
          visibility: visible
     }

     100% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
     }
}

@keyframes slideInUp {
     0% {
          -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
          transform: translateY(100%);
          visibility: visible
     }

     100% {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0)
     }
}

.slideInUp {
     -webkit-animation-name: slideInUp;
     animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
     0% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
     }

     100% {
          visibility: hidden;
          -webkit-transform: translateY(100%);
          transform: translateY(100%)
     }
}

@keyframes slideOutDown {
     0% {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0)
     }

     100% {
          visibility: hidden;
          -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
          transform: translateY(100%)
     }
}

.slideOutDown {
     -webkit-animation-name: slideOutDown;
     animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
     0% {
          -webkit-transform: translateX(0);
          transform: translateX(0)
     }

     100% {
          visibility: hidden;
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%)
     }
}

@keyframes slideOutLeft {
     0% {
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0)
     }

     100% {
          visibility: hidden;
          -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          transform: translateX(-100%)
     }
}

.slideOutLeft {
     -webkit-animation-name: slideOutLeft;
     animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
     0% {
          -webkit-transform: translateX(0);
          transform: translateX(0)
     }

     100% {
          visibility: hidden;
          -webkit-transform: translateX(100%);
          transform: translateX(100%)
     }
}

@keyframes slideOutRight {
     0% {
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0)
     }

     100% {
          visibility: hidden;
          -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
          transform: translateX(100%)
     }
}

.slideOutRight {
     -webkit-animation-name: slideOutRight;
     animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
     0% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
     }

     100% {
          visibility: hidden;
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%)
     }
}

@keyframes slideOutUp {
     0% {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0)
     }

     100% {
          visibility: hidden;
          -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
          transform: translateY(-100%)
     }
}

.slideOutUp {
     -webkit-animation-name: slideOutUp;
     animation-name: slideOutUp
}

@-webkit-keyframes imgBgAnimation {
     0% {
          -webkit-transform: scale(1);
     }

     100% {
          -webkit-transform: scale(1.08);
     }
}

@keyframes imgBgAnimation {
     0% {
          transform: scale(1);
     }

     100% {
          transform: scale(1.08);
     }
}

.imgBgAnimation {
     -webkit-animation-name: imgBgAnimation;
     animation-name: imgBgAnimation
}

@keyframes icon-bounce {

     0%,
     to {
          -webkit-transform: rotate(0);
          transform: rotate(0)
     }

     25% {
          -webkit-transform: rotate(15deg);
          transform: rotate(15deg)
     }

     50% {
          -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg)
     }

     75% {
          -webkit-transform: rotate(5deg);
          transform: rotate(5deg)
     }

     85% {
          -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg)
     }
}

@-webkit-keyframes icon-bounce {

     0%,
     to {
          -webkit-transform: rotate(0);
          transform: rotate(0)
     }

     25% {
          -webkit-transform: rotate(15deg);
          transform: rotate(15deg)
     }

     50% {
          -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg)
     }

     75% {
          -webkit-transform: rotate(5deg);
          transform: rotate(5deg)
     }

     85% {
          -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg)
     }
}

/*aos css*/
[aos][aos][aos-easing=linear],
body[aos-easing=linear] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
     transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[aos][aos][aos-easing=ease],
body[aos-easing=ease] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.25, .1, .25, 1);
     transition-timing-function: cubic-bezier(.25, .1, .25, 1)
}

[aos][aos][aos-easing=ease-in],
body[aos-easing=ease-in] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.42, 0, 1, 1);
     transition-timing-function: cubic-bezier(.42, 0, 1, 1)
}

[aos][aos][aos-easing=ease-out],
body[aos-easing=ease-out] [aos] {
     -webkit-transition-timing-function: cubic-bezier(0, 0, .58, 1);
     transition-timing-function: cubic-bezier(0, 0, .58, 1)
}

[aos][aos][aos-easing=ease-in-out],
body[aos-easing=ease-in-out] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
     transition-timing-function: cubic-bezier(.42, 0, .58, 1)
}

[aos][aos][aos-easing=ease-in-back],
body[aos-easing=ease-in-back] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
     transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[aos][aos][aos-easing=ease-out-back],
body[aos-easing=ease-out-back] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
     transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[aos][aos][aos-easing=ease-in-out-back],
body[aos-easing=ease-in-out-back] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
     transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[aos][aos][aos-easing=ease-in-sine],
body[aos-easing=ease-in-sine] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
     transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[aos][aos][aos-easing=ease-out-sine],
body[aos-easing=ease-out-sine] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
     transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[aos][aos][aos-easing=ease-in-out-sine],
body[aos-easing=ease-in-out-sine] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
     transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[aos][aos][aos-easing=ease-in-quad],
[aos][aos][aos-easing=ease-in-cubic],
[aos][aos][aos-easing=ease-in-quart],
body[aos-easing=ease-in-quad] [aos],
body[aos-easing=ease-in-cubic] [aos],
body[aos-easing=ease-in-quart] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
     transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[aos][aos][aos-easing=ease-out-quad],
[aos][aos][aos-easing=ease-out-cubic],
[aos][aos][aos-easing=ease-out-quart],
body[aos-easing=ease-out-quad] [aos],
body[aos-easing=ease-out-cubic] [aos],
body[aos-easing=ease-out-quart] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
     transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[aos][aos][aos-easing=ease-in-out-quad],
[aos][aos][aos-easing=ease-in-out-cubic],
[aos][aos][aos-easing=ease-in-out-quart],
body[aos-easing=ease-in-out-quad] [aos],
body[aos-easing=ease-in-out-cubic] [aos],
body[aos-easing=ease-in-out-quart] [aos] {
     -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
     transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[aos][aos][aos-duration='50'],
body[aos-duration='50'] [aos] {
     -webkit-transition-duration: 50ms;
     transition-duration: 50ms
}

[aos][aos][aos-duration='100'],
body[aos-duration='100'] [aos] {
     -webkit-transition-duration: .1s;
     transition-duration: .1s
}

[aos][aos][aos-duration='150'],
body[aos-duration='150'] [aos] {
     -webkit-transition-duration: 150ms;
     transition-duration: 150ms
}

[aos][aos][aos-duration='200'],
body[aos-duration='200'] [aos] {
     -webkit-transition-duration: .2s;
     transition-duration: .2s
}

[aos][aos][aos-duration='250'],
body[aos-duration='250'] [aos] {
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms
}

[aos][aos][aos-duration='300'],
body[aos-duration='300'] [aos] {
     -webkit-transition-duration: .3s;
     transition-duration: .3s
}

[aos][aos][aos-duration='350'],
body[aos-duration='350'] [aos] {
     -webkit-transition-duration: 350ms;
     transition-duration: 350ms
}

[aos][aos][aos-duration='400'],
body[aos-duration='400'] [aos] {
     -webkit-transition-duration: .4s;
     transition-duration: .4s
}

[aos][aos][aos-duration='450'],
body[aos-duration='450'] [aos] {
     -webkit-transition-duration: 450ms;
     transition-duration: 450ms
}

[aos][aos][aos-duration='500'],
body[aos-duration='500'] [aos] {
     -webkit-transition-duration: .5s;
     transition-duration: .5s
}

[aos][aos][aos-duration='550'],
body[aos-duration='550'] [aos] {
     -webkit-transition-duration: 550ms;
     transition-duration: 550ms
}

[aos][aos][aos-duration='600'],
body[aos-duration='600'] [aos] {
     -webkit-transition-duration: .6s;
     transition-duration: .6s
}

[aos][aos][aos-duration='650'],
body[aos-duration='650'] [aos] {
     -webkit-transition-duration: 650ms;
     transition-duration: 650ms
}

[aos][aos][aos-duration='700'],
body[aos-duration='700'] [aos] {
     -webkit-transition-duration: .7s;
     transition-duration: .7s
}

[aos][aos][aos-duration='750'],
body[aos-duration='750'] [aos] {
     -webkit-transition-duration: 750ms;
     transition-duration: 750ms
}

[aos][aos][aos-duration='800'],
body[aos-duration='800'] [aos] {
     -webkit-transition-duration: .8s;
     transition-duration: .8s
}

[aos][aos][aos-duration='850'],
body[aos-duration='850'] [aos] {
     -webkit-transition-duration: 850ms;
     transition-duration: 850ms
}

[aos][aos][aos-duration='900'],
body[aos-duration='900'] [aos] {
     -webkit-transition-duration: .9s;
     transition-duration: .9s
}

[aos][aos][aos-duration='950'],
body[aos-duration='950'] [aos] {
     -webkit-transition-duration: 950ms;
     transition-duration: 950ms
}

[aos][aos][aos-duration='1000'],
body[aos-duration='1000'] [aos] {
     -webkit-transition-duration: 1s;
     transition-duration: 1s
}

[aos][aos][aos-duration='1050'],
body[aos-duration='1050'] [aos] {
     -webkit-transition-duration: 1.05s;
     transition-duration: 1.05s
}

[aos][aos][aos-duration='1100'],
body[aos-duration='1100'] [aos] {
     -webkit-transition-duration: 1.1s;
     transition-duration: 1.1s
}

[aos][aos][aos-duration='1150'],
body[aos-duration='1150'] [aos] {
     -webkit-transition-duration: 1.15s;
     transition-duration: 1.15s
}

[aos][aos][aos-duration='1200'],
body[aos-duration='1200'] [aos] {
     -webkit-transition-duration: 1.2s;
     transition-duration: 1.2s
}

[aos][aos][aos-duration='1250'],
body[aos-duration='1250'] [aos] {
     -webkit-transition-duration: 1.25s;
     transition-duration: 1.25s
}

[aos][aos][aos-duration='1300'],
body[aos-duration='1300'] [aos] {
     -webkit-transition-duration: 1.3s;
     transition-duration: 1.3s
}

[aos][aos][aos-duration='1350'],
body[aos-duration='1350'] [aos] {
     -webkit-transition-duration: 1.35s;
     transition-duration: 1.35s
}

[aos][aos][aos-duration='1400'],
body[aos-duration='1400'] [aos] {
     -webkit-transition-duration: 1.4s;
     transition-duration: 1.4s
}

[aos][aos][aos-duration='1450'],
body[aos-duration='1450'] [aos] {
     -webkit-transition-duration: 1.45s;
     transition-duration: 1.45s
}

[aos][aos][aos-duration='1500'],
body[aos-duration='1500'] [aos] {
     -webkit-transition-duration: 1.5s;
     transition-duration: 1.5s
}

[aos][aos][aos-duration='1550'],
body[aos-duration='1550'] [aos] {
     -webkit-transition-duration: 1.55s;
     transition-duration: 1.55s
}

[aos][aos][aos-duration='1600'],
body[aos-duration='1600'] [aos] {
     -webkit-transition-duration: 1.6s;
     transition-duration: 1.6s
}

[aos][aos][aos-duration='1650'],
body[aos-duration='1650'] [aos] {
     -webkit-transition-duration: 1.65s;
     transition-duration: 1.65s
}

[aos][aos][aos-duration='1700'],
body[aos-duration='1700'] [aos] {
     -webkit-transition-duration: 1.7s;
     transition-duration: 1.7s
}

[aos][aos][aos-duration='1750'],
body[aos-duration='1750'] [aos] {
     -webkit-transition-duration: 1.75s;
     transition-duration: 1.75s
}

[aos][aos][aos-duration='1800'],
body[aos-duration='1800'] [aos] {
     -webkit-transition-duration: 1.8s;
     transition-duration: 1.8s
}

[aos][aos][aos-duration='1850'],
body[aos-duration='1850'] [aos] {
     -webkit-transition-duration: 1.85s;
     transition-duration: 1.85s
}

[aos][aos][aos-duration='1900'],
body[aos-duration='1900'] [aos] {
     -webkit-transition-duration: 1.9s;
     transition-duration: 1.9s
}

[aos][aos][aos-duration='1950'],
body[aos-duration='1950'] [aos] {
     -webkit-transition-duration: 1.95s;
     transition-duration: 1.95s
}

[aos][aos][aos-duration='2000'],
body[aos-duration='2000'] [aos] {
     -webkit-transition-duration: 2s;
     transition-duration: 2s
}

[aos][aos][aos-duration='2050'],
body[aos-duration='2050'] [aos] {
     -webkit-transition-duration: 2.05s;
     transition-duration: 2.05s
}

[aos][aos][aos-duration='2100'],
body[aos-duration='2100'] [aos] {
     -webkit-transition-duration: 2.1s;
     transition-duration: 2.1s
}

[aos][aos][aos-duration='2150'],
body[aos-duration='2150'] [aos] {
     -webkit-transition-duration: 2.15s;
     transition-duration: 2.15s
}

[aos][aos][aos-duration='2200'],
body[aos-duration='2200'] [aos] {
     -webkit-transition-duration: 2.2s;
     transition-duration: 2.2s
}

[aos][aos][aos-duration='2250'],
body[aos-duration='2250'] [aos] {
     -webkit-transition-duration: 2.25s;
     transition-duration: 2.25s
}

[aos][aos][aos-duration='2300'],
body[aos-duration='2300'] [aos] {
     -webkit-transition-duration: 2.3s;
     transition-duration: 2.3s
}

[aos][aos][aos-duration='2350'],
body[aos-duration='2350'] [aos] {
     -webkit-transition-duration: 2.35s;
     transition-duration: 2.35s
}

[aos][aos][aos-duration='2400'],
body[aos-duration='2400'] [aos] {
     -webkit-transition-duration: 2.4s;
     transition-duration: 2.4s
}

[aos][aos][aos-duration='2450'],
body[aos-duration='2450'] [aos] {
     -webkit-transition-duration: 2.45s;
     transition-duration: 2.45s
}

[aos][aos][aos-duration='2500'],
body[aos-duration='2500'] [aos] {
     -webkit-transition-duration: 2.5s;
     transition-duration: 2.5s
}

[aos][aos][aos-duration='2550'],
body[aos-duration='2550'] [aos] {
     -webkit-transition-duration: 2.55s;
     transition-duration: 2.55s
}

[aos][aos][aos-duration='2600'],
body[aos-duration='2600'] [aos] {
     -webkit-transition-duration: 2.6s;
     transition-duration: 2.6s
}

[aos][aos][aos-duration='2650'],
body[aos-duration='2650'] [aos] {
     -webkit-transition-duration: 2.65s;
     transition-duration: 2.65s
}

[aos][aos][aos-duration='2700'],
body[aos-duration='2700'] [aos] {
     -webkit-transition-duration: 2.7s;
     transition-duration: 2.7s
}

[aos][aos][aos-duration='2750'],
body[aos-duration='2750'] [aos] {
     -webkit-transition-duration: 2.75s;
     transition-duration: 2.75s
}

[aos][aos][aos-duration='2800'],
body[aos-duration='2800'] [aos] {
     -webkit-transition-duration: 2.8s;
     transition-duration: 2.8s
}

[aos][aos][aos-duration='2850'],
body[aos-duration='2850'] [aos] {
     -webkit-transition-duration: 2.85s;
     transition-duration: 2.85s
}

[aos][aos][aos-duration='2900'],
body[aos-duration='2900'] [aos] {
     -webkit-transition-duration: 2.9s;
     transition-duration: 2.9s
}

[aos][aos][aos-duration='2950'],
body[aos-duration='2950'] [aos] {
     -webkit-transition-duration: 2.95s;
     transition-duration: 2.95s
}

[aos][aos][aos-duration='3000'],
body[aos-duration='3000'] [aos] {
     -webkit-transition-duration: 3s;
     transition-duration: 3s
}

[aos][aos][aos-delay='50'],
body[aos-delay='50'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='50'].aos-animate,
body[aos-delay='50'] [aos].aos-animate {
     -webkit-transition-delay: 50ms;
     transition-delay: 50ms
}

[aos][aos][aos-delay='100'],
body[aos-delay='100'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='100'].aos-animate,
body[aos-delay='100'] [aos].aos-animate {
     -webkit-transition-delay: .1s;
     transition-delay: .1s
}

[aos][aos][aos-delay='150'],
body[aos-delay='150'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='150'].aos-animate,
body[aos-delay='150'] [aos].aos-animate {
     -webkit-transition-delay: 150ms;
     transition-delay: 150ms
}

[aos][aos][aos-delay='200'],
body[aos-delay='200'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='200'].aos-animate,
body[aos-delay='200'] [aos].aos-animate {
     -webkit-transition-delay: .2s;
     transition-delay: .2s
}

[aos][aos][aos-delay='250'],
body[aos-delay='250'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='250'].aos-animate,
body[aos-delay='250'] [aos].aos-animate {
     -webkit-transition-delay: 250ms;
     transition-delay: 250ms
}

[aos][aos][aos-delay='300'],
body[aos-delay='300'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='300'].aos-animate,
body[aos-delay='300'] [aos].aos-animate {
     -webkit-transition-delay: .3s;
     transition-delay: .3s
}

[aos][aos][aos-delay='350'],
body[aos-delay='350'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='350'].aos-animate,
body[aos-delay='350'] [aos].aos-animate {
     -webkit-transition-delay: 350ms;
     transition-delay: 350ms
}

[aos][aos][aos-delay='400'],
body[aos-delay='400'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='400'].aos-animate,
body[aos-delay='400'] [aos].aos-animate {
     -webkit-transition-delay: .4s;
     transition-delay: .4s
}

[aos][aos][aos-delay='450'],
body[aos-delay='450'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='450'].aos-animate,
body[aos-delay='450'] [aos].aos-animate {
     -webkit-transition-delay: 450ms;
     transition-delay: 450ms
}

[aos][aos][aos-delay='500'],
body[aos-delay='500'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='500'].aos-animate,
body[aos-delay='500'] [aos].aos-animate {
     -webkit-transition-delay: .5s;
     transition-delay: .5s
}

[aos][aos][aos-delay='550'],
body[aos-delay='550'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='550'].aos-animate,
body[aos-delay='550'] [aos].aos-animate {
     -webkit-transition-delay: 550ms;
     transition-delay: 550ms
}

[aos][aos][aos-delay='600'],
body[aos-delay='600'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='600'].aos-animate,
body[aos-delay='600'] [aos].aos-animate {
     -webkit-transition-delay: .6s;
     transition-delay: .6s
}

[aos][aos][aos-delay='650'],
body[aos-delay='650'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='650'].aos-animate,
body[aos-delay='650'] [aos].aos-animate {
     -webkit-transition-delay: 650ms;
     transition-delay: 650ms
}

[aos][aos][aos-delay='700'],
body[aos-delay='700'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='700'].aos-animate,
body[aos-delay='700'] [aos].aos-animate {
     -webkit-transition-delay: .7s;
     transition-delay: .7s
}

[aos][aos][aos-delay='750'],
body[aos-delay='750'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='750'].aos-animate,
body[aos-delay='750'] [aos].aos-animate {
     -webkit-transition-delay: 750ms;
     transition-delay: 750ms
}

[aos][aos][aos-delay='800'],
body[aos-delay='800'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='800'].aos-animate,
body[aos-delay='800'] [aos].aos-animate {
     -webkit-transition-delay: .8s;
     transition-delay: .8s
}

[aos][aos][aos-delay='850'],
body[aos-delay='850'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='850'].aos-animate,
body[aos-delay='850'] [aos].aos-animate {
     -webkit-transition-delay: 850ms;
     transition-delay: 850ms
}

[aos][aos][aos-delay='900'],
body[aos-delay='900'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='900'].aos-animate,
body[aos-delay='900'] [aos].aos-animate {
     -webkit-transition-delay: .9s;
     transition-delay: .9s
}

[aos][aos][aos-delay='950'],
body[aos-delay='950'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='950'].aos-animate,
body[aos-delay='950'] [aos].aos-animate {
     -webkit-transition-delay: 950ms;
     transition-delay: 950ms
}

[aos][aos][aos-delay='1000'],
body[aos-delay='1000'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1000'].aos-animate,
body[aos-delay='1000'] [aos].aos-animate {
     -webkit-transition-delay: 1s;
     transition-delay: 1s
}

[aos][aos][aos-delay='1050'],
body[aos-delay='1050'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1050'].aos-animate,
body[aos-delay='1050'] [aos].aos-animate {
     -webkit-transition-delay: 1.05s;
     transition-delay: 1.05s
}

[aos][aos][aos-delay='1100'],
body[aos-delay='1100'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1100'].aos-animate,
body[aos-delay='1100'] [aos].aos-animate {
     -webkit-transition-delay: 1.1s;
     transition-delay: 1.1s
}

[aos][aos][aos-delay='1150'],
body[aos-delay='1150'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1150'].aos-animate,
body[aos-delay='1150'] [aos].aos-animate {
     -webkit-transition-delay: 1.15s;
     transition-delay: 1.15s
}

[aos][aos][aos-delay='1200'],
body[aos-delay='1200'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1200'].aos-animate,
body[aos-delay='1200'] [aos].aos-animate {
     -webkit-transition-delay: 1.2s;
     transition-delay: 1.2s
}

[aos][aos][aos-delay='1250'],
body[aos-delay='1250'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1250'].aos-animate,
body[aos-delay='1250'] [aos].aos-animate {
     -webkit-transition-delay: 1.25s;
     transition-delay: 1.25s
}

[aos][aos][aos-delay='1300'],
body[aos-delay='1300'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1300'].aos-animate,
body[aos-delay='1300'] [aos].aos-animate {
     -webkit-transition-delay: 1.3s;
     transition-delay: 1.3s
}

[aos][aos][aos-delay='1350'],
body[aos-delay='1350'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1350'].aos-animate,
body[aos-delay='1350'] [aos].aos-animate {
     -webkit-transition-delay: 1.35s;
     transition-delay: 1.35s
}

[aos][aos][aos-delay='1400'],
body[aos-delay='1400'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1400'].aos-animate,
body[aos-delay='1400'] [aos].aos-animate {
     -webkit-transition-delay: 1.4s;
     transition-delay: 1.4s
}

[aos][aos][aos-delay='1450'],
body[aos-delay='1450'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1450'].aos-animate,
body[aos-delay='1450'] [aos].aos-animate {
     -webkit-transition-delay: 1.45s;
     transition-delay: 1.45s
}

[aos][aos][aos-delay='1500'],
body[aos-delay='1500'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1500'].aos-animate,
body[aos-delay='1500'] [aos].aos-animate {
     -webkit-transition-delay: 1.5s;
     transition-delay: 1.5s
}

[aos][aos][aos-delay='1550'],
body[aos-delay='1550'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1550'].aos-animate,
body[aos-delay='1550'] [aos].aos-animate {
     -webkit-transition-delay: 1.55s;
     transition-delay: 1.55s
}

[aos][aos][aos-delay='1600'],
body[aos-delay='1600'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1600'].aos-animate,
body[aos-delay='1600'] [aos].aos-animate {
     -webkit-transition-delay: 1.6s;
     transition-delay: 1.6s
}

[aos][aos][aos-delay='1650'],
body[aos-delay='1650'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1650'].aos-animate,
body[aos-delay='1650'] [aos].aos-animate {
     -webkit-transition-delay: 1.65s;
     transition-delay: 1.65s
}

[aos][aos][aos-delay='1700'],
body[aos-delay='1700'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1700'].aos-animate,
body[aos-delay='1700'] [aos].aos-animate {
     -webkit-transition-delay: 1.7s;
     transition-delay: 1.7s
}

[aos][aos][aos-delay='1750'],
body[aos-delay='1750'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1750'].aos-animate,
body[aos-delay='1750'] [aos].aos-animate {
     -webkit-transition-delay: 1.75s;
     transition-delay: 1.75s
}

[aos][aos][aos-delay='1800'],
body[aos-delay='1800'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1800'].aos-animate,
body[aos-delay='1800'] [aos].aos-animate {
     -webkit-transition-delay: 1.8s;
     transition-delay: 1.8s
}

[aos][aos][aos-delay='1850'],
body[aos-delay='1850'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1850'].aos-animate,
body[aos-delay='1850'] [aos].aos-animate {
     -webkit-transition-delay: 1.85s;
     transition-delay: 1.85s
}

[aos][aos][aos-delay='1900'],
body[aos-delay='1900'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1900'].aos-animate,
body[aos-delay='1900'] [aos].aos-animate {
     -webkit-transition-delay: 1.9s;
     transition-delay: 1.9s
}

[aos][aos][aos-delay='1950'],
body[aos-delay='1950'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='1950'].aos-animate,
body[aos-delay='1950'] [aos].aos-animate {
     -webkit-transition-delay: 1.95s;
     transition-delay: 1.95s
}

[aos][aos][aos-delay='2000'],
body[aos-delay='2000'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2000'].aos-animate,
body[aos-delay='2000'] [aos].aos-animate {
     -webkit-transition-delay: 2s;
     transition-delay: 2s
}

[aos][aos][aos-delay='2050'],
body[aos-delay='2050'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2050'].aos-animate,
body[aos-delay='2050'] [aos].aos-animate {
     -webkit-transition-delay: 2.05s;
     transition-delay: 2.05s
}

[aos][aos][aos-delay='2100'],
body[aos-delay='2100'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2100'].aos-animate,
body[aos-delay='2100'] [aos].aos-animate {
     -webkit-transition-delay: 2.1s;
     transition-delay: 2.1s
}

[aos][aos][aos-delay='2150'],
body[aos-delay='2150'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2150'].aos-animate,
body[aos-delay='2150'] [aos].aos-animate {
     -webkit-transition-delay: 2.15s;
     transition-delay: 2.15s
}

[aos][aos][aos-delay='2200'],
body[aos-delay='2200'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2200'].aos-animate,
body[aos-delay='2200'] [aos].aos-animate {
     -webkit-transition-delay: 2.2s;
     transition-delay: 2.2s
}

[aos][aos][aos-delay='2250'],
body[aos-delay='2250'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2250'].aos-animate,
body[aos-delay='2250'] [aos].aos-animate {
     -webkit-transition-delay: 2.25s;
     transition-delay: 2.25s
}

[aos][aos][aos-delay='2300'],
body[aos-delay='2300'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2300'].aos-animate,
body[aos-delay='2300'] [aos].aos-animate {
     -webkit-transition-delay: 2.3s;
     transition-delay: 2.3s
}

[aos][aos][aos-delay='2350'],
body[aos-delay='2350'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2350'].aos-animate,
body[aos-delay='2350'] [aos].aos-animate {
     -webkit-transition-delay: 2.35s;
     transition-delay: 2.35s
}

[aos][aos][aos-delay='2400'],
body[aos-delay='2400'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2400'].aos-animate,
body[aos-delay='2400'] [aos].aos-animate {
     -webkit-transition-delay: 2.4s;
     transition-delay: 2.4s
}

[aos][aos][aos-delay='2450'],
body[aos-delay='2450'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2450'].aos-animate,
body[aos-delay='2450'] [aos].aos-animate {
     -webkit-transition-delay: 2.45s;
     transition-delay: 2.45s
}

[aos][aos][aos-delay='2500'],
body[aos-delay='2500'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2500'].aos-animate,
body[aos-delay='2500'] [aos].aos-animate {
     -webkit-transition-delay: 2.5s;
     transition-delay: 2.5s
}

[aos][aos][aos-delay='2550'],
body[aos-delay='2550'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2550'].aos-animate,
body[aos-delay='2550'] [aos].aos-animate {
     -webkit-transition-delay: 2.55s;
     transition-delay: 2.55s
}

[aos][aos][aos-delay='2600'],
body[aos-delay='2600'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2600'].aos-animate,
body[aos-delay='2600'] [aos].aos-animate {
     -webkit-transition-delay: 2.6s;
     transition-delay: 2.6s
}

[aos][aos][aos-delay='2650'],
body[aos-delay='2650'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2650'].aos-animate,
body[aos-delay='2650'] [aos].aos-animate {
     -webkit-transition-delay: 2.65s;
     transition-delay: 2.65s
}

[aos][aos][aos-delay='2700'],
body[aos-delay='2700'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2700'].aos-animate,
body[aos-delay='2700'] [aos].aos-animate {
     -webkit-transition-delay: 2.7s;
     transition-delay: 2.7s
}

[aos][aos][aos-delay='2750'],
body[aos-delay='2750'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2750'].aos-animate,
body[aos-delay='2750'] [aos].aos-animate {
     -webkit-transition-delay: 2.75s;
     transition-delay: 2.75s
}

[aos][aos][aos-delay='2800'],
body[aos-delay='2800'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2800'].aos-animate,
body[aos-delay='2800'] [aos].aos-animate {
     -webkit-transition-delay: 2.8s;
     transition-delay: 2.8s
}

[aos][aos][aos-delay='2850'],
body[aos-delay='2850'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2850'].aos-animate,
body[aos-delay='2850'] [aos].aos-animate {
     -webkit-transition-delay: 2.85s;
     transition-delay: 2.85s
}

[aos][aos][aos-delay='2900'],
body[aos-delay='2900'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2900'].aos-animate,
body[aos-delay='2900'] [aos].aos-animate {
     -webkit-transition-delay: 2.9s;
     transition-delay: 2.9s
}

[aos][aos][aos-delay='2950'],
body[aos-delay='2950'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='2950'].aos-animate,
body[aos-delay='2950'] [aos].aos-animate {
     -webkit-transition-delay: 2.95s;
     transition-delay: 2.95s
}

[aos][aos][aos-delay='3000'],
body[aos-delay='3000'] [aos] {
     -webkit-transition-delay: 0;
     transition-delay: 0
}

[aos][aos][aos-delay='3000'].aos-animate,
body[aos-delay='3000'] [aos].aos-animate {
     -webkit-transition-delay: 3s;
     transition-delay: 3s
}

[aos^=fade][aos^=fade] {
     opacity: 0;
     -webkit-transition-property: all;
     transition-property: all
}

[aos^=fade][aos^=fade].aos-animate {
     opacity: 1
}

[aos=fade-up] {
     -webkit-transform: translate(0, 100px);
     -ms-transform: translate(0, 100px);
     transform: translate(0, 100px)
}

[aos=fade-up].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos=fade-down] {
     -webkit-transform: translate(0, -100px);
     -ms-transform: translate(0, -100px);
     transform: translate(0, -100px)
}

[aos=fade-down].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos=fade-right] {
     -webkit-transform: translate(-100px, 0);
     -ms-transform: translate(-100px, 0);
     transform: translate(-100px, 0)
}

[aos=fade-right].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos=fade-left] {
     -webkit-transform: translate(100px, 0);
     -ms-transform: translate(100px, 0);
     transform: translate(100px, 0)
}

[aos=fade-left].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos=fade-up-right] {
     -webkit-transform: translate(-100px, 100px);
     -ms-transform: translate(-100px, 100px);
     transform: translate(-100px, 100px)
}

[aos=fade-up-right].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos=fade-up-left] {
     -webkit-transform: translate(100px, 100px);
     -ms-transform: translate(100px, 100px);
     transform: translate(100px, 100px)
}

[aos=fade-up-left].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos=fade-down-right] {
     -webkit-transform: translate(-100px, -100px);
     -ms-transform: translate(-100px, -100px);
     transform: translate(-100px, -100px)
}

[aos=fade-down-right].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos=fade-down-left] {
     -webkit-transform: translate(100px, -100px);
     -ms-transform: translate(100px, -100px);
     transform: translate(100px, -100px)
}

[aos=fade-down-left].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos^=zoom][aos^=zoom] {
     opacity: 0;
     -webkit-transition-property: all;
     transition-property: all
}

[aos^=zoom][aos^=zoom].aos-animate {
     opacity: 1
}

[aos=zoom-in] {
     -webkit-transform: scale(.6);
     -ms-transform: scale(.6);
     transform: scale(.6)
}

[aos=zoom-in].aos-animate {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
}

[aos=zoom-in-up] {
     -webkit-transform: translate(0, 100px) scale(.6);
     -ms-transform: translate(0, 100px) scale(.6);
     transform: translate(0, 100px) scale(.6)
}

[aos=zoom-in-up].aos-animate {
     -webkit-transform: translate(0, 0) scale(1);
     -ms-transform: translate(0, 0) scale(1);
     transform: translate(0, 0) scale(1)
}

[aos=zoom-in-down] {
     -webkit-transform: translate(0, -100px) scale(.6);
     -ms-transform: translate(0, -100px) scale(.6);
     transform: translate(0, -100px) scale(.6)
}

[aos=zoom-in-down].aos-animate {
     -webkit-transform: translate(0, 0) scale(1);
     -ms-transform: translate(0, 0) scale(1);
     transform: translate(0, 0) scale(1)
}

[aos=zoom-in-right] {
     -webkit-transform: translate(-100px, 0) scale(.6);
     -ms-transform: translate(-100px, 0) scale(.6);
     transform: translate(-100px, 0) scale(.6)
}

[aos=zoom-in-right].aos-animate {
     -webkit-transform: translate(0, 0) scale(1);
     -ms-transform: translate(0, 0) scale(1);
     transform: translate(0, 0) scale(1)
}

[aos=zoom-in-left] {
     -webkit-transform: translate(100px, 0) scale(.6);
     -ms-transform: translate(100px, 0) scale(.6);
     transform: translate(100px, 0) scale(.6)
}

[aos=zoom-in-left].aos-animate {
     -webkit-transform: translate(0, 0) scale(1);
     -ms-transform: translate(0, 0) scale(1);
     transform: translate(0, 0) scale(1)
}

[aos=zoom-out] {
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2)
}

[aos=zoom-out].aos-animate {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
}

[aos=zoom-out-up] {
     -webkit-transform: translate(0, 100px) scale(1.2);
     -ms-transform: translate(0, 100px) scale(1.2);
     transform: translate(0, 100px) scale(1.2)
}

[aos=zoom-out-up].aos-animate {
     -webkit-transform: translate(0, 0) scale(1);
     -ms-transform: translate(0, 0) scale(1);
     transform: translate(0, 0) scale(1)
}

[aos=zoom-out-down] {
     -webkit-transform: translate(0, -100px) scale(1.2);
     -ms-transform: translate(0, -100px) scale(1.2);
     transform: translate(0, -100px) scale(1.2)
}

[aos=zoom-out-down].aos-animate {
     -webkit-transform: translate(0, 0) scale(1);
     -ms-transform: translate(0, 0) scale(1);
     transform: translate(0, 0) scale(1)
}

[aos=zoom-out-right] {
     -webkit-transform: translate(-100px, 0) scale(1.2);
     -ms-transform: translate(-100px, 0) scale(1.2);
     transform: translate(-100px, 0) scale(1.2)
}

[aos=zoom-out-right].aos-animate {
     -webkit-transform: translate(0, 0) scale(1);
     -ms-transform: translate(0, 0) scale(1);
     transform: translate(0, 0) scale(1)
}

[aos=zoom-out-left] {
     -webkit-transform: translate(100px, 0) scale(1.2);
     -ms-transform: translate(100px, 0) scale(1.2);
     transform: translate(100px, 0) scale(1.2)
}

[aos=zoom-out-left].aos-animate {
     -webkit-transform: translate(0, 0) scale(1);
     -ms-transform: translate(0, 0) scale(1);
     transform: translate(0, 0) scale(1)
}

[aos=slide-up] {
     -webkit-transform: translate(0, 100%);
     -ms-transform: translate(0, 100%);
     transform: translate(0, 100%)
}

[aos=slide-up].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos=slide-down] {
     -webkit-transform: translate(0, -100%);
     -ms-transform: translate(0, -100%);
     transform: translate(0, -100%)
}

[aos=slide-down].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos=slide-right] {
     -webkit-transform: translate(-100%, 0);
     -ms-transform: translate(-100%, 0);
     transform: translate(-100%, 0)
}

[aos=slide-right].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos=slide-left] {
     -webkit-transform: translate(100%, 0);
     -ms-transform: translate(100%, 0);
     transform: translate(100%, 0)
}

[aos=slide-left].aos-animate {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0)
}

[aos^=flip] {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
}

[aos=flip-left] {
     -webkit-transform: perspective(2500px) rotateY(-100deg);
     transform: perspective(2500px) rotateY(-100deg)
}

[aos=flip-left].aos-animate {
     -webkit-transform: perspective(2500px) rotateY(0);
     transform: perspective(2500px) rotateY(0)
}

[aos=flip-right] {
     -webkit-transform: perspective(2500px) rotateY(100deg);
     transform: perspective(2500px) rotateY(100deg)
}

[aos=flip-right].aos-animate {
     -webkit-transform: perspective(2500px) rotateY(0);
     transform: perspective(2500px) rotateY(0)
}

[aos=flip-up] {
     -webkit-transform: perspective(2500px) rotateX(-100deg);
     transform: perspective(2500px) rotateX(-100deg)
}

[aos=flip-up].aos-animate {
     -webkit-transform: perspective(2500px) rotateX(0);
     transform: perspective(2500px) rotateX(0)
}

[aos=flip-down] {
     -webkit-transform: perspective(2500px) rotateX(100deg);
     transform: perspective(2500px) rotateX(100deg)
}

[aos=flip-down].aos-animate {
     -webkit-transform: perspective(2500px) rotateX(0);
     transform: perspective(2500px) rotateX(0)
}


@keyframes pageIn {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

@-webkit-keyframes scaleBg {
     from {
          -webkit-transform: scale(1.12);
          transform: scale(1.12);
     }

     to {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes scaleBg {
     from {
          -webkit-transform: scale(1.12);
          transform: scale(1.12);
     }

     to {
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes turnAni {
     0% {
          transform: rotate(0deg);
     }

     100% {
          transform: rotate(360deg);
     }
}

@keyframes RturnAni {
     0% {
          transform: rotate(0deg);
     }

     100% {
          transform: rotate(-360deg);
     }
}

@-webkit-keyframes bgFullAni {
     from {
          background-position: 1920px 100%;
     }

     to {
          background-position: 0 100%;
     }
}

@keyframes bgFullAni {
     from {
          background-position: 1920px 100%;
     }

     to {
          background-position: 0 100%;
     }
}


/**
 * Swiper 10.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 21, 2023
 */

@font-face {
     font-family: swiper-icons;
     src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
     font-weight: 400;
     font-style: normal
}

:root {
     --swiper-theme-color: #007aff
}

:host {
     position: relative;
     display: block;
     margin-left: auto;
     margin-right: auto;
     z-index: 1
}

.swiper {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     overflow: clip;
     list-style: none;
     padding: 0;
     z-index: 1;
     display: block
}

.swiper-vertical>.swiper-wrapper {
     flex-direction: column
}

.swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: flex;
     transition-property: transform;
     transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
     box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
     transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
     touch-action: pan-y
}

.swiper-vertical {
     touch-action: pan-x
}

.swiper-slide {
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative;
     transition-property: transform;
     display: block
}

.swiper-slide-invisible-blank {
     visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
     height: auto
}

.swiper-autoheight .swiper-wrapper {
     align-items: flex-start;
     transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
     transform: translateZ(0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
     perspective: 1200px
}

.swiper-3d .swiper-wrapper {
     transform-style: preserve-3d
}

.swiper-3d {
     perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
     transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
     overflow: auto;
     scrollbar-width: none;
     -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
     display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
     scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
     scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
     scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
     scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
     scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
     content: '';
     flex-shrink: 0;
     order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
     scroll-snap-align: center center;
     scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
     margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
     height: 100%;
     min-height: 1px;
     width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
     margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
     width: 100%;
     min-width: 1px;
     height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: 10
}

.swiper-3d .swiper-slide-shadow {
     background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
     background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
     background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
     background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
     width: 42px;
     height: 42px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -21px;
     margin-top: -21px;
     z-index: 10;
     transform-origin: 50%;
     box-sizing: border-box;
     border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
     border-radius: 50%;
     border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
     animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
     --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
     --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
     0% {
          transform: rotate(0deg)
     }

     100% {
          transform: rotate(360deg)
     }
}

.swiper-virtual .swiper-slide {
     -webkit-backface-visibility: hidden;
     transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
     height: 1px;
     width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
     width: 1px;
     height: var(--swiper-virtual-size)
}

:root {
     --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
     position: absolute;
     top: var(--swiper-navigation-top-offset, 50%);
     width: calc(var(--swiper-navigation-size)/ 44 * 27);
     height: var(--swiper-navigation-size);
     margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
     z-index: 10;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
     opacity: .35;
     cursor: auto;
     pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
     opacity: 0;
     cursor: auto;
     pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
     display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
     width: 100%;
     height: 100%;
     object-fit: contain;
     transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
     transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
     left: var(--swiper-navigation-sides-offset, 10px);
     right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
     right: var(--swiper-navigation-sides-offset, 10px);
     left: auto
}

.swiper-button-lock {
     display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
     font-family: swiper-icons;
     font-size: var(--swiper-navigation-size);
     text-transform: none !important;
     letter-spacing: 0;
     font-variant: initial;
     line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
     content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
     right: var(--swiper-navigation-sides-offset, 10px);
     left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
     content: 'next'
}

.swiper-pagination {
     position: absolute;
     text-align: center;
     transition: .3s opacity;
     transform: translate3d(0, 0, 0);
     z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
     opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
     display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
     bottom: var(--swiper-pagination-bottom, 8px);
     top: var(--swiper-pagination-top, auto);
     left: 0;
     width: 100%
}

.swiper-pagination-bullets-dynamic {
     overflow: hidden;
     font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     transform: scale(.33);
     position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
     transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
     transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
     transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
     transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
     transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
     transform: scale(.33)
}

.swiper-pagination-bullet {
     width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
     height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
     display: inline-block;
     border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
     background: var(--swiper-pagination-bullet-inactive-color, #000);
     opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
     border: none;
     margin: 0;
     padding: 0;
     box-shadow: none;
     -webkit-appearance: none;
     appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
     cursor: pointer
}

.swiper-pagination-bullet:only-child {
     display: none !important
}

.swiper-pagination-bullet-active {
     opacity: var(--swiper-pagination-bullet-opacity, 1);
     background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
     right: var(--swiper-pagination-right, 8px);
     left: var(--swiper-pagination-left, auto);
     top: 50%;
     transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
     display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
     top: 50%;
     transform: translateY(-50%);
     width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     display: inline-block;
     transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
     left: 50%;
     transform: translateX(-50%);
     white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
     color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
     background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
     position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: var(--swiper-pagination-color, var(--swiper-theme-color));
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     transform: scale(0);
     transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
     width: 100%;
     height: var(--swiper-pagination-progressbar-size, 4px);
     left: 0;
     top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
     width: var(--swiper-pagination-progressbar-size, 4px);
     height: 100%;
     left: 0;
     top: 0
}

.swiper-pagination-lock {
     display: none
}

.swiper-scrollbar {
     border-radius: var(--swiper-scrollbar-border-radius, 10px);
     position: relative;
     touch-action: none;
     background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
     display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
     position: absolute;
     left: var(--swiper-scrollbar-sides-offset, 1%);
     bottom: var(--swiper-scrollbar-bottom, 4px);
     top: var(--swiper-scrollbar-top, auto);
     z-index: 50;
     height: var(--swiper-scrollbar-size, 4px);
     width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
     position: absolute;
     left: var(--swiper-scrollbar-left, auto);
     right: var(--swiper-scrollbar-right, 4px);
     top: var(--swiper-scrollbar-sides-offset, 1%);
     z-index: 50;
     width: var(--swiper-scrollbar-size, 4px);
     height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
     height: 100%;
     width: 100%;
     position: relative;
     background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
     border-radius: var(--swiper-scrollbar-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: flex;
     justify-content: 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%;
     object-fit: contain
}

.swiper-slide-zoomed {
     cursor: move;
     touch-action: none
}

.swiper .swiper-notification {
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     opacity: 0;
     z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
     transition-timing-function: ease-out;
     margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
     flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
     flex-wrap: wrap;
     flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
     transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
     pointer-events: none;
     transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
     pointer-events: none
}

.swiper-fade .swiper-slide-active {
     pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
     pointer-events: auto
}

.swiper-cube {
     overflow: visible
}

.swiper-cube .swiper-slide {
     pointer-events: none;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1;
     visibility: hidden;
     transform-origin: 0 0;
     width: 100%;
     height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
     pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
     transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
     pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
     pointer-events: auto;
     visibility: visible
}

.swiper-cube .swiper-cube-shadow {
     position: absolute;
     left: 0;
     bottom: 0px;
     width: 100%;
     height: 100%;
     opacity: .6;
     z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
     content: '';
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
     pointer-events: auto;
     visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
     z-index: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
}

.swiper-flip {
     overflow: visible
}

.swiper-flip .swiper-slide {
     pointer-events: none;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
     pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
     pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
     z-index: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
}

.swiper-creative .swiper-slide {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     overflow: hidden;
     transition-property: transform, opacity, height
}

.swiper-cards {
     overflow: visible
}

.swiper-cards .swiper-slide {
     transform-origin: center bottom;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     overflow: hidden
}


/*slick.css*/
.slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
}

.slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
}

.slick-list:focus {
     outline: none;
}

.slick-list.dragging {
     cursor: pointer;
     cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}

.slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
     margin-left: auto;
     /*margin-right: auto;*/
}

.slick-track:before,
.slick-track:after {
     display: table;
     content: '';
}

.slick-track:after {
     clear: both;
}

.slick-loading .slick-track {
     visibility: hidden;
}

.slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px;
}

[dir='rtl'] .slick-slide {
     float: right;
}

.slick-slide img {
     display: block;
}

.slick-slide.slick-loading img {
     display: none;
}

.slick-slide.dragging img {
     pointer-events: none;
}

.slick-initialized .slick-slide {
     display: block;
}

.slick-loading .slick-slide {
     visibility: hidden;
}

.slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
     display: none;
}

.slick-dots {
     position: absolute;
     bottom: -25px;
     display: block;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
}

.slick-dots li {
     position: relative;
     display: inline-block;
     width: 20px;
     height: 20px;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;
}

.slick-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 20px;
     height: 20px;
     padding: 5px;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: none;
     background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
     outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
     opacity: 1;
}

.slick-dots li button:before {
     font-family: 'slick';
     font-size: 6px;
     line-height: 20px;
     position: absolute;
     top: 0;
     left: 0;
     width: 20px;
     height: 20px;
     content: '•';
     text-align: center;
     opacity: .25;
     color: black;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
     opacity: .75;
     color: black;
}


/*PC导航*/
.headerWpr,
.header {}

.headerWpr {
     position: relative;
     z-index: 10;
     left: 0;
     width: 100%;
     top: 0;
     height: 130px;
}

.header {
     position: fixed;
     left: 0;
     top: 0;
     background: #fff;
     width: 100%;
     transition: all 0.5s ease;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
     height: 100px;
     padding-top: 22px;
     height: 130px;
}

.header:before {
     content: "";
     height: 6px;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     background: var(--cor);
     transition: all 0.5s ease;
}

.sheader {
     height: 76px;
     padding-top: 10px;
}

.sheader .headRlinks {
     height: 0;
     padding-top: 0
}

.sheader .subFullMenuWpr {
     top: 76px;
}

.sheader:before {
     height: 4px;
}
.sheader .headRx {
     padding: 0px;
}
/*.header.out{ opacity:0; transform:translateY(-110px); visibility:hidden;}
.header.in{ opacity:1; transform:translateY(0); visibility:visible;}*/
.logo {
     float: left;
     position: relative;
     transition: all 0.5s ease;
     padding-top: 5px;
}

.logo img {
     height: 77px;
     width: auto;
     transition: all 0.5s ease;
}

.sheader .logo img {
     height: 50px;
}

.headRx {
     float: right;
     padding: 20px 0px 20px 0px;
}

.nav {
     display: flex;
}

.nav li {
     float: left;
     margin-left: 28px;
}

.nav_a {
     margin-left: 10px;
     display: inline-block;
     position: relative;
     font: 16px/64px sym;
}

.nav_a i {
     background: url(../images/menu_ar2.png) no-repeat center center;
     display: inline-block;
     height: 7px;
     width: 12px;
     margin-left: 7px;
     top: -1px;
}

.nav_a:hover,
.nav_a.on,
.nav li:hover .nav_a {
     color: var(--cor);
}

.subMenu {
     position: absolute;
     left: 50%;
     top: 90px;
     text-align: left;
     background: #fff;
     opacity: 0;
     visibility: hidden;
     padding-bottom: 15px;
     transition: all 0.5s ease;
     transform: scaleY(0) translateX(-50%);
     transform-origin: center top;
     border-radius: 0.3em;
     padding-top: 15px;
}

.subMenu:before {
     content: "";
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-bottom: 8px solid #fff;
     position: absolute;
     left: 50%;
     margin-left: -4px;
     top: -8px;
}

.nav li:hover .subMenu,
.nav li:hover .proMenuWpr {
     opacity: 1;
     visibility: visible;
     transform: scale(1) translateX(-50%);
}

.subMenu_a {
     display: block;
     line-height: 24px;
     padding: 14px 56px 14px 25px;
     font-size: 15px;
     letter-spacing: 1px;
     position: relative;
     transition: all 0.3s ease-in-out;
     z-index: 1;
     white-space: nowrap;
}

.subMenu_a:before {
     content: "";
     background: #c12c25;
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     bottom: -1px;
     transition: all 0.3s ease-in-out;
}

.subMenu_a:hover:before {
     width: 100%;
}

.subMenu p {
     position: relative;
}

.subMenu p:before {
     content: "";
     height: 1px;
     background: #E6E6E6;
     position: absolute;
     left: 25px;
     right: 25px;
     top: 0px
}

.subMenu p:nth-child(1):before {
     display: none;
}

.subMenu_a:hover {
     color: #fff;
}

.subMenu_a span {
     display: block;
     position: relative;
}

.subMenu_a i {
     background: url(../images/menu_ar.png) no-repeat center center;
     height: 16px;
     width: 25px;
     position: absolute;
     top: 50%;
     margin-top: -8px;
     right: 20px;
     transition: all 0.8s ease-in-out;
     transform: translateX(-45px);
     opacity: 0;
     background-size: 18px auto;
}

.subMenu_a:hover i {
     transform: translateX(0);
     opacity: 1;
}

.headRlinks {
     text-align: right;
     height: 44px;
     transition: all 0.5s ease;
     overflow: hidden;
     padding-top: 5px;
}

.head_tel {
     background: url(../images/top_tel.png) no-repeat left center;
     padding-left: 25px;
     font: 20px/26px din_b;
     color: var(--cor);
     margin-left: 20px;
     display: inline-block;
     white-space: nowrap;
     transform: translateY(3px)
}

.head_ra {
     display: inline-block;
     height: 26px;
     /*margin-left: 20px;*/
     position: relative;
     padding-left: 32px;
     font: 14px/26px sym;
     margin-top: 5px;
}

.head_ra span {
     position: absolute;
     left: 0;
     top: 0px;
     height: 26px;
     width: 26px;
     background: var(--cor);
     border-radius: 50%;
}

.head_ra span img {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     max-width: 80%;
     max-height: 80%;
     width: auto;
     height: auto;
}

.subFullMenuWpr {
     position: absolute;
     left: 0;
     right: 0;
     top: 130px;
     background: #fff;
     border-top: 1px solid #B2B4B6;
     transition: all 0.5s ease;
     visibility: hidden;
     opacity: 0;
     transform: scaleY(0);
     transform-origin: center top;
     box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
}

.nav li:hover .subFullMenuWpr {
     opacity: 1;
     visibility: visible;
     transform: scaleY(1);
}

.subFullMenu {
     display: flex;
     justify-content: space-between;
     max-width: 1120px;
     margin-left: auto;
     margin-right: auto;
}

.ksFullMenu {
     max-width: none;
}

.ksFullMenu .subFullmlx {
     width: 850px;
}

.ksnav_dls {
     display: flex;
     flex-wrap: wrap;
     margin-top: 30px;
}

.ksnav_dls dd {
     width: 30%;
     border-right: 1px solid #E1E1E1;
}

.ksnav_dls dd:nth-child(3n) {
     border: none;
}

.ksnav_a {
     display: block;
     padding-left: 28px;
     font: 16px/42px syr
}

.ksnav_a:hover {
     background: #E1E1E1;
     color: var(--cor);
}

.subFullmlx {
     width: 465px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 40px 0 60px;
     border-right: 1px solid #C8C8C8;
}

.subFullmlx strong {
     display: block;
     font: 24px/24px sym;
     color: var(--cor);
     padding-left: 28px;
}

.subFullmlx p {
     font-size: 14px;
     line-height: 26px;
     margin-top: 10px;
     color: var(--cor);
     padding-left: 28px;
}

.subFullmrx {
     width: 520px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 40px 0 60px;
}

.subFullmrtxt {
     height: 208px;
     position: relative;
     background: var(--cor);
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 0 22px;
}

.subFullmrtxt p {
     font-size: 14px;
     line-height: 24px;
}

.subFullmrtxt strong {
     margin-top: 10px;
     font: 80px/80px din_b;
     display: block;
}

.subFullmrtxt strong span {}

.nav_aBox {
     display: block;
     position: absolute;
     right: 0;
     top: 0;
}

.nav_aBox .overflowHide {
     width: 282px;
     height: 208px;
}

.subMsnm {
     margin-top: 20px;
}

.nav_sa {
     font: 16px/42px syr;
     display: block;
     padding-left: 28px;
}

.nav_sa:hover {
     background: #E1E1E1;
}

/*.sheader{position:fixed; left:0; top:0; background:#fff; width:100%; transition:all 0.5s ease; box-shadow:0 2px 5px rgba(0,0,0,0.08); height:76px; padding-top:10px; opacity:0; visibility:hidden; transform:translateY(-76px);}
.sheader.in{opacity:1; visibility:visible; transform:translateY(0px);}
.sheader .logo img{height:50px; width:auto;}
.sheader .subFullMenuWpr{top:76px;}*/

.headLan {
     float: left;
     position: relative;
     margin-left: 1.56vw;
}

.headLan span {
     background: var(--cor) url(../images/lan_ar.png) no-repeat calc(100% - 18px) center;
     display: inline-block;
     padding: 0px 38px 0px 19px;
     float: left;
     line-height: 30px;
     margin-top: 35px;
     border-radius: 2em;
     color: #fff;
     font-size: 14px;
     text-transform: uppercase;
}

.headLan_option {
     width: 112px;
     background: var(--cor);
     position: absolute;
     left: 50%;
     margin-left: -56px;
     top: 76px;
     border-radius: 0.3em;
     padding: 10px 0;
     transition: all 0.5s ease-in-out;
     opacity: 0;
     visibility: hidden;
}

.headLan_option a {
     display: block;
     text-align: center;
     color: #fff;
     line-height: 32px;
}

.headLan_option a:hover {
     background: #fff;
     color: var(--cor);
}

.headLan:hover .headLan_option {
     opacity: 1;
     visibility: visible;
}

.headLan_option:after {
     content: "";
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-bottom: 5px solid var(--cor);
     position: absolute;
     margin-left: -5px;
     top: -5px;
     left: 50%;
}

.pc_serbtn,
.head_ra {
     vertical-align: middle;
}

.pc_serbtn {
     display: inline-block;
     height: 26px;
     width: 140px;
     background: #E8E8E8;
     margin-left: 20px;
     position: relative;
     border-radius: 2em;
     overflow: hidden;
}

.pc_serbtn input {
     width: 100%;
     padding: 0 15px;
     line-height: 26p;
     background: none;
     line-height: 26px;
}

.pc_serbtn input:focus {}

.pc_serbtn button {
     background: var(--cor) url(../images/head_ico5.png) no-repeat center center;
     height: 26px;
     width: 26px;
     cursor: pointer;
     position: absolute;
     right: 0;
     top: 0;
     border-radius: 50%;
}



.tsHeaderTop .pc_serbtn {
     background: url(../images/top_ser2.png) no-repeat center center;
}

.tsHeaderTop .pc_serbtn:hover {
     background: url(../images/top_ser2m.png) no-repeat center center;
}

.tsHeader {}

.tsHeaderTop {}

.tsHeader .headerWpr {
     position: absolute;
}

.tsHeaderTop .header {
     padding-top: 25px;
     background: none;
     box-shadow: none;
     height: 125px;
}

.tsHeaderTop .logo img {
     opacity: 1;
}

.tsHeaderTop .logo img:nth-child(1) {
     opacity: 0;
}

.tsHeaderTop .nav_a {
     color: #ddd;
}

.tsHeaderTop .nav_a:hover,
.tsHeaderTop .nav_a.on {
     color: var(--cor);
}


.nav_disx {
     float: left;
     margin-left: 45px;
     padding-top: 12px;
}

.nav_dis {
     line-height: 38px;
     display: inline-block;
     color: #FFF !important;
     font-size: 16px;
     padding: 0px 38px 0px 46px;
     background: var(--cor) url(../images/top_dis.png) no-repeat 15px center;
     border-radius: 2em;
     position: relative;
     cursor: pointer;
}

.nav_dis:after {
     content: "";
     background: url(../images/top_war.png) no-repeat center center;
     height: 7px;
     width: 12px;
     position: absolute;
     right: 15px;
     top: 50%;
     margin-top: -4px;
}

.hos_flex {
     position: absolute;
     left: 0;
     width: 100%;
     top: 130px;
     background: #fff;
     padding: 40px 0 80px;
     border-top: 1px solid #B2B4B6;
     transition: all 0.5s ease;
     visibility: hidden;
     opacity: 0;
     transform: scaleY(0);
     transform-origin: center top;
     box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
}

.hos_flex .container {
     display: flex;
}

.hos_flex .container dl {
     margin-left: 90px;
     padding-right: 10px;
}

.hos_flex .container dl dd {
     margin-bottom: 18px;
}

.hos_a {
     font-size: 18px;
     color: #4c4c4c;
     line-height: 30px;
     display: inline-block;
     padding-right: 25px;
     background: url(../images/hos-ico1.png) no-repeat right center;
}

.hos_a:hover {
     background: url(../images/hos-ico2.png) no-repeat right center;
}

.nav_disx:hover .hos_flex {
     opacity: 1;
     visibility: visible;
     transform: scaleY(1);
}

.sheader .hos_flex {
     top: 76px;
}

@media (max-width:1799px) {
     .logo img {
          height: 76px;
     }

     .logo {
          margin-top: 5px;
          padding-top: 3px;
     }

     .head_ra {}

     .header {
          padding-top: 10px;
          height: 110px;
     }

     .head_ra img {
          width: 30px;
          height: 30px;
          top: 9px;
     }

     .nav_a {
          line-height: 52px;
     }

     .headerWpr {
          height: 110px;
     }

     .subFullMenuWpr {
          top: 110px;
     }

     .subMsnm dd {}

     .subMsnm {}

     .sheader .logo {
          margin-top: 0;
     }

     .sheader {
          height: 72px;
          /* transform:translateY(-72px);*/
     }

     .sheader .subFullMenuWpr {
          top: 72px;
     }

     .nav_disx {
          margin-left: 15px;
          padding-top: 10px;
     }

     .nav li {
          margin-left: 15px;
     }

     .nav_dis {
          line-height: 34px;
          font-size: 14px;
          padding: 0px 32px 0px 40px;
          background: var(--cor) url(../images/top_dis.png) no-repeat 14px center;
          background-size: 18px auto;
     }

     .hos_flex .container dl {
          margin-left: 50px;
          padding-right: 0;
     }

     .hos_a {
          font-size: 16px;
          line-height: 28px;
     }

     .hos_flex .container dl dd {
          margin-bottom: 12px;
     }

     .hos_flex {
          top: 110px;
          padding: 30px 0 60px;
     }

     .ksFullMenu .subFullmlx {
          width: 580px;
     }

     .ksnav_dls {
          margin-top: 20px;
     }

     .nav_aBox .overflowHide {
          width: 250px;
     }

     .subFullmrx {
          width: 500px;
     }

     .ksnav_dls dd {
          width: 28%;
     }

     .ksnav_dls dd:nth-child(3n-1) {
          width: 38%;
     }
}

@media (max-width:1379px) {}


/* 移动端导航 */
.mHeader,
.mMenuLayBg,
.mCloseBtn,
.mMmenuLay {
     display: none;
}

.mMenuLayBg,
.mMmenuLay,
.mCloseBtn {
     display: none;
}

@media (max-width:1199px) {

     .headerWpr,
     .header {
          display: none !important;
     }

     .mHeader {
          height: 56px;
          background: rgba(255, 255, 255, 0.9);
          position: fixed;
          left: 0;
          top: 0;
          width: 100%;
          padding: 0 15px;
          z-index: 20;
          box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.06);
          display: block;
     }

     .mOpenBtn {
          width: 26px;
          height: 20px;
          position: absolute;
          right: 15px;
          top: 50%;
          margin-top: -9px;
          overflow: hidden;
          cursor: pointer
     }

     .mOpenBtn i {
          width: 30px;
          height: 2px;
          margin-bottom: 4px;
          background: var(--cor);
          display: block
     }

     .mOpenBtn i:nth-child(2) {
          width: 21px
     }

     .mOpenBtn i:nth-child(3) {
          width: 25px
     }

     .mOpenBtn i:nth-child(4) {
          width: 10px
     }

     .mMenuLayBg {
          opacity: 0;
          position: fixed;
          z-index: 910;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          transition: all 0.5s ease-in-out;
          transition-delay: 0.4s;
          display: block;
          background: rgba(0, 0, 0, 0.3);
          background-size: cover;
          visibility: hidden;
     }

     .mMmenuLay {
          position: fixed;
          height: 100%;
          left: 0%;
          top: 0px;
          right: 0px;
          bottom: 0px;
          z-index: 920;
          overflow-y: auto;
          color: #fff;
          font-size: 14px;
          box-shadow: -2px 0px 4px 3px rgba(0, 0, 0, 0.06);
          padding: 35px 20px;
          transition: all 0.5s ease-in-out;
          opacity: 0;
          transform: translateX(100%);
          transition-delay: 0.2s;
          display: block;
          background: var(--rgba);
          background-size: cover;
     }

     .mCloseBtn {
          background: url(../images/close_w.svg) no-repeat center center;
          display: inline-block;
          height: 40px;
          width: 40px;
          border: 1px solid rgba(255, 255, 255, 0.6);
          position: absolute;
          right: 15px;
          top: 15px;
          border-radius: 50%;
          position: fixed;
          cursor: pointer;
          transition: all 0.5s ease-in-out;
          opacity: 0;
          display: block;
          z-index: 930;
          visibility: hidden;
          background-size: 22px auto;
     }

     .mLogo {
          float: left;
     }

     .mLogo img {
          height: 38px;
          width: auto;
          margin-top: 9px;
     }

     .mLogo span {
          font-size: 16px;
          line-height: 38px;
          display: inline-block;
          position: relative;
          left: 8px;
          top: 4px;
     }

     .mLogo span,
     .mLogo img {
          vertical-align: middle;
     }

     .mMmenuLay dt {
          position: relative;
          position: relative;
     }

     .mMenu_a1 {
          font-size: 15px;
          color: #fff;
          padding: 0 0px 0 6px;
          display: block;
          line-height: 46px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
          text-transform: uppercase;
     }

     .mMenu_a2 {
          font-size: 14px;
          color: #fff;
          line-height: 46px;
          display: block;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3);
          padding-left: 25px;
     }

     .mMenu_a3 {
          font-size: 14px;
          color: #fff;
          line-height: 46px;
          display: block;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3);
          padding-left: 50px;
     }

     .mToggle,
     .mToggle_a {
          height: 47px;
          width: 47px;
          position: absolute;
          top: 0px;
          right: -8px;
          background: url(../images/mArr.svg) no-repeat center center;
          cursor: pointer;
          display: none;
          transition: all 0.3s ease;
          background-size: 20px auto;
     }

     .mToggle2,
     .mToggle2_a {
          transform: rotate(180deg);
     }

     .mToggle_a {
          display: block
     }

     .mMmenuLay dd.mMenu_dd2 {
          transition: all 0.5s ease-in-out;
          height: 0;
          overflow: hidden;
          position: relative;
     }

     .mMmenuLay dl.on dd.mMenu_dd2 {
          height: 47px;
     }

     .mMenu_dd3 {
          display: none
     }

     .mMenu_a1:hover,
     .mMenu_a2:hover,
     .mMenu_a3:hover {
          color: #fff;
          opacity: 0.8
     }

     .mMenu_icon1 {
          background: url(../images/hd_i1.png) no-repeat center center;
          display: inline-block;
          height: 20px;
          width: 20px;
          margin-right: 8px;
     }

     .mMenu_a1 text,
     .mMenu_a1 i {
          vertical-align: middle;
     }

     .mMenuLayBg.on {
          opacity: 1;
          visibility: visible;
          transition-delay: 0.2s
     }

     .mMmenuLay.on {
          opacity: 1;
          transform: translateX(0%);
          transition-delay: 0.4s
     }

     .mCloseBtn.on {
          opacity: 1;
          transform: rotate(180deg);
          visibility: visible;
          opacity: 1;
     }

     .mHead_ser {
          background: url(../images/serIco_b.svg) no-repeat center center;
          display: inline-block;
          position: absolute;
          margin-top: -15px;
          top: 50%;
          right: 102px;
          height: 30px;
          width: 30px;
          background-size: 26px auto;
     }

     .mHead_tel {
          height: 36px;
          width: 36px;
          position: absolute;
          top: 11px;
          right: 142px;
          background: url(../images/mtel_ico.png) no-repeat center center;
          background-size: 21px auto;
     }

     .mHead_lan {
          font-size: 18px;
          text-transform: uppercase;
          line-height: 36px;
          height: 36px;
          width: 36px;
          color: var(--cor);
          display: inline-block;
          position: absolute;
          top: 11px;
          right: 50px;
     }

     .mHead_tel {
          height: 36px;
          width: 36px;
          position: absolute;
          top: 11px;
          right: 145px;
     }

     .mHot_link {
          margin-top: 25px;
          display: flex;
          justify-content: space-between;
     }

     .mHot_sa {
          font-size: 16px;
          line-height: 28px;
          color: rgba(255, 255, 255, 0.7) !important;
          display: flex;
     }

     .mHot_sa img {
          width: 24px;
          height: 24px;
     }

     .mHot_sa span {
          margin-right: 5px;
     }
}


/*搜索*/
.serBg {
     background: var(--rgba);
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 55;
}

.serLayer {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 56;
     padding-top: 120px;
}

.serClose {
     background: url(../images/close_w.svg) no-repeat center center;
     display: inline-block;
     height: 52px;
     width: 52px;
     border: 1px solid rgba(255, 255, 255, 0.6);
     position: fixed;
     right: 2vw;
     top: 2vw;
     border-radius: 50%;
     transition: all 0.5s ease-in-out;
     z-index: 900;
     background-size: 28px auto;
     cursor: pointer;
}

.serClose.on {
     transform: rotate(-360deg);
}

.serIntBox {
     margin: 0px auto;
     max-width: 90%;
     width: 1200px;
}

.serIntBox input {
     border-top: 1px solid rgba(255, 255, 255, 0.6);
     border-bottom: 1px solid rgba(255, 255, 255, 0.6);
     font-size: 20px;
     line-height: 108px;
     color: #FFF;
     height: 110px;
     background: url(../images/serIco_w.svg) no-repeat left center;
     padding-left: 52px;
     width: 100%;
     background-size: 40px auto;
}

.serIntBox input::-webkit-input-placeholder {
     color: #fff;
     opacity: 0.5
}

.serIntBox input::-moz-placeholder {
     color: #fff;
     opacity: 0.5
}

.serIntBox input:-moz-placeholder {
     color: #fff;
     opacity: 0.5
}

.serIntBox input:-ms-input-placeholder {
     color: #fff;
     opacity: 0.5
}

.serul {
     margin: 50px auto 0;
     max-width: 90%;
     width: 1200px;
}

.serul li {
     font-size: 16px;
     line-height: 32px;
     color: #FFF;
     padding-left: 18px;
     position: relative;
}

.serul li:after {
     content: "";
     width: 5px;
     height: 5px;
     background: #fff;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 15px;
}

.serLayer h6 {
     font-size: 58px;
     line-height: 60px;
     margin-bottom: 45px;
     display: block;
     text-align: center;
     color: #fff;
     letter-spacing: 15px;
}

.serBox {
     position: absolute;
     left: 0;
     width: 100%;
     top: 50%;
     transform: translateY(-68%);
}

@media (max-width:1799px) {
     .serClose {
          height: 40px;
          width: 40px;
          background-size: 22px auto;
     }

     .serIntBox input {
          height: 96px;
          font-size: 30px;
     }

     .serLayer h6 {
          font-size: 50px;
     }
}

@media (max-width:993px) {
     .serIntBox input {
          line-height: 88px;
          height: 88px;
          background-size: 28px auto;
          padding-left: 40px;
          font-size: 16px;
     }

     .serul {
          padding: 20px 3vw;
     }

     .serClose {
          right: 15px;
          top: 15px;
     }
}

@media (max-width:767px) {
     .serLayer h6 {
          font-size: 30px;
          line-height: 36px;
          margin-bottom: 30px;
     }

     .serul {
          margin-top: 10px;
     }

     .serIntBox input {
          line-height: 78px;
          height: 80px;
     }
}


/*视频播放*/
.mvLayBg {
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.5);
     z-index: 60;
     display: none;
}

.mvClose {
     background: url(../images/close_w.svg) no-repeat center center;
     display: inline-block;
     height: 52px;
     width: 52px;
     border: 1px solid rgba(255, 255, 255, 0.6);
     position: fixed;
     right: 2vw;
     top: 2vw;
     border-radius: 50%;
     transition: all 0.5s ease-in-out;
     z-index: 80;
     background-size: 28px auto;
     cursor: pointer;
     display: none;
}

.mvClose:hover {
     transform: rotate(180deg);
}

.mvBox {
     position: fixed;
     top: 50%;
     left: 50%;
     max-height: 80vw;
     max-width: 80vw;
     transform: translate(-50%, -50%);
     z-index: 70;
     display: none
}

.mvBtn {
     cursor: pointer;
}

@media (max-width:1799px) {
     .mvClose {
          height: 40px;
          width: 40px;
          background-size: 22px auto;
     }
}

@media (max-width:767px) {
     .mvBox {
          max-height: 90vw;
          max-width: 90vw;
     }

     .mvClose {
          right: 15px;
          top: 15px;
     }
}





.hmc1menu1 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu1 dd:nth-child(2) {
     left: 33.32%;
     top: 0
}

.hmc1menu1 dd:nth-child(2) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu1 dd:nth-child(3) {
     left: 49.98%;
     top: 0
}

.hmc1menu1 dd:nth-child(3) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu1 dd:nth-child(4) {
     left: 66.64%;
     top: 0
}

.hmc1menu1 dd:nth-child(4) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu1 dd:nth-child(5) {
     left: 83.3%;
     top: 0
}

.hmc1menu1 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu1 dd:nth-child(6) {
     left: 33.32%;
     top: 230px
}

.hmc1menu1 dd:nth-child(6) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu1 dd:nth-child(7) {
     left: 49.98%;
     top: 230px
}

.hmc1menu1 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu1 dd:nth-child(8) {
     left: 66.64%;
     top: 230px
}

.hmc1menu1 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu1 dd:nth-child(9) {
     left: 83.3%;
     top: 230px
}

.hmc1menu1 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu1 dd:nth-child(10) {
     left: 0%;
     top: 460px;
}

.hmc1menu1 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu1 dd:nth-child(11) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu1 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu1 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu1 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu1 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu1 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu1 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu1 dd:nth-child(14) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu1 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu1 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu1 dd:nth-child(6),
     .hmc1menu1 dd:nth-child(7),
     .hmc1menu1 dd:nth-child(8),
     .hmc1menu1 dd:nth-child(9) {
          top: 170px;
     }

     .hmc1menu1 dd:nth-child(10),
     .hmc1menu1 dd:nth-child(11),
     .hmc1menu1 dd:nth-child(12),
     .hmc1menu1 dd:nth-child(13),
     .hmc1menu1 dd:nth-child(14),
     .hmc1menu1 dd:nth-child(15) {
          top: 340px;
     }
}

.hmc1menu2 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu2 dd:nth-child(1) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu2 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu2 dd:nth-child(3) {
     left: 49.98%;
     top: 0
}

.hmc1menu2 dd:nth-child(3) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu2 dd:nth-child(4) {
     left: 66.64%;
     top: 0
}

.hmc1menu2 dd:nth-child(4) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu2 dd:nth-child(5) {
     left: 83.3%;
     top: 0
}

.hmc1menu2 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu2 dd:nth-child(6) {
     left: 0%;
     top: 230px
}

.hmc1menu2 dd:nth-child(6) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu2 dd:nth-child(7) {
     left: 49.98%;
     top: 230px
}

.hmc1menu2 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu2 dd:nth-child(8) {
     left: 66.64%;
     top: 230px
}

.hmc1menu2 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu2 dd:nth-child(9) {
     left: 83.3%;
     top: 230px
}

.hmc1menu2 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu2 dd:nth-child(10) {
     left: 0%;
     top: 460px;
}

.hmc1menu2 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu2 dd:nth-child(11) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu2 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu2 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu2 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu2 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu2 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu2 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu2 dd:nth-child(14) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu2 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu2 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu2 dd:nth-child(6),
     .hmc1menu2 dd:nth-child(7),
     .hmc1menu2 dd:nth-child(8),
     .hmc1menu2 dd:nth-child(9) {
          top: 170px;
     }

     .hmc1menu2 dd:nth-child(10),
     .hmc1menu2 dd:nth-child(11),
     .hmc1menu2 dd:nth-child(12),
     .hmc1menu2 dd:nth-child(13),
     .hmc1menu2 dd:nth-child(14),
     .hmc1menu2 dd:nth-child(15) {
          top: 340px;
     }
}

.hmc1menu3 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu3 dd:nth-child(1) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu3 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu3 dd:nth-child(2) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu3 dd:nth-child(3) {
     left: 33.32%;
     top: 0
}

.hmc1menu3 dd:nth-child(4) {
     left: 66.64%;
     top: 0
}

.hmc1menu3 dd:nth-child(4) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu3 dd:nth-child(5) {
     left: 83.3%;
     top: 0
}

.hmc1menu3 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu3 dd:nth-child(6) {
     left: 0%;
     top: 230px
}

.hmc1menu3 dd:nth-child(6) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu3 dd:nth-child(7) {
     left: 16.66%;
     top: 230px
}

.hmc1menu3 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu3 dd:nth-child(8) {
     left: 66.64%;
     top: 230px
}

.hmc1menu3 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu3 dd:nth-child(9) {
     left: 83.3%;
     top: 230px
}

.hmc1menu3 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu3 dd:nth-child(10) {
     left: 0%;
     top: 460px;
}

.hmc1menu3 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu3 dd:nth-child(11) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu3 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu3 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu3 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu3 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu3 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu3 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu3 dd:nth-child(14) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu3 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu3 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu3 dd:nth-child(6),
     .hmc1menu3 dd:nth-child(7),
     .hmc1menu3 dd:nth-child(8),
     .hmc1menu3 dd:nth-child(9) {
          top: 170px;
     }

     .hmc1menu3 dd:nth-child(10),
     .hmc1menu3 dd:nth-child(11),
     .hmc1menu3 dd:nth-child(12),
     .hmc1menu3 dd:nth-child(13),
     .hmc1menu3 dd:nth-child(14),
     .hmc1menu3 dd:nth-child(15) {
          top: 340px;
     }
}

.hmc1menu4 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu4 dd:nth-child(1) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu4 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu4 dd:nth-child(2) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu4 dd:nth-child(3) {
     left: 33.32%;
     top: 0
}

.hmc1menu4 dd:nth-child(3) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu4 dd:nth-child(4) {
     left: 49.98%;
     top: 0
}

.hmc1menu4 dd:nth-child(5) {
     left: 83.3%;
     top: 0
}

.hmc1menu4 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu4 dd:nth-child(6) {
     left: 0%;
     top: 230px
}

.hmc1menu4 dd:nth-child(6) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu4 dd:nth-child(7) {
     left: 16.66%;
     top: 230px
}

.hmc1menu4 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu4 dd:nth-child(8) {
     left: 33.32%;
     top: 230px
}

.hmc1menu4 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu4 dd:nth-child(9) {
     left: 83.3%;
     top: 230px
}

.hmc1menu4 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu4 dd:nth-child(10) {
     left: 0%;
     top: 460px;
}

.hmc1menu4 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu4 dd:nth-child(11) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu4 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu4 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu4 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu4 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu4 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu4 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu4 dd:nth-child(14) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu4 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu4 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu4 dd:nth-child(6),
     .hmc1menu4 dd:nth-child(7),
     .hmc1menu4 dd:nth-child(8),
     .hmc1menu4 dd:nth-child(9) {
          top: 170px;
     }

     .hmc1menu4 dd:nth-child(10),
     .hmc1menu4 dd:nth-child(11),
     .hmc1menu4 dd:nth-child(12),
     .hmc1menu4 dd:nth-child(13),
     .hmc1menu4 dd:nth-child(14),
     .hmc1menu4 dd:nth-child(15) {
          top: 340px;
     }
}

.hmc1menu5 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu5 dd:nth-child(1) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu5 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu5 dd:nth-child(2) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu5 dd:nth-child(3) {
     left: 33.32%;
     top: 0
}

.hmc1menu5 dd:nth-child(3) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu5 dd:nth-child(4) {
     left: 49.98%;
     top: 0
}

.hmc1menu5 dd:nth-child(4) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu5 dd:nth-child(5) {
     left: 66.64%;
     top: 0
}

.hmc1menu5 dd:nth-child(6) {
     left: 0%;
     top: 230px
}

.hmc1menu5 dd:nth-child(6) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu5 dd:nth-child(7) {
     left: 16.66%;
     top: 230px
}

.hmc1menu5 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu5 dd:nth-child(8) {
     left: 33.32%;
     top: 230px
}

.hmc1menu5 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu5 dd:nth-child(9) {
     left: 49.98%;
     top: 230px
}

.hmc1menu5 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu5 dd:nth-child(10) {
     left: 0%;
     top: 460px;
}

.hmc1menu5 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu5 dd:nth-child(11) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu5 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu5 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu5 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu5 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu5 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu5 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu5 dd:nth-child(14) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu5 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu5 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu5 dd:nth-child(6),
     .hmc1menu5 dd:nth-child(7),
     .hmc1menu5 dd:nth-child(8),
     .hmc1menu5 dd:nth-child(9) {
          top: 170px;
     }

     .hmc1menu5 dd:nth-child(10),
     .hmc1menu5 dd:nth-child(11),
     .hmc1menu5 dd:nth-child(12),
     .hmc1menu5 dd:nth-child(13),
     .hmc1menu5 dd:nth-child(14),
     .hmc1menu5 dd:nth-child(15) {
          top: 340px;
     }
}

.hmc1menu6 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu6 dd:nth-child(1) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu6 dd:nth-child(6) {
     left: 16.66%;
     top: 0
}

.hmc1menu6 dd:nth-child(3) {
     left: 49.98%;
     top: 0
}

.hmc1menu6 dd:nth-child(3) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu6 dd:nth-child(4) {
     left: 66.64%;
     top: 0
}

.hmc1menu6 dd:nth-child(4) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu6 dd:nth-child(5) {
     left: 83.3%;
     top: 0
}

.hmc1menu6 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu6 dd:nth-child(2) {
     left: 0%;
     top: 230px
}

.hmc1menu6 dd:nth-child(2) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu6 dd:nth-child(7) {
     left: 49.98%;
     top: 230px
}

.hmc1menu6 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu6 dd:nth-child(8) {
     left: 66.64%;
     top: 230px
}

.hmc1menu6 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu6 dd:nth-child(9) {
     left: 83.3%;
     top: 230px
}

.hmc1menu6 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu6 dd:nth-child(10) {
     left: 0%;
     top: 460px;
}

.hmc1menu6 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu6 dd:nth-child(11) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu6 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu6 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu6 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu6 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu6 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu6 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu6 dd:nth-child(14) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu6 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu6 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu6 dd:nth-child(2),
     .hmc1menu6 dd:nth-child(7),
     .hmc1menu6 dd:nth-child(8),
     .hmc1menu6 dd:nth-child(9) {
          top: 170px;
     }

     .hmc1menu6 dd:nth-child(10),
     .hmc1menu6 dd:nth-child(11),
     .hmc1menu6 dd:nth-child(12),
     .hmc1menu6 dd:nth-child(13),
     .hmc1menu6 dd:nth-child(14),
     .hmc1menu6 dd:nth-child(15) {
          top: 340px;
     }
}

.hmc1menu7 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu7 dd:nth-child(1) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu7 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu7 dd:nth-child(2) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu7 dd:nth-child(3) {
     left: 16.66%;
     top: 230px
}

.hmc1menu7 dd:nth-child(3) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu7 dd:nth-child(7) {
     left: 33.32%;
     top: 0
}

.hmc1menu7 dd:nth-child(4) {
     left: 66.64%;
     top: 0
}

.hmc1menu7 dd:nth-child(4) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu7 dd:nth-child(5) {
     left: 83.3%;
     top: 0
}

.hmc1menu7 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu7 dd:nth-child(6) {
     left: 0%;
     top: 230px
}

.hmc1menu7 dd:nth-child(6) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu7 dd:nth-child(8) {
     left: 66.64%;
     top: 230px
}

.hmc1menu7 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu7 dd:nth-child(9) {
     left: 83.3%;
     top: 230px
}

.hmc1menu7 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu7 dd:nth-child(10) {
     left: 0%;
     top: 460px;
}

.hmc1menu7 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu7 dd:nth-child(11) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu7 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu7 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu7 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu7 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu7 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu7 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu7 dd:nth-child(14) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu7 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu7 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu7 dd:nth-child(3),
     .hmc1menu7 dd:nth-child(6),
     .hmc1menu7 dd:nth-child(8),
     .hmc1menu7 dd:nth-child(9) {
          top: 170px;
     }

     .hmc1menu7 dd:nth-child(10),
     .hmc1menu7 dd:nth-child(11),
     .hmc1menu7 dd:nth-child(12),
     .hmc1menu7 dd:nth-child(13),
     .hmc1menu7 dd:nth-child(14),
     .hmc1menu7 dd:nth-child(15) {
          top: 340px;
     }
}


.hmc1menu8 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu8 dd:nth-child(1) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu8 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu8 dd:nth-child(2) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu8 dd:nth-child(3) {
     left: 16.66%;
     top: 230px
}

.hmc1menu8 dd:nth-child(3) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu8 dd:nth-child(7) {
     left: 33.32%;
     top: 0;
}

.hmc1menu8 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu8 dd:nth-child(4) {
     left: 33.32%;
     top: 230px
}

.hmc1menu8 dd:nth-child(4) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu8 dd:nth-child(5) {
     left: 83.3%;
     top: 0
}

.hmc1menu8 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu8 dd:nth-child(6) {
     left: 0%;
     top: 230px
}

.hmc1menu8 dd:nth-child(6) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu8 dd:nth-child(8) {
     left: 49.98%;
     top: 0px
}

.hmc1menu8 dd:nth-child(9) {
     left: 83.3%;
     top: 230px
}

.hmc1menu8 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu8 dd:nth-child(10) {
     left: 0%;
     top: 460px;
}

.hmc1menu8 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu8 dd:nth-child(11) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu8 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu8 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu8 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu8 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu8 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu8 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu8 dd:nth-child(14) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu8 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu8 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu8 dd:nth-child(3),
     .hmc1menu8 dd:nth-child(4),
     .hmc1menu8 dd:nth-child(6),
     .hmc1menu8 dd:nth-child(9) {
          top: 170px;
     }

     .hmc1menu8 dd:nth-child(10),
     .hmc1menu8 dd:nth-child(11),
     .hmc1menu8 dd:nth-child(12),
     .hmc1menu8 dd:nth-child(13),
     .hmc1menu8 dd:nth-child(14),
     .hmc1menu8 dd:nth-child(15) {
          top: 340px;
     }
}

.hmc1menu9 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu9 dd:nth-child(1) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu9 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu9 dd:nth-child(2) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu9 dd:nth-child(3) {
     left: 16.66%;
     top: 230px
}

.hmc1menu9 dd:nth-child(3) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu9 dd:nth-child(4) {
     left: 33.32%;
     top: 230px
}

.hmc1menu9 dd:nth-child(4) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu9 dd:nth-child(5) {
     left: 49.98%;
     top: 0
}

.hmc1menu9 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu9 dd:nth-child(6) {
     left: 33.32%;
     top: 0;
}

.hmc1menu9 dd:nth-child(6) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu9 dd:nth-child(7) {
     left: 0%;
     top: 230px
}

.hmc1menu9 dd:nth-child(7) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu9 dd:nth-child(8) {
     left: 49.98%;
     top: 230px
}

.hmc1menu9 dd:nth-child(8) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu9 dd:nth-child(9) {
     left: 66.64%;
     top: 0px
}

.hmc1menu9 dd:nth-child(10) {
     left: 0%;
     top: 460px;
}

.hmc1menu9 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu9 dd:nth-child(11) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu9 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu9 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu9 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu9 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu9 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu9 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu9 dd:nth-child(14) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu9 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu9 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu9 dd:nth-child(3),
     .hmc1menu9 dd:nth-child(4),
     .hmc1menu9 dd:nth-child(7),
     .hmc1menu9 dd:nth-child(8) {
          top: 170px;
     }

     .hmc1menu9 dd:nth-child(10),
     .hmc1menu9 dd:nth-child(11),
     .hmc1menu9 dd:nth-child(12),
     .hmc1menu9 dd:nth-child(13),
     .hmc1menu9 dd:nth-child(14),
     .hmc1menu9 dd:nth-child(15) {
          top: 340px;
     }
}


.hmc1menu10 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu10 dd:nth-child(1) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu10 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu10 dd:nth-child(2) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu10 dd:nth-child(3) {
     left: 33.32%;
     top: 0
}

.hmc1menu10 dd:nth-child(3) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu10 dd:nth-child(4) {
     left: 49.98%;
     top: 0
}

.hmc1menu10 dd:nth-child(4) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu10 dd:nth-child(5) {
     left: 66.64%;
     top: 0
}

.hmc1menu10 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu10 dd:nth-child(6) {
     left: 83.3%;
     top: 0
}

.hmc1menu10 dd:nth-child(6) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu10 dd:nth-child(7) {
     left: 33.32%;
     top: 230px
}

.hmc1menu10 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu10 dd:nth-child(8) {
     left: 49.98%;
     top: 230px
}

.hmc1menu10 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu10 dd:nth-child(9) {
     left: 66.64%;
     top: 230px;
}

.hmc1menu10 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu10 dd:nth-child(10) {
     left: 0%;
     top: 230px;
}

.hmc1menu10 dd:nth-child(10) .hmc1mitem {}

.hmc1menu10 dd:nth-child(11) {
     left: 83.3%;
     top: 230px;
}

.hmc1menu10 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu10 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu10 dd:nth-child(12) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu10 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu10 dd:nth-child(13) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu10 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu10 dd:nth-child(14) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu10 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu10 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu10 dd:nth-child(7),
     .hmc1menu10 dd:nth-child(8),
     .hmc1menu10 dd:nth-child(9),
     .hmc1menu10 dd:nth-child(10),
     .hmc1menu10 dd:nth-child(11) {
          top: 170px;
     }

     .hmc1menu10 dd:nth-child(12),
     .hmc1menu10 dd:nth-child(13),
     .hmc1menu10 dd:nth-child(14),
     .hmc1menu10 dd:nth-child(15) {
          top: 340px;
     }
}

.hmc1menu11 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu11 dd:nth-child(1) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu11 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu11 dd:nth-child(2) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu11 dd:nth-child(3) {
     left: 33.32%;
     top: 0
}

.hmc1menu11 dd:nth-child(3) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu11 dd:nth-child(4) {
     left: 49.98%;
     top: 0
}

.hmc1menu11 dd:nth-child(4) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu11 dd:nth-child(5) {
     left: 66.64%;
     top: 0
}

.hmc1menu11 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu11 dd:nth-child(6) {
     left: 83.3%;
     top: 0
}

.hmc1menu11 dd:nth-child(6) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu11 dd:nth-child(7) {
     left: 33.32%;
     top: 230px
}

.hmc1menu11 dd:nth-child(7) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu11 dd:nth-child(8) {
     left: 49.98%;
     top: 230px
}

.hmc1menu11 dd:nth-child(8) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu11 dd:nth-child(9) {
     left: 66.64%;
     top: 230px
}

.hmc1menu11 dd:nth-child(9) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu11 dd:nth-child(10) {
     left: 83.3%;
     top: 230px
}

.hmc1menu11 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu11 dd:nth-child(11) {
     left: 0;
     top: 230px;
}

.hmc1menu11 dd:nth-child(12) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu11 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu11 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu11 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu11 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu11 dd:nth-child(14) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu11 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu11 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu11 dd:nth-child(7),
     .hmc1menu11 dd:nth-child(8),
     .hmc1menu11 dd:nth-child(9),
     .hmc1menu11 dd:nth-child(10),
     .hmc1menu11 dd:nth-child(11) {
          top: 170px;
     }

     .hmc1menu11 dd:nth-child(12),
     .hmc1menu11 dd:nth-child(13),
     .hmc1menu11 dd:nth-child(14),
     .hmc1menu11 dd:nth-child(15) {
          top: 340px;
     }
}


.hmc1menu12 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu12 dd:nth-child(1) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu12 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu12 dd:nth-child(2) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu12 dd:nth-child(3) {
     left: 33.32%;
     top: 0
}

.hmc1menu12 dd:nth-child(3) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu12 dd:nth-child(4) {
     left: 49.98%;
     top: 0
}

.hmc1menu12 dd:nth-child(4) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu12 dd:nth-child(5) {
     left: 66.64%;
     top: 0
}

.hmc1menu12 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu12 dd:nth-child(6) {
     left: 83.3%;
     top: 0
}

.hmc1menu12 dd:nth-child(6) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu12 dd:nth-child(7) {
     left: 0;
     top: 230px
}

.hmc1menu12 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu12 dd:nth-child(8) {
     left: 49.98%;
     top: 230px
}

.hmc1menu12 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu12 dd:nth-child(9) {
     left: 66.64%;
     top: 230px
}

.hmc1menu12 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu12 dd:nth-child(10) {
     left: 83.3%;
     top: 230px
}

.hmc1menu12 dd:nth-child(10) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu12 dd:nth-child(12) {
     left: 16.66%;
     top: 230px;
}

.hmc1menu12 dd:nth-child(11) {
     left: 0%;
     top: 460px;
}

.hmc1menu12 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu12 dd:nth-child(13) {
     left: 49.98%;
     top: 460px;
}

.hmc1menu12 dd:nth-child(13) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu12 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu12 dd:nth-child(14) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu12 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu12 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu12 dd:nth-child(7),
     .hmc1menu12 dd:nth-child(8),
     .hmc1menu12 dd:nth-child(9),
     .hmc1menu12 dd:nth-child(10),
     .hmc1menu12 dd:nth-child(12) {
          top: 170px;
     }

     .hmc1menu12 dd:nth-child(11),
     .hmc1menu12 dd:nth-child(13),
     .hmc1menu12 dd:nth-child(14),
     .hmc1menu12 dd:nth-child(15) {
          top: 340px;
     }
}

.hmc1menu13 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu13 dd:nth-child(1) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu13 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu13 dd:nth-child(2) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu13 dd:nth-child(3) {
     left: 33.32%;
     top: 0
}

.hmc1menu13 dd:nth-child(3) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu13 dd:nth-child(4) {
     left: 49.98%;
     top: 0
}

.hmc1menu13 dd:nth-child(4) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu13 dd:nth-child(5) {
     left: 66.64%;
     top: 0
}

.hmc1menu13 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu13 dd:nth-child(6) {
     left: 83.3%;
     top: 0
}

.hmc1menu13 dd:nth-child(6) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu13 dd:nth-child(7) {
     left: 0;
     top: 230px
}

.hmc1menu13 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu13 dd:nth-child(8) {
     left: 16.66%;
     top: 230px
}

.hmc1menu13 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu13 dd:nth-child(9) {
     left: 66.64%;
     top: 230px
}

.hmc1menu13 dd:nth-child(9) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu13 dd:nth-child(10) {
     left: 83.3%;
     top: 230px
}

.hmc1menu13 dd:nth-child(10) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu13 dd:nth-child(13) {
     left: 33.32%;
     top: 230px;
}

.hmc1menu13 dd:nth-child(11) {
     left: 0%;
     top: 460px;
}

.hmc1menu13 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu13 dd:nth-child(12) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu13 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu13 dd:nth-child(14) {
     left: 66.64%;
     top: 460px;
}

.hmc1menu13 dd:nth-child(14) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu13 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu13 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu13 dd:nth-child(7),
     .hmc1menu13 dd:nth-child(8),
     .hmc1menu13 dd:nth-child(9),
     .hmc1menu13 dd:nth-child(10),
     .hmc1menu13 dd:nth-child(13) {
          top: 170px;
     }

     .hmc1menu13 dd:nth-child(11),
     .hmc1menu13 dd:nth-child(12),
     .hmc1menu13 dd:nth-child(14),
     .hmc1menu13 dd:nth-child(15) {
          top: 340px;
     }
}

.hmc1menu14 dd:nth-child(1) {
     left: 0;
     top: 0;
}

.hmc1menu14 dd:nth-child(1) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu14 dd:nth-child(2) {
     left: 16.66%;
     top: 0
}

.hmc1menu14 dd:nth-child(2) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu14 dd:nth-child(3) {
     left: 33.32%;
     top: 0
}

.hmc1menu14 dd:nth-child(3) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu14 dd:nth-child(4) {
     left: 49.98%;
     top: 0
}

.hmc1menu14 dd:nth-child(4) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu14 dd:nth-child(5) {
     left: 66.64%;
     top: 0
}

.hmc1menu14 dd:nth-child(5) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu14 dd:nth-child(6) {
     left: 83.3%;
     top: 0
}

.hmc1menu14 dd:nth-child(6) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu14 dd:nth-child(7) {
     left: 0;
     top: 230px
}

.hmc1menu14 dd:nth-child(7) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu14 dd:nth-child(8) {
     left: 16.66%;
     top: 230px
}

.hmc1menu14 dd:nth-child(8) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu14 dd:nth-child(9) {
     left: 83.3%;
     top: 230px
}

.hmc1menu14 dd:nth-child(9) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu14 dd:nth-child(10) {
     left: 33.32%;
     top: 230px
}

.hmc1menu14 dd:nth-child(10) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu14 dd:nth-child(14) {
     left: 49.98%;
     top: 230px;
}

.hmc1menu14 dd:nth-child(11) {
     left: 0%;
     top: 460px;
}

.hmc1menu14 dd:nth-child(11) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu14 dd:nth-child(12) {
     left: 16.66%;
     top: 460px;
}

.hmc1menu14 dd:nth-child(12) .hmc1mitem {
     background: rgba(234, 244, 253, 0.7) !important;
}

.hmc1menu14 dd:nth-child(13) {
     left: 33.32%;
     top: 460px;
}

.hmc1menu14 dd:nth-child(13) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

.hmc1menu14 dd:nth-child(15) {
     left: 83.3%;
     top: 460px;
}

.hmc1menu14 dd:nth-child(15) .hmc1mitem {
     background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width:1799px) {

     .hmc1menu14 dd:nth-child(7),
     .hmc1menu14 dd:nth-child(8),
     .hmc1menu14 dd:nth-child(9),
     .hmc1menu14 dd:nth-child(10),
     .hmc1menu14 dd:nth-child(14) {
          top: 170px;
     }

     .hmc1menu14 dd:nth-child(11),
     .hmc1menu14 dd:nth-child(12),
     .hmc1menu14 dd:nth-child(13),
     .hmc1menu14 dd:nth-child(15) {
          top: 340px;
     }
}



.hmFocus,
.hmFocus_item {
     height: calc(100vh - 130px);
}

.hmFocusWpr {
     position: relative;
}

.hmFocus_item {
     position: relative;
     overflow: hidden;
}

.hmFs_bg {
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     -webkit-transform: scale(1.12);
     transform: scale(1.12);
}

.hmFs_bg:after {
     content: "";
     background: url(../images/hmFs_line.png) repeat-y left top;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
}

.hmFocus_item video {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
}

.hmFs_trsBg {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: url(../images/banLine.png) repeat-x left top;
     background-size: auto 100%;
}

.hmFs_trsBg:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: url(../images/hmfs_2.png) repeat-x left bottom;
}

.active .hmFs_bg {
     visibility: visible;
     -webkit-animation: scaleBg 6s linear forwards;
     animation: scaleBg 6s linear forwards;
}

.hmFocus .slick-prev {
     background: url(../images/fsBtn.png) no-repeat center center;
     display: inline-block;
     height: 60px;
     width: 60px;
     position: absolute;
     left: 60px;
     top: 50%;
     text-indent: 1000px;
     white-space: nowrap;
     overflow: hidden;
     cursor: pointer;
     border: 1px solid rgba(255, 255, 255, 0.5);
     border-radius: 50%;
     z-index: 3;
     margin-top: -30px;
     transform: rotate(180deg);
     transition: all 0.5s ease-in-out;
     opacity: 0.3;
}

.hmFocus .slick-next {
     background: url(../images/fsBtn.png) no-repeat center center;
     display: inline-block;
     height: 60px;
     width: 60px;
     position: absolute;
     right: 60px;
     top: 50%;
     text-indent: 1000px;
     white-space: nowrap;
     overflow: hidden;
     cursor: pointer;
     border: 1px solid rgba(255, 255, 255, 0.5);
     border-radius: 50%;
     z-index: 3;
     margin-top: -30px;
     transition: all 0.5s ease-in-out;
     opacity: 0.3;
}

.hmFocus .slick-prev:hover,
.hmFocus .slick-next:hover {
     background-image: url(../images/fsBtn.png);
     opacity: 1
}

.hm-dot {
     position: absolute;
     left: 0%;
     transform: translateX(0%);
     width: 100%;
     text-align: left;
     z-index: 3;
     bottom: 2.72vw;
}

.hm-dot:before {
     content: "";
     height: 1px;
     background: rgba(255, 255, 255, 0.1);
     width: 100%;
     position: absolute;
     left: 0;
     top: 16px;
     display: none
}

.hm-dot span {
     height: 32px;
     display: inline-block;
     position: relative;
     margin: 0 18px;
     transform: scale(0.8);
     cursor: pointer;
}

.hm-dot span:before {
     content: "";
     width: 10px;
     height: 10px;
     background: #fff;
     border-radius: 50%;
     position: absolute;
     left: 11px;
     top: 11px;
}

.hm-dot span svg {
     width: 32px;
     height: 32px;
     position: absolute;
     left: 0;
     top: 0;
}

.hm-dot span:after {
     content: "";
     width: 32px;
     height: 32px;
     border: 2px solid rgba(255, 255, 255, 0.3);
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 0;
     transition: all 0.5s ease-in-out;
     opacity: 0
}

@keyframes dash {
     to {
          stroke-dashoffset: 0px
     }
}

.load {
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 234;
     left: 0px;
     top: 0px;
}

.circle {
     stroke-dasharray: 360px;
     stroke-dashoffset: 360px
}

.on .circle {
     animation: dash 5s linear forwards
}

.hm-dot span.on:before {
     background: #fff
}

.hm-dot span.on:after {
     opacity: 1;
}

.hmBan_txt {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     color: #fff;
     width: 100%;
     text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     padding-bottom: 4vw;
}

.hmBan_txt h4 {
     display: block;
     transition: all 0.8s ease;
     transform: translateY(50px);
     opacity: 0;
     font: normal 60px/70px syl;
}

.hmBan_txt h4 span {
     font-family: sym;
}

.hmBan_txt strong {
     display: block;
     transition: all 0.8s ease;
     transform: translateY(50px);
     opacity: 0;
     font: 30px/42px syl;
     margin-top: 15px;
}

.hmBan_txt p {
     display: block;
     transition: all 0.8s ease;
     transform: translateY(50px);
     opacity: 0;
     margin-top: 25px;
     font: 26px/40px syl;
     max-width: 660px;
}

.hmBan_txt2 h4 {
     font: 43px/53px syn;
     color: #8c815e;
}

.hmBan_txt2 strong {
     font: 74px/108px syr;
     color: #282661;
     margin-top: 18px;
}

.hmBan_txt2 strong span {
     font-family: sym;
}

.active .hmBan_txt h4 {
     opacity: 1;
     transform: translateY(0);
}

.active .hmBan_txt strong {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.2s
}

.active .hmBan_txt p {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.4s
}

.hmFsbgx {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.6);
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease;
     z-index: 4;
}

.hmFsbgx.in {
     opacity: 1;
     visibility: visible;
}

@media (max-width:1799px) {

     .hmFocus,
     .hmFocus_item {
          height: calc(100vh - 110px);
     }

     .hmBan_txt h4 {
          font: normal 76px/80px syl;
     }

     .hmBan_txt strong {
          font: 50px/60px syl;
          margin-top: 20px;
     }

     .hmBan_txt p {
          font-size: 18px;
          line-height: 28px;
          margin-top: 20px;
          max-width: 450px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {

     .hmFocus,
     .hmFocus_item {
          height: calc(100vh - 56px);
     }

     .hmBan_txt h4 {
          font: normal 60px/70px syl;
     }

     .hmBan_txt strong {
          font: 36px/46px syl;
          margin-top: 15px;
     }

     .hmBan_txt p {
          font-size: 14px;
          line-height: 22px;
          max-width: 400px;
     }
}

@media (max-width:993px) {

     .hmFocus,
     .hmFocus_item {
          height: 300px;
     }
}

@media (max-width:767px) {
     .hmBan_txt h4 {
          font: normal 18px/24px syl;
     }

     .hmBan_txt strong {
          font: 14px/18px syl;
          margin-top: 8px;
     }

     .hmBan_txt p {
          font-size: 12px;
          line-height: 20px;
          max-width: 260px;
          margin-top: 8px;
     }

     .hm-dot {
          text-align: center;
          transform: scale(0.6);
     }
}


.webBom {
     color: #FFF;
     background: #0D0D33;
     padding: 42px 0px 68px;
}

.webBom .container {
     display: flex;
}

.web_bmlx {
     width: 36%;
}

.web_bmlx strong {
     font-size: 34px;
     line-height: 46px;
     font-weight: normal;
     display: block;
}

.web_bmlx p {
     font-size: 16px;
     line-height: 28px;
     margin-top: 6px;
}

.web_bmrx {}

.web_bmrx strong {
     line-height: 46px;
     font-weight: normal;
     font-size: 26px;
     display: block;
     margin-bottom: 35px;
}

.web_bmjn {
     display: inline-block;
     height: 52px;
     border: 1px solid #FFF;
     padding: 0px 35px;
     border-radius: 2em;
     color: #fff;
     position: relative;
     overflow: hidden;
     font: 16px/50px sym;
}

.web_bmjn:before {
     content: "";
     transition-duration: 800ms;
     position: absolute;
     width: 200%;
     height: 200%;
     top: 110%;
     left: 50%;
     background-color: #fff;
     transform: translateX(-50%);
     border-radius: 50%;
}

.web_bmjn:hover:before,
.hmc7item:hover .web_bmjn:before {
     top: -40%;
}

.web_bmjn span {
     display: inline-block;
     position: relative;
     z-index: 1;
     background: url(../images/foot_ar.png) no-repeat right center;
     padding-right: 26px;
}

.web_bmjn:hover {
     color: var(--cor);
}

.web_bmjn:hover span {
     background: url(../images/foot_ar3.png) no-repeat right center;
}

@media (max-width:1799px) {
     .web_bmjn {
          height: 48px;
          padding: 0px 30px;
          font: 14px/46px sym;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .web_bmrx strong {
          font-size: 20px;
     }

     .web_bmjn {
          height: 42px;
          font: 14px/40px sym;
     }
}

@media (max-width:767px) {
     .web_bmjn {
          height: 40px;
          padding: 0px 22px;
          font: 14px/38px sym;
     }

     .web_bmjn span {
          background-size: 9px auto !important;
     }

     .webBom .container {
          flex-wrap: wrap;
     }

     .web_bmlx {
          width: 100%;
     }

     .web_bmrx {
          width: 100%;
     }

     .web_bmlx strong {
          font-size: 24px;
          line-height: 32px;
     }

     .web_bmrx strong {
          font-size: 14px;
          line-height: 26px;
          margin-top: 10px;
          margin-bottom: 25px;
     }

     .webBom {
          padding-bottom: 46px;
          text-align: center
     }
}


.footer {
     background: #012D62;
     color: #fff;
     padding-top: 52px
}

.footer a,
.footer a:hover {
     color: #fff;
}

.foot_top {
     display: flex;
     justify-content: space-between;
     padding-bottom: 35px;
}

.foot_lx {
     text-align: center;
}

.foot_logo {}

.foot_logo img {}

.foot_xw {
     width: 236px;
     text-align: center;
     margin-top: 25px;
}

.foot_xw img {}

.foot_xw p {
     font-size: 12px;
     line-height: 20px;
     margin-top: 8px;
}

.foot_rx {
     width: 500px;
}

.foot_rx1 {
     display: flex;
     justify-content: space-between;
}

.foot_rmenu {
     display: flex;
     justify-content: space-between;
     width: 100%;
}

.foot_rmenu dl {}

.foot_rmenu dl:first-child {
     margin-left: 0;
}

.foot_rmenu dl dt {
     font: 20px/28px sym;
     margin-bottom: 10px;
}

.foot_rmenu dl dd {
     font: 16px/38px syl;
}

.foot_ma1 {}

.foot_ma1:hover {}

.foot_ma2 {
     display: inline-block;
     position: relative
}

.foot_ma2:after {
     content: "";
     width: 0%;
     bottom: 0;
     height: 1px;
     background: #fff;
     transition: all 0.5s ease;
     position: absolute;
     left: 0;
     bottom: 4px;
}

.foot_ma2:hover:after {
     width: 100%;
}

.foot_btns {
     width: 245px;
}

.foot_ba {
     display: block;
     position: relative;
     margin-bottom: 15px;
     border: 1px solid #274C79;
     border-radius: 0.3em;
     overflow: hidden;
     padding-left: 62px;
     font: 16px/64px sym;
}

.foot_ba span {
     display: block;
     height: 36px;
     width: 36px;
     position: absolute;
     left: 15px;
     top: 50%;
     margin-top: -18px;
}

.foot_ba span img {
     position: absolute;
     left: 0;
     top: 0;
     transition: all 0.5s ease;
}

.foot_ba span img:nth-child(2) {
     opacity: 0;
}

.foot_ba:hover {
     color: #012d62 !important;
     border: 1px solid #fff;
}

.foot_ba:hover span img {
     opacity: 0;
}

.foot_ba:hover span img:nth-child(2) {
     opacity: 1;
}

.foot_ba i {
     display: block;
     position: relative;
     font-style: normal;
     z-index: 1;
}

.foot_ba:after {
     content: "";
     height: 11px;
     width: 17px;
     margin-top: -4px;
     position: absolute;
     right: 28px;
     top: 50%;
     background: url(../images/foot_ar.png) no-repeat center center;
}

.foot_ba:before {
     content: "";
     transition-duration: 800ms;
     position: absolute;
     width: 200%;
     height: 200%;
     top: 110%;
     left: 50%;
     background-color: #fff;
     transform: translateX(-50%);
     border-radius: 50%;
}

.foot_ba:hover::before {
     top: -40%;
}

.foot_ba:hover:after {
     background: url(../images/foot_ar3.png) no-repeat center center;
}

.foot_rx2 {
     margin-top: 35px;
}

.foot_rx2 dt {
     font: 20px/44px sym;
     border-bottom: 1px solid #274C79;
     margin-bottom: 18px;
}

.foot_rx2 dd {
     display: flex;
     flex-wrap: wrap;
}

.foot_rx2 dd span {
     width: 205px;
}

.foot_ma3 {
     font: 18px/48px syl;
     display: inline-block;
     position: relative;
}

.foot_ma3:after {
     content: "";
     width: 0%;
     height: 1px;
     background: #fff;
     transition: all 0.5s ease;
     position: absolute;
     left: 0;
     bottom: 4px;
}

.foot_ma3:hover:after {
     width: 100%;
}

.foot_rx2 dd span:nth-child(1),
.foot_rx2 dd span:nth-child(6),
.foot_rx2 dd span:nth-child(11) {
     width: 225px;
}

.foot_rx2 dd span:nth-child(5),
.foot_rx2 dd span:nth-child(10),
.foot_rx2 dd span:nth-child(15) {
     width: 125px;
}

.foot_ma3:hover {}

.foot_bom {
     border-top: 1px solid #274C79;
     padding-top: 12px;
     display: flex;
     justify-content: center;
     /*padding-bottom: 24px;*/
}

.foot_bmlx {}

.foot_bmlx p,
.foot_bmrx p {
     font: 18px/44px sym;
     display: block;
}

.foot_sas {
     display: flex;
}

.foot_sa {
     height: 42px;
     width: 42px;
     border: 1px solid #274C79;
     position: relative;
     display: inline-block;
     margin-right: 10px;
     border-radius: 50%;
     background-repeat: no-repeat;
     background-position: center center;
}

.foot_sa span {
     background: #fff;
     position: absolute;
     left: 50%;
     margin-left: -55px;
     width: 110px;
     padding: 6px;
     bottom: 56px;
     border-radius: 0.3em;
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(-10px);
     visibility: hidden;
}

.foot_sa:hover span {
     opacity: 1;
     visibility: visible;
     transform: translateY(0)
}

.foot_sa span:after {
     content: "";
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 6px solid #fff;
     position: absolute;
     left: 50%;
     margin-left: -6px;
     bottom: -6px;
}

.foot_sa span img {
     display: block;
}

.foot_sa:hover {
     border: 1px solid #fff;
     background-color: #fff;
}

.foot_sa1 {
     background-image: url(../images/foot_sa1.png);
}

.foot_sa1:hover {
     background-image: url(../images/foot_sa1a.png);
}

.foot_sa2 {
     background-image: url(../images/foot_sa2.png);
}

.foot_sa2:hover {
     background-image: url(../images/foot_sa2a.png);
}

.foot_sa3 {
     background-image: url(../images/foot_sa3.png);
}

.foot_sa3:hover {
     background-image: url(../images/foot_sa3a.png);
}

.foot_sa4 {
     background-image: url(../images/foot_sa4.png);
}

.foot_sa4:hover {
     background-image: url(../images/foot_sa4a.png);
}

.foot_sa5 {
     background-image: url(../images/foot_sa6.png);
}

.foot_sa5:hover {
     background-image: url(../images/foot_sa6a.png);
}

.foot_bmrx {
     text-align: center;
}

.foot_bmrx strong {
     font: 40px/40px din;
     color: #FFF;
     display: block;
     margin-top: 5px;
}

.web_copy {
     font-size: 14px;
     line-height: 26px;
     text-align: center;
     padding: 20px 0px;
}

.new_footer {}

.new_footer .foot_btns {
     margin-top: 45px;
}

@media (max-width:1799px) {
     .foot_xw {
          margin-top: 35px;
          width: 205px;
     }

     .foot_btns {
          width: 205px;
     }

     .foot_ba:after {
          right: 22px;
     }

     .foot_rx {
          width: 500px;
     }

     .foot_rmenu dl dd {
          font-size: 14px;
          line-height: 30px;
     }

     .foot_rmenu dl:nth-child(1) {
          margin-left: 0;
     }

     .foot_ma3 {
          font-size: 14px;
          line-height: 30px;
     }

     .web_copy {
          padding: 25px 0;
     }

     .foot_rx2 dd span {
          width: 160px;
     }

     .foot_rx2 dd span:nth-child(1),
     .foot_rx2 dd span:nth-child(6),
     .foot_rx2 dd span:nth-child(11) {
          width: 185px;
     }

     .foot_rx2 dd span:nth-child(5),
     .foot_rx2 dd span:nth-child(10),
     .foot_rx2 dd span:nth-child(15) {
          width: 80px;
     }

     .new_footer .foot_btns {
          margin-top: 30px;
     }

     .foot_logo img {
          height: 70px;
     }

     .foot_ba {
          line-height: 56px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .foot_rx {
          width: 700px;
     }

     .foot_rx2 dd span {
          width: 140px;
     }
}

@media (max-width:993px) {
     .foot_top {
          flex-wrap: wrap;
     }

     .foot_lx {
          width: 100%;
     }

     .foot_rx {
          width: 100%;
          margin-top: 25px;
     }

     .foot_logo {
          display: block;
          text-align: center;
     }

     .foot_btns {
          width: 100%;
          text-align: center;
     }

     .foot_ba {
          display: inline-block;
          width: auto;
          padding-right: 22px;
          margin: 0 10px;
     }

     .foot_xw {
          margin: 0 auto;
          margin-top: 20px;
     }
}

@media (max-width:767px) {
     .footer {
          padding-top: 35px;
     }

     .foot_logo img {
          height: 52px;
     }

     .foot_ba {
          padding-right: 15px;
          margin: 0 5px;
     }

     .foot_rmenu {
          display: block;
          overflow: hidden;
     }

     .foot_rmenu dl {
          overflow: hidden;
          margin: 0;
          width: 100%;
          margin-bottom: 10px;
     }

     .foot_rmenu dl dt {
          width: 100%;
          float: left;
     }

     .foot_rmenu dl dd {
          float: left;
          margin-right: 15px;
          margin-bottom: 5px;
          line-height: 22px;
     }

     .foot_rx2 {
          margin-top: 0px;
     }

     .foot_rx2 dd span {
          width: 33.33% !important;
     }

     .foot_ma3 {
          font-size: 13px;
          line-height: 28px;
     }

     .foot_top {
          padding-bottom: 18px;
     }

     .foot_bom {
          flex-wrap: wrap;
     }

     .foot_bmrx {
          width: 100%;
          text-align: center
     }

     .foot_bmlx {
          width: 100%;
          text-align: center;
     }

     .foot_sas {
          display: block;
          text-align: center;
     }

     .foot_sa {
          margin: 0 5px;
     }

     .web_copy {
          font-size: 13px;
          line-height: 24px;
          padding-top: 0
     }

     .foot_rmenu dl dt,
     .foot_rx2 dt {
          font-size: 18px;
     }
}

.rtools {
     width: 44px;
     position: fixed;
     right: 35px;
     top: 50%;
     transform: translate(75px, -40%);
     z-index: 5;
     opacity: 0;
     transition: all 0.5s ease;
}

.rtools.in {
     opacity: 1;
     transform: translate(0, -40%);
}

.rtsa {
     height: 138px;
     background: rgb(25, 202, 166);
     color: #fff;
     border-radius: 2em;
     display: block;
}

.rtsa span {
     width: 34px;
     height: 34px;
     background: #fff;
     border-radius: 50%;
     position: absolute;
     left: 5px;
     top: 5px;
     border-radius: 50%;
}

.rtsa span img {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     max-width: 80%;
     max-height: 80%;
     width: auto;
     height: auto;
}

.rtsa p {
     padding: 45px 12px 0px;
     color: #FFF;
     font: 14px/20px sym;
     text-align: center
}

.rtsbtn {
     height: 44px;
     width: 44px;
     border: 1px solid #FFF;
     margin-top: 10px;
     box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
     border-radius: 50%;
     display: block;
     background-image: linear-gradient(180deg, #ddd 20%, #fff 70%);
     position: relative;
}

.rtsbtn:before {
     content: "";
     z-index: 1;
     background: var(--cor);
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     border-radius: 50%;
     transition: all 0.5s ease;
     opacity: 0
}

.rtsbtn:hover {
     border: 1px solid var(--cor);
}

.rtsbtn:hover:before {
     opacity: 1;
}

.rtsbtn:after {
     z-index: 2;
}

.rtsbtn:hover {}

.rtsbtn2 span {
     line-height: 44px;
     white-space: nowrap;
     font-size: 24px;
     color: var(--cor);
     font-family: din;
     padding: 0 25px;
     position: absolute;
     right: 58px;
     top: 0;
     background: #fff;
     box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
     border-radius: 2em;
     /* background-image: linear-gradient(180deg, #ddd 20%,#fff 70%);*/
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateX(-40px);
     visibility: hidden;
     background: var(--cor);
     color: #fff;
}

.rtsbtn2:hover span {
     opacity: 1;
     visibility: visible;
     transform: translateX(0)
}

.rtsbtn1:after {
     content: "";
     background: url(../images/mrico2.png) no-repeat center center;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
}

.rtsbtn2:after {
     content: "";
     background: url(../images/mrico3.png) no-repeat center center;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
}

.rtsbtn3:after {
     content: "";
     background: url(../images/mrico4.png) no-repeat center center;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
}

.rtsbtn4:after {
     content: "";
     background: url(../images/mrico5.png) no-repeat center center;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
}

.rtsbtn1:hover:after {
     background: url(../images/mrico2a.png) no-repeat center center;
}

.rtsbtn2:hover:after {
     background: url(../images/mrico3a.png) no-repeat center center;
}

.rtsbtn3:hover:after {
     background: url(../images/mrico4a.png) no-repeat center center;
}

.rtsbtn4:hover:after {
     background: url(../images/mrico5a.png) no-repeat center center;
}

@media (max-width:1799px) {
     .rtools {
          right: 10px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {

     .rtsbtn2,
     .rtsbtn3 {
          display: none;
     }

}

@media (max-width:993px) {}

@media (max-width:767px) {
     .rtools {
          right: 0;
          transform: scale(0.8) translate(75px, -40%);
     }

     .rtools.in {
          opacity: 1;
          transform: scale(0.8) translate(0, -40%);
          transform-origin: right center;
          right: 0;
     }
}


.hmCon6 {
     overflow: hidden;
     position: relative;
}

.hmCon6 .container {
     position: relative;
     z-index: 2;
}

.hmc6box {
     position: absolute;
     width: 56%;
     right: 15px;
     top: 0;
}

.hmc6box .hmpt {
     padding-top: 65px;
     padding-left: 150px;
}

.hmc6box .hmpt p {
     line-height: 36px;
}

.hmc6bsw {
     width: 48vw;
     position: relative;
}

.hmc6bsw:before {
     content: "";
     width: 52vw;
     height: 1px;
     background: #CCCFDF;
     position: absolute;
     right: -52vw;
     top: 0;
}

.hmc6bsw:after {
     content: "";
     width: 52vw;
     height: 1px;
     background: #CCCFDF;
     position: absolute;
     right: -52vw;
     bottom: 0;
}

.hmc6bsw dd {}

.hmc6_bBOx {
     display: block;
}

.hmc6_bBOx .overflowHide {
     height: 689px;
}

.hmc6_bBOx .overflowHide .coverImg:after {
     content: "";
     background: url(../images/hmc7line.png) repeat-x left bottom;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
}

.hmc6lay {
     position: absolute;
     left: calc((100vw - 1520px) / 2);
     bottom: 38px;
     right: 0;
     padding-right: 105px;
     text-align: justify;
     transition: all 0.8s ease;
     opacity: 0;
     color: #fff;
}

.hmc6lay strong {
     font-size: 30px;
     line-height: 40px;
     display: block;
     font-weight: normal;
     transition: all 0.8s ease;
     opacity: 0;
     transform: translateY(50px);
}

.hmc6lay strong span {
     background: url(../images/foot_ar.png) no-repeat right center;
     display: inline-block;
     padding-right: 26px;
}

.hmc6lay p {
     font-size: 16px;
     line-height: 26px;
     margin-top: 15px;
     min-height: 104px;
     transition: all 0.8s ease;
     opacity: 0;
     transform: translateY(50px);
}

.on .hmc6lay {
     opacity: 1;
}

.on .hmc6lay strong {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.3s;
}

.on .hmc6lay p {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.5s;
}

.hmc6ssw_wpr {
     position: relative;
     margin-top: 55px;
     overflow: hidden;
}

.hmc6ssw {
     width: 1200px;
     transform: translateX(-333px);
}

.hmc6ssw dd {
     padding-left: 34px;
}

.hmc6sa {
     display: block;
     transition: none
}

.hmc6sa .overflowHide {
     height: 300px;
}

.hmc6sa .coverImg:after {
     content: "";
     background: url(../images/hmc6imgSdx2.png) repeat-x left bottom;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
}

.hmc6sa .overflowHide strong {
     font-size: 20px;
     color: #fff;
     position: absolute;
     left: 20px;
     right: 20px;
     bottom: 25px;
     line-height: 30px;
     font-weight: normal;
}

.hmc6funx {
     width: 105px;
     margin-top: 50px;
     margin-left: 150px;
     display: flex;
     justify-content: space-between;
     height: 22px;
}

.hmc6btns {
     height: 22px;
     width: 48px;
     display: flex;
     justify-content: space-between;
}

.hmc6btns .prev {
     background: url(../images/hmc2_btn1.png) no-repeat center center;
     height: 22px;
     width: 15px;
     cursor: pointer;
}

.hmc6btns .next {
     background: url(../images/hmc2_btn1.png) no-repeat center center;
     height: 22px;
     width: 15px;
     cursor: pointer;
     transform: rotate(180deg);
}

.hmc6btns .next:hover,
.hmc6btns .prev:hover {
     background: url(../images/hmc2_btn2.png) no-repeat center center;
}

.hmc6nums {
     font: 14px/22px din_b;
     color: #6b6b6b;
}

.hmc6nums span {}

.hmc6nums i {
     font-style: normal;
     display: inline-block;
     padding: 0px 1px;
}

@media (max-width:1799px) {
     .hmc6box .hmpt p {
          font-size: 18px;
          line-height: 30px;
     }

     .hmc6_bBOx .overflowHide {
          height: 550px;
     }

     .hmc6lay {
          left: calc((100vw - 1140px) / 2);
          bottom: 28px;
     }

     .hmc6lay strong {
          font-size: 26px;
          line-height: 36px;
     }

     .hmc6lay p {
          font-size: 14px;
          line-height: 24px;
          margin-top: 12px;
          min-height: 96px;
     }

     .hmc6ssw_wpr {
          margin-top: 30px;
     }

     .hmc6ssw {
          width: 890px;
          transform: translateX(-236px);
     }

     .hmc6ssw dd {
          padding-left: 20px;
     }

     .hmc6sa .overflowHide {
          height: 240px;
     }

     .hmc6funx {
          margin-left: 110px;
          margin-top: 35px;
     }

     .hmc6sa .overflowHide strong {
          font-size: 18px;
          left: 15px;
          right: 15px;
          bottom: 20px;
          line-height: 28px
     }

     .hmc6box .hmpt {
          padding-left: 110px;
     }
}

@media (max-width:1199px) {
     .hmc6lay {
          left: calc((100vw - 940px) / 2);
     }
}

@media (max-width:993px) {
     .hmc6bsw {
          width: 410px;
     }

     .hmc6lay {
          left: calc((100vw - 720px) / 2);
     }
}

@media (max-width:767px) {
     .hmc6ssw_wpr {
          display: none;
     }

     .hmc6bsw {
          width: calc(100vw - 30px);
          margin-left: 15px;
          margin-right: 15px;
     }

     .hmc6box {
          position: static;
     }

     .hmc6lay {
          left: 15px;
          right: 15px;
          padding-right: 0;
          bottom: 18px;
     }

     .hmc6_bBOx .overflowHide {
          height: 72vw;
     }

     .hmc6box {
          width: 100%;
     }

     .hmc6box .hmpt {
          padding: 0;
     }

     .hmc6box .hmpt p {
          font-size: 14px;
          line-height: 22px;
     }

     .hmc6funx {
          margin-top: 25px;
          margin-bottom: 20px;
     }

     .hmc6lay strong {
          font-size: 22px;
          line-height: 32px;
     }

     .hmc6lay p {
          font-size: 12px;
          line-height: 22px;
          margin-top: 8px;
     }
}


.hmCon1 {
     padding-bottom: 0;
}

.hmpt {}

.hmpt strong {
     font-size: 52px;
     line-height: 52px;
     font-weight: normal;
     display: block;
}

.hmpt strong span {
     color: var(--cor);
     font-family: sym;
}

.hmpt p {
     font-size: 22px;
     line-height: 22px;
     color: #999999;
     margin-top: 24px;
}

.hmc1box_wpr {
     margin-top: 2.6vw;
     background: url(../images/hmc2_bg.jpg) no-repeat center top;
     padding: 4.42vw 0px;
     background-size: cover;
}

.hmc1menu {
     height: 668px;
     margin-left: -9px;
     margin-right: -9px;
     position: relative;
}

.hmc1mitem {
     height: 208px;
     border: 1px solid rgba(1, 45, 98, 0.4);
     display: block;
     border-radius: 0.8em;
     position: relative;
     transition: none;
     cursor: pointer;
     transition: box-shadow 0.5s ease;
}

.hmc1mitem:hover {
     box-shadow: 0 6px 18px rgba(1, 45, 98, 0.2);
}

.hmc1ico {
     display: block;
     width: 80px;
     height: 80px;
     position: absolute;
     transition: none;
     right: 20px;
     top: 18px;
}

.hmc1txt {
     position: absolute;
     left: 18px;
     bottom: 16px;
     /*transition:all 0.5s ease;*/
}

.hmc1txt span {
     display: block;
     width: 80px;
     height: 80px;
     /* transition:all 0.5s ease;*/
     opacity: 0
}

.hmc1txt p {
     display: block;
     font: 23px/34px sym;
     color: var(--cor);
     /* transition:all 0.5s ease;*/
}

.hmc1menu dd {
     width: 16.66%;
     padding: 0 11px;
     position: absolute;
     z-index: 1;
}

.hmc1menu dd.on {
     width: 33.32%;
     z-index: 0;
}

.hmc1txt {}

.hmc1txt h5 {
     display: none;
     font: 14px/22px sym;
     max-width: 205px;
     margin-top: 12px;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 6;
     /* 限制显示8行 */
     overflow: hidden;
     text-overflow: ellipsis;
     /* 溢出显示省略号 */
}

.hmc1txt a {
     display: none;
     margin-top: 12px;
     line-height: 30px;
     height: 32px;
     width: 104px;
     border: 1px solid var(--cor);
     color: var(--cor);
     text-align: center;
     border-radius: 2em;
     background: url(../images/foot_ar3.png) no-repeat 78px center;
     padding-left: 15px;
     text-align: left;
     background-size: 6px auto !important;
}

.hmc1txt a:hover {
     background: var(--cor) url(../images/foot_ar.png) no-repeat 78px center;
     color: #fff;
     box-shadow: 0 5px 18px rgba(1, 45, 98, 0.3);
}

.on .hmc1mitem {
     height: 438px;
     border: none;
     background-size: cover;
     background-repeat: no-repeat;
     box-shadow: 0 6px 18px rgba(1, 45, 98, 0.2);
}

.on .hmc1ico {
     opacity: 0;
}

.on .hmc1txt {
     bottom: 28px;
     left: 20px;
}

.on .hmc1txt span {
     opacity: 1;
     margin-bottom: 20px;
     position: relative;
     left: -3px;
}

.on .hmc1txt p {
     font: 28px/40px sym;
}

.on .hmc1txt h5,
.on .hmc1txt a {
     display: -webkit-box;
}

.hmc1_mBtn {
     height: 208px;
     border: 1px solid rgba(1, 45, 98, 0.4);
     display: block;
     border-radius: 0.8em;
     position: relative;
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     background: rgba(202, 216, 234, 0.8);
     color: var(--cor);
}

.hmc1_mBtn span {
     font-size: 16px;
     font-weight: bold;
     line-height: 22px;
}

.hmc1_mBtn span:after {
     content: "";
     width: 32px;
     height: 32px;
     border-radius: 50%;
     display: block;
     margin: 0 auto;
     border: 1px solid var(--cor);
     background: url(../images/inx_c1ar.png) no-repeat center center;
     margin-top: 8px;
     transition: all 0.5s ease;
     background-size: 10px auto !important;
}

.hmc1_mBtn:hover {
     border: 1px solid var(--cor);
     background: var(--cor);
     color: #fff;
}

.hmc1_mBtn:hover span:after {
     border: 1px solid #fff;
     background: url(../images/inx_c1ar2.png) no-repeat center center;
}

@media (max-width:1799px) {
     .hmpt strong {
          font-size: 36px;
          line-height: 36px;
     }

     .hmpt p {
          font-size: 18px;
          line-height: 18px;
          margin-top: 20px;
     }

     .hmc1menu {
          height: 500px;
          margin-left: -5px;
          margin-right: -5px;
     }

     .hmc1mitem {
          height: 160px;
     }

     .hmc1ico {
          width: 60px;
          height: 60px;
          right: 16px;
          top: 15px;
     }

     .hmc1txt {
          left: 15px;
          bottom: 12px;
     }

     .hmc1txt span {
          width: 60px;
          height: 60px;
     }

     .hmc1txt p {
          font-size: 15px;
          line-height: 26px;
     }

     .hmc1menu dd {
          padding: 0 5px;
     }

     .hmc1txt h5 {
          font-size: 13px;
          line-height: 20px;
          max-width: 165px;
     }

     .hmc1_mBtn {
          height: 160px;
     }

     .on .hmc1mitem {
          height: 330px;
     }

     .on .hmc1txt {
          bottom: 20px;
          left: 16px;
     }

     .on .hmc1txt span {
          margin-bottom: 15px;
          left: -2px;
     }

     .on .hmc1txt p {
          font: 24px/32px sym;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .hmpt strong {
          font-size: 32px;
          line-height: 32px;
     }

     .hmc1_mBtn span {
          font-size: 14px;
     }
}

@media (max-width:993px) {
     .hmpt strong {
          font-size: 28px;
          line-height: 28px;
     }
}

@media (max-width:767px) {
     .hmpt {}

     .hmpt strong {
          font-size: 18px;
          line-height: 24px;
     }

     .hmpt p {
          font-size: 14px;
          line-height: 22px;
          margin-top: 10px;
     }

     .hmc1mitem {
          height: 438px;
          border: none;
          background-size: cover;
          background-repeat: no-repeat;
          box-shadow: 0 6px 18px rgba(1, 45, 98, 0.2);
     }

     .hmc1ico {
          opacity: 0;
     }

     .hmc1txt {
          bottom: 28px;
          left: 20px;
     }

     .hmc1txt span {
          opacity: 1;
          margin-bottom: 20px;
          position: relative;
          left: -3px;
     }

     .hmc1txt p {
          font: 28px/40px sym;
     }

     .hmc1txt h5,
     .hmc1txt a {
          display: -webkit-box;
     }

     .hmc1menu dd {
          padding: 10px 15px 25px;
     }

     .hmc1menu {
          margin-left: -15px;
          margin-right: -15px;
          height: 470px;
     }

     .hmc1menu .slick-dots {
          bottom: 28px;
     }

     .hmc1menu .slick-dots li button {
          display: none;
     }

     .hmc1menu .slick-dots li {
          background: #CAD8EA;
          display: inline-block;
          height: 6px;
          width: 6px;
          margin: 0px 5px;
          position: relative;
          border-radius: 50%;
          vertical-align: middle
     }

     .hmc1menu .slick-dots li.slick-active {
          background: var(--cor);
     }

     .hmc1_mBtn {
          height: 330px;
     }

     .hmc1txt p {
          font-size: 20px;
          line-height: 26px;
     }

     .hmc1mks {
          margin-left: -5px;
          margin-right: -5px;
          position: relative;
          top: -110px;
     }

     .hmc1mks dd {
          padding: 0 5px;
     }

     .hmc1mks dd span {
          height: 44px;
          border: 1px solid #90B1CF;
          border-radius: 0.6em;
          padding: 0 15px;
          font-size: 14px;
          line-height: 18px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          transition: all 0.5s ease;
          background: rgba(255, 255, 255, 0.6);
     }

     .hmc1mks dd.slick-current span {
          background: rgba(255, 255, 255, 0.2);
     }

     .hmc1box_wpr .dsPhone {
          height: 0;
     }
}


.hmCon2 {
     display: flex;
     justify-content: space-between;
     position: relative;
     color: #fff;
}

.hmc2Lwpr .hmc2lx {
     width: 64.89%;
     height: 845px;
}

.hmc2Lwpr .hmc2rx {
     width: 34.37%;
     margin-top: 45px;
     height: 755px;
}

.hmc2Rwpr .hmc2lx {
     width: 50.95%;
     margin-top: 45px;
     height: 755px;
}

.hmc2Rwpr .hmc2rx {
     width: 48.33%;
     height: 845px;
}

.hmc2lx {
     background: url(../images/hmc3bg1.jpg) no-repeat center center;
     background-size: cover;
     transition: all 0.5s ease;
     padding-left: calc((100% - 1520px) / 2);
     padding-right: 70px;
     padding-top: 60px;
}

.hmc2lx_con {
     position: relative;
     height: 100%;
}

.hmc2t {}

.hmc2t strong {
     font: normal 52px/52px sym;
     display: block;
     transition: all 0.5s ease;
}

.hmc2t p {
     font: 22px/28px sym;
     margin-top: 24px;
     transition: all 0.5s ease;
}

.hmc2btns {
     margin-top: 50px;
     display: flex;
     transition: all 0.5s ease;
}

.hmc2btn {
     width: 325px;
     border: 1px solid #FFF;
     display: inline-block;
     padding-left: 20px;
     background: url(../images/foot_ar.png) no-repeat right 20px center;
     margin-right: 45px;
     border-radius: 0.3em;
     font: 24px/58px sym;
     color: #FFF;
     cursor: pointer;
}

.hmc2btn:hover,
.hmc2btn.on {
     background: #FFF url(../images/foot_ar2.png) no-repeat right 20px center;
     color: var(--cor);
}

.hmc2ldes {
     font-size: 16px;
     line-height: 28px;
     text-align: justify;
     margin-top: 28px;
     transition: all 0.5s ease;
}

.hmc2lanix {
     width: 232px;
     height: 232px;
     position: absolute;
     left: 50%;
     bottom: -50px;
     margin-left: -160px;
     transition: all 0.5s ease;
     opacity: 0;
     visibility: hidden;
}

.hmc2lanix.on {
     opacity: 1;
     visibility: visible;
}

.hmc2line {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
}

@keyframes hmc2line {
     0% {
          transform: scale(0);
          opacity: 0;
     }

     70% {
          opacity: 1;
     }

     100% {
          transform: scale(1.2);
          opacity: 0;
     }
}

@keyframes hmc2line2 {
     0% {
          transform: scale(0.8);
          opacity: 1;
     }

     100% {
          transform: scale(1.4);
          opacity: 0;
     }
}

.hmc2line i {
     background: url(../images/hmc3line1.png) no-repeat;
     height: 408px;
     width: 814px;
     position: absolute;
     left: 50%;
     bottom: 0px;
     margin-left: -407px;
     transform-origin: center bottom;
     animation: hmc2line 3s linear infinite;
     transform: scale(0);
     opacity: 0;
}

.hmc2line i:nth-child(2) {
     animation-delay: 1s;
}

.hmc2line i:nth-child(3) {
     animation-delay: 2s;
}

.hmc2items {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
}

.hmc2items dt {}

.hmc2lnixx {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
}

.hmc2lnixx .coverImg {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     z-index: 2;
}

.hmc2lnixx strong {
     color: #FFF;
     position: absolute;
     left: 45px;
     right: 45px;
     bottom: 13px;
     text-align: center;
     font: normal 20px/30px sym;
     z-index: 3;
}

.hmc2lnixx i {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: rgba(138, 165, 255, 0.3);
     animation: hmc2line2 3s linear infinite;
     opacity: 0;
     border-radius: 50%;
}

.hmc2lnixx i:nth-child(2) {
     animation-delay: 1s;
}

.hmc2lnixx i:nth-child(3) {
     animation-delay: 2s;
}

.hmc2items dd {
     height: 181px;
     width: 181px;
     position: absolute;
     left: -440px;
     bottom: 80px;
}

.hmc2items dd:nth-child(3) {
     left: -250px;
     bottom: 270px;
}

.hmc2items dd:nth-child(4) {
     left: auto;
     right: 30px;
     bottom: 380px;
}

.hmc2items dd:nth-child(5) {
     left: auto;
     right: -250px;
     bottom: 270px;
}
.hmc2items dd:nth-child(6) {
     left: auto;
     right: -440px;
     bottom: 80px;
}

.hmc2items dd:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: url(../images/hmc3sbg.png) no-repeat center center;
     animation: RturnAni 10s linear infinite;
}

.hmc2items dd:nth-child(2):before {
     animation-delay: 2.5s;
}

.hmc2items dd:nth-child(3):before {
     animation-delay: 5s;
}

.hmc2items dd:nth-child(4):before {
     animation-delay: 7.5s;
}

.hmc2lisx {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     display: flex;
     font-size: 16px;
     line-height: 26px;
     color: #002e66;
     font-family: sym;
}

.hmc2lisx {}

.hmc2lisx:before {
     content: "";
}

.hmc2rx {
     background: url(../images/hmc3bg2.jpg) no-repeat center center;
     background-size: cover;
     transition: all 0.5s ease;
     padding-left: 50px;
     padding-right: calc((100% - 1520px) / 2);
     display: flex;
     flex-direction: column;
     justify-content: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
}

.hmc2rul {
     display: flex;
     margin: 60px -14px 50px;
     flex-wrap: wrap;
     transition: all 0.5s ease;
}

.hmc2rul li {
     width: calc(50% - 28px);
     margin: 0 14px 20px;
}

.hmc2ra {
     display: block;
     padding: 5px 25px 5px 86px;
     height: 100px;
     position: relative;
     border-radius: 0.4em;
     background: rgba(255, 255, 255, 0.1);
     display: flex;
     flex-direction: column;
     justify-content: center;
}

.hmc2ra:hover {
     background: rgba(255, 255, 255, 0.3);
}

.hmc2rtm {
     background: #002E66;
     height: 90px;
     width: 68px;
     position: absolute;
     left: 5px;
     top: 5px;
     color: #fff;
     border-radius: 0.3em;
     text-align: center;
     padding: 5px 10px;
}

.hmc2rtm strong {
     display: block;
     font-size: 38px;
     line-height: 44px;
     font-family: din_b;
     margin-top: 5px;
}

.hmc2rtm p {
     font-size: 12px;
     line-height: 16px;
     border-top: 1px solid #204879;
     padding-top: 2px;
}

.hmc2rrdes {
     color: #fff;
}

.hmc2rrdes strong {
     font-size: 18px;
     line-height: 28px;
     -webkit-line-clamp: 2;
     font-weight: normal;
}

.hmc2rrdes span {
     font: 14px/14px syl;
     margin-top: 5px;
     display: block;
     padding-bottom: 5px;
}

.hmc2rx .web_bmjn {
     width: 165px;
}

.hmc2Lwpr .hmc2rx .hmc2t strong {
     line-height: 42px;
     font-size: 42px;
}

.hmc2Lwpr .hmc2rx .hmc2t p {
     font-size: 20px;
     line-height: 24px;
     margin-top: 18px;
}

.hmc2Lwpr .hmc2rul {
     width: 330px;
}

.hmc2Lwpr .hmc2rul li {
     width: calc(100% - 28px);
}

.hmc2Lwpr .hmc2rul li:nth-child(4) {
     display: none;
}

.hmc2Lwpr .hmc2rul li:nth-child(5) {
     display: none;
}

.hmc2Lwpr .hmc2rul li:nth-child(6) {
     display: none;
}

.hmc2Rwpr .hmc2lx .hmc2t strong {
     line-height: 42px;
     font-size: 42px;
}

.hmc2Rwpr .hmc2lx .hmc2t p {
     font-size: 20px;
     line-height: 24px;
     margin-top: 18px;
}

.hmc2Rwpr .hmc2btns {
     transform: scale(0.86);
     transform-origin: left bottom;
}

.hmc2Rwpr .hmc2ldes {
     font-size: 14px;
     line-height: 24px;
}

.hmc2Rwpr .hmc2lanix {
     transform: scale(0.82);
     transform-origin: center bottom;
     bottom: -30px;
}

.hmc2Rwpr .hmc2btns {
     margin-top: 25px;
}

.hmc2lanix2 .hmc2items dd:nth-child(2) {
     left: -175px;
     bottom: 270px;
}

.hmc2lanix2 .hmc2items dd:nth-child(3) {
     left: auto;
     right: -175px;
     bottom: 270px;
}
.hmc2lanix2 .hmc2items dd:nth-child(4) {
     left: auto;
     right: -175px;
     bottom: 270px;
}
@media (max-width:1799px) {
     .hmc2Lwpr .hmc2lx {
          height: 655px;
     }

     .hmc2Lwpr .hmc2rx {
          margin-top: 35px;
          height: 565px;
     }

     .hmc2Rwpr .hmc2lx {
          margin-top: 35px;
          height: 565px;
     }

     .hmc2Rwpr .hmc2rx {
          height: 655px;
     }

     .hmc2lx {
          padding-left: calc((100% - 1140px) / 2);
          padding-right: 40px;
     }

     .hmc2t strong {
          font: normal 36px/36px sym;
     }

     .hmc2t p {
          font: 18px/24px sym;
          margin-top: 20px;
     }

     .hmc2btns {
          margin-top: 22px;
     }

     .hmc2btn {
          width: 250px;
          padding-left: 15px;
          background: url(../images/foot_ar.png) no-repeat right 15px center;
          margin-right: 25px;
          font: 18px/48px sym;
     }

     .hmc2btn:hover {
          background: #FFF url(../images/foot_ar2.png) no-repeat right 15px center;
     }

     .hmc2ldes {
          font-size: 14px;
          line-height: 26px;
          margin-top: 20px;
     }

     .hmc2lanix {
          transform: scale(0.8);
          transform-origin: center bottom;
     }

     .hmc2rx {
          padding-left: 30px;
          padding-right: calc((100% - 1140px) / 2);
     }

     .hmc2rul {
          margin: 30px -10px 30px;
     }

     .hmc2rul li {
          width: calc(50% - 20px);
          margin: 0 10px 15px;
     }

     .hmc2ra {
          display: block;
          padding: 9px 18px 5px 82px;
          height: 90px;
     }

     .hmc2rtm {
          height: 80px;
          width: 66px;
          padding: 5px 5px;
     }

     .hmc2rtm strong {
          font-size: 28px;
          line-height: 32px;
     }

     .hmc2rrdes strong {
          font-size: 14px;
          line-height: 22px;
     }

     .hmc2rrdes span {
          font-size: 12px;
     }

     .hmc2Lwpr .hmc2rx .hmc2t strong {
          line-height: 28px;
          font-size: 28px;
     }

     .hmc2Lwpr .hmc2rx .hmc2t p {
          font-size: 18px;
          line-height: 22px;
          margin-top: 15px;
     }

     .hmc2Lwpr .hmc2rul {
          width: 250px;
          margin: 22px -10px 15px
     }

     .hmc2Lwpr .hmc2rul li {
          width: calc(100% - 20px);
     }

     .hmc2Rwpr .hmc2lx .hmc2t strong {
          line-height: 30px;
          font-size: 30px;
     }

     .hmc2Rwpr .hmc2lx .hmc2t p {
          font-size: 18px;
          line-height: 22px;
          margin-top: 12px;
     }

     .hmc2Rwpr .hmc2btns {
          transform: scale(0.66);
     }

     .hmc2Rwpr .hmc2ldes {
          font-size: 12px;
          line-height: 22px;
     }

     .hmc2Rwpr .hmc2lanix {
          transform: scale(0.62);
          bottom: -30px;
     }

     .hmc2Rwpr .hmc2btns {
          margin-top: 15px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .hmc2lx {
          padding-left: calc((100% - 940px) / 2);
     }

     .hmc2lanix {
          transform: scale(0.7);
          transform-origin: right bottom;
     }

     .hmc2t strong {
          font-size: 32px;
          line-height: 32px;
     }
}

@media (max-width:993px) {
     .hmCon2 {
          flex-wrap: wrap;
          padding-top: 0
     }

     .hmc2lx {
          width: 100% !important;
          padding: 55px 25px;
          height: auto !important;
          margin-top: 0 !important
     }

     .hmc2rx {
          width: 100% !important;
          margin-top: 0 !important;
          height: auto !important;
          padding: 55px 25px;
     }

     .hmc2lx_con {
          padding-bottom: 400px
     }

     .hmc2lanix {
          bottom: 0;
     }

     .hmc2rul {
          width: 100% !important;
          margin-top: 25px !important;
          margin-bottom: 15px !important;
     }

     .hmc2rul li {
          display: block !important;
          width: calc(50% - 20px) !important
     }

     .hmc2t p {
          font-size: 18px !important;
          line-height: 24px !important;
          margin-top: 12px !important;
     }

     .hmc2t strong {
          font-size: 32px !important;
          line-height: 32px !important;
     }

     .hmc2ldes {
          font-size: 14px !important;
          line-height: 26px !important;
          margin-top: 20px !important;
     }

     .hmc2btns {
          margin-top: 22px !important;
     }

     .hmc2btns {
          transform: scale(1) !important;
     }

     .hmc2lanix {
          transform: scale(0.7) !important;
          bottom: 0px !important;
          transform-origin: right bottom !important;
     }
}

@media (max-width:767px) {
     .hmc1box_wpr {
          margin-top: 25px;
          padding-top: 13vw;
     }

     .hmc1menu dd {
          position: relative !important;
          top: auto !important;
          left: auto !important;
          right: auto !important;
          bottom: auto !important;
     }

     .hmc1ico {
          opacity: 0;
          visibility: hidden;
     }

     .hmc1mitem {
          height: 330px;
     }

     .hmc2lx {
          padding-left: 15px;
          padding-right: 15px;
     }

     .hmc2t strong {
          font-size: 20px !important;
          line-height: 22px !important;
     }

     .hmc2ldes {
          font-size: 10px !important;
          line-height: 16px !important;
          margin-top: 10px !important;
     }

     .hmc2btn {
          width: auto;
          padding-left: 18px;
          padding-right: 35px;
          background: url(../images/foot_ar.png) no-repeat right 15px center;
          margin-right: 15px;
          font: 12px/30px sym;
          background-size: 8px auto !important;
     }

     .hmc2lanix {
          transform: scale(0.35) !important;
          bottom: 0px !important;
          transform-origin: 80% bottom !important;
     }

     .hmc2lx_con {
          padding-bottom: 210px;
     }

     .hmc2t p {
          font-size: 14px !important;
          line-height: 22px !important;
          margin-top: 12px !important;
     }

     .hmc2rx {
          width: 100% !important;
          margin-top: 0 !important;
          height: auto !important;
          padding: 13vw 15px;
     }

     .hmc2rul li {
          width: calc(100% - 20px) !important;
     }

     .hmc2rul {
          width: auto !important;
     }

     .hmc2rx .web_bmjn {
          width: 135px;
     }

     .hmc2rul li:nth-child(2n+1) {
          display: none !important;
     }
}


.hmCon3 {
     padding-top: 3vw
}

.hmc3tbox {
     position: relative;
}

.hmc3tbox .web_bmjn {
     position: absolute;
     right: 0;
     bottom: 0
}

.web_bmjn_blue {
     border: 1px solid var(--cor);
     color: var(--cor);
}

.web_bmjn_blue span {
     background: url(../images/foot_ar3.png) no-repeat right center;
}

.web_bmjn_blue:hover span,
.hmc7item:hover .web_bmjn_blue span {
     background: url(../images/foot_ar.png) no-repeat right center;
}

.web_bmjn_blue:hover,
.hmc7item:hover .web_bmjn_blue {
     color: #fff;
}

.web_bmjn_blue:before {
     background: var(--cor);
}

.hmc3box {
     margin: 2.6vw -7px 0px;
}

.hmc3box dd {
     width: calc(25% - 14px);
     margin: 0 7px;
}

.hmc3item {
     display: block;
}

.hmc3item .overflowHide {
     height: 313px;
}

.hmc3layer {
     color: #FFF;
     position: absolute;
     left: 22px;
     right: 22px;
     bottom: 18px;
}

.hmc3layer p {
     font-size: 20px;
     line-height: 28px;
     -webkit-line-clamp: 2;
}

.hmc3layer span {
     font-size: 14px;
     line-height: 22px;
     display: inline-block;
     padding-right: 16px;
     background: url(../images/hmc4ar3.png) no-repeat right center;
     margin-top: 15px;
}

.hmc3sa {
     display: block;
     height: 157px;
     padding: 21px 22px 0px;
     border: 1px solid #CDD0DF;
}

.hmc3sa+.hmc3sa {
     border-top: none;
     height: 156px;
}

.hmc3sa strong {
     font-size: 20px;
     line-height: 30px;
     -webkit-line-clamp: 2;
     font-weight: normal;
}

.hmc3sa span {
     margin-top: 35px;
}

.pub_smore {}

.hmc3sa span,
.pub_smore span.transition,
.pub_smorea {
     font-size: 14px;
     line-height: 20px;
     display: inline-block;
     padding-right: 16px;
     background: url(../images/hmc4ar1.png) no-repeat right center;
}

.hmc3sa:hover span,
.pub_smore:hover span.transition,
.pub_smorea:hover {
     background: url(../images/hmc4ar2.png) no-repeat right center;
}

@media (max-width:1799px) {
     .hmc3item .overflowHide {
          height: 275px;
     }

     .hmc3layer {
          left: 8px;
          right: 8px;
          bottom: 8px;
          background-color: rgba(0, 0, 0, 0.2);
          padding: 0.5vw;
     }

     .hmc3layer p {
          font-size: 16px;
          line-height: 26px;
     }

     .hmc3layer span {
          font-size: 13px;
          line-height: 20px;
          margin-top: 8px;
     }

     .hmc3sa {
          height: 157px;
          padding: 15px 15px 0px;
     }

     .hmc3sa {
          height: 138px;
     }

     .hmc3sa+.hmc3sa {
          border-top: none;
          height: 137px;
     }

     .hmc3sa strong {
          font-size: 16px;
          line-height: 26px;
     }

     .hmc3sa span {
          font-size: 13px;
          margin-top: 15px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {}

@media (max-width:767px) {
     .hmc3tbox .web_bmjn {
          position: relative;
          right: auto;
          margin-top: 12px;
     }

     .hmc3box {
          margin-top: 25px;
     }

     .hmc3box dd {
          width: calc(100% - 14px);
          margin: 0 7px 14px;
     }

     .hmc3item .overflowHide {
          height: 77vw;
     }

     .hmc3sa,
     .hmc3sa+.hmc3sa {
          height: 122px;
     }

     .hmc3box dd:nth-child(2),
     .hmc3box dd:nth-child(3) {
          display: none !important
     }
}


.hmCon4 {
     display: flex;
     justify-content: space-between;
     flex-direction: row-reverse;
}

.hmc4lx {
     width: 50%;
     padding-left: calc((100% - 1520px) / 2);
     padding-right: 5vw;
     display: flex;
     flex-direction: column;
     justify-content: center;
     border-top: 1px solid #CDCFDF;
     border-bottom: 1px solid #CDCFDF;
}

.hmc4des {
     margin-top: 2.6vw;
     font-size: 1.2rem;
}

.hmc4des strong {
     font-size: 26px;
     line-height: 40px;
     font-weight: normal;
     display: block;
     max-width: 420px;
}

.hmc4des p {
     font-size: 16px;
     line-height: 28px;
     color: #808080;
     margin: 1.2vw 0px 2.2vw;
}

.hmc4btn {}

.hmc4rx {
     width: 50%;
     height: 562px;
}

@media (max-width:1799px) {
     .hmc4lx {
          padding-left: calc((100% - 1140px) / 2);
          padding-right: 3vw;
     }

     .hmc4des {
          margin-top: 2.2vw;
          font-size: 0.9rem;
     }

     .hmc4des strong {
          font-size: 22px;
          line-height: 30px;
          max-width: 350px;
     }

     .hmc4des p {
          font-size: 14px;
          line-height: 26px;
     }

     .hmc4rx {
          height: 452px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .hmc4lx {
          padding-left: calc((100% - 940px) / 2);
     }
}

@media (max-width:993px) {
     .hmc4lx {
          padding-left: calc((100% - 720px) / 2);
     }
}

@media (max-width:767px) {
     .hmCon4 {
          flex-wrap: wrap;
          padding-left: 15px;
          padding-right: 15px;
     }

     .hmc4lx {
          width: 100%;
          padding: 25px 0px 30px;
          border-top: none
     }

     .hmc4rx {
          width: 100%;
          height: 52vw
     }

     .hmc4des strong {
          font-size: 18px;
          line-height: 28px;
     }

     .hmc4des p {
          font-size: 12px;
          line-height: 22px;
     }

     .hmc4btn {
          margin-top: 15px;
     }
}


.hmCon5 {
     padding-top: 200px;
     padding-bottom: 250px;
}

.hmCon5 .container {}

.hmc5lx {
     width: 320px;
     padding: 0;
     float: left;
     position: -webkit-sticky;
     position: sticky;
     top: calc(50vh /2);
     padding-top: 50px
}

.hmc5lx .hmpt {}

.hmc5lx .hmpt strong span {
     display: block;
     margin-top: 20px;
}

.hmc5des {
     font-size: 18px;
     line-height: 40px;
     text-align: justify;
     margin-top: 3.12vw;
     margin-bottom: 3.12vw;
}

.hmc5rx {
     width: 60.78%;
     display: flex;
     justify-content: space-between;
     float: right;
}

.hmc5rul {
     width: 42.53%;
}

/*.hmc5rx .hmc5rul:nth-child(2){padding-top:3.64vw;}*/
.hmc5rul li {
     margin-bottom: 4.16vw;
}

.hmc5rul li:last-child {
     margin-bottom: 0;
}

.hmc5item {
     display: block;
}

.hmc5item .overflowHide {
     height: 347px;
     border-radius: 0.6em;
}

.hmc5bmx {
     padding-top: 20px;
}

.hmc5bmx strong {
     font-size: 24px;
     line-height: 34px;
     font-weight: normal;
     -webkit-line-clamp: 2;
}

.hmc5rdes {
     margin-top: 24px;
     padding: 15px 22px;
     position: relative;
}

.hmc5rdes p {
     position: relative;
     z-index: 1;
     color: #808080;
     -webkit-line-clamp: 3;
     font: 16px/28px syl;
}

.hmc5rdes i {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
}

.hmc5rdes i:before {
     content: "";
     background: #BFCEDF;
     height: 1px;
     position: absolute;
     left: 22px;
     right: 0px;
     top: 0px;
}

.hmc5rdes i:after {
     content: "";
     background: #BFCEDF;
     height: 1px;
     position: absolute;
     right: 22px;
     left: 0px;
     bottom: 0px;
}

.hmc5rdes:before {
     content: "";
     background: url(../images/hmc6fh1.png) no-repeat center center;
     height: 15px;
     width: 16px;
     position: absolute;
     left: 0px;
     top: -7px;
}

.hmc5rdes:after {
     content: "";
     background: url(../images/hmc6fh2.png) no-repeat center center;
     height: 15px;
     width: 16px;
     position: absolute;
     right: 0px;
     bottom: -7px;
}

@media (max-width:1799px) {
     .hmCon5 {
          padding-top: 170px;
          padding-bottom: 220px;
     }

     .hmc5lx .hmpt strong span {
          margin-top: 15px;
     }

     .hmc5des {
          font-size: 16px;
          line-height: 34px;
          margin-top: 2.6vw;
          margin-bottom: 2.6vw;
     }

     .hmc5rul {
          width: 46%;
     }

     .hmc5rul li {
          margin-bottom: 3.6vw;
     }

     .hmc5rul li:last-child {
          margin-bottom: 0;
     }

     .hmc5item .overflowHide {
          height: 280px;
     }

     .hmc5bmx {
          padding-top: 18px;
     }

     .hmc5bmx strong {
          font-size: 20px;
          line-height: 30px;
     }

     .hmc5rdes {
          margin-top: 20px;
     }

     .hmc5rdes p {
          font: 15px/26px syl;
     }

     .hmc5lx {
          top: calc(42vh /2);
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .hmc5lx {
          position: static;
          width: 100%;
          padding-top: 0
     }

     .hmc5rx {
          width: 100%;
          margin-top: 35px;
     }

     .hmCon5 {
          padding: 8vw 0;
     }

     .hmc5rul {
          width: 48%;
     }
}

@media (max-width:767px) {
     .hmc5lx .hmpt strong span {
          margin-top: 10px;
     }

     .hmc5des {
          font-size: 12px;
          line-height: 22px;
     }

     .hmc5btn {
          margin-top: 16px;
     }

     .hmc5rul {
          width: 100%;
     }

     .hmc5rx {
          flex-wrap: wrap;
     }

     .hmc5item .overflowHide {
          height: 78vw;
     }

     .hmc5rdes p {
          font-size: 12px;
          line-height: 22px;
     }

     .hmc5bmx strong {
          font-size: 18px;
          line-height: 26px;
     }

     .hmc5rul li {
          margin-bottom: 30px;
     }

     .hmc5rul li:nth-child(2n+1) {
          display: none !important;
     }

     .hmc5rul+.hmc5rul {
          display: none;
     }
}


.hmCon7 {
     background: #f5f5f5;
}

.hmc7ul {
     margin: 150px -42px 0px;
}

.hmc7ul dd {
     width: calc(33.33% - 84px);
     margin: 0 42px;
     position: relative
}

/*.hmc7ul dd:nth-child(2){ position:relative; top:-60px;}*/
.hmc7item {
     background: #FFF;
     padding: 115px 62px 0px;
     height: 440px;
     border-radius: 0.6em;
     box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
     display: block;
     position: relative;
}

.hmc7item:hover {
     transform: translateY(-15px);
}

.hmc7ico {
     height: 174px;
     width: 174px;
     position: absolute;
     left: 50%;
     top: -87px;
     margin-left: -87px;
     box-shadow: 0 0 4px #c8deff;
     background: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
}

.hmc7ico span {
     position: absolute;
     left: 7px;
     top: 7px;
     right: 7px;
     bottom: 7px;
     border-radius: 50%;
     background: var(--cor);
     border: 4px solid #c8deff;
}

.hmc7ico span img {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     max-width: 80%;
     max-height: 80%;
     width: auto;
     height: auto;
     transition: all 0.5s ease;
}

.hmc7item:hover .hmc7ico span img {
     transform: translate(-50%, -50%) rotateY(180deg);
}

.hmc7des {
     text-align: center
}

.hmc7des strong {
     font-size: 26px;
     line-height: 64px;
     text-align: center;
     position: relative;
     display: block
}

.hmc7des strong:after {
     content: "";
     width: 120px;
     height: 2px;
     background: #B8B8B8;
     position: absolute;
     left: 50%;
     bottom: 0;
     margin-left: -60px;
}

.hmc7des p {
     font-size: 16px;
     line-height: 28px;
     color: #808080;
     margin-top: 15px;
}

.hmc7des p span {
     display: block;
     color: var(--cor);
     font-size: 36px;
     line-height: 56px;
     font-family: din_b;
}

.hmc7btn {
     position: absolute;
     left: 0;
     right: 0;
     text-align: center;
     bottom: 40px;
}

@media (max-width:1799px) {
     .hmc7ul {
          margin: 105px -15px 0px;
     }

     .hmc7ul dd {
          width: calc(33.33% - 30px);
          margin: 0 15px;
     }

     /*.hmc7ul dd:nth-child(2){ top:-40px;}*/
     .hmc7item {
          padding: 80px 45px 0px;
          height: 360px;
     }

     .hmc7ico {
          height: 124px;
          width: 124px;
          top: -62px;
          margin-left: -62px;
     }

     .hmc7ico span {
          left: 5px;
          top: 5px;
          right: 5px;
          bottom: 5px;
     }

     .hmc7ico span img {
          max-width: 70%;
          max-height: 70%;
     }

     .hmc7des strong {
          font-size: 22px;
          line-height: 52px;
     }

     .hmc7des strong:after {
          width: 90px;
          height: 1px;
          margin-left: -45px;
     }

     .hmc7des p {
          font-size: 14px;
          line-height: 26px;
          margin-top: 12px;
     }

     .hmc7des p span {
          font-size: 30px;
          line-height: 50px;
     }

     .hmc7btn {
          bottom: 30px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .hmc7ul dd {
          width: calc(100% - 30px);
     }

     .hmc7item:hover {
          transform: translateY(0px);
     }

     .hmc7item {
          height: auto;
          padding-bottom: 120px;
     }

     .hmc7ul dd {
          margin-bottom: 100px;
     }

     .hmc7ul dd:last-child {
          margin-bottom: 0 !important;
     }
}

@media (max-width:767px) {
     .hmc7ul dd {
          margin-bottom: 70px;
     }

     .hmc7ul {
          margin-top: 85px;
     }

     .hmc7item {
          padding-left: 15px;
          padding-right: 15px;
          padding-top: 50px;
          padding-bottom: 100px;
     }

     .hmc7ico {
          width: 90px;
          height: 90px;
          margin-left: -45px;
          top: -45px;
     }

     .hmc7des p {
          font-size: 12px;
          line-height: 22px;
     }
}


.m2banner {
     position: relative;
     overflow: hidden
}

.m2banner .coverImg {
     height: 31.66vw;
     transition: all 6s ease;
     transform: scale(1.15);
}

.m2banner .coverImg:after {
     content: "";
     background: url(../images/m2banLine.png) repeat-x left top;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
}

.m2banner.on .coverImg {
     transform: scale(1);
}

.m2banTxt {
     position: absolute;
     left: 0;
     top: 50%;
     width: 100%;
     transform: translateY(-50%);
     color: #fff;
}

.m2banTxt strong {
     font-size: 72px;
     line-height: 82px;
     letter-spacing: 3px;
     display: block;
     font-weight: normal;
}

.m2banTxt p {
     font-size: 26px;
     line-height: 32px;
     letter-spacing: 2px;
     display: block;
     margin-top: 12px;
     text-transform: uppercase;
}

.m2bannerWpr {
     position: relative;
}

.m2pos {
     font-size: 14px;
     line-height: 26px;
     color: #FFF;
     position: absolute;
     z-index: 1;
     left: 0px;
     top: 25px;
     right: 0px;
}

.m2pos span,
.m2pos a {
     margin: 0 8px;
}

.m2pos_a {
     color: rgba(255, 255, 255, 0.6)
}

.m2pos_a:hover {
     color: #fff;
}

.m2banner_black .m2pos {
     color: #A9AAAA;
}

.m2banner_black .m2pos_a {
     color: #A9AAAA;
}

.m2banner_black .m2pos_a:hover {
     color: var(--cor);
}

.m2banner_black .m2banTxt {
     color: var(--cor);
}

@media (max-width:1799px) {
     .m2banTxt strong {
          font-size: 56px;
          line-height: 66px;
          letter-spacing: 1px;
     }

     .m2banTxt p {
          font-size: 20px;
          line-height: 26px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .m2banTxt p {
          font-size: 16px;
          line-height: 22px;
     }

     .m2banTxt strong {
          font-size: 40px;
          line-height: 42px;
     }
}

@media (max-width:993px) {
     .m2banner .coverImg {
          height: 350px;
     }

     .m2banTxt p {
          font-size: 14px;
          line-height: 20px;
          margin-top: 6px;
     }

     .m2banTxt strong {
          font-size: 38px;
          line-height: 50px;
     }
}

@media (max-width:767px) {
     .m2pos {
          top: 15px;
     }

     .m2banTxt strong {
          font-size: 28px;
          line-height: 28px;
          letter-spacing: 0;
     }

     .m2banner .coverImg {
          height: 200px;
     }

     .m2banTxt {
          padding-top: 20px;
     }

     .m2banTxt p {
          letter-spacing: 1px;
     }

     .m2banner .coverImg:after {
          background: linear-gradient(to right, rgba(1, 45, 98, 0.3) 0%, rgba(1, 45, 98, 0) 70%);
     }
}


.bsvr_page {}

.bsvr_con1 {}

.m2pt {
     font-size: 50px;
     line-height: 50px;
     letter-spacing: 2px;
     text-align: center;
}

.m2pt span {
     color: var(--cor);
     font-family: sym;
}

.m2pdes {
     font-size: 18px;
     line-height: 32px;
     color: #666666;
     max-width: 960px;
     margin: 30px auto 0px;
     text-align: center
}

.bsvr_con2 {
     background: #f7f8f8;
     padding-top: 0;
}

.bsvr_c2box {
     text-align: center;
     position: relative;
     top: -34px;
}

.bsvr_c2tip {
     display: inline-block;
     white-space: nowrap;
     font-size: 18px;
     line-height: 32px;
     color: #666;
     padding: 18px 32px 18px 75px;
     background: #fff;
     border-radius: 2em;
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
     position: relative;
     margin-bottom: 4.6vw;
}

.bsvr_c2tip span {}

.bsvr_c2tip:before {
     content: "";
     background: url(../images/bsvr_ico1.png) no-repeat center center;
     display: inline-block;
     height: 50px;
     width: 50px;
     position: absolute;
     left: 11px;
     top: 9px;
}

.bsvr_list {
     margin: 3vw -16px 0px;
}

.bsvr_list li {
     width: calc(25% - 32px);
     margin: 0 16px 32px;
     background: #fff;
}

.bsvr_list li span {
     height: 112px;
     position: relative;
     display: block;
}

.bsvr_list li span img {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     max-width: 62%;
     max-height: 62%;
     width: auto;
     height: auto;
}

.bsvr_list li p {
     font-size: 16px;
     line-height: 36px;
     color: #666;
     border-top: 1px solid #E1E1E1;
     text-align: center;
     padding: 0px 15px;
}

.bsvr_c2tip2 {
     font-size: 16px;
     font-style: italic;
     line-height: 30px;
     color: #969797;
     margin-top: 25px;
}

.pub_bmTel {
     text-align: center;
     padding-top: 3.22vw;
     margin-top: 2.8vw;
     border-top: 2px solid #C3C3C3;
}

.pub_bmTel span {}

.pub_bmTel span img {
     height: 52px;
}

.pub_bmTel p {
     font-size: 30px;
     line-height: 42px;
     margin-top: 22px;
     color: var(--cor);
     font-family: sym;
}

@media (max-width:1799px) {
     .m2pt {
          font-size: 36px;
          line-height: 36px;
          letter-spacing: 1px;
     }

     .m2pdes {
          font-size: 14px;
          line-height: 26px;
          margin-top: 16px;
     }

     .bsvr_c2tip {
          font-size: 14px;
          line-height: 28px;
          padding: 14px 30px 14px 62px;
     }

     .bsvr_c2box {
          top: -28px;
     }

     .bsvr_c2tip:before {
          width: 42px;
          height: 42px;
          background-size: cover;
          left: 8px;
          top: 7px;
     }

     .bsvr_list {
          margin: 3vw -10px 0px;
     }

     .bsvr_list li {
          width: calc(25% - 20px);
          margin: 0 10px 20px;
     }

     .bsvr_list li span {
          height: 90px;
     }

     .bsvr_list li p {
          font-size: 14px;
     }

     .pub_bmTel p {
          font-size: 24px;
          line-height: 36px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .m2pt {
          font-size: 32px;
          line-height: 32px;
     }
}

@media (max-width:993px) {
     .bsvr_con1 {
          padding-left: 15px;
          padding-right: 15px;
     }

     .bsvr_c2tip {
          white-space: normal;
          text-align: left;
     }

     .bsvr_c2tip:before {
          top: 20px;
     }
}

@media (max-width:767px) {
     .m2pdes {
          font-size: 12px;
          line-height: 22px;
          margin-top: 12px;
     }

     .bsvr_c2tip:before {
          width: 36px;
          height: 36px;
          top: 9px;
     }

     .bsvr_c2tip {
          font-size: 12px;
          line-height: 22px;
          padding: 14px 15px 14px 55px;
     }

     .bsvr_c2tip {
          margin-bottom: 35px;
     }

     .bsvr_list {
          margin: 25px -5px 0;
     }

     .bsvr_list li {
          width: calc(50% - 10px);
          margin: 0 5px 10px;
     }

     .pub_bmTel p {
          font-size: 22px;
          line-height: 32px;
     }

     .bsvr_con2 {
          padding-bottom: 6vw;
     }
}


.osvr_page {}

.osvr_con1 {}

.osvr_c1des {
     font-size: 30px;
     line-height: 46px;
     text-align: center;
     padding-bottom: 2.6vw;
     margin-bottom: 4vw;
     border-bottom: 1px solid #CED0E0;
}

.osvr_list {
     margin: 2.6vw -20px 0px;
     justify-content: space-between;
}

.osvr_list li {
     width: calc(50% - 40px);
     margin: 0 20px 45px;
}

.osvr_item {
     display: flex;
     justify-content: space-between;
}

.osvr_item .overflowHide {
     height: 245px;
     width: 365px;
     border-radius: 0.6em;
}

.osvr_irx {
     width: calc(100% - 400px);
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: left
}

.osvr_nms {}

.osvr_nms strong {
     font-size: 27px;
     line-height: 32px;
     -webkit-line-clamp: 2;
     font-family: sym;
     font-weight: normal;
}

.osvr_nms p {
     font-size: 18px;
     line-height: 30px;
     color: #666666;
     margin-top: 5px;
     -webkit-line-clamp: 2;
}

.osvr_lx {
     font-size: 18px;
     line-height: 38px;
     margin-top: 12px;
}

.osvr_lx p {}

.osvr_lx p img {
     margin-right: 5px;
     position: relative;
     top: 4px;
}

.osvr_lx p a {
     color: var(--cor);
     display: inline-block;
     padding-right: 25px;
     background: url(../images/osvr_ar.png) no-repeat right center;
}

.osvr_con3 .osvr_list {
     justify-content: center;
}

.osvr_con4 .osvr_list {
     justify-content: center;
}

.osvr_con2,
.osvr_con4 {
     background: #f2f2f2
}

@media (max-width:1799px) {
     .osvr_c1des {
          font-size: 24px;
          line-height: 36px;
     }

     .osvr_item .overflowHide {
          width: 300px;
          height: 200px;
     }

     .osvr_irx {
          width: calc(100% - 325px);
     }

     .osvr_nms strong {
          font-size: 22px;
          line-height: 30px;
     }

     .osvr_nms p {
          font-size: 15px;
          line-height: 26px;
     }

     .osvr_lx {
          font-size: 16px;
          line-height: 36px;
     }

     .osvr_lx p img {
          width: 20px;
     }

     .osvr_list {
          margin: 2.6vw -12px 0px;
     }

     .osvr_list li {
          width: calc(50% - 24px);
          margin: 0 12px 30px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .osvr_item .overflowHide {
          width: 250px;
     }

     .osvr_irx {
          width: calc(100% - 265px);
     }

     .osvr_nms strong {
          font-size: 20px;
          line-height: 28px;
     }

     .osvr_lx {
          font-size: 14px;
          line-height: 32px;
     }
}

@media (max-width:993px) {
     .osvr_list li {
          width: calc(100% - 24px);
     }

     .osvr_item .overflowHide {
          width: 300px;
     }

     .osvr_irx {
          width: calc(100% - 325px);
     }

     .osvr_nms strong {
          font-size: 22px;
          line-height: 30px;
     }
}

@media (max-width:767px) {
     .osvr_c1des {
          font-size: 18px;
          line-height: 30px;
          padding-bottom: 20px;
          margin-bottom: 25px;
     }

     .osvr_list {
          margin-top: 25px;
     }

     .osvr_item {
          flex-wrap: wrap;
     }

     .osvr_item .overflowHide {
          width: 100%;
          height: 60vw;
     }

     .osvr_irx {
          width: 100%;
          margin-top: 15px;
     }

     .osvr_list li:last-child {
          margin-bottom: 0;
     }
}

.m2menuFixedWpr {
     position: -webkit-sticky;
     position: sticky;
     top: 76px;
     z-index: 2;
}

.m2menuWpr {
     background: var(--cor);
}

.m2menu {}

.m2menu_a {
     display: inline-block;
     line-height: 70px;
     font-size: 18px;
     color: rgba(255, 255, 255, 0.7);
     margin-right: 70px;
     position: relative
}

.m2menu_a.on,
.m2menu_a:hover {
     color: #fff;
}

.m2menu_a:after {
     content: "";
     height: 28px;
     width: 1px;
     margin-top: -14px;
     position: absolute;
     top: 50%;
     right: -35px;
     background: rgba(255, 255, 255, 0.7);
}

.m2menu a:last-child:after {
     display: none
}

@media (max-width:1799px) {
     .m2menu_a {
          font-size: 16px;
          line-height: 56px;
     }

     .m2menu_a:after {
          height: 22px;
          margin-top: -11px;
     }

     .m2menuFixedWpr {
          top: 72px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .m2menu_a:after {
          height: 16px;
          margin-top: -8px;
          display: none
     }

     .m2menu {
          text-align: center;
          padding: 12px 0;
     }

     .m2menu_a {
          font-size: 14px;
          line-height: 28px;
          margin: 0 20px
     }
}

@media (max-width:767px) {
     .m2menu_a {
          font-size: 14px;
          line-height: 28px;
          width: 32%;
          margin: 0
     }
}

.abt_page {}

.abt_con1 {
     background: url(../images/abt_c1bg.png) no-repeat center center;
}

.abt_c1box {
     padding-left: 21.97%;
     margin-top: 2.6vw;
     position: relative;
}

.abt_c1mv {
     width: 50.39%;
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -217px;
     z-index: 1;
}

.abt_c1mv .overflowHide {
     height: 434px;
     border-radius: 0.6em;
     box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
}

.abt_c1mv.mvBtn .overflowHide:after {
     content: "";
     /*background: url(../images/abt_c1paly.png) no-repeat center center;*/
     margin-top: -38px;
     margin-left: -38px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-size: cover;
     width: 72px;
     height: 72px;
}

.abt_c1txt {
     height: 510px;
     background: rgba(228, 230, 243, 0.5);
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-left: 43%;
     padding-right: 4.2%;
     font-size: 16px;
     line-height: 38px;
     color: #666;
     text-align: justify;
}

.abt_page .posLink {
     top: -140px;
}

.abt_page .posLink.abt_link3,
.abt_page .posLink.abt_link4 {
     top: calc(-140px + 6.25vw);
}

@media (max-width:1799px) {
     .abt_c1mv .overflowHide {
          height: 340px;
     }

     .abt_c1txt {
          padding-left: 42%;
          font-size: 14px;
          line-height: 30px;
          height: 420px;
     }

     .abt_c1mv {
          margin-top: -170px;
     }

     .abt_c1mv.mvBtn .overflowHide:after {
          background-size: 60px auto;
     }

     .abt_page .posLink {
          top: -100px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .abt_c1txt {
          font-size: 13px;
          line-height: 26px;
     }
}

@media (max-width:767px) {
     .abt_c1box {
          margin-top: 25px;
          padding-left: 0;
     }

     .abt_c1mv {
          width: 100%;
          display: block;
          position: relative;
          top: auto;
          margin-top: 0;
     }

     .abt_c1txt {
          padding: 20px 15px 35px;
          height: auto;
          font-size: 13px;
          line-height: 26px;
     }

     .abt_c1mv .overflowHide {
          height: 52vw;
     }

     .abt_c1mv.mvBtn .overflowHide:after {
          background-size: 50px auto;
     }
}

.abt_con2wpr {}

.abt_con2 {
     padding: 7.29vw 0;
     background-size: cover;
}

.abt_c2ent {
     font-size: 48px;
     line-height: 86px;
     color: #e0e0e0;
     letter-spacing: 5px;
     text-align: center;
     position: relative;
     text-transform: uppercase;
}

.abt_c2ent:after {
     content: "";
     height: 2px;
     width: 460px;
     position: absolute;
     left: 50%;
     bottom: 0px;
     margin-left: -230px;
     background-image: linear-gradient(90deg, rgba(51, 99, 141, 0) 10%, rgba(51, 99, 141, 1) 50%, rgba(51, 99, 141, 0) 90%);
}

.abt_c2txt {
     font-size: 24px;
     line-height: 44px;
     text-align: center;
     margin-top: 20px;
     color: var(--cor);
     text-transform: uppercase;
}

@media (max-width:1799px) {
     .abt_c2ent {
          font-size: 36px;
          line-height: 72px;
          letter-spacing: 3px;
     }

     .abt_c2txt {
          font-size: 20px;
          line-height: 36px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {}

@media (max-width:767px) {
     .abt_con2 {
          padding: 14vw 0;
     }

     .abt_c2ent {
          font-size: 24px;
          line-height: 48px;
          letter-spacing: 2px;
     }

     .abt_c2txt {
          font-size: 16px;
          line-height: 30px;
     }

     .abt_c2ent:after {
          height: 1px;
          width: 260px;
          margin-left: -130px;
     }
}

.abt_con3wpr {
     position: relative;
     overflow: hidden;
     padding-bottom: 0
}

.abt_con3 {
     background-size: cover;
}

.abt_yrsw1 {
     margin-top: 4vw;
     padding: 0 40px;
}

.abt_yrsw1 dd {
     padding: 0 20px;
}

.abt_yritem1 {}

.abt_yr {
     text-align: center;
     background: linear-gradient(to bottom, rgba(201, 218, 250, 1) 0%, rgba(201, 218, 250, 0) 90%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font: bold 130px/130px sym;
}

.abt_yreven {
     height: 228px;
     margin-top: -65px;
     position: relative;
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 90%);
     border-radius: 0.8em;
     padding: 32px;
}

.abt_c3ps {
     position: relative;
}

.abt_c3ps:before {
     content: "";
     width: 1px;
     background: var(--cor);
     position: absolute;
     left: 2px;
     top: 18px;
     bottom: 16px;
}

.abt_c3ps p {
     font-size: 18px;
     line-height: 30px;
     color: var(--cor);
     margin-bottom: 8px;
     position: relative;
     padding-left: 12px;
     font-family: sym;
}

.abt_c3ps p:last-child {
     margin-bottom: 0;
}

.abt_c3ps p:before {
     content: "";
     width: 5px;
     height: 5px;
     background: var(--cor);
     border-radius: 50%;
     position: absolute;
     left: 0px;
     top: 13px;
}

.abt_yrbmsw {
     position: relative;
     display: flex;
     justify-content: space-between;
     margin-top: 32px;
     padding: 0 80px;
}

.abt_yrbmsw:before {
     content: "";
     background: url(../images/abt_c3line.png) repeat-x left top;
     height: 8px;
     width: 100vw;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
}

.abt_yrbmsw dd {
     position: relative;
     z-index: 1;
     padding-top: 31px;
     cursor: pointer;
}

.abt_yrbmsw dd span {
     font-size: 20px;
     line-height: 28px;
     color: #808080;
     transition: all 0.5s ease;
}

.abt_yrbmsw dd span:after {
     content: "";
}

.abt_yrbmsw dd.on span {
     color: var(--cor);
}

.abt_yrbmsw dd i {
     height: 14px;
     width: 14px;
     background: #FFF;
     border: 1px solid var(--cor);
     border-radius: 50%;
     position: absolute;
     left: 50%;
     margin-left: -7px;
     top: -4px;
     transition: all 0.5s ease;
     opacity: 0
}

.abt_yrbmsw dd.on i {
     opacity: 1;
}

.abt_yrbmsw dd i:after {
     content: "";
     width: 8px;
     height: 8px;
     border-radius: 50%;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -4px;
     margin-top: -4px;
     background: var(--cor);
}

.abt_yrsw1 .slick-prev {
     background: url(../images/abt_c3btn.png) no-repeat center center;
     display: inline-block;
     height: 46px;
     width: 46px;
     position: absolute;
     left: -30px;
     top: 50%;
     overflow: hidden;
     cursor: pointer;
     z-index: 1;
     margin-top: -23px;
     border: 1px solid #999999;
     background-size: 12px auto !important;
     border-radius: 50%;
     transition: all 0.5s ease;
}

.abt_yrsw1 .slick-next {
     background: url(../images/abt_c3btn.png) no-repeat center center;
     display: inline-block;
     height: 46px;
     width: 46px;
     position: absolute;
     right: -30px;
     top: 50%;
     overflow: hidden;
     cursor: pointer;
     z-index: 1;
     margin-top: -23px;
     border: 1px solid #999999;
     background-size: 12px auto !important;
     border-radius: 50%;
     transition: all 0.5s ease;
     transform: rotate(180deg);
}

.abt_yrsw1 .slick-prev:hover,
.abt_yrsw1 .slick-next:hover {
     background: var(--cor) url(../images/abt_c3btna.png) no-repeat center center;
     border: 1px solid var(--cor);
}

@media (max-width:1799px) {
     .abt_yrsw1 {
          padding-left: 30px;
          padding-right: 30px;
     }

     .abt_yrsw1 dd {
          padding: 0 12px;
     }

     .abt_yr {
          font-size: 100px;
          line-height: 100px;
     }

     .abt_yreven {
          margin-top: -50px;
          padding: 28px 15px;
          height: 180px;
     }

     .abt_c3ps p {
          font-size: 16px;
          line-height: 28px;
     }

     .abt_c3ps p:before {
          top: 12px;
     }

     .abt_yrsw1 {
          margin-top: 2.6vw;
     }

     .abt_yrbmsw {
          margin-top: 22px;
     }

     .abt_yrbmsw dd span {
          font-size: 18px;
          line-height: 18px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .abt_yrsw1 .slick-prev {
          width: 36px;
          height: 36px;
          margin-top: -18px;
          background-size: 10px auto !important;
     }

     .abt_yrsw1 .slick-next {
          width: 36px;
          height: 36px;
          margin-top: -18px;
          background-size: 10px auto !important;
     }

     .abt_yrbmsw {
          display: none;
     }

     .abt_yrsw1 .slick-prev {
          left: -10px;
     }

     .abt_yrsw1 .slick-next {
          right: -10px;
     }
}

@media (max-width:993px) {}

@media (max-width:767px) {
     .abt_yrsw1 .slick-prev {
          left: -5px;
     }

     .abt_yrsw1 .slick-next {
          right: -5px;
     }

     .abt_c3ps p {
          font-size: 14px;
          line-height: 26px;
     }
}

.abt_con4 {}

.abt_c4sw {}

.abt_c4sw dd {}

.abt_c4item {
     position: relative;
     height: 714px;
}

.abt_c4item .overflowHide {
     width: 56.66%;
     height: 714px;
}

.abt_c4txt {
     width: 52.7%;
     position: absolute;
     right: 0;
     top: 52px;
     bottom: 52px;
     background: #F3F7FE;
     padding: 0 9.63vw 0 5.2vw;
     display: flex;
     flex-direction: column;
     justify-content: center;
}

.abt_c4txt .m2pt {
     text-align: left;
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(80px);
}

.abt_c4des {
     font-size: 16px;
     line-height: 28px;
     color: #666;
     margin-top: 15px;
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(80px);
}

.abt_c4sitm {
     margin-top: 40px;
     position: relative;
     padding-left: 140px;
}

.abt_c4sitm span {
     height: 110px;
     width: 110px;
     position: absolute;
     left: 0px;
     top: 50%;
     margin-top: -55px;
}

.abt_c4sitm strong {
     font: normal 20px/30px sym;
     display: block;
}

.abt_c4sitm p {
     font-size: 16px;
     line-height: 25px;
     color: #666;
     margin-top: 8px;
     text-align: justify
}

.abt_c4sw .slick-prev {
     background: #FFF url(../images/abt_c3btn.png) no-repeat center center;
     display: inline-block;
     height: 40px;
     width: 40px;
     position: absolute;
     left: 47.3%;
     top: auto;
     overflow: hidden;
     cursor: pointer;
     bottom: 12px;
     z-index: 1;
     transition: all 0.5s ease;
     background-size: 10px auto !important;
}

.abt_c4sw .slick-next {
     background: #FFF url(../images/abt_c3btn.png) no-repeat center center;
     display: inline-block;
     height: 40px;
     width: 40px;
     position: absolute;
     left: calc(47.3% + 40px);
     top: auto;
     overflow: hidden;
     cursor: pointer;
     bottom: 12px;
     z-index: 1;
     transition: all 0.5s ease;
     background-size: 10px auto !important;
     transform: rotate(180deg);
}

.abt_c4sw .slick-prev:hover,
.abt_c4sw .slick-next:hover {
     background: var(--cor) url(../images/abt_c3btna.png) no-repeat center center;
}

.abt_c4sitm_wpr {
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(80px);
     padding-top: 20px;
}

.abt_c4sw dd.on .abt_c4txt .m2pt {
     opacity: 1;
     transform: translateY(0);
}

.abt_c4sw dd.on .abt_c4des {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.2s;
}

.abt_c4sw dd.on .abt_c4sitm_wpr {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.4s;
}

@media (max-width:1799px) {
     .abt_c4des {
          font-size: 14px;
          line-height: 26px;
     }

     .abt_c4sitm strong {
          font-size: 18px;
          line-height: 28px;
     }

     .abt_c4sitm p {
          font-size: 14px;
          line-height: 24px;
     }

     .abt_c4sitm span {
          width: 100px;
          height: 100px;
     }

     .abt_c4sitm {
          padding-left: 110px;
          margin-top: 20px;
     }

     .abt_c4item {
          height: 600px;
     }

     .abt_c4sitm_wpr {
          padding-top: 10px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .abt_c4txt {
          padding: 0 40px 0 25px;
     }
}

@media (max-width:993px) {
     .abt_c4item {
          height: auto;
          padding-bottom: 75px;
     }

     .abt_c4item .overflowHide {
          width: 100%;
          height: 550px;
     }

     .abt_c4txt {
          width: 100%;
          position: relative;
          right: auto;
          top: auto;
          padding: 25px 15px 35px;
          bottom: auto;
     }
}

@media (max-width:767px) {
     .abt_c4item .overflowHide {
          height: 280px;
     }

     .abt_c4sitm span {
          width: 80px;
          height: 80px;
          margin-top: -40px;
     }

     .abt_c4sitm {
          padding-left: 90px;
     }

     .abt_c4sitm strong {
          font-size: 15px;
          line-height: 24px;
     }

     .abt_c4sitm p {
          font-size: 12px;
          line-height: 22px;
     }

     .abt_c4sw .slick-prev {
          left: calc(50% - 45px);
     }

     .abt_c4sw .slick-next {
          left: calc(50% - 0px);
     }
}

.abt_con5wpr {
     padding-top: 0
}

.abt_con5 {
     background-size: cover;
     color: #fff;
}

.abt_con5 .m2pt {
     text-align: left;
}

.abt_con5 .m2pt span {
     display: block;
     color: #fff;
     margin-top: 10px;
}

.abt_c5sw {
     margin: 4.5vw -30px
}

.abt_c5sw dd {
     padding: 15px 30px 100px;
     position: relative;
}

.abt_c5sw dd:before {
     content: "";
     background: url(../images/abt_c5sdx.png) no-repeat left bottom;
     position: absolute;
     left: -52px;
     bottom: 0px;
     top: 0px;
     right: 0px;
     background-size: 100% auto;
}

.abt_c5item {
     position: relative;
     background: url(../images/abt_c5line.png) repeat-y center top;
     height: 240px;
     padding: 0px 45px;
     background-size: 100% auto;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center
}

.abt_c5item h4 {
     font: bold 30px/36px sym;
     display: block;
}

.abt_c5item h5 {
     font: 16px/28px sym;
     display: block;
     margin-top: 6px;
}

.abt_c5txt {
     background: url(../images/abt_c5lien2.png) no-repeat center top;
     margin-top: 8px;
     padding-top: 13px;
     font-size: 13px;
     line-height: 22px;
}

.abt_c5item:before {
     content: "";
     background: url(../images/abt_c5sbg1.png) no-repeat center center;
     height: 79px;
     width: 41px;
     position: absolute;
     top: 50%;
     left: 8px;
     margin-top: -40px;
}

.abt_c5item:after {
     content: "";
     background: url(../images/abt_c5sbg2.png) no-repeat center center;
     height: 79px;
     width: 41px;
     position: absolute;
     top: 50%;
     right: 8px;
     margin-top: -40px;
}

.abt_c5funWpr {
     text-align: center;
     position: relative;
     z-index: 5;
     margin-top: -80px;
}

.abt_c5fun {
     display: inline-block;
     position: relative;
     height: 24px;
     padding: 6px 45px;
}

.abt_c5fun span {
     width: 12px;
     height: 12px;
     cursor: pointer;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.6);
     display: inline-block;
     margin: 0 5px;
     transition: all 0.5s ease;
}

.abt_c5fun span.on {
     background: #fff;
}

.abt_c5fun .prev {
     background: url(../images/abt_c3btna.png) no-repeat center center;
     height: 24px;
     width: 24px;
     position: absolute;
     left: 0px;
     top: 2px;
     cursor: pointer;
     transition: all 0.5s ease;
     opacity: 0.8;
     background-size: 12px auto;
}

.abt_c5fun .next {
     background: url(../images/abt_c3btna.png) no-repeat center center;
     height: 24px;
     width: 24px;
     position: absolute;
     right: 0px;
     top: 2px;
     cursor: pointer;
     transition: all 0.5s ease;
     opacity: 0.8;
     background-size: 12px auto;
     transform: rotate(180deg);
}

.abt_c5fun .prev:hover,
.abt_c5fun .next:hover {
     opacity: 1;
}

@media (max-width:1799px) {
     .abt_c5sw {
          margin-top: 3vw;
     }

     .abt_c5sw dd {
          padding-bottom: 80px;
     }

     .abt_c5funWpr {
          margin-top: -100px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .abt_c5item h5 {
          font-size: 14px;
          line-height: 22px;
     }

     .abt_c5txt {
          font-size: 12px;
          line-height: 20px;
     }
}

@media (max-width:993px) {}

@media (max-width:767px) {
     .abt_c5fun span {
          width: 8px;
          height: 8px;
          margin: 0 5px;
     }

     .abt_c5fun {
          top: 15px;
     }

     .abt_c5fun .prev,
     .abt_c5fun .next {
          top: 4px;
     }
}

.met_page {}

.met_var {
     max-width: 430px;
}

.met_var select,
.tm_var select {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     background: #F2F2F2 url(../images/news_ar.png) no-repeat right 22px center;
     padding-right: 65px;
     opacity: 1;
     color: var(--cor);
     width: 100%;
     height: 56px;
     padding-left: 20px;
     border-radius: 0.6em;
     font-size: 20px;
     line-height: 56px;
}

.metlist {
     border-top: 1px solid #A8ADC8;
     margin-top: 35px;
     margin-bottom: 2.6vw;
}

.metlist li {
     border-bottom: 1px solid #A8ADC8;
}

.met_item {
     display: block;
     padding: 2.5vw 28px 2.5vw 198px;
     position: relative;
}

.met_tm {
     height: 136px;
     width: 136px;
     position: absolute;
     left: 28px;
     top: 50%;
     margin-top: -68px;
     color: #fff;
     border-radius: 0.6em;
     text-align: center;
     background: var(--cor);
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 0 10px;
     font-family: din;
}

.met_tm span {
     font-size: 60px;
     line-height: 60px;
     display: block;
}

.met_tm p {
     font-size: 18px;
     line-height: 18px;
     margin-top: 8px;
     padding-top: 10px;
     border-top: 1px solid #4F6F95;
}

.met_trx {}

.met_trx strong {
     font: normal 30px/30px sym;
}

.met_trx p {
     font-size: 18px;
     line-height: 36px;
     color: #808080;
     margin-top: 20px;
     -webkit-line-clamp: 2;
}

.met_trx span {
     font-size: 20px;
     line-height: 20px;
     color: #808080;
     display: inline-block;
     padding-right: 22px;
     background: url(../images/met_ar.png) no-repeat right center;
     margin-top: 22px;
}

.met_item:hover .met_trx span {
     background: url(../images/met_ar2.png) no-repeat right center;
     color: var(--cor);
}

.web_pages {
     text-align: center
}

.web_pages * {
     vertical-align: middle;
}

.web_page_prev {
     height: 34px;
     width: 34px;
     margin-right: 30px;
     background: url(../images/abt_c3btn.png) no-repeat center center;
     display: inline-block;
     background-size: 12px auto !important;
}

.web_page_prev:hover,
.web_page_next:hover {
     background: url(../images/abt_c3btnb.png) no-repeat center center;
}

.web_page_next {
     height: 34px;
     width: 34px;
     margin-left: 30px;
     background: url(../images/abt_c3btn.png) no-repeat center center;
     display: inline-block;
     background-size: 12px auto !important;
     transform: rotate(180deg);
}

.web_page_a {
     line-height: 34px;
     display: inline-block;
     height: 34px;
     min-width: 34px;
     background: #E5E5E5;
     font-size: 16px;
     color: #002e66;
     margin: 0 10px;
     border-radius: 50%;
     padding: 0 10px;
}

.web_page_a:hover,
.web_page_a.on {
     background: var(--cor);
     color: #fff;
}

.web_pages span {}

@media (max-width:1799px) {
     .met_var select {
          height: 54px;
          line-height: 54px;
          font-size: 18px;
     }

     .met_var {
          max-width: 360px;
     }

     .met_tm span {
          font-size: 50px;
          line-height: 50px;
     }

     .met_tm {
          width: 120px;
          height: 120px;
          margin-top: -60px;
     }

     .met_trx p {
          font-size: 14px;
          line-height: 26px;
          margin-top: 12px;
     }

     .met_trx strong {
          font-size: 22px;
          line-height: 22px;
     }

     .met_trx span {
          font-size: 16px;
          margin-top: 10px;
     }

     .web_page_a {
          font-size: 14px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .met_item {
          padding-left: 145px;
     }

     .met_tm {
          left: 0;
     }

     .met_trx strong {
          font-size: 20px;
     }
}

@media (max-width:767px) {
     .web_page_a {
          margin: 0 5px;
          line-height: 30px;
          min-width: 30px;
          height: 30px;
     }

     .web_page_prev {
          margin-right: 0;
     }

     .web_page_next {
          margin-left: 0;
     }

     .met_var select {
          height: 50px;
          line-height: 48px;
          font-size: 16px;
     }

     .met_tm {
          display: none;
     }

     .met_item {
          padding: 20px 0;
     }

     .met_trx strong {
          font-size: 18px;
     }

     .met_mtm {
          color: #888;
          line-height: 24px;
          display: block;
          margin-top: 8px;
     }

     .met_trx p {
          font-size: 12px;
          line-height: 22px;
          margin-top: 6px;
     }

     .met_trx span {
          font-size: 14px;
          padding-right: 16px;
          background-size: 8px auto;
     }

     .metlist {
          margin-bottom: 25px;
     }
}

.dtl_page {}

.dtl_page .container {
     max-width: 1230px;
     margin: 0 auto;
}

.dtl_title {
     font-size: 32px;
     line-height: 44px;
     text-align: center;
     font-family: sym;
}

.dtl_info {
     margin-top: 20px;
     text-align: center;
     color: var(--cor);
     font-size: 16px;
     line-height: 28px;
     font-family: syl;
}

.dtl_tm {
     background: url(../images/dtl_sico1.png) no-repeat left center;
     display: inline-block;
     padding-left: 25px;
     margin-right: 38px;
}

.dtl_shax {}

.dtl_sa {
     display: inline-block;
     height: 20px;
     width: 20px;
     margin: 0px 4px;
     position: relative;
     top: 4px;
     cursor: pointer;
}

.dtl_sa1 {
     background: url(../images/dtl_wxico.png) no-repeat center center;
}

.dtl_sa2 {
     background: url(../images/dtl_sinaico.png) no-repeat center center;
}

.dtl_editor {
     margin-top: 1.56vw;
     border-top: 1px solid #90AAC8;
     font-size: 18px;
     line-height: 36px;
     color: #808080;
     padding-top: 1.82vw;
}

.dtl_editor h4 {
     font: normal 24px/36px sym;
     display: block;
     color: var(--cor);
}

.dtl_editor h5 {
     font: 21px/34px sym;
     display: block;
     color: #333;
}

.dtl_editor ul {
     margin-top: 12px;
}

.dtl_editor ul li {
     position: relative;
     padding-left: 25px;
     margin-bottom: 20px;
}

.dtl_editor ul li:before {
     content: "";
     width: 6px;
     height: 6px;
     background: var(--cor);
     position: absolute;
     left: 0;
     top: 15px;
     border-radius: 50%;
}
.dtl_editor img {
     margin: 0 auto;
     display: block;
}
.dtl_tag {
     margin-top: 2.08vw;
     display: flex;
     flex-wrap: wrap;
     font-size: 18px;
     line-height: 32px;
     color: #808080;
}

.dtl_tag a {
     font-size: 16px;
     color: #808080;
     line-height: 30px;
     border: 1px solid #90AAC8;
     padding: 0px 20px;
     border-radius: 2em;
     margin: 0 8px 8px 0;
}

.dtl_tag a:hover {
     background: var(--cor);
     color: #fff;
     border: 1px solid var(--cor);
}

.dtl_bakbox {
     margin-top: 2.39vw;
     text-align: center;
     padding-bottom: 0;
     position: relative;
     height: 44px;
     text-align: center;
}

.dtl_bakbox:before {
     content: "";
     height: 1px;
     background: #90AAC8;
     position: absolute;
     left: 0;
     right: 0;
     top: 22px;
}

.dtl_bakbox span {
     position: relative;
     background: #fff;
     padding: 0 20px;
}

.dtl_bakbox a {
     line-height: 44px;
     font-size: 18px;
     display: inline-block;
     width: 150px;
     color: #FFF;
     background: var(--cor);
     border-radius: 3em;
}

.dtl_bakbox a:hover {
     box-shadow: 0 5px 18px rgba(1, 45, 98, 0.3);
}

.dtl_bom {
     background: #f7f8f8;
}

.m2pt_l {
     text-align: left;
}

.dtl_bmslit {
     margin: 2.6vw -25px 0px;
}

.dtl_bmslit li {
     width: calc(33.33% - 50px);
     margin: 0 25px
}

.dtl_aBox {
     display: block;
     border: 1px solid #9BA0BF;
}

.dtl_aBox .overflowHide {
     height: 324px;
}

.dtl_bmbmx {
     padding: 1.66vw;
     border-top: 2px solid var(--cor);
}

.dtl_bmbmx strong {
     font-size: 24px;
     line-height: 36px;
     font-weight: normal;
     -webkit-line-clamp: 2;
     height: 72px;
}

.dtl_bmbmx p {
     font-size: 16px;
     line-height: 24px;
     margin-top: 26px;
     padding-left: 25px;
     color: var(--cor);
     font-family: syl;
     background: url(../images/dtl_sico1.png) no-repeat left center;
}

@media (max-width:1799px) {
     .dtl_title {
          font-size: 26px;
          line-height: 36px;
     }

     .dtl_info {
          font-size: 14px;
     }

     .dtl_editor {
          font-size: 14px;
          line-height: 26px;
     }

     .dtl_editor ul li:before {
          top: 11px;
          width: 4px;
          height: 4px;
     }

     .dtl_editor ul li {
          padding-left: 18px;
     }

     .dtl_editor h4 {
          font: normal 20px/32px sym;
     }

     .dtl_editor h5 {
          font: 18px/30px sym;
     }

     .dtl_tag {
          font-size: 16px;
     }

     .dtl_tag a {
          font-size: 14px;
     }

     .dtl_bakbox a {
          font-size: 16px;
          line-height: 42px;
     }

     .dtl_bakbox {
          height: 42px;
     }

     .dtl_bakbox:before {
          top: 21px;
     }

     .dtl_bmslit {
          margin-left: -15px;
          margin-right: -15px;
     }

     .dtl_bmslit li {
          width: calc(33.33% - 30px);
          margin: 0 15px;
     }

     .dtl_aBox .overflowHide {
          height: 240px;
     }

     .dtl_bmbmx strong {
          font-size: 20px;
          line-height: 30px;
          height: 60px;
     }

     .dtl_bmbmx p {
          font-size: 14px;
          margin-top: 10px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .m2pt {
          font-size: 28px;
          line-height: 28px;
     }

     .dtl_bmslit li:nth-child(3) {
          display: none;
     }

     .dtl_bmslit li {
          width: calc(50% - 30px);
     }
}

@media (max-width:767px) {
     .dtl_bmslit li:nth-child(3) {
          display: block;
     }

     .m2pt {
          font-size: 24px;
          line-height: 24px;
     }

     .dtl_title {
          font-size: 20px;
          line-height: 34px;
     }

     .dtl_editor {
          padding-top: 25px;
          margin-top: 15px;
     }

     .dtl_tag a {
          font-size: 12px;
     }

     .dtl_bmslit {
          margin-top: 25px;
     }

     .dtl_bmslit li {
          width: calc(100% - 30px);
          margin-bottom: 20px;
     }

     .dtl_aBox .overflowHide {
          height: 60vw;
     }

     .dtl_bmbmx {
          padding: 15px;
     }

     .dtl_bmbmx strong {
          font-size: 18px;
          line-height: 28px;
     }

     .dtl_editor h4 {
          font: normal 16px/28px sym;
     }

     .dtl_bakbox a {
          width: 110px;
     }

     .dtl_bakbox {
          margin-top: 25px;
     }

     .dtl_editor h5 {
          font: 14px/26px sym;
     }

     .dtl_tag {
          margin-top: 20px;
     }
}

.ydt_page {}

.ydt_top {}

.ydt_tpsw {
     box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
}

.ydt_tpsw dd {}

.ydt_top_item {
     display: flex;
     justify-content: space-between;
}

.ydt_top_item .overflowHide {
     width: 47.82%;
     height: 528px;
}

.ydt_tprx {
     width: 52.18%;
     padding: 68px 3.8vw 0;
     position: relative
}

.ydt_tprx strong {
     font-size: 32px;
     line-height: 42px;
     font-weight: normal;
     -webkit-line-clamp: 2;
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(30px);
}

.ydt_tprx i {
     display: block;
     height: 1px;
     margin: 28px 0px 18px;
     background: #A0B6D0;
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(30px);
}

.ydt_tm {
     background: url(../images/dtl_sico1.png) no-repeat left center;
     padding-left: 25px;
     color: var(--cor);
     font-family: syl;
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(30px);
}

.ydt_tprx p {
     font-size: 18px;
     line-height: 36px;
     color: #808080;
     -webkit-line-clamp: 3;
     margin-top: 16px;
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(30px);
}

.ydt_more {
     line-height: 42px;
     width: 162px;
     display: inline-block;
     position: absolute;
     left: 3.8vw;
     bottom: 68px;
     background: var(--cor);
     text-align: center;
     color: #fff;
     border-radius: 3em;
     font-size: 16px;
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(30px);
}

.ydt_more:after {
     content: "";
     background: url(../images/abt_c3btna.png) no-repeat center center;
     display: inline-block;
     height: 28px;
     width: 16px;
     margin-left: 16px;
     background-size: 9px auto;
     transform: rotate(180deg);
     position: relative;
     top: 7px;
}

.ydt_top_item:hover .ydt_more {
     box-shadow: 0 5px 18px rgba(1, 45, 98, 0.3);
}

.on .ydt_tprx strong {
     opacity: 1;
     transform: translateY(0);
}

.on .ydt_tprx i {
     opacity: 1;
     transform: translateY(0);
}

.on .ydt_tm {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.2s;
}

.on .ydt_tprx p {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.3s;
}

.on .ydt_more {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.4s;
}

.ydt_tpsw .slick-dots {
     bottom: 79px;
     text-align: right;
     padding-right: 3.8vw;
     width: auto;
     right: 0;
}

.ydt_tpsw .slick-dots li button {
     display: none;
}

.ydt_tpsw .slick-dots li {
     background: #D6D6D6;
     display: inline-block;
     height: 11px;
     width: 11px;
     margin: 0px 0px 0px 12px;
     position: relative;
     border-radius: 50%;
     vertical-align: middle
}

.ydt_tpsw .slick-dots li.slick-active {
     background: var(--cor);
}

.ydt_bom {
     background: #f7f8f8;
}

.ydt_bom .met_var select {
     background-color: #fff;
}

.ydt_bmlist {
     margin-top: 2.6vw;
     margin-bottom: 2.6vw;
}

.ydt_bmlist li {
     margin-bottom: 35px;
}

.ydt_bmitem {
     background: #FFF;
     border: 1px solid #D3D6E2;
     padding: 20px;
     display: flex;
     justify-content: space-between;
}

.ydt_bmitem:hover {
     box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
}

.ydt_bmitem .overflowHide {
     width: 390px;
     height: 270px;
}

.ydt_bmrx {
     width: calc(100% - 430px);
     display: flex;
     flex-direction: column;
     justify-content: center;
}

.ydt_bmtm {
     background: url(../images/dtl_sico1.png) no-repeat left center;
     padding-left: 25px;
     color: var(--cor);
     font-family: syl;
     line-height: 26px;
}

.ydt_bmrx strong {
     font-size: 30px;
     line-height: 42px;
     margin-top: 20px;
}

.ydt_bmrx p {
     font-size: 16px;
     line-height: 30px;
     color: #808080;
     -webkit-line-clamp: 2;
     margin-top: 10px;
}

.ydt_mx {
     margin-top: 25px;
}

.ydt_bmrx span {
     font-size: 16px;
     line-height: 16px;
     display: inline-block;
     background: url(../images/met_ar.png) no-repeat right center;
     background-size: 8px auto !important;
     margin-top: 20px;
     width: 82px;
}

.ydt_bmitem:hover .ydt_bmrx span {
     color: var(--cor);
     background: url(../images/met_ar2.png) no-repeat right center;
}

@media (max-width:1799px) {
     .ydt_tprx {
          padding: 40px 3vw 0;
     }

     .ydt_tprx strong {
          font-size: 24px;
          line-height: 36px;
     }

     .ydt_tprx i {
          margin: 15px 0px 12px;
     }

     .ydt_tprx p {
          font-size: 14px;
          line-height: 24px;
     }

     .ydt_top_item .overflowHide {
          height: 380px;
     }

     .ydt_tpsw .slick-dots {
          bottom: 65px;
     }

     .ydt_bmrx strong {
          font-size: 24px;
          line-height: 32px;
          margin-top: 15px;
     }

     .ydt_bmrx p {
          font-size: 14px;
          line-height: 24px;
     }

     .ydt_bmrx span {
          font-size: 14px;
     }

     .ydt_bmitem .overflowHide {
          width: 320px;
          height: 210px;
     }

     .ydt_bmrx {
          width: calc(100% - 360px);
     }

     .ydt_bmlist li {
          margin-bottom: 25px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .ydt_bmrx {
          width: calc(100% - 350px);
     }

     .ydt_top_item {
          flex-wrap: wrap;
     }

     .ydt_top_item .overflowHide {
          width: 100%;
          height: 62vw;
     }

     .ydt_tprx {
          width: 100%;
          padding: 25px 25px 120px;
     }

     .ydt_more {
          bottom: 40px;
     }

     .ydt_tpsw .slick-dots {
          bottom: 55px;
     }
}

@media (max-width:767px) {
     .ydt_tprx {
          padding: 20px 15px 108px;
     }

     .ydt_tprx strong {
          font-size: 20px;
          line-height: 30px;
     }

     .ydt_tprx p {
          font-size: 12px;
          line-height: 22px;
     }

     .ydt_tpsw .slick-dots {
          padding-right: 15px;
     }

     .ydt_bmitem {
          padding: 15px;
          flex-wrap: wrap;
     }

     .ydt_bmitem .overflowHide {
          width: 100%;
          height: 55vw;
     }

     .ydt_bmrx {
          width: 100%;
          margin-top: 15px;
     }

     .ydt_bmrx strong {
          font-size: 18px;
          line-height: 22px;
     }

     .ydt_bmrx p {
          font-size: 12px;
          line-height: 22px;
          -webkit-line-clamp: 3;
     }

     .ydt_mx {
          margin-top: 12px;
     }

     .ydt_bmlist li {
          margin-bottom: 20px;
     }

     .ydt_bmlist {
          margin-top: 25px;
          margin-bottom: 25px;
     }
}


.kypt_banner {
     overflow: hidden
}

.kypt_banner .m2banTxt {
     padding-bottom: 6vw;
}

.kypt_news {
     height: 150px;
     position: relative;
     margin-top: -150px;
     z-index: 1;
     background: rgba(0, 46, 102, 0.2);
     padding-top: 20px;
}

.kypt_nsw {
     padding: 0 50px;
}

.kypt_news dd {
     padding: 0 24px;
}

.kypt_na {
     padding: 6px 25px 6px 130px;
     background: rgba(255, 255, 255, 0.5);
     border-radius: 0.5em;
     height: 110px;
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: center;
}

.kypt_tm {
     width: 98px;
     height: 98px;
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     background: var(--cor);
     color: #fff;
     position: absolute;
     left: 6px;
     top: 6px;
     border-radius: 0.5em;
     padding: 0 8px 3px;
}

.kypt_tm span {
     font-size: 42px;
     line-height: 42px;
     display: block;
     border-bottom: 1px solid #40628C;
     margin-bottom: 5px;
     padding-bottom: 2px;
}

.kypt_tm p {
     font-size: 12px;
     line-height: 16px;
}

.kypt_nrx {}

.kypt_nrx p {
     font-size: 18px;
     line-height: 28px;
     -webkit-line-clamp: 2;
     color: var(--cor);
}

.kypt_nrx span {
     display: inline-block;
     padding-right: 18px;
     margin-top: 6px;
     font-size: 15px;
     color: #808080;
     background:
          url(../images/met_ar.png) no-repeat right center;
     background-size: 8px auto !important;
     transition: all 0.5s ease;
}

.kypt_na:hover .kypt_nrx span {
     background: url(../images/met_ar2.png) no-repeat right center;
     color: var(--cor);
}

.kypt_nsw .slick-prev {
     background: url(../images/abt_c3btnb.png) no-repeat center center;
     display: inline-block;
     height: 28px;
     width: 16px;
     position: absolute;
     left: 0px;
     top: 50%;
     overflow: hidden;
     cursor: pointer;
     margin-top: -14px;
     z-index: 1;
}

.kypt_nsw .slick-next {
     background: url(../images/abt_c3btnb.png) no-repeat center center;
     display: inline-block;
     height: 28px;
     width: 16px;
     position: absolute;
     right: 0px;
     top: 50%;
     overflow: hidden;
     cursor: pointer;
     margin-top: -14px;
     z-index: 1;
     transform: rotate(180deg);
}

.kypt_page {}

.kypt_list {}

.kypt_list li {}

.kypt_item {
     display: flex;
     justify-content: space-between;
}

.kypt_item .m2pt {
     text-align: left;
     margin-bottom: 1.8vw;
}

.kypt_item .overflowHide {
     width: 47.39%;
     height: 600px;
}

.kypt_txt {
     width: 52.61%;
     padding-left: 6vw;
     padding-right: calc((100vw - 1520px) / 2);
     display: flex;
     flex-direction: column;
     justify-content: center;
     font-size: 18px;
     line-height: 34px;
     text-align: justify;
     color: #666;
}

.kypt_list li:nth-child(2n) .kypt_item {
     background: #f2f2f2;
     flex-direction: row-reverse;
}

.kypt_list li:nth-child(2n) .kypt_txt {
     padding-right: 6vw;
     padding-left: calc((100vw - 1520px) / 2);
}

@media (max-width:1799px) {
     .kypt_nsw {
          padding: 0 35px;
     }

     .kypt_news dd {
          padding: 0 12px;
     }

     .kypt_tm span {
          font-size: 36px;
          line-height: 36px;
          margin-bottom: 3px;
          padding-bottom: 1px;
     }

     .kypt_tm {
          width: 88px;
          height: 88px;
     }

     .kypt_na {
          padding: 6px 18px 6px 108px;
          height: 100px;
     }

     .kypt_nrx p {
          font-size: 16px;
          line-height: 24px;
     }

     .kypt_nrx span {
          font-size: 14px;
          margin-top: 4px;
     }

     .kypt_news {
          height: 124px;
          padding-top: 12px;
          margin-top: -124px;
     }

     .kypt_item .overflowHide {
          height: 31.25vw;
     }

     .kypt_txt {
          padding-left: 3.5vw;
          padding-right: calc((100vw - 1140px) / 2);
          font-size: 14px;
          line-height: 24px;
     }

     .kypt_list li:nth-child(2n) .kypt_txt {
          padding-right: 3.5vw;
          padding-left: calc((100vw - 1140px) / 2);
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .kypt_txt {
          padding-right: calc((100vw - 940px) / 2);
     }

     .kypt_list li:nth-child(2n) .kypt_txt {
          padding-left: calc((100vw - 940px) / 2);
     }

     .kypt_banner .m2banner .coverImg {
          height: 40vw;
     }
}

@media (max-width:993px) {
     .kypt_item {
          flex-wrap: wrap;
          padding-left: 25px;
          padding-right: 25px;
     }

     .kypt_item .overflowHide {
          width: 100%;
          height: 60vw;
     }

     .kypt_txt {
          width: 100%;
          padding-left: 0 !important;
          padding-right: 0 !important;
          margin-top: 30px;
     }

     .kypt_banner .m2banner .coverImg {
          height: 50vw;
     }

     .kypt_banner .m2banTxt {
          padding-bottom: 10vw;
     }
}

@media (max-width:767px) {
     .kypt_txt {
          font-size: 12px;
          line-height: 22px;
     }

     .kypt_item .m2pt {
          margin-bottom: 12px;
          font-size: 20px;
          line-height: 20px;
     }

     .kypt_news {
          display: none;
     }

     .kypt_banner .m2banner .coverImg {
          height: 200px;
     }

     .kypt_banner .m2banTxt {
          padding-bottom: 0;
     }
}

.lx_page {
     overflow: hidden
}

.conav {}

.consav {}

.lx_nav_wpr {}

.lx_nav {
     display: flex;
     justify-content: space-between;
     margin: 0 -18px;
}

.lx_nav a {
     width: calc(100% - 36px);
     margin: 0 18px;
     height: 94px;
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 0 25px;
     font-size: 24px;
     line-height: 36px;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
     border-radius: 0.3em;
     position: relative
}

.lx_nav a.on {
     background: var(--cor);
     color: #fff;
}

.lx_nav a.on:after {
     opacity: 1;
}

.lx_nav a:after {
     content: "";
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 10px solid var(--cor);
     position: absolute;
     left: 50%;
     margin-left: -8px;
     bottom: -10px;
     transition: all 0.5s ease;
     opacity: 0
}

.lx_bomcon {
     margin-top: 3.64vw;
}

.lx_bmnav_wpr {
     background: rgba(1, 45, 98, 0.8);
     position: relative;
     z-index: 2;
}

.lx_bmnav {
     display: flex;
     justify-content: space-between;
}

.lx_bmnav a {
     width: 100%;
     height: 82px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     font-size: 18px;
     line-height: 28px;
     padding: 0 20px;
     position: relative;
     color: #fff;
     text-align: center;
     cursor: pointer;
}

.lx_bmnav a:after {
     content: "";
     position: absolute;
     left: 0;
     top: 12px;
     bottom: 12px;
     width: 1px;
     background: rgba(255, 255, 255, 0.2);
}

.lx_bmnav a:first-child:after {
     display: none;
}

.lx_bmnav a.on {
     background: var(--cor);
}

.lx_bmnav a.on:after,
.lx_bmnav a.on+a:after {
     opacity: 0;
}

.lx_mapBox {
     position: relative;
     margin-top: -82px;
     z-index: 0
}

.lx_mapBox2 {
     margin-top: 0 !important;
}

.lx_map_wpr {
     position: relative;
     overflow: hidden;
     z-index: 0
}

.lx_map {
     height: 850px;
     background: #efefef;
     width: 120vw;
     left: -20vw;
     position: relative;
}

.lx_layer {
     width: 585px;
     background: #fff;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: calc((100vw - 1520px) / 2);
     padding: 15px 45px 25px;
     width: 585px;
     z-index: 1;
     margin-top: 45px;
     z-index: 3;
}

.lx_layCon {
     margin-right: 0;
     padding-right: 0;
     display: none;
}

.lx_cnm {
     padding: 18px 0px;
     font: bold 32px/46px sym;
     display: block;
}

.lx_tel {
     border-top: 1px solid #90AAC8;
     border-bottom: 1px solid #90AAC8;
     padding: 6px 0px 14px;
}

.lx_tel strong {
     font: 34px/56px sym;
     display: block;
     color: var(--cor);
     font-weight: bold
}

.lx_tel p {
     font-size: 18px;
     color: #666;
     line-height: 36px;
     padding-left: 30px;
     position: relative;
}

.lx_tel p img {
     position: absolute;
     left: 0;
     top: 6px;
}

.lx_line {
     margin-top: 20px;
}

.lx_line h4 {
     display: block;
     font-size: 21px;
     color: var(--cor);
     margin-bottom: 3px;
}

.lx_line p {
     border-bottom: 1px dashed #D0D0D0;
     padding: 10px 0 10px;
     font-size: 16px;
     line-height: 24px;
     color: #666;
}

.lx_line p:last-child {
     border: none;
}

.lx_line p strong {
     display: block;
     color: #333;
     margin-bottom: 5px;
}

.mapTit {
     display: flex;
     padding: 0px 15px;
     font-size: 18px;
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 65px;
     text-align: center;
     border-radius: 0.6em;
     background: var(--cor);
     box-shadow: 0 5px 18px rgba(1, 45, 98, 0.3)
}

.mapTit:after {
     content: "";
     border-left: 8px solid rgba(255, 255, 255, 0);
     border-right: 8px solid rgba(255, 255, 255, 0);
     border-top: 8px solid var(--cor);
     position: absolute;
     left: 50%;
     bottom: -8px;
     left: 50%;
     margin-left: -8px;
}

@media (max-width:1799px) {
     .lx_nav {
          margin: 0 -12px;
     }

     .lx_nav a {
          width: calc(100% - 24px);
          margin: 0 12px;
          height: 70px;
          padding: 0 18px;
          font-size: 20px;
          line-height: 30px;
     }

     .lx_bomcon {
          margin-top: 2.6vw;
     }

     .lx_bmnav a {
          height: 68px;
          font-size: 14px;
          line-height: 24px;
          padding: 0 15px;
     }

     .lx_bmnav a:after {
          top: 8px;
          bottom: 8px;
     }

     .lx_mapBox {
          margin-top: -68px;
     }

     .lx_map {
          height: 600px;
     }

     .lx_layer {
          width: 500px;
          right: calc((100vw - 1140px) / 2);
          padding: 10px 25px 20px;
          width: 400px;
          margin-top: 25px;
     }

     .lx_cnm {
          padding: 14px 0px;
          font: bold 22px/32px sym;
     }

     .lx_tel {
          padding: 5px 0px 8px;
     }

     .lx_tel strong {
          font: 24px/32px sym;
     }

     .lx_tel p {
          font-size: 14px;
          line-height: 26px;
          padding-left: 26px;
     }

     .lx_tel p img {
          position: absolute;
          left: 0;
          top: 4px;
          width: 20px;
     }

     .lx_line {
          margin-top: 12px;
     }

     .lx_line h4 {
          font-size: 18px;
          margin-bottom: 2px;
     }

     .lx_line p {
          padding: 5px 0 5px;
          font-size: 13px;
          line-height: 22px;
     }

     .lx_line p strong {
          margin-bottom: 3px;
     }

     .mapTit {
          height: 60px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .lx_layer {
          right: calc((100vw - 940px) / 2);
     }
}

@media (max-width:993px) {
     .lx_nav a {
          font-size: 18px;
          line-height: 24px;
     }

     .lx_bmnav a {
          font-size: 12px;
          line-height: 22px;
          padding: 0 10px;
     }

     .lx_layer {
          right: calc((100vw - 720px) / 2);
     }

     .lx_cnm {
          font-size: 20px;
          line-height: 28px;
     }

     .lx_layer {
          width: 320px;
     }
}

@media (max-width:767px) {
     .lx_nav_wpr .container {
          width: 100%;
          overflow-x: auto;
     }

     .lx_nav {
          display: inline-block;
          white-space: nowrap;
          padding-top: 20px;
          padding-bottom: 20px;
     }

     .lx_nav a {
          width: auto;
          white-space: nowrap;
          display: inline-block;
          height: 44px;
          line-height: 44px;
     }

     .lx_bmnav_wpr .container {
          width: 100%;
          overflow-x: auto;
     }

     .lx_bmnav {
          display: inline-block;
          white-space: nowrap;
          padding-top: 20px;
          padding-bottom: 20px;
     }

     .lx_bmnav a {
          display: inline-block;
          width: auto;
          white-space: nowrap;
          line-height: 22px;
          height: 60px;
          vertical-align: top;
          padding-top: 8px
     }

     .lx_layer {
          position: relative;
          top: 0;
          transform: translateY(0);
     }

     .lx_layer {
          width: 100%;
          right: 0;
     }

     .lx_mapBox {
          margin-top: -20px;
     }

     .lx_map {
          height: 250px;
          width: 100%;
          left: 0
     }

     .mapTit {
          font-size: 16px;
          height: 40px;
     }

     .lx_bmnav a br {
          display: none;
     }

     .lx_bmnav a {
          height: 38px;
     }
}

.kepu_page {}

.kepu_page .met_var {
     margin-bottom: 2.6vw
}

.kepu_u01 {
     position: relative;
     margin: 0 -20px 20px;
     height: 732px;
     padding-left: 66.66%;
}

.kepu_u01 li {
     width: calc(100% - 67px);
     margin: 0 20px 40px;
     margin-left: 47px;
}

.kepu_u01 li:nth-child(1) {
     width: calc(66.66% - 40px);
     margin-left: 20px;
     position: absolute;
     left: 0;
     top: 0;
}

.kepu_imgx {
     display: block;
}

.kepu_imgx .overflowHide {
     height: 692px;
}

.kepu_imgx .coverImg:after {
     content: "";
     background: url(../images/kepu_line.png) repeat-x left bottom;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
}

.kepu_u1txt {
     position: absolute;
     left: 50px;
     right: 50px;
     bottom: 30px;
     color: #fff;
}

.kepu_u1txt span {
     font-size: 14px;
     line-height: 24px;
     background: #FFF;
     display: inline-block;
     padding: 0px 15px;
     border-radius: 2em;
     color: var(--cor);
}

.kepu_u1txt strong {
     font-size: 24px;
     line-height: 36px;
     -webkit-line-clamp: 2;
     font-weight: normal;
     margin-top: 14px;
}

.kepu_u1txt p {
     font-size: 16px;
     line-height: 28px;
     margin-top: 6px;
     -webkit-line-clamp: 2;
     margin-bottom: 12px;
}

.pub_tm {
     font-size: 16px;
     line-height: 20px;
     background: url(../images/dtl_sico1.png) no-repeat left center;
     padding-left: 25px;
     color: var(--cor);
     font-family: syl;
}

.pub_tmw {
     background: url(../images/tmico2.png) no-repeat left center;
     color: #fff;
}

.kepu_item1 {
     height: 326px;
     border-top: 2px solid var(--cor);
     border-right: 1px solid rgba(1, 45, 98, 0.3);
     border-bottom: 1px solid rgba(1, 45, 98, 0.3);
     border-left: 1px solid rgba(1, 45, 98, 0.3);
     padding-top: 82px;
}

.kepu_item {
     position: relative;
     display: block;
}

.kepu_item span {
     font-size: 14px;
     line-height: 24px;
     background: var(--cor);
     display: inline-block;
     padding: 0px 15px;
     border-radius: 2em;
     color: #FFF;
     position: absolute;
     left: 35px;
     top: 35px;
}

.kepu_item strong {
     font-size: 24px;
     line-height: 36px;
     font-weight: normal;
     -webkit-line-clamp: 2;
     margin-left: 35px;
     margin-right: 35px;
}

.kepu_item p {
     font-size: 16px;
     line-height: 28px;
     color: #808080;
     -webkit-line-clamp: 3;
     margin-left: 35px;
     margin-right: 35px;
}

.kepu_item .pub_tm {
     position: absolute;
     left: 35px;
     bottom: 35px;
}

.kepu_item1 p {
     margin-top: 10px;
}

.kepu_u02 {
     margin: 0 -20px 20px;
}

.kepu_u02 li {
     width: calc(33.33% - 40px);
     margin: 0 20px 40px;
}

.kepu_item2 {
     height: 516px;
     border-top: 2px solid var(--cor);
     border-right: 1px solid rgba(1, 45, 98, 0.3);
     border-bottom: 1px solid rgba(1, 45, 98, 0.3);
     border-left: 1px solid rgba(1, 45, 98, 0.3);
     padding-top: 120px;
}

.kepu_item2 p {
     margin-top: 18px;
}

.kepu_item2 .overflowHide {
     height: 320px;
     border-bottom: 2px solid var(--cor);
     margin-left: -1px;
     margin-right: -1px;
     margin-top: -2px;
}

.kepu_item2 span {}

.kepu_item2.scaleImg {
     padding-top: 0
}

.kepu_item2.scaleImg .overflowHide {
     margin-bottom: 18px;
}

.kepu_item2.scaleImg strong {}

.kepu_item2.scaleImg p {
     margin-top: 5px;
     -webkit-line-clamp: 1;
}

.news_more {
     text-align: center;
}

.news_more a {
     font-size: 18px;
     cursor: pointer;
}

.kepu_u01a {
     padding-left: 0;
     padding-right: 66.66%;
}

.kepu_u01a li {
     transform: translateX(-27px);
}

.kepu_u01a li:nth-child(1) {
     left: auto;
     right: 0;
     transform: translateX(0px);
}

@media (max-width:1799px) {
     .kepu_u01 {
          margin: 0 -15px 20px;
          height: 590px;
     }

     .kepu_u01 li {
          width: calc(100% - 51px);
          margin: 0 15px 30px;
          margin-left: 36px;
     }

     .kepu_u01 li:nth-child(1) {
          width: calc(66.66% - 30px);
          margin-left: 15px;
          position: absolute;
          left: 0;
          top: 0;
     }

     .kepu_imgx .overflowHide {
          height: 570px;
     }

     .kepu_u1txt {
          left: 30px;
          right: 30px;
          bottom: 25px;
     }

     .kepu_u1txt strong {
          font-size: 20px;
          line-height: 30px;
          margin-top: 12px;
     }

     .kepu_u1txt p {
          font-size: 14px;
          line-height: 24px;
          margin-top: 5px;
          margin-bottom: 10px;
     }

     .pub_tm {
          font-size: 14px;
     }

     .kepu_item1 {
          height: 270px;
          padding-top: 60px;
     }

     .kepu_item span {
          font-size: 14px;
          line-height: 24px;
          left: 25px;
          top: 25px;
     }

     .kepu_item strong {
          font-size: 20px;
          line-height: 30px;
          margin-left: 25px;
          margin-right: 25px;
     }

     .kepu_item p {
          font-size: 14px;
          line-height: 24px;
          margin-left: 25px;
          margin-right: 25px;
     }

     .kepu_item .pub_tm {
          left: 25px;
          bottom: 25px;
     }

     .kepu_item1 p {
          margin-top: 8px;
     }

     .kepu_u02 {
          margin: 0 -15px 20px;
     }

     .kepu_u02 li {
          width: calc(33.33% - 30px);
          margin: 0 15px 30px;
     }

     .kepu_item2 {
          height: 426px;
          padding-top: 90px;
     }

     .kepu_item2 p {
          margin-top: 18px;
     }

     .kepu_item2 .overflowHide {
          height: 240px;
     }

     .news_more a {
          font-size: 14px;
     }

     .kepu_u01a {
          padding-left: 0;
          padding-right: 66.66%;
     }

     .kepu_u01a li {
          transform: translateX(-20px);
     }

     .kepu_u01a li:nth-child(1) {
          left: auto;
          right: 0;
          transform: translateX(0px);
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .kepu_u01 {
          padding-left: 0;
          height: auto;
          margin-left: -15px;
          margin-right: -15px;
          display: flex;
          flex-wrap: wrap;
          padding-top: 20px;
          margin-bottom: 0
     }

     .kepu_u01 li {
          margin: 0 15px 30px;
          width: calc(50% - 30px);
     }

     .kepu_u01 li:nth-child(1) {
          width: calc(100% - 30px);
          position: relative;
     }

     .kepu_imgx .overflowHide {
          height: 63vw;
     }

     .kepu_u02 li {
          width: calc(50% - 30px);
     }

     .kepu_u01a {
          padding-right: 0;
          padding-top: 0
     }

     .kepu_u02 {
          margin-bottom: 0;
     }

     .kepu_u01a li {
          transform: translateX(0px);
     }
}

@media (max-width:767px) {
     .kepu_u1txt {
          left: 15px;
          right: 15px;
          bottom: 20px;
     }

     .kepu_u1txt p {
          -webkit-line-clamp: 1;
          font-size: 12px;
          line-height: 20px;
     }

     .kepu_u1txt strong {
          font-size: 18px;
          line-height: 26px;
     }

     .kepu_u1txt span {
          font-size: 12px;
     }

     .kepu_imgx .overflowHide {
          height: 78vw;
     }

     .kepu_u01 li {
          margin-bottom: 20px;
          width: calc(100% - 30px);
     }

     .kepu_u02 li {
          width: calc(100% - 30px);
          margin-bottom: 20px
     }

     .kepu_item span {
          left: 15px;
          font-size: 12px;
     }

     .kepu_item strong {
          font-size: 18px;
          line-height: 28px;
          margin-left: 15px;
          margin-right: 15px;
     }

     .kepu_item p {
          font-size: 12px;
          line-height: 22px;
          margin-left: 15px;
          margin-right: 15px;
     }

     .kepu_item .pub_tm {
          left: 15px;
     }
}

.gs_page {}

.gs_con1 {}

.gs_c1txt {
     font-size: 26px;
     line-height: 40px;
     text-align: center;
     max-width: 1100px;
     margin-left: auto;
     margin-right: auto;
}

.gs_c1sw {
     margin: 3.2vw -15px 0;
}

.gs_c1sw dd {
     padding: 0 15px;
}

.gs_c1item {
     height: 635px;
     position: relative;
     display: block;
}

.gs_c1item .overflowHide {
     width: 52.96%;
     height: 558px;
}

.gs_c1des {
     width: 49.47%;
     height: 558px;
     position: absolute;
     top: 55px;
     right: 0;
     background: #fff;
     box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
     padding: 68px 3.8vw 0;
}

.gs_c1des strong {
     font-size: 32px;
     line-height: 46px;
     font-weight: normal;
     -webkit-line-clamp: 2;
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(30px);
}

.gs_c1p {
     margin-top: 32px;
     padding: 40px 0px;
     position: relative;
     border-top: 1px solid #90AAC8;
     border-bottom: 1px solid #90AAC8;
     transition: all 0.5s ease;
     opacity: 0;
     transform: translateY(30px);
}

.gs_c1p p {
     font-size: 18px;
     line-height: 36px;
     color: #808080;
     text-align: justify;
     -webkit-line-clamp: 3;
}

.gs_c1p:before {
     content: "";
     background: #FFF url(../images/gs_fh.png) no-repeat center center;
     height: 40px;
     width: 50px;
     position: absolute;
     left: -10px;
     top: -22px;
}

.gs_c1p:after {
     content: "";
     background: #FFF url(../images/gs_fh.png) no-repeat center center;
     height: 40px;
     width: 50px;
     position: absolute;
     right: -10px;
     bottom: -20px;
     transform: rotate(180deg);
}

.gs_c1item .ydt_more {}

.gs_c1sw .slick-dots {
     bottom: 100px;
     text-align: right;
     padding-right: 3.8vw;
     width: auto;
     right: 12px;
}

.gs_c1sw .slick-dots li button {
     display: none;
}

.gs_c1sw .slick-dots li {
     background: #D6D6D6;
     display: inline-block;
     height: 11px;
     width: 11px;
     margin: 0px 0px 0px 12px;
     position: relative;
     border-radius: 50%;
     vertical-align: middle
}

.gs_c1sw .slick-dots li.slick-active {
     background: var(--cor);
}

.on .gs_c1des strong {
     opacity: 1;
     transform: translateY(0);
}

.on .gs_c1p {
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.2s;
}

.gs_con2 {
     background: #f7f8f8;
}

.gslist {
     margin: 2.6vw -25px 2.6vw;
}

.his_bmempty {
     height: 0;
     overflow: hidden;
     margin-top: -2.6vw;
}

.gslist li {
     width: calc(33.33% - 50px);
     margin: 0 25px 50px;
}

.gs_aitem {
     display: block;
     position: relative;
}

.gs_dx {}

.gs_dx .overflowHide {
     height: 325px;
}

.gs_dxbm {
     border-top: 2px solid var(--cor);
     border-right: 1px solid rgba(1, 45, 98, 0.3);
     border-bottom: 1px solid rgba(1, 45, 98, 0.3);
     border-left: 1px solid rgba(1, 45, 98, 0.3);
     height: 192px;
     padding: 20px 30px 0;
}

.gs_dxbm strong {
     font-size: 24px;
     line-height: 36px;
     font-weight: normal;
     -webkit-line-clamp: 2;
}

.gs_dxbm p {
     font-size: 16px;
     line-height: 28px;
     color: #808080;
     margin-top: 6px;
     margin-bottom: 15px;
}

.gs_hx {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: #fff;
     border-top: 2px solid var(--cor);
     padding: 50px 35px 0;
     box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
     transition: all 0.5s ease;
     opacity: 0;
}

.gs_htagx {
     text-align: center;
     overflow: hidden;
     height: 23px;
}

.gs_htagx span {
     font-size: 14px;
     line-height: 23px;
     color: #FFF;
     display: inline-block;
     padding: 0px 15px;
     position: relative;
     background: var(--cor);
     border-radius: 2em;
}

.gs_htagx span:before {
     content: "";
     height: 1px;
     background: #D2D2D2;
     position: absolute;
     top: 11px;
     left: -308px;
     width: 300px;
}

.gs_htagx span:after {
     content: "";
     height: 1px;
     background: #D2D2D2;
     position: absolute;
     top: 11px;
     right: -308px;
     width: 300px;
}

.gs_hx strong {
     font-size: 24px;
     line-height: 36px;
     margin-top: 40px;
     font-weight: normal;
}

.gs_hx p {
     font-size: 16px;
     line-height: 28px;
     color: #808080;
     text-align: justify;
     margin-top: 18px;
     -webkit-line-clamp: 4;
}

.gs_bmp {
     margin-top: 24px;
     font-size: 16px;
     line-height: 28px;
     color: #808080;
}

.gs_mx {
     margin-top: 35px;
     position: relative;
     text-align: center;
     overflow: hidden;
}

.gs_mx i {
     display: inline-block;
     height: 26px;
     width: 26px;
     background: var(--cor) url(../images/abt_c3btna.png) no-repeat center center;
     border-radius: 50%;
     background-size: 6px auto;
     transform: rotate(180deg);
}

.gs_mx i:before {
     content: "";
     height: 1px;
     background: #D2D2D2;
     position: absolute;
     top: 12px;
     left: -308px;
     width: 300px;
}

.gs_mx i:after {
     content: "";
     height: 1px;
     background: #D2D2D2;
     position: absolute;
     top: 12px;
     right: -308px;
     width: 300px;
}

.gs_hx .pub_tm {
     margin-top: 40px;
}

.gs_aitem:hover .gs_hx {
     opacity: 1;
}

@media (max-width:1799px) {
     .gs_c1txt {
          font-size: 22px;
          line-height: 36px;
          max-width: 1000px;
     }

     .gs_c1des {
          padding: 40px 3.8vw 0;
     }

     .gs_c1des strong {
          font-size: 24px;
          line-height: 36px;
     }

     .gs_c1p p {
          font-size: 14px;
          line-height: 26px;
     }

     .gs_c1p {
          margin-top: 32px;
          padding: 22px 0px;
     }

     .gs_c1item .overflowHide {
          height: 420px;
     }

     .gs_c1des {
          height: 420px;
     }

     .gs_c1item {
          height: 500px;
     }

     .gs_c1sw .slick-dots {
          bottom: 88px;
     }

     .ydt_more {
          line-height: 40px;
          width: 142px;
          bottom: 56px;
          font-size: 14px;
     }

     .ydt_more:after {
          margin-left: 12px;
          background-size: 8px auto;
          top: 8px;
     }

     .gslist {
          margin-left: -15px;
          margin-right: -15px;
     }

     .gslist li {
          width: calc(33.33% - 30px);
          margin: 0 15px 30px;
     }

     .gs_dx .overflowHide {
          height: 245px;
     }

     .gs_dxbm {
          padding: 18px 20px;
          height: 162px;
     }

     .gs_dxbm strong {
          font-size: 18px;
          line-height: 28px;
     }

     .gs_dxbm p {
          font-size: 14px;
          margin-bottom: 12px;
          line-height: 24px;
     }

     .pub_tm {
          font-size: 14px;
     }

     .gs_hx {
          padding: 38px 25px 0;
     }

     .gs_hx strong {
          font-size: 18px;
          line-height: 28px;
          margin-top: 25px;
     }

     .gs_hx p {
          font-size: 14px;
          line-height: 24px;
          margin-top: 12px;
     }

     .gs_bmp {
          margin-top: 16px;
          font-size: 14px;
     }

     .gs_mx {
          margin-top: 25px;
     }

     .gs_hx .pub_tm {
          margin-top: 25px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .gs_c1des strong {
          font-size: 20px;
          line-height: 32px;
     }

     .gslist li {
          width: calc(50% - 30px);
     }

     .gs_c1item {
          height: auto;
          display: flex;
          flex-wrap: wrap;
     }

     .gs_c1item .overflowHide {
          width: 100%;
          height: 60vw;
     }

     .gs_c1des {
          width: 100%;
          position: relative;
          top: 0;
     }

     .gs_c1sw dd {
          padding-bottom: 20px;
     }
}

@media (max-width:767px) {
     .gs_c1txt {
          font-size: 16px;
          line-height: 28px;
     }

     .gs_c1sw {
          margin-top: 25px;
     }

     .gs_c1des strong {
          font-size: 18px;
          line-height: 28px;
     }

     .gs_c1des {
          padding-top: 25px;
     }

     .gs_c1des {
          height: 342px;
     }

     .gs_c1p p {
          font-size: 12px;
          line-height: 22px;
     }

     .ydt_more {
          bottom: 40px;
     }

     .gs_c1sw .slick-dots {
          bottom: 72px;
     }

     .gslist {
          margin-top: 25px;
     }

     .gslist li {
          width: calc(100% - 30px);
          margin-bottom: 20px;
     }

     .gs_dxbm {
          padding-left: 15px;
          padding-right: 15px;
     }
}

.ai_page {}

.ai_con {
     background-size: cover;
}

.ai_con .m2pt {
     text-align: left;
}

.ai_item {
     display: flex;
     justify-content: space-between;
}

.ai_imx {
     width: 47.55%;
     display: flex;
     flex-direction: column;
     justify-content: center;
}

.ai_imx .overflowHide {
     height: 600px;
}

.ai_rtxt {
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 52.45%;
     padding-left: 6vw;
     padding-right: calc((100vw - 1520px) / 2);
}

.ai_des {
     font-size: 18px;
     line-height: 34px;
     color: #666666;
     text-align: justify;
     margin-top: 30px;
}

.ai_rimgx {
     margin-top: 32px;
     text-align: center;
}

.ai_page .ai_con:nth-child(2n) .ai_item {
     flex-direction: row-reverse;
}

.ai_page .ai_con:nth-child(2n) .ai_rtxt {
     padding-left: calc((100vw - 1520px) / 2);
     padding-right: 6vw;
}

.aidlsWpr {
     margin-top: 5vw;
}

.aidls {
     margin: 0 -30px;
     display: flex;
     flex-wrap: wrap;
}

.aidls dd {
     width: calc(33.33% - 60px);
     margin: 0 30px;
     background: #fff;
     box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
     padding: 54px 45px 55px;
     transition: all 0.5s ease;
}

.ai_dico {
     width: 120px;
     height: 120px;
     display: block;
     margin: 0 auto;
     transition: all 0.5s ease;
}

.aidls dd strong {
     font-size: 24px;
     line-height: 36px;
     color: var(--cor);
     display: block;
     text-align: center;
     margin: 30px 0 18px;
}

.aidls dd p {
     font-size: 16px;
     line-height: 28px;
     color: #666666;
     text-align: justify;
}

.aidls dd:hover .ai_dico {
     transform: rotateY(180deg);
}

.aidls dd:hover {
     transform: translateY(-15px);
}

@media (max-width:1799px) {
     .ai_rtxt {
          padding-right: calc((100vw - 1140px) / 2);
          padding-left: 3.5vw
     }

     .ai_des {
          font-size: 14px;
          line-height: 26px;
          margin-top: 15px;
     }

     .ai_rimgx {
          margin-top: 20px;
     }

     .ai_imx .overflowHide {
          height: 31.25vw;
     }

     .ai_page .ai_con:nth-child(2n) .ai_rtxt {
          padding-left: calc((100vw - 1140px) / 2);
          padding-right: 3.5vw;
     }

     .aidls {
          margin: 0 -12px;
     }

     .aidls dd {
          width: calc(33.33% - 24px);
          margin: 0 12px;
          padding: 35px 25px 35px;
     }

     .ai_dico {
          width: 90px;
          height: 90px;
     }

     .aidls dd strong {
          font-size: 20px;
          line-height: 30px;
          margin: 22px 0 14px;
     }

     .aidls dd p {
          font-size: 14px;
          line-height: 24px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .ai_rtxt {
          padding-right: calc((100vw - 940px) / 2);
     }

     .ai_page .ai_con:nth-child(2n) .ai_rtxt {
          padding-left: calc((100vw - 940px) / 2);
     }
}

@media (max-width:993px) {
     .ai_item {
          flex-wrap: wrap;
     }

     .ai_imx {
          width: 100%;
     }

     .ai_rtxt {
          padding-right: 0 !important;
          padding-left: 0 !important;
          width: 100%;
          margin-top: 30px
     }

     .ai_item {
          padding-left: 25px;
          padding-right: 25px
     }

     .ai_imx .overflowHide {
          height: 60vw;
     }

     .aidls dd strong {
          font-size: 18px;
          line-height: 26px;
     }
}

@media (max-width:767px) {
     .ai_rtxt {
          margin-top: 26px;
     }

     .ai_des {
          font-size: 12px;
          line-height: 22px;
          margin-top: 12px;
     }

     .aidls dd {
          width: calc(100% - 24px);
          margin-bottom: 15px;
     }

     .ai_dico {
          width: 72px;
          height: 72px;
     }

     .ai_con .m2pt {
          font-size: 20px;
          line-height: 20px;
     }
}

.join_page {}

.join_con1 {}

.join_c1sw_wpr {
     overflow: hidden;
     margin-top: 2.6vw;
}

.join_c1sw {
     width: 1400px;
}

.join_c1sw dd {
     padding-right: 20px;
}

.join_c1item {
     height: 460px;
}

.join_c1item .overflowHide {
     height: 372px;
}

.join_c1item .coverImg:after {
     content: "";
     background: url(../images/kepu_line.png) repeat-x left bottom;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     background-size: auto 25%;
}

.join_c1item .overflowHide strong {
     font-size: 24px;
     line-height: 36px;
     color: #FFF;
     position: absolute;
     left: 20px;
     right: 20px;
     bottom: 14px;
}

.join_c1des {
     margin: 15px 18px 0px;
     font-size: 16px;
     line-height: 28px;
     -webkit-line-clamp: 2;
}

.join_c1btnx {
     text-align: center;
     margin-top: 2.6vw;
}

.join_con1 .abt_c5fun span {
     background: #CCCCCC;
}

.join_con1 .abt_c5fun span.on {
     background: var(--cor);
}

.join_con1 .abt_c5fun .prev,
.join_con1 .abt_c5fun .next {
     background: url(../images/abt_c3btn.png) no-repeat center center;
     opacity: 1;
     background-size: 12px auto !important;
}

.join_con1 .abt_c5fun .prev:hover,
.join_con1 .abt_c5fun .next:hover {
     opacity: 1;
     background: url(../images/abt_c3btnb.png) no-repeat center center;
}

@media (max-width:1799px) {
     .join_c1item .overflowHide {
          height: 290px;
     }

     .join_c1item .overflowHide strong {
          font-size: 20px;
          line-height: 30px;
     }

     .join_c1des {
          margin: 12px 18px 0px;
          font-size: 14px;
          line-height: 24px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {}

@media (max-width:767px) {
     .join_c1sw_wpr {
          margin-top: 25px;
     }

     .join_c1item .overflowHide {
          height: 72vw;
     }
}

.join_con2 {
     background: #f2f2f2;
}

.join_c2dl {
     margin-top: 2.6vw;
}

.join_c2dl dd {
     width: 33.33%;
     padding: 0 55px;
     text-align: center;
     transition: all 0.5s ease;
     position: relative
}

.join_c2ico {
     background: url(../images/jn_icobg.png) no-repeat center center;
     margin: 0px auto;
     height: 205px;
     width: 205px;
     background-size: cover;
     display: block;
     position: relative;
     transition: all 0.5s ease;
}

.join_c2ico img {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     max-width: 50%;
     max-height: 50%;
     width: auto;
     height: auto;
}

.join_c2dl dd strong {
     font: normal 24px/60px sym;
     margin-top: 4px;
     display: inline-block;
     border-bottom: 1px solid #959595;
}

.join_c2dl dd p {
     font-size: 16px;
     line-height: 28px;
     color: #808080;
     margin-top: 15px;
}

.join_c2dl dd:hover .join_c2ico {
     transform: rotateY(180deg);
}

.join_c2dl dd:hover {
     transform: translateY(-15px);
}

.join_c2dl dd:after {
     content: "";
     width: 1px;
     background: #97A9BD;
     position: absolute;
     right: 0;
     top: 15px;
     bottom: 6px;
}

.join_c2dl dd:last-child:after {
     display: none;
}

@media (max-width:1799px) {
     .join_c2dl dd {
          padding: 0 25px;
     }

     .join_c2ico {
          height: 160px;
          width: 160px;
     }

     .join_c2dl dd strong {
          font: normal 20px/50px sym;
     }

     .join_c2dl dd p {
          font-size: 14px;
          line-height: 24px;
          margin-top: 12px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {}

@media (max-width:767px) {
     .join_c2dl {
          margin-top: 15px;
     }

     .join_c2dl dd {
          width: 100%;
     }

     .join_c2ico {
          width: 120px;
          height: 120px;
     }

     .join_c2dl dd p {
          font-size: 12px;
          line-height: 22px;
     }
}

.join_con3wpr {
     padding-bottom: 0;
}

.join_con3 {
     background-size: cover;
}

.join_c3box {
     width: 578px;
     height: 578px;
     background: #fff;
     border: 36px solid var(--cor);
     border-radius: 50%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-left: 96px;
}

.join_con3 .m2pt {
     text-align: left;
}

.join_c3des {
     font-size: 22px;
     line-height: 38px;
     color: #4d4d4d;
     margin-top: 35px;
     margin-bottom: 62px;
}

.join_c3btn {}

.join_con4 {}

.join_c4dl {
     margin: 2.6vw 90px 0;
     display: flex;
     flex-wrap: wrap;
}

.join_c4dl dd {
     width: 50%;
     padding: 0 50px;
}

.join_c4item {
     display: block;
}

.join_c4item .overflowHide {
     height: 372px;
     border-radius: 0.5em;
}

.join_c4item .coverImg:after {
     content: "";
     background: url(../images/kepu_line.png) repeat-x left bottom;
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     background-size: auto 50%;
}

.join_c4item .hmc3layer {
     bottom: 22px;
}

@media (max-width:1799px) {
     .join_c3box {
          width: 450px;
          height: 450px;
          border: 22px solid var(--cor);
          padding-left: 70px;
     }

     .join_con3 .m2pt {
          text-align: left;
     }

     .join_c3des {
          font-size: 18px;
          line-height: 32px;
          margin-top: 15px;
          margin-bottom: 40px;
     }

     .join_c3btn {}

     .join_con4 {}

     .join_c4dl {
          margin: 2.6vw 50px 0;
     }

     .join_c4dl dd {
          width: 50%;
          padding: 0 20px;
     }

     .join_c4item .overflowHide {
          height: 270px;
     }

     .join_c4item .hmc3layer {
          bottom: 15px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {
     .join_c4dl {
          margin-left: 0;
          margin-right: 0;
     }
}

@media (max-width:993px) {
     .join_c4dl {
          margin-left: -12px;
          margin-right: -12px;
     }

     .join_c4dl dd {
          padding: 0 12px;
     }
}

@media (max-width:767px) {
     .join_c3box {
          width: 330px;
          height: 330px;
          border: 12px solid var(--cor);
          padding-left: 55px;
          background: rgba(255, 255, 255, 0.8)
     }

     .join_c3des {
          font-size: 14px;
          line-height: 24px;
          margin-bottom: 25px;
     }

     .join_con3 {
          background-position: center center;
     }

     .join_c4dl {
          margin-top: 25px;
          flex-wrap: wrap;
     }

     .join_c4dl dd {
          width: 100%;
          margin-bottom: 15px;
     }
}

.join_con5 {
     background: #f2f2f2;
}

.join_c5tip {
     margin-top: 22px;
     text-align: center;
}

.join_c5tip strong {
     font-size: 20px;
     line-height: 32px;
     font-weight: normal;
}

.join_c5tip p {
     font-size: 18px;
     line-height: 30px;
     color: #666666;
     margin-top: 1.56vw;
}

.join_c5dls {
     margin: 2.6vw -15px 0px;
     display: flex;
     flex-wrap: wrap;
}

.join_c5dls dd {
     width: calc(33.33% - 60px);
     margin: 0 30px;
     position: relative;
     background: #fff;
     padding: 37px 35px 30px;
     box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
     transition: all 0.5s ease;
     border-radius: 0.5em;
}

.join_c5dls dd span {
     color: #EEEFF2;
     display: inline-block;
     position: absolute;
     left: 15px;
     top: 10px;
     font: bold 72px/72px din_b;
}

.join_c5dls dd strong {
     font-size: 20px;
     line-height: 30px;
     display: block;
     width: 260px;
     border-top: 1px solid #AFBECF;
     margin: 20px auto 0px;
     padding-top: 18px;
     color: var(--cor);
     text-align: center;
}

.join_c5dls dd p {
     font-size: 18px;
     line-height: 30px;
     text-align: center;
     margin-top: 10px;
}

.join_c5ico {
     width: 120px;
     height: 120px;
     display: block;
     margin: 0 auto;
     transition: all 0.5s ease;
}

.join_c5dls dd:hover .join_c5ico {
     transform: rotateY(180deg);
}

.join_c5bmx {
     text-align: center;
     font-size: 18px;
     line-height: 30px;
     color: #666666;
     margin-top: 2.6vw;
}

.join_c5dls dd:hover {
     transform: translateY(-15px);
}

@media (max-width:1799px) {
     .join_c5tip strong {
          font-size: 16px;
          line-height: 28px;
     }

     .join_c5tip p {
          font-size: 14px;
          line-height: 24px;
     }

     .join_c5bmx {
          font-size: 14px;
          line-height: 26px;
     }

     .join_c5dls {
          margin: 2.6vw -15px 0px;
     }

     .join_c5dls dd {
          width: calc(33.33% - 30px);
          margin: 0 15px;
          padding: 28px 20px 25px;
     }

     .join_c5dls dd span {
          font: bold 58px/58px din_b;
     }

     .join_c5dls dd strong {
          font-size: 16px;
          line-height: 26px;
     }

     .join_c5dls dd p {
          font-size: 14px;
          line-height: 24px;
          margin-top: 8px;
     }

     .join_c5ico {
          width: 90px;
          height: 90px;
     }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {
     .join_c5dls dd strong {
          width: 100%;
     }
}

@media (max-width:767px) {
     .join_c5dls dd {
          width: calc(100% - 30px);
          margin-top: 15px;
     }

     .join_c5dls {
          margin-bottom: 20px;
     }

     .join_c5bmx {
          font-size: 12px;
          line-height: 22px;
     }
}