*,:after,:before {
    transition-property: all;
    -ms-transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    blr: expression(this.onFocus=this.blur());
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

@font-face {
    font-family: ArialBlack;
    font-display: swap;
    src: url(../font/ArialBlack.ttf);
}

@font-face {
    font-family: OSWALD-BOLD;
    font-display: swap;
    src: url(../font/OSWALD-BOLD.ttf)
}

.news_con a {
    color: #8c0409;
    font-weight: bold;
}

.news_con a:hover {
    text-decoration: underline
}

body,html {
    font-size: 14px;
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Arial";
}

html {
    position: relative;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

body {
    overflow-y: auto;
    min-width: 320px;
    background: #fff;
    max-width: 1920px;
    margin: 0 auto;
    position: absolute !important;
    top: 0;
    left: 0;
}

img {
    border: 0;
    max-width: 100%
}

li,p,ul {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #7d7d7d;
    text-decoration: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    color: #333;
    outline: 0
}

a:hover {
    color: #8c0409
}

a:active {
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

li,ul {
    list-style-type: none;
    border: none
}

button,input,select,textarea {
    outline: 0
}

input[type=password],input[type=search],input[type=text],select,textarea {
    outline: 0;
    font-family: SourceHanSansCN-Regular;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 14px;
    display: block;
    width: 100%;
    border: none;
    background: 0 0;
    border: 1px solid #dbdbdb;
    padding: 6px 12px;
    transition: ease .45s
}

input[type=radio] {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    cursor: pointer
}

input[type=checkbox] {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    cursor: pointer
}

input::-webkit-input-placeholder {
    color: #888
}

input:-moz-placeholder {
    color: #888
}

input::-moz-placeholder {
    color: #888
}

input:-ms-input-placeholder {
    color: #888
}

textarea {
    resize: none;
    overflow: hidden
}

textarea::-webkit-input-placeholder {
    color: #888
}

textarea:-moz-placeholder {
    color: #888
}

textarea::-moz-placeholder {
    color: #888
}

textarea:-ms-input-placeholder {
    color: #888
}

textarea {
    resize: none
}

input[type=button],input[type=reset],input[type=submit],input[type=text] {
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    font-weight: 400
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    margin: 0
}

ul>li>a {
    display: block
}

.imgtop ul>li>a {
    display: inline-block;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

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

::-webkit-scrollbar-track:vertical {
    background-color: #000
}

::-webkit-scrollbar-track-piece {
    background: #e3e3e3
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #555;
    border-radius: 30px
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #3b3b3b
}

::-webkit-scrollbar-corner:vertical {
    background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
    background-color: #ff6e00
}

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

.ellipsis2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.ppyc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.bgCover {
    background-size: cover;
    background-position: center
}

.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    overflow: hidden;
    height: 0
}

.iH_bottom .layout>.r form input::-webkit-input-placeholder {
    color: #b90007
}

.iH_bottom .layout>.r form input:-moz-placeholder {
    color: #b90007
}

.iH_bottom .layout>.r form input::-moz-placeholder {
    color: #b90007
}

.iH_bottom .layout>.r form input:-ms-input-placeholder {
    color: #b90007
}

.iH_bottom .layout>.r form input::-ms-input-placeholder {
    color: #b90007
}

.loadBg {
    padding-right: 38px;
    background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
    background-size: 400% 100%;
    -webkit-animation: el-skeleton-loading 1.4s ease infinite;
    animation: el-skeleton-loading 1.4s ease infini
}

.cloud-zoom-lens {
    border: 4px solid #888;
    margin: -4px;
    background-color: #fff;
    cursor: move;
}

.cloud-zoom-title {
    font-family: Arial,Helvetica,sans-serif;
    position: absolute !important;
    background-color: #000;
    color: #fff;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    top: 0px;
}

.cloud-zoom-big {
    border: 4px solid #ccc;
    overflow: hidden;
}

.cloud-zoom-loading {
    color: white;
    background: #222;
}

@-webkit-keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate360 {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide-active {
    pointer-events: auto;
    z-index: 3
}

.swiper-container-fade .swiper-slide {
    opacity: 0 !important
}

.swiper-container-fade .swiper-slide-active {
    opacity: 1 !important
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.l {
    float: left
}

.r {
    float: right
}

.clear {
    clear: both;
    float: none
}

.clear:after {
    content: '';
    display: table;
    height: 0;
    display: block;
    clear: both
}

section:after {
    content: "020";
    display: none;
    height: 0;
    clear: both;
    visibility: hidden
}

.wh {
    width: 1200px;
    margin: 0 auto;
    clear: both;
    max-width: 1200px
}

.wh:after {
    content: '';
    display: table;
    height: 0;
    display: block;
    clear: both
}

.bjx {
    background-image: none !important
}

.flex_jz {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto
}

.swiper-button-next,.swiper-button-prev {
    outline: 0
}

.imgScale .swiper-slide:hover .img img,.imgScale li:hover .img img,.imgSingleScale:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.nav>li .down {
    padding-top: 7px;
    width: 130px;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: 27px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(34px);
    -webkit-transform: translateY(34px);
    -moz-transform: translateY(34px);
    transition: .3s ease
}

.nav>li:hover .down {
    opacity: 1;
    visibility: visible;
    z-index: 5;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0)
}

.listTolr li {
    position: relative;
    overflow: hidden
}

.listTolr li:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    background: #ececec;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: .35s
}

.listTolr li:hover:before {
    opacity: 1;
    visibility: visible;
    width: 110%;
    height: 280%
}

.listInLine li a {
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
    line-height: 1
}

.listInLine li a:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .33s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .33s cubic-bezier(.4,0,.2,1);
    transition: transform .33s cubic-bezier(.4,0,.2,1);
    transition: transform .33s cubic-bezier(.4,0,.2,1),-webkit-transform .33s cubic-bezier(.4,0,.2,1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0)
}

.listInLine li a:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0
}

.listTob li a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #da251d;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .33s cubic-bezier(.4,0,.2,1);
    transition: transform .33s cubic-bezier(.4,0,.2,1);
    transition: transform .33s cubic-bezier(.4,0,.2,1),-webkit-transform .33s cubic-bezier(.4,0,.2,1);
    transform-origin: left 100%;
    -webkit-transform-origin: left 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0)
}

.listTob li:hover a:before {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: left 0;
    -webkit-transform-origin: left 0
}

.imgCover {
    object-fit: cover
}

.bgImgAA {
    position: relative;
    overflow: hidden;
    font-size: 0
}

.bgImgAA .bgImgAB {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    font-size: 0;
    transition: all .6S
}

.bgImgAB {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.bgImgAA>img {
    visibility: hidden;
    width: 100%
}

li:hover .bgImgAB {
    transform: scale(1.1)
}

.hMask {
    position: relative
}

.hMask .mask {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);
    background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(135deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0) 100%);
    background-position: -205px 0
}

.hMask:hover .mask {
    background-position: 190px 0;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.img {
    position: relative;
    width: 100%;
    height: 0;
    display: inline-block;
    overflow: hidden
}

.img>img {
    width: 100%;
    height: 100%;
    transition: all .6s;
    position: absolute;
    object-fit: cover
}

.imgh {
    cursor: pointer;
    font-size: 0
}

.imgh .img01 {
    display: inline-block
}

.imgh .img02 {
    display: none
}

.hoverHui {
    transition: all .3s ease;
    filter: grayscale(100%);
    opacity: .66
}

.imgh li:hover .img01 {
    display: none
}

.imgh li:hover .img02 {
    display: inline-block
}

.img_jz {
    display: table-cell;
    text-align: center;
    width: 170px;
    height: 170px;
    vertical-align: middle;
    position: relative
}

.img_jz>span {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.img_jz>img {
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
    width: auto
}

.new_con {
    font-size: 16px;
    line-height: 30px;
    text-align: left
}

.new_con img {
    max-width: 100%
}

a.img {
    display: block;
    font-size: 0
}

a.img>img {
    width: 100%;
    height: 100%
}

.listH li {
    z-index: 1;
    -webkit-transition: all 150ms ease-out 0s;
    -moz-transition: all 150ms ease-out 0s;
    -o-transition: all 150ms ease-out 0s;
    transition: all 150ms ease-out 0s
}

.listH li:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
    z-index: 20;
    box-shadow: 0 40px 100px 0 rgba(84,84,84,.5);
    cursor: pointer !important
}

.yiny {
    -moz-box-shadow: 0 5px 21px 5px rgba(196,196,196,.4);
    -webkit-box-shadow: 0 5px 21px 5px rgba(196,196,196,.4);
    box-shadow: 0 5px 21px 5px rgba(196,196,196,.4)
}

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

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

.tList:after {
    content: '';
    display: table;
    clear: both
}

.tList li {
    float: left
}

.tList2 li {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 4%
}

.tList2 li:nth-of-type(2n+1) {
    margin-left: 0
}

.tList3 li {
    width: 31%;
    margin-left: 3.5%;
    margin-bottom: 3.5%
}

.tList3 li:nth-of-type(3n+1) {
    margin-left: 0
}

.tList4 li {
    width: 23.5%;
    margin-left: 2%;
    margin-bottom: 2%
}

.tList4 li:nth-of-type(4n+1) {
    margin-left: 0
}

.tList5 li {
    width: 17%;
    margin-left: 3.75%;
    margin-bottom: 2%
}

.tList5 li:nth-of-type(5n+1) {
    margin-left: 0
}

.tList6 li {
    width: 16.666%
}

.tList6 li:nth-of-type(6n+1) {
    margin-left: 0
}

@media screen and (max-width: 550px) {
    .tList4 li {
        width:100% !important;
        FONT-WEIGHT: 100;
        margin-left: 0 !important;
    }

    .tList4 li:nth-of-type(2n+1) {
        float: right
    }

    .tList3 li {
        width: 100%;
        margin-left: 0
    }
}

.page {
    text-align: center;
    clear: both;
    padding: 50px 0;
    width: 100%
}

.page a {
    font-size: 15px;
    padding: 0 10px;
    display: inline-block;
    margin: 5px;
    border: 1px solid;
    line-height: 30px
}

.page a.on,.page a:hover {
    border-color: #fff
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.t-c {
    text-align: center
}

.t-l {
    text-align: left
}

.t-r {
    text-align: right
}

.f-s12 {
    font-size: 12px
}

.f-s13 {
    font-size: 3px
}

.f-s14 {
    font-size: 14px
}

.f-s15 {
    font-size: 15px
}

.f-s16 {
    font-size: 16px
}

.f-s17 {
    font-size: 17px
}

.f-s18 {
    font-size: 18px
}

.f-s19 {
    font-size: 19px
}

.f-s20 {
    font-size: 20px
}

.f-s21 {
    font-size: 21px
}

.f-s22 {
    font-size: 22px
}

.f-s23 {
    font-size: 23px
}

.f-s24 {
    font-size: 24px
}

.f-s25 {
    font-size: 25px
}

.f-s26 {
    font-size: 26px
}

.f-s27 {
    font-size: 27px
}

.f-s28 {
    font-size: 28px
}

.f-s29 {
    font-size: 29px
}

.f-s30 {
    font-size: 30px
}

.f-s31 {
    font-size: 31px
}

.f-s32 {
    font-size: 32px
}

.f-s33 {
    font-size: 33px
}

.f-s34 {
    font-size: 34px
}

.f-s35 {
    font-size: 35px
}

.f-s36 {
    font-size: 36px
}

.f-s37 {
    font-size: 37px
}

.f-s38 {
    font-size: 38px
}

.f-s39 {
    font-size: 39px
}

.f-s40 {
    font-size: 40px
}

.w5 {
    width: 50%
}

.w10 {
    width: 10%
}

.w15 {
    width: 15%
}

.w20 {
    width: 20%
}

.w25 {
    width: 25%
}

.w30 {
    width: 30%
}

.w35 {
    width: 35%
}

.w40 {
    width: 40%
}

.w45 {
    width: 45%
}

.w49 {
    width: 49%
}

.w50 {
    width: 50%
}

.w55 {
    width: 55%
}

.w60 {
    width: 60%
}

.w65 {
    width: 65%
}

.w70 {
    width: 70%
}

.w75 {
    width: 75%
}

.w80 {
    width: 80%
}

.w85 {
    width: 85%
}

.w90 {
    width: 90%
}

.w95 {
    width: 95%
}

.w100 {
    width: 100%
}

.m-auto {
    margin: 0 auto;
    display: block
}

.m-t5 {
    margin-top: 5px
}

.m-t10 {
    margin-top: 10px
}

.m-t15 {
    margin-top: 15px
}

.m-t20 {
    margin-top: 20px
}

.m-t25 {
    margin-top: 25px
}

.m-t30 {
    margin-top: 30px
}

.m-t35 {
    margin-top: 35px
}

.m-t40 {
    margin-top: 40px
}

.m-t45 {
    margin-top: 45px
}

.m-t50 {
    margin-top: 50px
}

.m-t55 {
    margin-top: 55px
}

.m-t60 {
    margin-top: 60px
}

.m-t65 {
    margin-top: 65px
}

.m-t70 {
    margin-top: 70px
}

.m-t75 {
    margin-top: 65px
}

.m-t80 {
    margin-top: 80px
}

.m-t85 {
    margin-top: 85px
}

.m-t90 {
    margin-top: 90px
}

.m-t95 {
    margin-top: 95px
}

.m-t100 {
    margin-top: 100px
}

.m-b5 {
    margin-bottom: 5px
}

.m-b10 {
    margin-bottom: 10px
}

.m-b15 {
    margin-bottom: 15px
}

.m-b20 {
    margin-bottom: 20px
}

.m-b25 {
    margin-bottom: 25px
}

.m-b30 {
    margin-bottom: 30px
}

.m-b35 {
    margin-bottom: 35px
}

.m-b40 {
    margin-bottom: 40px
}

.m-b45 {
    margin-bottom: 45px
}

.m-b50 {
    margin-bottom: 50px
}

.m-b55 {
    margin-bottom: 55px
}

.m-b60 {
    margin-bottom: 60px
}

.m-b65 {
    margin-bottom: 65px
}

.m-b70 {
    margin-bottom: 70px
}

.m-b75 {
    margin-bottom: 65px
}

.m-b80 {
    margin-bottom: 80px
}

.m-b85 {
    margin-bottom: 85px
}

.m-b90 {
    margin-bottom: 90px
}

.m-b95 {
    margin-bottom: 95px
}

.m-b100 {
    margin-bottom: 100px
}

.p-t5 {
    padding-top: 5px
}

.p-t10 {
    padding-top: 10px
}

.p-t15 {
    padding-top: 15px
}

.p-t20 {
    padding-top: 20px
}

.p-t25 {
    padding-top: 25px
}

.p-t30 {
    padding-top: 30px
}

.p-t35 {
    padding-top: 35px
}

.p-t40 {
    padding-top: 40px
}

.p-t45 {
    padding-top: 45px
}

.p-t50 {
    padding-top: 50px
}

.p-t55 {
    padding-top: 55px
}

.p-t60 {
    padding-top: 60px
}

.p-t65 {
    padding-top: 65px
}

.p-t70 {
    padding-top: 70px
}

.p-t75 {
    padding-top: 65px
}

.p-t80 {
    padding-top: 70px
}

.p-t85 {
    padding-top: 85px
}

.p-t90 {
    padding-top: 90px
}

.p-t95 {
    padding-top: 95px
}

.p-t100 {
    padding-top: 100px
}

.p-b5 {
    padding-bottom: 5px
}

.p-b10 {
    padding-bottom: 10px
}

.p-b15 {
    padding-bottom: 15px
}

.p-b20 {
    padding-bottom: 20px
}

.p-b25 {
    padding-bottom: 25px
}

.p-b30 {
    padding-bottom: 30px
}

.p-b35 {
    padding-bottom: 35px
}

.p-b40 {
    padding-bottom: 40px
}

.p-b45 {
    padding-bottom: 45px
}

.p-b50 {
    padding-bottom: 50px
}

.p-b55 {
    padding-bottom: 55px
}

.p-b60 {
    padding-bottom: 60px
}

.p-b65 {
    padding-bottom: 65px
}

.p-b70 {
    padding-bottom: 70px
}

.p-b75 {
    padding-bottom: 75px
}

.p-b80 {
    padding-bottom: 80px
}

.p-b85 {
    padding-bottom: 85px
}

.p-b90 {
    padding-bottom: 90px
}

.p-b95 {
    padding-bottom: 95px
}

.p-b100 {
    padding-bottom: 100px
}

.pic img {
    -webkit-transition: all 550ms;
    -o-transition: all 550ms;
    -moz-transition: all 550ms;
    transition: all 550ms
}

.pic:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.picimgs a {
    position: relative;
    display: block;
    overflow: hidden
}

.picimgs:hover a::before {
    right: 50%;
    left: 50%;
    width: 0;
    background: rgba(255,255,255,.2)
}

.picimgs a::after,.picimgs a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(255,255,255,0);
    transition: all .7s ease-in-out
}

.picimgs:hover a::after {
    height: 0;
    top: 50%;
    bottom: 50%;
    background: rgba(255,255,255,.2)
}

[class*=' imghvr-'],[class^=imghvr-] {
    position: relative;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    background-color: rgba(1,87,155,.75);
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

[class*=' imghvr-']>img,[class^=imghvr-]>img {
    vertical-align: top;
    max-width: 100%
}

[class*=' imghvr-'] figcaption,[class^=imghvr-] figcaption {
    background-color: inherit;
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

[class*=' imghvr-'] h3,[class*=' imghvr-'] p,[class^=imghvr-] h3,[class^=imghvr-] p {
    margin: 0;
    padding: 0;
    color: #fff
}

[class*=' imghvr-'] a,[class^=imghvr-] a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

[class*=' imghvr-'],[class*=' imghvr-'] *,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class^=imghvr-],[class^=imghvr-] *,[class^=imghvr-]:after,[class^=imghvr-]:before,[class^=imghvr-]:after,[class^=imghvr-]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.imghvr-fade figcaption {
    opacity: 0
}

.imghvr-fade:hover>img {
    opacity: 0
}

.imghvr-fade:hover figcaption {
    opacity: 1
}

[class*=' imghvr-push-']:hover figcaption,[class^=imghvr-push-]:hover figcaption {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.imghvr-push-up figcaption {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.imghvr-push-up:hover>img {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.imghvr-push-down figcaption {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.imghvr-push-down:hover>img {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.imghvr-push-left figcaption {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.imghvr-push-left:hover>img {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.imghvr-push-right figcaption {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.imghvr-push-right:hover>img {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

[class*=' imghvr-slide-']:hover figcaption,[class^=imghvr-slide-]:hover figcaption {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.imghvr-slide-up figcaption {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-color: inherit
}

.imghvr-slide-down figcaption {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: inherit
}

.imghvr-slide-left figcaption {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background-color: inherit
}

.imghvr-slide-right figcaption {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

[class*=' imghvr-reveal-']:before,[class^=imghvr-reveal-]:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: inherit
}

[class*=' imghvr-reveal-'] figcaption,[class^=imghvr-reveal-] figcaption {
    opacity: 0
}

[class*=' imghvr-reveal-']:hover:before,[class^=imghvr-reveal-]:hover:before {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

[class*=' imghvr-reveal-']:hover figcaption,[class^=imghvr-reveal-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.imghvr-reveal-up:before {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.imghvr-reveal-down:before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.imghvr-reveal-left:before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.imghvr-reveal-right:before {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

[class*=' imghvr-hinge-'],[class^=imghvr-hinge-] {
    -webkit-perspective: 50em;
    perspective: 50em
}

[class*=' imghvr-hinge-'] figcaption,[class^=imghvr-hinge-] figcaption {
    opacity: 0;
    z-index: 1
}

[class*=' imghvr-hinge-']:hover img,[class^=imghvr-hinge-]:hover img {
    opacity: 0
}

[class*=' imghvr-hinge-']:hover figcaption,[class^=imghvr-hinge-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.imghvr-hinge-up img {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.imghvr-hinge-up figcaption {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.imghvr-hinge-up:hover>img {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.imghvr-hinge-up:hover figcaption {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.imghvr-hinge-down img {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.imghvr-hinge-down figcaption {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% -50%;
    -ms-transform-origin: 50% -50%;
    transform-origin: 50% -50%
}

.imghvr-hinge-down:hover>img {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    opacity: 0
}

.imghvr-hinge-down:hover figcaption {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.imghvr-hinge-left img {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-hinge-left figcaption {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.imghvr-hinge-left:hover>img {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.imghvr-hinge-left:hover figcaption {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.imghvr-hinge-right img {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.imghvr-hinge-right figcaption {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-hinge-right:hover>img {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.imghvr-hinge-right:hover figcaption {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

[class*=' imghvr-flip-'],[class^=imghvr-flip-] {
    -webkit-perspective: 50em;
    perspective: 50em
}

[class*=' imghvr-flip-'] img,[class^=imghvr-flip-] img {
    backface-visibility: hidden
}

[class*=' imghvr-flip-'] figcaption,[class^=imghvr-flip-] figcaption {
    opacity: 0
}

[class*=' imghvr-flip-']:hover>img,[class^=imghvr-flip-]:hover>img {
    opacity: 0
}

[class*=' imghvr-flip-']:hover figcaption,[class^=imghvr-flip-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.imghvr-flip-horiz figcaption {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-flip-horiz:hover img {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.imghvr-flip-horiz:hover figcaption {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.imghvr-flip-vert figcaption {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.imghvr-flip-vert:hover>img {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.imghvr-flip-vert:hover figcaption {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.imghvr-flip-diag-1 figcaption {
    -webkit-transform: rotate3d(1,-1,0,100deg);
    transform: rotate3d(1,-1,0,100deg)
}

.imghvr-flip-diag-1:hover>img {
    -webkit-transform: rotate3d(-1,1,0,100deg);
    transform: rotate3d(-1,1,0,100deg)
}

.imghvr-flip-diag-1:hover figcaption {
    -webkit-transform: rotate3d(0,0,0,0deg);
    transform: rotate3d(0,0,0,0deg)
}

.imghvr-flip-diag-2 figcaption {
    -webkit-transform: rotate3d(1,1,0,100deg);
    transform: rotate3d(1,1,0,100deg)
}

.imghvr-flip-diag-2:hover>img {
    -webkit-transform: rotate3d(-1,-1,0,100deg);
    transform: rotate3d(-1,-1,0,100deg)
}

.imghvr-flip-diag-2:hover figcaption {
    -webkit-transform: rotate3d(0,0,0,0deg);
    transform: rotate3d(0,0,0,0deg)
}

[class*=' imghvr-shutter-out-']:before,[class^=imghvr-shutter-out-]:before {
    background: inherit;
    position: absolute;
    content: '';
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

[class*=' imghvr-shutter-out-'] figcaption,[class^=imghvr-shutter-out-] figcaption {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

[class*=' imghvr-shutter-out-']:hover:before,[class^=imghvr-shutter-out-]:hover:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

[class*=' imghvr-shutter-out-']:hover figcaption,[class^=imghvr-shutter-out-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.imghvr-shutter-out-horiz:before {
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0
}

.imghvr-shutter-out-horiz:hover:before {
    left: 0;
    right: 0
}

.imghvr-shutter-out-vert:before {
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0
}

.imghvr-shutter-out-vert:hover:before {
    top: 0;
    bottom: 0
}

.imghvr-shutter-out-diag-1:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.imghvr-shutter-out-diag-1:hover:before {
    top: -35%;
    bottom: -35%
}

.imghvr-shutter-out-diag-2:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.imghvr-shutter-out-diag-2:hover:before {
    top: -35%;
    bottom: -35%
}

[class*=' imghvr-shutter-in-']:after,[class*=' imghvr-shutter-in-']:before,[class^=imghvr-shutter-in-]:after,[class^=imghvr-shutter-in-]:before {
    background: inherit;
    position: absolute;
    content: ''
}

[class*=' imghvr-shutter-in-']:after,[class^=imghvr-shutter-in-]:after {
    top: 0;
    left: 0
}

[class*=' imghvr-shutter-in-']:before,[class^=imghvr-shutter-in-]:before {
    right: 0;
    bottom: 0
}

[class*=' imghvr-shutter-in-'] figcaption,[class^=imghvr-shutter-in-] figcaption {
    opacity: 0;
    z-index: 1
}

[class*=' imghvr-shutter-in-']:hover figcaption,[class^=imghvr-shutter-in-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.imghvr-shutter-in-horiz:after,.imghvr-shutter-in-horiz:before {
    width: 0;
    height: 100%
}

.imghvr-shutter-in-horiz:hover:after,.imghvr-shutter-in-horiz:hover:before {
    width: 50%
}

.imghvr-shutter-in-vert:after,.imghvr-shutter-in-vert:before {
    height: 0;
    width: 100%
}

.imghvr-shutter-in-vert:hover:after,.imghvr-shutter-in-vert:hover:before {
    height: 50%
}

.imghvr-shutter-in-out-horiz:after,.imghvr-shutter-in-out-horiz:before {
    width: 0;
    height: 100%
}

.imghvr-shutter-in-out-horiz:hover:after,.imghvr-shutter-in-out-horiz:hover:before {
    width: 100%
}

.imghvr-shutter-in-out-vert:after,.imghvr-shutter-in-out-vert:before {
    height: 0;
    width: 100%
}

.imghvr-shutter-in-out-vert:hover:after,.imghvr-shutter-in-out-vert:hover:before {
    height: 100%
}

.imghvr-shutter-in-out-diag-1:after,.imghvr-shutter-in-out-diag-1:before {
    width: 200%;
    height: 200%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.imghvr-shutter-in-out-diag-1:after {
    -webkit-transform: skew(-45deg) translateX(-150%);
    transform: skew(-45deg) translateX(-150%)
}

.imghvr-shutter-in-out-diag-1:before {
    -webkit-transform: skew(-45deg) translateX(150%);
    transform: skew(-45deg) translateX(150%)
}

.imghvr-shutter-in-out-diag-1:hover:after {
    -webkit-transform: skew(-45deg) translateX(-50%);
    transform: skew(-45deg) translateX(-50%)
}

.imghvr-shutter-in-out-diag-1:hover:before {
    -webkit-transform: skew(-45deg) translateX(50%);
    transform: skew(-45deg) translateX(50%)
}

.imghvr-shutter-in-out-diag-2:after,.imghvr-shutter-in-out-diag-2:before {
    width: 200%;
    height: 200%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.imghvr-shutter-in-out-diag-2:after {
    -webkit-transform: skew(45deg) translateX(-100%);
    transform: skew(45deg) translateX(-100%)
}

.imghvr-shutter-in-out-diag-2:before {
    -webkit-transform: skew(45deg) translateX(100%);
    transform: skew(45deg) translateX(100%)
}

.imghvr-shutter-in-out-diag-2:hover:after {
    -webkit-transform: skew(45deg) translateX(0);
    transform: skew(45deg) translateX(0)
}

.imghvr-shutter-in-out-diag-2:hover:before {
    -webkit-transform: skew(45deg) translateX(0);
    transform: skew(45deg) translateX(0)
}

[class*=' imghvr-fold'],[class^=imghvr-fold] {
    -webkit-perspective: 50em;
    perspective: 50em
}

[class*=' imghvr-fold'] img,[class^=imghvr-fold] img {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

[class*=' imghvr-fold'] figcaption,[class^=imghvr-fold] figcaption {
    z-index: 1;
    opacity: 0
}

[class*=' imghvr-fold']:hover>img,[class^=imghvr-fold]:hover>img {
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[class*=' imghvr-fold']:hover figcaption,[class^=imghvr-fold]:hover figcaption {
    -webkit-transform: rotateX(0) translate3d(0,0,0) scale(1);
    transform: rotateX(0) translate3d(0,0,0) scale(1);
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.imghvr-fold-up>img {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.imghvr-fold-up figcaption {
    -webkit-transform: rotateX(-90deg) translate3d(0,-50%,0) scale(.6);
    transform: rotateX(-90deg) translate3d(0,-50%,0) scale(.6);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.imghvr-fold-up:hover>img {
    -webkit-transform: rotateX(90deg) scale(.6) translateY(50%);
    transform: rotateX(90deg) scale(.6) translateY(50%)
}

.imghvr-fold-down>img {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.imghvr-fold-down figcaption {
    -webkit-transform: rotateX(90deg) translate3d(0,50%,0) scale(.6);
    transform: rotateX(90deg) translate3d(0,50%,0) scale(.6);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.imghvr-fold-down:hover>img {
    -webkit-transform: rotateX(-90deg) scale(.6) translateY(-50%);
    transform: rotateX(-90deg) scale(.6) translateY(-50%)
}

.imghvr-fold-left>img {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-fold-left figcaption {
    -webkit-transform: rotateY(90deg) translate3d(-50%,0,0) scale(.6);
    transform: rotateY(90deg) translate3d(-50%,0,0) scale(.6);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.imghvr-fold-left:hover>img {
    -webkit-transform: rotateY(-90deg) scale(.6) translateX(50%);
    transform: rotateY(-90deg) scale(.6) translateX(50%)
}

.imghvr-fold-right {
    -webkit-perspective: 50em;
    perspective: 50em
}

.imghvr-fold-right>img {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.imghvr-fold-right figcaption {
    -webkit-transform: rotateY(-90deg) translate3d(50%,0,0) scale(.6);
    transform: rotateY(-90deg) translate3d(50%,0,0) scale(.6);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-fold-right:hover>img {
    -webkit-transform: rotateY(90deg) scale(.6) translateX(-50%);
    transform: rotateY(90deg) scale(.6) translateX(-50%)
}

.imghvr-zoom-in figcaption {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.imghvr-zoom-in:hover figcaption {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

[class*=' imghvr-zoom-out'] figcaption,[class^=imghvr-zoom-out] figcaption {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0
}

[class*=' imghvr-zoom-out'].hover figcaption,[class*=' imghvr-zoom-out']:hover figcaption,[class^=imghvr-zoom-out].hover figcaption,[class^=imghvr-zoom-out]:hover figcaption {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.imghvr-zoom-out:hover>img {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.imghvr-zoom-out-up.hover>img,.imghvr-zoom-out-up:hover>img {
    -webkit-animation: imghvr-zoom-out-up .4s linear;
    animation: imghvr-zoom-out-up .4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-up {
    50% {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateY(-150%);
        transform: scale(.8) translateY(-150%);
        opacity: .5
    }
}

@keyframes imghvr-zoom-out-up {
    50% {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateY(-150%);
        transform: scale(.8) translateY(-150%);
        opacity: .5
    }
}

.imghvr-zoom-out-down.hover>img,.imghvr-zoom-out-down:hover>img {
    -webkit-animation: imghvr-zoom-out-down .4s linear;
    animation: imghvr-zoom-out-down .4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-down {
    50% {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateY(150%);
        transform: scale(.8) translateY(150%);
        opacity: .5
    }
}

@keyframes imghvr-zoom-out-down {
    50% {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateY(150%);
        transform: scale(.8) translateY(150%);
        opacity: .5
    }
}

.imghvr-zoom-out-left.hover>img,.imghvr-zoom-out-left:hover>img {
    -webkit-animation: imghvr-zoom-out-left .4s linear;
    animation: imghvr-zoom-out-left .4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-left {
    50% {
        -webkit-transform: scale(.8) translateX(0);
        transform: scale(.8) translateX(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateX(-150%);
        transform: scale(.8) translateX(-150%);
        opacity: .5
    }
}

@keyframes imghvr-zoom-out-left {
    50% {
        -webkit-transform: scale(.8) translateX(0);
        transform: scale(.8) translateX(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateX(-150%);
        transform: scale(.8) translateX(-150%);
        opacity: .5
    }
}

.imghvr-zoom-out-right.hover>img,.imghvr-zoom-out-right:hover>img {
    -webkit-animation: imghvr-zoom-out-right .4s linear;
    animation: imghvr-zoom-out-right .4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-right {
    50% {
        -webkit-transform: scale(.8) translateX(0);
        transform: scale(.8) translateX(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateX(150%);
        transform: scale(.8) translateX(150%);
        opacity: .5
    }
}

@keyframes imghvr-zoom-out-right {
    50% {
        -webkit-transform: scale(.8) translateX(0);
        transform: scale(.8) translateX(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateX(150%);
        transform: scale(.8) translateX(150%);
        opacity: .5
    }
}

.imghvr-zoom-out-flip-horiz {
    -webkit-perspective: 50em;
    perspective: 50em
}

.imghvr-zoom-out-flip-horiz figcaption {
    opacity: 0;
    -webkit-transform: rotateX(90deg) translateY(-100%) scale(.5);
    transform: rotateX(90deg) translateY(-100%) scale(.5)
}

.imghvr-zoom-out-flip-horiz.hover>img,.imghvr-zoom-out-flip-horiz:hover>img {
    -webkit-transform: rotateX(-100deg) translateY(50%) scale(.5);
    transform: rotateX(-100deg) translateY(50%) scale(.5);
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.imghvr-zoom-out-flip-horiz.hover figcaption,.imghvr-zoom-out-flip-horiz:hover figcaption {
    -webkit-transform: rotateX(0) translateY(0) scale(1);
    transform: rotateX(0) translateY(0) scale(1);
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.imghvr-zoom-out-flip-vert {
    -webkit-perspective: 50em;
    perspective: 50em
}

.imghvr-zoom-out-flip-vert figcaption {
    opacity: 0;
    -webkit-transform: rotateY(90deg) translate(50%,0) scale(.5);
    transform: rotateY(90deg) translate(50%,0) scale(.5)
}

.imghvr-zoom-out-flip-vert.hover>img,.imghvr-zoom-out-flip-vert:hover>img {
    -webkit-transform: rotateY(-100deg) translateX(50%) scale(.5);
    transform: rotateY(-100deg) translateX(50%) scale(.5);
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.imghvr-zoom-out-flip-vert.hover figcaption,.imghvr-zoom-out-flip-vert:hover figcaption {
    -webkit-transform: rotateY(0) translate(0,0) scale(1);
    transform: rotateY(0) translate(0,0) scale(1);
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.imghvr-blur figcaption {
    opacity: 0
}

.imghvr-blur:hover>img {
    -webkit-filter: blur(30px);
    filter: blur(30px);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0
}

.imghvr-blur:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.layout {
    width: 1400px;
    margin: 0 auto
}

.layout:after {
    content: '';
    display: table;
    clear: both
}

@font-face {
    font-family: iconfont;
    font-display: swap;
    src: url(../font/iconfont.woff2) format('woff2'),url(../font/iconfont.woff) format('woff'),url(../font/iconfont.ttf) format('truetype')
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.avenir {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.blacking {
    font-style: normal;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 7px
}

.icon-top-s:before {
    content: "\e627"
}

.icon-wechat-fill:before {
    content: "\e884"
}

.icon-whatsapp:before {
    content: "\e69c"
}

.icon-email-fill:before {
    content: "\e856"
}

.icon-facebook:before {
    content: "\e6e0"
}

.icon-instagram:before {
    content: "\e87f"
}

.icon-twitter:before {
    content: "\e882"
}

.icon-Youtube-fill:before {
    content: "\e883"
}

.icon-linkedin:before {
    content: "\eccc"
}

.icon-search:before {
    content: "\e621"
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top,.2s -webkit-transform;
    transition: .2s top,.2s -webkit-transform;
    -o-transition: .2s transform,.2s top;
    transition: .2s transform,.2s top;
    transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left,.2s -webkit-transform;
    transition: .2s left,.2s -webkit-transform;
    -o-transition: .2s transform,.2s left;
    transition: .2s transform,.2s left;
    transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right;
    transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

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

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

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

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

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

    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.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(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.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(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.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(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.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(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

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

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

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

    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(.75,1.25,1);
        -ms-transform: scale3d(.75,1.25,1);
        transform: scale3d(.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(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

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

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -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(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        -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(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        -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(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        -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(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

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

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

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

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

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

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        -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,-100%,0);
        transform: translate3d(0,-100%,0)
    }

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,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(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

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

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,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(100%,0,0);
        transform: translate3d(100%,0,0)
    }

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,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,100%,0);
        transform: translate3d(0,100%,0)
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,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,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -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,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

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

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

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

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        -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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

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

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        -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
}

.title_a {
    margin-top: 85px;
    margin-bottom: 123px
}

.title_a>p {
    font-size: 26px;
    color: #b90007;
    position: relative;
    padding-left: 70px;
    line-height: 28px;
    overflow: hidden
}

.title_a>p:before {
    content: '';
    position: absolute;
    width: 50px;
    background: #b90007;
    height: 1px;
    left: 0;
    bottom: 3px
}

.title_a>h3,.title_a>.h3 {
    font-size: 56px;
    color: #333;
    line-height: 46px;
    margin-top: 24px;
    font-family: OSWALD-BOLD !important
}

.title_a_ a {
    float: right;
    margin-top: -30px
}

.title_b .p1 {
    font-size: 24px
}

.title_b .p2 {
    font-size: 70px;
    margin-top: 5px
}

.btuA {
    height: 30px;
    line-height: 30px;
    background: #333;
    color: #fff;
    display: inline-block;
    padding: 0 12px;
    font-size: 16px;
    margin-top: 36px;
    position: relative;
    color: #fff;
    background: #b90007
}

.btuA span {
    position: relative;
    z-index: 1
}

.btuA:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.btuA.cur:after,.btuA:hover:after {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    background-color: #b60005
}

.btuA.cur,.btuA:hover {
    color: #fff;
    background: #b90007
}

.btuA:hoverspan {
    border-bottom: 1px solid #fff;
}

.iheader {
    background: url(../image/index2-1_01.png) no-repeat;
    background-size: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding-bottom: 40px;
    background-size: 100% 96%
}

.iheader.on {
    position: relative;
    top: 0;
    background: #fff url(../image/nav-bj.png) no-repeat right center;
    background-size: 83.5% 100% !important
}

.iheader.headfixed {
    position: fixed;
    top: 0;
    background: #fff url(../image/nav-bj.png) no-repeat right center;
    background-size: 83.5% 100% !important;
    padding-bottom: 20px;
}

#Heada.headfixed .iH_bottom {
    padding: 6px 0px !important;
    padding-bottom: 28px !important;
}

.iheader.on .iH_bottom {
    padding: 5px 0
}

#Heada .iH_bottom {
    padding: 30px 0 !important;
    padding-top: 18px !important;
}

.iheader.on .logo img {
}

.iheader .iH_top {
    color: #fff
}

.iH_top {
    background-color: #2f2f2d;
    height: 40px
}

.iH_top .layout>.l {
    line-height: 40px;
    font-size: 16px
}

.iH_top .list {
    float: left;
    line-height: 40px
}

.iH_top .list a {
    color: #fff;
    font-size: 18px;
    margin: 0 20px
}

.iH_top .list a:hover {
    color: #b90007
}

.iH_top .select_lang {
    float: right;
    margin-top: 6px
}

.select_lang {
    position: relative
}

.select_lang .select_l_active {
    line-height: 26px;
    height: 26px;
    border: 1px solid rgba(255,255,255,.52);
    padding: 0 10px;
    border-radius: 5px;
    cursor: pointer
}

.select_lang .select_l_active span {
    vertical-align: middle;
    margin-left: 5px;
    background-image: url(../image/up.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 15px;
    font-size: 14px
}

.select_lang .select_l_active img {
    vertical-align: middle
}

.select_lang .listb {
    display: none
}

.iH_bottom {
    padding: 30px 0
}

.iH_bottom .logo img {
    position: absolute;
    margin-top: -10px;
    left: 101px
}

.headfixed .iH_bottom .logo img {
    width: 80px;
    margin-top: -2px;
}

@media screen and (max-width: 1086px) {
    .headfixed .iH_bottom .logo img {
        width:auto;
        margin-top: 15px;
    }
}

.iH_bottom .layout {
    width: 1660px
}

.iH_bottom .layout>.r {
    position: relative;
    top: 27px;
    display: flex;
    width: 80%
}

.iH_bottom .iH_nav {
    float: left;
    margin-top: 8px;
    width: 80%;
    display: flex;
    justify-content: space-around
}

.iH_bottom .iH_search {
    float: left;
    margin-top: 5px
}

.iH_nav li {
    float: left;
    position: relative;
    margin: 0 10px
}

.iH_nav li a {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding: 0 18px 10px;
    font-family: OSWALD-BOLD
}

.iH_nav li a.down {
    background-image: url(../image/up.png);
    background-repeat: no-repeat;
    background-position: 95% 10px
}

.iH_nav li a.down:hover {
    background: url(../image/up2.png) no-repeat 95% 10px
}

.iH_nav li a.down {
    background-image: url(../image/777.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
}

.iH_nav li a.down:hover {
    background: url(../image/888.png) no-repeat 95% 10px
}

.iH_nav li ul {
    position: absolute;
    background: #fff;
    padding: 20px 0 0;
    display: none
}

.iH_nav li ul li {
    width: 100%
}

.iH_nav li ul li a {
    color: #333;
    line-height: 30px;
    font-family: Arial,Helvetica,sans-serif
}

.iH_nav>li>ul li.cur a,.iH_nav>li>ul li:hover a {
    color: #b90007
}

.iH_nav>li:hover ul {
    display: block
}

.iH_nav>li>ul>li:hover>a {
    text-decoration: underline
}

.iH_nav>li::after {
    width: 0;
    height: 33px;
    background-color: #fff;
    content: "";
    position: absolute;
    bottom: 28px;
    left: 50%;
    display: block;
    z-index: -1;
    transition: .5s
}

.iH_nav>li.cur>a,.iH_nav>li:hover>a {
    color: #b90007
}

.iH_nav>li.cur::after,.iH_nav>li:hover::after {
    width: 100%;
    left: 0
}

.iH_nav>li span {
    width: 20px;
    height: 1px;
    background-color: rgb(255,255,255,.3);
    content: "";
    position: relative;
    bottom: 0;
    top: 0;
    margin: 0 auto;
    display: block;
    z-index: -1;
    transition: .5s
}

.iH_nav>li.cur span,.iH_nav>li:hover span {
    width: 100%
}

.iH_bottom .layout>.r form {
    border: 1px solid rgba(255,255,255,.5);
    width: 200px;
    height: 30px;
    border-radius: 5px;
    display: flex;
    margin-top: 5px;
    background: #fff
}

.iH_bottom .layout>.r form input:nth-child(1) {
    width: 88%;
    border: none;
    padding: 0 20px
}

.iH_bottom .layout>.r form input:nth-child(2) {
    background: url(../image/serchs.png) no-repeat center;
    width: 30px;
    border: none;
    cursor: pointer;
    margin: 0;
    font-size: 0;
}

.iH_bottom .layout>.r input::-webkit-input-placeholder {
    color: #fff
}

.iH_bottom .layout>.r input::-moz-placeholder {
    color: #fff
}

.iH_bottom .layout>.r input:-moz-placeholder {
    color: #fff
}

.iH_bottom .layout>.r input:-ms-input-placeholder {
    color: #fff
}

.iH_search {
    height: 40px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    position: relative;
    padding-right: 30px;
    text-align: center;
    overflow: hidden
}

.iH_search.focus {
    border: none
}

.iH_search input[type=text] {
    border: none;
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    text-indent: 15px
}

.iH_search .sub {
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: url(../image/sech.png) no-repeat
}

.iH_search .sub i {
    font-size: 23px
}

.head_down {
    position: absolute;
    z-index: 111;
    width: 100%;
    background: #fff;
    padding: 30px 0;
    box-shadow: 0 40px 100px 0 rgb(84 84 84 / 50%);
    display: block;
    height: 0;
    top: 100px;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transition: opacity 0s ease,visibility 0s ease-in .2s,overflow 0s ease-in .2s
}

.headfixed .head_down {
    top: ;
}

.head_down.active {
    height: auto;
    padding: 40px 0 20px;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    transition: opacity .2s ease-in,visibility 0s ease-in 0s,overflow 0s ease-in 0s
}

.head_down.active.on {
    top: 94px
}

.head_down .layout {
    width: 1660px
}

.head_down .nav_dropdown_links {
    /* width: 70%; */
    width: 100%;
    float: left;
    overflow-x: hidden
}

.head_down .nav-dropdown_image {
    width: 30%;
    float: right;
    height: 600px
}

.nav-dropdown_image a img {
    display: none;
    width: 100%
}

.nav-dropdown_image .loading {
    object-fit: none;
}

.nav-dropdown_image a:nth-child(1) img {
    display: none;
    width: 400px
}

.nav-dropdown_image a:nth-child(1) img:first-of-type {
    display: block
}

.head_down .nav_list {
    display: flex;
    flex-direction: column;
    /* height: 700px;
    flex-wrap: wrap */
}

.head_down .nav_list>li {
    width: 20%;
    float: left;
    /* margin-bottom: 15px */
}

.head_down .nav_list .nav_tt {
    /* color: #b90007; */
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 11px;
         padding: 0;
             
    border-radius: 0;

    display: inline-block
}
.head_down .nav-item:hover .nav_tt{
    color: #b90007;border-bottom: 1px solid #b90007;  background-color: transparent;

}

.head_down .nav_list ul li {
    font-weight: 400;
    text-decoration: none;
    color: #221e1f;
    margin-bottom: 4px;
    font-size: 14px
}

.head_down .nav_list ul li a:hover {
    color: #b90007
}

.head_down .nav_list ul li a {
    display: inline-block
}

.nav-dropdown_image a {
    display: block;
    color: #221e1f;
    text-align: center;
    -moz-box-shadow: 5px 10px 16px 5px rgb(138 136 136 / 74%);
    -webkit-box-shadow: 5px 10px 16px 5px rgb(138 136 136 / 74%);
    box-shadow: 5px 10px 16px 5px rgb(138 136 136 / 74%);
    font-size: 0;
    background-image: url(../image/loading1.gif);
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: center;
}

.nav-dropdown_image p {
    font-size: 14px;
    margin-top: 10px
}

.nav-dropdown_image span {
    position: relative;
    padding-right: 10px;
    font-weight: 700
}

.swiper_banner .swiper-slide {
    position: relative
}

.swiper_banner .swiper-slide img {
    width: 100%
}

.swiper_banner .swiper-slide .text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
    font-size: 48px;
    text-align: center;
    text-shadow: 5px 4px 4px #333;
    font-family: Arial;
    font-weight: 700
}

.swiper_banner .page_banner {
    bottom: 20px;
    position: absolute
}

.iBanner .pc {
    display: block
}

.iBanner .wap {
    display: none
}

.swiper_banner .flex_jz {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.swiper_banner .flex_jz .ro {
    text-align: center;
    width: 1200px
}

.swiper_banner .flex_jz .p {
    text-shadow: 1px 1.732px 3px #000;
    color: #fff;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    font-family: arial;
    line-height: 1.5
}

.swiper_banner .flex_jz .btu {
    display: inline-block;
    line-height: 45px;
    padding: 0 25px;
    font-size: 22px;
    background: #fff;
    color: #1a4614;
    margin-top: 30px
}

.swiper_banner .swiper2 .flex_jz {
    width: 50%;
    right: 0;
    left: auto;
    text-align: left;
    height: 300px;
    top: 15%
}

.swiper_banner .swiper2 .flex_jz .ro {
    text-align: left
}

.swiper_banner .swiper2 .flex_jz .ro .p {
    text-align: left;
    font-size: 90px;
    color: #215700;
    text-shadow: 1px 1.732px 3px rgb(255 255 255)
}

.swiper_banner .swiper2 .flex_jz .btu {
    background: #1a4614;
    color: #fff;
    margin-top: 0
}

.swiper_banner .swiper3 .flex_jz {
    width: 50%;
    right: 0;
    left: auto;
    text-align: left;
    height: 90%;
    top: -11%;
}

.swiper_banner .swiper3 .flex_jz .ro {
    text-align: left
}

.swiper_banner .swiper3 .flex_jz .ro .p {
    text-align: left;
    font-size: 70px;
    color: #63341b;
    text-shadow: 1px 1.732px 3px rgb(255 255 255)
}

.swiper_banner .swiper3 .flex_jz .btu {
    background: #63341b;
    color: #fff;
    margin-top: 0
}

.swiper_banner .swiper4 .flex_jz {
    width: 50%;
    right: 0;
    left: auto;
    text-align: left;
    height: 300px;
    top: 15%
}

.swiper_banner .swiper4 .flex_jz .ro {
    text-align: left
}

.swiper_banner .swiper4 .flex_jz .ro .p {
    text-align: left;
    font-size: 90px;
    color: #094e36;
    text-shadow: 1px 1.732px 3px rgb(255 255 255)
}

.swiper_banner .swiper4 .flex_jz .btu {
    background: #094e36;
    color: #fff;
    margin-top: 0
}

.swiper_banner .swiper5 .flex_jz .p {
    text-shadow: 1px 1px 30px rgb(26 78 137)
}

.swiper_banner .swiper5 .flex_jz .btu {
    background: #1a4e89;
    color: #fff
}

@media only screen and (max-width: 1440px) {
    .swiper_banner .swiper3 .flex_jz .ro .p {
        font-size:60px
    }
}

@media only screen and (max-width: 1220px) {
    .swiper_banner .swiper1 .flex_jz .p {
        font-size:30px
    }

    .swiper_banner .swiper5 .flex_jz .p {
        font-size: 30px
    }

    .swiper_banner .swiper2 .flex_jz .ro .p {
        font-size: 50px
    }

    .swiper_banner .swiper3 .flex_jz .ro .p {
        font-size: 50px
    }

    .swiper_banner .swiper4 .flex_jz .ro .p {
        font-size: 50px
    }

    .swiper_banner .swiper4 .flex_jz {
        height: 200px;
        top: 10%
    }
}

@media only screen and (max-width: 640px) {
    .iBanner .pc {
        display:none !important
    }

    .iBanner .wap {
        display: block !important
    }

    .t3 iframe {
        height: 300px !important;
    }
}

.page_banner span {
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 1;
    border-radius: 10px;
    margin: 0 6px !important
}

.page_banner span.swiper-pagination-bullet-active {
    width: 60px
}

.iProType {
    padding: 90px 0;
    position: relative
}

.iProType .layout>.l {
    width: 43%
}

.iProType .layout>.r {
    width: 49%
}

.iProType .img01 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0
}

.iProTList li .img {
    width: 100%;
    padding-bottom: 58%;
    box-shadow: 10px 20px 30px #ccc;
    position: relative;
    border: 2px solid rgba(255,255,255,0)
}

.iProTList li .img .model {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center
}

.iProTList li:hover .img {
    border: 2px solid #b90007
}

.iProTList2 li {
    float: right
}

.iProTList2 li.li1 {
    width: 88%
}

.iProTList2 li.li1 .img {
    padding-bottom: 62%
}

.iProTList2 li.li2 {
    width: 88%;
    margin-top: 79px
}

.iProTList2 li.li2 .img {
    padding-bottom: 58%
}

.iProTList li:nth-child(2) .img {
    padding-bottom: 58%
}

.iProTList li .ro h3,.iProTList li .ro .h3 {
    font-size: 26px;
    height: 36px;
    line-height: 36px;
    font-weight: 700;
    margin-top: 16px;
    font-family: Arial
}

.iProTList li .ro p {
    font-size: 16px;
    line-height: 30px;
    height: auto;
    color: #666;
    margin-top: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.iAbout {
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
    position: relative
}

.iAbout.on {
    background: url(../image/68.png) no-repeat right center
}

@media screen and (max-width: 1086px) {
    .iAbout.on {
        background-size:auto 43%;
    }
}

.iAbout>.l {
    width: 50%;
    position: absolute;
    left: 0;
    height: 100%;
    margin-left: 45px;
}

.iAbout .layout>.r {
    width: 50%;
    padding-bottom: 50px;
    padding-left: 45px;
}

.iAbout .img {
    width: 94%;
    padding-bottom: 0;
    height: 88%
}

.iAbout .info {
    width: 88%
}

.iAbout .roA {
    line-height: 30px;
}

.iAbout .btuA {
    background-color: #b90007;
}

.iAbout .btuA:hover span {
    border-bottom: 1px solid #fff;
}

.iAbout .roA {
    font-size: 16px
}

.iAbout .list {
    position: relative;
    margin-top: 85px;
    height: 161px
}

.iAbout .list ul {
    background: #b90007;
    color: #fff;
    width: 960px;
    right: 0;
    position: absolute;
    padding: 30px 0
}

.iAbout .list ul li {
    float: left;
    width: 240px;
    padding-top: 10px;
    padding-bottom: 15px;
    text-align: center
}

.iAbout .list ul li .p1 {
    font-size: 16px
}

.iAbout .list ul li .p2 {
    font-size: 18px;
    margin-top: 10px
}

.iAbout .list ul li .p2 span {
    font-size: 42px;
    line-height: 45px;
    height: 45px;
    font-weight: 700
}

.iAbout .list ul li .p2 strong {
    font-size: 42px;
    line-height: 45px;
    height: 45px
}

.iCase {
    padding-bottom: 90px;
    width: 100%;
    overflow: hidden
}

.iCase .title_a {
    width: 1400px;
    margin: 85px auto 123px
}

.iCase .layout {
    width: 100%
}

.iCase .iCase_page {
    width: 71%;
    margin: 0 auto;
    margin-top: 50px
}

.iCase_list {
    overflow: visible
}

.iCase_list .swiper-slide {
    width: 580px
}

.iCase_list .swiper-slide-active a {
    color: #8c0409
}

.iCase_list .swiper-slide .img {
    padding-bottom: 65%
}

.iCase_list .swiper-slide .ro h3,.iCase_list .swiper-slide .ro .h3 {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin-top: 15px
}

.iCase_list .swiper-slide .ro p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 7px
}

.iCase_list .swiper-slide .ro *:hover {
    color: #b90007
}

.iCase_page .swiper-slide {
    height: 9px;
    cursor: pointer
}

.iCase_page .swiper-slide span {
    width: 100%;
    display: block;
    background-color: #e5e5e5;
    height: 1px;
    margin-top: 4px;
    position: relative
}

.iCase_page .swiper-slide span:after {
    content: '';
    width: 0;
    position: absolute;
    height: 3px;
    background: #b90007;
    top: -1px
}

.iCase_page .active span:after {
    width: 100%
}

.iSend {
    background: #f7f7f7;
    padding-top: 70px;
    padding-bottom: 50px
}

.iSend .layout {
    position: relative;
    height: 600px
}

.iSend .layout>.l {
    width: 50%
}

.iSend .layout>.r {
    width: 50%;
    position: relative;
    height: 100%
}

.iSend .img01 {
    position: absolute;
    right: 50%;
    width: 37%;
    z-index: 1;
    bottom: 0
}

.iSend .img02 {
    position: absolute;
    right: 0;
    width: 65%
}

.iSendForm .title_b {
    margin-top: 30px
}

.iSendForm .iSFormA {
    margin-top: 60px
}

.iSFormA .item {
    background: #e5e5e5;
    width: 48%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    border-radius: 6px
}

.iSFormA .item.r {
    float: right
}

.iSFormA .itemA {
    width: 100%;
    margin-top: 10px
}

.iSFormA .itemB {
    width: 40%
}

.iSFormA .item span {
    position: absolute;
    color: #e30000;
    height: 45px;
    line-height: 52px;
    width: 20px;
    text-align: center;
    left: 10px;
    overflow: hidden
}

.iSFormA .item .inpA {
    border: none;
    font-size: 16px;
    color: #666;
    line-height: 45px;
    height: 45px;
    margin-left: 30px;
    padding: 0
}

.iSFormA .itemA .inpA {
    height: 150px
}

.iSFormA .subR {
    width: 56%;
    float: right;
    position: relative;
    padding-left: 130px;
    height: 45px
}

.iSFormA .subR img {
    border: 1px solid #cbcbcb;
    width: 110px;
    height: 40px;
    margin-top: 2px;
    position: absolute;
    left: 0;
    cursor: pointer
}

.iSFormA .subR input[type=submit] {
    background: #666;
    border: none;
    width: 100%;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border-radius: 6px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.iSFormA .subR input[type=submit]:hover {
    background-color: #b90007
}

.iNews {
    margin-bottom: 100px;
    margin-top: 145px
}

.iNews .title_a {
    margin-bottom: 30px
}

.iNews .layout>.l {
    width: 50%;
    position: relative;
    z-index: 0
}

.iNews .layout>.r {
    width: 50%;
    position: relative;
    z-index: 5
}

.iNews .img {
    height: 459px;
    padding-bottom: 0;
    z-index: 0
}

.iNews .img img {
    z-index: 0
}

.iNews .iNews_list {
    position: relative;
    z-index: 11
}

.iNews_list li {
    height: 153px;
    padding: 1px;
    position: relative
}

.iNews_list li img {
    float: left;
    margin-right: 25px;
    margin-top: 10px;
    object-fit: cover;
}

.iNews_list li.cur a,.iNews_list li:hover a {
    position: absolute;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    width: 110%;
    box-shadow: 0 40px 150px rgba(84,84,84,.5);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.iNews_list li a {
    padding: 0 40px;
    padding-top: 25px;
    z-index: 23;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    background: #fff;
    right: 0;
    height: 100%;
    width: 100%
}

.iNews_list li .h3 {
    font-size: 20px;
    color: #333;
    display: block;
    height: 30px;
    line-height: 30px
}

.iNews_list li p {
    font-size: 16px;
    color: #333;
    line-height: 25px;
    height: 50px;
    margin-top: 8px;
    width: 68%
}

.iNews_list li:hover p {
    width: 60%
}

.iFoot {
    background-color: #333;
    padding-top: 50px
}

.iFoot .iF_b {
    margin-top: 10px
}

.iFoot .bLogo {
    display: block;
    text-align: center;
    font-size: 0
}

.iFoot .bnav_list {
    margin-top: 35px
}

.iFoot .shar_list {
    margin-top: 20px
}

.bnav_list {
    text-align: center
}

.bnav_list a {
    font-size: 18px;
    color: #e5e5e5;
    margin: 10px 20px;
    display: inline-block
}

.bnav_list a:hover {
    color: #b90007
}

.shar_list {
    text-align: center
}

.shar_list li {
    display: inline-block;
    margin: 10px 10px
}

.shar_list li a {
    font-size: 30px;
    color: #fff
}

.shar_list li a i {
    font-size: 30px
}

.shar_list li a:hover {
    color: #b90007
}

.iF_b {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.4)
}

.iF_b p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    height: 26px
}

.fix_kf {
    position: fixed;
    z-index: 10;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    z-index: 999
}

.fix_kf .kf-item {
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 0;
    display: block;
    line-height: 0;
    font-size: 0;
    margin-bottom: 2px;
    background-color: #666
}

.fix_kf .kf-item .iconfont {
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.fix_kf .kf-item .list-box {
    padding: 0 10px;
    display: none;
    width: auto;
    height: auto;
    position: absolute;
    right: 100%;
    top: 0
}

.fix_kf .kf-item .list-box>ul {
    padding: 12px 0;
    background-color: #b90007;
    color: #fff
}

.fix_kf .kf-item .list-box>ul>li {
    min-width: 100px;
    text-align: right;
    position: relative;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    white-space: nowrap
}

.fix_kf .kf-item .list-box>ul>li>img {
    margin-bottom: 6px;
    max-width: 120px
}

.fix_kf .kf-item .list-box>ul>li>.wechat-text {
    display: none;
    padding: 0 10px;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.fix_kf .kf-item .list-box>ul>li>.wechat-text span {
    display: inline-block;
    white-space: nowrap;
    line-height: 30px;
    padding: 3px 15px;
    background-color: #b90007;
    color: #fff
}

.fix_kf .kf-item .list-box>ul>li>a {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    white-space: nowrap
}

.fix_kf .kf-item .list-box>ul>li>a:hover {
    font-weight: 700
}

.fix_kf .kf-item .list-box>ul>li:hover>.wechat-text {
    display: block
}

.fix_kf .kf-item:hover {
    background-color: #b90007
}

.fix_kf .kf-item:hover .list-box {
    display: block
}

.fix_kf .kf-item:hover .iconfont {
    color: #fff
}

.fix_kf.radius .kf-item {
    border-radius: 5px
}

.fix_kf.radius .kf-item .list-box ul {
    border-radius: 5px
}

.fix_kf.radius .kf-item .list-box>ul>li>.wechat-text span {
    border-radius: 5px
}

@media screen and (max-width: 1600px) {
    .iH_nav li a {
        font-size:16px
    }
}

@media screen and (max-width: 767px) {
    .fix_kf {
        transform:unset;
        right: 0;
        top: auto;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
        background-color: #333
    }

    .fix_kf .kf-item {
        width: 12.66666%;
        margin: 0 2% 0;
        text-align: center;
        background-color: unset;
        box-shadow: none;
        float: left
    }

    .fix_kf .kf-item .list-box {
        padding: 0 0 10px;
        right: unset;
        top: unset;
        left: 0;
        bottom: 100%;
        width: auto;
        height: auto
    }
}

@media screen and (max-width: 520px) {
    .fix_kf .kf-item {
        margin:0
    }
}

.iCase_list .swiper-slide .add {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    text-align: center
}

.iCase_list .swiper-slide .add img {
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.iCase_list .swiper-slide .add img.hover {
    position: relative;
    top: 50%;
    opacity: 1
}

.iCase_list .swiper-slide figcaption {
    text-align: center
}

.iCase_list .swiper-slide figcaption img {
    margin-top: 25%
}

.iSend .layout>.r .one img,.iSend .layout>.r .two img {
    transition: all .6s
}

.iSend .layout>.r .one:hover img,.iSend .layout>.r .two:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1)
}

[class*=' imghvr-'],[class^=imghvr-] {
    background-color: rgba(0,0,0,.5) !important
}

@media screen and (max-width: 768px) {
    .iAbout .list ul li {
        width:500% !important;
    }

    .iAbout .list ul li .p2 span {
        font-size: 30px
    }

    .product .left {
        display: none
    }
}

.footer {
    background: url(../image/foote.webp) no-repeat;
    padding: 50px 0 28px 50px;
    margin-top: 160px;
    background-size: 100% 100%
}

.footer .mians {
    width: 1445px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.footer .left ul {
    display: flex;
    margin-left: -30px
}

.footer .left ul li {
    margin: 0 18px
}

@media screen and (max-width: 950px) {
    .footer .left ul {
        display:flex;
        margin-left: 0
    }
}

@media screen and (max-width: 1440px) {
    .footer .left ul li {
        margin:0 10px
    }
}

.footer .left img {
    margin-bottom: 20px
}

.footer .left p {
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 116px;
    font-weight: 700
}

.footer .mians .left {
    width: 25%
}

.footer .mians .right {
    width: 66%;
    padding-left: 50px
}

.footer .right>ul {
    display: flex
}

.footer .right>ul>li {
    width: 32.3%;
    line-height: 35px
}

.footer .right>ul>li h1 {
    font-size: 26px;
    color: #fff;
    background: url(../image/17.jpg) no-repeat left bottom;
    margin-bottom: 20px;
    padding-bottom: 13px;
    font-family: OSWALD-BOLD;
}

.footer .right>ul>li .h1 {
    font-size: 26px;
    color: #fff;
    background: url(../image/17.jpg) no-repeat left bottom;
    margin-bottom: 20px;
    padding-bottom: 13px;
    font-family: OSWALD-BOLD;
}

.footer .right>ul>li a {
    font-size: 16px;
    color: #fff;
}

.copyright {
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #333;
    line-height: 25px;
    padding: 25px 0
}

.copyright p a {
    color: #ccc;
}

.copyright p a:hover {
    color: #b90007;
}

.copyright select {
    width: 260px;
    border: 1px solid #999;
    border-radius: 5px;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 30px;
    background: url(../image/80.png) 96% center no-repeat
}

.copyright select option {
    color: #333;
    font-size: 14px
}

.copyright .text {
    text-align: center;
    display: flex;
    margin: 0 auto
}

.copyright p {
    margin-top: 3px;
    color: #ccc
}

.img2 {
    display: none
}

.footer .left ul li:hover .img1 {
    display: none
}

.footer .left ul li:hover .img2 {
    display: block
}

.footer .right>ul>li ul li {
    display: flex;
}

.footer .right>ul>li:last-child {
    width: 32%
}

.footer .right>ul>li ul li:hover a {
    color: #b90006
}

.footer .right>ul>li ul li img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 10px
}

.footer .right>ul>li:first-child ul li,.footer .right>ul>li:nth-child(3) ul li {
    background: url(../image/15.png) no-repeat left center;
    padding-left: 16px
}

.footer.on {
    margin-top: 0
}

.footer.ons {
    margin-top: 0
}

.product {
    padding-bottom: 60px
}

.more {
    background: url(../image/index2-3_04.jpg) no-repeat right center
}

.more .mains {
    width: 1600px;
    margin: inherit;
    display: flex;
    padding-bottom: 50px;
}

.more span {
    font-size: 24px;
    color: #333
}

.more h1,.more .h1 {
    font-size: 70px;
    color: #333;
    margin-top: 16px;
    margin-bottom: 24px;
    font-family: OSWALD-BOLD
}

.more i {
    font-size: 16px;
    color: #fff;
    font-style: inherit;
    cursor: pointer
}

.more i:hover {
    border-bottom: 1px solid #fff;
}

.more p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 80px;
}

.more .right {
    margin-top: 125px;
    padding-left: 86px
}

.more .right a {
    display: inline-block;
    padding: 4px 11px;
    background: #b90006
}

.more img {
    position: relative;
    top: 76px
}

.iProTList2 li.li4 {
    width: 88%;
    margin-top: 94px
}

.iProTList li.li3 {
    width: 100%;
    margin-top: 119px
}

.iProTList2 li:nth-child(2) {
    width: 88%;
    margin-top: 79px
}

.iProTList2 li:nth-child(3) {
    width: 88%;
    margin-top: 94px
}

.product-banner {
    background: url(../image/18.jpg);
    color: #fff;
    text-align: center;
    padding-top: 136px;
    padding-bottom: 90px;
    margin-bottom: 60px
}

.product-banner h1,.product-banner .h1 {
    margin-bottom: 20px;
    font-size: 38px;
    font-family: OSWALD-BOLD;
    text-transform: capitalize
}

.product-banner ul {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 37px
}

@media screen and (max-width: 1024px) {
    .product-banner ul {
        display:block
    }
}

.product-banner ul li {
    display: flex;
    text-transform: capitalize;
}

.product-banner ul li a {
    color: #fff;
    font-size: 20px
}

.product-banner ul li:last-of-type a {
    padding: 0 10px;
    background: #b90007;
}

.product-banner ul li img {
    margin: 0 10px;
    width: 19px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    height: 37px;
    object-fit: contain
}

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

.product .title {
    font-size: 24px;
    color: #333;
    background: url(../image/12.jpg) no-repeat bottom left;
    padding-bottom: 13px;
    margin-bottom: 20px;
    font-family: OSWALD-BOLD
}

.product .left {
    width: 22%
}

.product .right {
    width: 73%;
    height: 100%;
}

.product .right .ms {
    line-height: 1.75
}

.product .left>ul {
    margin-bottom: 80px
}

.product .left>ul>li {
    margin-bottom: 10px;
    position: relative
}

.product .left>ul>li .h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    height: 46px;
    line-height: 46px;
}

.product .left>ul>li h2 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    height: 46px;
    line-height: 46px;
    padding-left: 20px;
    background: #34587b
}

.product .left>ul>li:nth-child(1) .h3 {
    background: #ddece7
}

.product .left>ul>li:nth-child(2) .h3 {
    background: #dde9e6
}

.product .left>ul>li:nth-child(3) .h3 {
    background: #deeee7
}

.product .left>ul>li:nth-child(4) .h3 {
    background: #e8ebed
}

.product .left>ul>li:nth-child(5) .h3 {
    background: #dcf0e1
}

.product .left>ul>li:nth-child(6) .h3 {
    background: #f6f1ea
}

.product .left>ul>li:nth-child(7) .h3 {
    background: #f5eae2
}

.product .left>ul>li:nth-child(8) .h3 {
    background: #f4f1e5
}

.product .left>ul>li:nth-child(9) .h3 {
    background: #deeaf1
}

.product .left>ul>li:nth-child(10) .h3 {
    background: #f0ede5
}

.product .left>ul>li:nth-child(11) .h3 {
    background: #e3f2f8
}

.product .left>ul>li:nth-child(12) .h3 {
    background: #e3f4e8
}

.product .left>ul>li:nth-child(13) .h3 {
    background: #e4e7ea
}

.product .left>ul>li:nth-child(14) .h3 {
    background: #deeee7
}

.product .left>ul>li:nth-child(2) .h3 span {
    border-left: 4px solid #057748
}

.product .left>ul>li:nth-child(3) .h3 span {
    border-left: 4px solid #16a951
}

.product .left>ul>li:nth-child(4) .h3 span {
    border-left: 4px solid #75878a
}

.product .left>ul>li:nth-child(5) .h3 span {
    border-left: 4px solid #00bc12
}

.product .left>ul>li:nth-child(6) .h3 span {
    border-left: 4px solid #ffc773
}

.product .left>ul>li:nth-child(7) .h3 span {
    border-left: 4px solid #f27c1c
}

.product .left>ul>li:nth-child(8) .h3 span {
    border-left: 4px solid #ffd556
}

.product .left>ul>li:nth-child(9) .h3 span {
    border-left: 4px solid #177cb0
}

.product .left>ul>li:nth-child(10) .h3 span {
    border-left: 4px solid #c89b40
}

.product .left>ul>li:nth-child(11) .h3 span {
    border-left: 4px solid #44cef6
}

.product .left>ul>li:nth-child(12) .h3 span {
    border-left: 4px solid #40de5a
}

.product .left>ul>li:nth-child(13) .h3 span {
    border-left: 4px solid #50616d
}

.product .left>ul>li:nth-child(14) .h3 span {
    border-left: 4px solid #079252
}

.product .left>ul>li>ul {
    background: #ecedf0;
    display: none
}

.product .left>ul>li .h3.on+ul {
    display: block
}

.product .left>ul>li>ul li {
    line-height: 35px;
    padding-left: 20px;
    padding-bottom: 10px
}

.product .left>ul .nodata {
    opacity: .5;
    cursor: no-drop
}

.product .left>ul>li>ul li.on>a,.product .left>ul>li>ul li:hover>a {
    color: #34587b;
    padding-left: 20px
}

.product .left>ul>li>ul li:hover>a {
    border-bottom: 1px solid #34587b
}

.product .left>ul>li>ul li:hover>a ul li a {
    border-bottom: 1px solid #34587b
}

.product .left .news h3 {
    font-size: 20px;
    color: #333;
    margin-top: 10px;
}

.product .left .news .h3 {
    font-size: 18px;
    color: #333;
    margin-top: 10px;
}

.product .left .news p {
    font-size: 16px;
    color: #666;
    margin-top: 5px
}

.product .left>ul>li .h3 span {
    width: 0;
    -moz-transition: width .5s;
    display: inline-block;
    display: inline-block;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    border-left: 4px solid #079252;
    height: 46px;
    line-height: 46px;
}

.product .left>ul>li .h3 em {
    position: absolute;
    left: 20px;
    top: 0;
    font-style: normal
}

.product .left>ul>li .h3:hover em a,.product .left>ul>li .h3.on em a {
    color: white
}

.product .left>ul>li .h3.on span,.product .left>ul>li .h3:hover span {
    width: 100%;
    background: #079252;
    display: inline-block
}

.product .left>ul>li>ul li:hover>a,.product .left>ul>li>ul li.on>a {
    color: #079252;
    border-bottom: 1px solid #079252;
}

.product .left>ul>li:nth-child(2) .h3.on span,.product .left>ul>li:nth-child(2) .h3:hover span {
    width: 100%;
    background: #057748;
    display: inline-block
}

.product .left>ul>li:nth-child(2)>ul li:hover>a,.product .left>ul>li:nth-child(2)>ul li.on>a {
    color: #057748;
    border-bottom: 1px solid #057748;
}

.product .left>ul>li:nth-child(3) .h3.on span,.product .left>ul>li:nth-child(3) .h3:hover span {
    width: 100%;
    background: #16a951;
    display: inline-block
}

.product .left>ul>li:nth-child(3)>ul li:hover>a,.product .left>ul>li:nth-child(3)>ul li.on>a {
    color: #16a951;
    border-bottom: 1px solid #16a951;
}

.product .left>ul>li:nth-child(4) .h3.on span,.product .left>ul>li:nth-child(4) .h3:hover span {
    width: 100%;
    background: #75878a;
    display: inline-block
}

.product .left>ul>li:nth-child(4)>ul li:hover>a,.product .left>ul>li:nth-child(4)>ul li.on>a {
    color: #75878a;
    border-bottom: 1px solid #75878a;
}

.product .left>ul>li:nth-child(5) .h3.on span,.product .left>ul>li:nth-child(5) .h3:hover span {
    width: 100%;
    background: #00bc12;
    display: inline-block
}

.product .left>ul>li:nth-child(5)>ul li:hover>a,.product .left>ul>li:nth-child(5)>ul li.on>a {
    color: #00bc12;
    border-bottom: 1px solid #00bc12;
}

.product .left>ul>li:nth-child(6) .h3.on span,.product .left>ul>li:nth-child(6) .h3:hover span {
    width: 100%;
    background: #ffc773;
    display: inline-block
}

.product .left>ul>li:nth-child(6)>ul li:hover>a,.product .left>ul>li:nth-child(6)>ul li.on>a {
    color: #ffc773;
    border-bottom: 1px solid #ffc773;
}

.product .left>ul>li:nth-child(7) .h3.on span,.product .left>ul>li:nth-child(7) .h3:hover span {
    width: 100%;
    background: #f27c1c;
    display: inline-block
}

.product .left>ul>li:nth-child(7)>ul li:hover>a,.product .left>ul>li:nth-child(7)>ul li.on>a {
    color: #f27c1c;
    border-bottom: 1px solid #f27c1c;
}

.product .left>ul>li:nth-child(8) .h3.on span,.product .left>ul>li:nth-child(8) .h3:hover span {
    width: 100%;
    background: #ffd556;
    display: inline-block
}

.product .left>ul>li:nth-child(8)>ul li:hover>a,.product .left>ul>li:nth-child(8)>ul li.on>a {
    color: #ffd556;
    border-bottom: 1px solid #ffd556;
}

.product .left>ul>li:nth-child(9) .h3.on span,.product .left>ul>li:nth-child(9) .h3:hover span {
    width: 100%;
    background: #177cb0;
    display: inline-block
}

.product .left>ul>li:nth-child(9)>ul li:hover>a,.product .left>ul>li:nth-child(9)>ul li.on>a {
    color: #177cb0;
    border-bottom: 1px solid #177cb0;
}

.product .left>ul>li:nth-child(10) .h3.on span,.product .left>ul>li:nth-child(10) .h3:hover span {
    width: 100%;
    background: #c89b40;
    display: inline-block
}

.product .left>ul>li:nth-child(10)>ul li:hover>a,.product .left>ul>li:nth-child(10)>ul li.on>a {
    color: #c89b40;
    border-bottom: 1px solid #c89b40;
}

.product .left>ul>li:nth-child(11) .h3.on span,.product .left>ul>li:nth-child(11) .h3:hover span {
    width: 100%;
    background: #44cef6;
    display: inline-block
}

.product .left>ul>li:nth-child(11)>ul li:hover>a,.product .left>ul>li:nth-child(11)>ul li.on>a {
    color: #44cef6;
    border-bottom: 1px solid #44cef6;
}

.product .left>ul>li:nth-child(12) .h3.on span,.product .left>ul>li:nth-child(12) .h3:hover span {
    width: 100%;
    background: #40de5a;
    display: inline-block
}

.product .left>ul>li:nth-child(12)>ul li:hover>a,.product .left>ul>li:nth-child(12)>ul li.on>a {
    color: #40de5a;
    border-bottom: 1px solid #40de5a;
}

.product .left>ul>li:nth-child(13) .h3.on span,.product .left>ul>li:nth-child(13) .h3:hover span {
    width: 100%;
    background: #50616d;
    display: inline-block
}

.product .left>ul>li:nth-child(13)>ul li:hover>a,.product .left>ul>li:nth-child(13)>ul li.on>a {
    color: #50616d;
    border-bottom: 1px solid #50616d;
}

.product .left>ul>li .h3.on em,.product .left>ul>li .h3:hover em {
    color: #fff
}

.product .left>ul>li:nth-child(2) .h3.on span {
    background: #057748;
    color: #fff
}

.product .left>ul>li .h3.on em,.product .left>ul>li .h3:hover em {
    color: #fff
}

.mt30 {
    margin-top: 30px
}

.news img {
    max-width: 100%
}

.mains {
    width: 1400px;
    margin: 0 auto
}

.product .right ul li h3 {
    font-size: 20px;
    color: #4c535a;
    margin-bottom: 6px;
    margin-top: 15px;
    font-weight: 700
}

.product .right ul li .h3 {
    font-size: 20px;
    color: #4c535a;
    margin-bottom: 6px;
    margin-top: 15px;
    font-weight: 700
}

.product .right ul li .ellipsis2 {
    display: block;
    height: 40px
}

.product .right ul li i {
    font-size: 16px;
    border: 1px solid #ccc;
    color: #333;
    font-style: inherit;
    padding: 4px 11px;
    margin-top: 25px;
    display: inline-block;
    transition: all .3s ease-in-out
}

.product .right ul li p {
    font-size: 16px;
    color: #666;
    line-height: 20px
}
.product .right .news_con ul li{
    width:100%;
    margin-bottom:0
}
.product .right ul li {
    width: 50%;
    margin-top: 36px
}

.khfxPane li img,.product .right ul li img {
    transition: all .6s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.product .right ul li .con_proImg {
    transition: all .6s;
    margin: 10px 0;
}

.khfxPane li:hover img {
    transform: scale(1.2)
}

.product .right ul li:hover .con_proImg img {
    transform: scale(1.12)
}

.product .right ul li:hover i,.product .right ul li i {
    background: #34587b;
    color: #fff;
    border: 1px solid #34587b
}

.product .right .wenzi h1 {
    font-size: 24px;
    color: #4c535a;
    margin-bottom: 10px
}

.product .right .wenzi ul {
    margin-bottom: 25px
}

.product .right .wenzi img {
    max-width: 100%
}

.product .right .wenzi ul li {
    width: 100%;
    margin-top: 0;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    background: url(../image/5.png) no-repeat left center;
    padding-left: 20px
}

.pic {
    position: relative;
    overflow: hidden;
    display: inline-block;
    -webkit-animation: anima 2s;
    -moz-animation: anima 2s;
    -o-animation: anima 2s;
    -ms-animation: anima 2s;
    animation: anima 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

#magnifier {
    position: relative;
    width: 44%;
    user-select: none;
}

.small-box {
    position: relative;
    width: 100%;
    height: 593px;
    margin-bottom: 20px;
    border: 1px solid #fff
}

.small-box table td {
    width: 100%;
    height: 593px
}

.small-box img {
    width: 593px;
    height: 593px;
    max-height: 593px;
    max-width: 100%
}

.small-box .hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    border: 1px solid #aaa;
    background: #09f;
    opacity: .5;
    cursor: move
}

.thumbnail-box {
    position: relative;
    width: 100%
}

.thumbnail-box .btn {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 103px;
    margin-top: -53px
}

.thumbnail-box .btn-prev {
    left: 0;
    background: url(../image/zjt.jpg) no-repeat
}

.thumbnail-box .btn-prev.btn_prev_disabled {
    background: url(../image/zjy-1.jpg) no-repeat;
    cursor: not-allowed
}

.thumbnail-box .btn-next {
    right: 0;
    background: url(../image/yjt.jpg) no-repeat
}

.thumbnail-box .btn-next.btn_next_disabled {
    background: url(../image/yjt-1.jpg) no-repeat;
    cursor: not-allowed
}

.thumbnail-box .list {
    overflow: hidden;
    width: 89%;
    margin: 0 auto
}

.thumbnail-box .wrapper {
    width: 200000px;
    max-width: 200000px
}

.thumbnail-box .list .item {
    float: left;
    margin: 0 8px
}

.thumbnail-box .list .item img {
    width: 100px;
    height: 100px
}

.thumbnail-box .list .item-cur img {
    border: 2px solid #34587b
}

.big-box {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 451px;
    top: 0;
    width: 540px;
    height: 540px;
    border: 1px solid #e4e4e4
}

.big-box img {
    display: block
}

.imgtop {
    display: flex
}

.imgtop h1 {
    font-size: 30px;
    color: #34587b;
    margin-bottom: 20px;
    font-family: OSWALD-BOLD;
}

.imgtop .h1 {
    font-size: 30px;
    color: #34587b;
    margin-bottom: 20px;
    font-family: OSWALD-BOLD;
}

.imgtop .right ul li {
    font-size: 16px;
    color: #666;
    padding-left: 30px;
    line-height: 30px
}

.imgtop .right a {
    color: #b90007;
}

.imgtop .right a:hover {
    border-bottom: 1px solid #b90007;
}

.imgtop .right {
    margin-left: 60px;
    width: 68%;
    user-select: text;
}

.imgtop .right .anniu {
    margin-top: 85px
}

.imgtop .right .anniu a {
    padding: 15px 30px;
    color: #fff;
    text-align: center;
    margin-right: 20px;
    font-size: 18px;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 20px
}

.imgtop .right .anniu a span {
    padding-left: 36px
}

.imgtop .right .anniu a:last-child {
    background: #34587b
}

.imgtop .right .anniu a:first-child {
    background: #b90007
}

.imgtop .right .anniu a:last-child span {
    background: url(../image/email.png) no-repeat left center
}

.imgtop .right .anniu a:first-child span {
    background: url(../image/003.png) no-repeat left center
}

.aa.table .boms {
    display: inherit
}

.aa.table .boms img {
    margin-top: 50px;
    max-width: 100%
}

.panel-fance {
    background: #f5f6f8 url(../image/cpbj.webp) no-repeat bottom center !important;
    padding-bottom: 160px;
    padding-top: 90px
}

.panel-fance .mains {
    width: 1400px;
    max-width: 1400px;
}

.panel-fance .imgfd .aa .tit {
    margin-top: 80px
}

.addclass {
    margin-top: 20px;
    margin-bottom: 30px
}

.aa .boms,.aaa .boms {
    display: flex;
}

.aa .boms ul:first-child,.aaa .boms ul:first-child {
    padding-right: 50px;
}

.aa .boms ul {
    width: 50% !important;
}

.aa .boms ul li,.aaa .boms ul li {
    font-size: 16px;
    color: #666;
    padding-left: 19px;
    line-height: 30px;
}

.addclass::after {
    content: '';
    height: 6px;
    width: 79px;
    display: inline-block;
    position: relative;
    top: -13px;
}

.panel-fance .imgfd h1,.panel-fance .imgfd h2,.panel-fance .imgfd .h1 {
    font-size: 30px;
    color: #34587b;
    border-bottom: 1px solid #d1d8e0;
    padding-bottom: 20px;
    font-family: OSWALD-BOLD;
    padding-top: 40px;
    margin: 0;
}

.panel-fance .imgfd .h1,.panel-fance .imgfd .h1 {
    font-size: 30px;
    color: #34587b;
    border-bottom: 1px solid #d1d8e0;
    padding-bottom: 20px;
    font-family: OSWALD-BOLD;
    padding-top: 40px;
    margin: 0;
}

.panel-fance .imgfd .tit::after {
    background: url(../image/20.jpg) no-repeat left bottom;
    content: '';
    height: 6px;
    width: 79px;
    display: inline-block;
    position: relative;
    top: -13px
}

.panel-fance .imgfd .right::after {
    background: url(../image/20.jpg) no-repeat left bottom;
    content: '';
    height: 6px;
    width: 79px;
    display: inline-block;
    position: relative;
    top: -13px
}

.panel-fance .imgfd .boms {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    color: #666;
    line-height: 30px
}

.panel-fance .imgfd .boms img {
    margin-top: 20px
}

.panel-fance .imgfd .boms ul:first-child {
    padding-right: 50px;
    width: 100%;
}

.panel-fance .imgfd .boms ul li {
    font-size: 16px;
    color: #666;
    background: url(../image/14.png) no-repeat left 12px;
    padding-left: 19px;
    line-height: 30px
}

.panel-fance .imgfd .boms ul li:first-letter {
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .imgtop .h1 {
        font-size:22px
    }

    .panel-fance .imgfd .boms {
        display: block
    }

    .panel-fance .imgfd .boms ul {
        width: 100% !important;
        padding-right: 0 !important;
        margin-bottom: 15px;
    }

    .panel-fance .imgfd .boms>div {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .tList2.tiny-pic2 .pd5.w48 {
        width: 100% !important;
    }

    .news_con strong {
        margin: 0px 0 !important;
    }

    .tList3 li {
        width: 32%;
        margin-left: 2%;
        margin-bottom: 2%;
    }

    .tList4 li {
        width: 49%;
        margin-left: 1%;
        margin-bottom: 1%;
    }
}

.panel-fance .aa.on .boms {
    display: inherit;
    width: 100%
}

.panel-fance .aa.on .boms p {
    font-size: 16px;
    color: #666
}

.panel-fance .aa.on .boms span {
    font-size: 18px;
    color: #333;
    margin-top: 30px;
    display: inline-block;
    margin-bottom: 10px
}

.panel-fance .aa.on .boms .ul {
    display: flex
}

.panel-fance .aa.on .boms .ul ul {
    width: 50%
}

.panel-fance .aa.on .boms .imgs {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.panel-fance .aa p {
    font-size: 16px;
    color: #666;
    line-height: 30px
}

.panel-fance .swiper-slide {
    justify-content: space-between
}

.panel-fance .swiper-slide {
    background: 0 0;
    padding-left: 0
}

.panel-fance .swiper-slide .imgsT {
    position: relative;
    height: 0;
    padding-bottom: 60%;
}

.panel-fance .swiper-slide .imgsT img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.panel-fance .swiper-slide h3 {
    margin-top: 10px
}

.panel-fance .swiper-slide p {
    font-size: 16px;
    color: #666;
    line-height: 30px
}

.panel-fance .swiper-slide a {
    font-size: 15px;
    color: #4c535a;
    padding: 3px 6px;
    margin-top: 20px;
    display: inline-block
}

.aaa {
    position: relative
}

.kf-item-top {
    background-color: #b90007 !important
}

.exzoom {
    box-sizing: border-box
}

.exzoom * {
    box-sizing: border-box
}

.exzoom .exzoom_img_box {
    background: #eee;
    position: relative
}

.exzoom .exzoom_img_box .exzoom_main_img {
    display: block;
    width: 100%
}

.exzoom .exzoom_img_box span {
    background: url("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAK\aTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQ\aWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec\a 5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28A\a AgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0\aST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaO\aWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHi\awmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryM\a AgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0l\aYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHi\aNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYA\aQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6c\awR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBie\awhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1c\aQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqO\aY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hM\aWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgoh\aJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSU\a Eko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/p\a dLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Y\a b1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7O\aUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsb\a di97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W\a 7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83\aMDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxr\aPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW\a 2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1\aU27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd\a 8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H0\a 8PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+H\avqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsG\aLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjg\aR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4\aqriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWY\a EpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1Ir\a eZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/Pb\a FWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYj\ai1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVk\aVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0Ibw\a Da0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vz\a DoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+y\a CW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawt\ao22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtd\aUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3r\aO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0\a/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv95\a 63Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+\aUPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAA\a ADqYAAAXb5JfxUYAAAAcSURBVHjaYnz9+Vs5AxJgYkADhAUAAAAA//8DANmxA1Okl3sAAAAAAElF\aTkSuQmCC") repeat
}

.exzoom .exzoom_preview {
    margin: 0;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #ddd;
    display: none
}

.exzoom .exzoom_preview .exzoom_preview_img {
    position: relative;
    max-width: initial !important;
    max-height: initial !important;
    left: 0;
    top: 0
}

.exzoom .exzoom_nav {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    width: 100% !important
}

.exzoom .exzoom_nav .exzoom_nav_inner {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

.exzoom .exzoom_nav .exzoom_nav_inner span {
    overflow: hidden;
    position: relative;
    float: left
}

.exzoom .exzoom_nav .exzoom_nav_inner span img {
    max-width: 100%;
    max-height: 100%;
    position: relative
}

.exzoom .exzoom_btn {
    position: relative;
    margin: 0
}

.exzoom .exzoom_btn a {
    display: block;
    width: 20px;
    height: 101px;
    line-height: 60px;
    background: #eee;
    text-align: center;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -103px;
    text-decoration: none;
    color: #999
}

.exzoom .exzoom_btn a:hover {
    background: #f60;
    color: #fff
}

.exzoom .exzoom_btn a.exzoom_next_btn {
    left: auto;
    background: url(../image/77.png) no-repeat center center;
    right: 0
}

.exzoom .exzoom_btn a.exzoom_prev_btn {
    background: url(../image/76.png) no-repeat center center
}

.exzoom .exzoom_btn a.exzoom_next_btn.on,.exzoom .exzoom_btn a.exzoom_next_btn:hover {
    background: url(../image/78.png) no-repeat center center
}

.exzoom .exzoom_btn a.exzoom_prev_btn.on,.exzoom .exzoom_btn a.exzoom_prev_btn:hover {
    background: url(../image/79.png) no-repeat center center
}

.exzoom .exzoom_zoom {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 5;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .exzoom .exzoom_zoom_outer {
        display:none
    }
}

.exzoom .exzoom_img_ul_outer {
    border: 1px solid #ddd;
    position: absolute;
    overflow: hidden
}

.exzoom .exzoom_img_ul_outer .exzoom_img_ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute
}

.exzoom .exzoom_img_ul_outer .exzoom_img_ul li {
    list-style: none;
    display: inline-block;
    text-align: center;
    float: left
}

.exzoom .exzoom_img_ul_outer .exzoom_img_ul li img {
    width: 100%
}

.lift-nav {
    position: fixed;
    top: 109px;
    border-left: 1px solid #e5e5e5
}

.about_us {
    position: relative
}

.lift-nav.on {
    position: absolute;
    top: 50px;
    left: 0
}

.lift-nav.ons {
    position: absolute;
    bottom: 100px;
    left: 0;
    top: auto
}

.lift-nav li {
    text-align: left;
    line-height: 30px;
    color: #333;
    padding: 8px 10px;
    cursor: pointer;
    font-size: 16px;
    padding-right: 67px;
    font-family: OSWALD-BOLD;
    margin: 0 0 20px 15px
}

.lift-nav li:last-child {
    margin-bottom: 0
}

.lift-nav li.current:nth-child(1) {
    background: #b90007 url(../image/01_03.png) no-repeat left center
}

.lift-nav li.current:nth-child(2) {
    background: #b90007 url(../image/02_03.png) no-repeat left center
}

.lift-nav li.current:nth-child(3) {
    background: #b90007 url(../image/03_03.png) no-repeat left center
}

.lift-nav li.current:nth-child(4) {
    background: #b90007 url(../image/04_03.png) no-repeat left center
}

.lift-nav li.current:nth-child(5) {
    background: #b90007 url(../image/05_03.png) no-repeat left center
}

.lift-nav li::after {
    content: '';
    width: 30px;
    height: 30px;
    background: url(../image/47.png) no-repeat left center;
    position: absolute;
    left: -9px
}

.lift-nav li.current {
    color: #fff;
    margin-left: 34px
}

.lift-nav li.current::after {
    background: url(../image/48.png) no-repeat left center
}

.t1,.t2,.t3,.t4,.t5,.t6 {
    width: 78%;
    margin: 20px auto;
    font-size: 30px;
    color: #fff;
    float: right;
    position: relative;
}

.scrlltt01 {
    position: absolute;
}

.video_xia ul {
    display: flex;
    background: #e5e5e5;
    position: relative;
    z-index: 999;
    padding: 20px 0;
    width: 100%;
    margin: -8px auto 30px
}

.video_xia ul li {
    width: 20%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.lift-target video {
    width: 100%;
    height: 440px;
    margin-top: 30px;
    cursor: pointer
}

.t4 .publik_tit {
    background: url(../image/59.png) no-repeat left center
}

.swipero {
    position: relative;
    margin: 30px 0
}

.swipero .swiper-button-prev {
    background: url(../image/51.png) no-repeat;
    padding: 30px 20px;
    left: -10px;
    opacity: 1
}

.swipero .swiper-button-prev.on {
    background: url(../image/52.png) no-repeat
}

.swipero .swiper-button-next {
    background: url(../image/50.png) no-repeat;
    padding: 30px 20px;
    right: -26px;
    opacity: 1
}

.swipero .swiper-button-next::after {
    content: ''
}

.swipero .swiper-button-next.on {
    background: url(../image/53.png) no-repeat
}

#chart-container {
    position: relative;
    height: 400px;
    width: 100%;
    overflow: hidden
}

.echarts {
    display: flex;
    margin: 50px 0
}

.echarts>div {
    width: 50%
}

.echarts .p {
    display: flex;
    align-items: center;
    padding-left: 20px;
    display: none;
}

.vr {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    display: none
}

.vr iframe {
    width: 90%;
    height: 80%;
    margin-left: 5%;
    margin-top: 6%;
    border: 2px solid #fff
}

.vr>img {
    position: absolute;
    right: 8%;
    top: 3%;
    width: 50px;
    cursor: pointer
}

.publik_tit h1 {
    font-family: OSWALD-BOLD;
    font-size: 36px;
    color: #333;
    padding: 35px 0 0 55px;
    margin-bottom: 30px
}

.t1 .publik_tit h1 {
    background: url(../image/49.png) no-repeat left center
}

.publik_tit .h1 {
    font-family: OSWALD-BOLD;
    font-size: 36px;
    color: #333;
    padding: 35px 0 0 55px;
    margin-bottom: 30px;
}

.t1 .publik_tit .h1 {
    background: url(../image/49.png) no-repeat left center;
}

.lift-target .p {
    color: #666;
    font-size: 16px;
    line-height: 30px
}

.t2 .publik_tit {
    background: url(../image/54.png) no-repeat left center
}

.t3 .publik_tit {
    background: url(../image/69.png) no-repeat left center
}

.t5 .publik_tit {
    background: url(../image/59.png) no-repeat left center
}

.t2 h3 {
    font-size: 20px;
    color: #333;
    font-family: OSWALD-BOLD;
    text-align: center
}

.t2>img {
    cursor: pointer
}

.t3 iframe {
    width: 100%;
    height: 565px
}

.t3 ul {
    display: flex;
    flex-wrap: wrap
}

.t3 ul li {
    width: 30%;
    border: 1px solid #e5e5e5;
    background: #fff;
    text-align: center;
    padding: 40px 0;
    border-radius: 6px;
    margin: 1.5%;
    box-shadow: 4px 3px 33px #ddd
}

.t3 ul li p {
    color: #333;
    font-size: 20px;
    margin-top: 10px
}

.t5 .publik_tit h1 {
    background: url(../image/59.png) no-repeat left center;
}

#app {
    width: 100%;
    overflow: hidden
}

#echartsMap {
    width: 100%;
    height: 560px
}

.t5 ul {
    flex-wrap: wrap;
    display: flex
}

.t5 ul li {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
    width: 29%;
    margin: 0 15px;
    padding: 45px 0;
    margin-bottom: 30px;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transform-style: preserve-3d;
    position: relative;
}

.t5 ul li p {
    color: #333;
    font-size: 20px
}

.t5 ul li:hover {
    transform: rotateY(360deg);
}

.t5 ul li:hover p {
    color: #b90007;
    font-weight: bold;
}

.tabItems {
    display: none;
    position: absolute;
    top: 32px
}

.tabItems>li.active {
    color: red
}

.tabItems>li img {
    border: 1px solid #fff;
    width: 26px;
    margin-right: 10px;
    height: auto;
    display: none;
}

.tabItems>li a::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 10px;
    border: 1px solid #eeeeee;
}

.tabItems>li:nth-child(3) a::before {
    background-image: url(../image/OIP.jpg);
}

.tabItems>li:nth-child(2) a::before {
    background-image: url(../image/mg.png);
}

.tabItems>li:nth-child(4) a::before {
    background-image: url(../image/gf.png);
}

.tabItems>li:nth-child(5) a::before {
    background-image: url(../image/ydl.png);
}

.tabItems>li:nth-child(6) a::before {
    background-image: url(../image/xby.jpg);
}

.tabItems>li:nth-child(7) a::before {
    background-image: url(../image/Russia.jpg);
}

.tabItems>li:nth-child(8) a::before {
    background-image: url(../image/Japan.png);
}

.tabItems>li:nth-child(9) a::before {
    background-image: url(../image/AR.png);
}

.tabItems>li:nth-child(10) a::before {
    background-image: url(../image/gq.jpg);
}

.tabItems>li:nth-child(1) a::before {
    background-image: url(../image/zg.png);
}

.tabItems>li.active img {
    border: 1px solid red
}

.contents {
    border: 1px solid #ddd;
    cursor: pointer;
    width: 160px;
    border-radius: 6px;
    background: url(../image/serch-xjt.png) no-repeat 90% center;
    padding: 6px 10px;
    margin-top: 4px
}

.contents {
    border: 1px solid #ddd;
    cursor: pointer;
    width: 160px;
    border-radius: 6px;
    background: url(../image/yuyanxiala.png) no-repeat 90% center;
    padding: 6px 10px;
    margin-top: 4px;
}

.contents a span {
    color: #fff;
}

.contents ul li {
    display: none
}

.contents ul li.on {
    display: block
}

.contents ul li img {
    width: 25px;
    margin-right: 10px;
    position: relative;
    top: 3px
}

#cur_lang a img {
    width: 25px;
    margin-right: 10px;
    position: relative;
    top: 3px
}

.contents ul li span {
    color: #fff
}

.tabItems {
    padding: 8px 0px;
    padding-bottom: 5px;
    background: #fff;
    display: inline-block
}

.tabItems li {
    width: 100%;
    float: left;
    cursor: pointer;
    padding: 5px;
    border-bottom: 1px solid #dedede;
}

.tabItems li:hover {
    background: #b90007;
}

.tabItems li:last-of-type {
    margin-bottom: 0;
    border-bottom: 0;
}

.tabItems li a {
    display: flex;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    align-items: center;
}

.tabItems li:hover a {
    color: white
}

.tabItems span {
    display: block;
    text-align: center;
    font-size: 13px;
}

.select {
    float: left;
    margin-left: 50px
}

.Projects_list ul {
    display: flex;
    flex-wrap: wrap
}

.Projects_list ul li {
    position: relative;
    width: 47%;
    margin: 1.5%
}

.Projects_list .models {
    height: 77px;
    background: #333;
    position: absolute;
    bottom: 3px;
    right: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
}

.Projects_list .models h1 {
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 77px;
    width: 100%
}

.Projects_list .models p {
    display: none;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.Projects {
    flex-flow: row
}

.Projects .left {
    order: 2
}

.Projects .right {
    order: 1
}

.Projects .right a {
    color: #b60005;
    font-weight: bold;
}

.Projects .right a:hover {
    border-bottom: 1px solid #b60005;
}

.Projects .right .tit {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.Projects .right .tit h1 {
    font-size: 30px;
    color: #333;
    font-family: OSWALD-BOLD
}

.Projects .right .tit .h1 {
    font-size: 30px;
    color: #333;
    font-family: OSWALD-BOLD
}

.Projects .right .tit span {
    font-size: 16px;
    color: #666;
    margin-right: 50px
}

.Projects .right p {
    font-size: 16px;
    color: #333;
    line-height: 30px
}

.Projects .right img {
    margin: 10px 0;
    height: auto;
}

.Projects .right .bom .Share {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    margin-bottom: 30px;
    font-size: 16px;
    color: #666;
    margin-top: 60px;
    display: flex;
    align-items: center;
}

.Projects .right .bom .Share span {
    margin-right: 15px
}

.Projects .right .bom .zyjt>div a {
    color: #000;
}

.Projects .right .bom .zyjt>div a:hover {
    color: #b60005;
}

.Projects .right .bom .zyjt>div span {
    display: flex !important;
    position: relative;
}

.Projects .right .bom .zyjt>div span p {
    margin-left: 8px
}

.Projects .right .bom .zyjt>div:first-child span {
    background: #b90007;
    display: inline-block;
    line-height: 30px;
    padding: 2px 13px;
    border-radius: 3px
}

.Projects .right .bom .zyjt>div:last-child span {
    background: #333;
    display: inline-block;
    line-height: 30px;
    padding: 2px 26px;
    border-radius: 3px
}

.Projects .right .bom .zyjt>div:first-child span p {
    color: #fff
}

.Projects .right .bom .zyjt>div:last-child span p {
    color: #fff
}

.Projects .right .bom .zyjt>div {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.Projects .right .bom .zyjt>div>p {
    margin-left: 20px;
    font-size: 18px;
    color: #333
}

.Projects .right .bom .zyjt>div span>a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.Projects .tList3 li.pd5 {
    width: 31%;
    margin-left: 1%;
    margin-bottom: 3.5%;
    margin-right: 1%;
}

.new .li .mains {
    display: flex
}

.new .li {
    display: flex;
    padding: 37px 0
}

.new .li .left {
    width: 50%;
    padding-bottom: 4%;
    padding-top: 26%;
    position: relative;
}

.new .li .left img {
    width: 90%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.new .li .right {
    width: 50%;
    display: flex;
    align-content: center;
    flex-wrap: wrap
}

.new .li>div span {
    font-size: 16px;
    color: #666;
    display: block;
    width: 100%
}

.new .li>div h1 {
    font-size: 22px;
    color: #333;
    font-family: OSWALD-BOLD;
    margin-bottom: 25px
}

.new .li>div .h1 {
    font-size: 22px;
    color: #333;
    font-family: OSWALD-BOLD;
    margin-bottom: 25px
}

.new .li>div p {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin-bottom: 50px
}

.new .li>div a {
    background: #333;
    height: 28px;
    color: #fff;
    padding: 6px 19px
}

.new .li:nth-child(even) {
    background: #eee
}

.new .li:nth-child(even) .right {
    padding-right: 30px
}

.new .li:nth-child(even) h1 {
    color: #333
}

.new .li:nth-child(even) a {
    background: #333
}

.new .li:hover h1 {
    color: #b90007
}

.new .li:hover .h1 {
    color: #b90007
}

.new .li:hover a {
    background: #b90007
}

.contant_us h1 {
    font-size: 40px;
    font-family: OSWALD-BOLD;
    color: #333;
    text-align: center
}

.contant_us .h1 {
    font-size: 40px;
    font-family: OSWALD-BOLD;
    color: #333;
    text-align: center
}

.contant_us p {
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-top: 20px
}

.contant_us .top .imgs {
    width: 52px;
    height: 52px;
    background: #b90007;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    margin-right: 13px
}

.contant_us .top .wz em {
    font-style: inherit;
    font-size: 20px;
    color: #333;
    margin-top: 10px;
    display: block;
    word-wrap: break-word;
    width: 100%
}

.contant_us .top .wz span {
    display: block;
    font-size: 16px;
    color: #666
}

.contant_us .top ul li {
    display: flex;
    margin: 0 180px
}

@media screen and (max-width: 1660px) {
    .contant_us .top ul li {
        margin:0 162x;
    }
}

@media screen and (max-width: 1648px) {
    .contant_us .top ul li {
        margin:0 137px;
    }
}

@media screen and (max-width: 1578px) {
    .contant_us .top ul li {
        margin:0 120px;
    }
}

@media screen and (max-width: 1440px) {
    .contant_us .top ul li {
        margin:0 126px;
    }
}

@media screen and (max-width: 1360px) {
    .contant_us .top ul li {
        margin:0 110px;
    }
}

@media screen and (max-width: 1300px) {
    .contant_us .top ul li {
        margin:0 90px;
    }
}

@media screen and (max-width: 1200px) {
    .contant_us .top ul li {
        margin:0 56px;
    }
}

.contant_us .top ul {
    display: flex;
    margin-top: 60px;
    width: 100%;
    justify-content: center
}

.contant_us_bom {
    position: relative
}

.contant_us_bom {
    background: #f5f5f5;
    overflow: hidden;
    margin-top: 80px;
    margin-bottom: 93px
}

.contant_us_bom .left {
    width: 37%;
    float: right;
    padding-top: 125px
}

.contant_us_bom .right {
    width: 50%;
    float: right
}

.contant_us_bom .left h1 {
    text-align: left
}

.contant_us_bom .left .h1 {
    text-align: left
}

.contant_us_bom .ch_form {
    background: transparent !important;
}

.content-wrap.form .ch_form_wrap ul {
    padding: 0 !important;
}

.contant_us_bom .left p {
    text-align: left;
    width: 88%
}

.contant_us_bom .left input:nth-child(3) {
    background: url(../image/xx.png) no-repeat left center !important
}

.contant_us_bom .left input {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    border-top: none;
    border-right: none;
    border-left: none;
    padding-top: 20px;
    line-height: 60px;
    background: url(../image/xx.png) no-repeat left center;
    padding-left: 20px
}

.contant_us_bom input:-webkit-autofill,.contant_us_bom textarea:-webkit-autofill,.contant_us_bom select:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}

.contant_us_bom form li {
    width: 40%;
    float: left;
    background: 0 0;
    margin-right: 40px
}

.contant_us_bom form input.addclass_fix {
    background: #333 !important;
    color: #fff !important;
    width: 153px !important;
    height: 40px !important;
    line-height: 40px !important;
    text-align: center;
    padding: 0 !important;
    font-size: 16px !important;
    margin-top: 50px !important;
    border-bottom: none !important;
}

.contant_us_bom form input.addclass_fix:hover {
    background: #b90007 !important;
}

.contant_us_bom .left input:nth-child(3),.contant_us_bom .left input:nth-child(4) {
    background: 0 0;
    width: 86%
}

.footer.ons {
    margin-top: 0
}

.contant_us_bom .right span {
    display: inline-block;
    color: #333;
    font-size: 18px;
    line-height: 70px;
    margin-left: -65px;
}

.ch_form .item_name {
    width: 40%;
}

.ch_form .item_email {
    width: 40%;
}

.contant_us_bom .right span img {
    margin-right: 10px;
    position: relative;
    top: 5px
}

.about_us .mains {
    position: relative
}

.fixedmeau {
    border: 1px solid #ececec;
    width: 30px;
    position: relative;
    background: #fff
}

.fixedmeau li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.fixedmeau li+li {
    border-top: 1px solid #ececec
}

.fixedmeau span {
    display: none
}

.fixedmeau .active {
    background: #fff;
    color: #8b0000;
    font-weight: 700
}

.fixedmeau li:hover span {
    display: block;
    font-size: 12px;
    background: #8b0000;
    color: #fff
}

.fixedmeau li:hover i {
    display: none
}

.totop {
    width: 40px;
    height: 40px;
    text-align: center;
    background: #8b0000;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    border-radius: 5px;
    display: none;
    color: #fff
}

.totop>span {
    display: block;
    line-height: 15px;
    font-size: 12px;
    color: #fff
}

.louceng {
    height: 800px;
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ececec;
    background: #fff
}

.louceng>.title {
    width: 100%;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: left;
    font-weight: 700;
    color: #333
}

.louceng>.title>span {
    margin-left: 5px;
    font-weight: 400
}

.louceng>.con {
    width: 100%;
    height: 735px;
    background: #f1f1f1;
    font-size: 64px;
    line-height: 735px;
    color: #333
}

.event_box {
    width: 100%;
    margin: 3% auto 0;
    position: relative;
    min-height: 420px
}

.event_box .parHd {
    width: 100%;
    display: inline-block;
    height: 92px;
    margin-top: 54px;
    overflow: hidden
}

.parHd ul {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 25px !important
}

.parHd .tempWrap {
    margin: 0 auto;
    width: 100% !important
}

.parHd .tempWrap:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    top: 35%;
    z-index: 10
}

.parHd li.no_line:before {
    display: none
}

.parHd li {
    display: inline-block;
    cursor: pointer;
    padding-top: 30px;
    font-size: 16px;
    color: #000;
    margin: 0 30px;
    position: relative;
    left: -30px
}

.parHd li:after {
    content: '';
    background: url(../image/xyd.png) no-repeat center center;
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 20;
    top: -10px;
    left: 50%;
    margin-left: -12px
}

.parHd li.act:after {
    background: url(../image/dyd.png) no-repeat center center;
    top: -9px
}

.parHd li.act {
    color: #b90007
}

.parBd {
    margin-top: 60px
}

.parBd .slideBox {
    display: flex
}

.parBd h4 {
    position: relative;
    font-size: 20px;
    margin-bottom: 3%;
    padding: 0 55px;
    display: inline-block;
    color: #333
}

.parBd p {
    line-height: 180%;
    font-size: 16px;
    width: 80%;
    margin: 0 auto;
    color: #666
}

div#listBox {
    width: 100%
}

.sNext,.sPrev {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 79.5%;
    z-index: 9999
}

.sPrev {
    left: 0
}

.sNext {
    right: -20px
}

.sNext img,.sPrev img {
    transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95)
}

.parBd .wz {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 50%;
    float: left;
    align-items: center;
    margin-top: 50px
}

.parBd img {
    width: 50%;
    float: right
}

.parBd .slideBox {
    display: none
}

.parBd .slideBox:first-child {
    display: inline-block
}

.panel-fance .swiper-button-prev {
    background: url(../image/51.png) no-repeat;
    top: 30%;
    height: 64px
}

.panel-fance .swiper-button-next {
    background: url(../image/50.png) no-repeat;
    top: 30%;
    height: 64px
}

.panel-fance .swiper-button-prev.on {
    background: url(../image/52.png) no-repeat
}

.panel-fance .swiper-button-next.on {
    background: url(../image/53.png) no-repeat
}

.shares span {
    font-size: 16px;
    color: #666;
    float: left;
    line-height: 30px;
    font-weight: bold;
}

.shares .a2a_kit {
    position: relative;
    left: 15px
}

.wcdiv {
    background: url(../image/cpbj.jpg) no-repeat bottom center;
    padding-bottom: 160px
}

.product-view .swiper-button-next,.product-view .swiper-button-prev {
    top: 50%
}

.product-view .swiper-button-next.on {
    background: url(../image/78.png)
}

.product-view .swiper-button-prev.on {
    background: url(../image/79.png)
}

.serch_ser {
    position: absolute;
    top: 67px;
    right: 0;
    padding: 10px;
    background: #fff;
    display: none;
    border: 18px solid #fff;
    width: 342px
}

.serch_ser form input {
    background: #fff;
    padding: 10px 10px
}

.model_video {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center
}

.model_video>img {
    position: absolute;
    right: 100px;
    top: 100px;
    width: 60px;
    cursor: pointer
}

.model_video video {
    width: 60%;
    border: 6px solid #fff;
    background: #000
}

.video_img img {
    cursor: pointer;
    margin: 30px 0
}

.cebianl.on {
    position: fixed;
    top: 0;
    width: 17%
}

.iAbout .title_a {
    margin-bottom: 57px
}

.iCase .swiper-button-next {
    background: url(../image/50.png);
    height: 58px;
    width: 25px;
    margin-right: 4%;
    top: 36%;
    display: none
}

.iCase .swiper-button-prev {
    background: url(../image/51.png);
    height: 58px;
    width: 25px;
    margin-left: 4%;
    top: 36%;
    display: none
}

.iCase .swiper-button-next.on {
    background: url(../image/53.png);
    height: 58px;
    width: 25px
}

.iCase .swiper-button-prev.on {
    background: url(../image/52.png);
    height: 58px;
    width: 25px
}

.product-view .product-image.zoom_remove:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    content: ""
}

.product-view {
    position: relative;
    float: left
}

.product-view .product-image {
}

.product-view .product-image img {
    position: relative;
    width: 100%
}

.product-view .image-additional-wrap {
    position: relative;
    z-index: 999;
    margin-top: 24px;
    padding: 0 30px
}

.product-view .image-additional {
    position: relative;
    overflow: hidden;
    padding: 0 2px
}

.product-view .image-additional li {
    position: relative;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: visible;
    width: 100%;
    width: 20%;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.product-view .image-additional li:before {
    position: absolute;
    bottom: -5px;
    left: 40%;
    z-index: 1;
    display: block;
    width: 20%;
    height: 4px;
    border-radius: 6px;
    content: '';
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.product-view .image-additional li.single {
    display: none
}

.product-view .image-additional li img {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-view .image-additional li a {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    padding: 10px;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.product-view .image-additional li.current img {
    opacity: 1
}

.product-view .image-additional img.popup {
    display: none
}

.ad_prompt {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    display: none;
    margin: -20px 0 0;
    width: 100%;
    color: #104eb4;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    -webkit-animation: twinkling 1s infinite ease-in-out;
    animation: twinkling 1s infinite ease-in-out
}

.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets {
    display: none
}

.product-view .swiper-button-next,.product-view .swiper-button-prev {
    margin-top: -16px;
    width: 25px;
    height: 32px;
    font-size: 24px;
    line-height: 32px
}

.product-view .swiper-button-prev {
    left: 0
}

.product-view .swiper-button-next {
    right: 0
}

.product-view .swiper-button-next:before,.product-view .swiper-button-prev:before {
    width: 25px;
    height: 33px;
    background-image: url(../image/77.png);
    background-repeat: no-repeat;
    content: "";
    -webkit-transition: all ease .35s;
    transition: all ease .35s
}

.product-view .swiper-button-next:before {
    background-position: right -93px
}

.product-view .swiper-button-prev:before {
    background-position: -250px -93px
}

.product-view .swiper-button-next:hover:before {
    background-position: right -126px
}

.product-view .swiper-button-prev:hover:before {
    background-position: -250px -126px
}

.product-view .swiper-button-next.swiper-button-disabled,.product-view .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.product-view:hover .swiper-button-next,.product-view:hover .swiper-button-prev {
    opacity: 1
}

.product-view .product-image.zoom_remove:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    content: ""
}

.product-view {
    position: relative;
    float: left;
    width: 100%
}

.product-view .product-image {
}

.product-view .product-image img {
    position: relative;
    width: 100%
}

.product-view .image-additional-wrap {
    position: relative;
    z-index: 999;
    margin-top: 24px;
    padding: 0 30px
}

.product-view .image-additional {
    position: relative;
    overflow: hidden;
    padding: 0 2px
}

.product-view .image-additional li {
    position: relative;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: visible;
    width: 100%;
    width: 20%;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.product-view .image-additional li:before {
    position: absolute;
    bottom: -5px;
    left: 40%;
    z-index: 1;
    display: block;
    width: 20%;
    height: 4px;
    border-radius: 6px;
    content: '';
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.product-view .image-additional li.single {
    display: none
}

.product-view .image-additional li img {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-view .image-additional li a {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.product-view .image-additional li.current img {
    opacity: 1
}

.product-view .image-additional img.popup {
    display: none
}

.ad_prompt {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    display: none;
    margin: -20px 0 0;
    width: 100%;
    color: #104eb4;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    -webkit-animation: twinkling 1s infinite ease-in-out;
    animation: twinkling 1s infinite ease-in-out
}

.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets {
    display: none
}

.product-view .swiper-button-next,.product-view .swiper-button-prev {
    margin-top: -16px;
    width: 25px;
    height: 44px;
    font-size: 24px;
    line-height: 32px
}

.product-view .swiper-button-next {
    background: url(../image/77.png)
}

.product-view .swiper-button-prev {
    background: url(../image/76.png)
}

.product-view .swiper-button-prev {
    left: 0
}

.product-view .swiper-button-next {
    right: 0
}

.product-view .swiper-button-next:before {
    background-position: right -93px
}

.product-view .swiper-button-prev:before {
    background-position: -250px -93px
}

.product-view .swiper-button-next:hover:before {
    background-position: right -126px
}

.product-view .swiper-button-prev:hover:before {
    background-position: -250px -126px
}

.product-view .swiper-button-next.swiper-button-disabled,.product-view .swiper-button-prev.swiper-button-disabled {
    opacity: .1
}

.product-view .swiper-button-next:hover {
    background: url(../image/78.png) no-repeat
}

.product-view .swiper-button-prev:hover {
    background: url(../image/79.png) no-repeat
}

.product-view:hover .swiper-button-next,.product-view:hover .swiper-button-prev {
    opacity: 1
}

.product-summary {
    position: relative;
    float: right;
    width: calc(100% - 390px);
    color: #353333
}

.product-summary .short_tit {
    font-size: 18px;
    text-transform: capitalize;
    color: #545454;
    opacity: .8;
    line-height: 1
}

.product-summary .product-meta {
    color: #242424;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px
}

.product-summary .product-meta .short_tit {
    position: relative;
    color: rgba(36,36,36,.5);
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.product-summary .product-meta p {
    margin: 27px 0;
    color: #333;
    font-size: 14.7px;
    line-height: 26px
}

.product-summary .product-meta li {
    display: table;
    padding: 2px 0;
    width: 100%;
    font-size: 13px;
    line-height: 1.6
}

.product-summary .product-meta li em {
    display: table-cell;
    width: 36%;
    color: rgba(36,36,36,.5)
}

.product-summary .product-meta li .item-val {
    display: table-cell;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all
}

.product-summary .product-meta br {
    display: none;
    height: 10px
}

.product-btn-wrap {
    position: relative;
    padding-top: 74px;
    text-align: left
}

.product-btn-wrap .buy,.product-btn-wrap .email,.product-btn-wrap .pdf {
    position: relative;
    display: inline-block;
    margin: 0 0 7px 7px;
    padding: 0 10px;
    border: 2px solid #104eb4;
    background: #104eb4;
    color: #fff;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 38px;
    border-radius: 5px
}

.product-btn-wrap .buy:hover,.product-btn-wrap .email:hover,.product-btn-wrap .pdf:hover {
    background: 0 0;
    color: #104eb4
}

.product-btn-wrap .email:before,.product-btn-wrap .pdf:before {
    padding-right: 10px;
    font-size: 16px
}

.Global_Strategy .top_fix {
    display: flex
}

.Global_Strategy .top_fix .text {
    width: 50%;
    padding-left: 80px;
    word-wrap: break-word;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    padding-top: 80px
}

.Global_Strategy .top_fix img {
    width: 50%
}

.Global_Strategy ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 44px;
    margin-bottom: 60px;
    position: relative;
    z-index: 0
}

.Global_Strategy ul li {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 22.6%
}

.Global_Strategy ul li img {
    box-shadow: 0 0 25px rgba(186,204,207,.7);
    height: 100%;
    width: 100%
}

.Global_Strategy .top_fix img {
    box-shadow: 0 0 25px rgba(186,204,207,.7)
}

.Global_Strategy ul li p {
    font-size: 16px;
    color: #333;
    line-height: 50px
}

.product_s ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px
}

.product_s ul li {
    width: 31.5%;
    margin: .5%;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 25px rgba(186,204,207,.7)
}

.product_s ul li p {
    font-size: 20px;
    color: #333;
    line-height: 50px;
    text-align: center;
    font-weight: 700
}

.product_s ul li img {
    max-width: 100%
}

.product_s ul li .pic em {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    height: 100%;
    display: none;
    transition: all .3s
}

.product_s ul li:hover em {
    display: inline-block
}

.copyright .text .imgs img {
    margin: 0 10px
}

.copyright .text {
    text-align: center;
    width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: center
}

.ifeng {
    width: 100%;
    margin-left: -50px;
}

.swiper-button-next:before {
    content: '' !important
}

.swiper-button-prev:before {
    content: '' !important
}

.parBd img {
    max-width: 546px;
    max-height: 322px
}

.iNews_list li img {
    width: 156px;
    height: 80px
}

.new .li:nth-child(even) .left {
    order: 2
}

.product_list_items {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    font-family: OSWALD-BOLD;
    margin-bottom: 60px;
    text-transform: capitalize;
}

.product_list_items li p a {
    font-size: 20px;
    color: #333;
    line-height: 50px;
    text-align: center;
    font-weight: 700
}

.product_list_items li .product_btns {
    font-size: 16px;
    border: 1px solid #ccc;
    color: #333;
    font-style: inherit;
    padding: 4px 11px;
    margin-top: 25px;
    display: inline-block;
    transition: all .3s ease-in-out
}

.mySwiperst {
    overflow: hidden
}

.my-custom-class {
}

.my-custom-class tbody tr {
}

.product .right ul li .pic {
    height: 0;
    background: #fff;
    text-align: center;
    padding-bottom: 60%;
    position: relative;
    width: 100%
}

.panel-fance .imgs {
    display: flex;
    margin: 30px auto;
}

.panel-fance .threeimgs {
    display: flex;
    margin-top: 30px;
    justify-content: space-between
}

.panel-fance .threeimgs .threeImg {
    width: 32%;
    overflow: hidden;
    padding-bottom: 18%;
    height: 0;
    position: relative;
}

.panel-fance .threeimgs .threeImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

@media only screen and (max-width: 800px) {
    .panel-fance .threeimgs {
        display:block;
    }

    .panel-fance .threeimgs .threeImg {
        width: 100% !important;
        padding-bottom: 57%;
        margin-bottom: 20px;
    }

    .panel-fance .threeimgs .threeImg img {
        object-fit: contain;
    }

    .boms img {
        width: 100%;
    }
}

.panel-fance p {
    font-size: 16px;
    color: #666;
    line-height: 30px
}

.panel-fance table {
    width: 100% !important;
    margin-bottom: 20px;
    height: auto !important;
    border-collapse: collapse;
}

.panel-fance table tr {
    height: 13px !important;
}

.panel-fance table td {
    border: 1px solid #d1d8e0;
    padding: 7px 5px;
    height: auto !important;
    line-height: 25px;
    padding-left: 10px;
    white-space: nowrap;
}

.panel-fance .my-custom-class tr:nth-of-type(2n) td {
    background-color: white !important;
}

.panel-fance tr {
    background-color: white !important;
}

.panel-fance .my-custom-class tr:nth-of-type(2n-1) td {
    background-color: #f4e9e9 !important;
}

.panel-fance .trColor {
    background-color: #f4e9e9 !important;
}

.panel-fance .my-custom-class tbody tr:first-of-type td {
    background-color: #c9575c;
    background-color: #b90007 !important;
    padding: 10px 5px;
    color: white !important;
}

.panel-fance .my-custom-class tbody tr:first-of-type td * {
    color: white !important;
    font-weight: bold;
}

@media screen and (max-width: 1500px) {
    .iAbout .info {
        width:100%;
    }

    .iAbout .roA {
        width: 88%;
    }
}

@media screen and (max-width: 1440px) {
    .panel-fance .imgs img {
        max-width:30% !important;
        max-height: 255px;
        margin: 0 1%
    }

    .panel-fance .imga img {
    }

    .product_s ul li {
        margin-bottom: 24px
    }

    .contant_us .top ul li .wz {
        margin-left: 10px
    }

    .contant_us .top .wz em {
        font-size: 16px
    }

    .iH_bottom .layout {
        width: 95%
    }

    .Global_Strategy ul li {
        width: 22% !important;
        margin-right: 2%
    }

    .iH_nav li a {
        font-size: 14px
    }

    .iH_nav li {
        padding: 0 !important
    }
}

@media screen and (max-width: 1366px) {
    .sNext,.sPrev {
        top:77.5%
    }

    .iH_nav li a {
        font-size: 14px
    }

    .iH_nav li {
        margin: 0 !important
    }

    .title_a>h3,.title_a>.h3 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1200px) {
    .title_a>h3,.title_a>.h3 {
        font-size:40px;
    }
}

@media screen and (max-width: 1100px) {
    .iAbout>.l {
        width:100%;
        float: none;
        position: relative;
    }

    .iAbout .layout>.r {
        width: 100%;
        float: none;
        position: relative;
        padding-left: 0;
        margin-bottom: 0;
    }

    .iAbout .list ul li {
        float: left;
        width: 50% !important;
        margin-bottom: 30px;
    }

    .iAbout .list {
        height: auto;
    }

    .iAbout .list ul {
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    .footer .right>ul>li:nth-child(3) {
        display:none
    }
}

.product .right ul li {
    margin-bottom: 30px
}

.footer .right>ul>li:nth-child(3) {
    display: none
}

.panel-fance .imga {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    max-width: none !important;
}

.panel-fance .imga img {
    margin: 0 1%;
}

@media screen and (max-width: 768px) {
    .footer .right>ul>li:nth-child(3) {
        display:none
    }

    .panel-fance .imgs img {
        max-width: 100%
    }

    .iProTList2 li:nth-child(2),.iProTList2 li:nth-child(3) {
        margin-top: 0
    }

    .iNews_list li p {
        width: 100% !important;
        margin-top: 6px
    }

    .foot_ppspan {
        padding: 6px 10px;
    }

    .footer .right>ul>li {
        margin-bottom: 24px;
    }
}

.product .right ul li {
    margin-bottom: 30px
}

.footer .right>ul>li:nth-child(3) {
    display: none
}

.panel-fance .imgs img {
    width: 100%;
    object-fit: cover;
    max-width: 30% !important;
    max-height: 255px;
    margin: 0 1%;
}

.contant_us .top ul li .wz {
    max-width: 265px
}

@media screen and (max-width: 1250px) {
    .contant_us .top .wz em {
        font-size:16px
    }

    .product_s ul li {
        padding: 20px 20px 0 20px
    }

    .product_s ul li p {
        font-size: 16px
    }

    .iH_nav li a {
        font-size: 12px !important
    }

    .imgb {
        height: inherit
    }

    .img_gli {
        width: inherit !important;
        height: 150px !important
    }
}

@media screen and (max-width: 768px) {
    .product-banner {
        padding-top:50px;
        padding-bottom: 65px
    }

    .imgtop .right .anniu a {
        display: block;
        margin-top: 20px
    }

    .imgtop .right .anniu a {
        padding: 10px
    }

    .imgtop .right .anniu a:first-child {
        background: #b90007
    }

    .imgtop .right .anniu a:last-child {
        background: #34587b
    }

    .panel-fance .imgs img {
        width: 100% !important;
        max-width: 100% !important
    }

    .panel-fance .imgs {
        height: auto;
        text-align: center;
        display: inline-block !important
    }

    .panel-fance table {
        width: 100%
    }

    .footer .right>ul>li:last-child {
        width: 100%
    }

    .product-view .product-image img {
        width: 100% !important;
        margin: 0 auto !important
    }

    .panel-fance {
        padding-top: 40px
    }

    .panel-fance .imgfd .boms ul:first-child {
        width: 100%;
    }

    .panel-fance .imga img {
    }

    .panel-fance .imga {
        display: inherit !important
    }

    .contant_us_bom form input {
        width: 85%
    }

    .imgtop .right .anniu a:last-child {
        top: 0 !important
    }

    .imgtop .right .anniu a {
        padding: 10px 20px
    }

    .product-banner {
        padding: 58px 10px;
    }

    .swiper_banner .swiper-slide .text {
        font-size: 20px !important
    }

    .iProTList li.li3 {
        margin-top: 50px
    }

    .iProTList2 li.li4 {
        margin-top: 0
    }

    .iCase {
        width: 95%;
        margin: 0 auto
    }

    .more .mains {
        width: 100%
    }

    .more img {
        width: 100% !important;
        height: auto;
        top: 0;
    }

    .more h1 {
        font-size: 34px !important;
        margin-top: 6px;
    }

    .more {
        padding: 50px 0
    }

    .more span {
        font-size: 22px;
    }

    .iCase .title_a {
        margin: 35px auto 35px
    }

    .iCase .layout {
        width: 95%;
        margin: 0 auto
    }

    .iCase .iCase_list img {
        width: 100%
    }

    .more .right {
        width: 100% !important;
        margin-top: 6px;
        padding-left: 2% !important;
        padding-right: 2%;
    }

    .iCase {
        padding-bottom: 35px
    }

    .iNews_list li p {
        width: 49%
    }

    .iNews {
        padding-top: 35px;
        margin-top: 0;
    }

    .footer .left p {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .Global_Strategy ul li {
        margin-right: 0
    }

    .product_s ul li {
        width: 100%
    }

    .product_s ul li p {
        font-size: 20px
    }

    .copyright .text .imgs {
        flex-wrap: wrap
    }

    .more {
        background-image: none;
    }

    .more .mains {
        display: block;
    }

    .more img {
        margin-bottom: 30px;
    }

    .more {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .iNews_list li .newshome {
        width: 100%;
    }

    .iNews_list li img {
        width: 100%;
        height: auto;
    }

    .more .mains {
        padding-bottom: 0px;
    }

    .iNews_list li .h3 {
        width: 100%;
        padding-top: 16px;
        height: auto;
        line-height: auto;
    }

    .product-banner h1,.product-banner .h1 {
        font-size: 20px;
    }

    .product-banner {
        margin-bottom: 10px;
    }

    .Projects .right .tit .h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

.footer .right>ul>li ul {
    display: flex;
    flex-wrap: wrap
}

.footer .right>ul>li ul li {
    width: 100%
}

.footer .right>ul>li ul li:nth-child(0) {
    order: 0
}

.footer .right>ul>li ul li:nth-child(1) {
    order: 1
}

.footer .right>ul>li ul li:nth-child(2) {
    order: 2
}

.footer .right>ul>li ul li:nth-child(3) {
    order: 4
}

.footer .right>ul>li ul li:nth-child(4) {
    order: 3
}

.footer .right>ul>li ul li:nth-child(5) {
    order: 5
}

.product .right ul li {
    margin-top: 0
}

.product .right h3 a {
    color: #4c535a !important
}

.product-view .swiper-button-next.swiper-button-disabled,.product-view .swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important
}

.product .right  ul li {
    color: #666;
    font-size: 16px;
    line-height: 20px;
    float: left;
    width: 47%
}
.product .right .mews_con ul li{
    width:100%;
    float: none !important;
    margin-bottom:0
}
.product .right ul li:nth-of-type(2n) {
    float: right
}

.aaa .boms ul {
    width: 100% !important
}

.panel-fance .swiper-slide .wz a {
    background: #b90007;
    color: #fff;
    border: 1px solid #b90007;
    position: relative;
}

.panel-fance .swiper-slide:hover .wz a {
}

.panel-fance .swiper-slide .wz a::after {
    position: absolute;
    content: '';
    display: inline-block;
    height: 1px;
    width: 90%;
    background-color: #fff;
    bottom: 6px;
    left: 5%;
    opacity: 0;
    transition: all ease-in-out .5s;
}

.panel-fance .swiper-slide:hover .wz a::after {
    opacity: 1;
}

.product .right ul li ul li {
    width: 89%;
    font-size: 16px;
    color: #666;
    line-height: 20px
}

@media only screen and (max-width: 1660px) {
    .head_down .layout {
        width:93% !important
    }
}

@media only screen and (max-width: 1360px) {
    .iH_bottom .logo img {
        left:50px
    }
}

.panel-fance .swiper-slide ul li {
    display: none
}

.panel-fance .swiper-slide ul li:nth-child(1) {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.product .left>ul>li:nth-child(2)>ul li.on>a {
    background: #057748;
    color: #fff
}

.product .left>ul>li:nth-child(3)>ul li.on>a {
    background: #16a951;
    color: #fff
}

.product .left>ul>li:nth-child(4)>ul li.on>a {
    background: #75878a;
    color: #fff
}

.product .left>ul>li:nth-child(5)>ul li.on>a {
    background: #00bc12;
    color: #fff
}

.product .left>ul>li:nth-child(6)>ul li.on>a {
    background: #ffc773;
    color: #fff
}

.product .left>ul>li:nth-child(7)>ul li.on>a {
    background: #f27c1c;
    color: #fff
}

.product .left>ul>li:nth-child(8)>ul li.on>a {
    background: #ffd556;
    color: #fff
}

.product .left>ul>li:nth-child(9)>ul li.on>a {
    background: #177cb0;
    color: #fff
}

.product .left>ul>li:nth-child(10)>ul li.on>a {
    background: #c89b40;
    color: #fff
}

.product .left>ul>li:nth-child(11)>ul li.on>a {
    background: #44cef6;
    color: #fff
}

.product .left>ul>li:nth-child(12)>ul li.on>a {
    background: #40de5a;
    color: #fff
}

.product .left>ul>li:nth-child(13)>ul li.on>a {
    background: #50616d;
    color: #fff
}

.product .left>ul>li:nth-child(14)>ul li.on>a {
    background: #079252;
    color: #fff
}

.product .left>ul>li:nth-child(15)>ul li.on>a {
    background: #079252;
    color: #fff
}

.copyright .text .imgs img {
    margin: 0 10px;
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.copyright .text .imgs img:hover {
    -webkit-filter: grayscale(0);
    -o-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
    transform: translate(0,-10px);
    transition: all .3s
}

.copyright .text {
    text-align: center;
    display: flex;
    margin: 0 auto
}

.imgaaa {
    position: relative;
    width: 23%;
    margin: 1%
}

.imgb {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99
}

.imgb {
    width: 100%;
    height: 200px;
    overflow: hidden;
    border: 2px solid #b90007
}

.modela {
    width: 100%;
    height: 200px;
    background: rgba(0,0,0,.9);
    display: none;
    position: relative;
    z-index: 0;
    box-shadow: 0 0 25px rgba(186,204,207,.7)
}

.img_gli {
    width: 100%;
    height: 200px;
    position: relative;
    border: 2px solid #b90007
}

.img_gli .border-left {
    width: 5px;
    height: 0;
    background: #b90007;
    position: absolute;
    left: 0;
    bottom: 0
}

.img_gli .border-bottom {
    width: 0;
    height: 5px;
    background: #b90007;
    position: absolute;
    left: 0;
    bottom: 0
}

.img_gli .border-top {
    width: 0;
    height: 5px;
    background: #b90007;
    position: absolute;
    right: 0;
    top: 0
}

.img_gli .border-right {
    width: 5px;
    height: 0;
    background: #b90007;
    position: absolute;
    right: 0;
    top: 0
}

.addclass {
    margin-top: 20px;
    margin-bottom: 8px;
}

.copyright .text .imgs .imgsb a {
    display: block
}

.copyright .text .imgs .imgsb a:hover .img1 {
    display: none
}

.copyright .text .imgs .imgsb a:hover .img2 {
    display: block
}

.Global_Strategy ul {
    width: 102.5%;
    margin-left: -14px
}

.tiny_picborder3 {
}

.tiny_picborder3 li {
    border: 4px solid #d3676c;
    border-radius: 50px;
    overflow: hidden;
}

.tiny_picborder3 li .con_proImg {
}

.tiny_picborder3 li .con_proImg img {
    object-fit: cover !important;
    height: 100% !important;
}

@media only screen and (max-width: 800px) {
    .tiny_picborder3 li {
        width:100% !important;
        margin-left: 0;
        border-width: 2px;
        margin-bottom: 20px;
    }

    .tiny_picborder3 li .con_proImg {
        height: auto;
        padding-bottom: 0
    }

    .tiny_picborder3 li .con_proImg img {
        position: relative
    }
}

.con_proImg img {
    transition: all .6S;
    margin: 0 !important;
}

li:hover .con_proImg img {
    transform: scale(1.1);
}

.table_two {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.table_two .item {
    width: 48%;
}

.taggle_table {
    text-align: center;
    width: 100%
}

.taggle_table tr:nth-of-type(2n+1) td {
    background: #f4e8e8;
}

.taggle_table tr:first-of-type td {
    background: #ca575c;
    color: white;
    text-align: center;
}

@media only screen and (max-width: 800px) {
    .table_two {
        display:block
    }

    .table_two .item {
        width: 100%
    }
}

.table_pic {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.table_pic .table {
    width: 70%;
}

.table_pic .table table {
    margin-bottom: 0
}

.table_pic .pic {
    width: 28%;
    position: relative;
    -moz-box-shadow: 5px 5px 20px 5px rgb(87 82 82 / 40%);
    -webkit-box-shadow: 5px 5px 20px 5px rgb(87 82 82 / 40%);
    box-shadow: 5px 5px 20px 5px rgb(87 82 82 / 40%);
}

.table_pic .pic img {
    position: absolute;
    width: auto;
    height: auto;
    object-fit: cover;
}

@media only screen and (max-width: 800px) {
    .table_pic {
        display:block
    }

    .table_pic .table {
        width: 100% !important;
        margin-bottom: 15px
    }

    .table_pic .pic {
        width: 100% !important;
        height: 0;
        padding-bottom: 50%
    }
}

.panel-fance .imgfd h1 br {
    display: none;
}

.panel-fance .imgfd .aa .tit {
    margin-top: 0;
}

.addclass {
    margin-top: 0;
}

.pics_scale {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.pics_scale img {
    transition: all .6S;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

li:hover .pics_scale img {
    transform: scale(1.1);
}

.pic_liubian {
}

.pic_liubian ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pic_liubian ul li {
    background-image: url(../image/article_liubian.png);
    width: 23%;
    position: relative;
    background-size: contain;
    float: left;
}

.pic_liubian ul li:after {
    content: '';
}

.pic_liubian ul li:nth-of-type(2n) {
    margin-top: 10%;
}

.pic_liubian ul li .pro_c {
    width: 100%;
    padding-bottom: 86.5%;
    height: 0;
    overflow: hidden;
}

.pic_liubian ul li .pics_scale {
    padding-bottom: 55%;
    z-index: 0;
    width: 63%;
    position: absolute;
    height: 0;
    left: 19%;
    top: 19%;
}

.pic_liubian ul li .pics_scale img {
}

.pic_liubian ul li+li {
    margin-left: -4%;
}

@media only screen and (max-width: 800px) {
    .pic_liubian ul li {
    }
}

.Plastic_br {
    border-bottom: 1px solid #cfd6de;
    margin: 30px auto;
    clear: both;
}

.Plastic_table {
}

.Plastic_table tr:first-of-type td {
    background: #bc7247;
    color: white;
}

.Plastic_ro>.pics_scale {
    width: 25%;
    border: 1px solid #dedede;
    overflow: hidden;
    border-radius: 10px;
}

.flex_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.piczheng {
}

.piczheng li {
    border-radius: 11px;
    overflow: hidden;
    border: 1px solid #dedede;
}

.Plastic_ro table {
    width: 30% !important;
    margin-bottom: 0;
}

.Plastic_ro .picradiu {
    width: 40%;
}

.picradiu li {
    width: 160px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #dedede;
}

.picradiu li .pics_scale {
    padding-bottom: 160px;
}

.Plastic_roB {
    padding-top: 100px;
    padding-bottom: 20px;
}

.Plastic_roB li {
    position: relative;
}

.Plastic_roB li:nth-last-of-type(2n) {
    margin-top: -50px
}

.Plastic_roB li::before {
    content: '';
    position: relative;
    background-image: url(https://www.exportstart.com/static/1083/template/img/Plastic-Net_03.png);
    width: 100%;
    position: absolute;
    height: 100%;
    background-size: cover;
    z-index: 1;
}

.Plastic_roB li .pics_scale {
    width: 100%;
    padding-bottom: 86%;
    z-index: 0;
}

.Plastic_roC {
}

.Plastic_roC:after {
    content: '';
    clear: both;
    display: table
}

.Plastic_roC>.ro {
    width: 49%;
}

.Plastic_roC>.pics_scale {
    width: 49%;
    padding-bottom: 370px;
    border: 1px solid #dedede;
    border-radius: 10px;
}

.Plastic_roC>.ro ul {
    margin-top: 20px
}

.Plastic_roC>.ro ul li {
    width: 30%;
    border: 11px;
    overflow: hidden;
    border: 1px solid #dedede;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.Plastic_roC>.ro .pics_scale {
    padding-bottom: 135px;
}

.Plastic_roC .Plastic_table {
    width: auto
}

.Plastic_roD .flex_center {
}

.Plastic_roD li {
    width: 30%;
}

.Plastic_roD li .pics_scale {
    padding-bottom: 68%;
    border: 1px solid #dedede;
    margin-top: 50px;
}

.Machine_roC {
    position: relative;
}

.Machine_roC .pic {
    width: 52%;
    border: 4px solid #34587b;
    border-radius: 10px;
    float: none;
}

.Machine_roC .pics_scale {
    padding-bottom: 47%;
}

.Machine_roC .ro {
    width: 42%;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}

.Machine_roC .flex_jz {
    position: absolute;
    width: 100%;
    height: 100%;
}

.Machine_roC .flex_jz .p {
    font-size: 16px;
    color: #34587b;
    line-height: 2;
}

.Machine_roD {
    position: relative;
}

.Machine_roD .l {
    width: 50%;
    float: none;
}

.Machine_roD .r {
    width: 47%;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}

.Machine_roD ul {
    height: 100%;
}

.Machine_roD ul li {
    height: 100%;
    border: 4px solid #34587b;
    border-radius: 10px;
    overflow: hidden;
}

.Machine_roD ul li .pics_scale {
    height: 100%;
}

.Machine_roE {
    position: relative;
    padding-left: 120px;
    padding-right: 150px;
    margin-bottom: 50px;
}

.Machine_roE .f_l,.Machine_roE .f_r {
    position: absolute;
    height: 480px;
    width: 135px;
}

.Machine_roE .f_l {
    left: 0;
    width: 100px;
}

.Machine_roE .f_r {
    right: 0;
}

.Machine_roE .f_l .pics_scale,.Machine_roE .f_r .pics_scale {
    position: absolute;
    height: 100%;
}

.Machine_roE .content {
    position: relative;
    width: 100%;
}

.Machine_roE .content .l {
    width: 60%;
}

.Machine_roE .content .l .pics_scale {
    height: 480px;
    border: 4px solid #34587b;
}

.Machine_roE .content .r {
    width: 35%;
}

.Machine_roE .content ul li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}

.Machine_roE .content ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 7px;
}

.Machine_roE .content>.pics_scale {
}

.Machine_roE .content ul {
    margin-top: 20px;
}

.Machine_roE .content .r .pics_scale {
    height: 225px;
    margin-top: 40px;
    width: 230px;
}

.Machine_roF {
}

.Machine_roF ul {
}

.Machine_roF ul li {
    border: 4px solid #34587b;
    border-radius: 10px;
    overflow: hidden;
}

.Machine_roF ul li .pics_scale {
    padding-bottom: 50%;
}

.Machine_ro {
}

.Machine_ro .pic {
    width: 48%;
}

.Machine_ro .pic .pics_scale {
    width: 100%;
    padding-bottom: 50%;
}

.Machine_ro .ro {
    width: 48%;
}

.Machine_ro .ro .p {
    font-size: 16px;
    color: #666666;
    line-height: 2;
}

.Machine_ro .ro .p strong {
    color: black
}

.Machine_ro .ro ul {
}

.Machine_ro .ro ul li {
}

.Machine_ro .ro ul li .pics_scale {
    padding-bottom: 180px;
}

.Machine_roB {
}

.Machine_roB {
    margin-bottom: 50px;
}

.Machine_roB .pic {
    width: 48%;
}

.Machine_roB .pic .pics_scale {
    width: 100%;
    padding-bottom: 50%;
}

.Machine_roB .ro {
    width: 48%;
}

.Machine_roB .ro .p {
    font-size: 16px;
    color: #666666;
    line-height: 2;
}

.Machine_roB .ro .p strong {
    color: black;
    text-transform: uppercase;
}

.Machine_roB .ro ul {
}

.Machine_roB .ro ul li {
    position: relative;
    padding-left: 15px;
}

.Machine_roB .ro ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 12px;
}

.Machine_roE .content ul li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}

.Machine_roE .content ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 7px;
}

.Machine_roB .item2 {
}

.Machine_roB .item2::after {
    content: '';
    clear: both;
    display: table;
}

.Machine_roB .item2 .item {
    width: 49%;
    float: left;
}

.Machine_roB .item2 .item:nth-of-type(2n) {
    float: right;
}

.addclass {
    margin-bottom: 24px
}

.panel-fance .my-custom-class-fixed td {
    border: none;
    border-right: 1px solid #d8d8d9;
    padding: 18px 22px;
    text-align: center
}

.panel-fance .my-custom-class-fixed td:last-child {
    border-right: none
}

.my-custom-class-fixed tbody tr:first-of-type td {
    line-height: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    text-align: center;
    background-color: #c9575c !important;
    padding-top: 4px;
    padding-bottom: 4px
}

.panel-fance .my-custom-class-fixed tr:nth-of-type(2n) td {
    background-color: transparent !important
}

.panel-fance .my-custom-class-fixed tr {
    background-color: transparent !important
}

.Machine_roE .content .l .pics_scale {
    border-radius: 20px
}

.panel-fance .my-custom-class.taggle_table tbody tr:first-of-type td {
    font-weight: bold;
    font-size: 16px
}

.panel-fance .my-custom-class.taggle_table td p,.my-custom-class-tool td p {
    color: #000
}

.Machine_roD {
    margin-bottom: 50px;
}

.Machine_roE {
    margin-bottom: 8px
}

.Machine_roF ul li .pics_scale {
    padding-bottom: 60%;
}

.tList2 li {
    margin-bottom: 10px
}

.panel-fance .swiper-slide h3 {
    margin-top: 22px;
    font-size: 18px;
    font-weight: bold;
    color: #4c535a;
}

.panel-fance .swiper-slide .h3 {
    margin-top: 22px;
    font-size: 18px;
    font-weight: bold;
    color: #4c535a;
}

.panel-fance .swiper-slide p {
    margin-top: 13px;
    line-height: 22px;
    font-size: 16px;
}

.panel-fance .swiper-slide .wz a {
    border: solid 1px #4c535a42;
    padding: 10px;
}

.panel-fance .Plastic_table_pla td {
    border: 1px solid #000;
}

.Plastic_table tr:first-of-type td {
    background-color: #c9575c;
}

@media screen and (max-width: 1020px) {
    .Machine_roD .l {
        width:100%;
        overflow: scroll;
    }

    .Machine_roD .r {
        width: 100%;
        float: none;
        position: static;
        margin-top: 37px;
    }

    .Machine_roD .r .tList2 li {
        padding-bottom: auto;
        position: relative
    }

    .Machine_roF .tList2 li {
        padding-bottom: 0;
    }

    .Machine_roD ul li .pics_scale {
        height: 0;
        top: 0px;
        left: 0px;
        padding-top: 60%;
        overflow: visible;
    }

    .l .pics_scale {
        position: static
    }

    .Machine_roE .f_l .pics_scale img {
        height: auto;
    }

    .Machine_roD .r .tList.tList2 .pics_scale img {
        height: auto;
        position: absolute;
    }

    .Machine_roC .pics_scale {
        padding-bottom: 44%;
    }

    .pics_scale img {
        height: auto;
        position: static
    }

    .pics_scale {
        padding-bottom: 0 !important;
        height: auto;
    }

    .flex_center.Plastic_ro {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        flex-direction: column;
    }

    .Plastic_ro>.pics_scale {
        width: 80% !important;
    }

    .Plastic_ro .Plastic_table.Plastic_table_pla {
        width: 100% !important;
        margin-top: 20px;
    }

    .Plastic_ro .picradiu {
        width: 100%;
        margin-top: 20px;
    }

    .picradiu li {
        width: 28%;
    }

    .flex_center.piczheng {
        width: 100% !important;
    }

    .flex_center.piczheng li {
        width: 28% !important;
    }

    .Plastic_roA.flex_center .pics_scale {
        width: 100% !important;
    }

    .Plastic_table.Plastic_table_pla {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .Plastic_roC>.pics_scale {
        width: 100%;
    }

    .Plastic_roC>.ro {
        width: 100%;
        float: none;
    }

    .Plastic_roC>.pics_scale {
        width: 100%;
        margin-top: 20px;
        float: none;
    }

    .Plastic_roA.flex_center {
        flex-direction: column;
        justify-content: center;
    }

    .Plastic_roB .tList.tList4 li {
        width: 48%;
    }

    .Plastic_roB li:nth-last-of-type(2n) {
        margin-top: 0;
    }

    .Plastic_roB {
        padding-top: 20px
    }

    .Machine_roB {
        margin-bottom: 10px;
    }

    .Machine_roB .ro .p {
        margin-top: 20px !important;
    }

    .pic_liubian ul li .pics_scale {
        width: 53%;
        height: auto;
    }
}

@media screen and (max-width: 800px) {
    .Machine_roE .content .l {
        display:none;
        overflow: scroll;
    }

    .Machine_roE .content .r {
        width: 100%;
    }

    .news_con img {
        height: auto !important;
    }

    .news_con .pic.l {
        width: 100% !important
    }

    .news_con .ro.r {
        width: 100% !important
    }

    .news_con .ro.r .p {
        padding: 20px 10px !important
    }

    .Machine_ro .ro ul li .pics_scale {
        padding-bottom: 100px;
    }

    .Machine_ro .ro.l {
        float: none;
        width: 100% !important;
    }

    .Machine_ro .ro.l .p {
        padding: 10px !important;
    }

    .Machine_ro .pic.r {
        float: none;
        width: 100% !important;
    }

    .news_con .Machine_ro .pic.l .pics_scale {
        height: auto;
        padding-bottom: 0 !important;
    }

    .Machine_roB .ro.l {
        width: 100% !important;
    }

    .Machine_roB .pic.r {
        width: 100% !important;
    }

    .panel-fance p {
        font-size: 14px;
    }

    .table_pic .pic img {
        width: 100%;
        height: 100% !important;
        object-fit: contain;
    }

    .imgfd .news_con .aaa.floata .left_img_pro .img {
        padding-top: 0 !important;
        height: auto;
    }

    .imgfd .news_con .aaa.floata .left_img_pro .img img {
        position: static;
    }

    .panel-fance .threeimgs .threeImg img {
        height: 100% !important;
    }

    .filtr-item .img img {
        height: 100% !important;
    }
}

@media screen and (max-width: 550px) {
    .Plastic_roB .tList.tList4 li {
        width:48%;
    }
}

@media screen and (max-width: 480px) {
    .Machine_roF .tList2 li {
        width:100%;
        margin-left: 0;
    }

    .Machine_roC .pic {
        width: 100%;
    }

    .Machine_roC .ro {
        width: 100%;
        position: static
    }

    .panel-fance .my-custom-class-fixed td {
        padding: 4px;
    }

    .Machine_roC .flex_jz {
        position: static;
    }

    .Machine_roE .f_r {
        display: none;
    }

    .Machine_roE {
        padding-right: 0px;
    }
}

.no_pd {
    text-align: center;
}

.no_pd img {
    width: 30%;
    height: auto;
}

.index_main {
    width: 100%;
}

.container {
    width: 100%;
}

.foot_pp {
    margin-bottom: 30px;
}

.foot_ppspan {
    display: flex;
    color: #fff;
    font-family: Arial;
    font-weight: normal;
    font-size: 16px;
    background-color: #C70203;
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.2);
    align-items: center;
    padding: 6px 25px;
    border-radius: 5px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.foot_ppspan img {
    margin-bottom: 0px !important;
    margin-right: 10px;
}

.foot_ppt {
    display: flex;
}

.foot_ppb {
    display: flex;
}

.tubiaotu {
    display: flex;
}

.tubiaotu img {
    border: 1px solid #e5e5e5;
    height: 93%;
}

.pd_zuoyoutu1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pd_zuoyoutu1_l {
    width: 52%;
}

.pd_zuoyoutu1_r {
    width: 44%;
}

.pd_tuwen2 {
    display: flex;
    padding-left: 0px;
    padding-right: 0px;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.pd_tuwen2_l {
    padding-right: 50px;
}

.pd_tuwen2_m {
}

.pd_tuwen2_r {
}

.pd_tuwen2_m .pics_scale {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    height: 225px;
    margin-top: 40px;
    width: 230px;
}

.pd_tuwen2_m li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}

.pd_tuwen2_m ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 7px;
}

.pd_tuwen2 .pics_scale img {
    transition: all .6S;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    object-fit: cover;
}

.pd_tuwen3 {
    display: flex;
}

.pd_tuwen3 .pics_scale {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    height: 276px;
    margin-top: 40px;
    width: 372px;
}

.pd_tuwen3 ul {
    margin-top: 30px;
}

.pd_tuwen3 li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}

.pd_tuwen3 ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 7px;
}

.pd_tuwen4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}

.pd_tuwen4 li {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}

.pd_tuwen4 ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #34587b;
    border-radius: 10px;
    left: 0;
    top: 7px;
}

.pd_tuwen4l {
    width: 55%;
}

.pd_tuwen4r {
    width: 41%;
}

.pd_tuwen5 {
}

.pd_tuwen5 ul li {
    width: 31% !important;
    margin: 10px !important;
}

.caisetit1 .h1 {
    color: #ff720e !important;
    border-bottom: 1px solid #ff720e !important;
}

.caisetit1::after {
    background: url(../image/caise1.jpg) no-repeat left bottom !important;
    content: '';
    height: 6px;
    width: 79px;
    display: inline-block;
    position: relative;
    top: -13px;
}

.pd_tuwen7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pd_tuwen7l {
    width: 47%;
}

.pd_tuwen7r {
    width: 50%;
}

.pd_tuwen7rt {
    font-size: 16px;
    color: #333333;
    font-family: Arial;
    font-weight: normal;
    line-height: 24px;
}

.pd_tuwen7rb {
    display: flex;
}

.pd_tuwen7img {
    margin-top: 30px;
}

.pd_tuwen7img img {
    margin-right: 5px;
}

.caisetit2 .h1 {
    color: #3c760d !important;
    border-bottom: 1px solid #3c760d !important;
}

.caisetit2::after {
    background: url(../image/caise2.jpg) no-repeat left bottom !important;
    content: '';
    height: 6px;
    width: 79px;
    display: inline-block;
    position: relative;
    top: -13px;
}

.pd_tuwen8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pd_tuwen8l {
    width: 50%;
}

.pd_tuwen8r {
    width: 47%;
}

.pd_tuwen8rt {
    font-size: 16px;
    color: #333333;
    font-family: Arial;
    font-weight: normal;
    line-height: 24px;
}

.pd_tuwen8rb {
    display: flex;
}

.pd_tuwen8img {
    margin-top: 30px;
}

.pd_tuwen8img img {
    margin-right: 5px;
}

.caisetit3 .h1 {
    color: #f5c322 !important;
    border-bottom: 1px solid #f5c322 !important;
}

.caisetit3::after {
    background: url(../image/caise3.jpg) no-repeat left bottom !important;
    content: '';
    height: 6px;
    width: 79px;
    display: inline-block;
    position: relative;
    top: -13px;
}

@media screen and (max-width: 950px) {
    .contant_us_bom .right span {
        display:inline-block;
        color: #333;
        font-size: 18px;
        line-height: 70px;
        margin-left: 0px !important;
    }

    .ifeng {
        width: 100%;
        margin-left: 0 !important;
    }
}

.item_name {
    width: 40% !important;
    margin-right: 40px !important
}

.item_email {
    width: 40% !important;
}

.item_phone {
    width: 86% !important;
    margin-right: 40px !important
}

.item_message {
    width: 86% !important;
}

.item_message textarea {
    height: 60px !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    background: url(../image/xx.png) no-repeat left center !important;
    padding: 0 10px !important;
    line-height: 60px;
}

.content-wrap.form .ch_form_wrap .item_submit {
    padding: 0 !important;
}

.content-wrap .ch_form_wrap form {
    overflow: auto !important;
}

.ch_form_wrap {
    margin-top: 30px !important;
}

.classify-title {
    width: 1400px;
    margin: 0 auto;
    height: 60px;
    background-color: #34587b;
    margin-bottom: 36px;
}

.classify-title .classify-title-01 {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 60px;
    margin-left: 25px;
    display: inline-block;
    float: left;
    margin-right: 22px;
}

.classify-title .nav008 {
    text-align: center;
    font-size: 0;
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
}

.classify-title .nav008 li {
    display: inline-block;
    margin: 0 22px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    width: 106px;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.classify-title .nav008 li::before {
    width: 15px;
    height: 9px;
    content: '';
    display: inline-block;
    background-image: url(../image/unchecked.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 6px;
}

.classify-title .nav008 .active {
    color: #b90007;
    background-color: #fff;
}

.classify-title .nav008 .active::before {
    background-image: url(../image/checked.png);
}

.classify-list {
    width: 1400px;
    margin: 0 auto;
    font-size: 0;
    display: flex;
}

.filtr-item {
    display: inline-block;
    width: 31.5%;
    padding-right: 2.75%;
    padding-bottom: 30px;
}

.filtr-item a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
}

.filtr-item img {
    width: 100%;
}

.filtr-item .img {
    position: relative;
    width: 100%;
    padding-top: 59%;
    height: 0;
    overflow: hidden;
    background-color: #fff;
}

.filtr-item .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.5s all ease-in-out;
}

.filtr-item .img img:hover {
    transform: scale(105%);
}

.filtr-item .title001 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 105%;
    text-align: center;
    height: 38px;
}

.filtr-item .detail001 {
    font-size: 18px;
    color: #777;
    line-height: 30px;
    text-align: center;
}

.filtr-item .supplier {
    margin-top: 32px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #34587b;
    display: none;
}

.filtr-item ul {
    margin-top: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    display: none;
}

.filtr-item ul li {
    width: 60px;
    height: 60px;
    margin: 0 25px;
}

.filtr-item a:hover .img img {
    transform: scale(105%);
}

@media screen and (max-width: 1400px) {
    .classify-title {
        width:100%;
    }

    .classify-list {
        width: 100%;
    }
}

@media screen and (max-width: 950px) {
    .filtr-item {
        width:48%;
        padding-right: 2%;
    }

    .classify-title .nav008 li {
        margin: 0 10px;
        font-size: 12px;
        width: 86px;
    }

    .filtr-item .title001 {
        height: 60px;
    }

    .classify-title .classify-title-01 {
        margin-right: 10px;
        margin-left: 10px;
    }
}

.imgfd .news_con .aaa.floata {
    display: flex;
}

.imgfd .news_con .aaa.floata .left_img_pro {
    margin-right: 28px;
    width: 48%;
}

.classify-list {
    flex-wrap: wrap;
}

.classify-title {
    margin-top: 24px;
}

.panel-fance {
    background: #f5f6f8 url(../image/aaaa008.webp) no-repeat bottom center !important;
}

.supplier_title {
    font-size: 18px;
    font-weight: bold;
    color: #34587b;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.supplier_icon span img {
    width: 60px;
}

.supplier_icon span {
    margin-right: 40px;
}

.supplier_icon {
    margin-bottom: 60px;
}

.imgtop .right .anniu.anniu0 {
    margin-top: 34px;
}

.classify-title {
    background-color: #b90007;
}

.filtr-item a {
    padding-bottom: 30px;
}

.imgfd .news_con .aaa.floata .left_img_pro .img {
    padding-top: 67%;
}

.imgfd .news_con .aaa.floata .left_img_pro .img img {
    top: 0;
    left: 0;
}

@media screen and (max-width: 1100px) {
    .imgfd .news_con .aaa.floata .left_img_pro {
        width:100%;
    }

    .imgfd .news_con .aaa.floata {
        flex-direction: column;
    }
}

.ms a {
    color: #b90006;
    font-weight: bold;
}

.ms a:hover {
    border-bottom: 1px solid #b90006;
}

.product-detail-form {
    margin-bottom: 20px;
}

.product-detail-form .title {
    font-size: 26px;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 60px;
    padding-top: 150px;
    margin-top: -100px;
}

.product-detail-form .item_email,.product-detail-form .item_name,.product-detail-form .item_phone {
    width: 32% !important;
    float: left;
    margin-right: 2% !important;
}

.product-detail-form .item_email input,.product-detail-form .item_name input,.product-detail-form .item_phone input {
    border: none;
    background-color: #fff;
    height: 55px;
    padding: 0 10px !important;
}

.product-detail-form .item_phone {
    margin-right: 0 !important;
}

.product-detail-form .item_message textarea {
    height: 120px !important;
    background-color: #fff !important;
    border-bottom: none !important;
    background-image: none !important;
}

.product-detail-form input:-webkit-autofill,.product-detail-form textarea:-webkit-autofill,.product-detail-form select:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}

.product-detail-form .item_message {
    width: 100% !important;
    margin-top: 20px;
}

.product-detail-form .submit_btn {
    width: 100% !important;
    margin-top: 20px !important;
    background-color: #b90007;
    border: none;
    height: 40px;
    color: #fff;
}

.product-detail-form li {
    float: left;
}

@media screen and (max-width: 950px) {
    .product-detail-form .item_email,.product-detail-form .item_name,.product-detail-form .item_phone {
        width:100% !important;
        margin-right: 0% !important;
        margin-bottom: 20px;
    }

    .product-detail-form .item_message {
        margin-top: 0;
    }
}

.pro1-txt a,.entry a,.artic_content a {
    color: #b60005 !important;
    font-weight: bold;
}

.pro1-txt a:hover,.entry a:hover,.artic_content a:hover {
    color: #b60005 !important;
    text-decoration: underline !important;
}

.news_next a:hover {
    color: #b60005 !important;
}

.artic_content a u {
    text-decoration: none;
}

.slide-form.ch_form_wrap ul input {
    border-left: 3px solid #b01f24 !important;
}

.slide-form.ch_form_wrap ul li {
    width: 100% !important;
}

.slide-form.ch_form_wrap .item_message textarea {
    background: none !important;
    height: 95px !important;
    padding: 10px !important;
    border: 1px solid #eee !important;
    border-left: 3px solid #b01f24 !important;
    line-height: 150% !important;
}

.inquiry-pop-bd.slide-bottom-form {
    height: 430px !important;
    margin: 0 !important;
    transform: translateX(-50%) translateY(-50%);
}

.inquiry-pop-bd.slide-bottom-form .inquiry-pop {
    padding: 22px 38px;
}

.slide-form.ch_form_wrap .item_submit input {
    background-color: #b01f24 !important;
}

.faq_list {
    position: relative;
    width: 100%;
}

.faq-item {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 0 25px;
    width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}

.faq-item .faq-title {
    position: relative;
    padding: 15px 0;
    font-size: 16px;
    cursor: pointer;
    display: flex;
}

.faq-item .faq-title:before {
    position: absolute;
    right: 0;
    content: "\f067";
    font-size: 14px;
    color: #b90007;
    font-family: fontawesome;
}

.faq-item .faq-title.show-title:before {
    content: '\f068';
    color: #b90007;
}

.faq-item .faq-title h3 {
    font-weight: bold;
    color: #000;
}

.faq-item .faq-cont {
    display: none;
    margin: 0;
    margin-left: 35px;
    padding-bottom: 15px;
}

.faq-item:first-child .faq-cont {
    display: block;
}

.faq-cont p {
    color: #b90007;
    font-size: 16px;
    line-height: 1.5;
}

.faq-item .faq-title .svg_icon {
    margin-right: 10px;
}

.faq-item .faq-title .svg_icon .icon {
    width: 25px;
    height: auto;
}

.faq_list .active {
    border: 1px solid #b90007;
}

.faq-title .h3 {
    font-weight: bold;
    color: #b90007;
    font-size: 20px;
    padding-left: 10px;
    padding-top: 7px;
    vertical-align: bottom;
}

.faq_lbg {
    padding: 150px 150px 150px 150px;
    margin-bottom: 50px;
}

.faq_lbg:after {
    background-color: rgba(168,153,136,0.2);
}

.faqheading {
    font-size: 34px;
    color: #ffffff;
    font-family: Raleway;
    font-weight: 200;
    margin: 10px 0;
}

.faqheading-text {
    font-size: 14px;
    color: #ffffff;
    font-family: Raleway;
    font-weight: 300;
    margin: 10px 0;
}

.faq_tks {
    background-color: rgba(89,89,89,1);
    padding-top: 70px;
    padding-bottom: 60px;
}

.faq_tksw {
    font-size: 20px;
    color: #ffffff;
    font-family: Airal;
    font-weight: 300;
    margin: 10px 0;
}

.faq_listb {
    font-size: 14px;
    color: #ffffff;
    font-family: Airal;
    font-weight: 300;
    margin: 30px 0;
    text-align: center;
}

.faq_tksw {
    text-align: center;
}

.faq_btn {
    font-size: 15px;
    font-family: Raleway;
    font-weight: 300;
    color: #ffffff;
    border: 2px solid #ffffff;
    background-color: rgba(89,89,89,1);
    border-radius: 30px;
    line-height: 17px;
    padding: 12px 24px;
}

.faq_listb a:hover {
    color: #333333;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    border-radius: 10px;
}

.main-tit-bar .farq {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-size: 25px;
    margin-bottom: 20px;
}

@font-face {
    font-family: fontawesome;
    src: url(../font/fontawesome-webfont.eot);
    src: url(../font/fontawesome-webfont.eot) format("embedded-opentype"),url(../font/fontawesome-webfont.woff2) format("woff2"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype"),url(../font/fontawesome-webfont.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}

.ming_i {
    margin-top: 20px;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 20px;
    color: #000;
}

.waning {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.waning li {
    margin-bottom: 39px;
    width: 23%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
    padding: 8%;
}

.waning li img {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 950px) {
    .waning li {
        width:50%;
        flex-wrap: wrap;
        padding-bottom: 27%;
    }
}

.index-about-wrap {
    position: relative;
}

.index-blogs-wrap {
    padding: 90px 0 50px 0;
    text-align: center;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

.index-about-wrap .title {
    text-align: left;
}

.index-about-wrap .title a {
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-weight: bold;
}

.index-blogs-wrap .hd_title {
    font-family: 'MicrosoftYaHei';
    font-size: 48px;
    font-weight: normal;
    text-transform: capitalize;
}

.index-blogs-wrap .about-more {
    text-align: center;
    border: 1px solid #DDAC68;
    margin: 0 auto;
    padding: 5px 30px;
    display: inline-block;
}

.index-blogs-wrap .about-more a {
    font-family: 'MicrosoftYaHei';
    font-size: 16px;
    font-weight: normal;
}

.index-blogs-wrap .index_feedback {
    text-align: center;
    padding: 0;
}

.index-blogs-wrap .index_feedback1 {
    margin-bottom: 30px;
    font-family: 'MicrosoftYaHei';
    font-size: 16px;
    font-weight: normal;
}

.index-blogs-wrap .index_feedback2 {
    padding-bottom: 30px;
    font-family: 'MicrosoftYaHei';
    font-size: 24px;
    width: 70%;
    margin: 0 auto;
    font-weight: normal;
}

.index-blogs-wrap .index_feedback3 {
    margin-bottom: 60px;
}

.index-blogs-wrap .index_feedback3 img {
    width: auto;
    height: auto;
}

.news_con strong {
    margin: 26px 0px;
    display: inline-block;
}

.ming_i {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 20px;
    color: #000;
}

.waning {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.waning li {
    width: 23%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
    padding: 8%;
}

.waning li img {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 950px) {
    .waning li {
        width:50%;
        flex-wrap: wrap;
        padding-bottom: 27%;
    }
}

.news_con h3 {
    margin: 26px 0px;
}

.news_con h2 {
    margin: 26px 0px;
    width: 100%;
}

.pages .pagination ul {
    display: flex;
    justify-content: center;
}

.pages .pagination ul li {
}

.pages {
    position: relative;
    text-align: right;
}

.pages .pagination ul .active span {
    color: #fff;
    background: #b90007;
    border: 1px solid #eee;
    text-align: center;
}

.pages a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #eee;
    *display: inline;
    *zoom:1;line-height: 33px;
    min-width: 33px;
    text-align: center;
    padding: 0 8px;
    margin: 0 0 0 5px;
    background-color: #f3f3f3;
}

.pages a.current,.pages a:hover {
    background: #b90007;
    color: #FFF;
}

.pages span {
    border: 1px solid #eee;
    line-height: 33px;
    min-width: 33px;
    padding: 0 8px;
    margin: 0 0 0 5px;
    border-radius: 3px;
    display: inline-block;
}

@media only screen and (max-width: 950px) {
    .pages .pagination ul li.next-page {
        display:none
    }

    .pages .pagination ul li.active span {
        display: block
    }

    .pages .pagination ul li span {
        display: none
    }
}

.pagination {
    margin: 30px;
}

.hui a {
    color: #666;
}

.tebles td {
    line-height: 12px !important;
}

.tables td {
    line-height: 12px !important;
}

.barnnw {
    position: relative;
}

.prodicts_re {
    position: absolute;
    width: 40%;
    left: 223px;
    top: 15%;
}

.prodicts_re .prodicer {
    font-size: 40px;
    font-weight: bold;
    font-family: OSWALD-BOLD;
}

.prodic {
    font-size: 16px;
    color: #333333;
    line-height: 2;
    margin-bottom: 35px;
    line-height: 1.75;
    max-height: 200px;
    overflow-y: scroll;
}

.prodicing {
    display: flex;
    justify-content: left;
}

.prodimg {
    margin-bottom: 35px;
}

.prode {
    margin-left: 30px;
}

.bawes {
    overflow: hidden;
    position: relative;
}

.msinga .mings {
    font-size: 30px;
    color: #34587b;
    font-family: OSWALD-BOLD;
    text-align: center;
}

.productsing {
    line-height: 1.75;
    color: #333333;
}

.Outdoor {
    display: flex;
    position: relative;
    align-items: center;
    margin-top: 30px;
}

.Outdoor .swiper-containere {
    background: #fff;
    height: 330px;
    position: absolute;
    width: 58% !important;
}

.wing-ing {
    width: 50%;
}

.Outdoor .swiper-containere .senging {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding: 0px 50px;
    margin-bottom: 20px;
    margin-top: 60px;
}

.Outdoor .swiper-containere .senginx {
    font-size: 16px;
    color: #666666;
    word-break: break-all;
    padding: 0px 49px;
    line-height: 1.7;
}

.Outdoor .swiper-button-next {
    background: #333;
    opacity: 1;
    top: 84%;
    width: 40px;
    left: 115px;
    top: 84%;
    text-align: center;
    line-height: 40px;
    right: inherit;
    height: 40px;
}

.Outdoor .swiper-button-prev {
    text-align: center;
    line-height: 40px;
    left: 49px;
    background: #b90007;
    opacity: 1;
    top: 84%;
    width: 40px;
    height: 40px;
}

.poraing {
    text-align: center;
    color: #333333;
    font-size: 16px;
    margin-bottom: 100px;
    margin-top: 50px;
    line-height: 1.7;
}

.poraining {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.poraining .bawes {
    width: 49%;
}

.poraining .par_produts {
    width: 51%;
    margin: 20px 0px;
    line-height: 1.8;
    padding: 40px 25px 20px 40px;
}

.par_produts {
    background: #fff;
    font-size: 16px;
    color: #666666;
    line-height: 2;
}

.por_produg {
    text-align: left;
    color: #666666;
    font-size: 16px;
    line-height: 1.7;
}

.prodicts_re.wire_products .prodicer {
    color: #5a4e40;
}

.prodicts_re.panel_products .prodicer {
    color: #5b980d;
}

.faps_er {
    margin-top: 95px;
}

.faps_er .faps_ere {
    margin-bottom: 40px;
}

.faps_er .active {
    background: #fff;
    border: initial;
}

.faps_er .show-title {
    border-bottom: 1px solid #f5f6f8;
}

.faps_er .faq-item .faq-title:before {
    color: #333333 !important;
}

.faps_er .faq_list ul {
    margin-bottom: -21px;
    padding-bottom: 51px;
}

.faps_er .faq-cont p {
    color: #333333 !important;
    line-height: 1.7;
    font-size: 16px;
    padding-top: 25px !important;
    padding-bottom: 15px !important;
}

.productsing {
    padding-top: 40px;
}

.preing {
    background: #e5e5e5;
    overflow: hidden;
    margin-bottom: 65px;
    margin-top: -3px;
}

.preing .mains {
}

.preing .mains ul li a {
    font-size: 18px;
    font-weight: bold;
}

.preing .mains ul li {
    display: flex;
    text-transform: capitalize;
}

.preing .mains ul {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 20px 0;
    overflow: hidden;
}

.preing .mains ul li img {
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    object-fit: contain;
}

.preing .mains ul li span {
    color: #b90007;
    font-size: 18px;
    font-weight: bold;
}

@media only screen and (max-width: 950px) {
    .prodicts_re {
        position:absolute;
        width: 40%;
        left: 6%;
        top: 5%;
    }

    .prodicts_re .prodicer {
        font-size: 19px;
    }

    .prodicing {
        display: none
    }

    .prodic {
        line-height: 1.7;
        height: 88px;
        margin-bottom: 0px;
        overflow: auto;
    }

    .prodimg {
        margin-bottom: 5px;
    }

    .poraining .bawes {
        width: 100% !important;
    }

    .poraining .par_produts {
        width: 100% !important;
    }

    .Outdoor {
        flex-wrap: wrap;
    }

    .Outdoor .swiper-containere {
        width: 100% !important;
        position: relative;
        height: 445px !important;
    }
}

.index-title-bar {
    position: relative;
    padding: .16rem 0;
    border-bottom: 2px solid #154ba1;
    margin: .45rem 0 .6rem;
}

.index-title-bar .title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: 'GothamBold';
    font-size: .26rem;
    text-transform: uppercase;
}

.pagevideo .ul li {
    width: 49%;
    position: relative;
}

.pagevideo .ul li img {
    position: absolute;
    left: 0;
}

.pagevideo .ul {
    overflow: hidden;
}

.pagevideo .ul li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px
}

.pagevideo .ul li:nth-child(2n) {
    margin-right: 0;
}

.pagevideo .ul li .title {
    margin-top: 6px;
    font-size: 18px;
    color: #333;
    text-align: center;
}

.goods-may-like .item_img {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    display: inline-block;
}

.goods-may-like .item_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goods-may-like {
    position: relative;
    overflow: hidden;
    padding: 45px 0 0 0;
}

.goods-may-like .index_title_bar {
    position: relative;
    margin-bottom: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.goods-may-like .index_title_bar .good_title {
    position: relative;
    font-size: 20px;
    line-height: 26px;
    color: #002140;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Poppins;
    padding: 0 40px;
}

.goods-may-like .index_title_bar .good_title span {
    text-transform: capitalize;
    font-weight: 100;
    padding-right: 7px;
}

.goods-may-like .index_title_bar .good_title:before,.goods-may-like .index_title_bar .good_title:after {
    background-color: #b90007;
    width: 18px;
    height: 16px;
    content: "";
    position: absolute;
    top: 5px;
    transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
}

.goods-may-like .index_title_bar .good_title:before {
    left: 5px;
}

.goods-may-like .index_title_bar .good_title:after {
    right: 5px;
}

.goods-may-like .swiper-pagination-bullets {
    text-align: center;
    margin-top: 23px;
    line-height: 1;
    display: none;
}

.goods-may-like .navigate_bar {
    width: auto;
    position: relative;
    z-index: 999;
    font-size: 0;
}

.goods-may-like .navigate_button_next,.goods-may-like .navigate_button_prev {
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: inline-block;
}

.goods-may-like .navigate_button_next {
    right: 0;
    margin-left: 9px;
}

.goods-may-like .navigate_button_prev {
    left: 0;
}

.goods-may-like .navigate_button_next:before,.goods-may-like .navigate_button_prev:before {
    content: "";
    width: 26px;
    height: 26px;
    display: block;
    background-color: #b90007;
    background-image: url(../image/web_icon.png);
}

.goods-may-like .navigate_button_next:before {
    background-position: -273px 0;
}

.goods-may-like .navigate_button_prev:before {
    background-position: -248px 0;
}

.goods-may-like .navigate_button_next:hover:before {
    background-color: #fab522;
}

.goods-may-like .navigate_button_prev:hover:before {
    background-color: #fab522;
}

.goods-may-like .product_item .item_img:hover img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.goods-may-likee .item_img {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    display: inline-block;
}

.goods-may-likee .item_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goods-may-likee {
    position: relative;
    overflow: hidden;
    padding: 45px 0 0 0;
}

.goods-may-likee .index_title_bar {
    position: relative;
    margin-bottom: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.goods-may-likee .index_title_bar .good_title {
    position: relative;
    font-size: 20px;
    line-height: 26px;
    color: #002140;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Poppins;
    padding: 0 40px;
}

.goods-may-likee .index_title_bar .good_title span {
    text-transform: capitalize;
    font-weight: 100;
    padding-right: 7px;
}

.goods-may-likee .index_title_bar .good_title:before,.goods-may-likee .index_title_bar .good_title:after {
    background-color: #b90007;
    width: 18px;
    height: 16px;
    content: "";
    position: absolute;
    top: 5px;
    transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
}

.goods-may-likee .index_title_bar .good_title:before {
    left: 5px;
}

.goods-may-likee .index_title_bar .good_title:after {
    right: 5px;
}

.goods-may-likee .swiper-pagination-bullets {
    text-align: center;
    margin-top: 23px;
    line-height: 1;
    display: none;
}

.goods-may-likee .navigate_bar {
    width: auto;
    position: relative;
    z-index: 999;
    font-size: 0;
}

.goods-may-likee .navigate_button_next,.goods-may-likee .navigate_button_prev {
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: inline-block;
}

.goods-may-likee .navigate_button_next {
    right: 0;
    margin-left: 9px;
}

.goods-may-likee .navigate_button_prev {
    left: 0;
}

.goods-may-likee .navigate_button_next:before,.goods-may-likee .navigate_button_prev:before {
    content: "";
    width: 26px;
    height: 26px;
    display: block;
    background-color: #b90007;
    background-image: url(../image/web_icon.png);
}

.goods-may-likee .navigate_button_next:before {
    background-position: -273px 0;
}

.goods-may-likee .navigate_button_prev:before {
    background-position: -248px 0;
}

.goods-may-likee .navigate_button_next:hover:before {
    background-color: #fab522;
}

.goods-may-likee .navigate_button_prev:hover:before {
    background-color: #fab522;
}

.goods-may-likee .product_item .item_img:hover img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.newsxq_fr .tit {
    color: #b90007;
}

.news_tj li .lg {
    color: #b90007;
}

.cookie-bar-hide {
    opacity: 0 !important;
}

.cookie-bar * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-transition-property: color,background-color,border-color,border-bottom-color;
    transition-property: color,background-color,border-color,border-bottom-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.33,0,0.3,1);
    transition-timing-function: cubic-bezier(0.33,0,0.3,1);
}

.cookie-bar-container {
    position: relative;
}

.cookie-bar-close-btn {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 32px;
    height: 32px;
    padding: 8px;
    font-size: 0;
    cursor: pointer;
    border: none;
    background: #fff;
}

.cookie-bar-close-btn .icon,.cookie-bar-setting-close-btn .icon {
    width: 100%;
    height: 100%;
}

.cookie-bar {
    width: 100%;
    height: 120px;
    position: fixed;
    background-color: #fff;
    opacity: 1;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3000;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
    -webkit-transition: bottom .7s,opacity .8s;
    transition: bottom .7s,opacity .5s,height 0.4s ease-in-out;
}

.cookie-bar-container {
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
}

.cookie-bar-close-btn,.cookie-bar-setting-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    padding: 5px;
    font-size: 0;
    cursor: pointer;
    border: none;
    background: #fff;
}

.cookie-bar-msg-warp {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.cookie-bar-msg-warp .cookie-bar-msg {
    width: 920px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}

.cookie-bar-msg-warp .cookie-bar-manage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 480px;
    padding-right: 80px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cookie-bar-manage a {
    color: #fff;
    background-color: #8c0409;
    border: 1px solid #8c0409;
    text-shadow: 0 0 3px rgba(0,0,0,0.72);
    padding: 10px 24px 11px 24px;
    border-radius: 20px;
    margin-left: 20px;
    cursor: pointer;
    font-size: 14px;
}

.cookie-bar-manage a:first-child {
    margin-left: 0px;
}

.cookie-bar-manage a:hover {
    color: #eee;
    background-color: #8c0409;
}

.cookie-bar-msg .cookie-bar-msg-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

.cookie-bar-msg .cookie-bar-msg-desc {
    font-size: 13px;
}

.cookie-bar-msg .cookie-bar-msg-desc a {
    color: #1428a0;
    text-decoration: underline;
}

.cookie-bar-setting-container {
    transition: height 0.4s ease-in-out;
    width: 50%;
    height: 0;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.cookie-bar-setting-container.active {
    height: 400px;
}

.cookie-bar-setting-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

.cookie-bar-setting-container-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cookie-bar-setting-items {
    flex: 1;
    overflow-y: auto;
}

.cookie-bar-setting-check-result {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    justify-content: flex-end;
}

.cookie-bar-setting-check-result a {
    color: #fff;
    background-color: #8c0409;
    border: 1px solid #8c0409;
    text-shadow: 0 0 3px rgba(0,0,0,0.72);
    padding: 10px 24px 11px 24px;
    border-radius: 20px;
    margin-left: 20px;
    cursor: pointer;
    font-size: 14px;
}

.cookie-bar-setting-check-result a:hover {
    color: #eee;
    background-color: #8c0409;
}

.cookie-bar-manage-reject,.cookie-bar-manage-setting,.cookie-bar-manage-setting-reset {
    background-color: #fff !important;
    color: #000 !important;
    text-shadow: none !important;
    border: 1px solid #000;
}

.cookie-bar-setting-one:not(:first-child) {
    margin-top: 25px;
}

.cookie-bar-setting-one:last-child {
    margin-bottom: 5px;
}

.cookie-bar-setting-one .cookie-bar-setting-one-title {
    font-size: 15px;
    font-weight: bold;
}

.cookie-bar-setting-one .cookie-bar-setting-one-desc {
    font-size: 13px;
    margin-top: 5px;
}

.cookie-bar-setting-one .cookie-bar-setting-one-set {
    font-size: 13px;
    margin-top: 5px;
    display: flex;
    flex-direction: row;
}

.cookie-bar-setting-one .cookie-bar-setting-one-set label {
    font-size: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 25px;
}

.cookie-bar-setting-one .cookie-bar-setting-one-set label:last-child {
    margin-left: 20px;
}

.cookie-bar-setting-one-set .cookie_bar_setting_radio {
    width: 20px;
    height: 20px;
    border: 1px solid black;
    border-radius: 50%;
    margin-right: 5px;
}

.cookie-bar-setting-one-set .cookie_bar_setting_label .cookie_bar_setting_radio {
    border: 6px solid #8c0409;
    background-color: #fff;
}

@media (max-width: 768px) {
    .pagevideo .ul li {
        width:100%;
        margin-right: 0;
    }

    .cookie-bar-container {
        max-width: 100%;
        padding: 15px;
    }

    .cookie-bar-manage {
        display: block;
    }

    .cookie-bar-msg-warp {
        flex-direction: column !important;
    }

    .cookie-bar-setting-container {
        width: 100%
    }

    .cookie-bar-msg-warp .cookie-bar-msg {
        width: unset;
        padding-left: 0;
    }

    .cookie-bar {
        height: auto;
    }

    .cookie-bar-close-btn {
        top: 5px;
        right: 5px;
    }

    .cookie-bar-manage {
        width: unset !important;
        padding-right: 0px !important;
        justify-content: space-evenly !important;
        margin-top: 15px;
    }

    .cookie-bar-manage a {
        margin-left: 0 !important;
        padding-right: 30px;
        padding-left: 30px;
    }

    .cookie-bar-setting-check-result a {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width:1200px) {
    .cookie-bar-container {
        max-width:90%;
    }

    .cookie-bar-setting-container {
        width: 70%;
    }

    .cookie-bar-manage {
        padding-right: 45px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width:1600px) {
    .cookie-bar-container {
        max-width:90%;
    }
}

@media screen and (max-width: 950px) {
    .pd_zuoyoutu1_l {
        width:100%;
    }

    .pd_zuoyoutu1 {
        display: block;
    }

    .pd_zuoyoutu1_r {
        width: 100%;
    }

    .pd_tuwen2 {
        display: block;
    }

    .pd_tuwen2_l {
        text-align: center;
    }

    .pd_tuwen3 {
        display: block;
    }

    .pd_tuwen3 .r {
        float: none;
    }

    .pd_tuwen4 {
        display: block;
    }

    .pd_tuwen4l {
        width: 100%;
    }

    .pd_tuwen4r {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .pd_tuwen5 ul li {
        width: 32% !important;
        margin: .66% !important;
        border: 1px solid #34587b;
    }

    .pics_scale img {
        height: 100% !important;
    }

    .pd_tuwen8 {
        display: block;
    }

    .pd_tuwen8l {
        width: 100%;
    }

    .pd_tuwen8r {
        width: 100%;
        margin-top: 20px;
    }

    .pd_tuwen7 {
        display: block;
    }

    .pd_tuwen7l {
        width: 100%;
    }

    .pd_tuwen7r {
        width: 100%;
    }
}

#cont > ul > li > ul > li > a {
    color: #b90007!important;
}

#cont > ul > li > ul > li > ul > li > a {
    color: #b90007!important;
}

.sitemap-logo-boxs h2 {
    background: #b90007!important;
}

#footer {
    background: #b90007!important;
}

.search-product-detail .search-detail-tabs .title:hover {
    background: #b90007!important;
    color: white!important
}

.search-product-detail .search-detail-tabs .title.current {
    background: #b90007!important;
}

.header_top_search {
}

.header_top_search svg {
}

.header_top_lang {
}

.header_top_lang svg {
}

.wire_swipers {
    margin-top: 25px;
    position: relative;
}

.wire_swipers .swiper-slide {
    background-color: #ffffff;
    padding: 26px 38px 45px 38px;
    position: relative;
}

.wire_swipers .swiper-slide::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 118px;
    background-color: #f5f6f8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.wire_swipers .swiper-slide .use_touxiang {
    width: 182px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.wire_swipers .swiper-slide .use_touxiang .img {
    padding-top: 100%;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.29);
}

.wire_swipers .swiper-slide .use_touxiang .img img {
    top: 0;
    left: 0;
}

.wire_swipers .swiper-slide .title {
    text-align: center;
    font-size: 20px;
    color: #333;
    margin-top: 40px;
}

.wire_swipers .swiper-slide .detail {
    text-align: center;
    color: #666666;
    margin-top: 26px;
    line-height: 28px;
    height: 336px;
    font-size: 16px;
}

.wire_use_next,.wire_use_prev {
    height: 60px;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    background-image: url(../image/51.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.wire_use_prev {
    left: -12px;
}

.wire_use_prev:hover {
    background-image: url(../image/52.png);
}

.wire_use_next {
    background-image: url(../image/50.png);
    right: -12px;
}

.wire_use_next:hover {
    background-image: url(../image/53.png);
}

.mesh_sizes_outer {
    width: 100%;
    position: relative;
    margin-top: 100px;
    padding-top: 85px;
    padding-bottom: 130px;
}

.total_background {
    background-color: #fff;
    width: calc(50% + 700px);
    margin: 0 auto;
    margin-right: 0;
    padding-right: calc(50% - 700px);
}

.all_text {
    padding: 43px 0 50px 36px
}

.all_text .mings {
    font-size: 30px;
    color: #34587b;
    font-family: OSWALD-BOLD;
}

.all_text .mings::after {
    content: '';
    display: block;
    width: 76px;
    height: 6px;
    background-color: #34587b;
    margin-top: 10px;
    margin-bottom: 36px;
}

.right_text {
    width: 56.2%;
    margin: 0 auto;
    margin-right: 0;
}

.sizes_content {
    line-height: 30px;
    color: #666;
    font-size: 16px;
}

.sizes_content p {
    margin-bottom: 30px;
}

.outer_img_position {
    position: absolute;
    top: 0;
    left: 0;
    width: 43.23%;
}

.outer_img_position .img {
    padding-top: 80.96%;
    z-index: 20;
}

.outer_img_position .img img {
    top: 0;
    left: 0;
}

.position_re {
    position: relative;
}

.position_re::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 285px;
    height: 279px;
    background-color: #b90005;
    right: -8px;
    bottom: -9px;
    z-index: 10;
}

@media screen and (max-width: 1440px) {
    .total_background {
        width:97.5%;
        padding-right: 2.5%;
    }

    .mesh_sizes_outer {
        padding-top: 40px;
    }

    .sizes_content p {
        margin-bottom: 20px;
    }

    .outer_img_position .img {
        padding-top: 110%;
    }
}

@media screen and (max-width: 1300px) {
    .wire_swipers .swiper-slide .detail {
        line-height:24px;
    }

    .total_background {
        width: 100%;
    }

    .outer_img_position {
        position: static;
        width: 100%;
    }

    .outer_img_position .img {
        padding-top: 60%;
    }

    .right_text {
        width: 100%;
    }

    .mesh_sizes_outer {
        padding-top: 60px;
    }
}

@media screen and (max-width: 950px) {
    .wire_swipers .swiper-slide .detail {
        height:auto;
    }

    .all_text .mings {
        font-size: 26px;
    }

    .sizes_content p {
        margin-bottom: 10px;
    }
}

.pence_xxk_outer {
    margin-top: 38px;
}

.xxk_title {
    display: flex;
}

.xxk_title li {
    font-size: 18px;
    color: #333;
    padding: 0 36px;
    line-height: 50px;
}

.xxk_title li.active {
    background-color: #fff;
}

.xxk_switch {
    background-color: #fff;
    overflow: hidden;
    min-height: 315px;
    position: relative;
}

.xxk_switch .switch_number {
    position: absolute;
    padding: 34px 0;
    z-index: 0;
    transition: all .5S;
    width: 100%;
    background-color: white;
    top: 100%;
}

.xxk_switch .switch_number.current {
    position: absolute;
    z-index: 1;
    top: 0;
}

.xxk_switch .switch_number .mySwiper {
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
}

.xxk_switch .switch_number .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xxk_switch .switch_number .swiper-slide .ll {
    width: 38.21%;
}

.xxk_switch .switch_number .swiper-slide .ll .img {
    padding-top: 74.76%;
}

.xxk_switch .switch_number .swiper-slide .ll .img img {
    top: 0;
    left: 0;
}

.xxk_switch .switch_number .swiper-slide .rr {
    width: 54.28%;
}

.xxk_switch .switch_number .swiper-slide .titlr {
    font-size: 20px;
    color: #333333;
    margin-bottom: 26px;
}

.xxk_switch .switch_number .swiper-slide .detail {
    font-size: 16px;
    line-height: 28px;
    color: #666;
}

.switch_number .swiper-button-next,.switch_number .swiper-button-prev {
    width: 24px;
    height: 58px;
    transition: all ease-in-out .3s;
    background-size: cover;
}

.switch_number .swiper-button-next::before,.switch_number .swiper-button-prev::before {
    display: none;
}

.switch_number .swiper-button-next {
    right: 0;
    background-image: url(../image/50.png);
}

.switch_number .swiper-button-next:hover {
    background-image: url(../image/53.png);
}

.switch_number .swiper-button-prev {
    left: 0;
    background-image: url(../image/51.png);
}

.switch_number .swiper-button-prev:hover {
    background-image: url(../image/52.png);
}

.switch_number .swiper-button-next:hover,.switch_number .swiper-button-prev:hover {
    background-color: #b90007;
}

.panel_mains .productsing {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

.sss_title {
    font-size: 20px;
    color: #333333;
    margin-top: 40px;
}

.panel_mains .productsing1 {
    text-align: left;
    margin-top: 20px;
    padding-top: 0;
    color: #666;
}

.panel_mains {
    margin-bottom: 100px;
}

.supplie_mains .productsing {
    text-align: center;
    font-size: 16px;
}

.supplie_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding-bottom: 110px;
}

.supplie_content .ll {
    width: 42.5%;
}

.supplie_content .ll .img {
    padding-top: 113%;
}

.supplie_content .ll .img img {
    top: 0;
    left: 0;
}

.supplie_content .rr {
    width: 55%;
    padding-right: calc(50% - 700px);
    overflow: hidden;
}

.supplie_content .silde_nn {
    position: relative;
    margin-bottom: 33px;
    margin-top: 12px;
}

.supplie_content .silde_nn .number {
    font-family: Oswald-Bold;
    font-size: 85px;
    color: #34587b;
    opacity: 0.1;
    position: absolute;
    left: 0;
    line-height: 100%;
    top: -12px;
}

.supplie_content .silde_nn .title {
    font-family: Oswald-Bold;
    font-size: 24px;
    color: #34587b;
    margin-bottom: 4px;
}

.supplie_content .silde_nn .content {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.supplieSwiper {
    overflow: hidden;
}

.supplieSwiper .swiper-button-next,.supplieSwiper .swiper-button-prev {
    position: static;
    margin-top: 0;
    background-size: auto;
    width: 113px;
    height: 59px;
    display: inline-block;
    background-color: rgba(0,0,0,.5);
    transition: all ease-in-out .3s;
}

.supplieSwiper .swiper-button-next {
    background-image: url(../image/222.png);
}

.supplieSwiper .swiper-button-prev {
    background-image: url(../image/221.png);
    margin-right: 14px;
}

.supplieSwiper .swiper-button-next:hover,.supplieSwiper .swiper-button-prev:hover {
    background-color: #b90007;
}

@media screen and (max-width: 1440px) {
    .supplie_content .rr {
        padding-right:2.5%;
    }
}

@media screen and (max-width: 950px) {
    .xxk_switch .switch_number .mySwiper {
        width:94%;
    }

    .xxk_switch .switch_number .swiper-slide .rr {
        width: 58%;
    }

    .xxk_title li {
        padding: 0 20px;
    }

    .supplie_content {
        display: block;
    }

    .supplie_content .ll {
        width: 100%;
        margin-bottom: 20px;
    }

    .supplie_content .rr {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .msinga .mings {
        font-size:24px;
    }

    .xxk_title li {
        font-size: 14px;
        padding: 0 10px;
    }

    .xxk_switch .switch_number .swiper-slide {
        display: block;
    }

    .xxk_switch .switch_number .swiper-slide .ll {
        width: 100%;
        margin-bottom: 16px;
    }

    .xxk_switch .switch_number .swiper-slide .rr {
        width: 100%;
    }

    .xxk_switch .switch_number .swiper-slide .titlr {
        margin-bottom: 10px;
        font-size: 18px;
    }
}

.news_con iframe {
    width: 100%;
    height: 450px
}

@media screen and (max-width: 600px) {
    .news_con iframe {
        height:250px
    }
}

.page .page-header {
    margin-top: 30px;
}

.page-header {
    font-weight: bold;
    font-size: 30px;
    color: #333;
    text-align: center;
    line-height: 1;
    padding-bottom: 9px;
    position: relative;
    margin-bottom: 1px;
    margin-top: 60px;
}

.page-header::before {
    content: '';
    width: 93px;
    margin: 0 auto;
    height: 3px;
    background: #b90007;
    position: absolute;
    left: calc(50% - 4%);
    bottom: 0;
}

.Say {
    background: url(../image/say_bg.webp) no-repeat center bottom/cover;
    padding-bottom: 80px;
}

.say_wapr {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.say_wapr .say_item {
    padding: 2%;
    width: 46%;
}

@media screen and (max-width: 600px) {
    .say_wapr .say_item {
        padding:2%;
        width: 100%;
    }
}

.say_wapr .top {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 30px;
}

.say_wapr .img_warp {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    padding-bottom: 30%;
    width: 30%;
}

.say_wapr .img_warp img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.say_wapr .top .text {
    padding-left: 3%;
}

.say_wapr .top .text .title {
    font-family: Arial;
    font-weight: bold;
    font-size: 26px;
    color: #333333;
    padding-bottom: 10px;
}

.say_wapr .top .text .desc {
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
}

.say_wapr .content {
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
}

.say_wapr .say_item:hover {
    box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.15);
    border-radius: 10px;
    background-color: #b90007;
}

.say_wapr .say_item:hover .text .title {
    color: #fff;
}

.say_wapr .say_item:hover .text .desc {
    color: #fff;
}

.say_wapr .say_item:hover .content {
    color: #fff;
}

@media screen and (max-width: 600px) {
    .say_wapr .say_item {
        width:100%;
        margin-bottom: 50px
    }

    .Say.layout {
        padding: 0
    }
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.marquee-content {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 12s linear infinite;
}

.marquee-content img {
    width: 18%;
    margin: 5px;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

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

.swiper_po img {
    display: block;
    margin: 0 auto;
}

.panel-fance .swiper-slide .wz a {
    background: none !important;
    border: 1px solid #bbc1b7;
    color: #000!important;
}

.atvv img {
    width: 100%;
    margin: 0 auto;
    object-fit: cover;
    display: block;
}

.swiper_ot .swiper-button-prev {
    left: 0;
    top: 47%;
    opacity: 1 !important;
    cursor: pointer!important;
    pointer-events: auto!important;
}

.swiper_ot .swiper-button-next {
    right: 0;
    top: 47%;
    opacity: 1 !important;
    cursor: pointer!important;
    pointer-events: auto!important;
}

.vid {
    width: 100%;
    display: flex;
    margin: 15px 0;
    justify-content: space-between;
}

.vid_le {
    width: 50%;
    padding-top: 10px;
}

.vid_ri {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.vid_ri img {
    width: 48%;
    display: block;
    margin: 5px;
    object-fit: cover;
}

.vid_ri img:nth-child(odd) {
    margin-right: 0;
}

.enterprises_list .swiper-wrapper {
    -webkit-transition-timing-function: linear!important;
    -o-transition-timing-function: linear!important;
    transition-timing-function: linear!important;
}

.enterprises_list .swiper-slide {
    padding: 10px
}

.enterprises_list .swiper-slide .pic {
    background-color: white;
    width: 100%;
    height: 100px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.enterprises_list .pic img {
    max-height: 80%;
    height: 100%;
    object-fit: contain;
    max-width: 80%;
}

@media screen and (max-width: 950px) {
    .vid {
        display:block;
    }

    .vid_le,.vid_ri {
        width: 100%;
    }
}

.xq_map {
    width: 100%;
    padding: 25px 0 0;
    background: url(../image/xq_map.png)no-repeat center;
    background-size: cover;
}

.xq_map .mapp {
    display: block;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

@media only screen and (max-width: 1440px) {
    .xq_map .mapp {
        width:95%;
        margin: 0 auto;
    }
}

.foot_ppspanen {
   
    color: #fff;
    font-family: Arial;
    font-weight: normal;
    font-size: 18px;
    
   
    align-items: center;
  font-family: OSWALD-BOLD;
    margin-bottom: 20px;
}




 .head_down .layout{
            min-height: 500px;
        }
    /* 整体导航容器 */
    .head_down .nav_list{
       flex-wrap: nowrap;
       height: auto;    position: relative;
    }
    .nav_list {
        display: flex;
        
        list-style: none;
        margin: 0;
        padding: 0;
    }


    /* 一级菜单容器 */
    .nav-item {
        width: 20%;
        position: relative;
        margin-right: 20px;
    }
    .head_down .nav_list ul li a{
        display: block;
    }

    .nav-item a {
        text-decoration: none;
        color: #333;
        display: block;
        padding: 10px 15px;
       
        transition: background-color 0.3s;
        text-align: center;
    }

    
    .head_down .nav_list .nav_tt{

    }

    /* 二级菜单容器 */
    #head_d .sub-menu {
        display: none;
        position: absolute;
        top: 0;
       
        min-height: 100%;
        margin: 0;
        padding: 0;

        
   
    left: 20%;
    width: 80%;
   
       
    }
    .endr{
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        margin: 2px 2px 6px 2px;
        position: relative;
        border:2px solid #e5e5e5;
    }
    .endr img{
           position: absolute;
    left: 0;
    top: 0;
        width: 100%;
        height: 100%;    object-fit: cover;
    }

    /* 显示二级菜单 */
 .nav-item:hover .sub-menu {
        display: flex
;
    flex-wrap: wrap;
    }

    /* 二级菜单项 */
#head_d  .sub-menu li {
        width: 16.5%; 
    }
  #head_d  .sub-menu li a {
        text-decoration: none;
        color: #333;
        padding: 8px 12px;
        display: block;
        transition: background-color 0.3s;
    }
#head_d .sub-menu li a:hover {
    color: #b90007;
}
#head_d   .sub-menu li a:hover .endr {
      border-color:#b90007;
    }
   
  #head_d  .nav-item {
    
   
    position: static;}

    @media only screen and (min-width: 1660px) {
.head_down .nav_list {
  
    height: 470px;}
    }

@media only screen and (max-width: 1660px){
    .nav_dropdown_links{
        
           height: 100%;
            overflow-x: visible !important;
    }
}

.head_down.cnnrrrr {
    height: auto;
    padding: 40px 0 20px;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    transition: opacity .2s ease-in, visibility 0s ease-in 0s, overflow 0s ease-in 0s;
}

.xianzh{
    transform:rotate(90deg)
}

.Global_Strategy .top_fix .text{
    max-height: 490px;
        overflow-y: scroll;
        padding-top: 15px !important;
}
.Global_Strategy .top_fix img {
   
    object-fit: cover;}

    @media only screen and (max-width: 800px){
        .Global_Strategy .top_fix .text{
            max-height: none;
    overflow-y: auto;
     padding-top: 30px !important;
        }

        .imga .img_gli {
        height: auto !important;
    }
    }